@charset "utf-8";

@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight: 900; font-style: normal; }


@import url('https://fonts.googleapis.com/css2?family=Song+Myung&display=swap');

/*#sVisu {position:relative; width:100%; height:340px; border:0px solid red; margin-top:135px; box-sizing:border-box;*/
/*#sVisu {position:relative; width:100%; height:340px; border:0px solid red; box-sizing:border-box;*/
/*	background-repeat:no-repeat; background-position:center center; background-size:cover; display:table;}*/
/*#sVisu .txt_box {display:table-cell; text-align:center; vertical-align:top; padding-top:80px;*/
/*	border:0px solid red;}*/

/*#sVisu .txt_box .t2 {font-size:3em; color:#42210b; letter-spacing:-0.08em; line-height:1.2em; font-weight:400;*/
/*	font-weight:600; position:relative; margin:5px 0;}*/
/*#sVisu .txt_box .t1 {font-size:1.1em; color:#d97738; line-height:1.6em; font-weight:400;}*/
#sVisu {
	position: relative;
	width: 100%;
	height: 340px;
	border: 0px solid red;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#sVisu .txt_box {
	width: 1200px;
	margin: 0 auto;
	display: block; /* table-cell -> block으로 변경 */
	text-align: left;
	vertical-align: top; /* 이 속성은 더 이상 필요하지 않습니다. */
	/*padding-top: 40px;*/
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
	border: 0px solid red;
}

#sVisu .txt_box .t2 {
	font-size: 1em;
	color: #fff100;
	/*letter-spacing: -0.08em;*/
	line-height: 1.2em;
	font-weight: 600;
	position: relative;
	margin: 5px 0;
}
#sVisu .txt_box .t1 {
	font-size: 1.8em;
	color: #fffeff;
	line-height: 1.2em;
	font-weight: 600;
	padding-top: 10px;
}
#sVisu .txt_box .t1a {
	font-size: 1em;
	color: #fff100;
	/*letter-spacing: -0.08em;*/
	line-height: 1.2em;
	font-weight: 600;
	position: relative;
	padding-top: 10px;
	margin: 5px 0;
}
#sVisu .txt_box .t3 {
	font-size: 1.1em;
	color: #231815;
	line-height: 1.2em;
	font-weight: 500;
	padding-top: 15px;
}


/*.sVisu1 {background-image:url('/images/sub/subimg01.jpg'); background-size:cover; }*/
/*.sVisu2 {background-image:url('/images/sub/subimg02.jpg'); background-size:cover;}*/
/*.sVisu3 {background-image:url('/images/sub/subimg03.jpg'); background-size:cover;}*/
/*.sVisu4 {background-image:url('/images/sub/subimg04.jpg'); background-size:cover;}*/
/*.sVisu5 {background-image:url(/images/sub/s_visual5.jpg)}*/
.sVisu1 {background-image:url('/images/sub/subimg25fa.jpg'); background-size:cover; }
.sVisu2 {background-image:url('/images/sub/subimg25fa.jpg'); background-size:cover;}
.sVisu3 {background-image:url('/images/sub/subimg25fa.jpg'); background-size:cover;}
.sVisu4 {background-image:url('/images/sub/subimg25fa.jpg'); background-size:cover;}
.sVisu5 {background-image:url('/images/sub/subimg25fa.jpg'); background-size:cover;}


.s_naviarea{position:absolute; z-index:3; bottom:0px; left:0px;  width:100%; overflow: hidden; border-bottom:0px solid #dedede;}
#s_navi {width:1260px; position:relative; margin:0 auto; border:1px solid #ccc; background:#fff;}
#s_navi .smenuleft{position:absolute;  width:5.5%; left:0px; top:0px;  display:block;  height:70px;}
/*#s_navi .smenuleft .home{float:left; width:70px; height:71px; background:#fff;}*/
#s_navi .smenu { position:relative;  margin:0 auto; text-align:center; width:100%; overflow:hidden;}
#s_navi .smenu ul{margin:0 auto; width:auto; border:0px solid blue;}
#s_navi .smenu li {display:inline-block; *zoom:1; *display: inline; list-style:none;  position:relative; box-sizing:border-box;}
/*#s_navi .smenu li:after {content:''; display:inline-block; width:1px; height:16px; vertical-align:middle; background:#dedede}
#s_navi .smenu li:last-child:after {display:none;}*/
#s_navi .smenu li.home{width:70px; height:70px; background:red; line-height:70px; display:none;}
#s_navi .smenu li{padding:0px 15px; box-sizing: border-box; }
#s_navi .smenu li a {display:inline-block; font-size:1em;  line-height:70px;  font-weight:400;  box-sizing: border-box; position:relative;
}
#s_navi .smenu li a:hover{ color:#d97738; font-weight:500;}


.wd48{width:50% !important; }
.wd100{width:100% !important; }



@media screen and (max-width:1024px){
	#sVisu {height:300px; margin-top:80px;}
	#sVisu .txt_box{padding-top:30px;}
}

@media screen and (max-width:767px){
	#s_navi .smenuleft{display:none;}
	#s_navi .smenu li{width:50%; box-sizing:border-box; float:left; border-bottom:1px solid #ccc; }
	#s_navi .smenu li:last-child{ border-bottom:0px solid #ccc;}
	#s_navi .smenu li a{font-size:1em; line-height:30px;}
	#s_navi .smenu li:nth-child(2n){ border-left:1px solid #ccc; }
}






@media all and (max-width:1259px){
	#s_navi {width:100%;}
}


@media screen and (max-width:1199px){
	#s_navi .smenu li a { font-size: 1em; padding:0 5px;}
}

.s_con{width:1200px; margin:0 auto;  padding:35px 0px; position:relative; overflow:hidden;}
.stt{width:100%; text-align:center; font-weight:500;  font-size:2em; color:#000;}

@media screen and (max-width:1259px){
	.s_con{width:100%;}
}

.scon{width:100%;  position:relative;  padding:25px 0px;}

@media screen and (max-width:1024px){
	.s_con{width:100%; padding:3% 2%;}
}

/**인사말***/
.greeting{width:100%; position:relative;  }
.greeting ul {width:100%;}
.greeting ul li{display:inline-block; float:left;}
.greeting ul li:first-child{}
.greeting ul li:last-child{width:57%;background-image:url('/images/sub/greeting01.jpg'); padding:60px 40px;  box-sizing:border-box;}

.greett{font-family: 'Song Myung', serif; font-size:35px;}
.greett1{font-family: 'Song Myung', serif; font-size:22px; color:#045f87; line-height:35px;}
.greett2{line-height:35px; }
.greett3{font-family: 'Song Myung', serif; font-size:25px; margin:60px 0px 40px 0px; color:#000;}


.greeting1{background-image:url('/images/sub/greeting02.jpg'); width:100%; position:relative; padding:95px 0px;  margin-top:75px;
	overflow:hidden;
}
.greeting1 ul {width:100%;}

.greeting1 ul li{display:inline-block; float:left;}
.greeting1 ul li:first-child{width:20%;}
.greeting1 ul li:last-child{width:80%;  line-height:34px;  font-size:18px; padding-top:30px; padding-left:20px; padding-right:20px;  box-sizing:border-box;}

.sign{float:right; overflow:hidden;}
.sign ul li{display:inline-block; float:left;}
.sign ul li:first-child{text-align:right;}
.sign ul li:last-child{padding-top:0px;}

.mobilenone{display:block;}


@media screen and (max-width:989px){
	.greeting ul li:first-child{display:none;}
	.greeting ul li:last-child{width:100%; padding:0px !important; background:#fff;}
	.mobilenone{display:none;}
	.greett{font-size:27px; font-weight:600;}
	.greett1{font-size:18px; line-height:27px; font-weight:600;}
	.greett2{line-height:27px;}

	.greett3{font-size:22px; font-weight:600;}
	.sign ul li{width:100%; text-align:right;}
	.sign ul li:first-child{padding-right:25px;}
	.greeting1 ul li{display:inline-block; float:left;}
	.greeting1 ul li:first-child{width:20%;}
	.greeting1 ul li:first-child img{width:100%;}
	.greeting1 ul li:last-child{width:80%;  line-height:30px;  font-size:16px; padding-top:20px; padding-left:20px; padding-right:20px;  box-sizing:border-box;}

}








.jojicleft{float:left; width:20%;}

.jojicright{  position:relative; float:right !important;   width:80% !important; text-align:center; overflow:hidden;   }
.jojicright ul{width:100%;}
.jojicright ul li{display:inline-block !important; float:left; min-height:105px;  width:28%; border:1px solid red;}



/***연혁**/
/*.hisleft{width:17%; border:0px solid red;  float:left;}*/
.hisleft{border:0px solid red;}
.hisleft div{ color:#b04185; text-align:left; font-size:30px; font-weight:600;  font-family: 'Pretendard'; font-style:italic;
	background-image:url('/images/sub/dot01.jpg'); background-size:cover;
}
/*.hisright{width:83%; border:0px solid red; float:right; margin-bottom:25px; }*/
.hisright{border:0px solid red; margin-bottom:25px; }
.hisright .date{line-height:45px; font-size:19px; font-size:600; color:#000;}
.hiscon{width:100%; padding:20px; background:#f5f5f5;}
.subject{font-size:19px; border-bottom:0px solid #ccc; line-height:40px;}


/***오시는 길**/
#map {width:100%; position:relative;  height:550px; border:5px solid #ccc;}
.mapinfo{ position:absolute; bottom:0px; lefT:0px; z-indeX:5; background:#d97738; padding:25px; box-sizing:border-box; width:550px;}
.col-sm-12{ position:relative; width:100%; height:650px;}

.mapinfo ul {width:100%; }
.mapinfo ul li{color:#fdbae3; width:100%; border-bottom:1px solid rgba(250,250,250,0.2); padding:13px 0px;
	overflow:hidden;
}
.mapinfo ul li:last-child{border-bottom:0px solid rgba(250,250,250,0);}
.mapinfo ul li a{color:#fff;}
.mapinfo ul li dl{width:100%; float:left;}
.mapinfo ul li dl dt{width:22%; float:left; font-size:15px;}
.mapinfo ul li dl dd{width:78%;  float:left; font-size:15px;}
.mapinfo ul li dl dd span{color:#fff;}

.maptt{background:url('/images/sub/icon01.png')no-repeat left; padding-left:30px;}
.maptt1{background:url('/images/sub/icon02.png')no-repeat left; padding-left:30px;}
.maptt2{background:url('/images/sub/icon03.png')no-repeat left; padding-left:30px;}
.maptt3{background:url('/images/sub/icon04.png')no-repeat left; padding-left:30px;}



@media screen and (max-width:989px){
	.hisleft{width:100%; float:left; }
	.hisright{width:100%; float:left;}
	.hisleft div{line-height:25px; border:0px solid red; font-size:25px;
		background:url('/images/sub/dot02.jpg')no-repeat left; }
	.subject{line-height:30px; }
}


@media screen and (max-width:789px){
	.col-sm-12{height:auto;}
	.mapinfo{position:relative; width:100%;}
	.subject{line-height:27px; font-size:17px; }

}


/***로그인***/
.member_login{width:650px; margin:0 auto; border:1px solid #ccc; padding:50px; box-sizing:border-box; overflow:hidden;}
.member_login ul{width:100%; border-top:2px solid #999;}
.member_login ul li{width:100%; border-bottom:1px solid #ccc; overflow:hidden;}
.member_login ul li dl{width:100%; floaT:left; height:55px; line-height:55px;}
.member_login ul li dl dt{width:20%; floaT:left; font-size:14px; background:#f5f5f5; text-align:center;}
.member_login ul li dl dd{width:80%; floaT:left;  padding-left:20px; }
.member_login ul li:nth-child(3){text-align:right; padding:10px 0px; border-bottom:0px solid #ccc;}
.member_login ul li:nth-child(4){ border-bottom:0px solid #ccc; text-align:center; }
.member_login ul li:nth-child(5){ border-bottom:0px solid #ccc; text-align:center;}
.form-control{width:100%; height:35px; line-height:35px; border:1px solid #ccc; }
.select-default{height:35px; line-height:35px; border:1px solid #ccc;}


.member_box{width:650px; margin:0 auto; border:1px solid #ccc; padding:50px; box-sizing:border-box; overflow:hidden;}
.member_box ul{width:100%; border-top:2px solid #999;}
.member_box ul li{width:100%; border-bottom:1px solid #ccc; overflow:hidden;}
.member_box ul li dl{width:100%; floaT:left; height:55px; line-height:55px;}
.member_box ul li dl dt{width:20%; floaT:left; font-size:14px; background:#f5f5f5; text-align:center;}
.member_box ul li dl dd{width:80%; floaT:left;  padding-left:20px; }



.btn-primary{background:#d97738; color:#fff; width:100%; padding:20px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary1{background:#d97738; color:#fff; width:20%; padding:5px;  font-size:14px;   text-align:center; float:left; font-family: 'Pretendard' !important; }

.btn-primary2{background:#d97738; color:#fff; width:100%; padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary3{border-radius:5px; background:#d97738; color:#fff; width:100%; padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary4{border-radius:5px; background:#d97738; color:#fff;  padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary5{margin-top:15px;display:inline-block; margin-right:4px; border-radius:5px; border:1px solid #ccc; color:#000;  padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary6{background:#d97738; color:#fff; padding:20px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary7{background:#d97738; color:#fff; padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }


.btnwrap{width:100%; float:left; position:relative; text-align:center;}
.btnwrap>ul{width:100%; float:left; position:relative; border-top:0px solid #999; padding-top:20px;}
.btnwrap>ul>li{width:49%; text-align:center;  display:inline-block !important;   border-bottom:0px solid #ccc;}
.btnwrap>ul>li:first-child{ border-right:1px solid #ccc;}
.meminfo{font-size:14px; line-height:25px; padding-top:25px;}


.btnwrap1{width:100%; float:left; position:relative; text-align:right; margin-top:10px; }


.email{width:1000px; margin:0 auto; border:1px solid #ccc; padding:45px 30px; box-sizing:border-box;  overflow:hidden;}
.email ul li{float:left; position:relative; display:inline-block !important; }
.email ul li:first-child{width:20%; }
.email ul li:last-child{width:80%; padding-left:25px; box-sizing:border-box; }


.priinfo{background:#f5f5f5;  width:100%;padding:25px;  box-sizing:border-box;   margin:10px 0px;}
.regisinfo{background:#f5f5f5;  width:100%;padding:25px;  box-sizing:border-box; text-align:center;
	font-size:18px; font-weight:500;}
.regisinfo1{background:#f5f5f5;  width:100%;padding:15px;  box-sizing:border-box; text-align:right;}


.tbsty_hover tr:hover {background-color: #fdf5f6; /* 원하는 색상 코드로 변경 */ cursor: pointer;}

.tbsty01{width:100%; border-top:2px solid #d97738;}
.tbsty01 tr th{padding:15px 5px; text-align:center; background:#fbf1eb; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  overflow:hidden;}
.tbsty01 tr td{padding:15px 5px;  text-align:center; overflow:hidden; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.tbsty01 tr th.rnone{border-right:0px solid #ccc;}
.tbsty01 tr td.rnone{border-right:0px solid #ccc; }

.tbsty02{width:100%; border-top:2px solid #d97738;}
.tbsty02 tr th{padding:15px 5px; text-align:center; background:#fbf1eb; border-bottom:1px solid #ccc; overflow:hidden;}
.tbsty02 tr td{padding:15px 5px;  text-align:center; border-bottom:1px solid #ccc; overflow:hidden;}
.tbsty02 tr th.rnone{border-right:0px solid #ccc;}
.tbsty02 tr td.rnone{border-right:0px solid #ccc; }

.tbsty03{width:100%;  border-collapse: collapse; /* 셀 경계선을 하나로 합침 */ border-radius: 10px; /* 모서리 둥글게 처리 */ overflow: hidden; /* 모서리를 둥글게 만들 때, 경계선이 삐져나오지 않도록 함 */}
.tbsty03 tr th{padding:15px 5px; text-align:center; color: #fff; background:#d97738; border:1px solid #d97738; overflow:hidden;}
.tbsty03 tr td{padding:15px 5px;  text-align:center; background:#fbf1eb; border:1px solid #fbf1eb; overflow:hidden; border-radius: 8px; /* 각 셀의 모서리를 둥글게 처리 */}
.tbsty03 tr th.rnone{border-right:0px solid #ccc;}
.tbsty03 tr td.rnone{border-right:0px solid #ccc; }

.searchresult{height:55px; background:#efefef; text-align:right; line-height:55px; padding-right:10px;}
.search{border:0px solid red; overflow:hidden;}
.search ul li{display:inline-block; float:left; padding:10px 5px; }
.search1{background:#efefef; border:0px solid red; overflow:hidden; text-align:right;}
.search1 ul{width:auto; margin:0 auto; text-align:Center;}
.search1 ul li{display:inline-block;  padding:10px 5px; }

.tsc_pagination{width:auto; margin:0 auto; text-align:Center; padding-top:20px;  padding-bottom:20px;}
.tsc_pagination li{display:inline-block;  padding:10px 5px; }
.tsc_pagination li a {padding:5px 10px;border:1px solid #ccc; border-radius:3px; }
.tsc_pagination li a:hover{color:#fff; background:#d97738;;}
.visible-xs{display:none;}

.tbsty01 tr td input{height:35px;  border:1px solid #ccc;}
.tbsty01 tr td select{height:35px; line-height:35px; border:1px solid #ccc;}

.tbsty02 tr td input{height:35px;  border:1px solid #ccc;}
.tbsty02 tr td select{height:35px; line-height:35px; border:1px solid #ccc;}

.tbsty03 tr td input{height:35px;  border:1px solid #ccc;}
.tbsty03 tr td select{height:35px; line-height:35px; border:1px solid #ccc;}

.width_100{width:100%;}



@media screen and (max-width:999px){
	.email{width:100%; padding:30px 20px;}
	.email ul li:first-child{display:none !important;}
	.email ul li:last-child{width:100%; padding-left:0px;}
	.hidden-xs{display:none;}
	.tbsty01 tr th.rnone1{border-right:0px solid #ccc !important;}
	.tbsty01 tr td.rnone1{border-right:0px solid #ccc !important;}
	.tbsty02 tr th.rnone1{border-right:0px solid #ccc !important;}
	.tbsty02 tr td.rnone1{border-right:0px solid #ccc !important;}
	.tbsty03 tr th.rnone1{border-right:0px solid #ccc !important;}
	.tbsty03 tr td.rnone1{border-right:0px solid #ccc !important;}
	.visible-xs{display:block;}
}


@media screen and (max-width:649px){
	.member_login{width:100%; padding:40px 20px;}
	.btn-primary1{width:50%;}

}

/***회원가입***/
.scroll_box {height:300px; overflow-y:scroll; border:15px solid #e8e9e9; margin-bottom:20px; padding:30px;}
/*.stt1{line-height:55px; padding-left:55px; background:url('/images/sub/ttbg.jpg')no-repeat left; font-size:19px; overflow:hidden; }*/
.stt1{line-height:55px; padding-left:55px; background:url('/images/sub/ttbg3.png')no-repeat left; font-size:19px; overflow:hidden; }
/*.stt1{display: inline-block;padding: 4px 10px;border-radius: 25px;background: #d97738;color: #fff; }*/


.help-block{width:100%; background:#fff; padding:15px; text-align:center;}



/***게시판***/
.board_view{width:100%; position:relative; border:0px solid red; overflow:hidden;
	border-bottom:1px solid #ccc;  margin-bottom:25px;
}
.subj{width:100%; text-align:center; border-top:1px solid #999; padding:15px 0px;
	font-size:23px; font-weight:600; background:#f5f5f5; color:#000;
}
.subj1{border-bottom:1px solid #ccc;   padding:15px 0px;  text-align:right;}
.subj1 span{font-weight:600;}
h5{line-height:45px; font-size:16px;}

.control-group{ background:#f5f5f5; padding:20px; overflow:hidden; margin:15px 0px;}
.control-group span{padding:0px 10px;}
.clear{clear:both;}
.textarea_comment{width:100%; height:100px; border:1px solid #ccc;}




.ui-widget {

	font-size: 1em;
	padding:15px;
	position: absolute;
	height: auto;

	top: 30px;
	right: 30px;
	display: block;
	z-index: 999999;}


.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {

	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	display:none;

}
.ui-widget-content {
	border: 0px solid #dddddd;
	background: #ffffff;
	color: #333333;
	padding:25px
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
	height:55px; line-height:55px; text-align:center;

}
.ui-widget-header a {
	color: #333333;
}



.help-block_n{width:100%; background:#efefef; padding:20px;  text-align:center; box-sizing:border-box;}
.width_100{width:100%; margin:20px 0px;}
.text_center{ text-align:center;}
.review_comment{height:60px;}


.search_{}
.search_ ul li{display:inline-block;}

.download{width:100%; text-align:center;}
.download ul{margin: 0 auto;}
.download ul li{display:inline-block; padding:25px 45px; }



/***관련사이트****/

#m_board {

	position: relative;
	width:100%;
	margin-right: 0;
	position: relative;

	margin: 0 auto;
	border: 0px solid #ddd;
}

#m_board .tabs {
	height:50px;
	width:100%;
	border: 1px solid #ddd;
}
#m_board .tabs li {
	float: left;
	font-size: 17px;
	width: 25%; /*4개*/
	text-align: center;
	color: #999;
}
/*#m_board .tabs li:first-child{border-right: 1px solid #ddd; line-height:43px;}*/
#m_board .tabs li {
	line-height: 43px; /* 공통 라인 높이 설정 */
}

#m_board .tabs li:not(:last-child) {
	border-right: 1px solid #ddd; /* 마지막 탭을 제외한 모든 탭에 테두리 추가 */
}
#m_board .tabs li a {
	display: block;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	color: #999;
}
#m_board .tabs li a:hover {
	color: #000;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
}
#m_board .tabs .active a {

	color: #000;
	height: 50px;line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	border: 3px solid darkblue;
	font-weight: 600;
}
#m_board .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd
}
#m_board .more a:hover {
	border: 1px solid #1e83eb
}
#m_board .tab_container {
	margin-top: 15px;
	padding: 0px;

	text-align: left;
	border-top: 0px solid #000;
}
#m_board .tab_content ul li {
	display: inline-block;
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	font-size: 15px;
}
#m_board .tab_content ul li.last-child {
}
#m_board .tab_content ul a {
	line-height: 24px;
	font-size: 15px;
}
#m_board .tab_content ul li .b_tit {
	border-radius: 10px;
	text-align: center;
	width: 50px;
	color: #fff;
	display: inline-block;
	margin-right: 7px
}
#m_board .tab_content ul li .date {
	text-align: right ! important;
	width: 20%;
	border: 1px solid #ddd;
	text-align: right;
	float: right;
	color: #bcbcbc;
	padding-right: 30px;
}
#m_board .tab_content ul li dt, #m_board .tab_content ul li dd {
	list-style: none;
	height: 25px;
	color: #fff;
}
#m_board .tab_content ul li dt {
	width: 80%;
	float: left;
}


@media all and (max-width: 579px){
	#m_board{width:90%; margin:0 auto;}

}



.sitearea{	position: relative; width:100%; float:left; }
.sitearea ul {width:100%; float:left; }
.sitearea ul  li{display:inline-block; float:left;position: relative; width:18%; margin:1%;
	padding:10px; box-sizng:border-box; border:1px solid #ccc; text-align:center;}
.sitearea ul  li img{width:100%;}


@media screen and (max-width:989px){
	.sitearea ul  li{ width:48%; margin:1%;}
}

.process01{width:100%; float:left; position: relative;}
.process01 ul{width:100%; margin:0 auto; }
.process01 ul li{display:inline-block; width:31%; margin:1%; border:1px solid #ccc; padding:10px;
	box-sizing:border-box;}
.process01 span{display:inline-block; padding:4px 10px; border-radius:25px; background:#d97738; color:#fff;}

@media screen and (max-width:989px){
	.process01 ul li{display:inline-block; width:48%; margin:1%; border:1px solid #ccc;  padding:25px;
		box-sizing:border-box;}
}

.col-sm-4 {
	width: 30%;
	margin:1.5%;
	display: inline-block; floaT:left;
	border:0px solid red;
	min-height:400px;
}
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '';
}

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom:0px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	min-height:400px;
	border-radius: 4px;
	-webkit-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #337ab7;
}
.thumbnail .caption {
	padding: 9px;
	color: #333333;
	border-top: 1px solid #ddd;
}

@media screen and (max-width:989px){
	.img-responsive{width:100%;}

}


.officer{width:100%; float:left;}

.officer ul li{display:inline-block;float:left; width:18%; margin:1%;   border: 1px solid #ddd; border-radius:20px;
	text-align:center; box-shadow:5px 5px 10px rgba(0,0,0,0.1); float:left; min-height:120px; padding:20px; box-sizing:border-box;
}
.officertt{font-weight:600; font-size:18px;}

@media screen and (max-width:989px){
	.officer ul li{width:31%; }
}


@media screen and (max-width:589px){

	.officer ul li{width:48%;  margin:2% 1%; }
	.col-sm-4 {
		width: 45%;
		margin:1.5%;
		display: inline-block; floaT:left;
		border:0px solid red;
		min-height:200px;
	}
	.thumbnail {min-height:200px;}
}

