@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; scroll-behavior: smooth;}
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 폰트 사이즈 */
@media (max-width:1200px) {
	html { font-size: 8.5px; }
}
@media (max-width:991px) {
	html { font-size: 8px; }
}
@media (max-width:768px) {
	html { font-size: 7.5px; }
}
@media (max-width:580px) {
	html { font-size: 6.5px; }
}
@media (min-width:1200px) and (max-height:800px) {/* 너비 1200이상 높이 800이하 */
html { font-size: 8px; }
}
@media (min-width:1200px) and (max-height:650px) {/* 너비 1200이상 높이 650이하 */
html { font-size: 7.5px; }
}
@media (min-width:1200px) and (max-height:500px) {/* 너비 1200이상 높이 500이하 */
html { font-size: 6.5px; }
}



:root {
	/* 컨텐츠 너비 */
	--containerV1-width : 1400px;
	
	--color1 : #d6061c; /* 빨간색*/
	--color2 : #e92b3a; /* 빨간색2*/
	

	/*font (22px 미만은 min 400부터, 이상은 500부터)*/
	--font-size14 : min(3.50vw,14px);
	--font-size15 : min(3.75vw,15px); 
	--font-size16 : min(4vw,16px); 
	--font-size18 : min(4.50vw,18px); 
	--font-size20 : min(5vw,20px); 
	--font-size22 : min(4.40vw, 22px); 
	--font-size23 : min(4.60vw, 23px); 
	--font-size25 : min(5vw, 25px); 
	--font-size30 : min(6vw, 30px); 
	--font-size35 : min(7vw, 35px); 
	--font-size45 : min(9vw, 45px); 
	--font-size50 : min(10vw, 50px); 
	--font-size60 : min(12vw, 60px); 

}

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


@media (max-width: 1430px) {
	.containerV1 { padding: 0 15px;}
}


.wrap { padding-top: 0; }
@media (max-width: 991px) {
	.wrap { padding-top: 0;}
}


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

#header { 
--h-height : 10rem;
--hs-height : 80;
position: fixed; left: 0; top: 0; width: 100%; height: var(--h-height); z-index: 1000; transition:0.4s; background: transparent;}

#header > .containerV1 {height: 100%;}



#header .itemBox {
width: 100%; max-width: 1780px; height: 100%; display:flex; justify-content:space-between; align-items:center; 
position: relative; z-index: 2; margin: 0 auto;}


#logo {width: max(50px, 6.6rem); transition: all 0.3s;} 
#logo a { display: block; position: relative; width: 100%; height: 100%;}



/*main_menu---------------------------------------------------------------------------*/
#nav .nav_logo {display: none;}

#nav .nav_inner { display:flex; align-items:center; width: 100%;}
#nav .outer {display: flex; position: relative;}
#nav .outer > li {position: relative; margin-left: max(30px, 4.27vw); /*95px*/}
#nav .outer > li:first-child {margin-left: 0;}
#nav .outer > li > a {
display: block; color: #fff;  font-size: max(16px, 0.94vw);/*18px*/ font-weight: 400; height: 100%; line-height: var(--h-height);
position: relative; transition: all 0.3s; font-family: 'Poppins', sans-serif; font-weight: 500;
}
#nav .outer > li > a > span {position: relative; }
#nav .outer > li > a > i {color: var(--color1); display: none;}

#nav .outer > li > a > span:after {
content: ''; position: absolute; left:0; bottom: -10px; width: 0; height: 3px; background: var(--color2); transition:0.4s;
}


/* hover */



#nav .outer > li:hover > a > span:after {width: 100%;}





/* 해드 스크롤 했을때 */
#header.scroll {height: calc(var(--hs-height) * 1px); background: #333;}
#header.scroll #logo {width: 50px;}
#header.scroll #nav .outer > li > a {line-height: calc(var(--hs-height) * 1px);}






/* 해당페이지 일때 */
#nav .outer > li > a.on > span:after {width: 100%;}


/*모바일에서 피씨 로고 클래스 지움.*/
#logo.logo_hide {opacity: 1; visibility: visible;}



/*반응형-------------------------------------------------------------*/






/*모바일*/
@media all and (max-width: 991px) {
	
	
	#header {
		--h-height : 70px;
		--hs-height : 70;
	}
	/* 모바일 열기 버튼 */
	.open_btn { font-size: 25px; color: #fff; cursor:pointer; }

	#nav {
	background-color: #fff; width: 21.43em; height: 100%;  display: block;
	position: fixed; right:0; top: 0; z-index:9999; margin-right:-21.43em;  transition:margin-right 0.3s;
	}

	#nav .nav_inner .nav_topBox {display: flex; align-items: center; width: 100%; height: 86px; background: #333; padding: 20px;}
	#nav .nav_inner .nav_logo {display: block;}
	#nav .nav_inner .nav_logo img {}
	#nav .nav_inner { 
	width: 21.43em; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0; 
	flex-direction:column; justify-content:flex-start; align-items:stretch;
	}


	/* 모바일닫기버튼 */
	.close_btn { width:50px; height:50px; margin-right:0; margin-left:auto; cursor:pointer; position: absolute; right: 0; top: 15px;}
	.close_btn > i { display:block; color:#fff; text-align:center; line-height:50px; font-size:30px; z-index: 3;}


	#nav .outer { display: block; margin-top: 10px; padding: 0 20px;}
	#nav .outer > li { margin-left: 0; width: 100%; overflow: hidden; cursor: pointer; margin-bottom: 10px;}
	#nav .outer > li > a { font-weight: 500; padding:15px 20px 20px 10px; color: #333; position: relative; height: auto; line-height: 1; font-size: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.5);}
	#nav .outer > li > a > span:after {display: none;}

	#nav .outer > li > a > i {color: var(--color1); display: inline-block; position: absolute; right: 15px; top: 15px; transform: rotate(0deg); transition: all 0.3s;}

	#nav .inner { position: relative; padding: 0; display: block; border:0; opacity: 0; visibility: hidden; width: 100%; height: 0;  background: #fff; box-shadow: none;}
	#nav .inner::before {display: none;} 
	#nav .inner > li { margin-bottom:0; position: relative; padding: 0;}


	#nav .inner > li > a {
	color: #333; padding: 12px 25px; position: relative; transition: all 0.3s;
	text-align: left; left: 0; font-size: 15px;
	}


	/* 해드 스크롤 했을때 */
	#header.scroll #nav .outer > li > a {color: #333; line-height: 1;}
	#header.scroll {height:  calc(var(--hs-height) * 1px);}
	#header.scroll #nav .outer > li > a {line-height:1;}
/*	#header.scroll {box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #fff;}*/


	/* 해당페이지 일때 */
/*	#nav .outer > li.on > a span {color: var(--color1);}*/
	#nav .outer > li > a.on span {color: var(--color1);}
	#nav .outer > li > a.on span:after {width: 100%;}


	/* outer 클릭시 inner보이는 효과 */
	#nav .outer > li.on_sub > .inner { display: block; padding: 10px 0;}
	

	/* 모바일메뉴박스 보이게 하는 클래스 */
	#nav.inactive { margin-right: -1px; } 
}

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



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/
.index .titleBox {position: relative;}
.index .titleBox .title_tag {font-family: 'Poppins', sans-serif; font-size: var(--font-size20); color: var(--color2); line-height: 1.2; font-weight: 600;}
.index .title-V1 {font-size: var(--font-size50); line-height: 1.2; font-weight: bold; color: #000; }
.index .title-V2 {font-family: 'Poppins', sans-serif; font-size: var(--font-size45); line-height: 1.2; font-weight: 600; color: #000; }

.index > article {font-size: 10px;}/* em기준점 */
.index > article > section {font-size: 10px;}



@media (max-width: 1430px) {
	.index > article {font-size: 0.70vw;}/* em기준점 */
	.index > article > section {font-size: 0.70vw;}
}

@media (max-width: 991px) {
	.index .titleBox .title_tag {font-weight: bold;}
	.index .title-V2 {font-weight: bold;}
}








/* section1 */
	.index .section1 {padding: max(50px, 13em) 0 max(50px, 12em) 0;}
	.index .section1 {position: relative;}
	.index .section1 .titleBox h1.title-V1 {font-size: 7em; margin-bottom: 30px;}
	.index .section1 .titleBox p.text1 {font-size: var(--font-size23); color: #333; line-height: 1.6; font-weight: 500;}
	.index .section1 .titleBox {margin-bottom: 50px;}

	.index .section1 .itemBox {display: flex; flex-wrap: wrap; gap: 15px 18px; width: 100%; max-width: 65.72%; font-size: 10px; position: relative;}
	.index .section1 .itemBox .item {border-radius: 40px; width: 200px; height: 50px; padding: 0 3px; background: var(--color1);
	display: flex; justify-content: center; align-items: center; text-align: center;}
	.index .section1 .itemBox .item > h4 {color: #fff; font-weight: 500; font-size: max(13px, 1.8em); line-height: 1.2; }

	.index .section1 figure {position: absolute; overflow: hidden;}
	.index .section1 .bg_img01 {bottom: 22em; right: 25em;}
	.index .section1 .bg_img02 {bottom: 6em; right: 46em; }
	.index .section1 .bg_img03 {bottom: 1em; right: 13em; }

	.index .section1 .bg_img01 img { width: 20.9em; height: 20.9em;}
	.index .section1 .bg_img02 img {width: 12em; height: 16.4em;}
	.index .section1 .bg_img03 img {width: 20.3em; height: 22em;}


	@media (max-width: 1430px) {
		.index .section1 .titleBox p.text1 br {display: none;}
	}

	@media (max-width: 991px) {
		.index .section1 {font-size: 1.01vw;}
		.index .section1 figure {opacity: 0.4;}
		.index .section1 .bg_img01 {bottom: 63em; right: 0em;}
		.index .section1 .bg_img02 {bottom: 35em; right: 58em; }
		.index .section1 .bg_img03 {bottom: 6em; right: 13em; }

		.index .section1 .bg_img01 img { width: 35.9em; height: 35.9em;}
		.index .section1 .bg_img02 img {width: 20em; height: 24.4em;}
		.index .section1 .bg_img03 img {width: 30.3em; height: 32em;}
	}

	@media (max-width: 768px) {
		.index .section1 {font-size: 1.30vw;}
		.index .section1 .titleBox h1.title-V1 {font-size: max(30px, 5.21vw); }
		.index .section1 .titleBox h1.title-V1 .content-br01 {display: none;}
		.index .section1 .itemBox {max-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr);}
		.index .section1 .itemBox .item {width: 100%;}
		.index .section1 .bg_img02 {bottom: 35em; right: 46em; }
	}

	@media (max-width: 550px) {
		.index .section1 .itemBox {font-size: 1.82vw;}
		.index .section1 .bg_img01 {bottom: unset; right: 0em; top: 5em;}
		.index .section1 .bg_img02 {bottom: 48em; right: 46em; }
		.index .section1 .bg_img03 {bottom: 1em; right: 5em; }
	}

	@media (max-width: 450px) {
		.index .section1 .bg_img02 {bottom: 60em; right: 46em; }
	}





/* section2 */
	.index .section2 {padding: max(50px, 8.8em) 0 max(50px, 16.3em) 0; background: #f5f5f5; position: relative;}
	.index .section2::before {content:""; position: absolute; width: 118em; height: 51em; background: url(img/sec02_bg_text.png) no-repeat; background-size: cover; background-position: center;
	bottom: 8em; right: 1em;}
	.index .section2 .containerV1 {display: flex; flex-direction: column; gap: max(30px, 11.8em) 0;}
	.index .section2 .itemBox .title-V1 {font-weight: bold; margin-bottom: 0.86em; color: var(--color1);}
	.index .section2 .itemBox  .gridBox {display: flex; gap: 30px 9.8rem; flex-wrap: wrap; }
	.index .section2 .itemBox  .gridBox > .grid-item {width: fit-content;}
	.index .section2 .itemBox  .gridBox > .grid-item h4 {font-size: var(--font-size25); color: #000; line-height: 1.2; margin: 0.56em 0;}
	.index .section2 .itemBox  .gridBox > .grid-item p.text1 {font-size: var(--font-size18); color: #7d7d7d; line-height: 1.6;}

	
	@media (max-width: 1430px) {
		.index .section2::before {bottom: unset; top: 50%; transform: translateY(-50%);}
	}
	
	@media (max-width: 991px) {
		.index .section1 .bg_img02 {bottom: 60em; right: 46em;}
		.index .section2 .itemBox  .gridBox {display: grid; grid-template-columns: repeat(2,1fr); gap: 30px;}
		.index .section2 .itemBox .gridBox > .grid-item {width: 100%;}
		
	}

	@media (max-width: 768px) {
		.index .section2 {font-size: 0.78vw;}
	}

	@media (max-width: 550px) {
		.index .section2 .itemBox .title-V1 {margin-bottom: 1.86em;}
		.index .section2 .itemBox  .gridBox > .grid-item p.text1 br {display: none;}
		.index .section2 .itemBox02  .gridBox { grid-template-columns: repeat(1,1fr);}
	}

	








/* section3 */
	.index .section3 { position: relative;}
	.index .section3 .containerV1 {padding: max(50px, 10.7em) 0 max(50px, 9.5em) 0;}
	.index .section3 .titleBox {margin-bottom: 60px;}
	.index .section3 .itemBox {display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: minmax(475px, auto); gap: 33px 15px; }
	.index .section3 .itemBox .item_img {}
	.index .section3 .item_img .item_text {margin: 25px 3px 0 3px; }
	.index .section3 .item_img .item_text h4 {font-size: var(--font-size25); font-weight: 500; line-height: 1.2; display: inline-block;}
	.index .section3 .item_img .item_text p.text1 {font-size: var(--font-size18); font-weight: 500; color: #959595; line-height: 1.6;}
	.index .section3 .item_img .item_text .item_tag_box {color: #000; height: 50px;}
	.index .section3 .item_img .item_text .item_tag_box span {font-weight: 500; font-size: max(13px, 1.8rem); line-height: 1.2; display: inline-block; margin-left: 1em;}

	@media (max-width: 1430px) {
		.index .section3 .containerV1 {padding: max(50px, 10.7em) 15px max(50px, 9.5em) 15px;}
		.index .section3 .item_img .item_text p.text1 br {display: none;}
		.index .section3 .item_img .item_text .item_tag_box {height: var(--font-size60); margin-bottom: 10px;}
	}

	@media (max-width: 860px) {
		.index .section3 .itemBox {grid-template-columns: repeat(2,1fr); grid-auto-rows: minmax(450px, auto);}
	}

	@media (max-width: 650px) {
		.index .section3 .itemBox {grid-auto-rows: minmax(400px, auto);}
		.index .section3 .item_img .item_text .item_tag_box {display: flex; flex-direction: column; align-items: center; gap: 3px 0; margin-bottom: 10px; justify-content: center;}
		.index .section3 .item_img .item_text .item_tag_box span {margin-left: 0; font-size: var(--font-size14);}
		.index .section3 .item_img .item_text h4 {text-align: center;}
		.index .section3 .item_img .item_text p.text1 {text-align: center;}
	}

	@media (max-width: 500px) {
		.index .section3 .itemBox {grid-template-columns: repeat(1,1fr); grid-auto-rows: unset; gap: 40px 15px;}
	}



/* section3-2 */
	.index .section3-2 {position: relative; padding: max(50px, 12.8em) 0 max(50px, 13.7em) 0; }
	.index .section3-2 .sec03-2_bg {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; 
	background: url(img/sec03-2_bg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
	.index .section3-2 .containerV1 {position: relative; z-index: 2;}
	.index .section3-2 .titleBox h1.title-V2 {color: #fff; text-align: center;} 
	.index .section3-2 .titleBox {margin-bottom: 60px;}
	.index .section3-2 .itemBox {display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(340px, auto); gap: 4.4em 4em;}
	.index .section3-2 .itemBox > .item {background: #fff; border-radius: 20px; width: 100%; height: 100%; padding: 3em 0; display: flex; flex-direction: column;
	align-items: center; justify-content: start; position: relative;}
	.index .section3-2 .itemBox > .item figure {width: 100%; height: 42px; display: flex; justify-content: center; align-items: center;}
	.index .section3-2 .itemBox > .item h2 {color: var(--color1); font-weight: bold; font-size: 2.5em; line-height: 1.2; text-align: center; margin: 0.64em 0 0.44em 0; }
	.index .section3-2 .itemBox > .item .item_text {border-top: 1px solid #535353; padding: 1.3em 5px; text-align: center; width: 89.32%;}
	.index .section3-2 .itemBox > .item .item_text p.text1 {font-size: max(14px, 1.8em); color: #434343; line-height: 1.5; }

	
	@media (max-width: 991px) {
		.index .section3-2 .sec03-2_bg {background-attachment: unset;}
		.index .section3-2 .itemBox {grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(300px, auto);}
		.index .section3-2 .itemBox {font-size: 1.01vw;}
	}

	@media (max-width: 768px) {
		.index .section3-2 .itemBox {font-size: 1.30vw;}
		.index .section3-2 .itemBox > .item {padding: 3em 5px 20px;}
		.index .section3-2 .itemBox > .item h2 {height: 2.6em; display: flex; align-items: center;}
	}

	@media (max-width: 580px) {
		.index .section3-2 .itemBox {font-size: 1.72vw;} 
		.index .section3-2 .itemBox {grid-template-columns: repeat(1, 1fr);}
		.index .section3-2 .itemBox > .item h2 {height: auto; font-size: var(--font-size25);}
		.index .section3-2 .itemBox > .item .item_text p.text1 {font-size: var(--font-size18); margin-bottom: 5px;}
	}



/* section4 */
.index .section4 {}
.index .section4 > section .titleBox {margin-bottom: 50px; text-align: center;}
.index .section4 > section .titleBox h2 {font-size: var(--font-size30); color: #000; line-height: 1.2; font-weight: 500; margin-top: 10px;}

.index .section4 .section4-1 {background: #f5f5f5; padding: max(50px, 11.4em) 0 max(50px, 90px) 0;}
.index .section4 .section4-1 .titleBox h2 {font-size: var(--font-size50); font-weight: bold; margin-bottom: 25px; margin-top: 0;}
.index .section4 .section4-1 .titleBox > a {display: flex; align-items: center;  gap: 0 12px; margin: 0 auto; width: fit-content;}
.index .section4 .section4-1 .titleBox > a img {width: var(--font-size30); height: var(--font-size30);}
.index .section4 .section4-1 .titleBox > a > p.text1 {font-size:  var(--font-size20); color: #707070; font-weight: 500; line-height: 1.4; }
.index .section4 .section4-1 .titleBox > a > p.text1 .color-tag {color: var(--color1);}
.index .section4 .section4-1 .widget_box {overflow: hidden;}



@media (max-width: 500px) {
	.index .section4 .section4-1 .titleBox > a {flex-direction: column;}
}
    
    
    

.index .section4 .section4-2 {padding: max(50px, 8.6em) 0 max(50px, 11.5em);}
.index .section4 .section4-2 .itemBox {width: 100%; position: relative;}
.index .section4 .section4-2 .youtube-slider { position: relative; width: 100%; max-width: 88.57%; margin: 0 auto; overflow: hidden;}
/*.index .section4 .section4-2 .youtube-slider .swiper-wrapper { transition:0.3s !important; } */
.index .section4 .section4-2 .youtube-slider .swiper-slide { display: flex; justify-content: center; align-items: center; padding-bottom: 56.46%; position: relative;}
/*.index .section4 .section4-2 .youtube-slider .swiper-slide {  }*/
.index .section4 .section4-2 .youtube-slider .swiper-slide iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Navigation arrows css */
.index .section4 .section4-2 .swiper-button-next {right: 0;}
.index .section4 .section4-2 .swiper-button-prev {left: 0;}
.index .section4 .section4-2 .swiper-button-next, 
.index .section4 .section4-2 .swiper-button-prev {z-index: 1; background: var(--color1); border-radius: 50%; width: 5rem; height: 5rem;}
.index .section4 .section4-2 .swiper-button-next::after, 
.index .section4 .section4-2 .swiper-button-prev::after {font-size: 3rem; color: #fff; font-weight: bold;}
.index .section4 .section4-2 .swiper-button-next::after {margin-left: 3px;}
.index .section4 .section4-2 .swiper-button-prev::after {margin-right: 3px;}

@media (max-width:768px) {
	.index .section4 .section4-2 .itemBox {padding-bottom: var(--font-size60);}
	.index .section4 .section4-2 .youtube-slider {max-width: 100%;}
	.index .section4 .section4-2 .swiper-button-next {right: unset; }
	.index .section4 .section4-2 .swiper-button-prev {left: unset; border-right: 1px solid #fff;}
	.index .section4 .section4-2 .swiper-button-next, 
	.index .section4 .section4-2 .swiper-button-prev {position: relative; width: var(--font-size50); height: var(--font-size50); top: unset; } 
	.index .section4 .section4-2 .swiper-button-next::after, 
	.index .section4 .section4-2 .swiper-button-prev::after {font-size: var(--font-size30); color: #fff;}
	.index .section4 .section4-2 .swiper-button-box {position: absolute; bottom: 0; display: flex; left: 50%; transform: translateX(-50%); width: min(24vw, 124px); justify-content: space-evenly;;}
}

.index .section4 .section4-3 {background: #f5f5f5; padding: max(50px, 7.3em) 0 max(50px, 11.4em);}
.index .section4 .section4-3 .widget_box {width: 100%; margin: 0 auto;}


.modal-body .amina-header {display: none;}










/* section5 */

.index .section5 { padding: max(50px, 11.6em) 0 max(50px, 12.4em); background: url(img/sec05_bg.jpg) no-repeat center center / cover; }
.index .section5 a { color: inherit; }

.index .section5 .containerV1 > .itemBox { display:grid; grid-template-columns:repeat(2,1fr); color: #fff; }
.index .section5 .containerV1 > .itemBox .titleBox { margin-bottom: 22px; }
.index .section5 .containerV1 > .itemBox .left {padding-left: 3em;}
.index .section5 .containerV1 > .itemBox .left > .textBox1 {}
.index .section5 .containerV1 > .itemBox .left > .textBox1 > .text1 {font-size: var(--font-size18); line-height: 1.4; margin-bottom: 4px;}

.index .section5 .containerV1 > .itemBox li .titleBox {padding: 7em 0 0 0; margin-bottom: 3.5rem;}
.index .section5 .containerV1 > .itemBox li .titleBox > h2 {font-family: 'Poppins', sans-serif; font-weight: bold; color: #fff; font-size: var(--font-size60); margin-bottom: 0.5em;}
.index .section5 .containerV1 > .itemBox li .titleBox > p.text1 {font-size: var(--font-size18); line-height: 1.6; color: #fff; }


@media (max-width:991px) {
	.index .section5 .containerV1 > .itemBox { grid-template-columns:1fr; gap:5rem 0; max-width: 768px; margin: 0 auto; }
	.index .section5 .containerV1 > .itemBox li.left {padding-left: 0;} 
}



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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* footer*/
footer {
--footer-font : 13px;
background: #313131; position: relative;}
footer > .contents_box {padding: 20px 0 10px;}
footer .contents { display:flex; align-items: flex-start; justify-content: space-between; gap: 0 20px;}
footer .contents > li { font-weight: 300;}

footer .item1 {width: 25%; padding-left: 10px;}
footer .item2 {display: flex; flex-direction: column; flex-basis: 0; flex-grow: 1;}
footer .item2 > div { line-height: 1.6; font-size: var(--footer-font); color: #bfbfbf; }
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { position: relative; font-weight: inherit; margin-right: 10px;}
footer .item2 > .text > span:after { content:'|'; position:absolute; right: -9px; top:50%; transform:translateY(-55%); }
footer .item2 > .text > span:last-child:after { display: none; }
footer .copy {font-size: min(3.50vw, 14px); color: #b8b8b8; text-transform: uppercase; font-weight: inherit; line-height: 1.3;}
footer .copy a {color: #b8b8b8;}

footer .list_box1 {display: flex; gap: 0 15px; padding: 17px 0; justify-content: center; background: #1b1b1b;}
footer .list_box1 span {position: relative; font-size: var(--footer-font); }
footer .list_box1 span a {color: #fff;}
footer .list_box1 span::before {content: ""; position: absolute; width: 1px; height: 13px; background: #fff; right: -10px; top: 50%; transform: translateY(-50%);}
footer .list_box1 span:last-child:before {display: none;} 




@media (max-width:991px) {
footer .item1 {display: none;}
footer .list_box1 {display: none;}
footer > .contents_box {padding: 20px 0 20px;}
footer .item2 > .text > span { display:block; margin-right:0; }
footer .item2 > .text > span:after { display:none; }
}

@media (max-width: 500px) {
	footer {padding-bottom: 70px;}
}


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







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

@media (max-width: 991px) {
	.tmt_sub_frame { padding: 13rem 0 50px; min-height: 80vh;}
}


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


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