/*=================================================
    BS STYLE
====================================================
*/

html, body {min-width:320px; }
img, a {border:none}

.middleLayout .Section_ban {
	width:100%; margin:0px auto; display:table; padding:0px 0 65px 0;background:#ffd8dc;padding-top:50px;
}

@media (max-width:800px){
	.middleLayout .Section_ban { margin-top:0}
}
.middleLayout .Section{
	width:100%; margin:0px auto; display:table; padding:50px 0;
}

.middleLayout .Section1{
	width:100%; margin:0px auto; display:table; padding:50px 0;
	background:#ebf6fe;
}

.middleLayout .Section2{
	width:100%; margin:0px auto; display:table; padding:50px 0;
	background:#fcfaee;
}


.margin_style {margin-top: 80px;}

/*-------------

QTÂü¿©Çϱâ

---------------
*/

/*title*/

.page-header {text-align:center; margin-bottom: 30px;}
.page-header img {max-width: 100%;height:35px;margin:0 auto;}


.row {
  margin-right: -10px;
  margin-left: -10px;
 
}

.row * {box-sizing: border-box;}
.btn_arrow {position:absolute;right:35px;bottom:20px;}
.row dl {border:1px solid #d6dce1;background-color:#d5e0e8;text-align:left; margin: 10px 0;}
.row dl dd {margin-left:20px;margin-right:20px;}
.row dl dd.tit {margin-bottom:5px;}
.row dl dd.sub_tit {margin-bottom:20px;height:20px;overflow:hidden;}
.row dl dd.tit a {display:block;color:#484848;font-size:18px;font-weight:bold;height:20px;overflow:hidden;}
.row dl dd.sub_tit a {display:block;font-size:1.1em;height:19px;overflow:hidden}


.img-responsive {
  display: block;
	width: 100%;
  height: auto;
}


.portfolio-item {margin-bottom:20px;}
.btn_arrow {display:none}



.row:after, .row:before {
  display: table;
  content: " ";
  clear:both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}




.col-xs-6 {
		width: 50%;
}



@media (min-width: 768px) {
	/*.row {margin-top:60px;margin-bottom:60px;}*/
	.row {margin-right: -10px; margin-left: -10px;}
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
		padding-right: 10px;
		padding-left: 10px;
	}
	.col-sm-3 {
	  width:24.9%;
	}

	
}


@media (max-width: 414px) {
	
	#header .row {margin-right: -10px; margin-left: -10px;}
	.container.cheering .col-md-10.cheering .row:first-of-type {margin-right: -10px; margin-left: -10px;}
	
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}

	/* .row {
		margin-right: 5px;
		margin-left: 5px;
	} */

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-right:5px;
		padding-left: 5px;
	}

	.row dl dd.tit a {font-size:16px;}
	.row dl dd {margin-left:10px;}


}



/******** common ********/
.boardLayout{
	width:100%; max-width:800px; margin:0px auto;
}

.pLeftRight10{
	padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;
}
.btn{
	width:auto; padding:10px 20px; 
	background:#444; color:white;
	display:inline-block;
	cursor:pointer;
	margin:3px;
}

/******** writeView ********/
.boardWriteView{
	width:95%; margin:0px auto; display:table; margin-top:10px; max-width:900px; 
}
.boardWriteView .board_top{
	width:100%; 
	border:1px solid #d1d1d1;
	
}
.boardWriteView .board_top .title{
	width:100%; border-bottom:1px solid #d1d1d1;
	font-size:1.3em; font-weight:bold;
}

.boardWriteView .board_con{
	width:100%; margin:0px auto; padding:10px 0;  
}
.boardWriteView .board_con img{
	width:100%;
}
.boardWriteView .upload_con{
	width:100%; margin:0px auto; display:table;  margin-top:10px;
}
.fileSelect{
	width:100%; display:table;
}
.boardWriteView .board_bottom{
	width:100%; margin:0px auto; display:table; text-align:center;
	padding-bottom:50px;  padding-top:10px;
}
.boardWriteView .txtField{
	width:100%; margin:0px auto; border:0px; padding:12px 0; background:transparent; font-size:0.8em;
}
.textareaView{
	width:100%; margin:0px auto; border:1px solid #d1d1d1; text-align:center; padding:12px 0; 
}
.boardWriteView .longtxtField{
	width:97%; margin:0px auto;  border:0px;
	min-height:400px; word-break:break-all; font-size:1.05em;
}
.boardWriteView .uploadBtn{
	width:100px;  padding:10px 0; text-align:center;
	background:#444; color:white;
	display:inline-block;
	cursor:pointer;
}
.boardWriteView .uploadFileName{
	width:100%; margin:0px auto; border:0px; padding:10px 0; color:white;
}

.upload_con .fileSelect div {border:1px solid #d1d1d1;padding-left:10px;padding-right:10px;margin-bottom:10px;}
.upload_con .fileSelect input {font-size: 1.05em;} 
input, textarea {  font-family: 'Nanum Gothic';}

.topLayout {position:relative;z-index:1}/*·¹À̾î¼ø¼­*/
/*.middleLayout {position:relative;z-index:-1} *//*·¹À̾î¼ø¼­*/

.top_commonLayout {max-width:1150px;}

.board_top .title, .board_con .textareaView, .fileSelect > div {background-color:#FFF;}

/*=================================================
    board
====================================================
*/

/******* View *******/
.boardView{
	width:100%; margin:0px auto; display:table; margin-top:10px; max-width:900px;text-align:left; 
}
.boardView .board_top{
	width:100%; 
	
}
.editDelBtnLayout{
	width:100%; margin:0px auto; display:table; text-align:right; 
}
.editDelBtnLayout img{
	width:auto; height:25px; cursor:pointer;
}
.boardView .board_top .title{
	width:100%; margin:0px auto; border-bottom:2px solid #d1d1d1; padding:15px 0;
	font-size:1.0em; background:#eee; height:20px overflow:hidden; font-weight:bold;
}
.boardView .board_top .title_top {
	width:100%; margin:0px auto; border-bottom:2px solid #d1d1d1; padding:12px 0;
	font-size:1.0em; background:#eee; height:20px overflow:hidden; font-weight:bold;
}
.boardView .board_top .subtitle{
	width:100%; margin:0px auto;border-bottom:2px solid #d1d1d1; padding:15px 0;
	font-size:1.1em; 
}
.boardView .pLeftRight10{
	padding-left:10px; padding-right:10px;
}
.boardView .board_con{
	width:100%;  margin:0px auto; padding:40px 0;  color:#4b4b4b; line-height:150%; border-bottom:2px solid #d1d1d1;
}

.boardView .board_bottom{
	width:100%; margin:0px auto; display:table; text-align:center; margin-top:10px;	
}
.boardView .fileDownLoad{
	width:100%; margin:0px auto; border-bottom:2px solid #d1d1d1; padding:15px 0;
}
.fileDownLoad img{
	width:auto; height:20px; margin-bottom:-5px; padding-left:10px; cursor:pointer;
}
.boardList{
	width:100%; display:table; color:#888;
}
.boardList  .list{
	float:right;
}
.boardList .list1{
	float:right;
}
.line_solid{
	width:100%; margin:0px auto;  background:#eee; height:2px;
}
.boardList span{
	font-size:0.9em; letter-spacing:-1px; 
}

/******** common ********/
.boardLayout{
	width:100%; max-width:800px; margin:0px auto;
}
.list{
	float:left;
}
.pLeftRight10{
	padding-left:10px; padding-right:10px;
}
.btn{
	width:auto; padding:10px 20px; 
	background:#444; color:white;
	display:inline-block;
	cursor:pointer;
	margin:3px;
}
.line_solid{
	width:100%; margin:0px auto; height:1px;   margin-bottom:10px;
}

.commentTxt{
	width:100%; margin:0px auto;display:table;
	padding:15px 0; border-bottom:1px solid #d1d1d1;
}



.commentView{
	width:95%; max-width:800px;margin:0px auto; display:table; text-align:left; margin-top:10px; /*border:1px solid #d1d1d1;*/

}

.commentView .cmtTitle{
	color:#4b4b4b;
}
.commentView .cmtTitle .mbrNam{
	font-weight:bold;
}
.commentView .cmtCon{
	color:#4b4b4b; line-height:150%;
}
.commentView .mbrImg{
	width:50px; height:50px;
	border-radius:25px; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
}
.commentWriteView{
	width:95%;max-width:800px; margin:0px auto; display:table;
	text-align:center;
}
.commentWriteView .longtxtField{
	width:99%; margin:0px auto; height:100px;
	font-size:1.0em; border:1px solid #d1d1d1;	
}
.btnLayout{
	text-align:right;
}


/************** Page Layout **************/
.pageView{
	width:100%; margin:0px auto; display:table; text-align:center;
	margin-top:30px; 
}
.pageView .pagePrevBtn{
	width:26px; height:26px; display:inline-block;
	border-radius:13px;line-height: 26px;
	background:#aaa; 
	margin-left:2.5px; color:white;
	margin-right:2.5px;
	cursor:pointer;
}
.pageView .pageNextBtn, .pageView .pageBtnon {
	width:26px; height:26px; display:inline-block;
	border-radius:13px; line-height: 26px;
	background:#aaa; color:white;
	margin-left:2.5px; 
	margin-right:2.5px;
	cursor:pointer;
}
.pageView .pageBtn {
		width:26px; height:26px; display:inline-block;
	border-radius:13px; line-height: 26px;
	background:transparent; color:#888;
	margin-left:2.5px;
	margin-right:2.5px;
	cursor:pointer;
}
.pageView .pageBtn:hover{
	background:#aaa;
	color:white;
}


.morecontent span {
    display: none;
}
.morecontent a {color:#00F;}

.bgcnone {background:none}
.boardLayout {margin-top:40px;}
.btn_list {background-color:#2bb4e0;}
.btn a, .btn a:hover {color:#fff;}

.event_banner {border:2px solid #EAEEF1}