@charset "utf-8";
/* CSS Document */
.intro_wrap{ width:100%; height:100%;  background: url(../images/bg_intro.png) no-repeat center 0; min-height:960px; text-align:center;  font-family:'NotoM';letter-spacing:-1px}


.intro_wrap .header{ padding:60px 0 20px 0;background:url(../images/wrap_bg.png);}
.intro_wrap p{text-align:center;}
.intro_wrap h1{ font-family: "NotoB"; padding:60px 0; font-size:32px; letter-spacing:-1px; color:#fff; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); }

.intro_wrap .container{ padding:30px 0; background:url(../images/wrap_bg.png);}

/*내용*/
.text_area { width:1000px; margin:0 auto; text-align:left; overflow:hidden;}/*200915 수정*/
.text_area .tit_01{ background:url(../images/tit_01.png) no-repeat 0 3px; padding-left:22px; font-size:20px; color:#fff; font-family:'NotoM';}
.text_area ul { margin-top:20px;}
.text_area ul li {  font-size:14px; line-height:1.8; color:#dbf2ff}
.text_area > div { float:left; width:31.3%; margin-right:2%}
.Tsty1 { font-size:14px; line-height:1.8; color:#dbf2ff}
.Tsty2 a {color:#ffffe1; text-decoration:underline;}
.Tsty2 { font-size:14px; line-height:1.8; color:#ffffe1}
.tit02{color:#fff; }
.covid_tit{font-size:18px !important;}
/*박스*/
.intro_wrap .container .btnBox {max-width: 1400px;clear:both;margin:30px auto;}/*250428 수정*/
.intro_wrap .container .btnBox:after{ content:""; display:block; clear:both;}
.intro_wrap .container .btnBox li{float:left;width: 100%;}
.intro_wrap .container .btnBox li:nth-child(2){ float:left; width:30%;}
.intro_wrap .container .btnBox li+li{margin-left:2%;}

.intro_wrap .container .btnBox2 { max-width:1000px; clear:both; margin:30px auto; }
.intro_wrap .container .btnBox2:after{ content:""; display:block; clear:both;}
.intro_wrap .container .btnBox2 li{ float:left; width:33%;}
.intro_wrap .container .btnBox2 li:first-child{ float:left; width:65%;}
.intro_wrap .container .btnBox li+li{margin-left: 1%;}

.intro_wrap .container .box{width: 99%;min-height:220px;font-family: "NotoR";float:left;border-radius:8px;}
.intro_wrap .container .box p.img{margin:25px 0;}
.intro_wrap .container .box p.tit{ font-size:20px; line-height:1.4; font-family:'NotoM'; padding:25px 0 0; margin-bottom:15px; letter-spacing:-1px; color:#fff;}
.intro_wrap .container .box p.tit span{ font-size:24px; display:block;}
.intro_wrap .container .box p.tit2 { line-height:1.6; letter-spacing:0; color:#fff;}

.intro_wrap .container .box2{width:100%; /* min-height: 586px; */ font-family: "NotoR"; float:left; border-radius:8px;}/*250704*/
.intro_wrap .container .box2 p.img{margin: 15px 0;}
.intro_wrap .container .box2 p.tit{font-size: 18px;line-height:1.4;font-family:'NotoM';padding:25px 0 0;margin-bottom:25px;word-break: keep-all;letter-spacing:-1px;color:#fff;}/*200810 수정*//*250704*/
.intro_wrap .container .box2 p.tit span{ font-size:26px; display:block;}
.intro_wrap .container .box2 p.tit2 { line-height:1.6; letter-spacing:0; color:#fff; min-height:66px;}

/*가운데 박스*/
.intro_wrap .container .box_n{padding-top: 160px;padding-bottom: 39px;}/*200810 추가*/

.box.box01{background-color:rgba(0,113,100,0.9);margin-left: 1%;margin-bottom: 10px;}
.box.box02{background-color:rgba(95,89,133,0.9);}
.box.box03{background-color:rgba(50,77,116,0.9);}
.box04{background-color: rgba(11, 81, 167,0.8);}
.box05{background-color:rgba(204,49,90,0.8);}
.box06{background-color:rgba(50,77,116,0.9);}/*200520 추가*/

.box.box01 .btnGroup{ margin:15px 0 15px;}
.box.box02 .btnGroup{ margin:15px 0 15px;}
.box.box03 .btnGroup{ margin:15px 0 15px;}
.box04 .btnGroup{margin: 15px 0 35px;}/*200915 수정*/
.box05 .btnGroup{margin: 0 0 14px 0;}/*200915 수정*/
.box06 .btnGroup{ margin:15px 0 15px;}/*200520 추가*/

.intro_wrap .container .t_txt{ color:#fff; font-size:16px; line-height:1.8}
.intro_wrap .container .t_txt strong{ color:#d3ff03;}

/*버튼*/
.btnGroup{ font-size:14px;}
.btnGroup a{display:inline-block;width:78%;font-family:'NotoM';text-align:left;padding:15px 0 15px 7%;margin:3px auto;border:1px solid #fff;}
.btnGroup a span{ background:url(../images/arrow.png) no-repeat 90% 50%; display:block;  color:#fff;}
.btnGroup a span.fcy{ color:#ff0; }
.btnGroup a:hover{ background:#fff; transition:all .3s ease; }
.btnGroup a:hover span{ transition:all .2s ease; background-image:url(../images/arrow_ov.png); color:#333;}
.btnGroup a.btnGray{ background:#555e6d;}
.btnGroup a.btnBlue01{ background:#336ab4;}
.btnGroup a.btnBlue02{ background:#4591cb;}




/*버튼
.btnGroup{ font-size:14px; border:1px solid #fff;}
.btnGroup a{ display:inline-block; width:90%;  text-align:left; color:#fff; padding:15px 0px; margin-left:10%; }
.btnGroup a span{ background:url(/index/kmou/images/arrow.png) no-repeat 90% 50%; display:block;}
.btnGroup a.btnGray{ background:#555e6d;}
*/

/*버튼 한줄에 2개 221223*/
.btn2{ font-size:14px;position:relative;overflow:hidden;}
.btn2 ul{width:88%; margin:0 auto;}
.intro_wrap .container .btnBox .btn2 ul li{width:49%;margin-top:1%;border:1px solid #fff; box-sizing:border-box;}
.intro_wrap .container .btnBox .btn2 ul li+li{margin-left:2% !important; }
.intro_wrap .container .btnBox .btn2 ul li:nth-child(3){margin-left: 0% !important;}

.btn2 a{display:block;width:100%;text-align:left;color:#fff;padding:15px 0 15px 7%;/* margin-left:10%; */border: none;}
.btn2 a span{background:url(../images/arrow.png) no-repeat 80% 50%; display:block;  color:#fff;}

.intro_wrap .container .btnBox .btn2 ul li a:hover{background:none; }
.intro_wrap .container .btnBox .btn2 ul li:hover{ background:#fff !important; transition:all .3s ease; }
.intro_wrap .container .btnBox .btn2 ul li:hover span{ transition:all .2s ease; background-image:url(../images/arrow_ov.png) !important; color:#333;}


/*푸터*/
.intro_wrap .footer{ line-height:1.6; padding:40px 0; font-size:13px; color:#555; background:#e3ecf1;}

@media screen and (max-width:1400px) {	
.intro_wrap .container .box2 p.tit{font-size:18px;}
.covid_tit{font-size: 17px !important;}

}


@media screen and (max-width:1200px) {	
.intro_wrap .container .box2 p.tit{font-size:18px; font-size: 1.6em !important;}
.intro_wrap .container .box2 p.tit span{font-size:23px}
.p_tit .tit02{margin-bottom:30px !important}

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

	.intro_wrap{background-size:cover;}
	.intro_wrap, .container {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
	
	.intro_wrap .container { margin:0 0 20px 0; padding:10px 2%; width: 96%;}
	.intro_wrap h1{ width:90%; margin:0px auto; font-size:28px; padding:30px 0px; word-break:keep-all;}
	.intro_wrap .header p img{width:60%; max-width:266px;}

	.intro_wrap .container .box2{min-height: auto;}
	
	/*내용*/
	.text_area { margin: 30px auto;}
	.text_area ul { margin:20px 0;}
	.text_area > div { float:none; width:100%; margin-right:0}
	.Tsty1 br { display:none;}
	

	/*박스*/
	.intro_wrap .container .btnBox { width:100%; margin:0 auto}
	.intro_wrap .container .btnBox li{ width:100% !important; margin:0 0px 15px;}
	.intro_wrap .container .btnBox li+li{margin-left:0}
	.intro_wrap .container .box{ float:none;  min-height:220px; padding-bottom:15px;}

	.intro_wrap .container .box .info{margin:15px 0px;}
	
	/*박스2*/
	.intro_wrap .container .btnBox2 { width:100%; margin:0 auto}
	.intro_wrap .container .btnBox2 li{ width:100% !important; margin:0 0px 15px;}
	.intro_wrap .container .btnBox2 li+li{margin-left:0}
	.intro_wrap .container .box{ float:none;  min-height:220px; padding-bottom:15px;}

	.intro_wrap .container .box2 .info{margin:15px 0px;}
	.intro_wrap .container .box2 .info p{margin-top:15px;}
	.intro_wrap .container .box2 .info p{margin-top:15px;}
  
     /*버튼 한줄에 2개 221223*/
	.intro_wrap .container .btnBox .btn2 ul li+li{margin-left:0% !important; }


    /*가운데 박스*/
	.intro_wrap .container .box_n{padding-top: 10px;padding-bottom: 15px;}/*200810 추가*/
	
	/*푸터*/
	.intro_wrap .footer{ width:90%; font-size:12px; margin:0 auto; word-break:keep-all}
    
    
    .present01{padding: 20px 0 !important;}
    
    .intro_wrap .container p.tit{font-size: 14px !important;}
    
   
	
}

@media screen and (max-width:1000px) {
	.intro_wrap .container .box2 p.tit{padding-top:20px !important; }
		

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

		
	.intro_wrap .container .t_txt { word-break:keep-all}
    
	
}