@charset "utf-8";
/* ********************************************************************************************* 
	@CreateDate		:	20145.02.06																 
 	@ModifyDate		:																			 
 	@Description	:
	@Author			:	namu																	 
********************************************************************************************* */
/*  
	frame = "above | below | border | box | lhs | rhs | hsides | Vsides"
	rules = "all | none | cols | rows | groups"
*/
/* ------------------------- COMMON ------------------------- */
	.alignC, .btnC { clear: both; text-align: center; position: relative; margin: 20px 0; }
	.alignR, .btnR { text-align: right; position: relative; margin: 20px 0; }
	.btnC.tbl-under { margin-top: 50px; }
	.required { color: #ff0000; position: relative; }
	.required:before {
		content: '*';
		display: inline-block;
		width: 10px; 
		height: 7px;
		line-height: 7px;
		margin-left: 5px;
		overflow: hidden; 
		}
	.detail { color: #016e9e; margin: 5px 10px; }
	.sbox { display: inline-block; border: 1px solid #d7d7d7; vertical-align: top; background: #fff; line-height: 1.5; height: 18px; padding: 3px 4px 3px 5px; margin: 0; /*min-width: 80px;*/ width: 100px; }
	.sbox select { letter-spacing: -1px; border: 1px solid #fff; width: 100%; font-size: 12px; line-height: 1.5; vertical-align: top}
	.sbox.small { width: 60px; }
	.inbox { 
		border: 1px solid #d7d7d7; 
		font-size: 12px;
		line-height: 1.5;
		height: 18px;
		padding: 3px 0 3px;
		}
	select.inbox { width: 50px; height: 26px;}
	.inbox.next-line { display: block; margin-top: 10px;}
	label.radio { display: inline-block; margin: 0 20px 0 5px;}

	.dot-con table li { padding-left: 10px; background: url('../image/common/tbl_list_dot.gif') no-repeat 0 8px;}
	.borderL { border-left: 1px solid #dadee0 !important;}

/* ------------------------- BTN ------------------------- */ 
	.btn { 
		position:relative; 
		display: inline-block; 
		line-height: 18px; 
		padding: 3px 15px; 
		font-size: 12px; 
		font-weight: 700;
		white-space:nowrap; 
		vertical-align: middle; 
		overflow:visible; 
		cursor: pointer;
		margin: 0;
		}
	.btn.search {
		width: auto; height: auto; background-position: -1px -1px; 
		border: 1px solid #3a80bd;
		color: #fff;
		background: #035299;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2891e9), to(#035299));
		background: -webkit-linear-gradient(#2891e9, #035299);
		background: -moz-linear-gradient(#2891e9, #035299);
		background: -ms-linear-gradient(#2891e9, #035299);
		background: -o-linear-gradient(#2891e9, #035299);
		background: linear-gradient(#2891e9, #035299);
		-pie-background: linear-gradient(#2891e9, #035299);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.round { 
		border: 1px solid #0069a6; 
		background: #0093e8; 
		color: #fff;
		border-radius: 3px;
		-webkit-box-shadow: 2px 2px 1px #ccc;
		-moz-box-shadow: 2px 2px 1px #ccc;
		box-shadow: 2px 2px 1px #ccc;		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.half { 
		width: 90%;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #2e2e2e;
		background: #0093e8; 
		color: #fff;
		padding: 10px 0;
		font-size: 13px;
		line-height: 1.5;
		border-radius: 25px;
		-webkit-box-shadow: 2px 2px 1px #cecece;
		-moz-box-shadow: 2px 2px 1px #cecece;
		box-shadow: 2px 2px 1px #cecece;		
		background: #777777;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777), to(#333));
		background: -webkit-linear-gradient(#777, #333);
		background: -moz-linear-gradient(#777, #333);
		background: -ms-linear-gradient(#777, #333);
		background: -o-linear-gradient(#777, #333);
		background: linear-gradient(#777, #333);
		-pie-background: linear-gradient(#777, #333);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.halfR { 
		border: 1px solid #2e2e2e;
		background: #0093e8; 
		color: #fff;
		padding: 10px 35px;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
		border-radius: 25px;
		-webkit-box-shadow: 2px 2px 1px #cecece;
		-moz-box-shadow: 2px 2px 1px #cecece;
		box-shadow: 2px 2px 1px #cecece;		
		background: #035299;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e2e2e), to(#000000));
		background: -webkit-linear-gradient(#2e2e2e, #000000);
		background: -moz-linear-gradient(#2e2e2e, #000000);
		background: -ms-linear-gradient(#2e2e2e, #000000);
		background: -o-linear-gradient(#2e2e2e, #000000);
		background: linear-gradient(#2e2e2e, #000000);
		-pie-background: linear-gradient(#2e2e2e, #000000);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.halfR-red { 
		border: 1px solid #cb3431;
		background: #fa3f3d; 
		color: #fff;
		padding: 10px 35px;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
		border-radius: 25px;
		-webkit-box-shadow: 2px 2px 1px #cecece;
		-moz-box-shadow: 2px 2px 1px #cecece;
		box-shadow: 2px 2px 1px #cecece;		
		background: #035299;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fb3b39), to(#cf2826));
		background: -webkit-linear-gradient(#fb3b39, #cf2826);
		background: -moz-linear-gradient(#fb3b39, #cf2826);
		background: -ms-linear-gradient(#fb3b39, #cf2826);
		background: -o-linear-gradient(#fb3b39, #cf2826);
		background: linear-gradient(#fb3b39, #cf2826);
		-pie-background: linear-gradient(#fb3b39, #cf2826);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.list {
		border: 1px solid #0069a6; 
		color: #fff;
		background: #035299;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2891e9), to(#035299));
		background: -webkit-linear-gradient(#2891e9, #035299);
		background: -moz-linear-gradient(#2891e9, #035299);
		background: -ms-linear-gradient(#2891e9, #035299);
		background: -o-linear-gradient(#2891e9, #035299);
		background: linear-gradient(#2891e9, #035299);
		-pie-background: linear-gradient(#2891e9, #035299);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.tbl-btn {
		border: 1px solid #d1d1d1;
		color: #333;
		font-weight: normal;
		background: #035299;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#fefefe));
		background: -webkit-linear-gradient(#fff, #fefefe);
		background: -moz-linear-gradient(#fff, #fefefe);
		background: -ms-linear-gradient(#fff, #fefefe);
		background: -o-linear-gradient(#fff, #fefefe);
		background: linear-gradient(#fff, #fefefe);
		-pie-background: linear-gradient(#fff, #fefefe);
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.gray {
		border: 1px solid #c5c5c5;
		/* border-bottom: 1px solid #9a9a9a; */
		color: #333;
		background: #035299;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#dedddd));
		background: -webkit-linear-gradient(#fff, #dedddd);
		background: -moz-linear-gradient(#fff, #dedddd);
		background: -ms-linear-gradient(#fff, #dedddd);
		background: -o-linear-gradient(#fff, #dedddd);
		background: linear-gradient(#fff, #dedddd);
		-pie-background: linear-gradient(#fff, #dedddd);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.dark {
		border: 1px solid #6a6a6a;
		color: #fff;
		background: #777777;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777), to(#333));
		background: -webkit-linear-gradient(#777, #333);
		background: -moz-linear-gradient(#777, #333);
		background: -ms-linear-gradient(#777, #333);
		background: -o-linear-gradient(#777, #333);
		background: linear-gradient(#777, #333);
		-pie-background: linear-gradient(#777, #333);		
		behavior: url('/resource/css/PIE.htc');
		}
	.btn.flat {
		border: 1px solid #dadee0;
		color: #333;
		background: #fff;
		padding: 4px 20px 4px 20px;
		text-align: center;
		font-weight: normal;
		}
	.btn.flat.selected { border: 1px solid #000; }
	.btn.flat-b { 
		border: 1px solid #0494d3; 
		color: #fff; 
		background: #0494d3; 
		padding: 4px 50px 4px 20px;
		text-align: left;
		}
	.btn.iconaroow:after { 
		content: '';
		display: inline-block;
		background: url('/resource/image/common/iconset.png') no-repeat -3px -86px; 
		width: 6px; 
		height: 9px;
		position: absolute;
		right: 10px;
		top: 7px;
		}
	.btn.fixw-160 { width: 160px; box-sizing: border-box; }
	.btn.wide { padding: 3px 30px; }
	.btn.narrow { padding: 3px 5px; }
	.btn.big { padding: 30px 30px; }
	.btn.low { padding: 1px 5px; }
	.btn.mid { padding: 6px 23px; }

/* ------------------------- Pagination ------------------------- */
	.pagination{ margin: 30px 0 30px; text-align:center; line-height: normal; position: relative;}
	.pagination > a,
	.pagination > strong { 
		position: relative; 
		color: #4c4948; 
		font: normal 12px/16px Tahoma, Sans-serif; 
		vertical-align: top; 
		display: inline-block; 
		text-decoration: none; 
		padding: 3px 5px; 
		margin: 0 0; 
		background-color: #fff; 
		z-index: 2;
		}
	.pagination > strong { border: 1px solid #ee0010; background-color: #fff; }
	.pagination > a:hover,
	.pagination > a:active,
	.pagination > a:focus { background-color: #fff;}
	.pagination > .direction{ 
		font-weight:normal; 
		color: #4c4948; 
		text-decoration:none !important; 
		z-index:1; 
		padding: 3px 5px; 
		}
	.pagination > .direction:hover,
	.pagination > .direction:active,
	.pagination > .direction:focus { color:#323232; background-color:#fff;}
	.pagination > .prev{ border-left:0;}
	.pagination > .next{ border-right:0;}
	.pagination > .direction span{ 
		position:relative; 
		display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
	.pagination > .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
	.pagination > .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px;}
	.pagination .btnL { 
		position: absolute; left: 0; top: -5px; 
		background: none; 
		border: 0;
		}
	.pagination .btnR { 
		position: absolute; 
		right: 0; 
		top: -5px; 
		background: none; 
		border: 0;
		}

/* ------------------------- CUSTON UPLOAD ELEMENTS ------------------------- */
	.customfile-input { position: absolute; height: 100px; width: 100%; cursor: pointer; 
		background: transparent; border: 0; opacity: 0; -moz-opacity: 0; z-index: 999; left: 0; top: 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	.customfile { position: relative; width: 85%; background: #fff; cursor: pointer; overflow: hidden; 
		padding: 2px; border: 1px solid #d9d9d9; }
	.customfile-disabled { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
		cursor: default; }
	.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 1em; color: #fff; 
		font-style: italic; padding: .3em .6em; }
	.customfile-feedback-populated { color: #111; font-style: normal; font-weight: bold; padding-left: 20px; 
		background: url('/resource/image/common/icon_generic.gif') left 4px no-repeat; }
	.customfile-button { border: 1px solid #999; background: transparent url('/resource/image/common/bg_btn.png') bottom repeat-x;  
		color: #111; font-weight: bold; float: right; width: 50px; padding: .3em .6em;  text-align: center; text-decoration: none;  
		font-size: 1em; }
	.customfile-hover .customfile-button, 
	.customfile-focus .customfile-button  { color:#111; background: #aaa url('/resource/image/common/bg_btn.png') bottom repeat-x; 
		border-color:#aaa; padding: .3em .6em; }
	.customfile-focus .customfile-button { outline: 1px dotted #ccc;  }

/* ------------------------- Page Search ------------------------- */
	.search-result { 
		border-top: 2px solid #444;
		background: #f5f5f5;
		border-bottom: #d9d9d9;
		padding: 15px;
		text-align: center;
		margin-bottom: 45px;
		}
		.search-result strong { color: #e12222;}
	.search-container h2 { 
		position: relative; 
		padding-bottom: 15px;
		border-bottom: 1px solid #949494;
		margin-bottom: 10px;
		}
	.keyword { 
		margin-left: 20px; 
		padding-left: 20px; 
		border-left: 1px dotted #d9d9d9;
		font-weight: normal;
		}
		.keyword strong { font-weight: bold; color: #e12222; font-size: 12px; }
	.search-result-list dt {
		font-size: 12px;
		color: #c81414;
		background: url('/resource/image/common/dot.gif') no-repeat 0 13px;
		padding: 6px 0 6px 8px;
		font-weight: bold;
		margin-bottom: 5px;
		} 
	.search-result-list dd {
		background: url('/resource/image/common/h_dot_3x1.gif') repeat-x left bottom;
		padding-bottom: 10px;
		margin-bottom: 10px;
		}
	.search-result-list dd p {
		font-size: 12px;
		margin-bottom: 10px;
		}
	.search-result-list dd .directory span {
		background: url('/resource/image/common/icon_intro_dir.gif') no-repeat left center;
		padding-left: 10px;
		margin-right: 7px;
		}
		.search-result-list dd .directory span:first-child { background: none; padding-left: 0;}
	.more-info { 
		text-align: right; position: relative; 
			}
		.more-info a { vertical-align: middle;}
		.more-info a:after {
			content: '';
			background: url('/resource/image/common/iconset.png') -51px -1px;
			width: 20px;
			height: 17px;
			display: inline-block;
			vertical-align: middle;
			margin-left: 5px;
			}


/* ############################################################################################# */
/*																								 */
/* 		[XS]	Extra Small Devices, Phones 													 */
/*																								 */
/* ############################################################################################# */

/* ------------------------- SHOW HIDE & FLUID ------------------------- */
	table .hide-sm, 
	table .hide-md, 
	table .hide-lg { display: block; display: table-cell; display: *block; }
	table .hide-xs { display: none; display: *none; }
	table .show-sm, 
	table .show-md, 
	table .show-lg { display: none; display: *none; }
	table .show-xs { display: block; display: table-cell; display: *block; }
	table .untill-xs, 
	table .untill-sm { display: none; display: *none; display: table-cell; display: *block; }
	table .untill-md, 
	table .untill-lg { display: none; display: *none; }

	table .xs,
	table .sm,
	table .md,
	table .lg { display: none; }
	table .xs { display: table-cell; display: *block; }
	table .inbox.xs,
	table .inbox.sm,
	table .inbox.md,
	table .inbox.lg { display: inline-block; }

	.tb-list-normal th,
	.tb-list-normal td { display: none; }
	.tb-list-normal .xs { display: table-cell; }
	.sbox.xs select { min-width: 50px;}
	.inbox.xxs, .sbox.xxs { width: 50px; }
	.inbox.xs, .sbox.xs { width: 20%; }
	.inbox.xss, .sbox.xss { width: 20%; }
	.inbox.ss, .sbox.ss { width: 30%; }
	.inbox.ms, .sbox.ms, textarea.ms { width: 50%; }
	.inbox.ls, .sbox.ls, textarea.ls { width: 85%; }

/* ------------------------- Board Search ------------------------- */
	.board-search { 
		width: 100%; 
		overflow: hidden; 
		padding-bottom: 10px;
		}
		.board-search.bor { border-bottom: 1px solid #999; margin-bottom: 20px;}
		.board-search .colL { float: left; }
		.board-search .colR { float: none; clear: left; padding-top: 10px;}
		.board-search .page strong { color: #d20000;}

/* ------------------------- FAQ ------------------------- */
	.faq { font-size: 0.923em; line-height: 1.5; }
	.faq dd { display: none; }
		.faq dt { 
			display: block; 
			position: relative; 
			cursor: pointer; 
			padding: 17px 33px 17px 55px;
			border: 1px solid #e2e2e2;
			background: #fff;
			margin-top: 10px;
			}
		.faq dt:before {
			content: '질문';
			text-indent: -9999em;
			display: inline-block;
			background-image: url('/resource/image/common/iconset.png');
			background-repeat: no-repeat;
			background-position: -350px -150px;
			width: 34px; 
			height: 34px;
			position: absolute; 
			left: 13px;
			top: 9px;
		}
		.faq dt:after {
			content: 'faq열기';
			text-indent: -9999em;
			display: inline-block;
			background-image: url('/resource/image/common/iconset.png');
			background-position: -400px -200px; 
			width: 20px; 
			height: 21px;
			position: absolute;
			right: 10px;
			top: 10px;
		}
		.faq dt.act { 
			border: 1px solid #b8b8b8;
			border-bottom: 0;
			}
		.faq dt.act:after { 
			content: 'faq 닫기';
			background-position: -400px -150px;
			}
		.faq dd { 
			background: #f6f6f6;
			padding: 17px 33px 17px 55px;
			position: relative;
			border: 1px solid #b8b8b8;
			border-top: 0;
			}
		.faq dd:before { 
			content: '답변';
			text-indent: -9999em;
			display: inline-block;
			background-image: url('/resource/image/common/iconset.png');
			background-repeat: no-repeat;
			background-position: -350px -200px; 
			width: 34px; 
			height: 34px;
			position: absolute; 
			left: 13px;
			top: 9px;
			}

/* ------------------------- Normal List ------------------------- */
	.tbl-above-cols { border-top: 2px solid #555; }
		.tbl-above-cols table { width: 100%; border-spacing: 0; border-collapse: collapse; border: 0; }
		.tbl-above-cols th {
			background: #e6eafb;
			border-left: 1px solid #dadee0;
			border-bottom: 1px solid #dadee0;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
			}
		.tbl-above-cols th:first-child { border-left: 0; }
		.tbl-above-cols td {
			border-left: 1px solid #dadee0;
			border-bottom: 1px solid #dadee0;
			font-size: 14px;
			padding: 10px 10px;
			text-align: center;
			}
		.tbl-above-cols td:first-child { border-left: 0; }
		.tbl-above-cols td span { display: block; font-size: 12px;}
		.tbl-above-cols .alignR { text-align: right; }
		.tbl-above-cols .alignL { text-align: left; }
		/*.tbl-above-cols td > a[target=_blank] { display: block; text-align: left; }*/
	.tbl-above-cols.complax-head .gray th,
	.tbl-above-cols.complax-head .gray { background: #f2f2f2; }
	.tbl-above-cols.complax-head .white,
	.tbl-above-cols.complax-head .white th { background: #fff; }
	.tbl-above-cols.complax-head .skin,
	.tbl-above-cols.complax-head .skin th { background: #ffe9d6; }
	.tbl-above-cols .left { text-align: left; }
	.tbl-above-cols.alignleft td { text-align: left;}

	.tbl-above-cols.v th {
		text-align: left; 
		padding: 10px 20px; 
		}
		.tbl-above-cols.v td { text-align: left; font-size: 13px;}
		.tbl-above-cols.v td label { margin-right: 15px; }

	.tbl-all { width: 100%; border-top: 2px solid #555; }
		.tbl-all table { width: 100%; border-spacing: 0; border-collapse: collapse; border: 0; }
		.tbl-all thead th {
			background: #e6eafb;
			border: 1px solid #dadee0;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
			}
		.tbl-all td, .tbl-all th {
			border: 1px solid #dadee0;
			font-size: 14px;
			padding: 10px 10px;
			text-align: left;
			}
		.tbl-all th { text-align: center; }
		.tbl-all .alignR { text-align: right; }
		.tbl-all .alignC { text-align: center; }
	
	.tbl-sum td { text-align: center;}

	.tbl-above-rows { border-top: 1px solid #999; }
		.tbl-above-rows table { width: 100%; border-spacing: 0; border-collapse: separate; border: 0; }
		.tbl-above-rows thead th {
			background: #f9f9f9;
			color: #111;
			padding: 10px 0 10px;
			border-bottom: 1px solid #e6e6e6;
			}
		.tbl-above-rows td {
			padding: 6px 10px 7px;
			border-bottom: 1px solid #e6e6e6;
			text-align: center;
			}
		.tbl-above-rows td.tit { text-align: left; }
		.tbl-above-rows tr.noti span { background: #4a4947; color: #fff; padding: 2px 5px; }
		.tbl-above-rows tr.noti .tit { font-weight: bold; }
		.tbl-above-rows .end { background: #E4E7EB; color: #fff; padding: 2px 5px;}
		.state1 { background: #4a4947 !important; color: #fff; padding: 2px 5px; }
		.state2 { background: #e14130 !important; color: #fff; padding: 2px 5px; }
		.state3 { background: #0494d3 !important; color: #fff; padding: 2px 5px; }

/* ------------------------- Normal View ------------------------- */
	.view-board, 
	.board-view-nav { line-height: 1.5; border-top: 1px solid #999; }
		.view-board table  { padding: 0; margin: 0; border-collapse: collapse; width: 100%; }
		.view-board h2 { font-size: 1.083em; line-height: 1.5; padding: 10px 0 10px 20px;  }
		.view-board th, 
		.view-board td { 
			 padding: 8px 0 9px 0; 
			 border-top: 1px solid #e6e6e6; 
			/* border-bottom: 1px solid #e6e6e6; */
			 display: table-cell;
			}

		.view-board th { background: #f9f9f9; display: none; text-align: left; }
		.view-board td { 
			display: block;
			position: relative;
			width: 78%;
			padding-left: 22%;
			background: #fff;
			}
		.view-board td:before {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 17%;
			white-space: nowrap;
			content: attr(data-title);
			text-align: left;
			line-height: 1.5;
			padding: 8px 0 9px 3%; 
			background-color: #f9f9f9;
			font-weight: bold;
			}
		.view-board td a span { margin: 0 5px 0 0;}
		.view-board a { 
			background: url('/resource/image/common/bul_dot.gif') no-repeat 0 8px;
			padding-left: 5px; 
			margin-right: 10px;
			}
		.view-board  .cont { padding: 20px; border-top: 1px solid #e6e6e6; }
	.view-board.thL th { text-align: left; padding-left: 15px;}
		.source { 
			border-top: 1px solid #e6e6e6; 
			border-bottom: 1px solid #e6e6e6; 
			background: #f9f9f9;
			padding: 15px 0;
			}
			.source li {  padding: 0 20px;  }
			.source li strong { display: inline-block; margin-right: 10px;}

		.board-view-nav { border-top: 1px solid #e6e6e6; }
			.board-view-nav li { border-bottom: 1px solid #e6e6e6; padding: 10px 20px;  }
			.board-view-nav li strong { display: inline-block; width: 80px; border-right: 1px solid #e6e6e6; margin-right: 15px;}
	.gall-view .cont .pic { text-align: center; margin-bottom: 20px; } 
	.gall-view .cont .pic img { border: 1px solid #d9d9d9;} 

/* ------------------------- Normal Write ------------------------- */
	.write-board { border-top: 2px solid #999; }
		.write-board table { padding: 0; margin: 0; border-collapse: collapse; width: 100%; }
		.write-board td, 
		.write-board th { 
			font-size: 0.923em; 
			line-height: 1.5; 
			padding: 8px 0 9px 10px; 
			border-bottom: 1px solid #e6e6e6; 
			text-align: left;
			vertical-align: top;
			}
		.write-board th { background: #f9f9f9; padding-left: 20px;}
		.write-board td { background: #fff; }
		.editor { margin: 20px 0; }
		.write-board .inbox { border-radius: 0}

/* ------------------------- Gallery List ------------------------- */
	.gallery-list { 
		border-top: 2px solid #444; 
		padding-top: 30px; 
		margin-top: 10px;
		width: 100%; 
		overflow: hidden;
		}
		.gallery-list ul { width: 100%; overflow: hidden; }
		.gallery-list li { 
			float: left;
			width: 50%;
			margin-bottom: 25px; 
			}
		.gallery-list li p { width: 140px; margin: 0 auto; padding: 0 3px;} 
		.gallery-list li p img { max-width: 100%; display: inline-block; height: auto; }
		.gallery-list li .pic {  }
		.gallery-list .ellipsis { width: 140px; margin-top: 15px; display: block; }
		.gallery-list li .pic {
			position: relative;
			display: block;
			}
		.gallery-list li a div {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			opacity: 0;
			border-style: solid;
			border-color: #000;
			display: block;
			}

/* ------------------------- VOD List ------------------------- */
	.vod-list { 
		border-top: 1px solid #999; 
		padding-top: 30px; 
		margin-top: 10px;
		width: 100%; 
		overflow: hidden;
		}
		.vod-list ul { width: 100%; overflow: hidden; }
		.vod-list li { 
			float: left;
			width: 50%;
			margin-bottom: 25px; 
			}
		.vod-list li p { width: 140px; margin: 0 auto; padding: 0 3px;} 
		.vod-list li p img { max-width: 100%; display: inline-block; height: auto; }
		.vod-list li .pic {  }
		.vod-list .ellipsis { width: 140px; margin-top: 15px; display: block; }
		.vod-list li .pic {
			position: relative;
			display: block;
			}
		.vod-list li a div {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			border-style: solid;
			border-color: #000;
			display: block;
			background: url('/resource/image/common/vodplay.png') no-repeat center;
			}

/* ------------------------- Link List ------------------------- */
	.link-list { 
		border-top: 1px solid #999; 
		padding-top: 30px; 
		margin-top: 10px;
		width: 100%; 
		overflow: hidden;
		}
		.link-list ul { width: 100%; overflow: hidden; }
		.link-list li { 
			float: left;
			width: 50%;
			margin-bottom: 25px; 
			text-align: center;
			}
		.link-list li p { width: 70%; margin: 0 auto; padding: 0 3px; text-align: center; } 
		.link-list li p img { max-width: 100%; display: inline-block; height: auto; }
		.link-list li .pic {  }
		.link-list .ellipsis { width: 70%; margin-top: 5px; display: block; }
		.link-list .ellipsis strong { display: block; color: #016e9e;}
		.link-list li .pic {
			position: relative;
			display: block;
			}
		.link-list li a div {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			border-style: solid;
			border-color: #000;
			display: block;
			background: url('/resource/image/common/vodplay.png') no-repeat center;
			}

/* ------------------------- Blog List ------------------------- */
	.blog-list {  }
		.blog-list ul { }
			.blog-list li { 
				border-top: 1px solid #4f555e;
				border-bottom: 1px solid #dcdcdc;
				position: relative;
				padding: 23px 0 23px 140px;
				width: 100%;
				overflow: hidden; 
				box-sizing: border-box;
				min-height: 110px;
				margin-bottom: 20px;
				}
			.blog-list li .ribbon { position: absolute; left: 20px; top: 0; }

			.blog-list li .blog-link { 
				position: absolute; right: 0; top: 22px; 
				background: url('/resource/image/common/vdot.gif') repeat-y left top;
				padding-left: 14px; 
				}
			.blog-list li strong { display: block; }
			.blog-list li .link { border-bottom: 1px solid #ddd; line-height: 2;}
			.blog-list li .link:before {
				content: '';
				display: inline-block;
				width: 15px;
				height: 15px;
				background:url('/resource/image/common/iconset.png') no-repeat -150px -150px;
				margin-bottom: -3px;
			}
			.blog-link:before { 
				display: block;
				content: '';
				width: 26px;
				height: 26px;
				background: url('/resource/image/common/iconset.png') no-repeat -251px -373px;
				margin: 0 auto 7px;
				}
			.blog-list li a { display: block;  }
			.blog-list li a[href^='#'] { display: inline-block;}
		.blog-list a .ribbon span { display: inline-block; height: 76px;}
		.blog-list a .ribbon span:before {
			display: block;
			content: '';
			background-image: url('/resource/image/common/iconset.png');
			background-repeat: no-repeat;
			width: 63px;
			height: 50px;
			margin: 20px auto 0;
			}
		.blog-list a.cat1 .ribbon span:before {
			background-position: -450px -84px;
			height: 34px;
			}
		.blog-list a.cat2 .ribbon span:before {
			background-position: -450px -126px;
			}
		.blog-list a.cat3 .ribbon span:before {
			background-position: -450px -176px;
			}
		.blog-list a.cat4 .ribbon span:before {
			background-position: -450px -226px;
			margin-top: 10px;
			}
		.blog-list a.cat5 .ribbon span:before {
			background-position: -450px -290px;
			}

/* ------------------------- Replay ------------------------- */
	.comments-wrap { margin: 40px 0; }
		.comments-wrap .tit { position: relative; }
		.comments-wrap .tit .total-replay { position: absolute; right: 0; bottom: 0; }
		.reg-comment {
			margin: 10px 0; 
			width: 100%; 
			overflow: hidden; 
			border-top: 1px solid #999; 
			background: #F7F7F7;
			padding: 10px;
			box-sizing: border-box;
			}
			.reg-comment strong { float: left; margin-right: 15px; }
			.reg-comment ul { float: left; width: 93%; overflow: hidden; }
			.reg-comment li { float: left; margin-right: 15px; }
			.reg-comment li:first-child { margin-left: 0; width: 99%;  }
			.reg-comment li textarea {
				width: 99%;
				height: 60px;
				border: 1px solid #ccc;
			}
			.reg-comment .word-number strong { float: none; margin: 0;}
		.comm_list { width: 100%; overflow: hidden; }
		.comm_list li { margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
		.comm_list dt { border-bottom: 1px dashed #dbdbdb; margin: 5px 0; padding: 5px 0; 
			display: block;
			width: 100%; overflow: hidden; 
			}
		.comm_list dt span { float: left; margin-right: 20px; }
		.comm_list dt .del { float: right; margin-right: 0;}

/* ------------------------- Sitemap ------------------------- */
	.sitemap h2 { border-bottom: 2px solid #111;; padding-bottom: 10px; margin-bottom: 10px; }
	.sitemap li ul { border-bottom: 1px solid #d9d9d9;}
		.sitemap li ul li { border-top: 1px dashed #d9d9d9; padding: 10px 0;}
		.sitemap li li:first-child { border-top: 0; }
		.sitemap li li ul { border-top: 1px dashed #d9d9d9; border-bottom: 0; padding-top: 10px; }
		.sitemap li li li { padding: 2px 10px; }
		.sitemap li li li:before {
			content: '-';
			display: inline-block;
			margin-right: 5px;
		}

/* ############################################################################################# */
/*																								 */
/* 		min-width : 480px																		 */
/*																								 */
/* ############################################################################################# */
@media only screen and (min-width : 480px) {
/* ------------------------- Sitemap ------------------------- */
	.sitemap { width: 100%; overflow: hidden; }
	.sitemap a { display: inline-block; }
	.sitemap > ul { width: 100%; overflow: hidden; }
	.sitemap > ul > li { float: left; width: 45%; margin-right: 5%; margin-bottom: 20px; }
	.sitemap h2 { border-bottom: 2px solid #111;; padding-bottom: 10px; margin-bottom: 10px; }
	.sitemap li ul { border-bottom: 1px solid #d9d9d9;}
	.sitemap li li { border-top: 1px dashed #d9d9d9; padding: 10px 0;}
	.sitemap li li:first-child { border-top: 0; }
	.sitemap .xs-clear { clear: left; }

}

/* ############################################################################################# */
/*																								 */
/* 		[SM]	Small Devices, Tablets 															 */
/*																								 */
/* ############################################################################################# */
@media only screen and (min-width : 768px) {

/* ------------------------- SHOW HIDE & FLUID ------------------------- */

	table .hide-xs, 
	table .hide-md, 
	table .hide-lg { display: block; display: table-cell; display: *block; }
	table .hide-sm { display: none; display: *none;}
	table .show-xs, 
	table .show-md, 
	table .show-lg { display: none; display: *none; }
	table .show-sm { display: block; display: table-cell; display: *block; }
	table .untill-xs, table .untill-sm { display: block; display: table-cell; display: *block; }
	table .untill-md, table .untill-lg { display: none; display: *none; }

	table .sm { 
		display: table-cell; display: *block; 
		}

/* ------------------------- Board Search ------------------------- */
	.board-search .colR { float: right; padding-top: 0; clear: none; }

/* ------------------------- Normal View ------------------------- */
	/* 게시판 보기 */
	.view-board, .board-view-nav { line-height: 1.5; border-top: 1px solid #999; }
		.view-board table  { padding: 0; margin: 0; border-collapse: collapse; width: 100%; }
		.view-board h2 { font-size: 1.083em; line-height: 1.5; padding: 10px 0 10px 20px; }
		.view-board th, .view-board td { 
			 padding: 8px 0 9px 15px; 
			 border-top: 1px solid #e6e6e6; 
			 border-bottom: 1px solid #e6e6e6; 
			 display: table-cell;
			}
		.view-board th { background: #f9f9f9; }
		.view-board td { 
			display: table-cell;
			position: static;
			width: auto;
			background: #fff;
			}
		.view-board td:before {
			content: '';
			display: none;
			}
		.view-board td a span { margin: 0 5px 0 0;}
		.view-board  .cont { padding: 20px; border: 0; }
	.view-board.thL th { text-align: left; padding-left: 15px;}

			.reg-comment li:first-child { margin-left: 0; width: 80%; }

/* ------------------------- Gallery List ------------------------- */
	.gallery-list li { width: 25%; }
	.gallery-list li p { width: 162px; } 
	.gallery-list .ellipsis { width: 162px; }

/* ------------------------- VOD List ------------------------- */
	.vod-list li { width: 25%; }
	.vod-list li p { width: 162px; } 
	.vod-list .ellipsis { width: 162px; }

/* ------------------------- Link List ------------------------- */
	.link-list li { width: 25%; }
	.link-list li p { width: 162px; } 
	.link-list .ellipsis { width: 162px; }

/* ------------------------- Passwod Layer ------------------------- */
	.laypop { 
			border: 1px solid #3a3e49; width: 400px; 
			position: absolute;
			left: 50%;
			top: 50%;
			margin: 0 0 0 -200px;
			background: #fff;
			display: none;
			z-index: 100;
			}
			.laypop h2 { 
				background: #3a3e49; 
				color: #fff; 
				font-size: 18px; 
				margin: 0; 
				padding: 10px 20px;
				}
			.laypop .cont { padding: 20px 0 20px 20px; text-align: center; }
			.laypop .cont p {margin: 20px;}
			.laypop label { margin-right: 20px;}
			.laypop .alignC { border-top: 1px solid #ccc; padding-top: 20px; }

/* ------------------------- Sitemap ------------------------- */
	.sitemap { width: 100%; overflow: hidden; }
	.sitemap a { display: inline-block; }
	.sitemap > ul { width: 100%; overflow: hidden; }
	.sitemap > ul > li { float: left; width: 28.333%; margin-right: 5%; margin-bottom: 20px; }
	.sitemap h2 { border-bottom: 2px solid #111;; padding-bottom: 10px; margin-bottom: 10px; }
	.sitemap li ul { border-bottom: 1px solid #d9d9d9;}
	.sitemap li li { border-top: 1px dashed #d9d9d9; padding: 10px 0;}
	.sitemap li li:first-child { border-top: 0; }
	.sitemap .xs-clear { clear: none; }
	.sitemap .sm-clear { clear: left; }

} /* End of @media style */
/* ############################################################################################# */
/*																								 */
/* 		[MD] 	Medium Devices, Desktops 														 */
/*																								 */
/* ############################################################################################# */
@media only screen and (min-width : 1080px) {

/* ------------------------- SHOW HIDE & FLUID ------------------------- */
	table .hide-xs, 
	table .hide-sm, 
	table .hide-lg { display: block; display: table-cell; display: *block; }
	table .hide-md { display: none; display: *none; }
	table .show-xs, 
	table .show-sn, 
	table .show-lg { display: none; display: *none; }
	table .show-md { display: block; display: table-cell; display: *block; }
	table .untill-xs, 
	table .untill-sm, 
	table .untill-md { display: block; display: table-cell; display: *block; }
	table .untill-lg { display: none; display: *none; }
	table .md { 
		display: table-cell; 
		}
	.tbl-wrap { margin-left: 20px; }

/* ------------------------- Gallery List ------------------------- */
	.gallery-list li { width: 25%; }

/* ------------------------- VOD List ------------------------- */
	.vod-list li { width: 25%; }

/* ------------------------- Link List ------------------------- */
	.link-list li { width: 25%; }


} /* End of @media style */
/* ############################################################################################# */
/*																								 */
/* 		[LG] 	Large Devices, Wide Screens 													 */
/*																								 */
/* ############################################################################################# */
@media only screen and (min-width : 1080px) {
	
/* ------------------------- SHOW HIDE & FLUID ------------------------- */
	table .hide-xs, 
	table .hide-sm, 
	table .hide-md { display: block; display: table-cell; display: *block; }
	table .hide-lg { display: none; display: *none; }
	table .show-xs, 
	table .show-sn, 
	table .show-md { display: none; display: *none; }
	table .show-lg { display: block; display: table-cell; display: *block; }
	table .untill-xs, 
	table .untill-sm, 
	table .untill-md { display: block; display: table-cell; display: *block; }
	table .untill-lg { display: none; display: *none; }
	table .lg { 
		display: table-cell; 
		}


} /* End of @media style */