@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

@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; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
body {background:#fff;}
body,th,td,input,select,textarea,button {color:#000;font-size:16px;line-height:1.5;font-family:'Nanum Gothic','Dotum','돋움','Arial';letter-spacing:-0.05em; font-weight: 100;} /* color값은 디자인가이드에 맞게사용 */
a {color:#000;text-decoration:none;}
a:link, a:active, a:visited {color: #000;}
a:active, a:hover {color:#000;text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
img {vertical-align:top;max-width:100%;}

html,body{position: relative; width: 100%; height: 100%; background: #4f7f92;}
#wrap{position: relative; width: 100%; height: 100%; z-index: 0;}

.bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: #4f7f92;}
.bg > div{position: absolute; bottom: 0;}
.bg > .bg01{left: 0; width: 438px; height: 484px; background: url("/images/covid_naju/intro/bg01.png") no-repeat 0 0;}
.bg > .bg02{right: 0; width: 475px; height: 518px; background: url("/images/covid_naju/intro/bg02.png") no-repeat 0 0;}

.top_inner{max-width: 960px;width: 100%; margin: 0 auto;}
.main_inner{max-width: 960px; width: 100%; margin: 0 auto;}

.top_util{display: inline-block; width: 100%; margin: 47px 0 -6px;}
.top_util a{float: right; padding: 11px 20px; text-align: center; color: #fff; border: 1px solid #b3c0c9; border-radius: 3px;}
.top_util a span.icon01{background: url(/images/covid_naju/covid_main_sp2.png) no-repeat 0px -80px; width: 111px; height: 31px; display: inline-block; text-indent: -99999px; margin-left: 8px; line-height: 29px; vertical-align: middle;}
.top_util a span.icon02{background: url(/images/covid_naju/covid_main_sp2.png) no-repeat 0px -137px; width: 22px; height: 20px; display: inline-block; text-indent: -99999px; margin-left: 8px; line-height: 22px; vertical-align: middle;}
.main_cont{margin-top: 30px;}
.main_cont .logo{text-align: center;}
.corona_info{background: #fafffb;border-radius: 10px;margin: 10px 15px 0 15px;padding: 20px 20px;text-align: center;border: 1px solid #166fc6;}
.corona_info > h1{font-size:35px;color: #d54044;font-family: "GmarketSansBold";}
.corona_info > h1 > span{font-size: 35px;font-weight: bold;color: #166fc6;}
.corona_info > .info_date{font-size: 22px;font-weight: 400;background: linear-gradient(to top, #fff700 50%, transparent 50%);display: inline-block;color: #383838;margin-bottom:20px;font-family: "GmarketSansBold";letter-spacing: 0.4px;}		
.corona_info > .info_link a{border-radius: 8px;background: #4561ec;color: #fff;text-align: center;width: 49%;padding: 9px 0;font-size: 16px;display: block;font-weight: 400;transition: .6s all;margin:0 auto;font-family: "GmarketSansMedium";}	
.corona_info > .info_link a:hover{color: #fff;    background: #d54044;    font-family: "GmarketSansMedium";}
.corona_info > .info_btn{display:block; background:#429638; width:100px; margin:0 auto; color:#fff; padding:5px 0; border-radius:6px;}
.corona_btn {margin-top:30px; text-align: center;}
		.corona_btn > div {position: relative; display: inline-block; padding:18px; overflow: hidden; border-radius: 8px;}
		.corona_btn.col_2 > div {width:42%; margin-left:5%;}
		.corona_btn.col_3 > div {width:28%; margin-left:1%;}
		.corona_btn > div.voucher_01 {background-color: #e95255; margin-left:0;}
		.corona_btn > div.voucher_02 {background-color: #166fc6;}
		.corona_btn > div.voucher_03 {background-color: #5c5abf;}
		.corona_btn > div.voucher_04 {background-color: #fbdd63;}
		.corona_btn > div.voucher_05 {background-color: #3fb6ed;}
		.corona_btn > div a div.ico {display: block; background: #fff url(/images/covid_naju/intro/new_ico.png) no-repeat; width: 120px; height: 120px; border-radius: 60px; overflow: hidden; margin:0 auto;}
		.corona_btn > div.voucher_01 a div.ico {background-position: center -112px;}
		.corona_btn > div.voucher_02 a div.ico {background-position: center 37px;}
		.corona_btn > div.voucher_03 a div.ico {background-position: center -266px;}
		.corona_btn > div.voucher_04 div.ico {display: block; background: #fff url(/images/covid_naju/intro/new_ico.png) no-repeat; width: 120px; height: 120px; border-radius: 60px; overflow: hidden; margin:0 auto; background-position: center -447px;}
		.corona_btn > div.voucher_05 a div.ico {background-position: center -639px;}			
		.corona_btn > div a div.ment {color:#fff; text-align: center; display: block; height:117px; /*overflow: hidden;*/ margin:30px auto; width: 100%;}
		.corona_btn > div.voucher_01 div.ment2 {height:66px;}
		.corona_btn > div.voucher_04 div.ment {color: #282828;}
		
		.corona_btn > div a div.ment h2 {font-size:23px; font-family: "GmarketSansBold";}
		.corona_btn > div a div.ment p.pc_ment {font-size: 17px; font-weight: 300; margin-top:15px; line-height: 23px; font-family: "GmarketSansMedium";}
		.corona_btn > div a div.ment p.m_ment {display: none;}
		.corona_btn > div a div.btn {border-radius: 8px; background: #fff; color:#000; text-align: center; width: 100%; padding:10px 0; font-size: 16px; display: block; font-weight: 400; transition: .6s all;}
		.corona_btn > div a div.btn2 {margin-bottom:8px;}
		.corona_btn > div a:hover div.btn {background: #da3424; color:#fff;}


/*나주시장대전환직*/
.corona_btn > div.voucher_06 {background-color: #6cab41;}
.corona_btn > div.voucher_06 h2{ line-height: 26px;}
.corona_btn > div.voucher_06 a div.ico {background-position: center 37px;}	
.corona_btn > div.voucher_06 h2{line-height: 26px;}
.corona_btn > div.voucher_06 span.staccato{display: inline-block;position:relative;}
.corona_btn > div.voucher_06 span.staccato:before{content:'';width: 5px;height: 5px; border-radius:50px; position:absolute;top: -11px;display: inline-block;background: #fff;margin-left: 7px;}
		

.corona_btn > div.voucher_07 {background-color: #6cab41;}
.corona_btn > div.voucher_07 h2{ line-height: 26px;}
.corona_btn > div.voucher_07 a div.ico {background-position: center 37px;}	
.corona_btn > div.voucher_07 h2{line-height: 26px;}
.corona_btn > div.voucher_07 span.staccato{display: inline-block;position:relative;}
.corona_btn > div.voucher_07 span.staccato:before{content:'';width: 5px;height: 5px; border-radius:50px; position:absolute;top: -11px;display: inline-block;background: #fff;margin-left: 7px;}
.corona_btn > div.voucher_07 div.ment {margin-bottom: 0px;margin-top: 20px;height: 106px;}
.corona_btn > div.voucher_07  div.ment p.pc_ment{margin-top: 5px;line-height: 18px;}




.mab10 {margin-bottom:10px;}
.mat0{margin-top:0px;}



.bottom_cont{display: block; text-align: center; color: #fff; background-color: #456b79; font-size: 24px; padding: 14px 10px; box-sizing: border-box; margin-top: 30px;}
.bottom_cont .c_yellow{color: #f4d622;}
.bottom_cont .c_blue{color: #67c7ef;}

@media screen and (max-width:1200px){
	.top_inner{width: 97%;}
}
@media screen and (max-width:1000px){
	.bg > div{display: none;}
	.inner_box{background-color: #4f7f92;}
}

@media screen and (max-width:910px){
	
	.main_inner{width: 97%;}
	.contents {padding:50px 0;}
	.corona_btn > div {width:33%;}
	.corona_btn > div.voucher_04 .corona_btn > div.voucher_03, .corona_btn > div.voucher_05 {margin-left:0;}
	.corona_btn > div a div.ico {float: left; width:100px; height:100px; border-radius: 50px; display: inline-block;}
			.corona_btn > div.voucher_01 a div.ico {background-position: center -119px;}
			.corona_btn > div.voucher_02 a div.ico {background-position: center 33px;}
			.corona_btn > div.voucher_03 a div.ico {background-position: center -272px;}
			.corona_btn > div.voucher_04 div.ico {float: left; width:100px; height:100px; border-radius: 50px; display: inline-block; background-position: center -457px;}
			.corona_btn > div.voucher_05 a div.ico {background-position: center -645px;}
	.corona_btn > div a div.ment {display: inline-block; float: left; margin:0 0 0 10px; width:45%; text-align: left; height: auto;}
	.corona_btn > div.voucher_07 div.ment{height:auto;margin-top: 10px;}
	.corona_btn > div a div.btn {padding:6% 0; display: inline-block; float: right; margin-top:15px;}
	.corona_btn > div.voucher_02 {min-height:270px;}
	
}

@media screen and (max-width:830px){
	.inner_box{padding-bottom: 200px;}
	.corona_btn > div a div.ico {background-size: 52px; width:80px; height:80px; border-radius: 40px;}
			.corona_btn > div.voucher_01 a div.ico {background-position: center -73px;}
			.corona_btn > div.voucher_02 a div.ico {background-position: center 30px;}
			.corona_btn > div.voucher_03 a div.ico {background-position: center -170px;}
			.corona_btn > div.voucher_04 div.ico {background-size: 52px; width:80px; height:80px; border-radius: 40px;background-position: center -289px;}
			.corona_btn > div.voucher_05 a div.ico {background-position: center -412px;}
	.corona_btn > div.voucher_06 a div.ico {background-position: center 25px;}
	.corona_btn > div.voucher_07 a div.ico {background-position: center 25px;}
	.corona_btn > div a div.ment h2, .corona_btn > div a div.ment p.pc_ment {display: none;}
	.corona_btn > div a div.ment p.m_ment {display: inline-block; font-size: 18px; font-weight: 500; padding-top:26px;}
	.corona_btn > div.voucher_01 a div.ment p.m_ment, .corona_btn > div.voucher_04 div.ment p.m_ment, .corona_btn > div.voucher_05 a div.ment p.m_ment {padding-top:13px;}
/*	.corona_btn > div a div.btn {padding:0; width:80px; line-height: 80px;}*/
	.corona_btn > div a div.btn {padding:0; line-height: 50px;}
	.corona_btn > div.voucher_02 {min-height:217px;}
.m_next {display:block;}
	
}
 
@media screen and (max-width:779px){
	.corona_btn.col_2 > div {width:95%; margin-left:0;}
	.corona_btn.col_2 > div a div.ment {width: 62%;}
	.corona_btn > div.voucher_01 a div.ment p.m_ment, .corona_btn > div.voucher_04 div.ment p.m_ment, .corona_btn > div.voucher_05 a div.ment p.m_ment {padding-top:26px;}
	.corona_btn > div.voucher_06 a div.ment p.m_ment {padding-top:15px;}
	.corona_btn > div.voucher_07 a div.ment p.m_ment {padding-top:15px;}
.m_next {display:inline;}
	.corona_btn.col_3 > div {width:88%; margin-left:0;}
	
	
}
@media screen and (max-width:569px){
	.corona_btn.col_2 > div a div.ment {width: 45%;}
	.corona_btn > div.voucher_01 a div.ment p.m_ment, .corona_btn > div.voucher_04 div.ment p.m_ment, .corona_btn > div.voucher_05 a div.ment p.m_ment {padding-top:13px;}
	.corona_btn > div.voucher_06 a div.ment p.m_ment {padding-top:4px;}
	.corona_btn > div.voucher_07 a div.ment p.m_ment {padding-top:4px;}
.m_next {display:block;}
}
@media screen and (max-width:530px){
	.corona_info > h1 > span{display:inline-block;}
	.corona_info > .info_date{font-size:17px;}
	.corona_info > h1{font-size:23px;}
	.corona_info > h1 span{font-size:23px;}
}
@media screen and (max-width:425px){
	.corona_btn.col_2 > div {width:90%;}
	.top_util a{float: none; display: block;}
	.top_util a span.ment{display: block; margin-bottom: 5px;}
	.contents {padding-top:30px;}
	.corona_btn {margin-top:30px;}
	.corona_btn > div a div.ico {width:60px; height:60px; border-radius: 100px;}
			.corona_btn > div.voucher_01 a div.ico {background-position: center -85px;}
			.corona_btn > div.voucher_02 a div.ico {background-position: center 13px;}
			.corona_btn > div.voucher_03 a div.ico {background-position: center -186px;}
			.corona_btn > div.voucher_04 div.ico {width:50px; height:50px; border-radius: 25px; background-position: center -304px;}
			.corona_btn > div.voucher_05 a div.ico {background-position: center -427px;}
	.corona_btn > div.voucher_06 a div.ico {background-position: center 13px;}
	.corona_btn > div.voucher_07 a div.ico {background-position: center 13px;}
	.corona_btn > div a div.ment {width: 45%;}
	.corona_btn > div a div.ment p.m_ment {padding-top:10px;}
	.corona_btn > div.voucher_01 a div.ment p.m_ment, .corona_btn > div.voucher_04 div.ment p.m_ment, .corona_btn > div.voucher_05 a div.ment p.m_ment {padding-top:0;}
	.corona_btn > div a div.btn {padding:0; line-height: 50px;} 
	
}

@media screen and (max-width:400px){
	.top_util a{float: none; display: block;}
	.top_util a span.ment{display: block; margin-bottom: 5px;}
	.corona_btn > div.voucher_02{min-height : 150px;}
}
@media screen and (max-width:393px){
	.corona_btn > div a div.ment {width: 70%;}
	.corona_btn > div.voucher_01 a div.ment p.m_ment {padding-top:10px;}
	
}

.next {display:block;}