@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');

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* reset */
* { margin:0; padding:0; outline:none; box-sizing:border-box; }
body {
line-height:1; 
word-wrap: break-word; /* 넘친 단어 줄 바꿈 */
word-break: keep-all;/* 줄나눔 기준 공백(띄어쓰기, 하이픈'-') */
}
h1, h2, h3, h4, h5, h6 { line-height:1; }
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; }

/* 화면에서는 가리고 검색엔진에서는 노출시키고 싶을 때 */
.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 : #c30a0a; /* mainColor */

--font-size22 : min(4.57vw,22px); /* 22px (최소값:16px) */
--font-size20 : min(4.29vw,20px); /* 20px (최소값:15px) */
--font-size18 : min(4vw,18px); /* 18px (최소값:14px) */
--font-size16 : min(3.71vw,16px); /* 16px (최소값:13px) */
--font-size15 : min(3.43vw,15px); /* 15px (최소값:12px) */
--font-size14 : min(3.29vw,14px); /* 14px (최소값:11.5px) */


/* 해드 전체적인 사이즈 조절하고 싶을 때 여기서 수정 */
--header : min(4vw,20px); /* 20px (최소값:14px) */

/* 인덱스의 전체적인 사이즈 조절하고 싶을 때 여기서 수정 */
--index : min(5.14vw,25px); /* 25px (최소값:18px) */

/* 푸터의 전체적인 사이즈 조절하고 싶을 때 여기서 수정 */
--footer : min(3.14vw,13px); /* 13px (최소값:11px) */

}

/* 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; }

/* 타이틀 전체 */
.titleAll { font-size: 1.4em; color: #000; font-family: 'NEXON Lv2 Gothic Bold' !important; padding-left: 13px; }
@media (max-width:991px) {
	.titleAll { padding-left: 0; }
}
@media (max-width:480px) {
	.titleAll { font-size: 1.2em; }
}


/*
contactBox
*/
.contactBox { font-size: min(4.57vw,25px); } /* 사이즈 조절 */
.contactBox .containerV1 { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:0 15px; overflow: hidden; }
.contactBox .itemBox { padding-left: 13px;  }
.contactBox .itemBox .title { color: #000; line-height: 1.5; margin-bottom: 1.7142em; font-size: 1em; }
.contactBox .itemBox .title > p:nth-child(1) { font-size: 1em; font-weight: bold; }
.contactBox .itemBox .title > .titleAll { padding-left: 0; }
.contactBox .itemBox .listV1 { color: #000; }
.contactBox .itemBox .listV1 .titleV1 { font-weight: 600; font-size: 1em; margin-bottom: 0.4em; }
.contactBox .itemBox .listV1 .text1 { font-size: 0.64em; margin-bottom: 2.1875em; line-height: 1.6; }
.contactBox .itemBox .listV1 .text1:last-child { margin-bottom:4.625em; }
.contactBox .itemBox .linkBox { display:flex; flex-wrap:wrap; gap:0.5em 1.6em; font-size: 1em; }
.contactBox .itemBox .linkBox > li > a { margin: 0; }
.contactBox .itemBox .linkBox > li > a span { 
justify-content:space-between; text-align: left;
}
.contactBox .itemBox .linkBox > li > a i { font-size: 1.3em; }


@media (max-width:991px) {
	.contactBox { padding: 3em 0; }
	.contactBox .containerV1 { grid-template-columns:1fr; align-items:center; gap:2em 0; }
	.contactBox .itemBox { padding-left:0; }
}
@media (max-width:480px) {
	.contactBox .itemBox .title > p:nth-child(1) { font-size: 0.9em; }
	.contactBox .itemBox .title > .titleAll { font-size: 1.2em; }
	.contactBox .itemBox .listV1 .text1 { font-size: 0.75em; }
	.contactBox .itemBox .linkBox { gap:0.5em; }
}


/*
헤드
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
*/
#header {
position: fixed; left: 0; top: 0; width: 100%; background: #000; z-index: 9000; height: 4.9em;
transition:background 1.5s;

font-size:var(--header);   
}

#header .containerV1 { display:flex; align-items:center; justify-content:space-between; gap:0 1em; height: 100%; }

/* 로고 */
#logo { font-size: inherit; position: relative;  }
#logo a { 
display: block; width: 11em; aspect-ratio:525 / 109; 
background-repeat: no-repeat; background-position:center center; background-size:cover;
background-image: url(img/logoV1.png); transition:1.5s;
}

/*모바일 메뉴 버튼, 모바일 메뉴 배경*/
#menu_btn { display: none; }
#menu_first > span { display: none; }

/* 대메뉴(첫번째) */
.menu_first { display:flex; font-family: 'Poppins', sans-serif; gap:0 calc(1em + 3.13vw); }
.menu_first > li { position: relative; }
.menu_first > li > a { 
display: block; font-weight: 600; font-size: 1em; text-transform: uppercase; position: relative; color: #fff; overflow: hidden;
transition:color 1.5s;
}
.menu_first > li > a:before {
content: ''; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transition:0.8s;
background: linear-gradient(90deg,transparent,rgba(0,0,0,0.6),transparent);
}


/*hover*/
.menu_first > li > a:hover:before { left: 100%; }

/* 해당페이지일때 */
.menu_first > li.on > a {
background: linear-gradient(to bottom, var(--main-color), var(--main-color) 70%, #fff 70%, #fff 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}

/*메인 타이틀 단락외에는 해드 스타일 바꾸기 on1*/
#header.on1 { background: transparent; }
#header.on1 #logo a { background-image: url(img/logoV2.png); }
#header.on1 .menu_first > li > a { color: #000; }
#header.on1 .menu_first > li > a:before { background: linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent); }

@media (max-width:1200px) {
	.menu_first { gap:0 calc(0.5em + 2.13vw); }
}

@media (max-width:991px) {
	#header { position: sticky; height: 4em; }
	/*모바일 메뉴 버튼*/
	#menu_btn { display: block; width: calc( 2em + 10px ); height: calc( 2em + 40px ); position: relative; overflow: hidden; z-index: 9999; }
	#menu_btn > div { 
	position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: calc( 100% - 10px ); height: calc( 100% - 40px ); 
	display:flex; justify-content:center; align-items:center; flex-direction:column;
	
	}
	#menu_btn span { 
	position: absolute; right: 0; width: 100%; height: 0.2em; background: #fff; border-radius:0.2em; transition:0.2s; 
	}
	#menu_btn span:nth-child(1) { width: 62.5%; transform:translateY(-0.75em); }
	#menu_btn span:nth-child(2) { width: 37.5%; transform:translateY(0.75em); }

	/*모바일 메뉴*/
	#menu_first { 
	position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display:flex; justify-content:center; align-items:center; visibility:hidden;
	}
	#menu_first > span { 
	position: absolute; top: -100%; left: calc(25% * var(--i)); width: 25%; height: 100%; background: var(--main-color); 
	transition:0.15s; transition-delay:calc(0.15s * var(--i)); display: block;
	}
	.menu_first {
	justify-content:center; align-items:center; flex-direction:column; z-index: 2; transform:translateX(-100px); opacity: 0;
	visibility:hidden; transition:0.5s; gap:1.5em 0;
	}
	.menu_first > li > a { font-size: 2em; padding: 0.1em 0.14em; }
	.menu_first > li > a:before { display: none; }

	/* 메뉴 버튼 클릭했을 때 메뉴버튼 효과 */
	#menu_btn.on span:nth-child(1) { width: 100%; transform:translateY(0) rotate(-45deg); transition-delay:0.115s; }
	#menu_btn.on span:nth-child(2) { width: 100%; transform:translateY(0) rotate(-315deg); transition-delay:0.15s; }
	#menu_btn.on span:nth-child(3) { right: calc( 100% + 10px ); }

	/* 메뉴 버튼 클릭했을 때 모바일 메뉴 효과 */
	#menu_first.on { visibility:visible; }
	#menu_first.on > span { top: 0; }
	#menu_first.on .menu_first { transform:translateX(0); opacity: 1; visibility:visible; transition-delay:0.45s; }

	/* 해당페이지일때 */
	.menu_first > li.on > a {
	background: none;
	background-clip: initial;
	-webkit-background-clip: initial;
	color: #fff;
	text-shadow:0.14em 0.1em 0 #000;
	}
}

/*
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
헤드
*/


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

@keyframes titleImgAni1 {
	0% { 
	transform: translate3d(-15rem,-8rem,0) rotate(-10deg) scale(1.5); text-shadow: 0 0 20px whitesmoke; opacity: 0; color: #fff;
	}
	20% { 
	transform: translate3d(0,0,0) rotate(0deg) scale(1); text-shadow: 0 0 0 whitesmoke; opacity: 1; color: #fff;
	}
	70%{ opacity: 1; }
	100% { opacity: 0; }
}
@keyframes titleImgAni2 {
	0% { 
	transform:scale(1.5); text-shadow: 0 0 20px whitesmoke; opacity: 0; color: #fff;
	}
	20% { 
	transform: scale(1); text-shadow: 0 0 0 whitesmoke; opacity: 1; color: #fff;
	}
	70%{ opacity: 1; }
	100% { opacity: 0; }
}
@keyframes titleImgAniMob1 {
	0% { opacity: 0; }
	20% { opacity: 1; }
	70%{ opacity: 1; }
	100% { opacity: 0; }
}

/* 인덱스 */
.index { font-size: var(--index); } 



/* 더보기 버튼 전체 */
.btnV1 > a { 
position: relative; overflow: hidden; display: block; margin: 0 auto;
font-size: 0.6em; font-weight: bold; background: var(--main-color); width: 13.9333em; color: #fff;
padding:1em 1.6em 0.9em; line-height: 1.3;
}
.btnV1.enV1 > a { font-weight: 500 !important; }
.btnV1 > a:before { 
content: ''; position: absolute; 
left: var(--x); top: var(--y); /* 마우스 머무는 곳의 left, top 값 */
transform:translate(-50%,-50%); /* 타원을 마우스 머무는 곳의 정중앙에 배치 */
width: 0; height: 0; border-radius:50%; background: #000; transition:width 0.5s, height 0.5s;
}
.btnV1 > a:hover:before {
width: 30em; height: 30em;
}
.btnV1 > a span { 
position: relative; z-index: 1; display: flex; justify-content:center; align-items:center; width: 100%; text-align: center;
}

@media (max-width:480px) {
	.btnV1 > a { font-size: 0.7em; width: 13em; }
}



#fp-nav { top: 60%;}







/*
메인타이틀
메인 타이틀의 사이즈는 (인덱스 폰트 사이즈 * n)한 것이다. 
현재는 인덱스 폰트 사이즈의 1.8배
*/
#title_img { position: relative; font-size: 1.8em; }

/* 메인타이틀 텍스트 */
#title_img .textBox { 
font-family: 'Poppins', sans-serif;  position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 2;
color: #fff; font-weight: bold; font-size: inherit;
}
#title_img .textBox .text1 { font-size: 1em; margin-bottom: 0.2222em; }
#title_img .textBox .text1 span {
display: inline-block; animation: titleImgAni1 5s infinite;
text-shadow: 0 0 0 whitesmoke;
}
#title_img .textBox .text2 { font-size: 1.444em; }
#title_img .textBox .text2 span {
display: inline-block; animation: titleImgAni2 5s infinite;
text-shadow: 0 0 0 whitesmoke;
}

/* 메인타이틀 영상 */
#title_img .videoBox {
position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
}
#title_img .videoBox img,
#title_img .videoBox video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover; }
#title_img .videoBox video:nth-child(2) { mix-blend-mode:multiply; }

@media (max-width:991px) {
	#title_img { /* 사이즈 조절 */
	aspect-ratio:4 / 3; font-size: 1.2em;
	}
	#title_img .textBox { text-align: center; }
	#title_img .textBox .text1 span,
	#title_img .textBox .text2 span { animation: titleImgAniMob1 5s infinite; }
}


/* 
section1 
section1의 사이즈는 (인덱스 폰트 사이즈 * n)한 것이다. 
현재는 인덱스 폰트 사이즈의 1배
*/
.index .section1 { font-size: 1em; position: relative; }
.index .section1 .tabNav { 
transform:translateY(44px); position: relative; z-index: 5;
display:flex; justify-content:center; align-items:flex-start; flex-direction:column;
}
.index .section1 .tabNav > li { border-left: 0.08em solid #000; color: #000; opacity: 0.3; padding:0.8em 0 1.36em 1.36em; transition:0.4s; position: relative; }
.index .section1 .tabNav > li:before { 
content: ''; position: absolute; left: -0.12em; top: 0; height: 100%; width: 0.16em; background: var(--main-color); opacity: 0;
}
.index .section1 .tabNav > li > a { color: inherit; }
.index .section1 .tabNav > li > a > .title { font-size: 1.8em; font-family: 'NEXON Lv2 Gothic Bold' !important; margin-bottom: 0.5333em; transition:0.4s; }
.index .section1 .tabNav > li > a > .text1 { font-size: 0.72em; line-height: 1.5; font-weight: bold; margin-bottom: 0.8em; }
.index .section1 .tabNav > li > a > .text1.enV1 { text-transform: uppercase; margin-bottom: 0; }

.index .section1 .tabItem { position: absolute; right: 0; top: 0; width: 50vw; height: 100%; }
.index .section1 .tabItem > li { position: absolute; left: 0; top: 50%; transform:translateY(-50%); visibility:hidden; opacity: 0; transition:0.6s; }
.index .section1 .tabItem > li img { max-width: initial; }

.index .section1 .tabNav > li.on { opacity: 1; }
.index .section1 .tabNav > li.on:before { opacity: 1; }
.index .section1 .tabNav > li.on > a > .title { color: var(--main-color); }
.index .section1 .tabItem > li.on { visibility:visible; opacity: 1; }

@media (max-width:1200px) {
	.index .section1 .tabItem > li img { max-width: 100%; }
}
@media (max-width:991px) {
	.index .section1 { padding: 3em 0; font-size: 0.7em; overflow: hidden; } /* 사이즈 조절 */
	.index .section1 .tabNav { transform:translateY(0); }
	.index .section1 .tabItem { width: 60vw; }
}

@media (max-width:480px) {
	.index .section1 { padding:0 0 2em; font-size: 0.9em; } /* 사이즈 조절 */
	.index .section1 .tabNav { padding-top: 82.29%; } 
	.index .section1 .tabNav > li { padding: 0.8em; }
	.index .section1 .tabNav > li > a > .title { margin-bottom: 0; transition:0.4s; }
	.index .section1 .tabNav > li > a > .text1 { visibility:hidden; opacity: 0; height: 0; transition:0.4s; }
	.index .section1 .tabNav > li > a > .text1 br { display: none; }


	.index .section1 .tabItem { width: 100%; height: 33.59%; }
	.index .section1 .tabItem > li { top: 0; transform:translateY(0); }

	.index .section1 .tabNav > li.on > a > .title { margin-bottom: 0.5333em; }
	.index .section1 .tabNav > li.on > a > .text1 { visibility:visible; opacity: 1; }
	.index .section1 .tabNav > li:nth-child(1).on > a > .text1 { height: 3em; }
	.index .section1 .tabNav > li:nth-child(2).on > a > .text1 { height: 4.5em; }
	.index .section1 .tabNav > li:nth-child(3).on > a > .text1 { height: 3em; }
	.index .section1 .tabNav > li.on > a > .text1.enV1 { height: 1em; }
}

/*
section2
section2의 사이즈는 (인덱스 폰트 사이즈 * n)한 것이다. 
현재는 인덱스 폰트 사이즈의 1배
*/
.index .section2 { font-size: 1em; background: #fbfbfb; } /* 사이즈 조절 */
.index .section2 .fp-tableCell { transform:translateY(44px); }
.index .section2 .titleAll { line-height: 1.3; margin-bottom: 1.2em; }
.index .section2 .btnV1 { margin-top: 2em; }


.index .section2 .btnV1 > a:before { top:calc( var(--y) - 44px ) } /* Y축 내려놓은 것 때문에 좌표 안 맞아서 내려놓은 만큼 뺌 */

@media (max-width:991px) {
	.index .section2 { padding: 3em 0; }
}



/*
section3
section3의 사이즈는 (인덱스 폰트 사이즈 * n)한 것이다. 
현재는 인덱스 폰트 사이즈의 1배
*/
.index .section3 { font-size: 1em; } /* 사이즈 조절 */
.index .section3 .fp-tableCell { transform:translateY(44px); }
.index .section3 .titleAll { line-height: 1.3; margin-bottom: 1.5142em; }
.index .section3 .btnV1 { margin-top: 2em; }


.index .section3 .btnV1 > a:before { top:calc( var(--y) - 44px ) } /* Y축 내려놓은 것 때문에 좌표 안 맞아서 내려놓은 만큼 뺌 */

@media (max-width:991px) {
	.index .section3 { padding: 3em 0; }
}
@media (max-width:480px) {
	.index .section3 .pic_lt_v1 ul { flex-wrap:wrap; }
	.index .section3 .pic_lt_v1 ul > li { flex:auto; width: 100%; }
}



/*
section4
section4의 사이즈는 (인덱스 폰트 사이즈 * n)한 것이다. 
현재는 인덱스 폰트 사이즈의 1배
*/
.index .section4 { font-size: 1em; background: #eee; } /* 사이즈 조절 */
.index .section4 .fp-tableCell { transform:translateY(44px); }
.index .section4 .titleAll { line-height: 1.3; margin-bottom: 2em; }
.index .section4 .btnV1 { margin-top: 4em; }


.index .section4 .btnV1 > a:before { top:calc( var(--y) - 44px ) } /* Y축 내려놓은 것 때문에 좌표 안 맞아서 내려놓은 만큼 뺌 */

@media (max-width:991px) {
	.index .section4 { padding: 3em 0; }
}




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



/*
푸터
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
*/
#footer { background: #000; font-size: var(--footer); padding: 2.3076em 0; }
#footer a { color: inherit; }
#footer .itemBox { display:grid; grid-template-columns:auto 3fr; }
#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; width: 16em; }
#footer .itemBox .textBox .listV1 { font-size: 1em; color: #fff; display:flex; gap:0.3846em; margin-bottom: 0.7692em; }
#footer .itemBox .textBox .listV2 { color: #959595; line-height: 1.6; font-size: 1em; }
#footer .itemBox .textBox .listV2 > li:not(.copy) { display:flex; gap:0.7em; }
#footer .itemBox .textBox .listV2 > li:not(.copy) > span:after { content: '|'; margin-left: 0.7em; }
#footer .itemBox .textBox .listV2 > li:not(.copy) > span:last-child:after{ display: none; }

@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: 'NEXON Lv1 Gothic OTF Light'; 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;
}

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