@charset "utf-8";
* {word-wrap: break-word; word-break: keep-all;}
body{ line-height:1.4; font-size:16px;  color:#0C0C0C}
strong{ font-weight:500}
#warp{}
#wrap .body-wrap{background:#f4e1e1 url(/images/kor/covid/bg.jpg) no-repeat;background-size:cover;padding-bottom: 70px;position:relative;background: #fff;}
#wrap .body-wrap:before{ /*display:block; position:absolute; bottom:0; left:0; width:649px; height:393px; background:url(/images/kor/covid/corona-intro-modify-bg01.png) ; content:""*/ }
#wrap .body-wrap:after{/* display:block; z-index:1; position:absolute; bottom:0; right:0; width:100%; height:206px; background:url(/images/kor/covid/corona-intro-slogan.png) no-repeat center center ; content:"" */}
#wrap header{text-align:center;color:#514444;padding: 37px 0 32px;}
#wrap header p{font-size:30px;margin: 30px 0 0 0;}
#wrap header p span{ }
#wrap header h1{ margin-top: 27px;}


#wrap header p.pop{font-size:17px;background: #fff url(/images/kor/covid/covid-alert.gif) no-repeat 26px center;border-radius: 30px;max-width:1180px;margin: 0 auto  53px;color:#000;padding: 16px 20px 16px 70px;box-sizing:border-box;text-align:left;position:relative;border: 1px solid #d5d5d5;}
#wrap header p.pop em.blue{color:#175ABF; text-decoration:underline}
#wrap header p.pop span{display:inline-block;padding-left:30px;color:#000;position:absolute;right: 17px;top: 11px;}
#wrap header p.pop a{ display:inline-block; background:#236AE0; color:#fff; border-radius:25px; padding:6px 40px 6px 20px; margin-left:15px; font-size:15px; position:relative}
#wrap header p.pop a:after{ display:inline-block; content:""; width:22px; height:20px; background:  url(/images/kor/covid/covid-pop-open.png); position: absolute; right:8px}



.link{ text-align:center; position:relative; z-index:99}
.link ul li{ display:inline-block; padding:0 10px;  box-sizing:border-box}
.link ul li img{ max-width:100%}
.link ul li a{ display:block; }
.link ul li a img{ transition:all 0.3s ease-in}
.link ul li a:hover img{transform: translate(-7px, -7px);box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.05);}
.link:after{ display:block; clear:both; content:""}

.social-distanc{ text-align:center; padding:50px 0 0 0; position:relative; z-index:2; }
.social-distanc p{color:#604f4f;font-size:22px;margin: 0 0 30px 0;font-weight:500;}
.social-distanc p span{color:#e03030; position:relative; }
.social-distanc p span:after{content:""; display:inline-block; height:1px; width:100%; background:#e03030;position:absolute; left:0 ; top:30px}
.social-distanc a{display:inline-block;text-decoration:none;font-size:18px;padding:12px 40px;border-radius:30px;background: #3376f3;box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.05);transition:all 0.3s ease-in;color: #fff;}
.social-distanc a:hover{box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.1);}

.onlinesign-bnr{display:block;position:absolute;right:20px;top:20px;display: none;}


.onlinesign-bnr a{ display:inline-block; padding: 10px 17px; background:#face00; border-radius:7px;box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.05); transition:all 0.3s ease-in}
.onlinesign-bnr a:hover{box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.1);}

@-webkit-keyframes onlinesign-img {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes onlinesign-img {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.expo-bnr{display:block;position:absolute;left:20px;top:20px;display: none;}
.expo-bnr a{ display:inline-block; padding: 10px 17px; background:rgba(255,255,255,0.8); border-radius:7px;box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.05); transition:all 0.3s ease-in}
.expo-bnr a:hover{box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.1);}

footer{text-align:center;padding:30px 0;font-size:15px;color:#757575;/* background: rgba(0,0,0,0.05); */border-top: 1px solid #e9e9e9;}
footer address{ margin-bottom:6px}


@media all and (max-width:1227px){

.link ul li{float:left; width:33.333%; padding:0 5px}
.expo-bnr a img{ width:calc(249px / 2); }
.onlinesign-bnr a img{ width:calc(249px / 2); }

}


@media all and (max-width:984px){
#wrap .body-wrap{ padding-bottom:30px}
#wrap header{padding: 30px 0 10px;}
#wrap header p{font-size:20px;/* margin:0; */width: 70%;margin: 0 auto; }
#wrap header p.pop{ width: 98%; margin-bottom: 30px;}
#wrap header p img{height: 95px;}
#wrap header h1{ margin-top:0}
#wrap header h1 img{ width:auto; height:40px}
.link ul li{float:left; width:33.333%; padding:0 5px}
#wrap .body-wrap:before, #wrap .body-wrap:after{  display:none}

.social-distanc a{font-size:16px}
.expo-bnr a img{ width:calc(249px / 2); }
	
}


@media all and (max-width:720px){
.expo-bnr{ top: 5px; left: 5px }
.onlinesign-bnr{top: 5px;right: 5px}
.social-distanc{padding:20px 0 0 0}
.social-distanc p{font-size:17px}
.social-distanc p span{display:block}
.social-distanc p span:after{display: none}	
}

@media all and (max-width:640px){
.link{/* margin: 176px  0 0 0; */}
.link ul{width:70%; margin:0 auto}
.link ul li{float:none; width:100%; padding:5px 0}

.social-distanc strong, .social-distanc span{ width:100%}

.expo-bnr{width: 70%;right: auto;left: 50%;transform: translate(-50%, 0);top: 243px;}
.expo-bnr a{ width:100%; box-sizing: border-box; text-align: center}
.expo-bnr a img{ width:calc(249px / 1.5); }
	
.onlinesign-bnr{width: 70%;right: auto;left: 50%;transform: translate(-50%, 0);top: 154px;}
.onlinesign-bnr a{ width:100%; box-sizing: border-box; text-align: center}
.onlinesign-bnr a img{ width:calc(249px / 1.5); }
	
}

@media all and (max-width:540px){
  #wrap header p.pop{ background-position: 15px center; padding-left: 57px;}
  #wrap header p.pop span em{ display: none;}
  #wrap header p.pop a {padding:6px 36px 6px 12px}
  }