@charset "utf-8";

/* container */
#container {position:relative; width:100%; padding-top:80px;} 
#container:after {display:block; clear:both;content:""; }

.main_wrap {position:relative; width:100%;}
.main_wrap .MC_wrap {position:relative; width:100%;}
.main_wrap .MC_wrap:after {display:block; overflow:hidden;clear:both; content:""; }

.main_wrap .MC_wrap02 {position:relative; z-index:0;max-width:1400px; width:100%; margin:0 auto; padding:60px 0 50px;}
.main_wrap .MC_wrap02:after {display:block; overflow:hidden;clear:both; content:""; }

/* ���κ��־� */
.main_visual{position:relative; z-index:1; width:100%;}
.main_visual:before{display:block;position:absolute;top:0;left:48%;z-index:1;}

.main_visual button{cursor: pointer;}
.main_visual ul li{overflow:hidden;}
.main_visual #m_visual{width:100%; height:100%; text-align:center; background:#000;}
.main_visual #m_visual div{height:100%;}
.main_visual #m_visual li {position:relative; width:100%; height:100%; }

.main_visual .slogan_wrap{ position: absolute; top:100px; left:80%; z-index:1;max-width:1300px; width:100%; margin-left:-600px; letter-spacing: -1px;}
.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 4px;word-break:keep-all;}
.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:50px; color:rgba(39,116,140,0.9);}
.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:50px; color:rgba(39,116,140,0.9); }
.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}


/* �ٷΰ���01 */
.MC_wrap .MC_cont{position:absolute; bottom:0; left:0;z-index:2;width:100%;height:100%; /*background-color:rgba(0,30,56,0.9);*/}
.MC_wrap .MC_cont .inner:after{display:block;clear:both;content:"";}

.m_link01{float:left;position:relative;width:100%; background:#053863;}

/*.m_link01 > h2{position:absolute;top:-79px;left:0;width:608px;height:79px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:url(/images/web/covid19/main/m_link_bg.png) no-repeat;background-size:100% auto;color:#fff;font-size:25px;font-weight:700;line-height:79px;}
.m_link01 > h2:before{display:block;position:absolute;top:0;left:-260px;width:260px;height:79px;background:url(/images/web/covid19/main/m_link_line.png) repeat;content:"";}
.m_link01 .config_btn{display:none;}
*/
/* ��ũ */
.m_link01 ul:after{display:block;clear:both;content:"";}
.m_link01 ul li{float:left; width:25%; }
.m_link01 ul li a{display:block; padding:15px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;
box-sizing:border-box;border-left:1px dotted #8f9fae;text-align:center;}
.m_link01 ul li:last-child a{border-right:1px dotted #8f9fae;}
.m_link01 ul li a p{margin:0 auto; line-height:30px; }
.m_link01 ul li a p img{width:75px;height:33px;vertical-align:middle;}
.m_link01 ul li a:hover{background:#e4012e !important;}
.m_link01 ul li a:hover p img{-webkit-transform: rotateY(360deg);-ms-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.m_link01 ul li a span{display:block; margin:10px 0 0;color:#fff; font-size:15px; line-height:18px; }
.m_link01 ul li a,
.m_link01 ul li a p img{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }

/* �ٷΰ���02, 03 */
.MC_wrap02 .MC_cont{float:left;width:100%;margin-left:0px;}

/* �ٷΰ���02 */
.m_link_tab {width:100px; height:10px; clear:both;}
.m_link02 {width:100%; height:100%;}
.m_link02 ul:after{display:block;clear:both;content:"";}
.m_link02 li{float:left;width:25%; background-color:#dddddd;}
.m_link02 li a{display:block;padding:15px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;
box-sizing:border-box;border-left:1px dotted #8f9fae;text-align:center;}
.m_link02 li:last-child a{border-right:1px dotted #8f9fae;}
.m_link02 li a:hover{text-decoration:underline;}
.m_link02 li a img{width:30px;height:30px;padding-right:10px;}

/* �ٷΰ���03 */
.m_link03{position:relative;min-height:210px;margin-top:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #bfbfbf;}
.m_link03 h2{position:absolute;top:-26px;left:0;width:223px;height:50px;padding-left:33px;background:url(/images/web/covid19/main/m_link03_bg.png) no-repeat;color:#fff;font-size:18px;line-height:50px;}

.m_link03 ul{padding:43px 0;}
.m_link03 ul:after{display:block;clear:both;content:"";}
.m_link03 ul li{float:left;width:25%;}
.m_link03 ul li a{display:block;position:relative;margin:0 auto;color:#333;font-size:15px;text-align:center;}
.m_link03 ul li a:hover{text-decoration:underline;}
.m_link03 ul li a span{display:block;padding-top:15px;font-weight:700;}

.m_link03 ul li a img{width:90px;height:90px;}

/* �ٷΰ���04 */
.m_link04 ul:after{display:block;clear:both;content:"";}
.m_link04 li{float:left;width:24.5%;background-color:#053863; border:1px solid #ffffff;}
.m_link04 li a{display:block;height:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ddd;color:#000;font-size:17px;line-height:80px;text-align:center;}
.m_link04 li:last-child a{border-right:0;}
.m_link04 li a:hover{text-decoration:underline;}

.m_link04 li a img{width:50px;height:50px;padding-right:10px;}

/* ���ұ����Ұ� 2 */
.MC_wrap03{display:none;}


@media screen and (max-width:1420px) {	

	.main_wrap .MC_wrap02{width:96%;}
	.main_wrap .MC_wrap03 .MC_cont{width:96%;}
	.main_visual .slogan_wrap{position: absolute;
	 top:100px; left:90%; z-index:1;max-width:1300px; width:100%; margin-left:-600px; letter-spacing: -1px;}

	/* ���κ��־� */

	/* ���ұ����Ұ� */
	.main_visual:before{left:26%;}
	.MC_wrap01 .m_map{margin-left:-100px;}

	/* �ٷΰ���01 */
	.MC_wrap01 .MC_cont{bottom:140px;left:2%;width:96%;}

	.m_link01{float:none;width:100%;}
	.m_link01 ul li{width:25%;}
	.m_link01 ul li:first-child a{border-left:0;}
	.m_link01 ul li:last-child a{border-right:0;}


}

@media screen and (max-width:1200px) {	

	#container {padding:0;}

	.main_wrap .MC_wrap02{padding:35px 0;}

	.main_visual .slogan_wrap{position: absolute;
	 top:50px; left:95%; text-align:left; z-index:1;max-width:1300px; width:100%; margin-left:-600px; letter-spacing: -1px;}


	/* ���κ��־� */
	.main_visual #m_slogan .slick-dots{position:absolute; bottom:-50px; left:20%; margin:0;}
	.main_visual .control_btn{bottom:-50px; left:50%; margin-left:-40px;}

	/* ���ұ����Ұ� */
	.main_visual:before,
	.MC_wrap01 .m_map{display:none;}
	.main_visual #m_visual li img{width:100%;height:100%;}


}

@media screen and (max-width:960px) {
	
	/* ��� */
	
	.main_visual .slogan_wrap{ position: absolute;
	 top:50px; left:110%; text-align:left; z-index:1; width:100%; letter-spacing: -1px;}

	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 4px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:40px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:30px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}


	.banner_box .obj li {width:33.33%; height:100%}/* 191126 ���� */ 
	
	.m_link01 ul li{width:50%;}
	.m_link01 ul li a{position:relative;height:40px;border-bottom:1px dotted #8f9fae;}
	.m_link01 ul li a p{line-height:60px;}
	.m_link01 ul li a span{position:absolute;bottom:15px;left:0;width:100%;margin-top:0;}
}

@media screen and (max-width:767px) {


	.main_visual .slogan_wrap{ position: absolute;
	 top:50px; left:120%; text-align:left; z-index:1; width:100%; letter-spacing: -1px; }
	 
	.main_visual #m_visual li img{width:100%; height:100%; }

	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 4px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:30px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:30px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}
	
	
	.main_visual .control_btn,
	.main_visual #m_slogan .slick-dots{bottom:-30px;}


	/* �ٷΰ���01 */
	.MC_wrap01 .MC_cont{top:321px;bottom:auto;}

	.m_link01 ul li{width:50%;}
	.m_link01 ul li a{position:relative;height:40px;border-bottom:1px dotted #8f9fae;}
	.m_link01 ul li a p{line-height:60px;}
	.m_link01 ul li a span{position:absolute;bottom:15px;left:0;width:100%;margin-top:0;}


	/* �������� */
	.main_wrap .MC_wrap02{z-index:1;}

	.Notice{height:361px;margin-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#fff;}
	.Notice h2 a{padding:20px 30px 13px;}
	.Notice h2.current a:before{bottom:0;}
	.Notice .list_box1{top:60px;}
	.Notice .list_box1 ul li{padding-left:107px;}
	.Notice .list_box1 ul li a span{width:74%;}
	.Notice .list_box1 ul li .date{left:20px;}
	
	.Notice .list_box2{top:60px;}
	.Notice .list_box2 ul li{padding-left:107px;}
	.Notice .list_box2 ul li a span{width:74%;}
	.Notice .list_box2 ul li .date{left:20px;}
	
	.Notice .list_box3{top:60px;}
	.Notice .list_box3 ul li{padding-left:107px;}
	.Notice .list_box3 ul li a span{width:74%;}
	.Notice .list_box3 ul li .date{left:20px;}

	.Notice a.btn_more{right:20px;}
}

@media screen and (max-width:740px) {

	
	.main_visual .slogan_wrap{ position: absolute;
	 top:40px; left:130%; text-align:left; z-index:1; width:100%; letter-spacing: -1px; }
	 
	.main_visual #m_visual li img{width:100%;height:100%;}

	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 4px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:20px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:25px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}

	
	/* ��� */	
	.banner_box .obj li {width:50%;} 

	.m_link01 ul li{width:100%;}
	.m_link01 ul li:nth-child(n+3){padding-top:0px;}
	.m_link01 ul li a{margin:0; border-bottom:1px dotted #8f9fae;}
	.m_link01 ul li a img{width:30px;height:30px;}
	
	.m_link02 ul li{width:100%;}
	.m_link02 ul li:nth-child(n+3){padding-top:0px;}
	.m_link02 ul li a{margin:0; border-bottom:1px dotted #8f9fae;}
	.m_link02 ul li a img{width:30px;height:30px;}
}

@media screen and (max-width:660px) {

	.main_visual .slogan_wrap{ position: absolute;
	 top:35px; left:150%; text-align:left; z-index:1; width:100%; letter-spacing: -1px;  }
	.main_visual #m_visual li img{width:100%;height:100%;}

	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 4px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:20px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:25px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}
	
	.m_link01 ul li{width:100%;}
	.m_link01 ul li:nth-child(n+3){padding-top:0px;}
	.m_link01 ul li a{margin:0; border-bottom:1px dotted #8f9fae;}
	.m_link01 ul li a img{width:30px;height:30px;}
	
	.m_link02 ul li{width:100%;}
	.m_link02 ul li:nth-child(n+3){padding-top:0px;}
	.m_link02 ul li a{margin:0; border-bottom:1px dotted #8f9fae;}
	.m_link02 ul li a img{width:30px;height:30px;}
	
	
	/* �ٷΰ���03 */
	.m_link03 ul li{width:50%;}
	.m_link03 ul li:nth-child(n+3){padding-top:40px;}
	.m_link03 ul li a{margin:0;}
	.m_link03 ul li a img{width:54px;height:54px;}
}

@media screen and (max-width:540px) {
	
	
	.main_visual .slogan_wrap{ position: absolute;
	 top:30px; left:170%; text-align:left; z-index:1; width:100%; letter-spacing: -1px;}
	.main_visual #m_visual li img{width:100%;height:100%;}
	
	
	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 1px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:20px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:25px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}
		
	
	.main_wrap .MC_wrap03 .MC_cont{width:90%;}
	
	/* �ٷΰ��� */
	.m_link01 ul li a{padding:15px 0;}
}

@media screen and (max-width:480px) {  


	/* �ٷΰ���01 */
	.m_link01 > h2{width:100%;}
	
	.main_visual .slogan_wrap{ position: absolute;
	 top:30px; left:180%; text-align:left; z-index:1; width:100%; letter-spacing: -1px; }
	.main_visual #m_visual li img{width:100%;height:100%;}
	
	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 1px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:15px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:20px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}
	
	/* �������� */
	.Notice h2{font-size:16px;}
	.Notice h2 a{padding-right:5px;padding-left:5px;background:none;}

	.Notice .list_box1{top:57px;}
	.Notice .list_box2{top:57px;}
	.Notice .list_box3{top:57px;}
	

	/* �ٷΰ���02 */
	.m_link02 li{width:100%;}
	.m_link02 li a{height:auto;padding-left:43px;border-right:0;border-bottom:1px solid #ddd;text-align:left;}
	.m_link02 li:first-child a,
	.m_link02 li:last-child a{border-left:0;}
	.m_link02 li:last-child a{border-bottom:0;}
	.m_link02 li a span{display:inline-block;padding-top:0;}
}

@media screen and (max-width:380px) {  

	/* �ٷΰ���01 */
	.main_visual .slogan_wrap{ position: absolute;
	 top:25px; left:210%; text-align:left; z-index:1; width:100%; letter-spacing: -1px; }
	.main_visual #m_visual li img{width:100%;height:100%;}
	
	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 1px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:14px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:15px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}
	
	
	.m_link01 ul li{float:none;width:100%;}
	.m_link01 ul li a{height:70px;padding:10px 0;border-left:0;}
	.m_link01 ul li:nth-child(4) a,
	.m_link01 ul li:nth-child(5) a,
	.m_link01 ul li:nth-child(6) a{border-bottom:1px dotted #8f9fae;}
	.m_link01 ul li:last-child a{border-bottom:0;}
	.m_link01 ul li a p{padding-left:30px;line-height:50px;text-align:left;}
	.m_link01 ul li a p img{width:auto;height:30px;}
	.m_link01 ul li a span{bottom:23px;left:90px;text-align:left;}
	.m_link01 ul li a span br{display:none;}

	/* �ٷΰ���03 */
	.m_link03{padding:43px;}
	.m_link03 ul{padding:0;}
	.m_link03 ul li{float:none;width:100%;margin-top:20px;}
	.m_link03 ul li:nth-child(3),
	.m_link03 ul li:nth-child(4){padding-top:0;}
	.m_link03 ul li a{text-align:left;}
	.m_link03 ul li a span{display:inline-block;padding:0 0 0 15px;}

	/* ���ұ����Ұ� */
	.MC_wrap03 .m_map h2{top:40px;left:30px;}

	/* ��� */
	.banner_box .obj li{width:100%;}
}

@media screen and (max-width:345px) {  
/* �ٷΰ���01 */
	.main_visual .slogan_wrap{ position: absolute;
	 top:20px; left:220%; text-align:left; z-index:1; width:100%; letter-spacing: -1px;}
	.main_visual #m_visual li img{width:100%;height:100%;}
	
	.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(39,116,140,0.9) 1px 0 1px;word-break:keep-all;}
	.main_visual #m_slogan li p.txt1{margin:0 0 8px; font-size:14px; color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt2{float:left; font-family: 'NotoM';font-size:15px; color:rgba(39,116,140,0.9); }
	.main_visual #m_slogan li p.txt2 span{color:rgba(39,116,140,0.9);}
	.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}
	


}