@charset "utf-8";

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url('./font/NotoSansKR-Regular.eot');
	src:url('./font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansKR-Regular.woff') format('woff'),
		url('./font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url('./font/NotoSansKR-Medium.eot');
	src:url('./font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansKR-Bold.woff2') format('woff2'),
		url('./font/NotoSansKR-Bold.woff') format('woff'),
		url('./font/NotoSansKR-Bold.otf') format('opentype');
}

.onlyPc{display:inline-block;}
.onlyMobile{display:none !important;}
.inner{position:relative;margin:0 auto;width:1340px;}
.inner:after{display:block;content:'';clear:both;}
body{font-family:'NotoSansKR';font-weight:400;letter-spacing:-0.5px;background:#fbf9f5;}
table{font-family:'NotoSansKR';font-weight:400;letter-spacing:-0.5px;word-break:break-all;}
table td.left{text-align:left !important;}
table td.right{text-align:right !important;}
#covidWrap{position:relative;color:#000;}
#covidHeader{position:relative;padding:70px 0;text-align:center;background:#f37c69;}
#covidHeader > a{position:absolute;left:2%;top:33px;} 
#covidHeader h1{display:inline-block;line-height:120%;font-size:55px;font-weight:400;color:#fff;letter-spacing:-1px;border-bottom:1px solid rgba(255,255,255,0.5);}
#covidHeader h1 b{font-weight:700;}
#covidHeader .topLink{position:absolute;right:2%;top:36px;}
#covidHeader .topLink a{display:inline-block;margin:0 4px;padding:62px 5px 0;font-size:16px;font-weight:700;color:#1a264c;width:118px;height:118px;line-height:120%;background:#fff8d5 url(../../images/covid_2022/icon_topLink1.png) no-repeat center 17px;border-radius:50%;box-sizing:border-box;}
#covidHeader .topLink a.item2{background-color:#defdff;background-image:url(../../images/covid_2022/icon_topLink2.png)}
#covidHeader .topLink a:hover{text-decoration:underline;}
#covidContainer > .inner{padding:50px 0;}
.topTitle{margin-bottom:5px;}
.topTitle:after{display:block;content:'';clear:both;}
.topTitle h2{display:inline-block;font-size:28px;color:#fff;font-weight:400;letter-spacing:-2px;line-height:130%;}
.topTitle h2 span{margin-left:15px;font-size:16px;letter-spacing:-0.5px;}
.topTitle .time{float:right;padding-right:30px;font-size:16px;color:#fff;line-height:41px;background:url(../../images/covid_2022/icon_refresh.png) no-repeat right center;}
.topTitle .time em{text-decoration:underline;}
.topTitle a.time:active em{text-decoration:none;}
.topTitle a.time em:active{text-decoration:none;}
.topTitle .date{float:right;font-size:16px;color:#fff;line-height:41px;}
.covidConTop{background:#f37c69 url(../../images/covid_2022/bg_covidWrap.png) no-repeat center bottom;}
.covidConTop .inner{padding-bottom:125px;width:85%;}
.covidConTop .leftBox{float:left;margin-bottom:55px;width:48%;}
.covidConTop .rightBox{float:right;margin-bottom:55px;width:48%;}
.covidConTop .bothBox{clear:both;margin:0 auto;width:800px;}
.covidConTop .box{padding:20px 0;background:#fff2b4;border-radius:15px;}
.covidConTop .box:after{display:block;content:'';clear:both;}
.covidConTop .box li{float:left;position:relative;width:20%;text-align:center;}
.covidConTop .box li:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-36px;width:1px;height:72px;background:#c09ba2;}
.covidConTop .box li:first-child:before{display:none;}
.covidConTop .box li b{display:block;margin-bottom:10px;font-size:40px;line-height:120%;letter-spacing:-3px;}
.covidConTop .box li span{display:block;font-size:16px;line-height:120%;letter-spacing:-1px;}
.covidConTop .tableWrap{padding:35px 0;background:#fff;border-radius:15px;box-sizing:border-box;}
.covidConTop table{width:100%;text-align:center;}
.covidConTop table thead th{padding:15px 5px;font-size:16px;font-weight:400;border-left:1px solid #999;}
.covidConTop table thead th:first-child{border-left:none;}
.covidConTop table tbody th{font-size:25px;font-weight:400;}
.covidConTop table td{padding:5px;font-size:36px;font-weight:700;letter-spacing:-2px;border-left:1px solid #999;}
.covidAccord{margin-bottom:40px;}
.covidAccord h3{padding:0 15px;background:url(../../images/covid_2022/icon_title1.png) no-repeat 25px bottom;}
.covidAccord h3.icon2{background-image:url(../../images/covid_2022/icon_title2.png);}
.covidAccord h3.icon3{background-image:url(../../images/covid_2022/icon_title3.png);}
.covidAccord h3.icon4{background-image:url(../../images/covid_2022/icon_title4.png);}
.covidAccord h3.icon5{background-image:url(../../images/covid_2022/icon_title5.png);}
.covidAccord h3.icon6{background-image:url(../../images/covid_2022/icon_title6.png);}
.covidAccord h3 a,
.covidAccord h3 span{display:block;position:relative;padding:30px 75px 20px 135px;font-size:28px;font-weight:700;color:#4a2424;line-height:130%;}
.covidAccord h3 a:before{display:block;content:'-';position:absolute;right:25px;bottom:10px;width:50px;height:50px;line-height:48px;font-size:30px;color:#fff;text-align:center;background:#f37c69;border-radius:50%;}
.covidAccord h3 a{border-bottom:6px solid #f37c69;}
.covidAccord .accordCon{display:none;margin-top:-6px;}
.covidAccord.active h3 a:before{content:'+';}
.covidAccord.active .accordCon{display:block;}
.covidAccord .box{padding:35px 50px;background:#fff;border:6px solid #f37c69;border-radius:15px;}
.covidAccord .cont{font-size:18px;line-height:140%;}
.covidAccord p{margin-bottom:35px;font-size:18px;line-height:150%;}
.covidAccord .address{display:table;margin:45px 0 25px;width:100%;font-size:20px;}
.covidAccord .address b{display:table-cell;width:15%;font-weight:400;}
.covidAccord .address span{display:table-cell;width:85%;}
.covidAccord .map {border:1px solid #d9dadb;}
.covidAccord .map img{max-width:100%;}
.covidAccord.left{float:left;width:48%;}
.covidAccord.right{float:right;width:48%;}
.tabContent{position:relative;padding:50px 4% 50px 25%;}
.tabBar{position:absolute;left:0;top:60px;width:24%;}
.tabBar li a{display:inline-block;position:relative;padding:6px 25px 6px 10px;font-size:25px;}
.tabBar li a:before{display:block;content:'';position:absolute;left:0;top:23px;width:7px;height:2px;background:#000;}
.tabBar li a:after{display:none;content:'';position:absolute;right:0;top:20px;width: 0px;height: 0px;border-left:10px solid #ea7066;border-top:7px solid transparent;border-bottom:7px solid transparent;}
.tabBar li.active a{font-weight:700;color:#ea7066;}
.tabBar li.active a:before{font-weight:700;background:#ea7066;}
.tabBar li.active a:after{display:block;}
.tabPage{display:none;}
.tabPage.active{display:block;}
.tableCon table{table-layout:fixed;}
.tableCon table.info{width:100%;border:1px solid #d9dadb;table-layout: fixed;}
.tableCon table.info thead th{padding:10px 3px;font-weight:700;font-size:18px;color:#1a264c;text-align:center;background:#e8f3f5;border-right:1px solid #d9dadb;}
.tableCon table.info tr{border-bottom:1px solid #d9dadb;}
.tableCon table.info tbody td{padding:12px 10px;border-right:1px solid #d9dadb;text-align:center;font-weight:400;font-size:18px;}
.telList{margin:1px 20px;}
.telList li{display:table;width:100%;color:#222;}
.telList li span{display:table-cell;width:35%;font-size:20px;}
.telList li b{display:table-cell;width:65%;font-size:24px;font-weight:700;}
.siteList li{display:inline-block;padding:12px 9px;}
.siteList li a{display:block;padding:10px 40px 10px 20px;font-size:20px;color:#fff;background:#64b6f4 url(../../images/covid_2022/icon_link_go.png) no-repeat right 20px center;border-radius:5px;}
.siteList li a:hover{text-decoration:underline;}
.siteList li.item2 a{background-color:#48cd8d;}
.siteList li.item3 a{background-color:#f4766a;}
.btnTop{display:block;position:fixed;bottom:5%;right:5%;width:70px;height:70px;background:#fff url(../../images/covid_2022/icon_btnTop.png) no-repeat center;border-radius:50%;text-indent:-9999em;box-shadow:1px 1px 8px 0px #e4e4e4;z-index:9;}

/* 반응형 */
@media all and (max-width:1660px){
	.covidConTop .inner{padding-left:15px;padding-right:15px;width:auto;}
	.covidConTop .leftBox,
	.covidConTop .rightBox{width:49%;}
	.covidConTop .box li b{font-size:36px;}
	.covidConTop .box li span{font-size:14px;}
	.topTitle h2{font-size:22px;}
	.topTitle h2 span{font-size:14px;}
	.topTitle .time,
	.topTitle .date{font-size:14px;line-height:30px;}
}
@media all and (max-width:1370px){
	#covidContainer > .inner{padding:30px 15px;width:auto;}
	.covidAccord .box{padding:20px;}
}
@media all and (max-width:1200px){
	#covidHeader h1{font-size:40px;}
	#covidHeader .topLink a{padding-top:35px;width:80px;height:80px;font-size:13px;background-size:auto 24px;background-position:center 10px;}
	.covidConTop .leftBox,
	.covidConTop .rightBox{float:none;margin:0 auto 30px;width:800px;}
	.covidAccord.left,
	.covidAccord.right{float:none;width:auto;}
	.covidAccord h3{background-size:auto 40px;}
	.covidAccord h3.icon2{background-size:auto 34px;}
	.covidAccord h3 a,
	.covidAccord h3 span{padding:14px 50px 7px 75px;font-size:22px;}
	.covidAccord h3 a:before{right:0;width:30px;height:30px;line-height:28px;font-size:20px;}
	.tabBar{position:static;margin-bottom:20px;width:auto;text-align:center;}
	.tabBar li{display:inline-block;}
	.tabBar li a{padding:7px 10px;font-size:20px;}
	.tabBar li a:before{display:none;}
	.tabBar li.active a{border-bottom:3px solid #ea7066;}
	.tabBar li.active a:after{display:none;}
	.tabContent{padding:0;}
}
@media all and (max-width:830px){
	#covidHeader{padding:80px 0 25px;}
	#covidHeader a{top:20px;}
	#covidHeader a img{height:30px;}
	#covidHeader .topLink{top:9px;}
	#covidHeader .topLink a{margin:0 1px;padding-top:14px;width:56px;height:56px;font-size:12px;font-weight:400;background-image:none !important;}
	.covidConTop .leftBox,
	.covidConTop .rightBox,
	.covidConTop .bothBox{width:auto;}
}
@media all and (max-width:639px){
	.onlyPc{display:none;}
    .onlyMobile{display:block !important;}	
	body{word-break:break-all;}
	#covidHeader h1{font-size:30px;}
	.topTitle h2{font-size:16px;letter-spacing:-1px;}
	.topTitle h2 span{display:block;margin:0;font-size:12px;}
	.topTitle .time,
	.topTitle .date{font-size:13px;line-height:22px;}
	.topTitle .time{padding-right:18px;background-size:auto 14px;}
	#covidContainer > .inner{padding:20px 15px;}
	.covidConTop{background-size:contain;}
	.covidConTop .inner{padding-bottom:70px;}
	.covidConTop .box{padding:5px 0;}
	.covidConTop .box li{padding:5px 0;width:33.33%;}
	.covidConTop .box li.w50p{width:50%;}
	.covidConTop .box li:before{margin-top:-23px;height:46px;}
	.covidConTop .box li:nth-child(3n+1):before{display:none;}
	.covidConTop .box li b{margin-bottom:5px;font-size:24px;}
	.covidConTop .box li span{font-size:13px;}
	.covidConTop .tableWrap{padding:15px 0;}
	.covidConTop table thead th,
	.covidConTop table tbody th{padding:5px;font-size:13px;}
	.covidConTop table td{font-size:20px;}
	.covidAccord{margin-bottom:20px;}
	.covidAccord h3{background-image:none !important;}
	.covidAccord h3 a,
	.covidAccord h3 span{padding:10px 30px 10px 0;font-size:16px;}
	.covidAccord h3 a{border-width:3px;}
	.covidAccord h3 a:before{bottom:5px;width:24px;height:24px;line-height:22px;font-size:14px;}
	.covidAccord .box{margin-top:-3px;padding:15px;border-width:3px;}
	.covidAccord .cont{font-size:14px;}
	.covidAccord p{margin-bottom:20px;font-size:14px;}
	.covidAccord .address{margin:20px 0 10px;font-size:14px;}
	.tabBar{margin:0 -10px 10px;}
	.tabBar li{margin-bottom:5px;}
	.tabBar li a{padding:2px 5px;font-size:14px;}
	.telList{margin:0;}
	.telList li span{font-size:14px;}
	.telList li b{font-size:16px;}
	.siteList li{padding:3px;}
	.siteList li a{padding:8px 20px 8px 10px;font-size:14px;background-position:right 10px center;}
	.tableCon table.info thead th,
	.tableCon table.info tbody td{padding:5px;font-size:13px;} 
}