@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:100px; 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:#fff; 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:#fff; line-height:1.6em; font-weight:400;}



.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)}*/


.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:#793415;}
#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:#793415; font-weight:600;}


.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:65px;}
}

@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:80%;background-image:url('/images/sub/greeting01.jpg'); padding:60px 40px;  box-sizing:border-box;}*/
.greeting ul li:last-child{width:80%; 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 div{ color:#793415; 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 .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:#793415; 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:#793415; color:#fff; width:100%; padding:20px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary1{background:#793415; color:#fff; width:20%; padding:5px;  font-size:14px;   text-align:center; float:left; font-family: 'Pretendard' !important; }

.btn-primary2{background:#793415; color:#fff; width:100%; padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary3{border-radius:5px; background:#793415; color:#fff; width:100%; padding:10px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary4{border-radius:5px; background:#793415; 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:#793415; color:#fff; padding:20px;  font-size:15px;  font-family: 'Pretendard' !important; }
.btn-primary7{background:#793415; 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;}


.tbsty01{width:100%; border-top:2px solid #793415;}
.tbsty01 tr th{padding:15px 5px; text-align:center; background:#e5eef3 ; 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; }

.tbsty01_left{width:100%; border-top:2px solid #793415;}
.tbsty01_left tr th{padding:15px 5px; text-align:center; background:#e5eef3 ; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  overflow:hidden;}
.tbsty01_left tr td{padding:15px 5px;  text-align:left; overflow:hidden; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  line-height:1.8; /* 줄 높이를 폰트 크기의 1.8배로 설정 */}
.tbsty01_left tr th.rnone{border-right:0px solid #ccc;}
.tbsty01_left 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 #ff0000; 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:#793415;;}
.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;}

.tbsty01_left tr td input{height:35px;  border:1px solid #ccc;}
.tbsty01_left 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;}
.tbsty01_left tr th.rnone1{border-right:0px solid #ccc !important;}
.tbsty01_left 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; }


.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: 50%;
	text-align: center;
	color: #999;
}
#m_board .tabs li:first-child{border-right: 1px solid #ddd; line-height:43px;}
#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 #ff0646;
	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:#793415; 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;

	display: grid;
	grid-template-rows: auto 1fr auto; /* 위 - 가변(이미지) - 아래 */
	height: 100%;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
  width:100%;
	/*max-width: 350px;*/
	/*max-height: 350px;*/
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
	padding: 9px;
	color: #333333;
	border-top: 1px solid #ddd;
	align-self: end; /* 하단 정렬 */
}

@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;}
}




/*게시판*/
/* 게시판 하단 검색 및 버튼 영역 */
.board_footer_area {
	margin-top: 30px;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 8px;
}

/* 가장 안정적인 중앙 정렬 (Flexbox 비율 분할 방식) */
.search_container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

/* 1. 좌측 가짜 여백 (우측 버튼과 무게 중심을 맞추기 위해 추가) */
.search_container::before {
	content: '';
	flex: 1; /* 우측 action_box와 동일한 비율을 가짐 */
}

/* 2. 검색창 (정중앙) */
.search_box {
	flex: 0 1 auto; /* 내용물 크기만큼만 차지하고 중앙에 위치 */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.search_select {
	height: 40px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}

.search_input_group {
	display: flex;
	flex: 1;
	max-width: 400px;
}

.search_input {
	flex: 1;
	height: 40px;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-right: none;
	border-radius: 4px 0 0 4px;
	outline: none;
}

/* 검색 버튼 (갈색 테마) */
.btn_search_submit {
	height: 40px;
	padding: 0 20px;
	background: #793415;
	color: #fff;
	border: none;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	white-space: nowrap;
	transition: 0.3s;
}

.btn_search_submit:hover {
	background: #5c2710;
}

/* 상세검색 토글 버튼 */
.btn_more_field {
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	color: #793415;
}

/* 글쓰기 버튼 (갈색 테마) */
.btn_write {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 25px;
	background: #793415;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 500;
	transition: 0.3s;
}

.btn_write:hover {
	background: #5c2710;
	color: #fff;
}

/* 상세 검색 영역 */
.wrapper_additional_search {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #ccc;
}

.additional_row {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.additional_row input {
	flex: 1;
	max-width: 350px;
	height: 35px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}





/* 3. 글쓰기 버튼 영역 (우측 끝으로 밀기) */
.action_box {
	flex: 1; /* 좌측 가짜 여백과 동일한 비율로 우측 공간 차지 */
	display: flex;
	justify-content: flex-end; /* 안의 내용을 우측으로 정렬 */
}

/* 모바일 화면에서는 비율을 풀고 세로로 쌓기 */
@media (max-width: 768px) {
	.search_container {
		flex-direction: column;
		align-items: stretch;
	}
	.search_container::before {
		display: none; /* 모바일에서는 가짜 여백 제거 */
	}
	.search_box {
		width: 100%;
	}
	.action_box {
		justify-content: flex-end;
		margin-top: 10px;
	}
}

/* --- 게시판 테이블 스타일 --- */
.board_table { width: 100%; border-top: 2px solid #793415; border-collapse: collapse; margin-bottom: 20px; }
.board_table th { padding: 15px 10px; background: #fcf8f6; border-bottom: 1px solid #ddd; color: #333; font-weight: 600; }
.board_table td { padding: 15px 10px; border-bottom: 1px solid #eee; text-align: center; color: #666; font-size: 15px; }

/* 제목 영역 왼쪽 정렬 및 강조 */
.board_table td.td_subject { text-align: left; }
.board_table td.td_subject a { text-decoration: none; color: #333; display: block; }
.board_table td.td_subject a:hover .subject_text { color: #793415; text-decoration: underline; }
.label_notice { background: #793415; color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.comment_count { color: #b05c31; font-weight: 600; margin-left: 5px; }

/* 모바일 전용 메타 정보 숨김 */
.mo_meta_info { display: none; font-size: 13px; color: #999; margin-top: 5px; gap: 10px; }

/* --- 갤러리 그리드 스타일 --- */
.gallery_list_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 30px;
	margin-bottom: 40px;
}
.gallery_item { border: 1px solid #eee; transition: 0.3s; border-radius: 8px; overflow: hidden; background: #fff; }
.gallery_item:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-color: #793415; }
.thumb_box { width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #f0f0f0; display: flex; align-items: center; justify-content: center; }
.thumb_box img { width: 100%; height: 100%; object-fit: cover; }
.info_box { padding: 15px; text-align: center; }
.gal_title { font-weight: 500; color: #333; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gal_date { font-size: 13px; color: #999; }

/* --- 반응형 처리 --- */
@media screen and (max-width: 768px) {
	.pc_only { display: none !important; }
	.board_table th { display: none; } /* 모바일은 헤더 숨김 */
	.mo_meta_info { display: flex; }
	.board_table td.td_subject { padding: 15px; }
}


.color_brown { color: #793415 !important; }
.board_view_container { border-top: 2px solid #793415; margin-bottom: 50px; }
.view_header { padding: 30px 20px; background: #fcfaf9; border-bottom: 1px solid #eee; }
.view_subject { font-size: 24px; font-weight: 600; color: #333; margin-bottom: 15px; }
.view_meta { display: flex; flex-wrap: wrap; gap: 20px; color: #666; font-size: 14px; }
.view_meta .meta_item b { color: #333; margin-right: 3px; }
.view_meta i { color: #793415; margin-right: 5px; }
.view_btn_wrap { display: flex; justify-content: space-between; margin-top: 30px; }
.btn_common.color_brown { background: #793415; color: #fff; }


/* =========================================
   [통합] 허브 소개 페이지 공통 스타일
========================================= */
.sub_page_container {
	width: 100%;
	background: #fff;
	border-top: 2px solid #793415; /* 게시판과 동일한 메인 갈색 라인 */
	margin-bottom: 50px;
	font-family: 'Noto Sans KR', sans-serif;
}

/* 서브 페이지 헤더 디자인 통일 */
.sub_page_header {
	padding: 40px 20px;
	background: #fcfaf9; /* 연한 갈색 톤 배경 */
	border-bottom: 1px solid #eee;
	text-align: center;
}
.sub_page_header h2 {
	font-size: 26px;
	font-weight: 600;
	color: #222;
	margin: 0;
}
.sub_page_header h2 small {
	display: block;
	font-size: 14px;
	color: #793415;
	margin-top: 8px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* 본문 공통 래퍼 */
.sub_page_content {
	padding: 50px 40px;
}

/* =========================================
   인사말 (Welcome) 스타일 수정 - 사진 하단 배치
========================================= */

.welcome_full_wrap {
	max-width: 900px; /* 읽기 편한 최적의 본문 너비 */
	margin: 0 auto;
}

/* 본문 스타일 */
.main_greeting {
	font-size: 24px;
	color: #222;
	margin-bottom: 40px;
	line-height: 1.4;
	text-align: center; /* 인사말 서두는 중앙 정렬로 강조 */
}
.main_greeting strong {
	color: #793415;
	font-weight: 600;
}

.text_content {
	font-size: 16px;
	color: #444;
	line-height: 1.9;
	text-align: justify;
	word-break: keep-all;
}
.text_content p {
	margin-bottom: 25px;
}

/* 하단 서명 섹션 */
.sign_off_section {
	margin-top: 60px;
	padding-top: 40px;
	border-top: 1px solid #eee;
}

.sign_off_flex {
	display: flex;
	justify-content: flex-end; /* 우측 정렬 */
	align-items: center;
	gap: 25px;
}

.sign_text {
	text-align: right;
}
.sign_text .position {
	display: block;
	font-size: 14px;
	color: #777;
	line-height: 1.6;
	margin-bottom: 8px;
}
.sign_text .name {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	letter-spacing: 3px;
}

/* 부담스럽지 않은 작은 사진 스타일 */
.sign_photo {
	width: 110px; /* 크기를 110px로 축소 */
	height: 110px;
	border-radius: 50%; /* 원형으로 처리하여 부드러운 인상 */
	overflow: hidden;
	border: 3px solid #fcfaf9;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.sign_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
	.main_greeting { font-size: 20px; }
	.sign_off_flex {
		flex-direction: row; /* 모바일에서도 사진과 이름을 나란히 유지 */
		justify-content: center;
		gap: 15px;
	}
	.sign_photo {
		width: 80px;
		height: 80px;
	}
	.sign_text .name { font-size: 18px; }
}

/* --- 비전 및 미션 페이지 전용 스타일 --- */
.vision_block {
	background: #fcfaf9;
	border: 1px solid #f2efed;
	padding: 40px 30px;
	border-radius: 8px;
	margin-bottom: 30px;
	text-align: center;
}
.vision_block .block_label, .mission_block .block_label {
	font-size: 14px;
	font-weight: 700;
	color: #793415;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.vision_block h4 {
	font-size: 28px;
	font-weight: 600;
	color: #222;
	margin: 0;
	word-break: keep-all;
}
.vision_block h4 span {
	color: #793415;
}

.mission_block {
	border: 1px solid #eee;
	padding: 40px 30px;
	border-radius: 8px;
	margin-bottom: 40px;
	text-align: center;
}
.mission_block h4 {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	margin: 0;
	word-break: keep-all;
}
.mission_block h4 strong {
	color: #793415;
	font-weight: 600;
}

/* 전략 항목 2열 배열 (인사말 flex 구조와 결을 맞춤) */
.strategy_row_group {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.strategy_item_card {
	flex: 1 1 400px;
	border: 1px solid #eee;
	padding: 35px 30px;
	border-radius: 8px;
	background: #fff;
	transition: 0.3s;
}
.strategy_item_card:hover {
	border-color: #793415;
	box-shadow: 0 10px 20px rgba(121, 52, 21, 0.04);
}
.strategy_item_card h5 {
	font-size: 18px;
	font-weight: 600;
	color: #793415;
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
.strategy_item_card h5::before {
	content: '■';
	font-size: 12px;
	vertical-align: middle;
}
.strategy_item_card p {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
	margin: 0;
	word-break: keep-all;
}

/* 모바일 반응형 통일 */
@media screen and (max-width: 768px) {
	.sub_page_content { padding: 30px 20px; }
	.welcome_content_wrap { flex-direction: column-reverse; }
	.welcome_img_box { width: 100%; max-width: 280px; }
	.vision_block h4 { font-size: 22px; }
	.mission_block h4 { font-size: 18px; }
}

/* =========================================
   조직도 (Organization) 최종 수정 스타일
========================================= */

/* 상단 안내문구 박스 */
.org_intro_box {
	background: #fcfaf9;
	border: 1px solid #f2efed;
	padding: 20px 25px;
	border-radius: 6px;
	margin-bottom: 40px;
	font-size: 16px;
	color: #444;
	line-height: 1.6;
	word-break: keep-all;
	border-left: 4px solid #793415;
}

/* 운영위원회 전체 외곽 틀 */
.org_section_box {
	border: 1px solid #eee;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

/* 운영위원회 메인 타이틀 뱃지 스타일 */
.org_section_title {
	background: #793415;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
}

/* 내부 차트 정렬 */
.org_chart_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 40px;
}

/* 공통 카드 스타일 */
.org_card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	text-align: center;
	transition: all 0.3s ease;
}
.org_card:hover {
	border-color: #793415;
	box-shadow: 0 10px 20px rgba(121, 52, 21, 0.05);
}
.org_card .name {
	color: #222;
	margin: 0 0 6px 0;
}
.org_card .belong {
	font-size: 14px;
	color: #666;
	margin: 0;
	word-break: keep-all;
}

/* 위원장 카드 (상단 중앙) */
.org_leader_row {
	display: flex;
	justify-content: center;
	width: 100%;
}
.org_card.leader {
	width: 260px;
	padding: 20px;
	background: #fcfaf9;
	border: 1px solid #793415;
}
.org_card.leader .position_label {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #793415;
	border: 1px solid #793415;
	padding: 2px 10px;
	border-radius: 3px;
	margin-bottom: 12px;
}
.org_card.leader .name {
	font-size: 20px;
	font-weight: 600;
}

/* 세로 연결선 */
.org_line_vertical {
	width: 1px;
	height: 40px;
	background: #ddd;
	margin: 0;
}

/* 운영위원 섹션 */
.org_member_section {
	width: 100%;
	border-top: 1px solid #eee;
	padding-top: 40px;
	position: relative;
}
.member_section_label {
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	color: #793415;
}

/* 운영위원 Grid (3열 정렬) */
.org_member_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	width: 100%;
}
.org_card.member {
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.org_card.member .name {
	font-size: 16px;
	font-weight: 600;
}

/* --- 모바일 반응형 완벽 통일 --- */
@media screen and (max-width: 992px) {
	.org_member_grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
	.org_chart_inner { padding: 30px 20px; }
	.org_member_grid { grid-template-columns: 1fr; gap: 12px; }
	.org_card.leader { width: 100%; }
}

/* =========================================
   파트너십 (Partnership) 전용 스타일
========================================= */

/* 상단 안내문구 박스 (통일) */
.partner_intro_box {
	background: #fcfaf9;
	border: 1px solid #f2efed;
	padding: 20px 25px;
	border-radius: 6px;
	margin-bottom: 40px;
	font-size: 16px;
	color: #444;
	line-height: 1.6;
	word-break: keep-all;
	border-left: 4px solid #793415; /* 메인 갈색 포인트 라인 */
}

/* 파트너십 3열 그리드 */
.partner_grid_group {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	width: 100%;
}

/* 파트너십 개별 카드 디자인 */
.partner_card {
	flex: 1 1 300px; /* 화면이 좁아지면 유연하게 내려앉음 */
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.02);
	transition: all 0.3s ease;
}
.partner_card:hover {
	border-color: #793415;
	transform: translateY(-5px);
	box-shadow: 0 12px 25px rgba(121, 52, 21, 0.06);
}

/* 카드 상단 영역 (비전/미션/조직도와 톤앤매너 매칭) */
.partner_card .card_head {
	background: #fcfaf9;
	border-bottom: 1px solid #f2efed;
	padding: 25px 25px 20px 25px;
	text-align: center;
}
.partner_card .card_head .category_en {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #793415;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 6px;
}
.partner_card .card_head h4 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin: 0;
}

/* 카드 하단 텍스트 영역 */
.partner_card .card_body {
	padding: 30px 25px;
	min-height: 120px; /* 카드 높이 균일화 */
	display: flex;
	align-items: center;
	justify-content: center;
}
.partner_card .card_body p {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
	margin: 0;
	text-align: center;
	word-break: keep-all;
}

/* --- 반응형 대응 --- */
@media screen and (max-width: 992px) {
	.partner_card {
		flex: 1 1 400px; /* 태블릿 환경에서는 2열 혹은 상황에 맞게 유연하게 확장 */
	}
}
@media screen and (max-width: 768px) {
	.partner_grid_group {
		gap: 15px;
	}
	.partner_card {
		flex: 1 1 100%; /* 모바일 환경에서는 무조건 1열 세로 정렬 */
	}
	.partner_card .card_body {
		min-height: auto;
		padding: 25px 20px;
	}
}

/* =========================================
   오시는 길 (Contact Us) 구글맵 연동 스타일
========================================= */

/* 좌우 2분할 레이아웃 */
.contact_layout_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	width: 100%;
}

/* 왼쪽 정보 영역 */
.contact_info_zone {
	flex: 1 1 450px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* 정보 개별 아이템 */
.contact_info_item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	background: #fff;
	border: 1px solid #eee;
	padding: 25px;
	border-radius: 8px;
	transition: 0.3s;
}
.contact_info_item:hover {
	border-color: #793415;
	box-shadow: 0 6px 15px rgba(121, 52, 21, 0.03);
}

/* 아이콘 원형 데코 */
.contact_info_item .item_icon {
	width: 50px;
	height: 50px;
	background: #fcfaf9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: 1px solid #f2efed;
}
.contact_info_item .item_icon i {
	font-size: 20px;
	color: #793415;
}

/* 텍스트 디테일 */
.contact_info_item .item_details h5 {
	font-size: 16px;
	font-weight: 700;
	color: #222;
	margin: 0 0 8px 0;
}
.contact_info_item .item_details p {
	font-size: 15px;
	color: #555;
	line-height: 1.6;
	margin: 0;
	word-break: break-all;
}
.contact_info_item .item_details p a {
	color: #793415;
	text-decoration: none;
	font-weight: 500;
}
.contact_info_item .item_details p a:hover {
	text-decoration: underline;
}

/* 오른쪽 지도 영역 (반응형 최적화) */
.contact_map_zone {
	flex: 1 1 550px;
	min-height: 400px;
}
.map_embed_placeholder {
	width: 100%;
	height: 100%;
	min-height: 400px;
	background: #faf7f5;
	border: 1px solid #e8e2de;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

/* iframe 이 부모 영역을 완벽하게 채우도록 제어 */
.map_embed_placeholder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* --- 모바일 반응형 완벽 통일 --- */
@media screen and (max-width: 992px) {
	.contact_layout_wrap {
		flex-direction: column; /* 모바일은 정보 먼저 보여주고 하단에 지도 */
	}
	.contact_map_zone, .map_embed_placeholder {
		min-height: 320px; /* 모바일 화면에 맞는 적절한 높이 체계 */
	}
}