/* 폰트 */
@font-face {
    font-family: 'Sanghea_chanmi';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_09@1.0/Sanghea_chanmi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
.begin-again-wrap {
    overflow: hidden;
}
.hidden {
    display: none;
}

.inner-bx{max-width: 1320px;margin: 0 auto;padding: 0 20px;transition: all .7s cubic-bezier(.2,1,.22,1);}
.begin-again-wrap{line-height:1.4; letter-spacing: -1px;font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif';}
.begin-again-wrap *{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif'; box-sizing: border-box;}
.begin-again-wrap p{font-size :20px; line-height:1.7;}
.begin-again-wrap button{font-family:'Pretendard','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif';cursor:pointer;}
.begin-again-wrap article:not(.begin-again-04-01) img{max-width:100%;}

/* SECTION01 비긴어게인 영상 */
.begin-again-01{overflow:hidden;position:relative;}
.video-wrap {position: relative;height: calc(100vh - 80px);min-height: 300px;}
.video-wrap::after{content: "";display: block;position: absolute;top:0; left: 0; right:0; bottom:0; background: rgba(17, 17, 17, 0.7); z-index:1;}
.video-wrap button{margin: 0;padding: 0;border: 0;border-radius: 0;-webkit-border-radius: 0;background-color: transparent;appearance: none;-webkit-appearance: none;cursor: pointer;}
.video-wrap .main-video {width: 100% !important;height: 100%;object-fit: cover;}
.video-wrap .video-controls.control-area {position: absolute;top: 50%;left: 50%;width:90%;transform: translate(-50%,-50%);text-align:center;z-index:2;}
.video-wrap .video-controls.control-area button {width: 80px;height: 80px;border-radius: 100%;}
.video-wrap .video-controls.control-area button:hover {background-color: rgba(255, 102, 0, 0.7);}
.video-wrap .video-controls.control-area .pause {background: url('../images/ico-pause.png') no-repeat 50% 50%;}
.video-wrap .video-controls.control-area .play {background: url('../images/ico-play.png') no-repeat 60% 50%;}
.video-wrap .scroll-hint{position: relative;z-index:2;}
.video-wrap .scroll-hint .mouse-icon {position: absolute;bottom: 60px;left: 50%;width: 26px;height: 40px;margin-left: -13px;border: 2px solid #fff;border-radius: 100px;}
.video-wrap .scroll-hint .mouse-icon::before {content: "";display: block;position: absolute;top: 7px;left: 50%;width: 2px;height: 8px;margin-left: -1px;background: #fff;animation: scrollAni 2s infinite;}
.video-wrap .scroll-hint .arrow::before {content: "";display: block;position: absolute;bottom: 45px;left: 50%;width: 8px;height: 8px;margin-left: -5px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;animation: scrollArrow 2s infinite;}
.video-wrap .scroll-hint .arrow::after {content: "";display: block;position: absolute;bottom: 39px;left: 50%;width: 8px;height: 8px;margin-left: -5px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;animation: scrollArrow 2s infinite;}
.video-wrap .tit-bx{color: #fff;}
.video-wrap .tit-bx h1{font-size: 68px;font-weight: 800;}
.video-wrap .tit-bx p{margin-bottom:0.5em; font-size: 64px; font-family: "Sanghea_chanmi", cursive;line-height:1.2;}

.begin-again-02 .tit-bx h3, 
.begin-again-03 .tit-bx h3{font-size: 40px;font-weight: 600;}
.begin-again-02 .tit-bx h2, 
.begin-again-03 .tit-bx h2{font-size: 68px;font-weight: 800;}

.section-wrap{padding: 160px 0 100px;}

/* SECTION02 구성원들을 위한 봄날의 축제 */
.begin-again-02{position: relative;}
.begin-again-02::after{content: ''; position: absolute; display: block; height: 45%; left: 0; right: 0;bottom: 0;background-color: #EAEAEC;z-index: -1;}
.begin-again-02 .tit-bx {margin-bottom: 80px;}
.begin-again-02 .img-bx{overflow: hidden; position: relative; margin:80px 0; line-height: 0; border-radius: 30px;}
.begin-again-02 .img-bx figure{overflow: hidden; border-radius: 30px;}
.begin-again-02 .img-bx figcaption{position: absolute;left: 0;right: 0;bottom: 0;padding:10px 0;color: #fff; font-size: 16px; line-height: 2;text-align: center;background: #0000008C;}
.begin-again-02 p{letter-spacing:-0.5px}
.begin-again-02 p + p{margin-top:1em;}

/* SECTION03 그 뜨거웠던 현장 속으로 */
.begin-again-03{background:#F5F5F7}
.begin-again-03.section-wrap{padding-bottom:0;}
.begin-again-03 .tit-bx{padding:0 20px;margin-bottom:120px; text-align: center;}
.begin-again-03 .wrap-tab .tabBox{margin-bottom: 100px; text-align:center;}
.begin-again-03 .wrap-tab .tabBox li button{display: block; width:192px; margin:0 20px; color: #333; font-weight: 500; font-size:20px; text-align: center; line-height: 3; background-color: #fff; border: 1px solid #FE7E5D; border-radius: 99px;}
.begin-again-03 .wrap-tab .tabBox li {display:inline-block;}
.begin-again-03 .wrap-tab .tabBox li.active button{color: #fff; font-weight: 700; background-color: #FE7E5D;}
.tab-contents > div{display: none;position: relative;}
.tab-contents > div.active{display:flex;}
.begin-again-03 .tab-contents > div { padding: 94px 0;}
.begin-again-03 .tab-contents > div h4{ font-size: 40px; font-weight: 500;text-align: right; letter-spacing:-0.5px;}
.begin-again-03 .tab-contents > div h4 strong{display: block; font-size: 80px; font-weight: 700;}
.begin-again-03 .tab-contents > div > div{position: absolute; left:1130px; top:160px; bottom:94px; width:490px; font-size: 16px; font-weight: 600;}
.begin-again-03 .tab-contents #tab1 > div h4, 
.begin-again-03 .tab-contents #tab2 > div h4{padding-right:40px;}
.begin-again-03 .tab-contents #tab3 > div{left:15vw;right:auto;text-align:left;}
.begin-again-03 .tab-contents #tab3 > div h4{text-align:left;}
.begin-again-03 .tab-contents #tab1 img,
.begin-again-03 .tab-contents #tab2 img{border-radius:0 30px 30px 0;}
.begin-again-03 .tab-contents #tab3 img{border-radius:30px 0 0 30px;}
.begin-again-03 .play-info{position: absolute; left:40%; bottom:80px; }
.begin-again-03 #tab3 .play-info{right:auto; left:0; }
.begin-again-03 .tab-contents > div .time{display: inline-block; margin:0 0 40px 0; }
.begin-again-03 .tab-contents > div .time span{position: relative;margin-left: 15px; padding-left: 15px; }
.begin-again-03 .tab-contents > div .time span::before{content: '';position: absolute; left: 0; top:50%; height: 17px; border-left:1px solid #666;transform:translateY(-50%);}
.begin-again-03 .tab-contents > div dl{position: relative;padding-left: 100px;}
.begin-again-03 .tab-contents > div dl dt{position: absolute;left:0; top:7px;font-size:16px;}
.begin-again-03 .tab-contents > div dl dd{}
.begin-again-03 .tab-contents > div dl + dl{margin-top:20px;}
.begin-again-03 .tab-contents > div dl span{display:inline-block; padding: 6px 16px; margin-right:10px; font-weight: 600; border: 1px solid #333;border-radius: 99px;}
#tab1 h4, 
#tab1 div{color: #fff;}
.begin-again-03 .tab-contents #tab1 dl span{border-color:#fff;}
.begin-again-03 .tab-contents #tab3{flex-direction: row-reverse;}
.begin-again-03 .tab-contents #tab1{background:#1A2840 url('../images/bg-tab01.png') 100% 100% / auto 100% no-repeat;}
.begin-again-03 .tab-contents #tab2{background:#E2ECED url('../images/bg-tab02.png') 100% 100% / auto 100% no-repeat;}
.begin-again-03 .tab-contents #tab3{background:#E3EFE7 url('../images/bg-tab03.png') 0% 100% / auto 100% no-repeat;}


/* SECTION04 현장 스케치, 미니 인터뷰 */
.begin-again-04{background:#F5F5F7 url('../images/bg-line.svg') 0 0 / cover no-repeat;}
.begin-again-04.section-wrap{padding-bottom:330px;}
.begin-again-04 .tit-bx{margin-bottom:80px;text-align: center;}
.begin-again-04 h2{font-size: 68px; font-weight: 700;background: url('../images/line-green.svg') 50% 100% no-repeat;}
.begin-again-04 p{color :#606060; font-size: 30px;}

.begin-again-04{overflow:hidden;}
.begin-again-04-01{position:relative;}
.begin-again-04-01 .swiper-pagination{color:#fff; font-size:16px; font-family:'Pretendard';}
.img-gallery{width:100%;max-width:955px;px;position: absolute; left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;}
.img-gallery img{transform: scale(0.95);transition: .5s ease-in-out;}
.img-gallery .swiper-slide-active img{transform: scale(1);}

.slide-btn-wrap{position: absolute;bottom:70px;width:100%;display:flex;justify-content: center;align-items: center;}
.begin-again-04-01 .button-next, 
.begin-again-04-01 .button-prev{width:56px;height:56px;background:#FE7E5D;border-radius:50%;border:none;transition: .2s ease-in-out;}
.btn-p-next button{margin:0 7px;}
.btn-p-next button.button-next{background:#FE7E5D url('../images/ico-slider-arr-before-on.svg') 52% 50% no-repeat;}
.btn-p-next button.button-prev{background:#FE7E5D url('../images/ico-slider-arr-next-on.svg') 52% 50% no-repeat;}
.btn-p-next button.button-next.swiper-button-disabled{background:#EFEFEF url('../images/ico-slider-arr-before.svg') 50% no-repeat;}
.btn-p-next button.button-prev.swiper-button-disabled{background:#EFEFEF url('../images/ico-slider-arr-next.svg') 50% no-repeat;}
.slide-btn-wrap .swiper-pagination-fraction{position:initial;width:90px;}

.begin-again-04-01 .img-thumb.swiper-wrapper {align-items: center;}
.begin-again-04-01 .img-thumb li {display:flex; align-items: center; cursor:pointer;height:550px; padding:20px;text-align:center;}
.begin-again-04-01 .img-thumb li img{position:relative;width:70%;border-radius: 30px;transition: .5s ease-in-out;}
.begin-again-04-01 .img-thumb li:not(.swiper-slide-active) img{box-shadow: 10px 10px 15px 0px #00000026;}
.begin-again-04-01 .img-thumb li.swiper-slide-active img{width:120%;}
.begin-again-04-01 .img-thumb li div{position:relative;height:100%;display:flex; align-items: center;justify-content: center;}
.begin-again-04-01 .slide-bg-wrap{position:relative;padding:190px 0; width:100%; display:flex;}
.begin-again-04-01 .slide-bg { overflow: hidden; position: absolute; top: 0; left: 35%; bottom: 0; width: 65vw; background-color: #fff;border-radius:30px 0 0 30px;}
.begin-again-04-01 .slide-bg .bg { opacity: .5; height: calc(100% + 5px);background-repeat: no-repeat; background-position: left calc(50% + 20px) center; background-size: auto 100%; filter: blur(10px); transition: background .5s ease-in-out;}

.begin-again-04-02{padding-top:160px;}
.begin-again-04 .begin-again-04-02 h2{background-image: url('../images/line-red.svg');}
.interview-wrap > div {display: flex;padding-bottom: 40px;background-color: #fff;border-radius: 30px;justify-content: space-between;}
.interview-wrap > div + div{margin-top:100px;}
.interview-wrap > div + div img{margin-top:-40px;}
.interview-wrap > div + div:nth-child(even){flex-direction: row-reverse;}
.interview-wrap > div dl {width:44%;display: flex;padding: 70px;flex-direction: column;justify-content: space-between;word-break:keep-all;}
.interview-wrap > div dl dt{font-size:20px;color:#333;line-height:1.7;}
.interview-wrap > div dl dd p{display:inline-block;padding: 8px 20px;font-size:14px;color:#606060; border:1px solid #666;border-radius:99px;}
.interview-wrap > div dl dd p strong{color:#333;}
.interview-wrap img{border-radius:30px;}
.begin-again-04-02 .interview-wrap > div dl dd{padding-top:30px;}

.pageTop-bx {bottom: 0; position: sticky; z-index: 1;}
.pageTop-bx .pageTop { position: absolute; bottom: 80px; left: 50%; margin-left:-123px; display: flex; height: 66px; padding:0 30px;border-radius: 99px; border: none; background: #FE7E5D; align-items: center; justify-content: center;transition: .2s ease-in-out;text-decoration:none;z-index: 9999;}
.pageTop-bx .pageTop.on{width:auto;padding:0 20px;}
.pageTop-bx .pageTop span{display:block;padding-left:10px;color:#fff;font-size:20px;font-weight:700;}
.pageTop-bx .pageTop.on span{display:block;}
.pageTop i{display:block;width:14px; height:14px;background:#FE7E5D url('../images/ico-arr-up.svg') 50% no-repeat;}


/* animation */
@keyframes scrollAni {
	0% {
		transform: translate(0, 0);
	}
	80% {
		transform: translate(0, 10px);
	}
}
@keyframes scrollArrow {
	0% {
		transform: rotate(45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(45deg) translate(10px, 10px);
		opacity: 0;
	}
}
@media screen and (max-width: 1750px) {
    .begin-again-03 .tab-contents > div > div{top:144px;left:auto;right:10vw;width:auto;/*transition: .2s ;*/}
    .begin-again-03 .tab-contents img{max-width:calc(100% - 10%) !important;}
	.begin-again-03 .play-info{left:30%;}
}

@media screen and (max-width: 1600px) {
    .begin-again-03 .tab-contents > div > div{right:3vw;}
	.begin-again-03 .play-info{left:30%;bottom:30px;}
    .begin-again-03 .tab-contents #tab3 > div{left:5vw;right:auto;}
    .begin-again-03 .tab-contents #tab3 figure{text-align:right}
    .begin-again-04-01 .slide-bg-wrap{padding:10% 0;}
}

@media screen and (max-width: 1450px) {
    .begin-again-03 .tab-contents img{max-width:calc(100% - 25%) !important;}
	.begin-again-03 .tab-contents > div > div{width:500px;}
    .begin-again-03 .tab-contents > div h4{ font-size: 30px; }
    .begin-again-03 .tab-contents > div h4 strong{font-size: 50px;}
}

/* 팝업 - 태블릿 Tablet */
@media screen and (max-width: 1080px) {
	.begin-again-wrap > section{padding:60px 0;}

	/* SECTION01 */
	.video-wrap .tit-bx h1{font-size: 36px;}
	.video-wrap .tit-bx p{font-size: 32px;}
	.begin-again-01.video-wrap {padding:0;height: 55vw;}
	.video-wrap .video-controls.control-area button{height:60px;width:60px;background-size:100% !important;}
	.main-tit{width:80%;}

	.begin-again-02 .tit-bx h3, 
	.begin-again-03 .tit-bx h3{font-size: 34px;}
	.begin-again-02 .tit-bx h2, 
	.begin-again-03 .tit-bx h2{font-size: 48px;}

  .begin-again-02 .img-bx figcaption{position: inherit; padding-bottom:0; color: #606060; font-size: 13px; background:none; }

  /* SECTION03 그 뜨거웠던 현장 속으로 */
  .begin-again-03 .tit-bx{margin-bottom:60px; }
  .begin-again-03 .wrap-tab .tabBox{margin-bottom: 80px;}
  .begin-again-03 .wrap-tab .tabBox li button{width:140px; margin:0 8px; font-size:20px; border:none;}
  .begin-again-03 .tab-contents > div{flex-wrap: wrap;padding: 30px 0 0 0;}
  .begin-again-03 .tab-contents > div figure{padding-left:20px;}
  .begin-again-03 .tab-contents > div > div{position: initial; width:100%; padding: 30px 20px 60px 40px; }
  .begin-again-03 .play-info{position: initial;height:120px;}
  .begin-again-03 .tab-contents > div h4{margin-bottom:50px; font-size: 17px; text-align: left;}
  .begin-again-03 .tab-contents > div h4 strong{font-size: 24px;}
  .begin-again-03 .tab-contents img{max-width:calc(100% - 0px) !important;}
  .begin-again-03 .tab-contents figure{line-height:0;}
  .begin-again-03.tab-contents caption{text-align:right;}
  .begin-again-03 .tab-contents #tab1{background:#1A2840;}
  .begin-again-03 .tab-contents #tab2{background:#E2ECED;}
  .begin-again-03 .tab-contents #tab3{background:#E3EFE7;}  
  .begin-again-03 .tab-contents #tab1 > div{background:#1A2840 url('../images/bg-tab01-m.png') 100% 100% / auto 100% no-repeat;}
  .begin-again-03 .tab-contents #tab2 > div{background:#E2ECED url('../images/bg-tab02.png') 100% 100% / auto 100% no-repeat;}
  .begin-again-03 .tab-contents #tab3 > div{background: url('../images/bg-tab03-m-01.png') 100% 100% / auto 100% no-repeat, url('../images/bg-tab03-m-02.png') 0% 100% / auto 100% no-repeat;}  
  .begin-again-03 .tab-contents #tab1 img,
  .begin-again-03 .tab-contents #tab2 img,
  .begin-again-03 .tab-contents #tab3 img{border-radius:10px 0 0 10px;}
  .begin-again-03 .tab-contents > div .time{display: inline-block; margin:0 0 20px 0; color:#606060;font-size:14px;}
  .begin-again-03 .tab-contents > div .time span{margin-left: 10px; padding-left: 10px; }
  .begin-again-03 .tab-contents > div .time span::before{height: 14px; border-left:1px solid #606060;}
  .begin-again-03 .tab-contents #tab1 .time{color:#C4C4C4;}
  .begin-again-03 .tab-contents #tab1 .time span::before{border-color:#C4C4C4;}
  .begin-again-03 .tab-contents > div dl{position: relative;padding-left: 90px;font-size:14px;}
  .begin-again-03 .tab-contents > div dl dt{position: absolute;left:0; top:4px;}
  .begin-again-03 .tab-contents > div dl + dl{margin-top:10px;}
  .begin-again-03 .tab-contents > div dl span{display:inline-block; padding: 4px 16px; margin-right:10px;}

  /* SECTION04 현장 스케치, 미니 인터뷰 */
  .begin-again-04.section-wrap{padding-bottom:150px;}
  .begin-again-04 .tit-bx{margin-bottom:50px;}
  .begin-again-04 h2{font-size: 48px;background-size:250px;}
  .begin-again-04 p{font-size: 20px;}
  .begin-again-04-01 .img-thumb li {height:50vw;}
  .begin-again-04-01 .img-thumb li img{position:relative;width:80%;border-radius: 10px;}
  .begin-again-04-01 .img-thumb li:not(.swiper-slide-active) img{box-shadow: 5px 5px 7px 0px #00000026;}
  .begin-again-04-01 .img-thumb li.swiper-slide-active img{width:140%;}
  .begin-again-04-01 .img-thumb li div{position:relative;height:100%;display:flex; align-items: center;justify-content: center;}
  .begin-again-04-01 .slide-bg { overflow: hidden; position: absolute; top: 0; left: 30%; bottom: 0; width: 70vw; border-radius:10px 0 0 10px;}
  .begin-again-04-01 .slide-bg-wrap{padding:50px 0 100px;}
  .slide-btn-wrap{bottom:40px;}
  .begin-again-04-01 .button-next, 
  .begin-again-04-01 .button-prev{width:38px;height:38px;}
  .btn-p-next button{margin:0 7px;}
  .btn-p-next button.button-next,
  .btn-p-next button.button-prev,
  .btn-p-next button.button-next.swiper-button-disabled,
  .btn-p-next button.button-prev.swiper-button-disabled{background-size: 22%;}
  .slide-btn-wrap .swiper-pagination-fraction{position:initial;width:70px;}
  .interview-wrap > div {display: block;padding-bottom: 40px;border-radius: 10px;background: none;}
  .interview-wrap{ width: calc(100% + 40px) !important; margin: 0 -20px;}
  .interview-wrap > div img{ width: 100% !important; }
  .interview-wrap > div + div{margin-top:100px;}
  .interview-wrap > div dl {position: relative; width:auto;display: block;margin:-40px 20px 0; padding: 20px; background: #fff;box-shadow: 2px 2px 10px 0px #0000000D;z-index: 9;border-radius:10px;}
  .interview-wrap > div dl dt{margin-bottom:20px;font-size:14px;}
  .interview-wrap > div dl dd p{display:inline-block;padding: 8px 20px;font-size:12px;}
  .interview-wrap > div dl dd p strong{color:#333;}
  .interview-wrap img{border-radius:0;}
  .begin-again-04-02 .interview-wrap > div dl dd{padding-top:0;}

  .pageTop-bx{display: none !important;}
  .pageTop-bx-m{display: block !important;margin-top:40px;}
  .pageTop-bx-m .pageTop { display: flex; width: 56px; height: 56px; border-radius: 99px; border: none; transition: .2s ease-in-out; background: #FE7E5D; align-items: center; justify-content: center;transition: .2s ease-in-out;text-decoration:none;}
  .pageTop-bx-m .pageTop{width:180px;margin:0 auto; padding:0 20px;}
  .pageTop-bx-m .pageTop span{display: block; padding-left:10px;color:#fff;font-size:13px;}

}

/* Mobile */
@media all and (max-width: 768px) {

	.begin-again-wrap > section{padding:50px 0;}
	.begin-again-wrap p{font-size :16px; line-height:1.5;}


	/* SECTION01 */
	.video-wrap .scroll-hint .mouse-icon {bottom: 34px;width: 20px;height: 32px;margin-left: -10px;}
	.video-wrap .scroll-hint .mouse-icon::before {height: 6px;}
	.video-wrap .scroll-hint .arrow::before {bottom: 34px;left: 50%;width: 6px;height: 6px;margin-left: -4px;}
	.video-wrap .scroll-hint .arrow::after {bottom: 28px;left: 50%;width: 6px;height: 6px;margin-left: -4px;}
	.video-controls.control-area .pause {background-size: 14px;}
	.video-controls.control-area .play {background-size: 14px;}
	.video-wrap .tit-bx h1{font-size: 20px;}
	.video-wrap .tit-bx p{font-size: 24px;}
	.video-wrap .video-controls.control-area button{height:40px;width:40px;}
    .begin-again-wrap .video-wrap {height: 55vw;min-height:300px;padding: 0;}

	.begin-again-02 .tit-bx h3, 
	.begin-again-03 .tit-bx h3{font-size: 17px;}
	.begin-again-02 .tit-bx h2, 
	.begin-again-03 .tit-bx h2{font-size: 24px;margin:0.2em 0;}

	.begin-again-02 .tit-bx{margin-bottom:40px;}
	.begin-again-02 .img-bx{margin:40px 0; border-radius: 10px;}
    .begin-again-02 .img-bx figure{border-radius: 10px;}
    .begin-again-02 .img-bx figcaption{padding-top: 5px; font-size: 12px; }
	.begin-again-02::after{height: 30%; }

    .begin-again-03 .wrap-tab .tabBox{margin-bottom:40px;}
    .begin-again-03 .wrap-tab .tabBox li button{width:100px; margin:0 4px; font-size:14px;}

    .begin-again-04 h2{font-size: 24px;background-size:150px;margin:0.2em 0;}
    .begin-again-04-01 .slide-bg { left: 25%; bottom: 0; width: 75vw;}
    .begin-again-04-02{padding-top: 60px;}


}
