html, body, div, span, ul, li { padding: 0; margin: 0; } 
p, label, a, span, div, input { letter-spacing: -0.5px; font-family: 'Nanum Gothic'; letter-spacing: -1px; color: #434343;} 
h1, h2 , h3, h4, h5 { font-family: 'Nanum Gothic'; letter-spacing: -1px; color: #434343;} 
a { text-decoration: none; font-family: 'Nanum Gothic'; letter-spacing: -1px; color: #434343;} 
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);

html {scroll-behavior: smooth;}

/* 헤더 */
header {position: fixed; height: 111px; width: 100%; background: transparent; border-bottom: 1px solid #fff; z-index: 2;}
.cont_width {width: 1200px; margin: 0 auto; }
header #header_wrap {padding-top: 35px;}
header .cont_width ul::after {display: block; content: ""; clear: both;}
header .cont_width ul {display: inline-block; vertical-align: middle;}
header .cont_width ul li {float: left; width: 178px; text-align: right;}
header .cont_width ul li a {display: inline-block; width: auto;}
header .cont_width ul li a p {font-size: 19px; font-weight: 600; color: #fff;}
body {}
header.activated {background: #fff; transition: ease 0.3s;}
header.activated ul li a p {color: #000;}

.content {padding: 90px 0;}
.content h3 {text-align: center; font-size: 40px; font-weight: 600; margin-bottom: 70px;}
.content h3 img {margin-bottom: 10px;}

.line_bk {width: 100%; height: 2px; background: #333333;}
.brd_notice {width: 100%;}
.brd_notice tr th, .brd_notice tr td {padding: 20px 0; text-align: center; border-bottom: 1px solid #adadad;}
.brd_notice tr th {font-size: 16px; font-weight: 600; }
.brd_notice tr td:nth-child(2) {text-align: left; padding-left: 10px;}

/* 메인 */
#slide {height:881px; position:relative;}
#brandVisual { position:relative;width:100%; min-width:1000px; margin:0 auto; overflow:hidden;height:881px; background:#8c908c;}
#brandVisual ul { position:relative; float:left; width:100%; height:881px;}
#brandVisual li { position:absolute; width:1920px;height:881px;}
#brandVisual li a {display:block;text-indent:-9999px}
#brandVisual .visual_0 {left:0px; 
	/* background:url(/images/main_visual01.jpg) 50% 0 no-repeat; */
	background: url(/images/main_visual01.jpg) center bottom no-repeat;
}
#brandVisual .visual_1 {left: 100%;  background:url(/images/main_visual03.jpg) 50% 0 no-repeat;}

#buttonList:after {content:""; display:block; clear:both;}
#buttonList li{ background:url("img/btnVisual.png") 0 -16px no-repeat; width:14px; height:15px; float:left; position:relative; left:50%; top:-135px; overflow:hidden; margin:0 5px; cursor:pointer;}
#buttonList li.on { background-position:0 0;}
#buttonList li a {display:block;text-indent:-9999px}

#slide .prev{position:absolute; top:405px; left:250px; z-index:1000}
#slide .next{position:absolute; top:405px; right:250px; z-index:1000}

#main_contents{position:relative; width:1000px; margin:-226px auto 0 auto; z-index:10;}


#slide01, #slide02 {height: 881px;}

.bx-controls {position: absolute; width: 1400px; top: 50%; left: 13%;}
.bx-wrapper {overflow: hidden;}
.bx-wrapper .bx-prev {background: url(/images/slider_l.png) !important; width: 21px !important; height: 34px !important;}
.bx-wrapper .bx-next {background: url(/images/slider_r.png) !important; width: 21px !important; height: 34px !important;}

.main {scroll-behavior: smooth;}
#main_00 {width: 100%; background: url(/images/main_bg00.jpg); position: relative;}
#main_00 h3 {color: #000; font-size: 44px; padding: 124px 0 40px 0; font-family: 'Noto Sans KR' , sans-serif; font-weight: 600; letter-spacing: -3px;}
#main_00 p {font-size: 22px; color: #000; line-height: 40px; font-family: 'Noto Sans KR' , sans-serif; letter-spacing: -1.5px; font-weight: 400; width: calc(100% - 350px);}
#main_00 .img_box{
	width: 300px;
	margin-left: 50px;
}
#main_00 h5 {font-size: 28px; font-family: 'Noto Serif KR', serif; font-weight: 600; color: #000; letter-spacing: -1px; margin-top: 50px;}
#main_00 img {float: right;}
#main_00 .cont_width .wrap{
	display: flex;
	flex-direction: row;
}

#main_01 {width: 100%; background: url(/images/main_bg05.jpg); position: relative;
background-size: cover;
    background-position: top left !important;}
/* #main_01 h3 {color: #fff; font-size: 44px; padding: 124px 0 40px 0; font-family: 'Noto Sans KR' , sans-serif; font-weight: 600; letter-spacing: -3px;}
#main_01 p {font-size: 22px; color: #fff; line-height: 40px; font-family: 'Noto Sans KR' , sans-serif; letter-spacing: -2.5px; font-weight: 400;} */
#main_01 > div > div {width: 1200px; height: 134px; background: #343434; text-align: center;
	 /* margin-top: 75px; */
	}
#main_01 div span {display: inline-block; color: #fff; font-size: 20px; letter-spacing: 0; line-height: 136px; }
#main_01 div span::after {display: inline-block; width: 1px; height: 45px; margin: 0 50px; content: ""; background: #fff; position: relative; top: 17px;}
#main_01 div span:last-child::after {display: none;}
#daumRoughmapContainer1769148574722{
	height: 450px !important;
}
#daumRoughmapContainer1769148574722 .roughmap_maker_label{
	display: none;
}

#main_02 h3{
	color: #fff;
}

#main_04 {width: 100%;  background: url(/images/main_bg04.jpg); background-position: center; position: relative;  box-sizing: border-box; background-repeat: repeat !important; background-position: bottom !important;
    background-size: contain;}
#main_04 h3 {color: #000; font-size: 44px; font-family: 'Noto Sans KR' , sans-serif; letter-spacing: -3px; font-weight: 600;}
#main_04 ul {margin-top: 60px;}
#main_04 ul::after {display: block; clear: both; content: "";}
#main_04 ul li {float: left; width: 370px; height: 273px; border: 1px solid #c8c8c8; cursor: pointer; transition: ease 0.3s; background: #fff; margin-right: 44px; box-sizing: border-box; padding: 33px 25px; position: relative;}
#main_04 ul li p {font-family: 'Noto Sans KR' , sans-serif; font-weight: 200; font-size: 15px; color: #000; margin-bottom: 35px}
#main_04 ul li h5 {font-family: 'Noto Sans KR' , sans-serif; font-weight: 300; font-size: 19px; color: #000; line-height: 24px;}
#main_04 ul li span {font-family: 'Noto Sans KR' , sans-serif; font-weight: 200; font-size: 15px; color: #828282; position: absolute; bottom: 33px;}
#main_04 ul li:last-child {margin-right: 0;}
#main_04 ul li:hover {border: 1px solid #f15c22;}

#main_02 {background: url(/images/main_bg03.jpg);background-size: cover;
    background-position: top left !important;}
#main_03 {background: url(/images/main_bg07.jpg);background-size: cover;
    background-position: top left !important;}
#main_05 {background: url(/images/main_bg00.jpg);
	background-size: cover;
    background-position: top left !important;}
#main_06 {background: url(/images/main_bg07.jpg);
	background-size: cover;
    background-position: top left !important;}
#main_07 {background: url(/images/main_bg06.jpg);
    background-position: top left !important;
background-repeat: repeat !important;
}

[id^="main_"]{
	width: 100%;
    height: auto;
	background-repeat: no-repeat !important;
    background-position: top !important;
    position: relative;
    box-sizing: border-box;
	padding: 50px 0 100px;
}
[id^="main_"] h3{
    font-size: 44px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;
    padding: 80px 0 20px;
	box-sizing: border-box;
    letter-spacing: -3px;
}
[id^="main_"] .img_box{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
[id^="main_"] .img_box img{
	width: 100%;
	/* max-width: calc(50% - 25px); */
	height: 450px;
	object-fit: contain;
	display: flex;
	align-items: center;
	justify-content: center;
}
[id^="main_"] .text_box{
	font-size: 22px; 
	line-height: 40px; 
	font-family: 'Noto Sans KR' , sans-serif; 
	letter-spacing: -2.5px; 
	font-weight: 400;
}
[id^="main_"] .cont_width{
	display: flex;
	flex-direction: column;
	gap: 30px;
}

#fake_ff00, #fake_ff01 {position: absolute; top:-112px; width: 100%; height: 1px; z-index: -1; left: 0;}
#fake_ff02, #fake_ff03, #fake_ff04 {position: absolute; bottom: 112px; width: 100%; height: 1px; z-index: -1; left: 0;}


/* 기본 테이블 */
table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 2px solid #2f6fd6;
font-size: 19px;
}
table thead{
	border-bottom: 2px solid #2f6fd6;
}
table thead th{
	background: transparent;
	text-align: center;
	font-size: 22px;
}

/* 이름(좌) */
table th {
  background: #f3f7ff;
  color: #1f3f8b;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

/* 금액(우) */
table td {
  color: #333;
  text-align: right;
  white-space: nowrap;
background: #fff;
}

/* 공통 셀 */
table th,
table td {
  padding: 15px 12px;
  border-bottom: 1px solid #e3e9f5;
}

/* 행 hover */
table tr:hover {
  background: #f6f9ff;
}

/* 금액 강조 */
table td {
  font-variant-numeric: tabular-nums;
}

/* 큰 금액 살짝 강조 (선택) */
table td[data-strong="true"] {
  color: #2f6fd6;
  font-weight: 600;
}
.doneTable td{
	text-align: center;
	font-weight: 600;
	border: 1px solid #e3e9f5;
}


/* 게시판 리스트 */
.sub_visual {background: url(/images/sub_visual.jpg); height: 495px; min-width: 1200px; background-position: center;}
.board_nav { text-align: center; margin: 100px 0 30px 0; position: relative; } 
.board_nav ul { overflow: hidden; display: inline-block; width: auto; } 
.board_nav ul li { float: left; display: inline-block; width: 45px; height: 45px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; box-sizing: border-box; padding: 0; cursor: pointer; } 
.bnav_arr { margin-right: 2px; } 
.bnav_arr img { width: 100%; height: auto; } 
.board_nav ul li:nth-child(3) { margin-left: 8px; } 
.board_nav ul li p { font-size: 14px; font-weight: 400; line-height: 45px; width: 45px; height: 45px; } 
.bnav_arr:last-child { margin-right: 1px; } 
.bnav_num a { color: #000; font-size: 14px; } 
.bnav_num { border-right: none !important; } 
.bnav_on { background-color: #313234; } 
.bnav_on p { color: #fff; } 
.bnav_num:hover { background-color: #313234; } 
.bnav_num:hover p { color: #fff; } 
.board_nav ul li:nth-last-child(3) { border-right: 1px solid #cbcbcb !important; margin-right: 9px; } 
.board_nav .btn_wrt {display: inline-block; background: #313234; border: 1px solid #d9d9d9; width: 150px; height: 45px; float: right; cursor: pointer;}
.board_nav .btn_wrt p {font-weight: 500; font-size: 16px; text-align: center; color: #fff; line-height: 44px; box-sizing: border-box;}

.sc_wrap {text-align: center;}
.sc_wrap select {width: 145px; height: 40px; box-sizing: border-box; border: 1px solid #c7c8cc}
.sc_wrap .sc_box {display: inline-block; position: relative; margin-left: 5px;}
.sc_wrap .sc_box input {width: 350px; height: 40px; box-sizing: border-box; border: 1px solid #c7c8cc;}
.sc_wrap .sc_box div {position: absolute; right: 0; cursor: pointer; width: 35px; height: 38px; top: 11px;}

/* 게시판 뷰 */
.brd_notice_view {width: 100%;}
.brd_notice_view tr th {text-align: left; padding: 20px; background: #fafafa; border-bottom: 1px solid #adadad;}
.brd_notice_view tr th h5 {display: block; font-size: 20px; font-weight: 600; margin-bottom: 5px; color: #000;}
.brd_notice_view tr:nth-child(1) th div {display: inline-block;}
.brd_notice_view tr:nth-child(1) th {color: #999999}
.brd_notice_view tr:nth-child(1) th img {display: inline-block;}
.brd_notice_view tr:nth-child(1) th p {display: inline-block; font-size: 14px; color: #999999; }
.brd_notice_view tr td {padding: 20px; border-bottom: 1px solid #adadad;}
.brd_notice_view tr:nth-child(2) td p a {color: #f44336; font-weight: 600;}
.brd_notice_view tr:nth-child(3) p {line-height: 23px;}
.brd_notice_view tr:nth-child(3) p img {max-width: 1160px;}

.btn_golist {width: 100px; height: 37px; background: #333333; margin: 0 auto; cursor: pointer; margin-top: 50px;}
.btn_golist p {font-weight: 600; font-size: 14px; line-height: 36px; text-align: center; color: #fff; letter-spacing: 1px}


/* 푸터 */
.bot_banner {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; width: 100%;}
.bot_banner {text-align: center;}
.bot_banner .cont_width {text-align: left;}
.bot_banner div {display: inline-block; padding: 10px 15px;}
.bot_cont images, .bot_cont p {display: inline-block;}
.bot_cont p {padding: 35px 0; font-size: 16px; font-family: 'Noto Sans KR' , sans-serif !important; font-weight: 300; vertical-align: middle; margin-left: 60px; line-height: 25px;}

#toTop {
		z-index: 9999;
		transition: bottom .3s;
		position: fixed;
		right: 20px;
		bottom: -50px;
		width: 50px;
		height: 50px;
		background: rgba(0, 0, 0, 0.5) url("/images/ico-go-top.png") center center no-repeat;
		background-size: auto 30px;
	}

	#toTop.on {
		bottom: 0;
	}

@media screen and (max-width:1919px){
    
#brandVisual li { position:absolute; width:100%;height:881px;}
}

@media only screen and (max-width: 1800px) {
    #slide .prev{left: 10px;}
#slide .next{right:10px;}
}