@charset "utf-8";
/*
============================
Layout
============================
*/
html.overflow,body.overflow { width: 100%; overflow: hidden; position: fixed;}
#wrap { position: relative; width: 100%; overflow: hidden;}
#wrap:before { content: ""; display: block; width: 100%; height: 100%; position: fixed; top: -100%; left: 0; z-index: 3; opacity: 0; background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(2px); -moz-backdrop-filter: blur(2px); -o-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}
#wrap.on::before { top: 0; opacity: 1; transition: opacity 0.5s;}

/*
============================
Header Inner
============================
*/

#header, #main { position: relative; width: 100%; box-sizing: border-box;}
#header .header_wrap { background-color: rgba(255, 255, 255, 1); position:fixed; left: 0; top: 0; z-index: 14; width: 100%; text-align: center; transition: top 0.3s; box-shadow: 0 0.5rem 1.75rem rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
#header .header_wrap > .inner { width: 100%; max-width: 1600px; margin: 2.25rem auto; position: relative; z-index: 10; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; height: 50px;}
#header .inner aside {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: auto; z-index: 2; height: 50px; align-items: flex-end; justify-content: flex-end; gap: 12px;}
#header .inner aside .mi { display: flex; align-items: center; margin-bottom:10px;}
#header .inner aside .mi h1 { width: auto; margin: 0;}
#header .inner aside .mi h1 img { width: auto; max-width: 100%; height: auto;}
#header .inner aside strong.month_cont { font-weight: 600; color: #000; font-size:1.25rem; line-height: 1.3; border:1px solid #000; padding:0 10px;}
#header .inner aside strong.month_cont span { font-weight: 400; color: #1f1f1f; font-size:1rem;}
#header .inner .logo { display: flex; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; z-index: 2;}
#header .inner .logo h1 { width: auto; margin: 0 auto;}
#header .inner .logo h1 img {  width: auto; max-width: 100%; height: auto;}

/*
============================
Global Navigation Bar / Hambuger Btn Event
============================
*/
.hambuger { position: absolute; right: 0;  height: 36px; display: flex ; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
.hambuger_btn { position: relative; width: 80px; height: 24px; display: flex ; justify-content: center; align-items: center; margin: 10px 0; box-sizing: border-box; transition: all .3s; z-index: 60;}
.hambuger_btn div	{ position:absolute; font-size: 20px;}
.hambuger_btn span { position: absolute; display: block; box-sizing: border-box; height: 2px; background-color: #1f1f1f; transition: 0.5s ease; z-index: 12;}
.hambuger_btn span:nth-of-type(1) { top: 0; width: 28px; right: 90px;}
.hambuger_btn span:nth-of-type(2) { width: 28px; right: 90px;}
.hambuger_btn span:nth-of-type(3) { bottom: 0; width: 28px; right: 90px;}
.back	{ width:114px; height:30px; right: 4px; position:absolute;}


/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.hambuger_btn.active span:nth-of-type(1) {
    width: 32px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}
.hambuger_btn.active span:nth-of-type(2) {
    opacity: 0;
    display: none;
    visibility: hidden;
}
.hambuger_btn.active span:nth-of-type(3) {
    width: 32px;
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-12px) rotate(46deg);
}


/*
============================
Global Navigation Bar / Hambuger Menu Click Event
============================
*/
.hambuger_menu.active { display: block; transform: translateX(0); transition: 0.3s ease-in-out;}
.hambuger_menu { display: none; position: fixed;  right: 0; top: 0; width: 100%; max-width: 598px; height: calc(100vh); z-index: 9; background-color: #fff; transform: translateX(100%); /* Start off-screen */ transition: transform 0.3s ease; -ms-overflow-style: none; /* for Internet Explorer, Edge */scrollbar-width: none; /* for Firefox */overflow-y: scroll;} /*max-width: 678px;*/
.hambuger_menu::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */}


.hambuger_menu .hambuger_nav { padding: 18vh 34px 6vh;}
    
.hambuger_menu .hambuger_nav > ul { display: flex; flex-wrap: nowrap; justify-content: start; width: 100%; margin: auto; flex-direction: column; text-align: start;}
.hambuger_menu .hambuger_nav > ul > li { width: 100%; position: relative; min-height: 18%; margin-bottom: 20px; padding: 12px 30px;}
.hambuger_menu .hambuger_nav > ul > li h2 { display: inline-block; font-size: 24px; line-height: 1.4; padding-bottom: 12px; word-break: keep-all;}
.hambuger_menu .hambuger_nav > ul > li:nth-child(1)::before,
.hambuger_menu .hambuger_nav > ul > li:nth-child(2)::before { content: ""; display: block; position: absolute; width: 100%; height: 1px; background-color: #ddd; left: 0; bottom: 0;}
.hambuger_menu .hambuger_nav > ul > li > ul.lnb {}
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li:hover a:after { width: 100%;}
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li:hover { opacity: 1;}
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li { margin-bottom: 20px; width: 100%;}
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li a { display: inline-block; font-size: 24px; font-weight: 400; position: relative;}
.hambuger_menu .hambuger_nav > ul > li > ul.list1 li a:hover { color: #1db9f6; transition: 0.5s ease;}
.hambuger_menu .hambuger_nav > ul > li > ul.list2 li a:hover { color: #ff4d07; transition: 0.5s ease;}
.hambuger_menu .hambuger_nav > ul > li > ul.list3 li a:hover { color: #aacf52; transition: 0.5s ease;}
.hambuger_menu .hambuger_nav > ul > li > ul.list1 li a:after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; color: #1db9f6; background-color: #1db9f6; display: inline-block; transition: 0.5s ease;}
.hambuger_menu .hambuger_nav > ul > li > ul.list2 li a:after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; color: #ff4d07; background-color: #ff4d07; display: inline-block; transition: 0.5s ease;}
.hambuger_menu .hambuger_nav > ul > li > ul.list3 li a:after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; color: #aacf52; background-color: #aacf52; display: inline-block; transition: 0.5s ease;}


/*
============================
Global Navigation Bar / Global Navigation Bar Fix Scroll
============================
*/
#header .header_wrap.fixnav { background-color: rgba(255, 255, 255, 0.8); transition: top 0.3s; box-shadow: 0 0.5rem 1.75rem rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }


.contentBot						{ max-width:1000px; margin:0 auto 6rem; }
.contentBot .sns				{ margin:80px 0; text-align:center; position:relative; }
.contentBot .sns:after			{ content:''; width:20rem; height:1px; background:#606060; position:absolute; top:50%; left:0; }
.contentBot .sns:before			{ content:''; width:20rem; height:1px; background:#606060; position:absolute; top:50%; right:0; }
.contentBot .sns li				{ display:inline-block; margin:0 1rem; }
.contentBot .sns img			{}

.contentBotq						{ padding:5px 0;margin :60px 0 0 ; background:#fff }
.contentBotq .sns				{ margin:40px 0; text-align:center; position:relative; }
.contentBotq .sns:after			{ content:''; width:22rem; height:1px; background:#606060; position:absolute; top:50%; left:10rem; }
.contentBotq .sns:before			{ content:''; width:22rem; height:1px; background:#606060; position:absolute; top:50%; right:10rem; }
.contentBotq .sns li				{ display:inline-block; margin:0 1rem; }
.contentBotq .sns img			{ width:4.5rem; }

.contentBot .moreNews			{ width:calc(100% + 2rem); margin-left:-1rem; }
.contentBot .moreNews .tit		{ text-align:center; }
.contentBot .moreNews .tit span	{ display:inline-block; border:2px solid #bfbfbf; font-size:28px; padding:.8rem 2.5rem; }
.contentBot .moreNews ul		{ width:100%; display:flex; justify-content:space-between; margin-top:60px; }
.contentBot .moreNews li		{ flex:1; }
.contentBot .moreNews a			{ font-size:16px; color:#333; text-align:center; margin:0 1rem; display:block; font-weight:400; }
.contentBot .moreNews em		{ display:block; color:#7f7f7f; font-size:1.5rem; font-style:normal; padding:1rem 0 .4rem; }
.contentBot .moreNews span		{ display:block; font-size:14px; padding:.4rem 0 0; }
.contentBot .moreNews strong	{ font-weight:normal; color:#219ebc; }


/*
============================
Footer
============================
*/
.footer { width: 100%; margin: 0 auto; background: #5a5a5a; transition: all .3s ease;}
.footer .footer_wrap { max-width: 1680px; padding: 4rem 1.25rem 3rem; margin: 0 auto; display: flex; font-family: "Montserrat", "Pretendard", "NotoSansKR", sans-serif;}
.footer .footer_wrap .site_info { margin: 0 0 0 4.25rem; line-height: 1.2; letter-spacing: 0.04rem; display: flex; flex-wrap: wrap; justify-content: space-between; color: #999; font-size: 1.125rem;}
.footer .footer_wrap .site_info address { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; color: #fff; font-size: 1.125rem; }
.footer .footer_wrap .site_info address span { line-height: 1.3; word-break: auto-phrase; word-wrap: break-word; display: -webkit-box; white-space: normal; -webkit-box-orient: vertical;}
.footer .footer_wrap .site_info address span:last-child { margin-top: 10px;}
.footer .footer_wrap .site_info address span:last-child br.mob { display: none;}
.footer .footer_wrap ul.f_link { margin-left: auto; display: flex; align-items: center;}
.footer .footer_wrap ul.f_link:after { display: block; clear: both; content: "";}
.footer .footer_wrap ul.f_link li { float: left; position: relative; color: #fff; padding-right: 1.5rem; margin-right: 1.5rem; line-height: 1;}
.footer .footer_wrap ul.f_link li:after { position: absolute; content: ""; width: 1px; height: 14px; background: #515151; right: 0;}
.footer .footer_wrap ul.f_link li:last-of-type { margin-right: 0; padding-right: 0;}
.footer .footer_wrap ul.f_link li:last-of-type:after { display: none;}
.footer .footer_wrap ul.f_link li a { color: #fff; opacity: .7; transition: opacity .4s;}
.footer .footer_wrap ul.f_link li a:hover,
.footer .footer_wrap ul.f_link li a:focus { color: #fff; opacity: 1; text-decoration: underline;}

.blog_link { width: auto; max-width: 2.5rem;}
.blog_link img { width: 100%; display: block;}

/*.f_link>li a:nth-child(1)	{background:url(../img/common/footerIco1.png) -20% 50% no-repeat; font-weight:100;}
.f_link>li a:nth-child(2)	{background:url(../img/common/footerIco2.png) 0 50% no-repeat; font-weight:100;}
.f_link>li a:nth-child(3)	{background:url(../img/common/footerIco5.png) 0 50% no-repeat; font-weight:100;}*/

.header .gnbBt				{ width:16%; position:absolute; top:12%; right:0; text-align:center; }
.header .gnbBt button		{ font-size:20px; color:#2b2b2b; position:relative; padding-left:38px; }
.header .gnbBt button span	{ width:32px; height:5px; background:#2b2b2b; border-radius:3px; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.header .gnbBt button span:after,
.header .gnbBt button span:before		{ content:''; width:32px; height:5px; background:#2b2b2b; border-radius:3px; display:block; position:absolute; left:0; transform:translateY(-50%); }
.header .gnbBt button span:after		{ top:-5px; }
.header .gnbBt button span:before		{ top:10px; }
.header .gnbBt.gnbClose:after,
.header .gnbBt.gnbClose:before			{ content:none; }

.gnbWrap					{ position:fixed; top:0; left:0; background:#fff; z-index:900; width:100%; transform:translateY(-100%); transition:.5s; }
.gnbClose					{ position:absolute; top:15.5%; right:10%; width:30px; height:30px; }
.gnbClose:after,
.gnbClose:before			{ content:''; width:32px; height:5px; border-radius:3px; background:#2b2b2b; position:absolute; top:0; left:0; }
.gnbClose:after				{ transform:rotate(45deg); }
.gnbClose:before			{ transform:rotate(-45deg); }
.gnbWrap.active				{ transform:translateY(0); }
.gnb						{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); max-width:1920px; margin:0 auto; column-gap:10%; padding:10% 14% 5%; }
.gnb .sGnb					{  }
.gnb .sGnb p				{ position:relative; }
.gnb .sGnb p:after			{ content:''; position:absolute; top:50%; left:0; width:calc(100% - 5px); height:5px; background:#f58f8b; transform:translateY(-50%); }
.gnb .sGnb p:before			{ content:''; position:absolute; bottom:10px; right:0; width:5px; height:5px; background:#f58f8b; }
.gnb .sGnb p strong			{ font-size:25px; font-weight:bold; color:#f58f8b; background:#fff; position:relative; z-index:1; padding-right:10px; }
.gnb .sGnb ul				{ display:grid; grid-template-columns:repeat(1, minmax(0,1fr)); grid-row-gap:34px; padding-top:35px; }
.gnb .sGnb ul li			{  }
.gnb .sGnb ul li a			{ display:grid; position:relative; min-height:110px; padding-left:30%; color:#444; align-content:flex-start; }
.gnb .sGnb ul li a img		{ position:absolute; top:0; left:0; width:31%; max-width:110px; }
.gnb .sGnb ul li a strong	{ font-size:20px; display:block; }
.gnb .sGnb ul li a span		{ font-size:18px; }


/*
============================
Top BTN Scroll
============================
*/
.top_btn_wrap { width: 2.75rem; height: 2.75rem; position: fixed; bottom: 4.25rem; right: 2.5rem; background: #ffa800; box-shadow: 0px 12px 16px 4px rgba(000, 000, 000, .06); border-radius: 100px; z-index: 999; transition: all 0.3s, transform cubic-bezier(0.5, 0, 0.5, 1) 0.3s;; opacity: 0; display: flex; justify-content: center; align-items: center; cursor:pointer}
button.scroll_btn img { border-radius: none;}
.top_btn_wrap.active { border-radius: 100px; opacity: 1; transition: all 0.3s, transform cubic-bezier(0.5, 0, 0.5, 1) 0.3s;}
.top_btn_wrap:hover { background: #ffeac2; border-radius: 4px; box-shadow: 0px 12px 24px 4px rgba(000, 000, 000, .08); transition: all 0.3s, transform cubic-bezier(0.5, 0, 0.5, 1) 0.3s;}
.top_btn_wrap:hover button.scroll_btn img { border-radius: none; filter: invert(57%) sepia(99%) saturate(818%) hue-rotate(0deg) brightness(103%) contrast(105%);}

.pc	{ display:block;}
.mob	{ display:none;}

.quick						{ display:block; position:fixed; top:100%; right:10px; transform:translateY(0); transition:transform .5s; z-index:999;}
.quick.active				{ transform:translateY(-200%); }
.quick li + li				{ margin-top:6px; }
.quick li a					{ width:60px; display:block; }
.quick li a img				{ width:100%; }


/* pc,노트북 스타일 */
@media all and (max-width:1930px){
	.gnb									{ column-gap:4%; padding:10% 5%; }
}

@media (max-width: 1600px) { 
    

}
   
/* 태블릿 스타일 */
@media (max-width: 1440px) {

    .hambuger_menu { width: auto; } 
    .hambuger_menu .hambuger_nav { left: 6.25rem;}
    
    .footer .footer_wrap { padding:  3.75rem 1.25rem;}

}

/* 태블릿 스타일 */

@media (max-width: 1280px) {

    #header .header_wrap > .inner { margin: 1.5rem auto; padding: 2rem 0.5rem;}

}



@media (max-width: 1200px) {
    #header .inner aside .mi { width: 90%; max-width: fit-content;}

    /*.header_wrap #gnb { display: none;}*/
    .hambuger_menu .hambuger_nav { padding:4rem 6rem;}

    .footer .footer_wrap { padding:  2.5rem 1.25rem;}
    
}

 
/* 태블릿 스타일 */
@media (max-width: 1024px) {
    
    .main_visual .slick-arrow.slick-next { background-size: 1.75rem;} 
	
	.header .gnbBt				{ width:21px; position:absolute; top:6px; right:10px; text-align:center; z-index:201; }
	.header .gnbBt button		{ padding-left:16px; overflow:hidden; text-indent:-999px; }
	.header .gnbBt button span	{ width:21px; height:3px; }
	.header .gnbBt button span:after,
	.header .gnbBt button span:before		{ content:''; width:21px; height:3px; }
	.header .gnbBt button span:after		{ top:-3px; }
	.header .gnbBt button span:before		{ top:6px; }
	.header .gnbBt.gnbClose		{ display:block; }
	.header .gnbBt.gnbClose button			{ display:none; }
	.header .gnbBt.gnbClose:after,
	.header .gnbBt.gnbClose:before			{ content:''; width:21px; height:3px; top:13px; }
	
	.gnbWrap					{ padding-bottom:10%; }
	.gnbWrap.active				{ top:45px; }
	.gnbClose					{ display:none; }
	.gnb						{ grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:5%; row-gap:5%; padding:4%; }
	.gnb .sGnb p:after			{ width:calc(100% - 3px); height:3px; }
	.gnb .sGnb p:before			{ bottom:6px; width:3px; height:3px; }
	.gnb .sGnb p strong			{ font-size:13px; }
	.gnb .sGnb ul				{ grid-row-gap:12px; padding-top:12px; }
	.gnb .sGnb ul li a			{ padding-left:56px; color:#444; align-content:flex-start; min-height:56px; }
	.gnb .sGnb ul li a img		{ width:50px; }
	.gnb .sGnb ul li a strong	{ font-size:13px; }
	.gnb .sGnb ul li a span		{ font-size:11px; }

}

/* 태블릿 스타일 */
@media (max-width: 960px) {

    #header .inner aside { display: flex; flex-direction: column; align-items: baseline; justify-content: flex-end; gap: 4px; height: auto; margin-left: 10px;}
    #header .inner aside .mi { width: 80%;}
    #header .inner aside strong.month_cont { font-size: 1rem;}
  
    .footer .footer_wrap {max-width: 1680px;padding: 2rem 1.25rem 1rem;margin: 0 auto;display: flex;font-family: "Montserrat", "Pretendard", "NotoSansKR", sans-serif;flex-direction: column;align-items: center;}
    .footer .footer_wrap .site_info { margin: 0; padding: 0.75rem 1rem;line-height: 1.2;letter-spacing: 0.04rem;display: flex;flex-wrap: wrap;justify-content: center;color: #999;font-size: 1.125rem;}
    .footer .footer_wrap .site_info address { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; color: #fff; font-size: 1.125rem; }
	.footer .footer_wrap .site_info address span:first-child {text-align: center;}
    .footer .footer_wrap .site_info address span:last-child {margin-top: 0.5rem; font-size: 16px; text-align: center;}
    .footer .footer_wrap ul.f_link {margin: 10px auto;display: flex;align-content: flex-start;align-items: center;justify-content: center;}
    .footer .footer_wrap ul.f_link:after { display: block; clear: both; content: "";}
    .footer .footer_wrap ul.f_link li {float: left;position: relative;color: #fff;padding-right: 0.5rem;margin-right: 0.5rem;line-height: 1;}
    .footer .footer_wrap ul.f_link li:after { position: absolute; content: ""; width: 1px; height: 14px; background: #515151; right: 0; top: 0.4rem;}
    .footer .footer_wrap ul.f_link li:last-of-type { margin-right: 0; padding-right: 0;}
    .footer .footer_wrap ul.f_link li:last-of-type:after { display: none;}
    .footer .footer_wrap ul.f_link li a { color: #fff; opacity: .7; transition: opacity .4s;}
    .footer .footer_wrap ul.f_link li a:hover,
    .footer .footer_wrap ul.f_link li a:focus { color: #fff; opacity: 1; text-decoration: underline;}
	
	
	.pc					{ display:none !important;}
	.mob				{ display:block !important;}
	.footer .inner					{ padding:2rem 0 3rem; }
	.footer .inner .footLogo		{ position:static; text-align:center; }
	.footer .inner address			{ padding-left:0; font-size:1.5rem; line-height:2.5rem; float:none; text-align:center; margin:2rem 0; }
	.footer .inner .footLink		{ float:none; text-align:center; }
	
	.contentBot						{ margin:0 1rem 1rem; max-width:100%; }
	.contentBot .sns				{ margin:4rem 0; }
	.contentBot .sns:after			{ content:none; }
	.contentBot .sns:before			{ content:none; }

	.contentBotq						{ padding:5px 0; margin :0; background:#fff; }
	.contentBotq .sns				{ margin:40px 0; text-align:center; position:relative; }
	.contentBotq .sns:after			{ content:none; }
	.contentBotq .sns:before		{ content:none; }

	.contentBot .moreNews .tit span	{ border:1px solid #bfbfbf; font-size:14px; padding:.4rem 1.2rem; }
	.contentBot .moreNews ul		{ display:flex; justify-content: center; flex-wrap:wrap; margin-top:3rem; } /* 23년 3월 2일 justify-content: space-between; 에서 center로 변경함 문제시 다시 복구 */
	.contentBot .moreNews li		{ flex:none; width:33.3%; margin-bottom:3rem; }
	.contentBot .moreNews a			{ font-size:12px; color:#333; text-align:center; margin:0 0.3rem; display:block; font-weight:400; }
	.contentBot .moreNews em		{ display:block; color:#7f7f7f; font-size:1.5rem; font-style:normal; padding:1rem 0 .4rem; }
	.contentBot .moreNews span		{ display:block; font-size:12px; padding:.4rem 0 0; }
	.contentBot .moreNews strong	{ font-weight:normal; color:#219ebc; }
	.hambuger_btn span:nth-of-type(1) { right: 70px; width: 20px; top: 4px;}
	.hambuger_btn span:nth-of-type(2) { right: 70px; width: 20px;}
	.hambuger_btn span:nth-of-type(3) { right: 70px; width: 20px; bottom: 4px;}
	.back	{ width:92px;}
	#header .inner aside .mi	{margin-bottom: 0;}
	.hambuger_btn div			{font-size: 12px;}
	.hambuger_btn.active span:nth-of-type(1)	{ transform: translateY(6px) rotate(-45deg);}
	.hambuger_btn.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(46deg);}
}


/* 모바일 스타일 */
@media (max-width: 768px) {
    
    .hambuger_menu .hambuger_nav { padding:2rem 4rem;}
    /*
    ============================
    Top BTN Scroll
    ============================
    */
    .top_btn_wrap {  bottom: 1.75rem; right: 1.75rem;}
	#header .inner aside strong.month_cont span	{ font-size:10px;}
    
}

@media (max-width: 641px) {
}

/* 모바일 스타일 */
@media  (max-width: 525px) {
    #header .inner aside .mi { width: 70%;}
    #header .inner .logo { width: 35%;}   
 
}


/* 모바일 스타일 */
@media (max-width: 480px) {
    #header .inner aside .mi { width: 60%;}

    .footer .footer_wrap .site_info address span:last-child br.mob { display: block;}
    
}

/* 모바일 스타일 */
@media (max-width: 425px){
    #header .inner aside .mi { width: 50%;}
    #header .inner .logo { width: 25%;} 
    

}
/* 모바일 스타일 */
@media (max-width: 375px){
    #header strong.month_cont { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
}