@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=Nanum+Gothic:wght@400;700;800&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;  }


/* 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
#2497d3

*/

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



/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
.header_wrap { 
position:fixed; right:0; top:0; width:100%; z-index:2000; padding: 0 5rem; transition:0.4s; 
}

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

.logo a { 
display: block; width: 32.5rem; height: 7.1rem; transition:0.4s; 
background-image: url(img/logo.png); background-repeat: no-repeat; background-position: 0 center; background-size:90%;
}


/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu .outer { -ms-display:flex; display:flex; }
#h_menu .outer > li { position:relative; margin-right: 7rem; } 
#h_menu .outer > li:last-child { margin-right: 0; }
#h_menu .outer > li > a {
display:block; font-size:20px; font-weight:700; text-align:center; transition:0.4s;
height:10rem; line-height:10rem; color: #efeeec;
}
/*---------------------------------------- //outer ---------------------------------------------*/


/*---------------------------------------- inner ---------------------------------------------*/
#h_menu .outer > li > .inner {
position:absolute; right:0; z-index:1; border: 1px solid #ddd; border-top:5px solid #2497d3; 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:right;  }
/*---------------------------------------- //inner ---------------------------------------------*/



/* hover */
#h_menu .outer > li:hover > a { color:#2497d3; }
#h_menu .outer > li:hover > .inner { display:block; } 
#h_menu .outer > li > .inner > li > a:hover { color:#2497d3; background:rgba(36,151,211,.1); } 


/* 스크롤 했을 때 해드 효과 */
.header_wrap.scroll { background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.2); }
.header_wrap.scroll .logo a { background-image: url(img/logo_scroll.png); background-size:80%; }
.header_wrap.scroll #h_menu .outer > li > a { height: 9rem; line-height: 9rem; color: #333; font-size: 18px; }


/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
#h_menu .outer > li > a.on,
.header_wrap.scroll #h_menu .outer > li > a.on { color:#2497d3; } 









@media (max-width:991px) {
	
	.header_wrap #header { padding:10px 0; }

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


	/* menu */
	.menu_box { 
	background-color:#2497d3; 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;
	}
	/*---------------------------------------- //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;
	}
	#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 */
	#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 .logo a { background-image: url(img/logo_scroll.png); background-size:90%; }
	.header_wrap.scroll .open_btn { color:#333;}
	.header_wrap.scroll #h_menu .outer > li > a { height: auto; line-height: 1; color:rgba(255,255,255,0.7); font-size: 16px; }

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



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

/* 타이틀 박스 */
.index .titleBox { text-align: center; }
.index .titleBox .topLine { width: 10rem; height: 2px; }
.index .titleBox .text1 { text-transform: uppercase; font-weight: bold; font-size: 4rem; }
.index .titleBox .text2 { font-size: 16px; line-height: 1.6; }
@media (max-width:991px) {
	.index .titleBox .text2 { font-size: 14px; }
}


/* section1 */
.index #section1 { padding: 10rem 0; }
.index #section1 .titleBox { margin-bottom: 5rem; }
.index #section1 .titleBox .topLine { background: #2497d3; margin: 0 auto 4rem; }
.index #section1 .titleBox .text1 { margin-bottom: 15px; color: #333; }
.index #section1 .titleBox .text2 { color: #666; }

.index #section1 .itemBox { 
-ms-display:flex; -ms-flex-wrap:wrap; 
display:flex; flex-wrap:wrap; 
margin-bottom: 8rem;
}
.index #section1 .itemBox > li { width: calc( 100% / 3 ); text-align: center; max-height: 33rem; padding: 0 10px; }
.index #section1 .itemBox > li .img { position: relative; margin-bottom:4.5rem;  }
.index #section1 .itemBox > li .img img { display: block; margin: 0 auto; width: 20rem; } 
.index #section1 .itemBox > li .img:before {
content: 'more +'; position: absolute; right: 26%; bottom: 10%;  color: #000; font-size: 16px; text-align: center;
font-weight: 500; transition:0.4s; background: #fff; display: inline-block; padding: 2px 5px 5px 5px; border-radius:6px;
}
.index #section1 .itemBox > li .img:after { 
content: ''; position: absolute; right: calc( -3rem - 10px); top: 50%; transform:translateY(-50%); width: 6rem; height: 2px; background: #eee;
}
.index #section1 .itemBox > li:last-child .img:after { display: none; }
.index #section1 .itemBox > li .text1 { font-size: 2rem; color: #333; font-weight: bold; margin-bottom: 10px; padding: 0 15px; }
.index #section1 .itemBox > li .text2 { font-size: 1.6rem; color: #666; line-height: 1.6; padding: 0 15px; }
.index #section1 .itemBox > li a:hover .img:before { transform:scale(1.2); }



@media (max-width:991px) {
	.index #section1 .itemBox > li { width: 100%; max-height: initial; margin-bottom: 40px; }
	.index #section1 .itemBox > li:last-child { margin-bottom: 0; }
	.index #section1 .itemBox > li .img:before { right: auto; left: 50%; transform:translateX(-50%); bottom: 5%; font-size: 14px; }
	.index #section1 .itemBox > li a:hover .img:before { transform:translateX(-50%) scale(1.2); }
	.index #section1 .itemBox > li .img:after { display: none; }
	.index #section1 .itemBox > li .text1 { font-size: 16px; }
	.index #section1 .itemBox > li .text2 { font-size: 14px; }
}

/* section_movie */
.index #section_movie { 
padding: 13rem 0; background: url(img/index_movie_bg.jpg) no-repeat center center / cover; background-attachment: fixed; position: relative;
}
.index #section_movie .movieIcon { text-align: center; }
.index #section_movie .movieIcon a { display: block; color: #000; font-size: 7rem; }
.index #section_movie .textBox { text-align: center; color: #000; margin-top: 3rem; }
.index #section_movie .textBox .text1 { font-size: 3rem; font-weight: 500; line-height: 1.3; margin-bottom: 1.5rem; }
.index #section_movie .textBox .text2 { font-size: 1.8rem; line-height: 1.6; color: #444; }
@media (max-width:768px) {
	.index #section_movie .textBox { padding: 0 10px; }
	.index #section_movie .textBox .text2 { font-size: 13px; }
	.index #section_movie .textBox .text2 br { display: none; }
}


/* 모달 */
#movieV1 { z-index: 2001; }
#movieV1 .modal-dialog { margin: 110px auto 0; }
#movieV1 .modal-content { border: none; border-radius:0; background: none; }
#movieV1 .modal-body { padding: 0; height: auto; padding-bottom: 56.25%; }
#movieV1 .mainPlayer { 
position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 9000; width: 100%; height: 100%;
}
#movieV1 .videoClose { 
position: absolute; left: 50%; transform:translateX(-50%); bottom: -50px;display: block; background: none; border: none; text-align: center; padding: 0;
width: 50px; height: 40px;
}
#movieV1 .videoClose:hover { background: none; outline:none; border: none; }
#movieV1 .videoClose > i { color: #fff; font-size: 40px; }
@media (min-width: 768px) {
	#movieV1 .modal-dialog { width: 80%; margin: 20px auto 0; }
}
@media (max-width:768px) {
	#movieV1 .modal-dialog { position: absolute; width: 100%; top: 50%; transform:translateY(-50%); margin: 0; }
	#movieV1.modal.in .modal-dialog { transform:translateY(-50%); }
	#movieV1 .videoClose { position: static; margin: 20px auto 0; transform:translateX(0); }

}


/* section2 */
.index #section2 { background: url(img/section2_bg.jpg) no-repeat center center / cover; }
.index #section2 > div { padding: 10rem 0; }
.index #section2 .titleBox { margin-bottom: 4.5rem; }
.index #section2 .titleBox .topLine { background: #fff; margin: 0 auto 3.5rem; }
.index #section2 .titleBox .text1 { margin-bottom: 15px; color: #fff; }
.index #section2 .titleBox .text2 { color: #fff; }


/* section3 */
.index #section3 { padding: 10rem 0; background: #f8f8f8; }
.index #section3 .titleBox { margin-bottom: 4.5rem; }
.index #section3 .titleBox .topLine { background: #2497d3; margin: 0 auto 3.5rem; }
.index #section3 .titleBox .text1 { margin-bottom: 15px; color: #333; text-transform: initial; }
.index #section3 .titleBox .text2 { color: #666; }

.index #section3 .itemList { 
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.index #section3 .itemList > li { width: calc( 100% / 4 ); text-align: center; position: relative; height: 30rem; }
.index #section3 .itemList > li .boxV1 { 
position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 100%; text-align: center; display: block; z-index: 10;
}
.index #section3 .itemList > li .iconWrap { width: 13rem; height: 13rem; border-radius:50%; margin: 0 auto 2.7rem; overflow: hidden; transition:0.4s; }
.index #section3 .itemList > li .iconWrap .icon,
.index #section3 .itemList > li .iconWrap .iconHover { 
display: block; height: inherit; background-repeat: no-repeat; background-position: center center; background-size:auto 6.9rem; transition:0.4s;
}
.index #section3 .itemList > li .text1 { font-size: 2rem; font-weight: bold; margin-bottom: 15px; }
.index #section3 .itemList > li .text2 { font-size: 16px; line-height: 1.6; text-transform: uppercase; }
.index #section3 .itemList > li .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #2497d3; transition:0.4s; }

/* 첫번째 li */
.index #section3 .itemList > li:nth-child(1) { background: #2497d3; }
.index #section3 .itemList > li:nth-child(1) .iconWrap { background: #fff; }
.index #section3 .itemList > li:nth-child(1) .iconWrap .icon { background-image: url(img/section3_iconV1_01.png); }
.index #section3 .itemList > li:nth-child(1) .iconWrap .iconHover { background-image: url(img/section3_iconV1_hover_01.png); }
.index #section3 .itemList > li:nth-child(1) .text1 { color: #fff; }
.index #section3 .itemList > li:nth-child(1) .text2 { color: #fff; }

/* 두번째 li */
.index #section3 .itemList > li:nth-child(2) { background: #fff; }
.index #section3 .itemList > li:nth-child(2) .iconWrap { background: #2497d3; }
.index #section3 .itemList > li:nth-child(2) .iconWrap .icon { background-image: url(img/section3_iconV1_02.png); }
.index #section3 .itemList > li:nth-child(2) .iconWrap .iconHover { background-image: url(img/section3_iconV1_hover_02.png); }
.index #section3 .itemList > li:nth-child(2) .text1 { color: #333; }
.index #section3 .itemList > li:nth-child(2) .text2 { color: #333; }

/* 세번째 li */
.index #section3 .itemList > li:nth-child(3) { background: #2497d3; }
.index #section3 .itemList > li:nth-child(3) .iconWrap { background: #fff; }
.index #section3 .itemList > li:nth-child(3) .iconWrap .icon { background-image: url(img/section3_iconV1_03.png); }
.index #section3 .itemList > li:nth-child(3) .iconWrap .iconHover { background-image: url(img/section3_iconV1_hover_03.png); }
.index #section3 .itemList > li:nth-child(3) .text1 { color: #fff; }
.index #section3 .itemList > li:nth-child(3) .text2 { color: #fff; text-transform: initial; }

/* 네번째 li */
.index #section3 .itemList > li:nth-child(4) { background: #fff; }
.index #section3 .itemList > li:nth-child(4) .iconWrap { background: #2497d3; }
.index #section3 .itemList > li:nth-child(4) .iconWrap .icon { background-image: url(img/section3_iconV1_04.png); }
.index #section3 .itemList > li:nth-child(4) .iconWrap .iconHover { background-image: url(img/section3_iconV1_hover_04.png); }
.index #section3 .itemList > li:nth-child(4) .text1 { color: #333; }
.index #section3 .itemList > li:nth-child(4) .text2 { color: #333; }

.index #section3 .itemList > li .text2 span { display: block; color: #ff0000; }

/* li hover */
.index #section3 .itemList > li:hover .iconWrap span { transform:translate(0, -13rem); }
.index #section3 .itemList > li:hover .bg { height: 100%; }

/* 첫번째 li hover */
.index #section3 .itemList > li:nth-child(1):hover .iconWrap { background: #2497d3; }
.index #section3 .itemList > li:nth-child(1):hover .text1 { color: #333; }
.index #section3 .itemList > li:nth-child(1):hover .text2 { color: #333; }
.index #section3 .itemList > li:nth-child(1):hover .bg { background: #fff; }

/* 두번째 li hover */
.index #section3 .itemList > li:nth-child(2):hover .iconWrap { background: #fff; }
.index #section3 .itemList > li:nth-child(2):hover .text1 { color: #fff; }
.index #section3 .itemList > li:nth-child(2):hover .text2 { color: #fff; }
.index #section3 .itemList > li:nth-child(2):hover .bg { background: #2497d3; }

/* 세번째 li hover */
.index #section3 .itemList > li:nth-child(3):hover .iconWrap { background: #2497d3; }
.index #section3 .itemList > li:nth-child(3):hover .text1 { color: #333; }
.index #section3 .itemList > li:nth-child(3):hover .text2 { color: #333; }
.index #section3 .itemList > li:nth-child(3):hover .bg { background: #fff; }

/* 네번째 li hover */
.index #section3 .itemList > li:nth-child(4):hover .iconWrap { background: #fff; }
.index #section3 .itemList > li:nth-child(4):hover .text1 { color: #fff; }
.index #section3 .itemList > li:nth-child(4):hover .text2 { color: #fff; }
.index #section3 .itemList > li:nth-child(4):hover .text2 span { color: #fff; }
.index #section3 .itemList > li:nth-child(4):hover .bg { background: #2497d3; }


@media (max-width:991px) {
	.index #section3 .itemList > li { width: calc(  100% / 2 ); padding: 0 15px; }
	.index #section3 .itemList > li .text2 { font-size: 14px; }
	.index #section3 .itemList > li .bg { height: 0; }
	
	/* 세번째 li */
	.index #section3 .itemList > li:nth-child(3) { background: #fff; }
	.index #section3 .itemList > li:nth-child(3) .iconWrap { background: #2497d3; }
	.index #section3 .itemList > li:nth-child(3) .iconWrap .icon { background-image: url(img/section3_iconV1_hover_03.png); }
	.index #section3 .itemList > li:nth-child(3) .iconWrap .iconHover { background-image: url(img/section3_iconV1_03.png); }
	.index #section3 .itemList > li:nth-child(3) .text1 { color: #333; }
	.index #section3 .itemList > li:nth-child(3) .text2 { color: #333; }

	/* 네번째 li */
	.index #section3 .itemList > li:nth-child(4) { background: #2497d3; }
	.index #section3 .itemList > li:nth-child(4) .iconWrap { background: #fff; }
	.index #section3 .itemList > li:nth-child(4) .iconWrap .icon { background-image: url(img/section3_iconV1_hover_04.png); }
	.index #section3 .itemList > li:nth-child(4) .iconWrap .iconHover { background-image: url(img/section3_iconV1_04.png); }
	.index #section3 .itemList > li:nth-child(4) .text1 { color: #fff; }
	.index #section3 .itemList > li:nth-child(4) .text2 { color: #fff; }
	.index #section3 .itemList > li:nth-child(4) .text2 span { color: #fff; }

	/* 세번째 li hover */
	.index #section3 .itemList > li:nth-child(3):hover .iconWrap { background: #fff; }
	.index #section3 .itemList > li:nth-child(3):hover .text1 { color: #fff; }
	.index #section3 .itemList > li:nth-child(3):hover .text2 { color: #fff; }
	.index #section3 .itemList > li:nth-child(3):hover .bg { background: #2497d3; }

	/* 네번째 li hover */
	.index #section3 .itemList > li:nth-child(4):hover .iconWrap { background: #2497d3; }
	.index #section3 .itemList > li:nth-child(4):hover .text1 { color: #333; }
	.index #section3 .itemList > li:nth-child(4):hover .text2 { color: #333; }
	.index #section3 .itemList > li:nth-child(4):hover .text2 span { color: #ff0000; }
	.index #section3 .itemList > li:nth-child(4):hover .bg { background: #fff; }
	
}
@media (max-width:768px) {
	.index #section3 .itemList > li .text2 { font-size: 12px; }
}
@media (max-width:580px) {
	.index #section3 .itemList > li:nth-child(3) .boxV1 { height: 168.05px; }
}

/* section4 */
.index #section4 .root_daum_roughmap { width: 100%; }
.index #section4 .root_daum_roughmap .wrap_map { height: 66.4rem; }


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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
.footer { font-family: 'Nanum Gothic', sans-serif; }
.footer .contentsBox { background: #333; padding: 5rem 0 4.5rem;  }
.footer .itemBox { 
-ms-display:flex; -ms-flex-wrap:wrap; align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
}
.footer .itemBox .f_logo { width: 25%; padding-right: 7rem; }

.footer .itemBox .textBox { width: 50%; margin-top: 24px; color: #999; font-size: 13px; line-height: 1.6; padding-right: 2rem; }
.footer .itemBox .textBox a { color: inherit; }
.footer .itemBox .textBox .colorV1 { color: #fff; margin-left: 3px; }
.footer .itemBox .textBox .boxV1 > span:after { content: '|'; margin: 0 8px; }
.footer .itemBox .textBox .boxV1 > span:last-child:after { display: none; }
.footer .itemBox .copy { margin-top: 24px; }

.footer .itemBox .snsList { width: 25%; margin-top: 24px; padding: 0 10px; text-align: right; }
.footer .itemBox .snsList > ul > li { display: inline-block; margin-right: 2.5rem; }
.footer .itemBox .snsList > ul > li:last-child { margin-right: 0; }

footer > .info_box { padding:10px 0; background:#666; }
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 > li { position:relative; }
footer .info > li:before { content:''; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#fff; }
footer .info > li:last-child:before { display:none; }
footer .info > li > a { display:block; color:#fff; font-size:12px; line-height:1.8; margin-right:30px;  }

@media (max-width:991px) {
	.footer .itemBox .f_logo { width: 100%; }
	.footer .itemBox .textBox { width: 100%; margin-top: 30px; padding-right: 0; }
	.footer .itemBox .snsList { width: 100%; text-align: left; margin-top: 30px; padding: 0; }
}
@media (max-width:768px) {
	.footer .itemBox .textBox .boxV1 > span { display: block; }
	.footer .itemBox .textBox .boxV1 > span:after { display: none; }
}
@media (max-width:580px) {
footer .info > li { width:50%; }
footer .info > li:nth-child(1) { order:1; }
footer .info > li:nth-child(2) { order:4; }
footer .info > li:nth-child(3) { order:3; }
footer .info > li:nth-child(4) { order:2; }
footer .info > li:before { right: 0; }
footer .info > li:nth-child(2n):before { display:none; }
footer .info > li > a { margin-right: 0; }
}

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



.subMob { height:9.6rem; background: #2497d3;  }

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




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