@charset "utf-8";

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*************************************************
* 기본 CSS
 */
h1, h2,
html, body {
    font-family: 'Noto Sans KR', sans-serif;
}



/*************************************************
* 타이틀
 */
.m__title {
    margin: 0px;
    padding: 0px;
    font-size: 36px;
    font-weight: 400;
    width: 100%;
    line-height: 100%;
    text-align: center;
    font-family: 'Bodoni Moda', serif;
    font-weight: 700;
    color: #fff;
    padding: 100px 0px 85px;
}


/*************************************************
* 해더
 */
.mdl-layout__header {
    padding-top: 24px;
}

.mdl-layout__header .mdl-layout__header-row {
    height: 84px;
    width: 100%;
    max-width: 1200px;
    padding:0px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
}

.mdl-layout__header .mdl-layout__header-row .mdl-layout-title{
    margin-bottom:8px;
}

.mdl-layout__header .mdl-layout__header-row .mdl-navigation ul{
    display: flex;
    align-items: center;
    padding:0px;
    margin:0px;
}
.mdl-layout__header .mdl-layout__header-row .mdl-navigation ul li{
    list-style: none;
    padding:0px;
    margin:px;
    position: relative;
}
.mdl-layout__header .mdl-layout__header-row .mdl-navigation ul li ul{
    position: absolute;
    top:64px;
    left:50%;
    transform: translateX(-50%);
    flex-wrap: wrap;
    justify-content:center;
    background:#1b4dbb;
    width:150px;
    padding:15px 0px;
    display: none;
}
.mdl-layout__header .mdl-layout__header-row .mdl-navigation ul li ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mdl-layout__header .mdl-layout__header-row .mdl-navigation ul li ul li a{
    color:#fff;
    text-decoration: none;
    font-size: 12px;
}
.mdl-layout__header .mdl-layout__header-row .mdl-navigation ul li ul li a:hover{
    text-decoration: underline;
    opacity: .7;
}

.mdl-layout__header .mdl-layout__header-row .mdl-navigation__link {
    opacity: 1;
    color: #1b4dbb;
}




/*************************************************
* 메인 섹션1
 */
.section__01,
.section__01 section {
    width: 100%;
    background: #282b2e;
    position: relative;
    z-index: 1;
}

.section__01 section .inner__contents {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 250px 0px;
    position: relative;
    z-index: 1;
}

.section__01 section .inner__contents:before {
    content: '';
    display: block;
    width: 21px;
    height: 143px;
    background: url(../img/pic_ico.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 35px;
    left: 10%;
}

.section__01 section .inner__contents h2,
.section__01 section .inner__contents p,
.section__01 section .inner__contents a {
    color: #fff;
    line-height: 100%;
    text-decoration: none;
}

.section__01 section .inner__contents h2 {
    font-size: 18px;
    font-weight: 900;
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}

.section__01 section .inner__contents p {
    font-size: 65px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

.section__01 section .inner__contents p.array__text {
    font-size: 18px;
    color: #ccc;
    font-weight: 400;
    margin-top: 35px;
}

.section__01 section .inner__contents p.array__text .bar {
    display: inline-flex;
    width: 2px;
    height: 20px;
    background: #ccc;
    position: relative;
    top: 3px;
    margin: 0 10px;
}

.section__01 section .inner__contents p strong {
    font-size: 65px;
    color: #1b4dbb;
    font-weight: 900;
}

.section__01 section .inner__contents a {
    margin-top: 65px;
    display: flex;
    width: 164px;
    height: 47px;
    border: 1px solid #fff;
    border-radius: 47px;
    align-items: center;
    justify-content: center;
}

.section__01 section .ceo__pic__wrap {
    position: absolute;
    top: 30px;
    right: 2%;
    z-index: 1;
    width: 100%;
    max-width: 357px;
}

.section__01 section .ceo__pic__wrap .thumb {
    position: relative;
    z-index: 1;
}

.section__01 section .ceo__pic__wrap .thumb:after {
    content: '';
    display: block;
    width: 21px;
    height: 143px;
    background: url(../img/pic_ico.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: -50px;
    right: -10px;
}

.section__01 section .ceo__pic__wrap .thumb img {
    max-width: 100%;
}

.section__01 section .ceo__pic__wrap .desc {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section__01 section .ceo__pic__wrap .desc h2 {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-weight: 300;
}

.section__01 section .ceo__pic__wrap .desc h2 strong {
    font-weight: 900;
}

.section__01 section .ceo__pic__wrap .desc p {
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.section_02 {
    background: #282b2e;
}

.section_02 section .col__box4 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_02 section .col__box4 > div {
    width: calc(100vw / 4);
    height: calc(100vw / 4);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
}
.section_02 section .col__box4.ty2{
    flex-wrap: wrap;
}
.section_02 section .col__box4.ty2 > div{
    width: calc( (100vw / 2) - 300px);
    height: calc( (100vw / 2) - 300px);
}




.section_02 section .col__box4 > div:nth-of-type(odd) {
    background-color: #1340a3;
}

.section_02 section .col__box4.ty2 > div:nth-of-type(4),
.section_02 section .col__box4.ty2 > div:nth-of-type(1){
    background-color: #1340a3;
}
.section_02 section .col__box4.ty2 > div:nth-of-type(2),
.section_02 section .col__box4.ty2 > div:nth-of-type(3){
    background-color: #fff;
}

.section_02 section .col__box4 > div .thumb {
    width: 135px;
    height: 135px;
}

.section_02 section .col__box4 > div:nth-of-type(1) .thumb {
    background: url(../img/co_ic01.png) no-repeat center;
}

.section_02 section .col__box4 > div:nth-of-type(2) .thumb {
    background: url(../img/co_ic02.png) no-repeat center;
}

.section_02 section .col__box4 > div:nth-of-type(3) .thumb {
    background: url(../img/co_ic03.png) no-repeat center;
}

.section_02 section .col__box4 > div:nth-of-type(4) .thumb {
    background: url(../img/co_ic04.png) no-repeat center;
}


.section_02 section .col__box4.ty2 > div:nth-of-type(3) .thumb {
    background: url(../img/co_ic04.png) no-repeat center;
}

.section_02 section .col__box4.ty2 > div:nth-of-type(4) .thumb {
    background: url(../img/co_ic03.png) no-repeat center;
}



.section_02 section .col__box4 > div h2 {
    font-size: 24px;
    font-weight: 700;
    color: #282b2e;
    padding: 0px;
    margin: 0px;
    line-height: 1.2;
    padding-top: 80px;
    position: relative;
    z-index: 1;
}

.section_02 section .col__box4 > div h2:before {
    content: '';
    display: block;
    width: 64px;
    height: 1px;
    background: #aaabac;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.section_02 section .col__box4 > div p {
    font-size: 18px;
    color: #282b2e;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.section_02 section .col__box4.ty2 > div:nth-of-type(4) p,
.section_02 section .col__box4.ty2 > div:nth-of-type(4) h2,
.section_02 section .col__box4 > div:nth-of-type(odd) p,
.section_02 section .col__box4 > div:nth-of-type(odd) h2 {
    color: #fff;
}

.section_02 section .col__box4.ty2 > div:nth-of-type(3) p,
.section_02 section .col__box4.ty2 > div:nth-of-type(3) h2 {
    color: #000;
}


.section_02 section .col__box4 > div:nth-of-type(odd) h2:before {
    background-color: #617fc1;
}


.section_03 {
    background-color: #282b2e;
    padding-bottom:85px;
}

.section_03 section .inner__contents .company__countdata {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_03 section .inner__contents .company__countdata > div > div{
    font-size : 43px;
    font-family:'GmarketSansMedium' !important;
    color:#fff;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    line-height: 100%;
}
.section_03 section .inner__contents .company__countdata > div > div > span{line-height: 100%;}
.section_03 section .inner__contents .company__countdata > div > div > span:nth-of-type(2){
    font-size:24px;
    color:#fff;
    position: relative;
    top:-3px;
    margin-left:5px;
}
.section_03 section .inner__contents .company__countdata > div{
    width:350px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding:15px 0px;
    border-right:1px solid #7a7c7e;
}
.section_03 section .inner__contents .company__countdata > div:last-child{
    border:0px;
}
.section_03 section .inner__contents .company__countdata > div p{
    font-size:18px;
    font-weight: 400;
    color:#1b4dbb;
    text-align: center;
    padding:0px;
    margin:0px;
    margin-top:15px;
}

.gallery__board{
    margin-top:85px;
}
.gallery__board .swiper-slide{
    width:calc((100vw / 5) + 20px);
    /*height:calc((100vw / 5) + 20px);*/
    background-color: #1b4dbb;
}


.section_04 {
    background-color: #282b2e;
    padding-bottom:150px;
}

.section_04.ty2{
    background-color:transparent!important;
}
.section_04 section .inner__contents{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section_04 section .inner__contents .partners__contents {
    width:100%;
    max-width:1152px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.section_04 section .inner__contents .partners__contents a{
    display: flex;
    width:160px;
    align-items: center;
    justify-content: center;
    height:80px;
    background-color: #fff;
    margin:0 16px;
    margin-bottom:12px;
}

.section_04.ty2 .m__title{
    font-size:30px;
    font-family: 'Bodoni Moda', serif;
    margin-bottom:50px;
}

/*******************************************************************
* 푸터
 */
footer{
    background:url(../img/footer_bg.jpg) no-repeat center;
    background-size:cover;
    height:600px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}
footer .footer__contents ul,
footer .footer__contents ul li h2,
footer .footer__contents ul li{
    padding:0px;
    margin:0px;
}

footer .footer__contents ul{
    display:flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

footer .footer__contents ul li{
    margin:0 110px;
}
footer .footer__contents ul li:nth-of-type(1){}
footer .footer__contents ul li:nth-of-type(1) h2{
    color:#fff;
    font-size:20px;
    font-weight: 400;
    text-align: center;
}
footer .footer__contents ul li:nth-of-type(1) > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%;
    text-decoration: none;
}
footer .footer__contents ul li:nth-of-type(1) > a .thumb{
    display: flex;
    align-items: center;
    justify-content: center;
    width:85px;
    height:85px;
    background:url(../img/dn_ico.png) no-repeat center;
    margin-top:40px;
    margin-bottom:35px;
}

footer .footer__contents ul li:nth-of-type(1) > a span{
    font-size:20px;
    font-weight: 400;
    color:#fff;

}

footer .footer__contents ul li:nth-of-type(2) h2{
    font-size:26px;
    color:#fff;
    font-weight: 700;
    text-align: center;
}
footer .footer__contents ul li:nth-of-type(2) h2 span{
    color:#1b4dbb;
}
footer .footer__contents ul li:nth-of-type(2) p{
    font-size:16px;
    font-weight: 100;
    color:#fff;
    text-align: center;
    padding:0px;
    margin:0px;
    line-height: 1.8;
}


footer .footer__contents ul li:nth-of-type(3) h2{
    font-size:20px;
    color:#fff;
    font-weight: 700;
    text-align: center;
}
footer .footer__contents ul li:nth-of-type(3) p{
    text-align: center;
    font-size:20px;
    font-weight: 100;
    color:#fff;
    margin:0px;
    padding:0px;
    line-height: 1.6;
}
footer .footer__contents ul li:nth-of-type(3) p.ph__numb{
    color:#2058d5;
    font-size:40px;
    font-weight: 700;
}

footer .footer__contents ul li:nth-of-type(3) a{
    display: flex;
    width:254px;
    height:52px;
    background:url(../img/kakao_ic.png) no-repeat center;
    margin:20px 0px;
}



/*******************************************************************
* 레퍼런스
 */
.reference__wrap{
    width:100%;
    background: url(../img/ref_bg.jpg) no-repeat center;
}

.reference__wrap .inner__contents{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.reference__wrap .inner__contents > h2{
    font-size:38px;
    font-weight: 900;
    color:#fff;
    margin:0px;
    padding:0px;
    padding-top:90px;
}
.reference__wrap .inner__contents .contents__history__wrap{
    position:relative;
    z-index: 1;
    width:100%;
}
.reference__wrap .inner__contents .contents__history__wrap:after{
    content:'';
    position: absolute;
    width:1px;
    height:100%;
    top:10px;
    left:50%;
    background:#1b4dbb;
    transform: translateX(-50%);
}


.reference__wrap .inner__contents .contents__history__wrap section h2{
    position: relative;
    z-index: 1;
    font-size:28px;
    font-weight: 900;
    color:#1b4dbb;
    margin:0px;
    padding:0px;
    line-height: 100%;
    margin-bottom:15px;
}


.reference__wrap .inner__contents .contents__history__wrap section > div{
    white-space: nowrap;
}

.reference__wrap .inner__contents .contents__history__wrap section p{
    color:#fff;
    font-size:20px;
    font-weight: 400;
    padding:0px;
    margin:0px;
    line-height: 1.7;
}
.reference__wrap .inner__contents .contents__history__wrap section p i{
    font-style: normal;
    padding-left:12px;
}


.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(even){
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right:calc(50% + 27px);
}
.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(even) > div{
    text-align: right;
}
.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(odd){
    padding-left:calc(50% + 27px);
    justify-content: flex-end;
}
.reference__wrap .inner__contents .contents__history__wrap section h2:after{
    content: '';
    display: block;
    width:10px;
    height:10px;
    border-radius: 10px;
    background:#1b4dbb;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(even) h2:after{
    right:-32px;
}
.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(odd) h2:after{
    left:-32px;
}

.reference__wrap .inner__contents .contents__history__wrap section h2:before{
    content: '';
    display: block;
    width:21px;
    height:21px;
    border-radius: 21px;
    border:1px solid #1b4dbb;
    background: transparent;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(even) h2:before{
    right:-38.5px;
}
.reference__wrap .inner__contents .contents__history__wrap section:nth-of-type(odd) h2:before{
    left:-38.5px;
}


.reference__wrap .section_04{
    margin-top:200px;
}

/********************************************************
* 마케팅
 */
.sub__basic__wrap{
    background: #282b2e;
}

.sub__basic__wrap .sub__top__ban{
    height:650px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/market_bg.jpg) no-repeat center;
    flex-direction: column;
}
.sub__basic__wrap .sub__top__ban h2{
    font-size:36px;
    font-weight: 900;
    color:#fff;
    text-align: center;
    padding:0px;
    margin:0px;
}

.sub__basic__wrap .sub__top__ban h2 i{
    font-style: normal;
}
.sub__basic__wrap .sub__top__ban h2 i i{
    color:#1b4dbb;
    margin-left:10px;
}

.sub__basic__wrap .sub__top__ban p{
    font-size:25px;
    font-weight: 400;
    color:#fff;
    text-align: center;
}
.sub__basic__wrap .sub__top__ban p:nth-of-type(1){
    margin-top:20px;
}

.sub__basic__wrap .contents{
    width:100%;
    padding:200px 0px;
}
.sub__basic__wrap .contents > h2{
    font-size:67px;
    text-align: center;
    font-weight: 900;
    color:#fff;
    margin-bottom:150px;
}
.sub__basic__wrap .contents ul{
    width:100%;
    max-width:1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0px;
    margin:0 auto;
}
.sub__basic__wrap .contents ul li{
    width:calc(33.333% - 10px);
    list-style: none;
    padding:0px;
    margin:0px;
    margin-bottom:40px;
}
.sub__basic__wrap .contents ul li h2{
    font-size:18px;
    color:#fff;
    text-align: center;
    background: #1b4dbb;
    margin:0px;
    padding:15px 0px;
}
.sub__basic__wrap .contents ul li .thumb{
    width:100%;
    height:290px;
    background-size: cover!important;
}
.sub__basic__wrap .contents ul li:nth-of-type(1) .thumb{background:url(../img/market_ban01.jpg) no-repeat center;}
.sub__basic__wrap .contents ul li:nth-of-type(2) .thumb{background:url(../img/market_ban02.jpg) no-repeat center;}
.sub__basic__wrap .contents ul li:nth-of-type(3) .thumb{background:url(../img/market_ban03.jpg) no-repeat center;}
.sub__basic__wrap .contents ul li:nth-of-type(4) .thumb{background:url(../img/market_ban04.jpg) no-repeat center;}
.sub__basic__wrap .contents ul li:nth-of-type(5) .thumb{background:url(../img/market_ban05.jpg) no-repeat center;}
.sub__basic__wrap .contents ul li:nth-of-type(6) .thumb{background:url(../img/market_ban06.jpg) no-repeat center;}




.sub__basic__wrap .contents ul li.finanacing1 .thumb{background:url(../img/financing_ban01.jpg) no-repeat center;}
.sub__basic__wrap .contents ul li.finanacing2 .thumb{background:url(../img/financing_ban02.jpg) no-repeat center;}



.circle__info{
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle__info.ty2{
    position: relative;
    z-index: 1;
}
.circle__info.ty2:after{
    content:'';
    display: block;
    width:20px;
    height:20px;
    background:url(../img/plus_ic.png) no-repeat center;
    background-size: contain!important;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}


.circle__info > div{
    border-radius:calc( (90vw / 3));
    width:calc( (90vw / 3));
    height:calc( (90vw / 3));
    max-width:400px;
    max-height:400px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    opacity: .9;
}

.circle__info.ty3 > div{
    max-width:300px;
    max-height:300px;
}

.circle__info > div:nth-of-type(1){
    background-color:#3cc8bf;
}
.circle__info > div:nth-of-type(2){
    background-color:#41c2f4;
    margin:0 -45px;
}
.circle__info > div:nth-of-type(3){
    background-color:#9f53f4;
}

.circle__info.ty2 > div:nth-of-type(2){
    margin-right:0px;
}

.circle__info > div .icon{
    width:90px;
    height:90px;
    min-height:90px;
    background-size: contain!important;
    margin-top:50px;
}

.circle__info > div:nth-of-type(1) .icon{
    background:url(../img/coach_ic01.png) no-repeat center;
}
.circle__info > div:nth-of-type(2) .icon{
    background:url(../img/coach_ic02.png) no-repeat center;
}
.circle__info > div:nth-of-type(3) .icon{
    background:url(../img/coach_ic03.png) no-repeat center;
}

.circle__info.ty3 > div:nth-of-type(2) .icon{
    background:url(../img/coach_ic03.png) no-repeat center;
}
.circle__info.ty3 > div:nth-of-type(3) .icon{
    background:url(../img/coach_ic02.png) no-repeat center;
}


.circle__info > div > p{
    font-size:18px;
    font-weight: 500;
    color:#fff;
    line-height: 1.6;
    text-align: center;
}
.circle__info > div > h2{
    font-size:25px!important;
    font-weight: 900;
    color:#fff;
    text-align: center;
    margin-bottom:0px;
}

.circle__info.ty3 > div > h3{
    font-size:25px!important;
    font-weight: 900;
    color:#000;
    text-align: center;
    margin-bottom:0px;
}
.circle__info.ty3 > div > h3 i{
    color:#fff;
    font-style:normal;
}

.arrow__bottom{
    width:120px;
    height:90px;
    background:url(../img/arrow_btm_ic.png) no-repeat center;
    background-size: contain;
    margin:65px auto;
}

.desc__info__out__wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:150px;
}



.desc__info__out__wrap .desc__info__out{
    padding:10px 25px;
    background:#1b4dbb;
    display: inline-flex;
}

.desc__info__out__wrap.ty2 .desc__info__out{
    background: transparent;
}
.desc__info__out__wrap.ty3{
    margin-top:45px;
}

.desc__info__out__wrap .desc__info__out p{
    font-size:20px;
    color:#fff;
    font-weight: 500;
    text-align: center;
    margin-bottom:0px;
    line-height: 1.4;
}

.ref__info{}
.ref__title,
.ref__info > h2{
    color:#fff;
    text-align: center;
    font-weight:900;
    font-size:45px!important;
    margin-bottom:100px;
}
.ref__info .sub__ban{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.ref__info .sub__ban > div{
    max-width:calc( (100% / 4) - 10px);
    margin-bottom:20px;
}

.ref__info .sub__ban.ty2 > div{
    max-width:calc( (100% / 3) - 10px);
    margin-bottom:20px;
}

.coach__ban{
    max-width:100%;
}
.coach__ban h2{
    text-align: center;
    background:#1b4dbb;
    width:100%;
    font-size:15px;
    font-weight: 300;
    color:#fff;
    margin:0px;
    padding:0px;
}

.coach__ban h2 strong{
    font-weight: 700;
    color:#fff;
}
.coach__ban img{
    max-width:100%;
}


.top__ban{
    width:100%;
    margin:0 auto;
    max-width:1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top__ban > div{
    width:calc(50% - 7px);
    margin-bottom:20px;
}
.top__ban h2{
    text-align: center;
    background:#1b4dbb;
    width:100%;
    font-size:20px;
    font-weight: 300;
    color:#fff;
    margin:0px;
    padding:15px 0px;
    line-height: 100%;
}

.top__ban h2 strong{
    font-weight: 700;
    color:#fff;
    margin:0px;
}
.top__ban h2 p{
    margin:0px;
    font-size:18px;
    margin-top:5px;
}
.top__ban img{
    max-width:100%;
}


/*********************************************
*
 */
.investgate__list{
    margin-bottom:65px;
}
.investgate__list ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap:wrap;
    flex-direction: column;
}
.investgate__list ul li{
    background:#1b4dbb;
    color:#fff;
    border-radius: 15px;
    width:100%!important;
    max-width:650px;
    font-weight: 500;
    font-size:20px;
}
.investgate__list ul li span{
    display: inline-flex;
    background:#fff;
    color:#1b4dbb;
    padding:15px 0px;
    width:210px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size:20px;
    border-radius: 15px;
    margin-right:20px;
}


.b2g__wrap{
    width:100%;
    text-align: center;
    padding:65px 0px;
    overflow: hidden;
}
.b2g__wrap img{
    max-width:100%;
}


.analysis__step__wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:150px;
}
.analysis__step__wrap .analysis__step h2{
    background:#1b4dbb;
    color:#fff;
    font-size:20px;
    text-align: center;
    padding:10px 0px;
    min-width:250px;
}
.analysis__step__wrap .analysis__step ul{
    flex-direction: column;
}
.analysis__step__wrap .analysis__step ul li{
    width:100%;
    text-indent: 25px;
    margin:0px;
    font-size:16px;
    font-weight: 700;
    color:#fff;
    margin-bottom:10px;
}
.analysis__step__wrap .analysis__step ul li i{
    font-style: normal;
    color:#1b4dbb;
}


@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);

.kopubbatang * {
    font-family: 'KoPub Batang', serif;
}


.about__wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about__wrap > div{
    width:calc(50% - 150px);
}
.about__wrap .about__content{
    font-family: 'KoPub Batang', serif;
}
.about__wrap .about__content p{
    font-size:16px;
    color:#fff;
    line-height: 1.7;
    font-family: 'KoPub Batang', serif;
    font-weight: 700;
}
.about__wrap .about__content .about__content__sigwrap{
    display: flex;
    font-size:20px;
    color:#fff;
    align-items: center;
    justify-content: flex-start;
    padding-left:45px;
    margin-top:45px;
}
.about__wrap .about__content .about__content__sigwrap .sig__img{
    margin-left:45px;
}
.about__wrap .about__content .about__content__sigwrap .sig__img img{
    max-width:70%;
}

.about__out__title{
    font-size:25px;
    line-height: 1.5;
    text-align: center;
    color:#fff;
    margin-top:150px;
    margin-bottom:50px;
}

/****************************
* 어바웃 컴피팃
 */

.competit__content{}
.competit__content .core__content{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.competit__content .core__content img{
    max-width:100%;
}

.competit__content .competit__sub__ban,
.competit__content .ceo__pic{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 150px 0px 65px;
}
.competit__content .ceo__sub__desc{
    margin-bottom:65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.competit__content .ceo__sub__desc h2{
    font-size:20px;
    font-weight: 900;
    color:#fff;
    text-align: center;
    margin-bottom:15px;
}
.competit__content .ceo__sub__desc p{
    color:#fff;
    text-align: center;
    font-size:15px;
    font-weight: 300;
}
.competit__content .ceo__sub__desc .box__design{
    background-color: #1b4dbb;
    display: inline-flex;
    color:#fff;
    text-align: center;
    align-items: center;
    align-content: center;
    font-size:20px;
    font-weight: 900;
    padding:10px;
    margin-top:-15px;
}


    /****************************
    * 히스토리
     */
.history__wrap .contents__history__wrap section{
    padding-bottom:65px;
}
.history__wrap .contents__history__wrap section:last-child{
    padding-left:0px!important;
}
.history__wrap .contents__history__wrap section:last-child > div{
    text-align: center;
}
.history__wrap .contents__history__wrap section:last-child h2{
    padding-top:95px;
}
.history__wrap .contents__history__wrap section:last-child h2:before{
    left:50%!important;
    transform: translateX(-50%)!important;
}

.history__wrap .contents__history__wrap section:last-child h2:after{
    left:50%!important;
    transform: translateX(-50%)!important;
    margin-top:5px;
}

.history__wrap .contents__history__wrap:after {
    height: calc(100% - 200px)!important;
}

.financing__contents{
    justify-content: center!important;
}
.financing__contents li{
    margin:0 10px!important;
}
.financing__title{
    margin-bottom:30px!important;
}
.financing__sub__title{
    font-size:20px;
    color:#fff;
    text-align: center;
    margin-bottom:45px;
}

.financing__data{
    width:100%;
    text-align: center;
    margin-bottom:150px;
}

/***********************************************************
* contact
 */
.contact__wrap{
    width: 100%;
    background: url(../img/ref_bg.jpg) no-repeat center;
}
.contact__wrap .contact__us__head{
    width:1200px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact__wrap .contact__us__head > div{
    width:50%;
    height:360px;
    background-color: #fff;
}
.contact__wrap .contact__us__head > div .root_daum_roughmap{
    width:100%!important;
}
.contact__wrap .contact__us__head > div .root_daum_roughmap .wrap_controllers{
    display: none;
}
.contact__wrap .contact__us__head .desc__info{
    padding:50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.contact__wrap .contact__us__head .desc__info h2{
    font-size:24px;
    font-weight: 100;
    font-style: italic;
    width:100%;
    max-width:380px;
    text-align: center;
    border-bottom:1px solid #ddd;
    padding-bottom:15px;
    margin-bottom:25px;
}
.contact__wrap .contact__us__head .desc__info h2 strong{
    font-size:60px;
    font-family: 'Bodoni Moda', serif;
    font-style: normal;
    margin-left:5px;
}

.contact__wrap .contact__us__head .desc__info  > p{
    font-size:14px;
    color:#666;
    text-align: right;
    width:100%;
    max-width:380px;
    margin:0px;
    letter-spacing: -.5px;
}

.contact__wrap .contact__us__head .desc__info .p__num p:nth-of-type(1){
    font-size:43px;
    font-family: 'Bodoni Moda', serif;
    font-weight: 700;
    margin-top:35px;
}
.contact__wrap .contact__us__head .desc__info .p__num p:nth-of-type(2){
    font-size:30px;
    font-family: 'Bodoni Moda', serif;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.contact__wrap .contact__us__body{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    margin-top:140px;
    box-sizing: border-box;
    background-color: #fff;
    padding:60px 60px;
}
.contact__wrap .contact__us__body > h2{
    font-size:30px;
    font-family: 'Bodoni Moda', serif;
    font-weight: 700;
    text-align: center;
}
.contact__wrap .contact__us__body > p{
    text-align: center;
    font-size:14px;
    position: relative;
    z-index: 1;
}
.contact__wrap .contact__us__body > p:after{
    content:'';
    display: block;
    width:70px;
    height:1px;
    background:#bca57e;
    position:absolute;
    top:-15px;
    left:50%;
    transform: translateX(-50%);
}

.contact__wrap .contact__us__body table{
    border-collapse: collapse;
    width:100%;
}
.contact__wrap .contact__us__body table td,
.contact__wrap .contact__us__body table th{
    color:#666;
    font-size:15px;
    height:35px;
    border-top:1px solid #ccc;
    padding:10px;
}
.contact__wrap .contact__us__body textarea{
    border:1px solid #ebebeb;
    width:100%;
}
.contact__wrap .contact__us__body input{
    width:100%;
    max-width:300px;
    height:35px;
    border:1px solid #ebebeb;
}
.contact__wrap .contact__us__body input.phone__num{
    max-width:100px;
}
.contact__wrap .contact__us__body .btn__wrap{
    width:100%;
    text-align: center;
    border-top:1px solid #ccc;
    padding-top:35px;
}
.contact__wrap .contact__us__body .btn__wrap button{
    width:95px;
    height:40px;
    background:#3f4448;
    border:0px;
    font-size:13px;
    display: flex;
    align-items: center;
    color:#fff;
    justify-content: center;
    margin:0 auto;
    cursor: pointer;
}

.contact__wrap .contact__us__body .file__selector{
    width:69px;
    height:24px;
    color:#fff;
    font-size:12px;
    font-weight: 700;
    background: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}