@charset "utf-8";
/* main.css */
[data-main-con]									{ margin-top:5em; margin-bottom:3em; }
@media all and (max-width:1568px){
    [data-main-con]											{ margin-top:4.5em; }
}
@media all and (max-width:1268px){
    [data-main-con]											{ margin-top:4em; }
}
@media all and (max-width:868px){
    [data-main-con]											{ margin-top:3em; }
}
@media all and (max-width:468px){
    [data-main-con]											{ margin-top:2.5em; }
}


/* 타이틀 */
[data-main-con] h2.title									{ font-size:1.6em; font-weight:600; line-height:1.3; margin-bottom:.75em; font-family:var(--font-score); }
[data-main-con] h2.title strong								{ display:block; font-size:1.8em; font-weight:900 }
[data-main-con] .h3_tit										{ font-size:1.38em; font-weight:700; margin-bottom:.75em; line-height:1 }

@media all and (max-width:1568px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.5em;  }
}
@media all and (max-width:1268px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.4em; }
    [data-main-con] .h3_tit									{ font-size:1.28em; }

    /* 더보기 */
    .icon_more												{  width:30px; height:30px; }
    .icon_more::before										{ background-size:9px; }
}
@media all and (max-width:868px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.3em; }
}
@media all and (max-width:468px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.2em; }
}
@media all and (max-width:368px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.167em; }
}



/**********************************************************************
 							visual
**********************************************************************/

.main_visual_wrap  											{ display: flex; gap: 30px; min-height:570px}

[data-main-visual="visual"]									{ position:relative; flex: 1 1 85%; border-radius: 20px; overflow: hidden}
[data-main-visual="visual"] .swiper  						{ height:100% }
[data-main-visual="visual"] .title  						{ position:absolute; top:40%; left:70px; z-index:2; color:var(--color-white); transform: translateY(-40%);}
[data-main-visual="visual"] .title .stit  					{ font-size:1.688rem; }
[data-main-visual="visual"] .title .tit  					{ display:block; font-family:var(--font-sbaggro); font-size:3.438rem; font-weight:700}
[data-main-visual="visual"] .title .text					{ font-size:1.25rem; line-height:1rem; text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); }
[data-main-visual="visual"] .mySwiper						{ z-index:inherit; }
[data-main-visual="visual"] .swiper-slide   				{ height:100%; width:100%; }
[data-main-visual="visual"] .swiper-slide a					{ position:relative; display:block;  }
[data-main-visual="visual"] .swiper-slide .img 				{ position: relative; width: 100%; height: 100%; overflow: hidden;}
[data-main-visual="visual"] .swiper-slide .img img 			{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
[data-main-visual="visual"] .swiper-slide a:focus::after	{ position:absolute; width:calc(100% - 2%); height:calc(100% - 4%); left:1%; top:2%; border-radius:10px; border:2px dotted #fff; content:''; z-index:2 }
[data-main-visual="visual"] .swiper_control					{ position:absolute; left:60px; bottom:30%; z-index: 1; filter:invert(1);}
[data-main-visual="visual"] .swiper_page .swiper-pagination-total { opacity:1 }
[data-main-visual="visual"] .swiper_page i::after  			{ background:var(--color-black); }

[data-main-visual="visual"] .swiper-pagination-current,
[data-main-visual="visual"] .swiper-pagination-total 		{ color:var(--color-black); }

/**********************************************************************
 							visual_side
**********************************************************************/
.main_visual_side  											{ flex: 1 1 15%; width:100%; display:flex; flex-direction:column; justify-content:space-between; gap:20px}

.main_center 												{ display: flex; justify-content: center; position: relative; z-index: 1;}
.main_center:before 										{ content:''; background-color: #ffec7c; position: absolute; padding: 20px; border-radius: 20px; top:70px; left:0; right:0; bottom:0; z-index: -1;}

.main_center .inner-box										{ font-family: var(--font-sbaggro); background-color: #fff; border: 3px solid #f9d30c; border-radius: 20px; position: relative; text-align: center; box-sizing: border-box; margin:30px 20px 20px 20px; padding:45px 20px 20px 20px}
.main_center .icon-circle 									{ position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 65px; height: 65px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 3px solid #f9d30c;}
.main_center .icon-circle img 								{ width: 80%; height: auto;}

.main_center .title dt  									{ font-size:1.375rem; color:#ff6600; }
.main_center .title dd  									{ font-size:1.875rem; }

.main_center .phone 										{ font-weight:300; font-size:1.125rem; margin:10px 0}
.main_center .phone strong  								{ font-weight:700; font-size:1.25rem; }

.main_center .time dt  										{ font-size:1.125rem; color:#5e3a01; line-height:1.375rem;}

.main_center .location 										{ display: inline-block; margin-top: 10px; background-color: #e84158; color: white; padding: 5px 20px; border-radius: 10px; text-decoration: none; transition: background-color 0.3s ease; width:100%; font-size:0.875rem;}
.main_center .location:hover 								{ background-color: #c92d44;}


.search_btn a  												{ position:relative; background-color:#d5ecfc; border-radius:20px; min-height:175px; display:flex; align-items: center; justify-content: center; flex-wrap:wrap; padding:20px;
    background: url("/resource/childcare/images/main/search_btn.png") no-repeat center center #d5ecfc;}

@media all and (max-width:1268px){
    .main_visual_wrap  										{ flex-direction:column; }
    [data-main-visual="visual"] .title  					{ top:30%}
    [data-main-visual="visual"] .swiper-slide .img			{ position:relative; width:100%; height:0;  padding-top:39.56%; border-radius:10px; overflow:hidden; }
    [data-main-visual="visual"] .swiper-slide .img img		{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1}
    [data-main-visual="visual"] .title .tit  				{ font-size:2.5rem; }
    .main_visual_side  										{ flex:inherit; }
    .main_center .inner-box  								{ width:100% }

}
@media all and (max-width:1024px){
    [data-main-visual="visual"] .title  					{ left:50px; top:100px}
    [data-main-visual="visual"] .title .stit  				{ font-size:1.25rem; }
    [data-main-visual="visual"] .title .tit  				{ font-size:1.875rem; }
    [data-main-visual="visual"] .title .text  				{ font-size:inherit; }
    [data-main-visual="visual"] .swiper_control				{ left:40px; bottom:50px}
    [data-main-visual="visual"] .swiper-slide .img  		{ padding-top:41.56%  }
}

@media all and (max-width:768px){
    [data-main-visual="visual"] .title  					{ top:100px; left:20px;}
    [data-main-visual="visual"] .swiper-slide .img  		{ padding-top:57.5%  }
    [data-main-visual="visual"] .swiper_control 			{ left:15px; bottom:30px }

    .main_center .title dt  								{ font-size:1.25rem; }
    .main_center .title dd  								{ font-size:1.563rem; }
}

@media all and (max-width:468px){
    .main_visual_wrap   									{ gap:20px }
    [data-main-visual="visual"] .title  					{ top:50px; }
    [data-main-visual="visual"] .title .stit  				{ font-size:inherit; }
    [data-main-visual="visual"] .title .tit  				{ font-size:1.25rem; }
    [data-main-visual="visual"] .title .text  				{ display:none; }
    [data-main-visual="visual"] .swiper-slide .img  		{ padding-top:64.56% }

    .main_center .title dt,
    .main_center .time dt 	  								{ font-size:inherit; }
    .main_center .phone  									{ margin:5px 0 }
    .main_center .title dd  								{ font-size:1.25rem; }

}
/**********************************************************************
 							banner
**********************************************************************/
[data-main-con="banner"]									{ position: relative; margin:3.75rem 0; background:#f1f6f9; border-radius: 30px; padding:20px 0 25px 0}

[data-main-con="banner"] .bannerSwiper 						{ width: 100%; position: relative;}
[data-main-con="banner"] .swiper-inner 						{ position: relative; padding: 0 60px; }
[data-main-con="banner"] .swiper-slide 						{ text-align: center;  }
[data-main-con="banner"] .swiper-slide a  					{ display:flex; align-items:center; justify-content:center; flex-direction:column; }
[data-main-con="banner"] .swiper-slide a span  				{ font-family:var(--font-sbaggro); font-weight:300; font-size:1.125rem; }
[data-main-con="banner"] .swiper-slide .ico  				{ display:block;width:110px;height:90px;transition:var(--trans-ani);}
[data-main-con="banner"] .swiper-slide .ico:hover,
[data-main-con="banner"] .swiper-slide .ico:focus			{ animation:iconShow 0.7s ease-in-out 1 forwards; }

[data-main-con="banner"] .swiper-slide .banner01  			{ background:url(/resource/childcare/images/main/banner01.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner02  			{ background:url(/resource/childcare/images/main/banner02.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner03  			{ background:url(/resource/childcare/images/main/banner03.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner04  			{ background:url(/resource/childcare/images/main/banner04.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner05  			{ background:url(/resource/childcare/images/main/banner05.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner06  			{ background:url(/resource/childcare/images/main/banner06.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner07  			{ background:url(/resource/childcare/images/main/banner07.svg) no-repeat center center; background-size: 60% auto; }
[data-main-con="banner"] .swiper-slide .banner08  			{ background:url(/resource/childcare/images/main/banner08.svg) no-repeat center center; background-size: 60% auto; }

[data-main-con="banner"] .swiper-button-prev 				{ left: 20px; width: 56px; height: 56px; top: 50%; transform: translateY(-50%); position: absolute; cursor: pointer; border:1px solid #ddd; border-radius: 100%; background:var(--color-white); z-index: 1; --swiper-navigation-size: 0px;}
[data-main-con="banner"] .swiper-button-prev:after 			{ width:10px; height:19px; background: url(/resource/childcare/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px}
[data-main-con="banner"] .swiper-button-next 				{ right: 20px; width: 56px; height: 56px; top: 50%; transform: translateY(-50%); position: absolute; cursor: pointer; border:1px solid #ddd; border-radius: 100%; background:var(--color-white);  z-index: 1; --swiper-navigation-size: 0px;}
[data-main-con="banner"] .swiper-button-next:after 			{ width:10px; height:19px; background: url(/resource/childcare/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px}


@media all and (max-width:1268px){
    [data-main-con="banner"] .swiper-slide a span  			{ font-size:inherit; }
}

@media all and (max-width:400px){
	[data-main-con="banner"] .swiper-inner { padding:0 40px; }
	[data-main-con="banner"] .swiper-button-prev,
	[data-main-con="banner"] .swiper-button-next { width:30px; height:30px;}
}
/**********************************************************************
 							notice
**********************************************************************/
[data-main-con="board"] 													{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
[data-main-con="board"] .board												{ position:relative; flex:auto; max-width:calc(100% - 620px - 6.25em); margin-right:6.25em; margin-top:7.5px; }

[data-main-con="board"] .tab_menu 											{ display: flex; flex-wrap: nowrap; position: relative; margin-right: 80px; border-radius: 10px; overflow: hidden; border:1px solid #dfdfdf; }
[data-main-con="board"] .tab_menu > li 										{ flex: 1;}
[data-main-con="board"] .tab_menu > li > button 							{ width: 100%; background: #f7f7f7; border: none; margin: 0; border-left: 1px solid #e0e0e0; transition: background 0.3s, color 0.3s;  min-height:68px; display: flex; align-items: center; justify-content: center}
[data-main-con="board"] .tab_menu > li > button span  						{ font-family:var(--font-sbaggro); font-weight:500; font-size:1.375rem; line-height:0}

[data-main-con="board"] .tab_menu > li:first-child > button 				{ border-radius: 10px 0 0 10px; border-left: none;}
[data-main-con="board"] .tab_menu > li:last-child > button 					{ border-radius: 0 10px 10px 0;}

/* 활성 탭 스타일 */
[data-main-con="board"] .tab_menu > li.active > button 						{ background: var(--color-point); color:var(--color-white);}
[data-main-con="board"] .board .conts_tab									{ display:none; }
[data-main-con="board"] .board .conts_tab.active							{ display:block; }
[data-main-con="board"] .board .conts_tab .icon_more						{ position:absolute; right:0; top:0; }

[data-main-con="board"] .notice_list  										{ list-style: none; padding: 0; margin: 0;}
[data-main-con="board"] .notice_item  										{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 1.22rem 0; gap : 20px;}
[data-main-con="board"] .notice_item .tit  									{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; font-size:1.25rem;}
[data-main-con="board"] .first .date  										{ width: 90px; height: 90px; background-color: #f1f6f9; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 20px; user-select: none; }
[data-main-con="board"] .first .day  										{ font-size: 30px; font-weight: 700; color: var(--color-point); line-height: 1; margin-top: 4px; }
[data-main-con="board"] .first .month  										{ font-size: 0.875rem; font-weight: 700; line-height: 1; }
[data-main-con="board"] .first .new  										{ color:#d82a1d; font-size:0.938rem; }
[data-main-con="board"] .first .text  										{ flex: 1;  min-width: 0; }
[data-main-con="board"] .first .title  										{ font-size: 1.563rem; font-weight: 700; margin: 0 0 6px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
[data-main-con="board"] .first .desc  										{ font-size: 1.125rem; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444;}
[data-main-con="board"] .date_inline  										{ position:relative; padding-left:25px; width:120px;  color:var(--color-base3);}
[data-main-con="board"] .date_inline::before							 	{ position:absolute; width:20px; height:20px; left:0; top:1px; background:url(/resource/childcare/images/common/icon_date.svg) no-repeat 50% 50% / auto; content:''; }

/* 더보기 */
[data-main-con="board"] .icon_more											{ position:absolute; top:0px; right:0; display:flex; align-items:center; justify-content:center; width:70px; height:70px; border:1px solid #dfdfdf; border-radius:10px; background:var(--color-white);  transition:var(--trans-ani);}
[data-main-con="board"] .icon_more::before									{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/childcare/images/common/icon_more.svg) no-repeat 50% 50% / 19px; transition:var(--trans-ani);}
[data-main-con="board"] .icon_more:hover,
[data-main-con="board"] .icon_more:focus									{ background:var(--color-point); border-color:var(--color-point) }
[data-main-con="board"] .icon_more:hover::before,
[data-main-con="board"] .icon_more:focus::before							{ transform:rotate(90deg);  filter:invert(1); }


/**********************************************************************
 							알림마당 
**********************************************************************/


[data-main-con="board"] .popup                                 			 	{ flex:none; width:620px; border:1px solid #dae1ea; border-radius:.63em; background:var(--color-white); overflow:hidden; }
[data-main-con="board"] .popup .swiper-slide                   				{ width:100%; }
[data-main-con="board"] .popup .swiper-slide a                 				{ display:block; position:relative; }
[data-main-con="board"] .popup .swiper-slide a .img            			 	{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top:58.254%; }
[data-main-con="board"] .popup .swiper-slide a .img img        			 	{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-main-con="board"] .popup .swiper-slide > a span[data-alt] 			{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1);
    outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main-con="board"] .popup .swiper-slide > a:focus span[data-alt]  		{ opacity:1;}
[data-main-con="board"] .popup .swiper_control                              { display:flex; justify-content:space-between; border-top:1px solid #dae1ea; padding:1em;}
[data-main-con="board"] .popup .swiper_page                                 { margin-right:0px;justify-content: left;align-items: center;}
[data-main-con="board"] .popup .control                                     { display:flex; }
[data-main-con="board"] .popup .control .btn_slide_allView					{ display:block; width:25px; height:25px; background:url(/resource/childcare/images/common/icon_all.svg) no-repeat 50% / 12px; }


/* 배너모두보기 */
.area_ban_all																{ opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s easae 0s;
    transition-property:opacity, visibility;}
.area_ban_all.active														{ opacity:1; visibility:visible; }
.area_ban_all .inr															{ position:absolute; top: 50vh; left:50%; width:94%; max-width:1500px; max-height: 90vh; box-sizing:border-box; padding:0; transform:translate(-50%, calc(-50% - 0.5px));}
.area_ban_all .inr .round_box												{ display:table; margin:0 auto 2em auto; border-radius:3em; padding:15px 35px; background:var(--color-white); font-size:1.67em; }
.area_ban_all .inr .round_box strong										{ font-weight:bold; }
.area_ban_all .list_all														{ display:flex; flex-wrap:wrap; gap:10px; margin:0 auto;  overflow-y:auto; max-height:calc(100vh - 21em); padding-right:15px}
.area_ban_all .list_all::-webkit-scrollbar 									{ -webkit-appearance:none; width:6px;}
.area_ban_all .list_all::-webkit-scrollbar-thumb 							{ background-color:rgba(255, 255, 255, .8); border-radius:5px; border:2px solid #000; }
.area_ban_all .list_all::-webkit-scrollbar-track 							{ border-radius:5px; background-color:#000; }
.area_ban_all .list_all > li												{ flex:0 1 calc((100% - 20px) / 3); }
.area_ban_all .list_all > li a												{ position:relative; display:block; text-align:center; }
.area_ban_all .list_all .img												{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top:58.254%; }
.area_ban_all .list_all .img img											{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
.area_ban_all .list_all span[data-alt]										{ opacity:0; overflow:hidden; position:absolute; text-indent:-9999em; }
.area_ban_all .btn_slide_allView											{ opacity:1; position:absolute; top:0; right:0px; min-width:inherit; width:60px; height:60px; padding:0px; background-color:var(--color-point); border:0px; border-radius:100%;}
.area_ban_all .btn_slide_allView::before									{ display:block; width:20px; height:20px; margin:0 auto; background:url(/resource/childcare/images/main/icon_plus.svg) no-repeat 50% 50% / 20px auto; transition:var(--trans-ani);
    transition-property:transform; filter:invert(100%) sepia(30%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(102%); content:''; transform:rotate(45deg); }
.area_ban_all .btn_slide_allView:hover::before,
.area_ban_all .btn_slide_allView:focus::before								{ transform:rotate(135deg);}

@media all and (max-width:1768px){
    [data-main-con="board"] .board .conts_tab .list>li>a>dl>dt				{ font-size:1.2em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) dl>dd	{ font-size:1.1em; }
    .area_ban_all .inr .round_box											{ font-size:1.57em; }
}

@media all and (max-width:1568px){
    [data-main-con="board"] .board											{ max-width:calc(100% - 600px - 5em); margin-right:5em; width:100%}
    [data-main-con="board"] .board .tab_menu>li>button						{ font-size:1.9em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ font-size:1.78em; width:85px; height:85px; }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ padding:1.45em .5em; }
    [data-main-con="board"] .popup                                 			{ width:600px; }

    [data-main-con="board"] .tab_menu > li > button span  					{ font-size:1.25rem; line-height:inherit; }
    [data-main-con="board"] .notice_item  									{ padding: 1.12rem 0}
}
@media all and (max-width:1468px){
    [data-main-con="board"] .board											{ max-width:calc(100% - 550px - 4em); margin-right:4em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ font-size:1.68em; }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ padding:1.2em .5em; }
    [data-main-con="board"] .board .conts_tab .list>li>a>dl>dt				{ font-size:1.167em; }

    [data-main-con="board"] .popup                                 			{ width:550px; }
    .area_ban_all .inr .round_box											{ font-size:1.47em; }

    [data-main-con="board"] .first .title  									{ font-size:1.375rem; }
    [data-main-con="board"] .notice_item  									{ padding: 0.96rem 0}
    [data-main-con="board"] .notice_item .tit  								{ font-size: 1.125rem; }
    [data-main-con="board"] .tab_menu > li > button span  					{ font-size:1.125rem; line-height:inherit; }
}

@media all and (max-width:1268px){

    [data-main-con="board"]  												{ flex-direction:column; }
    [data-main-con="board"] .board,
    [data-main-con="board"] .popup  										{ width:100%; max-width:100%; margin:0; flex: none; }
    [data-main-con="board"] .popup											{ margin-top:2em; padding:5px 0 0 0;}
    [data-main-con="board"] .popup .swiper-slide							{ width:50%; }
    [data-main-con="board"] .popup .swiper-slide a							{ margin:0 5px; border-radius:10px; overflow:hidden }
    [data-main-con="board"] .popup .swiper_control							{ margin-top:5px; }

    [data-main-con="board"] .first .title  									{ font-size:1.125rem; }
    [data-main-con="board"] .notice_item  									{ padding: 0.82rem 0}
    [data-main-con="board"] .notice_item .tit  								{ font-size:inherit; }
    [data-main-con="board"] .first .date									{ width:70px; height:70px; }
    [data-main-con="board"] .first .month  									{ font-size: 0.75rem;}
    [data-main-con="board"] .first .day  									{ font-size:1.25rem; }
}
@media all and (max-width:668px){
    [data-main-con="board"] .tab_menu > li > button  						{ min-height:40px;  }
    [data-main-con="board"] .board .conts_tab .icon_more  					{ width:40px; height:40px }
    [data-main-con="board"] .tab_menu  										{ margin-right:50px; }
    [data-main-con="board"] .tab_menu > li > button span  					{ font-size:1rem; }
    [data-main-con="board"] .first .desc  									{ font-size:inherit; }

    [data-main-con="board"] .popup .swiper-slide							{ width:100%; }
    .area_ban_all .inr .round_box											{ font-size:1.2em; padding:30px 15px 10px 15px; text-align:center; line-height:1.2  }
    .area_ban_all .btn_slide_allView										{ width:45px; height:45px; right:inherit; left:50%; top:-22.5px; transform:translateX(-50%);}
    .area_ban_all .list_all > li											{ flex:100%; }
    .area_ban_all .list_all													{ padding-right:8px; }
}

@media all and (max-width:468px){
    [data-main-con="board"] .tab_menu > li > button span  					{ font-size:0.938rem }
    [data-main-con="board"] .first .title  									{ font-size:1rem }
    [data-main-con="board"] .tab_menu  										{ margin-right:0; }
    [data-main-con="board"] .board .conts_tab .icon_more 					{ top:inherit; bottom:0px; width:100% }
    [data-main-con="board"] .notice_list  									{ margin-bottom:50px }
    [data-main-con="board"] .first .date,
    [data-main-con="board"] .date_inline  									{ display:none; }
}


/**********************************************************************
 							banner02 
**********************************************************************/

[data-main-con="banner02"] 									{ margin:3.75rem 0; background-color:#ffe347; border-radius: 50px; color:var(--color-black); position: relative; height:90px; display:flex; align-items: center; justify-content:space-between; padding:0 30px 0 280px}
[data-main-con="banner02"]:before  							{ content:''; background:url("/resource/childcare/images/main/banner02.png") no-repeat; position:absolute; bottom:-8px; left:40px; width:184px; height:114px}

[data-main-con="banner02"] h2.title  						{ position: relative; font-family:var(--font-sbaggro); margin-bottom:0; padding-right:25px; font-size:1.875rem; height:32px;}
[data-main-con="banner02"] h2.title:before  				{ content:''; position:absolute; top:4px; right:0; width:1px; height:24px; background:rgba(0, 0, 0, .2);}

[data-main-con="banner02"] .list  							{ display:flex; width: calc(100% - 210px); align-items: center; justify-content: space-between;}
[data-main-con="banner02"] .list .more  					{ font-family:var(--font-sbaggro); height:50px; background:#ff7c2e; color:var(--color-white); min-width:180px; border-radius:50px;  display:flex; justify-content:center; align-items:center; margin-left:30px; font-size:1.125rem;}
[data-main-con="banner02"] .list .more span  				{ position:relative; padding-right:20px; transform: translateY(2px);}
[data-main-con="banner02"] .list .more span:before			{ content:''; position:absolute; top:4px; right:0; background: url("/resource/childcare/images/common/icon_next.svg") no-repeat; width:9px; height:15px; filter:invert(100%); }

[data-main-con="banner02"] .list > div  					{ display:block; width:100%; min-width: 0; }
[data-main-con="banner02"] .list > div a  					{ display:flex; justify-content:space-between; align-items: center; gap:20px; width:100%; overflow: hidden; }
[data-main-con="banner02"] .list > div em  					{ font-size:1.125rem; }
[data-main-con="banner02"] .list > div span  				{ font-size:1.375rem; font-weight:700; flex: 1 1 auto; min-width:0;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media all and (max-width:1468px){
    [data-main-con="banner02"] h2.title  									{ font-size:1.563rem }
    [data-main-con="banner02"] .list > div span  							{ font-size:1.25rem; }
}
@media all and (max-width:1268px){
    [data-main-con="banner02"]  											{ margin:2.5rem 0; padding:0 30px 0 200px }
    [data-main-con="banner02"]:before  										{ width:150px; height:93px; bottom:-6px; left:25px; background-size: cover}
    [data-main-con="banner02"] .list  										{ width:calc(100% - 150px) }
    [data-main-con="banner02"] .list .more  								{ font-size:inherit; min-width:150px; }
    [data-main-con="banner02"] .list > div span  							{ font-size:1.125rem; }
    [data-main-con="banner02"] h2.title  									{ font-size:1.25rem; }
}
@media all and (max-width:1024px){
    [data-main-con="banner02"]  											{ flex-direction:column; height:auto; padding:20px; border-radius: 20px}
    [data-main-con="banner02"]:before  										{ left:inherit; right:30px; width:100px; height:62px; bottom:-4px}
    [data-main-con="banner02"] h2.title  									{ padding-right:0 }
    [data-main-con="banner02"] h2.title:before  							{ background:none }
    [data-main-con="banner02"] .list  										{ flex-direction:column; width:100%}
    [data-main-con="banner02"] .list > div span 							{ width:100%; }
    [data-main-con="banner02"] .list > div a  								{ margin:10px 0; flex-direction:column; gap: 0}
    [data-main-con="banner02"] .list .more  								{ height:40px; margin-left:0}
}

/**********************************************************************
 							photo 
**********************************************************************/
[data-main-con="photo"] 										{ position: relative; }
[data-main-con="photo"] h2.title 								{ font-family:var(--font-sbaggro); font-size:2.188rem; font-weight:500}

[data-main-con="photo"] .swiper-wrapper							{ align-items:stretch;}
[data-main-con="photo"] .swiper-slide							{ width:25%; display:flex; height:auto }
[data-main-con="photo"] .swiper-slide a							{ display:flex; flex-flow:column; width:100%; margin:0 10px; padding:0; background:var(--color-white); overflow:hidden  }
[data-main-con="photo"] .swiper-slide .img						{ position:relative; width:100%; height:0; padding-top:72.85%; overflow:hidden; border-radius:20px; }
[data-main-con="photo"] .swiper-slide .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1}
[data-main-con="photo"] .swiper-slide dl						{ display:flex; flex-flow:column; padding:1.563rem 0.313rem; }
[data-main-con="photo"] .swiper-slide dl dt						{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:1.563em; line-height:1.4; height:1.563em; font-weight:bold; }
[data-main-con="photo"] .swiper-slide dl dd  					{ position:relative; padding-left:25px; width:120px;  color:var(--color-base3); font-size:.94em; opacity:.74; margin-top:1em;}
[data-main-con="photo"] .swiper-slide dl dd::before				{ position:absolute; width:20px; height:20px; left:0; top:1px; background:url(/resource/childcare/images/common/icon_date.svg) no-repeat 50% 50% / auto; content:''; }

[data-main-con="photo"] .swiper_control button					{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:50px; height:50px; border-radius:100%; background:rgba(0, 0, 0, .5);}
[data-main-con="photo"] .swiper_control .swiper_next			{ right:-17px; margin-right:0; }
[data-main-con="photo"] .swiper_control .swiper_prev			{ left:-17px; }
[data-main-con="photo"] .swiper_control .swiper_next::before,
[data-main-con="photo"] .swiper_control .swiper_prev::before	{ filter:invert(1); }

[data-main-con="photo"] .icon_more								{ position:absolute; top:-10px; right:0; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid #dfdfdf; border-radius:56px; background:var(--color-white);  transition:var(--trans-ani);}
[data-main-con="photo"] .icon_more::before						{ position:absolute; width:56px; height:56px; left:0; top:0; content:''; background:url(/resource/childcare/images/common/icon_more.svg) no-repeat 50% 50% / 18px; transition:var(--trans-ani);}
[data-main-con="photo"] .icon_more:hover,
[data-main-con="photo"] .icon_more:focus						{ background:var(--color-point); border-color:var(--color-point) }
[data-main-con="photo"] .icon_more:hover::before,
[data-main-con="photo"] .icon_more:focus::before				{ transform:rotate(90deg);  filter:invert(1); }



@media all and (max-width:1468px) {
    [data-main-con="photo"] h2.title  							{ font-size:1.875em; text-align:center }

}
@media all and (max-width:1168px) {
    [data-main-con="photo"] .swiper-slide						{ width:33.333%; }
}
@media all and (max-width:1068px) {
    [data-main-con="photo"] 									{ margin-bottom:3.125em }
    [data-main-con="photo"]	.photo								{ padding:0 40px; }
    [data-main-con="photo"] .swiper-slide						{ width:33.333%; }
    [data-main-con="photo"] .swiper_control button				{ width:36px; height:36px; }
    [data-main-con="photo"] .swiper-slide a						{ margin:0 7px; }
    [data-main-con="photo"] .swiper_control .swiper_next  		{ right:0 }
    [data-main-con="photo"] .swiper_control .swiper_prev  		{ left:0; }
    [data-main-con="photo"] .swiper-slide dl dt  				{ font-size:1.375em }

    [data-main-con="photo"] .icon_more  						{ width:100%; height:40px; top:inherit; bottom:-40px; border-radius: 10px}
    [data-main-con="photo"] .icon_more:before  					{ transition:inherit; top:50%; left:50%; transform:translate(-50%, -50%) !important; }
}
@media all and (max-width:768px) {
    [data-main-con="photo"] h2.title  							{ font-size:1.563em }
    [data-main-con="photo"]	.photo								{ padding:0 30px; }
    [data-main-con="photo"] .swiper-slide						{ width:50%; }
    [data-main-con="photo"] .swiper_control button				{ width:32px; height:32px; }
    [data-main-con="photo"] .swiper-slide dl dt  				{ font-size:1.25em }


}
@media all and (max-width:468px) {
    [data-main-con="photo"]	.photo								{ padding:0 25px; }
    [data-main-con="photo"] .swiper-slide						{ width:100%; }
    [data-main-con="photo"] .swiper_control button				{ width:28px; height:28px; }
    [data-main-con="photo"] .swiper-slide dl dt					{ font-size:1.067em; }

}



/**********************************************************************

 							ecc

**********************************************************************/