@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;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; }
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
var(--main-color)

*/

:root{
--main-color: #708238;
--main-color2: #C1CF97;
}


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

.logo { position: absolute; left: 8.5rem; top: 0; z-index: 500; padding: 4rem 5.6rem; }
@media (max-width:768px) {
	.logo { position: fixed; left: 0; top: 0; z-index: 500; padding:10px 0; width: 100%; text-align: center; background: rgba(255,255,255,0.3);}
    .logo img {width: 2em;}
}

.wrap { display:flex; }



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



#header { position: fixed; left: 0; top: 0; width: 8.5rem; height: 100%; background: var(--main-color); border-right: 1px solid var(--main-color); z-index: 1000; }
#header .itemBox { 
-ms-display:flex; -ms-flex-direction:column; -ms-align-items:center; -ms-justify-content:flex-start;
display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
height: 100%; padding-top: 2rem;
}
#header .itemBox > li,
#header .outer > li { width: 100%; }
#header .itemBox > li > a,
#header .outer > li > a { 
-ms-display:flex; -ms-flex-direction:column; -ms-align-items:center; -ms-justify-content:center;
display:flex; flex-direction:column; align-items:center; justify-content:center;
height: 8.5rem; width: 100%;
}

/* 해드 아이콘 */
#header .icon1 { background-repeat: no-repeat; background-position: center center; background-size:cover; width: 4rem; height: 3.6rem; }
/* 해드 아이콘 밑 텍스트 */
#header .text1 { margin-top: 8px; font-size: 13px; color: #fff; }

/* 처음으로 */
#header .itemBox > li.home { margin-bottom: 0.5rem; }
#header .itemBox > li.home > a > .icon1 { background-image: url(img/head_icon1_on_01.png);}

/* 사이트맵(outer) */
#header .outer > li { margin-bottom: 0.5rem; }
#header .outer > li:last-child { margin-bottom: 0; }
#header .outer > li:nth-child(1) > a > .icon1 { background-image: url(img/head_icon1_on_02.png); }
#header .outer > li:nth-child(2) > a > .icon1 { background-image: url(img/head_icon1_on_03.png); }
#header .outer > li:nth-child(3) > a > .icon1 { background-image: url(img/head_icon1_on_07.png); }
#header .outer > li:nth-child(4) > a > .icon1 { background-image: url(img/head_icon1_on_04.png); }
#header .outer > li:nth-child(5) > a > .icon1 { background-image: url(img/head_icon1_on_05.png); }





/* 사이트맵(inner) */
#header .innerBox {
visibility:hidden; opacity: 0; transition:0.4s; position: absolute; left: 8.5rem; top: 0; width: 20em; height: 100%; z-index: 1000; 
}
#header .innerBox.on { visibility:visible; opacity: 1; }
#header .innerBox .closeBox {
border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #e5e5e5; padding: 1.5rem; cursor:pointer; margin-bottom: 15px;
position: absolute; left: 0; top: 2rem; width: calc( 100% - 1px ); z-index: 1001;
}
#header .innerBox .closeBox > i { margin-right: 5px; }
#header .innerBox .closeBox:hover { color: #ff0000; }
#header .innerBox .inner { 
position: absolute; width: 100%; height: 100%; border-right: 1px solid #d2d2d2; background: #fff; padding-top: 8rem; 
visibility:hidden; opacity: 0; transition:0.4s; z-index: 1000;
}
#header .innerBox .inner.on { visibility:visible; opacity: 1;}

#header .innerBox .inner > li { padding: 1rem 3rem; }
#header .innerBox .inner > li > a { display: block; line-height: 1.3; font-size: 15px; color: #555; padding-left: 10px; position: relative; }
#header .innerBox .inner > li > a:before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #555; border-radius:50%; }
#header .innerBox .inner > li > a:hover { color: #444F22; }
#header .innerBox .inner > li > a:hover:before { background: var(--main-color); } 



/* 해드아이콘 hover */
#header .itemBox > li:hover > a,
#header .outer > li:hover > a { background: #444F22; }
#header .itemBox > li.home:hover > a > .icon1 { background-image: url(img/head_icon1_on_01.png); }
#header .outer > li:nth-child(1):hover > a > .icon1 { background-image: url(img/head_icon1_on_02.png); }
#header .outer > li:nth-child(2):hover > a > .icon1 { background-image: url(img/head_icon1_on_03.png); }
#header .outer > li:nth-child(3):hover > a > .icon1 { background-image: url(img/head_icon1_on_07.png); }
#header .outer > li:nth-child(4):hover > a > .icon1 { background-image: url(img/head_icon1_on_04.png); }
#header .outer > li:nth-child(5):hover > a > .icon1 { background-image: url(img/head_icon1_on_05.png); }
#header .itemBox > li:hover > a > .text1,
#header .outer > li:hover > a > .text1 { color: #fff; }

/* 메뉴아이콘 해당 페이지일때 */
#header .outer > li > a.on { background: var(--main-color); }
#header .outer > li:nth-child(1) > a.on > .icon1 { background-image: url(img/head_icon1_on_02.png); }
#header .outer > li:nth-child(2) > a.on > .icon1 { background-image: url(img/head_icon1_on_03.png); }
#header .outer > li:nth-child(3) > a.on > .icon1 { background-image: url(img/head_icon1_on_07.png); }
#header .outer > li:nth-child(4) > a.on > .icon1 { background-image: url(img/head_icon1_on_04.png); }
#header .outer > li:nth-child(5) > a.on > .icon1 { background-image: url(img/head_icon1_on_05.png); }
#header .outer > li > a.on > .text1 { color: #fff; }


@media (max-width:991px) {
	#header { width: 10rem; }
	#header .itemBox > li > a,
	#header .outer > li > a { height: 10rem;}

	#header .text1 { font-size: 12px; }

	#header .innerBox { left: 10rem; }
}
@media (max-width:768px) {
	#header { top: auto; bottom: 0; width: 100%; height: 10rem; border-right: none;}
	#header .itemBox {display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 0; }
	#header .itemBox > li { width: 100% !important; }
	#header .itemBox > li.home { order:2; margin: 0; }	
	


	/* 모바일 메뉴 버튼 */
	#header .itemBox > li.menuBtn {order:1;}
	#header .itemBox > li.menuBtn .btn1 {
	text-align: center; cursor:pointer; height: 10rem; display:flex !important; flex-direction:column; align-items:center; justify-content:center; width: 100%;
	}
	#header .itemBox > li.menuBtn .btn1 i { font-size: 3rem; color: #fff; height: 3.6rem; line-height: 3.6rem; }
	#header .itemBox > li.menuBtn .btn1.on { background: var(--main-color); }
	#header .itemBox > li.menuBtn .btn1.on > * { color: #fff; }
	
	/* 모바일 메뉴 박스 */
	#menuBox { 
	position: fixed; left: 0; bottom: 10rem; height:0;  background: #767c60; width: 25%; border-right:1px solid #d2d2d2;
	visibility:hidden; opacity: 0; transition:0.4s; z-index: -1; padding-top: 2rem;
	}
	#menuBox.on { visibility:visible; opacity: 1; height: calc( 100% - 10rem ); z-index: 1000;}
	
	/* 사이트맵(inner) */
	#header .innerBox { left: calc( 100% + 1px ); width: 267%; }
	#header .innerBox .inner { padding-top: 10rem; }
	#header .innerBox .inner > li { padding: 1rem 1.5rem 1rem 3.5rem; }

	/* 퀵메뉴 버튼 */
	#header .itemBox > li.quickBox { 
	order:4; display:flex !important; flex-direction:column; align-items:center; justify-content:center;
	text-align: center; cursor:pointer; height: 10rem; 
	}
	#header .itemBox > li.quickBox:hover { background: var(--main-color); }
	#header .itemBox > li.quickBox:hover i { color: #fff; }
	#header .itemBox > li.quickBox:hover .text1 { color: #fff; }
	#header .itemBox > li.quickBox i { font-size: 3rem; color: #fff; height: 3.6rem; line-height: 3.6rem; }
	#header .itemBox > li.quickBox.on { background: var(--main-color); }
	#header .itemBox > li.quickBox.on > * { color: #fff; }
}

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



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/
/* 인덱스 애니메이션 */
@keyframes index_videoBox_ani1 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}



/* width값을 header의 width만큼 빼주었다가 768px 이하는 100%로 */
.index { width: calc(  100% - 8.5rem ); margin-right: 0; margin-left: auto; }
@media (max-width:991px) {
	.index { width: calc(  100% - 10rem ); }
}
@media (max-width:768px) {
	.index { width: 100%; }
}


/* 인덱스 타이틀 박스 */
.index .titleBox .text1 { font-family: 'Poppins', sans-serif; font-size: 5rem; line-height: 1.3; text-transform: uppercase; }
.index .titleBox .h_line1 { width: 8rem; height: 0.5rem; background: var(--main-color); }
.index .titleBox .text2 { font-size: 16px; line-height: 1.8; }
@media (max-width:768px) {
	.index .titleBox .text2 { font-size: 14px; }
}

/* 인덱스 more */
.index .more a { display: inline-block; padding: 13px 2.5rem; font-size: 15px; transition:0.3s; }
@media (max-width:768px) {
	.index .more a { font-size: 13px; }
}


/* 인덱스 영상 */
.index .videoBox { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; background: #000; }
.index .videoBox iframe { position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0; }
.index .videoBox #background { position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0; }

/* .index .videoBox .textBox { 
position:absolute; left:0; top:0; width:100%; height:100%; z-index: 10;
text-transform: uppercase; color: #fff; font-family: 'Poppins', sans-serif; text-align: center;
-ms-display:flex; -ms-flex-direction:column; -ms-align-items:center; -ms-justify-content:center;
display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.index .videoBox .textBox .text1 {
font-size: 5.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 10px; opacity: 0;
animation:index_videoBox_ani1 2.5s linear; animation-fill-mode:forwards;
}
.index .videoBox .textBox .text2 {
font-size: 2.5rem; font-weight: 500; line-height: 1.5; opacity: 0;
animation:index_videoBox_ani1 2.5s linear; animation-delay:1s; animation-fill-mode:forwards;
}
@media (max-width:768px) {
	.index .videoBox .textBox { padding: 0 15px; }
	.index .videoBox .textBox .text1 { font-size: 3rem; }
	.index .videoBox .textBox .text2 { font-size: 2.2rem; }
} */

/* section1 */
.index .section1 { padding: 9.9% 0 8.8%; }
.index .section1 .titleBox { text-align: center; }
.index .section1 .titleBox .text1 { color: #434343; }
.index .section1 .titleBox .h_line1 { margin: 3.7rem auto; }
.index .section1 .titleBox .text2 { color: #434343; }
.index .section1 .more { display:flex; justify-content:center; margin-top: 6rem; }
.index .section1 .more a { border: 1px solid #434343; color: #434343; }
.index .section1 .more a:hover { background: #434343; color: #fff; }
@media (max-width:991px) {
	.index .section1 .titleBox .text2 br { display: none; }
}
@media (max-width:768px) {
	.index .section1 .more { margin-top: 3rem; }
}

/* section2 */
.index .section2 { padding: 10rem 0 15rem; background: url(img/index_section2_bg.jpg) no-repeat center center / cover; }
.index .section2 .titleBox { text-align: center; }
.index .section2 .titleBox .text1 { color: #fff; }
.index .section2 .titleBox .h_line1 { margin: 3rem auto 5rem; }

.index .section2 .itemBox {
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:flex-start; -ms-justify-content:space-between;
display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;
}
.index .section2 .itemBox > a { 
width: 20.71%; border: 1px solid #fff; text-align: center; color: #fff; padding: 4.29% 0 3.57%;
-ms-display:flex; -ms-flex-direction:column; -ms-align-items:center; -ms-justify-content:center;
display:flex; flex-direction:column; align-items:center; justify-content:center; transition: 0.3s;
}
@media (min-width: 991px) {
    .index .section2 .itemBox > a:hover {background: rgba(0,0,0,0.5); backdrop-filter: blur(3px);}
}
.index .section2 .itemBox > a:last-child { margin-right: 0; }
.index .section2 .itemBox > a .icon { width: 19.31%; margin-bottom: 4.14%; }
.index .section2 .itemBox > a .text1 { font-size: 2.2rem; font-weight: 500; margin-bottom: 6.21%;  }
.index .section2 .itemBox > a .text2 { font-size: 15px; font-weight: 500; line-height: 1.6; padding: 0 10px; }

@media (max-width:1430px) {
	.index .section2 .itemBox > a .text1 { font-size: 2rem; }
	.index .section2 .itemBox > a .text2 { font-size: 13px; }
}
@media (max-width:1200px) {
	.index .section2 .itemBox > a { width: 24%; }
	.index .section2 .itemBox > a .text2 { height: 4.8em;  }
}
@media (max-width:991px) {
	.index .section2 .itemBox > a { width: calc( 50% - 5px ); margin:5px 10px; margin-left: 0; text-align: center; }
	.index .section2 .itemBox > a:nth-child(2n) { margin-right: 0; }
}
@media (max-width:480px) {
	.index .section2 .itemBox > a { width: 100%; margin: 0; margin-bottom: 10px; }
	.index .section2 .itemBox > a:last-child{ margin-bottom: 0; }
	.index .section2 .itemBox > a .text1 { font-size: 2.2rem; }
	.index .section2 .itemBox > a .text2 { font-size: 12px; height: 3.2em; }
}

/* section3 */
.index .section3 .itemBox {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
background: #f8f8f8;
}
.index .section3 .itemBox li { width: 50%; height: 59rem; }
.index .section3 .itemBox .textBox { 
max-width: 700px; margin-left: auto; margin-right: 0; 
-ms-display:flex; -ms-flex-direction:column; -ms-justify-content:center;
display:flex; flex-direction:column; justify-content:center;
}
.index .section3 .titleBox .text1 { line-height: 1.2; }
.index .section3 .titleBox .h_line1 { margin: 15px 0 3rem; }
.index .section3 .titleBox .text2 { color: #000; }
.index .section3 .more { margin-top: 3.8rem; }
.index .section3 .more a { border: 1px solid #000; color: #000; }
.index .section3 .more a:hover { color: #fff; background: #000; }


.index .section3 .itemBox .img1 { position: relative; background: url(img/index_section3_img1.png) no-repeat center center / cover; }
.index .section3 .itemBox .img1:after { 
content: ''; position: absolute; left: -4rem; top: 50%; transform:translateY(-50%); width: 4rem; height: 10.6rem; 
background: url(img/index_section3_img2.png) no-repeat center center / cover; 
}
@media (max-width:1515px) {
	.index .section3 .itemBox .textBox { padding: 0 10.6rem 0 15px; }
}
@media (max-width:1200px) {
	.index .section3 .titleBox .text2 br { display: none; }
}
@media (max-width:991px) {
	.index .section3 .itemBox li { width: 100%; height: auto; }
	.index .section3 .itemBox .textBox { max-width: initial; padding: 5rem 11rem 5rem 15px; }
	.index .section3 .itemBox .img1 { height: 62rem; }
	.index .section3 .itemBox .img1:after { display: none;  }
}
@media (max-width:768px) {
	.index .section3 .itemBox .textBox { padding: 5rem 15px 5rem; }
}

/* section4 */
.index .section4 { padding: 9.9% 0 8.8%; }
.index .section4 .titleBox { text-align: center; }
.index .section4 .titleBox .text1 { color: #434343; }
.index .section4 .titleBox .h_line1 { margin: 2rem auto; }
.index .section4 .titleBox .text2 { color: #434343; }
.index .section4 .itemBox {
-ms-display:flex; -ms-flex-wrap:wrap; 
display:flex; flex-wrap:wrap; 
margin-top: 8rem;
}
.index .section4 .itemBox > li { width: calc(16.6666% - 8.5rem ); margin-right: 10.2rem; text-align: center; }
.index .section4 .itemBox > li:last-child{ margin-right: 0; }
.index .section4 .itemBox > li > a { display: block; }
.index .section4 .itemBox > li > a .text { font-size: 16px; font-weight: 500; color: #000; }
.index .section4 .itemBox > li > a:hover .text { text-decoration: underline; }

@media (max-width:1200px) {
	.index .section4 .itemBox { margin-top: 3rem; }
	.index .section4 .itemBox > li { width: calc(33.3333% - 6.8rem ); padding:3.4rem 0; }
	.index .section4 .itemBox > li:nth-child(3n) { margin-right: 0; }
}
@media (max-width:768px) {
    .index .section4 { padding: 9.9% 0 13.8%; }
	.index .section4 .titleBox .text2 br { display: none;}
	.index .section4 .itemBox > li { width: calc(33.3333% - 10px ); padding:10px 0; margin-right: 15px; }
	.index .section4 .itemBox > li > a .text { font-size: 12px;  }
}


/* section5 */
.index .section5 { padding: 8.8% 0 7.15%; background: url(img/index_section5_bg.jpg) no-repeat center center / cover; }
.index .section5 .itemBox1 { 
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
margin-bottom: 9rem;
}
.index .section5 .titleBox { width: 25%; padding-right: 15px; }
.index .section5 .titleBox .text1 { color: #fff; }
.index .section5 .titleBox .h_line1 { margin: 15px 0; }
.index .section5 .titleBox .text2 { color: #fff; }
.index .section5 .more {  margin-top: 2rem; }
.index .section5 .more a { border: 1px solid #fff; color: #fff; padding: 13px 4.5rem; }
.index .section5 .more a:hover { color: #fff; background: #004986; }

.index .section5 .itemBox1 .slideBox { width: calc( 100% - 25% ); height:100%;}

.index .section5 .itemBox2 {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.index .section5 .itemBox2 > li { width: calc( 33.3333% - 3.3rem ); margin-right: 4.95rem; }
.index .section5 .itemBox2 > li:last-child { margin-right: 0; }
.index .section5 .itemBox2 > li > a { display: block; padding:6.92% 9.92%; color: #fff; position: relative; }
.index .section5 .itemBox2 > li:nth-child(1) > a { background: #00b7ef; }
.index .section5 .itemBox2 > li:nth-child(2) > a { background: #a0a0a0; }
.index .section5 .itemBox2 > li:nth-child(3) > a { background: var(--main-color); }
.index .section5 .itemBox2 > li > a .text1 { text-transform: uppercase; font-size: 15px; margin-bottom: 1rem; }
.index .section5 .itemBox2 > li > a .text2 { font-weight: 500; font-size: 2.2rem; margin-bottom: 1.5rem; }
.index .section5 .itemBox2 > li > a .text3 { line-height: 1.4; font-size: 15px; margin-bottom: 8.63%; height: 2.8em; }
.index .section5 .itemBox2 > li > a .more1 { display: inline-block; font-size: 15px; font-weight: 500; border: 1px solid #fff; padding: 0.6rem 3rem 0.8rem; }
.index .section5 .itemBox2 > li > a .icon2 { position: absolute; right: 9.92%; bottom: 13.22%; width: 5rem; }

.index .section5 .itemBox2 > li:nth-child(1) > a:hover .more1 { color: #00b7ef; background: #fff; }
.index .section5 .itemBox2 > li:nth-child(2) > a:hover .more1 { color: #a0a0a0; background: #fff; }
.index .section5 .itemBox2 > li:nth-child(3) > a:hover .more1 { color: var(--main-color); background: #fff; }

@media (max-width:1430px) {
	.index .section5 .titleBox .text1 { font-size: 4rem; }
}
@media (max-width:1200px) {
	.index .section5 .titleBox .text2 br { display: none;}
	.index .section5 .itemBox2 > li > a .text3 { font-size: 12px;}
	.index .section5 .itemBox2 > li > a .text3 br { display: none;}
}
@media (max-width:991px) {
	.index .section5 .titleBox { width: 100%; padding-right: 0; padding-bottom: 30px; }
	.index .section5 .titleBox .text1 { font-size: 5rem; }
	.index .section5 .itemBox1 .slideBox { width: 100%; }

	.index .section5 .itemBox2 > li { width: calc( 33.3333% - 1rem ); margin-right: 1.5rem; }
	.index .section5 .itemBox2 > li > a .text1 { font-size: 13px; }
	.index .section5 .itemBox2 > li > a .more1 { font-size: 13px; }
}
@media (max-width:768px) {
	.index .section5 .itemBox2 > li { width: 100%; margin-right: 0; margin-bottom: 15px; }
	.index .section5 .itemBox2 > li:last-child { margin-bottom: 0; }
}

/* section6 */
.index .section6 { padding: 15px 0; background: #1b1b1b; }

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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* footer_box*/
/* width값을 header의 width만큼 빼주었다가 768px 이하는 100%로 */
footer { width: calc(  100% - 8.5rem ); margin-right: 0; margin-left: auto; background: #1b1b1b; border-top: 1px solid #434343; }
@media (max-width:991px) {
	footer { width: calc(  100% - 10rem ); }
}
@media (max-width:768px) {
	footer { width: 100%; padding-bottom: 10rem; }
}

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 { font-weight: 300;  }
footer .contents > li:nth-child(1) { width: 25%; }
footer .item2 { width: 75%; }
footer .item2 > div { line-height: 1.6; font-size: 13px; color: #8f8f8f; }
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { position: relative; margin-right:10px; font-weight: inherit;  }
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 > .info_box { padding:10px 0; background:#535353;}


footer > .info_box .info { 
-ms-display:flex; -ms-justify-content:center; -ms-flex-wrap:wrap; 
display:flex; justify-content:center; flex-wrap:wrap; 
text-align: center;
}
footer .info > .item { position:relative; }
footer .info > .item:before { content:''; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#fff; }
footer .info > .item:last-child:before { display:none; }
footer .info > .item > a { display:block; color:#fff; font-size:13px; font-weight:500; line-height:1.8; margin-right:15px;  }

@media (max-width:1200px) {
footer .contents > li:nth-child(1) { margin-right: 40px; }
footer .item2 { width: calc( 75% - 40px ); }
}

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

@media (max-width:768px) {
    footer .contents > li:nth-child(1) img {width: 10em;}
footer .item2 > .text > span { display:block; margin-right:0; }
footer .item2 > .text > span:after { display:none; }

footer .item2 { margin-top: 20px; }
}
@media (max-width:450px) {
footer > .info_box .info {  }
footer .info > .item { width:50%; }
footer .info > .item:nth-child(1) { order:1; }
footer .info > .item:nth-child(2) { order:4; }
footer .info > .item:nth-child(3) { order:3; }
footer .info > .item:nth-child(4) { order:2; }
footer .info > .item:before { right: 0; }
footer .info > .item:nth-child(2n):before { display:none; }
footer .info > .item > a { margin-right: 0; }
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/







/* 서브페이지 */
/* width값을 header의 width만큼 빼주었다가 768px 이하는 100%로 */
.tmt_sub_frame { width: calc(  100% - 8.5rem ); margin-right: 0; margin-left: auto; padding:0 0 50px; min-height: 100vh; }
@media (max-width:991px) {
	.tmt_sub_frame { width: calc(  100% - 10rem ); }
}
@media (max-width:768px) {
	.tmt_sub_frame { width: 100%; }
}


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