/*
 * 기본 스타일
 *
 * Last modified: 2014/07/15
 */
@charset "utf-8";
@import "postcode.css";
/* Google Fonts
 * BASE: http://fonts.googleapis.com/earlyaccess/{fontname}.css
 *
 * hanna
 * jejugothic, jejuhallasan, jejumyeongjo
 * kopubbatang
 * nanumbrushscript
 * nanumgothic
 * nanumgothiccoding
 * nanummyeongjo
 * nanumpenscript
 *
 * Usage: @import url(http://fonts.googleapis.com/earlyaccess/nunumgothic.css);
 */
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html * {
	font-family: "나눔고딕", "Nanum Gothic", arial, serif;
}

body {
	padding: 0;
	margin: 0;
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;}

body.with-modal {
	overflow-y: hidden;
}

body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

a { color: #666; text-decoration: none; }
a:hover { color: #333; text-decoration: none; outline: none; }
a:active, a:focus { outline: none; } 

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.square {
	margin: 5px 35px;
}
ul.square>li {
	list-style-type: square;
}

.clear {
	clear: both;
}

.ellipsis {
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding:url(ellipsis.xml#ellipsis);
}

@keyframes blink {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

.blink {
	animation: blink 1s step-start 0s infinite;
	-webkit-animation: blink 1s step-start 0s infinite;
}

.pointer { cursor: pointer; }

.hint {
  position: absolute;
  margin-top: 8px;
  border: 1px solid #c93;
  padding: 6px 12px;
  background-color: #ffc;
  border-radius: 3px;
  font-size: 12px;
  display: none;
  z-index: 999;
}

.text-justify { text-align: justify; }
.text-indent { text-indent: 1em; }
.text-italic { font-style: italic; }
.text-pre { white-space: pre-wrap;}

.error
  .emoticon {
    font-size: 16em; font-weight: bold; font-family: helvetica;
	line-height: 1.4;
	margin-bottom: 32px;
	margin-left: 60px;
  }

.error
  .summary {
    font-size: 14px;
	font-weight: bold;
	font-family: 'Arial', 'Nanumgothic';
	line-height: 1.4;
	margin-left: 60px;
	margin-bottom: 62px;
  }


.hint-bottom {
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 10px;
  width: 19px;
  height: 8px;
  background: url(../images/hint-pointer-top.gif) no-repeat 0 0;
}

.hint-top {
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: 10px;
  width: 19px;
  height: 8px;
  background: url(../images/hint-pointer-bot.gif) no-repeat 0 0;
}

.alert-help {
  border-left-color: #e0cca5;
  border-left-width: 5px;
  background-color: #ffffe1;
  color: #333;
  height: auto;
}
.alert-help>p.title { cursor: pointer; }
.alert-help>p.callout {
  margin-left: 5em;
  margin-right: 5em;
  padding-left: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 5px solid #5bc0de;
}
.alert-help.alert-help-mini {
  border: 1px solid #fbeed5;
  margin-left: 4px;
  background-color: #fffff1;
  max-height: 18px;
  overflow: hidden;
}
.alert-help>a.close {
  margin: 2px;
}

p.callout.callout-warning {
  border-color: #f89406;
}

.widget {
	background-color: #fff;
	margin-bottom: 15px;
}

.widget .widget-head {
	font-size: 13px;
	font-weight: bold;
	padding: 8px 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.widget .widget-head.closed {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.widget .widget-head .close { color: #eee; text-shadow: 1px 1px #333; filter: alpha(opacity=70); opacity: .7; }
.widget .widget-head .close:hover { color: #efefef; text-shadow: 1px 1px #999; filter: alpha(opacity=90); opacity: .9; }

.widget-label a.toggle { filter: alpha(opacity=50); opacity: .5;  }
.widget .widget-head a.toggle { filter: alpha(opacity=70); opacity: .7; }
.ie67 .widget-head>.pull-right,
.ie67 .widget-label>.pull-right { margin-top: -20px; }
.ie67 .widget-label,
.ie67 .widget-head { overflow: hidden; }

.widget-label a.toggle:hover,
.widget .widget-head a.toggle:hover { filter: alpha(opacity=100); opacity: 1; }
.widget .widget-body .widget-label {
	line-height: 28px;
	padding: 5px 5px 8px 16px;
	border-bottom: 1px solid #eee;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #777;
}
.widget .widget-body .widget-label .summary {
	font-size: 12px;
	color: #aaa;
}
.control-group+.widget-label {
	margin-top: 2.5em;
}

.widget .widget-body {
	padding: 16px 15px 16px;
	border-top: 0px;
}

.widget-default .widget-head {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.widget-default .widget-body {
	border-color: #ccc;
}


/* TAS products */
.table-products {
	width: 100%;
	margin: 0 auto;
}

.table-products td,
.table-products th {
	padding-top: 12px;
	padding-bottom: 12px;
}

.table-products thead th {
	background-color: #69a21f;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.table-products tbody tr.important th {
	color: yellow; font-weight: bold;
}
.table-products tbody tr.important td {
	color: orange; font-weight: bold;
}

.table-products tbody th {
	color: #333;
	text-align: center;
	vertical-align: middle;
}
.table-products tbody td,
.table-products tfoot td {
	vertical-align: middle;
	text-align: center;
}

.table-products caption {
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
}

.table-products1 {
	width: 60%;
	margin-left: 30px;
}

.table-products1 thead th {
	background-color: #69a21f;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.table-products1 tbody tr.important th {
	color: yellow; font-weight: bold;
}
.table-products1 tbody tr.important td {
	color: orange; font-weight: bold;
}

.table-products1 tbody th {
	background-color: #69a21f;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.table-products1 tbody td,
.table-products1 tfoot td {
	vertical-align: middle;
	text-align: center;
}


.table tbody tr.bg1 th,
.table tbody tr.bg1 td,
.table tbody th.bg1,
.table tbody td.bg1 {
	background-color: #e0f9af !important;
	color: #729916 !important;
	text-align: center;
	
}
.table tbody tr.bg2 th,
.table tbody tr.bg2 td,
.table tbody th.bg2,
.table tbody td.bg2 {
	background-color: #f3f3f3;
	color: #333;	
}

.table th,
.table td { vertical-align:middle;
 }

/* Danger, Warning, Success, Info, Inverse, Primary, .... */
.table thead.primary1 th,
.widget-primary1 .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #88d5dc;
	*background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-primary .widget-body {
	border: 1px solid #0044cc;
}


/* Danger, Warning, Success, Info, Inverse, Primary, .... */
.table thead.primary th,
.widget-primary .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-align:center;	
	background-color: #006dcc;
	*background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-primary .widget-body {
	border: 1px solid #0044cc;
}

.table thead.warning th,
.widget-warning .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	*background-color: #f89406;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-warning .widget-body {
	border: 1px solid #f89406;
}

.table thead.danger th,
.widget-danger .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-danger .widget-body {
	border: 1px solid #bd362f;
}

.table thead.success th,
.widget-success .widget-head {
	color: #ffffff;
	text-align:center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-success .widget-body {
	border: 1px solid #51a351;
}

.table thead.info th,
.widget-info .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
	*background-color: #2f96b4;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-info .widget-body {
	border: 1px solid #49afcd;
}

.table thead.inverse th,
.widget-inverse .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-inverse .widget-body {
	border: 1px solid #222222;
}

.table thead.default th,
.widget-default .widget-head {
	color: #333333;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #fafafa;
	*background-color: #e9e9e9;
	background-image: -moz-linear-gradient(top, #fafafa, #e9e9e9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e9e9e9));
	background-image: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background-image: -o-linear-gradient(top, #fafafa, #e9e9e9);
	background-image: linear-gradient(to bottom, #fafafa, #e9e9e9);
	background-repeat: repeat-x;
	border-color: #e9e9e9 #e9e9e9 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe9e9e9', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-default .widget-body {
	border: 1px solid #e9e9e9;
}

.widget+.btns {
	margin-left: 15px;
}

.widget-head[data-toggle] {
	cursor: pointer;
}

.pad-before  { padding-top: 1em; }
.pad2-before { padding-top: 2em; }
.pad3-before { padding-top: 3em; }
.pad4-before { padding-top: 4em; }
.pad-after   { padding-padding: 1em; }
.pad2-after  { padding-padding: 2em; }
.pad3-after  { padding-padding: 3em; }
.pad4-after  { padding-padding: 4em; }

/*
 * Bootstrap Label
 */
label.radio>input:checked + span,
label.checkbox>input:checked + span {
	display: inline-block;
	padding: 2px 4px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #c67605;
	margin-left: -3px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
label.radio.primary>input:checked + span,
label.checkbox.primary>input:checked + span { background: #0044cc; }
label.radio.important>input:checked + span,
label.checkbox.important>input:checked + span { background: #b94a48; }
label.radio.warning>input:checked + span,
label.checkbox.warning>input:checked + span { background: #f89406; }
label.radio.success>input:checked + span,
label.checkbox.success>input:checked + span { background: #468847; }
label.radio.info>input:checked + span,
label.checkbox.info>input:checked + span { background: #3a87ad; }
label.radio.inverse>input:checked + span,
label.checkbox.inverse>input:checked + span { background: #333333; }

/*
 * Bootstrap Table
 */
.table .text-left { text-align:left !important; }
.table .text-right {
	text-align:right !important;
	padding-right: 8px;
}
.table .text-center { text-align:center !important; }

.table-condensed thead[class] th {
	padding-top: 9px;
	padding-bottom: 9px;
}
.table-condensed thead[class]>tr:first-child>th:first-child {
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.table-condensed thead[class]>tr:first-child>th:last-child {
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}
.table-condensed thead.warning th { color: #333; text-shadow: 1px 1px #eec; }

.table>thead>tr>th>input[type="checkbox"],
.table>thead>tr>td>input[type="checkbox"],
.table>tbody>tr>th>input[type="checkbox"],
.table>tbody>tr>td>input[type="checkbox"] { margin: 0!important; }

/*
 * Boostrap
 */
.ie67 .input-append>input,
.ie67 .input-prepend>input {
	margin-top: -1px;
}

.input-xxxlarge {
	width: 680px;
}

.input-xxxxlarge {
	width: 800px;
}

input[type="text"],
input[type="password"],
textarea,
select,
.uneditable-input {
	display: inline-block;
	border-radius: 2px;
	/*box-shadow: none!important;*/
	border: 1px solid #bbb;
}

.uneditable-input.static {
	border: 0;
	background-color: #fff;
	text-shadow: none;
	box-shadow: none;
	margin-top: 2px;
	color: #333;
}
.uneditable-input.active {
	background-color: #d70000;
	color: #fff;
	border-radius: 2px;
}
.uneditable-input.active:before {
	content: "\2714";
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: #34495e;
	color: #000;
}

.input-append .add-on:last-child { border-radius: 0 2px 2px 0 !important; }
.input-prepend .add-on:first-child { border-radius: 2px 0 0 2px !important; }
.input-append .uneditable-input,
.input-prepend .uneditable-input { border-radius: 2px; }

.controls+.controls { margin-top: 5px; }
.input-append+label.inline,
.input-prepend+label.inline { margin-left: 18px; }
.input-append+.input-append,
.input-append+.input-prepend,
.input-prepend+.input-append,
.input-prepend+.input-prepend { margin-left: 5px; }
label.inline+select { margin-left: 1em; }

.ie67 .controls+.controls { margin-left: 160px; }

.ie67 select {
	filter:
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-2,color=#222222)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=0,color=#222222)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2,color=#222222)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=-2, OffY=0,color=#222222);
}

.controls.required:before {
	content: "*";
	font-size: 12px;
	width: 12px;
	margin-left: -12px;
	color: red;
}

label.control-label input { margin: 0; }

/* 3.0 name */
.form-control-static { display: inline-block; }
.text-nowrap { white-space: nowrap; }
.text-justify { text-align: justify; }
/*.text-center { text-align: center!important; }*/

.text-shadow-light { text-shadow: 1px 1px #eee; }
.text-shadow-light:hover { text-shadow: 1px 1px #ccc; }
.text-shadow-dark { text-shadow: -1px -1px #999; }
.text-shadow-dark:hover { text-shadow: -1px -1px #777; }

ul.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
ul.list-inline:after {
	clear: both;
}

ul.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}
.ie67 ul.list-inline>li {
	float: left;
}

ul.custom-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.custom-list>li {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

/*
 * Normalize
 */
fieldset {
	border: 0;
}

.ie67 fieldset {
	width: 100%;
}

/*
 * Common
 */
.modal-full {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, .75);
	z-index: 5000;
	overflow-y: auto;
}
.ie678 .modal-full {
	position: absolute;
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#47161616, endColorstr=#47161616);
	zoom: 1;
}

/* !body.wrap */
div#wrap>.modal-full {
	position: relative;
}
div#wrap>.modal-full>.container {
	top: 50px;
}
div#wrap>.modal-full>.container>a.close {
	display: none;
}


form .btns { margin-top: 30px; }
.item-image { border: 1px solid #eee; }

.vtop {
	vertical-align: top!important;
}

.form-tooltip .tooltip-inner {
	font-size: 13px;
	max-width: 360px;
	-webkit-box-shadow: 2px 4px 6px -2px #999;
	   -moz-box-shadow: 2px 4px 6px -2px #999;
	    -ms-box-shadow: 2px 4px 6px -2px #999;
	        box-shadow: 2px 4px 6px -2px #999;
}
.form-tooltip.bottom .tooltip-arrow { left: 20px; }

/*
 * Style
 */
.skip-navigation {
	position: absolute;
	top: -400px;
	left: 0;
}

/* bkind, 1080px */
.container {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}

header {
	position: relative;
	width: 100%;
	z-index: 999;
	}

	.tnv-wrap {
		z-index: 1000;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}

	/* tnv */
	#tnv {
		width: 1020px;
		text-align: right;
		padding-right: 40px;
		padding-top: 6px;
		margin: 0 auto;
	}

	#tnv a {
		font-family: "제주 고딕", "Jeju Gothic", serif;
		font-weight: 200;
		font-size: 11px;
		color: #fff;
		display: inline-block;
		padding: 0 10px;
	}





	/***  HIDDEN  ***/
	a.login.auth-link {
		display: inline-block;
		width: 13px;
		height: 13px;
		cursor: pointer;
	}
	a.auth-link>span {
		display: none;
	}
	a.auth-link {
		font-size: 11px;
		color: #fff;
		padding: 0 4px;
		line-height: 13px;
	}


	/* gnv */
	.gnv-wrap {
		zoom:1; *zoom:1;
		background-color: #12141b;
		position: relative;
		overflow: visible;
		z-index: 900;
		height: 96px;
	}


 	#gnv {
		width:1080px;
		margin: 0 auto;
		height: 74px;
		padding-top: 22px;
	}

	#gnv>ul.menu {
		list-style: none; /* IE7 */
		overflow: hidden;
		display: table;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#gnv ul.menu>li {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}

	.ie67 #gnv ul.menu>li { float: left; }

	#gnv ul.menu>li>a {
		display: inline-block;

		margin: 0;
		padding: 0;       		
		color: #fff;

		font-size: 17px;
	}
	#gnv ul.menu>li>a:hover {
		color: #008FD5;
		cursor: pointer;
	}
	#gnv ul.menu>li>a>span {
		display: inline-block;
	}
	.ie67 #gnv ul.menu>li>a>span {
		padding-top: 30px;
		cursor: pointer;
	}

	#gnv a,
	#gnv span {
		font-family: "Jeju Gothic", serif;
	}

	#gnv ul.menu>li.home  { width: 271px; padding-left:20px;}
	#gnv ul.menu>li.menu1 { width: 167px; }
	#gnv ul.menu>li.menu2 { width: 169px; }
	#gnv ul.menu>li.menu3 { width: 167px; }
	#gnv ul.menu>li.menu4 { width: 119px; }
	#gnv ul.menu>li.menu5 { width: 167px; }

	/* MAIN MENU > SUB MENU */
	.gnv-wrap .gnv-sub {
		position: relative;
		display: none;
		zoom: 1;
		*zoom: 1;

		background-color: #303043;
		border-color: #343447;
		border-style: solid;
		border-top-width: 1px;
		border-left-width: 0;
		border-right-width: 0;
		border-bottom-width: 1px;
		height: 43px;
		width: 100%;
	}

	.gnv-sub>.content {
		width: 1080px;
		margin: 0 auto;
	}

	.gnv-sub ul.sub-list {
		margin: 0; padding: 0;
		list-style: none;
		padding-top: 10px;
		padding-bottom: 20px;
		display: table-cell;
	}

	.gnv-sub ul.sub-list>li {
		display: table-cell;
		padding-left: 20px;
		padding-right: 20px;
	}
	.ie67 .gnv-sub ul.sub-list>li {
		float: left;
	}

	.gnv-sub ul.sub-list>li>a {
		color: #f0f0f0;
	}
	.gnv-sub ul.sub-list>li>a:hover,
	.gnv-sub ul.sub-list>li>ul>li>a:hover {
		color: #f9f9f9;
		font-weight: bold;
	}
	.gnv-sub ul.sub-list>li>ul {
		margin: 10px;
	}
	.gnv-sub ul.sub-list>li>ul>li>a {
		color: #f0f0f0;
	}

	#gnvMenu1 ul.sub-list { padding-left: 68px; }
	#gnvMenu2 ul.sub-list { padding-left: 324px; }
	#gnvMenu3 ul.sub-list { padding-left: 505px; }
	#gnvMenu4 ul.sub-list { padding-left: 775px; }
	#gnvMenu5 ul.sub-list { padding-left: 485px; }


section {
	width: 100%;
}

section>.container {
	padding-bottom: 12px;
}

.section-background {
	position: absolute;
	top: 78px;
	left: 0;
	z-index: -9999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: inline-block;

	/*min-width: 1800px;*/
	min-height: 850px;
}

.section-background img {
	width: 100%;
	min-width: 1800px;
	min-height: 850px;
}

.section-background.home-section {
	/*min-height: 974px;*/
}
.section-background.home-section img {
	position: absolute;
	top: 0;
}

.section-extra {
	position: absolute;
	top: 220px;
	left: 50%;
	margin-left: -270px;
	width: 200px;
	height: 200px;
	z-index: 9999;
}

.section-title {
	position: relative;
	overflow: hidden;
	width: 1080px;
	margin: 0 auto;
}

.section-sub-header {
	width: 100%;
	height: 186px;
	background-repeat: no-repeat;
	background-position: center top;
}
#menu1 .section-sub-header { background-image: url(../images/menu1_title1_fb.jpg); }
#menu2 .section-sub-header { background-image: url(../images/menu2_title1_fb.jpg); }
#menu2 .section-sub-header.sub1 { background-image: url(../images/menu2_title1_fb2.jpg); }
#menu2 .section-sub-header.sub2 { background-image: url(../images/menu2_title1_fb.jpg); }
#menu2 .section-sub-header.sub3 { background-image: url(../images/menu2_title1_fb3.jpg); } 
#menu3 .section-sub-header { background-image: url(../images/menu3_title1_fb.jpg); }
#menu4 .section-sub-header { background-image: url(../images/menu4_title1_fb.jpg); }
#menu5 .section-sub-header { background-image: url(../images/menu5_title1_fb.jpg); }



.container.container-fluid>.row-fluid>.span2 {
	width: 238px;
}
.container.container-fluid>.row-fluid>.span2>.box {
	margin-bottom: 20px;
	margin-top: 50px;
}
.container.container-fluid>.row-fluid>.span10 {
	width: 900px;
	min-height: 200px;
	margin-left: 40px;
}
.container.container-fluid>.row-fluid>.span2,
.container.container-fluid>.row-fluid>.span10 {
	background-color: #fff;
}

.container.container-fluid ul.left-menu {
	margin-left: 20px;
	margin-top: 20px;
}

.container.container-fluid ul.left-menu>li {
	list-style: none;
}
.container.container-fluid ul.left-menu>li>a {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 193px;


	background: url(../images/square-bg.png) no-repeat 0 0 transparent;
	padding: 0 5px 0 20px;
	border-bottom: 1px solid #e5e5e5;
}
.container.container-fluid ul.left-menu>li>a>span {
	font-family: "제주고딕", "Jeju Gothic", arial, sans-serif;
	text-rendering: optimizelegibility;
}

.container.container-fluid ul.left-menu>li>img {
	margin-left: 8px;
	margin-right: 5px;
}
.container.container-fluid ul.left-menu>li.active>a {
	color: #ff0080;
}
.container.container-fluid ul.left-menu>li>ul {
	border-bottom: 1px solid #e5e5e5;
	padding-top: 10px;
	padding-bottom: 20px;
}
.container.container-fluid ul.left-menu>li>ul>li>a {
	margin-left: 20px;

	display: inline-block;
	height: 28px;
	line-height: 28px;
	width: 100%;
}
.container.container-fluid ul.left-menu>li>ul>li.active>a {
	font-weight: bold;
}

.ie67 .container.container-fluid>.row-fluid>.span10 {
	width: 858px;
}

/* breadcrumb */
section .path-wrap.no-title {
	height: 43px;
	margin-top: 0px;
	padding-top: 0px;
}
section .path-wrap.no-title+h3 { display: none; }
section .path-wrap>.breadcrumb {
	margin: 3px 0 0;
	padding: 8px 15px;
	height: 24px;
	line-height: 24px;
	background-color: #fff;
	/*border-bottom: 1px solid #eee;*/
	/*border-radius: 0;*/
}
section .path-wrap>.breadcrumb>li {
	vertical-align: bottom;
}
section .path-wrap>.breadcrumb a { color: #022d6e; }
section .path-wrap>.breadcrumb a:hover { color: #03026e; }
section .path-wrap>.breadcrumb .active { color: #03026e; font-weight: bold; }

section .path-wrap>.breadcrumb i {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* IE5-7 */
	opacity: .4;
	margin-top: 0px;
}
section .path-wrap>.breadcrumb .line {
	border-top: 1px solid #333;
	width: 100%;
}

section .contents { position: relative; }
section .contents>h1.title,
section .contents>h2.title,
section .contents>h3.title,
section .contents>h4.title {
	font-weight: normal; border-bottom: 1px solid #eee;
	margin-bottom: 34px;
}/* jeju gothic */
section .contents>h3.title {
	height: 43px;
	padding-top: 20px;
}
section .contents>h3>span.parent {
	font-size: 18px;
	color: #999;
	/*
	height: 63px;
	line-height: 63px;*/
	display: inline-block;
	vertical-align: bottom;
}
section .contents>h3>span.parent:after {
	content:"\00b7";
	color: #ccc;
	margin-left: 8px;
}

section .google-map-canvas {
	width: 324px;	
	height: 500px;
	border: 1px solid #ccc;
}
section .google-map-title {
	width: 90%;
	margin: 0 auto 20px;
}
section .google-map-title>strong {
	font-size: 16px;
}

/* #home {{{ */
	#home { }
	#home>.slider {
		width: 100%;
		margin: 0;
	}
	#home>.slider>.container {
		overflow: hidden;
	}

	#home>.slider .bx-wrapper { margin: 0; padding: 0; box-shadow: none; border: 0; }
	#home>.slider .bx-wrapper>.bx-viewport { margin: 0; padding: 0; border: 0; left: 0; transform: none; box-shadow: none;}

	#home>.slider .main-slide-captions {
		width: 1170px;
		white-space: nowrap;
		display: none;
	}

	#home>.slider .main-slide-captions a {
		border-top-style: solid;
		border-bottom-style: solid;
		border-right-style: solid;
		border-left-style: none;
		border-width: 1px;
		border-color: #ccc;

		text-decoration: none;

		display: inline-block;
		height: 66px;
		line-height: 66px;
		text-align: center;
		font-size: 13px;
		font-weight: bold;

		float: left;
	}

	#home>.slider .main-slide-captions a:first-child {
		border-left-style: solid;
	}

	#home>.slider .main-slide-captions a.active {
		background-color: #c80000;
		color: #fff;
	}
	#home .slider .main-slide-captions a.active:before {
		content: "\00bb";
	}
	#home>.slider .main-slide-captions a:hover {
		font-style: italic;
	}
	.ie67 #home>.slider .bx-wrapper>.bx-viewport { height: 320px!important; }


	#home>.slider .bx-wrapper>.bx-controls>.bx-pager {
		height: 60px;
	}
	#home>.slider .bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item>a.bx-pager-link {
		width: 16px;
		height: 16px;
		border-radius: 8px;
	}
	#home>.slider .bx-wrapper>.bx-controls>.bx-pager>.bx-pager-item>a.bx-pager-link.active {
		box-shadow: -1px 1px 3px #fff;
	}

	/** bkind */
	#home>.slider .bx-wrapper>.bx-controls>.bx-pager { display: none; }
	#home>.slider .bx-wrapper>.bx-controls { display: none; }
	#home>.slider .bx-wrapper:hover>.bx-controls { display: block; }


	.main-dock {
		width: 100%;
	}
	.main-dock>.container {
		margin: 0 auto;
	}
	.main-dock ul.banner1 { margin-top: 10px; height: 105px; }
	.main-dock ul.banner2 { margin-top: 10px; height: 214px; margin-bottom: 10px; }

	.main-dock ul.banner>li {
		float: left;
		width: 360px;
		text-align: center;
	}

/* other section
 *
 */

/* login & join & find ... */
	.agreement .title {
		padding: 15px 0 5px;
	}

	.agreement pre {
		height: 130px;
		font-size: 13px;
		overflow: auto;
	}
	.ie67 .agreement pre { width: 978px; }

	.agreement div.checkbox {
		text-align: right;
	}
	.agreement div.checkbox>label {
		display: inline-block;
		vertical-align: middle;
	}


	.modal-full>.container {
		width: 800px;

		position: absolute;
		top: 104px;
		left: 50%;
		margin-left: -400px;
		margin-bottom: 104px;
		
		min-height: 400px;
		background-color: #fff;
		border: 1px solid #333;
		box-shadow: 4px 4px 8px #333;
		padding: 70px 20px 30px;
		border-radius: 3px;
		color: #333;
	}

	.modal-full legend { display: none; }

	#join.modal-full>.container {
		width: 1000px;
		margin-left: -500px;
	}

	#login .form-wrap { background: url(../../lib/free-icon/256/mypc_lock.png) no-repeat 0 0; }
	#myinfo .form-wrap.tab-myinfo { background: url(../../lib/free-icon/256/mypc_lock.png) no-repeat 0 0; }
	#myinfo .form-wrap.tab-leave { background: url(../../lib/free-icon/256/mypc_lock.png) no-repeat 0 0; }

	#login .form-wrap>form {
		margin-left: 200px;
	}
	#myinfo .form-wrap>form {
		margin-left: 230px;
	}

	#login .copyright,
	#findid .copyright,
	#myinfo .copyright {
		font-size: 12px;
		font-weight: normal;
		font-family: "Helvetica";
	}

	#findid .form-wrap.left,
	#findid .form-wrap.right {
		float: left;
		width: 50%;
		margin-bottom: 21px;
	}
	#findid .form-wrap .control-group>label.control-label {
		width: 80px;
	}
	#findid .form-wrap .control-group>.controls {
		margin-left: 95px;
	}
	#findid legend {
		display: block;
		color: #ccc;
		font-size: 18px;
		border-bottom: 1px dotted #f0f0f0;
	}

	.modal-full .copyright {
		clear: both;
		border-top: 1px dotted #eee;
		padding-top: 12px;
		text-align: right;
		margin-top: 32px;
		color: #777;
		text-shadow: 1px -1px #efefef;
	}

	.modal-full label {
		color: #333;
		font-weight: bold;
	}

	#login fieldset>.group {
		width: 75%;
		margin: 70px auto 0;
	}

	.modal-full .error-report {
		color: red;
		font-weight: bold;
		padding: 10px 0;
		text-align: right;
	}

	.modal-full a.close {
		position: absolute;
		top: 20px;
		right: 25px;
		font-size: 24px;
	}

	.modal-full .title {
		font-weight: bold;
		font-size: 24px;
		padding-bottom: 15px;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee;
	}

	.modal-full .title>.breadcrumb {
		font-size: 13px;
		font-weight: normal;
	}

	.modal-full .title>.breadcrumb>li>a {
		color: #333;
	}

	.modal-full .title>.breadcrumb>li.active {
		font-weight: bold;
		color: #ff6600;
		text-shadow: 0 1px #ccc;
	}

	#join .step1 label {
		vertical-align:middle;
		margin: 0;
		padding: 0;
	}
	#join .step1 label>input {
		margin: 0;
	}
	#join .step1 pre {
		height: 130px;
		font-size: 13px;
		overflow: auto;
	}
	.ie67 #join .step1 pre { width: 978px; }
	#join .step2 { margin-top: 40px; }
	#join .step2 .control-group { margin-bottom: 10px; }

	#join .step2,
	#join .step3 { display: none; }

	#join .step2 .co-info {
		display: none;
	}

	#join_success {
		text-align: center;
		vertical-align: middle;
		padding: 120px; 0;
	}

/*
 * Products (menu3)
 */
	/* slide-nav */
	/*
	.slide-nav {
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url(../images/slide-navdot.png) no-repeat -25px 0 transparent;
		cursor: pointer;
	}

	.slide-nav.active { background-position: 0 0; }
	.slide-nav span { display: none; }
	*/
	.item-images img {
		border-radius: 8px;
	}

	.item-images ul.thumbnails {
		margin-bottom: 1em;
	}

/* Menu 2 */
	.caption {
		font-size: 13px;
		color: #999;
	}
	
/* Menu 1 */
	.div-wrap {
		width: 97%;
		border: 5px solid #ededed;
		margin: 0 auto; 		
	}

/* board */
	.board-wrapper {
		position: relative;
	}

	.no-data {
		text-align: center;
		padding: 40px 0;
	}

	.list-wrap>.table>tfoot>tr>td>.no-data {
		background-color: #fcfcfc;
		border-radius: 0 0 8px 8px;
		
		font-weight: bold;
		margin: -4px -5px;
	}

	.list-wrap>ul.thumbnails>li>.no-data {
		background-color: #f0f0f0;
		border-radius: 8px;
		font-style: italic;
		font-weight: bold;
	}

	.list-wrap>ul.thumbnails>li.span4 { width: 33.333%; }
	.list-wrap>ul.thumbnails>li.span12 { width: 100%; }

	.board-list-btns {
		text-align: right;
	}

	input[type="file"] {
		background-color: #FFF;
		border: 1px solid #CCC;
		padding-left: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear .2s,box-shadow linear .2s;
		-moz-transition: border linear .2s,box-shadow linear .2s;
		-o-transition: border linear .2s,box-shadow linear .2s;
		transition: border linear .2s,box-shadow linear .2s;
	}


	tr[data-aid]>td {
		padding: 7px 5px;
	}

	tr[data-aid]:hover>td {
		background-color: #f9ffd0!important;
		cursor: pointer;
	}
	th[item-name="checkbox"]>input,
	td[item-name="checkbox"]>input{
		margin: 0;
	}

	[data-board] .preview-file {
		height: 140px;
		margin: 2px;
		border:1px dotted #cfcfcf;
		position: relative;
		overflow: hidden;
		opacity: .8;
	}

	[data-board] .loading {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
		color: #0066ff;
	}

	[data-board] .loading span {
		animation: blink 1s step-start 0s infinite;
		-webkit-animation: blink 1s step-start 0s infinite;
	}

	.preview-file:hover {
		border:1px solid #9f9f9f;
		opacity: 1;
	}

	.preview-file>.file-remove {
		position: absolute;
		margin-top: 3px;
		margin-left: 3px;
		display: none;
	}

	.preview-file:hover>.file-remove {
		display: block;
		background-color: #333;
		color: #fff;
		text-shadow: 1px 1px #666;
		border-radius: 3px;
		padding: 5px;
	}


	.preview-file img {
		width: 100%;
	}

	/*.article { margin-bottom: 1em; }*/
	td>.article {
		margin-bottom: 2.5em;
	}

	ul.article-attached {
		text-align: left; /*20151214*/
		margin: 10px 0;
		padding: 0;
	}

	ul.article-attached li {
		list-style: none;
	}

	ul.article-attached li a { color: #333; }
	ul.article-attached li a:hover { color: #666; }

	.file-container > a.label {
		margin-right: 4px;
		margin-bottom: 4px;
	}

	.article-user {
	}

	.article-user>ul {
		margin: 1em 0 1em 50px;
	}

	.article-content {
		padding: 20px 30px 30px;
	}

	.article>.article-content {
		border: 1px solid #ddd;
		border-radius: 10px;
		background-color: #fff;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.065);
		   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.065);
		        box-shadow: 1px 1px 2px rgba(0,0,0,.065);
		white-space: normal !important;
	}

	.article-content a { color: #333; }
	.article-content a:hover { color: #666; }

	tr[data-loaded] { color: #999; }
	tr[data-loaded]:hover td { color: #666; }
	tr[data-loaded="0"] { text-decoration: line-through; font-style: italic; }
	tr.opened>td { font-weight: bold; color: #333; background-color: #f3f0ff; }

	.article .board-manage { text-align: right; padding: 10px; }
	.article .board-manage a { text-decoration: none; padding: 4px 12px; cursor: pointer; }

	.article .board-guest {
		padding: 3em;
		border: 2px dotted #ccc;
		background-color: #ffeeee;
		border-radius: 8px;
		position: relative;
		display: none;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.065);
		   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.065);
		        box-shadow: 1px 1px 2px rgba(0,0,0,.065);
	}
	.board-guest>form { padding:0; margin: 0; }
	.board-guest>form>.input-prepend.input-append { margin: 0; }
	.board-guest>a.close {
		position: absolute;
		top: 4px;
		right: 5px;
		opacity: .8;
	}


	.article #fileContainer { padding: 15px 0px 15px 15px; }
	.article #fileContainer a { margin: 0 2px 5px 0; padding: 4px 8px; cursor: pointer; }

	.paging-wrap .pageinfo {
		margin: 20px 0;
		line-height: 34px;
	}

	.pagination>li {
		display:inline-block;
	}

	.pagination>li>span,
	.pagination>li>a {
		color: #428bca;
		position: relative;
		float: left;
		border: 1px solid #ddd;
		margin-left: -1px;
		padding: 6px 10px;
		text-decoration: none;
		border-radius: 4px;
		display: inline-block;
	}

	.pagination>li>a:hover {
		border-color: #999;
		background-color: #ffc;
		-webkit-box-shadow: 0 0 3px #ccc;
		   -moz-box-shadow: 0 0 3px #ccc;
		    -ms-box-shadow: 0 0 3px #ccc;
		        box-shadow: 0 0 3px #ccc;
	}
	.pagination.grey>li>a:hover {
		border-color: #999;
		-webkit-box-shadow: 0 0 3px #999;
		   -moz-box-shadow: 0 0 3px #999;
		    -ms-box-shadow: 0 0 3px #999;
		        box-shadow: 0 0 3px #999;
		background-color: #f3f3f3;
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fff, endColorStr=#ebebeb);
		/* IE9 */
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		/* IE9 */
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
		background-image: -webkit-linear-gradient(top, #fff, #ebebeb);
		background-image:    -moz-linear-gradient(top, #fff, #ebebeb);
		background-image:     -ms-linear-gradient(top, #fff, #ebebeb);
		background-image:      -o-linear-gradient(top, #fff, #ebebeb);
		background-image:         linear-gradient(to bottom, #fff, #ebebeb);
	}

	.pagination>.active>a,
	.pagination>.active>a:hover {
		z-index: 2;
		color: #fff;
		background-color: #428bca;
		border-color: #428bca;
		cursor: default;
	}
	.pagination.grey>.active>a,
	.pagination.grey>.active>a:hover {
		text-shadow: 0 1px 0 rgba(255, 255, 255, .75);

		color: #333;
		border-color: #888 #aaa #ccc;
					
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 white;
		   -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
		    -ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
												
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 white;

		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
		/* IE9 */
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		/* IE9 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#C8C8C8),color-stop(100%,#E6E6E6));
		background-image: -webkit-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
		background-image:    -moz-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
		background-image:     -ms-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
		background-image:      -o-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
		background-image:         linear-gradient(to bottom,#C8C8C8 0,#E6E6E6 100%);	}

	.pagination>[disabled] {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity: .5;
	}
	.pagination>[disabled]>a:hover { background-color: #fff; }

	.ie67 .pagination>li { float: left; margin: 3px; }
	.ie67 .pagination>li>a { height: 14px; line-height: 14px; padding: 8px 6px; margin: 0; text-align: center; display: block; }
	.ie67 .pagination>li[disabled]>a { filter: alpha(opacity=50); }

	/* non xml_http_request */
	#wrap>.container>.list-wrap {
		background-color:#fff;
		color: #333;
		padding: 50px;
	}

	/* thumbnail */
	ul.thumbnails {
		margin: 0 0 0 0; /* bootstrap overwrite */
	}

	ul.thumbnails>li {
		margin: 0;
	}

	ul.thumbnails div.thumbnail {
		border: 1px solid #999;
		margin: 0 8px 16px 8px;
	}

	a.thumbnail {
		width: 100%;
		height: 180px;
		overflow: hidden;
		border: 0;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.thumbnail > .caption > .subject {
		height: 35px;
	}
	.thumbnail > .caption > .date {
		height: 15px;
	}
	.thumbnail > .caption > .subject > input {
		margin: 0;
	}

	/* bxslider */
	.article.gallery {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1280px;
		height: 100%;
		margin-left: -640px;
		background-color: #fff;
	}

	.article.gallery>h1,
	.article.gallery>h2,
	.article.gallery>h3,
	.article.gallery>h4 {
		margin-bottom: 0;
		border-bottom: 3px solid #ff7e00;
		padding: 5px 0 10px 15px;
		color: #333;
	}

	.article.gallery>.content {
		width: 1240px;
		padding: 10px;
		border: 1px solid #eee;
		color: #666;
		margin: 8px auto 0;
		height: 20px;
		overflow: hidden;
		opacity: .6;
		cursor: pointer;
	}
	.article.gallery>.content.active {
		width: 1240px;
		height: inherit;

		color: #333;
		border: 0;
		opacity: 1;
		cursor: default;
	}

	.article.gallery>.content.active>.html {
		overflow-y: auto;
		padding: 2em;
		border: 1px solid #ccc;
		background-color: #fefefe;
	}

	.article.gallery>.content>.html>.click:after {
		display: inline-block;
		content: "본문 내용:";
		margin-left: .5em;
		margin-right: .7em;
	}

	.article.gallery>.content.active>.html>.click:after {
		content: "";
	}

	.article.gallery>.content.active>.html>.click {
		display: none;
	}

	.article.gallery>.content>.html>.media-wrap {
		margin-top: 25px;
		padding-top: 25px;
	}
	.article.gallery>.content>.html>.media-wrap>a {
		margin: 10px auto;
	}
	.article.gallery>.content>.board-manage {
		display: none;
		height: 35px;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.article.gallery>.content.active>.board-manage {
		display: block;
	}
	.article.gallery>.content>.board-manage:after {
		clear: both;
	}

	.article.gallery .bx-wrapper {
		width: 1250px;
		margin: 0 auto;
	}

	ul.bxslider>li>img {
		margin: auto;
		vertical-align: middle;
	}

	[data-board] a.login {
		color: #3333ff;
		font-weight: bold;
	}

	[data-board] a.login:hover {
		color: #333;
	}

	[data-board] .reply-source {
		display: none;
	}

	.reply-source .textarea {
		height: 120px;
		overflow-y: auto;
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 7px;
		width: 90%;

		background-color: #ececec;
		font-size: 11px;
	}

/* manage */
	#manage>.container {
		margin-top: 3em;
	}

	#manage>.container>dl.row>dt>span.title {
		font-size: 32px;
		font-weight: bold;
		line-height: 1.2;
	}

	#manage_member>.no-data {
		background-color: #e9e9e9;
		border-radius: 8px;
		font-style: italic;
		font-weight: bold;
	}

/* common */
	.help-hidden {
		display: none;
		font-size: 13px;
	}

/* content footer */
.popup-message-box,
#messageBox {
    position:fixed;
    left:50%;
    bottom:30px;
    margin-left:-200px;

    min-width:400px;
    padding:20px 20px;
    background-color:rgba(0,0,0, 0.8);
    background-color:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
    opacity:0.8;
    color:#fff;
    z-index:9999;
    text-align:center;

    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    display:none;
  }

#modalBox {
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
    opacity:0.8;
    color:#fff;
    display:none;
  }

#modalBox .loading {
    position:fixed;
    top:50%;
    left:50%;
    background-color:#fff;
    padding:10px 20px;
    color:#000;
    margin-top:-55px;
    margin-left:-20px;
  }

#modalBox.white {
	background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

#scrollTopWrap {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 4999;
  cursor: pointer;
  display: none;
}




/* footer */
footer {
	position: relative;
	margin-top: 7px;
}

footer>.footer {
	border-top: 1px solid #ddd;
	background-color: #12141b;
	padding-top: 40px;
	padding-bottom: 25px;
}
footer>.footer>.container {
	color: #c9c8c8;
	font-size: 12px;
	font-weight: bold;
	font-family: "제주고딕", "Jeju Gothic", arial, sans-serif;
}
footer>.footer>.container>div {
	margin-left: 40px;
}
footer>.footer>.container>.family-sites {
	position: absolute;
	top: 15px;
	right: 40px;
}



/* user-agent */
.ua { background: url(../../lib/images/UserAgent-64px.png) no-repeat 0 0; display: inline-block; width: 64px; height: 64px; }
.ua-chrome { background-position-x: 0; }
.ua-chromium { background-position: -64px; }
.ua-firefox { background-position-x: -128px; }
.ua-ie { background-position-x: -192px; }
.ua-konqueror { background-position-x: -256px; }
.ua-opera { background-position-x: -320px; }
.ua-safari { background-position-x: -384px; }
.ua-webkit { background-position-x: -448px; }


/* eidtable */
.content-editable {
	background-color: #eee;
}
.editable-toolbar {
	padding: 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
}
.editable {
	display: block;
	overflow: auto;
	padding: 8px;
	min-height: 180px;
	max-height: 480px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
}

p.editable {
	display: block;
	overflow: auto;
	padding: 7px;
	min-height: 180px;
	max-height: 400px;
	width: 90%;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

p.editable.drag-enter {
	border: 1px solid #0066ff;
}
.content-editable span.text-icon {
	font-family: "Courier";
}

.editor-color {
	padding: 0 4px;
}

.editor-palette {
	text-align: center;
	line-height: 1;
}
.editor-palette .btn-group:first-child {
	margin-left: 5px;
}
.editor-palette .btn-group:last-child {
	margin-right: 5px;
}
.editor-palette .palette-title {
	text-transform: capitalize;
	border-bottom: 1px dotted #eee;
	font-size: 12px;
	padding-bottom: 5px;
	margin-bottom: 12px;
}

.editor-palette-color {
	display: inline-block;
	line-height: 16px;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
.editor-palette-color:hover {
	border: 1px solid #333;
}


/* file upload */
.btn.fileinput {
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.btn.fileinput input {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
	display: block;
	z-index: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}
.controls .help-inline.progress {
	width: 600px;
	padding-left: 0;
}
.controls .help-inline.progress-medium {
	width: 450px;
}


.ie67 .btn.fileinput {
	height: 20px;
	filter: alpha(opacity=10);
}

/* Number input */
.number-step-wrap {
	visibility: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 13px;
	padding:0; margin: 0 0 3px 0;
	}

.number-step-wrap>.number-step {
	float: left;
	display: inline-block;
	background: url(../images/number-step.png) 0 0 no-repeat;
	width: 13px;
	height: 13px;
	line-height: 13px;
	margin: 1px 0;
	padding: 0;
}
.number-step-wrap>.number-step.up { background-position: 0 0; }
.number-step-wrap>.number-step.dn { background-position: 0 -14px; }
.ie .number-step-wrap, input[readonly]+.number-step-wrap {
	visibility: visible!important;
}
.input-quantity input.readonly,
.input-quantity input[readonly] {
	background-color: #f5f5f5;
}

span.input-quantity {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
span.input-quantity>input {
	margin: 0;
}


/*
@media screen and (max-width: 1800px) {
	.section-background {
		-webkit-background-size: 1800px;
		-moz-background-size: 1800px;
		-o-background-size: 1800px;
		background-size: 1800px;
	}
}

@media screen and (max-width: 1280px) {
	.section-background {
		-webkit-background-size: 1280px;
		-moz-background-size: 1280px;
		-o-background-size: 1280px;
		background-size: 1280px;
	}
}
*/


table.tb_form { width:790px; background:#fafafa; border:1px solid #d8d8d8; }
table.tb_form th { width:20%; text-align:center; color:#666666; font-weight:normal; background:#efefef; }
table.tb_form th.b { font-weight:bold; }
table.tb_form td { text-align:left; background:#fafafa; }
table.tb_form td.w30 { width:30%; }

table.hrline tr td.l { border-left:1px solid #dcdcdc; }
table.hrline { margin:10px; }
table.hrline tr td { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
table.hrline tr td.s { border-left:1px solid #dcdcdc; }
table.hrline tr.first td,
table.hrline tr:first-child td { border-top:2px solid #454545; background:#f6f6f6; text-align:center; }


table.hrline2 { margin:10px;text-align:center;  }
table.hrline2 tr td.l { border-left:1px solid #dcdcdc; background:#f6f6f6; text-align:center; font-size:10pt; }
table.hrline2 tr td.m { background:#f6f6f6; text-align:center; font-size:10pt; font-weight:bold }
table.hrline2 tr td.n { text-align:right;font-size:10pt; }
table.hrline2 tr td.t { background:#8db8d8;font-size:10pt;color:#ffffff; }
table.hrline2 tr td.tt { background:#cce1f0;font-size:10pt; }
table.hrline2 tr td { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:10pt; height:20px; }
table.hrline2 tr td.s { border-left:1px solid #dcdcdc; font-weight:bold }
table.hrline2 tr td.ss { border-left:1px solid #dcdcdc; background:#f6f6f6; }
table.hrline2 tr.first td,
table.hrline2 tr:first-child td { border-top:2px solid #0072bc; }

table.hrline3 { margin:2px;}
table.hrline3 tr td.l { border-left:1px solid #dcdcdc; background:#e9f0f1; text-align:center; font-size:8pt; }
table.hrline3 tr td.m { background:#e9f0f1; text-align:center; font-size:8pt;}
table.hrline3 tr td.n { text-align:right;font-size:8pt; }
table.hrline3 tr td { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:8pt; background:#ffffff; height:24px; text-align:center;}
table.hrline3 tr td.s { border-left:1px solid #dcdcdc; font-weight:bold }
table.hrline3 tr.first td,
table.hrline3 tr:first-child td { border-top:2px solid #00b3c4; }

table.hrline4 { margin:2px;}
table.hrline4 tr td.l { border-left:1px solid #dcdcdc; background:#f6f6f6; text-align:center; font-size:9pt; }
table.hrline4 tr td.m { background:#f6f6f6; text-align:center; font-size:9pt; font-weight:bold }
table.hrline4 tr td.n { text-align:right;font-size:8pt; }
table.hrline4 tr td { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:8pt; background:#ffffff; height:24px; text-align:center;}
table.hrline4 tr td.s { border-left:1px solid #dcdcdc; font-weight:bold }
table.hrline4 tr.first td,
table.hrline4 tr:first-child td { border-top:2px solid #327e04; background:#f6f6f6; text-align:center;}

table.hrline5 { margin:2px;}
table.hrline5 tr td { border-bottom:1px solid #dcdcdc; }


a.privacy-link { display:inline-block; padding:5px 20px; background-color:#8793cc; color:#fff; border:1px solid #999;}
a.privacy-link:hover { color:#f0f0f0; text-shadow:-1px -1px 1px #999;}

pre.privacy-agree-box { height:100px; overflow-y:auto; overflow-x:hidden; width:90%;}


/* menu5.4 */

.privacy .title-sub { font-size:17px; font-weight:bold; }
.privacy .title-sub-lg { font-size:22px; font-weight:bold; margin:50px auto 30px;  text-align:center; color:#486faf;}
.privacy .title-part { font-size:17px; color:#486faf; margin-bottom:10px; margin-top:20px; }
.privacy .p-left-20 { padding-left:20px; }
.privacy .m-top-10 { margin-top:10px; }
.privacy .m-top-20 { margin-top:20px; }
.privacy ul.in li.t { margin-top:10px; }
.privacy ul.in p { margin:0; }
.privacy ul.in p.n { text-indent:-1.2em; margin-left:1.2em; }
.privacy ul.in p.n2 { text-indent:-1.2em; margin-left:2.5em; }

/* menu5.3 */

/* investment */
#investmenu ul,
#investmenu li { margin:0; padding:0; }

#investment dl,
#investment dt,
#investment dd { margin: 0; padding: 0; }
#investment dl dt,
#investment dl dd { float: left;}

.ul_invest li { float: left; }

#investment { padding: 0 20px; }
#gpDisp {  width:285px; height: 232px; padding: 15px 5px; border: 1px solid #000; background: #FFFFFF; border: 1px solid #99b1d0; border-top: 2px solid #4573ab; }
#tabs { width: 740px; }

.tb_invest { width: 100%; border-collapse: collapse; border-top: 2px solid #e89234;}
.tb_invest tr th { border: 1px solid #dcdcdc; background: #f6f6f6; height: 25px; text-align: center;}
.tb_invest tr td { border: 1px solid #dcdcdc; background: #ffffff; text-align: right; padding-right: 10px;  height: 25px; }
.tb_invest tr td.up { color: #ff0000; }
.tb_invest tr td.down { color: #0066ff; }
.tb_invest tr td.center { text-align: center; padding: 0; }
.tb_invest tr td.hogaprice { background: #fcfbe3; text-align: center; padding: 0; }

.stock { width: 440px; margin-left: 10px; }
.stock dt, .stock dd { border-bottom: 1px solid #dcdcdc; height: 23px; text-align:center; padding-top: 5px !important; padding-bottom:5px !important;}
.stock dt { width: 80px; background: #f6f6f6; }
.stock dd { width: 125px; background: #ffffff; text-align: right; padding-right: 13px !important;}
.stock dd.up { color: #ff0000; }
.stock dd.down { color: #0066FF; }
.stockline { border-top: 2px solid #e89234; }

.invest { float: left; padding: 10px;  }
.invest-main { border: 1px solid #99b1d0; height: 85px; width: 280px; margin: 10px 10px 0 10px; border-top: 2px solid #4573ab; background: #FFFFFF; border-bottom: 0;}
.invest-li { float: left; width: 120px; font-size: .9em;}

span.down { color: blue; }
span.up { color: red; }

.tb-invest-main { width: 282px; border-collapse: collapse; marign: 0; }
.tb-invest-main tr th { border: 1px solid #99b1d0; height: 23px; font-size: .9em;}
.tb-invest-main tr td { border: 1px solid #99b1d0; height: 23px; font-size: .8em; text-align: center; }


/*
 *  disInfo
 */
.disinfo .header-wrap {
  position: relative;
  top: 10;
  max-width: 98%;
  clear: both;
  /* background-image: url(../img/img01.png); */
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 97% 100%;
  font-size: 30px;
  color: #333333;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom:30px;
}
.disinfo .header-wrap span {
  font-size: 15px;
  padding-left:10px;
}
.disinfo .header-wrap #query_time {
  padding-left: 0px;
}
.disinfo .header-wrap .time_img {
  padding-left:5px;
  vertical-align: middle;
  display: inline-table;
  width: 15px;
  height: 15px;
  /* background-image: url(../img/img05.png); */
  background-repeat: no-repeat;
}

.disinfo .body-wrap {
  position: relative;
  max-width: 98%;
  height: 80%;
  clear: both;
}
.disinfo .footer-wrap {
  position: relative;
  max-width: 98%;
  clear: both;
}
.disinfo table{
    position: relative;
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #dbdbdb;
    border-spacing: 0;
    border-top: 1px solid #495776;
    border-right: 1px solid #dbdbdb;
}
.disinfo table tr th{
    padding: 9px 10px;
    font-weight: normal;
    background-color: #495776;
    color: #fff;
    border-left: 1px solid #495776;
    border-top: 1px solid #495776;
    font-size: 93%;
}
.disinfo table tr td:first-child,
.disinfo table tr td:nth-child(2),
.disinfo table tr td:last-child {
    padding: 9px 10px;
    font-weight: normal;
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    text-align:center;
    font-size: 93%;
}
.disinfo table tr td {
    padding: 9px 10px;
    font-weight: normal;
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    text-align:left;
    font-size: 93%;
}
.disinfo table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
.disinfo table tr td a{
	text-decoration: none;
	color:#333333;
}



.pdt5 { padding-top:5px; }
.pdt10 { padding-top:10px; }
.pdt15 { padding-top:15px; }
.pdt20 { padding-top:20px; }
.pdt25 { padding-top:25px; }
.pdt30 { padding-top:30px; }
.pdt50 { padding-top:50px; }
.pdb10 { padding-bottom:10px; }
.pdb20 { padding-bottom:20px; }
.pdl50 { padding-left:11px; padding-top:50px; padding-right:30px; font-size:10pt; line-height: 130%;}
.pdl11 { padding-left:11px; padding-top:10px; padding-right:30px; font-size:10pt; line-height: 130%;}
.pd {  padding-left:20px; }