@charset "utf-8";
#multipleContentsDiv_base_47 {overflow: hidden; max-width: 1400px; margin: 0 auto; padding: 50px 0;}

@media all and (max-width: 1023px){
	#multipleContentsDiv_base_47 {padding: 50px 20px;}
}

/* 슬로건 */
#menu1199_obj9{position: absolute; top: 50%; left: 0; z-index: 99; width: 100%; margin-top: -119.5px;}
.visual-text{ text-align: center;}
.visual-text span{background-color: white; font-family: 'Noto Medium'; font-size: 24px; color: #111111; letter-spacing: 0.28em; padding: 4px 16px; display: block; margin-top: 10px; opacity: 0.9;}
.visual-text h1{font-size: 70px; color: white; font-family: 'Roboto'; font-weight: 700;}

@media all and (max-width: 1023px) {
	#menu1199_obj9{margin-top: -103px;}
	.visual-text span{font-size: 18px;}
	.visual-text h1{font-size: 54px;}
}

@media all and (max-width: 768px) {
	#menu1199_obj9{margin-top: -69px;}
	.visual-text span{font-size: 12px;}
	.visual-text h1{font-size: 35px;}
}

@media all and (max-width: 420px) {
	#menu1199_obj9{margin-top: -64px;}
	.visual-text span{font-size: 10px;}
	.visual-text h1{font-size: 30px;}
}

/* 타이틀 */
.board-title{margin-top: 70px; margin-bottom: 30px;}
.board-title h1{position: relative; display: inline-block; font-family: 'Montserrat'; font-weight: 400; font-size: 40px; color: white; background-color: #8daf31; line-height: 1; padding: 27px 20px 5px 10px; width: 550px; letter-spacing: -0.03em;}
.board-title h1::before{content:""; display: block; position: absolute; top: 15px; left: 10px; width: calc(100% - 20px); height: 2px; background-color: rgba(255,255,255,.2);}
.board-title h1::after{content:""; display: block; position: absolute; bottom: 0; right: 10px; width: 2px; height: calc(100% - 17px); background-color: rgba(255,255,255,.2);}

@media all and (max-width: 1023px) {
	.board-title{margin-top: 50px;}
}

@media all and (max-width: 768px) {
	.board-title{margin-top: 30px;}
	.board-title h1{max-width: none; font-size: 24px; width: 100%;}
}

/* 최근게시물 */
#multipleContentsDiv_fund_38{max-width: 1400px; margin: 0 auto; position: relative;}
#multipleContentsDiv_fund_38::after{content:""; display: table; clear: both;}

@media all and (max-width: 1023px) {
	#multipleContentsDiv_fund_38{padding: 0 30px;}
}

@media all and (max-width: 768px) {
	#multipleContentsDiv_fund_38{padding: 0 20px;}
}

/* pr-movie */
.pr-movie-box{margin-top: 38px;}
.pr-movie-header::after{content:""; display: table; clear: both;}
.pr-movie-header h1{font-size: 36px; line-height: 36px; font-family: 'Montserrat'; font-weight: 700; color: #111111; float: left;}
.pr-movie-header a{float: right; width: 69px; height: 55px; background: url(../../images/main/pr_arrow.png); margin-top: 5px;}
.pr-movie-content{margin-top: 15px;}
.pr-movie-content a{width: 100%; height: 320px; background: url(../../images/main/pr_video.png); display: block; position: relative;}
.pr-movie-content a::after{content:""; display: block; position: absolute; width: 80px; height: 80px; background: url(../../images/main/video_play.png); left: 50%; top: 50%; margin: -40px 0 0 -40px;}

@media all and (max-width: 768px) {
	.pr-movie-box{margin-top: 0;}
}

/* link-wrap */
.link-wrap{background: url(../../images/main/link_background.png) no-repeat top center; background-size: cover; margin-top: 40px; padding: 40px 0 35px 0;}
.link-wrap ul::after{content:""; display: table; clear: both;}
.link-wrap li{width: 33.33%; float: left; text-align: center;}
.link-wrap li a{display: block; width: 100%; height: 100%;}
.link-wrap li a:hover .link-icon{top: -10px;}
.link-wrap li a:hover h1::before{width: 100%;}
.link-wrap li .link-icon{width: 150px; margin: 0 auto; position: relative; top: 0; transition: all .3s;}
.link-wrap li h1{font-size: 20px; font-family: 'Noto Medium'; color: #0b74cc; margin-top: 25px; position: relative; display: inline-block;}
.link-wrap li h1::before{content:""; display: block; position: absolute; width: 0%; background-color: #0b74cc; height: 2px; bottom: -5px; left: 0; transition: all .3s;}
.link-wrap li p{font-size: 18px; color: #333333; margin-top: 8px;}

@media all and (max-width: 768px) {
	.link-wrap li{margin-bottom: 20px; width: 100%; float: none; text-align: left;}
	.link-wrap li:last-child{margin-bottom: 0;}
	.link-wrap li::after{content:""; display: table; clear: both;}
	.link-wrap li .link-icon{width: 130px; float: left;}
	.link-wrap li .link-text{float: right; width: calc(100% - 150px);}
	.link-wrap li p{font-size: 16px; line-height: 24px;}
}

@media all and (max-width: 420px) {
	.link-wrap li .link-icon{width: 100px;}
	.link-wrap li .link-text{width: calc(100% - 120px);}
	.link-wrap li h1{margin-top: 10px;}
}

/* info */
.info-title{margin-top: 70px; margin-bottom: 30px;}
.info-title h1{position: relative; display: inline-block; font-family:'S-CoreDream-5Medium'; font-size: 32px; line-height: 1; color: white; background-color: #7c66bc; padding: 28px 0 10px 10px; width: 550px;}
.info-title h1::before{content:""; display: block; position: absolute; left: 10px; top: 15px; width: calc(100% - 20px); height: 2px; background-color: rgba(255,255,255,.2);}
.info-title h1::after{content:""; display: block; position: absolute; right: 10px; bottom: 0; width: 2px; height: calc(100% - 17px); background-color: rgba(255,255,255,.2);}

@media all and (max-width: 1023px) {
	.info-title{margin-top: 50px;}
}

@media all and (max-width: 768px) {
	.info-title{margin-top: 30px;}
	.info-title h1{width: 100%;}
	.info-title h1{font-size: 24px;}
}

@media all and (max-width: 420px) {
	.info-title h1{line-height: 1.3; padding-right: 20px;}
}

#multipleContentsDiv_fund_137{max-width: 1400px; margin: 0 auto;}
#multipleContentsDiv_fund_137::after{content:""; display: table; clear: both;}

@media all and (max-width: 1023px) {
	#multipleContentsDiv_fund_137{padding: 0 30px;}
}

@media all and (max-width: 768px) {
	#multipleContentsDiv_fund_137{padding: 0 20px;}
}

/* 가천대 supports */
.support-box{background: url(../../images/main/support_background.png) no-repeat top center; background-size: cover; height: 320px; position: relative;}
.support-box::before{content:""; display: block; position: absolute; width: 55px; height: 59px; top: 0; left: 0; border-top: 10px solid #eeeeee; border-left: 10px solid #eeeeee;}
.support-box a{width: 100%; height: 100%; display: block; padding: 32px 80px 0 40px;}
.support-box h1{font-size: 28px; line-height: 32px; color: #111111; font-family: 'Noto Bold'; margin-bottom: 17px;}
.support-box p{font-size: 18px; line-height: 26px; color: #555555; margin-bottom: 25px;}
.support-box span{color: #21418a; font-family: 'Noto Medium'; position: relative;}
.support-box span::after{content:""; display: block; position: absolute; left: 0; width: 100%; height: 2px; background-color: #21418a; bottom: -5px;}

@media all and (max-width: 1023px) {
	.support-box{background-size: cover;}
}

@media all and (max-width: 768px) {
	.support-box{height: 200px;}
	.support-box p{display: none;}
	.support-box a{padding-bottom: 63px; padding-right: 40px;}
}

/* 가천동창 */
.fellow-box{background: url(../../images/main/fellow_background.png) no-repeat top center; height: 320px; background-size: cover;}
.fellow-box a{width: 100%; height: 100%; display: block; text-align: center;}
.fellow-logo{width: 130px; margin: 0 auto; padding-top: 75px; position: relative; transition: all .3s; top: 0;}
.fellow-box:hover .fellow-logo{top: -10px;}
.fellow-box h1{font-size: 24px; font-family: 'Noto Medium'; color: white; text-align: center; margin-top: 10px; position: relative; display: inline-block;}
.fellow-box h1::after{content:""; display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; background-color: #e07900; transition: all .3s;}
.fellow-box:hover h1::after{width: 100%;}

@media all and (max-width: 768px) {
	.fellow-box{display: none;}
}

/* link2 */
.link2-wrap .container::after{content:""; display: table; clear: both;}
.link2-wrap a{display: block; width: 100%; height: 100%;}
.down-box{width: 22.8%; max-width: 320px; float: left; margin-right: 2.8%; background: url(../../images/main/download_background.png) no-repeat top center; background-size: cover; height: 200px; padding-top: 27px; text-align: center;}
.down-logo{margin: 0 auto; width: 99px; top: 0; position: relative; transition: all .3s;}
.down-box:hover .down-logo{top: -10px;}
.down-box p{font-size: 18px; color: white; font-family: 'Noto Regular'; text-align: center; margin-top: 20px; display: inline-block; position: relative;}
.down-box p::after{content:""; display: block; position: absolute; width: 0; height: 2px; background-color: white; bottom: -3px; left: 0; transition: all .3s;}
.down-box:hover p::after{width: 100%;}
.faq-box{width: 22.8%; max-width: 320px; float: left; margin-right: 2.8%; background: url(../../images/main/faq_background.png) no-repeat top center; background-size: cover;  height: 200px; padding-top: 27px; text-align: center;}
.faq-logo{margin: 0 auto; width: 104px; top: 0; transition: all .3s; position: relative;}
.faq-box:hover .faq-logo{top: -10px;}
.faq-box p{font-size: 18px; color: white; font-family: 'Noto Regular'; text-align: center; margin-top: 29px; display: inline-block; position: relative;}
.faq-box p::after{content:""; display: block; position: absolute; width: 0%; height: 2px; bottom: -3px; left: 0; background-color: white; transition: all .3s;}
.faq-box:hover p::after{width: 100%;}

.sponsor-box{float: right; width: 48.5%; background: url(../../images/main/sponsor_background.png) no-repeat right top; background-size: cover; height: 200px;}
.sponsor-text{padding: 44px 0 0 45px;}
.sponsor-box h1{font-size: 22px; color: white; font-family: 'Noto Medium'; margin-bottom: 14px;}
.sponsor-info li{font-size: 18px; color: white; padding-left: 18px; position: relative;}
.sponsor-info li::before{content:""; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #b2bfcb; left: 0; top: 10px;}

@media all and (max-width: 1023px) {
	.down-box{width: 47.5%; margin-right: 0; background-size: cover; max-width: none; margin-bottom: 40px;}
	.faq-box{width: 47.5%; float: right; margin-right: 0; background-size: cover; max-width: none;}
	.sponsor-box{width: 100%; float: none; clear: both;}
}

@media all and (max-width: 768px) {
	.down-box{height: 150px; padding-top: 20px;}
	.down-logo{width: 70px;}
	.faq-box{height: 150px; padding-top: 20px;}
	.faq-logo{width: 74px;}
	.sponsor-box{height: 150px;}
	.sponsor-text{padding: 20px 0 0 30px;}
	.sponsor-box h1{font-size: 20px;}
	.sponsor-info li{font-size: 16px;}
}