@charset "utf-8";

/*
 * Layout CSS Document
 * IEETU Web Standardization Team
 * 2018-11-15
 */

/* Layout Common */
image-rendering:-webkit-optimize-contrast;
#wrap{min-width:280px;}
.header_egov_area{border-bottom:1px solid #dcdcdc;}
.header_egov_area > .inr{display:flex; align-items:center; max-width:1700px; height:43px; margin:0 auto; font-size:13px;}
.header_egov_area > .inr:before{content:''; display:inline-block; width:44px; height:15px; margin-right:4px; background:url(../images/2023/common/logo_egov.png) no-repeat 0 0;}
/* Header */
#header2023{position:relative; border-bottom:1px solid #d4d5dc; line-height:1.3;}
body.fixed #header2023{position:fixed; top:0; left:0; right:0; z-index:1000; background:#fff;}
#header2023 > .inr{max-width:1700px; margin:0 auto;}
#header2023 > .inr:after{content:''; display:block; clear:both;}

/* logo */
#header2023 .logo{float:left; margin:18px 0 0;}
#header2023 .logo a{display:block; overflow:hidden; width:220px; height:49px; background:url(../images/2023/common/logo_header.png) no-repeat 0 0; color:transparent;}
/* GNB_wrap */
/* GNB */
#header2023 .gnb_wrap{float:left; margin:0 0 0 210px;}
#header2023.open .gnb_wrap{}
#header2023 .gnb_wrap .gnb_bg{position:absolute; top:144px; left:0; z-index:20; width:100%; height:0; background:#fff; transition:all .3s;}
#header2023.open .gnb_wrap .gnb_bg{box-shadow:0 10px 10px rgba(0,0,0,.1);}
#header2023.open .gnb_wrap .gnb_bg:before{content:''; display:block; position:absolute; top:-1px; left:0; right:0; z-index:1; border-top:1px solid #d4d5dc;}
#header2023 .gnb_wrap #gnb{position:relative; z-index:30;}
#header2023 .gnb_wrap #gnb:after{content:''; display: block; clear: both;}
#header2023 .gnb_wrap #gnb > li{float:left; position:relative;}
#header2023 .gnb_wrap #gnb > li > a{display: block; position:relative; height:100px; padding:0 55px; font-weight:600; font-size:20px; line-height:100px; color:#333; letter-spacing:-1px;}
#header2023 .gnb_wrap #gnb > li.on > a{color:#024da1;}
body[data-menu-idtop="00000031"] #header2023 .gnb_wrap #gnb > li > a[href*="00000031"] span,
body[data-menu-idtop="00000001"] #header2023 .gnb_wrap #gnb > li > a[href*="00000001"] span,
body[data-menu-idtop="00000071"] #header2023 .gnb_wrap #gnb > li > a[href*="00000071"] span{color:#024da1; text-decoration:underline;}
#header2023 .gnb_wrap #gnb>li>a>span{display: inline-block; position:relative; line-height:20px;}
#header2023 .gnb_wrap #gnb>li>a img{display:inline-block; vertical-align:middle;}
#header2023 .gnb_wrap #gnb>li>div{display:none; position:absolute; top:100px; left:0; z-index:30; overflow:hidden; box-sizing:border-box; width:100%; text-align:left; transition:all .3s;}
body.fixed #header2023 .gnb_wrap #gnb>li>div{overflow-y:auto;}
#header2023 .gnb_wrap #gnb>li>div:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#d4d5dc;}
#header2023 .gnb_wrap #gnb>li:first-child>div:before{content:''; display:inline-block; position:absolute; top:0; right:inherit; left:0; bottom:0; z-index:1; width:1px; background:#d4d5dc;}
#header2023 .gnb_wrap #gnb>li.open>div{display:block;}
/* 2차 */
#header2023 .gnb_wrap #gnb>li>div>ul{position:relative; overflow:hidden; padding:13px 20px; background:#fff;}
#header2023 .gnb_wrap #gnb>li>div>ul>li{box-sizing:border-box;}
#header2023 .gnb_wrap #gnb>li>div>ul>li a{display:block; position:relative;}
#header2023 .gnb_wrap #gnb>li>div>ul>li>a{position:relative; padding:8px 0 8px 8px; font-weight:600; font-size:16px; line-height: 1.4; letter-spacing:-1px;}
#header2023 .gnb_wrap #gnb>li>div>ul>li>a:after{content:''; display:inline-block; position:absolute; top:50%; right:5px; width:5px; height:5px; border:1px solid #bababa; border-width:1px 1px 0 0; transform:translateY(-50%) rotate(45deg);}
#header2023 .gnb_wrap #gnb>li>div>ul>li a[target=_blank]:after{content:''; position:relative; top:auto; right:auto; width:16px; height:16px; margin:-4px 0 0 8px; border:0; background:url(../images/2023/common/ico_blank.png) no-repeat 0 0; vertical-align:middle; transform:none;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li>a{padding-left:45px;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li>a:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:40px; height:38px; margin:-19px 0 0; background:url(../images/2023/common/ico_gnb_part.png) no-repeat 0 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:first-child>a:before{background-position:0 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(2)>a:before{background-position:-40px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(3)>a:before{background-position:-80px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(4)>a:before{background-position:-120px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(5)>a:before{background-position:-160px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(6)>a:before{background-position:-200px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(7)>a:before{background-position:-240px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(8)>a:before{background-position:-280px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(9)>a:before{background-position:-320px 0;}
#header2023 .gnb_wrap #gnb>li:nth-child(4)>div>ul>li:nth-child(10)>a:before{background-position:-360px 0;}
#header2023 .gnb_wrap #gnb>li>div>ul>li.on>a{background:#f4faff; color:#024da1;}
/* 3차 */
#header2023 .gnb_wrap #gnb>li>div>ul>li>ul{display:none;}

/* util */
#header2023 .util_area{float:right; margin:29px 0 0; z-index:31;}
/* 로그인 */
#header2023 .cssSelect{float:left; position:relative; margin-top:10px; font-size:15px;}
#header2023 .cssSelect button{display:block; position:relative; height:24px; line-height:24px; padding:0 30px 0 27px; background:none;}
#header2023 .cssSelect button:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:22px; height:22px; margin:auto; background:url(../images/2023/common/ico_lang.png) no-repeat 0 0;}
#header2023 .my_area button:before{display:none;}
#header2023 .cssSelect button:after{content:''; display:inline-block; position:absolute; top:1px; right:13px; bottom:0; width:0; height:0; margin:auto; border:4px solid transparent; border-bottom:0; border-top-color:#353d47; transition:all .3s;}
#header2023 .cssSelect.on button:after{transform:rotate(-180deg);}
#header2023 .cssSelect > .lst{display:none; position:absolute; top:30px; right:-10px; z-index:10; box-sizing:border-box; min-width:100%; padding:6px 0; border-radius:3px; border:1px solid #b6babe; background:#fff; /* box-shadow:0 2px 4px rgba(0, 0, 0, .2); */}
#header2023 .cssSelect.on > .lst{display:block;}
#header2023 .cssSelect > .lst:before{content:''; display:inline-block; position:absolute; bottom:100%; right:15px; height:0; border:11px solid transparent; border-top:0; border-bottom-color:#b6babe;}
#header2023 .cssSelect > .lst:after{content:''; display:inline-block; position:absolute; bottom:100%; right:16px; height:0; border:10px solid transparent; border-top:0; border-bottom-color:#fff;}
#header2023 .cssSelect > .lst li a{display:block; padding:4px 15px; line-height:1.5; white-space:nowrap;}
#header2023 .cssSelect > .lst li a:hover{background:#e0f0ff;}
/* 코로나현황 */
#header2023 .covid{display:none;}
/* Language */
#header2023 .lang_area{float:left; position:relative;}
/* 검색 */
#header2023 .srch_box{float:left; position:relative; box-sizing:border-box; width:176px; padding:2px; border-radius:10px; background:linear-gradient(116deg,#122c53,#e61f2c);}
#header2023 .srch_box .word{overflow:hidden; height:38px; border-radius:8px; background:#fff;}
#header2023 .srch_box .word input{width:100%; height:100%; border:0;}
#header2023 .srch_box .word input::placeholder{font-size:15px; letter-spacing:-1px; color:#222;}
#header2023 .srch_box .btn_srch{position:absolute; top:2px; right:2px; width:38px; height:38px; background:url(../images/2023/common/ico_srch.png) no-repeat 50% 50%;}
#header2023 .srch_box .btn_srch input{width:100%; height:100%; border:0; background:transparent; color:transparent;}
/* 통합검색 */
/*body.fixed_srch{overflow:hidden; width:100%; height:100%;}*/
#header2023 .totalsrch_area{float:left; margin:0 0 0 10px;}
#header2023 .totalsrch_area > button{display:none; position:relative; height:42px; padding:0 10px; border:0; border-radius:3px; background:#666; font-size:13px; color:#fff;}
#header2023 .totalsrch_area .bg{visibility:hidden; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; z-index:101; background:rgba(0,0,0,.7); transition:all .3s;}
#header2023 .totalsrch_area.open .bg{visibility:visible; opacity:1;}
#header2023 .totalsrch_area .srch_wrap{visibility:hidden; opacity:0; position:fixed; top:130px; left:0; right:0; z-index:102; overflow:hidden; width:100%; max-width:1260px; margin:auto; border:4px solid #fd5554; border-radius:15px; background:#fff; transition:all .3s;}
#header2023 .totalsrch_area.open .srch_wrap{visibility:visible; opacity:1;}
#header2023 .totalsrch_area .srch_wrap>.inr{}
#header2023 .totalsrch_area .srch_wrap .srch_area{padding:40px 0 20px; border-bottom:1px solid #dedede; /*background:#97e9e6;*/}
#header2023 .totalsrch_area .srch_wrap .srch_area > .inr{position:relative; box-sizing:border-box; width:700px; margin:0 auto; padding:4px; border-radius:10px; background:linear-gradient(116deg,#122c53,#e61f2c);}
#header2023 .totalsrch_area .srch_wrap .srch_area .select{display:inline-block; position:absolute; top:0; left:0; z-index:10; width:100px; padding:0 0 0 30px; font-size:17px; line-height:78px; text-align:left;}
#header2023 .totalsrch_area .srch_wrap .srch_area .select:after{content:''; display:inline-block; position:absolute; top:50%; right:10px; width:1px; height:20px; margin-top:-10px; background:#00559a;}
#header2023 .totalsrch_area .srch_wrap .srch_area .inp_word{display:block; position:relative; height:70px; padding:0 85px 0 130px; border-radius:6px; background:#fff;}
#header2023 .totalsrch_area .srch_wrap .srch_area .inp_word input{width:100%; height:100%; padding:0; border:0; background:none; font-size:22px; color:#000;}
#header2023 .totalsrch_area .srch_wrap .srch_area .inp_word input::placeholder{font-size:22px; color:#000;}
#header2023 .totalsrch_area .srch_wrap .srch_area .inp_word label{position:absolute; top:50%; left:140px; overflow:hidden; width:358px; height:26px; /*background:url(../images/2021/main/img_srch_label.png) no-repeat 0 0;*/ font-size:22px; color:#222; transform:translateY(-50%); transition:all .3s; /*filter:hue-rotate(314deg) saturate(3);*/}
#header2023 .totalsrch_area .srch_wrap .srch_area .inp_word.on label{opacity:0; visibility:hidden;}
#header2023 .totalsrch_area .srch_wrap .srch_area .btn_srch{position:absolute; top:0; right:0; width:90px; height:100%; background:transparent;}
#header2023 .totalsrch_area .srch_wrap .srch_area .btn_srch .sprh_com{width:27px; height:28px; background:url(../images/2023/common/ico_dtl_srch.png) no-repeat 0 0;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap{width:700px; margin:0 auto; padding:15px 0 0;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap .tit{display:inline-block; height:28px; line-height:28px; padding:0 13px; border:1px solid #333; border-radius:30px;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap .tit:after{content:''; display:inline-block; width:0; height:0; margin:-2px 0 0 5px; border:4px solid transparent; border-left-color:#333; vertical-align:middle;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap .tit .sprh_com{display:none; width:30px; height:30px; margin:0 8px 0 0; background-position:-330px -40px; vertical-align:middle;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap .lst:after{content:''; display:block; clear:both;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap a{display:inline-block; position:relative; padding:0 15px; line-height:30px;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap a:before{content: ''; display: inline-block; position: absolute; top:50%; left: 0; width: 1px; height: 14px; margin-top: -7px; background: #719ab9;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap a:nth-of-type(1):before{display:none;}
#header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap a>span{display:inline-block;}
#header2023 .totalsrch_area .detail_srch{width: 700px; margin:0 auto; padding: 35px 0 50px; font-size: 16px;}
#header2023 .totalsrch_area .detail_srch:after{content: ''; display: block; clear: both;}
#header2023 .totalsrch_area .detail_srch .tit_detail{margin:0 0 20px; padding:0 0 9px; border-bottom: 1px solid #696969; font-weight:400;}
#header2023 .totalsrch_area .detail_srch .tit_detail .sprh_com{width:47px; height: 32px; margin: 0 5px 0 0; background-position: -60px -130px; vertical-align: middle;}
#header2023 .totalsrch_area .detail_srch .date_srch{float: left; box-sizing:border-box; width: 50%; padding: 0 40px 0 0;}
#header2023 .totalsrch_area .detail_srch .part_srch{float: left; box-sizing:border-box; width: 50%; margin-left: -1px; padding-left: 40px; border-left: 1px solid #e1e1e1;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group{position:relative; margin:0 0 9px; padding: 0 0 0 75px;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group:after{content: ''; display: block; clear: both;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group .tit_label{position: absolute; top: 0; left: 0; line-height: 35px;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group select{width: 100%;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group .inp_date{position: relative; text-align: center;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group .inp_date:after{content: ''; display: block; clear: both;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group .inp_date input{float:left; width: 100px;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group .inp_date .date_e{float:right;}
#header2023 .totalsrch_area .detail_srch .date_srch .form_group .inp_date .dash{line-height: 35px;}
#header2023 .totalsrch_area .detail_srch .date_srch .align_area label{float:left; line-height: 35px;}
#header2023 .totalsrch_area .detail_srch .date_srch .align_area input{float: left; margin: 11px 2px 0 10px;}
#header2023 .totalsrch_area .detail_srch .date_srch .align_area input:nth-of-type(1){margin-left: 0;}
#header2023 .totalsrch_area .detail_srch .part_srch .tit_topic{position:relative; margin:0 0 10px; font-weight: 400;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic{position:relative; padding-bottom:35px; font-size: 14px;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic:after{content: ''; display: block; clear: both;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic>li{float: left; box-sizing:border-box; width: 33.3%; padding: 0 4px 4px 0;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic>li>a{display: block; box-sizing:border-box; width: 100%; height:33px; border:1px solid #c7c7c7; line-height: 33px; text-align: center;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab01>li.tab01>a,
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab02>li.tab02>a,
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab03>li.tab03>a,
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab04>li.tab04>a,
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab05>li.tab05>a,
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab06>li.tab06>a{border-color:#fe5555; background:#fe5555; color: #fff;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic>li>div{display:none; position: absolute; top: 75px; left:0; width: 100%; text-align: center;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab01>li.tab01>div{display:block;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab02>li.tab02>div{display:block;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab03>li.tab03>div{display:block;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab04>li.tab04>div{display:block;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab05>li.tab05>div{display:block;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic.tab06>li.tab06>div{display:block;}
#header2023 .totalsrch_area .detail_srch .part_srch .lst_topic>li>div>a{display: inline-block; margin:0 5px;}
#header2023 .totalsrch_area .srch_wrap .btn_close{}
#header2023 .totalsrch_area .srch_wrap .btn_close button{width:100%; height:50px; background:#fd5554; font-size:16px; line-height:50px; color:#fff;}
#header2023 .totalsrch_area .srch_wrap .btn_close button .sprh_com{width:30px; height:30px; margin:0 8px 0 0; background-position:-300px -50px; vertical-align:middle;}
/* 사이트맵 */
#header2023 .btn_sitemap{float:left; overflow:hidden; width:29px; height:24px; margin:9px 0 0 20px; background:url(../images/2023/common/ico_sitemap.png) no-repeat 50% 50%; color:transparent;}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}

/*대구소개 바로가기버튼*/
.gnb_wrap .qk_btn {margin-left: auto;} 
.gnb_wrap .qk_btn ul {display: flex;justify-content: center;} 
.gnb_wrap .qk_btn ul  >  li {margin: 0 5px;} 
.gnb_wrap .qk_btn ul  >  li  >  a{padding: 5px;border: 1px solid #ddd;background: #f0f0f0;border-radius: 5px;display: block;width: 60px;text-align: center;} 
.gnb_wrap .qk_btn ul  >  li  >  a:hover { background-color:#1178c6; color:#fff}
.gnb_wrap .qk_btn ul  >  li  >  a:before {content:"";background:url(/cmsh/daegu.go.kr/images/common/ft_icon.png?ver=00)no-repeat;display: block;width: 20px;height: 20px;margin: 0 auto;}
.gnb_wrap .qk_btn ul  >  li:nth-child(1)  >  a:before {background-position: -28px -4px;}
.gnb_wrap .qk_btn ul  >  li:nth-child(2)  >  a:before {background-position: -56px -4px;}
.gnb_wrap .qk_btn ul  >  li:nth-child(3)  >  a:before {background-position: -2px -4px;}
.gnb_wrap .qk_btn ul  >  li:nth-child(1)  >  a:hover:before {background-position: -28px -27px;}
.gnb_wrap .qk_btn ul  >  li:nth-child(2)  >  a:hover:before {background-position: -56px -27px;}
.gnb_wrap .qk_btn ul  >  li:nth-child(3)  >  a:hover:before {background-position: -2px -27px;}
.gnb_wrap .qk_btn ul  >  li  >  a >  span{font-size: 11px;letter-spacing: -1px;} 


/* Footer */
#footer2023{background:#112441; line-height:1.3;}
#footer2023 *{box-sizing:border-box;}
#footer2023 .footer_t{position:relative; max-width:1700px; margin:0 auto; padding:39px 0 0 0;}
#footer2023 .footer_t:after{content: ''; display: block; clear: both;}
#footer2023 .footer_t .lst_util{font-size:0;}
#footer2023 .footer_t .lst_util:after{content:''; display:block; clear:both;}
#footer2023 .footer_t .lst_util li{display:inline-block; position:relative; letter-spacing:-1px;}
#footer2023 .footer_t .lst_util li:before{content: ''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:2px; height:2px; margin:auto 0; background:#585859;}
#footer2023 .footer_t .lst_util li:first-child:before{display:none;}
#footer2023 .footer_t .lst_util li a{display:block; padding:5px 10px; font-size:15px; color:rgba(255,255,255,.5);}
#footer2023 .footer_t .lst_util li:first-child a{padding-left:0; font-weight:600; font-size:16px;}
#footer2023 .footer_t .lst_util li:last-child a{padding-right:0;}
#footer2023 .footer_t .lst_sns{position:absolute; top:20px; right:0; font-size:0;}
#footer2023 .footer_t .lst_sns li{display:inline-block; margin:0 10px; font-size:14px;}
#footer2023 .footer_t .lst_sns a{display:block; position:relative; width:30px; height:30px; overflow:hidden; color:transparent; z-index:1}
#footer2023 .footer_t .lst_sns a:after{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:30px; height:30px; margin:auto; background:url(../images/2021/common/ico_footer_sns.png) no-repeat 0 0/cover; z-index:-1}
#footer2023 .footer_t .lst_sns .youtube a:after{background-position:0 0;}
#footer2023 .footer_t .lst_sns .blog a:after{background-position:-30px 0;}
#footer2023 .footer_t .lst_sns .facebook a:after{background-position:-60px 0;}
#footer2023 .footer_t .lst_sns .instagram a:after{background-position:-90px 0;}
#footer2023 .footer_b{position:relative; max-width:1700px; margin:0 auto; padding:25px 250px 45px 220px;}
#footer2023 .footer_b:after{content:''; display:block; clear:both;}
#footer2023 .footer_b .logo{position:absolute; top:25px; left:0; overflow:hidden; width:182px; height:40px; background:url(../images/2023/common/logo_footer.png) no-repeat 0 0; color:transparent;}
#footer2023 .footer_b .copyright{float:left; font-size:15px; line-height:1.4; color:rgba(255,255,255,.5); word-break:keep-all; word-wrap:break-word;}
#footer2023 .footer_b .copyright .copy{margin:3px 0 0; font-size:14px;}
#footer2023 .footer_b .copyright .tel{white-space:nowrap; color:rgba(255,255,255,.5)}
#footer2023 .footer_b .copyright a { color:rgba(255,255,255,.5) }
#footer2023 .footer_b .mark_area{position:absolute; top:25px; right:0;}
#footer2023 .footer_b .mark_area > a{float:left;}
#footer2023 .footer_b .mark_area .callcenter{float:left; width:148px; height:26px; margin:15px 20px 0 0; background:url(../images/2023/common/img_120.png) no-repeat 0 0/cover; color:transparent;}
/* Container */
#container{margin:33px 0 42px;}
#container>.inr{max-width:1260px; margin:0 auto;}
#container>.inr:after{content:''; display:block; clear:both;}

/* 핫링크 */
.hotlink_area{position:fixed; z-index:1000; top:0;  right:0; width:120px; border:1px solid #d5d6dd; border-right:0; border-radius:15px 0 0 15px; background:#fff;}
.hotlink_area ul{margin:5px 16px;}
.hotlink_area li{padding:5px 0 10px; border-top:1px solid #d5d5d5; text-align:center;}
.hotlink_area li:first-child{border:0;}
.hotlink_area li a{display:block;}
.hotlink_area li a:before{content:'';display:block;width: 55px;height: 55px;margin:0 auto;background:url(../images/2022/main/ico_top.jpg) no-repeat 0 0/auto 100%;}
.hotlink_area li:nth-child(1) a:before{background-position:0 0;}
.hotlink_area li:nth-child(2) a:before{background-position: -55px 0px;}
.hotlink_area li:nth-child(3) a:before{background-position: -110px 0;}
.hotlink_area li:nth-child(4) a:before{background-position: -495px 0;}
.hotlink_area li:nth-child(5) a:before{background-position: -165px 0;}
.hotlink_area li:nth-child(6) a:before{background-position: -220px 0;}
.hotlink_area li:nth-child(7) a:before{background-position: -275px 0;}
.hotlink_area li:nth-child(8) a:before{background-position: -330px 0;}
.hotlink_area li:nth-child(9) a:before{background-position: -385px 0;}
.hotlink_area li:nth-child(10) a:before{background-position: -440px 0;}
.hotlink_area li .tit{display:block; font-size:15px; letter-spacing:-1px;}

@media screen and (max-width:1699px){
	.header_egov_area{padding:0 10px;}
	/* Header */
	#header2023 > .inr{position:relative;}
	#header2023 .logo{position:absolute; left:20px; top:18px; margin:0;}
	#header2023 .util_area{position:absolute; right:10px; top:29px; margin:0;}
	#header2023 .gnb_wrap{display:flex; justify-content:center; width:100%; margin:0; margin-top:100px; border-top:1px solid #d4d5dc;}
	#header2023 .gnb_wrap #gnb > li > a{height:60px; line-height:60px;}
	#header2023 .gnb_wrap #gnb>li>div{top:60px;}
	#header2023 .gnb_wrap .gnb_bg{top:160px;}

	/* Footer */
	#footer2023{padding:0 10px;}

	/* Container */

}

@media screen and (max-width:1580px){
	.hotlink_area {display:none}
}



/* Tablet 1024px ~ 1399px */
@media screen and (max-width:1399px){




}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	#wrap{padding:99px 0 0;}
	/* Header */
	#header2023{position:fixed; top:0; left:0; right:0; z-index:1000; border:0; background:#fff;}
	#header2023 > .inr{position:relative; height:55px;}
	#header2023 .logo{top:10px;}
	#header2023 .logo a{width:142px; height:32px; background:url(../images/2023/common/logo_header_m.png) no-repeat 0 0/cover;}
	#header2023 .util_area{top:13px; right:50px;}
	#header2023 .my_area{display:none;}
	#header2023 .srch_box{display:none;}
	#header2023 .btn_sitemap{display:none;}
	#header2023 .gnb_wrap{display:none;}
    #header2023 .covid{display:block; float:left; overflow:hidden; width:35px; height:30px; white-space:nowrap; background:url(../images/2022/common/sp_com.png) no-repeat -265px -147px/300px 500px; color:transparent;}
	#header2023 .lang_area{margin-top:3px; font-size:14px;}
    /* 검색 */
    #header2023 .totalsrch_area{margin:4px 0 0;}
    #header2023 .totalsrch_area .srch_wrap{transition:none;}
    #header2023 .totalsrch_area > button{display:block; overflow:hidden; width:44px; height:21px; border:0; background:none; color:transparent;}
    #header2023 .totalsrch_area > button:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:44px; height:21px; margin:auto; background:url(../images/2023/common/ico_srch_m.png) no-repeat 0 0/cover; color:transparent;}
    #header2023 .totalsrch_area.open > button:after{width:20px; height:21px; background:url(../images/2023/common/ico_srch_close_m.png) no-repeat 0 0/cover;}
    #header2023 .totalsrch_area.open .bg{display:none;}
    #header2023 .totalsrch_area.open .srch_wrap{top:94px; left:0; right:0; border:0; border-radius:0;}
    #header2023 .totalsrch_area .srch_wrap .srch_area{padding:10px; background:#fff;}
    #header2023 .totalsrch_area .srch_wrap .srch_area > .inr{max-width:100%; padding:2px; border-radius:10px;}
    #header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap{max-width:100%; padding-top:10px;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .select{display:none;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .inp_word{height:40px; padding:0 44px 0 0; border-radius:8px;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .inp_word input{padding:0 0 0 10px; font-size:16px;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .inp_word input::placeholder{font-size:16px;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .inp_word label{display:flex; align-items:center; top:0; left:10px; width:auto; height:100%; background:none; font-weight:600; font-size:16px; color:#222; letter-spacing:-1px; transform:none;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .btn_srch{top:2px; right:2px; width:40px; height:40px;}
    #header2023 .totalsrch_area .srch_wrap .srch_area .btn_srch .sprh_com{background:url(../images/2023/common/ico_srch2_m.png) no-repeat 50% 50%/20px 21px;}
    #header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap .tit{display:none;}
    #header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap a{padding:2px 5px; font-size:14px; line-height:1.4;}
    #header2023 .totalsrch_area .srch_wrap .hotkeyword_wrap a:before{display:none;}
    #header2023 .totalsrch_area .detail_srch{display:none;}
    #header2023 .totalsrch_area .srch_wrap .btn_close{display:none;}


	/* 전체메뉴 */
	#wholeview .head .area_wv_util li a:before,
	#wholeview .nav>li>a:before,
	#wholeview .nav>li div>ul>li a[target="_blank"]:after,
    #wholeview .nav>li.nav_part div>ul>li>a:before,
	#wholeview .nav a .unfd:after{display:inline-block; overflow:hidden; background:url(../images/2022/common/sp_com.png) no-repeat 0 0/300px 500px; color:transparent !important; white-space:nowrap;}
	.wholeview_wrap{}
	body.open_wv{overflow:hidden; position:fixed !important; width:100%; height:100%;}
	.wholeview_wrap{display:block;}
	.wholeview_wrap .btn_wv.open{position:absolute; top:57px; right:10px; overflow:hidden; width:30px; height:30px; border:0; background:#fff; color:transparent; white-space:nowrap;}
	.wholeview_wrap .btn_wv.open:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; width:29px; height:20px; margin:auto; background:url(../images/2023/common/ico_sitemap_m.png) no-repeat 0 0/cover;}
	#wholeview{position:fixed; top:0; left:0; bottom:0; z-index:1000; overflow:auto; width:100%; max-width:420px; min-width:280px; margin-left:-48px; background:#fff; transition:all 0.3s; transform:translate(-100%, 0);}
	.wholeview_wrap.open #wholeview{margin-left:0; transform:translate(0, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{bottom:0; background:rgba(0,0,0,0.9);}
	/* 모바일 전체메뉴 head */
	#wholeview .head{position:relative; box-sizing:border-box; height:66px; padding:15px 10px 0; border-bottom:1px solid #e4e4e4; background:#f3f3f3;}
	#wholeview .btn_wv.close{position:absolute; top:15px; right:10px; overflow:hidden; width:33px; height:33px; background:none; color:transparent; white-space:nowrap;}
	#wholeview .btn_wv.close:before,
	#wholeview .btn_wv.close:after{content:''; display:block; position:absolute; top:10%; right:10%; bottom:10%; left:10%; height:2px; margin:auto; background:#666; transform:rotate(45deg);}
	#wholeview .btn_wv.close:after{transform:rotate(135deg);}
	#wholeview .head .area_wv_util{float:left; letter-spacing:-1px;}
	#wholeview .head .area_wv_util li{float:left;}
	#wholeview .head .area_wv_util li a{display:block; box-sizing:border-box; height:33px; padding:0 8px 0 8px; border:1px solid #c9c9c9; border-radius:33px; font-weight:600; font-size:13px; line-height:31px;}
	#wholeview .head .area_wv_util li.h_login a,
	#wholeview .head .area_wv_util li.h_logout a,
	#wholeview .head .area_wv_util li.h_mod a,
	#wholeview .head .area_wv_util li.h_withdrawal a{margin-right:5px; border-color:#ef4b55; background:#ef4b55; color:#fff;}
	#wholeview .head .area_wv_util li a:before{content:''; display:inline-block; position:relative; margin:5px 3px 0 0; vertical-align:top;}
	#wholeview .head .area_wv_util li.h_login a:before{width:23px; height:22px; background-position:-210px -60px;}
	#wholeview .head .area_wv_util li.h_logout a:before{width:23px; height:20px; background-position:-210px -135px;}
	#wholeview .head .area_wv_util li.h_home a:before{width:18px; height:18px; margin-top:6px; background-position:-210px -35px;}
	/* 모바일 전체메뉴 gnb */
	#wholeview .nav{position:absolute; top:66px; left:0; right:0; bottom:0; overflow:auto; background:#ef4b55 linear-gradient(to right, #ef4b55 90px, #fff 90px);}
	#wholeview .nav a{display:block; position:relative; line-height:1.2;}
	#wholeview .nav a .unfd{position:absolute; overflow:hidden; top:50%; right:0; transform:translateY(-50%); color:transparent !important; white-space:nowrap;}
	#wholeview .nav a .unfd:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; transition:all .3s;}
	#wholeview .nav a.on .unfd:after{transform:rotateX(180deg);}
	/* 1차 */
	#wholeview .nav>li{}
	#wholeview .nav>li>a{position:relative; box-sizing:border-box; width:90px; height:90px; padding:5px 0 0; border-bottom:1px solid rgba(255,255,255,.2); background:#ef4b55; font-weight:600; font-size:14px; color:#fff; text-align:center; letter-spacing:-1px;}
	#wholeview .nav>li>a:before{content:''; display:block; width:50px; height:50px; margin:0 auto 5px; background-position:0 -150px;}
	#wholeview .nav>li>a .unfd{display:none;}
	#wholeview .nav>li:nth-child(2)>a:before{background-position:0 -100px;}
	#wholeview .nav>li:nth-child(3)>a:before{background-position:0 0;}
	#wholeview .nav>li:nth-child(4)>a:before{background-position:0 -200px;}
	#wholeview .nav>li:nth-child(5)>a:before{background-position:0 -250px;}
	#wholeview .nav>li:nth-child(6)>a:before{background-position:0 -250px;}
	#wholeview .nav>li>a.on{background:#fff; color:#000;}
	#wholeview .nav>li:nth-child(1)>a.on:before{background-position:-50px -150px;}
	#wholeview .nav>li:nth-child(2)>a.on:before{background-position:-50px -100px;}
	#wholeview .nav>li:nth-child(3)>a.on:before{background-position:-50px 0;}
	#wholeview .nav>li:nth-child(4)>a.on:before{background-position:-50px -200px;}
	#wholeview .nav>li:nth-child(5)>a.on:before{background-position:-50px -250px;}
	#wholeview .nav>li:nth-child(6)>a.on:before{background-position:-50px -250px;}
	/* 2차 */
	#wholeview .nav>li>div{display:none; position:fixed; z-index:10; top:66px; left:90px; bottom:0; right:0; overflow:auto; padding:0 15px 0 20px; background:#fff;}
	.wholeview_wrap.open #wholeview .nav>li.open div{display:block;}
	#wholeview .nav>li>div>ul{}
	#wholeview .nav>li>div>ul>li{border-bottom:1px solid #efefef;}
	#wholeview .nav>li>div>ul>li>a{display:flex; align-items:center; padding:15px 20px 14px 0; font-weight:600; font-size:16px;}
	#wholeview .nav>li>div>ul>li>a.on{color:#ef4b55;}
	#wholeview .nav>li>div>ul>li>a .unfd{width:18px; height:10px;}
	#wholeview .nav>li>div>ul>li>a .unfd:after{content:''; background-position:-240px -30px;}
	#wholeview .nav>li>div>ul>li a[target="_blank"]:after{content:''; display:inline-block; width:16.5px; height:17px; margin:0 0 0 5px; background-position:-210px -85px; vertical-align:top;}
    /* 분야별 아이콘 */
    #wholeview .nav>li.nav_part>div>ul>li>a{padding-top:10px; padding-bottom:9px;}
    #wholeview .nav>li.nav_part>div>ul>li>a:before{content:''; width:30px; height:30px; margin:0 5px 0 0;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/cts"]:before{background-position:-100px 0;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/tra"]:before{background-position:-100px -30px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/welf"]:before{background-position:-100px -60px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/woman"]:before{background-position:-100px -90px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/health"]:before{background-position:-100px -120px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/eco"]:before{background-position:-100px -150px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/env"]:before{background-position:-100px -180px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/safety"]:before{background-position:-100px -210px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/build"]:before{background-position:-100px -240px;}
    #wholeview .nav>li.nav_part>div>ul>li>a[href^="/public"]:before{background-position:-100px -270px;}
	/* 3차 */
	#wholeview .nav>li>div>ul>li>ul{display:none;}
	#wholeview .nav>li>div>ul>li.open>ul{display:block;}
	#wholeview .nav>li>div>ul>li>ul>li{}
	#wholeview .nav>li>div>ul>li>ul>li>a{padding:10px 10px 9px; font-size:15px;}
	#wholeview .nav>li>div>ul>li>ul>li>a.on{font-weight:600; color:#ef4b55;}
	#wholeview .nav>li>div>ul>li>ul>li>a .unfd{width:9px; height:5px;}
	#wholeview .nav>li>div>ul>li>ul>li>a .unfd:after{background-position:-240px -45px;}
	/* 4차 */
	#wholeview .nav>li>div>ul>li>ul>li>ul{display:none; padding:5px 0 5px 20px;}
	#wholeview .nav>li>div>ul>li>ul>li.open>ul{display:block;}
	#wholeview .nav>li>div>ul>li>ul>li>ul a{padding:10px 0 9px 13px; font-size:15px;}
	#wholeview .nav>li>div>ul>li>ul>li>ul a.on{font-weight:600; color:#ef4b55;}
	#wholeview .nav>li>div>ul>li>ul>li>ul a:before{content:''; display:inline-block; position:absolute; top:18px; left:0px; width:5px; height:1px; background:#222;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>a .unfd{width:9px; height:5px;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>a .unfd:after{background-position:-240px -45px;}
    /* 5차 */
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul{display:none; padding:5px 0 5px 20px;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li.open>ul{display:block;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul a{padding:10px 0 9px 13px; font-size:14px;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul a.on{font-weight:600; color:#ef4b55;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul a:before{content:''; display:inline-block; position:absolute; top:18px; left:0px; width:3px; height:3px; background:#222;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li>a .unfd{width:9px; height:5px;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li>a .unfd:after{background-position:-240px -45px;}
    /* 6차 */
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li>ul{display:none; padding:5px 0 5px 20px;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li.open>ul{display:block;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li>ul a{padding:10px 0 9px 13px; font-size:14px;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li>ul a.on{font-weight:600; color:#ef4b55;}
    #wholeview .nav>li>div>ul>li>ul>li>ul>li>ul>li>ul a:before{content:''; display:inline-block; position:absolute; top:18px; left:0px; width:3px; height:3px; border-top:1px solid #222; border-right:1px solid #222; background:transparent; transform:translateY(-50%) rotate(45deg);}

	/* Footer */
	#footer2023{}
	#footer2023 .footer_t{padding:20px 0 5px;}
	#footer2023 .footer_t .lst_util{text-align:center;}
	#footer2023 .footer_t .lst_util li.pc{display:none;}
	#footer2023 .footer_t .lst_util li a{padding:5px 3px 5px 5px; font-size:13px;}
	#footer2023 .footer_t .lst_util li:first-child a{font-size:14px;}
	#footer2023 .footer_t .lst_sns{position:absolute; top:100%; right:calc(50% - 12px); z-index:10; text-align:center;}
	#footer2023 .footer_t .lst_sns li{margin:0 4px;}
	#footer2023 .footer_t .lst_sns a{width:32px; height:32px;}
	#footer2023 .footer_t .lst_sns a:after{width:32px; height:32px; background-image:url(../images/2021/common/ico_footer_sns_m.png);}
	#footer2023 .footer_t .lst_sns .youtube a:after{background-position:0 0;}
	#footer2023 .footer_t .lst_sns .blog a:after{background-position:-32px 0;}
	#footer2023 .footer_t .lst_sns .facebook a:after{background-position:-64px 0;}
	#footer2023 .footer_t .lst_sns .instagram a:after{background-position:-96px 0;}
	#footer2023 .footer_b{padding:38px 0 30px; border-top:0; text-align:center;}
	#footer2023 .footer_b .logo{display:none;}
	#footer2023 .footer_b .copyright{float:none; margin:0; font-size:13px;}
	#footer2023 .footer_b .copyright .address{display:inline-block; vertical-align:top;}
	#footer2023 .footer_b .copyright .copy{margin-top:15px; font-size:12px;}
	#footer2023 .footer_b .mark_area{position:static; top:auto; right:auto;}
	#footer2023 .footer_b .mark_area .wa{display:none;}
	#footer2023 .footer_b .mark_area .callcenter{display:block; float:none; position:absolute; top:8px; left:0; right:0; width:126px; height:18px; margin:0 auto; background-image:url(../images/2023/common/img_120_m.png);}

    /* Container */
    #container{margin:0; padding:0;}
}

/* Mobile ~ 767px */
@media screen and (max-width:767px){
	/* Header */

	/* Footer */
}

/* Mobile ~ 639px */
@media screen and (max-width:639px){
	/* Header */

	/* Footer */
	#footer2023 .footer_b .copyright .address span{display:block;}

}

/* Mobile ~ 567px */
@media screen and (max-width:567px){
	/* Header */

	/* Footer */
}

/* Mobile ~ 359px */
@media screen and (max-width:359px){
	#wholeview .head .area_wv_util li a{padding:0 5px;}
	#footer2023 .footer_t .lst_sns li{margin:0 2px;}
}