@charset "utf-8";
body{overflow-x:hidden}

@media screen and (max-width:1470px) {
	.ly_box1:before{right:0px;}
}

@media screen and (max-width:1279px) {
	.main-container .logo_search { width: 100%; margin-bottom: 24px; }
	.main-container .logo_search h1 { margin-right: 35px; }
	.main-container .logo_search h1 img { width: 178px; }
	.main-container .logo_search .searchwrap .inputwrap { width: 427px; height: 49px; }
	.main-container .logo_search .searchwrap .inputwrap > form { width: 100%; }
	.main-container .logo_search .searchwrap .inputwrap .input1 { width: 100%; height: 100%; padding-right: 56px; font-size: 14px; }
	.main-container .logo_search .searchwrap .inputwrap .btn_search { top: 0; right: 0; width: 56px; height: 100%; background: url(/main/images/main2026/gnb_ic_search.svg) no-repeat center}
	.main-container .logo_search .searchwrap .popularsearchword { height: 18px; margin-top: 7px; font-size: 14px; }
	.main-container .logo_search .searchwrap .popularsearchword dd { margin-left: 14px; }
	.main-container .logo_search .keyko_ul { margin-left: 21px; }
	.main-container .logo_search .keyko_ul li a { width: 42px; height: 42px; border-radius: 42px; background-position: center center; }
	.main-container .logo_search .keyko_ul li + li { margin-left: 10px; }
	.main-container .logo_search .keyko_ul li.key a { background-size: 26px; }
	.main-container .logo_search .keyko_ul li.korea a { background-size: 33px; }

	.ly_main_banner{max-width: 800px; }
	#header-gnb .util-area{right:15px}
}

@media screen and (max-width:1023px) {
	.main-container .logo_search { display: flex; padding: 0 15px; }
	.main-container .logo_search .searchwrapBox { width: 100%; }
	.main-container .logo_search .searchwrap { flex: 1 1 auto; }
	.main-container .logo_search .searchwrap .inputwrap { width: 100%; }
	.main-container .logo_search .searchwrap .inputwrap .input1 { font-size: 13px; }
	.main-container .logo_search .keyko_ul { flex: 0 0 auto; }

	.new_main:after{top:20vw; background: #E3F6FA;}
	/* .main-container .logo_search .searchwrap .inputwrap :where(input[type="text"], input[type="password"], input[type="tel"]){background: transparent;} */
	.main-container .logo_search .searchwrap .inputwrap{ border:0px; border-radius:0px}
	.main-container .logo_search .searchwrap .inputwrap .input1 {background: var(--gra); color: #fff}
	input::placeholder{color: #fff}

	.ly_box1{padding-top: 0px;}
	.ly_box1:before{top: 20px; right:0px; height:calc(100% + calc(var(--fz) * 3)); border-bottom-right-radius:50px}
	.ly_box1, .ly_box2, .ly_box3, .ly_box4, .ly_box6{flex-direction: column; align-items: center; gap:calc(var(--fz) * 5)}
	.ly_box3{margin-bottom: 0px;}
	.ly_box4{gap: 0; padding:0px}
	.ly_box4:before{display: none}
	.ly_box4:after{display: none;}
	#footer .copy-area .info,
	.new_main .weather_area,
	.header-family{display: none}
	.main-container .logo_search {display: flex;  padding: 0 15px;  }
	.ly_mayor{width: 100%;}
	.ly_main_banner{padding-top: 0px; width: 100%;}
	.ly_main_banner .main_tit_wrap{margin-bottom: 0px;}
	.ly_main_banner .main_banner_control_wrap{padding:0px 10px; gap:0px; background: #fff; border-radius:50px; overflow:hidden; position: absolute; bottom: 15px; right: 10px; z-index: 2; }
	.ly_main_banner .main_banner_control_wrap .main_banner_control{padding-left: 0px;}
	.ly_box3{border-radius: 50px 0px 0px 0px; background: #fff; overflow:hidden}
	.ly_board{padding:20px; padding-right: 0px;  left: -15px; height:calc(var(--fz) * 47)}
	.ly_board .board_title{transform:scale(.8); transform-origin:left bottom}
	.ly_board .board_nav{margin-top: 64px;}
	.ly_board .board_nav:before{width: 52%; max-width:43vw; top:-51px}
	.ly_board .board_nav > li + li:before{display: none;}
	.ly_board .board_nav_content {top: calc(var(--fz) * 5); left: 5px; width: 100%;}
	.board_nav_content.board_reservation{top: calc(var(--fz) * 5)}
	.ly_board .board_content_list:not(.board_reservation .board_content_list){flex-direction: column;}
	.ly_board .board_content_list:not(.board_reservation .board_content_list) > li{padding:0px}
	.ly_board .board_content_list:not(.board_reservation .board_content_list) > li + li{border-top:1px dashed #ccc; border-left: 0px;}
	.ly_board .board_content_list> li .tit{padding:5px; height:auto; line-clamp: 1;     -webkit-line-clamp: 1; margin-bottom: 0px;}
	.ly_board .board_content_list > li .txt, .ly_board .board_content_list > li .date{display: none;}
	.ly_board .board_nav .board_more { top:-67px}
	.board_reservation .board_content_list{overflow-x:Scroll; gap:8px}
	.board_reservation .board_content_list > li{flex:0 0 300px; padding:max(5%, 25px) max(5%, 30px); background: #f0f0f0; border-radius: 20px;}
	.ly_service .service_info{max-height :calc( var(--icSize) + var(--fz) * 24)}
	.ly_michu_now {width: calc(100% + 30px); margin-left: -15px; padding:max(40px, 6vw) 30px; background: #EDF6F6;}
	.ly_michu_now .michu_now_list{overflow-x:scroll; padding-bottom: 3px;}
	.ly_michu_now .michu_now_list > li{flex:0 0 80vw; max-width: 320px;}
	.ly_nicemichu{width: calc(100% + 30px); margin-left: -15px; position: relative; padding:50px 20px}
	.ly_nicemichu: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: 0px;  width: 100%; top:0px; bottom:0px; background: linear-gradient(90deg, #2C98C4 0%, #2A987F 100%);; z-index: -1; overflow:hidden; line-height:50%}
	.ly_broadcasting{ width: 100%; max-width: 460px;}
	.main_bnzone .main-visual-area4{width:100%}
}

@media screen and (max-width:799px) {
	.ly_main_banner{width: calc(100% + 30px); margin-left: -15px; }
	.ly_main_banner .main_visual_slide{border-radius: 0px;}
	.ly_service .service_info > li{flex:0 1 calc(100% / 3);}
	.main-container .logo_search{padding:0px}
}