@charset "utf-8";

#visual {
	width: 100%;
	min-width: 280px;
	background: url(../images/img/img_visual_2025.jpg?ver1) center top no-repeat;
	background-size: cover;
}
#menu {
	position: absolute;
	z-index: 9;
	right: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
}
#menu li a br {display: none}
#menu li a {position: relative;z-index: 1}
#menu li a.on:before {z-index: -1}
#menu li a.on:after {display: none;content: '';position: absolute;top: 10px;right: 10px;width: 31px;height: 30px;margin-left: 15px;background: url(../images/ico/ico-highlight.png) no-repeat 0 0}
.content_2025_info .btnset .button a {color: #fff}
.content_2025_info .btnset .button br {display: none;}

.content_2025 h3 {align-items: flex-start;letter-spacing: -0.095em;}
.content_2025 h3:before {margin-top: 8px;flex-shrink: 0;}

.visual-title .pc {display: block}
.visual-title .mobile {display: none}

#container {margin-bottom: 50px;}

.top-ani {display: none}

@media (max-width: 1280px) {
	.gotop {left: auto;right: 10px;z-index: 10;width: 46px;margin: 0}
}

@media (max-width: 1151px) {
	.top-ani {display: flex;width: 100%;height: 45px;background: #38c4ab}
	.top-ani img {height: 45px;}

}

@media (max-width: 1080px) {
	#visual {height: 65vw;background: url(../images/img/img_visual_2025_mo.jpg?ver1) no-repeat 0 100%;background-size: cover}
	.visual-title .pc {display: none}
	
	.visual-title .mobile {display: block}
	#container {padding: 70px 15px 20px}
	.content_2025 .area3 {margin: 0 -15px;padding: 15px 15px 230px;background-size: 100% auto}

	#menu {height: 20.4vw;}
	#menu li a {height: 20.4vw}
	.wrapper #menu li.menu1 a {background: url(../images/img/img_menu_01_2025.png) no-repeat 0 0;background-size: 100% auto}
	.wrapper #menu li.menu2 a {background: url(../images/img/img_menu_02_2025.png) no-repeat 0 0;background-size: 100% auto}
	.wrapper #menu li.menu3 a {background: url(../images/img/img_menu_03_2025_new.png) no-repeat 0 0;background-size: 100% auto}

	.wrapper #menu li.menu1 a.on {background-image: url(../images/img/img_menu_01_on_2025.png);}
	.wrapper #menu li.menu2 a.on {background-image: url(../images/img/img_menu_02_on_2025.png);}
	.wrapper #menu li.menu3 a.on {background-image: url(../images/img/img_menu_03_on_2025_new.png);}
	.content_2025 .area1 h3 {margin-top: 30px;}
	.content_2025 {font-size: 16px;}
	ol.list li .list-wrap ul li {font-size: 16px;}
	

}

@media (max-width: 768px) {
	.info {max-width: 90%;height: auto;padding: 10px 15px;background-size: 100% 100%;border-radius: 20px;}
	.info p {font-size: 13px;}
	#container {background-size: 100% auto;padding: 50px 15px;}
	.content_2025 h3 {font-size: 24px}
	.content_2025 h4 {align-items: flex-start;}
	.content_2025 h4:before {margin-top: 12px;}
	.content_2025_info .info-title {font-size: 26px;line-height: 1.2;margin-bottom: 10px;}
	.content_2025_info .info-title strong {font-size: 30px}
	.content_2025_info .info-text {font-size: 20px}
	.content_2025_info .btnset .button {flex-direction: column;min-width: 40%;height: auto;padding: 10px 20px;font-size: 16px;text-align: center;word-break: keep-all;justify-content: center}
	.content_2025_info .btnset .button br {display: block;}
	.table-box {overflow: hidden;overflow-x: auto}
	.table-box table {width: 768px;}

	#visual .holder .visual-ani {padding-top: 4.5vw}
	#visual {height: 75vw}
	#visual .holder .visual-ani {max-width: 54%;}
	.visual-title {text-align: center;}
	.visual-title .mobile {max-width: 60%;margin: 0 auto;}
	.visual-txt {padding-left: 10px;}
	.visual-txt dt {font-size: 13px;}
	.visual-txt dd {font-size: 14px}

	.step-wrap {display: flex;flex-direction: column;gap: 10px;}
	.step-wrap .text {flex-shrink: 0;width: 100%}
	.step-wrap .img {max-width: 610px;margin-bottom: 15px;}
	.step-wrap-bus {gap: 0}
}
@media (max-width: 480px) {
	.content {font-size: 16px}
	#menu li a.on:before {width: 32px;z-index: -1;height: 44px;background-position: 100% -8px;background-size: 50px auto;}
	.content_2025 h3 {margin: 20px 0 10px;font-size: 22px;word-break: keep-all;align-items:flex-start}
	.content_2025 h3:before {width: 24px;background-size: 100% auto;margin-right: 5px;margin-top: 2px;}
	.content_2025 h4 {margin: 10px 0;font-size: 18px;}
	.content_2025_info {padding: 40px 0 120px}
	.btnset {gap: 10px;}
	.btnset .button {min-width: 40%;font-size: 18px;}
	.visual-title .mobile {max-width: 77%}
	#visual {height: 95vw}
	.visual-txt {gap: 5px;}

	.content_2025_info .info-title {font-size: 22px}
}
@media (max-width: 380px) {
	#menu li a {font-size: 16px}
	.content_2025 .txt1 {flex-direction: column;gap: 0;}
	.content_2025 .txt1-row {flex-direction: row;gap: 5px;}
	.visual-txt {margin: 2px 0;}
	.visual-txt dt {padding: 3px 6px;font-size: 12px;}
	.visual-txt dd {font-size: 13px}

	.info p span {display: inline}
	.info p span.two {display: block}
}



#footer { position:relative;width:100%;min-width: 280px;text-align:center; background:#fff; border-top:1px solid #777; overflow:hidden; z-index:99; }
#footer > ul { list-style:none; margin:0; padding:0.625em 1em; overflow:hidden; }
#footer > ul:after { display:block; content:""; clear:both; }
#footer > ul > li { float:left; height:100%; overflow:hidden; }
#footer > ul > li:nth-last-child(1) { float:right; }

#footer .f_link { display:inline-block; }
#footer .f_link > li { }
#footer .f_link > li:nth-last-child(1) { margin-left:2em; }

#footer .f_left_link { height:1.56em; overflow:hidden; }
#footer .f_left_link > li { position:relative; float:left; height:100%; }
#footer .f_left_link > li:after { position:absolute; right:0; top:50%; width:1px; height:50%; background:#878787; content:""; transform:translateY(-50%); }
#footer .f_left_link > li:nth-last-child(1):after { display:none; }
#footer .f_left_link > li > a { position:relative; display:block; padding:0.4em 1em; font-size:0.75em; color:#222; font-weight:400; }
#footer .f_left_link > li:nth-child(1) > a { padding-left:0; }

#footer .f_right_link { float:right; }
#footer .f_right_link > li { float:left; margin-left:0.84em; }
#footer .f_right_link > li > a { display:block; width:1.56em; height:1.56em; border:1px solid #555; border-radius:50%; }
#footer .f_right_link > li > a > em { position:absolute; left:-9999px; top:-9999px; }
#footer .f_right_link > li:nth-child(1) > a { background:#fff url("../img_f/foot_icon_1.png") no-repeat center center; background-size:40% auto; }
#footer .f_right_link > li:nth-child(2) > a { background:#fff url("../img_f/foot_icon_2.png") no-repeat center center; background-size:70% auto; }
#footer .f_right_link > li:nth-child(3) > a { background:#555 url("../img_f/foot_icon_3.png") no-repeat center center; background-size:60% auto; }

#footer > .txt_group { padding:0.875em 0; border-top:1px solid #777; }
#footer > .txt_group > p { line-height:1.8; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
#footer .txt1 { font-size:0.8125em; color:#222; font-weight:700; }
#footer .txt2 { font-size:0.75em; color:#222; font-weight:400; }
#footer .txt2 > span { position:relative; display:inline-block; margin:0 0.5em; padding-right:0.9em; }
#footer .txt2 > span:after { position:absolute; right:0; top:50%; width:1px; height:30%; background:#878787; transform:translateY(-50%); content:""; }
#footer .txt2 > span:nth-last-child(1) { padding-right:0; }
#footer .txt2 > span:nth-last-child(1):after { display:none; }
#footer .txt3 { font-size:0.6125em; color:#222; font-weight:400; }

/* 한파쉼터 */
.content_2025 h3+div {border: 3px solid #bcc3fa;border-radius:20px;padding: 0 20px 20px;}
.list-flex {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 5px 4vw;font-weight: bold;max-width: 750px;}
.list-flex .txt-normal{font-weight:normal}

@media (max-width: 480px) {
	.btn-banner a{width:100%; height: auto; padding: 20px; font-size: 20px;}
	.btn-banner .banner01{background-size: auto 100% !important;}
  .btn-banner .banner02{background-size: auto 72% !important;}
	.btn-banner span{align-items: center;}
	.btn-banner span:after{width: 20px !important;height: 20px !important;background-size: contain !important;}
}