@CHARSET "UTF-8";

/* 감염병역사 */
.his {padding:60px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:left bottom;margin:40px 0;}
.his.num01{background-image:url(/nanum/site/builder/dir/main/img/menu5860/history_bg01.jpg);}
.his.num02{background-image:url(/nanum/site/builder/dir/main/img/menu5860/history_bg02.jpg);}
.his.num03{background-image:url(/nanum/site/builder/dir/main/img/menu5860/history_bg03.jpg);}
.his .tit{text-align:center;font-family: 'RIDIBatang';font-weight: 700;font-size:3rem;margin-bottom:40px;}
.his .imgwrap{text-align:center;margin: 20px 0;}
.his .imgwrap .btit{font-weight:700;margin: 10px 0;}
.his .imgwrap .stxt{color:#777;font-size: 1.5rem;}

.his.h_wrap{padding: 55px 50px;color:#fff;background-image:url(/nanum/site/builder/dir/main/img/menu5860/history_bg.jpg);background-size: cover;}
.his.h_wrap.bg2{background-image:url(/nanum/site/builder/dir/main/img/menu5860/bg_effort_intro.jpg);}

.historycovid p{line-height:1.7;}
.historycovid ul li{line-height:1.7;}
.historycovid ul.list > li:nth-child(n+2){margin-top:15px;}
.historycovid .imgwrap{text-align:center;margin: 20px 0;}
.historycovid .imgwrap .btit{font-weight:700;margin: 10px 0;}
.historycovid .imgwrap .stxt{color:#777;font-size: 1.5rem;}


/* 준비된 도시 대구! */
.ready_daegu{display:flex;align-items: center;justify-content: center;gap: 95px;color:#fff;padding: 80px 70px;background:url(/nanum/site/builder/dir/main/img/menu5860/ready_bg.jpg)no-repeat;}
.ready_daegu > p{flex-shrink: 0;width:230px;height:230px;background-color:#ee4410;border-radius:50%;font-family: 'GmarketSansMedium';font-weight:700;font-size: 2.5rem;display: flex; flex-direction: column; align-items: center;justify-content: center;box-shadow: 0 0 35px rgba(0,0,0,0.8);}
.ready_daegu > p > span{display:block;font-size:15px;font-family: 'Be Vietnam Pro';}
.ready_daegu .cont .tit{display: flex;align-items: center;gap:15px;font-family: 'GmarketSansMedium';font-weight:700;font-size: 2.5rem;padding-top:140px;margin-bottom: 40px;background:url(/nanum/site/builder/dir/main/img/menu5860/chinese.png)no-repeat left top;}
.ready_daegu .cont .tit span{padding:5px 20px;border:1px solid #fff;}

/* 메르스 이후의 감염병 대응체계 */
.protect{display: flex; flex-direction: row-reverse;gap: 60px;margin-bottom: 75px;}
.protect .img_wrap img{width:560px;height:290px;}
.protect dl{display: flex; flex-direction: column; justify-content: space-between;}
.protect dl dt{position:relative;padding-top:100px;font-family: 'GmarketSansMedium';font-weight:700;font-size: 2.5rem;color:#ee4823;background-repeat:no-repeat;background-position:left top;}
.protect dl dt::before{position:absolute;content:'';right: -104px;bottom: 22px;width:230px;height:1px;background:#ee4823;}
.protect.n1 dl dt{background-image:url(/nanum/site/builder/dir/main/img/menu5860/m_ic01-1.gif);}
.protect.n2 dl dt{background-image:url(/nanum/site/builder/dir/main/img/menu5860/m_ic02-1.gif);}
.protect.n3 dl dt{background-image:url(/nanum/site/builder/dir/main/img/menu5860/m_ic03-1.gif);}

.protect:nth-child(even){flex-direction: unset;}
.protect:nth-child(even) dl{text-align:right;}
.protect:nth-child(even) dl dt{background-position:right top;}
.protect:nth-child(even) dl dt::before{position:absolute;content:'';right: auto;left:-100px;bottom: 22px;width:350px;height:1px;background:#ee4823;}


/* 재난극복의 컨트롤타워 */
.dnetwork{display:flex;flex-wrap:wrap;gap: 40px;}
.dnetwork dl{width:calc(100%/3);max-width: 366px;border:1px solid #c8c8c8;background-repeat:no-repeat;background-position:right top;padding:45px 40px;box-sizing:border-box;/* margin-bottom: 20px; */}
.dnetwork dl.no1{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic01.gif);}
.dnetwork dl.no2{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic02.gif);}
.dnetwork dl.no3{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic03.gif);}
.dnetwork dl.no4{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic04.gif);}
.dnetwork dl.no5{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic05.gif);}
.dnetwork dl.no6{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic06.gif);}
.dnetwork dl.no7{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic07.gif);}
.dnetwork dl.no8{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic08.gif);}
.dnetwork dl.no9{background-image:url(/nanum/site/builder/dir/main/img/menu5860/d-ic09.gif);}
.dnetwork dl dt{font-family: 'GmarketSansMedium';font-weight:700;font-size: 1.8rem;color:#ee4823;margin-bottom:30px;}
.dnetwork dl dt p{font-family: 'Spoqa Han Sans Neo';color:#000;}
.dnetwork dl dd{color:#777;}

.combox{display: flex;gap:80px;border-top:2px solid #000;padding-top:45px;margin-top: 60px;}
.combox dl{display: flex;flex-direction: column;justify-content: space-around;}
.combox dl dt{font-size: 2.2rem;font-weight: 700;}
.combox dl dd{font-size: 1.6rem;line-height: 1.8;}
.combox .img_wrap img{width: 470px;height: 275px;}

/* 최전선의 영웅들 */
.logo_wrap{display:flex;flex-wrap: wrap;gap: 30px;}
.logo_wrap li{width: calc(100%/4);border: 1px solid #ccc;max-width: 272px;text-align: center;padding: 20px;box-sizing: border-box;}
.logo_wrap li span{display: inline-block;width: 100%;padding: 0 30px;box-sizing: border-box;}

.hero_wrap{display:flex;padding: 40px;margin-top: 70px;box-sizing: border-box;color: #fff;justify-content: space-between;background: url(/nanum/site/builder/dir/main/img/menu5860/hero_bg.jpg) no-repeat 0 0;}
.hero_wrap dl{width: 425px;display: flex;flex-direction: column;justify-content: space-around;}
.hero_wrap dl dt{font-size:2.5rem;font-weight:700;}
.hero_wrap .hero_img{width: 600px;border: 1px solid rgba(255,255,255,.5);display: flex;flex-wrap: wrap;box-sizing: border-box;}
.hero_wrap .hero_img p{width: calc(100%/4);text-align: center;font-size: 14px;padding:75px 0 15px;border-bottom:1px solid rgba(255,255,255,.5);border-right: 1px solid rgba(255,255,255,.5);box-sizing: border-box;background-position: 50% 22px;background-repeat: no-repeat;}
.hero_wrap .hero_img p:nth-child(4n){border-right:0;}
.hero_wrap .hero_img p:nth-child(n+9){border-bottom:0;}

.hero_wrap .hero_img p.hicon1{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic01.png);}
.hero_wrap .hero_img p.hicon2{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic02.png);}
.hero_wrap .hero_img p.hicon3{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic03.png);}
.hero_wrap .hero_img p.hicon4{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic04.png);}
.hero_wrap .hero_img p.hicon5{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic05.png);}
.hero_wrap .hero_img p.hicon6{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic06.png);}
.hero_wrap .hero_img p.hicon7{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic07.png);}
.hero_wrap .hero_img p.hicon8{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic08.png);}
.hero_wrap .hero_img p.hicon9{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic09.png);}
.hero_wrap .hero_img p.hicon10{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic10.png);}
.hero_wrap .hero_img p.hicon11{background-image:url(/nanum/site/builder/dir/main/img/menu5860/hero_ic11.png);}


/* 세계찬사의 3t방역 모델 */
.net_t3 dl{display:flex;gap: 40px;margin: 30px 0;}
.net_t3 dl dt{flex-shrink: 0;display: flex;width:130px;height:130px;background:#000;border-radius:50%;color:#fff;font-size: 1.8rem;font-weight: 700;align-items: center;justify-content: center;flex-direction: column;font-family: 'GmarketSansMedium';box-shadow: 0 0 30px rgba(0,0,0,0.15);}



/*위기를 극복한 연대의 힘*/
.overcome ul{display: flex;flex-wrap: wrap;gap: 42px;}
.overcome.type2 ul{gap: 40px;}
.overcome ul li{width:calc(100% / 3);max-width:365px;border:1px solid #ccc;padding:50px 30px;box-sizing: border-box;background: url(/nanum/site/builder/dir/main/img/menu5860/bg_overcome.jpg) no-repeat right bottom;background-size:122px auto;}
.overcome.type2 ul li{width:50%;max-width:570px;}
.overcome ul li dl dt{font-family: 'GmarketSansMedium';font-weight: 800;font-size:1.8rem;color:#ee4823;padding-left: 30px;background: url(/nanum/site/builder/dir/main/img/menu5860/icon_overcome_tit.gif) no-repeat 0 3px;}
.overcome ul li dl dd{margin-top: 30px;}


/*동산의료원의 코로나19 극복 노력과 성과*/
.effort .bx{position:relative;display:flex;justify-content: space-between;border-top:2px solid #ed5125; border-bottom:1px solid #cbcbcb;padding: 60px 0;margin-bottom:70px;background:url(/nanum/site/builder/dir/main/img/menu5860/covid_bg.jpg)no-repeat left bottom;}
.effort .bx:last-child{margin-bottom:0;}
.effort .bx > div{width:50%;}
.effort .bx > div.left{padding-right:35px;border-right: 1px dashed #cbcbcb;}
.effort .bx > div.right{padding-left:35px;}
.effort .bx > div > ul > li{margin:30px 0 10px;}
.effort .bx > div.right > ul > li:first-child{margin-top:0;}


.effort .bx .left .eimg{position:relative;width: 100%;}
.effort .bx .left .eimg img{width:100%;}
.effort .bx .left .eimg .img_tit{position:absolute;width: 100%;bottom: 25px;color:#fff;text-align: center;}
.effort .bx .left .eimg .img_tit span{display: inline-block;width: 100%;color:rgb(255 255 255 / 70%);font-size:1.5rem;}





/********************웹********************/
@media all and (max-width:1024px){

/* 감염병역사 */
.his.h_wrap{background-size: cover;}	
.his img{width:100%;}
.historycovid img{width:100%;}

/* 준비된 도시 대구! */
.ready_daegu{gap:0;padding:50px 30px;}
.ready_daegu > p{width:200px;height:200px;font-size:2rem;}
.ready_daegu > p > span{font-size:1.4rem;}
.ready_daegu .cont{padding-left:50px;}
.ready_daegu .cont .tit{align-items: start;padding-top: 110px;background-size: 200px auto;}


/* 메르스 이후의 감염병 대응체계 */
.protect .img_wrap{display: flex;align-items: center;flex-shrink: 0;width: 50%;}
.protect .img_wrap img{width:100%;height:auto;}
.protect:nth-child(even) dl dt::before{width:110px;}


/* 재난극복의 컨트롤타워 */
.dnetwork{gap:30px;}
.dnetwork dl{width:47.9%;max-width:100%;}
.dnetwork dl dt{padding-right: 20px;}

.combox{gap:30px;}
.combox dl dd{margin-top:40px;}
.combox .img_wrap img{width:370px;height:auto;}


/* 최전선의 영웅들 */
.logo_wrap{gap:20px;}
.logo_wrap li{width:48.6%;max-width: 100%;}

.hero_wrap dl{padding-right:30px;}
.hero_wrap .hero_img p{padding: 55px 10px 15px;line-height: 1.3;word-break: break-word;background-position: 50% 10px;}

/*위기를 극복한 연대의 힘*/
.overcome ul,
.overcome.type2 ul{gap:30px;}
.overcome ul li,
.overcome.type2 ul li{width:47.9%;max-width:100%;}

	
/*동산의료원의 코로나19 극복 노력과 성과*/
.effort .bx{padding-bottom: 50px;}
.effort .bx .cont{padding: 50px 0 20px;}
.effort .bx .cont .txt_img > .etxt{padding-top:20px;}
.effort .bx .cont .eimg{width: 370px;height: 210px;}
.effort .bx .cont .eimg img{width: 370px;height: 100%;}

	
.tac img{width: 100%;}

/* 세계찬사의 3t방역 모델 */
.net_t3 dl{flex-direction: column;gap: 30px;}
.net_t3 dl dt{border-radius: 0; width: auto;height: 75px;}




}


/********************모바일********************/
@media all and (max-width:767px){

/* 감염병역사 */
.his{padding:40px;}
.his.h_wrap{padding:40px;}
.his .tit{margin-bottom:20px;font-size: 2.3rem;}


/* 준비된 도시 대구! */
.ready_daegu{flex-direction: column;padding: 30px 20px;background-size: cover;}	
.ready_daegu > p{width:150px;height:150px;}
.ready_daegu .cont{padding-left:0;}
.ready_daegu .cont .tit{flex-direction: column;background-size: 120px auto;background-position: 50% 10px;padding-top: 80px;margin-bottom: 20px;}


/* 메르스 이후의 감염병 대응체계 */
.protect{flex-direction: column-reverse;gap: 30px;margin-bottom: 30px;}
.protect:nth-child(even){flex-direction: column-reverse;margin-bottom: 30px;}
.protect:nth-child(n+2){border-top:1px solid #ee4823;padding-top: 30px;}
.protect .img_wrap{width:100%;}
.protect dl dt{padding-top: 60px;background-size: 40px auto;}
.protect dl dt::before{display:none;}
.protect:nth-child(even) dl{text-align: left;}
.protect:nth-child(even) dl dt{background-position: left top;}


/* 재난극복의 컨트롤타워 */
.dnetwork{gap:20px;}
.dnetwork dl{width: 100%;padding: 20px;background-size: 50px auto;}
.dnetwork dl dt{margin-bottom: 15px;}

.combox{flex-direction: column;padding-top: 30px;margin-top: 40px;}
.combox dl dd{margin-top:20px;}
.combox .img_wrap img{width:100%;}


/* 대구시 주요 거버넌스 */
.linetit_box{padding:35px 25px;}
.linetit_box .tit{margin-bottom: 20px;}


/* 최전선의 영웅들 */
.logo_wrap{gap:10px;}
.logo_wrap li{width: 48.3%;padding:10px;}
.logo_wrap li img{width:100%;margin: 0 auto;}
.logo_wrap li span{padding:0;}

.hero_wrap{flex-direction: column;padding: 30px;margin-top: 30px;background-size: cover;}
.hero_wrap dl{width:100%;}
.hero_wrap dl dd{padding:15px 0 20px;}
.hero_wrap .hero_img{width:100%;justify-content: center;}
.hero_wrap .hero_img p{width:50%;border-right: 0;}
.hero_wrap .hero_img p:nth-child(odd){border-right: 1px solid rgba(255,255,255,.5);}
.hero_wrap .hero_img p.hicon11{width: 100%;border-right:0;border-top:1px solid rgba(255,255,255,.5);}


/*위기를 극복한 연대의 힘*/
.overcome ul,
.overcome.type2 ul{gap:15px;}
.overcome ul li,
.overcome.type2 ul li{width: 100%;height: auto;padding: 30px 20px;background-size: 85px auto;}	
.overcome ul li dl dd{margin-top:20px;}	
	
/*동산의료원의 코로나19 극복 노력과 성과*/
.effort .bx{flex-direction: column;}
.effort .bx > div{width:100%;box-sizing: border-box;}
.effort .bx > div.left{border-right:0;}
.effort .bx > div.left,
.effort .bx > div.right{padding: 0;}	
	
/* 세계찬사의 3t방역 모델 */
.net_t3 dl{gap: 20px;}
	
	
	
	
	
	

}