@charset "utf-8"; 
@font-face {
	 font-family: 'GmarketSans';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	 font-weight: 800;
	 font-style: normal;
	}
body{position:relative; min-height:100vh; background:url(/covid-19/images/intro/intro_bg02.png) no-repeat right bottom, url(/covid-19/images/intro/intro_bg01.png) no-repeat fixed center 650px/100% 800px, #f3f3f3 }
h1{text-align:center; padding:6.5vh 20px 5vh}
#contents{padding:0px 25px; word-break:keep-all }
.slogan{text-align:center}
.slogan .txt01{font-size:2.7em; color:#1b1b1b; font-weight:800}
.slogan .txt01 span{font-weight:300}
.slogan .txt02{margin-top:5px; font-size:1.25em; color:#333}
.link{text-align:center; margin:8vh 0px 0px; font-size:0px}
.link>li{display:inline-block; vertical-align:top; width:30.5%; margin:0px .7%; max-width:500px}
.link>li a{display:block; position:relative; top:0px; padding:8% 20px 11%; background:#fff;color:#fff; border-radius:8px; box-shadow:0px 2px 4px rgba(0,0,0,.2); transition:all ease .5s}
.link>li a:before{display:block; content:''; margin:auto; max-width:368px; height:232px; background:no-repeat center center/contain }
.link>li.ic1 a:before{background-image:url(/covid-19/images/intro/intro_ic02.gif)}
.link>li.ic2 a:before{background-image:url(/covid-19/images/intro/intro_ic01.gif)}
.link>li.ic3 a:before{background-image:url(/covid-19/images/intro/intro_ic03.gif)}
.link>li a span.btn_go{display:block; position:relative; text-align:left; margin:auto; padding:14px 30px 10px; max-width:220px; background:#493426; font-size:1.2em;  border-radius:100px; transition:all ease .5s}
.link>li a span.btn_go:before,
.link>li a span.btn_go:after{display:block; content:''; position:absolute; right:20px; top:19px; width:12px; height:3px; border-radius:10px; background:#fff; transform:rotate(45deg)}
.link>li a span.btn_go:after{transform:rotate(-45deg); margin-top:7px}
.link>li a:hover{top:5px; border-radius:15px}
.link>li a:hover span.btn_go{background:#dc1616}
footer{padding:6% 30px 3%; text-align:center;}
footer .address{color:rgba(0,0,0,.8); font-size:1.125em}
footer .copy{display:none;}


/******************************************************************************************************************************/

/* @media screen and (min-width:1921px){
		body{background-position:right bottom, center 650px}
} */

@media screen and (max-width:800px){
	body{background-position:right bottom, center 290px}
	h1{text-align:left; padding:20px 20px 50px}
	h1 img{max-width:100px}
	.slogan .txt01{line-height:130%}
	.slogan .txt02{font-size:1em} 
	.link{margin-top:85px}
	.link>li{margin:5px 0px; width:100%; max-width:100%} 
	.link>li a{padding:15px 15px 12px; padding-left:160px; overflow:hidden}
	.link>li a:before{display:block; position:absolute; left:0px; top:10px; width:160px; height:85px }
	/* .link>li a span.btn_go{float:right; margin-left:50%; margin:auto; padding:15px; min-width:100px; font-size:1em; border-radius:3px}
	.link>li a span.btn_go:before,
	.link>li a span.btn_go:after{display:none} */
	.link>li a span.btn_go{padding:15px 20px 15px 0px; background:none; color:#493426; font-size:1.5em; line-height:130%}
	.link>li a span.btn_go:before,
	.link>li a span.btn_go:after{top:35px; right:0px; background:#493426}
	.link>li a:hover span.btn_go{background:transparent}
}