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

@font-face {
    font-family: 'GangwonEdu_OTFLightA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFLightA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SDSamliphopangche_Basic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Basic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

	--Pretendard : Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;

	--header-height: 120px;
}

@media (max-width:1200px) and (min-width:991px) {
	:root { --header-height: 60px; }
}
@media (max-width:991px) {/* 모바일 */
	:root { --header-height: 50px; }
}



.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: var(--Pretendard); word-wrap: break-word; word-break: keep-all;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family: var(--Pretendard); 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; float: none; }
.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; background: none; }



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



/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
.header_wrap { 
--transtion:0.4s;
--font-size:max(12px,1.25vw);
position:sticky; right:0; top:0; width:100%; z-index:2000; transition:var(--transtion); font-size: var(--font-size); background: var(--main-color);
font-family: var(--Pretendard);
}
.header_wrap > .containerV1 { height: var(--header-height); display:grid; align-items:center; transition:var(--transtion); }

#header { 
display:flex; align-items:flex-end; gap:3.45em;
}

/* 로고 */
#header .logo { width: 12.25em; }
#header .logo a { display: block; }

/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu .outer > li { position: relative; }
#h_menu .outer > li > a { display:block; font-size:inherit; font-weight:800; color: #000; }
/*---------------------------------------- //outer ---------------------------------------------*/

/* 아이콘 */
#header .iconBox { display:flex; gap:0.75em; }

/* 스크롤 */
.header_wrap.scroll > .containerV1 { font-size: 0.8em; height: calc( var(--header-height) - 40px ); }


@media (min-width:991px) {/* pc */
	

	/* pc - menu */
	/*---------------------------------------- pc - outer ---------------------------------------------*/
	#h_menu { display:flex; align-items:center; gap:1.54em; }
	#h_menu .outer { -ms-display:flex; display:flex; gap:3.3333em }

	#h_menu .outer > li > a { color: #fff; }
	#h_menu .outer > li > a .icon { display: none; }
	#h_menu .outer > li > a::before{
		content: "";
		position: absolute;
		width: 0%;
		height: 2px;
		background: #fff;
		top: 110%;
		transition: all 0.3s;
	}
	/*---------------------------------------- // pc -outer ---------------------------------------------*/

	/* 아이콘 */
	#header .iconBox > li > a { color: #fff; display: block; }

	/* pc - hover */
	#h_menu .outer > li:hover > a::before { width: 100%; }

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

@media (max-width:1200px) and (min-width:991px) {
	/* 스크롤 */
	.header_wrap.scroll > .containerV1 { height: calc( var(--header-height) - 10px ); }
}

@media (max-width:991px) {/* 모바일 */
	/* 스크롤 */
	.header_wrap.scroll > .containerV1 { height: calc( var(--header-height)); }

	#header { gap:2.8em; }

	#header .logo { order:2; }

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

	.menu_box { 
	--transition:0.4s;
	font-size: min(6.86vw,50px);
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:9999; background: #fff; transition:var(--transition); 
	transform:translateX(-100%);
	}

	/* 모바일닫기버튼 */
	.close_btn { 
	width:2em; height:2em; cursor:pointer; z-index: 9999; margin-bottom: 0.7em; transform:translateX(-20%);
	}
	.close_btn > i { display:block; color:#000; text-align:center; line-height:1em; font-size:2em; }

	#h_menu { 
	width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0;
	display:grid; align-items:start; align-content:start; padding:1em;
	}
	.menu_box #h_menu .outer { display:grid; padding-bottom: 1.5em; gap:0.7em; }

	/* 모바일메뉴박스 보이게 하는 클래스 */
	.menu_box.inactive { transform:translateX(0); } 

	/* on */
	.menu_box #h_menu .outer > li > a.on { color: var(--main-color); }
}

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



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/
/* 애니메이션 */
@keyframes index_section1_ani1 {
	0%{ transform:translateX(0); }
	100%{ transform:translateX(-397%); }
}

/* more */
@keyframes more1 {
	50% { transform: scale(1.1); }
}
#index .more1 { font-family: var(--Pretendard); font-size: min(4.57vw,25px); font-weight: 800; }
#index .more1 > a { display: inline-block; padding:0.45em 1.2em 0.55em; border-radius:2em; transition:0.4s; text-transform: uppercase; }

#index .more1[data-scroll='in'] a { animation-name: more1; animation-duration: 1s; }

/* 스크롤 애니메이션 */
@keyframes bulge {
	50% { transform: scale(1.5); }
}
#index .char {
  display: inline-block;
  animation-delay: calc(0.25s + var(--char-index) * 0.1s);
  transition: all 0.25s calc(0.25s + var(--char-index) * 0.1s);
}

.text--bulge[data-scroll='in'] .char {
	animation-name: bulge;
	animation-duration: 0.25s;
}

.text--fade { transition:1.5s; } 
.text--fade[data-scroll='out'] { opacity: 0.5; }

.img--scale { transition:2s; }
.img--scale[data-scroll='out'] { transform:scale(1.08); opacity: 0.3; }
/* //스크롤 애니메이션 */


/* section1 */
#index .section1 { 
padding:min(8.57vw,60px) 0 min(15vw,145px); position: relative; overflow: hidden; background: var(--main-color);
}
#index .section1 .slogan {
font-family: var(--Pretendard);
position: absolute; left: 0; top: 0; width: 100%; font-size: 160px; font-weight: 900; padding-top: 0.3em;
}
#index .section1 .slogan > p {
white-space: nowrap; 
position: relative; z-index: 1;
animation:index_section1_ani1 150s linear infinite;

}
#index .section1 .slogan .color1 { color: #ffdd4f; }
#index .section1 .slogan .color2 { color: #fefefe; }
#index .section1 .slogan .color3 { color: #ffdd4f; }
#index .section1 .slogan .color4 { color: #ffdd4f; }
#index .section1 .slogan .color5 { color: #fefefe; }
#index .section1 .slogan .color6 { color: #ffdd4f; }

/* 
grid-template-columns 퍼센트 부분 수정되면 이미지 너비값 체크해서(현재 1030)
위젯 basic-title -> $height1 의 너비 부분 수정하기
*/
#index .section1 .itemBox { 
--img-width:813;
display:grid; grid-template-columns:calc( var(--img-width) / var(--containerV1-width) * 100% ) 1fr; align-items:center; justify-content:center;
}
#index .section1 .itemBox > .textBox { font-size: min(8vw,80px); padding-left: 1em; padding-top: 2.5em; }
#index .section1 .itemBox > .textBox .title { 
font-family: var(--Pretendard); font-weight: 800; line-height: 1.3; padding-bottom: 0.1em;
color: #fff;
}
#index .section1 .itemBox > .textBox .text1 {
font-family: 'GmarketSansMedium'; color: #fff; line-height: 1.3; font-size: 0.5em; padding: 0.3em 0 1em;
}
#index .section1 .itemBox > .textBox .text2 { display:flex; align-items:center; padding-top: 0.5em; }
#index .section1 .itemBox > .textBox .text2 .more1 { margin-right: 1em; }
#index .section1 .itemBox > .textBox .text2 .more1 > a { background: #ffdf5c; color: #113f21; border: 2px solid transparent; }
#index .section1 .itemBox > .textBox .text2 .more1 > a:hover  { border-color: #fff; background: transparent; color: #fff; }
#index .section1 .itemBox > .textBox .text2 .iconBox { display:flex; gap:0.45em; transform:translateY(-10%); }

/* section1 - 스크롤 애니메이션 */
#index .section1[data-scroll] .itemBox > .textBox { transform:translateX(3%); transition:1s; transition-delay:0.5s; }
#index .section1[data-scroll ='in'] .itemBox > .textBox { transform:translateX(0); }



@media (max-width:1400px) {
	#index .section1 .slogan { font-size: min(17.14vw,130px); padding-top: 0.4em; }	
	#index .section1 .itemBox > .textBox { padding-left: 0.5em; }
	#index .section1 .itemBox > .textBox > .title { font-size: 0.9em; }
	#index .section1 .itemBox > .textBox > .text1 { font-size: 0.45em; }
	#index .section1 .itemBox > .textBox .text2 .more1 > a { font-size: 0.8em; }
}
@media (max-width:1200px) {
	#index .section1 .itemBox > .textBox > .title { font-size: 0.8em; }
	#index .section1 .itemBox > .textBox > .text1 { font-size: 0.4em; }
	#index .section1 .itemBox > .textBox .text2 .more1 > a { font-size: 0.7em; }
}
@media (max-width:991px) {
	#index .section1 .itemBox { grid-template-columns:1fr; }
	#index .section1 .itemBox > .textBox { padding-top: 1em; }
}
@media (max-width:768px) {
	#index .section1 .itemBox > .textBox > .title { font-size: 1em; }
	#index .section1 .itemBox > .textBox > .text1 { font-size: 0.5em; }
	#index .section1 .itemBox > .textBox .text2 .more1 > a { font-size: 0.8em; }
	#index .section1 .itemBox > .textBox .text2 .iconBox > li { width: 40px; }
}


/* section3 */
#index .section3 { 
padding: min(20.71vw,180px) 0 min(28.57vw,200px); position: relative; overflow: hidden; background: #113f21;
}
#index .section3:before { 
content: ''; position: absolute; left: 0; bottom: 0; width: 0; padding-bottom: 21.88%; background: #80a242; transition:3s; transition-delay:0.5s;
}
#index .section3 > .containerV1 { position: relative; }
/* 나뭇잎 */
#index .section3 > .containerV1 > .imgV1 { position: absolute; right: 0; bottom: 0; transform:translateY(60%); }
#index .section3 .title1 {
font-family: 'GmarketSansBold'; font-size: min(10vw,80px); text-transform: uppercase; color: #b4ca6e; line-height: 1.3; padding-bottom: 1.1em;
transform:translateY(100%); transition:1s; transition-delay:0.5s; opacity: 0;
}

/* 
grid-template-columns 퍼센트 부분 수정되면 이미지 너비값 체크해서(현재 1030)
위젯 basic-title-index-section3 -> $height1 의 너비 부분 수정하기
*/
#index .section3 .itemBox { display:grid; grid-template-columns:64.38% 1fr; align-items:center; position: relative; }
#index .section3 .itemBox > .textBox { font-size: min(8vw,50px); padding-left: 0.9em; }
#index .section3 .itemBox > .textBox .title { 
font-family: var(--Pretendard); font-weight: bold; color: #cbcf1d; line-height: 1.3; padding-bottom: 0.1em;
}
#index .section3 .itemBox > .textBox .text1 {
font-family: var(--Pretendard); color: #fcd98f; line-height: 1.4; font-size: 0.7em; padding: 0.3em 0 1.5em; font-weight: 500;
}
#index .section3 .itemBox > .textBox .text1 > span { font-size: 1.28em; font-weight: bold; }
#index .section3 .itemBox > .textBox .more1 { padding-top: 1.5em; }
#index .section3 .itemBox > .textBox .more1 > a { background: #ffdf5a; color: #113f21; border: 2px solid transparent; }
#index .section3 .itemBox > .textBox .more1 > a:hover { color: #ffdf5a; border-color: #ffdf5a; background: #113f21; }

/* section3 - 스크롤 애니메이션 */
#index .section3[data-scroll ='in'] .title1 { transform:translateY(0); opacity: 1; }
#index .section3[data-scroll ='in']:before { width: 50%; }
#index .section3[data-scroll] .itemBox > .textBox { transform:translateX(3%); transition:1s; transition-delay:0.5s; }
#index .section3[data-scroll ='in'] .itemBox > .textBox { transform:translateX(0); }

@media (max-width:1630px) {
	#index .section3 > .containerV1 > .imgV1 { right: 5%; }
}
@media (max-width:1400px) {
	#index .section3 .itemBox { grid-template-columns:58% 1fr; }
}
@media (max-width:1200px) {
	#index .section3 .itemBox { grid-template-columns:54% 1fr; }
	#index .section3 .itemBox > .textBox > .title { font-size: 0.9em; }
	#index .section3 .itemBox > .textBox > .text1 { font-size: 0.6em; padding-bottom: 1em; }
	#index .section3 .itemBox > .textBox .more1 { padding-top: 1em; }
	#index .section3 .itemBox > .textBox .more1 > a { font-size: 0.8em; }
}
@media (max-width:991px) {
	#index .section3 .itemBox { grid-template-columns:1fr; }
	#index .section3:before { left: auto; right: 0; bottom: auto; top: 55%; width: 30%; }
	#index .section3 .itemBox > .textBox { padding-top: 1em; }
}

@media (max-width:768px) {
	#index .section3:before { top: 47%; }
	#index .section3 > .containerV1 > .imgV1 { max-width: 200px; }
}
@media (max-width:580px) {
	#index .section3 > .containerV1 > .imgV1 { max-width: 160px; }
}


/* section4 */
#index .section4 { 
position: relative; background: #531f75;
}
#index .section4:before { 
content: ''; position: absolute; right: 0; bottom: 0; width: 0; padding-bottom: 21.88%; background: #cdacd0; transform:translateY(15%); z-index: 1;
transition:2s; transition-delay:0.5s;
}
#index .section4 .titleBox { background: #fff; font-size: min(8vw,50px); padding: 1em 0; text-align: right; position: relative; }
#index .section4 .titleBox:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ffdf5c; transition:2s; }
#index .section4 .titleBox[data-scroll ='out']:after { width: 0; }
#index .section4 .titleBox .text { font-family: 'GmarketSansBold'; color: #799b3c; padding-top: 0.5em; position: relative; z-index: 1; }

/* 
grid-template-columns 퍼센트 부분 수정되면 이미지 너비값 체크해서(현재 1030)
위젯 basic-title-index-section4 -> $height1 의 너비 부분 수정하기
*/
#index .section4 .itemBox { 
display:grid; grid-template-columns:1fr 64.38%; align-items:center; position: relative; 
padding: min(14.29vw,100px) 0 max(40px,7.81vw);
}
#index .section4 .itemBox > .textBox { font-size: min(8vw,50px); padding-right: 0.4em; }
#index .section4 .itemBox > .textBox .text1 {
font-family: var(--Pretendard); color: #fff; line-height: 1.4; font-size: 0.7em; padding: 0.3em 0 1.5em; font-weight: 500;
text-align: center;
}
#index .section4 .itemBox > .textBox .text1 > span { font-size: 1.28em; font-weight: bold; color: #ffe692; }
#index .section4 .itemBox > .textBox .more1 { padding-top: 1.5em; text-align: center; }
#index .section4 .itemBox > .textBox .more1 > a { background: #60b584; color: #f9f2b5; border: 2px solid transparent; }
#index .section4 .itemBox > .textBox .more1 > a:hover { border-color: #f9f2b5; background: transparent; }

#index .section4 .itemBox > .img { position: relative; z-index: 2; }

/* section4 - 스크롤 애니메이션 */
#index .section4[data-scroll ='in']:before { width: 50%; }

@media (max-width:1600px) {
	#index .section4:before { padding-bottom: 36.88%; }
}

@media (max-width:1200px) {
	#index .section4 .itemBox > .textBox > .title { font-size: 0.9em; }
	#index .section4 .itemBox > .textBox > .text1 { font-size: 0.6em; padding-bottom: 1em; }
	#index .section4 .itemBox > .textBox .more1 { padding-top: 1em; }
	#index .section4 .itemBox > .textBox .more1 > a { font-size: 0.8em; }
}
@media (max-width:991px) {
	#index .section4 .itemBox { grid-template-columns:1fr; }
	#index .section4 .itemBox > .textBox { padding-bottom: 1em; padding-right: 0; }
}
@media (max-width:768px) {
	#index .section4 .itemBox > .textBox > .text1 { text-align: right; }
	#index .section4 .itemBox > .textBox .more1 { text-align: right; }
}
@media (max-width:580px) {
	#index .section4:before { padding-bottom: 40%; transform:translateY(30%); }
}

/* section5 */
#index .section5 { 
position: relative; background: #fcf5da;
}
/* 
grid-template-columns 퍼센트 부분 수정되면 이미지 너비값 체크해서(현재 772)
위젯 basic-title-index-section5-img1,2 -> $height1 의 너비 부분 수정하기
*/
#index .section5 .itemBox { 
display:grid; grid-template-columns:1fr 48.25%; align-items:end; gap:6.88%; transform:translateY(20%); position: relative; z-index: 2;
}
#index .section5 .itemBox > .inner .textBox { padding-left: 8%; padding-bottom: 8%; }
#index .section5 .itemBox > .inner .title {
font-family: 'GmarketSansBold'; font-size: min(10vw,90px); text-transform: uppercase; color: #113f21; line-height: 1.3; padding-bottom: 0.1em;
}
#index .section5 .itemBox > .inner .text1 {
font-family: 'GmarketSansMedium'; font-size: min(4.29vw,30px); color: #727170; line-height: 1.4; padding: 0.2em 0 1em;
}
#index .section5 .itemBox > .inner .text1 .color { color: #7da03d; font-size: 1.05em; }
#index .section5 .itemBox > .inner .more1 > a { background: #ffdf5c; color: #113f21; border: 2px solid transparent; }
#index .section5 .itemBox > .inner .more1 > a:hover { border-color: #113f21; background: transparent; }

#index .section5 .itemBox > .inner .img1 { box-shadow:15px 15px 15px rgba(0,0,0,0.3); }


#index .section5 .itemBox > .img2 { box-shadow:15px 15px 6px rgba(0,0,0,0.25); }

@media (max-width:1200px) {
	#index .section5 .itemBox { gap:4%; grid-template-columns:1.2fr 1fr; }
	#index .section5 .itemBox > .inner .more1 > a { font-size: 0.8em; }
}
@media (max-width:680px) {
	#index .section5 .itemBox { grid-template-columns:1fr; transform:translateY(5%); }
}
@media (max-width:580px) {
	#index .section5 { padding-top: 12vw; }
}

/* section6 */
#index .section6 { 
position: relative; background: #7da03d; padding-top: min(42.86vw,400px); padding-bottom: min(15vw,130px);
}
#index .section6 .title {
font-family: 'GmarketSansBold'; font-size: min(10vw,90px); text-transform: uppercase; color: #fadb5a; line-height: 1.3; padding-bottom: 1em;
text-align: right;
}




/* section7 */
#index .section7{ 
position: relative; background: var(--main-color); padding: min(11.43vw,70px) 0 min(15vw,150px);
}
#index .section7 .title {
font-family: var(--Pretendard); font-size: min(10vw,80px); text-transform: uppercase; color: #ffdf5c; line-height: 1.3; padding-bottom: 0.8em;
text-align: center; font-weight: 900;
}

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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
#footer { 
--footer-color:#fff;
background: var(--main-color); border-top: 1px solid var(--footer-color); 
}
#footer a { color: var(--footer-color); }
#footer > .containerV1 { padding: min(8.57vw,80px) 40px; }

#footer .itemBox { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }


/* footer - 왼쪽 */
#footer .itemBox > .item1 { font-size: min(3.43vw,16px); color: var(--footer-color); font-weight: 300; }

/* footer - 왼쪽 - 로고 */
#footer .itemBox > .item1 .f_logo { width: 277px; margin-bottom: 50px; }

/* footer - 왼쪽 - 개인정보처리방침... */
#footer .itemBox > .item1 .info { display:flex; flex-wrap:wrap; font-size: 1.1em; margin-bottom: 0.5em; }
#footer .itemBox > .item1 .info > li { position: relative; }
#footer .itemBox > .item1 .info > li:before { 
content:''; position:absolute; right:0.5em; top:50%; transform:translateY(-45%); width:1px; height:0.8em; background:var(--footer-color); 
}
#footer .itemBox > .item1 .info > li:last-child:before { display:none; }
#footer .itemBox > .item1 .info > li > a { 
display:block; color:var(--footer-color1); line-height:1.8; margin-right:1.3em; 
}  

/* footer - 왼쪽 - text */
#footer .itemBox > .item1 .text { display:flex; flex-wrap:wrap; gap:0 0.7em; }
#footer .itemBox > .item1 .text > span { 
position: relative; font-weight: inherit; line-height: 1.6; display:flex; flex-wrap:wrap; align-items:center; gap:0 0.7em;
}
#footer .itemBox > .item1 .text > span:after { 
content:''; display: block; width:1px; height:0.8em; background:var(--footer-color); 
}
#footer .itemBox > .item1 .text > span:last-child:after { display:none; }
#footer .itemBox > .item1 .text.admin { margin-top: 1em; }

/* footer - 오른쪽 */
#footer .itemBox > .item2 { color: var(--footer-color); text-align: right; }
#footer .itemBox > .item2 .line1 { font-size: min(3.43vw,18px); margin-bottom: 1.2em; }
#footer .itemBox > .item2 .line1 > .text1 { font-size: 1.6667em; font-weight: bold; margin-right: 0.1em; }

/* footer - 오른쪽 - sns */
#footer .itemBox > .item2 .snsBox { display:flex; align-items:center; justify-content:flex-end; gap:30px; }
#footer .itemBox > .item2 .snsBox > li.kakao { width: 28px; }
#footer .itemBox > .item2 .snsBox > li.instar { width: 21px; }
#footer .itemBox > .item2 .snsBox > li.facebook { width: 20px; }
#footer .itemBox > .item2 .snsBox > li.mail { width: 22px; }
#footer .itemBox > .item2 .snsBox > li > a { display: block; }
#footer .itemBox > .item2 .snsBox > li > a:hover path { fill:#ffce00; }

/* footer  - 오른쪽 - sns - Tooltip */
#footer .itemBox > .item2 .snsBox > li > a + .tooltip > .tooltip-inner {
    background-color: #fff; 
    color: #ec6706; 
    padding: 0.4em 0.67em 0.3em;
    font-size: 12px;
}
#footer .itemBox > .item2 .snsBox > li > a + .tooltip.bottom > .tooltip-arrow { border-bottom: 5px solid #fff; }

/* footer  - 하단 - 카피라이트 */
#footer .copyright { background: #ffb400; color: var(--footer-color); text-align: center; font-size: min(2.86vw,16px); padding: 0.8em 0 0.9em; }

@media (max-width:991px) {
	#footer .itemBox { gap:15px; }
	#footer .itemBox > .item1 .f_logo { width: 240px; }
	#footer .itemBox > .item1 .info { font-size: 1em; font-weight: 500; }
	#footer .itemBox > .item1 .text { display:grid; }
	#footer .itemBox > .item1 .text > span { display: block; }
	#footer .itemBox > .item1 .text > span:after { display: none; }
}

@media (max-width:768px) {
	#footer { border-top: none; }
	#footer .itemBox { gap:15px; grid-template-columns:1fr; }
	#footer > .containerV1 { padding: 0 0 min(8.57vw,80px); }
	#footer .itemBox > .item1 .f_logo { display: none; }

	#footer .itemBox > .item1 .info {
	background: #ffdd4f; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.9em; 
	color: #7650b8; text-align: center;
	}
	#footer .itemBox > .item1 .info > li { width:50%; }
	#footer .itemBox > .item1 .info > li.li1 { order:1; }
	#footer .itemBox > .item1 .info > li.li2 { order:4; }
	#footer .itemBox > .item1 .info > li.li3 { order:3; }
	#footer .itemBox > .item1 .info > li.li4 { order:2; }
	#footer .itemBox > .item1 .info > li:before { right: 0; background: #7650b8; }
	#footer .itemBox > .item1 .info > li:nth-child(2n):before { display:none; }
	#footer .itemBox > .item1 .info > li > a { margin-right: 0; font-weight: bold; }

	#footer .itemBox > .item1 .contents { padding:1.5em 1em; }
	#footer .itemBox > .item1 .text { display:grid; grid-template-columns:1fr 2fr; }

	#footer .itemBox > .item2 { text-align: left; padding: 0 1em; }
	#footer .itemBox > .item2 .snsBox { justify-content:flex-start; gap:20px }
	#footer .itemBox > .item2 .snsBox > li > a { width: 90%; margin: 0 auto; }
}

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








/* 서브페이지 패딩 */
.tmt_sub_frame { padding:min(11.43vw,70px) 0 min(14.29vw,100px); min-height: 70vh; }


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.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; }