/* font */
/*GmarketSans*/
@font-face {
    font-family: "GmarketSans";
    font-weight: 300;
    src: url("../fonts/GmarketSansTTFLight.ttf") format("woff");
}
@font-face {
    font-family: "GmarketSans";
    font-weight: 600;
    src: url("../fonts/GmarketSansTTFMedium.ttf") format("woff");
}
@font-face {
    font-family: "GmarketSans";
    font-weight: 900;
    src: url("../fonts/GmarketSansTTFBold.ttf") format("woff");
}

/* 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 : #65573c;
	--main-bg-color : #071D39;
	--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); color:#fff; font-family: 'GmarketSans'; font-weight: 900; 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); }
header .logo{ width: 80px; }
@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: 'GmarketSans'; 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: "GmarketSans"; 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: 'GmarketSans'; 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; }


}
@media screen and (max-width: 850px) { 
	.main .betterArti .list > li .item .content .txt{ font-size: 16px; }
}
@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: 'GmarketSans'; 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: 'GmarketSans'; 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: "GmarketSans"; 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: 'GmarketSans'; 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: 'GmarketSans'; 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: #FDB913; 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: 9999; 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: 200px; margin-bottom: 20px}
.popupApply .stepContainer{ display: flex; flex-wrap: wrap; }
.popupApply .stepContainer .stepBox{ width: 200px; }
.popupApply .stepContainer .stepBox > li{ padding: 10px; }
.popupApply .stepContainer .stepBox > li .menu{ 
	background-color: #E4E4E4; width: 100%; border-radius: 10px; font-size: 24px; 
	display: flex; align-items: center; color: #7F7F7F; padding: 10px;
}
.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: #FDB913; color: #fff; }
.popupApply .stepContainer .stepBox > li.active .menu::before{ background-image: url('../img/popupapply_step_icon_active.png'); }

.popupApply .stepContainer .contentBox{ width: calc(100% - 200px); }
.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: 'GmarketSans'; border-bottom: 2px solid #D9D9D9; padding-bottom: 10px;  }
.popupApply .stepContainer .contentBox > li .item .questionBox .numberBox{ 
	background-color: #FDB913; display: flex; align-items: center; justify-content: center; 
	padding: 20px; font-weight: 800; font-size: 64px; color: #fff;
}
.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-weight: 800; font-size: 34px; margin-top: 10px; }

.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: 6px solid #5B6DC0; border-radius: 20px;
	padding: 20px; cursor: pointer;
}
/* .popupApply .stepContainer .contentBox > li .item .content .radioWrap > li input[type="radio"]:checked+ label{ background-color: #FDB913; } */
.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: 'GmarketSans'; margin-top: 20px; text-align: center; font-weight: 800; font-size: 26px;
}

.popupApply .stepContainer .contentBox > li .item .content .iptWrap{ 
	width: 100%; font-family: "GmarketSans"; font-weight: 800; 
	display: flex;
} 
.popupApply .stepContainer .contentBox > li .item .content .iptWrap .ipt{ 
	padding: 20px; background-color: #F0F0F0; border:2px solid #7F7F7F; font-size: 26px;
	width: calc(100% - 160px); font-family: "GmarketSans";
}
.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: "GmarketSans"; 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: var(--darkblue-color); font-weight: 800; font-size: 26px; color: #fff; padding: 20px; border: none; margin-top: 40px;  }


@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: 100px; }
	.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: 16px; }
	
	.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: 'GmarketSans'; 
}


.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; }
}

/* ----------- [👷‍♂️] 고객관리 :: 2024년 6월 27일 추가 -----------*/
.subContenet.customer{ padding: 50px 0; }
.customer .default_label{ margin-bottom: 5px; font-size: 14px; color: #7F7F7F; }
.customer .saveBtn{ 
    font-size: 14px; color: #7f7f7f; padding: 12px 10px;  border: 1px solid #dfdfdf; 
    background-color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center;
}
.customer .saveBtn2{ 
    font-size: 14px; color: #7f7f7f; padding: 12px 10px;  border: 1px solid #dfdfdf; 
    background-color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center;
}
.customer .deleteMemoBtn{ 
    font-size: 14px; color: #7f7f7f; padding: 4px 10px;  border: 1px solid #dfdfdf; 
    background-color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center;
}
.customer .default_ipt{ padding: 10px; border: 1px solid #E4E4E4; width: 100%; }
.customer .default_ipt.date{ background-image: url('../img/boardImg/calendar.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 15px; }
.subContenet.customer .pageTitle{ font-size: 18px; font-weight: 600; }
.subContenet.customer .pageTitle .blue{ color: #3da0e3; }

.subContenet.customer .adminMenu{ padding: 10px; margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.subContenet.customer .adminMenu .item{ display: flex; gap: 5px; font-size: 14px; color: #7F7F7F; align-items: center; padding: 2px 5px; border: 1px solid #7F7F7F; border-radius: 4px; background-color: #fff; }
.subContenet.customer .adminMenu .item .icon{ width: 14px; }
.subContenet.customer .adminMenu .item:hover{ background-color: #efefef; }

.subContenet.customer .searchBox{ margin-top: 20px; padding:5px 10px; background-color:#efefef; display: flex; align-items: flex-end; }
.subContenet.customer .searchBox.typeR{ background-color:hsl(233, 87%, 88%);}
.subContenet.customer .searchBox .formList{ flex-grow: 1; display: flex; align-items: flex-end; font-size: 14px; }
.customer .formList .dateWrap{ display: flex; gap: 5px; align-items: center; }
.subContenet.customer .searchBox .formList > li.box{ padding: 5px; }
.subContenet.customer .searchBox .formList > li.box1{ width: calc((100% - 100px)/ 7); }
.subContenet.customer .searchBox .formList > li.box2{ width: calc(((100% - 100px) / 7) * 2); }
.subContenet.customer .searchBox .formList > li.searchLi{ width: 100px; }
.subContenet.customer .searchBox .searchBtn{ width: 100%; height: 40px; display: flex; padding: 5px; justify-content: center; align-items: center; gap: 5px; background-color: #fff; background-color: #222; border: none; color: #fff; }
.subContenet.customer .searchBox .searchBtn.typeR{ background-color: #4236c1; border: none; color: #fff; }
.subContenet.customer .searchBox .searchBtn .icon{ width: 14px; }

@media screen and (max-width: 1000px) {
    .subContenet.customer .searchBox .formList{ flex-wrap:wrap; }
    .subContenet.customer .searchBox .formList > li.box{ padding: 2.5px; }
    .subContenet.customer .searchBox .formList > li.box:nth-child(1){ width: 100%; }
    .subContenet.customer .searchBox .formList > li.box1{ width: calc((100% - 100px )/ 5); }
}   
@media screen and (max-width: 800px) {
    .subContenet.customer .searchBox .formList > li.box1{ width: calc(100%/ 4); }
    .subContenet.customer .searchBox .formList > li:nth-child(6){ width: calc(100% - 100px); }
}
@media screen and (max-width: 600px) {
    .subContenet.customer .searchBox{ padding: 8px; }
    .customer .saveBtn{ padding: 6px 10px; }
    .customer .saveBtn2{ padding: 6px 10px; }
    .customer .default_label{ font-size: 13px; }
    .customer .default_ipt{ padding: 5px; font-size: 14px; }
    .customer .default_ipt.date{ background-size: 10px; }
    .subContenet.customer .searchBox .formList > li.box1{ width: calc(100% / 2); }
    .subContenet.customer .searchBox .formList > li:nth-child(6){ width: calc(100% - 80px); }
    .subContenet.customer .searchBox .searchBtn{ height: 30px; }
    .subContenet.customer .searchBox .formList > li.searchLi{ width: 80px; }
}

.ui-datepicker{ font-size: 14px !important; }


.customer .customerList{ margin-top: 20px; font-size: 14px; }
.customer .customerList .listHeader{ font-weight: 500; display: flex; flex-wrap: wrap; background-color: #efefef; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb;  }
.customer .customerList .listBody{ font-weight: 500; display: flex; flex-wrap: wrap; border-bottom: 1px solid #dbdbdb;  }
.customer .customerList .listBody .row{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #dbdbdb; }
.customer .customerList .listBody .row:nth-child(2n){ background-color: #f5f5f5; }
.customer .customerList .listBody .row:last-child{ border-bottom: 2px solid #dbdbdb; }
.customer .customerList .listBody.hover:hover{ background-color: #d6e2ff; }
.customer .customerList .box10{ word-wrap: break-word; word-break: break-all; flex-shrink: 0; padding: 10px; width: 80%; flex-shrink: 0; border-left: 1px solid #dbdbdb;}
.customer .customerList .box{ text-align: center; display: flex; align-items: center !important; justify-content: center !important; text-align: center; }
.customer .customerList .box{ word-wrap: break-word; word-break: break-all; flex-shrink: 0; padding: 10px; width: calc((100%) / 21); flex-shrink: 0; }
.customer .customerList .box1{ width: 80px; display: flex; align-items: center; justify-content: center; }
.customer .customerList .box.cursor{ cursor: pointer; }
.customer .customerList .box{ display: flex; align-items: flex-end; justify-content: space-between; }
.customer .customerList .box.box1{ justify-content: center; }
.customer .customerList .box .icon{ width: 10px; opacity: 0; }
.customer .customerList .box.active .icon{ opacity: 1; }
.customer .customerList .box.active.reserve .icon{ transform: rotate(180deg); }
.customer .customerList .box + .box{ border-left: 1px solid #dbdbdb; }

.customer .customerList .modifyBtn{ margin-top: 5px; width: 100%; display: block; padding: 2px 10px; border-radius: 4px; background-color: #fff; border: 1px solid #dbdbdb; color: #7F7F7F; }
/* .customer .customerList .modifyBtn + .modifyBtn{ margin-top:5px; } */
.customer .customerList .memoBtn{ width: 100%; display: block; padding: 2px 10px; border-radius: 4px; background-color: #fff; border: 1px solid #dbdbdb; color: #7F7F7F; }


@media screen and (max-width: 1340px) {
    .customer .customerList .mo-full{ width: 100% !important; }
}
@media screen and (max-width: 1000px) {

    .customer .customerList .listBody .row{ border-bottom:2px solid #dbdbdb;  }
    .customer .customerList .box2{ width: calc((100% / 5) - 50px); }
    .customer .customerList .box3{ width: calc(100% / 5); border-left: 1px solid #dbdbdb; }
    .customer .customerList .box4{ width: calc(100% / 5); border-left: 1px solid #dbdbdb; }
    .customer .customerList .box5{ width: calc(100% / 5); border-left: 1px solid #dbdbdb; }
    .customer .customerList .box6{ width: calc( 100% / 5 ); border-left: 1px solid #dbdbdb; }
    .customer .customerList .box7{ width: calc(100% / 5);  border-top: 1px solid #dbdbdb; }
    
    .customer .customerList .box8{ width: calc(100% / 5);border-left :1px solid #fff !important; border-top: 1px solid #dbdbdb; }
    .customer .customerList .box9{ width: calc(100% / 5); border-top: 1px solid #dbdbdb; }
    .customer .customerList .box9{ width: calc(100% / 5); border-top: 1px solid #dbdbdb; }
    .customer .customerList .box10{ width: calc(100% / 5); border-top: 1px solid #dbdbdb; }
    .customer .customerList .box11{ width: calc(100% / 5); border-top: 1px solid #dbdbdb; }
}
@media screen and (max-width: 800px) {
    .customer .customerList .box2{ width: calc((100% / 4) - 50px); }
    .customer .customerList .box3{ width: calc(100% / 4); }
    .customer .customerList .box4{ width: calc(100% / 4);  }
    .customer .customerList .box5{ width: calc(100% / 4);  }
    .customer .customerList .box6{ width: calc( 100% / 4 ); border-left: unset !important; border-top: 1px solid #dbdbdb; }
    .customer .customerList .box7{ width: calc( 100% / 4 ); border-left: 1px solid #dbdbdb !important; }

    .customer .customerList .box8{ width: calc( 100% / 4 ); border-left: 1px solid #dbdbdb !important; }
    .customer .customerList .box9{ width: calc( 100% / 4 ); }
    .customer .customerList .box10{ width: calc( 100% / 2); border-top: 1px solid #dbdbdb; border-left: unset !important; }
    .customer .customerList .box11{ width: calc( 100% / 2); border-top: 1px solid #dbdbdb; }
}

@media screen and (max-width: 650px) {
    .customer .customerList .box2{ width: calc((100% / 2) - 50px); }
    .customer .customerList .box3{ width: calc(100% / 2); }
    .customer .customerList .box4{ width: calc(100% / 2); border-top: 1px solid #dbdbdb; border-left: none !important; }
    .customer .customerList .box5{ width: calc(100% / 2); border-top: 1px solid #dbdbdb; }
    .customer .customerList .box6{ width: calc( 100% / 2);  }

    .customer .customerList .box7{ width: calc( 100% / 2 ); }
    .customer .customerList .box8{ width: calc( 100% / 2 ); border-left: none !important;  }
    .customer .customerList .box9{ width: calc( 100% / 2 ); }
}
@media screen and (max-width: 500px) {
    /* .customer .customerList .box{ padding: 5px; } */
    .customer .customerList .box1{ width: 24px; }
    .customer .customerList .box2{ width: calc((100% / 2) - 24px); }
    .customer .customerList{ font-size: 13px; }
    /* .customer .customerList .box{ padding: 1vw;  font-size: 3vw; } */
    /* .customer .deleteMemoBtn{ font-size: 3vw; border-radius: .5vw; padding: 1vw; } */
}


.customerPopup{ opacity: 0; visibility: hidden; position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; justify-content: center; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); padding: 10px; }
.customerPopup.show{ opacity: 1; visibility: visible; }
.customerPopup .btnWrap{ width: 100%; max-width: 550px; display: flex; justify-content: flex-end; }
.customerPopup .btnWrap .closeBtn{ background-color: transparent; border: none; padding: 10px 0; }
.customerPopup .btnWrap .closeBtn .icon{ width: 20px; }
.customerPopup .popupContentArti{ overflow: hidden; padding: 10px; width: 100%; max-width: 550px; background-color: #fff; max-height: 70vh; overflow-y: scroll; }
.customerPopup .popupContentArti textarea.default_ipt{ resize:none; height: 100px; }
.customerPopup .popupContentArti .formList{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.customerPopup .popupContentArti .formList > li{ padding: 5px; width: 100%; }
.customerPopup .popupContentArti .formList > li.half{ width: calc(100% / 2); }
.customerPopup .popupContentArti .formTitle{ margin-top: 10px; font-weight: 500; }


.customerPopup2{ opacity: 0; visibility: hidden; position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; justify-content: center; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); padding: 10px; z-index: 999; }
.customerPopup2.show{ opacity: 1; visibility: visible; }
.customerPopup2 .btnWrap{ width: 100%; max-width: 1180px; display: flex; justify-content: flex-end; }
.customerPopup2 .btnWrap .closeBtn{ background-color: transparent; border: none; padding: 10px 0; }
.customerPopup2 .btnWrap .closeBtn .icon{ width: 20px; }
.customerPopup2 .popupContentArti{ overflow: hidden; padding: 10px; width: 100%; max-width: 1180px; background-color: #fff; max-height: 80vh; overflow-y: scroll; }
.customerPopup2 .popupContentArti textarea.default_ipt{ resize:none; height: 100px; }
.customerPopup2 .popupContentArti .formList{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.customerPopup2 .popupContentArti .formList > li{ padding: 5px; width: 100%; }
.customerPopup2 .popupContentArti .formList > li.half{ width: calc(100% / 2); }
.customerPopup2 .popupContentArti .formTitle{ margin-top: 10px; font-weight: 500; }

.customerPopup2 .popupContentArti.memo .sky{background-color :#f3f9ff; border: 2px solid #efefef; margin-bottom: 10px; width:100%; padding:10px; }
.customerPopup2 .popupContentArti.memo .sky .formList{ width: 100%; margin-left: 0; border: 1px solid #dfdfdf; margin-top: 10px; }
.customerPopup2 .popupContentArti.memo .sky .formList > li:nth-child(2n-1){ border-right: 2px dotted #dfdfdf; }
.customerPopup2 .popupContentArti.memo .sky .formList > li{ border-top: 2px dotted #dfdfdf; }
.customerPopup2 .popupContentArti.memo .sky .formList > li:nth-child(1){ border-top: none; }
.customerPopup2 .popupContentArti.memo .sky .formList > li:nth-child(2){ border-top: none; }

.customerPopup2 .popupContentArti .formTitle.memoTitle{ background-color: #071D39; color: #fff; padding: 10px; border-radius: 4px; }

@media screen and (max-width: 500px) {
    .customer .customerList .box12{ flex-grow: 1; }
    /* .customer .customerList .box13{ width: 80px; }
    .customer .customerList .box14{ width: 80px; }
    .customer .customerList .box15{ width: 80px; } */
    .customer .deleteMemoBtn{ font-size: 13px; }

}

.customerPopup .popupContentArti .btnWrap{ margin: 20px 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; align-items: center; }
.customerPopup .popupContentArti .btnWrap .defaultBtn{ font-size: 14px; color: #7f7f7f; padding: 5px 10px; border: 1px solid #dfdfdf; background-color: #fff; border-radius: 4px; }
.customerPopup .popupContentArti .btnWrap .defaultBtn.saveBtn{ color: #fff; background-color: #071D39; border-color: #071D39; }
.customerPopup .popupContentArti .btnWrap .defaultBtn.saveBtn2{ color: #fff; background-color: #071D39; border-color: #071D39; }

.customerPopup2 .popupContentArti .btnWrap{ width: 100%; margin: 20px 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; align-items: center; }
.customerPopup2 .popupContentArti .btnWrap .defaultBtn{ font-size: 14px; color: #7f7f7f; padding: 5px 10px; border: 1px solid #dfdfdf; background-color: #fff; border-radius: 4px; }
.customerPopup2 .popupContentArti .btnWrap .defaultBtn.saveBtn{ color: #fff; background-color: #071D39; border-color: #071D39;}
.customerPopup2 .popupContentArti .btnWrap .defaultBtn.saveBtn2{ color: #fff; background-color: #071D39; border-color: #071D39;}


.customer .customerList .box12{ flex-shrink: 0;  width: calc(66% - 68px); }
.customer .customerList .box13{ width: 14%; }
.customer .customerList .box14{ width: 20%; }
.customer .customerList .box15{ width: 68px; }

/* .pagination */
.pagination{ display: flex; align-items: center; gap: 2px; }
.pagination a{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid #dfdfdf; border-radius: 3px; color: #7F7F7F; }
.pagination a.active{ font-weight: 600; color: #fff; background-color: #071D39; border-color: #071D39; }


table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
th { background-color: #f2f2f2; }
.page-size { margin-top: 20px; text-align: right; }

.subContenet .inner{ width: 100%;}

.row:hover {
    background-color: #d6e2ff;
}
.customer .customerList .listBody .row:nth-child(2n):hover {
    background-color: #d6e2ff;
}
.customer .customerList .listBody.hover:hover{
    background-color: #d6e2ff;
}

.buttonDiv { display: flex; gap: 5px; }

.toggleBtn {
    /* display: block; */
    margin-bottom: 10px;
    padding: 20px;
    background-color: #071D39;
    color: white;
    border: none;
    cursor: pointer;
    font-family: "Gmarket Sans";
    border-radius: 10px;

}
.memberDiv{ padding: 10px; }
.memberBtn.active {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #071D39;
    color: #FFA400;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #071D39;

}
.memberBtn {
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 20px;
    background-color: gray;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: "Gmarket Sans";
    border-radius: 10px;

}
.flagDiv {
    display: flex; 
    justify-content: flex-end;
    padding: 10px;
}
.flagBtn.active{
    display: flex; 
    justify-content: flex-end;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #071D39;
    color: #FFA400;
    border: none;
    cursor: pointer;
    border-radius: 10px;
}
.flagBtn{
    display: flex; 
    justify-content: flex-end;
    margin-bottom: 20px;
    padding: 15px;
    background-color: gray;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    font-family: "Gmarket Sans";

}
.toggleForm {
    display: none;
    margin-bottom: 20px;
}
.toggleForm.show {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.form-group {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px;
}
.form-group label {
    margin-right: 10px;
}
.form-group input {
    padding: 8px;
    box-sizing: border-box;
}
.toggleForm button[type="submit"] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

.favorite-select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.select-2 {
    /* width: 100%; */
    padding: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}




.manager-select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}



.paging_box {
    text-align: center;
    margin: 20px 0;
}

.pagination {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #007bff;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.pagination a {
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
}

.pagination a:hover {
    background-color: #0056b3;
}

.pagination span, .pagination select {
    margin: 0 5px;
}

.pagination select {
    padding: 5px;
    border: none;
    border-radius: 5px;
}

#page_selector{color:#000;}
#page_size_selector{color:#000;}

.check_number{
    margin:10px 0 ;
}


/* 2025-01-23(목) 지연 수정 */
.toggleBtn{ padding: 10px; border-radius: 4px; }
.memberBtn{ padding: 10px; border-radius: 4px; background-color: #fff; border: 1px solid #7f7f7f; color: #7f7f7f; transition: background .5s; }
.memberBtn:hover{ background-color: #efefef; }

.flagBtn{ background-color: unset; color: #7f7f7f; padding: unset; display: flex; align-items: center; }
.flagBtn.active{ background-color: transparent; padding: unset; }
.flagBtn .switchDiv{ transition: background .5s; display: flex; align-items: center; text-align: center; margin-left: 10px; width: 80px; height: 30px; border-radius: 20px; background-color: #efefef; }
.flagBtn .switchDiv .toggle{ width: 30px; height: 30px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); flex-shrink: 0; background-color: #fff; border-radius: 50%; border: 1px solid #efefef;  }
.flagBtn .switchDiv .text{ flex-grow: 1;  }
.flagBtn.active .switchDiv{ background-color: #FDB913; color: #fff; }
.flagBtn.active .switchDiv .text{ order: 1; }
.flagBtn .switchDiv:hover{ background-color: #FDB913; color: #fff; }
.flagBtn .switchDiv:hover .toggle{ position: absolute; right: 0; order: 1; }
.flagBtn .switchDiv:hover .text{ display: none; }

.flagBtn.active .switchDiv:hover{ background-color: #efefef; color: #222; }
.flagBtn .switchDiv:hover::before{ content:'ON'; flex-grow: 1; flex-shrink: 0;text-align: left; color: #fff; padding: 10px; }
.flagBtn.active .switchDiv:hover::before{ content:'OFF'; order: 1; flex-grow: 1; flex-shrink: 0;text-align: rifht; color: #7f7f7f; }

@media screen and (max-width: 650px) {
    .memberDiv{ padding: 10px 0; }
    .toggleBtn{ font-size: 14px; }
    .memberBtn{ font-size: 14px; }
    .flagDiv{ padding: 10px 0; }
}

.subContenet.customer .searchBox .formList > li.box2.date{ width: 100%; }
.customer .customerList .mo-full td:nth-child(1){ width: 30%; }
.customer .customerList .mo-full td:nth-child(3){ width: 30%; }
.customer .customerList .listBody.mo{ display: none; }
.customer .customerList .box p{ word-break: break-all; }

@media screen and (max-width: 1340px) {
    .customer .customerList .mo-full{ width: 100%;}
    .customer .customerList .mo-none{ display: none; }
    .customer .customerList .listHeader .box.mo-none{ display: none; }
    .customer .customerList .listBody.pc{ display: none; }  
    .customer .customerList .listBody.mo{ display: block; }
    .customer .customerList .box3{ width: calc(100% / 2); }
    .customer .customerList .box.box_c{ width: calc(100% / 2); border-right: 1px solid #dbdbdb; }
    
}

.customer .customerList.mypage .listBody .row{ width: 100%; }
.customer .customerList.mypage .box:nth-child(1){ width: 80px; }
.customer .customerList.mypage .box{ width: calc((100% - 80px) / 10); }
.customer .customerList.mypage .modifyBtn{ margin-top: 0; margin-left: 5px; }


@media screen and (max-width: 950px) {
    .customer .customerList.mypage .box:nth-child(1){ border-bottom: 1px solid #dbdbdb; }
    .customer .customerList.mypage .box:nth-child(2){ border-bottom: 1px solid #dbdbdb; width: calc(50% - 80px); }
    .customer .customerList.mypage .box:nth-child(3){ border-bottom: 1px solid #dbdbdb; width: calc(50%); }
    .customer .customerList.mypage .box:nth-child(4){ border-left: none !important; border-bottom: 1px solid #dbdbdb; width: calc(50%); }
    .customer .customerList.mypage .box:nth-child(6){ border-left: none !important; }
    .customer .customerList.mypage .box:nth-child(10){ border-left: none !important; }
    .customer .customerList.mypage .box{ width: calc(100% / 2); }
}


@media screen and (max-width: 650px) {
    .customer .customerList.mypage .listHeader .box:nth-child(5){ border-top: none; }

    .customer .customerList.mypage .box:nth-child(6){ border-top: none; }
    .customer .customerList.mypage .listBody .box:nth-child(3){ border-left: none; }
    .customer .customerList.mypage .box:nth-child(4){ border-top: none; }
    .customer .customerList.mypage .listBody .box:nth-child(5){ border-top: none; border-left: none; border-right: none; }
    .customer .customerList.mypage .listBody .box:nth-child(8){ border-left: none; border-right: none; }
    .customer .customerList.mypage .listBody .box:nth-child(7){ border-left: none !important; border-right: none;  }
    .customer .customerList.mypage .listBody .box:nth-child(11){ border-left: none !important; border-right: none;  }
}

.customer .customerList.memo-list .listBody .row{ width:100%; }

/* ===== 신청관리 (am-) ===== */
/* 게시판 board-app 톤. 기존 .customer / .searchBox 등과 클래스명 분리 */
.am-shell{ display: block; width: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; box-sizing: border-box; }
.am-shell > .inner{
    width: 1600px !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.am-app{
    --am-blue: #7da9e2;
    --am-text: #152238;
    --am-muted: #6b7687;
    --am-line: #e6ebf2;
    --am-bg: #f7f9fc;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 120px 0 48px;
    box-sizing: border-box;
    color: var(--am-text);
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
    font-size: 16px;
}
.am-app *, .am-app *::before, .am-app *::after{ box-sizing: border-box; }
.am-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.am-head h2{ margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -0.03em; color: var(--am-text); line-height: 1.3; }
.am-head-sub{ font-size: 15px; font-weight: 500; color: var(--am-muted); }
.am-head-spacer{ flex: 1 1 auto; min-width: 0; }
.am-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; color: var(--am-text); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; text-decoration: none; cursor: pointer; white-space: nowrap; line-height: 1.2; }
.am-btn p{ margin: 0; font-size: inherit; }
.am-btn .icon{ width: 15px; height: 15px; }
.am-btn:hover{ border-color: var(--am-blue); color: var(--am-blue); background: #f5f8ff; text-decoration: none; }
.am-btn--primary{ background: var(--am-blue); border-color: var(--am-blue); color: #fff; }
.am-btn--primary:hover{ background: #0046d4; border-color: #0046d4; color: #fff; }
.am-btn--danger{ border-color: #f0b4b6; color: #c62828; background: #fff8f8; }
.am-btn--danger:hover{ background: #fff0f0; border-color: #e57373; color: #b71c1c; }
.am-btn--sm{ min-height: 34px; padding: 0 12px; font-size: 14px; border-radius: 8px; }
.am-top{ display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; }
.am-topbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.am-member-btns{ display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.am-member-btns .memberBtn, .am-app .memberBtn{ display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 14px; border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; color: var(--am-muted); font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 400; cursor: pointer; transition: .2s; }
.am-member-btns .memberBtn:hover, .am-app .memberBtn:hover{ border-color: var(--am-blue); color: var(--am-blue); background: #f5f8ff; }
.am-member-btns .memberBtn.active, .am-app .memberBtn.active{ background: var(--am-blue); border-color: var(--am-blue); color: #fff; }
.am-flag{ padding: 0; }
.am-switch{ display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 0; padding: 0; color: var(--am-muted); font-size: 15px; font-weight: 700; cursor: pointer; }
.am-switch .switchDiv{ position: relative; display: flex; align-items: center; width: 72px; height: 30px; margin-left: 4px; border-radius: 999px; background: #e8edf5; transition: background .2s; }
.am-switch .switchDiv .toggle{ width: 26px; height: 26px; margin: 2px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(21,34,56,.12); border: 0; flex-shrink: 0; }
.am-switch .switchDiv .text{ flex: 1; font-size: 11px; font-weight: 800; text-align: center; }
.am-switch.active .switchDiv{ background: var(--am-blue); color: #fff; }
.am-switch.active .switchDiv .text{ order: 1; }
.am-fav-form{ display: none; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 12px; align-items: end; margin-top: 4px; padding: 16px; background: #fff; border: 1px solid var(--am-line); border-radius: 14px; box-shadow: 0 8px 24px rgba(22, 38, 78, 0.05); }
.am-fav-form.show{ display: grid; }
.am-fav-fld{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.am-fav-fld label{ margin: 0; font-size: 12px; font-weight: 700; color: #8a94a6; }
.am-fav-fld input{ width: 100%; height: 40px; padding: 0 12px; border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; font-size: 14px; color: var(--am-text); outline: none; }
.am-fav-fld input:focus{ border-color: var(--am-blue); box-shadow: 0 0 0 3px rgba(1,85,255,.12); }
.am-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; margin: 0 0 12px; padding: 0; }
.am-actions .am-input, .am-actions select.am-input{ width: auto; min-width: 140px; height: 36px; }
.am-panel{ margin: 0 0 12px; padding: 16px; background: #fff; border: 1px solid var(--am-line); border-radius: 14px; box-shadow: 0 8px 24px rgba(22, 38, 78, 0.05); }
.am-panel--create{ background: linear-gradient(180deg, #f5f8ff 0%, #fff 48%); border-color: #d6e2ff; }
.am-panel-title{ margin: 0 0 12px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--am-text); }
.am-fields{ display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; list-style: none; margin: 0; padding: 0; width: 100%; }
.am-fld{ display: flex; flex-direction: column; gap: 6px; flex: 1 1 120px; min-width: 110px; max-width: 100%; padding: 0 !important; width: auto !important; }
.am-fld--date{ flex: 1 1 220px; min-width: 200px; }
.am-fld--btn{ flex: 0 0 auto; min-width: 96px; width: auto !important; }
.am-label{ margin: 0; font-size: 14px; font-weight: 700; color: #8a94a6; letter-spacing: -0.02em; min-height: 18px; }
.am-input{ width: 100%; max-width: 100%; height: 42px; padding: 0 12px; border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; font-size: 16px; color: var(--am-text); outline: none; -webkit-appearance: none; appearance: none; }
select.am-input{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7687' d='M1.4 0.6L6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; }
.am-input:focus{ border-color: var(--am-blue); box-shadow: 0 0 0 3px rgba(1,85,255,.12); }
.am-input.date{ background-image: url('../img/boardImg/calendar.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 15px; padding-right: 32px; }
.am-datewrap{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.am-datewrap .bar{ flex-shrink: 0; color: var(--am-muted); font-weight: 700; }
.am-datewrap .am-input{ flex: 1 1 0; min-width: 0; }
.am-fld--btn .am-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    min-height: 40px;
    height: 42px;
    max-height: 42px;
    padding: 0 14px;
    line-height: 1;
    box-sizing: border-box;
}
.am-fld--btn .am-btn .icon{ filter: brightness(0) invert(1); flex-shrink: 0; }
.am-fld--btn .am-btn p{ margin: 0; padding: 0; line-height: 1; height: auto; }
.am-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 12px; padding: 12px 14px; background: #fff; border: 1px solid var(--am-line); border-radius: 12px; font-size: 15px; color: var(--am-muted); }
.am-bar-info strong{ color: var(--am-blue); font-weight: 800; }
.am-bar-spacer{ flex: 1 1 auto; min-width: 0; }
.am-bar-total{ font-weight: 700; color: var(--am-text); }
.am-list{ margin: 0; background: #fff; border: 1px solid var(--am-line); border-radius: 14px; box-shadow: 0 8px 24px rgba(22, 38, 78, 0.05); overflow: hidden; font-size: 16px; }
.am-app .am-list.customerList, .am-app .am-list.customerList.mypage{ margin-top: 0; }
.am-thead, .am-row{ display: grid !important; grid-template-columns: 48px 1.1fr 0.9fr 0.55fr 0.8fr 1.1fr 1fr 1fr 1.1fr 0.9fr 1.15fr; width: 100% !important; align-items: stretch; flex-wrap: nowrap !important; }
.am-thead{ background: #f7f9fc; border-bottom: 1px solid var(--am-line); font-size: 14px; font-weight: 700; color: #8a94a6; letter-spacing: -0.02em; }
.am-tbody{ display: block !important; width: 100%; border: 0 !important; }
.am-row{ border-bottom: 1px solid #eef1f6; background: #fff; }
.am-row:nth-child(2n){ background: #fff; }
.am-row:last-child{ border-bottom: 0; }
.am-row:hover,
.am-app .am-list .am-row:hover,
.am-app .am-list .row:hover,
.am-app .customerList .listBody .row:hover,
.am-app .customerList .listBody .row:nth-child(2n):hover{
    background: #d6e2ff !important;
}
.am-cell, .am-list .box{ display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 14px 12px !important; border: 0 !important; border-left: 0 !important; border-top: 0 !important; text-align: center; word-break: break-word; flex-shrink: 1 !important; color: var(--am-text); font-size: 16px; font-weight: 400; }
.am-cell p{ margin: 0; line-height: 1.4; font-weight: 400; }
.am-cell .icon{ width: 10px; opacity: .35; }
.am-c5, .am-c7, .am-c8{ justify-content: flex-start !important; text-align: left; }
.am-c2 p, .am-c10 p{ font-size: 14px; line-height: 1.35; color: #6b7687; letter-spacing: -0.02em; }
.am-datetime{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; line-height: 1.3; }
.am-date{ font-size: 14px; font-weight: 500; color: #6b7687; letter-spacing: -0.02em; }
.am-time{ font-size: 13px; font-weight: 400; color: #8a94a6; letter-spacing: -0.02em; }
.am-c11{ justify-content: center !important; }
.am-act{ display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; }
.am-act .am-btn--sm{ min-height: 34px; padding: 0 12px; font-size: 14px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; border-radius: 8px; background: #fff; color: var(--am-text); border: 1px solid #d9e1ee; }
.am-act .am-btn--sm:hover{ border-color: var(--am-blue); color: var(--am-blue); background: #f5f8ff; }
.am-select{ width: 100%; max-width: 100%; min-height: 38px; padding: 4px 28px 4px 10px; border: 1px solid #d9e1ee; border-radius: 8px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7687' d='M1.4 0.6L6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") no-repeat right 10px center; font-size: 15px; font-weight: 400; color: var(--am-text); outline: none; -webkit-appearance: none; appearance: none; }
.am-select:focus{ border-color: var(--am-blue); box-shadow: 0 0 0 3px rgba(1,85,255,.12); }
.am-paging{ display: flex; justify-content: center; padding: 16px; border-top: 1px solid var(--am-line); background: #fafbfd; }
.am-app .pagination a{ border-radius: 8px; border-color: #d9e1ee; color: white; }
.am-app .pagination a.active{ background: var(--am-blue); border-color: var(--am-blue); color: #fff; }
.am-app .pagination select, .am-app #page_selector, .am-app #page_size_selector{ height: 30px; padding: 0 8px; border: 1px solid #d9e1ee; border-radius: 8px; background: #fff; }
.am-app .customerList.mypage .box:nth-child(1), .am-app .customerList.mypage .box, .am-app .customerList .box, .am-app .customerList .box1, .am-app .customerList .box10{ width: auto !important; }
.am-popup.customerPopup, .am-popup.customerPopup2{ opacity: 0; visibility: hidden; position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; background: rgba(21, 34, 56, 0.45); backdrop-filter: blur(2px); }
.am-popup.customerPopup.show, .am-popup.customerPopup2.show{ opacity: 1; visibility: visible; }
.am-popup-closewrap{ width: 100%; max-width: 560px; display: flex; justify-content: flex-end; margin-bottom: 8px; }
.am-popup--wide .am-popup-closewrap{ max-width: 1180px; }
.am-popup-close{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; border-radius: 10px; background: rgba(255,255,255,.9); cursor: pointer; }
.am-popup-close .icon{ width: 18px; }
.am-popup-body{ width: 100%; max-width: 560px; max-height: 78vh; overflow: auto; padding: 20px !important; background: #fff; border-radius: 16px; box-shadow: 0 18px 48px rgba(22, 38, 78, 0.18); }
.am-popup--wide .am-popup-body{ max-width: 1180px; max-height: 84vh; }
.am-popup-title{ margin: 0 0 14px !important; font-size: 18px; font-weight: 800; letter-spacing: -0.02em; color: #152238; }
.am-popup-title.memoTitle{ background: #7da9e2 !important; color: #fff !important; padding: 10px 14px !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 700 !important; }
.am-popup-fields{ display: flex; flex-wrap: wrap; gap: 12px; list-style: none; margin: 0 0 8px !important; padding: 0 !important; width: 100% !important; }
.am-popup-fld{ display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 0 !important; }
.am-popup-fld--half{ width: calc(50% - 6px); }
.am-popup-text{ min-height: 40px; padding: 10px 12px; border: 1px solid #e8edf5; border-radius: 10px; background: #fafbfd; font-size: 16px; color: #152238; display: flex; align-items: center; }
.am-popup-body textarea.am-input, .am-popup-body textarea.default_ipt{ min-height: 110px; height: auto; padding: 12px; resize: vertical; line-height: 1.5; font-size: 16px; }
.am-memo-info{ margin-bottom: 14px; padding: 14px !important; background: #f5f8ff !important; border: 1px solid #d6e2ff !important; border-radius: 12px; }
.am-memo-info .am-popup-fields{ margin-top: 8px !important; border: 0 !important; }
.am-memo-info .am-popup-fld{ border: 0 !important; }
.am-memo-list{ margin: 0 0 16px; border: 1px solid #e6ebf2; border-radius: 12px; overflow: hidden; background: #fff; }
.am-memo-list .am-thead, .am-memo-list .listHeader, .am-memo-list .am-row, .am-memo-list .row{ display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) 96px; width: 100% !important; }
.am-memo-list .am-cell, .am-memo-list .box{ width: auto !important; padding: 12px 10px !important; border: 0 !important; }
.am-popup-body .btnWrap, .am-popup-body .am-popup-closewrap.btnWrap{ width: 100%; max-width: none; margin: 16px 0 0; display: flex; justify-content: center; gap: 8px; }

/* 메모 팝업 */
.am-memo-popup{ padding: 18px !important; max-width: 1180px !important; font-size: 16px; }
.am-popup--wide .am-popup-body.am-memo-popup{ max-width: 1180px !important; }
.am-popup--wide:has(.am-memo-popup) > .am-popup-closewrap{ max-width: 1180px; }
.am-memo-popup .am-memo-info{ margin-bottom: 14px; padding: 16px !important; border-radius: 10px; background: #eef2ff !important; border: 1px solid #d6e2ff !important; }
.am-memo-popup .sky .formList, .am-memo-popup .am-memo-meta{ border: 0 !important; margin: 0 !important; width: 100% !important; }
.am-memo-popup .am-popup-title.memoTitle{ margin: 0 0 12px !important; padding: 10px 14px !important; border-radius: 8px !important; font-size: 16px !important; background: #7da9e2 !important; }
.am-memo-meta{ display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 14px; margin: 0; padding: 0; width: 100%; list-style: none; }
.am-memo-meta-item{ display: flex; flex-direction: column; gap: 4px; width: auto !important; min-width: 0; padding: 0 !important; margin: 0; }
.am-memo-k,
.am-memo-popup .am-memo-k,
.am-memo-popup .default_label{ font-size: 14px !important; font-weight: 700; color: #6b7687; letter-spacing: -0.02em; }
.am-memo-v,
.am-memo-popup .am-memo-v,
.am-memo-popup .default_text{ min-height: 0; padding: 0; border: 0; background: transparent; border-radius: 0; font-size: 16px !important; font-weight: 600; color: #152238; line-height: 1.4; word-break: break-all; }
.am-memo-write{ display: flex; flex-direction: column; gap: 10px; margin: 0 0 14px; }
.am-memo-write .am-label,
.am-memo-write .default_label{ margin: 0; font-size: 14px !important; }
.am-memo-write textarea.am-input,
.am-memo-write textarea.default_ipt{ min-height: 96px !important; padding: 12px 14px !important; font-size: 16px !important; border-radius: 10px; border: 1px solid #d9e1ee !important; line-height: 1.5; }
.am-memo-write-row{ display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; align-items: center !important; margin: 0; }
.am-memo-write-row .am-input,
.am-memo-write-row select.default_ipt,
.am-memo-write-row #memo_state{ flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; font-size: 16px !important; border: 1px solid #d9e1ee !important; border-radius: 10px !important; background-color: #fff !important; }
.am-memo-write-row .saveBtn2,
.am-memo-write-row .am-btn.saveBtn2{ flex: 0 0 auto !important; width: auto !important; min-width: 88px; min-height: 42px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 10px !important; background: #7da9e2 !important; border: 1px solid #7da9e2 !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; }
.am-memo-write-row .saveBtn2:hover{ background: #0046d4 !important; border-color: #0046d4 !important; color: #fff !important; }
.am-memo-section{ margin: 0 0 14px; padding-top: 0; }
.am-memo-section + .am-memo-section{ margin-top: 12px; }
.am-memo-section .am-popup-title.memoTitle{ margin: 0 0 12px !important; }
.am-memo-popup .am-memo-list{ margin: 0; border-radius: 10px; border: 1px solid #e6ebf2; font-size: 16px; }
.am-memo-popup .am-memo-list .am-thead,
.am-memo-popup .am-memo-list .listHeader{ background: #f7f9fc; font-size: 14px !important; font-weight: 700; color: #8a94a6; }
.am-memo-popup .am-memo-list .am-cell,
.am-memo-popup .am-memo-list .box{ padding: 12px 12px !important; font-size: 16px !important; justify-content: flex-start !important; text-align: left; line-height: 1.45; }
.am-memo-popup .am-memo-list .am-cell p,
.am-memo-popup .am-memo-list .box p{ font-size: 16px !important; line-height: 1.45; margin: 0; }
.am-memo-popup .am-memo-list .am-c13,
.am-memo-popup .am-memo-list .am-c14,
.am-memo-popup .am-memo-list .am-c15,
.am-memo-popup .am-memo-list .box13,
.am-memo-popup .am-memo-list .box14,
.am-memo-popup .am-memo-list .box15{ justify-content: center !important; text-align: center; }
.am-memo-popup .am-memo-list .am-row,
.am-memo-popup .am-memo-list .row{ border-bottom: 1px solid #eef1f6; background: #fff; }
.am-memo-popup .am-memo-list .am-row:hover,
.am-memo-popup .am-memo-list .row:hover{ background: #d6e2ff !important; }
.am-memo-popup .am-memo-date{ font-size: 14px !important; color: #8a94a6; margin: 0; }
.am-memo-popup .deleteMemoBtn,
.am-memo-popup .am-btn--danger.deleteMemoBtn{ min-height: 34px; padding: 0 12px; font-size: 14px !important; font-weight: 500; border-radius: 8px; background: #fff !important; border: 1px solid #fecaca !important; color: #ef4444 !important; }
.am-memo-popup .deleteMemoBtn:hover{ background: #fff5f5 !important; border-color: #f87171 !important; color: #dc2626 !important; }
.am-memo-popup .btnWrap{ margin-top: 14px !important; gap: 10px !important; }
.am-memo-popup .btnWrap .am-btn,
.am-memo-popup .btnWrap .cancelBtn{ min-height: 42px; padding: 0 18px; border-radius: 10px; border: 1px solid #d9e1ee; background: #fff; color: #152238; font-size: 16px !important; }
@media screen and (max-width: 900px) {
    .am-memo-meta{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 650px) {
    .am-memo-meta{ grid-template-columns: 1fr 1fr; }
    .am-memo-write-row{ flex-wrap: wrap !important; }
    .am-memo-write-row .am-input, .am-memo-write-row select.default_ipt, .am-memo-write-row #memo_state{ flex: 1 1 100% !important; width: 100% !important; }
    .am-memo-write-row .saveBtn2{ width: 100% !important; }
}
@media screen and (max-width: 1100px) {
    .am-thead{ display: none !important; }
    .am-row{ grid-template-columns: 48px repeat(2, minmax(0, 1fr)) !important; padding: 4px 0; }
    .am-c1{ grid-row: 1 / span 5; align-self: start; padding-top: 14px !important; }
    .am-c2{ grid-column: 2; }
    .am-c3{ grid-column: 3; }
    .am-c4{ grid-column: 2; }
    .am-c5{ grid-column: 3; }
    .am-c6{ grid-column: 2; }
    .am-c7{ grid-column: 3; }
    .am-c8{ grid-column: 2; }
    .am-c9{ grid-column: 3; }
    .am-c10{ grid-column: 2; }
    .am-c11{ grid-column: 3; }
    .am-act{ width: 100%; }
}

@media screen and (max-width: 650px) {
    .am-app{ padding: 12px 0 36px; font-size: 14px; }
    .am-head h2{ font-size: 18px; }
    .am-head-sub{ font-size: 13px; }
    .am-fav-form.show{ grid-template-columns: 1fr 1fr; }
    .am-fav-form.show .am-btn{ grid-column: 1 / -1; }
    .am-panel{ padding: 14px; border-radius: 12px; }
    .am-panel-title{ font-size: 15px; }
    .am-fld{ flex: 1 1 calc(50% - 10px); min-width: calc(50% - 10px); }
    .am-fld--date{ flex: 1 1 100%; min-width: 100%; }
    .am-fld--btn{ flex: 1 1 100%; }
    .am-label,
    .am-app .default_label{ font-size: 13px !important; }
    .am-input,
    .am-app .default_ipt,
    .am-app .am-panel--search .am-input,
    .am-app .am-panel--search .default_ipt,
    .am-app .am-panel--search select.am-input{ height: 38px !important; min-height: 38px !important; font-size: 14px !important; }
    .am-btn,
    .am-member-btns .memberBtn,
    .am-app .memberBtn{ min-height: 38px; font-size: 14px; }
    .am-btn--sm,
    .am-act .am-btn--sm{ min-height: 32px; font-size: 13px; }
    .am-list,
    .am-cell,
    .am-list .box{ font-size: 14px !important; }
    .am-thead{ font-size: 13px; }
    .am-c2 p, .am-c10 p,
    .am-date{ font-size: 13px; }
    .am-time{ font-size: 12px; }
    .am-select{ font-size: 14px; min-height: 36px; }
    .am-bar{ font-size: 14px; }
    .am-popup-fld--half{ width: 100%; }
    .am-row{ grid-template-columns: 40px 1fr 1fr !important; }
    .am-memo-list .am-thead, .am-memo-list .listHeader, .am-memo-list .am-row, .am-memo-list .row{ grid-template-columns: 1fr 1fr !important; }

    /* 메모 팝업 모바일 14px */
    .am-memo-popup{ font-size: 14px !important; padding: 14px !important; max-width: 100% !important; }
    .am-popup--wide .am-popup-body.am-memo-popup{ max-width: 100% !important; }
    .am-popup-title,
    .am-popup-title.memoTitle,
    .am-memo-popup .am-popup-title.memoTitle{ font-size: 15px !important; padding: 8px 12px !important; }
    .am-memo-k,
    .am-memo-popup .am-memo-k,
    .am-memo-popup .default_label,
    .am-memo-write .am-label,
    .am-memo-write .default_label,
    .am-memo-popup .am-memo-list .am-thead,
    .am-memo-popup .am-memo-list .listHeader{ font-size: 13px !important; }
    .am-memo-v,
    .am-memo-popup .am-memo-v,
    .am-memo-popup .default_text,
    .am-memo-popup .am-memo-list,
    .am-memo-popup .am-memo-list .am-cell,
    .am-memo-popup .am-memo-list .box,
    .am-memo-popup .am-memo-list .am-cell p,
    .am-memo-popup .am-memo-list .box p,
    .am-popup-text,
    .am-popup-body textarea.am-input,
    .am-popup-body textarea.default_ipt,
    .am-memo-write textarea.am-input,
    .am-memo-write textarea.default_ipt,
    .am-memo-write-row .am-input,
    .am-memo-write-row select.default_ipt,
    .am-memo-write-row #memo_state,
    .am-memo-write-row .saveBtn2,
    .am-memo-write-row .am-btn.saveBtn2,
    .am-memo-popup .btnWrap .am-btn,
    .am-memo-popup .btnWrap .cancelBtn{ font-size: 14px !important; }
    .am-memo-write-row .am-input,
    .am-memo-write-row select.default_ipt,
    .am-memo-write-row #memo_state,
    .am-memo-write-row .saveBtn2,
    .am-memo-write-row .am-btn.saveBtn2,
    .am-memo-popup .btnWrap .am-btn,
    .am-memo-popup .btnWrap .cancelBtn{ height: 38px !important; min-height: 38px !important; }
    .am-memo-popup .am-memo-date,
    .am-memo-popup .deleteMemoBtn,
    .am-memo-popup .am-btn--danger.deleteMemoBtn{ font-size: 13px !important; }
    .am-app .am-panel--search .am-label,
    .am-app .am-panel--search .default_label{ font-size: 13px !important; }
    .am-app .am-panel--search .am-fld--btn .am-label,
    .am-app .am-panel--search .searchLi .am-label,
    .am-app .am-panel--search .searchLi .default_label{
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .am-app .am-panel--search .am-fld--btn .am-btn,
    .am-app .am-panel--search .searchBtn{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 14px !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }
    .am-app .am-panel--search .searchBtn p{
        margin: 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        display: inline !important;
    }
    .am-app .am-panel--search .searchBtn .icon{
        width: 14px !important;
        height: 14px !important;
        margin: 0 !important;
    }
}

/* am- 기존 충돌 덮어쓰기 */
.am-app .searchBox, .am-app .searchBox.typeR{ margin-top: 0 !important; padding: 16px !important; background: #fff !important; align-items: stretch !important; display: block !important; }
.am-app .searchBox.typeR, .am-app .am-panel--create{ background: linear-gradient(180deg, #f5f8ff 0%, #fff 48%) !important; }
.am-app .formList > li.box, .am-app .formList > li.box1, .am-app .formList > li.box2, .am-app .formList > li.searchLi{ width: auto !important; padding: 0 !important; }
.am-app .adminMenu{ padding: 0 !important; margin-top: 0 !important; }
.am-app .adminMenu .item{ border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; color: #152238; padding: 0 12px; min-height: 36px; }
.am-app .default_ipt{ padding: 0 12px !important; border: 1px solid #d9e1ee !important; border-radius: 10px !important; height: 42px; font-size: 16px !important; }
.am-app .default_label{ font-size: 14px !important; }
.am-app .toggleForm{ background: #fff; border: 1px solid #e6ebf2; border-radius: 14px; }
.am-app .toggleForm.show, .am-app .am-fav-form.show{ display: grid !important; }
.am-app .flagBtn .switchDiv:hover::before, .am-app .flagBtn.active .switchDiv:hover::before{ content: none !important; }
.am-app .flagBtn .switchDiv:hover .toggle{ position: static !important; }
.am-app .flagBtn .switchDiv:hover .text{ display: block !important; }
.am-app .modifyBtn, .am-app .memoBtn{ width: auto !important; margin: 0 !important; display: inline-flex !important; }
.am-app .am-c11 .modifyBtn, .am-app .am-c11 .memoBtn{ background: #fff !important; border: 1px solid #d9e1ee !important; color: #152238 !important; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; }

/* 검색폼: 조회 버튼 포함 한 줄 (마지막에 둬서 덮어쓰기) */
.am-app .am-panel--search .am-fields.formList{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 6px !important;
    width: 100% !important;
}
.am-app .am-panel--search .am-fields > .am-fld,
.am-app .am-panel--search .formList > li.box,
.am-app .am-panel--search .formList > li.box1,
.am-app .am-panel--search .formList > li.box2{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
}
.am-app .am-panel--search .am-fields > .am-fld--date,
.am-app .am-panel--search .formList > li.box2{
    flex: 1.35 1 0 !important;
    min-width: 0 !important;
}
.am-app .am-panel--search .am-fields > .am-fld--btn,
.am-app .am-panel--search .formList > li.searchLi{
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}
.am-app .am-panel--search .am-label,
.am-app .am-panel--search .default_label{
    font-size: 14px !important;
    min-height: 18px !important;
    margin-bottom: 0 !important;
}
.am-app .am-panel--search .am-input,
.am-app .am-panel--search .default_ipt,
.am-app .am-panel--search select.am-input{
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: 16px !important;
}
.am-app .am-panel--search select.am-input{
    padding-right: 28px !important;
    background-position: right 10px center !important;
}
.am-app .am-panel--search .am-input.date,
.am-app .am-panel--search .default_ipt.date{
    padding-right: 28px !important;
    background-size: 14px !important;
    background-position: right 8px center !important;
}
.am-app .am-panel--search .am-datewrap{
    gap: 6px !important;
}
.am-app .am-panel--search .am-datewrap .am-input,
.am-app .am-panel--search .am-datewrap .default_ipt{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
}
.am-app .am-panel--search .am-fld--btn .am-btn,
.am-app .am-panel--search .searchBtn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    padding: 0 12px !important;
    gap: 6px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
.am-app .am-panel--search .searchBtn .icon{
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.am-app .am-panel--search .searchBtn p{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: inline !important;
}

@media screen and (max-width: 1650px) {
    .am-shell > .inner{
        width: 100% !important;
        padding: 0 16px;
    }
}
@media screen and (max-width: 900px) {
    .am-app .am-panel--search .am-fields.formList{
        flex-wrap: wrap !important;
    }
    .am-app .am-panel--search .am-fields > .am-fld,
    .am-app .am-panel--search .formList > li.box,
    .am-app .am-panel--search .formList > li.box1{
        flex: 1 1 calc(33.333% - 6px) !important;
        min-width: 100px !important;
    }
    .am-app .am-panel--search .am-fields > .am-fld--date,
    .am-app .am-panel--search .formList > li.box2{
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    .am-app .am-panel--search .am-fields > .am-fld--btn,
    .am-app .am-panel--search .formList > li.searchLi{
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 96px !important;
        max-width: none !important;
        margin-left: auto !important;
    }
}
@media screen and (max-width: 650px) {
    .am-app .am-panel--search .am-fields > .am-fld,
    .am-app .am-panel--search .formList > li.box,
    .am-app .am-panel--search .formList > li.box1{
        flex: 1 1 calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
    }
    .am-app .am-panel--search .am-fields > .am-fld--btn,
    .am-app .am-panel--search .formList > li.searchLi{
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    /* 검색/버튼 모바일 14px (PC 16px 규칙보다 뒤에 둬서 덮어씀) */
    .am-app .default_ipt,
    .am-app .am-panel--search .am-input,
    .am-app .am-panel--search .default_ipt,
    .am-app .am-panel--search select.am-input{
        font-size: 14px !important;
        height: 40px !important;
        min-height: 40px !important;
    }
    .am-app .default_label,
    .am-app .am-panel--search .am-label,
    .am-app .am-panel--search .default_label{
        font-size: 13px !important;
    }
    .am-app .am-panel--search .am-panel-title,
    .am-app .am-panel--create .am-panel-title{
        font-size: 15px !important;
    }
    .am-app .am-panel--search .am-fld--btn .am-btn,
    .am-app .am-panel--search .searchBtn,
    .am-app .am-panel--create .am-fld--btn .am-btn,
    .am-app .am-panel--create .searchBtn{
        font-size: 14px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
    .am-app .am-panel--search .searchBtn p,
    .am-app .am-panel--create .searchBtn p{
        font-size: 14px !important;
    }
    .am-app .am-btn,
    .am-app .adminMenu .item{
        font-size: 14px !important;
    }
}


/* ===== 신청현황 (as-) ===== */
.as-shell{ display: block; width: 100%; max-width: 100%; min-width: 0; overflow-x: visible; box-sizing: border-box; }
.as-shell > .inner{ width: 100% !important; max-width: none !important; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.as-app{
    --as-blue: #7da9e2;
    --as-text: #152238;
    --as-muted: #6b7687;
    --as-line: #e6ebf2;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 120px 0 48px;
    box-sizing: border-box;
    color: var(--as-text);
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
    font-size: 16px;
}
.as-app *, .as-app *::before, .as-app *::after{ box-sizing: border-box; }
.as-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.as-head h2{ margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -0.03em; color: var(--as-text); line-height: 1.3; }
.as-head-sub{ font-size: 15px; font-weight: 500; color: var(--as-muted); }
.as-head-spacer{ flex: 1 1 auto; min-width: 0; }
.as-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; color: var(--as-text); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; text-decoration: none; cursor: pointer; white-space: nowrap; line-height: 1.2; }
.as-btn:hover{ border-color: var(--as-blue); color: var(--as-blue); background: #f5f8ff; text-decoration: none; }
.as-btn--primary{ background: var(--as-blue); border-color: var(--as-blue); color: #fff; }
.as-btn--primary:hover{ background: #0046d4; border-color: #0046d4; color: #fff; }
.as-panel{ margin: 0 0 12px; padding: 16px; background: #fff; border: 1px solid var(--as-line); border-radius: 14px; box-shadow: 0 8px 24px rgba(22, 38, 78, 0.05); }
.as-panel-title{ margin: 0 0 12px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--as-text); }
.as-search{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.as-fld{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.as-fld--date{ flex: 1 1 280px; }
.as-fld--btn{ flex: 0 0 auto; }
.as-label{ margin: 0; font-size: 14px; font-weight: 700; color: #8a94a6; letter-spacing: -0.02em; min-height: 18px; }
.as-input{ width: 100%; max-width: 100%; height: 42px; padding: 0 12px; border: 1px solid #d9e1ee; border-radius: 10px; background: #fff; font-size: 16px; color: var(--as-text); outline: none; -webkit-appearance: none; appearance: none; }
.as-input:focus{ border-color: var(--as-blue); box-shadow: 0 0 0 3px rgba(1,85,255,.12); }
.as-input.date{ background-image: url('../img/boardImg/calendar.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 15px; padding-right: 32px; }
.as-datewrap{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.as-datewrap .as-input{ flex: 1 1 0; min-width: 0; }
.as-bar{ flex-shrink: 0; color: var(--as-muted); font-weight: 700; font-size: 16px; }
/* 달력(jQuery UI datepicker)이 sticky 헤더/고정영역에 가려지지 않도록 최상단 표시 */
#ui-datepicker-div, .ui-datepicker{ z-index: 100000 !important; }
.as-fld--btn .as-btn{ min-height: 42px; padding: 0 18px; font-size: 15px; }
.as-list-wrap{ width: 100%; }
.as-list--pc{ background: #fff; border: 1px solid var(--as-line); border-radius: 14px; box-shadow: 0 8px 24px rgba(22, 38, 78, 0.05); overflow: visible; }
.as-thead, .as-row{ display: grid; grid-template-columns: minmax(88px, 110px) repeat(20, minmax(0, 1fr)); width: 100%; min-width: 0; align-items: stretch; }
.as-thead{ background: #f7f9fc; border-bottom: 1px solid var(--as-line); position: sticky; top: 0; z-index: 1; }
.as-tbody{ display: block; }
.as-row{ border-bottom: 1px solid #eef1f6; background: #fff; }
.as-row--alt{ background: #fafbfd; }
.as-row:hover{ background: #f5f8ff; }
.as-row:last-child{ border-bottom: 0; }
.as-cell{ display: flex; align-items: center; justify-content: center; padding: 12px 4px; font-size: 14px; color: var(--as-text); text-align: center; word-break: keep-all; overflow-wrap: anywhere; line-height: 1.35; min-width: 0; }
.as-thead .as-cell{ font-size: 12px; font-weight: 700; color: #8a94a6; letter-spacing: -0.03em; padding: 12px 2px; }
.as-c-name{ justify-content: flex-start; padding-left: 12px; font-size: 15px; position: sticky; left: 0; background: inherit; z-index: 2; border-right: 1px solid #eef1f6; }
.as-thead .as-c-name{ background: #f7f9fc; font-size: 13px; }
.as-row .as-c-name{ background: #fff; }
.as-row--alt .as-c-name{ background: #fafbfd; }
.as-row:hover .as-c-name{ background: #f5f8ff; }
.as-c-name strong{ font-weight: 700; color: var(--as-text); font-size: 15px; }
.as-c-total, .as-thead .as-c-total{ color: var(--as-blue); font-weight: 800; }
.as-c-num.as-has{ font-weight: 600; color: var(--as-text); }
.as-empty{ padding: 40px 16px; text-align: center; color: var(--as-muted); font-size: 16px; min-width: 0; }
.as-list--mo{ display: none; }
.as-card{ margin: 0 0 10px; padding: 14px; background: #fff; border: 1px solid var(--as-line); border-radius: 12px; box-shadow: 0 6px 18px rgba(22, 38, 78, 0.04); }
.as-card-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eef1f6; }
.as-card-head strong{ font-size: 16px; font-weight: 800; color: var(--as-text); }
.as-card-total{ font-size: 14px; font-weight: 700; color: var(--as-blue); background: #eef2ff; border: 1px solid #d6e2ff; border-radius: 999px; padding: 4px 10px; }
.as-card-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.as-card-item{ display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; background: #fafbfd; border: 1px solid #eef1f6; border-radius: 8px; }
.as-card-item.as-has{ background: #f5f8ff; border-color: #d6e2ff; }
.as-card-k{ font-size: 13px; font-weight: 600; color: #8a94a6; }
.as-card-v{ font-size: 15px; font-weight: 700; color: var(--as-text); }
@media screen and (max-width: 900px) {
    .as-list--pc{ display: none; }
    .as-list--mo{ display: block; }
    .as-app{ padding: 12px 0 36px; font-size: 14px; }
    .as-head h2{ font-size: 18px; }
    .as-head-sub{ font-size: 13px; }
    .as-panel{ padding: 14px; border-radius: 12px; }
    .as-panel-title{ font-size: 15px; }
    .as-label{ font-size: 13px; }
    .as-input{ height: 38px; font-size: 14px; }
    .as-btn{ min-height: 38px; font-size: 14px; }
    .as-fld--btn .as-btn{ min-height: 38px; font-size: 14px; }
    .as-fld--date{ flex: 1 1 100%; }
    .as-fld--btn{ width: 100%; }
    .as-fld--btn .as-btn{ width: 100%; }
    .as-card-head strong{ font-size: 15px; }
    .as-card-total{ font-size: 13px; }
    .as-card-k{ font-size: 12px; }
    .as-card-v{ font-size: 14px; }
    .as-empty{ font-size: 14px; }
}
@media screen and (max-width: 650px) {
    .as-app{ font-size: 14px; }
    .as-card-head strong{ font-size: 14px; }
    .as-card-total{ font-size: 12px; }
    .as-card-k{ font-size: 12px; }
    .as-card-v{ font-size: 14px; }
}