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


/* reset */
* { margin:0; padding:0; outline:none; box-sizing:border-box; }

html {font-size: 10px;}

body {
line-height:1; 
word-wrap: break-word; /* 넘친 단어 줄 바꿈 */
word-break: keep-all;/* 줄나눔 기준 공백(띄어쓰기, 하이픈'-') */
overflow-x: hidden;
font-size: 14px; 
font-weight:400;
color:#000; 
font-family: 'Noto Sans KR', sans-serif;  
}
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', sans-serif; line-height:1; margin: 0;}
ul, ol,figure { margin:0; padding: 0; }
img { border:none; outline:none; max-width: 100%; }
p {
word-wrap: break-word; /* 넘친 단어 줄 바꿈 */
word-break: keep-all;/* 줄나눔 기준 공백(띄어쓰기, 하이픈'-') */
}
input,button { border: none; background: 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; }
}

/* 화면에서는 가리고 검색엔진에서는 노출시키고 싶을 때 */
.sr-only {
    position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);
}
/* 출처: https://rgy0409.tistory.com/3079 [친절한효자손 취미생활] */


:root {
/* 컨텐츠 너비 */
	--containerV1-width : 1200px;
	--main-color : #b1d323; /* mainColor */


	--font-size13: min(3.43vw, 13px);
	--font-size14: min(3.71vw, 14px);
	--font-size15: min(4vw, 15px);
	--font-size16: min(3.71vw, 16px);
	--font-size18: min(4.29vw, 18px);
	--font-size20: min(4.86vw, 20px);
	--font-size25: min(6.25vw, 25px);
	--font-size30: min(5.71vw, 30px);
	--font-size40: min(8.57vw, 40px);

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

/*Poppins*/
/*.enV1 { font-family: 'Poppins', sans-serif !important; }*/

/* 위젯설정 버튼 있는 곳 z-index 높이기 */
#theme-controller > .fixed-top { z-index: 9999; }
#setupModal { z-index: 9999; }



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
세팅끝
*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
헤더
*/

.header_wrap { 
position: fixed; right:0; top:0; width:100%; z-index:1001; background: rgba(0,0,0,0.5);
}

#header { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;

}

.logo a { 
display: block; transition:0.4s;
}

.open_btn, .close_btn {display: none;}

/* menu */
/*---------------------------------------- main_menur ---------------------------------------------*/
#h_menu .main_menu { -ms-display:flex; display:flex; }
#h_menu .main_menu > li { position:relative; margin-right: 40px;} 
#h_menu .main_menu > li:last-child { margin-right: 0;}
#h_menu .main_menu > li > a {
display:block; font-size: var(--font-size18); font-weight:500; text-align:center; transition: all 0.3s; color: #fff; height: 8rem; line-height: 8rem;
/*5.72rem*/
}
#h_menu .main_menu > li > a > span {position: relative;}
#h_menu .main_menu > li > a > span::after {content: ""; position: absolute; background: #fff; width: 0; height: 2px; right: 0; bottom: -5px; transition: all 0.3s;}
/*---------------------------------------- //main_menu ---------------------------------------------*/


/*---------------------------------------- sub_menu ---------------------------------------------*/
#h_menu .main_menu > li > .sub_menu {
position:absolute; right:0; top:100%; z-index:1; border-radius: 5px;
width: 17rem; background:#fff; padding:10px 0;  box-shadow:0 5px 5px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: top 0.3s;
}
#h_menu .main_menu > li > .sub_menu > li > a  { display:block; transition:all 0.4s; padding:15px 20px; font-size:15px; text-align:right; }
#h_menu .main_menu > li > .sub_menu > li > a span {position: relative; left: 0; transition: left 0.4s;}
/*---------------------------------------- //sub_menu ---------------------------------------------*/



/* hover */
#h_menu .main_menu > li:hover > a  {color: var(--main-color);}
#h_menu .main_menu > li:hover > a > span::after {width: 100%; right: auto; left: 0;}
#h_menu .main_menu > li:hover > .sub_menu { visibility: visible; opacity: 1; top: 105%;}
#h_menu .main_menu > li > .sub_menu > li > a:hover { color: var(--main-color);} 
#h_menu .main_menu > li > .sub_menu > li > a:hover span {left: 5px;}

/* 스크롤 했을 때 해드 효과 */
.header_wrap.scroll {border-bottom: 1px solid #00000024;}
/*.header_wrap.scroll #header { height: 6.2rem;  }*/
/*.header_wrap.scroll .logo a { margin-bottom: 0; }*/
/*.header_wrap.scroll #h_menu .main_menu > li > a { height: 6.2rem; line-height: 6.2rem; }*/


/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
#h_menu .main_menu > li > a.on > span::after { width: 100%; } 



/*모바일 991구간---------------------*/
@media (max-width:991px) {
	#header { height: 8rem;}

	.open_btn, .close_btn {display: block;}
	
	.logo a { margin-bottom: 0; width: 25rem; height: auto; }

	/* 모바일 열기 버튼 */
	.header_wrap .open_btn { font-size:30px; cursor:pointer; color: #fff;}


	/* menu */
	.menu_box { 
	background-color: var(--main-color); width: 20em; height: 100%; 
	position: fixed; right:0; top: 0; z-index:9999; margin-right:-20em; transition:margin-right 0.3s;
	}
	#h_menu {
	width: 20em; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0; 
	}

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

	/*---------------------------------------- main_menu ---------------------------------------------*/
	#h_menu .main_menu { flex-wrap:wrap; padding:30px 0; border-top:1px solid rgba(255,255,255,.1); }
	#h_menu .main_menu > li { width:100%; margin-right: 0; cursor: pointer;}
	#h_menu .main_menu > li > a { 
	padding:12px 20px; font-weight:500; color: #fff; text-align:left; height:auto; line-height:1; border-bottom:1px solid rgba(255,255,255,.4);
	font-size: 16px;  pointer-events:none; 
	}
	#h_menu .main_menu > li > a > span:after {display: none;}
	/*---------------------------------------- //main_menu ---------------------------------------------*/

	/*---------------------------------------- sub_menu ---------------------------------------------*/
	#h_menu .main_menu > li > .sub_menu { 
	position:static; width:100%; padding: 0; border-bottom: none; border-radius: 0px;
	box-shadow:none; height: 0; transition: all 0.5s; display: block; visibility: visible; opacity: 1; overflow: hidden; background: var(--main-color);
	}
/*	#h_menu .main_menu > li > .sub_menu > li {border-left:1px solid rgba(255,255,255,0.4);}*/
	#h_menu .main_menu > li > .sub_menu > li:last-child > a { border-bottom:none; }
	#h_menu .main_menu > li:last-child { margin-right: 0; }
	#h_menu .main_menu > li > .sub_menu > li > a { padding:10px 0 10px 15px; font-size: 14px; position:relative; text-align:left; color:#fff; }
	#h_menu .main_menu > li > .sub_menu > li > a:before {
	content:''; position:absolute; left:-1%; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background:#fff;}

	#h_menu .main_menu > li.on > a > span { padding:0; position: relative;}
	#h_menu .main_menu > li.on > a > span::before {content: ""; position: absolute; left: 9%; width: 6px; height: 6px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 50%;
	opacity: 0; visibility: hidden; transition: all 0.5s;}

	/*---------------------------------------- //sub_menu ---------------------------------------------*/
	

	/* hover */
	#h_menu .main_menu > li:hover > a {  color:rgba(255,255,255,0.7); }
	#h_menu .main_menu > li:hover .sub_menu { display:block; } /* 모바일일때 inner 나오게 하는 후버 효과 X */
	#h_menu .main_menu > li > .sub_menu > li > a:hover { color:#fff; background:none; } 
	#h_menu .main_menu > li > .sub_menu > li > a:hover span {left: 0px;}


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

	/* 모바일에서 main_menu li 클릭했을때 sub_menu 나오는 효과 */
	#h_menu .main_menu > li.on > a {color: #fff;}
	#h_menu .main_menu > li.on > a > span {padding-left: 25px; transition: all 0.4s;}
	#h_menu .main_menu > li.on > a > span::before {opacity: 1; visibility: visible; }
	#h_menu .main_menu > li.on > a { border-bottom:1px solid transparent; }
	#h_menu .main_menu > li.on .sub_menu {height: auto; padding-left: 40px; padding-bottom: 10px;}

	/* 스크롤 했을 때 해드 효과 */
/*	.header_wrap.scroll #header {border-bottom: 1px solid #00000024;}*/
	.header_wrap.scroll #h_menu .main_menu > li > a {}

	/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
	#h_menu .main_menu > li > a.on,
	.header_wrap.scroll #h_menu .main_menu > li > a.on { color:#fff;} 
	#h_menu .main_menu > li > a.on > span {padding-left: 25px; transition: all 0.4s;}
	#h_menu .main_menu > li > a.on span::before,
	.header_wrap.scroll #h_menu .main_menu > li > a.on span::before{content: "";  position: absolute; left: 9%; width: 6px; height: 6px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 50%; opacity: 1; visibility: visible;}
/*	.header_wrap.scroll #h_menu .main_menu > li > a.on > span {padding-left: 25px; transition: all 0.4s;}*/
/*	.header_wrap.scroll #h_menu .main_menu > li > a.on span::before {opacity: 1; visibility: visible;}*/


}/*991 끝 구간---------------------*/






/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
헤더 끝
*/


.main_sec {padding: max(70px,5.47vw) 0;}
.main_sec .title-V1{color: var(--main-color); font-size: 7rem; font-weight: bold; text-align: center;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
인덱스
*/

/*sec01*/
.main_sec01 .itemBox {font-size: min(0.81vw, 10px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 11.5em; margin-top: 7.5em;}
.main_sec01 .itemBox li {display: grid; align-items: flex-start; justify-items: center; position: relative; bottom: 0; border-radius: 20px; transition: bottom 0.2s; padding: 20px 0;}
.main_sec01 .itemBox li > * {position: relative; z-index: 2;}
.main_sec01 .itemBox li::before {content:""; position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; 
opacity: 0; border-radius: 20px;}
.main_sec01 .itemBox li  > .item_img {margin-bottom: 3.5em;}
.main_sec01 .itemBox li  > .item_img img:first-child {display: block;}
.main_sec01 .itemBox li  > .item_img img:last-child {display: none;}
.main_sec01 .itemBox li > .item_text {text-align: center; margin-bottom: 6em; }
.main_sec01 .itemBox li > .item_text > h3 {color: #384600; font-size: max(20px, 3em); font-weight: 700; line-height: 1.2; margin-bottom: 0.5em; transition: all 0.2s;}
.main_sec01 .itemBox li > .item_text > p.text1 {color: #666; font-size: max(13px, 1.8em); line-height: 1.4; transition: all 0.2s;}
/*max(13px, 1.8em)*/
.main_sec01 .itemBox li > .item_btn { text-align: center; border: 1px solid #999; align-self: end; transition: all 0.2s;}
.main_sec01 .itemBox li > .item_btn > a {display: block; padding: 8px 25px 10px 25px; color: #333; font-size: var(--font-size16); transition: all 0.2s;}

/*hover*/

.main_sec01 .itemBox li:hover {bottom: 10px; }
.main_sec01 .itemBox li:nth-child(1):hover {background: url("img/sec01_item_bg01.jpg") no-repeat; background-size: cover;  background-position:center;}
.main_sec01 .itemBox li:nth-child(2):hover {background: url("img/sec01_item_bg02.jpg") no-repeat; background-size: cover;  background-position:center;}
.main_sec01 .itemBox li:nth-child(3):hover {background: url("img/sec01_item_bg03.jpg") no-repeat; background-size: cover;  background-position:center;}
.main_sec01 .itemBox li:hover:before {opacity: 0.4; }

.main_sec01 .itemBox li:hover  > .item_img img:first-child {display: none;}
.main_sec01 .itemBox li:hover  > .item_img img:last-child {display: block;}
.main_sec01 .itemBox li:hover > .item_text > h3, .main_sec01 .itemBox li:hover > .item_text > p.text1{color: #fff; transition: all 0.2s;}
.main_sec01 .itemBox li:hover > .item_btn {border: 1px solid #fff;}
.main_sec01 .itemBox li:hover > .item_btn > a { color: #fff;}
/*.main_sec01 .itemBox li:last-child:hover  > .item_img img:last-child {animation: rotate 1s forwards ease; } */

@keyframes rotate {
	0% {transform: rotate(-360deg);}
	100% {transform: rotate(0deg);}
}

@media all and (max-width: 768px) {
	.main_sec01 .itemBox li > .item_text > p.text1 > br {display: none;}
}

@media all and (max-width: 650px) {
	.main_sec01 .itemBox {grid-template-columns: repeat(1, 1fr); gap: 15em 0;}
	.main_sec01 .itemBox li  > .item_img {display: flex; justify-content: center; align-items: center; margin-bottom: 7.5em;}
	.main_sec01 .itemBox li  > .item_img img {width: 80%;}
	.main_sec01 .itemBox li > .item_text > h3 {font-size: var(--font-size30);}
	.main_sec01 .itemBox li > .item_text > p.text1 {font-size: var(--font-size18);}
}




/*sec02*/

.main_sec02 .itemBox input {display: none;}
.main_sec02 .itemBox {display: flex; flex-direction: column; align-items: center; margin-top: 7.5em;}
.main_sec02 .itemBox .labelBox  {display: flex; width: 100%; max-width: 400px;}
.main_sec02 .itemBox .labelBox > label {cursor: pointer; width: 50%; height: 60px; display: flex; justify-content: center; align-items: center; }
.main_sec02 .itemBox .labelBox > label span {color: #bbb; font-size: var(--font-size25); font-weight: bold; transition: color 0.3s;}
.main_sec02 .itemBox .tab_wrap {width: 100%; position: relative; padding-bottom: 49.16666%;}
.main_sec02 .itemBox .tab_wrap > .widget_box {position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; transition: all 0.3s; width: 100%;}


.main_sec02 .itemBox #tab1:checked ~ .labelBox > label:first-child > span {color: #384600; }
.main_sec02 .itemBox #tab2:checked ~ .labelBox > label:last-child > span {color: #384600; }

.main_sec02 .itemBox #tab1:checked ~ .tab_wrap > .widget_box01 {visibility: visible; opacity: 1;}
.main_sec02 .itemBox #tab2:checked ~ .tab_wrap > .widget_box02 {visibility: visible; opacity: 1;}

@media all and (max-width: 768px) {
	.main_sec02 .itemBox .tab_wrap {overflow: hidden; padding-bottom: 33.5%;}
}

@media all and (max-width: 575px) {
	.main_sec02 .itemBox .tab_wrap {overflow: hidden; padding-bottom: 49.5%;}
}

/*sec03*/
.main_sec03 {background: url('img/sec03_bg.jpg') no-repeat; background-size: cover;}
.main_sec03 .title-V1 {color: #fff;}

/* section4 */
.main_sec03 .containerV1 > .itemBox li.left {padding-right: 0.8rem;}
.main_sec03 .containerV1 > .itemBox li .titleBox {padding: 4.8571% 0 0 0; margin-bottom: 3rem;}
.main_sec03 .containerV1 > .itemBox li .titleBox > h2 {font-family: "Poppins"; font-weight: bold; color: #fff; font-size: 5rem; margin-bottom: 10px;}


.main_sec03 .containerV1 > .itemBox { display:grid; grid-template-columns:repeat(2,1fr); color: #fff; }
.main_sec03 .containerV1 > .itemBox .titleBox { margin-bottom: 2.5rem; }
.main_sec03 .containerV1 > .itemBox .left > .textBox1 { margin-bottom: 5rem; }
.main_sec03 .containerV1 > .itemBox .left > .textBox1 > .text1 { font-size: var(--font-size18); line-height: 1.4; font-weight: 500; margin-bottom: 5px;}
.main_sec03 .containerV1 > .itemBox .left > .linkBox { display:grid; grid-template-columns:repeat(2, 286px); gap:0 1.7rem; }
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a { 
display: block; color: #fff; height: 160px; position: relative; transform-style:preserve-3d; transition:0.5s;
}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div { 
position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility:hidden; border: 1px solid #fff; padding: 3.6rem max(15px,2.08vw) 2rem;
display:grid; grid-template-columns:auto 1fr; grid-template-rows: repeat(2, 1fr); align-items:center;
}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div .icon { display: block; grid-column: 2/3; grid-row: 2; justify-self: end;}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div .textBox {grid-row: 1; grid-column: 1/4;}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div .textBox > .text1 {
font-size: var(--font-size25); font-weight: bold; margin-bottom: 10px; text-transform: uppercase;
}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div .textBox > .text2 {  
text-transform: uppercase; font-size: var(--font-size16);
}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > .inner_back { 
background: var(--main-color); border: 1px solid var(--color1); transform:rotateX(-180deg); 
}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > .inner_back .textBox > .text1 { display:flex; align-items:center; }
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > .inner_back .textBox > .text1:after {
content: '\f105'; font-family: fontAwesome; display: inline-block; margin-left: 10px; margin-right:0;
}
.main_sec03 .containerV1 > .itemBox .left > .linkBox > li:hover > a { transform:rotateX(180deg); transition-delay:0.2s; }


@media (max-width:1430px) {
	.main_sec03 .containerV1 > .itemBox .left > .linkBox {grid-template-columns:repeat(2, 1fr); gap:0 2rem; }
	
}
@media (max-width:1400px) {
	.main_sec03 .containerV1 > .itemBox li .titleBox {padding: 2.9% 0;}
}

@media (max-width:1024px) {
	.main_sec03 .containerV1 > .itemBox li .titleBox {padding: 3.8% 0;}
}

@media (max-width:991px) {
	.main_sec03 .containerV1 > .itemBox { grid-template-columns:1fr; gap:5rem 0; max-width: 768px; margin: 0 auto; }
	.main_sec03 .containerV1 > .itemBox li.left {padding-right: 0;} 
}
@media (max-width:840px) {
	.main_sec03 .containerV1 > .itemBox .left > .linkBox { grid-template-columns:1fr; gap:2rem; }
	/* 아이폰에서 후버효과 이상하게 나와서 없앰 */
	.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a  {height: 16rem;}
	.main_sec03 .containerV1 > .itemBox .left > .linkBox > li:hover > a { transform:rotateX(0); transition-delay:0; }
	.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > .inner_back { visibility:hidden; }
	.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div {grid-template-rows: unset; padding: 2rem max(15px,2.08vw);}
	.main_sec03 .containerV1 > .itemBox .left > .linkBox > li > a > div .icon {grid-row: 1;  display: flex; justify-content: center;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
인덱스 끝
*/


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
푸터
*/
#footer { background: #fff; font-size: 14px;}

#footer .ft_moveBox {padding: 34px 0 45px 0;}
#footer a { color: #777; }
#footer .itemBox { display:grid; grid-template-columns: repeat(2, 1fr);}

#footer .itemBox .textBox {font-size: 14px;}
#footer .itemBox .f_logo { margin-right: 3.076em; font-size: 1em; }
#footer .itemBox .f_logo a { display: block; }
#footer .itemBox .f_logo a img { display: block; }
#footer .itemBox .textBox .listV1 { font-size: 1em; color: #777; display:flex; gap: 10px; margin-bottom: 25px; font-weight: bold;}
#footer .itemBox .textBox .listV2 { color: #959595; line-height: 1.6; font-size: 1em; }
#footer .itemBox .textBox .listV2 > li:not(.copy) { display:flex; gap:0.3em; }
#footer .itemBox .textBox .listV2 > li:not(.copy) > span:after { content: '/'; margin-left: 0.3em; }
#footer .itemBox .textBox .listV2 > li:not(.copy) > span:last-child:after{ display: none; }

#footer .copyBox {background: var(--main-color); display: flex; justify-content: center; padding: 11px 0;}
#footer .copyBox  .copy {font-size: 14px; line-height: 1.2; color: #fff; text-align: center;}

@media (max-width:991px) {
	#footer .itemBox { grid-template-columns:1fr; }
	#footer .itemBox .f_logo { margin-right: 0; margin-bottom: 2em; }
}
@media (max-width:768px) {
	#footer .itemBox .textBox .listV2 > li:not(.copy) { flex-direction:column; gap:0; }
	#footer .itemBox .textBox .listV2 > li:not(.copy) > span:after { display: none; }
}
@media (max-width:480px) {
	#footer .itemBox { justify-content:center; justify-items:center; }
	#footer .itemBox .f_logo { margin-bottom: 1em; }
	#footer .itemBox .textBox .listV1 { display: none; }
	#footer .itemBox .textBox .listV2 > li:not(.copy) { display: none; }
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
푸터 끝
*/

/*서브페이지*/
.sub_frame { padding: 30px 0; min-height: 74vh; }
@media (max-width:480px) {
	.sub_frame { min-height: 80vh; }
}

/* 게시판 리스트 */
.subTitleV1 { font-weight: 300; text-transform: uppercase; font-size: min(9.14vw,60px); text-align: center; padding: 0.5em 0; position: relative; }
.subTextV1 { font-size: var(--font-size20); color: #333; font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em; }
@media (max-width:991px) {
	.subTextV1 br { display: none; }
}

/* 게시판 리스트 */
.total_count, .list-mob-bar1 { display: none !important;}
.list-top-bar1 { background: var(--main-color) !important; }

/* 게시판 본문 타이틀 */
#bo_v_title {
	font-size: min(6.86vw,35px) !important;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
	text-align: center;
	margin:0.5em 0 1em;
}

/* 게시판 본문 - 게시물 하단 버튼 */
.post-bottom-button,
.post-bottom-button .btn { font-size: min(5.71vw,25px) !important; padding-top: 1em; }
.post-bottom-button a { font-size: inherit; }


/* 게시판 버튼, 게시판 하단 페이지 표시 버튼 */
.page-item.active .page-link,.btn-primary,.btn-primary:hover, .btn-primary:active { 
border-color: var(--main-color) !important; background-color: var(--main-color) !important;
}
#bo_search .btn-primary {background-color: transparent !important; border-style: none;}

/* 게시판 댓글 */
.cmt-content { line-height: 1.5; }

/* 로그인 제목 및 바 */
#mb_login h1 { color: var(--main-color) !important; }
#mb_login .bg-primary { background-color: var(--main-color) !important; }