/*-- sub page css --*/

/*container*/
.sub_top{margin-top: 72px;}
.sub_container{padding-top: 80px;}

@media screen and (max-width: 720px){

    .sub_top{margin-top: 64px;}
    .sub_container{padding-top: 24px;}
}

/*sub title*/
.sub-title{text-align: center;}
.sub-title span{display: block;font-size: var(--fs-22);font-weight: var(--fw-7);line-height: 145%;color: var(--color-6);margin-bottom: 8px;}
.sub-title h2{font-size: var(--fs-45);font-weight: var(--fw-7);color: var(--color-4);line-height: 151%;word-break: keep-all;}
.sub-title h3{font-size: var(--fs-28);font-weight: var(--fw-7);color: var(--color-4);line-height: 150%;}
.sub-title p{font-size: var(--fs-22);font-weight: var(--fw-4);color: var(--color-5);line-height: 140%;margin-top: 8px;word-break: keep-all;}

@media screen and (max-width: 720px){

    .sub-title{text-align: left;}
    .sub-title span{font-size: 16px;line-height: 150%;}
    .sub-title h2{font-size: 28px;line-height: 150%;}
    .sub-title p{font-size: 16px;line-height: 150%;}
}

/*-- header --*/
#header{height: 72px;border-bottom: 1px solid #F3F3F3;background-color: #FFF;}
#header .header-tel{color: #006ECD;}

.hd-logo{padding-top: 1px;}
.hd-logo object{filter: unset;}

.hd-gnb>ul>li>a{color: var(--color-4);line-height: 72px;}
.hd-gnb>ul:hover>li>a{color: var(--color-5);}
.hd-gnb>ul>li:hover>a{color: var(--color-4);}

@media screen and (max-width: 1080px){

    .hd-button>span{background-color: var(--color-5);}
}

@media screen and (max-width: 720px){

    #header{height: 64px;}
}

/*-- page-1 --*/
.center-list>li{display: flex;align-items: center;column-gap: 80px;}
.center-list>li:nth-child(even){flex-direction: row-reverse;}
.center-list>li + li{margin-top: 120px;}

.center-list>li figure{width: 550px;}
.center-list>li figure img{display: block;}

.center-text{width: calc( 100% - 630px );}
.center-text h4{font-size: var(--fs-28);font-weight: var(--fw-7);color: var(--color-1);line-height: 150%;margin-bottom: 9px;}
.center-text p{font-size: var(--fs-22);font-weight: var(--fw-4);color: var(--color-5);line-height: 145%;word-break: keep-all;}

@media screen and (max-width: 1480px){

    .center-list>li + li{margin-top: 100px;}

	.center-list>li figure{width: 530px;}
    .center-list>li figure img{width: 100%;}

    .center-text{width: calc( 100% - 610px );}
    .center-text p br{display: none;}
}

@media screen and (max-width: 1080px){

    .center-list>li{column-gap: 70px;}
	.center-list>li figure{width: 460px;}

    .center-text{width: calc( 100% - 530px );}
}

@media screen and (max-width: 960px){

    .center-list>li{column-gap: 50px;}
	.center-list>li figure{width: 330px;}

    .center-text{width: calc( 100% - 380px );}
}

@media screen and (max-width: 720px){

    .center-wrap{padding-top: 40px;}

    .center-list>li{display: block;}
    .center-list>li + li{margin-top: 40px;}
    .center-list>li figure, .center-text{width: 100%;}

    .center-text{margin-top: 16px;}
    .center-text h4{font-size: 16px;font-weight: var(--fw-6);margin-bottom: 8px;}
    .center-text p{font-size: 14px;line-height: 142%;}
}

/*-- page-2 --*/
#sub-2{padding-bottom: 120px;}

.benefit-box-1{margin-top: 40px;}

.benefit-box-1 figure{margin-bottom: 40px;}
.benefit-box-1 figure img{display: block;margin: 0 auto;}

.benefit-info-box{background-color: #F0F3F9;padding: 24px 16px;border-radius: 16px;overflow: hidden;}
.benefit-info-box p{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);text-align: center;line-height: 144%;}

.benefit-box{margin-top: 80px;}

.benefit-title h4{font-size: var(--fs-36);font-weight: var(--fw-7);color: var(--color-4);line-height: 150%;}
.benefit-title p{font-size: var(--fs-22);font-weight: var(--fw-4);color: var(--color-5);line-height: 145%;}
.benefit-title p b{font-weight: var(--fw-7);color: var(--color-1);}

.benefit-title2 h4{font-size: var(--fs-45);}
.benefit-title2 p{margin-top: 25px;}

.benefit-table-box{margin-top: 21px;}
.benefit-table{width: 100%;table-layout: fixed;}
.benefit-table td{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-4);line-height: 140%;padding: 16px 24px;border: 1px solid #F0F3F9;word-break: keep-all;}
.benefit-table td b{font-weight: var(--fw-6);}
.benefit-table td.benefit-table-176{width: 176px;background-color: #006ECD;color: #FFF;text-align: center;padding: 16px 20px;}
.benefit-table td.benefit-table-120{width: 120px;text-align: center;padding: 16px 20px;}

.process-wrap{margin-top: 21px;}
.process-list li{padding: 24px 16px;background-color: #F0F3F9;border-radius: 16px;text-align: center;position: relative;}
.process-list li::after{content: "";position: absolute;top: calc( 100% + 27px );left: 50%;transform: translateX(-50%);width: 12px;height: 6px;z-index: 1;
    background-image: url(/img/icon/process_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.process-list li:last-child::after{display: none;}
.process-list li + li{margin-top: 60px;}
.process-list li h4{font-size: var(--fs-22);font-weight: var(--fw-6);color: var(--color-4);line-height: 145%;}
.process-list li h4 i{color: #006ECD;}
.process-list li p{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);line-height: 144%;margin-top: 7px;}

.trip-wrap{display: flex;align-items: center;gap: 80px;background-color: #F0F3F9;border-radius: 16px;padding: 40px;margin-top: 24px;}
.trip-wrap figure img{display: block;}

.trip-box h4{font-size: var(--fs-22);font-weight: var(--fw-6);color: var(--color-4);line-height: 145%;}
.trip-box p{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);line-height: 144%;}
.trip-box p i{display: block;margin-top: 15px;}

.trip-box ul{display: flex;align-items: center;gap: 8px;margin-top: 24px;}
.trip-box ul li{font-weight: var(--fw-5);color: var(--color-1);line-height: 32px;background-color: #D6E3FF;border-radius: 4px;padding: 0 9px;white-space: nowrap;}

.advice-wrap{display: flex;align-items: flex-start;gap: 40px;margin-top: 24px;}
.advice-wrap figure{width: 628px;}
.advice-wrap figure img{display: block;}

.advice-box{width: calc( 100% - 668px );}
.advice-text{background-color: #F0F3F9;border-radius: 16px;padding: 32px 40px;margin-top: 16px;}
.advice-text li + li{margin-top: 24px;}
.advice-text h5{font-size: var(--fs-18);font-weight: var(--fw-6);color: var(--color-4);line-height: 144%;}
.advice-text p{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);line-height: 144%;margin-top: 8px;}
.advice-text p b{font-weight: var(--fw-6);}

.benefit-table2{width: 100%;table-layout: fixed;}
.benefit-table2 td{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-4);line-height: 144%;border: 1px solid #F0F3F9;padding: 18px;text-align: center;}
.benefit-table2 tr:first-child td{background-color: #006ECD;color: #FFF;}
.benefit-table2 td:nth-child(1){width: 200px;}
.benefit-table2 td:nth-child(2){width: 320px;}

.support-wrap{margin-top: 21px;}
.support-wrap h4{font-size: var(--fs-18);font-weight: var(--fw-4);color: #FFF;text-align: center;line-height: 64px;background-color: #006ECD;}
.support-wrap>p{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);line-height: 144%;margin-top: 16px;}

.support-wrap ul{display: flex;align-items: flex-start;border: 1px solid #F0F3F9;}
.support-wrap ul li{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50%;height: 200px;border-right: 2px solid #F0F3F9;}
.support-wrap ul li:last-child{border: none;}

.support-wrap ul li b{font-weight: var(--fw-4);color: var(--color-4);color: var(--color-4);line-height: 150%;background-color: #F0F3F9;border-radius: 8px;line-height: 32px;padding: 0 9px;margin-bottom: 16px;}
.support-wrap ul li h5{font-size: var(--fs-18);font-weight: var(--fw-6);color: var(--color-4);line-height: 144%;margin-bottom: 4px;}
.support-wrap ul li span{font-size: var(--fs-28);font-weight: var(--fw-7);color: var(--color-1);line-height: 150%;margin-bottom: 4px;}
.support-wrap ul li i{font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-4);line-height: 144%;}

.tell-button{display: flex;justify-content: center;align-items: center;gap: 24px;height: 80px;background-color: #0085FF;border-radius: 16px;color: #FFF;}
.tell-button span, .tell-button b{font-size: var(--fs-28);}
.tell-button span{font-weight: var(--fw-4);}
.tell-button b{font-weight: var(--fw-7);}

#benefit-button{display: flex;align-items: center;gap: 16px;}
#benefit-button>a{width: calc( ( 100% - 16px ) / 2 );}
#benefit-button>a:first-child{background-color: var(--color-1);}

@media screen and (max-width: 1480px){

    #sub-2{padding-bottom: 100px;}
}

@media screen and (max-width: 1360px){

    .trip-wrap figure img{max-width: 540px;}
}

@media screen and (max-width: 1280px){

    .trip-wrap{gap: 60px;}
    .trip-wrap figure img{max-width: 500px;}

    .trip-box ul{gap: 6px;}

    .advice-wrap figure{width: 560px;}
    .advice-wrap figure img{width: 100%;}

    .advice-box{width: calc(100% - 600px);}
}

@media screen and (max-width: 1160px){

    .trip-wrap{gap: 50px;}
    .trip-wrap figure img{max-width: 460px;}
}

@media screen and (max-width: 1080px){

    #sub-2{padding-bottom: 70px;}

    .benefit-box{margin-top: 60px;}

    .trip-wrap figure img{max-width: 380px;}

    .advice-wrap figure{width: 50%;}
    .advice-box{width: calc( 50% - 40px );}

    .benefit-table2 td:nth-child(1){width: 160px;}
    .benefit-table2 td:nth-child(2){width: 280px;}
}

@media screen and (max-width: 960px){

    .trip-wrap{display: block;}
    .trip-wrap figure{margin-bottom: 40px;}
    .trip-wrap figure img{width: 100%;max-width: none;}

    .advice-wrap{display: block;}
    .advice-wrap figure{width: 100%;}
    .advice-box{width: 100%;margin-top: 40px;}

    .benefit-table2 td:nth-child(1){width: 140px;}
    .benefit-table2 td:nth-child(2){width: 260px;}
	
	#benefit-button{flex-direction: column;}
	#benefit-button>a{width: 100%;}
}

@media screen and (max-width: 720px){

    #sub-2{padding-bottom: 56px;}

    .benefit-box{margin-top: 40px;}

    .benefit-title h4{font-size: 22px;}

    .benefit-title2 h4{font-size: 28px;}
    .benefit-title2 p{font-size: 16px;line-height: 150%;margin-top: 16px;}

    .benefit-box-1{margin-top: 23px;}
    .benefit-box-1 figure{margin-bottom: 24px;}
    .benefit-box-1 figure img{width: 100%;}

    .benefit-info-box{padding: 16px;}
    .benefit-info-box p{font-size: 16px;text-align: left;line-height: 150%;}
    .benefit-info-box p br{display: none;}

    .benefit-table-box{margin-top: 14px;}
    .benefit-table td{padding: 12px 16px;font-size: 14px;line-height: 20px;}
    .benefit-table td.benefit-table-176{width: 87px;padding: 0;}
    .benefit-table td.benefit-table-120{width: 53px;}

    .process-wrap{margin-top: 14px;}
    .process-list li{text-align: left;padding: 17px 16px;}
    .process-list li + li{margin-top: 40px;}
    .process-list li::after{top: calc( 100% + 17px );}
    .process-list li h4, .process-list li p{font-size: 16px;}
    .process-list li p{margin-top: 4px;}

    .trip-wrap{padding: 16px;}
    .trip-wrap figure{margin-bottom: 17px;}

    .trip-box h4{font-size: 16px;}
    .trip-box p i:first-child{font-size: 18px;}
    .trip-box p i{font-size: 16px;line-height: 144%;margin-top: 16px;}

    .trip-box ul{flex-wrap: wrap;gap: 8px;margin-top: 16px;}
    .trip-box ul li{font-size: 14px;line-height: 28px;padding: 0 8px;}

    .advice-wrap{margin-top: 16px;}

    .advice-text{padding: 16px;}
    .advice-text li + li{margin-top: 17px;}
    .advice-text h5, .advice-text p{font-size: 16px;}
    .advice-text p{line-height: 150%;margin-top: 4px;}

    .benefit-table2 td{font-size: 14px;padding: 14px;}
    .benefit-table2 tr:first-child td{padding: 4px 14px;}
    .benefit-table2 td:nth-child(1){width: 64px;}
    .benefit-table2 td:nth-child(2){width: 120px;}

    .support-wrap{margin-top: 14px;}
    .support-wrap h4{font-size: 14px;line-height: 48px;}
    .support-wrap ul{display: block;}
    .support-wrap ul li{width: 100%;height: 152px;border-right: none;border-bottom: 1px solid #F0F3F9;}

    .support-wrap ul li h5{font-size: 16px;margin-bottom: 5px;font-weight: 700;}
    .support-wrap ul li span{font-size: 20px;}
    .support-wrap ul li i{font-size: 14px;}
    .support-wrap ul li b{font-size: 14px;line-height: 28px;margin-bottom: 8px;}

    .support-wrap>p{font-size: 14px;}

    .tell-button{gap: 8px;height: 56px;border-radius: 12px;}
    .tell-button span, .tell-button b{font-size: 16px;}
	
	#benefit-button{gap: 10px;}
}

/*-- page-3 --*/
.sub-3-top{padding: 80px 0;background-color: var(--color-4);}
.sub-3-top .sub-title{text-align: left;}
.sub-3-top .sub-title h2{color: #FFF;}

.sub-3-btm{padding: 80px 0;padding-bottom: 120px;overflow: hidden;}
.brand-wrap-color{background-color: #F0F3F9;border-radius: 16px;padding: 80px;margin-top: 80px;}

@media screen and (max-width: 1480px){

    .sub-3-btm{padding-bottom: 100px;}
}

@media screen and (max-width: 1080px){

    .sub-3-btm{padding-bottom: 70px;}

    .brand-wrap-color{padding: 40px;}
}

@media screen and (max-width: 720px){

    .sub-3-top{padding: 40px 0;}
    .sub-3-top .sub-title{text-align: center;}

    .sub-3-btm{padding: 56px 0;padding-bottom: 56px;}
    .brand-wrap-color{background-color: #FFF;padding: 0;margin-top: 10px;}
    .brand-wrap-color::before, .brand-wrap-color::after{display: none;}
}

/*-- page-4 --*/
#sub-4 .sub-title{margin-bottom: 80px;}
#sub-4 .history-inner .sub-title{margin-bottom: 24px;}

.history-wrap{background-color: #000;position: relative;}

.history-inner{display: flex;align-items: center;justify-content: center;width: 90%;height: 100vh;position: relative;z-index: 10;}
.history-inner .sub-title{text-align: left;}
.history-inner .sub-title h2{color: #FFF;}

.history-list li{font-size: var(--fs-18);font-weight: var(--fw-4);color: #FFF;line-height: 144%;}
.history-list li + li{margin-top: 9px;}

#history-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#history-bg::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(33, 49, 74, 0.8);}

#history-bg figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.history-bg-1{background-image: url(/img/sub/history_1.jpg);}
.history-bg-2{background-image: url(/img/sub/history_2.jpg);opacity: 0;}
.history-bg-3{background-image: url(/img/sub/history_3.jpg);opacity: 0;}
.history-bg-4{background-image: url(/img/sub/history_4.jpg);opacity: 0;}

.edu-title{text-align: left;margin-bottom: 24px !important;}
.edu-title h2{display: flex;align-items: center;gap: 16px;}
.edu-title h2 i{font-size: var(--fs-22);font-weight: var(--fw-4);}
.edu-title p{font-weight: var(--fw-5);color: var(--color-4);line-height: 145%;margin-top: 24px;}

.edu-list{background-color: #F0F3F9;border-radius: 16px;padding: 32px 40px;overflow: hidden;}
.edu-list li{display: flex;align-items: center;gap: 16px;}
.edu-list li + li{margin-top: 24px;}
.edu-list li span{width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 40px;background-color: var(--color-4);font-size: var(--fs-18);font-weight: var(--fw-6);color: #FFF;}
.edu-list li p{font-size: var(--fs-22);font-weight: var(--fw-6);color: var(--color-4);}

.edu-box{margin-top: 40px;}
.edu-box h4{font-size: var(--fs-22);font-weight: var(--fw-5);color: var(--color-4);line-height: 145%;}

.edu-button{display: flex;gap: 16px;margin-top: 16px;}
.edu-button>a{width: 408px;line-height: 80px;text-align: center;border-radius: 16px;overflow: hidden;font-size: var(--fs-28);font-weight: var(--fw-7);color: #FFF;}
.edu-button>a:nth-child(1){background-color: var(--color-1);}
.edu-button>a:nth-child(2){background-color: #0085FF;}

#partner-wrap{padding-top: 56px;}
#partner-wrap .benefit-title h4{text-align: center;}

.partner-list{display: flex;gap: 16px;margin-top: 40px;}
.partner-list li{width: calc( ( 100% - 64px ) / 5 );}
.partner-list li figure{display: flex;justify-content: center;align-items: center;height: 80px;background-color: #F0F3F9;border-radius: 8px;overflow: hidden;}
.partner-list li figure img{display: block;}

@media screen and (max-width: 1920px){

    .history-list{display: flex;flex-wrap: wrap;align-items: flex-start;row-gap: 9px;}
    .history-list li{width: 50%;}
    .history-list li + li{margin-top: 0;}
}

@media screen and (max-width: 1080px){

    .history-list li{width: 100%;}

    .partner-list{flex-wrap: wrap;}
    .partner-list li{width: calc( ( 100% - 32px ) / 3 );}
}

@media screen and (max-width: 720px){

    #sub-4 .sub-title{margin-bottom: 24px;}
    #sub-4 .sub-title h3{font-size: 16px;}
    #sub-4 .sub-title h3 br{display: none;}
    #sub-4 .history-inner .sub-title{font-size: 28px;margin-bottom: 14px;}

    .history-list li{font-size: 14px;letter-spacing: -0.06em;}

    .edu-title h2{gap: 8px;}
    .edu-title h2 i{font-size: 16px;}

    .edu-title p{font-size: 14px;margin-top: 8px;}
    .edu-title p br{display: none;}

    .edu-list{padding: 16px;}
    .edu-list li{gap: 12px;}
    .edu-list li + li{margin-top: 16px;}
    .edu-list li span{width: 28px;height: 28px;line-height: 28px;font-size: 14px;}
    .edu-list li p{font-size: 16px;}

    .edu-box{margin-top: 24px;}
    .edu-box h4{font-size: 14px;font-weight: var(--fw-4);color: var(--color-5);line-height: 142%;}

    .edu-button{gap: 6px;margin-top: 8px;}
    .edu-button>a{width: calc( ( 100% - 6px ) / 2 );line-height: 48px;border-radius: 12px;font-size: 16px;font-weight: var(--fw-6);}

    #partner-wrap{padding-top: 24px;}
    #partner-wrap .benefit-title h4{font-size: 28px;text-align: left;}

    .partner-list{gap: 8px;margin-top: 24px;}
    .partner-list li{width: calc( ( 100% - 16px ) / 2 );}
    .partner-list li figure{height: 60px;}
    .partner-list li figure img{max-width: 70%;}
}

/*-- page-5 --*/
.map-list li{display: flex;align-items: flex-start;justify-content: space-between;gap: 80px;width: 100%;max-width: 930px;margin: 0 auto;}
.map-list li + li{margin-top: 80px;}

.map-info{width: calc( 100% - 640px );}
.map-box{width: 560px;border-radius: 8px;overflow: hidden;}

.map-info h4{font-size: var(--fs-36);font-weight: var(--fw-4);color: var(--color-4);line-height: 150%;margin-bottom: 2px;}
.map-info h4 b{font-weight: var(--fw-7);}
.map-info p{font-size: var(--fs-18);font-weight: var(--fw-6);color: #006ECD;line-height: 144%;margin-bottom: 9px;}
.map-info p b{font-size: var(--fs-22);}
.map-info span{display: block;font-size: var(--fs-18);font-weight: var(--fw-4);color: var(--color-5);line-height: 144%;margin-bottom: 24px;}

.map-link{display: flex;align-items: center;justify-content: center;gap: 8px;width: 196px;height: 48px;border-radius: 12px;font-weight: var(--fw-5);color: #FFF;line-height: 150%;}
.map-link img{display: block;}
.map-naver{background-color: #00BB68;}
.map-tel{background-color: #0085FF;}

/*kakao reset*/
.map-box .wrap_controllers, .map-box .map_border{display: none !important;}

/*mobile*/
.map-mobile{display: none;}

@media screen and (max-width: 1080px){

    .map-box  .root_daum_roughmap{width: 100% !important;}

    .map-list li{gap: 60px;}
    .map-info{width: calc( 100% - 560px );}
    .map-box{width: 500px;}
}

@media screen and (max-width: 860px){

    .map-list li{gap: 50px;}
    .map-info{width: calc( 100% - 430px );}
    .map-box{width: 380px;}
}

@media screen and (max-width: 720px){

    .map-list li{display: block;}
    .map-list li + li{margin-top: 56px;}
    .map-info, .map-box{width: 100%;}

    .map-info h4{font-size: 22px;margin-bottom: 6px;}
    .map-info p{font-size: 14px;margin-bottom: 16px;}
    .map-info p b{font-size: 16px;}

    .map-box{width: 100%;height: 200px;}
    .map-box  .root_daum_roughmap{height: 200px !important;}

    .map-info span, .map-info>a{display: none;}

    .map-mobile{display: block;margin-top: 16px;}
    .map-mobile span{font-size: 14px;font-weight: var(--fw-4);color: var(--color-5);line-height: 142%;}
    .map-mobile>a{width: 100%;margin-top: 15px;font-size: 16px;}

    .map-info{position: relative;}
    .map-info .store-card-new{position: absolute;top: 2px;right: 0;}
}

/*-- 기증신청 게시판 - */
#sub-visual{height: 580px;background-image: url(/img/sub/donation_banner.jpg);margin-top: 72px;position: relative;
	background-repeat: no-repeat;
    background-size: cover;
}
#sub-visual figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;
	background-image: url(/img/sub/donation_text.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sub-visual-top{margin-top: 0 !important;}

@media screen and (max-width: 1680px){

	#sub-visual{height: 480px;}
}

@media screen and (max-width: 1480px){

	#sub-visual{height: 380px;}
	#sub-visual figure{background-size: cover;}
}

@media screen and (max-width: 1280px){

	#sub-visual{height: 350px;}
}

@media screen and (max-width: 960px){

	#sub-visual{height: 350px;}
	#sub-visual figure{background-position: 45% center;}
}

@media screen and (max-width: 720px){

	#sub-visual{height: 250px;margin-top: 63px;}
	#sub-visual figure{background-position: 28% center;}
}

/*-- 2025.01.22 - 수정사항 --*/
.center-text .advice-text p{font-size: 16px;}

@media screen and (max-width: 720px){

	.center-text .advice-text h5{font-size: 15px;}
	.center-text .advice-text p{font-size: 14px;}
}

/*-- history-slide --*/
#history-slide{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#history-slide::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(10, 28, 52, .5);}
#history-slide li figure{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;opacity: 1;}