@charset "utf-8";

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.sub-bg {background-color: #000; color: #fff;}
.pb-150 {padding-bottom: 150px;}
.pt-100 {padding-top: 100px;}


.about .cnt .tit-wrap {text-align: center;}
.about .cnt .check-tit {margin-bottom: 25px; font-size: var(--font-size-18); font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #1a3bcb;}
.about .cnt .tit-wrap h2 {font-size: var(--font-size-40); letter-spacing: -.03em; line-height: 1.2em;}
.about .cnt .tit-wrap .txt {margin-top: 40px; font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.75em;}
.about .cnt01 {padding: 100px 0 60px;}
.about .cnt01 .tit-txt {margin-top: 35px; font-size: var(--font-size-24); letter-spacing: -.03em; line-height: 1.2em;}
.about .cnt01 .items {margin: 60px -20px 120px; display: flex;}
.about .cnt01 .items .item {width: 33.33%; padding: 0 20px;}
.about .cnt01 .item .box {padding: 10px 50px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border: 1px solid #fff; height: 405px;}
.about .cnt01 .item .box .tt {margin: 50px 0 30px; font-size: var(--font-size-24); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em;}
.about .cnt01 .item .box .tt2 {font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.75em;}
.about .cnt01 h3 {font-family: 'GmarketSansBold'; font-size: var(--font-size-80); letter-spacing: -.03em; line-height: 1.2em;}
.about .cnt02 {background-color: #151515; padding: 100px 0;}
.about .cnt02 .cert-list {display: flex; justify-content: center; margin-top: 55px;}
.about .cnt02 .cert-list .img {padding: 0 26.5px;}
.about .cnt03 {padding-top: 120px;}
.about .cnt03 .tit-wrap {margin-bottom: 55px;}
.about .cnt03 .step-list {display: flex; margin: 0 -20px;}
.about .cnt03 .step-list:not(:last-child) {padding-bottom: 100px; margin-bottom: 100px; border-bottom: 2px solid #ddd;}
.about .cnt03 .step-list .step {width: 33.33%; padding: 0 20px; text-align: center;}
.about .cnt03 .step-list .step .num {margin: 40px 0 20px; font-size: var(--font-size-18); font-weight: 500; letter-spacing: -.03em; line-height: 1.2em;}
.about .cnt03 .step-list .step .txt {font-size: var(--font-size-24); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em;}

.process .cnt01 {position: relative; height: 980px; background-image: url(/images/sub/biz-img19.jpg); width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.process .cnt01 .contain {display: flex; height: 100%; align-items: center;}
.process .cnt01 .txt {width: 50%;}
.process .cnt01 .txt p {margin-bottom: 45px; font-size: var(--font-size-32); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #aaa;}
.process .cnt01 .txt p strong {color: #fff;}
.process .cnt01 .txt h2 {font-size: var(--font-size-50); letter-spacing: -.03em; line-height: 1.3em; color: #fff;}
.process .cnt01 .img {position: absolute; right: 3.5%; top: 50%; transform: translateY(-50%);}
.process .cnt02 .steps {display: flex; flex-wrap: wrap; margin: 40px -20px -20px;}
.process .cnt02 .item  {width: 33.33%; padding: 20px;}
.process .cnt02 .item .box {padding: 70px 50px 0; height: 377px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; border: 2px solid #fff;}
.process .cnt02 .item .box .num {margin: 50px 0 30px; font-size: var(--font-size-24); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em;}
.process .cnt02 .item .box .txt {font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.75em;}
.process .cnt03 .items {margin: 45px 0 -15px;}
.process .cnt03 .item {padding: 15px 0;}
.process .cnt03 .item .box {display: flex; align-items: center; border: 2px solid #fff; height: 196px; padding: 10px 50px;}
.process .cnt03 .item .box .tit {width: 390px; padding-right: 20px; display: flex; align-items: center;}
.process .cnt03 .item .box .tit p {margin-left: 60px; font-size: var(--font-size-40); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em;}
.process .cnt03 .item .box .txt { flex:1 1 auto; min-width:0; width:1%; font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.75em;}

.portfolio .cnt {margin-top: 65px;}
.portfolio select.input {background-color: transparent; border: 1px solid #fff; color: #fff;}
.portfolio select.input option {color: #505050;}
.portfolio .board-search .search input.input {background-color: transparent; border: 1px solid #fff; color: #fff;}
.portfolio .btn-pack {background-color: transparent; border: 1px solid #fff;}

.contact h2 {margin-bottom: 80px; font-size: var(--font-size-40); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em;}



.viewing .fancybox-close {width: 41px;height: 41px; background-image: url(/images/bbs/close.png); right: -60px; top: 50px; background-repeat: no-repeat; background-size: contain;}