@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
* { margin:0; padding:0; outline:none; box-sizing:border-box; }
html { font-size: 10px; }
body {
line-height:1; font-size:14px; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif; word-wrap: break-word; word-break: keep-all;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif; line-height:1; font-size: 1em; }
ul, ol { list-style:none; margin:0; padding: 0; }
a { outline:0; text-decoration:none; color: #000; }
a:focus { outline:none; }
figure,dl,dd,input[type=radio], input[type=checkbox]  { margin: 0; padding: 0; }
img { border:none; outline:none; max-width: 100%; }
p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }
button, input, submit { border: none; background: none; }
dt { font-weight: normal; }

/* 탭 초기화 */
.tabBox1 .nav { border: none; }
.tabBox1 .nav > li { margin: 0; }
.tabBox1 .nav > li > a { padding: 0; margin: 0; border-radius:0; border: 0; }
.tabBox1 .nav > li:hover > a { background: none; }
.tabBox1 .nav > li.active > a { border: none;  }


/* html 폰트 사이즈 */
/* 1024이상 - 낮은 해상도의 pc, 태블릿 가로 */
@media (max-width:1400px) {
	html { font-size: 9px; }
}
@media (max-width:1023px) { /* 태블릿 가로 */
	html { font-size: 8.5px; }
}
@media (max-width:767px) { /* 태블릿, 모바일 가로 */
	html { font-size: 7.5px; }
}
@media (max-width:480px) { /* 모바일 */
	html { font-size: 6.5px; }
}

:root {
	/* 컨텐츠 너비 */
	--containerV1-width : 1400px;

	--main-color : #f5cdec; /* mainColor */

	/*font (40px 미만은 min 400부터, 이상은 min 없이 rem이었다가 해당 구간에서 vw로 600부터)*/
	--font-size15 : min(3.75vw,15px); 
	--font-size16 : min(4vw,16px); 
	--font-size18 : min(4.50vw,18px); 
	--font-size20 : min(5vw,20px); 
	--font-size23 : min(5.75vw, 23px); 
	--font-size25 : min(6.25vw, 25px); 
	--font-size30 : min(7.50vw, 30px); 
	--font-size45 : 5.63vw; 
	--font-size50 : 6.17vw; 
	
}

/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: var(--containerV1-width,1400px); }
@media (max-width:1430px) {
	.containerV1 { padding: 0 15px; }
}

/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
header {position: sticky; left: 0; top: 0; width: 100%; z-index: 9999; background: #fff; transition: top 0.3s ease;}

#head_wrap {position: relative; width: 100%; justify-content: center;}

#head_wrap > .containerV1 {display: flex; justify-content: center; position: sticky;}

#head_wrap .logo {margin: 23px 0;}

#head_wrap .menu_box { width: 100%; background: #fff; position: relative; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}

/*#head_wrap .menu_box .scroll_logo {display: none; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; width: 40px; height: 40px;*/
/*background: url('img/copy_logo.png') no-repeat; background-position: center; background-size: cover;}*/

#head_wrap .menu_box > .containerV1 {display: flex; justify-content: center; position: relative; font-size: 0.52vw;}

/*main_menu------------------------------------------------------------------------------*/
#h_menu .main_menu {display: flex; }
#h_menu .main_menu > li {position: relative;}
#h_menu .main_menu > li:not(:last-child) { margin-right: max(40px, 11.4em);}
#h_menu .main_menu > li > a {color: #333; display: block; padding: 12px 0 14px 0; font-size: max(16px, 1.8em); position: relative; font-weight: bold;}
#h_menu .main_menu > li > a > i {position: absolute; color: var(--main-color); top: 8px; left: -18px; transform: rotate(-45deg); display: none; font-size: 15px;}

/*sub_menu------------------------------------------------------------------------------*/
#h_menu .main_menu > li > .sub_menu {
	width: 150px; position: absolute; top: 100%; left: 10px; background: #fff; padding: 15px 10px 0px 10px; border-radius: 0 10px 10px 10px;
	box-shadow: 2px 4px 10px #555; opacity: 0; visibility: hidden; transition: all 0.2s; z-index: 1;
}
/*	3번 메뉴 none*/
#h_menu .main_menu > li:nth-child(3) > .sub_menu {display: none;}

#h_menu .main_menu > li > .sub_menu > li {margin-bottom: 15px;}
#h_menu .main_menu > li > .sub_menu > li > a {font-size: 15px; transition: all 0.3s; position: relative; left: 0; color: #333;}


/*sns_menu------------------------------------------------------------------------------*/
.menu_box > .containerV1 .sns_box {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap: 0 max(7px, 3em);}
.menu_box > .containerV1 .sns_box img {filter: invert(1);}



.head_btn {display: none;}



/*hover*/
#h_menu .main_menu > li:hover > a > i {display: block;}
#h_menu .main_menu > li:hover > .sub_menu {opacity: 1; visibility: visible; top: 110%; z-index: 2;}
#h_menu .main_menu > li > .sub_menu > li:hover > a { left: 5px;}



/* 스크롤 했을때 메뉴 효과 */
header.scroll {top: -156px; }
/*header.scroll #head_wrap .menu_box .scroll_logo {display: block;}*/
/*header.scroll:hover {top: 0;}*/

/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
#h_menu .main_menu > li > a.on > i {display: block;} 




@media(max-width: 1430px) {
	.menu_box > .containerV1 .sns_box {right: 15px;}
}



/*모바일--------------------------------------------------------------------------------------------*/


@media(max-width: 991px) {
	header{height: 10rem;}
	#head_wrap{height: 100%;}
	#head_wrap > .containerV1 {justify-content: space-between; align-items: center; height: 100%;}
	#head_wrap > .containerV1 .logo {margin: 5px 0;}
	#head_wrap > .containerV1 .logo img {width: max(140px, 5rem);}
	



/*	서브메뉴 버튼*/
	.head_btn {display: block; position: relative; width: 40px; height: 40px;}
	.head_btn > * {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 35px; text-align: center; z-index: 1; cursor: pointer;}
	.head_btn .close_btn {display: none;}

	.close_btn.hidden {display: none;}
	.close_btn.inactive {display: block;}
	.open_btn.hidden {display: none;}
	.open_btn.inactive {display: block;}


	
	#head_wrap .menu_box {height: 0px; transition: all 0.5s ease-in-out; overflow: hidden; background: #fff; border-top: 1px solid #eee; position: absolute; z-index: 999;
	}
	#head_wrap .menu_box > .containerV1 {justify-content: unset; height: 100%; flex-direction: column; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0;}


/*main_menu-------------------------------------------------------------------------------------*/
	#h_menu {width: 100%;}
	#h_menu .main_menu {flex-direction: column; width: 100%;}
	#h_menu .main_menu > li:not(:last-child) {margin-right: 0;}
	#h_menu .main_menu > li {border-top: 1px solid #eee; width: 100%; padding-left: max(20px, 6em);}
	#h_menu .main_menu > li > a {color: #555; font-weight: bold; width: fit-content; font-size: max(20px, 6em); pointer-events: none; padding: 20px 0 14px 0; }
	#h_menu .main_menu > li > a > i { display: block; color: #555; font-size: 0.8em; top: 15px; left: -1.2em;}  


/*sub_menu-------------------------------------------------------------------------------------*/
	#h_menu .main_menu > li > .sub_menu {
	display: flex; position: relative; opacity: 1; visibility: visible; left: 0;
	box-shadow: none; width: 100%; border-radius: 0; padding: 10px 0 20px 0; gap: 0 15px; flex-wrap: wrap;
	}
/*	2번부터 4번까지 메뉴 none 해제*/
	#h_menu .main_menu > li:nth-child(n+2):nth-child(-n+4) > .sub_menu {display: flex;}

	#h_menu .main_menu > li > .sub_menu > li > a {font-size: max(14px, 4em);}


/*sns_menu------------------------------------------------------------------------------*/
	.menu_box > .containerV1 .sns_box {top: max(28px, 8em); }
	



/*	hover*/
#h_menu .main_menu > li:hover > .sub_menu {top: 100%; z-index: 1;}
#h_menu .main_menu > li > .sub_menu > li:hover > a { left: 0;}


/*	버튼 클릭시*/
	#head_wrap .menu_box.inactive {height: 100vh;}
	


	/* 스크롤 했을때 메뉴 효과 삭제 */
	header.scroll {top: 0; }

	/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
	#h_menu .main_menu > li > a.on > i {display: block; color: var(--main-color);} 

}

@media all and (max-height: 705px) {
	#head_wrap .menu_box > .containerV1 {height: 90%;}
}



/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/


.main {font-size: 0.52vw;}
.sec_frame {width: 100%;}


/*sec01---*/
#sec_frame01 .itemBox  > .item:after {content:""; position: absolute; top: 50%; left: 50%; z-index: 1; transition: all 0.5s ease; transform: translate(-50%, -50%) scale(1);}

#sec_frame01 {padding: max(50px, 10em) 0; }
#sec_frame01 .containerV1 {display: flex; justify-content: center;}
#sec_frame01 .itemBox {display: grid; grid-template-columns: 46.7em 45em 45em; grid-template-rows: repeat(2, 26.7em); gap: 1.8em; font-size: 10px;}/*em 기준점---*/

/*그리드 요소*/
#sec_frame01 .itemBox  > .item01 {width: 46.7em; height: 55.2em;grid-row: 1/3;}
#sec_frame01 .itemBox  > .item01:after {width: 100%; height: 100%; background: url('img/sec01_img01.jpg') no-repeat; 
background-size: contain; background-position: center;}


#sec_frame01 .itemBox  > .item02 {width: 92em; height: 26.7em; grid-column: 2/4;}
#sec_frame01 .itemBox  > .item02:after { width: 100%; height: 100%;  background: url('img/sec01_img02.jpg') no-repeat; 
background-size: contain; background-position: center;}

#sec_frame01 .itemBox  > .item03 {width: 45em; height: 26.7em; grid-column: 2/3; grid-row: 2;}
#sec_frame01 .itemBox  > .item03:after { width: 100%; height: 100%;  background: url('img/sec01_img03.jpg') no-repeat; 
background-size: contain; background-position: center;}

#sec_frame01 .itemBox  > .item04 {width: 45em; height: 26.7em;  grid-column: 3/4; grid-row: 2;}
#sec_frame01 .itemBox  > .item04:after { width: 100%; height: 100%; background: url('img/sec01_img04.jpg') no-repeat; 
background-size: contain; background-position: center;}


/*그리드 요소내 텍스트*/
#sec_frame01 .itemBox  > .item {position: relative; cursor: pointer; overflow: hidden;}

#sec_frame01 .itemBox  > .item > .item_wrap {position: absolute; z-index: 2;}
#sec_frame01 .itemBox  > .item .item_text .sub_text {color: #000; font-size: 2.2em; line-height: 1.3; }
#sec_frame01 .itemBox  > .item .item_text {margin-bottom: 1.8em; }
#sec_frame01 .itemBox  > .item .item_text h2 {font-size: 4em; font-weight: bold; line-height: 1.2; margin-bottom: 0.25em;}
#sec_frame01 .itemBox  > .item .item_text  .text1 {color: #000; font-size: 1.8em; line-height: 1.5; }
#sec_frame01 .itemBox  > .item > .item_wrap .item_btn > a {display: flex; padding: 0.81em; width: 100%; font-size: 1.5em; justify-content: center; align-items: baseline; text-align: center; gap: 0 5px;
color: #000;}
#sec_frame01 .itemBox  > .item > .item_wrap .item_btn > a > i {transition: all  0.3s; position: relative; left: 0;}
#sec_frame01 .itemBox  > .item > .item_wrap .item_btn > a:hover > i {left: 3px;}

/*hover*/
#sec_frame01 .itemBox  > .item:hover:after {transform: translate(-50%, -50%) scale(1.1);}

/*그리드 요소내 텍스트*/
#sec_frame01 .itemBox  > .item01 > .item_wrap {top: 5em; left: 3em;}
#sec_frame01 .itemBox  > .item01 .item_text h2 {color: var(--main-color);}
#sec_frame01 .itemBox  > .item01 > .item_wrap .item_btn > a {max-width: 8.7em; background: #d4deec;}
#sec_frame01 .itemBox  > .item01 .item_text  .text1 {font-weight: 500;}

#sec_frame01 .itemBox  > .item02 > .item_wrap {top: 5em; right: 18em;}
#sec_frame01 .itemBox  > .item02 > .item_wrap .item_btn > a {max-width: 7.4em; background: #a878c1;}
#sec_frame01 .itemBox  > .item02 .item_text  .text1 {font-weight: 500;}
#sec_frame01 .itemBox  > .item02 .item_text h2 {color: #a878c1}

#sec_frame01 .itemBox  > .item03 > .item_wrap {top: 5em; left: 3em;}
#sec_frame01 .itemBox  > .item03 .item_text h2 {color: #e86f5b; font-size: 4em; margin-bottom: 0.5em;}
#sec_frame01 .itemBox  > .item03 > .item_wrap .item_btn > a {max-width: 7.4em; background: #f49c8b;}
#sec_frame01 .itemBox  > .item03 .item_text  .text1 {font-weight: 500;}

#sec_frame01 .itemBox  > .item04 > .item_wrap {top: 5em; left: 3em;}
#sec_frame01 .itemBox  > .item04 .item_text h2 {color: #d3842c; font-size: 4em; margin-bottom: 0.5em;}
#sec_frame01 .itemBox  > .item04 > .item_wrap .item_btn > a {max-width: 7.4em; background: #d1a06b;}
#sec_frame01 .itemBox  > .item04 .item_text  .text1 {font-weight: 500;}

@media all and (max-width:1430px) {
	#sec_frame01 .itemBox {font-size: 0.67vw;}/*em 기준 9.5px---*/
}

@media all and (max-width:991px) {
#sec_frame01 .itemBox {display: grid; grid-template-columns: calc(100% / 2 - 10px) calc(100% / 2 - 10px);
grid-template-rows: repeat(2, 30em); width: 100%; gap: 10px; justify-content: center;  font-size: 1rem;}/*em 기준---*/
#sec_frame01 .itemBox  > .item01 { grid-column: 1/2; grid-row: 1; width: 100%; height: 100%; background: #f6f6fe;}
#sec_frame01 .itemBox  > .item02 { grid-column: 2/3; grid-row: 1; width: 100%; height: 100%; background: #ebece7;}
#sec_frame01 .itemBox  > .item03 { grid-column: 1/2; grid-row: 2; width: 100%; height: 100%; background: #fcc2b7;}
#sec_frame01 .itemBox  > .item04 { grid-column: 2/3; grid-row: 2; width: 100%; height: 100%; background: #eacdad;}

#sec_frame01 .itemBox  > .item:after { top: unset; left: unset; transform: unset; opacity: 0.5;}

/*hover*/
#sec_frame01 .itemBox  > .item:hover:after {transform: unset;}

#sec_frame01 .itemBox  > .item01:after {right: 0; background: url('img/sec01_img01.jpg') no-repeat; background-size: cover; background-position: bottom;
width: 100%; height: 100%;}
#sec_frame01 .itemBox  > .item02:after {left: 0; background: url('img/sec01_img02.jpg') no-repeat; background-size: cover; background-position: left;
width: 100%; height: 100%; top: unset; bottom: 0;}
#sec_frame01 .itemBox  > .item03:after {right: 0; background: url('img/sec01_img03.jpg') no-repeat; background-size: cover; background-position: right; 
width: 100%; height: 100%;}
#sec_frame01 .itemBox  > .item04:after {right: 0; background: url('img/sec01_img04.jpg') no-repeat; background-size: cover; background-position: right;
width: 100%; height: 100%;}


#sec_frame01 .itemBox  > .item > .item_wrap {top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); width: 100%; padding-left: 10px;}
/* #sec_frame01 .itemBox  > .item02 > .item_wrap {padding: 0 10px; text-align: center;
display: grid; justify-content: center; align-items: center; } 
#sec_frame01 .itemBox  > .item02 > .item_wrap .item_text {margin-bottom: 0;} */

}

@media all and (max-width:650px) {
	#sec_frame01 .itemBox {display: grid; grid-template-columns: repeat(1, 100%);
	grid-template-rows: repeat(4, 25rem);}
	#sec_frame01 .itemBox  > .item01 { grid-column: 1; grid-row: 1;}
	#sec_frame01 .itemBox  > .item02 { grid-column: 1; grid-row: 2;}
	#sec_frame01 .itemBox  > .item03 { grid-column: 1; grid-row: 3;}
	#sec_frame01 .itemBox  > .item04 { grid-column: 1; grid-row: 4;}

/* 	#sec_frame01 .itemBox  > .item01:after {right: 0; background: url('img/sec01_img01.jpg') no-repeat; background-size: cover; background-position: bottom;
	width: 45%;}
	#sec_frame01 .itemBox  > .item02:after {left: 0; background: url('img/sec01_img02.jpg') no-repeat; background-size: cover; background-position: -45px;
	width: 100%; height: 100%; top: unset; bottom: 0;} */

	#sec_frame01 .itemBox  > .item01:after {right: 0; background-size: cover; background-position: right; 
	width: 100%; height: 100%;}
	#sec_frame01 .itemBox  > .item02:after {right: 0; background: url('img/sec01_img02_mob.jpg') no-repeat; background-size: cover; background-position: right;
	width: 100%; height: 100%;}

	#sec_frame01 .itemBox  > .item03:after {right: 0; background: url('img/sec01_img03.jpg') no-repeat; background-size: cover; background-position: right; 
	width: 100%; height: 100%;}
	#sec_frame01 .itemBox  > .item04:after {right: 0; background: url('img/sec01_img04.jpg') no-repeat; background-size: cover; background-position: right;
	width: 100%; height: 100%;}
	
	#sec_frame01 .itemBox > .item > .item_wrap {padding-left: 3.5em;}
/* 	#sec_frame01 .itemBox  > .item02 > .item_wrap {padding: 0 10px; text-align: center;
	display: grid; justify-content: center; align-items: center; } 
	#sec_frame01 .itemBox > .item02 > .item_wrap .item_text {display: grid; justify-items: center;} */
}



/*sec02 sec04 ---*/
#sec_frame02 {padding: max(20px, 5em) 0 max(60px, 8em) 0;}
#sec_frame04 {padding: max(30px, 7em) 0 max(50px, 11em) 0;}

.sec_frame_widget .sec_titleBox {text-align: center; margin-bottom: 40px; font-size: 10px;}
.sec_frame_widget .sec_titleBox > h1 {font-size: 4em; line-height: 1.2; font-weight: bold; margin-bottom: 15px;}
.sec_frame_widget .sec_titleBox > .text1 {font-size: var(--font-size18); line-height: 1.2;}
.sec_frame_widget
.sec_frame_widget .widget_box {width: 100%; overflow: hidden;}


@media all and (max-width: 450px) {
	.sec_frame_widget .sec_titleBox {font-size: 2.22vw;}
}


/*sec03---*/
#sec_frame03 {padding: 50px 0;}

#sec_frame03 .itemBox {background: url('img/banner_bg.jpg') no-repeat; background-size: cover; background-position: right; width: 100%; padding: 45px 0 50px 0;
display: flex; justify-content: center; align-items: center;}
#sec_frame03 .itemBox .item_text {font-size: 10px; text-align: center;}
#sec_frame03 .itemBox .item_text h1 {font-size: 4em; line-height: 1.2; font-weight: bold; margin-bottom: 20px; color: #000; 
text-shadow: -2px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -2px #fff;}

#sec_frame03 .itemBox .item_text p.text1 {font-size: var(--font-size18); line-height: 1.4; color: #777; margin-bottom: 35px;}
#sec_frame03 .itemBox .item_wrap .item_btn {width: 100%; max-width: 146px; height: 46px; margin: 0 auto; display: flex; justify-content: center; align-items: center; text-align: center; 
color: #fff; font-size: 16px; background: var(--main-color); border: 2px solid var(--main-color); box-sizing: border-box; transition: all 0.3s;}

#sec_frame03 .itemBox .item_wrap .item_btn:hover {background: #fff; color: var(--main-color);}

@media all and (max-width: 991px) {
	#sec_frame03 .itemBox {padding: 45px 15px 50px 15px;}
}

@media all and (max-width: 720px) {
	#sec_frame03 .itemBox {background-position: -993px;}
}

@media all and (max-width: 680px) {
	#sec_frame03 .itemBox {background-position: -1200px;}
}

@media all and (max-width: 450px) {
	#sec_frame03 .itemBox {background-position: -1290px;}
	#sec_frame03 .itemBox .item_text {font-size: 2.22vw;}
}




/*--------------------------------------------------- 인덱스세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* footer*/
footer { background: #313131;}
footer a { color: inherit; }

footer > .contents_box { padding: 4rem 0; }
footer .contents { display:flex; flex-wrap:wrap; align-items:flex-start; }
footer .contents > li:nth-child(1) { width: 22.5%; padding-right: 5rem;}
footer .item2 { width: 77.5%; }
footer .item2 .info { 
-ms-display:flex; -ms-justify-content:center; -ms-flex-wrap:wrap; 
display:flex; flex-wrap:wrap; margin-bottom: 5px;
text-align: center;
}
footer .info > .item { position:relative; }
footer .info > .item:before { content:''; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#fff; }
footer .info > .item:last-child:before { display:none; }
footer .info > .item > a { display:block; color:#fff; font-size:14px; font-weight:500; line-height:1.8; margin-right:15px;  }  /*211223폰트 사이즈 13에서 14로 수정.*/
footer .item2 > div { line-height: 1.8; font-size: 13px; color: #fff; }  /*211223폰트 사이즈 13에서 14로 수정.*/
footer .item2 > div a { color: inherit; }
footer .item2 > .text > span { position: relative; margin-right:10px; font-weight: inherit;  }
footer .item2 > .text > span:after { content:'|'; position:absolute; right:-8px; top:50%; transform:translateY(-55%); }
footer .item2 > .text > span:last-child:after { display: none; }
footer .item2 > .copy { text-transform: uppercase; font-weight: inherit; color: #fff; }
footer .item2 > .copy a { color: inherit; }





@media (max-width:1200px) {
footer .contents > li:nth-child(1) { margin-right: 40px; }
footer .item2 { width: calc( 75% - 40px ); }
}

@media (max-width:991px) {
footer .contents > li:nth-child(1) { width: 100%; margin-right: 0; margin-bottom: 20px; }
footer .item2 { width: 100%; }
}

@media (max-width:768px) {
footer .item2 .info {justify-content: center;}
footer .item2 > .text > span { display:block; margin-right:0;}
footer .item2 > .text > span:after { display:none;}

footer .item2 { margin-top: 0; text-align: center;}

}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/










/* 서브페이지 패딩 */
.tmt_sub_frame { padding:40px 0 50px; min-height: 87vh; }


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid var(--main-color); background-color: var(--main-color);}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: var(--main-color);}
.border-color, i.border-color, img.border-color {border-color: var(--main-color);}

/* 모달 z-index높이기 (해드에 가려지는 경우 발견해서) */
.modal { z-index: 9999; }
.modal-backdrop { z-index: 9998; }