@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&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; 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; }

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

	--main-color : #c7161d; /* mainColor */		
}

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

/* 스크롤 막기 (모바일 메뉴 열었을 때 적용) */
.scrollDisable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/* 페이지 스크롤 아래 화살표 애니메이션 */
@keyframes title_ani_scroll {
	0% { transform:translateY(0); }
	50% { transform:translateY(-10%); }
	100% { transform:translateY(10%); }
}

/* 배경이미지 애니메이션 */
@keyframes scale_ani1 {
	50% { transform:scale(1.04); }
}

@keyframes page_first_section_ani {
	0% { opacity: 0; transform:translate(-50%,-40%); }
	100% { opacity: 1; transform:translate(-50%,-70%); }
}

/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
#header { 
--height: 100px;
--color-hover:#535353;
--transition:0.4s;
position: fixed; left: 0; top: 0; width: 100%; z-index: 2000; font-size: min(4.57vw,18px); transition:var(--transition);
}
/* 헤드 - 바텀 라인 */
#header:after { 
content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; opacity: 0;
transition:var(--transition);
}
#header > .containerV1 { display:flex; justify-content:space-between; align-items:center; }

/* 로고 */
.logo { width: 230px; }
.logo a { 
display: block; width: 100%; padding-bottom:10%; background-repeat: no-repeat; background-position: center; background-size:cover;
background-image:url(./img/logo.png); transition:var(--transition);
}

/* 메뉴 */
.menuBox .containerV1 { display:flex; align-items:center; max-width: initial; padding: 0; }
/* 메뉴 - 대메뉴 */
.menuBox #head_menu .outer { display:flex; }
.menuBox #head_menu .outer > li { position: relative; }
.menuBox #head_menu .outer > li > a { 
--outer-pd:2.22em;
display: flex; align-items:center; color: #fff; font-weight: 500; padding:0 var(--outer-pd); transition:var(--transition);
position: relative;
}
/* 메뉴 - 소메뉴 */
.menuBox #head_menu .sub_menu { 
width: 100%; font-size: 0.85em; display:grid; align-content:start; gap:1.2em; padding: 1.5em 0;
transition:calc(var(--transition) / 2);
}
.menuBox #head_menu .sub_menu > li { position: relative; z-index: 1; }
.menuBox #head_menu .sub_menu > li > a { display: block; color: var(--color-hover); white-space:nowrap; line-height: 1.4; }
.bg_subMenu { position: absolute; left: 0; top: 100%; width: 100%; height: 0; background: #fff; transition:calc(var(--transition) / 2); }

/* sns */
.menuBox .snsList { display:flex; padding-left: 1.4em; gap:1em; }
.menuBox .snsList > li { width: 28px; }
.menuBox .snsList > li > a { 
display: block; width: 100%; padding-bottom:71.43%; background-repeat: no-repeat; background-position: center; background-size:cover;
transition:var(--transition);
}
.menuBox .snsList > li.instar > a { background-image:url(./img/sns_icon_01.png); }
.menuBox .snsList > li.youtube > a { background-image:url(./img/sns_icon_02.png); }
.menuBox .snsList > li.naver > a { background-image:url(./img/sns_icon_03.png); }

/* 스크롤 효과 */
#header.scroll { top: calc( 0px - var(--height) ); transition-delay:0s; }


@media (min-width:991px) {/* pc */
	#header { transition-delay:calc(var(--transition) / 2); }

	.logo a { transition-delay:calc(var(--transition) / 2); }

	.menuBox #head_menu .outer > li > a { height: var(--height); transition-delay:calc(var(--transition) / 2); }
	.menuBox #head_menu .outer > li > a:after { 
	content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--main-color); opacity: 0;
	transition:var(--transition); z-index: 2001;
	}

	.menuBox #head_menu .sub_menu { 
	position: absolute; left: 0; top: 100%; text-align: center; opacity:0; visibility:hidden;
	transition-delay:0s; 
	}
	.menuBox #head_menu .sub_menu:after { 
	content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f4f4f4; opacity: 0; transition:var(--transition); 
	}
	.bg_subMenu { transition-delay:calc(var(--transition) / 2);  }

	.menuBox .snsList { padding-left: 0; }
	.menuBox .snsList > li > a { transition-delay:calc(var(--transition) / 2); }

	/* hover */
	.menuBox #head_menu .outer > li:hover .sub_menu:after  { opacity: 1; }
	:is(#header, #header.hover) .menuBox #head_menu .outer > li:hover > a { color: var(--main-color); }
	.menuBox #head_menu .outer > li:hover > a:after { opacity: 1; }
	.menuBox #head_menu .sub_menu > li > a:hover { color: var(--main-color); }

	/* on */
	:is(#header, #header.hover) .menuBox #head_menu .outer > li > a.on { text-decoration: underline; text-underline-position: under; }

	/* 
	마우스 진입 및 아웃 효과
	효과 시간을 변경하고 싶을 시 #header { --transition } 을 수정하면 됩니다.
	transition과 transition-delay를 적용시켰으므로 수정시 이해가 잘 안가면 transition과 transition-delay를 모두 주석처리 하고 비교해보면 됩니다.
	*/
	#header.hover { background: #fff; transition-delay:0s; }
	#header.hover:after { opacity: 1; }
	#header.hover .logo a { background-image:url(./img/logo_hover.png); transition-delay:0s; }
	#header.hover .menuBox #head_menu .outer > li > a { color: var(--color-hover); padding:0 calc(var(--outer-pd) * 1.8); transition-delay:0s; }
	#header.hover .menuBox #head_menu .sub_menu { opacity:1; visibility:visible; transition-delay:calc(var(--transition) / 2); }
	#header.hover .bg_subMenu { transition-delay:0s; }
	#header.hover .menuBox .snsList > li.instar > a { background-image:url(./img/sns_icon_hover_01.png); transition-delay:0s; }
	#header.hover .menuBox .snsList > li.youtube > a { background-image:url(./img/sns_icon_hover_02.png); transition-delay:0s; }
	#header.hover .menuBox .snsList > li.naver > a { background-image:url(./img/sns_icon_hover_03.png); transition-delay:0s; }
}

@media (max-width:1430px) and (min-width:991px) {
	.logo { width: 200px; }
	.menuBox #head_menu .outer > li > a { 
	--outer-pd:2em;
	font-size: 0.9em; 
	}
	.menuBox #head_menu .sub_menu { font-size: 0.8em; }
}
@media (max-width:1200px) and (min-width:991px) {
	.logo { width: 160px; }
	.menuBox #head_menu .outer > li > a { 
	--outer-pd:1.8em;
	font-size: 0.8em; 
	}
	.menuBox #head_menu .sub_menu { font-size: 0.7em; }

	.menuBox .snsList { padding-left: 0.4em; gap:0.5em; }
	.menuBox .snsList > li { width: 20px; }
}

@media (max-width:991px) {/* 모바일 */
	#header { --height:50px; }
	#header > .containerV1 { height: var(--height); }

	.logo { width: 190px; }

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

	.menuBox { 
	position: fixed; right: 0; top: 0; width: 18em; height: 100%; z-index:9999; background: #fff; transform:translateX(100%); transition:var(--transition); 
	}

	/* 모바일닫기버튼 */
	.close_btn { position: absolute; right: 5px; top: 5px; width:40px; height:40px; cursor:pointer; background: #000; border-radius:5px; z-index: 9999; }
	.close_btn > i { display:block; color:#fff; text-align:center; line-height:40px; font-size:25px; }

	.menuBox .containerV1 { 
	width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0;
	display:grid; align-items:start; align-content:start; padding: 0 15px;
	}
	.menu_box_bg { position: absolute; right: 0; top: 0; z-index:8000; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); }

	.menuBox #head_menu .outer > li > a { 
	--outer-pd:1.4em;
	color: #000; display: block;
	}
	.menuBox #head_menu .outer > li > a .icon { position: absolute; left: 0; top: 0.2em; width: 1em; opacity: 0.6; }
	.menuBox #head_menu .outer > li > a .icon:after { 
	content: ''; position: absolute; left: 0; top: 0; width: 100%; padding-bottom: 59.46%; 
	background: url(./img/head_icon1.png) no-repeat center / cover;
	}
	.menuBox #head_menu .outer { display:grid; padding-top: 2em; }

	.menuBox #head_menu .sub_menu {
	--submenu-pl : 1.6em; 
	padding: 1.2em 0 1em; margin-bottom: 1.5em;
	padding-left: var(--submenu-pl); gap:0.5em 1em; position: relative; 
	}
	.menuBox #head_menu .sub_menu:after {
	content: ''; position: absolute; left: var(--submenu-pl); bottom: 0; width: calc(100% - var(--submenu-pl) ); height: 1px; background: #ddd; 
	}

	/* 소메뉴 그룹별 레이아웃 */
	.menuBox #head_menu .outer > li.g01 .sub_menu { grid-template-columns:repeat(3,1fr); }
	.menuBox #head_menu .outer > li.g02 .sub_menu br { display: none; }
	.menuBox #head_menu .outer > li.g03 .sub_menu { grid-template-columns:repeat(2,auto); }
	.menuBox #head_menu .outer > li.g04 .sub_menu { grid-template-columns:repeat(2,1fr); }
	.menuBox #head_menu .outer > li.g05 .sub_menu { grid-template-columns:repeat(2,auto); }

	.menuBox .snsList { padding-left: 1.3em; gap:1.4em; padding-bottom: 2em; }
	.menuBox .snsList > li.instar > a { background-image:url(./img/sns_icon_hover_01.png); }
	.menuBox .snsList > li.youtube > a { background-image:url(./img/sns_icon_hover_02.png); }
	.menuBox .snsList > li.naver > a { background-image:url(./img/sns_icon_hover_03.png); }

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

	/* on */
	.menuBox #head_menu .outer > li > a.on .icon { opacity: 1; }
}

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



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

/* 인덱스 타이틀 */
@keyframes slide-up {
	from {
		transform: translateY(10px);
		opacity: 0;
	}
}
@keyframes slide-in {
	from {
		transform: translateY(-10px);
		opacity: 0;
	}
}

#index .titleBox { font-size: min(3.71vw,20px); }
#index .titleBox .title { font-size: 1.5em; font-weight: bold; line-height: 1.4; }
#index .titleBox .text1 { font-size: 0.8em; line-height: 1.6; }
@media (max-width:768px) {
	#index .titleBox .text1 { font-size: 1em; }
	#index .titleBox .text1 br { display: none; }
}

/* 인덱스 타이틀 스크롤 애니메이션 */
#index .section[data-scroll='in'] .titleBox .title .char {
	animation: slide-up 1.6s cubic-bezier(.2, 0, .1, 1) both;
	animation-delay: calc(10ms * var(--char-index));
	will-change:transform;
	transform-origin: top left;
}

#index .section[data-scroll='in'] .titleBox .text1 .char {
	animation: slide-in 1.6s cubic-bezier(.2, 0, .1, 1) both;
	animation-delay: calc(10ms * var(--char-index));
	will-change:transform;
	transform-origin: top left;
}





/* 인덱스 더보기 */
#index .moreV1 { text-transform: uppercase; font-size: min(3.71vw,15px); transition:1.2s; }
#index .moreV1 a { color: inherit; padding: inherit; display: inline-block; padding: 0.7em 3.5em 0.85em; transition:0.4s; }

#index .moreV1[data-scroll='out'] { opacity: 0; }



/* section2 */
#index .section2 { 
position: relative; padding-bottom: 46.51%; background: url(./img/index_section2_bg.jpg) no-repeat center / cover; 
background-attachment: fixed;
}

#index .section2 .titleBox { 
position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center; width: 100%; color: #fff;
}
#index .section2 .titleBox .title { padding-bottom: 0.4em; }
#index .section2 .titleBox .text1 { padding-bottom: 2em; }
#index .section2 .moreV1 a { border: 1px solid #fff; }

/* hover */
#index .section2 .moreV1 a:hover { 
border-color: var(--main-color); background: var(--main-color); box-shadow:0 0.3em 0.3em rgba(0,0,0,0.5);
transform:translateY(-0.2em);
}
@media (max-width:991px) {
	#index .section2 { padding-bottom: 75.68%; background: url(./img/index_section2_bg_mob.jpg) no-repeat center / cover; }
}


/* section3 */
#index .section3 { 
--transition:0.4s;
padding: min(14.29vw,110px) 0 min(14.29vw,100px); 
}
#index .section3 .containerV1 { display:grid; grid-template-columns:2fr 1fr; align-items:center; gap:40px; }
#index .section3 .img { overflow: hidden; order:1; position: relative; }
#index .section3 .img span {
--size:6px;
--size1:0;
position: absolute; background: var(--main-color); z-index: 1; opacity: 0.85; transition:var(--transition); transition-delay:var(--transition);
}
/*#index .section3 .img span.line1 { left: 0; top: 0; width: var(--size1); height: var(--size); }*/
/*#index .section3 .img span.line2 { right: 0; top: 0; width: var(--size); height:var(--size1); }*/
/*#index .section3 .img span.line3 { right: 0; bottom: 0; width: var(--size1); height: var(--size); }*/
/*#index .section3 .img span.line4 { left: 0; bottom: 0; width: var(--size); height: var(--size1); }*/
#index .section3 .img img { transition:var(--transition); }
#index .section3 .titleBox { transition:var(--transition); padding: 1em; order:2; z-index:2; }
#index .section3 .titleBox .title { color: var(--main-color); padding-bottom: 0.5em; }
#index .section3 .titleBox .text1 { padding-bottom: 1.5em; }
#index .section3 .titleBox .moreV1 { margin-left: 0.4vw; }
#index .section3 .titleBox .moreV1 a { background: var(--main-color); color: #fff; transition:var(--transition); }

/* hover */
#index .section3 .titleBox:hover {
background: #fff; transform:translateX(-20%);
}
#index .section3 .titleBox:hover ~ .img span { --size1: 100%; }
#index .section3 .titleBox:hover ~ .img img { transform:scale(1.1); }
#index .section3 .titleBox:hover .moreV1 a { box-shadow:0 0.3em 0.3em rgba(0,0,0,0.5); transform:translateY(-0.3em); }

/* 스크롤애니메이션 */
#index .section3 .img { transition:1s linear; }
#index .section3 .img[data-scroll="out"] { opacity: 0; transform:translateY(5%); }

@media (max-width:1200px) {
	#index .section3 .containerV1 { grid-template-columns:1.5fr 1fr; gap:15px; }
}
@media (max-width:991px) {
	#index .section3 .containerV1 { grid-template-columns:1fr; gap:20px; }
	#index .section3 .img span { --size:4px; }
	#index .section3 .titleBox:hover { transform:translateX(0); }
}

/* section4 */
#index .section4 {
--transition:0.4s;
padding: min(14.29vw,100px) 0 min(14.29vw,120px); background: #f9f9f9;
}
#index .section4 .titleBox { text-align: center; padding-bottom: 2em; }
#index .section4 .titleBox .title { color: var(--main-color); padding-bottom: 0.4em; }

#index .section4 .itemBox { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
#index .section4 .itemBox > li { background: #ccc; overflow: hidden; }
#index .section4 .itemBox > li > a { 
display: block; position: relative; background-repeat: no-repeat; background-position:center; background-size:100%;
color: #fff; transition:var(--transition);
}
#index .section4 .itemBox > li > a .textBox { position: absolute; left: 0; top: 0; padding: 25px 30px; }
#index .section4 .itemBox > li > a .textBox .text1 { font-size: min(4.57vw,25px); font-weight: bold; padding-bottom: 0.4em; }
#index .section4 .itemBox > li > a .textBox .text2 { font-size: min(3.14vw,15px); line-height: 1.5; padding-bottom: 1.4em; }
#index .section4 .itemBox > li > a .textBox .moreV1 { border: 1px solid #fff; display: inline-block; padding: 0.7em 3.5em 0.85em; transition:var(--transition); }

#index .section4 .itemBox > li.item1 { grid-row:1/3; }
#index .section4 .itemBox > li.item1 > a { padding-bottom: 102.02%; background-image: url(./img/index_section4_img1.jpg); }
#index .section4 .itemBox > :is(li.item2,li.item3) > a { padding-bottom: 49.57%; }
#index .section4 .itemBox > li.item2 > a { background-image: url(./img/index_section4_img2.jpg); }
#index .section4 .itemBox > li.item3 > a { background-image: url(./img/index_section4_img3.jpg); }

/* hover */
#index .section4 .itemBox > li > a:hover { background-size:105%; }
#index .section4 .itemBox > li > a:hover .textBox .moreV1 {
box-shadow:0 0.3em 0.3em rgba(0,0,0,0.5); transform:translateY(-0.3em); border-color: var(--main-color); background: var(--main-color);
}

/* section4 - 스크롤 애니메이션 */
#index .section4 .itemBox > li { transition:0.6s linear; transition-delay:calc(var(--i) * 0.1s); }
#index .section4 .itemBox > li[data-scroll='out'] { opacity: 0; transform:translateY(5%); }
#index .section4 .itemBox > li > a .textBox { transition:0.6s linear; transition-delay:calc(var(--i) * 0.1s); }
#index .section4 .itemBox > li[data-scroll='out'] > a .textBox { transform:translateY(10%); }

@media (max-width:1200px) {
	#index .section4 .itemBox > li > a .textBox .text2 br { display: none; }
}
@media (max-width:991px) {
	#index .section4 .itemBox { grid-template-columns:1fr; max-width: 692px; margin: 0 auto; }
}
@media (max-width:580px) {
	#index .section4 .itemBox > li > a .textBox { padding: 15px 20px; }
	#index .section4 .itemBox > li > a .textBox .moreV1 { padding: 0.5em 1em 0.65em; }
}

/* section5 */
#index .section5 {
--transition:0.4s;
padding: min(11.43vw,70px) 0 min(14.29vw,100px); 
}
#index .section5 .titleBox {
border-bottom: 1px solid #dcdcdc; display:grid; grid-template-columns:1fr auto; align-items:center; margin-bottom: 1.25em; gap:0 1em; padding-bottom: 0.4em;
}
#index .section5 .titleBox .title { color: var(--main-color); padding-bottom: 0.1em; grid-column:1/3; }
#index .section5 .titleBox .moreV2 { transform:translateY(-0.125em); font-size: min(5.71vw,40px); }
#index .section5 .titleBox .moreV2 a { color: #e8e8e8;  }

#index .section5 .containerV1 { transition:1s linear; }
#index .section5 .containerV1[data-scroll="out"] { opacity: 0; transform:translateY(2%); }

@media (max-width:1200px) {
	#index .section5 .titleBox .title { padding-bottom: 0.4em; }
}

/* section6 */
#index .section6 { 
--transition:0.4s;
padding: min(20vw,170px) 0; 
background: url(./img/index_section6_bg.jpg) no-repeat center / cover; 
}
#index .section6 .titleBox { text-align: center; padding-bottom: 2em; color: #fff; }
#index .section6 .titleBox .title { padding-bottom: 0.4em; }

#index .section6 .itemBox { display:grid; grid-template-columns:repeat(4,1fr); font-size: min(4vw,20px); gap:0.6em; }
#index .section6 .itemBox > li { position: relative; padding-bottom: 85.43%; }
#index .section6 .itemBox > li > a { 
position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; 
display: grid; justify-items:center; align-content:center;
color: #fff; transition:var(--transition);
}
#index .section6 .itemBox > li > a .line {
--size:1px;
--size1:0;
position: absolute; background: #fff; z-index: 1; opacity: 1; transition:var(--transition); transition-delay:calc(200ms * var(--i));
}
#index .section6 .itemBox > li > a .line1 { left: 0; top: 0; width: var(--size1); height: var(--size); }
#index .section6 .itemBox > li > a .line2 { right: 0; top: 0; width: var(--size); height:var(--size1); }
#index .section6 .itemBox > li > a .line3 { right: 0; bottom: 0; width: var(--size1); height: var(--size); }
#index .section6 .itemBox > li > a .line4 { left: 0; bottom: 0; width: var(--size); height: var(--size1); }
#index .section6 .itemBox > li > a .text { margin-top: 1em; font-weight: bold; }

/* hover */
#index .section6 .itemBox > li > a:hover { transform:translate(-50%,-55%); background: #000; }
#index .section6 .itemBox > li > a:hover .line { background: #000; transition-delay:0s; }

/* section6 - 스크롤 애니메이션 */
#index .section6 .containerV1 { transition:1s linear; }
#index .section6 .containerV1[data-scroll="out"] { opacity: 0; transform:translateY(5%); }
#index .section6 .itemBox[data-scroll] > li > a .line { --size1:0; }
#index .section6 .itemBox[data-scroll='in'] > li > a .line { --size1:100%; }

@media (max-width:991px) {
	#index .section6 .itemBox { grid-template-columns:repeat(2,1fr); max-width: 768px; margin: 0 auto; }
}
@media (max-width:580px) {
	#index .section6 .itemBox > li > a .icon { display: block; width: 2.6em; margin: 0 auto; }
}



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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* 개인정보보호방침 ~ */
#footer {
--border-color:#bfbfbf;
--font-color1:#707070;
--font-color2:#898989;
font-size: 15px; 
}
#footer .info .containerV1 { 
-ms-display:flex; -ms-flex-wrap:wrap; 
display:flex; flex-wrap:wrap; 
padding: 2.66em 0.8em 1.33em;
border-bottom: 1px solid var(--border-color);
}
#footer .info .containerV1 > li { position:relative; }
#footer .info .containerV1 > li:before { 
content:''; position:absolute; right:0.5em; top:50%; transform:translateY(-45%); width:1px; height:0.8em; background:var(--font-color1); 
}
#footer .info .containerV1 > li:last-child:before { display:none; }
#footer .info .containerV1 > li > a { 
display:block; color:var(--font-color1); line-height:1.8; margin-right:1.3em; font-weight: 500;
}  


#footer .itemBox1 .containerV1 {
display:grid; grid-template-columns:1fr 3fr; gap:1em; border-bottom: 1px solid var(--border-color); padding: 2.66em 0.8em;
}
#footer .itemBox1 .containerV1 .item1 { padding: 0.5em 0; }
#footer .itemBox1 .containerV1 .item1 > .text1 { font-size: 1.33em; font-weight: bold; color:var(--font-color1); padding: 1.2em 0 0.65em; }
#footer .itemBox1 .containerV1 .item1 > .text2 { font-size: 1.66em; font-weight: bold; color:var(--main-color); padding-bottom: 0.48em; }
#footer .itemBox1 .containerV1 .item1 > .text3 { font-size: 1em; color:var(--font-color1); padding-bottom: 0.1em; line-height: 1.5; }

#footer .itemBox1 .containerV1 .item2 { display:flex; }
#footer .itemBox1 .containerV1 .item2 > li { flex:1 1 auto; border-left: 1px solid var(--border-color); }
#footer .itemBox1 .containerV1 .item2 > li > * { padding-left: 1em; }
#footer .itemBox1 .containerV1 .item2 > li > a { display: block; padding-top: 0.5em; padding-bottom: 1em; line-height: 1.4em; }
#footer .itemBox1 .containerV1 .item2 > li > a > span { font-size: 1.06em; color: var(--font-color1); font-weight: bold; }
#footer .itemBox1 .containerV1 .item2 > li > .sub_menu { display:grid; gap:1em; }
#footer .itemBox1 .containerV1 .item2 > li > .sub_menu > li > a { display: block; color: var(--font-color2); line-height: 1.4em; }

#footer .copyBox .containerV1 { padding: 1em 0.8em 2em; }
#footer .copyBox .inner { line-height: 1.6; color: var(--font-color1); }
#footer .copyBox .inner a { color: inherit;}
#footer .copyBox .inner > .text > b { display: block; }
#footer .copyBox .inner > .text > span { position: relative; margin-right:0.4em; font-weight: inherit;  }
#footer .copyBox .inner > .text > span:after { 
/*content:''; position:absolute; right:-0.8em; top:50%; transform:translateY(-45%);*/ 
content: ''; display: inline-block; margin-left: 0.7em;
width:1px; height:0.8em; background:var(--font-color1); 
}
#footer .copyBox .inner > .text > span:last-child:after { display:none; }

@media (min-width:991px) {
	#footer .copyBox .inner:not(.copy) { display:grid; grid-template-columns:1.8fr 1fr 1fr; gap:1em; margin-bottom: 1em; }
	#footer .copyBox .inner > .text.company { grid-column:1/4; font-size: 1.1em; font-weight: bold; }
	#footer .copyBox .inner > .text:not(.company,:last-child) { border-right:1px solid var(--border-color); }
}

@media (max-width:991px) {
	#footer { font-size: 13px; }
	#footer .itemBox1 { display: none; }

	#footer .info { background: #fff; border-top: 1px solid #777; text-align: center; }
	#footer .info .containerV1 { margin-top: 0; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #777; }
	#footer .info .containerV1 > li { width:50%; }
	#footer .info .containerV1 > .li1 { order:1; }
	#footer .info .containerV1 > .li2 { order:4; }
	#footer .info .containerV1 > .li3 { order:3; }
	#footer .info .containerV1 > .li4 { order:2; }
	#footer .info .containerV1 > li:before { right: 0; }
	#footer .info .containerV1 > li:nth-child(2n):before { display:none; }
	#footer .info .containerV1 > li > a { margin-right: 0; font-weight: bold; }

	#footer .copyBox .containerV1 { padding:0; }
	#footer .copyBox .inner { background: #f9f9f9; padding: 1.5em 1em; font-size: 0.95em; line-height: 1.8; }
	#footer .copyBox .inner > .text { display:grid; grid-template-columns:1fr 2fr; margin-bottom: 1em;; }
	#footer .copyBox .inner > .text > b { grid-column:1/3; border-bottom: 1px solid var(--font-color1); margin-bottom: 0.2em; }
	#footer .copyBox .inner > .text.company > span { font-size: 1.2em; font-weight: bold; padding-bottom: 0.8em; }
	#footer .copyBox .inner > .text > span:after { display: none; }
	#footer .copyBox .copy { text-align: center; font-size: 0.85em; font-weight: bold; padding: 1em 0; background: #eee; color: #777; }
	#footer .copyBox .copy a { font-weight: inherit; color: #777; }
}

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








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


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