@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {transition: all 0.6s ease;}

#introWrap {
    width:100%; 
    height:100vh; 
    background:#f9f9f9 url('../images/intro_bg.png') center top no-repeat; 
    background-size: cover;
}

#introWrap .intro {
    /* width: 100%; */
    /* max-width: 1400px; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    text-align: center;
    width: 100%;
    padding-top: 11%;
}

#introWrap .intro .contents {    
    display: inline-flex;
}
#introWrap .intro .contents .con {
    margin-left:60px;
}

#introWrap .intro .contents h2 {
    font-size:70px;
    font-family: 'S-CoreDream-7ExtraBold';
    color:#2F69CE;
    font-weight: 800;
    letter-spacing: -1pt;
    padding-bottom:10px;
}

#introWrap .intro .contents h3 {
    font-size:40px;
    color:#000;
    font-weight: 400;
    letter-spacing: -1pt;
    padding-bottom:10px;
}

#introWrap .intro .contents h3 span {
    font-weight: 600;
    color:#2F69CE;
}

#introWrap .intro .contents p {
    font-size:20px;
    color:#444;
    letter-spacing: -0.4pt;
    padding-bottom:50px;
}

#introWrap .intro .contents p b {
    font-weight: bold;
}

#introWrap .intro .contents a.btn_link {
    background-color:#2F69CE;
    color:#fff;
    display: inline-block;
    font-size:20px;
    box-shadow: 0 10px 15px rgba(47, 105, 206, 0.2);
    width: 310px;
    height:50px;
    line-height: 50px;
    border-radius: 50px;
    -webkit-border-radius :50px;
    text-align: center;
}
#introWrap .intro .contents a.btn_link img {padding-left:10px;}
#introWrap .intro .contents a.btn_link img .icon_google {padding-right:20px;}
#introWrap .intro .contents a.btn_link:hover {margin-top:10px; transition: all .2s ease-in; opacity: .8;}



@media screen and (max-width:1200px) {
    #introWrap .intro {width:92%; padding:0 4%;}
    #introWrap .intro .contents .img {text-align: center; padding-bottom:20px;}
    #introWrap .intro .contents h2 {font-size: 50px;}
    #introWrap .intro .contents h3 {font-size:30px;}
    #introWrap .intro .contents p {font-size:16px;}
    #introWrap .intro .contents a.btn_link {font-size:16px;}

    .br_none {display: none;}
    
}

@media screen and (max-width:980px) {

#introWrap {background-position: left top;}
#introWrap .intro {top:0; left:0; transform: inherit;}
#introWrap .intro .contents {display: block;}
#introWrap .intro .contents .con  {margin-left:0;}

}

@media screen and (max-width:640px) {
    #introWrap {height:100%;}
    #introWrap .intro {padding-top:40px; padding-bottom:40px;}
    #introWrap .intro .contents h2 {font-size: 35px;}
    #introWrap .intro .contents h3 {font-size: 25px;}
    #introWrap .intro .contents a.btn_link {font-size:14px; width:280px}

}