@charset "UTF-8";
/***********************************************
* (주) 인터스코프 : 2021-03-16
***********************************************/
@import "fonts.css";
@import "reset.css";

html, body {
    font-family: "NotoKrR";
}


.mt--10 {margin-top: 10px !important;}
.mt--15 {margin-top: 15px !important;}
.mt--20 {margin-top: 20px !important;}
.mt--25 {margin-top: 25px !important;}
.mt--30 {margin-top: 30px !important;}
.mt--40 {margin-top: 40px !important;}
.mt--45 {margin-top: 45px !important;}
.mt--50 {margin-top: 50px !important;}
.mt--60 {margin-top: 60px !important;}
.mt--70 {margin-top: 70px !important;}
.mt--75 {margin-top: 75px !important;}
.mt--80 {margin-top: 80px !important;}

.ml--5 {margin-left: 5px !important;}
.ml--10 {margin-left: 10px !important;}
.ml--20 {margin-left: 20px !important;}
.ml--30 {margin-left: 30px !important;}
.ml--40 {margin-left: 40px !important;}
.ml--50 {margin-left: 50px !important;}
.ml--60 {margin-left: 60px !important;}


.d-flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}


/*************************************
 * warp
 */
.wrap {
    /*padding-top: 90px;*/
}

/*************************************
 * 헤더
 */
/** 탑 메뉴 **/

.nav__wrap {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
    height: 90px;
    background: #fff;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.nav__wrap .nav__content {
    width: 100%;
    max-width: 1200px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
}

.nav__wrap .nav__content .logo {
    width: 66px;
    height: 59px;
    background: url(../img/logo.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 2;
    transform: translateY(-50%);
}

.nav__wrap .nav__content .logo a {
    display: block;
    width: 100%;
    height: 59px;
}

.nav__wrap .nav__content ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav__wrap .nav__content ul li {
    margin: 0 30px;
}

.nav__wrap .nav__content ul li > a {
    padding: 5px 20px;
    font-family: "NotoKrM";
    font-size: 14px;
    color: #291c18;
    border: 1px solid #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav__wrap .nav__content ul li.actv > a, .nav__wrap .nav__content ul li:hover > a {
    border-color: #e7d9b5;
    color: #604d2a;
}

.nav__wrap .nav__content .hm__menu {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 2;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.nav__wrap .nav__content .hm__menu span {
    display: block;
    width: 22px;
    height: 2px;
    background: #291c18;
    transition: all .1s linear;
}

.nav__wrap .nav__content .hm__menu span:nth-of-type(2) {
    margin: 3px 0px;
}


.nav__wrap.on .nav__content .hm__menu span:nth-of-type(1){
    transform: rotate(-45deg) translate(-3.5px, 3.5px);
}
.nav__wrap.on .nav__content .hm__menu span:nth-of-type(2){
    opacity: 0;
}
.nav__wrap.on .nav__content .hm__menu span:nth-of-type(3){
    transform: rotate(45deg) translate(-3.5px, -3.5px);
}

/** 헴버그 메뉴 **/
/*************************************
 * 메인
 */
.main__section01 {
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 90px);
}

.main__section01 .main__full__slide {
    position: relative;
    z-index: 1;
}

.main__section01 .swiper-slide {
    height: calc(100vh - 90px);
    background-size: cover !important;
}

.main__section01 .mslide__01 {
    background: url(../img/main_slide01.jpg) no-repeat center;
}

.main__section01 .mslide__02 {
    background: url(../img/main_slide02.jpg) no-repeat center;
}

.main__section01 .mslide__03 {
    background: url(../img/main_slide03.jpg) no-repeat center;
}

.main__section01 .main__full__slide .main__full__slide__page__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 8;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.main__section01 .main__full__slide .main__full__slide__page {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 266px;
    overflow: hidden;
    margin-top: 85px;
}

.main__section01 .main__full__slide .main__full__slide__page:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    z-index: -1;
}

.main__section01 .main__full__slide .main__full__slide__page span {
    width: 23px;
    height: 23px;
    display: flex;
    border: 1px solid #3a2811;
    border-radius: 23px;
    font-size: 12px;
    font-family: "NotoKrB";
    color: #604d2a;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    margin-right: 15px;
    white-space: nowrap;
    transition: all 0.4s;
    cursor: pointer;
}

.main__section01 .main__full__slide .main__full__slide__page span:last-child {
    margin-right: 0px;
}

.main__section01 .main__full__slide .main__full__slide__page span i {
    display: none;
}

.main__section01 .main__full__slide .main__full__slide__page span.actv {
    margin-right: 94px;
    background: #3a2811;
    color: #fff;
    width: auto;
    padding: 0 10px;
}

.main__section01 .main__full__slide .main__full__slide__page span.actv i {
    display: inline-block;
}

.main__section01 .main__full__slide .main__full__slide__page span:nth-of-type(2).actv {
    margin-right: 110px;
}

.main__section01 .main__full__slide .main__full__slide__page span:nth-of-type(3).actv {
    margin-right: 0px;
    margin-left: 103px;
}

.main__section01 .main__full__slide #text__desc__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 1200px;
    margin-top: -110px;
}

.main__section01 .main__full__slide .text__desc__wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    max-width: 450px;
}

.main__section01 .main__full__slide .text__desc__wrapper > div {
    display: none;
    text-align: right;
}

.main__section01 .main__full__slide .text__desc__wrapper > div p {
    color: #291c18;
    font-family: "NotoKrTN";
    font-size: 35px;
    line-height: 1.7;
}

.main__section01 .main__full__slide .text__desc__wrapper > div h2 {
    color: #291c18;
    font-family: "NotoKrB";
    font-size: 35px;
    line-height: 1.7;
    margin-top: 15px;
}

.main__section01 .main__full__slide .text__desc__wrapper > div.actv {
    display: block;
}

.main__section02 {
    margin-top: 178px;
    padding-bottom: 85px;
    background: #fff;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main__section02 .main__solution__wrap {
    width: 100%;
    max-width: 1920px;
}

.main__section02 .main__solution__wrap > h2 {
    text-align: center;
    font-size: 40px;
    color: #291c18;
    font-family: "NotoKrB";
}

.main__section02 .main__solution__wrap > p {
    font-size: 18px;
    color: #777;
    font-family: "NotoKrLT";
    text-align: center;
    margin-top: 15px;
}

.main__section02 .main__solution__wrap .item__sections {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 25px;
}

.main__section02 .main__solution__wrap .item__sections > div {
    width: calc(20% - 50px);
    /*min-width:300px;*/
    height: 300px;
    border: 1px solid #ddd;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 25px;
    margin-bottom: 25px;
}

.main__section02 .main__solution__wrap .item__sections > div .thumb {
    width: 110px;
    height: 110px;
    background: cover;
}

.main__section02 .main__solution__wrap .item__sections > div:nth-of-type(1) .thumb {
    background: url(../img/ctx_01.png) no-repeat center;
}

.main__section02 .main__solution__wrap .item__sections > div:nth-of-type(2) .thumb {
    background: url(../img/ctx_02.png) no-repeat center;
}

.main__section02 .main__solution__wrap .item__sections > div:nth-of-type(3) .thumb {
    background: url(../img/ctx_03.png) no-repeat center;
}

.main__section02 .main__solution__wrap .item__sections > div:nth-of-type(4) .thumb {
    background: url(../img/ctx_04.png) no-repeat center;
}

.main__section02 .main__solution__wrap .item__sections > div:nth-of-type(5) .thumb {
    background: url(../img/ctx_05.png) no-repeat center;
}

.main__section02 .main__solution__wrap .item__sections > div h2 {
    text-align: center;
    font-size: 23px;
    color: #323232;
    font-family: "NotoKrB";
    margin-top: 15px;
}

.main__section02 .main__solution__wrap .item__sections > div p {
    maring-top: 5px;
    line-height: 1.7;
    text-align: center;
    font-size: 16px;
    color: #8d8b8b;
    font-family: "NotoKrLT";
}

/*************************************
 * 푸터
 */
.footer__ban__wrap {
    width: 100%;
    text-align: center;
    height: 250px;
    background: url(../img/footer_bg.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.footer__ban__wrap p {
    color: #fff;
    font-size: 23px;
    font-family: "NotoKrM";
}

.footer__ban__wrap a {
    font-size: 13px;
    font-family: "NotoKrR";
    color: #000;
    background: #fff;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 45px;
    margin-top: 30px;
}

.copyright__wrap {
    padding: 20px 0px;
    min-height: 60px;
    width: 100%;
    background: #222;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright__wrap .copyright__content {
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright__wrap .copyright__content .footer__logo {
    width: 86px;
    height: 40px;
    background: url(../img/ft_logo.png) no-repeat center;
    background-size: contain !important;
    margin-right: 69px;
}

.copyright__wrap .copyright__content .copy__text {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.copyright__wrap .copyright__content .copy__text p {
    font-size: 13px;
    color: #5c5c5c;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    flex-wrap: wrap;
    width: 100%;
}

.copyright__wrap .copyright__content .copy__text p:nth-of-type(2) {
    margin-top: 10px;
}

.copyright__wrap .copyright__content .copy__text p span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px;
}

.copyright__wrap .copyright__content .copy__text .ft_icon_01 {
    background: url(../img/ft_icon01.png) no-repeat center;
}

.copyright__wrap .copyright__content .copy__text .ft_icon_02 {
    background: url(../img/ft_icon02.png) no-repeat center;
}

.copyright__wrap .copyright__content .copy__text .ft_icon_03 {
    background: url(../img/ft_icon03.png) no-repeat center;
}

/** 스크롤 에니메이션 **/
.scroll__pointer {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.scroll__pointer:before {
    content: "";
    display: block;
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    margin-left: -1px;
    height: 40px;
    border-right: 2px dashed #fff;
}

.scroll__pointer:after {
    content: "Scroll";
    font-size: 12px;
    font-family: "NotoKrBlk";
    color: #222;
    display: block;
    width: 130px;
    height: 153px;
    border-radius: 266px;
    background: #fff;
    position: absolute;
    bottom: -122px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 2.5;
}

.scroll__downs {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    width: 34px;
    height: 55px;
    z-index: 9;
}

.mousey {
    width: 3px;
    padding: 7px 12px;
    height: 35px;
    border-radius: 25px;
    border: 2px solid #fff;
    box-sizing: content-box;
}

.scroller {
    width: 3px;
    height: 8px;
    border-radius: 25%;
    background: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

@keyframes downup {
    0% {
        opacity: 0;
        transform: translateY(0, 100px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes bounce {
    from, to {
        margin-bottom: 0px;
        animation-timing-function: ease-out;
    }
    50% {
        margin-bottom: 8px;
        animation-timing-function: ease-in;
    }
}

/**********************************************************
 * 2021-03-31 솔루션
 **********************************************************/
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 15px;
}

.container .sub__top__header {
    text-align: center;
    padding-top: 110px;
}

.container .sub__top__header h2 {
    font-size: 40px;
    font-weight: 900;
    font-family: "NotoKrB";
    color: #222;
    line-height: 100%;
}

.container .sub__top__header p {
    font-family: "NotoKrL";
    font-size: 18px;
    color: #777;
    margin-top: 20px;
}

.container .sub__top__chip {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 50px 0 45px 0px;
    flex-wrap: wrap;
}

.container .sub__top__chip > div {
    border: 1px solid #e8e3d9;
    color: #bbb1a0;
    height: 50px;
    border-radius: 50px;
    font-weight: 900;
    font-family: "NotoKrB";
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 25px;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.container .sub__top__chip > div:hover {
    border: 1px solid #afa694;
    color: #604d2a;
}

.container .sub__top__chip > div:last-child {
    margin-right: 0px;
}

.container .sub__top__info__wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 35px 55px;
    border: 1px solid #e8e3d9;
    border-radius: 15px;
    background-color: #f7f5f0;
}

.container .sub__top__info__wrap.backup{
    width:100%;
    padding: 35px 45px!important;
    background:#fff;
}

.container .sub__top__info__wrap .thumb {
    border-radius: 15px;
    width: 100%;
    max-width: 357px;
    height: 192px;
    background: url("../img/sub_top_ban.png") no-repeat center;
}

.container .sub__top__info__wrap .thumb.operation{
    background: url("../img/sub_top_ban2.png") no-repeat center;
}

.container .sub__top__info__wrap .thumb.backup{
    background: url("../img/sub_top_ban3.png") no-repeat center;
}
.container .sub__top__info__wrap .thumb.edu{
    background: url("../img/sub_top_ban4.png") no-repeat center;
    max-width:300px;
}


.container .sub__top__info__wrap.backup .thumb{
    background: url("../img/sub_top_ban3-2.png") no-repeat center;
    max-width:300px;
}


.container .sub__top__info__wrap .thumb.service{
    background: url("../img/sub_top_ban5.png") no-repeat center;
}


.container .sub__top__info__wrap.backup .desc p{
    letter-spacing: -1.7px;
}

.container .sub__top__info__wrap .desc {
    padding-left: 50px;
}

.container .sub__top__info__wrap .desc h2 {
    font-size: 30px;
    color: #291c18;
    font-family: "NotoKrR";
    line-height: 100%;
    letter-spacing: -1.3px;
}

.container .sub__top__info__wrap .desc p {
    font-size: 16px;
    font-family: "NotoKrL";
    coloR: #777;
    margin-top: 25px;
    line-height: 2.1;
    letter-spacing: -1.5px;
}

.container .sub__top__info__wrap .desc .check__ic{
    display: inline-flex;
    width:15px;
    height:14px;
    background:url(../img/check_ic.png) no-repeat center;
    margin-right:8px;
}
.container .sub__top__info__wrap .desc .desc__detail{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap:wrap;
    margin-top:40px;
}
.container .sub__top__info__wrap .desc .desc__detail> div{
    width:calc(33.3333% - 20px);
    margin-bottom:25px;
    margin-right:20px;
    letter-spacing:-1.5px;
}
.container .sub__top__info__wrap .desc .desc__detail> div:nth-of-type(3n){
    margin-right:0px;
}

.container .tab__wrap {
    margin-top: 60px;
}

.container .tab__wrap .tab {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
}

.container .tab__wrap .tab > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 25%;
    border: 1px solid #ddd;
    font-size: 15px;
    font-family: "NotoKrB";
    color: #999;
    margin: 0 -1px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    cursor: pointer;
    min-height: 70px;
}

.container .tab__wrap .tab.ty2 > div{
    width:33.333333%;
}

.container .tab__wrap .tab.ty3 > div{
    width:50%;
}

.container .tab__wrap .tab > div.actv,
.container .tab__wrap .tab > div:hover {
    background-color: #3a2811;
    z-index: 2;
    color: #fff !important;
}

.container .tab__wrap .tab > div:hover span,
.container .tab__wrap .tab > div.actv span {
    color: #fff !important;
}

.container .tab__wrap .tab > div span {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}

.container .tab__wrap .tab > div span:nth-of-type(1) {
    font-size: 15px;
    font-family: "NotoKrB";
    color: #999;
}

.container .tab__wrap .tab > div span:nth-of-type(2) {
    font-size: 12px;
    font-family: "NotoKrL";
    color: #a3a3a3;
}

.container .tab__wrap .tab__items > div {
    display: none;
}

.container .tab__wrap .tab__items > div.actv {
    display: block;
}

.container .tab__wrap .tab__select {
    display: none;
}

.container .tab__wrap .tab__select select {
    height: 40px;
    text-align: center;
    padding: 0 15px;
    width: 100%;
}


.solution__contents {
}

.solution__contents .m_title {
    color: #333;
    font-size: 32px;
    font-family: "NotoKrM";
    text-align: center;
    padding: 75px 0px 60px 0px;

}

.solution__contents .content__grid__wrapper {
}

.solution__contents .content__grid__wrapper.tab__01 {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.solution__contents .content__grid__wrapper.tab__01 section {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(1) {
    justify-content: space-between;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(1) .grid__items {
    margin: 0px;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(1) .grid__items:nth-of-type(2) {
    margin: 0 45px;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    width: calc(32.3333% - 27.5px);
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 44px 30px;
    margin: 0 27.5px;
    margin-bottom: 45px !important;
    height: 450px;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items > div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items > div:nth-of-type(2) {
    width: 100%;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items .symb {
    width: 120px;
    height: 120px;
    min-height: 120px;
    border-radius: 120px;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(1) .grid__items:nth-of-type(1) .symb {
    background: #604e2a url(../img/grd_icon01.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(1) .grid__items:nth-of-type(2) .symb {
    background: #604e2a url(../img/grd_icon02.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(1) .grid__items:nth-of-type(3) .symb {
    background: #604e2a url(../img/grd_icon03.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(2) .grid__items:nth-of-type(1) .symb {
    background: #604e2a url(../img/grd_icon04.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__01 section:nth-of-type(2) .grid__items:nth-of-type(2) .symb {
    background: #604e2a url(../img/grd_icon05.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items .contents__head {
    margin-top: 24px;
    text-align: center;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items .contents__head h2 {
    color: #604d2c;
    font-size: 20px;
    font-family: "NotoKrB";
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items .contents__head p {
    color: #a3a3a3;
    font-size: 14px;
    font-family: "NotoKrL";
    margin-top: 13px;
}

.solution__contents .content__grid__wrapper.tab__01 .grid__items .contents__desc {
    margin-top: 30px;
    color: #444;
    font-size: 15px;
    font-family: "NotoKrL";
    text-align: center;
    line-height: 1.8;
    white-space: normal;
}


.lac__contents__vert {
    margin-top: 90px;
}

.lac__contents__vert .vert__info__wrap {
}

.lac__contents__vert .vert__info__wrap .vert__info__grid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 44px;
    border: 1px solid #eee;
    border-radius: 20px;
    margin-bottom: 40px;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid:last-child {
    margin-bottom: 0px;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid .thumb {
    min-width: 300px;
    width: 300px;
    height: 182px;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid:nth-of-type(1) .thumb {
    background: url(../img/vert_thumb01.png) no-repeat center;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid:nth-of-type(2) .thumb {
    background: url(../img/vert_thumb02.png) no-repeat center;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid:nth-of-type(3) .thumb {
    background: url(../img/vert_thumb03.png) no-repeat center;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid .desc {
    padding-left: 50px;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid .desc h2 {
    font-size: 28px;
    font-family: "NotoKrM";
    color: #333;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid .desc p {
    color: #777;
    font-family: "NotoKrL";
    font-size: 16px;
    margin-top: 20px;
    letter-spacing: -1px;
    line-height: 1.7;
}

.lac__contents__vert .vert__info__wrap .vert__info__grid .desc p i {
    color: #604e2a;
    font-weight: 600;
}


.solution__contents .content__grid__wrapper.tab__02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items {
    width: calc(20% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 25px 0px;
    min-height: 217px;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items .symb {
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items:nth-of-type(1) .symb {
    background: #604e2a url(../img/vert_icon01.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items:nth-of-type(2) .symb {
    background: #604e2a url(../img/vert_icon02.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items:nth-of-type(3) .symb {
    background: #604e2a url(../img/vert_icon03.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items:nth-of-type(4) .symb {
    background: #604e2a url(../img/vert_icon04.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__02 .grid__items:nth-of-type(5) .symb {
    background: #604e2a url(../img/vert_icon05.png) no-repeat center;
}


.solution__contents .content__grid__wrapper.tab__02 .grid__items .contents__head {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #604d2a;
    font-weight: 600;
    margin-top: 10px;
}


.solution__contents .content__wrapper.tab__03 {
}

.solution__contents .content__wrapper.tab__05 .text__desc,
.solution__contents .content__wrapper.tab__04 .text__desc,
.solution__contents .content__wrapper.tab__03 .text__desc {
    text-align: center;
}

.solution__contents .content__wrapper.tab__05 .text__desc p,
.solution__contents .content__wrapper.tab__04 .text__desc p,
.solution__contents .content__wrapper.tab__03 .text__desc p {
    font-family: "NotoKrL";
    color: #999;
    font-size: 16px;
    line-height: 1.8;
}

.solution__contents .content__wrapper.tab__05 .text__desc p:nth-of-type(2),
.solution__contents .content__wrapper.tab__04 .text__desc p:nth-of-type(2),
.solution__contents .content__wrapper.tab__03 .text__desc p:nth-of-type(2) {
    margin-top: 25px;
}




.solution__contents .grid__thumb__info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 60px;
}

.solution__contents .grid__thumb__info > div {
    width: 30%;
    margin: 0 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.solution__contents .grid__thumb__info > div .thumb {
    margin-bottom: 20px;
    width: 300px;
    height: 220px;
}

.solution__contents .grid__thumb__info > div:nth-of-type(1) .thumb {
    background: url(../img/desc_info_thumb01.png) no-repeat center;
}

.solution__contents .grid__thumb__info > div:nth-of-type(2) .thumb {
    background: url(../img/desc_info_thumb02.png) no-repeat center;
}

.solution__contents .grid__thumb__info > div:nth-of-type(3) .thumb {
    background: url(../img/desc_info_thumb03.png) no-repeat center;
}

.solution__contents .grid__thumb__info > div .desc {
    text-align: center;
    width: 100%;
}

.solution__contents .grid__thumb__info > div .desc h2 {
    font-size: 20px;
    color: #222;
    font-family: "NotoKrM";
    font-weight: 500;
}

.solution__contents .grid__thumb__info > div .desc p {
    margin-top: 15px;
    font-size: 15px;
    color: #777;
    font-family: "NotoKrL";
    font-weight: 400;
    white-space: normal;
    display: flex;
}


.solution__contents .content__grid__wrapper.tab__04 {
    margin-top: 95px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items {
    width: calc(20% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 25px 0px;
    min-height: 217px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items .symb {

    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items:nth-of-type(1) .symb {
    background: #604e2a url(../img/vert_icon2-01.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items:nth-of-type(2) .symb {
    background: #604e2a url(../img/vert_icon2-02.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items:nth-of-type(3) .symb {
    background: #604e2a url(../img/vert_icon2-03.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items:nth-of-type(4) .symb {
    background: #604e2a url(../img/vert_icon2-04.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items:nth-of-type(5) .symb {
    background: #604e2a url(../img/vert_icon2-05.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__04 .grid__items .contents__head {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #604d2a;
    font-weight: 600;
    margin-top: 10px;
}


.solution__contents .content__grid__wrapper.tab__05 {
    margin-top: 95px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items {
    width: calc(25% - 20px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 25px 35px;
    min-height: 290px;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 25px;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items .symb {
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(1) .symb {
    background: #604e2a url(../img/vert_icon3-01.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(2) .symb {
    background: #604e2a url(../img/vert_icon3-02.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(3) .symb {
    background: #604e2a url(../img/vert_icon3-03.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(4) .symb {
    background: #604e2a url(../img/vert_icon3-04.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(5) .symb {
    background: #604e2a url(../img/vert_icon3-05.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(6) .symb {
    background: #604e2a url(../img/vert_icon3-06.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(7) .symb {
    background: #604e2a url(../img/vert_icon3-07.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items:nth-of-type(8) .symb {
    background: #604e2a url(../img/vert_icon3-08.png) no-repeat center;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items .contents__head {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 16px;
    color: #604d2a;
    font-weight: 600;
    margin-top: 15px;
    width: 100%;
}

.solution__contents .content__grid__wrapper.tab__05 .grid__items .contents__head p {
    color: #888;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 500;
    width: 100%;
}

.company__wrap .company__top__banner {
    width: 100%;
    max-width: 1200px;
    height: 300px;
    margin: 0 auto;
    background: url(../img/ceogrt_ban.jpg) no-repeat center;
}

.company__wrap .comapny__captions {
    padding-top: 75px;
    font-size: 17px;
    color: #777;
    text-align: center;
    font-family: "NotoKrL";
}

.naver__map__view {
    witdh: 100%;
    text-align: center;
    margin-top: 50px;
}

.naver__map__view a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid #03ce5b;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    color: #00bf18;
    font-size: 16px;
    text-align: center;
    font-family: "NotoKrL";
    border-radius: 54px;
}

.naver__map__view a.nv__btn:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 14px;
    background: url(../img/nv_icon.jpg) no-repeat center;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

.contact__us {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 70px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 28px;
}

.contact__us {
    display: flex;
    flex-direction: row;
    margin-top: 65px;
}

.contact__us span {
    padding: 0 40px;
    position: relative;
    z-index: 1;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ddd;
}

.contact__us span:nth-of-type(1) {
    padding-left: 0px;
}

.contact__us span:before {
    margin-right: 19px;
}

.contact__us span:nth-of-type(1):before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/ct_icon01.png) no-repeat;
}

.contact__us span:nth-of-type(2):before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/ct_icon02.png) no-repeat;
}

.contact__us span:nth-of-type(3) {
    border-right: 0px;
}

.contact__us span:nth-of-type(3):before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/ct_icon03.png) no-repeat;
}


.sub__locations__info {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
}

.sub__locations__info > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    margin-bottom: 20px;
}

.sub__locations__info > div:nth-of-type(5):before,
.sub__locations__info > div:nth-of-type(3):before,
.sub__locations__info > div:nth-of-type(1):before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #3ab449 url(../img/sub_icon.png) no-repeat center;
    margin-right: 15px;
}

.sub__locations__info > div:nth-of-type(3):before {
    background-color: #87c700;
}

.sub__locations__info > div:nth-of-type(5):before {
    background-color: #386de8;
}

.sub__locations__info > div:nth-of-type(4):before,
.sub__locations__info > div:nth-of-type(2):before {
    content: '9호선';
    background-color: #c9a754;
    font-size: 13px;
    font-family: "NotoKrM";
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    padding: 0 20px;
    color: #fff;
    margin-right: 15px;
}

.sub__locations__info > div:nth-of-type(4):before {
    content: '2호선';
    background-color: #3ab449;
}


.root_daum_roughmap.root_daum_roughmap_landing {
    width: 100% !important;
}


/*********************************************************
* CS센터
 */
.form__controll__wrap select,
.form__controll__wrap input{
    border:1px solid #ddd;
    border-radius: 8px;
    height:50px;
    box-sizing: border-box;
    width:100%;
    padding-left:20px;
    font-size:15px;
    color:#222;
    font-family:'NotoKrLT';
}

.form__controll__wrap input::placeholder{
    font-size:15px!important;
    font-family:'NotoKrLT';
    color:#b7b7b7!important;
}

.form__controll__wrap textarea{
    border:1px solid #ddd;
    border-radius: 8px;
    box-sizing: border-box;
    width:100%;
    padding:20px;
    font-size:15px;
    color:#222;
    font-family:'NotoKrLT';
}
.form__controll__wrap textarea::placeholder{
    font-size:15px!important;
    color:#b7b7b7!important;
    font-family:'NotoKrLT';
}
.cs__center__wrap {
}

.cs__center__wrap .m__title.bg__type {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'NotoKrB';
    background: #3a2811;
    font-size: 15px;
}

.qna__form__wrap {
    max-width: 800px;
    margin: 0 auto;
}
.qna__form__wrap > ul > li{
    padding:35px 0px;
    border-bottom:1px solid #efefef;
}
.qna__form__wrap > ul > li:last-child{
    border-bottom:0px;
}
.qna__form__wrap > ul > li > h2{
    font-size:17px;
    font-family: "NotoKrM";
    color:#222;
}

.qna__form__wrap .sub__msg{
    font-size:15px;
    color:#b3b3b3;
    font-family:'NotoKrLT';
}

.btn__actions__wrap{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
}
.btn__actions__wrap .qna__btn{
    width:180px;
    height:55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-family:'NotoKrR';
    font-size: 15px;
    background:#978875;
    border-radius: 55px;
}

.btn__actions__wrap .blank__btn{
    width:180px;
    height:55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#604b2f;
    font-family:'NotoKrR';
    font-size: 15px;
    border:1px solid #9c9388;
    background:#fff;
    border-radius: 55px;
}

/************************************
* 보안
 */
.operation__text{
    text-align: center;
    font-size:16px;
    color:#999;
    line-height: 1.7;
    font-family:'NotoKrR';
}
.operation__text.ty2{
    font-family:'NotoKrR';
    color:#9d886e;
}


.contents__sec02 > div{
    justify-content: center;
    align-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.contents__sec02 > div h2{
    font-size:15px;
    color:#fff;
    height:60px;
    background:#816b4f;
    font-family: "NotoKrM";
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents__sec02 > div .col__lab{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.contents__sec02 > div > div {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height:230px;
}
.contents__sec02 > div > div:nth-of-type(1),
.contents__sec02 > div > div:nth-of-type(3){
    width:17.5%;
}
.contents__sec02 > div > div:nth-of-type(2){
    width:65%;
}
.contents__sec02 > div > div:nth-of-type(2) > h2{
    background:#ad987c;
}

.contents__sec02 > div > div p{
    font-size:14px;
    color:#555;
    font-family:'NotoKrR';
    position: relative;
    z-index: 1;
    padding-left:14px;
}
.contents__sec02 > div > div p:before{
    content:'';
    display: block;
    width:4px;
    height:4px;
    border-radius: 4px;
    background:#cec1b0;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left:0px;
}

.contents__sec02 > div > div > div{
    padding:30px 15px;
    border:1px solid #e2e2e2;
    height:calc(100% - 60px);
}




.contents__sec01{
    display:flex;
    align-content:flex-start;
    padding:45px;
    border:1px solid #ddd;
    border-radius: 20px;
}
.contents__sec01 .pic{
    width:100%;
    max-width:290px;
    height:186px;
    background:url(../img/pc_image.png) no-repeat center;
}

.contents__sec01 .pic{
    width:100%;
    max-width:290px;
    height:186px;
    background:url(../img/pc_image.png) no-repeat center;
}


.contents__sec01 .desc{
    padding-left:50px;
}
.contents__sec01 .desc h2{
    color:#333;
    font-size:28px;
    font-family:'NotoKrM';
}
.contents__sec01 .desc p{
    line-height: 1.7;
    margin-top:15px;
}
.contents__sec01 .desc p:nth-of-type(1){
    color:#777;
    font-size:16px;
}

.contents__sec01 .desc p:nth-of-type(2){
    color:#604e2a;
    font-size:16px;
}

.contents__sec02 .col__lab{
    height:calc(100% - 60px);
    /*border:1px solid #e2e2e2;*/
    border-bottom:1px solid #e2e2e2;
}

.contents__sec02 .col__lab h2{
    background: transparent!important;
    height:auto!important;
    color:#333;
    font-size:15px;
    font-family:'NotoKrM';
    margin-bottom:10px;
}

.contents__sec02 .col__lab p{
    text-align: center;
    padding-left:0px;
}

.contents__sec02 .col__lab p:before{
    display: none;
}

.contents__sec02 .col__lab li{
    width:16.66666666666667%;
    border-right:1px solid #e2e2e2;
    height:100%;
    padding:15px 10px 30px;
    box-sizing: border-box;
}

.contents__sec02 .col__lab li:last-child{
    border-right:0px;
}
.contents__sec02 .col__lab li .thumb{
    width:60px;
    height:60px;
    margin:0 auto;
}
.contents__sec02 .col__lab li:nth-of-type(1) .thumb{ background:url(../img/tb_ic01.png) no-repeat center; }
.contents__sec02 .col__lab li:nth-of-type(2) .thumb{ background:url(../img/tb_ic02.png) no-repeat center; }
.contents__sec02 .col__lab li:nth-of-type(3) .thumb{ background:url(../img/tb_ic03.png) no-repeat center; }
.contents__sec02 .col__lab li:nth-of-type(4) .thumb{ background:url(../img/tb_ic04.png) no-repeat center; }
.contents__sec02 .col__lab li:nth-of-type(5) .thumb{ background:url(../img/tb_ic05.png) no-repeat center; }
.contents__sec02 .col__lab li:nth-of-type(6) .thumb{ background:url(../img/tb_ic06.png) no-repeat center; }


.text__desc .sub__desc p{
    font-family: "NotoKrL";
    color: #999;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}

.opeartion__ba3{
    width:100%;
    text-align: center;
}
.opeartion__ba3 img{
    max-width:100%;
}


/**********************************************************
* 2021-08-17 백업 컨텐츠
 */

.backup__caption__section{
    width:100%;
    border: 1px solid #eee;
    border-radius: 20px;
    padding:45px 60px;
    margin-bottom:55px;
}

.backup__caption__section:last-child{
    margin-bottom:0px;
}

.backup__caption__section h2{
    margin-bottom:20px;
}
.backup__caption__section p{
    margin-bottom:15px;
}
.backup__caption__section p:last-child{
    margin-bottom:0px;
}

.backup__caption__section .step__circle{
    display:flex;
    align-items:center;
    width: 100%;
    justify-content: space-between;
    margin-top:25px;
}
.backup__caption__section .step__circle > div{
    width:calc(50% - 30px);
    display:flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.backup__caption__section .step__circle > div:after{
    content:'';
    display: block;
    width:99%;
    height:1px;
    background:#c4b198;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: -1;
}


.backup__caption__section .step__circle > div .circle__cp{
    color:#fff;
    font-size:14px;
    font-family:'NotoKrM';
    width:80px;
    height:80px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    background: #c4b198;
    text-align: center;
    justify-content: center;
}
.backup__caption__section .step__circle > div .t__data{
    font-size:14px;
    color:#765b38;
    font-family:'NotoKrM';
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100px;
    height:40px;
    border:2px solid #8b7150;
    background: #fff;
    border-radius: 40px;
    text-align: center;
}
.backup__caption__section .step__circle > div .t__data:after{
    content:'';
    display: inline-flex;
    width:11px;
    height:14px;
    background:url(../img/rf_ic.png) no-repeat center;
    margin-left:9px;
}


.backup__step3 .title__h{
    height:55px;
    color:#666;
    font-size:16px;
    font-family: "NotoKrL";
    background:#f0f0f0;
    width:280px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 55px;
    margin:0 auto;
}
.backup__step3 .img__info{
    padding:0px 25px;
}
.backup__step3 .img__info{
    width:100%;
    text-align: center;

}
.backup__step3 .img__info img{
    width:100%;
    max-width:100%;
}

.backup__step3 .caption__wrap{
    margin-top:115px;
}
.backup__step3 .caption__wrap p{
    font-size:16px;
    font-family: "NotoKrL";
    color:#888;
    position: relative;
    z-index: 1;
    padding-left:15px;
    margin-bottom:15px;
}
.backup__step3 .caption__wrap p:before{
    content:'-';
    display: block;
    position: absolute;
    left:0px;
    top:0px;
}



/**************************************
* 사무용,교육용 SW
 */
.edu__ct__list{
    margin-top:50px;
}
.edu__ct__list li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom:20px;
    border:1px solid #eee;
    border-radius:20px;
    padding:30px;
    box-sizing: border-box;
}

.edu__ct__list li .thumb{
    width:80px;
    height:80px;
}
.edu__ct__list li .desc__wrap{
    width:calc(100% - 120px);
    margin-left:40px;
}

.edu__ct__list li .desc__wrap h2{
    font-size:20px;
    color:#333;
    font-family:'NotoKrM';
}
.edu__ct__list li .desc__wrap p{
    font-size:15px;
    color:#777;
    font-family: "NotoKrL";
    margin-top:15px;
}
.edu__ct__list li .desc__wrap a{
    width:90px;
    height:30px;
    border-radius: 30px;
    color:#fff;
    background:#d5cdc3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:13px;
    margin-top:25px;
}

.edu__ct__list li:nth-of-type(1) .thumb{
    background:url(../img/edu_ic01.png) no-repeat center;
}
.edu__ct__list li:nth-of-type(2) .thumb{
    background:url(../img/edu_ic02.png) no-repeat center;
}
.edu__ct__list li:nth-of-type(3) .thumb{
    background:url(../img/edu_ic03.png) no-repeat center;
}
.edu__ct__list li:nth-of-type(4) .thumb{
    background:url(../img/edu_ic04.png) no-repeat center;
}


.edu__ct__list.tab__2 li:nth-of-type(1) .thumb{
    background:url(../img/edu_ic02.png) no-repeat center!important;
}
.edu__ct__list.tab__2 li:nth-of-type(2) .thumb{
    background:url(../img/edu_ic05.png) no-repeat center!important;
}
.edu__ct__list.tab__2 li:nth-of-type(3) .thumb{
    background:url(../img/edu_ic06.png) no-repeat center!important;
}
.edu__ct__list.tab__2 li:nth-of-type(4) .thumb{
    background:url(../img/edu_ic07.png) no-repeat center!important;
}
.edu__ct__list.tab__2 li:nth-of-type(5) .thumb{
    background:url(../img/edu_ic08.png) no-repeat center!important;
}


/****************************************
* 서비스
 */
.service__inner__contents{
    margin-top:120px;
}
.service__inner__contents > h2{
    font-size:32px;
    font-family: "NotoKrM";
    text-align: center;
}
.service__inner__contents h2.r__title{
    font-size:32px;
    font-family: "NotoKrM";
    text-align: center;
    margin-top:120px;
}

.service__inner__contents > p{
    font-size:18px;
    font-family: "NotoKrR";
    color:#9d886e;
    text-align: center;
    margin-top:30px;
}
.service__inner__contents .sub__top__info__wrap .desc h2{
    margin-bottom:30px;
}
.service__inner__contents .sub__top__info__wrap .desc p {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 16px;
    font-family: "NotoKrL";
}
.container .sub__top__info__wrap.ty2{
    border-color:#eee;
    background-color: #fff;
}
.container .sub__top__info__wrap .thumb.service2 {
    background: url(../img/sub_top_ban6.png) no-repeat center;
    height:250px;
    width:100%;
    max-width:400px;
}


.service__inner__contents .service__step3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:50px;
}
.service__inner__contents .service__step3 > div{
    max-width:270px;
    width:100%;
}
.service__inner__contents .service__step3 > div > div{
    border-radius: 20px;
    max-width:270px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding:40px 0px;
}
.service__inner__contents .service__step3 > div .thumb{
    width:100px;
    height:100px;
}

.service__inner__contents .service__step3 > div:nth-of-type(1) > div:nth-of-type(1){
    background: #f0e3d8;
}
.service__inner__contents .service__step3 > div:nth-of-type(2) > div:nth-of-type(1){
    background: #e2d4ce;
}
.service__inner__contents .service__step3 > div:nth-of-type(3) > div:nth-of-type(1){
    background: #dde0db;
}




.service__inner__contents .service__step3 > div:nth-of-type(1) .thumb{
    background:url(../img/offer_ic01.png) no-repeat center;
}
.service__inner__contents .service__step3 > div:nth-of-type(2) .thumb{
    background:url(../img/offer_ic02.png) no-repeat center;
}
.service__inner__contents .service__step3 > div:nth-of-type(3) .thumb{
    background:url(../img/offer_ic03.png) no-repeat center;
}

.service__inner__contents .service__step3 > div div h2{
    color:#333;
    font-size:21px;
    font-family: "NotoKrM";
    margin:25px 0px;
}

.service__inner__contents .service__step3 > div div p{
    font-size:17px;
    color:#666;
    font-family: "NotoKrL";
    text-align: center;
}

.service__inner__contents .service__step3 > div > div:nth-of-type(2){
    height:62px;
    color:#fff;
    text-align: center;
    font-size:14px;
    font-family: "NotoKrB";
}
.service__inner__contents .service__step3 > div:nth-of-type(1) > div:nth-of-type(2){
    background: url(../img/r_ar01.png) no-repeat center;
}
.service__inner__contents .service__step3 > div:nth-of-type(2) > div:nth-of-type(2){
    background: url(../img/r_ar02.png) no-repeat center;
}
.service__inner__contents .service__step3 > div:nth-of-type(3) > div:nth-of-type(2){
    background: url(../img/r_ar03.png) no-repeat center;
}

.service__inner__contents .evt__box__title{
    font-size:20px;
    font-family: "NotoKrR";
    color:#666;
    height:65px;
    background:#f4f4f4;
    border-radius: 15px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:35px;
}


.service__inner__contents  .service__step4{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:50px;
    position: relative;
    z-index: 1;
    overflow:hidden;
}

.service__inner__contents  .service__step4:after{
    content:'';
    display: block;
    position: absolute;
    top:50%;
    margin-top:-12.5px;
    width:100%;
    right:250px;
    height:25px;
    background:url(../img/arrow_wh.png) no-repeat right;
    z-index: -1;
}

.service__inner__contents  .service__step4 > div{
    width:100%;
    max-width:250px;
    height:305px;
    border:1px solid #eee;
    border-radius:20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
}
.service__inner__contents  .service__step4 > div .thumb{
    width:100px;
    height:100px;
}


.service__inner__contents  .service__step4 > div:nth-of-type(1) .thumb{
    background:url(../img/task_ic01.png) no-repeat center;
}
.service__inner__contents  .service__step4 > div:nth-of-type(2) .thumb{
    background:url(../img/task_ic02.png) no-repeat center;
}
.service__inner__contents  .service__step4 > div:nth-of-type(3) .thumb{
    background:url(../img/task_ic03.png) no-repeat center;
}
.service__inner__contents  .service__step4 > div h2{
    color:#222;
    font-family: "NotoKrM";
    font-size:20px;
    margin-top:15px;
    margin-bottom:25px;
}
.service__inner__contents  .service__step4 > div p{
    font-size:17px;
    color:#666;
    font-family: "NotoKrL";
    text-align: center;
}

.service__inner__contents  .service__step4 > div:nth-of-type(4){
    border:0px;
    background:#c5b198;
}

.service__inner__contents  .service__step4 > div:nth-of-type(4) h2{
    color:#fff;
    text-align: center;
    line-height: 1.8;
}



.service__inner__contents .service__case{
    border:1px solid #eeeeee;
    border-radius: 20px;
    padding:60px 85px;
    margin-top:150px;
}
.service__inner__contents .service__case .r__title{
    margin-top:0px;
}

.service__inner__contents .service__case .service__case__inner h2{
    font-size:20px;
    font-family: "NotoKrM";
    color:#6a4e2b;
    padding-bottom: 25px;
}

.service__inner__contents .service__case .service__case__inner h3{
    font-size:20px;
    font-family: "NotoKrM";
    color:#333;
    margin-bottom:15px;
    margin-top:25px;
}
.service__inner__contents .service__case .service__case__inner p{
    font-size:17px;
    color:#666;
    font-family: "NotoKrL";
    position: relative;
    z-index: 1;
    padding-left:20px;
    margin-bottom:18px;
    margin-top:0px;
}
.service__inner__contents .service__case .service__case__inner p:before{
    content:'';
    display: block;
    width:6px;
    height:6px;
    background:#c5b198;
    border-radius: 6px;
    position: absolute;
    top:10px;
    left:0px;
}

.label__content{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding:40px;
    border:1px solid #eee;
    border-radius: 20px;
    margin-bottom:30px;
}

.label__content .thumb{
    width:220px;
    height:220px;
    margin-right:40px;
}
.label__content .thumb.thumb1{
    background:url(../img/lb_ban01.png) no-repeat center;
}
.label__content .thumb.thumb2{
    background:url(../img/lb_ban02.png) no-repeat center;
}
.label__content .thumb.thumb3{
    background:url(../img/lb_ban03.png) no-repeat center;
}
.label__content .thumb.thumb4{
    background:url(../img/lb_ban04.png) no-repeat center;
}
.label__content .thumb.thumb5{
    background:url(../img/lb_ban05.png) no-repeat center;
}
.label__content .thumb.thumb6{
    background:url(../img/lb_ban06.png) no-repeat center;
}

.label__content .label__content__desc{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-left:40px;
}
.label__content .label__content__desc > div{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom:20px;
}

.label__content .label__content__desc .chip__title{
    width:90px;
    height:35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#c5b198;
    border-radius: 35px;
    color:#fff;
    margin-right:20px;
    font-size:15px;
}

.label__content .label__content__desc .chip__title.ty2{
    color:#c5b198;
    background:#fff;
    border:1px solid #c5b198;
    box-sizing: border-box;
}

.label__content .label__content__desc > div p{
    line-height: 2.3;
    font-size:15px;
    color:#666;
    font-family: "NotoKrL";
    letter-spacing: -1.5px;
}
.label__content .label__content__desc > div p.ltc{
    color:#b59367;
}
.label__content__solo__wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.label__content__solo__wrap .label__content{
    width:calc(50% - 15px);
    align-items: center;
}
.label__content__solo__wrap .label__content .label__content__desc{
    margin-left:0px;
}

.asset__qna{
    border:1px solid #eee;
    border-radius: 20px;
    background:#f9f9f9;
    padding:70px 0px;
    margin-top:120px;
}
.asset__qna > h2{
    font-size:20px;
    font-family: "NotoKrM";
    margin-top:0px!important;
 }



/**************************************************
* 솔루션 게이틒 페이지
 */

.intro__solution__wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:50px;
}

.intro__solution__wrap > div{
    width:calc(50% - 20px);
    min-height:245px;
    border:1px solid #eee;
    border-radius: 20px;
    margin-bottom:40px;
    padding:45px 0px 45px 50px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.intro__solution__wrap > div .thumb{
    width:150px;
    height:150px;
    border-radius: 150px;
    background-color: #f6f6f6;
}
.intro__solution__wrap > div .desc{
    margin-left:70px;
}

.intro__solution__wrap > div:nth-of-type(1) .thumb{background-image: url("../img/int_ic01.png");}
.intro__solution__wrap > div:nth-of-type(2) .thumb{background-image: url("../img/int_ic02.png");}
.intro__solution__wrap > div:nth-of-type(3) .thumb{background-image: url("../img/int_ic03.png");}
.intro__solution__wrap > div:nth-of-type(4) .thumb{background-image: url("../img/int_ic04.png");}

.intro__solution__wrap > div .desc h2{
    font-size:22px;
    color:#222;
    font-family: "NotoKrM";
}
.intro__solution__wrap > div .desc p{
    font-size:17px;
    color:#666;
    font-family: "NotoKrL";
    margin-top:0px;
    line-height: 1.7;
}
.intro__solution__wrap > div .desc a{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    height:30px;
    width:90px;
    background:#d5cdc3;
    border-radius: 30px;
    font-size:13px;
    font-family: "NotoKrR";
    margin-top:25px;
}

/*************************************************
* 전체메뉴
 */
body.mask:after{
    content: '';
    width:100%;
    height:100%;
    position: fixed;
    top:90px;
    z-index: 8;
    background:rgba(0,0,0,.5) ;
}
.all__menu__wrap{
    position: absolute;
    top:-100%;
    left:0px;
    z-index: -1;
    width:100%;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    background-color: #fff;
    padding-top:35px;
    padding-bottom:80px;
    opacity: 0;
    transition: all 150ms linear;
}


.all__menu__wrap > ul{
    max-width:1200px;
    width: 100%;
    margin:0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    top:-90px;
    opacity: 0;
    transition: all 350ms linear, opacity 450ms linear;
}
.all__menu__wrap > ul li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.all__menu__wrap > ul li h2{
    margin-bottom:40px;
    font-weight: 700;
    color:#000;
}
.all__menu__wrap > ul li a{
    margin-bottom:15px;
    font-weight: 100;
    color:#666;
}
.all__menu__wrap > ul li a:hover{
    opacity: .7;
}
.all__menu__wrap > ul li a:last-child{
    margin-bottom:0px;
}
.all__menu__wrap > ul li > div{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.all__menu__wrap.on{
    opacity: 1;
    top:90px;
    z-index: 1;
}
.all__menu__wrap.on ul{
    top:0px;
    opacity: 1;
}