/* font */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: url('../fonts/Pretendard-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/Pretendard-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Pretendard-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/Pretendard-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/Pretendard-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Pretendard-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/Pretendard-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: url('../fonts/Pretendard-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url('../fonts/Pretendard-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura Std';
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/FuturaStdExtraBold.otf') format('truetype');
}



/* size */
@media screen and (max-width: 1525px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; overflow-y: hidden; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1520px; margin:0 auto; }
.sec_top{ padding-top: 81px; }
.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }


@media screen and (max-width: 1525px) { 
    .inner{ width:100%; padding:0 20px; }
} /* tablet */
@media screen and (max-width: 1200px) { 
	.sec_top{ padding-top: 71.09px; }
}
@media screen and (max-width: 650px) { 
	.sec_top{ padding-top: 63.92px; }
    .paging_box{ font-size: 13px; }
} /* mobile */

:root{
	--main-color : #E8552A;
	--dark-gray : #373737;
}

/* 헤더 */
header{ padding: 20px 0; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menuContainer .menuBox{ display: flex; justify-content: flex-end; align-items: center; gap: 21px; }
header .menuContainer .menuBox .menuList{ display: flex; gap: 21px; align-items: center; font-size: 18px; }
header .menuContainer .menuBox .menuList > li{ position: relative; }
header .menuContainer .menuBox .menuList > li > a{ display: block; padding: 10px; width: 173px; text-align: center; }
header .menuContainer .menuBox .menuList > li > a + .subMenu{ display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; padding: 20px; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); }
header .menuContainer .menuBox .menuList > li > a + .subMenu > li{ text-align: center; font-size: 16px; }
header .menuContainer .menuBox .menuList > li > a + .subMenu > li + li{ margin-top: 10px; }

header .menuContainer .menuBox .menuList > li:hover > a + .subMenu{ display: block; }
header .telBoxWrap .telBox{ 
	background-color: var(--main-color); padding: 8px 14px 8px 10px; border-radius: 5px; display: flex; 
	align-items: center; color: #fff; font-size: 18px; font-weight: 700; gap: 5px; 
	animation: telBackground  1.5s ease-in-out infinite;
}
header .telBoxWrap .telBox .icon{ transform: translateY(2px); }
header .hamburgerMenu{ display: none; }
header .telBoxWrap.mobile{ display: none; }

header .mobileblogLink{ display: none; }

/* 추가 설정 */
.successArti .swiper-wrapper img { width: 173px; height: 205px; object-fit: cover; }
.div-cupon-close { display: flex; justify-content: center; }
.div-cupon-close .closeBtn { position: absolute; bottom: 280px; }

@media screen and (max-width: 1525px) { 
	header .menuContainer .menuBox .menuList > li > a{ width: 130px;  }
}
@media screen and (max-width: 1200px) { 
	header .hamburgerMenu{ display: block; background-color: transparent; position: fixed; z-index: 9; right: 0; padding: 20px; border: none; }
	header .logoBox .logoImg{ width: 130px; }
	header .menuContainer{ 
		position: fixed; right: 0; background: #fff; width: 100%; max-width: 500px; 
		height: calc(100vh - 81px); right: -500px; top: 81px; display: flex; align-items: flex-start; 
		justify-content: center; transition: right 0.5s; z-index: 9999; overflow-y: scroll;
	}
	header .menuContainer.show{ right: 0; }
	header .menuContainer .menuBox { flex-direction: column; width: 100%; }
	header .menuContainer .menuBox .menuList{ flex-direction: column; width: 100%; text-align: left; gap: 24px; padding: 39px 16px; }
	header .menuContainer .menuBox .menuList > li{ width: 100%; }
	header .menuContainer .menuBox .menuList > li > a{ width: 100%; text-align: left; padding: 0; font-size: 22px; font-weight: 700; }
	header .menuContainer .menuBox .menuList > li > a + .subMenu{ display: block; position: static; background-color: transparent; box-shadow: none; padding: 0; margin-top: 20px; }
	header .menuContainer .menuBox .menuList > li > a + .subMenu > li{ text-align: left; }
	header .menuContainer .menuBox .menuList > li > a + .subMenu > li + li{ margin-top: 15px; }

	header .menuContainer .menuBox .telBoxWrap{ display: none; }

	header .menuCloseBg{ position:fixed; background-color: rgba(0,0,0,0.5); left: 0; top: 81px; width: 100%; height: calc(100vh - 81px); cursor: pointer; opacity: 0; visibility: hidden; }
	header .menuCloseBg.show{ opacity: 1; visibility: visible;  }

	header .telBoxWrap.mobile{ display: block; margin-right: 40px; }

	header .mobileblogLink{ display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 24px 16px; border-top: 1px solid #D9D9D9; margin-bottom: 102px; }
	header .mobileblogLink .blogBtn{ display: flex; align-items: center; gap: 5px; color: #565656; text-align: left; }

}
@media screen and (max-width: 650px) { 
	header .logoBox .logoImg{ width: 100px; }
	header .telBoxWrap.mobile .telBox{ display: flex; font-size: 14px; padding: 8px 10px; gap: 2px; }

	/* 추가 설정 */
	.div-detail-view img { width: -webkit-fill-available !important; height: auto !important; }
	.basicList .content img { width: -webkit-fill-available !important; height: auto !important; }
	.successArti .swiper-wrapper img { width: 107px; height: 125px; }
	.div-reimbursement-title { display: flex; justify-content: center; align-items: center; margin-bottom: 13px; }
}
@media screen and (max-width: 550px) { 
	header .menuContainer{ max-width: unset; right: -100%;}
}
@media screen and (max-width: 300px) { 
	header .logoBox .logoImg{ width: 28vw; }
	header .telBoxWrap.mobile .telBox{ padding: 5px; font-size: 4vw; gap: 1vw; }
	header .telBoxWrap.mobile .telBox .icon{ width: 5vw; }
}

/* 메인 하단 여백 */
/* .main{ margin-bottom: 77px; } */

/* 메인 타이틀 */
.main .mainTitle{ font-size: 55px; font-weight: 800; }
.main .mainTitle.center{ text-align: center; }
.main .mainTitle .orange{ color: var(--main-color); }

.main .mainSubTitle{ color: #4F4F4F; margin-top: 30px; font-size: 24px; line-height: 1.5em; }
.main .mainSubTitle.center{ text-align: center; }
@media screen and (max-width: 1250px) { 
	.main .mainTitle{ font-size: 40px; }
	.main .mainSubTitle{ font-size: 18px; }
}
@media screen and (max-width: 650px) { 
	.main .mainTitle{ font-size: 32px; }
	.main .mainSubTitle{ font-size: 16px; margin-top: 18px; }
}

/* 메인 상단 배너 */
.main .topBannerArti{ height: 800px; background-image: url('../img/main/top-banner/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .topBannerArti .inner{ height: 100%; display: flex; flex-direction: column; }
.main .topBannerArti .halfContainer{ flex-grow: 1; }

.main .topBannerArti .halfContainer{ display: flex; align-items: center; justify-content: space-between; }
.main .topBannerArti .halfContainer .textBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; } 
.main .topBannerArti .halfContainer .textBox .t1{ font-size: 32px; font-weight: 700;  }
.main .topBannerArti .halfContainer .textBox .t2{ font-size: 52px; font-weight: 700; margin-top: 33px; letter-spacing: -0.07em; }
.main .topBannerArti .halfContainer .textBox .t2 b{ font-weight: 900; }

.verifyContainer{ filter: drop-shadow(18px 16px 21px rgba(0, 0, 0, 0.40)); padding-right: 147px;  }
.verifyContainer .stepList{ position: relative; }
.verifyContainer .stepList .item{ background-color: #fff; width: 452px; height: 603px; padding: 25px;  }
.verifyContainer .stepList > li{ display: none;}
.verifyContainer .stepList > li.active { display: block; }
.verifyContainer .stepList > li.introBox{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }
.verifyContainer .stepList .item.bg{ background: linear-gradient(223deg, #EB8B46 -10.65%, #FF9345 -10.64%, #E3513A 112.94%); }

.verifyContainer .stepList .item01{ padding: 60px 46px; }
.verifyContainer .stepList .item01 .title img{ display: block; max-width: 100%; }
.verifyContainer .stepList .item01 .content{ margin-top: 50px; font-size: 20px; line-height: 2em; color: #fff; }
.verifyContainer .stepList .item01 .verifyBtn{ display: block; margin: 88px auto 0 auto; display: flex; justify-content: center; align-items: center; gap: 6px; padding: 7px; border-radius: 100px; width: 197px; background-color: var(--dark-gray); color: #fff; border: none; font-size: 24px; font-weight: 700; }

.verifyContainer .stepList .item02{ padding: 138px 66px; }
.verifyContainer .stepList .item02 .title img{ display: block; max-width: 100%; }
.verifyContainer .stepList .item02 .txt{ text-align: center; color: #fff; font-size: 16px; margin-top: 19px; line-height: 1.5em; }
.verifyContainer .stepList .item02 .iptList{ margin-top: 30px; }
.verifyContainer .stepList .item02 .iptList .ipt{ width: 100%; font-size: 20px; padding: 13px 0 10px 0; background-color: transparent; border: none; border-bottom: 1px solid #373737; color: #373737  }
.verifyContainer .stepList .item02 .iptList .ipt:focus{ box-shadow: none; }
.verifyContainer .stepList .item02 .iptList .ipt::placeholder{ color: #373737; }
.verifyContainer .stepList .item02 .submitBtn{ margin-top: 37px; display: flex; align-items: center; justify-content: center; gap: 15px; background-color: var(--dark-gray); color: #fff; border: none; padding: 8px; border-radius: 5px; font-size: 24px; font-weight: 700; } 

.verifyContainer .stepList .item{ display: flex; flex-direction: column;  }
.stepList .item .container01{ flex-grow: 1; }
.verifyContainer .stepList .item .progressBox{ padding: 35px 0; }
.verifyContainer .stepList .item .progressBox .progress{ height: 4px; background-color: #E0E0E0; }
.verifyContainer .stepList .item .progressBox .progress .bar{ height: 100%; width: calc(100% / 5); background-color: var(--main-color); }
.stepList .item .container01 .titleQ{ font-size: 24px; font-weight: 700;  }
.stepList .item .container01 .titleQ span{ color: var(--main-color); }
.stepList .item .container01 .titleQ .number{ font-family: 'Poppins', sans-serif; font-size: 25px; letter-spacing: 0.005em; }  
.stepList .item .container01 .titleQ .small{ font-size: 14px; color: #FF9778; font-weight: 300; }
.stepList .item .container01 .answerList{ margin-top: 12px; }
.stepList .item .container01 .answerList > li + li{ margin-top: 14px; }
.stepList .item .container01 .answerList > li label{ display: block; color: #555; font-size: 20px; cursor: pointer; }
.stepList .item .container01 .answerList > li label .txt{ display: flex; gap: 14px; align-items: center; background-color: #fff; padding: 10px 13px;  border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); border: 1.5px solid #fff; font-weight: 300; }
.stepList .item .container01 .answerList > li label input[type="radio"]{ display: none; }
.stepList .item .container01 .answerList > li label input[type="radio"] + .txt::before{ content:''; display: block; width: 15px; height: 15px; border: 1px solid #D9D9D9; border-radius: 50%; }
.stepList .item .container01 .answerList > li label input[type="radio"]:checked + .txt{ border: 1.5px solid #FF9778; background-color: #FFE4DC; box-shadow: 0px 0px 8px 0px #FFDCD1; }
.stepList .item .container01 .answerList > li label input[type="radio"]:checked + .txt::before{ background-image: url('../img/common/radio-selected.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.stepList .item .container01 .answerList > li label b{ font-weight: 600; }

.stepList .item .container02{ display: flex; justify-content: space-between; font-size: 14px; font-weight: 700; }
.stepList .item .container02 button{ background-color: transparent; border: none; display: flex; align-items: center; gap: 5px; }
.stepList .item .container02 button img{ transform: translateY(-1px); }
.stepList .item .container02 button.prev{ color: #D9D9D9; }
.stepList .item .container02 button.next{ color: var(--main-color); }


.main .verifyContainer .stepList .item01 .title{ opacity: 0; animation : 0.5s ease-in-out 0.2s 1 normal forwards running intro; }
.main .verifyContainer .stepList .item01 .content{ opacity: 0; animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .verifyContainer .stepList .item01 .verifyBtn{ opacity: 0; animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1540px) { 
	.verifyContainer{ padding-right: 33px; }
}

@media screen and (max-width: 1100px) { 
	.main .topBannerArti .halfContainer .textBox .t1{ font-size: 22px; }
	.main .topBannerArti .halfContainer .textBox .t2{ font-size: 36px; margin-top: 20px; }
	.verifyContainer{ padding-right: 0; }
}
@media screen and (max-width: 900px) { 
	.main .topBannerArti{ height: unset; padding: 50px 0; }
	.main .topBannerArti .halfContainer{ flex-wrap: wrap; justify-content: center; gap: 15px; }
	.main .topBannerArti .halfContainer .textBox{ width: 100%; text-align: center; }
}
@media screen and (max-width: 650px) { 
	.main .topBannerArti .halfContainer .textBox .t1{ font-size: 20px;  }
	.main .topBannerArti .halfContainer .textBox .t2{ font-size: 26px; margin-top: 20px; }

	.verifyContainer{ width: 100%; max-width: 311px; }
	.verifyContainer .stepList{ width: 100%; height: 100%; }
	.verifyContainer .stepList > li{ width: 100%; display: none; }
	.verifyContainer .stepList .item{ width: 100%;  min-height: 420px; height: unset; padding:20px 20px; }
	
	.verifyContainer .stepList .item01{ padding: 29px 23px; }
	.verifyContainer .stepList .item01 .title img{ max-width: 178px; }
	.verifyContainer .stepList .item01 .content{ font-size: 15px; margin-top: 20px; }
	.verifyContainer .stepList .item01 .verifyBtn{ margin-top: 45px; font-size: 18px; }
	.verifyContainer .stepList .item01 .verifyBtn .arrow{ width: 24px; }

	.verifyContainer .stepList .item02{ padding: 60px 30px; }
	.verifyContainer .stepList .item02 .title img{ width: 100%; max-width: 206px; }
	.verifyContainer .stepList .item02 .txt{ font-size: 13px; word-break: keep-all; width: calc(100% + 60px); margin-left: -30px; }
	.verifyContainer .stepList .item02 .iptList .ipt{ font-size: 15px; }
	.verifyContainer .stepList .item02 .submitBtn{ margin-top: 20px; font-size: 17px; }

	.verifyContainer .stepList .item .progressBox{ padding: 6px 0; }
	.stepList .item .container01 .titleQ{ font-size: 18px; letter-spacing: -0.1em; }
	.stepList .item .container01 .titleQ .number{ font-size: 20px; }
	.stepList .item .container01 .answerList > li label .txt{ padding: 8px 13px; font-size: 16px; border-radius: 5px; }
	.stepList .item .container02{ width: calc(100% + 20px); margin-left: -10px; margin-top: 14px; }
}

/* 메인 리뷰 */
.main .reviewArti{ background-color: #EBECEE; padding: 144px 0 100px 0; overflow: hidden; } 
.main .reviewArti .starBox{ display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.main .reviewArti .starBox .star{ display: block; max-width: 100%; }

.main .reviewArti .slideContainer .reviewSlide{ margin-top: 37px; }
.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper{ transition-timing-function: linear; }
.main .reviewArti .slideContainer .reviewSlide .swiper-slide{ padding: 5px; width: auto !important; height: auto !important; }
.main .reviewArti .slideContainer .reviewSlide .item{ background-color: #fff; padding: 19px 15px; border-radius: 20px; box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.10); width: 298px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.main .reviewArti .slideContainer .reviewSlide .item .content::before{ content:''; display: block; width: 20px; height: 20px; background-image: url('../img/main/review/quotes.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 19px;  }
.main .reviewArti .slideContainer .reviewSlide .item .content{ color: #282828; font-size: 14px; line-height: 1.5em; font-weight: 300; letter-spacing: -0.07em; }
.main .reviewArti .slideContainer .reviewSlide .item .content b.orange{ font-weight: 600; color: var(--main-color); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox{ margin-top: 13px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox{ width: 40px; height: 40px; background-color: #dfdfdf; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox.profile01{ background-image: url('../img/main/review/profile01.png'); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox.profile02{ background-image: url('../img/main/review/profile02.png'); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox.profile03{ background-image: url('../img/main/review/profile03.png'); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox.profile04{ background-image: url('../img/main/review/profile04.png'); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox.profile05{ background-image: url('../img/main/review/profile05.png'); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .imgBox.profile06{ background-image: url('../img/main/review/profile06.png'); }
.main .reviewArti .slideContainer .reviewSlide .item .profileBox .txt{ font-weight: 700; color: #CFCFCF; }
@media screen and (max-width: 1250px) { 
	.main .reviewArti .starBox .star{ width: 100%; max-width: 250px; }
}
@media screen and (max-width: 650px) { 
	.main .reviewArti{ padding: 50px 0; }
	.main .reviewArti .starBox .star{ max-width: 170px; }
}

/* 내손안에 바로회생 매니저 */
.main .managerArti{ background-color: #2A2A2A; padding-top: 177px;  }
.main .managerArti .mainTitle{ color: #fff; }
.main .managerArti .mainSubTitle{ color: #fff; }

.main .managerArti .phoneContainer{ margin-top: 30px; display: flex; justify-content: center; }
.main .managerArti .phoneContainer .phoneWrap{ position: relative; }
.main .managerArti .phoneContainer .phoneWrap .contentBox{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding-top: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main .managerArti .phoneContainer .phoneWrap .contentBox img{ max-width: 100%; }
.main .managerArti .phoneContainer .phoneWrap .contentBox .title{ margin-top: 20px; }
.main .managerArti .phoneContainer .phoneWrap .contentBox .loading{ animation: spin 2s linear infinite; }
.main .managerArti .phoneContainer .phoneWrap .contentBox .bubbleList{ margin-top: 20px; }
.main .managerArti .phoneContainer .phoneWrap .contentBox .bubbleList > li + li{ margin-top: 17px; }
.main .managerArti .phoneContainer .phoneWrap .contentBox .bubbleList > li img{ display: block; margin: 0 auto; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); }


@media screen and (max-width: 650px) { 
	.main .managerArti{ padding: 50px 0 0 0; }
	.main .managerArti .phoneContainer .phoneWrap .bg{ max-width: 300px; width: 100%; }
	.main .managerArti .phoneContainer .phoneWrap .contentBox{ padding-top: 0; }
	.main .managerArti .phoneContainer .phoneWrap .contentBox img{ max-width: 80%; }
	.main .managerArti .phoneContainer .phoneWrap .contentBox .loading{ width: 40px; }
	.main .managerArti .phoneContainer .phoneWrap .contentBox .title{ width: 133.31px; margin-top: 12px; }
	.main .managerArti .phoneContainer .phoneWrap .contentBox .bubbleList > li + li{ margin-top: 10px; }
	.main .managerArti .phoneContainer .phoneWrap .contentBox .bubbleList > li img{ width: 100%; }
}
@media screen and (max-width: 300px) { 
	.main .managerArti .phoneContainer .phoneWrap .contentBox{ padding-top: 7vw;  }
	.main .managerArti .phoneContainer .phoneWrap .contentBox .loading{ width: 7vw;  }  
}

/* 단 4번의 클릭으로 월 변제금 확인 */
.main .clickArti{ background-image: url('../img/main/click/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; height: 338px; display: flex; align-items: center; justify-content: center; }
.main .clickArti img{ max-width: 100%; margin: 0 auto;  display: block;}
@media screen and (max-width: 650px) { 
	.main .clickArti{ background-image: url('../img/main/click/background-mobile.png'); height: 237px; }
}

/* 세상에 없던 월 변제금 바로조회 */
.main .checkArti{ background-color: #FFFAEA; padding: 126px 0; }
.main .checkArti .halfContainer{ display: flex; justify-content: space-between; }
.main .checkArti .halfContainer .leftBox{ padding-top: 37px; }
.main .checkArti .halfContainer .leftBox .content{ width: 100%; max-width: 422px; margin-top: 86px; }


div.tabContainer{ background-color: #FAF7F8; border-radius: 40px; border: 1px solid rgba(173, 173, 173, 0.40); padding: 42px 28px; width: 452px; height: 706px;  border: 1px solid #E3E3E3; display: flex; flex-direction: column; margin-right: 192px;  }
div.tabContainer.bg{ background: linear-gradient(139deg, #FBDA61 8.93%, #FFC371 68.55%); }
div.tabContainer .tabBtnWrap{ display: flex; background-color: #E6E6E6; border-radius: 10px; padding: 2px; }
div.tabContainer .tabBtnWrap > li{ width: calc(100% / 2);  }
div.tabContainer .tabBtnWrap > li button{ width: 100%; font-weight: 700; background-color: transparent; border: none; color: #C1C1C1; border-radius: 10px; padding: 10px; }
div.tabContainer .tabBtnWrap > li button.active{ background-color: #fff; color: #000; }
div.tabContainer .tabContent01{ margin-top: 52px; flex-grow: 1; display: none;flex-direction: column; }
div.tabContainer .tabContent01.active{ display: flex; }
div.tabContainer .tabContent01 .progressbar{ padding: 10px 0; }
div.tabContainer .tabContent01 .progressbar.hide{ opacity: 0; }
div.tabContainer .tabContent01 .progressbar .progress{ height: 4px; background-color: #E0E0E0;  }
div.tabContainer .tabContent01 .progressbar .progress .bar{ height: 100%; width: calc(100% / 5); background-color: var(--main-color); transition: width 0.5s; }
div.tabContainer .tabContent01 .stepList{ margin-top: 34px; flex-grow: 1; }
div.tabContainer .tabContent01 .stepList > li{ height: 100%; display: none; }
div.tabContainer .tabContent01 .stepList > li.active{ display: block; }
div.tabContainer .tabContent01 .stepList .item{ display: flex; flex-direction: column; height: 100%; }
div.tabContainer .tabContent01 .stepList .item .container01{ flex-grow: 1; }

div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox{ margin-top: 30px; }
div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .help{ font-size: 20px; font-weight: 700;  }
div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .help .smallOrange{ color: var(--main-color); font-size: 16px; font-weight: 300; color: #FF9778; }
div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap{ margin-top: 50px; }
div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap .ipt{ padding: 14px 0; font-size: 24px; width: 88%; border: none; border-bottom: 1px solid #B7B7B7; background-color: transparent; }
div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap .span-money{ font-size: 24px; vertical-align: middle; }
div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap .ipt::placeholder{ color: #E0E0E0; }

div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 14px; border-bottom: 1px solid #000;  }
div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox .left{ font-size: 20px; font-weight: 700; } 
div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox .right{ font-size: 20px; font-weight: 500; }
div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox .right .number{ font-size: 42px; font-weight: 700; margin-right: 5px; }
div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .notice{ font-size: 14px; color:#5B5B5B; font-weight: 300; margin-top: 8px; }
div.tabContainer .tabContent01 .stepList .item .container01 .finalTitle{ margin-top: 60px; text-align: center; font-size: 20px; font-weight: 600; line-height: 1.5em; }
div.tabContainer .tabContent01 .stepList .item .container01 .finalTitle b{ font-weight: 800; }

div.tabContainer .tabContent01 .stepList .item .container01 .finalIptBox{ margin-top: 34px;  }
div.tabContainer .tabContent01 .stepList .item .container01 .finalIptBox > li + li{ margin-top: 6px; }
div.tabContainer .tabContent01 .stepList .item .container01 .finalIptBox .ipt{ padding: 10px; background-color: #fff; border-radius: 5px; border: 1px solid #fff; width: 100%; font-size: 18px; }

div.tabContainer .tabContent01 .stepList .item .container01 .submitBtn2{ background-color: #000; padding: 10px; display: flex; justify-content: center; align-items: center; gap: 15px; color: #fff; width: 100%; border: none; border-radius: 5px; margin-top: 11px; font-size: 20px; font-weight: 700; }

div.tabContainer .tabContent02{ display: none; flex-grow: 1; align-items: center; }
div.tabContainer .tabContent02.active{ display: flex; }
div.tabContainer .tabContent02 .dot{ display: block; max-width: 100%; }
div.tabContainer .tabContent02 .title{ margin-top: 17px; max-width: 100%; }
div.tabContainer .tabContent02 .contentBox{ margin-top: 23px; font-size: 20px; line-height: 1.5em; color: #4F4F4F; font-weight: 400; }
div.tabContainer .tabContent02 .contentBox .underline{ background: linear-gradient(to top, #FFDCD2, #FFDCD2 100%); }
div.tabContainer .tabContent02 .contentBox b{ font-weight: 600; }

ul.stepList .item .container02.hide{ opacity: 0; visibility: hidden; }
@media screen and (max-width: 1540px) { 
	div.tabContainer{ margin-right: 0; }
}
@media screen and (max-width: 1250px) { 
	.main .checkArti .halfContainer .leftBox .content{ max-width: 380px; }
}
@media screen and (max-width: 900px) { 
	.main .checkArti .halfContainer{ flex-wrap: wrap; justify-content: center; }
	.main .checkArti .mainTitle{ text-align: center; }
	.main .checkArti .mainSubTitle{ text-align: center; }
	.main .checkArti .halfContainer .leftBox{ width: 100%; }
	.main .checkArti .halfContainer .leftBox .content{ display: block; margin: 40px auto 0 auto; }
	.main .checkArti .halfContainer .rightBox{ margin-top: 40px; }
}
@media screen and (max-width: 650px) { 
	.main .checkArti{ padding: 67px 0 50px 0; }
	.main .checkArti .halfContainer .leftBox .content{ margin-top: 22px; }
	.main .checkArti .halfContainer .rightBox{ width: 100%; display: flex; justify-content: center; }
	div.tabContainer{ width: 100%; max-width: 360px; padding: 12px 11px; border-radius: 15px; }
	div.tabContainer .tabContent01{ max-width: 300px; width: 100%; margin: 20px auto 0 auto; }
	div.tabContainer .tabContent01 .stepList{ margin-top: 8px; }

	div.tabContainer{ height: 470px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox{ margin-top: 35px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .help{ font-size: 15px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .help .smallOrange{ font-size: 13px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap{ margin-top: 11px;  }
	div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap .ipt{ width: 90%; font-size: 16px; padding: 10px 0; }
	div.tabContainer .tabContent01 .stepList .item .container01 .asnwerBox .iptWrap .span-money{ font-size: 16px; }

	div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox .left{ font-size: 18px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox .right .number{ margin-right: 0; }
	div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .moneyBox{ padding-bottom: 5px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .finalBox .notice{ font-size: 12px; letter-spacing: -0.07em; }
	div.tabContainer .tabContent01 .stepList .item .container01 .finalTitle{ font-size: 16px; margin-top: 30px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .finalIptBox .ipt{ font-size: 15px; padding: 5px 10px; }
	div.tabContainer .tabContent01 .stepList .item .container01 .submitBtn2{ font-size: 17px; }

	div.tabContainer .tabContent02{ max-width: 280px; margin: 0 auto; }
	div.tabContainer .tabContent02 .dot{ display: none; }
	div.tabContainer .tabContent02 .contentBox{ font-size: 16px; letter-spacing: -0.1em; }	
	div.tabContainer .tabContent02 .contentBox::before{ content:''; display: block; width: 21px; height: 10px; background-image: url('../img/main/check/title_dot.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 10px; }
	div.tabContainer .tabContent02 .title{ margin-top: 0; }
}	

/* 추가비용을 일절 요구하지 않는 고정수입료 */
.main .morePriceArti{ padding: 96px 0; }
.main .morePriceArti  .inner{ max-width: 1135px; }
.main .morePriceArti .imgBox{ height: 454px;  }

.main .morePriceArti .imgBox .imgShow{ height: 100%; overflow: hidden; }
.main .morePriceArti .imgBox .imgShow .imgbox{ height: 100%; background-repeat: no-repeat; background-size: cover; background-position: left bottom; }
.main .morePriceArti .imgBox .imgShow .imgbox.imgbox01{ background-image: url('../img/main/moreprice/img01.jpg'); background-position: center bottom 40%; }
.main .morePriceArti .imgBox .imgShow .imgbox.imgbox02{ background-image: url('../img/main/moreprice/img02.jpg'); background-position: right bottom; }
.main .morePriceArti .imgBox .imgShow .imgbox.imgbox03{ background-image: url('../img/main/moreprice/img03.jpg'); background-position: center bottom 50%; }


.main .morePriceArti .halfBox{ margin-top: 64px; display: flex; justify-content: space-between; }
.main .morePriceArti .halfBox > div{ width: calc(100% / 2); }
.main .morePriceArti .halfBox > div .mainSubTitle{ margin-top: 0; }
.main .morePriceArti .halfBox .list{ margin-top: 58px; }
.main .morePriceArti .halfBox .list > li + li{ margin-top: 64px; }
.main .morePriceArti .halfBox .list > li .item{ padding-left: 52px; min-height: 72px; background-repeat: no-repeat; background-position: left center; display: flex; align-items: center; color: #4F4F4F; font-size: 19px; font-weight: 700; line-height: 1.5em; }
.main .morePriceArti .halfBox .list > li:nth-child(1) .item{ background-image: url('../img/main/moreprice/1.svg'); }
.main .morePriceArti .halfBox .list > li:nth-child(2) .item{ background-image: url('../img/main/moreprice/2.svg'); }
.main .morePriceArti .halfBox .list > li:nth-child(3) .item{ background-image: url('../img/main/moreprice/3.svg'); }

.main .morePriceArti .halfBox .bottomContainer{ margin-top: 45px; display: flex; align-items: center; gap: 30px; }
.main .morePriceArti .halfBox .bottomContainer .txt{ color: #4F4F4F; line-height: 1.5em; }
.main .morePriceArti .halfBox .bottomContainer .profileBox{ display: flex; align-items: center; gap: 11px; }
.main .morePriceArti .halfBox .bottomContainer .profileBox .profileImg{ background-color: #dfdfdf; background-image: url('../img/main/moreprice/profile.png'); background-size: cover; background-repeat: no-repeat; border-radius: 50%; width: 50px; height: 50px; }
.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText{ font-weight: 200; } 
.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText b{ font-weight: 400; }
.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText .sign{ margin-left: 10px; }

.main .morePriceArti .titleWrap{ opacity: 0; }
.main .morePriceArti .active .titleWrap{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .morePriceArti .contentWrap .mainSubTitle{ opacity: 0; }
.main .morePriceArti .active .contentWrap .mainSubTitle{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .morePriceArti .halfBox .list > li{ opacity: 0; }
.main .morePriceArti .halfBox.active .list > li:nth-child(1){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .morePriceArti .halfBox.active .list > li:nth-child(2){ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .morePriceArti .halfBox.active .list > li:nth-child(3){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
.main .morePriceArti .halfBox .bottomContainer{ opacity: 0; }
.main .morePriceArti .halfBox.active .bottomContainer{ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }

/* Footer 사업자 정보 영역 */
.footer-wrap { background-color: var(--dark-gray); color: white; padding-top: 30px; padding-bottom: 87px; }
.footer-wrap .div-footer-contents { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
.footer-wrap .p-fotter-top { margin-right: 20px; }

@media screen and (max-width: 1250px) { 
	.main .morePriceArti .halfBox > div{ width: auto; }
	.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText .sign{ width: 60px; }
}
@media screen and (max-width: 900px) { 
	.main .morePriceArti .halfBox{ flex-wrap: wrap; }
	.main .morePriceArti .halfBox > div{ width: 100%;} 
	.main .morePriceArti .mainTitle{ text-align: center; }
	.main .morePriceArti .halfBox > div .mainSubTitle{ text-align: center; margin-top: 20px; }
	.main .morePriceArti .halfBox .list > li .item{ padding-left: 0; padding-top: 72px; min-height: unset; text-align: center; background-position: top center; justify-content: center; }
	.main .morePriceArti .halfBox .bottomContainer{ justify-content: center; flex-wrap: wrap; }
	.main .morePriceArti .halfBox .bottomContainer .txt{ width: 100%; text-align: center; }
}
@media screen and (max-width: 650px) { 
	.main .morePriceArti{ padding: 0 0 50px 0; }
	.main .morePriceArti .imgBox{ height: 277px; width: calc(100% + 40px); margin-left: -20px; }
	.main .morePriceArti .halfBox .list > li + li{ margin-top: 20px; }
	.main .morePriceArti .halfBox .list > li .item{ padding-top: 50px; background-size: auto 36px; font-size: 17px; }
	.main .morePriceArti .halfBox .bottomContainer{ flex-wrap: wrap; justify-content: center; margin-top: 38px; }
	.main .morePriceArti .halfBox .bottomContainer .profileBox{ gap: 10px; justify-content: center; }
	.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText{ font-size: 14px; }
	.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText .sign{ width: 98px; }

	.main .morePriceArti .imgBox .imgShow .imgbox.imgbox01{ background-image: url('../img/main/moreprice/img01.jpg'); }
	.main .morePriceArti .imgBox .imgShow .imgbox.imgbox02{ background-image: url('../img/main/moreprice/img02.jpg'); }
	.main .morePriceArti .imgBox .imgShow .imgbox.imgbox03{ background-image: url('../img/main/moreprice/img03.jpg'); }

	/* Footer 사업자 정보 영역 */
	.footer-wrap { background-color: var(--dark-gray); color: white; padding-top: 30px; padding-bottom: 112px; font-size: 4vw; }
	.footer-wrap .div-footer-contents { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
	.footer-wrap .p-fotter-top { margin-right: auto; margin-bottom: 30px; }
}
@media screen and (max-width: 315px) { 
	.main .morePriceArti .halfBox .bottomContainer .profileBox .profileText .sign{ width: 18vw; }
}


/* 백마디 말보다 성공사례를 보여드리겠습니다. */
.main .successArti{ padding: 100px 0; background-color: #2A2A2A; overflow: hidden; }
.main .successArti .mainTitle{ color: #fff; }
.main .successArti .slideContainer{ margin-top: 36px; }
.main .successArti .swiper-wrapper{ transition-timing-function: linear; filter: drop-shadow(7px 12px 30px rgba(0, 0, 0, 0.50)); } 
.main .successArti .swiper-slide{ width: auto !important; padding: 0 7.5px; }

.main .successArti .titleBox{ margin-top: 63px; text-align: center; color: #fff; line-height: 1.5em; font-size: 24px; font-weight: 400; }
.main .successArti .titleBox b{ color: var(--main-color); font-weight: 700; }
.main .successArti .itemList{ display: flex; flex-wrap: wrap; gap: 21.76px; justify-content: center; margin-top: 22px; }
.main .successArti .itemList .item{ position: relative; }
.main .successArti .itemList .item::before{ content:''; display: block; width: 38px; height: 38px; background-repeat: no-repeat; background-position: center; background-image: url('../img/main/success/badge.png'); background-size: contain; position: absolute; left: 0; top: -13px; }
.main .successArti .itemList .item .imgBox{ width: 172px; height: 204px; background-color: #dfdfdf; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .successArti .itemList .item .imgBox.img01{ background-image: url('../img/main/success/cover01.png'); }
.main .successArti .itemList .item .imgBox.img02{ background-image: url('../img/main/success/cover02.png'); }

@media screen and (max-width: 900px) { 
	.main .successArti .itemList{ max-width: 366px; margin: 22px auto 0 auto; }
}
@media screen and (max-width: 650px) { 
	.main .successArti .itemList{ max-width: unset; gap: 13px; }
	/* .main .successArti .itemList > li:nth-child(3){ display: none; } */
	/* .main .successArti .itemList .item .imgBox{ width: 113px; height: 134px; } */
}
@media screen and (max-width: 408px) { 
	.main .successArti .itemList{ gap: unset; } 
	.main .successArti .itemList > li{ width: calc(100% / 2); padding: calc(13px / 2); }
	.main .successArti .itemList .item .imgBox{ width: 100%; height: 54vw; }
}

/* 바로회생에서 지금바로 시작해보세요 */
.main .startArti{ padding: 150px 0 271px 0; background: linear-gradient(198deg, #E56840 30.68%, #E74730 60.82%); }
.main .startArti .title01{ text-align: center; font-size: 55px; font-weight: 400; line-height: 1.2em; }
.main .startArti .title01 b{ font-weight: 800; }
.main .startArti .title02{ display: block; margin: 74px auto 0 auto; max-width: 100%; }

.main .startArti .title01{ opacity: 0; }
.main .startArti.active .title01{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .startArti .title02{ opacity: 0; }
.main .startArti.active .title02{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1250px) { 
	.main .startArti .title01{ font-size: 40px; }
	.main .startArti .title02{ max-width: 330px; }
}
@media screen and (max-width: 650px) { 
	.main .startArti .title01{ font-size: 32px; }
	.main .startArti .title02{ margin-top: 100px;  }
	.main .startArti{ padding: 50px 0 186px 0; }
	.main .startArti .title02{ width: 100%; max-width: 330px; }
}

/* 팝업 */
.sectionPopup { position: fixed; left: 50%; top: 40%; width: 500px; margin-left: -250px; height: 300px; margin-top: -150px; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.sectionPopup .closeBtn{ margin: 0 auto; display: block; background-color: transparent; border: none; margin-top: 15px; }
.sectionPopup .contentWrap{ padding: 30px; background-color: rgba(255, 255, 255, 0.90); border-radius: 30px; }
.sectionPopup .contentWrap img{ width: 100%; }
.sectionPopup.show{ opacity: 1; visibility: visible; }

/*  쿠폰 01  */
.cuponSection01{ position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: center; visibility: hidden; transition: visibility 0.5s; z-index: 5; cursor: pointer; }
.cuponSection01 .cuponContentBox{ position: fixed; bottom: -300px; transition: bottom 1s; background-color: #fff; width: 100%; max-width: 400px;  padding-bottom: 102px; border-radius: 30px 30px 0 0; z-index: 2; filter: drop-shadow(28px 10px 15px rgba(0, 0, 0, 0.25)); cursor: auto; }
.cuponSection01 .cuponContentBox .halfContainer{ padding: 39px 20px 20px 20px; display: flex; justify-content: space-between; align-items: flex-start; }

.cuponSection01.show{ visibility: visible; }
.cuponSection01.show .cuponContentBox{ bottom: 0; }

@media screen and (max-width: 350px) { 
	.cuponSection01 .cuponContentBox .halfContainer .title{ width: 30vw; }
	.cuponSection01 .cuponContentBox .halfContainer .cupon{ width: 50vw; }
}

.cuponSection01 .closeBtn{ margin: 0 auto; display: block; background-color: transparent; border: none; margin-top: 15px; }

/*  쿠폰 02  */
.cuponSection02{ position: fixed; z-index: 999; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(30, 30, 30, 0.50); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.cuponSection02 .closeBtn{ margin: 0 auto; display: block; background-color: transparent; border: none; margin-top: 15px; }
.cuponSection02 .contentWrap{ padding: 30px; background-color: rgba(255, 255, 255, 0.90); border-radius: 30px; }
.cuponSection02 .contentWrap img{ width: 100%; max-width: 205px; }
.cuponSection02.show{opacity: 1; visibility: visible;}

/* 하단 메뉴 */
.bottomMenuArti{ background-color: var(--dark-gray); border-radius: 20px 20px 0 0; display: flex; gap: 7.5px; align-items: center; padding: 13px 0; justify-content: center; z-index: 999; position: fixed; left: 0; bottom: 0; width: 100%; }
.bottomMenuArti .button{ background-color: #222; padding: 15px; border-radius: 100px; width: 167px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; }
.bottomMenuArti .button.active{ background-color: #fff; color: var(--main-color); }
.bottomMenuArti .button b{ font-weight: 900; }

@media screen and (max-width: 650px) { 
	.bottomMenuArti { padding: 23px; }
	.bottomMenuArti > li{ width: calc(100% / 2); padding: 2.5px; }
	.bottomMenuArti .button{ width: 100%; }

	/* 팝업 */
	.sectionPopup { width: 90%; margin-left: -45%; }
}

@media screen and (max-width: 400px) { 
	.footer-wrap { font-size: 4vw; }
}

@media screen and (max-width: 370px) { 
	.bottomMenuArti .button{ font-size: 4vw; } 
}




/* 서브페이지 */
.sub{ margin-bottom: 77px; }
@media screen and (max-width: 650px) { 
	.sub{ margin-bottom: 102px; }
}

/* 서브 공통 타이틀*/
.sub .subSmallTitle{ font-size: 32px; font-weight: 700; color: #5F5F5F; }
.sub .subSmallTitle.center{ text-align: center; }
.sub .subSmallTitle + .subTitle{ margin-top: 49px;  }
.sub .subTitle{ font-size: 48px; font-weight: 600; word-break: keep-all; }
.sub .subTitle.center{ text-align: center; }
.sub .subTitle b.orange{ font-weight: 800; color: var(--main-color); }
@media screen and (max-width: 1250px) { 
	.sub .subSmallTitle{ font-size: 24px; }
	.sub .subSmallTitle + .subTitle{ margin-top: 20px; }
	.sub .subTitle{ font-size: 36px; }
}
@media screen and (max-width: 650px) { 
	.sub .subSmallTitle{ font-size: 22px; }
	.sub .subTitle{ font-size: 32px; }
}

/* 서브 바로가기 버튼 */
.sub .subLinkBox{ margin-top: 20px; display: flex; justify-content: flex-start; }
.sub .subLinkBox .textBox{ display: flex; align-items: center; gap: 35px; font-size: 24px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #000; }
@media screen and (max-width: 1250px) { 
	.sub .subLinkBox .textBox{ font-size: 20px; gap: 10px; }
}
@media screen and (max-width: 650px) { 
	.sub .subLinkBox .textBox{ font-size: 17px; }
	.sub .subLinkBox .textBox img{ width: 19px; }
}



/* sub01_1.html */
.sub01_1 .article01{ padding: 126px 0 132px 0; }
.sub01_1 .article01 .imgContainer .imgBox{ width: 80%; margin-left: 20%; margin-top: 39px; height: 475px; background-image: url('../img/sub/sub01/sub01_1/img01.jpg'); background-repeat: no-repeat; background-position:top 80% center ; background-size: cover; }
.sub01_1 .article01 .contentContainer{ margin-top: 53px; padding-left: 760px; }
.sub01_1 .article01 .contentContainer .contentBox::before{ content:''; display: block; height: 18px; background-image: url('../img/sub/sub01/sub01_1/quotes_start.svg'); background-size: contain; background-repeat: no-repeat; background-position: left center; margin-bottom: 10px; }
.sub01_1 .article01 .contentContainer .contentBox::after{ content:''; display: block; height: 18px; background-image: url('../img/sub/sub01/sub01_1/quotes_end.svg'); background-size: contain; background-repeat: no-repeat; background-position: right center; margin-top: 10px; }
.sub01_1 .article01 .contentContainer .contentBox{ font-size: 20px; font-weight: 300; line-height: 1.5em; }
.sub01_1 .article01 .contentContainer .contentBox b{ font-weight: 600; }
.sub01_1 .article01 .contentContainer .signBox{ margin-top: 43px; display: flex; align-items: flex-end; flex-direction: column; gap: 23px; }
.sub01_1 .article01 .contentContainer .signBox .text{ font-size: 20px; font-weight: 300; }
.sub01_1 .article01 .contentContainer .signBox .text b{ font-weight: 600; }

.sub01_1 .article01 .titleBox{ opacity: 0; position: relative; z-index: 1; }
.sub01_1 .article01.active .titleBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub01_1 .article01 .imgContainer .imgBox{ opacity: 0; }
.sub01_1 .article01.active .imgContainer .imgBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running intro; }

.sub01_1 .article01 .contentContainer{ opacity: 0; }
.sub01_1 .article01.active .contentContainer{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1550px) { 
	.sub01_1 .article01 .contentContainer{ padding-left: 20%; }
	.sub01_1 .article01 .contentContainer .contentBox{ font-size: 18px; }
	.sub01_1 .article01 .imgContainer .imgBox{ height: 32vw; }
}
@media screen and (max-width: 650px) { 
	.sub01_1 .article01{ padding: 42px 0 79px 0; }
	.sub01_1 .article01 .imgContainer .imgBox{ background-image: url('../img/sub/sub01/sub01_1/img01_mobile.png'); margin-left: 0; width: 100%; height: 256px; margin-top: -20px; }
	.sub01_1 .article01 .contentContainer{ padding-left: 10%; }
	.sub01_1 .article01 .contentContainer .contentBox{ font-size: 15px; }
	.sub01_1 .article01 .contentContainer .contentBox::before{ height: 12px; }
	.sub01_1 .article01 .contentContainer .contentBox::after{ height: 12px; }

	.sub01_1 .article01 .contentContainer .signBox{ gap: 11px; margin-top: 39px; }
	.sub01_1 .article01 .contentContainer .signBox .text{ font-size: 14px; }
	.sub01_1 .article01 .contentContainer .signBox .text .sign{ width: 98px; }
}

/* sub01_2.html */
.sub01_2 .article01{ padding: 126px 0 132px 0; overflow: hidden; }

.sub .moonthIssue{ margin-top: 79px; }
.sub .moonthIssue .btnBox{ display: flex; align-items: center; justify-content: flex-start; }
.sub .moonthIssue .btnBox .button{ color: var(--main-color); font-size: 24px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid var(--main-color); }

.sub .moonthIssue .slideContainer{ margin-top: 49px; }
.sub .moonthIssue .slideContainer .swiper-wrapper{ transition-timing-function: linear; }
.sub .moonthIssue .slideContainer .swiper-slide{ width: auto !important; padding: 0 calc(13.52px / 2); }
.sub .moonthIssue .slideContainer .swiper-slide:nth-child(2n){ margin-top: 60px; }
.sub .moonthIssue .slideContainer .item{ position: relative; width: 178px; height: 236px; border-radius: 10px; overflow: hidden; padding: 20px; display: flex; align-items: flex-end; }
.sub .moonthIssue .slideContainer .item .imgBox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background-size: cover; background-repeat: no-repeat; background-position: center; transition: transform 0.5s;}
.sub .moonthIssue .slideContainer .item:hover .imgBox{ transform: scale(1.2); }
.sub .moonthIssue .slideContainer .item .imgBox::before{ 
	content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.23%, rgba(0, 0, 0, 0.20) 87.09%), rgba(0,0,0,0);
}
.sub .moonthIssue .slideContainer .item .txt{ position: relative; z-index: 2; padding-bottom: 10px; color: #fff; font-size: 15px; font-weight: 700; } 

.sub01_2 .article01 .subSmallTitle{ opacity: 0; }
.sub01_2 .article01.active .subSmallTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub01_2 .article01 .subTitle{ opacity: 0; }
.sub01_2 .article01.active .subTitle{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.sub01_2 .article01 .btnBox{ opacity: 0; }
.sub01_2 .article01.active .btnBox{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1250px) { 
	.sub .moonthIssue .btnBox .button{ font-size: 20px; padding-bottom: 5px; }
}

@media screen and (max-width: 650px) { 
	.sub01_2 .article01{ padding: 42px 0 79px 0; }
	.sub .moonthIssue{ margin-top: 60px; }
	.sub .moonthIssue .btnBox .button{ font-size: 17px; border-bottom: 4px solid var(--main-color); }
	.sub .moonthIssue .slideContainer{ margin-top: 31px; }
	.sub .moonthIssue .slideContainer .item { width: 114px; height: 151px; }
	.sub .moonthIssue .slideContainer .item .txt{ padding-bottom: 0; }
	.sub .moonthIssue .slideContainer .swiper-slide{ padding: 0 calc(11px / 2); }

	.sub .moonthIssue .slideContainer .swiper-slide:nth-child(2n){ margin-top: 38px; }
}

.sub01_2 .article02{  padding: 69px 0 100px 0; }
.sub .galleryList{ max-width: 1135px; margin: 0 auto; }
.sub .galleryList > li{ padding: 23px 0 23px 0; border-bottom: 1px solid #C2C2C2; }
.sub .galleryList > li:nth-child(1){ border-top: 1px solid #C2C2C2; }
.sub .galleryList .item{ display: flex; gap: 231px; align-items: center; }

.sub .galleryList .item .imgWrap{ background-color: #E3E3E3; border-radius: 20px; width: 130px; height: 173px; flex-shrink: 0; overflow: hidden; position: relative; }
.sub .galleryList .item .imgWrap .img{ width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: transform 0.5s; }
.sub .galleryList .item:hover .imgWrap .img{ transform: scale(1.2); }
.sub .galleryList .item .imgWrap::before{ content:''; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.23%, rgba(0, 0, 0, 0.10) 87.09%); z-index: 1; }
.sub .galleryList .item .contentWrap { overflow: hidden; }
.sub .galleryList .item .contentWrap .title{ font-size: 30px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.sub .galleryList .item .contentWrap .content{ 
	margin-top: 22px; color: #808080; font-size: 18px; font-weight: 300; 
	overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: keep-all;
}

@media screen and (max-width: 1250px) { 
	.sub .galleryList .item .contentWrap .title{ font-size: 24px; }
	.sub .galleryList .item .contentWrap .content{ font-size: 16px; }
	.sub .galleryList .item{ gap: 100px; }
}
@media screen and (max-width: 1150px) { 
	.sub .galleryList .item{ gap: 20px; }
}
@media screen and (max-width: 650px) { 
	.sub01_2 .article02{ padding: 0 0 44px 0; }
	.sub .galleryList > li{ padding: 15px 0; }
	.sub .galleryList .item .contentWrap .title{ font-size: 17px; }
	.sub .galleryList .item .contentWrap .content{ -webkit-line-clamp: 2; margin-top: 14px; }
	.sub .galleryList .item .imgWrap{ width: 80px; height: 107px; border-radius: 10px; }
}

/* sub02_1.html */
.sub02_1{ margin-bottom: 0; }
.sub02_1 .article01{ padding: 126px 0 132px 0; background-color: #2A2A2A; min-height: calc(100vh - 63.92px) }
.sub02_1 .article01 .halfContainer{ display: flex; justify-content: space-between; }  
.sub02_1 .article01 .halfContainer .titleBox .t1{ margin-top: 41px; color: #5F5F5F; font-size: 32px; font-weight: 700; }
.sub02_1 .article01 .halfContainer .titleBox .t2{ margin-top: 52px; display: block; max-width: 100%; }
.sub02_1 .article01 .verifyContainer .stepList .item.bg2{ background-image: url('../img/sub/sub02/sub02_1/background-img.png'); background-size: cover; background-repeat: no-repeat;  background-position: center; }

.sub02_1 .article01 .halfContainer .titleBox .t1{ opacity: 0; }
.sub02_1 .article01.active .halfContainer .titleBox .t1{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub02_1 .article01 .halfContainer .titleBox .t2{ opacity: 0; }
.sub02_1 .article01.active .halfContainer .titleBox .t2{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

.sub02_1 .verifyContainer .stepList .item01 .title img{ opacity: 0; }
.sub02_1 .active .verifyContainer .stepList .item01 .title img{ animation: 0.5s ease-in-out 0s 1 normal forwards running intro; }
.sub02_1 .verifyContainer .stepList .item01 .verifyBtn{ opacity: 0; }
.sub02_1 .active .verifyContainer .stepList .item01 .verifyBtn{ animation: 0.5s ease-in-out 0s 1 normal forwards running intro; }
.sub02_1 .verifyContainer .stepList .item01 .content{ opacity: 0; }
.sub02_1 .active .verifyContainer .stepList .item01 .content{ animation: 0.5s ease-in-out 0s 1 normal forwards running intro; }

@media screen and (max-width: 1250px) { 
	.sub02_1 .article01 .halfContainer .titleBox .t1{ font-size: 28px; }
}
@media screen and (max-width: 900px) { 
	.sub02_1 .article01 .halfContainer{ flex-wrap: wrap; }
	.sub02_1 .article01 .halfContainer .titleBox{ width: 100%; }
	.sub02_1 .article01 .verifyContainer{ width: 100%; display: flex; justify-content: center; margin-top: 50px; }
	.sub02_1 .article01 .halfContainer .titleBox .t1{ margin-top: 0; text-align: center; }
	.sub02_1 .article01 .halfContainer .titleBox .t2{ width: 100%; max-width: 500px; margin: 50px auto 0 auto; }
}
@media screen and (max-width: 650px) { 
	.sub02_1 .article01{ padding: 42px 0 155px 0; display: flex; align-items: center; }
	.sub02_1 .article01 .halfContainer{ justify-content: center; }
	.sub02_1 .article01 .halfContainer .titleBox .t1{ font-size: 20px; }
	.sub02_1 .article01 .halfContainer .titleBox .t2{ margin-top: 16px; max-width: 360px; }
	.sub02_1 .article01 .verifyContainer{ margin-top: 25px; }
	.sub02_1 .article01 .verifyContainer .stepList .item01 .verifyBtn{ margin-left: 0; margin-top: 80px; }
	.sub02_1 .article01 .verifyContainer .stepList .item01 .content{ margin-top: 70px; }
}

/* sub03_1.html */
.sub03_1{ margin-bottom: 0; }
.sub03_1 .article01{ padding: 169px 0 142px; background-image: url('../img/sub/sub03/sub03_1/arti01_background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: top center; overflow: hidden; }
.sub03_1 .article01 .t1{ text-align: center; color: #fff; font-size: 32px; font-weight: 700; }
.sub03_1 .article01 .title{ display: block; margin: 40px auto 0 auto; }
.sub03_1 .article01 .itemListContainer{  margin-top: 79px; position: relative;  }
.sub03_1 .article01 .itemListContainer .textEffect{ position: absolute; color: var(--BK, #000); font-family: 'Futura Std'; font-size: 60px; font-style: normal; font-weight: 700; letter-spacing: 6px; text-transform: uppercase; mix-blend-mode: soft-light; display: none; white-space: nowrap; opacity: 0.6; transition: transform 0.5s; }
.sub03_1 .article01 .itemListContainer .textEffect.top{ top: -40px; left: -20px; }
.sub03_1 .article01 .itemListContainer .textEffect.bottom{ bottom: -40px; right: -20px; }
.sub03_1 .article01 .itemList{ position: relative; z-index: 1;  display: flex; justify-content: center; width: calc(100% + 38px); margin-left: -19px; flex-wrap: wrap; }
.sub03_1 .article01 .itemList > li{ padding: 0 calc(19px / 2); position: relative; }
.sub03_1 .article01 .itemList > li .txt{ position: absolute; left: 30px; top: 34px; font-size: 36px; color:#4A4A4A; line-height: 1.5em; letter-spacing: -0.07em; }
.sub03_1 .article01 .itemList > li .txt b{ font-weight: 700; }
.sub03_1 .article01 .itemList > li .txt .black{ color: #000; }

.sub03_1 .article01 .t1{ opacity: 0; }
.sub03_1 .article01.active .t1{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_1 .article01 .title{ opacity: 0; }
.sub03_1 .article01.active .title{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_1 .article01 .itemList > li{ opacity: 0; }
.sub03_1 .article01 .itemList > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_1 .article01 .itemList > li:nth-child(2){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.sub03_1 .article01 .itemList > li:nth-child(3){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.sub03_1 .article01 .itemList > li:nth-child(4){ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }


@media screen and (max-width: 1580px) { 
	.sub03_1 .article01 .itemList > li{ width: calc(100% / 4); }
	.sub03_1 .article01 .itemList > li .item{ width: 100%; }

	.sub03_1 .article01 .itemList > li .txt{ font-size: 2.4vw; }
}
@media screen and (max-width: 1250px) { 
	.sub03_1 .article01 .t1{ font-size: 26px; } 
	.sub03_1 .article01 .title{ max-width: 280px; }
	.sub03_1 .article01 .itemListContainer{ margin-top: 79px; }
	.sub03_1 .article01 .itemList{ width: 100%; gap: 19px; max-width: 712px; margin: 0 auto 0 auto; }
	.sub03_1 .article01 .itemList > li{ width: unset; padding: 0; }
}
@media screen and (max-width: 1100px) { 
	.sub03_1 .article01 .itemList > li .item{ width: 250px; }
	.sub03_1 .article01 .itemList > li .txt{ font-size: 26px; }
}
@media screen and (max-width: 650px) { 
	.sub03_1 .article01{ padding: 54px 0 91px 0; }
	.sub03_1 .article01 .itemList{ gap: 10px; }
	.sub03_1 .article01 .itemList > li .item{ width: calc(50vw - 40px - 0px); }
	.sub03_1 .article01 .itemList > li .txt{ font-size: 4.3vw; left: 5vw; top: 5vw; }
	.sub03_1 .article01 .itemListContainer .textEffect{ display: block; }
}

.sub03_1 .article02{ background-color: #2A2A2A; padding: 110px 0 80px 0; }
.sub03_1 .article02 .imgBox{ height: 364px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../img/sub/sub03/sub03_1/article02-img1.jpg'); }
.sub03_1 .article02 .title{ margin-top: 45px;  }
.sub03_1 .article02 .textBox{ display: flex; justify-content: space-between; align-items: flex-end; }
.sub03_1 .article02 .textBox .txt{ font-size: 24px; font-weight: 400; margin-top: 52px; color: #fff; }
.sub03_1 .article02 .textBox .txt b{ font-weight: 700;  }
.sub03_1 .article02 .textBox .txt .orange{ color: var(--main-color); }

.sub03_1 .article02 .title{ opacity: 0; }
.sub03_1 .article02.active .title{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.sub03_1 .article02 .textBox{ opacity: 0; }
.sub03_1 .article02.active .textBox{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1250px) {
	.sub03_1 .article02 .title{ width: 100%; max-width: 290px; }
	.sub03_1 .article02 .textBox .txt{ font-size: 20px; }
	.sub03_1 .article02 .textBox .logo{ width: 100px; }
}
@media screen and (max-width: 650px) {
	.sub03_1 .article02{ padding: 0 0 60px 0; }
	.sub03_1 .article02 .imgBox{ width: calc(100% + 40px); margin-left: -20px; height: 269px; background-image: url('../img/sub/sub03/sub03_1/article02-img1_mobile.jpg'); }
	.sub03_1 .article02 .title{ max-width: 200px; }
	.sub03_1 .article02 .textBox{ flex-wrap: wrap; gap: 10px; }
	.sub03_1 .article02 .textBox .txt{ margin-top: 25px; }

	.sub03_1 .article01 .itemList > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.sub03_1 .article01 .itemList > li:nth-child(2){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.sub03_1 .article01 .itemList > li:nth-child(3){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
	.sub03_1 .article01 .itemList > li:nth-child(4){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
}

.sub03_1 .article03{ padding: 172px 0 177px 0; background-image: url('../img/sub/sub03/sub03_1/arti03-background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub03_1 .article03 .inner{ background-image: url('../img/sub/sub03/sub03_1/number_6.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub03_1 .article03 .title{ display: block; margin: 0 auto; max-width: 100%; }
.sub03_1 .article03 .itemList{ margin: 80px auto 0 auto; display: flex; flex-wrap: wrap; gap: 17px; justify-content: center; max-width: 650px; }

.sub03_1 .article03 .title{ opacity: 0; }
.sub03_1 .article03.active .title{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_1 .article03 .itemList{ opacity: 0; }
.sub03_1 .article03.active .itemList{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.sub03_1 .article03.active .itemList > li{ position: relative; }
.sub03_1 .article03.active .itemList > li .txtBox{ position: absolute; left: 16.81px; top: 16.25px; color: #fff; font-size: 26px; font-weight: 700; line-height: 1.3em; letter-spacing: -0.07em;  }

@media screen and (max-width: 1250px) {
	.sub03_1 .article03 .title{ width:100%; max-width: 300px; }
	.sub03_1 .article03 .itemList{ gap: 10px; }
}
@media screen and (max-width: 700px) {
	.sub03_1 .article03 .itemList img{ width: 180px; }
}
@media screen and (max-width: 650px) {
	.sub03_1 .article03{ padding: 69px 0 182px 0; }
	.sub03_1 .article03 .inner{ background-size: auto 90%; background-position: bottom center;  }
	.sub03_1 .article03 .title{ max-width: 215px; }
	.sub03_1 .article03 .itemList{ gap: 0; max-width: unset; width: calc(100% + 10px); margin-left: -5px; margin-top: 40px; }
	.sub03_1 .article03 .itemList > li{ width: calc(100% / 3); padding: 5px; }
	.sub03_1 .article03 .itemList img{ width: 100%; }

	.sub03_1 .article03.active .itemList > li .txtBox{ left: 4vw; top: 3.5vw; font-size: 3.5vw; }
}

/* sub04_1.html */
.sub04_1 .article01{ padding: 126px 0 149px; background-color: #2A2A2A; overflow: hidden; }
.sub04_1 .article01 .subSmallTitle{ color: #fff; }
.sub04_1 .article01 .subTitle{ color: #fff; }

.sub .galleryList2{ padding: 136px 0 162px 0; overflow: hidden; }
.sub .galleryList2 .tabContainer{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.sub .galleryList2 .tabContainer .button{ padding: 10px; border-radius: 100px; background-color: #fff; border: 1px solid #AEAEAE; width: 143px; text-align: center; font-size: 24px; color: #373737; font-weight: 600; }

.sub .galleryList2 .boardList{ margin-top: 87px; display: flex; flex-wrap: wrap; }
.sub .galleryList2 .boardList > li{ width: calc(100% / 4); padding: calc(65px / 2); }
.sub .galleryList2 .boardList > li .imgBox{ height: 387px; background-color: #dfdfdf; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px; filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25)); }

.sub .galleryList2 .boardList > li .titleBox{ margin-top: 30px; font-size: 24px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-weight: 500; }
.sub .galleryList2 .boardList > li .contentBox{ margin-top: 13px; color: #808080; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-size: 18px; }

.sub04_1 .article01 .subSmallTitle{ opacity: 0; }
.sub04_1 .article01.active .subSmallTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub04_1 .article01 .subTitle{ opacity: 0; }
.sub04_1 .article01.active .subTitle{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.sub04_1 .article01 .btnBox{ opacity: 0; }
.sub04_1 .article01.active .btnBox{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1550px) {
	.sub .galleryList2 .boardList > li .imgBox{ height: 25vw; }
	.sub .galleryList2 .boardList > li{ padding: 20px; }
}
@media screen and (max-width: 1250px) {
	.sub .galleryList2 .tabContainer .button{ width: 100px; font-size: 18px; }
	.sub .galleryList2 .boardList > li{ padding: 10px; }
	.sub .galleryList2 .boardList > li .titleBox{ margin-top: 14px; font-size: 20px; }
	.sub .galleryList2 .boardList > li .contentBox{ margin-top: 8px; font-size: 16px; }

}
@media screen and (max-width: 900px) {
	.sub .galleryList2 .tabContainer{ flex-wrap: wrap; }
	.sub .galleryList2 .boardList > li{ width: calc(100% / 3); }
	.sub .galleryList2 .boardList > li .imgBox{ height: 35vw; }
}
@media screen and (max-width: 650px) {
	.sub04_1 .article01{ padding: 42px 0 52px 0; }

	.sub .galleryList2{ padding: 33px 0 50px 0; }
	.sub .galleryList2 .tabContainer{ flex-wrap: wrap; gap: 0; width: calc(100% + 10px); margin-left: -5px; }
	.sub .galleryList2 .tabContainer > li{ width: calc(100% / 3); padding: 5px; }
	.sub .galleryList2 .tabContainer .button{ width: 100%; font-size: 3vw; }

	.sub .galleryList2 .boardList{ margin-top: 54px; width: calc(100% + 20px); margin-left: -10px; }  
	.sub .galleryList2 .boardList > li{ width: calc(100% / 2); }
	.sub .galleryList2 .boardList > li .imgBox{ height: 50vw; }
	.sub .galleryList2 .boardList > li .titleBox{ font-size: 15px; margin-top: 19px; }
	.sub .galleryList2 .boardList > li .contentBox{ font-size: 13px; margin-top: 8px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }
}


/* review.html */
.reviewSec{ margin-bottom: 0; }
.reviewSec .article01{ padding: 126px 0 314px 0; background-image: url('../img/sub/review/banner_background.jpg'); color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; display:flex; align-items: flex-start; justify-content: center; }
.reviewSec .subSmallTitle{ color: #fff; }

.sub .reviewListArti{ padding: 192px 0 158px 0; background-color: #EBECEE; }
.sub .reviewListArti .boardList{ display: flex; flex-wrap: wrap; width: calc(100% + 46px); margin-left: -23px; }
.sub .reviewListArti .boardList > li{ width: calc(100% / 4); padding: calc(23px / 2); }
.sub .reviewListArti .boardList > li .item{ background-color: #F5F5F5; border: 1px solid rgba(173, 173, 173, 0.40); box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.10); border-radius: 20px; padding: 40px 20px; display: flex; flex-direction: column; color: #282828; }
.sub .reviewListArti .boardList > li .item::before{ content:''; display: block; width: 28px; height: 28px; background-image: url('../img/sub/review/title_quotes.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
.sub .reviewListArti .boardList > li .item .tite{ font-size: 22px; font-weight: 700;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.sub .reviewListArti .boardList > li .item .content{ 
	margin-top: 23px; font-size: 18px; line-height: 1.5em; flex-grow: 1;
	overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: keep-all;
}
.sub .reviewListArti .boardList > li .item .profileBox{ display: flex; justify-content: space-between; align-items: center; margin-top: 79px; }
.sub .reviewListArti .boardList > li .item .profileBox .button{ display: flex; align-items: center; color: var(--main-color); font-weight: 700; }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg{ width: 48px; height: 48px; border-radius: 50%; background-color: #dfdfdf; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg.img01{ background-image: url('../img/main/review/profile01.png'); }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg.img02{ background-image: url('../img/main/review/profile02.png'); }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg.img03{ background-image: url('../img/main/review/profile03.png'); }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg.img04{ background-image: url('../img/main/review/profile04.png'); }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg.img05{ background-image: url('../img/main/review/profile05.png'); }
.sub .reviewListArti .boardList > li .item .profileBox .profileImg.img06{ background-image: url('../img/main/review/profile06.png'); }

.reviewSec .article01 .subSmallTitle{ opacity: 0; }
.reviewSec .article01.active .subSmallTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.reviewSec .article01 .subTitle{ opacity: 0; }
.reviewSec .article01.active .subTitle{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1250px) {
	.sub .reviewListArti .boardList{ width: calc(100% + 10px); margin-left: -5px; }
	.sub .reviewListArti .boardList > li{ padding: 5px; }
	.sub .reviewListArti .boardList > li .item::before{ width: 20px; height: 20px; }
	.sub .reviewListArti .boardList > li .item .tite{ font-size: 20px; }
	.sub .reviewListArti .boardList > li .item .content{ font-size: 16px; }
	.sub .reviewListArti .boardList > li .item .profileBox{ margin-top: 40px; }
}
@media screen and (max-width: 1000px) {
	.sub .reviewListArti .boardList > li{ width: calc(100% / 3); }
	.sub .reviewListArti .boardList > li .item{ padding: 20px 15px; }
	.sub .reviewListArti .boardList > li .item .profileBox .button{ font-size: 15px; }
	.sub .reviewListArti .boardList > li .item .profileBox .button .arrow{ width: 25px; }
	.sub .reviewListArti .boardList > li .item .profileBox .profileImg{ width: 40px; height: 40px; }
}
@media screen and (max-width: 650px) {
	.sub .reviewListArti{ padding: 32px 0 132px 0; }
	.reviewSec .article01{ background-image: url('../img/sub/review/banner_background_mobile.png'); padding: 42px 0 350px 0;  }
	.sub .reviewListArti .boardList > li{ width: calc(100% / 2); }
	.sub .reviewListArti .boardList > li .item .tite{ font-size: 14px; }
	.sub .reviewListArti .boardList > li .item .content{ font-size: 14px; }
	.sub .reviewListArti .boardList > li .item .profileBox .button{ font-size: 3vw; }
	.sub .reviewListArti .boardList > li .item .profileBox .button .arrow{ width: 5vw; }
	.sub .reviewListArti .boardList > li .item .profileBox .profileImg{ width: 8vw; height: 8vw; max-width: 40px; max-height: 40px; }
}
@media screen and (max-width: 300px) {
	.sub .reviewListArti .boardList > li{ width: 100%; }
	.sub .reviewListArti .boardList > li .item .profileBox .button{ font-size: 14px; }
	.sub .reviewListArti .boardList > li .item .profileBox .button .arrow{ width: 20px; }
	.sub .reviewListArti .boardList > li .item .profileBox .profileImg{ width: 40px; height: 40px; }
}

/* sub05_1.html */
.sub05_1 .article01{ background-color: #2A2A2A; padding: 126px 0 131px 0; overflow: hidden;  }
.sub05_1 .article01 .subSmallTitle{ color: #fff; }
.sub05_1 .article01 .subTitle{ color: #fff; }

.sub05_1 .galleryList2 .tabContainer .button{ border-color: #F3F4F5; background-color: #F3F4F5; color: #B8B8B8; }
.sub05_1 .galleryList2 .tabContainer .button.active{ border-color: #37373A; background-color: #37373A; color: #fff; }

.sub05_1 .galleryList2 .basicList{ margin-top: 75px; }
.sub05_1 .galleryList2 .basicList > li{ border-bottom: 1px solid #AFAFAF; }
.sub05_1 .galleryList2 .basicList > li .item{ padding: 23px 0; }
.sub05_1 .galleryList2 .basicList > li .item .category{ font-size: 15px; color: #AFAFAF; }
.sub05_1 .galleryList2 .basicList > li .item .title{ 
	display: flex; gap: 10px; cursor: pointer; align-items: flex-start;
	font-size: 24px; font-weight: 700; color: #282828; margin-top: 12px; 
}
.sub05_1 .galleryList2 .basicList > li .item .arrow{ transition: transform 0.5s; }
.sub05_1 .galleryList2 .basicList > li.active .item .arrow{ transform: rotate(-180deg); }
.sub05_1 .galleryList2 .basicList > li .item .content{ 
	margin-top: 20px; line-height: 1.5em; color: #606060; font-size: 18px; 
	display: none;
}

.sub05_1 .article01 .subSmallTitle{ opacity: 0; }
.sub05_1 .article01.active .subSmallTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub05_1 .article01 .subTitle{ opacity: 0; }
.sub05_1 .article01.active .subTitle{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }


@media screen and (max-width: 1250px) {
	.sub05_1 .galleryList2 .basicList > li .item .title{ font-size: 20px; }
	.sub05_1 .galleryList2 .basicList > li .item .content{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
	.sub05_1 .galleryList2 .basicList{ margin-top: 50px; }
	.sub05_1 .galleryList2 .basicList > li .item .arrow{ width: 27px; }
	.sub05_1 .galleryList2 .basicList > li .item .category{ font-size: 12px; }
	.sub05_1 .galleryList2 .basicList > li .item .title{ font-size: 16px; margin-top: 12px; }
	.sub05_1 .galleryList2 .basicList > li .item .content{ font-size: 14px; margin-top: 15px; }
}
@media screen and (max-width: 500px) {
	.sub05_1 .galleryList2 .tabContainer .button{ font-size: 3.3vw; }
}

.sub05_1 .article01 .slideContainer.slide01{ margin-top: 70px; }
.sub05_1 .article01 .slideContainer .swiper-wrapper{ transition-timing-function: linear; }
.sub05_1 .article01 .slideContainer .swiper-slide{ width: auto !important; padding: 10px; }
.sub05_1 .article01 .slideContainer .item{ background-color: #fff; padding: 12px 15px; direction: ltr; }
.sub05_1 .article01 .slideContainer .item .categoryBox{ display: flex; align-items: center; gap: 7.33px; }
/* .sub05_1 .article01 .slideContainer.slide02 .item .categoryBox{ justify-content: flex-end; }
.sub05_1 .article01 .slideContainer.slide02 .item .categoryBox .label{ order: 1; } */
.sub05_1 .article01 .slideContainer .item .categoryBox .label{ border-radius: 20px; background-color: #FFEEDF; border: 1px solid var(--main-color); color: var(--main-color); padding: 5px 9px; font-size: 15px; }
.sub05_1 .article01 .slideContainer .item .categoryBox .label.purple{ border: 1px solid #7772D3; background: #E0DFFF; color: #7772D3; }
.sub05_1 .article01 .slideContainer .item .categoryBox .category{ color: #AFAFAF; font-size: 15px; }
.sub05_1 .article01 .slideContainer .item .contentBox{ margin-top: 8px; font-size: 18px; font-weight: 700;  }
@media screen and (max-width: 650px) {
	.sub05_1 .article01{ padding: 42px 0 66px 0; }
	.sub05_1 .article01 .slideContainer .item{ padding:12px 14px 24px 14px;  } 
	.sub05_1 .article01 .slideContainer .item .categoryBox .label{ font-size: 12px; }
	.sub05_1 .article01 .slideContainer .item .categoryBox .category{ font-size: 12px; }
	.sub05_1 .article01 .slideContainer .item .contentBox{ font-size: 14px; }
	.sub05_1 .article01 .slideContainer .swiper-slide{ padding : 5px; } 
}

/* 개인회생 신청 자격 */
.checkListSection{ position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; align-items: flex-end; justify-content: center; cursor: pointer; visibility: hidden; }
.checkListSection.show{ visibility: visible; }
.checkListSection .contentArti{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 41.81%, rgba(255, 255, 255, 0.76) 135.31%); width: 100%; max-width: 400px; padding: 40px 27px 100px 27px; border-radius: 30px 30px 0 0; cursor: auto; position: fixed; bottom: -100%; transition: bottom 0.5s; }
.checkListSection.show .contentArti{ bottom: 0; }
.checkListSection .contentArti .title{ display: block; margin: 0 auto; max-width: 100%; }
.checkListSection .contentArti .listWrap{ margin-top: 34px; }
.checkListSection .contentArti .listWrap > li + li{ margin-top: 6px; }
.checkListSection .contentArti .listWrap > li input[type="checkbox"]{ display: none; }
.checkListSection .contentArti .listWrap > li input[type="checkbox"] + .labelBox{ display: flex; align-items: center; gap: 10px; background: #fff; padding: 11px 13px; border-radius: 5px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.20); color: #555; letter-spacing: -0.07em; cursor: pointer; }
.checkListSection .contentArti .listWrap > li input[type="checkbox"] + .labelBox::before{ content:''; display: block; width: 15px; height: 15px; border: 1px solid #D9D9D9; border-radius: 50%; }
.checkListSection .contentArti .listWrap > li input[type="checkbox"]:checked + .labelBox::before{ background-image: url('../img/common/radio-selected.svg'); background-size: 100%; background-position: center; background-repeat: no-repeat; }
.checkListSection .contentArti .helpBox{ margin-top: 15px; font-size: 15px; text-align: center; font-weight: 600; line-height: 1.5em; word-break: keep-all; }
.checkListSection .contentArti .helpBox b{ font-weight: 900; }
.checkListSection .contentArti .helpBox .orange{ color: var(--main-color); }
.checkListSection .contentArti .goBtn{ background-color: #373737; padding: 7px; border-radius: 100px; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 18px; font-weight: 700; color: #fff; max-width: 298px; margin: 27px auto 0 auto; }

@media screen and (max-width: 650px) {
	.checkListSection .contentArti{ padding: 30px 20px 120px 20px; }
	.checkListSection .contentArti .listWrap{ margin-top:15px; }
	.checkListSection .contentArti .listWrap > li input[type="checkbox"] + .labelBox{ font-size: 14px; }
	.checkListSection .contentArti .helpBox{ font-size: 14px; }
	.checkListSection .contentArti .goBtn{ margin-top: 15px; font-size: 15px; max-width: 270px; }
}

/* 추가 CSS */
.div-clone-dummy { display: none; }
article div.inner .contentBox { font-size: 1.8em; font-weight: 400; }
article div.inner .contentBox:nth-child(n+2) { margin-top: 80px; }

/* 월변제금 독립 사이트 */
.section-baro .verifyContainer { filter: none; }
.section-baro .verifyContainer .stepList .item { width: 394px; background-color: #FAF7F8; }

@media screen and (max-width: 900px) {
	.section-baro .verifyContainer { margin-top: 0px !important; }
}

@media screen and (max-width: 650px) {
	.section-baro .tabContainer { height: 490px; }
	.section-baro .tabContainer .tabContent02 { margin: auto 0; max-width: none; }
	.section-baro .verifyContainer .stepList .item { width: 335px; }
}

@media screen and (max-width: 399px) {
	.section-baro .tabContainer .tabContent02 { margin: auto 0; }
	.section-baro .verifyContainer .stepList .item { width: 100%; }
}