@charset "utf-8";

body {/*background:url('../images/intro_bg.jpg') top center no-repeat;*/    background: url('../images/intro_bg.jpg') top center no-repeat #024eaf;background-size: cover;width:100%; height:100%;}


.intro_bg {}
.intro_bg img {max-width: 100%;max-height: 100%;bottom: 0;left: 0;margin: auto;overflow: auto;position: absolute;right: 0;top: 0;z-index: -1;}
.intro {width:1400px; margin:0 auto;}
.intro .logo {margin:30px 0;}
.intro .title {letter-spacing:-0.05em; color:#fff; text-align:center; font-weight:900; line-height:360%;}
.intro .title h2 {font-size:55px;}
.intro .title p {font-size:37px;}

.intro .go_button {text-align:center;}
.intro .go_button a {border-radius: 150px; background:#fff; display: inline-block; line-height: 55px; font-size: 37px; font-weight: 900; letter-spacing: -0.1em; margin: 0 auto; margin-top: 495px; position: relative; left: -10px; color: #023da3; padding:0 50px;}

.intro .precautions {text-align:center; background:rgba(241,246,249,0.1); border-radius:20px; padding:25px 0; margin:60px 0 50px;}
.intro .precautions h3 {font-size:33px; font-weight:900; color:#71cbff; letter-spacing:-0.1em; margin-bottom:20px;}
.intro .precautions h3 .img {vertical-align:top; margin-top:0px; margin-right:5px;}
.intro .precautions ul {padding: 0 1rem;}
.intro .precautions ul li {font-size:15px; color:#dce6e9; letter-spacing:-0.05em; margin-bottom:10px;}

	@media (max-width:1419px) {
		.intro {width:100%; padding:0 2%;}
		.intro_bg {display: none;}
	}

	@media (max-width:1199px) {
	}

	@media (max-width:999px) {
		.intro .title {line-height: 2.7rem;}
		.intro .title h2 {font-size: 2.5rem;}
		.intro .title p {font-size: 1.7rem;}
		.intro .go_button a {font-size: 1.3rem;margin-top: 27rem; left: 0;}
		.intro .precautions h3 {font-size: 2rem;}
	}

	@media (max-width:799px) {
		body {background: #024eaf;}
		.intro .logo {margin:1rem 0;}
		.intro_bg {display: block;}
		.intro .title {line-height:1.7rem;}
		.intro .title h2 {font-size: 1.7rem;}
		.intro .title p {font-size: 1.3rem;}
		.intro .go_button a {font-size: 1.1rem;margin-top: 18rem; left: 0;padding: 0 30px;}
		.intro .precautions {margin:10px 0 50px;}
		.intro .precautions h3 {font-size: 1.7rem;}
	}

	@media (max-width:375px) {
		.intro .go_button a {font-size: 1.1rem;margin-top: 12rem; left: 0;padding: 0 30px;}
	}



/*20201016_인트로 이미지를 변경하기위한 미디어 쿼리*/
    @media (max-width:999px) {
    }

	@media screen and (max-width: 768px) {
	    .hidden-sm {
	        display: none !important; // use important to override other styles
	    }
	    .show-sm {
	        display: block !important; // use important to override other styles
	    }
	}


    @media screen and (min-width: 768px) {
	    .hidden-sm {
	        display: none; // use important to override other styles
	    }
	    .show-sm {
	        display: none !important; // use important to override other styles
	    }
	}