@CHARSET "UTF-8";

/* 대구소개 */
.daegu_intro_wrap{display:flex;flex-direction:row-reverse;gap:50px;}
.daegu_intro_wrap .map_img{flex-shrink:0;width:500px;}
.daegu_intro_wrap .map_img img{width:100%;}
.daegu_intro_wrap .cont{flex-grow:1;}
.daegu_intro_wrap .cont .current_box{display:flex;gap:20px;}
.daegu_intro_wrap .cont .current_box dl{display:flex;flex-direction:column;justify-content:space-between;gap:30px;flex:1;padding:20px 30px;background:#f9f9f9;border-radius:20px;box-sizing:border-box;}
.daegu_intro_wrap .cont .current_box dl dt{display:flex;align-items:center;position:relative;min-height:48px;font-size:1.9rem;font-weight:700;}
.daegu_intro_wrap .cont .current_box dl dt::after{content:'';position:absolute;top:50%;right:0;width:48px;height:48px;background-repeat:no-repeat;background-size:cover;transform:translateY(-50%);}
.daegu_intro_wrap .cont .current_box dl.box1 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/intro_current_icon1.png);}
.daegu_intro_wrap .cont .current_box dl.box2 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/intro_current_icon2.png);}
.daegu_intro_wrap .cont .current_box dl.box3 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/intro_current_icon3.png);}
.daegu_intro_wrap .cont .current_box dl dd.btxt{font-size:3rem;font-weight:700;}
.daegu_intro_wrap .cont .current_box dl dd.btxt p{display:block;font-size:1.6rem;}
.daegu_intro_wrap .cont .current_box dl dd.stxt{font-size:1.6rem;font-weight:500;color:#555;}
.daegu_intro_wrap .cont .graph_box{width:100%;position:relative;height:50vh;min-height:400px;max-height:600px;}

/* 생활정보_금융활동 */
.finance_info_wrap .bank_open_step{display:flex;gap:40px;margin-top:20px;}
.finance_info_wrap .bank_open_step li{position:relative;flex:1;border:1px solid #e5e5e5;text-align:center;}
.finance_info_wrap .bank_open_step li:nth-child(n+2)::before{content:'';position:absolute;top:50%;left:-32px;width:24px;height:24px;background:url(/nanum/site/builder/dir/main/img/menu6194/bank_open_arr.png) no-repeat;background-size:cover;}
.finance_info_wrap .bank_open_step li dl{height:100%;}
.finance_info_wrap .bank_open_step li dl dt{padding:20px;background:#f9f9f9;font-weight:700;}
.finance_info_wrap .bank_open_step li dl dt span{display:block;position:relative;padding-top:50px;}
.finance_info_wrap .bank_open_step li dl dt span::before{content:'';position:absolute;top:0;left:50%;width:40px;height:40px;background-repeat:no-repeat;background-size:cover;transform:translateX(-50%);}
.finance_info_wrap .bank_open_step li dl dd{padding:20px;font-size:1.5rem;color:#555;}
.finance_info_wrap .bank_open_step li.step1 dl dt span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/bank_open_icon1.png);}
.finance_info_wrap .bank_open_step li.step2 dl dt span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/bank_open_icon2.png);}
.finance_info_wrap .bank_open_step li.step3 dl dt span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/bank_open_icon3.png);}
.finance_info_wrap .bank_open_step li.step4 dl dt span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/bank_open_icon4.png);}
.finance_info_wrap .bank_open_step li.step5 dl dt span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/bank_open_icon5.png);}
.finance_info_wrap .money_unit{display:flex;border:1px solid #e5e5e5;}
.finance_info_wrap .money_unit li{display:flex;flex-direction:column;flex:1;padding:20px;box-sizing:border-box;text-align:center;}
.finance_info_wrap .money_unit li:nth-child(n+2){border-left:1px solid #e5e5e5;}
.finance_info_wrap .money_unit li img{flex-shrink:0;height:70px;object-fit:none;}
.finance_info_wrap .money_unit li p{padding-top:10px;font-weight:700;}

/* 생활정보_통신 */
.telecom_info_wrap .qr_post_box{display:flex;flex-wrap:wrap;gap:20px;}
.telecom_info_wrap .qr_post_box dl{overflow:hidden;display:flex;flex-direction:column;align-items:center;width:calc(25% - 15px);border-style:solid;border-width:2px;border-radius:10px;text-align:center;box-sizing:border-box;}
.telecom_info_wrap .qr_post_box dl dt{padding:10px;}
.telecom_info_wrap .qr_post_box dl dt span{display:block;width:80px;height:80px;font-size:0;line-height:0;}
.telecom_info_wrap .qr_post_box dl dt span img{width:100%;height:100%;}
.telecom_info_wrap .qr_post_box dl dd{width:100%;padding:10px;font-weight:700;line-height:1.3;color:#fff;box-sizing:border-box;}
.telecom_info_wrap .qr_post_box dl:nth-child(odd){border-color:#f59992;}
.telecom_info_wrap .qr_post_box dl:nth-child(odd) dd{background:#f59992;}
.telecom_info_wrap .qr_post_box dl:nth-child(even){border-color:#c7bb9e;}
.telecom_info_wrap .qr_post_box dl:nth-child(even) dd{background:#c7bb9e;}
.telecom_info_wrap .skt{background:#3617ce;}
.telecom_info_wrap .kt{background:#000;}
.telecom_info_wrap .lg{background:#e6007e;}
.telecom_info_wrap .mvnohub{background:linear-gradient(93deg, #266bff -42%, #00d397 142%);}
.telecom_info_wrap .internet_box{display:flex;gap:40px;}
.telecom_info_wrap .internet_box dl{flex:1;background:#f9f9f9;text-align:center;}
.telecom_info_wrap .internet_box dl dt{padding:10px 20px;background:#fff;border:1px solid #000;font-weight:700;}
.telecom_info_wrap .internet_box dl dd{display:flex;flex-direction:column;gap:20px;padding:20px;}
.telecom_info_wrap .internet_box dl dd p{font-size:2rem;font-weight:700;}
.telecom_info_wrap .internet_box dl dd a.con_sbtn{width:fit-content;margin:0 auto;}

/* 생활정보_교통 */
.traffic_info_wrap .btn_w{padding:0;}
.traffic_info_wrap .con_btn span{position:relative;padding-left:34px;}
.traffic_info_wrap .con_btn span::before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;background-repeat:no-repeat;background-size:cover;transform:translateY(-50%);}
.traffic_info_wrap .con_btn.naver{background:#03c75a;border-color:#03c75a;}
.traffic_info_wrap .con_btn.naver span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/icon_map_naver.png);}
.traffic_info_wrap .con_btn.kakao{background:#ffe500;border-color:#ffe500;color:#000;}
.traffic_info_wrap .con_btn.kakao span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/icon_map_kakao.png);}
.traffic_info_wrap .con_btn.google{background:#f5f5f5;border-color:#f5f5f5;color:#000;}
.traffic_info_wrap .con_btn.google span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/icon_map_google.png);}

.traffic_info_wrap .app_use_box{display:flex;gap:100px;}
.traffic_info_wrap .app_use_box li{flex:1;text-align:center;}
.traffic_info_wrap .app_use_box li .img{position:relative;margin-bottom:20px;border:1px solid #e5e5e5;font-size:0;line-height:0;box-sizing:border-box;}
.traffic_info_wrap .app_use_box li .img img{width:100%;height:590px;object-fit:cover;}
.traffic_info_wrap .app_use_box li:nth-child(n+2) .img::before{content:'';position:absolute;top:50%;left:-66px;width:32px;height:32px;background:url(/nanum/site/builder/dir/main/img/menu6194/app_use_arr.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.traffic_info_wrap .app_use_box li dl{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.traffic_info_wrap .app_use_box li dl dt{width:fit-content;padding:5px 20px;background:#00816b;font-size:1.3rem;font-weight:700;color:#fff;border-radius:20px;}
.traffic_info_wrap .app_use_box li dl dd{font-weight:700;}

.traffic_info_wrap .btn_w + .list_box{margin-top:30px;}
.traffic_info_wrap .list_box{display:flex;flex-wrap:wrap;gap:20px;}
.traffic_info_wrap .list_box .item{display:flex;flex-direction:column;gap:20px;width:335px;padding:20px 30px;border:1px solid #e5e5e5;box-sizing:border-box;}
.traffic_info_wrap .list_box .item .name{padding-bottom:10px;border-bottom:1px solid #e5e5e5;font-size:1.9rem;line-height:1.5;font-weight:600;}
.traffic_info_wrap .list_box .item .name span{position:relative;margin-left:10px;padding-left:10px;font-size:1.5rem;font-weight:500;color:#555;}
.traffic_info_wrap .list_box .item .name span::before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;background:#d5d5d5;transform:translateY(-50%);}
.traffic_info_wrap .list_box .item ul li{position:relative;padding-left:26px;line-height:1.3;}
.traffic_info_wrap .list_box .item ul li:nth-child(n+2){margin-top:5px;}
.traffic_info_wrap .list_box .item ul li::before{content:'';position:absolute;top:2px;left:0;width:16px;height:16px;background-repeat:no-repeat;background-size:cover;}
.traffic_info_wrap .list_box .item ul li.adr::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/traffic_icon_adr.png);}
.traffic_info_wrap .list_box .item ul li.tel::before{background-image:url(/nanum/site/builder/dir/main/img/menu6194/traffic_icon_tel.png);}
.traffic_info_wrap .list_box .item a{margin-top:auto;}

/* 생활정보_주거환경_쓰레기배출안내 */
.trash_info_wrap .app_box{display:flex;justify-content:center;gap:20px;margin-bottom:40px;padding:40px 0;background:#f9f9f9;}
.trash_info_wrap .app_box li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.trash_info_wrap .app_box li .qrcode{display:block;padding:4px;background:#fff;border:2px solid #000;font-size:0;line-height:0;}
.trash_info_wrap .app_box li .qrcode img{width:128px;height:128px;object-fit:cover;}
.trash_info_wrap .app_box li p{width:fit-content;padding:3px 20px;border-radius:30px;background:#000;color:#fff;font-size:1.6rem;font-weight:700;}

/* 생활정보_주거환경_전세월세 */
.rental_info_wrap .app_group{display:flex;gap:40px;}
.rental_info_wrap .app_group a{flex:1;display:flex;flex-direction:column;gap:20px;padding:30px 20px;border:1px solid #e5e5e5;border-radius:20px;font-weight:500;text-align:center;box-sizing:border-box;}
.rental_info_wrap .app_group a span{display:block;position:relative;height:32px;}
.rental_info_wrap .app_group a span img{width:auto;height:100%;object-fit:contain;}

/* 생활정보_대구생활가이드북 */
.guidebook_wrap ul{display:flex;gap:40px;}
.guidebook_wrap ul li{flex:1;}
.guidebook_wrap ul li .thumb{display:block;font-size:0;line-height:0;}
.guidebook_wrap ul li .thumb img{width:100%;}
.guidebook_wrap ul li a{width:100%;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 대구소개 */
.daegu_intro_wrap{flex-direction:column;}
.daegu_intro_wrap .map_img{flex:none;width:100%;text-align:center;}
.daegu_intro_wrap .map_img img{width:80%;}
	
/* 생활정보_금융활동 */
.finance_info_wrap .bank_open_step{flex-direction:column;}
.finance_info_wrap .bank_open_step li:nth-child(n+2)::before{top:-32px;left:50%;transform:translateX(-50%) rotate(90deg);}
.finance_info_wrap .bank_open_step li dl dt span{padding-top:42px;}
.finance_info_wrap .bank_open_step li dl dt span::before{width:32px;height:32px;}

/* 생활정보_통신 */
.telecom_info_wrap .btn_w.left a{width:calc(50% - 5px);}
.telecom_info_wrap .internet_box{flex-direction:column;gap:10px;}
.telecom_info_wrap .internet_box dl dd{gap:10px;}
.telecom_info_wrap .internet_box dl dd a.con_sbtn{width:100%;}

.traffic_info_wrap .app_use_box{flex-wrap:wrap;gap:40px;}
.traffic_info_wrap .app_use_box li:nth-child(n+2) .img::before{left:-32px;width:24px;height:24px;}
.traffic_info_wrap .app_use_box li .img img{height:auto;}

.traffic_info_wrap .list_box{gap:10px;}
.traffic_info_wrap .list_box .item{width:calc(50% - 5px);padding:20px;}
.traffic_info_wrap .list_box .item .name span{display:block;margin-left:0;padding-left:0;}
.traffic_info_wrap .list_box .item .name span::before{display:none;}
.traffic_info_wrap .list_box .item ul li{font-size:1.5rem;}

/* 생활정보_주거환경_전세월세 */
.rental_info_wrap .app_group{gap:20px;}
.rental_info_wrap .app_group a{flex:none;gap:10px;justify-content:center;width:calc(33.3333% - 13.3333px);padding:10px;}
.rental_info_wrap .app_group a span img{width:100%;height:30px;}

/* 생활정보_대구생활가이드북 */
.guidebook_wrap ul{gap:20px;}

}

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

/* 대구소개 */
.daegu_intro_wrap .cont .current_box{flex-wrap:wrap;gap:10px;}
.daegu_intro_wrap .cont .current_box dl{flex:none;width:100%;gap:10px;}

/* 생활정보_통신 */
.telecom_info_wrap .qr_post_box{gap:10px;}
.telecom_info_wrap .qr_post_box dl{width:calc(25% - 7.5px);}
.telecom_info_wrap .qr_post_box dl dt span{width:64px;height:64px;}
	
/* 생활정보_주거환경_쓰레기배출안내 */
.trash_info_wrap .app_box{padding:20px;}
.trash_info_wrap .app_box li .qrcode img{width:64px;height:64px;}
.trash_info_wrap .app_box li p{padding:3px 10px;font-size:1.4rem;}

/* 생활정보_대구생활가이드북 */
.guidebook_wrap ul{gap:10px;flex-wrap:wrap;}
.guidebook_wrap ul li{flex:none;width:calc(50% - 5px);}

}

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

/* 대구소개 */
.daegu_intro_wrap .map_img img{width:100%;}
.daegu_intro_wrap .cont .graph_box {height:380px;padding:5px;}

/* 생활정보_교통 */
.traffic_info_wrap .app_use_box{flex-direction:column;}
.traffic_info_wrap .app_use_box li:nth-child(n+2) .img::before{display:none;}

/* 생활정보_통신 */
.telecom_info_wrap .qr_post_box dl{width:calc(50% - 5px);}
.telecom_info_wrap .qr_post_box dl dt span{width:48px;height:48px;}

/* 생활정보_대구생활가이드북 */
.guidebook_wrap ul{gap:20px;}
.guidebook_wrap ul li{width:100%;}

}

/********************웹********************/
@media all and (min-width:1025px) {
}