@charset "UTF-8";


/* form */
.inputText { 
	border-color: #ddd; border-radius: 3px;
	background: #f4f4f4;
}



/* 여백 */
.mt20 {
	margin-top: 20px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mb5 { 
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mlr_auto {
	margin-left: auto !important; margin-right: auto !important;
}
.pt20 { 
	padding-top: 20px !important; 
}
.pt40 { 
	padding-top: 40px !important; 
}
.pt60 { 
	padding-top: 60px !important; 
}
.pb5 { 
	padding-bottom: 5px !important;
}
.pb40 { 
	padding-bottom: 40px !important;
}
.plr10 {
	padding-left: 10px !important; padding-right: 10px !important;
}

	@media only screen and (max-width: 1024px) {
		.mt20 {
			margin-top: 15px !important;
		}
		.mt40 {
			margin-top: 20px !important;
		}
		.mt60 {
			margin-top: 40px !important;
		}
		.mt80 {
			margin-top: 60px !important;
		}
		.mb20 {
			margin-bottom: 15px !important;
		}
		.mb40 {
			margin-bottom: 20px !important;
		}
		.mb60 {
			margin-bottom: 40px !important;
		}
		.mb80 {
			margin-bottom: 50px !important;
		}
		.pt20 { 
			padding-top: 15px !important; 
		}
		.pt40 { 
			padding-top: 20px !important; 
		}
		.pt60 { 
			padding-top: 40px !important; 
		}
		.pb40 { 
			padding-bottom: 20px !important;
		}
	}



/* 검색 */
form.search-select { 
	width: 100%; 
	padding:2%; 
	text-align:center; 
	border:1px solid #ddd; 
	background:#efefef; 
}
form.search-select select { 
	font-size: .9rem; 
	border: 1px solid #aaa;
	background:#fff;
}
form.search-select #list_search	{ 
	width: 210px; 
	font-size: .9rem; 
	border: 1px solid #aaa; border-radius: 0;
	background: #fff; 
}
form.search-select * { 
	height: 40px;
	vertical-align: middle;
}

	@media only screen and (max-width: 500px) {
		form.search-select #list_search	{ 
			width: calc(210px - 60px);  
		}
	}



/* SNS */
div.bt_social ul		{ position:relative; width:170px; height:auto; margin:20px auto; text-align:center; zoom:1 }
div.bt_social ul:after	{ content:""; display:block; clear:both}
div.bt_social li		{ float:left; text-align:center}


/* 페이지 숫자 */
.page-navi				{ width:100%; text-align:center}
.page-navi *			{ vertical-align:middle; font-family:'Nanum Gothic', sans-serif;  }
.page-navigation		{ margin:20px auto; vertical-align:top; }
.page-navigation a		{ padding:0 8px; font-size:15px}
.page-navigation .page_num .now		{ padding:0 8px; font-size:15px}
.page-navigation .page_num a img	{ padding:0 2px}
.page-navigation .prev-page input	{ padding-right:5px; }
.page-navigation .next-page input	{ padding-left:5px; }


/* Board_list btn */
div.bt_list				{ width:100%; }
div.bt_list	ul			{ margin-top:1.5rem; margin-bottom:4rem; zoom:1 }
div.bt_list ul:after	{ content:""; display:block; clear:both}
div.bt_list li			{ float:left; padding-right:3px}
div.bt_list .bt_right	{ float:right; }

@media only screen and (max-width: 768px) {
	div.bt_list	ul	{ 
		margin-top:1rem; 
		margin-bottom:2rem; 
	}
}


/* Board_view btn */
div.bt_view				{ margin-top:1.5rem; text-align:right}
div.bt_view ul			{ position:relative; width:auto; height:auto; margin:20px auto 45px; }
div.bt_view li			{ display:inline-block; padding:0 1px; text-align:center; vertical-align:top }	
div.bt_view li > *		{ vertical-align:top }
@media only screen and (max-width: 1200px) {
	div.bt_view			{ text-align: center; }
}

dl.bt_view_hit			{ float:left; width:50%; position:relative; }
dl.bt_view_hit dt		{ float:left; padding-left:10px; color:#5d5d5d; }
dl.bt_view_hit dd		{ float:left; color:#565656; font-size:11px}

div.bt_view_list ul		{ float:right; width:auto; position:relative; padding: 0 10px 0 0; zoom:1 }
div.bt_view_list ul:after{ content:""; display:block; clear:both}
div.bt_view_list li		{ float:left; padding-left:10px; text-align:center}



/* Board_list */
.board_top { 
	max-width:1200px; width:100%; 
	margin: -30px auto 0; 
	z-index:1; 
	zoom:1;
}
.board_top:after { content:""; clear:both; display:block }
.board_top *			{ font-size:1rem; vertical-align:top }
.board_top p.total		{ float:left; line-height: 50px;}
.board_top p strong		{ font-weight: 400; color: red}
.board_top div			{ float:right; margin:0; }
@media only screen and (max-width: 500px) {
	.board_top * {
		font-size: .8rem;
	}
}

.table colgroup col.no	{ width: 3%; }
.table colgroup col.writer	{ width:13%; }
.table colgroup col.img	{ width:30%;}

.table table thead th	{ padding: 1.2rem 1.5rem; border-bottom: 0}
.table table td			{ padding: 1rem 1.5rem; }
.table th:first-child, 
.table td:first-child	{ border-left:none}	
.table th:last-child, 
.table td:last-child	{ border-right:none}

@media only screen and (max-width: 1200px) {
	.board_top p.total	{ padding-left:0}
	div .tableBoard01 table th,
	div .tableBoard01 table td { padding: .7rem .5rem;}
}
@media only screen and (max-width: 768px) {
	div .tableBoard01 table colgroup col:nth-child(3n) ~ col,
	div .tableBoard01 table thead th:nth-child(3n) ~ th,
	div .tableBoard01 table tbody td:nth-child(3n) ~ td { display:none}
	div .tableBoard01 table thead th:nth-child(3n),
	div .tableBoard01 table tbody td:nth-child(3n) { border-right:0}
	div .table table .qna a i { font-size: 1.4rem;}
	div .table table .faq_a { padding: 1rem; }
	div .table table .faq_a p { padding: 0; }
	.board_top p.total { margin-bottom: 5px}
}
@media only screen and (max-width: 500px) {
	.board_top {
		margin-top: -20px;
	}
	.board_top p.total { 
		line-height: 32px;
		font-size: 85%;
	}
	.board_top p.total strong { font-size: 100%}
	div .tableBoard01 table thead th:nth-child(2),
	div .tableBoard01 table tbody td:nth-child(2) { border-right:0}	
	div .tableBoard01 table tbody td nobr a { display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
	div .tableBoard01 table tbody td nobr * { vertical-align:middle}


	div .tableBoard01 table colgroup col:nth-child(3),
	div .tableBoard01 table colgroup col:nth-child(3) { display:none}	
	div .tableBoard01 table thead th:nth-child(3),
	div .tableBoard01 table tbody td:nth-child(3) { display:none}	

	div .tableBoard01 table.board colgroup col:nth-child(3),
	div .tableBoard01 table.board colgroup col:nth-child(3) { display:block}	
	div .tableBoard01 table.board thead th:nth-child(3),
	div .tableBoard01 table.board tbody td:nth-child(3) { display:block}	

	div .table table .faq_a .desc { font-size: .84rem}
	div .table table .faq_a .desc p { margin-bottom: 10px;}
}
@media only screen and (max-width: 400px) {
	div .tableBoard01 table tbody td nobr a { max-width:200px;}
}


/* Board_list */
.board .reply .text_left{ padding:7px 10px 7px 50px; background:url("/board/img/board/iconReply.gif") no-repeat scroll 7px 7px }
.board span				{ padding-left:2px; }
.board span img			{ vertical-align:text-top}
span.admin				{ padding:0 0 0 17px !important; background:url("/board/img/board/iconAdmin.gif") no-repeat scroll 0 0}



/* FAQ */
.table table .qna a		{ position:relative; display:block; box-sizing:border-box; padding-right:20px;}
.table table .qna a i	{ position:absolute; top:0; right:0; font-size:2rem; color:#ccc}
.table table .faq_a		{ padding:2rem; color:#333; background:#f4f4f4 }
.desc img				{ max-width:98%; height:auto !important}

@media only screen and (max-width: 500px) {
	.board_write dt		{ width:100px; padding:.3rem .5rem; }
	.board_write dd		{ width:calc(100% - 100px); padding:.3rem .5rem; }
}


/* Board_view */
h5.board_title { 
	padding: 1.2rem 1rem 1rem; 
	font-size: 1.4rem; font-weight: 500; text-align: center;
	border-top: 2px solid #3163c7; 
	background:#f5f5f5;
}
div.board_view { 
	color:#000; 
	border-top: 1px solid #ddd; 
}
div.board_view01 { 
	display: flex; justify-content: space-between;
	padding: 0; 
	background: #f5f5f5;
}
div.board_view01 > span {
	flex: 1 1 10%;
	padding: 7px 13px;
	font-size: .9rem; text-align: center;
}
div.board_view dl { 
	display: flex; align-items: center;
	width: 100%; height: 60px;
	border-bottom: 1px solid #ddd;
}
div.board_view dt,
div.board_view dd {
	padding: 1rem 20px; 
	font-size: .8rem; font-weight: 700;
}
div.board_view dt { 
	width: 150px; 	
	background: rgba(200,200,200,.1);
}
span.down a { 
	display: inline-block; 
	margin-left: 10px; padding: 3px 7px; 
	color: #fff; font-size: .7rem; 
	border-radius: 3px; 
	background: #333;
}
span.down span { 
	font-size: .6rem; 
	vertical-align: middle;
}

/* 본문 내용 */
#writeContents { 
	padding: 4rem; 
	font-size: 90%;
}
#writeContents p { 
	font-size: 130%; 
}
#writeContents iframe { 
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; height: 100%;
}

	@media only screen and (max-width: 1200px) {
		div h5.board_title	{ 
			padding: 1rem .5rem; 
		}
		div.board_view dt,
		div.board_view dd	{ padding: 1rem; }
		#writeContents { 
			padding: 3rem 1rem;
		}
		
	}
	@media only screen and (min-width: 769px) {
		div.board_view01 > span {
			border-left: 1px solid #ddd;
		}
		div.board_view01 > span:nth-child(1) {
			flex: 1 1 41%;
			border-left: 0;
		}
		div.board_view01 > span:nth-child(2),
		div.board_view01 > span:nth-child(3) {
			flex: 1 1 23%;
		}
	}
	@media only screen and (max-width: 768px) {		
		div h5.board_title { 
			font-size: 1.2rem;
		}
		div.board_view01 {
			flex-wrap: wrap;
		}
		div.board_view01 > span {
			flex: 1 1 50%;
		}
		div.board_view01 > span:nth-child(even) {
			border-left: 1px solid #ddd;
		}
		div.board_view01 > span:not(:nth-child(1), :nth-child(2)) {
			border-top: 1px solid #ddd;
		}
		div.board_view dt	{ width:110px}
		#writeContents img { 
			max-width: 100%; height: auto;
		}
	}
	@media only screen and (max-width: 500px) {
		div h5.board_title	{ 
			padding: .6rem; 
			font-size: 95%; line-height: 1.4;
		}			
		div.board_view01 > span {
			display: none;
			padding: 5px;
		}
		div.board_view01 > span:nth-child(even) {
			border-left: 0;
		}
		div.board_view01 > span:nth-child(1) {
			flex: 1 1 100%;
			display: block;
		}
		div.board_view01 > span:nth-child(2) {
			border-top: 1px solid #ddd;
		}

		
		div.board_view dt	{ width:100%; padding:.3rem .8rem 0; }
		div.board_view dd	{ width:100%; padding:.3rem .8rem; }

		#writeContents { 
			padding-left: 0; padding-right: 0;
			font-size: 80%;
		}	
	}



/* Board_write */
.board_write {
	border-top: 2px solid #3163c7;
}
.board_write * {
    font-family: 'Nanum Gothic';
}
.board_write dl { 
	display: flex; align-items: center;
    width: 100%; 
    border-bottom: 1px solid #ddd;
}
.board_write dt,
.board_write dd { 
	padding-left: 20px; 
	font-size: .8rem; font-weight: 700;
}
.board_write dt { 
	width: 150px; 
	padding-top: 1rem; padding-bottom: 1rem; padding-right: 20px; 
	background: rgba(200,200,200,.1);
}
.board_write dd { 
	width: calc(100% - 170px); 
}
.board_write textarea { 
	width: 100%;
	vertical-align: bottom;
}

.board_write td * { 
	font-size: .7rem;
	vertical-align: middle;
}
.board_write .cheditor-tb-wrapper { 
	height:auto !important;
}
.board_write span.plus	{ 
	display:inline-block; 
	width: 26px; height: 26px; 
	line-height: 22px; font-size: 1.2rem; font-weight: 700; text-align: center; color: #fff; 
	background:#555;
}

	@media only screen and (max-width: 500px) {
		.board_write dt		{ width:100%; padding:.3rem .5rem; }
		.board_write dd		{ width:100%; padding:.3rem .5rem; }
	}


/* 2010.12.27 */
/* Board_Del etc */
form.board_del			{ width:90%; height:210px; margin:0 auto; border:1px solid #dbdbdb; text-align:center}
.title_write			{ width:350px;}
.board_del_wrapper		{ width:90%; padding:40px 0 10px 0; margin:0 auto 30px auto; border-bottom:1px solid #dbdbdb; text-align:center}
.board_del_wrapper input{ margin:10px 0}



/* ImageBoard_List */
.photo_board			{ width:100%; margin:0 auto 10px; zoom:1}
.photo_board:after		{ content:""; clear:both; display:block }
.photo_board > li		{ float:left; position:relative; width:32%; margin-top: 50px; vertical-align:top; overflow:hidden;}
.photo_board > li a		{ display:block; width:100%; height:100%;}
.photo_board .img		{ position:relative; overflow:hidden; box-sizing:border-box; height:260px; border:1px solid #c5c5c5; background:url('/board/img/board/bgGallery_01.gif') no-repeat 50% 50%;}
.photo_board .img img	{ position:absolute; left:50%; top:50%; max-height:100%; max-width:100%; transform:translate(-50%, -50%); transform-origin:left; -webkit-transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.photo_board > li a:hover .img img { transform:scale(1.1) translate(-50%, -50%); }
.photo_board .text li	{ display:block; overflow:hidden; min-height: 56px; margin:.9rem 0 0; font-size:.94rem; color:#000; line-height: 1.5; text-align:center; 
	display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; 
}
.photo_board .text li.gallery_content { display:none}
.photo_board .text li.date{ display:none; margin-top: 0}
.photo_board > li a:hover .text { color:#3163c7; }
.photo_board .text span	{ font-size: .8rem;}

@media only screen and (min-width: 501px) {
	.photo_board > li:nth-child(-n+3) { 
		margin-top:0;
	}
	.photo_board > li:nth-child(3n-1) { 
		margin-left: 2%; 
		margin-right: 2%;
	}
}
@media only screen and (max-width: 1200px)  {
	.photo_board .img { 
		height:233px; 
	}
}
@media only screen and (max-width: 1024px)  {
	.photo_board .img { 
		height: 200px; 
	}
	.photo_board > li {
		margin-top: 2rem;
	}
}
@media only screen and (max-width: 900px) {
	.photo_board .img { 
		height:170px; 
	}
}
@media only screen and (max-width: 768px) {
	.photo_board .img { 
		height:140px; 
	}
	.photo_board .text li {
		min-height: 42px;
		font-size: 90%;
		line-height: 1.4
	}
	.photo_board .text li.date	{ 
		margin-top: 0.5rem;
	}
}
@media only screen and (max-width: 600px) {	
	.photo_board .img { 
		height:110px; 
	}
}
@media only screen and (max-width: 500px) {	
	.photo_board > li {
		width: 48%;
		margin-top: 1.5rem;
	}
	.photo_board > li:nth-child(2n) {
		margin-left: 4%;
	}
	.photo_board > li:nth-child(-n+2) {
		margin-top: 0;
	}
	.photo_board .text li {
		margin-top: .5rem;
	}
}




div.bt_view_01 ul			{ position:relative; width:263px; height:auto; margin:20px auto 45px auto; text-align:center; zoom:1 }
div.bt_view_01 ul:after		{ content:""; display:block; clear:both}
div.bt_view_01 li			{ float:left; padding:0 2px}	



/* 2010.12.30 */
/* Board Comment */
.board_comment							{ position:relative; width:100%; margin-top:40px; background:#f2f2f2; border:1px solid #e5e5e5; zoom:1 }
.board_comment:after					{ content:""; display:block; clear:both}
ul.comment_wrapper						{ height:90px; margin:15px 14px 0 14px; }
ul.comment_wrapper li					{ float:left; }
ul.comment_wrapper li textarea		{ width:85%; height:76px}
ul.comment_wrapper li a img			{ padding:2px 0 0 8px}
p.comment_p								{ width:auto; padding:0 0 10px 15px; }

.board_comment div.list li				{ float:left; color:#000}
.board_comment div.list li.data		{ padding:0 10px; color:#7b7b7b}
.board_comment div.list li.bt_link li	{ padding:0 1px}

.board_comment div.list .comment_box_choice					{ width:auto;  height:auto; padding:10px 10px 20px 10px; background:#fff; zoom:1}
.board_comment div.list .comment_box_choice:after			{ content:""; display:block; clear:both}
.board_comment div.list .comment_box_choice li.contents	{ width:100%; padding-top:5px; line-height:16px; }	
.board_comment div.list .comment_box_choice li.contents p	{ font-size:11px; color:#000}

.board_comment div.list .comment_box								{ width:auto;  height:auto; padding:15px 0 0 15px; zoom:1}
.board_comment div.list .comment_box:after						{ content:""; display:block; clear:both}
.board_comment div.list .comment_box .contents				{ width:100%; padding-top:5px; line-height:16px; }	
.board_comment div.list .comment_box .contents p				{ width:auto; padding-bottom:10px; margin-right:15px; border-bottom:1px solid #d8d8d8; font-size:11px;}
.board_comment div.list .comment_box	 .fer						{ padding-right:5px}

.board_comment div.list .reply		{ background:url("/board/img/board/iconReply_01.gif") no-repeat scroll 0 13px }
.comment_login						{ margin:0 14px 10px 14px; zoom:1}
.comment_login:after					{ content:""; display:block; clear:both}

.comment_login li						{ float:left; }
.comment_login li label 				{ padding:3px 3px 0 0; vertical-align:middle}
.comment_login li input 				{ vertical-align:middle}
.comment_login li.text 				{ padding:3px 3px 0 0; }
input.login_text						{ width:80px !important; background:#fff !important; margin-right:10px; color:#969696 !important}




/* 2011.01.03 */
/* Board Schedule View*/
tbody td.board_view01				{ margin-top:-1px; border-top:1px solid #a1a1a1}



/* 2011.01.03 */
/* Board English */
form.search-select_en					{ width:390px; margin:0 auto; }
form.search-select_en select			{ *vertical-align:middle; background:#fff; border:1px solid #e5e5e5;}
form.search-select_en #list_search	{ width:210px; vertical-align:middle;}
form.search-select_en .bt_search	{ vertical-align:middle;}

.board .reply_en .text_left				{ padding:7px 10px 7px 50px; background:url("/board/img/board/iconReply_en.gif") no-repeat scroll 7px 7px }




/* 코멘트 */
#commentContents					{ width:100%; zoom:1 }
#commentContents:after				{ content:""; display:block; clear:both;}
#commentContents table td		{ border:0; padding-left:0; padding-right:0 }
.comment_list							{ width:auto; height:30px; border-top:1px solid #ddd; border-bottom:1px dotted #ddd; line-height:28px; background:#fdfdfd; zoom:1 }
.comment_list:after						{ content:""; display:block; clear:both;}
.comment_list *							{ vertical-align:middle }
.comment_left							{ float:left; height:28px; margin:2px 0 0 10px }
.comment_left span					{ color:#888888; font-size:11px; }
.comment_right							{ float:right; height:28px; margin:2px 10px 0 0 }
.comment_right span					{ margin-right:10px; color:#B2B2B2 font-size:11px; }
.comment_icon *						{ vertical-align:middle; line-height:11px }
.comment_icon img					{ margin-right:3px }
.comment_content						{ line-height:20px; padding:10px; word-break:break-all; overflow:hidden; clear:both; border-bottom:1px solid #ddd}
/* 코멘트 작성*/
div.bd_com								{ width:100%; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;text-align:left}
div.bd_com ul								{ padding:3px; }
div.bd_com li								{ width:100%; margin:0; vertical-align:middle; text-align:left; color:#555; zoom:1 }
div.bd_com li.secret					{ padding:10px 0;border-bottom:1px solid #dfdfdf;}
div.bd_com li:after						{ content:""; display:block; clear:both;}
div.bd_com li *							{ vertical-align:middle}
div.bd_com li dl							{ float:left; }
div.bd_com li dl *						{ vertical-align:middle}
div.bd_com li dl dt						{ float:left; height:20px; padding-right:10px; line-height:300%;  font-weight:bold }
div.bd_com li dl dd						{ float:left; width:150px; }
div.bd_com li dl dd input.inputText01{ height:36px !important; margin-right:5px}