@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=Noto+Serif:wght@400;700&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
#

*/

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

/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
.header_wrap { 
position:fixed; right:0; top:0; width:100%; z-index:2000; transition:0.4s; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.topBarWrap { border-bottom: 1px solid #ececec; }
.topBarWrap .containerV1 {
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
height: 50px;
}
.topBarWrap .containerV1 .rightItem .itemBox {
-ms-display:flex; -ms-align-items:center;
display:flex; align-items:center;
}
.topBarWrap .searchWrapV1 { margin-right: 4.5rem; }
.topBarWrap .searchWrapV1 .inputV1 { border: 1px solid #dadada; height: 30px; line-height: 30px; padding: 0 5px; max-width: 150px; }
.topBarWrap .searchWrapV1 .submitV1 { border: none; }
.topBarWrap .other { width: 60px; text-align: center; margin-right: 4px; }
.topBarWrap .other:last-child { margin-right: 0; }
.topBarWrap .other > a { 
display: block; height: 30px; line-height: 30px; border: 1px solid #dadada; border-radius:2px;
font-size: 12px; color: #000;
}


#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: 25.5rem; height: 5.9rem; transition:0.4s; 
background-image: url(img/logo.png); background-repeat: no-repeat; background-position: 0 center; background-size:100%;
}


/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu .outer { -ms-display:flex; display:flex; position: relative; }
#h_menu .outer > li { position:relative; margin-right: 1.5rem; } 
#h_menu .outer > li:last-child { margin-right: 0; }
#h_menu .outer > li > a {
display:block; font-size:16px; letter-spacing: -0.05em; text-align:center; transition:0.4s; padding: 0 7rem;
height:8rem; line-height:8rem; color: #333;
}
#h_menu .outer > .btnBefore { margin-right: 40px; }
#h_menu .outer > .siteMapIcon { position: absolute; right: 0; top: 50%; transform:translate(-40px, -50%); visibility:hidden; opacity: 0; transition:0.3s; }
#h_menu .outer > .siteMapIcon > a {
padding: 0; width: 40px; height: 40px; background: #000; line-height: 40px; color: rgba(255,255,255,0.6); border-radius:2px;
}
/*---------------------------------------- //outer ---------------------------------------------*/


/*---------------------------------------- inner ---------------------------------------------*/
#h_menu .outer > li > .inner {
position:absolute; left: 50%; transform:translateX(-50%); z-index:1; border: 1px solid #ddd; border-top:5px solid #000; 
width:100%; 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 */
#h_menu .outer > li:hover > a { color:#000; }
#h_menu .outer > .siteMapIcon:hover > a { color:#fff; }
#h_menu .outer > li:hover > .inner { display:block; } 
#h_menu .outer > li > .inner > li > a:hover { color:#000; background:rgba(0,0,0,.1); } 


/* 스크롤 했을 때 해드 효과 */
.header_wrap.scroll { top: -50px; }
.header_wrap.scroll .logo a { background-size:90%; }
.header_wrap.scroll #h_menu .outer > .siteMapIcon { transform:translate(0, -50%); visibility:visible; opacity: 1; }

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









@media (max-width:991px) {

	.header_wrap { top: 0; height: 8rem; }

	.header_wrap #header { height: 8rem; }

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


	/* menu */
	.menu_box { 
	background-color:#000; 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 > .btnBefore { 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;
	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 */
	#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 { top:0; }
	.header_wrap.scroll .logo a { background-size:90%; }
	.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; } 
}
/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



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

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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
#footer .linkWrap { background: #e7e7e7; padding: 16px 0; }
#footer .linkWrap .containerV1 {
-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 .linkWrap .containerV1 .leftItem .linkList {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
#footer .linkWrap .containerV1 .leftItem .linkList > li { margin-right: 6px; }
#footer .linkWrap .containerV1 .leftItem .linkList > li > a { display: inline-block; font-size: 14px; color: #666; font-weight: 500; }
#footer .linkWrap .containerV1 .leftItem .linkList > li:after { 
content: '|'; display: inline-block; font-size: 12px; transform:translateY(-2px); color: #000; margin-left: 6px;
}
#footer .linkWrap .containerV1 .leftItem .linkList > li:last-child { margin-right: 0; }
#footer .linkWrap .containerV1 .leftItem .linkList > li:last-child:after { display: none; } 

#footer .linkWrap .containerV1 .rightItem .linkList {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
#footer .linkWrap .containerV1 .rightItem .linkList > li > a { 
text-transform: uppercase; display: inline-block; font-size: 12px; color: #fff; font-weight: bold; padding: 10px; background: #999;
}
@media (max-width:991px) {
	#footer .linkWrap .containerV1 .leftItem,
	#footer .linkWrap .containerV1 .rightItem { width: 100%; }

	#footer .linkWrap .containerV1 .leftItem { margin-bottom: 15px; }
	#footer .linkWrap .containerV1 .leftItem .linkList > li { line-height: 1.6; } 
}
@media (max-width:768px) {
	#footer .linkWrap .containerV1 .leftItem { overflow-x: auto; }
	#footer .linkWrap .containerV1 .leftItem .linkList { width: 768px; }
}

#footer .itemBox { background: #f2f2f2; padding: 5rem 0 6rem;  }
#footer .itemBox .f_logo { margin-bottom: 2.3rem; }
#footer .itemBox .textBox { font-size: 14px; color: #333; font-weight: 500; line-height: 1.6; }
#footer .itemBox .textBox a { color: inherit; }
#footer .itemBox .textBox .v1 {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
#footer .itemBox .textBox .v1 div:first-child { margin-right: 5px; }
#footer .itemBox .textBox .copy { margin-top: 2.2rem; }

@media (max-width:768px) {
	#footer .itemBox .textBox span { display: block; }
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/


.wrap { padding-top: calc( 8rem + 51px ); }
@media (max-width:991px) {
	.wrap { padding-top: 8rem; }
}

/* 메인 타이틀 */
.main { 
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
height: 700px;
}
.main .title_pc { width: 72.92%; }
.main .textWrap { width: calc( 100% - 72.92% ); height: inherit; background: #443f2e; color: #fff; }
.main .textWrap .textBox { 
-ms-display:flex; -ms-flex-direction:column; -ms-justify-content:center; -ms-align-items:center;
display:flex; flex-direction:column; justify-content:center; align-items:center;
height: inherit; text-align: center;
}
.main .textWrap .textBox .text1 { 
font-family: 'Noto Serif', serif; font-size: 3.5rem; font-weight: bold; letter-spacing: -0.05em; margin-bottom: 2.5rem;
}
.main .textWrap .textBox .text2 { font-size: 16px; letter-spacing: -0.05em; line-height: 1.3; margin-bottom: 4.5rem; padding: 0 10px; }
.main .textWrap .textBox .more { font-weight: bold; letter-spacing: -0.05em; width: 17rem; }
.main .textWrap .textBox .more > a { display: block; height: 5rem; line-height: 5rem; border-radius:2.5rem; background: #796a19; color: inherit;
}
@media (max-width:1500px) {
	.main .textWrap .textBox .text2 br { display: none; }
}
@media (max-width:1200px) {
	.main .textWrap .textBox .text2 { font-size: 14px; }
}

@media (max-width:991px) {
	.main { height: 100%; }
	.main .title_pc { width: 100%; height: 80%; }
	.main .textWrap { width: 100%; height: 20%; padding: 20px 0; }
}




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

.tmt_sub_frame .containerV1 { 
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.tmt_sub_frame .containerV1 .sideWrap { width: 25%; }
.tmt_sub_frame .containerV1 .itemBox { width: 75%; }
@media (max-width:991px) {
	.tmt_sub_frame .containerV1 .sideWrap { display: none; }
	.tmt_sub_frame .containerV1 .itemBox { width: 100%; }
}

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




.ik_index_frame {}
.ik_index_frame .index_frame01 {padding: 80px 0 50px 0;}
.ik_index_frame .index_frame01 .frame01_box1 {padding-top: 10px; padding-bottom: 30px;}
.ik_index_frame .index_frame01 .frame01_box1 .box1_text1 {color: #333333; font-size: 16px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #ececec;}
.ik_index_frame .index_frame01 .frame01_box1 .box1_text1 span {color: #333333; font-size: 14px; font-weight: 300;}
.ik_index_frame .index_frame01 .frame01_box1 .box1_wd {padding-top: 10px;}

.ik_index_frame .index_frame01 .frame01_box2 {}

.ik_index_frame .index_frame01 .frame01_box2
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 2px solid #ddd;
    border-bottom-color: transparent;
}

.ik_index_frame .index_frame01 .frame01_box2 .nav>li>a {padding: 7px 20px; font-size: 16px;}


.ik_index_frame .index_frame02 {padding: 10px 0; background-image: url('img/index_frame02_bg.jpg'); background-attachment: fixed; background-position: 50% 50%;}
.ik_index_frame .index_frame02 .frame02_box1 { padding: 30px 0;}
.ik_index_frame .index_frame02 .frame02_box2 {color: #fff; font-size: 20px; line-height: 30px; padding: 100px 0;}

.ik_index_frame .index_frame03 {padding: 100px 0 60px 0;}
.ik_index_frame .index_frame03 .frame03_box1 {}
.ik_index_frame .index_frame03 .frame03_box2 {padding-top: 40px; padding-bottom: 40px;}
.ik_index_frame .index_frame03 .frame03_box2 .box2_text1 {font-size: 20px; color: #333333; font-weight: 600; padding-bottom: 20px;}
.ik_index_frame .index_frame03 .frame03_box2 .box2_text2 {font-size: 16px; color: #666666; line-height: 20px; min-height:80px;}



@media (max-width:991px) {
	.ik_index_frame .index_frame01 {padding: 20px 0 50px 0;}
	.ik_index_frame .index_frame02 .frame02_box2 {text-align:center; padding: 40px 0;}
	.ik_index_frame .index_frame03 .frame03_box2 .box2_text1 {font-size: 16px;}
	.ik_index_frame .index_frame03 .frame03_box2 .box2_text2 {font-size: 14px;}
}