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


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
* { margin:0; padding:0; outline:none; }
html { position: relative; }
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 폰트 사이즈 */
/* 1024이상 - 낮은 해상도의 pc, 태블릿 가로 */
@media (max-width:1400px) {
	html { font-size: 9px; }
}
@media (max-width:1023px) { /* 태블릿 가로 */
	html { font-size: 8.5px; }
}
@media (max-width:767px) { /* 태블릿, 모바일 가로 */
	html { font-size: 7.5px; }
}
@media (max-width:480px) { /* 모바일 */
	html { font-size: 6.5px; }
}

/*
mainColor
#054a95

*/

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


/*페이지 변수	*/

:root{
	--font-size13: min(3.25vw, 13px);
	--font-size14: min(3.50vw, 14px);
	--font-size16: min(4vw, 16px);
	--font-size18: min(4.50vw, 18px);
	--font-size20: min(5vw, 20px);
	--font-size22: min(5.50vw, 22px);
	--font-size25: min(6.25vw, 25px);
	--font-size30: min(7.50vw, 30px);
	--font-size45: min(11.25vw, 45px);
	--color-main: #004986;
	--color-main2: #014886;
}



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

#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; transition:0.4s;
}


/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu .outer { -ms-display:flex; display:flex; }
#h_menu .outer > li { position:relative; margin-right: 6.5rem; } 
#h_menu .outer > li:last-child {margin-right: 0;}
#h_menu .outer > li > a {
display:block; font-size:18px; font-weight:700; text-align:center; transition:0.4s; color: #000; height: 10rem; line-height: 10rem;
transition: all 0.3s; position: relative;
}
#h_menu .outer > li > a::before {content: ""; position: absolute; background: #004986; width: 0; height: 2px; right: 0; bottom: 30%; transition: all 0.3s;}
/*---------------------------------------- //outer ---------------------------------------------*/


/*---------------------------------------- inner ---------------------------------------------*/
#h_menu .outer > li > .inner {
position:absolute; right:0; top:100%; z-index:1; border-top:5px solid #100964;
width:20rem; background:#fff; padding:10px 0; display:none; box-shadow:0 5px 5px rgba(0,0,0,0.2);
border-radius: 0 0 0 10px;
}
#h_menu .outer > li > .inner > li > a  { display:block; transition:all 0.3s; padding:15px 20px; font-size:15px; text-align:right;}

/*---------------------------------------- //inner ---------------------------------------------*/



/* hover */
#h_menu .outer > li:hover > a { color:#0884cb; }
#h_menu .outer > li:hover > .inner { display:block;} 
#h_menu .outer > li > .inner > li > a:hover { color:#fff; background:#004986; }
#h_menu .outer > li > a:hover:before {width: 100%; right: auto; left: 0;}

/* 스크롤 했을 때 해드 효과 */
.header_wrap.scroll {border-bottom: 1px solid rgba(0,0,0,0.5); }
/*.header_wrap.scroll #header { height: 8rem;}*/
.header_wrap.scroll .logo a { margin-bottom: 0; }
.header_wrap.scroll #h_menu .outer > li > a { height: 7rem; line-height: 7rem;}
.header_wrap.scroll #h_menu .outer > li > a::before {bottom: 25%;}

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




@media (max-width:1400px) {
	#h_menu .outer > li { position:relative; margin-right: 5rem; } 
	#h_menu .outer > li:last-child { margin-right: 0; }
	#h_menu .outer > li > a { font-size: 16px; }
}



@media (max-width:991px) {
	.header_wrap .containerV1{padding: 3px 15px;}
	#header { height: 60px; }
	
	.logo a { margin-bottom: 0; }
	.logo a img {height: max(40px,5.5rem);}

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


	/* menu */
	.menu_box { 
	background-color:#054a95; 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;
	}
	#h_menu .outer > li > a::before {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;
	box-shadow: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 #header { height: 7.294rem; }
	.header_wrap.scroll #h_menu .outer > li > a { height: auto; line-height: 1; }

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

/*@media all and (max-width: 500px) {*/
/*	#header { height: 60px; }*/

/*}*/


.title_pc {width:100%; height:100%;}

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





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







.ik_index_frame {}

.ik_index_frame .index_frame_01 {background: url(img/index_bg01.jpg) no-repeat center bottom / cover; padding: max(80px, 6.25vw) 0 max(30px, 6.25vw) 0;}
.ik_index_frame .index_frame_01 .frame_text {padding-top: 4.7%;}
.ik_index_frame .index_frame_01 .frame_01_box1 {color: #000; line-height: 1.6; font-weight: 400; }
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text0 h3 {font-family: 'Poppins', sans-serif; font-size: var(--font-size20); color: #535353; line-height: 1.2; text-transform:uppercase;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text1 h1 {font-family: 'Poppins', sans-serif; font-weight: 600; font-size: var(--font-size45); color:#100964; text-transform:uppercase; line-height: 1.2; padding-bottom: 1rem;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text2 {padding-bottom: 1.5rem;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text2 p {font-size: var(--font-size25);}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text3 p {font-size: var(--font-size16); padding-bottom: 3rem;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 {padding-bottom: 3rem;  line-height: 18px; display: flex; gap: 0 10px; flex-wrap: wrap;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 .text4_btn1 {display: inline-block; width:150px; height:40px; background: #0e1138; color: #fff; margin: 0 auto; padding: 10px; transition: 0.5s;
border: 2px solid #0e1138; box-sizing: border-box;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 a > div > span {font-size: 15px;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 .text4_btn1:hover {background: #fff; color: #0e1138; transition: 0.5s;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 .text4_btn2 {display: inline-block; width:150px; height:40px; background: #004986; color: #fff; margin: 0 auto; padding: 10px; transition: 0.5s;
border: 2px solid #004986; box-sizing: border-box;}
.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 .text4_btn2:hover {background: #fff; color: #004986; transition: 0.5s;}

.ik_index_frame .frame_01_box2 {}
.ik_index_frame .frame_01_box2 {width: 100%; height:auto;}
.ik_index_frame .frame_01_box2 img {width: 100%;}

@media all and (max-width: 1230px) {
	.ik_index_frame .index_frame_01 .frame_text {padding-top: 0;}
}
@media all and (max-width: 991px) {
	.ik_index_frame .index_frame_01 {background: url(img/index_bg01.jpg) no-repeat center center / cover;}
}

@media all and (max-width: 550px) {
	.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text3 p br {display: none;}
}

@media all and (max-width: 500px) {
	.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 {flex-direction: column; gap: 10px 0;}
	.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 > a {display: block; width: 100%; }
	.ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 .text4_btn1, .ik_index_frame .index_frame_01 .frame_01_box1 .box1_text4 .text4_btn2 {width: 100%;}
}



/* section2 */

.ik_index_frame .index_frame_02 {padding: max(70px, 5.21vw) 0;}
.ik_index_frame .index_frame_02 .frame_02_box1 {color: #000; line-height: 1.6; font-weight: 400;}
.ik_index_frame .index_frame_02 .frame_02_box1 .box1_text1 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: var(--font-size20); color:#626262; text-transform:uppercase; line-height: 1.2; padding-bottom: 3.0rem; text-align:center;}
.ik_index_frame .index_frame_02 .frame_02_box1 .box1_text2 {color: #434343;  font-family: 'Poppins', sans-serif; font-weight: 500;  font-size: var(--font-size45);  padding-bottom: 2rem; text-transform:uppercase; text-align:center;}
.ik_index_frame .index_frame_02 .frame_02_box1 .box1_text3 {border-top: 5px solid #004986; width:100px; margin: 0 auto; padding-bottom: 3.0rem;}
.ik_index_frame .index_frame_02 .frame_02_box1 .box1_text4 {font-size: var(--font-size16); padding-bottom: 50px;  line-height: 18px; text-align:center; color: #000; font-weight: 500;}
.index_frame_02 .frame_02_img_box  {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}



.ik_index_frame .index_frame_02 .frame_02_box2  {display: block; padding-bottom: 36.5%;}
.ik_index_frame .index_frame_02 .frame_02_box21  {width:100%; height:auto; position:relative;}
.ik_index_frame .index_frame_02 .frame_02_box21 img  {width:100%; height:auto; border:0px; display:block; position:absolute; top:0px; left:0px; transition: opacity 0.5s;}
.ik_index_frame .index_frame_02 .frame_02_box21:hover img:last-child { opacity:0 }






/* section3 */
.index_frame_03 { padding:80px 0 10rem; background:url('img/index_frame03_bg.jpg') no-repeat; background-size:cover; background-position:center center; }
.index_frame_03 .index_title {color:#fff; text-transform:uppercase; margin-bottom: 20px;}
.index_frame_03 .index_title > .text1 {font-family: 'Poppins', sans-serif; font-size: var(--font-size20); line-height: 1.4;}
.index_frame_03 .index_title > .text2 {font-family: 'Poppins', sans-serif; font-size: var(--font-size45); line-height: 1.6; }
.index_frame_03 .index_title > .text2_linebox {border-top: 5px solid #fff; width:100px; margin: 0 auto; margin-top: 5px; padding-bottom: 2.3rem;}
.index_frame_03 .index_title > .text3 {font-family: 'Noto Sans KR', sans-serif; font-size: var(--font-size16); line-height: 1.4; font-weight: 300;}

.index_frame_03 .itemBox { 
margin-top: 50px;
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.index_frame_03 .itemBox > li { width: calc( 50% - 10px ); margin-right: 15px; }
.index_frame_03 .itemBox > li:last-child { margin-right: 0; }

/* item2-1,2-2 */
/*.index_frame_03 .itemBox > li > .item2-2 {height: calc(46% - 17px);}*/

/* item2-1-1,2-1-2 */
.index_frame_03 .itemBox > li > article:first-child { 
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
gap: 0 14px;
margin-bottom: 18px;
}
.index_frame_03 .itemBox > li > article:first-child > div { width: calc( 50% - 7px ); }
.index_frame_03 .itemBox > li > article:first-child > div:last-child { margin-right: 0; }
.index_box3_g06 { border:5px solid #e5e5e5; padding: 20px 20px 15px 20px; position:relative; background:#fff; }
.index_box3_g06 > .text1 { font-size: var(--font-size22); color:#252525; font-weight:500; margin-bottom:15px; }
.index_box3_g06 > .text2 { font-size:var(--font-size16); color:#a1a1a1; font-weight:400; line-height:1.6; margin-bottom:30px; }
.index_box3_g06 > .more { display:inline-block; font-size:15px; color:#fff; font-weight:400; padding:10px 20px; background:#072f70; border-radius:10px; transition:.4s; }
.index_box3_g06:hover > .more { background:#103268; }
.index_box3_g06 > .more > i { margin-left:5px; transform:translateY(-1px); }
.index_box3_g06 > .img { position:absolute; right:5px; bottom:5px; }

/* item2-2 */

.index_frame_03 .index_box3_p { border:5px solid #e5e5e5; padding:20px 30px; position:relative; height: 100%; background:#fff; display: flex; }
.index_box3_p > .text_box { display:inline-block; width:70%; vertical-align:top; }
.index_box3_p > .text_box > .text1 { font-size: var(--font-size22); color:#252525; font-weight:500;}
.index_box3_p > .text_box > .text_call01 { font-size:var(--font-size30); color:#ff0000; font-weight:400; line-height:1.6;}
.index_box3_p > .text_box > .text_call01 a {color:#ff0000;}
.index_box3_p > .text_box > .text_call02 { font-size:var(--font-size18); color:#626262; font-weight:400; line-height:1.4; }

.index_box3_p > .img_box { display:inline-block; vertical-align:top; background:#fff; display: flex;}
.index_box3_p > .img_box > .img { width: 50%; }
.index_box3_p > .img_box > .img > a { display:block; text-align:center; font-size:16px; color:#000; font-weight:400; }
.index_box3_p > .img_box > .img > a > img { margin-bottom:10px; border-radius:50%; transition:.4s; text-align:center; }
.index_box3_p > .img_box > .img > a:hover > img { box-shadow:0 0 8px rgba(0,0,0,.8);  }

/* kakaomap */

.itemBox .item_map .label_box {width: 100%; display: flex;}
.itemBox .item_map input {display: none;}
.itemBox .item_map .label_box label {width: 50%; padding: 13px 10px; text-align: center; display: flex; justify-content: center; align-items: center; background: #fff; color: #707070; font-weight: bold;
font-size:var(--font-size18); cursor: pointer; margin-bottom: 0; transition: all 0.3s;}
.itemBox .item_map .map_ul {width: 100%; position: relative; height: 393px;}
.itemBox .item_map .map_ul > .tab_li {position: absolute; width: 100%; opacity: 0; visibility: hidden; transition: all 0.3s;}

.root_daum_roughmap { width:100%; }
.root_daum_roughmap .wrap_map { height:349px; }
.root_daum_roughmap .wrap_controllers { display:none; }
.root_daum_roughmap .wrap_btn_zoom { display:none; }

/*tab_click*/
.itemBox .item_map .map_ul > #item_tab1:checked ~ .tab_li01 {opacity: 1; visibility: visible; }
.itemBox .item_map .map_ul > #item_tab1:checked ~ .label_box .label01 {color: #fff; background: #004986;}

.itemBox .item_map .map_ul > #item_tab2:checked ~ .tab_li02 {opacity: 1; visibility: visible; }
.itemBox .item_map .map_ul > #item_tab2:checked ~ .label_box .label02 {color: #fff; background: #004986;}


@media (max-width:1300px) {
	.index_box3_g06 { padding:20px 12px; height: 100%;}
	.index_box3_p { padding:10px 20px; }
/*	.index_box3_g06 > .text2 > br { display:none; }*/
	.index_box3_p > .img_box > .img > a > img {margin:0 auto 10px; }
}

@media (max-width:1230px) {
	.index_frame_03 .index_box3_p {gap: 0 10px;}
	.index_box3_p > .img_box {padding-top: 20px;}
	.itemBox .item_map .map_ul {height: 420px;}
	.root_daum_roughmap .wrap_map {height: 375px;}
}

@media (max-width:1167px) {
	.itemBox .item_map .map_ul {height: 445px;}
	.root_daum_roughmap .wrap_map {height: 400px;}
	.index_box3_p > .img_box > .img > a img {width: 80%;}
}

@media (max-width:991px) {
	.index_frame_03 .itemBox > li { width: 100%; margin-right: 0; margin-bottom: 40px; }
	.index_frame_03 .itemBox > li:last-child { margin-bottom: 0; }

	.index_box3_g06 { padding:20px 20px; }

	.index_box3_p { padding:20px 20px; }
	.index_box3_p > .text_box {width: 50%; display: flex; flex-direction: column; justify-content: center;}
	.index_box3_p > .img_box {padding-top: 0; width: 50%;}
	.index_box3_p > .img_box > .img > a {display: flex; flex-direction: column;}
	.index_box3_p > .img_box > .img > a img {width: auto;}
}
@media (max-width:768px) {
	.index_box3_p > .text_box > .text2 > br { display:none; }
	.index_box3_p > .img_box { margin-top:20px; }
	.itemBox .item_map .map_ul {height: 300px;}
	.root_daum_roughmap .wrap_map { height:256px; }
}
@media (max-width:575px) {
	.index_frame_03 .itemBox > li > article { height:auto; margin-bottom: 0; }
	.index_frame_03 .itemBox > li > article:first-child > div { width:100%; margin-right: 0; margin-bottom: 12px; }
	.index_frame_03 .index_box3_p {flex-direction: column;} 
	.index_box3_p > .text_box {  width:100%; }
	.index_box3_p > .img_box { display: flex; width:100%; }
	.index_box3_p > .img_box > .img > a > img { width:75%; margin:0 auto 10px; }
}






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






/*--------------------------------------------------- 푸터세팅 인규 ----------------------------------------------------------------------------*/
.ik_copy_frame {}
.ik_copy_frame a {color: #fff;}
.ik_copy_frame .copy_box1 {background: #313131; color:#fff; border-bottom: 1px solid #6e6e6e;}
.ik_copy_frame .copy_box1 .box1_bd {}
.ik_copy_frame .copy_box1 .box1_text1 {padding:20px 0; font-size: 15px;}
/*.ik_copy_frame .copy_box1 .box1_text1 a:hover {color: #6baff9; transition: 0.5s;}*/
.ik_copy_frame .copy_box1 .box1_text1 .span1 {padding-left:5px; padding-right:5px; vertical-align: middle;}
.ik_copy_frame .copy_box1 .box1_text1 .span2 {font-size: 10px; vertical-align: middle; padding-left: 3px;}

.ik_copy_frame .copy_box1 .box1_text2 {padding: 10px 0; font-size: 15px;}

.ik_copy_frame .copy_box1 .box1_text2 select {
width: 200px;
padding:10px;
border: 1px solid #626262;
color:#fff;
background: url('img/arrow.png') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.ik_copy_frame .copy_box1 .box1_text2 select option {background-color:#313131;}


.ik_copy_frame .copy_box2 {background: #313131; color:#fff;}
.ik_copy_frame .copy_box2 .box2_bd {border-top: 1px solid #434343;}

.ik_copy_frame .copy_box2 .box2_text1 {padding:50px 0 50px 40px;}

.ik_copy_frame .copy_box2 .box2_text2 {padding:40px 0 40px 0; line-height:23px; font-size: 15px;}
.ik_copy_frame .copy_box2 .box2_text2 .tail_text span {}
/*.ik_copy_frame .copy_box2 .box2_text2 .tail_text span::before {content:""; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); width: 2px; height: 13px; background:#fff;}*/

.ik_copy_frame .copy_box2 .box2_text2 .admin {padding: 0px 0;}

@media (max-width: 991px) {
.ik_copy_frame .copy_box2 .box2_text2 {padding:20px 0; text-align:center;}
  }













/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
#footer { padding: 20px 0 25px; background: #313131; }
#footer .itemBox { 
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:flex-end;
display:flex; flex-wrap:wrap; align-items:flex-end;
}
#footer .itemBox .f_logo { width: 29.4rem; margin-right: 4.5rem; margin-bottom: 10px; }
#footer .itemBox .textBox { width: calc( 100% - 33.9rem ); color: #fff; }
#footer .itemBox .textBox a { color: inherit; }
#footer .itemBox .textBox .linkList {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
margin-bottom: 15px;
}
#footer .itemBox .textBox .linkList > li { margin-right: 10px; }
#footer .itemBox .textBox .linkList > li:last-child { margin-right: 0; }
#footer .itemBox .textBox .linkList > li > a { display: block; font-size: 15px; }
#footer .itemBox .textBox .linkList > li > a:after { content: '|'; display: inline-block; font-size: 12px; margin-left: 10px; transform:translateY(-2px); }
#footer .itemBox .textBox .linkList > li:last-child > a:after { display: none; }

#footer .itemBox .textBox .text { font-size: 13px; line-height: 1.6; }
#footer .itemBox .textBox .text span { margin-right: 6px; }
#footer .itemBox .textBox .text span:last-child { margin-right: 0; }
#footer .itemBox .textBox .text span:after { content: '|'; display: inline-block; font-size: 10px; margin-left: 8px; transform:translateY(-2px); }
#footer .itemBox .textBox .text span:last-child:after { display: none; }

@media (max-width:1200px) {
	#footer .itemBox .f_logo { align-self:center; margin-bottom: 0; }
}
@media (max-width:767px) {
	#footer .itemBox .textBox { width: 100%; margin-top: 20px; }
	#footer .itemBox .textBox .linkList > li > a { font-size: 13px; }
	#footer .itemBox .textBox .linkList > li > a:after { font-size: 10px; }

	#footer .itemBox .textBox .text { font-size: 12px; margin: 10px 0; }
	#footer .itemBox .textBox .text span { display: block; }
	#footer .itemBox .textBox .text span:after { display: none;}
}
@media (max-width:480px) {
	.ik_copy_frame {padding-bottom: 14.9rem;}
	#footer .itemBox .textBox .linkList > li { width:50%; margin-right: 0; text-align: center; margin: 5px 0; }
	#footer .itemBox .textBox .linkList > li:nth-child(1) { order:1; }
	#footer .itemBox .textBox .linkList > li:nth-child(2) { order:4; }
	#footer .itemBox .textBox .linkList > li:nth-child(3) { order:3; }
	#footer .itemBox .textBox .linkList > li:nth-child(4) { order:2; }
	#footer .itemBox .textBox .linkList > li > a { position: relative; }
	#footer .itemBox .textBox .linkList > li > a:after { position: absolute; right: 0; top: 50%; transform:translateY(-50%); }
	#footer .itemBox .textBox .linkList > li:nth-child(2n) > a:after { display: none; }
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/





.subMob { height: 7.294rem; background: transparent;  }

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




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


/* 모바일 사이즈에서도 위 위젯설정 버튼 보이게 */
@media (max-width:767px) {
	#style-switcher { display: block !important; }
}




@media (max-width:991px) {
	.sidemenu {display:none;}
}