/*
 * 기본 스타일
 *
 */
@charset "utf-8";
/* 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(https://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, lil,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	section, header, footer {
	/*
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	*/
	font-family: "나눔고딕", "Nanum Gothic", "굴림", arial, serif;
}

/* html *{font-family:"나눔고딕","Nanum Gothic",arial,serif} */
body {
	padding: 0;
	margin: 0;
}

body.wrap {
	/*background-color: #EFF0F4;*/
}

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; } 
a.inverse:hover { color: #00f; background-color: #eee; font-weight: bold;}
a.white { color: #fff; }
a.white:hover { color: #ccc; }

img { border:0; }

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

ul.disc,
ul.circle {
	margin-top: 1em;
	margin-left: 1em;
	padding-left: 1em;
}
ul.circle, ul.circle>li { list-style-type: circle; }
.article-content ul li,
.note-editable ul li,
ul.disc, ul.disc>li {
	list-style-type: disc;
	margin: 5px 10px ;
}

.article-content ol li,
.note-editable ol li,
ol.decimal,
ol.decimal>li {
	list-style-type: decimal;
	margin: 5px 10px ;
}
ol.decimal>li>font {
	padding-left: 1em;
}

.quot::before,
.quot::after { content: "'"; }
.quot { color: red; }

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

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


/* TABLE */
.table-bordered td {
	position: relative;
}

.table-condensed.darkblue,
.table-condensed.lightblue,
.table-condensed.highoptic {
	margin-bottom: 4px;
}
.table-condensed.darkblue thead th,
.table-condensed.lightblue thead th,
.table-condensed.highoptic thead th {
	color: #333;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(../images/thsep.png);
	border-bottom: 1px solid #767676;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.table-condensed.darkblue thead th {
	border-top: 3px solid #77cccc !important;
}
.table-condensed.lightblue thead th {
	border-top: 3px solid #319696 !important;
}
.table-condensed.highoptic thead th {
	border-top: 5px solid #319696 !important;
}

.table-condensed.darkblue thead th:first-child,
.table-condensed.highoptic thead th:first-child {
	background-image: none;
}
.table-condensed.darkblue tbody td,
.table-condensed.darkblue tfoot td,
.table-condensed.highoptic tbody td,
.table-condensed.highoptic tfoot td {
	border-bottom: 1px solid #767676;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
}
.table-condensed.lightblue thead th {
	border-bottom: 1px solid #319696;
}


/* Danger, Warning, Success, Info, Inverse, Primary, .... */
.table-bordered thead.primary th,
.table-condensed thead.primary th,
.widget-primary .widget-head {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	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-bordered thead.warning th,
.table-condensed 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-bordered thead.danger th,
.table-condensed 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-bordered thead.success th,
.table-condensed thead.success th,
.widget-success .widget-head {
	color: #ffffff;
	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-bordered thead.info th,
.table-condensed 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-bordered thead.inverse th,
.table-condensed 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-condensed 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,
.table tr.text-center>th,
.table tr.text-center>td { text-align:center !important; }
.table td.small { font-size: 13px; color: #999; font-family: arial; }

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

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

/*
 * 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.money::-ms-clear,
input.input-mini::-ms-clear,
input.input-small::-ms-clear,
input.text-right::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

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

input[disabled]+span { font-style: italic; color: #ccc; text-decoration: line-through; }

.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;
}
.ie67 .controls.required,
.ie67 .controls.required:before {
	margin: 0;
}

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; }
.text-bold { font-weight: 800; }

ul.list-inline {
	list-style: none;
	display: table;
}
ul.list-inline:after {
	clear: left;
}

ul.list-inline>li {
	display: table-cell;
	vertical-align: top;
	float: left;
}
ul.list-inline.bottom>li {
	vertical-align: bottom;
}

.pad1eml { padding-left: 13px; }
.pad2eml { padding-left: 26px; }
.pad3eml { padding-left: 39px; }

/*
 * Twitter typeahead
 */
.tt-menu {
	width: 544px;
	margin: 4px 0;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
	padding: 3px 10px;
	font-size: 14px;
	line-height: 16px;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion p {
	margin: 0;
}

/* sicon */
.sicon {
	display:inline-block;
	background:url(../images/iconpack.png) no-repeat 0 0;
	width:10px;
	height:10px;
	*margin-right:.3em;
	line-height:14px;
	vertical-align:middle;
}
.sicon:last-child {
	*margin-left:0;
}
.sicon.lcarrow { width:10px; height:10px; background-position:-294px -7px; }
.sicon.more-en { width:47px; height:13px; background-position:-171px -6px; }
.sicon.more-ko { width:41px; height:16px; background-position:-223px -6px; }
.sicon.privacy { width:105px; height:21px; background-position:-175px -161px; }
.sicon.bxprev { width:13px; height:13px; background-position:-8px -8px; }
.sicon.bxnext { width:13px; height:13px; background-position:-24px -8px; }
.sicon.ccprev { width:20px; height:20px; background-position:-41px -4px; }
.sicon.ccnext { width:20px; height:20px; background-position:-63px -4px; }
.sicon.uparrow { width:14px; height:10px; background-position:-134px -8px; }
.sicon.downarrow { width:14px; height:10px; background-position:-151px -8px; }
.sicon.red-button { width:86px; height:22px; background-position:-4px -73px; }
.sicon.blue-button { width:86px; height:22px; background-position:-4px -96px; }
.sicon.gray-button { width:86px; height:22px; background-position:-4px -119px; }
.sicon.green-button { width:86px; height:22px; background-position:-4px -142px; }
.sicon.sale-badge { width:36px; height:30px; background-position:-174px -121px; }
.sicon.new-badge { width:36px; height:30px; background-position:-249px -121px; }
.sicon.promo-badge { width:36px; height:30px; background-position:-211px -121px; }
.sicon.md-badge { width:36px; height:30px; background-position:-288px -121px; }
.sicon.close { width:13px; height:13px; background-position:-234px -54px; }
.sicon.redbadge30 { width:30px; height:30px; background-position:-261px -24px; }
.sicon.bookmark { width:20px; height:20px; background-position:-292px -28px; }
.sicon.addbookmark { width:79px; height:18px; background-position:-4px -166px; }
.sicon.search { width:47px; height:24px; background-position:-2px -26px; }
.sicon.acending { width: 10px; height: 10px; background-position: -254px -57px; }
.sicon.descending { width: 10px; height: 10px; background-position: -267px -57px; }

.gsicon {
	display:inline-block;
	background:url(../images/gs_icon.png) no-repeat 0 0;
	width:18px;
	height:20px;
	*margin-right:.3em;
	line-height:20px;
	vertical-align:middle;
}
.gsicon.gs1 { background-position: 0 0; }
.gsicon.gs2 { background-position: -21px 0; }
.gsicon.gs3 { background-position: -42px 0; }

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

.ie67 fieldset {
	width: 100%;
}

/*
 * Common
 */
form.ssl input[type="text"],
form.ssl input[type="password"],
form.ssl input[type="number"],
form.ssl input[type="tel"],
form.ssl select>option {
	background-color: #faffee; 
}

.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;
}
.modal-full.light {
	background-color: rgba(255,255,255, .75);
}
.modal-full.half { position: relative; }
.modal-full.half#login { min-height: 680px; }
.modal-full.half#join { min-height: 800px; }
.modal-full>.textarea {
	position:  absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	margin-top: -80px;
	margin-left: -250px;
	width: 500px;
	padding: 20px;
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 3px 3px 3px #ccc;
}
.ie678 .modal-full {
	/*position: absolute;*/
	/*
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#47161616, endColorstr=#47161616);
	*/
	background: transparent;
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#47161616, endColorstr=#47161616);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
	zoom: 1;
	*zoom: 1;
}
.ie678 .modal-full.light {
	background: transparent;
}




/* !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; }

.uneditable-input.money,
input[type="text"].money {
	font-size: 14px;
	font-family: courier;
}




/*********************************************************************************************************
 * FOOTER
 */

footer {
	position: relative;
	width: 100%;
}





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

header {
	position: relative;
	width: 100%;
	z-index: 12;
	background:#fffff7;
	}



/*********************************************************************************************************
 * SECTION
 */

section {
	width: 100%;
	position: relative;
	background-color: #fff;
	}

section>.container {
	width: 1140px;
	margin: 0 auto;
	}

section .google-map-canvas {
	width: 890;
	height: 400px;
	border: 1px solid #ccc;
}



/*********************************************************************************************************
 * OTHER
 */
/* board */
	.board-container {
		/*margin-top: 24px;*/
		margin-bottom: 30px;
	}
	.board-wrapper {
		position: relative;
	}
	.board-wrapper>.list-wrap {
		margin-top: 32px;
	}
	.board-wrapper>.list-wrap>.table>thead>tr>th {
		color: #333;
		background-color: #fff;
		background-repeat: no-repeat;
		background-image: url(../images/thsep.png);
		border-top: 2px solid #5da923 !important;
		border-bottom: 1px solid #a6a6a6;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.board-wrapper>.list-wrap>.table>thead>tr>th:first-child {
		background-image: none;
	}

	.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;
		border: 1px solid #f3f3f3;
		font-style: italic;
		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;
	}

	/*
	 * Editable
	 */
	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";
	}
	.editable a { text-decoration: underline; color: blue; }
	.editable a:hover { color: lightblue; cursor: pointer; }


	.editor-color {
		padding: 0 4px;
	/*
		font-size: 13px;
		font-family: "Arial";
		text-decoration: none;
		border: 1px dotted #ccc;
	*/}
	.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;
	}

	/* youtube */
	a[data-edit="youtube"] { padding: 2px 12px; }
	.eicon-youtube {
		width: 16px;
		height: 16px;
		display: inline-block;
		background: url(../../lib/free-icon/16/youtube-icon-small.jpg) no-repeat 0 0;
		margin-top: 3px;
	}


	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] div.loading {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
		color: #0066ff;
	}

	[data-board] div.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: right;
		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;
	}

/* Print */
.wrap.order-list>.sub-title {
	padding: 12px 0;
	font-size: 15px;
}
.wrap.order-list>.list-wrap>.table {
	border-radius: 0;
	border-top: 5px solid #319696 !important;
	border-bottom: 1px solid #767676;
}
.wrap.order-list>.list-wrap>.table td,
.wrap.order-list>.list-wrap>.table th {
	border-radius: 0!important;
}

@media print {
	.order-list.portrait {
		font-size: 15px;
	}
}


/* 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%;
    padding:10px 20px;
    color:#000;
    margin-top:-55px;
    margin-left:-20px;
  }

#modalBox.medium {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    opacity: 0.35;
}

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

#modalBox.white .loading {
	background-color: #fff;
	color: #000;
}
#modalBox.medium .loading {
	background-color: #000;
	color: #fff;
}

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









/* 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;
	position: relative;
}
.editable {
	display: block;
	overflow: auto;
	padding: 8px;
	min-height: 180px;
	max-height: 480px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	line-height: 1.2;
}

/* external toolbar */
.editable-toolbar>.editable-toolbar-popup {
	position: absolute;
	border: 1px solid #999;
	background-color: #fff;
	padding: 5px;
	top: 47px; left: 1px;
	display: none;
	width: 98%;
}
.editable-toolbar>.editable-toolbar-popup button {
	margin-left: 2px;
	border-radius: 3px;
}
.editable-toolbar>.editable-toolbar-popup>.input-url>span.icons-container {
	padding: 5px;
}


/* 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 4px 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;
}
span.numeric {
	text-align: right;
	min-width: 70px;
	display: inline-block;
}
span.numeric-mini{
	min-width: 30px;
}
span.numeric-small {
	min-width: 55px;
}
span.numeric-large {
	min-width: 100px;
}

#orderItems .input-quantity { }
#orderItems .input-quantity .number-step-wrap {
	margin-left: 4px;
}

[data-task="product"] .zoomLens {
	max-width: 400px;
	max-height: 400px;
}

input[data-toggle="switch-input-select"]+span.btn.add-on[data-toggle] {
	margin-left: -3px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
}

.input-daterange .add-on {
	height: 20px;
	padding-left: 8px;
	padding-right: 8px;
}



/* item-review
*/
.item-articles { }
.item-articles fieldset { border: 1px solid #cfcfcf; padding: 15px 0; }
.item-articles fieldset>legend { display: none; }
.item-articles .control-group { margin: 5px 0 ; }
.item-articles input,
.item-articles textarea,
.item-articles label,
.item-articles span { font-size: 13px; }
.item-articles tr[data-no] { cursor: pointer; }
.item-articles tr.review-content { display: none; }
.item-articles tr.review-content>td { padding: 1.5em; border-left: 3px dotted #cfcfcf; }
.item-articles tr.open>td { background-color: #14daf2; color: #fff; font-weight: bold;}

.youtube-link {
	display: inline-block;
	width: 400px;
	height: 301px;
	background: url(../../lib/images/youtube-link.png) no-repeat 0 0;
	line-height: 320px;
	}

/* popup */
.layer-popup { position: absolute; top: -1000px; left: 0; z-index: 999; background-color: #fff; }
.layer-popup>.popup-foot { text-align: right; height: 28px; line-height: 28px; }
.layer-popup>.popup-foot>a { padding-right: 10px; cursor: pointer; }
.layer-popup.with-border>.popup-content { border: 1px solid #ccc; }
}


/** 정렬 관련 **/
.fl_left { float:left; }
.fl_right { float:right; }
.clear_both { clear:both; }

.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-align-center { text-align:center; }

img.save,
img.form,
img.cancel,
img.modify,
img.delete,
img.pwok,
img.search,
img.hand { cursor:pointer; }
