@charset "utf-8";

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, p {margin: 0;}
a {text-decoration: none;}

#intro_230706 {background: url(/images/intro/back.png) no-repeat; width: 100%; height: 90vh; font-family: 'GmarketSansMedium'; text-align: center; background-size: cover;}
.intro_text .tit {font-size: 1.8em; line-height: 1.2; text-shadow: 1px 1px 2px #333e3d; padding: 18% 0 20px; word-break: keep-all;}
.intro_text .color {font-size: 2em; color: #1c14c3; font-weight: 700;}
.intro_text .intro_btn a {width: 25%; height: 120px; display: inline-block; line-height: 120px; font-size: 1.8em; font-weight: 700; color: #fff; border-radius: 20px; transition: all 0.5s; position: relative; box-shadow: 1px 1px 10px #333e3d;}
.intro_text .intro_btn a::after {content: ""; display: block; width: 100%; height: 120px; background: url(/images/intro/btn_bak.png); position: absolute; top: 0; left: 0;}
.intro_text .intro_btn a:hover {transform: translateY(-10px);}
.intro_text .intro_btn a:first-child {background: #1a6d62; margin-right: 20px;}
.intro_text .intro_btn a:nth-child(2) {background: #202b56;}


#intro_footer {background: #333e3d; width: 100%; height: 10vh; text-align: center; color: #fff; font-weight: 600;}
#intro_footer .text {line-height: 10vh;}

@media only screen and (max-width:1200px){
	.intro_text .tit {font-size: 1.5em; padding: 25% 0 20px;}
    .intro_text .intro_btn a {font-size: 1.3em}
}

@media only screen and (max-width:999px){
	.intro_text .intro_btn a {width: 80%; height: 100px; line-height: 100px;}
    .intro_text .intro_btn a:first-child {margin-right: 0; margin-bottom: 20px;}
}

@media only screen and (max-width:599px){
	.intro_text .tit {padding: 40% 20px 30px; font-size: 1.3em;}
    .intro_text .color {font-size: 1.4em;}
	.intro_text .tit br {display: none;}
    .intro_text .intro_btn a {height: 80px; line-height: 80px;}
}