@charset "utf-8";

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

/** Main Common **/
:root{
	--red-hover-color:#d23a43;
	--button-hover-color:#fbfbfc;
	--button-hover-color2:#ffecee;
}
#container{margin:0;}
.cont_main{font-size:16px; letter-spacing:-1px;}
.cont_main *{box-sizing:border-box;}
#header2023{border-bottom:0;}
#header2023 .srch_box{display:none;}
/* 스프라이트 이미지 */
.sp_main,
.s_m01 .info_area .srch_area .btn_srch:after,
.s_m02 .hotzone .nav .more:after,
.s_m03 .tabMenu .lst li a.active:before,
.s_m04 .newszone .item .go em:after,
.s_m04 .article_area .tabMenu .more a:after,
.s_m04 .article_area .tabMenu > .lst > li a.active span:after,
.s_m05 .bx_sns .youtube_area .tit:after,
.s_m05 .bx_sns .blog_area .tit:after,
.s_m05 .bx_sns .youtube_area .sns_area .tit_sns:after,
.s_m05 .popupzone .nav .more:after,
.s_m05 .popup_wholeview .tit_popup strong:before,
.s_m05 .popup_wholeview .btn_close_popup:after,
.s_m06 .msvc_wholeview .tit_svc strong:before,
.s_m06 .msvc_wholeview .btn_close_svc:after,
.s_m07 .link_area > li:last-child > a:before,
.s_m07 .link_area > li:last-child > a:after,
.s_m07 .bx_favsvc > ul > li > div a[target="_blank"]:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/2023/main/sp_main.png) no-repeat 0 0/400px 400px;}
.slickwrap{position:relative;}
.slickwrap .slider .item{vertical-align:top;}
.slickwrap .slider a{display:block;}
.slickwrap .nav button{display:inline-block; position:relative; z-index:1; overflow:hidden; border:0; background:none; color:transparent !important; white-space:nowrap; vertical-align:top; font-size:12px;}
.slickwrap .nav button .sp_main{position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; margin:auto;}

/* s_m01 */
.s_m01{max-width:1700px; margin:0 auto;}
.s_m01:after{content:''; display:block; clear:both;}
.s_m01 .spotzone{float:left; position:relative; width:calc(100% - 880px);}
.s_m01 .spotzone .slider{overflow:hidden; height:380px;}
.s_m01 .spotzone .nav{display:flex; justify-content:center; align-items:center; position:absolute; bottom:0; left:0; right:0; transform:translateY(50%); width:220px; height:46px; margin:0 auto; border-radius:46px; background:#fff; box-shadow:3px 3px 16px rgba(0,0,0,.12);}
.s_m01 .spotzone .nav .count{display:flex; justify-content:center; align-items:center; margin-right:18px; font-size:18px;}
.s_m01 .spotzone .nav .count em{display:flex; align-items:center; font-weight:600; color:#ef4b55;}
.s_m01 .spotzone .nav .count em:after{content:''; display:inline-block; width:15px; height:1px; margin:0 4px; background:#cbcbcb;}
.s_m01 .spotzone .nav button{width:24px; height:24px; margin:0 4px; border-radius:50%; border:1px solid #abb6c0;}
.s_m01 .spotzone .nav button:hover{box-shadow:0 2px 4px rgba(0,0,0,.12); background-color:var(--button-hover-color);}
.s_m01 .spotzone .nav .prev .sp_main,
.s_m01 .spotzone .nav .next .sp_main{width:7px; height:9px; background-position:1px 0;}
.s_m01 .spotzone .nav .prev .sp_main{transform:scaleX(-1);}
.s_m01 .spotzone .nav .pause .sp_main{width:6px; height:8px; background-position:0 -11px;}
.s_m01 .spotzone .nav .play .sp_main{width:7px; height:8px; background-position:2px -21px;}
.s_m01 .spotzone .item a:focus{outline:1px dashed #fff; outline-offset:-1px; box-shadow:inset 0 0 3px #000;}
.s_m01 .spotzone .item .img{display:block; overflow:hidden; border-radius:15px;}

.s_m01 .info_area{float:left; width:448px; height:380px; margin-left:30px; padding:48px 30px 0; border-radius:15px; background:#ffebed;}
.s_m01 .info_area .srch_area{position:relative; overflow:hidden; padding:3px; border-radius:10px; background:linear-gradient(116deg,#122c53,#e61f2c);}
.s_m01 .info_area .srch_area input{width:100%; height:53px; padding:0 80px 0 20px; border:0; border-radius:7px; font-size:16px; }
.s_m01 .info_area .srch_area input::placeholder{font-size:16px; color:#000;}
.s_m01 .info_area .srch_area .btn_srch{position:absolute; top:0; right:0; overflow:hidden; width:70px; height:100%; background:none; color:transparent;}
.s_m01 .info_area .srch_area .btn_srch:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:27px; height:28px; margin:auto; background-position:-55px 0;}
/* 날씨 */
.s_m01 .wt_area{display:flex; justify-content:center; margin:20px 0 0;}
.s_m01 .wt_area .wt_group{flex:0 0 auto; position:relative; margin-right:10px; font-size:13px; vertical-align:top;}
.s_m01 .wt_area .wt_group:after{content:''; display:block; clear:both;}
.s_m01 .wt_area .wt_group a{display:inline-block; position:relative; vertical-align:top;}
.s_m01 .wt_area .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:top;}
.s_m01 .wt_area .wt_group .DB01{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB01_s.png)}
.s_m01 .wt_area .wt_group .DB02{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB02_s.png)}
.s_m01 .wt_area .wt_group .DB03{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB03_s.png)}
.s_m01 .wt_area .wt_group .DB04{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB04_s.png)}
.s_m01 .wt_area .wt_group .DB05{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB05_s.png)}
.s_m01 .wt_area .wt_group .DB06{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB06_s.png)}
.s_m01 .wt_area .wt_group .DB07{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB07_s.png)}
.s_m01 .wt_area .wt_group .DB08{background-image:url(https://www.daegu.go.kr/cmsh/daegu.go.kr/images/2020/common/DB08_s.png)}
.s_m01 .wt_area .wt_group .group{display:inline-block; margin:0 0 0 5px;}
.s_m01 .wt_area .wt_group .wt_deg{font-family:sans-serif; font-weight:600; font-size:32px; line-height:32px; color:#e30034;}
.s_m01 .wt_area .wt_group .tooltip{position:absolute; left:50%; bottom:100%; transform:translateX(-50%); z-index:20; height:30px; font-size:14px; line-height:30px; margin:auto 10px; padding:0 8px; border-radius:6px; background:#333; color:#fff; white-space:nowrap; /*box-shadow:3px 4px 2px -1px rgba(0,0,0,.3);*/ font-weight:400; transition:all .2s; visibility:hidden; opacity:0;}
.s_m01 .wt_area .wt_group .tooltip:after{content:''; position:absolute; left:50%; top:35px; bottom:0; transform:translateX(-50%); width:0; height:0; margin:auto; border-left: 5px solid transparent;border-right: 5px solid transparent;  border-top: 5px solid #000;}
.s_m01 .wt_area .wt_group a:hover .tooltip,
.s_m01 .wt_area .wt_group a:focus .tooltip{visibility:visible; opacity:1;}
.s_m01 .wt_area .wt_group .btn_open{display:inline-block; position:relative; width:15px; height:32px; overflow:hidden; background:none; color:transparent; vertical-align:top;}
.s_m01 .wt_area .wt_group .btn_open:after{content:''; display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; width:0; height:0; margin:auto; border:4px solid transparent; border-top-width:5px; border-bottom:0; border-top-color:#333; transition:all .2s;}
.s_m01 .wt_area.open .wt_group .btn_open:after{transform:rotate(180deg);}
.s_m01 .wt_area .pop_weather{display:none; position:absolute; top:40px; right:-20px; z-index:10; width:180px; box-sizing:border-box; padding:6px 0; border-radius:3px; border:1px solid #b6babe; background:#fff; /* box-shadow:0 2px 4px rgba(0, 0, 0, .2); */ font-size:13px;}
.s_m01 .wt_area .pop_weather:before{content:''; display:inline-block; position:absolute; bottom:100%; right:15px; height:0; border:11px solid transparent; border-top:0; border-bottom-color:#b6babe;}
.s_m01 .wt_area .pop_weather:after{content:''; display:inline-block; position:absolute; bottom:100%; right:16px; height:0; border:10px solid transparent; border-top:0; border-bottom-color:#fff;}
.s_m01 .wt_area.open .pop_weather{display:block;}
.s_m01 .wt_area .pop_weather .dust a{display:flex; align-items:center; position:relative; padding:4px 15px;}
.s_m01 .wt_area .pop_weather .dust a:hover{background:#e0f0ff;}
.s_m01 .wt_area .heat{display:inline-block; margin-top:7px; padding:0 5px; border-radius:4px; background:#f13d48; font-size:14px; line-height:21px; color:#fff; vertical-align:top;}
.s_m01 .wt_area .dustzone{flex:0 0 auto; overflow:hidden; width:180px; height:34px; font-size:15px; vertical-align:top;}
.s_m01 .wt_area .dustzone .dust{line-height:32px;}
.s_m01 .wt_area .dustzone .dust a{display:flex; align-items:center; white-space:nowrap;}
.s_m01 .wt_area .dustzone .dust a > strong{margin-left:5px;}
.s_m01 .wt_area .dustzone .dust a > span{display:flex; align-items:center;}
.s_m01 .wt_area .dustzone .dust .thresholds{height:21px; line-height:19px; margin-left:5px; padding:0 5px;}
.s_m01 .lst_info{display:flex; margin-top:30px; padding-top:25px; border-top:1px solid #d4d5dc;}
.s_m01 .lst_info li{width:25%; text-align:center;}
.s_m01 .lst_info li a{display:flex; flex-direction:column; align-items:center;}
.s_m01 .lst_info li a:before{content:''; width:80px; height:80px; border-radius:50%; background:#fff url(../images/2023/main/ico_info.png) no-repeat 0 0; transition:all .2s;}
.s_m01 .lst_info li:nth-child(2) a:before{background-position:-80px 0;}
.s_m01 .lst_info li:nth-child(3) a:before{background-position:-160px 0;}
.s_m01 .lst_info li:nth-child(4) a:before{background-position:-240px 0;}
.s_m01 .lst_info li a:hover:before{transform:translateY(-5px);}
.s_m01 .lst_info li a span{margin-top:10px; font-size:16px;}

.s_m01 .mayor_area{float:right; position:relative; overflow:hidden; width:372px; height:380px; margin-left:auto; border-radius:15px; background:#fcede6 url(../images/2023/main/img_mayor.jpg) no-repeat center bottom 55px;}
.s_m01 .mayor_area .lst_mayor{display:flex; position:absolute; left:0; bottom:0; right:0; border-radius:0 0 15px 15px; background:#ef4b55;}
.s_m01 .mayor_area .lst_mayor li{width:50%;}
.s_m01 .mayor_area .lst_mayor li + li{border-left:1px solid #d23a43;}
.s_m01 .mayor_area .lst_mayor li a{display:flex; justify-content:center; align-items:center; height:55px; font-weight:600; font-size:17px; color:#fff; text-align:center;}
.s_m01 .mayor_area .lst_mayor li a:hover{background:var(--red-hover-color);}

/* s_m02 */
.s_m02{margin-top:70px; padding:40px 0 30px; background:#f4f4f4;}
.s_m02 .hotzone{position:relative; max-width:1700px; margin:0 auto; padding:0 68px;}
.s_m02 .hotzone .slider{overflow:hidden; height:333px;}
.s_m02 .hotzone .slider:after{content:''; display:block; clear:both;}
.s_m02 .hotzone .slider .item{float:left; padding:0 12px;}
.s_m02 .hotzone .slider .item a{display:block; max-width:367px; border:1px solid #dcdcdc; border-radius:20px; background:#fff;}
.s_m02 .hotzone .slider .item .img{display:block; position:relative; overflow:hidden; margin:-1px; padding-top:54.64%; border-radius:20px 20px 20px 0;}
.s_m02 .hotzone .slider .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all .2s;}
.s_m02 .hotzone .slider .item a:hover .img img{transform:scale(1.05);}
.s_m02 .hotzone .slider .item .txt{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; line-height:24px; margin:18px 28px 0; font-weight:600;}
.s_m02 .hotzone .slider .item .date{display:block; margin:20px 28px 28px; font-size:15px; color:#888; letter-spacing:0;}
.s_m02 .hotzone .nav{display:flex; justify-content:center; align-items:center; margin-top:20px; line-height:24px;}
.s_m02 .hotzone .nav .count{display:flex; justify-content:center; align-items:center; margin-right:18px; font-size:18px;}
.s_m02 .hotzone .nav .count em{display:flex; align-items:center; font-weight:600; color:#ef4b55;}
.s_m02 .hotzone .nav .count em:after{content:''; display:inline-block; width:15px; height:1px; margin:0 4px; background:#cbcbcb;}
.s_m02 .hotzone .nav .ctrl_area{display:flex; justify-content:center; align-items:center;}
.s_m02 .hotzone .nav .ctrl_area button{width:24px; height:24px; margin:0 4px; border-radius:50%; border:1px solid #abb6c0;}
.s_m02 .hotzone .nav .ctrl_area button:hover{background-color:var(--button-hover-color); box-shadow:0 2px 4px rgba(0,0,0,.12);}
.s_m02 .hotzone .nav .next,
.s_m02 .hotzone .nav .prev{position:absolute; top:calc(50% - 44px); right:0; width:20px; height:36px;}
.s_m02 .hotzone .nav .prev{right:auto; left:0;}
.s_m02 .hotzone .nav .next .sp_main,
.s_m02 .hotzone .nav .prev .sp_main{width:20px; height:36px; background-position:-30px 0;}
.s_m02 .hotzone .nav .prev .sp_main{transform:scaleX(-1);}
.s_m02 .hotzone .nav .pause .sp_main{width:6px; height:8px; background-position:0 -11px;}
.s_m02 .hotzone .nav .play .sp_main{width:7px; height:8px; background-position:2px -21px;}
.s_m02 .hotzone .nav .more{display:flex; align-items:center; margin-left:30px; font-size:15px; text-decoration:underline;}
.s_m02 .hotzone .nav .more:after{content:''; width:13px; height:13px; margin-left:9px; background-position:-10px -35px;}

/* s_m03 */
.s_m03{max-width:1700px; margin:50px auto 0;}
.s_m03 .tabMenu .lst{display:flex; justify-content:center; margin-bottom:24px;}
.s_m03 .tabMenu .lst li{margin:0 7px;}
.s_m03 .tabMenu .lst li a{display:flex; justify-content:center; align-items:center; width:175px; height:50px; border:2px solid #505050; border-radius:25px 25px 0 25px; font-weight:600; font-size:20px; text-align:center;}
.s_m03 .tabMenu .lst li a:hover{background-color:var(--button-hover-color);}
.s_m03 .tabMenu .lst li:nth-child(2) a{border-radius:25px 25px 25px 0;}
.s_m03 .tabMenu .lst li a.active{border:0; background:#ef4b55; color:#fff;}
.s_m03 .tabMenu .lst li a.active:before{content:''; width:26px; height:26px; margin-right:5px; background-position:-85px 0;}
.s_m03 .tabMenu .lst li a.active:hover{background-color:var(--red-hover-color);}
.s_m03 .tabMenu .tab_box{display:none; overflow:hidden; overflow-x:auto;}
.s_m03 .tabMenu .tab_box.active{display:block;}
.s_m03 .tabMenu .tab_box ul{display:flex; justify-content:space-between;}
.s_m03 .tabMenu .tab_box ul li{padding:0 8px;}
.s_m03 .tabMenu .tab_box ul li a{display:block; width:146px; height:142px; padding-top:5px; border:4px solid #e4e4e4; border-radius:14px; font-size:17px; text-align:center; word-break:keep-all; word-wrap:break-word;}
.s_m03 .tabMenu .tab_box ul li a:hover{background-color:var(--button-hover-color2);}
.s_m03 .tabMenu .tab_box ul li a:before{content:''; display:block; width:90px; height:90px; margin:0 auto; background:url(../images/2023/main/ico_svc.png) no-repeat 0 0; transition:all .2s;}
.s_m03 .tabMenu .tab_box ul li a:hover:before{transform:translateY(-5px);}
 .s_m03 .tabMenu .tab_box ul.lst_svc li.n01 a:before{background-position:-900px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n02 a:before{background-position:-90px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n03 a:before{background-position:-180px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n04 a:before{background-position:-270px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n05 a:before{background-position:-360px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n06 a:before{background-position:-450px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n07 a:before{background-position:-540px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n08 a:before{background-position:-630px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n09 a:before{background-position:-720px 0;}
.s_m03 .tabMenu .tab_box ul.lst_svc li.n10 a:before{background-position:-810px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li a:before{background-image:url(../images/2023/main/ico_part.png);}
.s_m03 .tabMenu .tab_box ul.lst_part li.n01 a:before{background-position:0 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n02 a:before{background-position:-90px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n03 a:before{background-position:-180px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n04 a:before{background-position:-270px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n05 a:before{background-position:-360px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n06 a:before{background-position:-450px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n07 a:before{background-position:-540px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n08 a:before{background-position:-630px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n09 a:before{background-position:-720px 0;}
.s_m03 .tabMenu .tab_box ul.lst_part li.n10 a:before{background-position:-810px 0;}

/* s_m04 */
.s_m04{height:480px; margin-top:65px; background:url(../images/2023/main/bg_sm04.jpg) no-repeat 50% 0;}
.s_m04 .article_area{position:relative; max-width:1700px; margin:0 auto; padding:68px 0 0 359px;}
.s_m04 .article_area .article_title{position:absolute; top:105px; left:50px; font-size:42px; color:#f13d48; letter-spacing:-3px;}
.s_m04 .article_area .tabMenu > .lst{position:absolute; top:198px; left:50px;}
.s_m04 .article_area .tabMenu > .lst:before{content:''; position:absolute; top:20px; left:0; bottom:20px; border-left:1px solid #f13d48;}
.s_m04 .article_area .tabMenu > .lst > li a{display:block; position:relative; padding:0 0 0 20px; font-weight:600; font-size:18px; line-height:40px;}
.s_m04 .article_area .tabMenu > .lst > li a br{display:none;}
.s_m04 .article_area .tabMenu > .lst > li a.active{font-size:22px; color:#f23d49; letter-spacing:-2px;}
.s_m04 .article_area .tabMenu > .lst > li a:before{content:''; display:block; position:absolute; top:50%; left:0; transform:translate(-50%, -50%); width:7px; height:7px; border-radius:50%; background:#f13d48;}
.s_m04 .article_area .tabMenu > .lst > li a.active:before{z-index:1; box-sizing:border-box; width:14px; height:14px; border:4px solid #f13d48; background:#ffebed;}
.s_m04 .article_area .tabMenu > .lst > li a span{display:inline-flex; transition:transform .2s;}
.s_m04 .article_area .tabMenu > .lst > li a:hover span{transform:translateX(5px);}
.s_m04 .article_area .tabMenu > .lst > li a.active span{display:inline-flex; align-items:baseline; transform:none;}
.s_m04 .article_area .tabMenu > .lst > li a.active span:after{content:''; width:33px; height:7px; background-position:-115px 0;}
.s_m04 .article_area .tabMenu .tab_box{display:none;}
.s_m04 .article_area .tabMenu .tab_box.active{display:block;}
.s_m04 .article_area .tabMenu .more{position:absolute; top:116px; left:270px;}
.s_m04 .article_area .tabMenu .more a{display:block; position:relative; overflow:hidden; width:40px; height:40px; border-radius:50%; background:#ef4b55; color:transparent;}
.s_m04 .article_area .tabMenu .more a:hover{background-color:var(--red-hover-color);}
.s_m04 .article_area .tabMenu .more a:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:11px; height:11px; margin:auto; background-position:-10px -22px;}
.s_m04 .newszone .slider {overflow:hidden; height:343px }
.s_m04 .newszone .item{}
.s_m04 .newszone .item a{display:block; position:relative; height:343px;  max-width:316px;  margin:0 10px; padding:35px 35px 30px; border-radius:14px; background:#f4f4f4;}
.s_m04 .newszone .item a:hover{background-color:#f8f8f8; text-decoration:none;}
.s_m04 .newszone .item .dept{position:absolute; top:35px; left:35px; font-size:17px;}
.s_m04 .newszone .item .date{position:absolute; top:36px; right:35px; padding:0 5px; font-size:15px; letter-spacing:0; box-shadow:inset 0 -13px #fefefe;}
.s_m04 .newszone .item .tit{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:90px; margin:50px 0 0; font-weight:600; font-size:23px; line-height:30px;}
.s_m04 .newszone .item a:hover .tit{text-decoration:underline;}
.s_m04 .newszone .item .desc{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; margin:15px 0 0; line-height:24px;}
.s_m04 .newszone .item .desc > .tt {display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 12px;}
.s_m04 .newszone .item .desc > .tt:before {content:"";position:absolute;left:0;top:50%;width:3px;height:3px;background: #787878;}
.s_m04 .newszone .item .go{display:block; margin-top:30px; padding-top:30px; border-top:2px solid #000; font-size:15px; text-align:right;}
.s_m04 .newszone .item .go em{display:inline-flex; align-items:center;}
.s_m04 .newszone .item .go em:after{content:''; width:6px; height:10px; margin-left:5px; background-position:0 -31px;}
.s_m04 .newszone .nav .next,
.s_m04 .newszone .nav .prev{position:absolute; top:calc(50% - 22px); right:-12px; width:44px; height:44px; border-radius:50%; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,.12);}
.s_m04 .newszone .nav .prev{right:auto; left:-12px;}
.s_m04 .newszone .nav button:hover{background-color:var(--button-hover-color); box-shadow:3px 3px 8px rgba(0,0,0,.22);}
.s_m04 .newszone .nav .next .sp_main,
.s_m04 .newszone .nav .prev .sp_main{width:11px; height:20px; background-position:-10px 0;}
.s_m04 .newszone .nav .prev .sp_main{transform:scaleX(-1);}

/* s_m05 */
.s_m05{padding:66px 0 70px; background:url(../images/2023/main/bg_sm05.jpg) no-repeat 50% 0;}
.s_m05 > .inr{display:flex; justify-content:space-between; align-items:flex-start; max-width:1700px; margin:0 auto;}
.s_m05 .bx_sns{display:flex; justify-content:space-between; width:54.7%; padding:27px 0 22px; border:4px solid #e4e4e4; border-radius:20px 0;}
.s_m05 .bx_sns .youtube_area{width:50%; padding:0 43px 0 48px;}
.s_m05 .bx_sns .youtube_area .tit{display:flex; align-items:center; margin-bottom:15px; font-size:22px;}
.s_m05 .bx_sns .youtube_area .tit:after{content:''; width:16px; height:16px; margin-left:10px; background-position:-10px -50px;}
.s_m05 .bx_sns .youtube_area .tit em{color:#e61f2c;}
.s_m05 .bx_sns .youtube_area .img{}
.s_m05 .bx_sns .youtube_area .img a{display:block; position:relative; overflow:hidden; padding-top:56.48%; border-radius:15px;}
.s_m05 .bx_sns .youtube_area .img a img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all .2s;}
.s_m05 .bx_sns .youtube_area .img a:hover img{transform:scale(1.05);}
.s_m05 .bx_sns .youtube_area .img a:after{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:83px; height:83px; margin:auto; background:url(../images/2023/main/ico_play.png) no-repeat 0 0;}
.s_m05 .bx_sns .youtube_area .sns_area{display:flex; align-items:center; margin-top:15px;}
.s_m05 .bx_sns .youtube_area .sns_area .tit_sns{display:flex; align-items:baseline; margin-right:10px; font-size:19px;}
.s_m05 .bx_sns .youtube_area .sns_area .tit_sns:after{content:''; width:20px; height:5px; margin-left:5px; background-position:-115px -9px;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns{display:flex; flex-wrap:wrap; align-items:center; flex:1;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li{margin:2px 0 2px 12px;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li a{display:block; width:36px; height:36px;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.youtube a{background-position:-150px 0;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.blog a{background-position:-188px 0;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.facebook a{background-position:-226px 0;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.twitter a{background-position:-264px 0;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.instagram a{background-position:-302px 0;}
.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.kakao a{background-position:-340px 0;}
.s_m05 .bx_sns .blog_area{position:relative; width:50%; padding:0 48px 0 43px;}
.s_m05 .bx_sns .blog_area:before{content:''; position:absolute; top:14%; left:0; bottom:18%; border-left:1px solid #dcdcdc;}
.s_m05 .bx_sns .blog_area .tit{display:flex; align-items:center; margin-bottom:15px; font-size:22px;}
.s_m05 .bx_sns .blog_area .tit:after{content:''; width:16px; height:16px; margin-left:10px; background-position:-10px -50px;}
.s_m05 .bx_sns .blog_area .tit em{color:#008837;}
.s_m05 .bx_sns .blogzone .slider{height:209px; overflow:hidden}
.s_m05 .bx_sns .blogzone .item a{display:block; position:relative; overflow:hidden; padding-top:56.48%; border-radius:15px; max-width:370px}
.s_m05 .bx_sns .blogzone .item img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all .2s;}
.s_m05 .bx_sns .blogzone .item a:hover img{transform:scale(1.05);}
.s_m05 .blogzone .nav{display:flex; justify-content:center; align-items:center; margin-top:23px;}
.s_m05 .blogzone .nav .count{display:flex; justify-content:center; align-items:center; margin-right:18px; font-size:18px;}
.s_m05 .blogzone .nav .count em{display:flex; align-items:center; font-weight:600; color:#ef4b55;}
.s_m05 .blogzone .nav .count em:after{content:''; display:inline-block; width:15px; height:1px; margin:0 4px; background:#cbcbcb;}
.s_m05 .blogzone .nav button{width:24px; height:24px; margin:0 4px; border-radius:50%; border:1px solid #abb6c0;}
.s_m05 .blogzone .nav button:hover{background-color:var(--button-hover-color); box-shadow:0 2px 4px rgba(0,0,0,.12);}
.s_m05 .blogzone .nav .next .sp_main{width:7px; height:9px; background-position:1px 0;}
.s_m05 .blogzone .nav .prev .sp_main{width:7px; height:9px; background-position:1px 0; transform:scaleX(-1);}
.s_m05 .blogzone .nav .pause .sp_main{width:6px; height:8px; background-position:0 -11px;}
.s_m05 .blogzone .nav .play .sp_main{width:7px; height:8px; background-position:2px -21px;}
/* 알림존 */
.s_m05 .popupzone{width:calc(41.88% + 26px);}
.s_m05 .popupzone .slider{height:299px; overflow:hidden}
.s_m05 .popupzone .item{padding:0 12px;}
.s_m05 .popupzone .item a{overflow:hidden; border-radius:12px; max-width:345px}
.s_m05 .popupzone .item a img{width:100%; transition:all .2s;}
.s_m05 .popupzone .item a:hover img{transform:scale(1.05);}
.s_m05 .popupzone .nav{display:flex; justify-content:center; align-items:center; line-height:24px;}
.s_m05 .popupzone .nav .count{display:flex; justify-content:center; align-items:center; margin-right:18px; font-size:18px;}
.s_m05 .popupzone .nav .count em{display:flex; align-items:center; font-weight:600; color:#ef4b55;}
.s_m05 .popupzone .nav .count em:after{content:''; display:inline-block; width:15px; height:1px; margin:0 4px; background:#cbcbcb;}
.s_m05 .popupzone .nav .ctrl_area{display:flex; justify-content:center; align-items:center; position:absolute; top:calc(100% + 16px); width:335px; height:50px; border-radius:25px; background:#fff; /*box-shadow:3px 3px 16px rgba(0,0,0,.12);*/}
.s_m05 .popupzone .nav .ctrl_area .tit{margin-right:30px; font-weight:600;}
.s_m05 .popupzone .nav .ctrl_area button{width:24px; height:24px; margin:0 4px; border-radius:50%; border:1px solid #abb6c0;}
.s_m05 .popupzone .nav .ctrl_area button:hover{background-color:var(--button-hover-color); box-shadow:0 2px 4px rgba(0,0,0,.12);}
.s_m05 .popupzone .nav .next,
.s_m05 .popupzone .nav .prev{position:absolute; top:50%; right:-12px; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,.12);}
.s_m05 .popupzone .nav .prev{right:auto; left:-12px;}
.s_m05 .popupzone .nav .next:hover,
.s_m05 .popupzone .nav .prev:hover{background-color:var(--button-hover-color); box-shadow:3px 3px 8px rgba(0,0,0,.24);}
.s_m05 .popupzone .nav .next .sp_main,
.s_m05 .popupzone .nav .prev .sp_main{width:11px; height:20px; background-position:-10px 0;}
.s_m05 .popupzone .nav .prev .sp_main{transform:scaleX(-1);}
.s_m05 .popupzone .nav .pause .sp_main{width:6px; height:8px; background-position:0 -11px;}
.s_m05 .popupzone .nav .play .sp_main{width:7px; height:8px; background-position:2px -21px;}
.s_m05 .popupzone .nav .more{display:flex; align-items:center; margin-left:30px; font-size:15px; text-decoration:underline;}
.s_m05 .popupzone .nav .more:after{content:''; width:13px; height:13px; margin-left:9px; background-position:-10px -35px;}
body.fixed_popup{overflow:hidden; width:100%; height:100%;}
.s_m05 .popup_wholeview{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; background:#112441;}
.s_m05 .popup_wholeview.open{display:block;}
.s_m05 .popup_wholeview > .inr{position:absolute; top:20px; left:15px; right:15px; bottom:20px; max-width:1478px; max-height:790px; margin:auto;}
.s_m05 .popup_wholeview .tit_popup{position:absolute; top:0; left:0; width:100%; height:85px; font-weight:400; color:#fff;}
.s_m05 .popup_wholeview .tit_popup strong{display:inline-flex; align-items:center; margin-right:25px; font-size:1.75em;}
.s_m05 .popup_wholeview .tit_popup strong:before{content:''; flex:0 0 auto; width:38px; height:33px; margin-right:10px; background-position:-95px -30px;}
.s_m05 .popup_wholeview .btn_close_popup{position:absolute; top:0; right:0; overflow:hidden; width:46px; height:46px; border-radius:50%; background:#fff; color:transparent;}
.s_m05 .popup_wholeview .btn_close_popup:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:22px; height:22px; margin:auto; background-position:-30px -38px;}
.s_m05 .popup_wholeview .lst{position:absolute; top:85px; left:0; right:0; bottom:0;}
.s_m05 .popup_wholeview .lst > .inr{display:flex; flex-wrap:wrap; align-content:flex-start; overflow:hidden; overflow-y:auto; height:100%;}
.s_m05 .popup_wholeview .lst .item{width:25%; padding:10px;}
.s_m05 .popup_wholeview .lst .item .img{display:block;overflow:hidden;border-radius:12px;}
.s_m05 .popup_wholeview .lst .item .img img{width:100%; transition:all .2s;}
.s_m05 .popup_wholeview .lst .item a{outline-offset:-1px;}
.s_m05 .popup_wholeview .lst .item a:hover img{transform:scale(1.05);}

/* s_m06 */
.s_m06{padding:49px 0; border-top:1px solid #dcdcdc;}
.s_m06 .msvczone{position:relative; max-width:1700px; margin:0 auto; padding-left:265px;}
.s_m06 .msvczone .area_tit{position:absolute; left:0; top:35px; width:265px; text-align:center;}
.s_m06 .msvczone .area_tit h2{font-size:22px;}
.s_m06 .msvczone .nav{display:flex; justify-content:center; margin-top:17px;}
.s_m06 .msvczone .nav button{width:31px; height:31px; margin:0 1px; border:1px solid #d4d5dc;}
.s_m06 .msvczone .nav button:hover{background-color:var(--button-hover-color); box-shadow:0 2px 4px rgba(0,0,0,.12);}
.s_m06 .msvczone .nav .prev .sp_main,
.s_m06 .msvczone .nav .next .sp_main{width:7px; height:9px; background-position:1px 0;}
.s_m06 .msvczone .nav .prev .sp_main{transform:scaleX(-1);}
.s_m06 .msvczone .nav .pause .sp_main{width:6px; height:8px; background-position:0 -11px;}
.s_m06 .msvczone .nav .play .sp_main{width:7px; height:8px; background-position:2px -21px;}
.s_m06 .msvczone .nav .more .sp_main{width:14px; height:13px; background-position:-10px -35px;}
.s_m06 .msvczone .item{padding:0 8px;}
.s_m06 .msvczone .item a{display:block; /*max-width:160px;*/ height:142px; margin:0 auto; padding-top:5px; border:4px solid #e4e4e4; border-radius:14px; text-align:center;}
.s_m06 .msvczone .item a:hover{background-color:var(--button-hover-color2);}
.s_m06 .msvczone .item a img{width:90px; height:90px; margin:0 auto; transition:all .2s;}
.s_m06 .msvczone .item a:hover img{transform:translateY(-5px);}
.s_m06 .msvczone .item a span{display:block; letter-spacing:-2.5px;}
body.fixed_msvc{overflow:hidden; width:100%; height:100%;}
.s_m06 .msvc_wholeview{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; background:#112441;}
.s_m06 .msvc_wholeview.open{display:block;}
.s_m06 .msvc_wholeview > .inr{position:absolute; top:20px; left:15px; right:15px; bottom:20px; max-width:1480px; max-height:790px; margin:auto;}
.s_m06 .msvc_wholeview .tit_svc{position:absolute; top:0; left:0; width:100%; height:85px; font-weight:400; color:#fff;}
.s_m06 .msvc_wholeview .tit_svc strong{display:inline-flex; align-items:center; margin-right:25px; font-size:1.75em;}
.s_m06 .msvc_wholeview .tit_svc strong:before{content:''; flex:0 0 auto; width:38px; height:31px; margin-right:10px; background-position:-55px -30px;}
.s_m06 .msvc_wholeview .btn_close_svc{position:absolute; top:0; right:0; overflow:hidden; width:46px; height:46px; border-radius:50%; background:#fff; color:transparent;}
.s_m06 .msvc_wholeview .btn_close_svc:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:22px; height:22px; margin:auto; background-position:-30px -38px;}
.s_m06 .msvc_wholeview .lst{position:absolute; top:85px; left:0; right:0; bottom:0; padding:23px 0; border-radius:15px; background:#fff;}
.s_m06 .msvc_wholeview .lst > .inr{display:flex; flex-wrap:wrap; align-content:flex-start; overflow:hidden; overflow-y:auto; height:100%; padding:0 43px;}
.s_m06 .msvc_wholeview .item{width:12.5%; padding:6px;}
.s_m06 .msvc_wholeview .item a{display:block; width:100%; height:142px; padding-top:5px; border:4px solid #e4e4e4; border-radius:14px; text-align:center;}
.s_m06 .msvc_wholeview .item a:hover{background-color:var(--button-hover-color2);}
.s_m06 .msvc_wholeview .item a img{width:90px; height:90px; margin:0 auto; transition:all .2s;}
.s_m06 .msvc_wholeview .item a:hover img{transform:translateY(-5px);}
.s_m06 .msvc_wholeview .item a span{display:block; letter-spacing:-2.5px;}

/* s_m07 */
.s_m07{padding:47px 0 0; background:#112441}
.s_m07 > .inr{position:relative; max-width:1700px; margin:0 auto;}
.s_m07 .link_area{display:flex; justify-content:space-between;}
.s_m07 .link_area > li{position:relative; width:calc(20% - 15px);}
.s_m07 .link_area > li > a{display:flex; align-items:center; position:relative; height:60px; padding:0 40px 0 18px; border:1px solid #55647a; color:#fff; font-size:16px;}
.s_m07 .link_area > li > a:after{content:''; display:inline-block; position:absolute; top:0; right:20px; bottom:0; width:8px; height:8px; margin:auto; border:1px solid #fff; border-width:0 2px 2px 0; transform:translateY(-25%) rotate(45deg); transition:all .2s;}
.s_m07 .link_area > li.active > a:after{transform:translateY(25%) rotate(225deg);}
.s_m07 .link_area > li:last-child > a{padding-left:22px; border:0; background:#ef4b55;}
.s_m07 .link_area > li:last-child > a:before{content:''; flex:0 0 auto; width:26px; height:26px; margin:0 5px 0 0; background-position:-55px -63px; vertical-align:middle;}
.s_m07 .link_area > li:last-child > a:after{width:16px; height:16px; border:0; background-position:-10px -80px; transform:none; transition:initial;}
.s_m07 .link_area > li.active:last-child > a:after{height:2px; background-position:-10px -98px;}
.s_m07 .link_area > li div{visibility:hidden; position:absolute; bottom:100%; left:0; right:0; z-index:20; overflow:auto; height:0; background:#fff; transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);}
.s_m07 .link_area > li.active div{visibility:visible; height:300px; border:1px solid #e0e4e9; border-bottom:0;}
.s_m07 .link_area > li div ul{padding:6px 0;}
.s_m07 .link_area > li div li a{display:block; padding:6px 15px; font-size:14px; line-height:18px;}
.s_m07 .link_area > li div li a:hover{background:#e0f0ff;}
.s_m07 .bx_favsvc{display:none; padding:50px 0; border-bottom:1px solid #55647a;}
.s_m07 .bx_favsvc.active{display:block;}
.s_m07 .bx_favsvc .tit_area{display:none;}
.s_m07 .bx_favsvc > ul{display:flex; justify-content:space-between;}
.s_m07 .bx_favsvc > ul > li{width:calc(20% - 15px);}
.s_m07 .bx_favsvc > ul > li h3{position:relative; margin-bottom:15px; padding-left:10px; font-size:17px; color:#fff;}
.s_m07 .bx_favsvc > ul > li h3:before{content:''; display:inline-block; position:absolute; top:4px; left:0; width:2px; height:17px; background:#fff;}
.s_m07 .bx_favsvc > ul > li > div{color:rgba(255,255,255,.5);}
.s_m07 .bx_favsvc > ul > li > div li{margin:7px 0;}
.s_m07 .bx_favsvc > ul > li > div a{display:inline-flex; align-items:center; color:inherit;}
.s_m07 .bx_favsvc > ul > li > div a[target="_blank"]:after{content:''; flex:0 0 auto; width:16px; height:16px; margin:0 5px; background-position:-10px -50px;}


/* main footer */
#footer2023 .skip_top{display:none}

@media screen and (max-width:1699px){
	/* s_m01 */
	.s_m01{padding:0 10px;}
	.s_m01 .spotzone .slider{overflow:initial; height:auto;}
	/* s_m02 */
	.s_m02{padding:40px 10px 30px;}
	.s_m02 .hotzone .slider{overflow:initial; height:auto;}
	.s_m02 .hotzone .slider .item a{max-width:none;}
	/* s_m03 */
	.s_m03{padding:0 10px;}
	/* s_m04 */
	.s_m04{padding-right:30px;}
	.s_m04 .newszone .slider {overflow:initial; height:auto;}
	.s_m04 .newszone .item a{max-width:none;}
	/* s_m05 */
	.s_m05 .popupzone .slider{height:auto;}
	.s_m05{padding:60px 0;}
	.s_m05 > .inr{padding:0 30px 0 10px;}
	.s_m05 .bx_sns{padding:25px 0 20px;}
	.s_m05 .bx_sns .youtube_area{padding:0 25px;}
	.s_m05 .bx_sns .blog_area{padding:0 25px;}
	.s_m05 .bx_sns .blogzone .slider {overflow:initial; height:auto;}
	.s_m05 .bx_sns .blogzone .item a {max-width:none;}
	/* s_m06 */
	.s_m06{padding:49px 10px;}
	/* s_m07 */
	.s_m07 > .inr{padding:0 10px;}
}

@media screen and (max-width:1439px){
	/* s_m01 */
	.s_m01 .spotzone{float:none; width:auto; max-width:820px; margin:0 auto 50px;}
	/* s_m02 */
	.s_m01 .info_area{width:calc(100% - 402px); margin-left:0;}
	/* s_m03 */
	/* s_m04 */
	.s_m04 .article_area{padding-left:300px;}
	.s_m04 .article_area .article_title{font-size:36px;}
	.s_m04 .newszone .item a{padding:35px 25px 30px;}
	.s_m04 .newszone .item .dept{left:25px;}
	.s_m04 .newszone .item .date{right:25px;}
	.s_m04 .article_area .tabMenu .more{top:110px; left:235px;}
	/* s_m05 */
	/* s_m06 */
	/* s_m07 */
}

@media screen and (max-width:1100px){
	/* s_m01 */
	/* s_m02 */
	/* s_m03 */
	/* s_m04 */
	/* s_m05 */
	.s_m05 .bx_sns{padding:15px 0;}
	.s_m05 .bx_sns .youtube_area{padding:0 15px;}
	.s_m05 .bx_sns .blog_area{padding:0 15px;}
	/* s_m06 */
	.s_m06 .msvc_wholeview .item{width:16.66%;}
	/* s_m07 */
}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/* 스프라이트 이미지 */
	.sp_main,
	.s_m01 .info_area .srch_area .btn_srch:after,
	.s_m02 .hotzone .nav .more:after,
	.s_m03 .tabMenu .lst li a.active:before,
	.s_m04 .newszone .item .go em:after,
	.s_m05 .bx_sns .youtube_area .tit:after,
	.s_m05 .bx_sns .blog_area .tit:after,
	.s_m05 .bx_sns .youtube_area .sns_area .tit_sns:after,
	.s_m05 .popupzone .nav .more:after,
	.s_m07 .bx_favsvc .tit_area h2:before,
	.s_m07 .bx_favsvc .tit_area .btn_close:after,
	.s_m07 .bx_favsvc > ul > li h3:after,
	.s_m07 .bx_favsvc > ul > li > div a[target="_blank"]:after{background:url(../images/2023/main/sp_main_m.png) no-repeat 0 0/400px 400px;}
	/* s_m01 */
	.s_m01 .spotzone .item .img{border-radius:8px;}
	.s_m01 .spotzone .nav{width:160px; height:35px;}
	.s_m01 .spotzone .nav .count{margin-right:8px; font-size:14px;}
	.s_m01 .spotzone .nav .count em:after{width:12px;}
	.s_m01 .spotzone .nav button{width:22px; height:22px;}
	.s_m01 .spotzone .nav .prev .sp_main,
	.s_m01 .spotzone .nav .next .sp_main{width:6px; height:10px; background-position:0 0;}
	.s_m01 .spotzone .nav .pause .sp_main{width:5px; height:9px; background-position:0 -12px;}
	.s_m01 .spotzone .nav .play .sp_main{width:8px; height:9px; background-position:2px -23px;}
	.s_m01 .info_area{float:none; width:100%; height:auto; padding:20px; border-radius:10px;}
	.s_m01 .info_area .srch_area input{height:41px; font-size:14px;}
	.s_m01 .info_area .srch_area input::placeholder{font-size:14px;}
	.s_m01 .info_area .srch_area .btn_srch:after{width:20px; height:21px; background-position:-23px 0;}
	.s_m01 .wt_area{margin-top:13px;}
	.s_m01 .wt_area .wt_group .wt_deg{font-size:19px;}
	.s_m01 .wt_area .heat{font-size:12px;}
	.s_m01 .wt_area .dustzone{font-size:14px;}
	.s_m01 .lst_info{margin-top:10px; padding-top:10px;}
	.s_m01 .lst_info li a span{font-size:14px;}
	.s_m01 .lst_info li a:before{width:60px; height:60px; background-image:url(../images/2023/main/ico_info.png); background-size:240px 60px;}
	.s_m01 .lst_info li:nth-child(2) a:before{background-position:-60px 0;}
	.s_m01 .lst_info li:nth-child(3) a:before{background-position:-120px 0;}
	.s_m01 .lst_info li:nth-child(4) a:before{background-position:-180px 0;}
	.s_m01 .mayor_area{float:none; width:100%; height:calc(155px + 35px); margin-top:20px; border-radius:10px; background:#fcede6;}
	.s_m01 .mayor_area .img{position:relative; height:155px;}
	.s_m01 .mayor_area .img:after{content:''; display:block; position:absolute; top:0; left:0; right:0; height:100%; background:url(../images/2023/main/img_mayor_c_m.png) no-repeat 50% 100%/auto 100%;}
	.s_m01 .mayor_area .img .mobile{display:block; position:relative; height:100%;}
	.s_m01 .mayor_area .img .mobile:before,
	.s_m01 .mayor_area .img .mobile:after{content:''; display:block; position:absolute; top:0; height:100%;}
	.s_m01 .mayor_area .img .mobile:before{left:0; width:72px; height:155px; background:url(../images/2023/main/img_mayor_l_m.png?ver=2023) no-repeat 0 0/cover;}
	.s_m01 .mayor_area .img .mobile:after{right:0; width:157px; height:155px; background:url(../images/2023/main/img_mayor_r_m.png?ver=2023) no-repeat 0 0/cover;}
	.s_m01 .mayor_area .lst_mayor li a{height:35px; font-size:14px;}

	/* s_m02 */
	.s_m02{margin-top:20px; padding:25px 10px 20px;}
	.s_m02 .hotzone{padding:0 15px;}
	.s_m02 .hotzone .slider .item{padding:0 5px;}
	.s_m02 .hotzone .slider .item a{border-radius:10px;}
	.s_m02 .hotzone .slider .item .img{border-radius:10px 10px 10px 0;}
	.s_m02 .hotzone .slider .item .txt{height:38px; margin:10px 12px 0; font-size:14px; line-height:19px;}
	.s_m02 .hotzone .slider .item .date{margin:10px 12px 15px; font-size:13px;}
	.s_m02 .hotzone .nav .next,
	.s_m02 .hotzone .nav .prev{width:30px; height:30px; border-radius:50%; background:#fff;}
	.s_m02 .hotzone .nav .next .sp_main,
	.s_m02 .hotzone .nav .prev .sp_main{width:8px; height:15px; background-position:-8px 0;}
	.s_m02 .hotzone .nav .count{margin-right:10px; font-size:14px;}
	.s_m02 .hotzone .nav .count em:after{width:12px;}
	.s_m02 .hotzone .nav .ctrl_area button{width:22px; height:22px;}
	.s_m02 .hotzone .nav .pause .sp_main{width:5px; height:9px; background-position:0 -12px;}
	.s_m02 .hotzone .nav .play .sp_main{width:8px; height:9px; background-position:2px -23px;}
	.s_m02 .hotzone .nav .more{margin-left:13px; font-size:13px;}
	.s_m02 .hotzone .nav .more:after{width:13px; height:13px; background-position:-8px -17px;}
	/* s_m03 */
	.s_m03{margin-top:45px;}
	.s_m03 .tabMenu .lst{margin-bottom:14px;}
	.s_m03 .tabMenu .lst li{margin:0 4px;}
	.s_m03 .tabMenu .lst li a{width:130px; height:38px; font-size:15px;}
	.s_m03 .tabMenu .lst li a.active:before{width:18px; height:18px; background-position:-45px 0;}
	.s_m03 .tabMenu .tab_box ul li{padding:0 6px;}
	.s_m03 .tabMenu .tab_box ul li a{width:76px; height:100px; padding-top:10px; border-width:2px; border-radius:7px; font-size:13px;}
	.s_m03 .tabMenu .tab_box ul li a:before{width:40px; height:40px; background:url(../images/2023/main/ico_svc_m.png) no-repeat 0 0/440px 40px;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n01 a:before{background-position:-400px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n02 a:before{background-position:-40px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n03 a:before{background-position:-80px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n04 a:before{background-position:-120px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n05 a:before{background-position:-160px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n06 a:before{background-position:-200px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n07 a:before{background-position:-240px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n08 a:before{background-position:-280px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n09 a:before{background-position:-320px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_svc li.n10 a:before{background-position:-360px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li a:before{background-image:url(../images/2023/main/ico_part_m.png);}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n01 a:before{background-position:0 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n02 a:before{background-position:-40px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n03 a:before{background-position:-80px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n04 a:before{background-position:-120px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n05 a:before{background-position:-160px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n06 a:before{background-position:-200px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n07 a:before{background-position:-240px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n08 a:before{background-position:-280px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n09 a:before{background-position:-320px 0;}
	.s_m03 .tabMenu .tab_box ul.lst_part li.n10 a:before{background-position:-360px 0;}
	.s_m03 .tabMenu .tab_box ul li a .tit{display:block; margin-top:5px;}
	/* s_m04 */
	.s_m04 .newszone .nav .next,
	.s_m04 .newszone .nav .prev{width:30px; height:30px;}
	.s_m04 .newszone .nav .next .sp_main,
	.s_m04 .newszone .nav .prev .sp_main{width:6px; height:10px; background-position:0 0;}

	/* s_m05 */
	.s_m05{padding:30px 0 0; background:none;}
	.s_m05 > .inr{display:block; padding:0;}
	.s_m05 .bx_sns{width:calc(100% - 20px); margin:0 10px; border-width:2px; border-radius:10px 0;}
	.s_m05 .bx_sns .youtube_area{padding:0 8px 0 15px;}
	.s_m05 .bx_sns .youtube_area .tit{margin-bottom:10px; font-size:16px;}
	.s_m05 .bx_sns .youtube_area .tit:after{width:16px; height:16px; background-position:-8px -49px;}
	.s_m05 .bx_sns .youtube_area .img a{border-radius:8px;}
	.s_m05 .bx_sns .youtube_area .sns_area .tit_sns{display:none;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns{justify-content:center;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li{margin:2px;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li a{width:20px; height:20px;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.youtube a{background-position:-65px 0;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.blog a{background-position:-87px 0;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.facebook a{background-position:-109px 0;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.twitter a{background-position:-131px 0;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.instagram a{background-position:-153px 0;}
	.s_m05 .bx_sns .youtube_area .sns_area .lst_sns li.kakao a{background-position:-175px 0;}
	.s_m05 .bx_sns .blog_area{padding:0 15px 0 8px;}
	.s_m05 .bx_sns .blog_area .tit{margin-bottom:10px; font-size:16px;}
	.s_m05 .bx_sns .blog_area .tit:after{width:16px; height:16px; background-position:-8px -49px;}
	.s_m05 .bx_sns .blogzone .item a{border-radius:8px;}
	.s_m05 .blogzone .nav{margin-top:15px;}
	.s_m05 .blogzone .nav .count{margin-right:10px; font-size:13px;}
	.s_m05 .blogzone .nav .count em:after{width:12px;}
	.s_m05 .blogzone .nav button{width:22px; height:22px;}
	.s_m05 .blogzone .nav .prev .sp_main,
	.s_m05 .blogzone .nav .next .sp_main{width:6px; height:10px; background-position:0 0;}
	.s_m05 .blogzone .nav .pause .sp_main{width:5px; height:9px; background-position:0 -12px;}
	.s_m05 .blogzone .nav .play .sp_main{width:8px; height:9px; background-position:2px -23px;}

	.s_m05 .popupzone{width:100%; padding:60px 20px 55px;}
	.s_m05 .popupzone:after{content:''; display:block; position:absolute; top:30px; right:0; bottom:0; left:23%; z-index:-1; border-radius:30% 0 0 0; background:#e2f7f0;}
	.s_m05 .popupzone .item{padding:0 5px;}
	.s_m05 .popupzone .item a{border-radius:6px;}
	.s_m05 .popupzone .nav .next,
	.s_m05 .popupzone .nav .prev{width:30px; height:30px;}
	.s_m05 .popupzone .nav .prev{left:10px;}
	.s_m05 .popupzone .nav .next{right:10px;}
	.s_m05 .popupzone .nav .next .sp_main,
	.s_m05 .popupzone .nav .prev .sp_main{width:8px; height:15px; background-position:-8px 0;}
	.s_m05 .popupzone .nav .ctrl_area{width:250px; height:35px; top:auto;}
	.s_m05 .popupzone .nav .ctrl_area .tit{margin-right:8px; font-size:14px;}
	.s_m05 .popupzone .nav .count{margin-right:8px; font-size:14px;}
	.s_m05 .popupzone .nav .count em:after{width:12px;}
	.s_m05 .popupzone .nav button{width:22px; height:22px;}
	.s_m05 .popupzone .nav .prev .sp_main,
	.s_m05 .popupzone .nav .next .sp_main{width:6px; height:10px; background-position:0 0;}
	.s_m05 .popupzone .nav .pause .sp_main{width:5px; height:9px; background-position:0 -12px;}
	.s_m05 .popupzone .nav .play .sp_main{width:8px; height:9px; background-position:2px -23px;}
	.s_m05 .popupzone .nav .more{margin-left:10px; font-size:13px;}
	.s_m05 .popupzone .nav .more:after{width:13px; height:13px; background-position:-8px -17px;}

	/* s_m06 */
	.s_m06{padding:20px 10px 27px;}
	.s_m06 .msvczone{padding:0 0 48px;}
	.s_m06 .msvczone .area_tit{position:static; top:auto; width:auto; text-align:left;}
	.s_m06 .msvczone .area_tit h2{margin-bottom:15px; font-size:16px;}
	.s_m06 .msvczone .nav{position:absolute; left:0; right:0; bottom:0; margin:0;}
	.s_m06 .msvczone .nav button{width:30px; height:30px;}
	.s_m06 .msvczone .nav .prev .sp_main,
	.s_m06 .msvczone .nav .next .sp_main{width:7px; height:10px;}
	.s_m06 .msvczone .nav .pause .sp_main{width:5px; height:9px;}
	.s_m06 .msvczone .nav .play .sp_main{width:6px; height:9px; background-position:0 -23px;}
	.s_m06 .msvczone .nav .more .sp_main{width:13px; height:13px; background-position:-8px -17px;}
	.s_m06 .msvczone .item{padding:0 6px;}
	.s_m06 .msvczone .item a{height:100px; padding-top:10px; border-width:2px; border-radius:7px;}
	.s_m06 .msvczone .item a img{width:40px; height:40px;}
	.s_m06 .msvczone .item a span{margin-top:10px; font-size:13px;}
	.s_m06 .msvc_wholeview .lst > .inr{padding:0 10px;}
	.s_m06 .msvc_wholeview .item{}
	.s_m06 .msvc_wholeview .item a{height:100px; padding-top:10px; border-width:2px; border-radius:7px;}
	.s_m06 .msvc_wholeview .item a img{width:40px; height:40px;}
	.s_m06 .msvc_wholeview .item a span{margin-top:10px; font-size:13px;}
	/* s_m07 */
	.s_m07{padding-top:15px;}
	.s_m07 .link_area{flex-wrap:wrap;}
	.s_m07 .link_area > li{width:calc(25% - 15px);}
	.s_m07 .link_area > li:nth-child(5){width:100%; margin-top:15px;}
	.s_m07 .link_area > li > a{padding-left:10px; font-size:13px;}
	.s_m07 .bx_favsvc{padding:30px 0;}
	.s_m07 .bx_favsvc > ul > li h3{font-size:13px;}
	.s_m07 .bx_favsvc > ul > li > div li{font-size:13px;}
	.s_m07 .bx_favsvc > ul > li > div a[target="_blank"]:after{background-position:-8px -49px;}
}

/* Mobile ~ 767px */
@media screen and (max-width:767px){
	/* s_m01 */
	/* s_m02 */
	/* s_m03 */
	/* s_m04 */
	.s_m04{height:auto; margin-top:40px; padding:0; background:url(../images/2023/main/bg_sm04_m.png) no-repeat 0 0/auto 244px;}
	.s_m04 .article_area{padding:60px 25px 0;}
	.s_m04 .article_area .article_title{top:22px; left:25px; font-size:19px;}
	.s_m04 .article_area .tabMenu .more{left:auto; right:25px; top:17px;}
	.s_m04 .article_area .tabMenu .more a{width:30px; height:30px;}
	.s_m04 .article_area .tabMenu > .lst{display:flex; justify-content:space-between; position:relative; top:auto; left:auto; margin-bottom:10px;}
	.s_m04 .article_area .tabMenu > .lst:before{top:0; bottom:auto; left:15px; right:15px; border-left:0; border-top:1px solid #f13d48;}
	.s_m04 .article_area .tabMenu > .lst li{}
	.s_m04 .article_area .tabMenu > .lst > li a{padding:10px 0 0; font-size:15px; line-height:19px;}
	.s_m04 .article_area .tabMenu > .lst > li a.active{font-size:17px;}
	.s_m04 .article_area .tabMenu > .lst > li a:before{top:0; left:50%;}
	.s_m04 .article_area .tabMenu > .lst > li a br{display:block;}
	.s_m04 .article_area .tabMenu > .lst > li a:hover span{transform:none;}
	.s_m04 .article_area .tabMenu > .lst > li a.active span:after{display:none;}
	.s_m04 .article_area .tabMenu .tab_box{}
	.s_m04 .newszone{padding:17px 19px; border-radius:7px; background:#f4f4f4;}
	.s_m04 .newszone .item{border-bottom:1px solid #a9b4bf;}
	.s_m04 .newszone .item:nth-child(4){border-bottom:0;}
	.s_m04 .newszone .item:nth-child(n+4) ~ .item{display:none;}
	.s_m04 .newszone .item a{position:relative; margin:0; height:auto; padding:0; border-radius:0; background:none;}
	.s_m04 .newszone .item a:hover{background:none;}
	.s_m04 .newszone .item .dept{display:none;}
	.s_m04 .newszone .item .desc{display:none;}
	.s_m04 .newszone .item .go{display:none;}
	.s_m04 .newszone .item .tit{-webkit-line-clamp:1; height:30px; margin:0 40px 0 0; font-size:14px; line-height:30px;}
	.s_m04 .newszone .item .date{right:0; top:0; padding:0; font-size:14px; line-height:30px; box-shadow:none;}
	.s_m04 .newszone .nav .next,
	.s_m04 .newszone .nav .prev{display:none;}



	/* s_m05 */
	.s_m05 .bx_sns .youtube_area .img a:after{width:40px; height:40px; background-size:cover;}
	.s_m05 .popup_wholeview .tit_popup{font-size:14px;}
	.s_m05 .popup_wholeview .tit_popup strong{display:flex; margin-bottom:5px;}
	.s_m05 .popup_wholeview .lst .item{width:50%;}
	/* s_m06 */
	.s_m06 .msvc_wholeview .tit_svc{font-size:14px;}
	.s_m06 .msvc_wholeview .tit_svc strong{display:flex; margin-bottom:5px;}
	/* s_m07 */
	.s_m07 .link_area > li{width:calc(50% - 3px); margin-bottom:6px;}
	.s_m07 .link_area > li:nth-child(5){margin:0;}
	.s_m07 .bx_favsvc{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; overflow:hidden; overflow-y:auto; padding:30px 10px; background:#112441;}
	.s_m07 .bx_favsvc .tit_area{display:block; position:relative; margin-bottom:25px;}
	.s_m07 .bx_favsvc .tit_area h2{display:flex; align-items:center; font-size:16px; color:#fff;}
	.s_m07 .bx_favsvc .tit_area h2:before{content:''; display:inline-block; width:24px; height:24px; margin-right:5px; background-position:-25px -23px;}
	.s_m07 .bx_favsvc .tit_area .btn_close{position:absolute; top:0; right:0; overflow:hidden; width:23px; height:23px; border-radius:50%; background:#fff; color:transparent;}
	.s_m07 .bx_favsvc .tit_area .btn_close:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:11px; height:11px; margin:auto; background-position:-8px -67px;}
	.s_m07 .bx_favsvc > ul{display:block;}
	.s_m07 .bx_favsvc > ul > li{width:100%; border-top:1px solid #55647a;}
	.s_m07 .bx_favsvc > ul > li:last-child{border-bottom:1px solid #55647a;}
	.s_m07 .bx_favsvc > ul > li h3{margin:0; padding:13px 0 13px 14px;}
	.s_m07 .bx_favsvc > ul > li h3:before{top:13px; left:4px;}
	.s_m07 .bx_favsvc > ul > li h3:after{content:''; position:absolute; top:0; right:5px; bottom:0; width:9px; height:5px; margin:auto 0; background-position:-8px -80px;}
	.s_m07 .bx_favsvc > ul > li.active h3:after{transform:scaleY(-1);}
	.s_m07 .bx_favsvc > ul > li > div{display:none; padding:0 5px 15px;}
	.s_m07 .bx_favsvc > ul > li > div ul{display:flex; flex-wrap:wrap;}
	.s_m07 .bx_favsvc > ul > li > div li{width:50%;}
	.s_m07 .bx_favsvc > ul > li.active > div{display:block;}
}

/* Mobile ~ 639px */
@media screen and (max-width:639px){
	/* s_m01 */
	/* s_m02 */
	/* s_m03 */
	/* s_m04 */
	/* s_m05 */
	/* s_m06 */
	.s_m06 .msvc_wholeview .item{width:20%;}
	/* s_m07 */
}

/* Mobile ~ 567px */
@media screen and (max-width:567px){
	/* s_m01 */
	.s_m01 .spotzone .slider {height:44vw; overflow:hidden}
	/* s_m02 */
	/* s_m03 */
	/* s_m04 */
	/* s_m05 */
	/* s_m06 */
	.s_m06 .msvc_wholeview .item{width:33.33%;}
	/* s_m07 */
}

/* Mobile ~ 359px */
@media screen and (max-width:359px){
	/* s_m01 */
	/* s_m02 */
	/* s_m03 */
	/* s_m04 */
	/* s_m05 */
	/* s_m06 */
	/* s_m07 */
}