@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
    margin: 0
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.5px
}

.wrap {
    background: url("../img/intro/introbg.jpg") no-repeat center center fixed;
    background-size: cover;
    min-height: 100%;
}

.wrap-in {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.bold {
    font-weight: 700
}

.logo {
    padding: 50px 0 40px
}

.topm {
    padding-bottom: 80px
}

.topm .tmt1 {
    font-size: 80px;
    font-weight: 990;
    letter-spacing: -6px;
    line-height: 100%;
    margin-bottom: 5px;
    font-style: italic;
    font-family: 'Futura-Bold';
}

.topm .tmt1 p {
    display: inline
}

.topm .tmt1 p:nth-child(1) {
    color: #6bd3ff
}

.topm .tmt1 p:nth-child(2) {
    color: #27f5f7
}

.topm .tmt2 {
    font-size: 40px;
    padding-bottom: 20px;
    color: #fff;
    letter-spacing: -3px
}

.topm .tmt3 {
    color: #fff;
    font-size: 24px;
    opacity: 0.8;
    padding-bottom: 0px;
}

.topm .tmt4 {
    color: #fff;
    font-size: 13px;
    opacity: 0.8;
    letter-spacing: 0
}

.topcw {
    display: flex;
    width:640px;
    gap:50px;
    margin:0 auto;
}

.topcw .topcbox {
    flex: 1;
    margin: 0 5px;
    box-sizing: border-box;
    /*padding: 75px 90px 50px;*/
}

.topcw .tp1 {
    background: rgba(4, 59, 152, 0.8);
    padding: 10px 10px;
}

.topcw .tp1 p {
    color: #fff;
    line-height: 140%;
    font-size: 0.9rem;
    font-weight: 300;
}

.topcw .tp1 p span {
    color: #33ecee;
    font-weight: 500;
}

.topcw .tp2 {
    background: rgba(4, 106, 152, 0.8);
    padding: 10px 10px;
}

.topcw .toptxt {
    font-size: 20px;
    color: #6ccdff;
    font-weight: 600;
    text-align: center
}

.topcw .toplink a {
    display: block;
    width: 100%;
    height: 100px;
    line-height: 30px;
    padding-left: 30px;
    background: url("../img/intro/intro_more.png") no-repeat 92% center;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #1f8fb9;
    text-align: left;
    box-sizing: border-box;
    display:flex;
    align-items:center;
    font-weight:600;
}

.mbot {
    padding-top: 40px
}

.mbot .bdreamw {
    width: 460px;
    margin: 0 auto 60px;
    color: #fff;
    text-align: left;
    padding: 30px 80px;
    background-color:rgba(0, 0, 0, 0.2);
}

.mbot .bdreamtxt {
    letter-spacing: -1px;
    padding-left: 100px;
    background: url("../img/intro/intro_n.png") no-repeat;
}

.mbot .bdreamtxt+.bdreamtxt{
	margin-top:20px;
}

.mbot  .bdreamtxt2{
	background: url("../img/intro/intro_n2.png") no-repeat;
}
.mbot  .bdreamtxt2 .bdts2{
	font-size:18px;
}
.mbot  .bdreamtxt2 .bdts2 b{
	font-weight: 800;
}
.mbot .bdt {
    font-size: 24px;
}

.mbot .bdt span {
    font-weight: 700;
}

.mbot .bdts {
    font-size: 26px;
    font-weight: 800;
}

.mbot .bdtt {
    font-size: 16px;
    letter-spacing: 0
}

.nfoot {
    color: #fff;
    padding-bottom: 100px;
    opacity: 0.9;
    font-size: 14px;
}

.nfootm {
    opacity: 0.6;
    font-size: 12px;
    padding-top: 20px
}


@media only all and (max-width: 1200px) {
    .wrap-in {
        width: 100%;
        padding: 10px;
        box-sizing: border-box
    }

    .topcw .topcbox {
        padding: 20px
    }

    .topcw .toplink a {
        font-size: 20px
    }
}


@media only all and (max-width: 800px) {
    .topcw {
        width:inherit;
        display: block;
    }

    .topcw .topcbox {
        flex: none;
        margin-bottom: 10px
    }

    .topm .tmt1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .topm .tmt2 {
        font-size: 30px
    }

    .topm .tmt2 span {
        display: block
    }
	
	.mbot .bdt{font-size:20px;}

}


@media only all and (max-width: 460px) {
    .logo {
        padding: 20px 0
    }

    .mbot .bdreamw {
        width: 100%;
        margin-bottom: 40px;
    }

    .topm .tmt4 span {
        display: block
    }

    .topm {
        padding-bottom: 40px
    }

    .topcw .toptxt {
        font-size: 15px
    }

    .topcw .toplink a {
        padding-left: 10px;
        background-position: 97% center;
        font-size: 17px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 10px;
    }

    .mbot {
        padding-top: 30px
    }

    .nfoot {
        padding-bottom: 30px
    }
}