/* 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-display: swap;
	src: url('../fonts/FuturaStdMedium.otf') format('truetype');
}

/* size */
@media screen and (max-width: 1530px) { } /* 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; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1520px; margin:0 auto; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

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

.fixedElement{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1; }

:root{
	--main-color : #256DDA;
	--main-bg-color : #2027C0;
}

/* 헤더 */
header{ background: rgba(255, 255, 255, 0.30); padding: 32px 0; position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px); z-index: 99; }
header .inner{ display: flex; align-items: center; justify-content: space-between; gap: 20px; }
header .logoBox .logo{ width: 275px; }

header .telBox{ 
	background-color: var(--main-color); color: #fff; display: flex; align-items: center; 
	font-size: 18px; font-weight: 700; padding: 8px 20px 8px 17px; border-radius: 100px; 
	animation: telColorChange ease-in-out 3s infinite alternate;
}
header .telBox .icon{ width: 20px; transform: translateY(2px); }

@media screen and (max-width: 1530px) { 
	header{ padding: 25.5px 0; }
}
@media screen and (max-width: 650px) { 
	header .logoBox .logo{ width: 220px; max-width: 100%; }
	header .telLink{ flex-shrink: 0; }
	header .telBox{ font-size: 16px; }
	header .telBox .icon{ width: 16px; }
}


/* 메인 배너 */
.main{ margin-bottom: 70px; }
.main .mainBanner{  background-image: url('../img/mainBanner/background.png'); padding-top: 104.69px; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 100vh; max-height:932px; display: flex; align-items: center; justify-content: center; }
.main .mainBanner .moBr{ display: none; }
.main .mainBanner .inner{ padding-top: 93px; padding-bottom: 23px; }
.main .mainBanner .title1{ text-align: center; color: #fff; font-size: 29px; font-weight: 300; line-height: 1.3em; }
.main .mainBanner .title1 b{ font-weight: 700; }
.main .mainBanner .title2{ display: flex; justify-content: center; align-items: center; margin-top: 31px; }
.main .mainBanner .itemList{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 26px; gap: 17px; }
.main .mainBanner .itemList .item{ 
	width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column;
	background-image: url('../img/mainBanner/item_bg.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;
}
.main .mainBanner .itemList .item .icon{ width: 71px; }
.main .mainBanner .itemList .item .txt{ margin-top: 19px; color: #fff; font-size: 22px; font-weight: 700; }

.main .mainBanner .textBox01{ text-align: center; margin-top: 20px; color: #fff; font-weight: 400; font-size: 24px; }  
.main .mainBanner .textBox01 b{ font-weight: 700; }
.main .mainBanner .textBox01 .blue{ color: #62D9FF; }

.main .mainBanner .arrow{ margin: 20px auto 0 auto; display: block; width: 50px; animation: mainBannerArrow 4s ease-in-out 0s  infinite; }

.main .mainBanner .title1{ opacity: 0; }
.main .mainBanner.on .title1{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .mainBanner .title2{ opacity: 0; }
.main .mainBanner.on .title2{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .mainBanner .itemList{ opacity: 0; }
.main .mainBanner.on .itemList{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .mainBanner .textBox01{ opacity: 0; }
.main .mainBanner.on .textBox01{ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }



@media screen and (max-width: 1530px) {
	.main .mainBanner{ padding-top: 91.69px; }
	.main .mainBanner .title1{ font-size: 22px; }
	.main .mainBanner .title2 img{ width: 100%; max-width: 400px; }
	.main .mainBanner .itemList .item .txt{ font-size: 18px; }
	.main .mainBanner .textBox01{ font-size: 20px; }
}
@media screen and (max-width: 650px) {
	.main .mainBanner{ min-height: unset; max-height: unset; height: auto; padding-top: 86.75px; }
	.main .mainBanner .moBr{ display: inline-block; }
	.main .mainBanner .title1{ font-size: 20px; }
	.main .mainBanner .title2 img{ max-width: 278px; }
	.main .mainBanner .itemList{ width: 100%; gap: 0; }
	.main .mainBanner .itemList > li{ max-width: calc(100% / 2); padding: 0 calc( 1vw / 2); }
	.main .mainBanner .itemList .item{ width: calc((100vw - 80px) / 2 ); height: calc((100vw - 80px) / 2 ); }
	.main .mainBanner .itemList .item .icon{ width: 12vw; }
	.main .mainBanner .itemList .item .txt{ font-size: 4.5vw; }
}


/* 하단 상담 버튼 (플로팅) 시작 */
.floatingMenu{ position: fixed; left: 0; bottom: 0; width: 100%; border-radius: 20px 20px 0px 0px; background: #373737; box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.25); padding: 20px; z-index: 999; width: 100%; }
.floatingMenu .menuList{ display: flex; justify-content: center; align-items: center; gap: 10px; }
.floatingMenu .menuList > li .item{ background-color: #fff; padding: 15px 15px; width: 164px; text-align: center; font-size: 18px; font-weight: 700; border-radius: 100px; color: #256DDA; }
.floatingMenu .menuList > li .item b{ font-weight: 900; }
.floatingMenu .menuList > li .item.black{ background-color: #222; color: #fff; }
	
.floatingMenu .menuList > li:nth-child(1) .item{animation: bottomBtn01 ease-in-out 3s infinite alternate;}
.floatingMenu .menuList > li:nth-child(2) .item{animation: bottomBtn02 ease-in-out 3s infinite alternate;}

@media screen and (max-width: 650px) {
	.floatingMenu{ padding: 17px 20px; }
	.floatingMenu .menuList{ gap: 0; width: calc(100% + 10px); margin-left: -5px; }
	.floatingMenu .menuList > li{ width: calc(100% / 2); padding: 5px; }
	.floatingMenu .menuList > li .item{ width: 100%; }
}
@media screen and (max-width: 400px) {
	.floatingMenu .menuList > li .item{ font-size: 4.2vw; }
}

/* 도산전문 변호사*/
.main .lawyerArti{ padding: 90px 0 104px 0; background-color: var(--main-bg-color); position: relative; z-index: 2; overflow: hidden; }
.main .lawyerArti::before{ content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 230px; background-color:#FFF3E0; }
.main .lawyerArti .inner{ position: relative; z-index: 1; max-width: 1020px; }
.main .lawyerArti .halfContainer{ display: flex; align-items: center; justify-content: space-between; }
.main .lawyerArti .halfContainer .textBox .t2{ margin-top: 25px; font-size: 29px; padding: 4px 25px; background-color: #000; border-radius: 5px; color: #fff; }

.main .lawyerArti .halfContainer .imgBox{ background-color: #FEF1DE; width: 455px; padding: 45px 34px 22px 34px; box-shadow: 8px 17px 14px 0px rgba(0, 0, 0, 0.25), 0px -1px 20px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.main .lawyerArti .halfContainer .imgBox .contentWrap{ background-color: #252AC4; padding: 17px 14px; box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; }
.main .lawyerArti .halfContainer .imgBox .contentWrap .titleWrap{ display: flex; align-items: flex-start; position: relative; z-index: 1; justify-content: space-between; }
.main .lawyerArti .halfContainer .imgBox .contentWrap .layerText{ margin-top: 20px; width: 100%; max-width: 119px; position: relative; z-index: 2; }
.main .lawyerArti .halfContainer .imgBox .contentWrap .deedBox{ margin-top: 9px; display: flex; align-items: flex-start; position: relative; margin-top: 30px; }
.main .lawyerArti .halfContainer .imgBox .contentWrap .deedBox .deed{ width: 100%; max-width: 155px; position: relative; z-index: 999; }
.main .lawyerArti .halfContainer .imgBox .contentWrap .deedBox .people{ position: absolute; right: -14px; bottom: -17px; width: 100%; max-width: 280px; }

.main .lawyerArti .halfContainer .imgBox .bottomSignWrap{ display: flex; align-items: flex-end; justify-content: space-between; }
.main .lawyerArti .halfContainer .imgBox .bottomSignWrap .txt{ margin-bottom: 10px; font-size: 18px; font-weight: 200; }
.main .lawyerArti .halfContainer .imgBox .bottomSignWrap .txt b{ font-weight: 600; }
.main .lawyerArti .halfContainer .imgBox .bottomSignWrap .sign{ width: 100%; max-width: 117px; }

.main .lawyerArti .halfContainer .textBox{ opacity: 0; }
.main .lawyerArti.on .halfContainer .textBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .lawyerArti .halfContainer .imgBox{ opacity: 0; }
.main .lawyerArti.on .halfContainer .imgBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInRight; }

@media screen and (max-width: 1530px) {
	.main .lawyerArti .halfContainer .textBox .t1{ max-width: 350px; }
	.main .lawyerArti .halfContainer .textBox .t2{ font-size: 20px; display: inline-block; }
	.main .lawyerArti .halfContainer .imgBox{ flex-shrink: 0; }
}
@media screen and (max-width: 900px) {
	.main .lawyerArti .halfContainer{ flex-wrap: wrap; justify-content: center; }
	.main .lawyerArti .halfContainer .imgBox{ order: 0; }
	.main .lawyerArti .halfContainer .textBox{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; order: 1; }
	.main .lawyerArti .halfContainer .textBox::before{ content:''; display: block; width: 1px; height: 40px; background-color: #fff; margin: 17px 0;  }
	.main .lawyerArti .halfContainer .textBox .t1{ display: block; }
}
@media screen and (max-width: 650px) {
	.main .lawyerArti{ padding: 58px 0; }
	.main .lawyerArti .halfContainer .imgBox{ width: 100%; padding: 7vw 7vw 4vw 7vw; }
	.main .lawyerArti .halfContainer .imgBox .contentWrap .deedBox .deed{ width: 30vw; }
	.main .lawyerArti .halfContainer .imgBox .contentWrap .deedBox .people{ width: 55vw; z-index: 1; right: -6.5vw; }
	.main .lawyerArti .halfContainer .imgBox .bottomSignWrap .txt{ font-size: 3.3vw; }
	.main .lawyerArti .halfContainer .imgBox .bottomSignWrap .sign{ width: 20vw; }
	.main .lawyerArti .halfContainer .imgBox .contentWrap .titleWrap{ z-index: 3; }
	.main .lawyerArti .halfContainer .imgBox .contentWrap .titleWrap .company{ width: 20vw; }
	.main .lawyerArti .halfContainer .imgBox .contentWrap .titleWrap .quotes{ width: 15svw; }
	.main .lawyerArti .halfContainer .imgBox .contentWrap .layerText{ width: 30vw; margin-top: 8vw; }

	.main .lawyerArti .halfContainer .textBox .t1{ width: 100%; max-width: 199px; }
	.main .lawyerArti .halfContainer .textBox .t2{ margin-top: 10px; font-size: 17px; padding: 5px 10px; }
}

/* 법무법인 테헤란을 선택하는 이유 */
.main .countingArti{ padding: 242px 0 210px 0; z-index: 3; background-image: url('../img/counting/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; }
.main .countingArti .container{ display: flex; align-items: center; justify-content: space-between; }
.main .countingArti .container .listBox{ width: 100%; max-width: 738px; border-top: 1px solid #a1a1a1; color: #373737 !important; }
.main .countingArti .container .listBox .list > li{ border-bottom: 1px solid #a1a1a1; }
.main .countingArti .container .listBox .list .item{ padding: 46px 0 12px 0; display: flex; justify-content: space-between; align-items: center; }
.main .countingArti .container .listBox .list .item .txt{ font-size: 28px; font-weight: 700;  }
.main .countingArti .container .listBox .list .item .numberCount{ display: flex; gap: 5px; align-items: flex-end; font-size: 32px;  font-weight: 700; margin-bottom: 5px; }
.main .countingArti .container .listBox .list .item .numberCount .number{ font-family: 'Futura Std'; font-size: 85px; transform: translateY(15px); display: inline-block; }

.main .countingArti .container .titleBox{ opacity: 0; }
.main .countingArti.on .container .titleBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; } 
.main .countingArti .container .listBox{ opacity: 0; }
.main .countingArti.on .container .listBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInRight; }


@media screen and (max-width: 1530px) {
	.main .countingArti .titleBox .title{ max-width: 400px; }
	.main .countingArti .container{ gap: 100px; }
	.main .countingArti .container .listBox .list .item .txt{ font-size: 24px; }
	.main .countingArti .container .listBox .list .item .numberCount .number{ font-size: 60px;  }
	.main .countingArti .container .listBox .list .item .numberCount{ font-size: 25px; }

}
@media screen and (max-width: 900px) {
	.main .countingArti{ padding: 150px 0; }
	.main .countingArti .container{ flex-wrap: wrap; gap: 86px; }
	.main .countingArti .container .titleBox{ border-top: 1px solid #A1A1A1; padding-top: 30px; width: 100%; }
	.main .countingArti .container .titleBox .title{ max-width: 350px; }
	.main .countingArti .container .listBox{ max-width: unset; }
}
@media screen and (max-width: 650px) {
	.main .countingArti{ padding: 114px 0 100px 0; }
	.main .countingArti .container{ gap: 15vw; }
	.main .countingArti .container .titleBox .title{ max-width: 258px; width: 100%; }
	.main .countingArti .container .listBox{ border-top: none; }
	.main .countingArti .container .listBox .list .item .txt{ font-size: 4.5vw; }
	.main .countingArti .container .listBox .list .item .numberCount .number{ font-size: 10vw; transform: translateY(2vw); }
	.main .countingArti .container .listBox .list .item .numberCount{ font-size: 5vw; }
}


/* 서브 타이틀 */
.main .mainTitle{ text-align: center;  }
.main .mainTitle .title{ max-width: 100%; }
.main .mainContent{ margin-top: 39px; font-size: 28px; } 

/* 법무법인 테헤란 성공사례 */
.main .successArti{ background-image: url('../img/success/background.png'); padding: 155px 0 117px 0; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;  }
.main .successArti .mainContent{ text-align: center; color: #fff; }
.main .successArti .slideContainer{ position: relative; display: flex; position: relative; z-index: 1; }
.main .successArti .slideContainer .bestItem .item{ margin-right: 20px; }
.main .successArti .slideContainer .bestItem .item .imgBox{ width: 224px; height: 353px; background-image: url('../img/success/main_cover.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .successArti .slideContainer .slideWrap{ padding-top: 55px; overflow: hidden; width: calc((100% - 244px) + ((100vw - 1520px) / 2) ); flex-shrink: 0; }
.main .successArti .slideContainer .slideWrap .swiper-wrapper{ transition-timing-function: linear;  }
.main .successArti .slideContainer .slideWrap .swiper-wrapper .swiper-slide{ width: auto !important; }
.main .successArti .slideContainer .swiper-slide { margin-right: 70px; } 
.main .successArti .slideContainer .item .imgBox{ width: 200px; height: 275px; border-radius: 3px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #ddd; box-shadow: 0px 64.82893px 42.21419px -24.12239px rgba(0, 0, 0, 0.35), -6.0306px 9.0459px 30.15299px 0px rgba(0, 0, 0, 0.25), 1.50765px 18.0918px 45.22949px -15.0765px rgba(0, 0, 0, 0.20);}
.main .successArti .slideContainer .item .imgBox.book01{ background-image: url('../img/success/book_cover01.png'); }
.main .successArti .slideContainer .item .imgBox.book02{ background-image: url('../img/success/book_cover02.png'); }
.main .successArti .slideContainer .item .imgBox.book03{ background-image: url('../img/success/book_cover03.png'); }
.main .successArti .slideContainer .item .imgBox.book04{ background-image: url('../img/success/book_cover04.png'); }
.main .successArti .slideContainer .item .title{ margin-top: 13px; color: #fff; font-size: 20px; line-height: 1.4em; }

.main .successArti .mainTitle{ opacity: 0; }
.main .successArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .successArti .mainContent{ opacity: 0; }
.main .successArti.on .mainContent{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .successArti .slideContainer{ opacity: 0; }
.main .successArti.on .slideContainer{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }


@media screen and (max-width: 1530px) {
	.main .successArti .slideContainer .slideWrap{ width: calc(((100% - 244px) + 20px )) }
	.main .successArti .mainTitle .title{ width: 100%; max-width: 350px; }
	.main .successArti .mainContent{ font-size: 20px; }
	.main .successArti .slideContainer .swiper-slide{ margin-right: 30px; }
	.main .successArti .slideContainer .item .title{ font-size: 18px; }
}
@media screen and (max-width: 900px) {
	.main .successArti .slideContainer{ flex-wrap: wrap; }
	.main .successArti .slideContainer .bestItem{ width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 32px; }
	.main .successArti .slideContainer .bestItem .item .imgBox{ margin-bottom: 6px; }
	.main .successArti .slideContainer .slideWrap{ width: calc(100% + 40px); margin-left: -20px; }
}
@media screen and (max-width: 650px) {
	.main .successArti{ padding: 114px 0 100px 0; }
	.main .successArti .mainTitle .title{ max-width: 225px; }
	.main .successArti .mainContent{ font-size: 16px; margin-top: 20px; }
	.main .successArti .slideContainer .bestItem .item{ margin-right: 0; }
	.main .successArti .slideContainer .bestItem .item .imgBox{ width: 160px; height: 219px; }
	.main .successArti .slideContainer .slideWrap{ margin-top: 24px; }
	.main .successArti .slideContainer .swiper-slide{ margin-right: 10px; }
	.main .successArti .slideContainer .item .title{ font-size: 15px; }
	.main .successArti .slideContainer .item .imgBox{ width: 135px; height: 185px; }
}

/* 거짓없는 실제후기 */
.main .reviewArti{ padding: 155px 0 170px 0; background-image: url('../img/review/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .reviewArti .slideContainer{ margin-top: 137px; overflow: hidden; }
.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper{ transition-timing-function: linear;  }
.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper .swiper-slide{ padding: 5px; }
.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper .swiper-slide img{ width: 100%; }
.main .reviewArti .slideContainer .slideWrap:nth-child(4) .reviewSlide .swiper-wrapper{ display: none; }
.main .reviewArti .slideContainer .slideWrap:nth-child(5) .reviewSlide .swiper-wrapper{ display: none; }
.main .reviewArti .slideContainer .slideWrap:nth-child(6) .reviewSlide .swiper-wrapper{ display: none; }

.main .reviewArti .mainTitle{ opacity: 0; }
.main .reviewArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }  
.main .reviewArti .slideContainer{ opacity: 0; }
.main .reviewArti.on .slideContainer{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }


@media screen and (max-width: 1530px) {
	.main .reviewArti .mainTitle .title{ width: 100%; max-width: 400px; }
	.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper .swiper-slide{ width: auto !important; }
	.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper .swiper-slide img{ max-width: 281px; }
}
@media screen and (max-width: 650px) {
	.main .reviewArti{ padding: 114px 0 50px 0; }
	.main .reviewArti .mainTitle .title{ max-width: 263px; }
	.main .reviewArti .slideContainer{ margin-top: 15px; }
	.main .reviewArti .slideContainer .slideWrap:nth-child(4) .reviewSlide .swiper-wrapper{ display: flex; }
	.main .reviewArti .slideContainer .slideWrap:nth-child(5) .reviewSlide .swiper-wrapper{ display: flex; }
	.main .reviewArti .slideContainer .slideWrap:nth-child(6) .reviewSlide .swiper-wrapper{ display: flex; }
	.main .reviewArti .slideContainer .reviewSlide .swiper-wrapper .swiper-slide img{ max-width: 175px; }
}

/* 개인회생, 여러분도 할 수 있습니다. */
.main .everyArti{ background-color: #0476E0; padding: 119px 0 80px 0; overflow: hidden; }
.main .everyArti .titleBox{ margin: 66px 0 27px 0; display: flex; justify-content: center;  }
.main .everyArti .titleBox .title{ padding: 18px 10px; text-align: center; width: 100%; max-width: 610px; background-color: #091934; border-radius: 20px; font-size: 34px; color: #fff; font-weight: 700; }
.main .everyArti .listWrap{ margin-top: 17px; width: calc(100% + 20px); margin-left: -10px; display: flex; flex-wrap: wrap; justify-content: center; }
.main .everyArti .listWrap > li{ padding: 10px; width: calc(100% / 2); max-width: 272px; }
.main .everyArti .listWrap > li .item{ background-color: #dfdfdf; width: 100%; max-width: 252px; height: 252px; border-radius: 20px; padding: 30px 20px; overflow: hidden; }
.main .everyArti .listWrap > li .item.item01{ background-color: #FFD059; background-image: url('../img/every/item01_bg.png'); background-size: 50%; background-position: right 15px bottom 15px; background-repeat: no-repeat; color: #315E2A; }
.main .everyArti .listWrap > li .item.item02{ background-color: #fff; color: #091934; background-image: url('../img/every/item02_bg.png'); background-size: 38%; background-position: right bottom; background-repeat: no-repeat; position: relative; }
.main .everyArti .listWrap > li .item.item02::before{ content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url('../img/every/item02_bg_cover.png'); background-size: cover; }
.main .everyArti .listWrap > li .item.item03{ background-color: #3F90A7; color: #fff; background-image: url('../img/every/item03_bg.svg'); background-size: 70%; background-position: right 17px bottom 18px; background-repeat: no-repeat; position: relative; }
.main .everyArti .listWrap > li .item.item04{ background-color: #194AA6; color:#fff; background-image: url('../img/every/item04_bg.svg'); background-size: 35%; background-position: right 12px bottom 25px; background-repeat: no-repeat; position: relative; }
.main .everyArti .listWrap > li .item .title{ font-size: 24px; font-weight: 700;  position: relative; z-index: 1;}
.main .everyArti .listWrap > li .item .content{ margin-top: 20px; position: relative; z-index: 1; }

.main .everyArti .mainTitle{ opacity: 0; }
.main .everyArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .everyArti .titleBox .title{ opacity: 0; }
.main .everyArti.on .titleBox .title{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .everyArti .listWrap > li{ opacity: 0.5s; opacity: 0.5; transform: translate3d(0px, 50px, 0px); }
.main .everyArti.on .listWrap > li:nth-child(1){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeInCard; }
.main .everyArti.on .listWrap > li:nth-child(2){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeInCard; }
.main .everyArti.on .listWrap > li:nth-child(3){ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeInCard; }
.main .everyArti.on .listWrap > li:nth-child(4){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeInCard; }

@media screen and (max-width: 1530px) {
	.main .everyArti .mainTitle .title{ width: 100%; max-width: 500px; }
	.main .everyArti .titleBox .title{ font-size: 28px; max-width: 500px; padding: 15px 10px; }
}
@media screen and (max-width: 1000px) {
	.main .everyArti .listWrap{ max-width: 754px; margin: 0 auto; }
}
@media screen and (max-width: 650px) {
	.main .everyArti{ padding: 114px 0 60px 0; }
	.main .everyArti .mainTitle{ text-align: left; }
	.main .everyArti .mainTitle .title{ max-width: 340px; } 
	.main .everyArti .titleBox .title{ font-size: 24px; border-radius: 20px; }
	.main .everyArti .titleBox{ margin: 24px 0 14px 0; }
	.main .everyArti .listWrap{ margin-left: -5px; width: calc(100% + 10px); }
	.main .everyArti .listWrap > li{ padding: 5px;} 
	.main .everyArti .listWrap > li .item{ padding: 5vw; border-radius: 5vw; height: 45vw; } 
	.main .everyArti .listWrap > li .item .title{ font-size: 4vw; }
	.main .everyArti .listWrap > li .item .content{ margin-top: 3vw; font-size: 3.5vw; }
}

/* 힘내요! 대한민국 */
.main .strengthArti{ background-image: url('../img/strength/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 223px 0 127px 0;  }
.main .strengthArti .inner{ max-width: 1067px; }
.main .strengthArti .halfContainer{ display: flex; justify-content: space-between; align-items: center; }
.main .strengthArti .halfContainer .titleBox .mainTitle{ text-align: left; }
.main .strengthArti .halfContainer .titleBox .content{ margin-top: 43px; color: #fff; font-size: 29px; font-weight: 300; }
.main .strengthArti .halfContainer .titleBox .content b{ font-weight: 700; }

.main .strengthArti .halfContainer .listContainer{ width: 100%; max-width: 400px; }
.main .strengthArti .halfContainer .listContainer > li + li{ margin-top: 14px; }
.main .strengthArti .halfContainer .listContainer .item{ display: flex; gap: 24px; align-items: center; }
.main .strengthArti .halfContainer .listContainer .item .icon{ width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }
.main .strengthArti .halfContainer .listContainer .item .icon.icon01{ background-image: url('../img/strength/icon01.png'); }
.main .strengthArti .halfContainer .listContainer .item .icon.icon02{ background-image: url('../img/strength/icon02.png'); }
.main .strengthArti .halfContainer .listContainer .item .icon.icon03{ background-image: url('../img/strength/icon03.png'); }
.main .strengthArti .halfContainer .listContainer .item .icon.icon04{ background-image: url('../img/strength/icon04.png'); }
.main .strengthArti .halfContainer .listContainer .item .icon.icon05{ background-image: url('../img/strength/icon05.png'); }
.main .strengthArti .halfContainer .listContainer .item .icon.icon06{ background-image: url('../img/strength/icon06.png'); }
.main .strengthArti .halfContainer .listContainer .item .txt{ flex-grow: 1; display: flex; align-items: center; justify-content: space-between; font-size: 24px; font-weight: 700; color: #fff; gap: 10px;  }
.main .strengthArti .halfContainer .listContainer .item .txt img{ width: 41px; flex-shrink: 0; }

.main .strengthArti .halfContainer .titleBox .mainTitle{ opacity: 0; }
.main .strengthArti.on .halfContainer .titleBox .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .strengthArti .halfContainer .titleBox .content{ opacity: 0; }
.main .strengthArti.on .halfContainer .titleBox .content{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .strengthArti .halfContainer .listContainer > li{ opacity: 0; }
.main .strengthArti.on .halfContainer .listContainer > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .strengthArti.on .halfContainer .listContainer > li:nth-child(2){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .strengthArti.on .halfContainer .listContainer > li:nth-child(3){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .strengthArti.on .halfContainer .listContainer > li:nth-child(4){ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .strengthArti.on .halfContainer .listContainer > li:nth-child(5){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
.main .strengthArti.on .halfContainer .listContainer > li:nth-child(6){ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }



@media screen and (max-width: 1530px) {
	.main .strengthArti .mainTitle .title{ max-width: 300px; }
	.main .strengthArti .halfContainer .titleBox .content{ font-size: 20px; line-height: 1.5em; }
	.main .strengthArti .halfContainer .listContainer .item .txt{ font-size: 20px; } 
}
@media screen and (max-width: 800px) {
	.main .strengthArti{ padding: 114px 0 60px 0; }
	.main .strengthArti .halfContainer{ flex-wrap: wrap;  }
	.main .strengthArti .halfContainer .titleBox{ text-align: center; }
	.main .strengthArti .halfContainer .titleBox .mainTitle{ text-align: center; }
	.main .strengthArti .halfContainer .titleBox{ width: 100%; }
	.main .strengthArti .halfContainer .listContainer{ width: 100%; max-width: unset; margin-top: 25px; }
}
@media screen and (max-width: 650px) {
	.main .strengthArti .mainTitle .title{ width: 100%; max-width: 132px; }
	.main .strengthArti .halfContainer .titleBox .content{ margin-top: 25px; font-size: 20px; }
}

/* 개인회생의 절차 */
.main .stepArti{ background-image: url('../img/step/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 134px 0 151px 0; }
.main .stepArti .stepContainer{ display: flex; align-items: center; justify-content: center; margin: 0 auto; max-width: 1110px; }
.main .stepArti .stepList{ display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin-left: -20px; margin-top: 86px; }
.main .stepArti .stepList > li{ width:calc(100% / 6); padding: 0 20px; position: relative; display: flex; align-items: center; } 
.main .stepArti .stepList > li .item{ background-color: #256DDA; border-radius: 20px; width: 100%; height: 210px; padding: 5px 12px; background-repeat: no-repeat;  }
.main .stepArti .stepList > li .item .number{ font-size: 64px; font-weight: 500; color: rgba(138, 177, 235, 0.30); }
.main .stepArti .stepList > li .item .txt{ text-align: center; font-size: 20px; font-weight: 700; color: #fff; font-size: 20px; margin-top: 10px; }

.main .stepArti .stepList > li:nth-child(1) .item{ background-image: url('../img/step/icon01.png'); background-position: right 14px bottom 12px; background-size: 40%; }
.main .stepArti .stepList > li:nth-child(2) .item{ background-image: url('../img/step/icon02.png'); background-position: right 17px bottom 10px; background-size: 50%; }
.main .stepArti .stepList > li:nth-child(3) .item{ background-image: url('../img/step/icon03.png'); background-position: right 10px bottom 16px; background-size: 55%; }
.main .stepArti .stepList > li:nth-child(4) .item{ background-image: url('../img/step/icon04.png'); background-position: right 15px bottom 19px; background-size: 50%; }
.main .stepArti .stepList > li:nth-child(5) .item{ background-image: url('../img/step/icon05.png'); background-position: right 7px bottom 16px; background-size: 45%; }
.main .stepArti .stepList > li:nth-child(6) .item{ background-image: url('../img/step/icon06.png'); background-position: right 26px bottom 21px; background-size: 40%; }

.main .stepArti .stepList > li:nth-child(4) .item{ background-color: #003078; }
.main .stepArti .stepList > li:nth-child(5) .item{ background-color: #003078; }
.main .stepArti .stepList > li:nth-child(6) .item{ background-color: #003078; }

.main .stepArti .stepList > li::before{ content:''; display: block; width: 34px; height: 31px; position: absolute; left: -17px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../img/step/arrow01.png'); }
.main .stepArti .stepList > li:nth-child(4):before{ background-image: url('../img/step/arrow02.png'); }
.main .stepArti .stepList > li:nth-child(5):before{ background-image: url('../img/step/arrow02.png'); }
.main .stepArti .stepList > li:nth-child(6):before{ background-image: url('../img/step/arrow02.png'); }
.main .stepArti .stepList > li:first-child::before{ display: none; }

.main .stepArti .mainTitle{ opacity: 0; }
.main .stepArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .stepArti .stepList > li{ opacity: 0.5; transform: translate3d(0px, 50px, 0px); }
.main .stepArti.on .stepList > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInCard; }
.main .stepArti.on .stepList > li:nth-child(2){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeInCard; }
.main .stepArti.on .stepList > li:nth-child(3){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeInCard; }
.main .stepArti.on .stepList > li:nth-child(4){ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeInCard; }
.main .stepArti.on .stepList > li:nth-child(5){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeInCard; }
.main .stepArti.on .stepList > li:nth-child(6){ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeInCard; }

@media screen and (max-width: 1530px) {
	.main .stepArti .mainTitle .title{ width: 100%; max-width: 350px; }
	.main .stepArti .stepContainer{ margin: 0 auto; }
	.main .stepArti .stepList{ flex-wrap: wrap; max-width: 600px; margin: 36px auto 0 auto; }
	.main .stepArti .stepList > li{ width: auto; max-width: calc(100% / 3); padding: 15px 20px; display: flex; align-items: center; padding-left: 0;  padding-right: 0; justify-content: flex-end;  }
	.main .stepArti .stepList > li::before{ position: static; flex-shrink: 0; }
	.main .stepArti .stepList > li .item{ flex-shrink: 0; width: 155px; }
}
@media screen and (max-width: 650px) {
	.main .stepArti{ padding: 114px 0 60px 0; }
	.main .stepArti .mainTitle .title{ max-width: 227px; }
	.main .stepArti .stepList{ margin-top: 36px; }

	.main .stepArti .stepList > li::before{ width: 3.5vw; margin: 0 1vw; }
	.main .stepArti .stepList > li .item{ width:23vw; height: 32vw; padding: 1vw 2vw; border-radius: 5vw; }
	.main .stepArti .stepList > li .item .number{ font-size: 10vw; font-weight: 500; }
	.main .stepArti .stepList > li .item .txt{ margin-top: 1vw; font-size: 3vw; }

	.main .stepArti .stepList > li:nth-child(1) .item{ background-position: right 1.5vw bottom 1.5vw; }
	.main .stepArti .stepList > li:nth-child(2) .item{ background-position: right 1.5vw bottom 1.5vw; }
	.main .stepArti .stepList > li:nth-child(3) .item{ background-position: right 1.5vw bottom 1.5vw; }
	.main .stepArti .stepList > li:nth-child(4) .item{ background-position: right 1.5vw bottom 1.5vw; }
	.main .stepArti .stepList > li:nth-child(5) .item{ background-position: right 1.5vw bottom 1.5vw; }
	.main .stepArti .stepList > li:nth-child(6) .item{ background-position: right 1.5vw bottom 1.5vw; }
}

/* 시작부터 끝까지, 65명의 테헤란 법률인이 끝까지 책임집니다. */
.main .peopleArti{ padding: 155px 0 326px 0; background-image: url('../img/people/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center;  }
.main .peopleArti .contentBox{ text-align: center; margin-top: 50px; font-size: 29px; font-weight: 700; }
.main .peopleArti .contentBox .blue{ color: var(--main-color); }
.main .peopleArti .btnWrap{ margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.main .peopleArti .btnWrap .btn{ /*background: linear-gradient(95deg, #0B7BFF 15.7%, #004FAC 91.64%);*/ width: 100%; max-width: 364px; color: #fff; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 30px; padding: 9px 10px; font-size: 24px; font-weight: 700; animation: telColorChange ease-in-out 3s infinite alternate; box-sizing: border-box; height: auto; }
.main .peopleArti .btnWrap .btn .icon{ transform: translateY(-3px); display: block; }

.main .peopleArti .mainTitle{ opacity: 0; }
.main .peopleArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .peopleArti .contentBox{ opacity: 0; } 
.main .peopleArti.on .contentBox{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .peopleArti .btnWrap{ opacity: 0; }
.main .peopleArti.on .btnWrap{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) {
	.main .peopleArti .mainTitle .title{ width: 100%; max-width: 500px; }
	.main .peopleArti .contentBox{ font-size: 24px; }
}
@media screen and (max-width: 650px) {
	.main .peopleArti{ padding: 100px 0 250px 0; background-size: 100%; background-position: bottom left; background-image: url('../img/people/background-image-mobile.png'); background-color: #F5F5F5;  }
	.main .peopleArti .mainTitle .title{ max-width: 337px; }
	.main .peopleArti .mainTitle .contentBox{ font-size: 20px; margin-top: 34px; }
	.main .peopleArti .btnWrap .btn{ max-width: 176px; font-size: 20px; padding: 5px 10px; }
	.main .peopleArti .btnWrap .btn .icon{ width: 16px; transform: translateY(-4.2px); gap: 2px; }
}

/* 소비자 서비스 만족대상으로 이어지게 된 이유*/
.main .serviceArti{ padding: 100px 0; background-color: #FFF2DF;  }
.main .serviceArti .halfContainer{ display: flex; align-items: center; justify-content: space-between; max-width: 1336px; margin: 0 auto; gap: 50px; }
.main .serviceArti .halfContainer .imgBox{ width: 764px; height: 535px; background-image: url('../img/service/img01.png'); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 35px; }

.main .serviceArti .halfContainer .imgBox{ opacity: 0; }
.main .serviceArti.on .halfContainer .imgBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInLeft; }
.main .serviceArti .mainTitle{ opacity: 0; }
.main .serviceArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }


@media screen and (max-width: 1530px) {
	.main .serviceArti .halfContainer .imgBox{ height: 40vw; }
}
@media screen and (max-width: 900px) {
	.main .serviceArti .halfContainer{ flex-wrap: wrap; justify-content: center; }
	.main .serviceArti .halfContainer .imgBox{ height: 50vw; }
	.main .serviceArti .mainTitle .title{ width: 100%; max-width: 400px; }
}
@media screen and (max-width: 650px) {
	.main .serviceArti{ padding-top: 0; }
	.main .serviceArti .mainTitle .title{ width: 255px; }
	.main .serviceArti .halfContainer{ gap: 47px; }
	.main .serviceArti .halfContainer .imgBox{ position: relative; background-image: url('../img/service/img01_mobile.png'); border-radius: 0; width: 100%; }
	.main .serviceArti .inner{ padding: 0; }
	.main .serviceArti .mainTitle{ padding: 0 20px; }
}

/* 어디에 계셔도 걱정마세요, 테헤란이 있으니까요!*/
.main .worryArti{ background-color: #2F2F2F; padding: 131px 0 104px 0; }
.main .worryArti .halfContainer{ display: flex; margin: 60px auto 0 auto; justify-content: space-between; color: #fff; max-width: 1230px; gap: 130px; }
.main .worryArti .halfContainer .bigItem{ width: 470px; flex-shrink: 0; }
.main .worryArti .halfContainer .item.bigItem .imgBox{ height: 284px; width: 100%; }
.main .worryArti .halfContainer .item .imgBox{ width: 280px; height: 142px; background-color: #dfdfdf; border-radius: 30px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .worryArti .halfContainer .item .imgBox.map01{ background-image: url('../img/worry/map01.png'); }
.main .worryArti .halfContainer .item .imgBox.map02{ background-image: url('../img/worry/map05.png'); }
.main .worryArti .halfContainer .item .imgBox.map03{ background-image: url('../img/worry/map03.png'); }
.main .worryArti .halfContainer .item .imgBox.map04{ background-image: url('../img/worry/map04.png'); }
.main .worryArti .halfContainer .item .imgBox.map05{ background-image: url('../img/worry/map02.png'); }
.main .worryArti .halfContainer .item .imgBox.map06{ background-image: url('../img/worry/map06.png'); }
.main .worryArti .halfContainer .item .imgBox.map07{ background-image: url('../img/worry/map07.png'); }
.main .worryArti .halfContainer .item .title{ margin-top: 10px; font-size: 22px; font-weight: 700; }
.main .worryArti .halfContainer .item .content{ margin-top: 10px; font-size: 18px; font-weight: 300; line-height: 1.5em; }

.main .worryArti .halfContainer .listContainer{ overflow: hidden; }
.main .worryArti .halfContainer .subList{ display: flex; flex-wrap: wrap; width: calc(100% + 55px); margin-left: calc(-55px / 2); } 
.main .worryArti .halfContainer .subList > li{ width: calc(100% / 2); padding: 10px calc(55px / 2); }

.main .worryArti .mainTitle{ opacity: 0; }
.main .worryArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .worryArti .halfContainer .bigItem{ opacity: 0; }
.main .worryArti.on .halfContainer .bigItem{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.main .worryArti .halfContainer .listContainer{ opacity: 0; }
.main .worryArti.on .halfContainer .listContainer{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) {
	.main .worryArti .mainTitle .title{ width: 100%; max-width: 500px; }
}
@media screen and (max-width: 1300px) {
	.main .worryArti .halfContainer{ gap: 40px; }
	.main .worryArti .halfContainer .bigItem{ width: 40vw; }
	.main .worryArti .halfContainer .item.bigItem .imgBox{ height: 25vw; }
	.main .worryArti .halfContainer .item .imgBox{ width: 100%; height: 12vw; border-radius: 2vw; }

	.main .worryArti .halfContainer .item .title{ font-size: 20px; }
	.main .worryArti .halfContainer .item .content{ font-size: 16px; }

	.main .worryArti .halfContainer .subList{ width: unset; margin-left: 0; margin-top: -10px; }
	.main .worryArti .halfContainer .subList > li{ padding: 10px 10px; }
}
@media screen and (max-width: 900px) {
	.main .worryArti .halfContainer{ flex-wrap: wrap; gap: 29px; }
	.main .worryArti .halfContainer .bigItem{ width: 100%; }
	.main .worryArti .halfContainer .item.bigItem .imgBox{ height: 35vw; }
	.main .worryArti .halfContainer .item .imgBox{ height: 20vw; border-radius: 5vw; } 
	.main .worryArti .halfContainer .subList{ width: calc(100% + 10px); margin-left: -5px; }
	.main .worryArti .halfContainer .subList > li{ padding: 10px 5px;} 
}
@media screen and (max-width: 650px) {
	.main .worryArti{ padding: 100px 0 100px 0;  } 
	.main .worryArti .mainTitle .title{ max-width: 197px; }
	.main .worryArti .halfContainer .item .title{ font-size: 18px; }
	.main .worryArti .halfContainer .item .content{ font-size: 14px; margin-top: 5px; }
	.main .worryArti.on .halfContainer .listContainer{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
}
@media screen and (max-width: 300px) {
	.main .worryArti .halfContainer .subList > li{ width: 100%; }
	.main .worryArti .halfContainer .item .imgBox{ height: 35vw; }
}

/* 테헤란과 1:1 상담하기 */
.main .applyArti{ background-image: url('../img/apply/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 125px 0; }
.main .applyArti .writeFormWrap{ max-width: 453px; margin: 30px auto 0 auto; } 
.main .applyArti .writeFormWrap .writeForm .ipt{ width: 100%; padding: 10px; background-color: transparent; border:none; border-bottom: 1px solid #FFF; color: #fff; font-size: 24px; }
.main .applyArti .writeFormWrap .writeForm .ipt:focus{ border:none !important; box-shadow: none; border-bottom: 1px solid #fff !important;  }
.main .applyArti .writeFormWrap .writeForm .ipt::placeholder{ color: #fff; }
.main .applyArti .writeFormWrap .writeForm > li + li{ margin-top: 20px; }
.main .applyArti .writeFormWrap .submitBtn{ margin-top: 28px; background-color: var(--main-color); color: #fff; padding: 15px 10px; display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; border: none; border-radius:20px; font-size: 24px; font-weight: 700; animation: telColorChange ease-in-out 6s infinite alternate; }

.main .applyArti .mainTitle{ opacity: 0; }
.main .applyArti.on .mainTitle{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .applyArti .writeFormWrap{ opacity: 0; }
.main .applyArti.on .writeFormWrap{ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) {
	.main .applyArti .mainTitle .title{}
	.main .applyArti .writeFormWrap .writeForm .ipt{ font-size: 20px; }
	.main .applyArti .writeFormWrap .submitBtn{ font-size: 20px; }
}
@media screen and (max-width: 650px) {
	.main .applyArti .mainTitle .title{}
	.main .applyArti .writeFormWrap .writeForm .ipt{ padding: 13px; }
	.main .applyArti .writeFormWrap .submitBtn{ border-radius: 10px; }
}

/* 성공사례 팝업 */
.successPopup{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.successPopup.show{ opacity: 1; visibility: visible; }
.successPopup .popupContent{ 
	position: fixed; top:0; width: 100%; height: 100vh; max-width: 612px; 
	background: linear-gradient(203deg, rgba(255, 255, 255, 0.70) 40.6%, rgba(255, 255, 255, 0.00) 120.84%); 
	border-radius: 10px 10px 0px 0px; z-index: 99; padding: 52px 0 91px 0; 
	transition: right 0.5s; right : -612px; display: flex; flex-direction: column;
}
.successPopup.show .popupContent{ right: 0; transition: right 0.5s; }
.successPopup .popupContent .btnWrap{ display: flex; align-items: center; justify-content: flex-end; }
.successPopup .popupContent .btnWrap .closeBtn{ background-color: transparent; border: none; }
.successPopup .popupContent .btnWrap .closeBtn img{ width: 36px; }
.successPopup .popupContent .contentWrap { color: #535353; margin-top: 32px; flex-grow: 1; padding: 0 52px; overflow-y: scroll; }
.successPopup .popupContent .contentWrap .topBox .titleBox{ text-align: center; font-size: 32px; font-weight: 700;  }
.successPopup .popupContent .contentWrap .topBox .profileImg{ margin: 12px auto; width: 74px; height: 74px; border-radius: 50%; background-color: #dfdfdf; background-size: cover; background-repeat: no-repeat; background-position: center; }
.successPopup .popupContent .contentWrap .topBox .profileImg.profile01{ background-image: url('../img/successPopup/profile01.png'); }
.successPopup .popupContent .contentWrap .topBox .profileImg.profile02{ background-image: url('../img/successPopup/profile02.png'); }
.successPopup .popupContent .contentWrap .topBox .profileImg.profile03{ background-image: url('../img/successPopup/profile03.png'); }
.successPopup .popupContent .contentWrap .topBox .profileImg.profile04{ background-image: url('../img/successPopup/profile04.png'); }
.successPopup .popupContent .contentWrap .topBox .profileImg.profile05{ background-image: url('../img/successPopup/profile05.png'); }


.successPopup .popupContent .contentWrap .topBox .profileText{ text-align: center; font-size: 18px; font-weight: 300; line-height: 1.3em;  }

.successPopup .popupContent .contentWrap .contentBox{ margin-top: 20px; border-radius: 20px; overflow: hidden; box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.25); margin-bottom: 40px; } 
.successPopup .popupContent .contentWrap .contentBox .infoList{ background-color: #D8E9F9; padding: 40px; font-size: 20px; line-height: 1.5em; position: relative; display: flex; flex-direction: column; align-items: center; }
.successPopup .popupContent .contentWrap .contentBox .infoList::after{ content:''; display: block; width: 60px; height: 60px; background-color: #fff; position: absolute; bottom: calc(-60px / 2); border-radius: 50%; background-image: url('../img/successPopup/feArrowUp0.png'); background-size: 50%; background-repeat: no-repeat; background-position: center; }

.successPopup .popupContent .contentWrap .contentBox .infoList > li{ display: flex; width: 100%; font-weight: 300; }
.successPopup .popupContent .contentWrap .contentBox .infoList > li .label{ width: 100%; max-width: 100px; font-weight: 700; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer{ background-color: #fff; background: linear-gradient(179deg, #0059B5 4.24%, #0097D0 99.48%); display: flex; align-items: center; color: #fff; padding: 40px; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer > li{ width: calc(100% / 2); }
.successPopup .popupContent .contentWrap .contentBox .halfContainer > li:nth-child(1){ padding-right: 30px; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .text{ font-size: 22px; line-height: 1.5em; font-weight: 700; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .text .skyblue{ color: #8CFFDF; position: relative; z-index: 1; white-space: nowrap; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .progressBox{ margin-top: 30px; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .stamp{ width: 100%; max-width: 164px; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .example{ width: 100%;  }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .example.mT{ margin-top: 100px; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .progressWrap{ position: relative; display: flex; align-items: center; justify-content: flex-start; text-align: center; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .background{ width: 100%; max-width: 118px;  animation: rotate 4s linear infinite; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .txtBox{ position: absolute; z-index: 9; width: 100%; max-width: 118px; }  
.successPopup .popupContent .contentWrap .contentBox .halfContainer .txtBox .t1{ color: var(--60, rgba(255, 255, 255, 0.60)); font-size: 14px; }
.successPopup .popupContent .contentWrap .contentBox .halfContainer .txtBox .count{ display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 650; }
@media screen and (max-width: 1530px) {
	.successPopup .popupContent{ padding: 52px 0; width: 500px; }
	.successPopup .popupContent .contentWrap{ padding: 0 20px; }
	.successPopup .popupContent .contentWrap .topBox .titleBox{ font-size: 25px; }
	.successPopup .popupContent .contentWrap .topBox .profileText{ font-size: 16px; }
	.successPopup .popupContent .contentWrap .contentBox{ margin-bottom: 80px; }
	.successPopup .popupContent .contentWrap .contentBox .infoList{ font-size: 18px; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .text{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
	.successPopup .popupContent{ width: 100%; max-width: unset; height: unset; top: unset; bottom: -485px; overflow-y:unset; padding: 11px 0; right: 0; transition: bottom 0.5s !important; }
	.successPopup.show .popupContent{ bottom: 0; right: 0; transition: right 0.5s; }
	.successPopup .popupContent .btnWrap{ justify-content: center; }
	.successPopup .popupContent .btnWrap .closeBtn{ width: 100%; padding:10px 0; cursor: pointer; }
	.successPopup .popupContent .btnWrap .closeBtn img{ display: none; }
	.successPopup .popupContent .btnWrap .closeBtn .closeBar{ background-color: #D7D7D7; border-radius: 100px; width: 64px; height: 5px; cursor: pointer; margin: 0 auto; }
	.successPopup .popupContent .contentWrap{ overflow-y: scroll; max-height: 75vh; padding: 0 2.9vw; margin-top: 3vw; }

	.successPopup .popupContent .contentWrap .topBox .titleBox{ font-size: 5vw; }
	.successPopup .popupContent .contentWrap .topBox .profileImg{ width: 15vw; height: 15vw; margin: 2vw auto; }
	.successPopup .popupContent .contentWrap .topBox .profileText{ font-size: 3.2vw; margin-top: 2vw; }
	.successPopup .popupContent .contentWrap .contentBox{ margin-bottom: 100px; }
	.successPopup .popupContent .contentWrap .contentBox .infoList{ font-size: 3.5vw; padding: 7vw; }
	.successPopup .popupContent .contentWrap .contentBox .infoList::after{ width: 10vw; height: 10vw; bottom: -5vw;  }
	.successPopup .popupContent .contentWrap .contentBox .infoList > li .label{ max-width: 18vw; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer{ padding: 7vw; bottom: -3.5vw; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer > li:nth-child(1){ padding-right: 5vw; } 
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .text{ font-size: 3.3vw; }

	.successPopup .popupContent .contentWrap .contentBox .halfContainer .background{ width: 20vw; max-width: unset; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .txtBox{ width: 100%; max-width: 20vw; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .txtBox .t1{ font-size: 2.5vw; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .txtBox .count{ font-size: 6vw; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .progressBox{ margin-top: 3vw; }
	.successPopup .popupContent .contentWrap .contentBox .halfContainer .example.mT{ margin-top: 12vw; }  
}

/* 카운트 스타일 없애기 */
.odometer.odometer-auto-theme, .odometer.odometer-theme-car{ padding: 0; padding: 0 !important; }
.main .countingArti .container .listBox .list .item .numberCount .number{ background-color: transparent; }
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child{ background-image: unset !important; background-color:transparent !important; box-shadow:none !important; color: inherit !important; }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit{ background-image: unset !important; background-color:transparent !important; box-shadow:none !important; padding: 0 !important; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner{ left: 0 !important; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-car{ color: inherit !important; }

/* 추가 항목 */
.div-footer-image { position: absolute; right: 16%; top: 32px; }
.div-footer-image img { width: 300px; }

@media screen and (max-width: 1530px) {
	.div-footer-image { position: unset; text-align: center; margin-bottom: 10px; }
	.div-footer-image img { width: 190px; }
}