@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


#container {
	width: 100% !important; 
    font-family: 'NanumSquareNeo-Variable';
}


.container{
	width: 100% !important;
}

#container_title2 {
    margin: 0 auto;
    padding: 100px 10px;
    text-align: center;
    font-size: 50px;
    margin-bottom: 100px;
    line-height: 67px;
	color: #ffffff;
    word-break: keep-all;
    background: url(../../../../img/sub_visual.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 390px;
    align-items: center;
    justify-content: center;
}

.intro_wrap{
    max-width:1320px;
    margin: 70px auto;
    text-align: center;
    padding: 0 15px;
}
.intro_txt{margin-bottom: 70px;}

.intro_txt p{
    font-size: 24px;
    line-height: 45px;
    word-break: keep-all;
}

.intro_txt p strong{
    font-size: 30px;
    color: #00499A;
}

.intro_txt p span{
    color: #00499A;
}

.intro_bg{
    width: 100%;
    height: 660px;
    background: url(../../../../img/intro_bg.jpg) no-repeat center center;
    background-size: cover;
}



@media(max-width:960px){
	.intro_bg{height: 500px;}
}

@media(max-width:690px){
    #container_title2{font-size: 6vw; line-height: 47px;}
    .intro_bg{height: 400px;}
    .intro_txt p br{display: none;}
    #container_title2{height: 300px;}
}

@media(max-width:500px){
	#container_title2{padding: 100px 10px;}
	.sub-navi{display: none;}
}