@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; }
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; }
a { outline:0; text-decoration:none; }
a:focus { outline:none; }
img { border:none; outline:none; max-width: 100%; }
p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }
button { border: none; background: none; }

/* 탭 초기화 */
.tabBox1 .nav { border: none; }
.tabBox1 .nav > li { margin: 0; }
.tabBox1 .nav > li > a { padding: 0; margin: 0; border-radius:0; border: 0; }
.tabBox1 .nav > li:hover > a { background: none; } 
.tabBox1 .nav > li.active > a { border: none;  }


/* html 폰트 사이즈 */
@media (max-width:1200px) {
	html { font-size: 8.5px; }
}
@media (max-width:991px) {
	html { font-size: 8px; }
}
@media (max-width:768px) {
	html { font-size: 7.5px; }
}
@media (max-width:580px) {
	html { font-size: 6.5px; }
}

/*
mainColor
#ff2828

*/

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


/*변수 추가 (나현종)*/
:root {
/*	font*/
	--font-size30: max(25px, 3rem);
	--font-size25: max(20px, 2.5rem);
	--font-size20: max(18px, 2rem);
	--font-size18: min(18px, 4.29vw);
	--font-size16: min(16px, 3.71vw);
	--font-size16-table: max(12px, 1.6rem);



/*	color*/
	--color-main1: #e92b3a;
	--color-text1: #959595;
	--color-table1: #434343;
}


/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
.header_wrap { 
position:fixed; right:0; top:0; width:100%; z-index:2000; transition:0.4s;  padding: 0 3.4rem; border-bottom: 1px solid #707070;
}

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




/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu .outer { -ms-display:flex; display:flex; }
#h_menu .outer > li { position:relative; } 
#h_menu .outer > li:last-child { margin-right: 0; }
#h_menu .outer > li > a {
display:block; font-size:18px; font-weight:500; text-align:center; transition:0.4s;
height:10.2rem; line-height:10.2rem; color: #fff; padding: 0 4rem; position: relative;
}
#h_menu .outer > li > a:after { 
content: ''; position: absolute; left:50%; transform:translateX(-50%); bottom: 0; width: 0; height: 3px; background: #ff2828; transition:0.4s;
}
/*---------------------------------------- //outer ---------------------------------------------*/


/*---------------------------------------- inner ---------------------------------------------*/
#h_menu .outer > li > .inner {
position:absolute; left:50%; transform:translateX(-50%); z-index:1; border: 1px solid #ddd;
width:20rem; background:#fff; padding:10px 0; display:none; 
}
#h_menu .outer > li > .inner > li > a  { display:block; transition:all 0.4s; padding:15px 20px; font-size:15px; text-align:center;  }
/*---------------------------------------- //inner ---------------------------------------------*/



/* hover */
.header_wrap:hover { background: #fff; }
.header_wrap:hover #h_menu .outer > li > a { color: #000; }
#h_menu .outer > li:hover > a { color:#ff2828; }
.header_wrap:hover #h_menu .outer > li:hover  > a { color: #ff2828; }
#h_menu .outer > li:hover > a:after { width: 100%; }
#h_menu .outer > li:hover > .inner { display:block; } 
#h_menu .outer > li > .inner > li > a:hover { color:#ff2828; background:rgba(255,40,40,.1); } 


/* (3,4,5 단락), 푸터일때 해드 효과 */
.header_wrap.on1 { background: #fff; }
.header_wrap.on1 #h_menu .outer > li > a { color: #000; }
.header_wrap.on1 #h_menu .outer > li:hover  > a { color: #ff2828; }

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









@media (max-width:991px) {
	

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


	/* menu */
	.menu_box { 
	background-color:#ff2828; 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; }
	
	

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

	/*---------------------------------------- inner ---------------------------------------------*/
	#h_menu .outer > li > .inner { 
	position:static; width:100%; padding:0; margin-left:30px; border-left:1px solid rgba(255,255,255,0.4); background:none; border-top:none; border-bottom: none;
	transform:translateX(0);
	}
	#h_menu .outer > li > .inner > li:last-child > a { border-bottom:none; }
	#h_menu .outer > li > .inner > li > a { padding:10px 0 10px 15px; font-size: 14px; position:relative; text-align:left; color:#fff; }
	#h_menu .outer > li > .inner > li > a:before { 
	content:''; position:absolute; left:-3px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#fff; 
	}
	/*---------------------------------------- //inner ---------------------------------------------*/
	

	/* hover */
	.header_wrap:hover { background: transparent; }
	.header_wrap:hover #h_menu .outer > li > a { color:rgba(255,255,255,0.7); }
	#h_menu .outer > li:hover > a { color:#fff; }
	.header_wrap:hover #h_menu .outer > li:hover  > a { color: #fff; }
	#h_menu .outer > li:hover .inner { display:none; } /* 모바일일때 inner 나오게 하는 후버 효과 X */
	#h_menu .outer > li > .inner > li > a:hover { color:#fff; background:none; } 


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

	/* 모바일에서 outer li 클릭했을때 inner 나오는 효과 */
	#h_menu .outer > li.on > a { border-bottom:1px solid transparent; }
	#h_menu .outer > li.on .inner { display:block; }

	/* 스크롤 했을 때 해드 효과 */
	.header_wrap.scroll { background: #fff; }
	.header_wrap.scroll .open_btn { color: #000; }

	/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
	#h_menu .outer > li > a.on { color:#fff; } 
}
/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/
/* 타이틀이미지 효과 세팅 */
@keyframes titleImgAniV1 {
0% { transform:scale(1.1); }
100% { transform:scale(1.0); }
}
@keyframes titleImgAniV2 {
0% { top: 100%; opacity: 0; }
100% { top: 0; opacity: 1; }
}
/* 스와이프 기본 세팅 (아래) */
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper {
margin-left: auto;
margin-right: auto;
}
.swiper-button-next, .swiper-button-prev { width: auto; height: auto; margin: 0; background: none; transform:translateY(-50%); }
/* 스와이프 기본 세팅 (위) */




/* 인덱스 오른쪽 네비 */
#fp-nav ul li, .fp-slidesNav ul li { margin: 20px 0; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { 
width: 8px; height: 8px; margin: 0; transform:translate(-50%,-50%); border-radius:0; background:#a0a0a0;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
width: 8px; height: 8px; margin: 0; transform:translate(-50%,-50%); border-radius:0;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
width: 8px; height: 8px; margin: 0; transform:translate(-50%,-50%); border-radius:0;
}
#fp-nav ul li .fp-tooltip.right { 
text-transform: uppercase; background: #ff2828; padding: 5px; border-radius:1rem; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500;
right: 25px; top: 50%; transform:translateY(-50%);
}
/* 푸터 네비 지우기 */
#fp-nav ul li:last-child { display: none; }
/* 네비에 active 있을 때 글씨 보이게 */
#fp-nav ul li a.active + .fp-tooltip { width: auto; opacity: 1;  }






/* 타이틀 이미지 스타일 */
.title_img { overflow: hidden; height: 100%; }
.title_img .swiper-slide { position: relative; }

/* 타이틀 이미지 문구 스타일 */
.title_img .textBox { 
position: absolute; left: 0; top: 50%; transform:translateY(-50%); z-index: 100; width: 100%; text-align: center; 
overflow: hidden;
}
.title_img .textBox1 { height: 6.5rem; }
.title_img .textBox2 { height: 4rem; top: 54%; transform:translateY(0); }
.title_img .textBox p { position: absolute; width: 100%; left: 0; }
.title_img .textBox1 .text {
font-size: 5rem; font-weight: 600; line-height: 1.3; top: 100%; opacity: 0;
font-family: 'Poppins', sans-serif; text-transform: uppercase; color: #ff2828;
}
.title_img .textBox2 .text {
font-size: 2.5rem; font-weight: 500; line-height: 1.6; top: 100%; opacity: 0; color: #fff;
}


/* 효과 적용 */
.title_img .swiper-slide.swiper-slide-active img { animation:titleImgAniV1 2s ease-in; animation-fill-mode:forwards; }
.title_img .swiper-slide.swiper-slide-active .textBox1 .text { animation:titleImgAniV2 0.6s linear; animation-fill-mode:forwards; }
.title_img .swiper-slide.swiper-slide-active .textBox2 .text { animation:titleImgAniV2 0.6s linear; animation-fill-mode:forwards; animation-delay:0.6s; }


@media (max-width:1430px) {
	.title_img .textBox1 .text { font-size: 4rem; }
	.title_img .textBox1 { height: 5.2rem; }
}
@media (max-width:991px) {
	.title_img {  height: 100vh; }
	.title_img .textBox1 { height: 10.4rem; }
}
@media (max-width:768px) {
	.title_img .textBox p { padding: 0 15px; }
	.title_img .textBox1 { height: 7.692rem; }
	.title_img .textBox1 .text { font-size: 3rem; }
	.title_img .textBox2 .text { font-size: 14px; }
}


/* section5 */
.index .section5 { background: #f8f8f8; }
.index .section5 .titleBox { text-align: center; margin-bottom: 5rem; }
.index .section5 .titleBox .h_line1 { width: 6rem; height: 0.5rem; background: #ff2828; margin: 0 auto 3.2rem; }
.index .section5 .titleBox .text1 { 
font-family: 'Poppins', sans-serif; font-size: 5.5rem; font-weight: 600; color: #000; margin-bottom: 15px; text-transform: uppercase;
}
.index .section5 .titleBox .text2 { font-weight: 500; font-size: 1.8rem; color: #000; line-height: 1.6; }
.index .section5 .itemBox { padding: 0 13.5rem; }
.index .section5 .more { text-align: center; }
.index .section5 .more > a {
display: inline-block; padding: 10px 30px; border: 1px solid #ff2828;   color: #fff; text-transform: uppercase; font-weight: 500; background: #ff2828;
font-size: 15px; transition:0.4s; margin: 6rem auto 0;
}
.index .section5 .more > a:hover { color: #ff2828; background: transparent; }

@media (max-width:991px) {
	.index .section5 { padding: 9rem 0; }
	.index .section5 .titleBox .text2 { font-size: 15px; }
	.index .section5 .itemBox { padding: 0 15px; }
	.index .section5 .more > a { font-size: 13px; }
}







/* section2 */
.index .section2 .itemBox { 
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
height: 100%;
}
.index .section2 .itemBox > li { 
flex:1; width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size:cover;
-ms-display:flex; -ms-flex-direction:column; -ms-justify-content:center;
display:flex; flex-direction:column; justify-content:center;
}
.index .section2 .itemBox > li:after { 
content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); visibility:hidden; transition:0.4s;
}
.index .section2 .itemBox > li:hover:after { background: rgba(0,0,0,0.4); visibility:visible; }
.index .section2 .itemBox > li:nth-child(1) { background-image: url(img/index_section2_bg_01.jpg); }
.index .section2 .itemBox > li:nth-child(2) { background-image: url(img/index_section2_bg_02.jpg); }
.index .section2 .itemBox > li:nth-child(3) { background-image: url(img/index_section2_bg_03.jpg); }
.index .section2 .itemBox > li > .itemInner { position: absolute; z-index: 10; width: 100%; text-align: center; padding: 0 15px; }
.index .section2 .itemBox > li > .itemInner .img1 { width: 10.2rem; margin:0 auto 3.4rem; }
.index .section2 .itemBox > li > .itemInner .text1 { font-size: 3rem; font-weight: bold; line-height: 1.3; margin-bottom: 14px; color: #fff; }
.index .section2 .itemBox > li > .itemInner .text2 { font-size: 16px; font-weight: 500; line-height: 1.6; margin-bottom: 5rem; color: #fff; }
.index .section2 .itemBox > li > .itemInner .more { display: inline-block; }
.index .section2 .itemBox > li > .itemInner .more > a {
display: block; padding: 10px 30px; border: 1px solid #fff; color: #fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 500;
font-size: 15px; transition:0.4s;
}
.index .section2 .itemBox > li > .itemInner .more > a:hover { border: 1px solid #ff2828; background: #ff2828; }
@media (max-width:991px) {
	.index .section2 .itemBox { display: block; }
	.index .section2 .itemBox > li { height: 41.125rem; }
}
@media (max-width:768px) {
	.index .section2 .itemBox > li > .itemInner .text2 { font-size: 14px; }
	.index .section2 .itemBox > li > .itemInner .more > a { font-size: 13px; }
}


/* section3 */
.index .section3 { background: url(img/index_section3_bg.jpg) no-repeat; }
.index .section3 .box1 { 
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
}
.index .section3 .box1 .textBox { padding:0 9.79% 0 7.03%; }
.index .section3 .box1 .textBox .text1 {
font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 6.5rem; color: #ff2828; line-height: 1.1; text-transform: uppercase; margin-bottom: 10px;
}
.index .section3 .box1 .textBox .text2 { font-weight: 500; font-size: 2.5rem; color: #000; line-height: 1.4; margin-bottom: 1.8rem; }
.index .section3 .box1 .textBox .text3 { font-weight: 500; font-size: 16px; color: #000; line-height: 1.6; }
.index .section3 .box1 .itemBox { 
flex:auto;
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
}
.index .section3 .box1 .itemBox > li { margin-right: 6.25%; text-align: center; }
.index .section3 .box1 .itemBox > li:last-child { margin-right: 0; }
.index .section3 .box1 .itemBox > li .img1 { margin: 0 auto 15px; }
.index .section3 .box1 .itemBox > li:nth-child(1) .img1 { width: 63.84%; }
.index .section3 .box1 .itemBox > li:nth-child(2) .img1 { width: 36.20%; }
.index .section3 .box1 .itemBox > li:nth-child(3) .img1 { width: 58.43%; }
.index .section3 .box1 .itemBox > li .text1 { font-weight: 500; font-size: 2rem; margin-bottom: 14px; color: #000; }
.index .section3 .box1 .itemBox > li .text2 { font-weight: 500; font-size: 16px; line-height: 1.6; margin-bottom: 2.3rem; }
.index .section3 .box1 .itemBox > li .more { display: inline-block; }
.index .section3 .box1 .itemBox > li .more > a {
display: block; padding: 10px 20px; border: 1px solid #000; color: #000; text-transform: uppercase; font-weight: 500;
font-size: 15px; transition:0.4s;
}
.index .section3 .box1 .itemBox > li .more > a:hover { border: 1px solid #ff2828; background: #ff2828; }

@media (max-width:1800px) {
	.index .section3 .box1 .textBox { padding:0 6.79% 0 4.03%; }
	.index .section3 .box1 .itemBox > li { margin-right: 3.25%; text-align: center; }
}
@media (max-width:1500px) {
	.index .section3 .box1 .textBox .text1 { font-size: 5rem; }
	.index .section3 .box1 .textBox .text2 { font-size: 2.2rem; }
	.index .section3 .box1 .textBox .text3 { font-size: 14px; }
	.index .section3 .box1 .itemBox > li .text2 { font-size: 14px; }
}
@media (max-width:1400px) {
	.index .section3 .box1 .textBox { width: 45%; }
	.index .section3 .box1 .itemBox { width: 55%; align-items:flex-start; }
	.index .section3 .box1 .itemBox > li { margin-right: 0; width: 33.3333%; padding: 0 1.5rem; }
	.index .section3 .box1 .itemBox > li:nth-child(1) .img1 { width: 46.36%; }
	.index .section3 .box1 .itemBox > li:nth-child(2) .img1 { width: 46.36%; }
	.index .section3 .box1 .itemBox > li:nth-child(3) .img1 { width: 46.36%; }
	.index .section3 .box1 .itemBox > li:nth-child(2) .text2 br { display: none; }
}
@media (max-width:991px) {
	.index .section3 .box1 .textBox { width: 100%; padding: 7rem 15px; }
	.index .section3 .box1 .textBox .text3 { font-size: 13px; }
	.index .section3 .box1 .itemBox { width: 100%; padding-bottom: 7rem; }
	.index .section3 .box1 .itemBox > li .text1 { font-size: 14px; }
	.index .section3 .box1 .itemBox > li .text2 { display: none; }
	.index .section3 .box1 .itemBox > li .more > a { font-size: 12px; padding: 5px 10px; }
}
@media (max-width:480px) {
	.index .section3 .box1 .itemBox > li { padding: 0 4px; }
}


/* section4 */
.index .section4 { position: relative; }
.index .section4 .topText { position: absolute; left: 10.16%; top: 26.01%; z-index: 100; }
.index .section4 .topText .text1 {
font-family: 'Poppins', sans-serif; font-weight: 500; color: #ff2828; font-size: 2rem; margin-bottom: 15.45%;
}
.index .section4 .topText .h_line1 { width: 6rem; height: 0.5rem; background: #ff2828; }
.index .section4 .swiperWrap1 {
display:flex; height: 100%;
}
.index .section4 .swiperWrap1 > .swiper { width: 50%; }
.index .section4 .swiper401 { position: relative; }
.index .section4 .swiper401 .swiper-slide { background: #eee; position: relative; }
.index .section4 .swiper401 .textBox { position: absolute; left: 20.31%; top: 35.34%; width: calc( 100% - 20.31% ); padding-right: 5%; }
.index .section4 .swiper401 .textBox .text1 {
font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 6.5rem; color: #000; line-height: 1.2; margin-bottom: 2.61%; text-transform: uppercase;
}
.index .section4 .swiper401 .textBox .text2 {
font-size: 1.8rem; color: #000; line-height: 1.6; margin-bottom: 6.54%;
}
.index .section4 .swiper401 .textBox .text2 span { display: block; }
.index .section4 .swiper401 .textBox .more { display: inline-block; }
.index .section4 .swiper401 .textBox .more > a { display: block; font-weight: 500; font-size: 15px; color: #fff; padding: 1rem 2rem; background: #ff2828; }
.index .section4 .swiper401 .swiper-pagination { bottom: auto; top: 75%; width: auto; text-align: left; left: 20.31%; }
.index .section4 .swiper401 .swiper-pagination-bullet { border-radius:0; background: #959595; opacity: 1; margin: 0; margin-right: 1.8rem; }
.index .section4 .swiper401 .swiper-pagination-bullet:last-child { margin-right: 0; }
.index .section4 .swiper401 .swiper-pagination-bullet-active { background: #ff2828; }

@media (max-width:1600px) {
	.index .section4 .swiper401 .textBox .text1  { font-size: 5.5rem; }
}
@media (max-width:991px) {
	.index .section4 .topText { position: static; background: #eee; padding: 7rem 15px 3rem; }
	.index .section4 .topText .text1 { margin-bottom: 4rem; }
	.index .section4 .swiperWrap1 { flex-wrap:wrap; }
	.index .section4 .swiperWrap1 > .swiper { width: 100%; }
	
	.index .section4 .swiper401 { padding-bottom: 8rem; background: #eee; }
	.index .section4 .swiper401 .textBox { position: static; padding: 0 15px; width: 100%; }
	.index .section4 .swiper401 .swiper-pagination { top: auto; bottom: 2.5rem; left: 20px; }
}
@media (max-width:768px) {
	.index .section4 .topText .text1 { font-size: 15px; }
	.index .section4 .swiper401 .textBox .text2 { font-size: 14px; }
	.index .section4 .swiper401 .textBox .more > a { font-size: 13px; }
}




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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
#footer { background: #292c32; }

#footer .itemBox { border-bottom: 1px solid #494949; padding: 8px 0;  }
#footer .itemBox > div { 
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center; -ms-justify-content:space-between;
display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
}
#footer .linkBox { 
-ms-display:flex; -ms-justify-content:center; -ms-flex-wrap:wrap; 
display:flex; justify-content:center; flex-wrap:wrap; 
text-align: center;
}
#footer .linkBox li { position:relative; }
#footer .linkBox li:before { content:''; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#fff; }
#footer .linkBox li:last-child:before { display:none; }
#footer .linkBox li > a { display:block; color:#fff; font-size:13px; line-height:1.8; margin-right:15px;  }
#footer .widget1 { 
min-width: 48rem;width: 29.27%; border:1px solid #7c8088; background: #42464d; padding: 0 1.22%;
display:flex; align-items:center; justify-content:space-between;
}
#footer .widget1 .titleBox { font-size: 16px; font-weight: 500; color: #fff; width: 20%; }
#footer .widget1 .titleBox i { padding-left: 5px; }


#footer .contents_box { padding: 30px 0; }
#footer .contents {
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
}
#footer .contents > li:nth-child(1) { width: 25%; padding-right: 3rem; }

#footer .item2 { width: 50%; }
#footer .item2 > div { line-height: 1.6; font-size: 13px; color: #fff; }
#footer .item2 > div a { color: inherit;}
#footer .item2 > .text > span { position: relative; margin-right:10px; }
#footer .item2 > .text > span:after { content:'|'; position:absolute; right:-8px; top:50%; transform:translateY(-55%); }
#footer .item2 > .text > span:last-child:after { display: none; }
#footer .item2 > .copy { text-transform: uppercase; font-weight: inherit; }
#footer .item3 { margin-left: auto; margin-right: 0;}
#footer .item3 a { display: inline-block; padding: 10px 12px; color: #fff; font-size: 13px; border:1px solid #646464; }
#footer .item3 a i { margin-right: 5px; transform:translateY(1px); }




@media (max-width:991px) {
#footer .contents > li:nth-child(1) { width: 100%; padding: 0; margin-bottom: 20px; }
#footer .item2 { width: 100%; margin-bottom: 20px; }
#footer .item3 { width: 100%; }

#footer .linkBox { width: 100%; margin-bottom: 15px; }
#footer .widget1 { width: 100%; }
#footer .widget1 .titleBox { width: 22%; font-size: 14px; padding-right: 4px; }
}

@media (max-width:768px) {
#footer .linkBox li:before { right:4px; height:10px; }
#footer .linkBox li > a { font-size: 12px; margin-right: 10px; }


#footer .item2 > .text > span { display:block; margin-right:0; }
#footer .item2 > .text > span:after { display:none; }

#footer .item2 { margin-top: 20px; }
}
@media (max-width:480px) {
	#footer .responsiveBox1 { overflow-x: auto; overflow-y: hidden; }
	#footer .linkBox { width: 480px; justify-content:flex-start; }
}

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





/* 서브페이지 패딩 */
.tmt_sub_frame { padding:30px 0 50px; min-height: 80vh; }
@media (max-width:991px) {
	.tmt_sub_frame { padding-top: calc( 10.2rem + 30px ); }
}




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