@charset "utf-8";

/*** Main Style ***/
.cont_main *,
.cont_main ::before,
.cont_main ::after{box-sizing:border-box;}
/* ms01 */
.cont_main .ms01{clear:both;}
.cont_main .ms01 .inr{display:flex; justify-content:space-between; align-items:center; position:relative; max-width:1280px; margin:0 auto; padding:20px 0 45px;}
.cont_main .ms01 .slogan_area{margin-top:20px;}
.cont_main .ms01 .right{display:flex; flex-direction:column; align-items:flex-end;}
.cont_main .ms01 .wt_group{margin:0 25px 24px 0;}
.cont_main .ms01 .wt_group span[class^="DB"]{display:inline-block; width:32px; height:32px;background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; white-space:nowrap; color:transparent; background-size:cover; vertical-align:middle;}
.cont_main .ms01 .wt_group .DB01{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB01_s.png)}
.cont_main .ms01 .wt_group .DB02{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB02_s.png)}
.cont_main .ms01 .wt_group .DB03{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB03_s.png)}
.cont_main .ms01 .wt_group .DB04{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB04_s.png)}
.cont_main .ms01 .wt_group .DB05{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB05_s.png)}
.cont_main .ms01 .wt_group .DB06{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB06_s.png)}
.cont_main .ms01 .wt_group .DB07{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB07_s.png)}
.cont_main .ms01 .wt_group .DB08{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB08_s.png)}
.cont_main .ms01 .wt_group .wt_deg {color:#ed0677; font-size:20px; font-weight:bold; position:relative; top:2px;}
.cont_main .ms01 .info_area{display:flex;}
.cont_main .ms01 .info_area li{width:120px;}
.cont_main .ms01 .info_area a{display:block; text-align:center;}
.cont_main .ms01 .info_area a:before{content:''; display:block; width:82px; height:82px; margin:0 auto; border-radius:50%; border:1px solid #ccc; background:url(../images/2023/main/ico_m01.png) no-repeat 0 0/cover;}
.cont_main .ms01 .info_area li.n01 a:before{background-position:0 0;}
.cont_main .ms01 .info_area li.n02 a:before{background-position:-80px 0;}
.cont_main .ms01 .info_area li.n03 a:before{background-position:-160px 0;}
.cont_main .ms01 .info_area li.n04 a:before{background-position:-240px 0;}
.cont_main .ms01 .info_area a span{font-size:18px;}
/* ms02 */
.cont_main .ms02 .spotzone{position:relative;}
.cont_main .ms02 .spotzone .item{vertical-align:top;}
.cont_main .ms02 .spotzone .item a{display:block; text-align:center;}
.cont_main .ms02 .spotzone .item img{margin:0 auto;}
.cont_main .ms02 .spotzone .item .img_m{display:none;}
.cont_main .ms02 .spotzone .nav{position:absolute; bottom:0; left:0; right:0; max-width:1280px; margin:0 auto;}
.cont_main .ms02 .spotzone .nav button{display:block; position:relative; width:36px; height:36px; background:none;}
.cont_main .ms02 .spotzone .nav button span{display:block; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; margin:auto; background:url(../images/2023/main/btn_spotzone.png) no-repeat 0 0; color:transparent;}
.cont_main .ms02 .spotzone .nav .count{display:flex; font-weight:600; font-size:15px; color:#a6a6aa;}
.cont_main .ms02 .spotzone .nav .count em{position:relative; margin-right:8px; padding-right:8px; color:#333;}
.cont_main .ms02 .spotzone .nav .count em:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; height:12px; margin:auto 0; border-right:1px solid #a1a6a8;}
.cont_main .ms02 .spotzone .nav .ctrl_area{display:flex; align-items:center; position:absolute; bottom:50px; right:50px; height:36px; border-radius:36px; background:rgba(255,255,255,.6);}
.cont_main .ms02 .spotzone .nav > button{position:absolute; bottom:50px; right:0; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.6);}
.cont_main .ms02 .spotzone .nav .prev span{width:9px; height:13px; transform:scaleX(-1);}
.cont_main .ms02 .spotzone .nav .next span{width:9px; height:13px;}
.cont_main .ms02 .spotzone .nav .pause span{width:6px; height:12px; background-position:-13px 0;}
.cont_main .ms02 .spotzone .nav .play span{width:7px; height:12px; background-position:-23px 0;}
/* ms03 */
.cont_main .ms03 .srch_area{position:relative; height:97px; margin-top:-1px; padding:0 15px; border-top:1px solid rgba(255,255,255,.7); background:#122b52 url(../images/2023/main/bg_srch.jpg) no-repeat 50% 50%;}
.cont_main .ms03 .srch_area form{height:100%;}
.cont_main .ms03 .srch_area .form_group{display:flex; align-items:center; position:relative; max-width:630px; height:100%; margin:0 auto;}
.cont_main .ms03 .srch_area .form_group .inp_word{flex:1; height:40px; padding:0; border:0; border-bottom:1px solid #fff; background:none; font-size:20px; color:#fff;}
.cont_main .ms03 .srch_area .form_group .inp_word::placeholder{font-size:20px; color:#c0c0c0;}
.cont_main .ms03 .srch_area .form_group .btn_srch{flex:0 0 auto; display:flex; align-items:center; height:40px; padding-left:18px; background:none; font-weight:600; font-size:22px; color:#fff;}
.cont_main .ms03 .srch_area .form_group .btn_srch:before{content:''; flex:0 0 auto; width:18px; height:18px; margin-top:3px; margin-right:6px; background:url(../images/2023/main/ico_srch.png) no-repeat 0 0/cover;}
/* ms04 */
.cont_main .ms04 .citynews_area{position:relative; max-width:1280px; margin:0 auto 60px;}
.cont_main .ms04 .citynews_area h2{padding:65px 0 40px; font-size:60px;}
.cont_main .ms04 .citynews_area .more{position:absolute; top:80px; right:0;}
.cont_main .ms04 .citynews_area .more a{display:block; height:52px; line-height:48px; padding:0 40px; border-radius:48px; border:2px solid #008738; font-weight:600; font-size:18px;}
.cont_main .ms04 .citynews_area .lst{display:flex; justify-content:space-between;}
.cont_main .ms04 .citynews_area .lst li{flex:1; margin-right:40px;}
.cont_main .ms04 .citynews_area .lst li:last-child{margin-right:0;}
.cont_main .ms04 .citynews_area .lst li a{display:block; position:relative;}
.cont_main .ms04 .citynews_area .lst li .img{display:block; position:relative;}
.cont_main .ms04 .citynews_area .lst li .img:before{content:''; display:block; padding-top:56.25%;}
.cont_main .ms04 .citynews_area .lst li .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
.cont_main .ms04 .citynews_area .lst li .date{position:absolute; top:15px; left:15px; padding:5px 10px; background:#2f3732; font-weight:600; font-size:15px; color:#fff;}
.cont_main .ms04 .citynews_area .lst li .txt{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:20px 0; font-weight:600; font-size:25px;}
.cont_main .ms04 .citynews_area .lst li .txt2{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:18px;}
/* ms05 */
.cont_main .ms05 .life_area{max-width:1280px; margin:0 auto; padding:30px 40px; border-radius:8px; background:#d3343d;}
.cont_main .ms05 .life_area .lst{display:flex; flex-wrap:wrap;}
.cont_main .ms05 .life_area .lst li{width:calc(100%/3 - 20px); margin:0 10px; border-bottom:1px solid #d8515a;}
.cont_main .ms05 .life_area .lst li a{display:flex; align-items:center; padding:8px 0; font-weight:600; font-size:18px; color:#fff;}
.cont_main .ms05 .life_area .lst li a:before{content:''; flex:0 0 auto; width:34px; height:34px; margin-right:15px; border:1px solid #fff; border-radius:50%; background:url(../images/2023/main/ico_m02.png) no-repeat 0 0;}
.cont_main .ms05 .life_area .lst li.n01 a:before{background-position:0 0;}
.cont_main .ms05 .life_area .lst li.n02 a:before{background-position:-32px 0;}
.cont_main .ms05 .life_area .lst li.n03 a:before{background-position:-64px 0;}
.cont_main .ms05 .life_area .lst li.n04 a:before{background-position:-96px 0;}
.cont_main .ms05 .life_area .lst li.n05 a:before{background-position:-128px 0;}
.cont_main .ms05 .life_area .lst li.n06 a:before{background-position:-160px 0;}
.cont_main .ms05 .life_area .lst li.n07 a:before{background-position:-192px 0;}
.cont_main .ms05 .life_area .lst li.n08 a:before{background-position:-224px 0;}
.cont_main .ms05 .life_area .lst li.n09 a:before{background-position:-256px 0;}
.cont_main .ms05 .life_area .lst li.n10 a:before{background-position:-288px 0;}
.cont_main .ms05 .life_area .lst li.n11 a:before{background-position:-320px 0;}
.cont_main .ms05 .life_area .lst li a span{flex:1; line-height:1.2;}
/* ms06 */
.cont_main .ms06{padding-bottom:50px; background-image:linear-gradient(to bottom, #fff 50%, #2f3732 0)}
.cont_main .ms06 .svc_area{max-width:1280px; margin:0 auto;}
.cont_main .ms06 .svc_area h2{padding:65px 0 40px; font-size:60px;}
.cont_main .ms06 .svc_area .lst{display:flex; justify-content:space-between;}
.cont_main .ms06 .svc_area .lst li{flex:1; margin-right:37px;}
.cont_main .ms06 .svc_area .lst li:last-child{margin-right:0;}
.cont_main .ms06 .svc_area .lst li a{display:block; color:#fff;}
.cont_main .ms06 .svc_area .lst li .img{display:block;}
.cont_main .ms06 .svc_area .lst li .img img{width:100%;}
.cont_main .ms06 .svc_area .lst li .tit{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:30px 0 20px; font-weight:600; font-size:25px;}
.cont_main .ms06 .svc_area .lst li .txt{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:18px;}
/* ms07 */
.cont_main .ms07{background:#2f3732;}
.cont_main .ms07 .bannerzone{position:relative; max-width:1280px; margin:0 auto; padding:60px 0; border-top:1px solid #585f5b; border-bottom:1px solid #585f5b;}
.cont_main .ms07 .bannerzone .slider{position:relative;}
.cont_main .ms07 .bannerzone .slider:before{content:''; display:block; position:absolute; top:0; left:0; bottom:0; z-index:10; height:100%; border-left:1px solid #2f3732;}
.cont_main .ms07 .bannerzone .nav{display:flex; align-items:center; position:absolute; top:0; right:0; transform:translateY(-50%); background:#2f3732;}
.cont_main .ms07 .bannerzone .nav button{display:block; position:relative; width:32px; height:32px; background:none;}
.cont_main .ms07 .bannerzone .nav button span{display:block; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; margin:auto; background:url(../images/2023/main/btn_banzone.png) no-repeat 0 0; color:transparent;}
.cont_main .ms07 .bannerzone .nav .ctrl_area{display:flex; align-items:center; height:36px; margin-right:7px;}
.cont_main .ms07 .bannerzone .nav .count{display:flex; font-weight:600; font-size:15px; color:#a6a6aa;}
.cont_main .ms07 .bannerzone .nav .count em{position:relative; margin-right:8px; padding-right:8px; color:#fff;}
.cont_main .ms07 .bannerzone .nav .count em:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; height:12px; margin:auto 0; border-right:1px solid #a1a6a8;}
.cont_main .ms07 .bannerzone .nav > button{width:32px; height:32px; border-radius:50%; border:1px solid #fff;}
.cont_main .ms07 .bannerzone .nav .prev span{width:8px; height:14px; transform:scaleX(-1);}
.cont_main .ms07 .bannerzone .nav .next span{width:8px; height:14px;}
.cont_main .ms07 .bannerzone .nav .pause span{width:6px; height:12px; background-position:-13px 0;}
.cont_main .ms07 .bannerzone .nav .play span{width:7px; height:12px; background-position:-23px 0;}
.cont_main .ms07 .bannerzone .item a{display:block; position:relative;}
.cont_main .ms07 .bannerzone .item a:before{content:''; display:block; position:absolute; top:0; left:0; bottom:0; height:100%; border-left:1px solid #585f5b;}

@media screen and (max-width:1279px){
	/* ms01 */
	.cont_main .ms01{margin:0 15px;}
	/* ms02 */
	.cont_main .ms02 .spotzone .nav .ctrl_area{right:65px;}
	.cont_main .ms02 .spotzone .nav > button{right:15px;}
	/* ms04 */
	.cont_main .ms04{margin:0 15px;}
	/* ms05 */
	.cont_main .ms05{margin:0 15px;}
	/* ms06 */
	.cont_main .ms06{padding:0 15px 50px;}
	/* ms07 */
	.cont_main .ms07{padding:0 15px;}
}

@media screen and (max-width:1023px){
	/* ms01 */
	.cont_main .ms01 .inr{padding:25px 0;}
	.cont_main .ms01 .slogan_area{width:calc(50% - 20px); margin-top:0; margin-right:20px;}
	.cont_main .ms01 .right{flex:1;}
	.cont_main .ms01 .wt_group{font-size:13px;}
	.cont_main .ms01 .wt_group span[class^="DB"]{width:20px; height:20px; background-size:cover;}
	.cont_main .ms01 .wt_group .wt_deg{font-size:15px;}
	.cont_main .ms01 .info_area{width:100%;}
	.cont_main .ms01 .info_area li{width:25%;}
	.cont_main .ms01 .info_area a:before{width:54px; height:54px; background-image:url(../images/2023/main/ico_m01_m.png);}
	.cont_main .ms01 .info_area li.n01 a:before{background-position:0 0;}
	.cont_main .ms01 .info_area li.n02 a:before{background-position:-52px 0;}
	.cont_main .ms01 .info_area li.n03 a:before{background-position:-104px 0;}
	.cont_main .ms01 .info_area li.n04 a:before{background-position:-156px 0;}
	.cont_main .ms01 .info_area a span{font-size:14px;}
	/* ms02 */
	.cont_main .ms02 .spotzone .nav button{width:20px; height:20px;}
	.cont_main .ms02 .spotzone .nav button span{background-image:url(../images/2023/main/btn_spotzone_m.png); background-size:25px 10px;}
	.cont_main .ms02 .spotzone .nav .ctrl_area,
	.cont_main .ms02 .spotzone .nav > button{bottom:20px;}
	.cont_main .ms02 .spotzone .nav .ctrl_area{height:20px; right:40px;}
	.cont_main .ms02 .spotzone .nav .count{font-size:14px;}
	.cont_main .ms02 .spotzone .nav .next span{width:6px; height:10px;}
	.cont_main .ms02 .spotzone .nav .prev span{width:6px; height:10px;}
	.cont_main .ms02 .spotzone .nav .pause span{width:5px; height:7px; background-position:-10px 0;}
	.cont_main .ms02 .spotzone .nav .play span{width:5px; height:7px; background-position:-19px 0;}
	/* ms03 */
	.cont_main .ms03 .srch_area{height:50px;}
	.cont_main .ms03 .srch_area .form_group .inp_word{height:24px; font-size:14px;}
	.cont_main .ms03 .srch_area .form_group .inp_word::placeholder{font-size:14px;}
	.cont_main .ms03 .srch_area .form_group .btn_srch{font-size:14px;}
	.cont_main .ms03 .srch_area .form_group .btn_srch:before{width:14px; height:14px;}
	/* ms04 */
	.cont_main .ms04 .citynews_area{margin-bottom:30px;}
	.cont_main .ms04 .citynews_area h2{padding:30px 0 20px; font-size:25px;}
	.cont_main .ms04 .citynews_area .more{top:35px;}
	.cont_main .ms04 .citynews_area .more a{height:25px; padding:0 10px; line-height:21px; font-size:13px;}
	.cont_main .ms04 .citynews_area .lst li{margin-right:20px;}
	.cont_main .ms04 .citynews_area .lst li .date{top:10px; left:10px; font-size:14px;}
	.cont_main .ms04 .citynews_area .lst li .txt{margin:15px 0; font-size:14px;}
	.cont_main .ms04 .citynews_area .lst li .txt2{font-size:13px;}
	/* ms05 */
	.cont_main .ms05 .life_area{padding:12px;}
	.cont_main .ms05 .life_area .lst li a{font-size:14px;}
	.cont_main .ms05 .life_area .lst li a:before{width:26px; height:26px; margin-right:10px; background-image:url(../images/2023/main/ico_m02_m.png); background-size:264px 24px;}
	.cont_main .ms05 .life_area .lst li.n01 a:before{background-position:0 0;}
	.cont_main .ms05 .life_area .lst li.n02 a:before{background-position:-24px 0;}
	.cont_main .ms05 .life_area .lst li.n03 a:before{background-position:-48px 0;}
	.cont_main .ms05 .life_area .lst li.n04 a:before{background-position:-72px 0;}
	.cont_main .ms05 .life_area .lst li.n05 a:before{background-position:-96px 0;}
	.cont_main .ms05 .life_area .lst li.n06 a:before{background-position:-120px 0;}
	.cont_main .ms05 .life_area .lst li.n07 a:before{background-position:-144px 0;}
	.cont_main .ms05 .life_area .lst li.n08 a:before{background-position:-168px 0;}
	.cont_main .ms05 .life_area .lst li.n09 a:before{background-position:-192px 0;}
	.cont_main .ms05 .life_area .lst li.n10 a:before{background-position:-216px 0;}
	.cont_main .ms05 .life_area .lst li.n11 a:before{background-position:-240px 0;}
	/* ms06 */
	.cont_main .ms06 .svc_area h2{padding:30px 0 20px; font-size:25px;}
	.cont_main .ms06 .svc_area .lst li{margin-right:20px;}
	.cont_main .ms06 .svc_area .lst li .tit{margin:10px 0 20px; font-size:14px;}
	.cont_main .ms06 .svc_area .lst li .txt{font-size:13px;}
	/* ms07 */
	.cont_main .ms07 .bannerzone{padding:24px 0;}
	.cont_main .ms07 .bannerzone .nav button{width:20px; height:20px;}
	.cont_main .ms07 .bannerzone .nav button span{background-image:url(../images/2023/main/btn_banzone_m.png); background-size:25px 11px;}
	.cont_main .ms07 .bannerzone .nav .ctrl_area{height:20px;}
	.cont_main .ms07 .bannerzone .nav .count{font-size:14px; line-height:21px;}
	.cont_main .ms07 .bannerzone .nav .next span{width:7px; height:11px;}
	.cont_main .ms07 .bannerzone .nav .prev span{width:7px; height:11px;}
	.cont_main .ms07 .bannerzone .nav .pause span{width:5px; height:7px; background-position:-10px 0;}
	.cont_main .ms07 .bannerzone .nav .play span{width:5px; height:7px; background-position:-19px 0;}
}

@media screen and (max-width:767px){
	/* ms01 */
	.cont_main .ms01 .inr{display:block;}
	.cont_main .ms01 .slogan_area{width:100%; max-width:230px;}
	.cont_main .ms01 .wt_group{position:absolute; top:25px; right:0; margin:0; text-align:right;}
	.cont_main .ms01 .wt_group .date{display:block;}
	.cont_main .ms01 .info_area{margin-top:25px;}
	/* ms02 */
	.cont_main .ms02 .spotzone .item .img_pc{display:none;}
	.cont_main .ms02 .spotzone .item .img_m{display:block;}
	/* ms03 */
	.cont_main .ms03 .srch_area{background-image:url(../images/2023/main/bg_srch_m.jpg); background-size:cover;}
	/* ms04 */
	.cont_main .ms04 .citynews_area .lst{display:block;}
	.cont_main .ms04 .citynews_area .lst li{margin-right:0;}
	.cont_main .ms04 .citynews_area .lst li .txt{margin-bottom:25px;}
	.cont_main .ms04 .citynews_area .lst li .txt2{display:none;}
	/* ms05 */
	.cont_main .ms05 .life_area .lst li{width:calc(50% - 20px);}
	.cont_main .ms05 .life_area .lst li:last-child{width:calc(100% - 20px);}
	/* ms06 */
	.cont_main .ms06{padding-bottom:25px; background-image:linear-gradient(to bottom, #fff 26%, #2f3732 0);}
	.cont_main .ms06 .svc_area .lst{flex-wrap:wrap;}
	.cont_main .ms06 .svc_area .lst li{flex:none; width:calc(50% - 7px); margin-right:0;}
	.cont_main .ms06 .svc_area .lst li .txt{display:none;}
}