@charset "utf-8";

#footer {
    margin-top:0;
}
#main-index .container {
    margin-bottom:0;
}
#column-global {
    margin-top:0;
}

/* main-visual */
.main-visual {
    position:relative;
    height:100dvh;
    background:url(//img.first-china.kr/views/main/agency/imgs/main.jpg) no-repeat center /cover;

    .content {
        position:absolute;
        top:50%;
        left:0;
        width:100%;
        transform:translateY(-50%);
        text-align:center;

        h3 {
            margin:0 0 32px;
            font-size:64px;
            font-weight:bold;
            letter-spacing: -0.025em;
            color:#fff;
        }
        p {
            margin:0;
            font-size:25px;
            color:#fff;
            letter-spacing: -0.01em;
            line-height:42px;
        }
    }
}

/* main-intro */
.main-intro {
    max-width:1920px;
    margin:180px auto 0;

    ul {
        margin:0;
        padding:0;
        list-style:none;

        li  {
            display:grid;
            grid-template-columns: repeat(2, 1fr);
            gap:0 80px;

            h2 {
                margin:0 0 15px;
                font-size:32px;
                font-weight:bold;
                letter-spacing: -0.025em;
            }
            h3 {
                margin:0 0 27px;
                font-size:40px;
                font-weight:bold;
                letter-spacing: -0.025em;
            }
            p {
                margin:0;
                font-size:24px;
                line-height:38px;
                letter-spacing: -0.025em;
            }
            &:not(:first-child) {
                margin-top: 140px;
            }
            &:nth-child(even) {
                .img-area {
                    order:1;
                }
                .text-area {
                    padding-left:240px;
                }
            }
        }
    }
}

/* main-cs */
.main-cs {
    margin-top:180px;
    height:445px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    background:#626eb7 url(//img.first-china.kr/views/main/agency/imgs/cs_bg.png?v=1) no-repeat right /cover;
    color:#fff;

    .title {
        font-size:40px;
        font-weight:bold;
        letter-spacing: -0.01em;
        margin-bottom:17px;
    }
    .summary {
        font-size:24px;
        letter-spacing: -0.01em;
        margin-bottom:45px;
    }
    .links {
        display:flex;
        gap:0 80px;
        text-align:center;

        a {
            text-decoration: none;
            color:#fff;
            
            span {
                margin-top: 13px;
                display: block;
                font-size: 20px;
                letter-spacing: -0.025em;
            }
        }
    }
}

/* main-service */
.main-service {
    margin-top:180px;
    text-align:center;

    .title {
        font-size:48px;
        font-weight:bold;
        letter-spacing: -0.01em;
        margin-bottom:72px;
    }
    .service-list {
        margin:0 0 80px;
        padding:50px;
        list-style:none;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:30px;
        background:#f2f2f2;
    }
    .message {
        font-size:40px;
        font-weight:bold;
        line-height:60px;
        letter-spacing: 0.025em;
    }
}

/* main-notice */
.main-notice {
    margin-top:175px;
    padding:100px 0;
    background:url(//img.first-china.kr/views/main/agency/imgs/notice_bg.png) no-repeat center /cover;
}

/* main-cs2 */
.main-cs2 {
    max-width:1470px;
    margin:0 auto;
    padding:0 15px;
    height:220px;
    display:flex;
    align-items: center;

    .cs-info {
        display:flex;
        align-items: center;
        gap:0 30px;
        letter-spacing: -0.025em;

        .title {
            flex:0 0 170px;
            width:170px;
            height:62px;
            display:flex;
            align-items: center;
            justify-content: center;
            gap:0 10px;
            color:#fff;
            font-size:20px;
            font-weight:bold;
            background:#626eb7;
            line-height: normal;
        }
        .content  {
            line-height:1;

            .tel {
                font-size:27px;
                font-weight:bold;
                margin-bottom:11px;
            }
            .time {
                font-size:15px;
            }
        }
    }
    .account-info {
        position:relative;
        margin:0 50px;
        padding:0 50px;
        letter-spacing: -0.025em;
        line-height:1;

        .title {
            font-size:16px;
            vertical-align: baseline;
            margin-bottom:10px;

            strong {
                font-size:18px;
            }
        }
        .content {
            display:flex;
            align-items: center;
            gap:0 10px;
            font-size:18px;
        }
        &:before {
            content:'';
            display:block;
            position:absolute;
            top:50%;
            margin-top:-31px;
            left:0;
            width:1px;
            height:62px;
            background:#e3e3e3;
        }
        &:after {
            content:'';
            display:block;
            position:absolute;
            top:50%;
            margin-top:-31px;
            right:0;
            width:1px;
            height:62px;
            background:#e3e3e3;
        }
    }
    .exchange {
        position: relative;
        margin-right: 50px;
        padding-right: 50px;
        letter-spacing: -0.025em;
        line-height: 1;

        .title {
            font-size:18px;
            font-weight:bold;
            margin-bottom:10px;
        }
        .content {
            font-size:16px;
        }
        &:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -31px;
            right: 0;
            width: 1px;
            height: 62px;
            background: #e3e3e3;
        }
    }
    .links {
        flex:1;
        display:flex;
        align-items: center;
        gap:0 50px;

        a {
            font-size:15px;
            font-weight:bold;
            color:#333;
            letter-spacing: -0.025em;
            text-decoration:none;
            display:flex;
            flex-direction: column;
            align-items: center;
            gap:15px;
        }
    }
}