@charset "utf-8";
body{--gra:linear-gradient(131deg, #F35A9C 4.06%, #7731F2 96.05%); --gra-gr:linear-gradient(90deg, #2C98C4 0%, #2A987F 100%); --fz:clamp(8px, 1.3vw, 10px); --fz15:calc(var(--fz) * 1.5); --fz16:calc(var(--fz) * 1.6);}

/* 메인 공통 */
.main_inner { width: 100%; max-width: 1470px; margin: 0 auto; padding: 0 15px; }
.main_more_btn {flex-shrink: 0; }
.main_more_btn a{display:block; position:relative; width:var(--icSize); height:var(--icSize); background:#f0f0f0; background-size:200%; background-image: url(/main/images/main2026/ic_control.png); border-radius:var(--icSize); background-position-y:bottom; text-indent: -5000px; overflow: hidden; }
.cm_state1 { display: inline-flex; align-items: center; justify-content: center; min-width: 100px; height: 35px; padding: 0 10px; border: 1px solid transparent; border-radius: 10px; font-size: 15px; text-align: center; }
.main_tit_wrap{display: flex; justify-content: space-between; margin-bottom: 15px; letter-spacing: 0px; --icSize:calc(var(--fz) * 3.5)}
.main_tit_wrap>div{display: flex; gap:calc(var(--fz) * 1); align-items: center}
.control_btn_wrap{display:flex; gap:5px; align-items: center;}
.control_btn,
.control_btn_next,
.control_btn_prev{ flex-shrink: 0; display:block; position:relative; width:var(--icSize); height:var(--icSize); background:#f0f0f0; background-size:calc(var(--icSize) * 2); background-image: url(/main/images/main2026/ic_control.png);  background-position:top left; text-indent: -5000px; overflow: hidden; border-radius:var(--icSize)}
.control_btn_next{background-position-y: calc(var(--icSize) * -1);}
.control_btn.pause{background-position-y: calc(var(--icSize) * -2); }
.control_btn.play{background-position-y: calc(var(--icSize) * -3); }
.swiper-pagination{position: static; font-family: 'Paper'; text-align: center; min-width: calc(var(--fz) * 5.5);}
.swiper-pagination-current{font-weight: bold;}
.control_btn:hover:not(.main_banner_control .control_btn),
.control_btn_next:hover:not(.main_banner_control .control_btn_next),
.control_btn_prev:hover:not(.main_banner_control .control_btn_prev) {background-color: #00909E;  background-position-x: calc(var(--icSize) * -1); }

/* 메인 */
.main-container { letter-spacing: -1px; }
.main-container .logo_search { display: none; position: relative; align-items: center; justify-content: center; width: 100%; margin-bottom: 35px; }
.main-container .logo_search h1 { margin-right: 50px; }
.main-container .logo_search h1 a { display: block; }
.main-container .logo_search h1 img { width: 257px; }
.main-container .logo_search .searchwrapBox { display: flex; align-items: center; }
.main-container .logo_search .searchwrap .inputwrap { display: flex; justify-content: space-between; width: 615px; height: 70px; border: 3px solid transparent; border-radius: 10px; background-image: linear-gradient(#444444, #444444), linear-gradient(to right, #f65880, #5d33c8); background-origin: border-box; background-clip: content-box, border-box; overflow: hidden; }
.main-container .logo_search .searchwrap .inputwrap > form { position: relative; width: 100%; }
.main-container .logo_search .searchwrap .inputwrap .input1 { width: 100%; height: 100%; padding-right: 80px; border: 0 none; font-size: 18px; }
.main-container .logo_search .searchwrap .inputwrap .btn_search { position: absolute; top: 0; right: 0; width: 80px; height: 100%; border: 0 none; background: url(../../images/common/icon_search2.png) no-repeat center / 26px; vertical-align: top; cursor: pointer; }
.main-container .logo_search .searchwrap .popularsearchword { display: flex; flex-wrap: wrap; align-items: center; height: 25.33px; margin-top: 10px; overflow: hidden; font-size: 17px; }
.main-container .logo_search .searchwrap .popularsearchword dt { flex: none; color: #00909e; }
.main-container .logo_search .searchwrap .popularsearchword dd { margin-left: 20px; color: #444444; white-space: nowrap; }
.main-container .logo_search .searchwrap .popularsearchword dd:before { content: "#"; color: #67b200; }
.main-container .logo_search .keyko_ul { display: flex; margin-left: 30px; }
.main-container .logo_search .keyko_ul li a { display: block; width: 60px; height: 60px; border: #e0e0e0 solid 1px; border-radius: 60px; background-position: center center; background-repeat: no-repeat; background-color: #fff; }
.main-container .logo_search .keyko_ul li + li { margin-left: 15px; }
.main-container .logo_search .keyko_ul li.key a { background-image: url(../../images/main/icon_keyboard.png); background-size: 37px; }
.main-container .logo_search .keyko_ul li.korea a { background-image: url(../../images/main/icon_taegeukgi.png); background-size: 48px; }

/* 메인 - 레이아웃 */
.new_main { position: relative; padding-bottom: 5px; }
.new_main h2{font-family: 'Paper'; font-size: calc(var(--fz) * 2.8); font-weight: bold; color: #222;}
.ly_box1,
.ly_box2,
.ly_box3,
.ly_box4,
.ly_box6{display: flex; flex-wrap: wrap;  margin-bottom: 60px;}
.ly_box1 { justify-content: space-between; padding-top: 50px; margin-bottom: 40px;}
.ly_box4 { position: relative; justify-content: space-between;  padding-top:70px; padding-bottom:80px}
.ly_box6 { justify-content: space-between; margin-bottom: 70px;}


/* 메인-날씨 */
.new_main .weather_area{position: absolute; }
.new_main .weather_area .swiper-slide{width: auto; margin-right: 1rem; font-size: 13px;}


.ly_box1{position: relative; }
.ly_box1:before { display: block;  content: '';  position: absolute; left:calc((100vw - 1440px) / 2 - calc((100vw - 1440px) / 2) + 150px); top:0px; right:calc((100vw - 1440px) / -2); border-radius: calc(var(--fz) * 40) 0  calc(var(--fz) * 20) 0; background: linear-gradient(294deg, rgba(248, 243, 251, 0.00) 15.35%, #F8F3FB  98.23%), linear-gradient(180deg, #F8F3FB 0%, #EFF8FF 55.77%, #E3F6FA 100%); /* height:calc(var(--fz) * 56.3 + 90px); */ height:calc(100% + 60px); z-index: -1;}
.new_main:after { display: block;  content: '';  position: absolute; top:0px; left: 0; width: 50vw; height:calc(var(--fz) * 101);  border-radius: 410px 0px 0 120px ;	background: linear-gradient(180deg, #FFF 0%, #F8F3FB 50%);	z-index: -2;}
.main_banner_control_wrap { display: flex; z-index: 1; align-items: center}
.main_banner_control_wrap .main_banner_control { display: flex; align-items: center; border-radius: 100px; padding:4px 12px 4px 8px; background: #fff; }
.main_banner_control_wrap .main_banner_control button{background-color: transparent !important; width:calc(var(--fz) * 2.5)!important; height:calc(var(--fz) * 2.5) !important;}
.main_banner_control_wrap .main_banner_control button.control_btn_prev{background-position-y:-5px;}
.main_banner_control_wrap .main_banner_control button.control_btn_next{background-position-y:calc(var(--icSize) * -1 - 5px);}
.main_banner_control_wrap .main_banner_control button.control_btn.pause{background-position-y:calc(var(--icSize) * -2 - 5px);}
.main_banner_control_wrap .main_banner_control button.control_btn.play{background-position-y:calc(var(--icSize) * -3 - 5px);}
.main_banner_control_wrap .main_banner_control .main_banner_btn { display: block; width: 17px; height: 17px; overflow: hidden; background-position: center; background-size: 7px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; }
.main_banner_control_wrap .main_banner_control .control_btn:focus-visible { outline-color: #fff; }

/* 메인 - 메인 비주얼 */
.ly_main_banner { position: relative; width: 65%; max-width: 935px; padding-top: 10px;}
.ly_main_banner .main_tit_wrap{justify-content: flex-end;}
.ly_main_banner .main_visual_slide {  aspect-ratio:935/480; overflow: hidden; border-radius: 15px; }
.ly_main_banner .main_visual_slide .swiper-slide a { display: block; height: 100%; }
.ly_main_banner .main_visual_slide .swiper-slide a:focus-visible { border-radius: inherit; outline-offset: -2px; }
.ly_main_banner .main_visual_slide .swiper-slide .slide_img { background-position: center; background-size: 100% 100%; height:100%; background-repeat: no-repeat; }
.ly_main_banner .main_visual_slide .swiper-slide .slide_img:before { display: block; height:100%;  content: ""; }
.ly_main_banner .main_visual_slide .swiper-slide .slide_img .img_alt { position: absolute; overflow: hidden; text-indent: 100%; white-space: nowrap; }
/* 메인 - 열린구청장실 */
.ly_mayor { width: 33%; max-width: 460px; position: relative;}
.ly_mayor h2{font-size: calc(var(--fz) * 2.4); font-weight: normal; }
.ly_mayor h2 span{font-weight: bold;}
.ly_mayor h2:After{display: inline-block; content: ''; margin-left: 8px;width: calc(var(--fz) * 1.8); aspect-ratio:1/1; background: url(/main/images/main2026/ic_next.svg) no-repeat center center / contain }
.ly_mayor .swiper-slide{border-radius: 15px; overflow: hidden; aspect-ratio: 460/275; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);}
.ly_mayor .swiper-slide span{position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; padding:15px 10px;  background: rgba(0,0,0,.7); color: #fff; font-size: var(--fz16); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ly_mayor .mayor_btns { display: flex; padding:36px 5px 21px; margin-top: -15px; background: var(--gra-gr);  font-size: var(--fz16); font-weight: bold; border-radius:0px 0px 15px 15px; overflow: hidden;}
.ly_mayor .mayor_btns > li { flex: 1 1 auto ; position: relative; letter-spacing: 0px;}
.ly_mayor .mayor_btns > li + li:before{display: block; content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: calc(var(--fz) * 1.5); background: #000; opacity: .2;  transform: translateY(-50%);}
.ly_mayor .mayor_btns > li a { display: flex; align-items: center; justify-content: center; width: 100%; color: #fff; --icSize:20px; }
.ly_mayor .mayor_btns > li a span{font-size: clamp(15px, 1.5vw, 16px)}
.ly_mayor .mayor_btns > li a::before{display: block; content: ''; margin-right: 5px; width: var(--icSize); aspect-ratio:1/1; background: url(/main/images/main2026/headman_ic.png) no-repeat center top / cover }
.ly_mayor .mayor_btns > li.ic02 a::before{background-position-y: calc(-1 * var(--icSize));}
.ly_mayor .mayor_btns > li.ic03 a::before{background-position-y: calc(-2 * var(--icSize));}
.ly_mayor .mayor_btns2 { display: flex; justify-content: center; margin-top: 30px;}
.ly_mayor .mayor_btns2 > li { flex: 1 1}
.ly_mayor .mayor_btns2 > li a {display:block; margin-top:5px; text-align: center;  --icSize:50px; font-family: 'Paper'; }
.ly_mayor .mayor_btns2 > li a::before{display: block; content: ''; margin: auto; margin-bottom: 1rem; width: var(--icSize); aspect-ratio:1/1; background: url(/main/images/main2026/banr_ic.png) no-repeat center top / cover }
.ly_mayor .mayor_btns2 > li.ic02 a::before{background-position-y: calc(-1 * var(--icSize));}
.ly_mayor .mayor_btns2 > li.ic03 a::before{background-position-y: calc(-2 * var(--icSize));}
.ly_mayor .mayor_btns2 > li.ic04 a::before{background-position-y: calc(-3 * var(--icSize));}

/* 메인 - 게시판 */
.ly_board { margin-top: 20px; position: relative; height: 395px; width:100%; padding-top: calc(var(--fz) * 5); border-radius: 190px 0 0 0; background: #fff;}
.ly_board .board_title {position: absolute; top: -10px;; border-radius: calc(var(--fz) * 6) 10px calc(var(--fz) * 8) calc(var(--fz) * 6); background: var(--gra); padding: calc(var(--fz) * 2) calc(var(--fz) * 7.5) calc(var(--fz) * 2.1) calc(var(--fz) * 5.5); color:#fff; font-weight: 500;}
.ly_board .board_nav { display: flex; justify-content: center; gap:calc(var(--fz) * 3); position: relative;}
.ly_board .board_nav:before{display: block; content:''; position: absolute; width: 28%; max-width: 26vw; top:calc(var(--fz) * 1.8);  right: calc(var(--fz) * 3.5); height: 1px; background: #d9d9d9;}
.ly_board .board_nav > li {display: flex; gap:1vw; align-items: center; z-index: 1;}
.ly_board .board_nav > li + li:before{ display: block; content: ''; width: 5px; height:5px; background: #ccc; border-radius:50px}
.ly_board .board_nav .board_nav_btn { font-size: calc(var(--fz) * 2.4); font-weight: 700; color: #888; letter-spacing: -0.5px; font-family: 'Paper';}
.ly_board .board_nav .board_nav_btn span { display: block; position: relative; width: 100%; }
.ly_board .board_nav_content { display: none; position: absolute; top: calc(var(--fz) * 7.5); right: calc(var(--fz) * 4); left: calc(var(--fz) * 4)}
.ly_board .board_nav .board_more { display: none; position: absolute; right: 0; top:calc(var(--fz) * .1); padding: 5px 10px; width:var(--icSize); height:var(--icSize); background-color:#776BB8; background-size:200%; background-image: url(/main/images/main2026/ic_control.png); text-indent: -5000px; overflow: hidden; border-radius:var(--icSize); background-position:right bottom; --icSize:calc(var(--fz) * 3.5)}
.ly_board .board_nav > li.active .board_nav_btn span{ background: var(--gra); background-clip: text; 	-webkit-background-clip: text; 	-webkit-text-fill-color: transparent; }
.ly_board .board_nav > li.active .board_nav_content { display: block; }
.ly_board .board_nav > li.active .board_more { display: block; }
.ly_board .board_content_list { display: flex}
.ly_board .board_content_list > li { flex: 1 1; min-width: 1px; padding:0px calc(var(--fz) * 3.5)}
.ly_board .board_content_list > li + li{border-left:1px solid #eee}
.ly_board .board_content_list > li > a { display: block; position: relative; padding: 11px 0; padding-left: calc(var(--icSize) * 2); overflow: hidden; color: #444; }
.ly_board .board_content_list > li > a span{display: block; word-break: keep-all;}
.ly_board .board_content_list > li .tit{ display: -webkit-box; font-size:calc(var(--fz) * 2); font-weight: 500; font-family: 'Paper'; height:calc(var(--fz) * 6); margin-bottom:calc(var(--fz) * 2); overflow: hidden;  -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; text-overflow: ellipsis; letter-spacing: 0px; color: #222;}
.ly_board .board_content_list > li .txt{display: -webkit-box; color:#888; font-size:calc(var(--fz) * 1.5); height:calc(var(--fz) * 7); overflow:hidden; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; text-overflow: ellipsis; margin-bottom: 2rem;}
.ly_board .board_content_list > li .date{text-align: center; padding:8px; background: #f5f5f5; border-radius: .5px;}
.ly_board .board_content_list > li:nth-child(4) + li{display: none;}
.ly_board .board_content_list > li > ul > li {}
/* 메인 - 게시판 - 통합예약 */
.ly_board .board_reservation .tit{margin-bottom:calc(var(--fz) * 1.5); }
.ly_board .board_reservation .cm_state1{margin-top: calc(var(--fz) * 1.5); border-radius: 5px;}
.ly_board .board_reservation .reservation_state1 { border-color: #008f9e; color: #008f9e; }
.ly_board .board_reservation .reservation_state2 { background-color: #00909e; color: #fff; }
.ly_board .board_reservation .reservation_state3 { background-color: #555; color: #fff; }
.ly_board .board_reservation .reservation_state4 { background-color: #5e469b; color: #fff; }
.ly_board .board_reservation .reservation_state5 { background-color: #ebebeb; color: #444; }
.ly_board .board_reservation .place{padding-left: 20px; top: -3px; position: relative; background: url(/main/images/main2026/ic_place.png) no-repeat left 2px / 14px; color: #333; margin-bottom: 5px; font-size: .95em; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.ly_board .board_reservation ul ul{position: relative}
.ly_board .board_reservation ul ul>li{position: relative; padding-left: 15px; color: #333; font-size: var(--fz15);}
.ly_board .board_reservation ul ul>li:before{display: block; content: '- '; position: absolute; left:0px; top:0px}

/* 메인 - 자주찾는서비스 */
.ly_service { width: 100%; position: relative; padding: max(2.5vw, 30px) max(4vw, 6%) calc(max(2.5vw, 30px) + 20px); background-color: #F5FBFB; border:5px solid #D1ECEE; border-radius:15px;   --icSize:64px; transition:all .5s ease}
.ly_service .service_info{display: flex; flex-wrap: wrap;  gap:30px 0; height:auto; max-height:calc( var(--icSize) + var(--fz) * 6); overflow:hidden; transition:max-height .5s ease}
.ly_service .service_info > li { flex: 0 1 calc(100% / 8 ); min-width: calc(var(--fz) * 11)}
.ly_service .service_info > li a { margin-top:5px;  text-align: center;  font-weight: bold; line-height: 120%; font-size:calc(var(--fz) * 1.5)}
.ly_service .service_info > li a::before{display: block; content: ''; margin: auto;  width: var(--icSize); aspect-ratio:1/1; background: url(/main/images/main2026/favorite_ic.png) no-repeat center top / cover }
.ly_service .service_info > li.ic02 a::before{background-position-y: calc(-1 * var(--icSize));}
.ly_service .service_info > li.ic03 a::before{background-position-y: calc(-2 * var(--icSize));}
.ly_service .service_info > li.ic04 a::before{background-position-y: calc(-3 * var(--icSize));}
.ly_service .service_info > li.ic05 a::before{background-position-y: calc(-4 * var(--icSize));}
.ly_service .service_info > li.ic06 a::before{background-position-y: calc(-5 * var(--icSize));}
.ly_service .service_info > li.ic07 a::before{background-position-y: calc(-6 * var(--icSize));}
.ly_service .service_info > li.ic08 a::before{background-position-y: calc(-7 * var(--icSize));}
.ly_service .service_info > li.ic09 a::before{background-position-y: calc(-8 * var(--icSize));}
.ly_service .service_info > li a span{display: flex; align-items: center; justify-content: center; height:calc(var(--fz) * 6)}
.btn_service_toggle{ position: absolute; bottom:0px; left: 50%; transform: translateX(-50%); min-width: 210px; max-width:260px ;width: 50%;padding:12px 0px 7px; background: #D1ECEE; font-family: 'Paper'; font-size: calc(var(--fz) * 1.6); border-radius:50px 50px 0px 0px; transition:all .5s ease}
.btn_service_toggle::after {content: "";  display: inline-block; margin-left: 8px;  width: 15px;  height: 9px; position: relative; top:-2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M1.5 1.5L7.1 7.1L12.7 1.5' stroke='%2300909E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.btn_service_toggle.close::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M1.5 7.09998L7.1 1.49998L12.7 7.09998' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.btn_service_toggle.close{display: none;}
.ly_service.open{border-color:#1A9CA8}
.ly_service.open .service_info{height:auto; max-height: 1000px; }
.ly_service.open .btn_service_toggle{background:#1A9CA8; color: #fff;}


/* 메인 - 보도자료 */
.ly_press{flex:0 0 73%; max-width:min(100%, 1048px); overflow:hidden;  position:relative}
.ly_press .swiper-slide p.txt{margin-top: var(--fz); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center;}
.ly_press  .press_content .img{aspect-ratio:340/225; border-radius:var(--fz); overflow:hidden}
.ly_press  .press_content img{display: block; width: 100%; height: 100%; object-fit:cover}
.ly_press .press_slide {visibility: hidden; overflow: hidden;}
.ly_press .press_slide.swiper-container-initialized { visibility: visible;}


/* 메인 - 인터넷방송국 */
.ly_broadcasting { flex:0 0 24%; max-width:340px; overflow: hidden; }
.ly_broadcasting .broadcasting_control{display:none}
.ly_broadcasting .swiper-slide p.txt{margin-top: var(--fz); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center;}
.ly_broadcasting .swiper-wrapper li + li{display: none;}
.ly_broadcasting  .broadcasting_content .img{aspect-ratio:340/225; border-radius:var(--fz); overflow:hidden}
.ly_broadcasting  .broadcasting_content img{display: block; width: 100%; height: 100%; object-fit:cover}

/* 메인 - 지금 #미추홀은 */
.ly_michu_now {flex:0 0 73%; max-width:1048px}
.ly_michu_now .michu_now_title_wrap { display: flex; }
.ly_michu_now .michu_now_title { color: #222; font-size: 28px; line-height: 1; }
.ly_michu_now .michu_now_title .point { background: var(--gra); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ly_michu_now .michu_now_sns_list { display: flex; flex-wrap: wrap; gap:0px 2px; --icSize:calc(var(--fz) * 4)}
.ly_michu_now .michu_now_sns_list > li > a { display: block; width: var(--icSize); height: var(--icSize); border-radius:100%; overflow: hidden;  background-position: center top; background-size: cover; background-repeat: no-repeat; background-color: #333; background-image:url(/main/images/main2026/ic_sns.png);   text-indent: 100%; white-space: nowrap; }
.ly_michu_now .michu_now_sns_list > li.list1 > a { background-position-y: calc(0 * var(--icSize)); background-color: #4868AC;} /* 페이스북 */
.ly_michu_now .michu_now_sns_list > li.list2 > a { background-position-y: calc(-1 * var(--icSize)), top; background-image: url(/main/images/main2026/ic_sns.png), linear-gradient(45deg, #FFC107 9.15%, #F44336 50.57%, #9C27B0 90.03%);} /* 인스타그램 */
.ly_michu_now .michu_now_sns_list > li.list3 > a { background-position-y: calc(-2 * var(--icSize));  background-color: #2EB34A;} /* 블로그 */
.ly_michu_now .michu_now_sns_list > li.list4 > a { background-position-y: calc(-3 * var(--icSize)); background-color: #F2BC0E;} /* 카카오스토리 */
.ly_michu_now .michu_now_sns_list > li.list5 > a { background-position-y: calc(-4 * var(--icSize)); background-color: #E02F2F;} /* 유튜부*/
.ly_michu_now .michu_now_sns_list > li.list6 > a { background-position-y: calc(-5 * var(--icSize)); background-color: #FF6F0E ; } /* 당근 */

.ly_michu_now .michu_now_content { overflow: hidden; }
.ly_michu_now .michu_now_list { display: flex; gap:17px }
.ly_michu_now .michu_now_list > li {  flex: 1 1 calc(33% - 17px)}
.ly_michu_now .michu_now_img_link { display: block; position: relative; overflow: hidden; border-radius: 10px; }
.ly_michu_now .michu_now_img_link:focus-visible { outline-offset: -2px; }
.ly_michu_now .michu_now_img { background-position: center; background-size: 100% 100%; background-repeat: no-repeat;  }
.ly_michu_now .michu_now_img_link{--icSize:25px}

.ly_michu_now .michu_now_list > li .before { display: block; width: var(--icSize); height: var(--icSize); border-radius: 100px; background-position: center top; background-size: cover; background-repeat: no-repeat; background-color: #333; background-image:url(/main/images/main2026/ic_sns.png); text-indent: -5000px;}
.ly_michu_now .michu_now_list > li.list2 .michu_now_img_link .before{background-position-y: calc(-1 * var(--icSize));}
.ly_michu_now .michu_now_list > li.list3 .michu_now_img_link .before{background-position-y: calc(-2 * var(--icSize));}
.ly_michu_now .michu_now_list > li.list4 .michu_now_img_link .before{background-position-y: calc(-3 * var(--icSize));}
.ly_michu_now .michu_now_list > li.list5 .michu_now_img_link .before{background-position-y: calc(-4 * var(--icSize));}
.ly_michu_now .michu_now_list > li.list6 .michu_now_img_link .before{background-position-y: calc(-5 * var(--icSize));}
.ly_michu_now .michu_now_img{width:100%; aspect-ratio:340/310}
.ly_michu_now .michu_now_txt{display: flex; justify-content: space-between; align-items: center; background: #fff; padding:max(7%, 10px) max(7%, 10px);}
.ly_michu_now .michu_now_txt span{display: block; flex:0 0 calc(100% - var(--icSize) - 5px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

/* 메인 - 나이스미추 */
.ly_nicemichu { flex:0 0 24%; /* max-width:340px; */  position: relative; padding-top: 3.4rem;}
.ly_nicemichu .nicemichu_img { position: relative; margin: auto; width: 265px; height: 367px; background-size: 100% 100%; border-radius: 8px;}
.ly_nicemichu .nicemichu_img img{border-radius:10px; overflow:hidden}
.ly_nicemichu .nicemichu_link { position: absolute; bottom: -18px; left: -20px; }
.ly_nicemichu .nicemichu_link  a{display: inline-block; padding:11px 25px; margin-bottom: 3px; background: var(--gra-gr); border-radius: 5px 10px 40px 5px; font-weight: 500; color: #fff; font-family: 'Paper'; font-size: calc(var(--fz) * 1.7); letter-spacing: 0px; box-shadow:0px 1px 3px rgba(0,0,0,.3)}
.ly_nicemichu .nicemichu_link  a+ a{background:var(--gra)}
.ly_nicemichu .nicemichu_link  a:hover{text-decoration: underline;}
.ly_nicemichu .nicemichu_banner { display: block; position: absolute; right:-30px; top:20px; width:calc(var(--fz) * 6); height:calc(var(--fz) * 6); background: #FFDA20 url(/main/images/main2026/newsletter_go.png) no-repeat center center / 46.66%; box-shadow:2px 5px 0px rgba(0,0,0,.15); overflow:hidden; border-radius: 100%; text-indent: -5000px; }
.ly_box4:before { display: block;  content: '';  position: absolute; left: calc((min(100%, 1470px) - 100vw) / 2);  width: calc(100vw - (100vw - 58%) / 2); top:0px; bottom:0px; border-radius: 0px  200px  20px  0; background: #EDF6F6;; z-index: -1;}
.ly_box4:after { display: flex; align-items: flex-end; content: "MICHUHOL"; color: rgba(255,255,255,.05); font-family: 'Paper'; font-weight: bold; white-space: nowrap; font-size: calc(var(--fz) * 13.6);  position: absolute; right: calc((min(100%, 1470px) - 100vw) / 2);  width: calc(100vw - (100vw + 30%) / 2); top:20px; bottom:-10px; border-radius: 260px  0px  0px  30px; background: linear-gradient(90deg, #2C98C4 0%, #2A987F 100%);; z-index: -1; overflow:hidden;  line-height: 60%;}
.meetyou{display: block; position: absolute; right:-220px; bottom:-10px; overflow:hidden; width: calc(var(--fz) * 24.1); height:calc(var(--fz) * 25.1); }
.meetyou:before{display: block; content: '' ; height:calc(var(--fz) * 30.1); background: url(/main/images/main2026/meetyou.png) no-repeat center top / cover; transform: rotate(-18deg);}

/* 메인 - 알림존 */
.ly_notice { position: relative; }
.ly_notice .main_notice_slide .swiper-slide a { display: block; position: relative; overflow: hidden; border-radius: 10px; }
.ly_notice .main_notice_slide .swiper-slide a:focus-visible { outline-offset: -2px; }
.ly_notice .main_notice_img { background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }
.ly_notice .main_notice_img:before { display: block; padding-top: 84.375%; content: ""; }
.ly_notice .main_notice_img_alt { display: block; position: absolute; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.ly_notice .notice_control_wrap { }


/* 메인 - 하단 배너 */
.main_bnzone { margin-top: 40px; border-top: 1px solid #ddd; }
.main_bnzone .main_inner { display: flex; gap:20px; align-items: center;  padding:30px 15px}
.main_bnzone .main-visual-area4 { width: calc(100% - 200px); }
.main_bnzone .main-visual-area4 .swiper-wrapper > li { width: auto ; font-family: 'Paper';}

/*고향사랑기부*/
.ilovegohyang {position:fixed; bottom:100px; right:15px; z-index:9999;}