/* font */

@font-face {
    font-family: 'Tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* size */
@media screen and (max-width: 1250px) { } /* 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;
	word-break: keep-all;
}

body{ font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }
p{ word-break: keep-all; }

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

/* color */
:root{
	--main-color : #FFA400;
	--main-bg-color : #ec671c;
	--darkblue-color : #0E1B58;
	--purple-color : #8C3EF9;
}

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


/* common */
.sec_top{ padding-top:88px; }
@media screen and (max-width: 650px) { 
	.sec_top{ padding-top:73.21px; }
}

/* header */
header{ 
	background-color:var(--main-bg-color); font-family: 'Tenada'; color:#fff; padding:10px 0; 
	position:fixed; width:100%; z-index:999; left:0; top:0;
}
header .inner{ display:flex; justify-content: space-between; align-items: center; }
header .menuWrap .menu_list{ display:flex; font-size: 18px; }
header .menuWrap .menu_list > li{ padding:0 20px; transition: color 0.5s; }
header .menuWrap .menu_list > li.on{ color: var(--main-color); }

@media screen and (max-width: 1250px) { 
	header .menuWrap .menu_list{ font-size: 16px; }
}
@media screen and (max-width: 950px) {  
	
	header{ background-color:var(--main-bg-color); padding:0;  }
	header.active{ height: 48.5px; background-color: unset; }

	header .inner{ flex-wrap: wrap; padding:0; }

	header .logoBox{ width:100%; padding:10px; }
	header .logoBox .logo{ display:block; margin:0 auto; }

	header .menuWrap{ width:100%; position:fixed; top:-100%; transition: top 0.5s; background-color: var(--main-bg-color); }
	header .menuWrap .menu_list{ 
		padding:15px 10px; width:100%; justify-content: center;  
		font-size: 18px;
	}
	header .menuWrap .menu_list > li{ flex-shrink: 0; }

	header.active .logoBox{ display:none; }
	header.active .menuWrap{ top:0; }

}
@media screen and (max-width: 850px) {  
	header .menuWrap{ overflow-x: scroll; }
	header .menuWrap .menu_list{ justify-content: flex-start; }
}
@media screen and (max-width: 650px) { 
	header .logoBox .logo{ width:90px; }
	header .menuWrap .menu_list{ font-size: 16px; }
}


/* footer */
/**footer{ background-color:#000; color:#fff; padding:110px 0 50px 0; margin-bottom: 98px; }
footer .inner{ display:flex; flex-wrap: wrap; justify-content: space-between; }

footer .copy_right{ font-size: 14px; }

@media screen and (max-width: 650px) { 
	footer{ margin-bottom: 110px; }
	footer span{ width: 100%; }
	footer .info{ font-size: 14px; }
	footer .copy_right{ margin-top:10px; font-size: 12px; }
}**/

/* main .slideArti*/
.main .slideArti{ overflow: hidden; position:relative; background-color: var(--main-bg-color); }
.main .slideArti .banner_slide .swiper-slide img{ width: 100%; }
.main .slideArti .banner_slide .swiper-slide img.mo{ display:none; }
.main .slideArti .banner_slide .swiper-slide .tablet{ display:none; background-size: cover; background-position: center; }

.main .slideArti .banner_slide .swiper-slide .tablet.img01{ background-image: url('../img/main_banner_01.png'); }
.main .slideArti .banner_slide .swiper-slide .tablet.img02{ background-image: url('../img/main_banner_02.png'); }
.main .slideArti .banner_slide .swiper-slide .tablet.img03{ background-image: url('../img/main_banner_03.png'); }

.main .slideArti .btnWrap{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; display:flex; align-items: center; }
.main .slideArti .btnWrap .btnBox{ display:flex; justify-content: space-between; }
.main .slideArti .btnWrap .btnBox img{ cursor: pointer; position:relative; z-index: 5; }
.main .slideArti .btnWrap .btnBox img.next_btn{ transform: scaleX(-1); }

@media screen and (max-width: 1250px) { 
	.main .slideArti .banner_slide .swiper-slide img.pc{ display:none; }
	.main .slideArti .banner_slide .swiper-slide .tablet{ 
		display:block; background-color: gray; height: 50vw;
	}	
	.main .slideArti .btnWrap .btnBox img{ width: 50px; }
}
@media screen and (max-width: 950px) { 
	.main .slideArti .banner_slide .swiper-slide .tablet{ height:70vw; }
	.main .slideArti .btnWrap .btnBox img{ width: 40px; }
}
@media screen and (max-width: 650px) { 
	.main .slideArti .btnWrap{ display: none; }
	.main .slideArti .banner_slide .swiper-slide .tablet{ display:none; }	
	.main .slideArti .banner_slide .swiper-slide img.mo{ display:block; }
}

/* main .simpleArti*/
.main .simpleArti{ padding: 50px 0; background-color: var(--darkblue-color); font-family: 'Tenada'; overflow: hidden; }
.main .simpleArti .titleBox{ 
	margin:0 auto; color:#fff; font-weight: 800; text-align: center; 
	background-color: var(--main-bg-color); padding:15px 10px; max-width: 650px; 
	border-radius: 80px; position: relative; transform: scale(1.5); opacity: 0; transition: transform 1s, opacity 1s;
}
.main .simpleArti.on .titleBox{ transform: scale(1); opacity: 1; }
.main .simpleArti .titleBox::after{ 
	content:''; display:block; width: 100%; height: 50px; position: absolute;  
	background-image: url('../img/main_simple_bubble.png'); background-size: contain; background-repeat: no-repeat; background-position: top -10px center;
}
.main .simpleArti .titleBox .t1{ font-size: 36px; }
.main .simpleArti .titleBox .t2{ font-weight: 900; font-size: 45px; margin-top: 5px; }
.main .simpleArti .titleBox .t2 b.yellow{ color: var(--main-color); display: inline-block; animation:scale_bigsmall ease-in-out 1.5s infinite; }

.main .simpleArti .contentArea{ margin-top: 50px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .simpleArti .contentArea > li{ width: 50%; padding:10px;  }

.main .simpleArti .contentArea > li:nth-child(1){ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s;  }
.main .simpleArti.on .contentArea > li:nth-child(1){ transform: translateY(0); opacity: 1; }


.main .simpleArti .contentArea > li .phone{ width: 100%; display: block; }

.main .simpleArti .contentArea > li .contentBox{ padding-left: 40px; }

.main .simpleArti .contentArea > li .contentBox .title{ 
	color: #fff; font-weight: 600; font-size: 25px; line-height: 1.2em; 
	transform: translateX(50px); opacity: 0; transition: transform 1s, opacity 1s;
}
.main .simpleArti.on .contentArea > li .contentBox .title{ transform: translateX(0); opacity: 1; }
.main .simpleArti .contentArea > li .contentBox .title .yellow{ color: var(--main-color); font-weight: 800; }

.main .simpleArti .contentArea > li .contentBox .produce{ margin-top: 20px; width: calc(100% + 20px); margin-left: -10px; }
.main .simpleArti .contentArea > li .contentBox .produce > li{ padding: 10px; transform: translateX(50px); opacity: 0; transition: transform 1s, opacity 1s; }
.main .simpleArti.on .contentArea > li .contentBox .produce > li{ transform: translateX(0); opacity: 1; }

.main .simpleArti .contentArea > li .contentBox .produce > li .item{ 
	background-color: #fff; border: 6px solid #A699E9; display: flex; align-items: center;
	font-weight: 800; border-radius: 20px; padding: 30px; 
} 
.main .simpleArti .contentArea > li .contentBox .produce > li .item .icon{ 
	background-color: #2C3195; border-radius: 50%;
	width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: 60%;
}
.main .simpleArti .contentArea > li .contentBox .produce > li:nth-child(1) .item .icon{ background-image: url('../img/main_simplearti_icon01.png'); }
.main .simpleArti .contentArea > li .contentBox .produce > li:nth-child(2) .item .icon{ background-image: url('../img/main_simplearti_icon02.png'); }
.main .simpleArti .contentArea > li .contentBox .produce > li:nth-child(3) .item .icon{ background-image: url('../img/main_simplearti_icon03.png'); }
.main .simpleArti .contentArea > li .contentBox .produce > li .item .txt{ padding-left: 20px; font-size: 34px; }

@media screen and (max-width: 1250px) { 
	.main .simpleArti .titleBox{ max-width: 500px; }
	.main .simpleArti .titleBox .t1{ font-size: 30px; }
	.main .simpleArti .titleBox .t2{ font-size: 40px; }

	.main .simpleArti .contentArea > li .contentBox{ padding-left: 20px; }

	.main .simpleArti .contentArea > li .contentBox .produce > li .item{ padding: 15px; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item .txt{ font-size: 25px; }

}
@media screen and (max-width: 1100px) { 
	.main .simpleArti .contentArea > li{ width: 100%; }

	.main .simpleArti .contentArea > li .phone{ margin: 0 auto; max-width: 500px; }
	.main .simpleArti .contentArea > li .contentBox .title{ text-align: center; }

	.main .simpleArti .contentArea > li .contentBox .produce{ display: flex; flex-wrap: wrap; }
	.main .simpleArti .contentArea > li .contentBox .produce > li{ width: calc(100% / 3); }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item{ height: 100%; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item .icon{ flex-shrink: 0; width: 5vw; height: 5vw; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item .txt{ word-break: keep-all; font-size: 20px; padding-left: 15px; }

}
@media screen and (max-width: 890px) { 
	.main .simpleArti .contentArea > li .contentBox{ padding-left: 0; }
	.main .simpleArti .contentArea > li .contentBox .produce > li{ width: 100%; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item { max-width: 500px; margin: 0 auto; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item .txt br{ display: none; }
}
@media screen and (max-width: 650px) { 
	.main .simpleArti .titleBox{ max-width: 400px; }
	.main .simpleArti .titleBox .t1{ font-size: 18px; }
	.main .simpleArti .titleBox .t2{ font-size: 30px; }

	.main .simpleArti .contentArea > li .phone{ max-width: 400px; }

	.main .simpleArti .contentArea > li .contentBox .title{ font-size: 5vw; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item .icon{ width: 10vw; height: 10vw; }
	.main .simpleArti .contentArea > li .contentBox .produce > li .item .txt{ font-size: 4vw; }
}

/* main .totalCarArti */
.main .totalCarArti{ padding: 100px 0; overflow: hidden; position: relative; }

.main .totalCarArti .inner{ position: relative; z-index: 5; }

.main .totalCarArti .bgWrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main .totalCarArti .bgWrap .inner{ z-index: unset; position: relative; height: 100%; }
.main .totalCarArti .bgWrap .circle01{ position: absolute; top: 20%; left: -45%; }
.main .totalCarArti .bgWrap .circle02{ position: absolute; bottom: -20%; right: -50%; }

.main .totalCarArti .topBox{ display: flex; flex-wrap: wrap; font-family: "Tenada"; width: calc(100% + 20px); margin-left: -10px; }
.main .totalCarArti .topBox >li{ padding: 10px; }
.main .totalCarArti .topBox >li:nth-child(1){ width: calc(100% / 3); }
.main .totalCarArti .topBox >li:nth-child(2){ width: calc((100% / 3) * 2); }

.main .totalCarArti .topBox .titleBox{ 
	height: 100%; background-color: var(--darkblue-color); color: #fff;  padding:40px 10px; border-radius: 20px; 
	display: flex; flex-direction: column; justify-content: space-between;
}
.main .totalCarArti .topBox .titleBox::before{ content:''; display: block; height: 4px; background-color: var(--purple-color); }
.main .totalCarArti .topBox .titleBox::after{ content:''; display: block; height: 4px; background-color: var(--purple-color); }
.main .totalCarArti .topBox .titleBox .txt{ 
	font-size: 28px; font-weight: 600; text-align: center; height: 100%;  
	transform: scale(1.1); opacity: 0; transition: transform 1s, opacity 1s;
}
.main .totalCarArti.on .topBox .titleBox .txt{ transform: scale(1); opacity: 1;  }

.main .totalCarArti .topBox .titleBox .txt .icon{ 
	display: block; margin: 0 auto 20px auto; max-width: 80px; 
}
.main .totalCarArti .topBox .titleBox .txt .purple{ 
	font-size: 42px; font-weight: 800; color: var(--purple-color);
}
.main .totalCarArti .topBox .titleBox .txt .purple span{ display: inline-block; }
.main .totalCarArti.on .topBox .titleBox .txt .purple span:nth-child(1){ animation : top_bottom1 ease-in-out 1.5s infinite;  }
.main .totalCarArti.on .topBox .titleBox .txt .purple span:nth-child(2){ animation : top_bottom2 ease-in-out 1.5s infinite; }
.main .totalCarArti.on .topBox .titleBox .txt .purple span:nth-child(3){ animation : top_bottom3 ease-in-out 1.5s infinite; }

.main .totalCarArti .carList{  width: calc(100% + 20px); margin-left: -10px; display: flex; flex-wrap: wrap; }
.main .totalCarArti .carList > li{ padding: 10px; }
.main .totalCarArti .topBox .carList > li{ width: calc(100% / 2); }

.main .totalCarArti .carList .title{ text-align: center; font-weight: 600; font-size: 26px; display: flex; align-items: center; justify-content: center; }
.main .totalCarArti .carList .title::before{ 
	content:''; display:block; width: 13px; height: 32px; 
	background-image: url('../img/main_totalcar_title_icon.png'); margin-right: 20px;
	background-size: contain; background-repeat: no-repeat; background-position: center;
}
.main .totalCarArti .carList .title::after{ 
	content:''; display:block; width: 13px; height: 32px; 
	background-image: url('../img/main_totalcar_title_icon.png'); transform: scaleX(-1); margin-left: 20px;
	background-size: contain; background-repeat: no-repeat; background-position: center;
}

.main .totalCarArti .carBox{ 
	margin-top: 10px;  box-shadow: 6px 8px 14px rgba(0, 0, 0, 0.2); background-color: #fff; border-radius: 20px; overflow: hidden; 
	position: relative;
}
.main .totalCarArti .carBox .swiper-slide{ padding: 17px; }
.main .totalCarArti .carBox .swiper-slide .carImg img{ display: block; width: 100%; background-color: #fff; }
.main .totalCarArti .carBox .swiper-slide .carName{ 
	color: #fff; font-weight: 600; background-color: var(--main-bg-color); text-align: center; 
	font-size: 24px; padding: 10px; margin-top: 10px;
}
.main .totalCarArti .carBox .btnWrap{ 
	position: absolute; bottom: 30px; left: 0; width: 100%; 
	padding: 0 45px; display: flex; justify-content: space-between;
}
.main .totalCarArti .carBox .btnWrap img{ cursor: pointer; position: relative; z-index: 3; }
.main .totalCarArti .carBox .btnWrap > li:nth-child(1) img{ transform: scaleX(-1); }

.main .totalCarArti .bottomBox .carList > li{ width: calc(100% / 3); }

@media screen and (max-width: 1250px) {
	.main .totalCarArti .topBox .titleBox .txt .icon{ width: 50px; }
	.main .totalCarArti .topBox .titleBox .txt{ font-size: 20px; }
	.main .totalCarArti .topBox .titleBox .txt .purple{ font-size: 25px; }

	.main .totalCarArti .carList .title{ font-size: 20px; }
	.main .totalCarArti .carList .title::before{ width: 15px; height:25px; }
	.main .totalCarArti .carList .title::after{ width: 15px; height:25px; }

	.main .totalCarArti .carBox .swiper-slide .carName{ font-size: 16px; }
	.main .totalCarArti .carBox .btnWrap img{ width: 8px; }
}
@media screen and (max-width: 850px) {

	.main .totalCarArti .bgWrap .circle01{ width: 40%; top: -5%; left: -5%; }
	.main .totalCarArti .bgWrap .circle02{ width: 80%; bottom: -25%; right: -40%; }

	.main .totalCarArti .carBox{ border-radius: 10px; padding: 5px; }
	.main .totalCarArti .carBox .swiper-slide{ padding:5px 15px; }
	.main .totalCarArti .carBox .btnWrap{ bottom: 22px; padding: 0 30px; }

	.main .totalCarArti{ padding: 50px 0; }
	.main .totalCarArti .topBox >li:nth-child(1){ width:100%; }
	.main .totalCarArti .topBox .titleBox{ padding: 15px 10px; }
	.main .totalCarArti .topBox .titleBox::before{ display: none; }
	.main .totalCarArti .topBox .titleBox::after{ display: none; }

	.main .totalCarArti .topBox >li:nth-child(2){ width: 100%; }
	.main .totalCarArti .topBox .carList > li{ width: calc(100% / 2); }
	.main .totalCarArti .bottomBox .carList > li{ width: calc(100% / 2); }
}
@media screen and (max-width: 650px) {

	.main .totalCarArti .bgWrap .circle02{ bottom: -15%; right: -35%; }

	.main .totalCarArti .carList .title::before{ margin-right: 10px; }
	.main .totalCarArti .carList .title::after{ margin-left: 10px; }

	.main .totalCarArti .topBox .titleBox .txt .icon{ width: 40px; margin-bottom: 10px; }
	.main .totalCarArti .topBox .titleBox .txt{ font-size: 20px; }
	.main .totalCarArti .topBox .titleBox .txt .purple{ font-size: 25px; }

	.main .totalCarArti .topBox .carList{ margin-top: 20px; }

	.main .totalCarArti .carList { width: calc(100% + 10px); margin-left: -5px; }
	.main .totalCarArti .carList > li{ padding: 5px; }

	.main .totalCarArti .carList .title{ font-size: 16px; }
	.main .totalCarArti .carBox .swiper-slide{ padding: 5px; }

	.main .totalCarArti .carBox{ border-radius: 5px; }
	.main .totalCarArti .carBox .swiper-slide .carName{ font-size: 14px; }
}
@media screen and (max-width: 280px) {
	.main .totalCarArti .topBox .carList > li{ width: 100%; }
	.main .totalCarArti .bottomBox .carList > li{ width: 100%; }
}

/* main .betterArti */

.main .betterArti{ 
	padding: 100px 0; background-image: url('../img/main_betterarti_bg.png'); background-size: cover; background-repeat: no-repeat; 
	background-position: center; font-family: 'Tenada'; font-weight: 600; overflow: hidden;
}
.main .betterArti .titleBox{ font-size: 40px; color: #fff; text-align: center; font-weight: 800; transform: scale(1.4); opacity: 0; transition: transform 1s, opacity 1s; }
.main .betterArti.on .titleBox{ transform: scale(1); opacity: 1; }
.main .betterArti .titleBox b{ font-size: 60px; }
.main .betterArti .titleBox b span{ animation : whiteToYello ease-in-out 1.5s infinite; }

.main .betterArti .list{ margin-top: 50px; color: rgba(255,255,255,0.4); display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .betterArti .list > li{ width: calc(100% / 3); padding: 50px 10px; }
.main .betterArti .list > li .item{ display: flex; align-items: center; border-bottom: 4px solid transparent; padding-bottom: 20px; transition: border 0.5s; height: 100%; }
.main .betterArti .list > li:hover .item{ border-color: #fff; }
.main .betterArti .list > li .item .number{ font-weight: 800; font-size: 80px; transition: color 0.5s; }
.main .betterArti .list > li:hover .item .number{ color: var(--main-color); }
.main .betterArti .list > li .item .content{ padding-left: 20px; transition: color 0.5s; }
.main .betterArti .list > li .item:hover .content{ color: #fff; }
.main .betterArti .list > li .item .content .title{ font-size: 20px; font-weight: 800; }
.main .betterArti .list > li .item .content .txt{ margin-top: 10px; font-size: 14px; word-break: keep-all; line-height: 1.5em; }
.main .betterArti .list > li.active .item .number{ color: var(--main-color); }
.main .betterArti .list > li.active .item .content{ color: #fff; }


@media screen and (max-width: 1250px) {
	.main .betterArti .titleBox{ font-size: 30px; }
	.main .betterArti .titleBox b{ font-size: 45px; }
	.main .betterArti .list > li{ width: calc(100% / 2); padding: 50px 20px; }
	.main .betterArti .list > li .item .content .txt br{ display: none; }
	.main .betterArti .list > li .item .content .title{ font-size: 24px; }
	.main .betterArti .list > li .item .content .txt{ font-size: 18px; }
}
@media screen and (max-width: 1200px) { 
	.main .betterArti .list > li{ padding: 25px 10px; }
	.main .betterArti .list > li .item{ flex-wrap: wrap; }
	.main .betterArti .list > li:hover .item{ border-color: transparent; }

	.main .betterArti .list > li .item .number{ width: 100%; text-align: center; font-size: 40px; }
	.main .betterArti .list > li .item .content{ padding-left: 0; text-align: center; margin-top: 20px; width: 100%; }
	.main .betterArti .list > li .item .content .txt br{ display: inline-block; }
	footer .ftr_wrap{
		width : 100% !important;
		padding : 30px 10px;
	} 
	footer .ftr_wrap li{
		font-size : 0.8rem !important;
	}
	footer .ftr_wrap li:after{
		margin-left : 5px;
	}
}
@media screen and (max-width: 850px) { 
	.main .betterArti .list > li .item .content .txt{ font-size: 16px; }
	footer{
		padding : 10px 0 !important;
	}
}
@media screen and (max-width: 670px) { 
	.main .betterArti .list > li{ width: 100%; }
	.main .betterArti .list > li:hover .item .content{ color: rgba(255,255,255,0.4); }
	.main .betterArti .list > li:hover .item .number{ color: rgba(255,255,255,0.4); }

	.main .betterArti .list > li.active .item .number{ color: rgba(255,255,255,0.4); }
	.main .betterArti .list > li.active .item .content{ color: rgba(255,255,255,0.4); }

	.main .betterArti .list > li.on .item .number{ color: var(--main-color); }
	.main .betterArti .list > li.on .item .content{ color: #fff; }
}
@media screen and (max-width: 650px) { 
	.main .betterArti{ padding: 100px 0 50px 0; }

	.main .betterArti .titleBox{ font-size: 20px; line-height: 1.5em; }
	.main .betterArti .titleBox b{ font-size: 30px; }

	.main .betterArti .list > li .item .number{ font-size: 30px; }
	.main .betterArti .list > li .item .content{ font-size: 14px; }
	.main .betterArti .list > li .item .content .title{ font-size: 20px; }
}

/* main .newCarArti */
.main .newCarArti{ 
	padding: 100px 0; background-image: url('../img/main_newarti_bg.png'); background-size: cover; background-repeat: no-repeat; 
	background-position: center; font-family: 'Tenada'; position: relative; overflow: hidden;
}
.main .newCarArti .inner{ position: relative; }


.main .newCarArti .bgWrap .car{ 
	position: absolute; top: -190px; left: -350px; z-index: 5; width: 1000px; 
	transform: translateY(-40%) translateX(40%); transition: transform 1s;
}
.main .newCarArti.on .bgWrap .car{ transform: translateY(0%) translateX(0%); }
.main .newCarArti .bgWrap .circle{ background-color: rgba(255,255,255,0.2); border-radius: 50%; position: absolute; }
.main .newCarArti .bgWrap .circle1{ width: 320px; height: 320px; right: 0; top: -100px; animation: opacity ease-in-out 1.5s infinite; }
.main .newCarArti .bgWrap .circle2{ width: 500px; height: 500px; right: -200px; bottom: -300px; animation: opacity ease-in-out 2s infinite; }

.main .newCarArti .contentWrap { 
	position: relative; 
	z-index:2; 
}
.main .newCarArti .contentWrap .title{ text-align: right; font-weight: 800; color: var(--purple-color); font-size: 40px; }
.main .newCarArti .contentWrap .title b{ font-size: 60px; }
.main .newCarArti .contentWrap .title b span{ display: inline-block; }
.main .newCarArti.on .contentWrap .title b span:nth-child(1){ animation : top_bottom01 ease-in-out 1.5s infinite; }
.main .newCarArti.on .contentWrap .title b span:nth-child(2){ animation : top_bottom02 ease-in-out 1.5s infinite; }
.main .newCarArti.on .contentWrap .title b span:nth-child(3){ animation : top_bottom03 ease-in-out 1.5s infinite; }
.main .newCarArti.on .contentWrap .title b span:nth-child(4){ animation : top_bottom04 ease-in-out 1.5s infinite; }
.main .newCarArti .contentWrap .purpleBox{ 
	background: linear-gradient(100.11deg, #AB6FF3 0%, rgba(171, 111, 243, 0) 100%), #8C3EF9;
	color: #FFD642; font-weight: 600; text-align: right;
	border-radius: 20px; padding: 35px 50px; display: flex; align-items: flex-end; flex-direction: column;
}
.main .newCarArti .contentWrap .purpleBox .logo{ width: 200px; }
.main .newCarArti .contentWrap .purpleBox .t1{ font-size: 36px; margin-top: 40px; width: 100%; }
.main .newCarArti .contentWrap .purpleBox .t1 br{ display: none; }
.main .newCarArti .contentWrap .purpleBox .t2{ font-size: 40px; font-weight: 800; width: 100%; margin-top: 16px; line-height: 1.5em; }
.main .newCarArti .contentWrap .purpleBox .t2 .big{ font-size: 55px; animation: whiteToYello ease-in-out 2s infinite; }
.main .newCarArti .contentWrap .purpleBox .t2 .underline{ border-bottom: 2px solid #FFD642; padding-bottom: 10px; }

.main .newCarArti .contentWrap .purpleBox .scroll{ margin-top: 60px; text-align: center; width: 100%; animation : opacity ease-in-out 2s infinite; }

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

	.main .newCarArti{ padding-bottom: 35vw; }
	.main .newCarArti .bgWrap .car{ 
		transform: translateY(0%) translateX(100%) rotate(45deg);  left: unset; right: 0; top: unset; bottom: -60vw; z-index: 1; width: 90%;
	}
	.main .newCarArti.on .bgWrap .car{ transform: translateY(0) translateX(0) rotate(45deg); }

	.main .newCarArti .contentWrap{ max-width: 800px; margin: 0 auto; }
	.main .newCarArti .contentWrap .title{ font-size: 30px; }
	.main .newCarArti .contentWrap .title b{ font-size: 50px; }

	.main .newCarArti .contentWrap .purpleBox .logo{ width: 150px; }
	.main .newCarArti .contentWrap .purpleBox .t1{ font-size: 25px; }
	.main .newCarArti .contentWrap .purpleBox .t2{ font-size: 30px; }
	.main .newCarArti .contentWrap .purpleBox .t2 .big{ font-size: 40px; }

	.main .newCarArti .contentWrap .purpleBox .scroll{ font-size: 15px; margin-top: 40px; }
}
@media screen and (max-width: 850px) { 
	.main .newCarArti .contentWrap .title{ text-align: center; }
	.main .newCarArti .contentWrap .purpleBox{ margin-top: 20px; text-align: center; }
	.main .newCarArti .contentWrap .purpleBox .logo{ width: 120px; margin: 0 auto; }
	.main .newCarArti .contentWrap .purpleBox .t1{ margin-top: 15px; font-size: 20px; line-height:1.3em; }
	.main .newCarArti .contentWrap .purpleBox .t1 br{ display: inline-block; }
	.main .newCarArti .contentWrap .purpleBox .t2{ font-size: 25px; }
	.main .newCarArti .contentWrap .purpleBox .t2 .big{ font-size: 25px; }
}
@media screen and (max-width: 650px) { 
	.main .newCarArti{ padding-top: 50px; }
	.main .newCarArti .contentWrap .title{ font-size: 6vw; }
	.main .newCarArti .contentWrap .title b{ font-size: 8vw; }
	.main .newCarArti .contentWrap .purpleBox{ padding: 20px; }
	.main .newCarArti .contentWrap .purpleBox .t2{ font-size: 4vw; }
	.main .newCarArti .contentWrap .purpleBox .t2 .big{ font-size: 5vw; }
}


/* main .monthArti */
.main .monthArti{ padding: 150px 0 0 0; font-family: 'Tenada'; font-weight: 600; overflow: hidden; position: relative; }

.main .monthArti .bgWrap{ 
	padding: 250px 0; font-size: 140px; color: rgba(0,0,0,0.06); font-weight: 800;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; white-space:nowrap;
}
.main .monthArti .bgWrap .textEffect4{ display: none; }
.main .monthArti .bgWrap .textEffect5{ display: none; }
.main .monthArti .bgWrap .textEffect6{ display: none; }

.main .monthArti .bgWrap .swiper{ position: relative; left: 0; top: 0; width: auto; }
.main .monthArti .bgWrap .swiper-wrapper{ transition-timing-function: linear; }
.main .monthArti .bgWrap .swiper-slide{ width: unset; }

.main .monthArti .inner{ position: relative; z-index: 1; }

.main .monthArti .titleBox{ text-align: center; font-size: 35px; font-weight: 800; transform: scale(1.5); opacity: 0; transition: transform 1s, opacity 1s; }
.main .monthArti.on .titleBox{ transform: scale(1); opacity: 1; }
.main .monthArti .titleBox .big{ font-size: 50px; }
.main .monthArti .titleBox .big .blue{ color: #5B6DC0; }

.main .monthArti .contentList{ margin-top: 70px; display: flex; }
.main .monthArti .contentList > li{ width: calc(100% / 2); }

.main .monthArti .contentList > li:nth-child(1){ padding-right: 50px; transform: translateX(100px); opacity: 0; transition: transform 1s, opacity 1s; }
.main .monthArti .contentList > li:nth-child(2){ padding-left: 50px; transform: translateX(-100px); opacity: 0; transition: transform 1s, opacity 1s; }

.main .monthArti.on .contentList > li{ transform: translateX(0); opacity: 1; }

.main .monthArti .contentList > li .item{ 
	background-color: #F0F0F0; border: 1px solid #7F7F7F; border-radius: 40px; 
	padding: 10px 20px; position:relative; 
}
.main .monthArti .contentList > li:nth-child(1) .item:after{ 
	content:'VS'; font-weight: 800; font-size: 36px; position: absolute; right: -80px; top: 150px;  
	opacity: 0; transition: opacity 0.5s; transition-delay: 1s;
}
.main .monthArti.on .contentList > li:nth-child(1) .item:after{ opacity: 1; }
.main .monthArti .contentList > li .item .topBox{ display: flex; align-items: center; justify-content: center; }
.main .monthArti .contentList > li .item .topBox > div{ padding:10px 20px; }
.main .monthArti .contentList > li .item .topBox > div.left{ font-size: 22px; width: 200px; position: relative; text-align: center; }
.main .monthArti .contentList > li .item .topBox > div.left::after{ content:'|'; position: absolute; right: 0; color: #7F7F7F; }
.main .monthArti .contentList > li .item .topBox > div.right .t1{ font-size: 22px; }
.main .monthArti .contentList > li .item .topBox > div.right .t2{ font-size: 40px; }
.main .monthArti .contentList > li .item .topBox > div.right .t2 .price{ font-weight: 800; }

.main .monthArti .contentList > li .item .list{ margin-top:10px; text-align: center; width: 100%; border-top: 2px solid #7F7F7F; padding: 10px 0;  }
.main .monthArti .contentList > li .item .list > li{ padding: 5px 0; font-size: 30px; }

.main .monthArti .contentList > li .item.purple{ 
	background: linear-gradient(119.43deg, #AB6FF3 0%, rgba(171, 111, 243, 0) 90.99%), #8C3EF9; color: #FFD642;
}
.main .monthArti .contentList > li .item.purple .topBox > div.left .logo{ display:block; margin:0 auto; width: 100px; margin-bottom: 5px; }
.main .monthArti .contentList > li .item.purple .topBox > div.left::after{ color: #D9D9D9; }
.main .monthArti .contentList > li .item.purple .list{ border-color: #FFD642;  }
.main .monthArti .contentList > li .item.purple .list > li{ 
	font-weight: 800; text-align: left; max-width: 280px; margin: 0 auto; padding-left: 50px; 
	position: relative;
}
.main .monthArti .contentList > li .item.purple .list > li:before{ 
	content:''; width: 35px; height: 35px; display:block; 
	position: absolute; left: 0; top: 5px; background-image: url('../img/main_montharti_check_icon.png');
	background-size: contain; background-repeat: no-repeat; background-position: center;
}

.main .monthArti .contentWrap{ position: relative; }
.main .monthArti .contentWrap .carBox{ 
	position: relative; left:0; transform: translateY(-100px);
	width: 100%; height: 100%;
}
.main .monthArti .contentWrap .carBox ul{ position: relative; display: flex; justify-content: center; align-items: center; } 
.main .monthArti .contentWrap .carBox ul > li{ position: relative; }

.main .monthArti .contentWrap .carBox ul > li img{ transition: transform 1s; }
.main .monthArti .contentWrap .carBox ul > li img.car01{ transform: translateX(400px) scale(0.5) translateY(-100px); }
.main .monthArti .contentWrap .carBox ul > li img.car02{ transform: translateX(120px) scale(0.5) translateY(-100px); }
.main .monthArti .contentWrap .carBox ul > li img.car03{ transform: translateX(-160px) scale(0.5) translateY(-100px);  }

.main .monthArti.on .contentWrap .carBox ul > li img.car01{ transform: translateX(250px) scale(1); }
.main .monthArti.on .contentWrap .carBox ul > li img.car02{ transform: scale(1) translateY(0); }
.main .monthArti.on .contentWrap .carBox ul > li img.car03{ transform: translateX(-250px) scale(1); }

@media screen and (max-width: 1250px) { 
	.main .monthArti{ padding-top: 100px; }
	.main .monthArti .titleBox{ font-size: 30px; }
	.main .monthArti .titleBox .big{ font-size: 40px; }

	.main .monthArti .contentList > li .item .topBox > div.left{ font-size: 18px; }
	.main .monthArti .contentList > li .item.purple .topBox > div.left .logo{ width: 80px; }
	.main .monthArti .contentList > li .item .topBox > div.right .t1{ font-size: 18px; }
	.main .monthArti .contentList > li .item .topBox > div.right .t2{ font-size: 30px; }
	.main .monthArti .contentList > li .item .list > li{ font-size: 25px; }

	.main .monthArti .contentList > li .item.purple .list > li{ max-width: 230px; padding-left: 35px; }
	.main .monthArti .contentList > li .item.purple .list > li:before{ width: 25px; height: 25px;  }

	.main .monthArti .contentWrap .carBox{ transform: translateY(-7.5vw); }
	.main .monthArti .contentWrap .carBox img{ width:35vw; }
	
	.main .monthArti.on .contentWrap .carBox ul > li img.car01{ transform: translateX(20vw) scale(1); }
	.main .monthArti.on .contentWrap .carBox ul > li img.car03{ transform: translateX(-20vw) scale(1); }
	
	.main .monthArti .bgWrap{ font-size: 15vw; padding: 200px 0 0 0 ; }
}
@media screen and (max-width: 950px) { 
	.main .monthArti .contentWrap .carBox ul > li img.car01{ transform: translateX(40vw) scale(0.5) translateY(-100px); }
	.main .monthArti .contentWrap .carBox ul > li img.car02{ transform: translateX(14vw) scale(0.5) translateY(-100px); }
	.main .monthArti .contentWrap .carBox ul > li img.car03{ transform: translateX(-10vw) scale(0.5) translateY(-100px);  }
}
@media screen and (max-width: 850px) { 
	
	.main .monthArti .contentList > li:nth-child(1){ padding-right: 20px; }
	.main .monthArti .contentList > li:nth-child(2){ padding-left: 20px; }

	.main .monthArti .contentList > li:nth-child(1) .item:after{ font-size: 20px; left: calc(100% + 7px); }

	.main .monthArti .contentList > li .item .list > li{ font-size: 20px; }
	.main .monthArti .contentList > li .item.purple .list > li{ max-width: 180px; }
}
@media screen and (max-width: 650px) { 

	.main .monthArti{ padding-top: 50px; }
	.main .monthArti .bgWrap{ padding: 190px 0; }
	.main .monthArti .bgWrap .textEffect4{ display: block; }
	.main .monthArti .bgWrap .textEffect5{ display: block; }
	.main .monthArti .bgWrap .textEffect6{ display: block; }

	.main .monthArti .titleBox{ font-size: 20px; }
	.main .monthArti .titleBox .big{ font-size: 30px; }

	.main .monthArti .contentList{ flex-wrap: wrap; margin-top: 50px; }
	.main .monthArti .contentList > li{ width: 100%; }
	.main .monthArti .contentList > li:nth-child(1){ padding-right: 0; padding-bottom: 50px; }
	.main .monthArti .contentList > li:nth-child(2){ padding-left: 0; }
	.main .monthArti .contentList > li:nth-child(1) .item:after{ left: 0; width: 100%; text-align: center; top: unset; bottom: -40px; }
	.main .monthArti .contentList > li .item .topBox > div{ padding: 10px; }


	.main .monthArti .contentList > li .item{ max-width: 350px; margin: 0 auto; }

	.main .monthArti .contentWrap .carBox{ transform: translateY(0); }
	.main .monthArti .contentWrap .carBox img{ width:45vw; }
	.main .monthArti .contentWrap .carBox ul > li img.car01{ transform: translateX(45vw) scale(0.5) translateY(-100px);  }
	.main .monthArti .contentWrap .carBox ul > li img.car03{ transform: translateX(-15vw) scale(0.5) translateY(-100px);  }

	.main .monthArti .bgWrap{ font-size:18vw; }
}


/* main .questionArti */
.main .questionArti{ padding: 100px 0 0 0; background-color: #0E1B58; font-family: "Tenada"; overflow: hidden; }

.main .questionArti .title{ color: #fff; font-weight: 800; text-align: center; transform: scale(1.5); opacity: 0; transition: transform 1s, opacity 1s; }
.main .questionArti.on .title{ transform: scale(1); opacity: 1; }
.main .questionArti .title br{ display: none; }
.main .questionArti .title .t1{ font-size: 30px; }
.main .questionArti .title .t2{ font-size: 55px; }
.main .questionArti .title .t2 b{ display: inline-block; }
.main .questionArti .title .t2 b{ color: var(--main-color); animation: scale_bigsmall ease-in-out 1.5s infinite; }


.main .questionArti .reviewSlide{ 
	max-width: 700px; margin: 0 auto;  margin-top: 50px; padding: 0 100px; 
	position: relative;
}
.main .questionArti .reviewSlide .phoneWrap{ 
	position: relative; z-index: 2;
	overflow: hidden; background-color: #fff; border: 10px solid #A699E9; border-bottom: none; border-radius: 60px 60px 0 0; padding:50px 10px 70px 10px; 
}
.main .questionArti .reviewSlide .phoneWrap .logo{ display: block; margin: 0 auto 50px auto; max-width: 150px; }

.main .questionArti .reviewSlide .phoneWrap .qnaSlide .swiper-slide{ background-color: #fff; height: unset; display: flex; align-items: flex-end; }  
.main .questionArti .reviewSlide .phoneWrap .qnaSlide .swiper-slide img{ width: 100%; }
.main .questionArti .reviewSlide .btnBox{ 
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; 
	display: flex; align-items: center;
}

.main .questionArti .reviewSlide .phoneWrap .swiper-pagination-bullet{ border-radius: 50%; background-color: #D9D9D9; opacity: 1; width: 10px; height: 10px; }
.main .questionArti .reviewSlide .phoneWrap .swiper-pagination-bullet-active { background-color: #A699E9; }
.main .questionArti .reviewSlide .btnBox ul{ display: flex; justify-content: space-between; width: 100%; }
.main .questionArti .reviewSlide .btnBox ul li{ position: relative; } 
.main .questionArti .reviewSlide .btnBox ul li img{ position: relative; z-index: 5; cursor: pointer; }
.main .questionArti .reviewSlide .btnBox ul li img.nextBtn{ transform: scaleX(-1); }

@media screen and (max-width: 1250px) { 
	
	.main .questionArti .title .t1{ font-size: 25px; line-height: 1.2em; }
	.main .questionArti .title .t1 br{ display: inline-block; }
	.main .questionArti .title .t2{ font-size: 40px; line-height: 1.2em; margin-top: 15px; }

	.main .questionArti .reviewSlide{ max-width: 600px; }
	.main .questionArti .reviewSlide .phoneWrap .logo{ max-width: 100px; }

}
@media screen and (max-width: 650px) { 
	.main .questionArti{ padding-top: 50px; } 
	.main .questionArti .title .t1{ font-size: 20px; }
	.main .questionArti .title .t2{ font-size: 30px; }
	.main .questionArti .title .t2 br{ display: inline-block; }

	.main .questionArti .reviewSlide{ padding: 0 40px; }
	.main .questionArti .reviewSlide .phoneWrap{ border-radius: 30px 30px 0 0; }
	.main .questionArti .reviewSlide .btnBox ul li img{ width: 15px; }
}



/* .main .partnerArti */
.main .partnerArti{ padding: 100px 0; overflow: hidden; }
.main .partnerArti .titleBox{ 
	font-weight: 800; text-align: center; font-family: 'Tenada'; transform: scale(1.5); opacity: 0; transition:transform 1s, opacity 1s; 
}
.main .partnerArti.on .titleBox{ transform: scale(1); opacity: 1; }
.main .partnerArti .titleBox br{ display: none; }
.main .partnerArti .titleBox .t1{ font-size: 30px; }
.main .partnerArti .titleBox .t2{ font-size: 55px; margin-top: 10px; }
.main .partnerArti .titleBox .t2 b{ color: var(--main-color); }
.main .partnerArti .titleBox .t2 b span{ display: inline-block;  }
.main .partnerArti .titleBox .t2 b span:nth-child(1){ animation: top_bottom1 ease-in-out 1.5s infinite; }
.main .partnerArti .titleBox .t2 b span:nth-child(2){ animation: top_bottom2 ease-in-out 1.5s infinite; }
.main .partnerArti .titleBox .t2 b span:nth-child(3){ animation: top_bottom3 ease-in-out 1.5s infinite; }

.main .partnerArti .logoBox{ margin-top: 50px; transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; }
.main .partnerArti.on .logoBox{ transform: translateY(0); opacity: 1; }
.main .partnerArti .logoBox img{ margin: 0 auto; display: block; border: 20px solid #A699E9; padding: 20px 0; border-radius: 20px; max-width: 100%; }

@media screen and (max-width: 1250px) { 
	.main .partnerArti .titleBox .t1{ font-size: 25px; line-height: 1.2em; }
	.main .partnerArti .titleBox .t1 br{ display: inline-block; }
	.main .partnerArti .titleBox .t2{ font-size: 40px; line-height: 1.2em; margin-top: 15px; }
}
@media screen and (max-width: 650px) { 
	.main .partnerArti{ padding: 50px 0; } 
	.main .partnerArti .titleBox .t1{ font-size: 20px; }
	.main .partnerArti .titleBox .t2{ font-size: 30px; }
}



/* bottom apply - apply_sec */
.apply_sec{ position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; background-color: var(--main-bg-color); padding: 20px 0; }
.apply_sec .inner{ display: flex; align-items: center;  }

.apply_sec .logo{ width: 100px; }
.apply_sec .title{ padding : 0 20px ; width: 200px; text-align: center; color: #fff; font-family: 'Tenada'; font-weight: 800; font-size: 32px; animation : whiteToYello ease-in-out 1.5s infinite; }

.apply_sec .iptForm{ display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 300px); }
.apply_sec .iptForm > li{ padding: 0 5px; width: calc(100% / 4); }
.apply_sec .iptForm > li .ipt{ padding: 10px; border: none ; width: 100%; }
.apply_sec .iptForm > li .submitBtn{ background-color: #ec671c; padding: 10px;  width: 100%; font-size: 18px; border: none; color: #fff; }

@media screen and (max-width: 1250px) { 
	.apply_sec .title{ width: 150px; font-size: 25px; }
	.apply_sec .iptForm{ width: calc(100% - 250px); }
	.apply_sec .iptForm > li .ipt{ font-size: 14px; }
	.apply_sec .iptForm > li .submitBtn{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
	.apply_sec .title{ display: none; }
	.apply_sec .iptForm{ width: calc(100% - 100px); padding-left: 20px; }
}
@media screen and (max-width: 750px) { 
	.apply_sec .logo{ display: none; }
	.apply_sec .iptForm{ width: 100%; padding-left: 0; }
}
@media screen and (max-width: 650px) { 
	.apply_sec{ padding: 10px 0px; }
	.apply_sec .iptForm{ width: calc(100% + 10px); padding-left: -5px; }
	.apply_sec .iptForm > li{ width: calc(100% / 2); padding: 5px; }
	.apply_sec .iptForm > li .submitBtn{ font-size: 14px; }
}



/* popupApply */
.popupApply{ 
	/**position: fixed; z-index: 10; left: 0; top: 0;**/ width: 100%; height: 100%; 
	background-color: var(--main-bg-color);
	background-image: url('../img/popup_bg_img.png'); background-size: cover; background-repeat: no-repeat; background-position: center;
	/**overflow-y: scroll;**/ padding: 50px 0; transition: opacity 0.5s, visibility 0.5s;
}
.popupApply .inner{ position: relative; }

.popupApply .closeBtn{ width: 40px; height: 40px; position: absolute; right: 10px; top: 0; cursor: pointer; }
.popupApply .closeBtn span{ display: block; height: 4px; background-color: #fff; }
.popupApply .closeBtn span:nth-child(1){transform:translateY(16px) rotate(-45deg);}
.popupApply .closeBtn span:nth-child(2){transform:translateY(12px) rotate(45deg);}

.popupApply.disabled{ opacity: 0; visibility: hidden; }
.popupApply .logo{ display: block; margin: 0 auto; max-width: 400px; margin-bottom: 20px}
.popupApply .stepContainer{ display: flex; flex-direction: column; }
.popupApply .stepContainer .stepBox{ width: 200px; display: flex; }
.popupApply .stepContainer .stepBox > li{ padding: 6px; }
.popupApply .stepContainer .stepBox > li .menu{ 
	background-color: #E4E4E4; width: 100%; border-radius: 10px; font-size: 24px; 
	display: flex; align-items: center; color: #7F7F7F;     padding-right: 2.625rem;    padding-left: 2.625rem;
}
.popupApply .stepContainer .stepBox > li .menu::before{ 
	content:''; display: block; width: 60px; height: 60px; margin-right: 10px; 
	background-image: url('../img/popupapply_step_icon.png'); background-size: contain; background-repeat: no-repeat; 
}
.popupApply .stepContainer .stepBox > li.active .menu{ background-color: #ec671c; color: #fff; }
.popupApply .stepContainer .stepBox > li.active .menu::before{ background-image: url('../img/popupapply_step_icon_active.png'); }

.popupApply .stepContainer .contentBox{ width: 100%; }
.popupApply .stepContainer .contentBox > li{ padding: 10px; width: 100%; height: 100%; display: none; }
.popupApply .stepContainer .contentBox > li.active{ display: block; }
.popupApply .stepContainer .contentBox > li .item{ 
	padding: 20px; border-radius: 20px; background-color: #fff; width: 100%; height: 100%; 
	display: flex; flex-direction: column;
}

.popupApply .stepContainer .contentBox > li .item .questionBox{ display: flex; align-items: center; font-family: 'Tenada'; border-bottom: 2px solid #D9D9D9; padding-bottom: 10px;  }
.popupApply .stepContainer .contentBox > li .item .questionBox .numberBox{ 
	background-color: #ec671c; display: flex; align-items: center; justify-content: center; 
	padding: 20px; font-weight: 800; font-size: 64px; color: #fff;     border-radius: 10px;
}
.popupApply .stepContainer .contentBox > li .item .questionBox .title{ padding:0 20px; } 
.popupApply .stepContainer .contentBox > li .item .questionBox .title .t1{ font-size: 28px; font-weight: 600; }
.popupApply .stepContainer .contentBox > li .item .questionBox .title .t2{  font-size: 50px;  }

.popupApply .stepContainer .contentBox > li .item .content{ flex-grow: 1; display: flex; align-items: center; width: 100%; flex-direction: row; }
.popupApply .stepContainer .contentBox > li .item .content .radioWrap{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; margin-top: 20px; }
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li{ padding: 10px; width: calc(100% / 2); }
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"]{ display: none; }
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label{ 
	background-color: #F0F0F0; display: block;  border-radius: 20px; box-shadow: 3px 4px 14px 0px #00000040;
	padding: 20px; cursor: pointer;
}
/* .popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"]:checked+ label{ background-color: #ec671c; } */
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label .imgBox{ 
	height: 150px; background-repeat: no-repeat; background-position: center; background-size: contain;
}
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li.item01 input[type="radio"] + label .imgBox{
	background-image: url('../img/popup_q1_icon1.png');
}
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li.item02 input[type="radio"] + label .imgBox{
	background-image: url('../img/popup_q1_icon2.png');
}
.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label .txt{ 
	font-family: 'Tenada'; margin-top: 20px; text-align: center; font-size: 35px;
}

.popupApply .stepContainer .contentBox > li .item .content .iptWrap{ 
	width: 100%; font-family: "Tenada"; font-weight: 800; 
	display: flex;
} 
.popupApply .stepContainer .contentBox > li .item .content .iptWrap .ipt{ 
	padding: 20px; background-color: #F0F0F0; border:2px solid #f16334; font-size: 26px;
	width: calc(100% - 160px); /* font-family: "Tenada"*/;
}
.popupApply .stepContainer .contentBox > li .item .content .iptWrap .nextBtn{ 
	background-color: var(--main-bg-color); color: #fff; padding: 20px; width: 150px; margin-left: 10px;  
	display: block; border: none;
}

.popupApply .stepContainer .contentBox > li .item .resultBox{ height: 100%; display: flex; align-items: center;  } 
.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap{ width: 100%; text-align: center; /* font-family: "Tenada";*/ font-weight: 600; }
.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .icon{ display: block; margin: 0 auto; }
.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .t1{ font-weight: 800; font-size: 34px; margin: 20px 0; }
.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .t2{ font-size: 28px; }
.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .resultBtn{ background-color: #ec671c; font-weight: 800; font-size: 26px; color: #fff; padding: 20px; border: none; margin-top: 40px; border-radius: 20px;    box-shadow: 5px 5px 20px 0px #000; }


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

	.popupApply .closeBtn{ top: -40px; }

	.popupApply .logo{ max-width: 150px; }

	.popupApply .stepContainer .stepBox > li .menu::before{ width: 40px; height: 40px; }
	.popupApply .stepContainer .stepBox > li .menu{ font-size: 18px; }
	.popupApply .stepContainer .contentBox > li .item .questionBox .numberBox{ font-size: 35px; }

	.popupApply .stepContainer .contentBox > li .item .questionBox .title .t1{ font-size: 20px; }
	.popupApply .stepContainer .contentBox > li .item .questionBox .title .t2{ font-size: 25px; }
	.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label .imgBox{ height: 10vw; }
	.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label .txt{ font-size: 20px; }

	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .t1{ font-size: 25px; }
	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .t2{ font-size: 20px; line-height: 1.5em; }

	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .resultBtn{ font-size: 20px;  }


}
@media screen and (max-width: 950px) { 
	/* .popupApply .stepContainer .stepBox{ display: none; } */
	.popupApply .stepContainer .stepBox{ width: 100%; text-align: center; display: flex; flex-wrap: wrap; }
	.popupApply .stepContainer .stepBox > li{ width: calc(100% / 5); padding: 2.5px; }
	.popupApply .stepContainer .stepBox > li .menu{ justify-content: center; }
	.popupApply .stepContainer .stepBox > li .menu::before{ display: none; }


	.popupApply .stepContainer .contentBox{ width: 100%; }
	.popupApply .stepContainer .contentBox > li .item{ min-height: unset; }
	.popupApply .stepContainer .contentBox > li .item .content .iptWrap { padding: 20px 0; }
	.popupApply .stepContainer .contentBox > li .item .content .iptWrap .ipt{ padding: 10px; font-size: 20px;  }

}
@media screen and (max-width: 650px) { 
	.popupApply .logo{ max-width: 260px; }
	.popupApply .stepContainer .stepBox{ padding: 0 7.5px; }
	.popupApply .stepContainer .stepBox > li .menu{ font-size: 2.5vw; padding: 10px 2px; }
	.popupApply .stepContainer .contentBox > li .item{ border-radius: 10px; }
	.popupApply .stepContainer .contentBox > li .item .questionBox{ flex-wrap: wrap; justify-content: center; }
	.popupApply .stepContainer .contentBox > li .item .questionBox .numberBox{ width: 50px; height: 50px; font-size: 30px; }
	.popupApply .stepContainer .contentBox > li .item .questionBox .title{ width: 100%; margin-top: 10px; text-align: center; margin-top: 10px; }

	.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li { padding: 5px; }
	.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label{ padding: 10px 5px; }
	.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label .imgBox{ height: 20vw; }
	.popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"] + label .txt{ font-size: 20px; }
	
	.popupApply .stepContainer .contentBox > li .item .content .iptWrap{ flex-wrap: wrap; }
	.popupApply .stepContainer .contentBox > li .item .content .iptWrap .ipt{ width: 100%; }
	.popupApply .stepContainer .contentBox > li .item .content .iptWrap .nextBtn{ font-size: 16px; width: 100%; margin-left: 0; margin-top: 10px; padding: 15px 5px; }

	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .icon{ max-width: 60px; }
 
	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .t1{ font-size: 20px; }
	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .t2{ font-size: 16px; }

	.popupApply .stepContainer .contentBox > li .item .resultBox .contentWrap .resultBtn{ font-size: 16px;  }
}


/* sub */
.sub .subContenet{ padding: 50px 0; }


/*---------------- admin ---------------*/
.adminBox{display:flex; justify-content: flex-end; padding:20px 0;}
.adminBox .admin_list{display:flex; }

.adminBox .admin_list>.item{
    font-size:14px;
    margin-right:5px; padding:5px 5px 5px 29px; display:flex; align-items: center; border-radius: 4px; font-size:14px;  
    background-repeat: no-repeat; background-position: left 5px center; cursor: pointer; background-color:#fff; 
}
.adminBox .admin_list>.item a{ font-size: inherit; }
.adminBox .admin_list .item:nth-child(2n){
    background-color:#f2f2f2; background-repeat: no-repeat; background-position: left 5px center; 
}
.adminBox .admin_list a.admin_icon{background-image: url('../img/board_img/admin_icon.png');}
.adminBox .admin_list .item.write_icon{background-image: url('../img/board_img/write_icon.png');  }
.adminBox .admin_list .more_icon{background-image: url('../img/board_img/comment_menu.png'); position:relative;}
.adminBox .admin_list .reple_icon{background-image: url('../img/board_img/view_reple_icon.png'); position:relative; background-color:#fff; }
.adminBox .admin_list .list_icon{background-image: url('../img/board_img/list_icon.png'); position:relative;}

.adminBox .admin_list li .more_box{
    position:absolute; background:#fff; padding:10px; border: 1px solid #E6E6E6; box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05);
    z-index: 5; top:40px; right:0; display:none; 
}
.adminBox .admin_list li .more_box.on{display:block; }
.adminBox .admin_list li .more_box:before{
    content: "";
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #E6E6E6 transparent;
}
.adminBox .admin_list li .more_box:after{
    content: "";
    position: absolute;
    top: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
}

.adminBox .admin_list li.more_icon .more_box{width:90px; font-size:14px; padding:0; }
.adminBox .admin_list li.more_icon .more_box button{background:none; border:none; text-align: center; width:100%; padding:10px; border-bottom:1px solid #e6e6e6; font-size:12px; }
.adminBox .admin_list li.more_icon .more_box .button{ display:block; background:none; border:none; text-align: center; width:100%; padding:10px; border-bottom:1px solid #e6e6e6; font-size:12px; }
.adminBox .admin_list li.more_icon .more_box button:last-child{border-bottom:none; }
.adminBox .admin_list li.more_icon .more_box button > a{ font-size: inherit; }
/*---------------- admin end ---------------*/

/*--------------- basic list ------------*/
.basic_list .basic_list_table{border-collapse: collapse; table-layout: fixed; width:100%; margin-top:10px;  }

.basic_list .basic_list_table tr .list_number{text-align: center; width:10%; }
.basic_list .basic_list_table tr .list_title{width:100%; }
.basic_list .basic_list_table tr .list_title a{display:flex; }
.basic_list .basic_list_table tr .list_writer{text-align: center; width:10%; white-space:nowrap; }
.basic_list .basic_list_table tr .list_hit{text-align: center; width:10%; }
.basic_list .basic_list_table tr .list_date{text-align: center; width:10%;}

.basic_list .basic_list_table tr .list_title a .titleBox{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  vertical-align: middle; }
.basic_list .basic_list_table tr .list_title .reple_box{background:#666; color:#fff; display:inline-block; padding:0px 6px; font-size:12px; border-radius:4px;  }
.basic_list .basic_list_table tr .list_title a .iconWrap{  width:40px; flex-shrink: 0;}
.basic_list .basic_list_table tr .list_title a .iconWrap2{ width:110px; flex-shrink: 0; padding-left:5px;}

.basic_list .basic_list_table tr input[type=checkbox]{margin-right:5px; }
.basic_list .basic_list_table tr th{padding:16px 5px; border-top:1px solid #e6e6e6;  }
.basic_list .basic_list_table tr td{padding:16px 5px; border-top:1px solid #e6e6e6; }
.basic_list .basic_list_table tr td.list_number.on{color:#40647D; font-size:14px;  }
.basic_list .basic_list_table tr:last-child td{ border-bottom:1px solid #e6e6e6; }


@media screen and (max-width: 1250px) { 
    .basic_list .basic_list_table tr .list_hit{display:none; }
    .basic_list .basic_list_table tr .list_writer{display:none; }
    .basic_list .basic_list_table tr .list_title a .iconWrap2{display:none; }
} 
@media screen and (max-width: 650px) {
    .basic_list .table_th{ display:none; }
    .basic_list .basic_list_table{ font-size: 14px; }
    .basic_list .basic_list_table tr .list_date{display:none; }

    .basic_list .basic_list_table tr td.list_number.on{ font-size:12px; }
} 
/*
@media screen and (max-width: 500px) {
    .basic_list .basic_list_table tr .list_date{display:none; }
    .basic_list .basic_list_table tr .list_number{width:20%; }
    .basic_list .basic_list_table tr .list_title{width:80%; }

}
*/
/*---------------- basic list end ---------------*/

/*-------------- view page -------------*/
.view_page{margin-top:50px; }
.view_page .titleBox li{ display:flex; border-bottom:1px solid #dfdfdf; }
.view_page .titleBox:first-child li:first-child{border-top:1px solid #dfdfdf; }
.view_page .titleBox .label{background:#f7f7f7; display:block; padding:16px 10px; width:120px; font-size:14px; display:flex; align-items: center;  }
.view_page .titleBox .label_content{padding:16px 10px; font-size:14px; width:calc(100% - 120px); display:flex; align-items: center;}

.view_page .full_title .label_content{display:block; width:calc(100% - 120px);  }
.view_page .three_title{display:flex; flex-wrap: wrap;}
.view_page .three_title li{width:calc(100% / 3); }

.view_page .share_title{display:flex; border-bottom:1px solid #dfdfdf; }
.view_page .share_title .adminBox{ padding:10px 0; }
.view_page .share_title>li:first-child{width:50%; display:flex; align-items: center;  }
.view_page .share_title>li:last-child{ width:50%; display:flex; justify-content: flex-end;}
.view_page .share_title .share_label{background:#F2F2F2; padding:5px; color:#4d4d4d; border-radius:4px; font-size:12px; margin-right:5px;   }
.view_page .share_title .share_label > img{margin-right:5px; }
.view_page .share_title .share_icon{margin-right:5px; }

.view_page .view_content{ padding:20px 0; color:#333; }
.view_page .view_content img{max-width:100%; margin-bottom:10px; display:block;  }

.view_page .add_box{margin-top:20px; }
.view_page .add_box a.add_item{
    display:block; border:1px solid #e6e6e6; padding:19px 20px 19px 60px; border-radius:8px; 
    background-repeat: no-repeat; background-position: left 20px center; 
}
.view_page .add_box a.add_item + a.add_item{margin-top:10px; }
.view_page .add_box a.add_item span{display:block; }
.view_page .add_box a.add_item span.add_title{font-size:15px; }
.view_page .add_box a.add_item span.add_content{font-size:13px; color:#999999; }
.view_page .add_box a.file{background-image: url('../img/board_img/file_icon.png');}
.view_page .add_box a.link{background-image: url('../img/board_img/link_icon.png');}

.view_page .p_n_box{margin-top:20px; }
.view_page .p_n_box .p_n_item {border-top:1px solid #dfdfdf; display:flex;  }
.view_page .p_n_box .p_n_item:last-child{border-bottom:1px solid #dfdfdf; }
.view_page .p_n_box .p_n_item span.label{
    display:block; width:120px; padding:13px 10px 13px 50px; background:#F7F7F7; font-size:14px; 
    background-repeat: no-repeat; background-position: left 20px center;
}
.view_page .p_n_box .p_n_item.prev_box span.label{background-image: url('../img/board_img/prev_icon.png');}
.view_page .p_n_box .p_n_item.next_box span.label{background-image: url('../img/board_img/next_icon.png');}
.view_page .p_n_box .p_n_item span.p_n_title{
    display:block; padding:13px 20px; font-size:14px; width:calc(100% - 120px); overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;  
} 
.view_page .go_list_box{margin-top:40px; display:flex; align-items: center; justify-content: center; }
.view_page .go_list_box .go_list_btn{
    padding:19px 0px; text-align: center; background:#40647D; width:240px; 
    border-radius: 60px; color:#fff; font-size:16px; font-family: 'Tenada'; 
}


.view_page .comment_page{ margin-top:40px; }
.view_page .comment_page .comment_title_box{ padding:21px 0; border-bottom:1px solid #e6e6e6; cursor: pointer; display:flex; justify-content: space-between;}
.view_page .comment_page h1.title{ font-weight: 400;  }
.view_page .comment_page h1.title span.blue{ color:#425999; }
.view_page .comment_page .comment_title_box .arrow_box{ display:flex; align-items: center;  }
.view_page .comment_page .comment_title_box .arrow_box .arrow_icon{ 
    display:block; width:15px; height:15px; margin-left:10px; 
    background-image:url('../img/board_img/comment_arrow.png'); background-repeat: no-repeat; background-position: center;
}
.view_page .comment_page .comment_list .comment_item .comment_title{padding:15px 10px; background:#F7F7F7; display:flex; justify-content: space-between; position:relative;  }
.view_page .comment_page .comment_list .comment_item .comment_title .nick_name{font-size:15px; }
.view_page .comment_page .comment_list .comment_item .comment_title .date{font-size:13px; margin-left:10px; color:#999;  }

.view_page .comment_page .comment_list .comment_item .comment_title .menu_box{ 
    width:10px; height:30px; margin-right:10px; cursor: pointer; background-image: url('../img/board_img/comment_menu.png'); 
    background-repeat: no-repeat; background-position: center; background-size:cover; 
}

.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu{ position:absolute; right:10px; top:40px; display:none;  }
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu.on{display:block; }
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a{
    display:block; background:#fff; padding:12px 21px;  
    box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05); border:1px solid #e6e6e6; color:#666; 
    font-size:14px; 
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu::before{
    content: ""; position: absolute; top: -8px;
    right: 15px; width: 0; height: 0; border-style: solid;
    border-width: 0 6px 8px 6px; border-color: transparent transparent #e6e6e6 transparent;
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu::after{
    content: ""; position: absolute; top: -6px;
    right: 15px; width: 0; height: 0;
    border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a:last-child{ border-top:none; }
.view_page .comment_page .comment_list .comment_item .comment_content{padding:20px 15px; font-size:15px; }
.view_page .comment_page .comment_list .comment_item .comment_content .screet_box{text-decoration: underline; color:#EB5757; }
.view_page .comment_page .comment_list .comment_item.reply .comment_title{ padding-left:50px; background-image: url('../img/board_img/comment_reple_icon.png'); background-repeat: no-repeat; background-position: left 20px center; ;}
.view_page .comment_page .comment_list .comment_item.reply .comment_title .left_box{display:flex; align-items: center;}
.view_page .comment_page .comment_list .comment_item.reply .comment_content{padding-left:50px;  }

.view_page .comment_page .comment_write_page{ margin:20px 0; }
.view_page .comment_page .comment_write_page textarea{width:100%; height:200px; border-radius:4px; border:1px solid #e6e6e6; padding:12px 16px; font-size:14px; margin-bottom:10px; }
.view_page .comment_page .comment_write_page .humman_box input{border:1px solid #e6e6e6; padding:8px 10px; border-radius:4px; font-size:14px; margin-bottom:10px; }
.view_page .comment_page .comment_write_page .humman_box input:first-child{margin-right:10px; }
.view_page .comment_page .comment_write_page .scecret_label{font-size:14px; }
.view_page .comment_page .comment_write_page .buttonWrap{ margin-top:10px; display:flex; justify-content: space-between; }
.view_page .comment_page .comment_write_page .buttonWrap .ok_btn{padding:16px 24px; background:#40647D; color:#fff; border:none; font-size:14px; border-radius:4px;  }

.view_page .comment_page .comment_content_box{display:none; }
.view_page .comment_page.on .comment_content_box{display:block; }
.view_page .comment_page.on .comment_title_box .arrow_box .arrow_icon{transform: rotate( 180deg );}

@media screen and (max-width: 1250px) { 
    .view_page .three_title{display:block; }
    .view_page .three_title li{width:100%; }
    
} 

@media screen and (max-width: 650px) {
    .view_page .titleBox .label{width:60px; font-size:13px; }
    .view_page .titleBox .label_content{ width: calc(100% - 60px); font-size:14px; }
    .view_page .share_title{flex-wrap: wrap;}
    .view_page .share_title>li:first-child{width:100%; border-bottom: none; /*공유 있을때 border-bottom: 1px solid #e6e6e6;*/ }
    .view_page .share_title>li:last-child{width:100%; }
    .view_page .p_n_box .p_n_item span.label{width:100px; }
    .view_page .p_n_box .p_n_item span.p_n_title{width:calc(100% - 100px); }
    .view_page .share_title .share_label{padding:16px 10px; width:60px; font-size:14px; color:#333;  }
    .view_page .share_title .share_label img{display:none; }

    .view_page .go_list_box .go_list_btn{padding:10px 0; width:200px; }

    .view_page .comment_page .comment_list .comment_item .comment_title{ padding:10px; }
    .view_page .comment_page .comment_list .comment_item .comment_title .nick_name{font-size:12px; }
    .view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a{font-size:12px;}
    .view_page .comment_page .comment_list .comment_item .comment_content{ font-size:12px; }
    .view_page .comment_page .comment_list .comment_item.reply .comment_content{ padding-left:40px; }

    .view_page .comment_page .comment_write_page textarea{ font-size:12px; }
    .view_page .comment_page .comment_write_page .humman_box input{ font-size:12px; }
    .view_page .comment_page .comment_write_page .scecret_label{ font-size:12px; }
    .view_page .comment_page .comment_write_page .buttonWrap .ok_btn{font-size:12px; padding:10px 20px;}

    .view_page .go_list_box .go_list_btn{ font-size:14px; }

    .view_page .p_n_box .p_n_item span.label{font-size:12px; }
    .view_page .add_box a.add_item span.add_title{font-size:12px; }
} 
/*-------------- view page end-------------*/

/*-------------- search-box --------------*/
.search-box{ padding:20px 0; max-width:450px; } 
.search-box .serach-form{ display:flex; }
.search-box .serach-form select{ display:block; width:30%; padding:7px 10px; border: 1px solid #E6E6E6; border-radius:4px; }
.search-box .serach-form .search-ipt-box{ width:70%; position:relative; padding-left:5px;  }
.search-box .serach-form .search-ipt-box .search-ipt{ display:block; width:100%; padding:7px 30px 7px 10px; border: 1px solid #E6E6E6; border-radius:4px; }
.search-box .serach-form .search-ipt-box .search-btn{ position:absolute; top:0; right:2px; height:100%; background:none; border: none; display:flex; align-items: center; justify-content: center; padding:0 5px; }

@media screen and (max-width: 700px) {
    .search-box .serach-form{ font-size: 14px; }

    .search-box{ width:100%; max-width: 100%; padding:20px 10px; }
    .search-box .serach-form select{ width: 110px; }
    .search-box .serach-form .search-ipt-box{ width: calc( 100% - 110px ) ; }
}
/*-------------- search-box end-----------*/ 


/* floating_menu */
.floating_menu{ position: fixed; right: 10px; bottom: 100px; z-index: 999; }
.floating_menu > li{ padding: 5px; }
.floating_menu > li img{ width: 60px; }

@media screen and (max-width: 650px) {
    .floating_menu{ bottom: 120px; }
    .floating_menu > li img{ width: 12vw; }
}

/**240801 푸터 추가***/
footer{
	width : 100%;
	margin : 0 auto;
	padding : 50px 0;
	z-index: 1000;
	background-color: #000;
}
footer .ftr_wrap{
	width : 1200px;
	margin : 0 auto;
}
footer .ftr_wrap ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	column-gap: 10px;
	flex-wrap: wrap;
}
footer .ftr_wrap li{
	color : #999999;
	font-size: 1.2rem;
	font-weight: 300;

}
footer .ftr_wrap li:after{
	content: '|';
	margin-left : 15px;
}
footer .ftr_wrap li:nth-last-child(1):after{
	display: none;
}
/***전화번호 hover효과**/
.stepContainer .title a:hover{
	cursor: pointer;
}