@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block}
body, table, input, textarea, select, button {font-size:12px}
a img {border:0}

/* Type */
td, th, li. dt, dd, div, span, p, a {margin:0; padding:0;}

html {height:100%;}
body {height:100%; margin:0; padding:0; scroll 0 0 transparent; font-family:'gulim', tahoma sans-serif; font-size:12px; color:#333; background-color:#eff1f2;}

img, fieldset, button {border:none; vertical-align:middle; margin:0 !important;}
hr, button img{display:none;}
ul, ol, li, p, span{list-style:none; margin:0; padding:0;}
dl, dd{list-style:none; margin:0; padding:0;}

.png24 {tmp:expression(setPng24(this));}
* {-webkit-text-size-adjust:none;}/* 폰트 자동 확대 방지 */

a {outline:none; color:#333; font-family:'gulim'; text-decoration:none; select-dummy:expression(this.hideFocus=true);}
a:hover {text-decoration:none; color:#333;}
a:active, a:focus{text-decoration:none; color:#333;}

textarea {border:#c9ccdb 1px solid; overflow:auto;}

table {border-collapse:collapse; border:0px; padding:0px;}
caption {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 
button, label {cursor:pointer; font-family:'gulim';}
input,textarea {font-family:'gulim'; vertical-align:middle;}
select {display:inline-block; vertical-align:middle; margin:0; padding:4px 5px; height:28px; font-size:12px; color:#0b0b0b; border:1px solid #ccc;
    border-bottom-color:#b3b3b3;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
}
input[type="text"], input[type="password"] {
	padding:0 5px;
	height:26px;
	font-size:12px;
	color:#000;
	border:1px solid #999;
	vertical-align:middle;
}
input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
	vertical-align:middle;
	margin:0;
	padding:0;
}


/* etc define */
.underline {text-decoration:underline;}
.lineThrough {text-decoration:line-through; color:#8a8a8a;}
.font-default {color:#333; font-weight:normal;}
.bold {font-weight:bold;}
.line {border-bottom:1px solid #d3d3d3;}
.floatLeft {display:inline; float:left;}
.floatRight {display:inline; float:right;}
.clearBoth {clear:both;}
.alignMiddle {vertical-align:middle;}
.alignTop {vertical-align:top;}
.alignBottom {vertical-align:bottom !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.borderTop {border-top:1px solid #eee;}
.borderBottom {border-bottom:1px solid #dfdfdf;}
.borderRight {border-right:1px solid #e8e8e8;}
.txtspace {letter-spacing:-1px;}
.displayInline-block {display:inline-block;}
.displayBlock {display:block;}
.borderNone {border:none !important;}
.overflowHidden {overflow:hidden;}


.bg-white									{background-color:#fff;}


h1											{margin:0; padding:0; font-weight:bold; font-size:16px; color:#050505;}
h2											{margin:0 0 5px; padding:0; font-weight:bold; font-size:14px; color:#333; letter-spacing:-.5px;}
h2 b										{display:inline-block; margin-left:10px; font-weight:normal; font-size:11px; color:#ff4500;}


/* Layout Selector */
.wrap										{position:relative; margin:0; padding:0; width:auto; min-width:1280px; height:100%; -webkit-overflow-scrolling:touch;}
.container									{position:relative; margin:0; padding-top:80px; width:auto; height:auto; overflow:hidden;}
.container:after							{content:""; display:block; float:none; clear:both;}


/* Login */
.login-box									{position:absolute; top:50%; left:50%; z-index:10; margin-top:-180px; margin-left:-340px; padding:0; width:680px; height:260px; overflow:hidden;}
.login-box:after							{content:""; display:block; float:none; clear:both;}
.login-box .login-logo						{display:block; float:left; padding-top:5px; width:320px; height:auto;}
.login-box .login-logo img					{display:block;}
.login-box .login-logo p					{display:block; margin:0; padding:15px 10px; width:275px; font-size:12px; color:#474747; line-height:20px;}
.login-box ul								{float:left; margin:0; padding:0; width:auto; height:auto;}
.login-box ul h1							{margin-bottom:8px; padding:0; font-family:'PT Sans'; font-size:24px; color:#151515; font-weight:bold;}
.login-box ul > li							{margin-bottom:15px; padding:0; width:auto; height:auto;}
.login-box ul > li input					{margin:0; padding:0 15px; width:320px; height:43px; font-family:'PT Sans'; font-size:14px; color:#333; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.login-box ul > li input::-webkit-input-placeholder		{font-size:12px; font-weight:bold; color:#ccc;}
.login-box ul > li input:-ms-input-placeholder			{font-size:12px; font-weight:bold; color:#ccc;}
.login-box ul > li input::-moz-placeholder				{font-size:12px; font-weight:bold; color:#ccc;}
.login-box ul > li input:-moz-placeholder				{font-size:12px; font-weight:bold; color:#ccc;}
.login-box ul button						{display:inline-block; vertical-align:middle; margin:0; padding:0; width:160px; height:45px; font-weight:bold; font-size:14px; color:#fff; text-align:center;
	border:1px solid #474747;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(139, 136, 134)),
	color-stop(1, rgb(119, 117, 115))
	);
	background-image: -o-linear-gradient(bottom, rgb(139, 136, 134) 0%, rgb(119, 117, 115) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(139, 136, 134) 0%, rgb(119, 117, 115) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(139, 136, 134) 0%, rgb(119, 117, 115) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(139, 136, 134) 0%, rgb(119, 117, 115) 100%);
	background-image: linear-gradient(to bottom, rgb(139, 136, 134) 0%, rgb(119, 117, 115) 100%);
}
.login-box ul > li label					{display:inline-block; margin-left:20px;}
.login-box ul > li input[type="checkbox"]	{margin-bottom:2px; padding:0; width:auto; height:auto; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}


/* Header */
header										{position:fixed; z-index:9998; margin:0; width:100%; min-width:1280px; height:80px; overflow:hidden; background-color:#282b30;}
header .logo								{display:table; position:absolute; top:0; left:0; z-index:999; margin:0; width:180px; overflow:hidden;}
header .logo span							{display:table-cell; vertical-align:middle; margin:0; padding:0; height:80px;}

header .gnb									{margin-left:210px; padding-top:34px; width:auto; height:auto;}
header .gnb:after							{content:""; display:block; float:none; clear:both;}
header .gnb > li							{float:left; margin-right:10px; width:120px; overflow:hidden; text-align:center; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,.4); -moz-box-shadow:0 1px 0 rgba(0,0,0,.4); box-shadow:0 1px 0 rgba(0,0,0,.4);}
header .gnb > li > button					{display:block; width:100%; font:bold 12px/35px 'gulim'; color:#9fc3df; color:rgba(255,255,255,.7); border-top:1px solid rgba(255,255,255,.3); background-color:#000;}
header .gnb > li.on > button				{color:#fff; border-top:1px solid rgba(255,255,255,.4); background-color:#1ba7e5;}
header .gnb > li:hover > button				{color:#fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

header .user_menu							{position:absolute; top:10px; right:0; z-index:10; margin:0; font-size:12px; color:#b9daf4; color:rgba(255,255,255,.7); text-align:right;}
header .user_menu i							{display:inline-block; vertical-align:middle; margin-top:-5px; margin-right:5px; padding:0; width:20px; height:20px; overflow:hidden; -webkit-border-radius:12px; -moz-border-radius:12px; -o-border-radius:12px; border-radius:12px;}
header .user_menu i img						{width:100%; height:100%;}
header .user_menu p							{display:inline-block; vertical-align:middle; margin:0 5px;}
header .user_menu a							{margin:0 10px; font-family:'PT Sans'; font-size:12px; color:#b9daf4; color:rgba(255,255,255,.7);}
header .user_menu a:hover, active, a:focus	{color:#fff;}


/* History */
.history									{margin-left:180px; padding:0; width:100%; height:39px; border-bottom:1px solid #ccc; background-color:#fff;}
.history ul									{margin-left:30px; padding-top:10px; width:auto; height:auto;}
.history ul:after							{content:""; display:block; float:none; clear:both;}
.history li									{position:relative; display:table; float:left; margin-right:4px; padding:0; width:auto; height:auto; cursor:default;}
.history li span							{display:table-cell; vertical-align:middle; margin:0; padding:0 20px 0 10px; width:auto; height:28px; font-size:12px; color:#333; border:1px solid #ddd; border-bottom:1px solid #ccc; border-radius:4px 4px 0 0; cursor:pointer; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;}
.history li i								{position:absolute; top:50%; right:3px; z-index:100; text-indent:-9999px; margin-top:-8px; padding:0; width:15px; height:15px; background:url('/img/tab_close.gif') no-repeat; cursor:pointer;}
.history li i:hover							{background-position:0 -15px;}
.history li.on span							{font-weight:bold; letter-spacing:-1px; border:1px solid #ccc; border-bottom:1px solid #ececec; background-color:#eff1f2;}


/* Lnb */
.lnb										{position:fixed; z-index:900; margin:0; width:180px; height:100%; background-color:#363a41;}
.lnbMenu									{margin:0; width:auto; height:100%;}
.lnbMenu li									{display:table; margin:0; padding:0; width:100%; font-size:12px; color:rgba(255,255,255,.7); cursor:pointer; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(0,0,0,.4); background-color:rgba(0,0,0,.1);}
.lnbMenu li:hover							{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.lnbMenu li.on,
.lnbMenu li:hover							{color:#fff; background-color:#1ba7e5;}
.lnbMenu li span							{display:table-cell; vertical-align:middle; padding-left:20px; width:auto; height:38px;}


/* Side Left */
.sideMenu									{display:none; position:absolute; left:-260px; top:0; z-index:9999; width:260px; height:100%; background-color:#f1f1f1; overflow-y:auto;}
.sideMenu .in-box							{position:relative; padding-top:45px; width:auto; height:auto;}
.sideMenu .in-box .user-info				{position:absolute; top:0; left:0; z-index:999; margin:0; padding:0; width:100%; height:44px; border-bottom:1px solid rgba(0,0,0,.05); background-color:rgba(0,0,0,.15); overflow:hidden;}
.sideMenu .in-box .user-info i				{display:inline-block; vertical-align:middle; margin:7px 5px 7px 10px; padding:0; width:30px; height:30px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px;}
.sideMenu .in-box .user-info i img			{width:100%; height:100%;}
.sideMenu .in-box .user-info span			{display:inline-block; vertical-align:middle; font-size:13px; color:#333; line-height:10px;}
.sideMenu .in-box p							{display:block; position:absolute; top:0; right:0; z-index:999; margin:0; padding:0; width:45px; height:45px; /*background-color:rgba(0,0,0,.1);*/ cursor:pointer;}
.sideMenu .in-box p img						{width:100%; height:100%; opacity:.7; filter:alpha(opacity=70);}


/* main contents */
.mainContents											{margin:0; width:auto; height:100%;}
.mainContents .contents_inner							{margin:30px 0px 0 0px; padding:0px 10px 0px 190px; width:auto; height:100%;}


/* Contents */
.contents												{margin:0; width:auto; height:100%;}
.contents .contents_inner								{margin:30px 30px 0 210px; padding-bottom:60px; width:auto; height:100%;}
.contents .contents_inner .heading						{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.contents .contents_inner .heading:after				{content:""; display:block; float:none; clear:both;}
.contents .contents_inner .heading li					{display:table;}
.contents .contents_inner .heading li:nth-child(1)		{float:left; margin:0; width:30%;}
.contents .contents_inner .heading li:nth-child(2)		{float:right; width:70%; text-align:right;}
.contents .contents_inner .heading li span				{display:table-cell; vertical-align:middle; height:30px; font-size:18px; font-family:'gulim'; font-weight:600;}
.contents .contents_inner .heading li select			{min-width:200px;}
.contents .contents_inner .heading li input				{width:200px; color:#888; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.contents .contents_inner .heading li input:focus		{
	border-color:rgba(82,168,236,.8);
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
	outline: 0;
	z-index: 2;
}
.contents .contents_inner .con_ttl				{
	display: block;
	height:21px;
	overflow: hidden;
	border: solid 1px #e9e9e9;
	background: #fff;
	margin: 20px 0 5px;
	padding: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.contents .contents_inner .con_ttl span		{display:block; padding-left:21px; font:bold 14px/21px 'gulim'; color:#1d86b1; background:url('/bbs/img/icon/i_ag.png') no-repeat 2px 0px;}


/* 회원검색 */
.search_mem {
display: inline-block;
padding: 4px 10px;
margin-bottom: 0;
font-family:'gulim';
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}


/* Btn Style */
.btn-style01								{display:block; vertical-align:middle; margin:0; padding:0; width:120px; font:12px/34px 'gulim'; cursor:pointer; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.btn-style02								{display:inline-block; vertical-align:middle; margin:0; padding:0 15px; width:auto; min-width:80px; font:12px/24px 'gulim'; cursor:pointer; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
.btn-style03								{display:inline-block; vertical-align:middle; margin:0; padding:2px 8px 0; width:auto; min-width:60px; font:11px/18px 'gulim'; cursor:pointer; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
.btn-style04								{display:inline-block; vertical-align:middle; margin:0; padding:0; width:80px !important; font:12px/28px 'gulim' !important; cursor:pointer; text-align:center; border-radius:0 !important;}
.btn-popup									{display:block; margin:-20px auto 0; padding:0; width:100px; font:12px/30px 'gulim'; cursor:pointer; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.tw-btn										{display:inline-block; vertical-align:middle; margin:0; padding:0 15px; width:auto; height:28px; font-family:'gulim'; text-align:center;}


/* Btn Color */
.btn-color01								{color:#fff; background-color:#93cd60;}
.btn-color02								{color:#fff; background-color:#333;}
.btn-color03								{color:#fff; background-color:#383e4b;}
.btn-color04								{color:#fff; background-color:#baad73;}
.btn-color05								{color:#505050; background-color:#ccc;}
.btn-color06								{color:#999; background-color:#e5e5e5;}


/* Btn Position */
.btn-position								{margin:20px 0 40px; padding:0; width:auto; height:auto; text-align:center;}
.btn-position button						{display:inline-block; margin:0 10px;}
.cart-position								{margin-top:10px; padding:0; width:auto; height:auto;}
.cart-position:after						{content:""; display:block; float:none; clear:both;}
.cart-position li							{float:left; margin:0; padding:0; width:50%; height:auto;}
.cart-position li span						{display:inline-block;}
.cart-position li.cp-right					{text-align:right;}


/* Sub Top Btn */
#to_the_top									{position:fixed; bottom:40px; right:10px; z-index:9999; display:none; margin:0; padding:0; width:60px; height:60px; font:1.4em/60px 'Open Sans'; color:#fff; background-color:rgba(0,0,0,.1); text-align:center; cursor:pointer; border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}


/* Table Title */
.table-title								{position:relative; margin-bottom:20px; padding-bottom:8px; width:auto; border-bottom:1px solid #ccc;}
.table-title button							{position:absolute; bottom:5px; right:0; z-index:999; display:block; margin:0; padding:5px 5px 2px; width:auto; font-family:'gulim'; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-1px; background-color:#93cd60; text-shadow:0 -1px 0 rgba(0,0,0,.2); cursor:pointer; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.table-title h1								{display:inline-block; vertical-align:middle; line-height:20px;}
.table-title em								{text-indent:-9999px; display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:5px; width:24px; height:20px; background:url('/img/preview.png') no-repeat; cursor:pointer;}


/* Sub Title */
.sub-title									{display:block; position:relative; margin:0; padding:0; width:auto; height:auto; font-size:13px; font-weight:bold; color:#333;}
.sub-title p								{position:absolute; bottom:5px; right:0; z-index:10;}
.assist-btn									{position:absolute; bottom:5px; left:0; z-index:10;}
.assist-btn button							{display:inline-block; margin-right:5px; padding:5px 5px 2px; width:auto; font-family:'gulim'; font-size:12px; font-weight:bold; letter-spacing:-1px; text-shadow:0 -1px 0 rgba(0,0,0,.2); cursor:pointer; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}


/* Main Table */
.table-manage								{margin-top:20px; padding:0; width:auto; height:auto;}
.table-manage ul							{margin:0 -25px; padding-bottom:30px; width:auto; height:auto;}
.table-manage ul:after						{content:""; display:block; float:none; clear:both;}
.table-manage ul li							{float:left; margin:0; padding:0; width:50%; height:auto;}
.table-manage ul li span					{display:block; margin:0 25px;}
.note										{display:block; margin-top:10px; font-size:11px; color:#666;}


/* Table List */
.table-list									{position:relative; margin-bottom:30px; padding:0; width:auto;}
.table-list table							{margin:0; padding:0; width:100%; height:auto; text-align:center;}
.table-list table th,
.table-list table td						{padding:5px; height:24px; border:1px solid #ccc;}
.table-list table th						{color:#151515; background-color:#e5e5e5 !important;}
.table-list table td						{background-color:#fff; line-height:16px;}
.table-list table td.link					{text-align:left; overflow:hidden;}
.table-list table td.reply					{padding-left:10px; text-align:left; color:#6091c3;}
.table-list table input						{text-align:center;}
.table-list table td textarea				{padding:4px; width:98.5%; color:#454545; border:1px solid #999;}
.table-list table .right-inp				{width:80%; text-align:right;}
.table-list table tr.color-bg01 th			{color:#fff; background-color:#0f6aaf !important;}
.table-list table tr.color-bg02 th			{color:#fff; background-color:#c41161 !important;}
.table-list table tr.mark td				{background-color:#fff9e6;}
.table-list table tr.send td				{background-color:#e6f1ff;}
.table-list table tr.send td strong			{color:#0000ff;}
.table-list table tr.no-send td				{background-color:#ffe6e6;}
.table-list table tr.no-send td strong		{color:#ff0000;}
.table-list table tr.shortfall td			{color:#e70000;}
.table-list table tr.tab-link				{cursor:pointer;}
.table-list table tr.tab-link:hover td		{background-color:#f8fae4;}
.table-list table td button					{display:inline-block; vertical-align:middle; margin:0; padding:0 5px; width:auto; font:11px/20px 'gulim'; letter-spacing:-1px; cursor:pointer; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
.table-list table td a						{margin-left:5px; color:#9a5b3c;}
.table-list table td a:hover				{text-decoration:underline;}
.table-list table td a.on					{color:#0000ff;}
.table-list table td span					{display:inline-block; margin-right:15px;}
.table-list table td > em					{font-style:normal; display:block; margin:0 auto; padding:0; width:60px; line-height:20px; font-size:12px; text-align:center;}
.table-list table td dl						{margin:0; padding-top:3px; width:auto; height:auto; text-align:left;}
.table-list table td dl > dt				{margin:0; padding:0; width:auto; height:auto; font-size:14px; font-weight:bold; color:#101010;}
.table-list table td dl > dd				{margin:0; padding:0; width:auto; height:auto; font-size:11px; color:#8a8a8a;}
.table-list table td dl > dd > span			{display:inline-block; margin:0 2px; font-size:10px; color:#b7b7b7;}
.table-list table .detail-table				{}
.table-list table .detail-table th,
.table-list table .detail-table td			{padding:3px 5px; height:20px; border:1px solid #fff; background-color:#f9f9f9;}
.table-list table .detail-table th			{font-weight:normal; color:#fff; background-color:#ccc !important;}
.table-list table .detail-table th.outcolor	{background-color:#11c473 !important;}
.table-list table .detail-table td			{font-size:11px; color:#656565;}
.table-list table.td-left td				{text-align:left;}
.table-list table td > p					{display:inline-block; width:60px; height:45px;}
.table-list table td > p img				{width:100%; height:auto;}
.sort										{width:100%;}
.sort:after									{content:""; display:block; float:none; clear:both;}
.sort > span								{display:inline-block; float:left; margin:0; padding:0; width:33.333333%; text-align:center;}
.info-detail								{}
.info-detail li 							{display:table; width:100%;}
.info-detail li p							{display:table-cell; vertical-align:middle;}
.info-detail li p a							{font-weight:bold; color:#0000ff; text-decoration:none;}
.info-detail li .p-date						{height:60px;}
.info-detail li .p-info						{height:40px;}
.info-detail li .p-memo						{height:30px;}
.info-detail li .p-state					{height:60px; color:#999;}
.info-detail li strong						{font-weight:normal; color:#000;}
.detail-arrow								{font-weight:bold; background-color:#f9f9f9 !important; cursor:pointer;}
table.height-fix td							{min-height:48px;}


/* Table View */
.table-view									{margin:0; padding:0; width:auto; border:1px solid #ddd; border-bottom:none;}
.table-view dl								{margin:0; padding:0; width:auto; border-bottom:1px solid #dcdcdc;}
.table-view dl:after						{content:""; display:block; float:none; clear:both;}
.table-view dl:nth-of-type(even)			{background-color:#f9f9f9;}
.table-view dl dt,
.table-view dl dd							{display:table; float:left; padding:20px 0; font-size:13px;}
.table-view dl dt span,
.table-view dl dd span						{display:table-cell; vertical-align:middle; height:15px;}
.table-view dl dt							{width:10%;}
.table-view dl dd							{width:90%;}
.table-view dl dt span						{padding-left:20%; font-weight:bold; color:#000; border-right:1px solid #ddd;}
.table-view dl dd span						{padding-left:25px;}
.table-view dl dd span.subject				{font-size:16px; font-weight:bold; color:#000;}
.table-view dl dd span.board-content		{vertical-align:top; min-height:100px; line-height:20px;}
.table-view dl dd span.board-content img	{max-width:600px; height:auto;}
.table-view dl dd span a					{display:inline-block; margin-right:30px; text-decoration:underline; color:#1986b2;}


/* Table Write */
.table-write								{margin:0; padding:0; width:auto; height:auto;}
.table-write table							{margin:0; padding:0; width:100%; height:auto;}
.table-write table th,
.table-write table td						{padding:5px 10px; height:28px; border:1px solid #ccc; text-align:left;}
.table-write table th						{padding-left:2%; color:#222; background-color:#e5e5e5 !important;}
.table-write table td						{background-color:#fff; line-height:16px;}
.table-write table th span					{display:inline-block; margin-left:3px; color:#ff0000;}
.table-write table td textarea				{padding:4px; width:98.5%; height:60px; color:#454545; border:1px solid #999;}
.table-write table td input					{width:95%;}
.table-write table td select				{width:99%;}
.table-write table td span					{display:block; padding:3px 0;}
.table-write table td input[type="radio"],
.table-write table td input[type="checkbox"]{width:auto;}
.table-write table td a						{display:inline-block; margin-right:20px; text-decoration:underline; color:#1986b2;}
.table-write table td label					{display:inline-block; margin-right:10px;}
.table-write table td > label:last-child	{margin:0;}
.table-write table td > strong				{display:inline-block; margin-right:20px; font-weight:normal; color:#b8860b;}
.table-write table td > p					{display:inline-block; width:200px; height:100px; cursor:pointer;}
.table-write table td > p img				{width:100%; height:100%;}
.table-write table td > button				{display:inline-block; vertical-align:middle; margin:0; padding:0 15px; width:auto; height:28px; font-family:'gulim'; font-weight:bold; font-size:12px; color:#fff; background-color:#333; text-align:center; letter-spacing:-.5px;}


/* 메인배너설정 */
.banner-set									{display:inline-block; vertical-align:middle; margin-left:5px;}
.banner-set > span							{display:block; padding:5px 0 0 0 !important;}
.banner-set > span > input					{display:inline-block; margin-right:10px; width:300px !important;}
.banner-set > span > input::-webkit-input-placeholder	{font-size:11px; color:#999;}
.banner-set > span > input:-ms-input-placeholder		{font-size:11px; color:#999;}
.banner-set > span > input::-moz-placeholder			{font-size:11px; color:#999;}
.banner-set > span > input:-moz-placeholder				{font-size:11px; color:#999;}


/* File Style */
.file-area									{position:relative; width:auto;}
.file-area:after							{content:""; display:block; float:none; clear:both;}
.file-text									{float:left; width:300px !important; background-color:#fafafa;}
.file-wrap									{position:absolute; top:0; left:317px; z-index:100; display:inline-block; padding:0 !important; width:80px; height:28px; background:url('/img/btn-file.png') no-repeat;}
.file-add									{filter:alpha(opacity:0); opacity:0; width:80px; height:28px; cursor:pointer;}
.file-area > button							{position:absolute; top:0; left:405px; z-index:100; margin:0; width:60px; height:28px; font-family:'gulim'; font-size:12px; color:#fff; background-color:#333;}


/* Pagination */
.paging										{display:block; position:relative; margin-top:30px; padding:0; height:auto; text-align:center; clear:both;}
.paging a									{display:inline-block; vertical-align:middle; padding:6px 0; width:28px; border:1px solid #d1d1d1; font-size:12px; color:#666; cursor:pointer;}
.paging a:hover								{color:#fff; border:1px solid #333; background-color:#333;}
.paging .pg_num								{font-family:'PT Sans', sans-serif; background-color:#f9f9f9;}
.paging .pg_num:hover						{color:#000; border:1px solid #333; background-color:#f9f9f9;}
.paging .pg_btn								{font-family:'PT Sans Narrow', sans-serif; color:#000; background-color:#efefef;}
.paging .select								{color:#fff; border:1px solid #333; background-color:#333;}
.paging .select:hover						{color:#fff; background-color:#333; cursor:default;}


/* 첨부파일 */
.attachment									{position:relative; margin:0; padding:0; width:auto; height:auto; text-align:center;}
.attachment .file-title 					{margin-bottom:5px; margin-right:110px; padding:0; width:auto; height:auto;}
.attachment .file-title dl					{margin:0; padding:0; width:auto; height:auto;}
.attachment .file-title dl:after			{content:""; display:block; float:none; clear:both;}
.attachment .file-title dl > dt				{float:left; padding:5px 0; font-size:11px; color:#333; line-height:20px; background-color:#f5f5f5;}
.attachment .file-title dl > dt:nth-child(1),
.attachment .file-list dl > dd:nth-child(1)	{width:5%;}
.attachment .file-title dl > dt:nth-child(2),
.attachment .file-list dl > dd:nth-child(2)	{width:80%;}
.attachment .file-title dl > dt:nth-child(3),
.attachment .file-list dl > dd:nth-child(3)	{width:15%;}
.attachment .file-list						{margin-right:110px; padding:0; width:auto; height:100px; overflow-y:scroll;}
.attachment .file-list dl					{margin:0; padding:0; width:auto; height:auto; border-bottom:1px solid #f5f5f5;}
.attachment .file-list dl:after				{content:""; display:block; float:none; clear:both;}
.attachment .file-list dl > dd				{float:left; padding:3px 0; font-size:11px; color:#808080;}
.attachment .file-list dl > dd:nth-child(2)	{text-align:left;}
.attachment .file-list dl > dd:nth-child(3)	{text-indent:2%;}
.attachment .btn-attachment					{position:absolute; top:0; right:0; z-index:100;}
.attachment .btn-attachment button			{display:block; margin-bottom:5px !important; width:100px; text-align:center;}
.attachment .btn-attachment .bm-style01		{height:100px; color:#fff; background-color:#333;}
.attachment .btn-attachment .bm-style02		{height:30px; color:#444; background-color:#d7d7d7;}


/* Popup View */
.pop_view									{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.pop_view p									{margin:0; padding:0;}
.pop_view .pop_data							{position:absolute; left:50%; top:50%; z-index:9999; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_view .pop_top							{position:relative; display:table; width:100%; border-bottom:1px solid #ddd;}
.pop_view .pop_top h3						{display:table-cell; vertical-align:middle; text-indent:10px; margin:0; padding:3px 0 0; width:50%; height:30px; font-size:14px; font-weight:normal; color:#000;}
.pop_view .pop_top p						{position:absolute; top:50%; right:5px; z-index:100; margin-top:-10px; cursor:pointer;}
.pop_view .pop_bg							{
	width:100%;
	height:100%;
	background-color:#27292c;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity:.90
}
.popup_con									{margin:0; padding:15px; width:auto; height:auto;}
.popup_con h1								{margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; color:#93cd60;}
.popup_con.memo-height						{height:400px; overflow-y:scroll;}
.popup_con.area-height						{height:460px; overflow-y:scroll;}
.popup_con .memo-section					{position:relative; margin-bottom:10px; padding:10px; width:auto; height:auto; border:1px solid #ddd; background-color:#fff;}
.popup_con .memo-section span				{display:block; margin-bottom:10px; color:#454545;}
.popup_con .memo-section .modify			{position:absolute; top:5px; right:5px; z-index:100;}
.popup_con .memo-section .modify a			{display:inline-block; cursor:pointer;}
.popup_con .memo-section .modify span		{display:inline-block; margin:0; font-size:10px; color:#ccc;}
.popup_con .memo-section p					{display:block; margin:0; padding:0; color:#757575; line-height:18px;}

.area-search								{margin:0; padding:15px; width:auto; height:auto;}


/* Popup Size */
.layer-basic								{margin-left:-250px; padding:0; width:500px; background-color:#fff; overflow:hidden;}
.layer-memo									{margin-top:-300px; margin-left:-300px; padding:0; width:600px; height:600px; background-color:#fff; overflow:hidden;}
.layer-area									{margin-top:-300px; margin-left:-500px; padding:0; width:1000px; height:600px; background-color:#fff; overflow:hidden;}
.layer-photo								{margin-top:-370px; margin-left:-420px; padding:0; width:840px; height:740px; background-color:#fff; overflow:hidden;}


/*성능점검 상태표시등록*/
.pop_check									{position:absolute; width:200px; height:270px; z-index:9999; background-color:#fff; overflow:hidden; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_check .check_top						{position:relative; display:table; width:100%; border-bottom:1px solid #ddd;}
.pop_check .check_top h3					{display:table-cell; vertical-align:middle; text-indent:5px; margin:0; padding:3px 0 0; width:100%; height:30px; font-size:14px; font-weight:normal; color:#000; text-align:left;}
.pop_check .check_top p						{position:absolute; top:5px; right:5px; z-index:100; cursor:pointer;}
.pop_check .check_con						{margin:0; padding:5px; width:auto; height:auto;}
.pop_check .check_con dl					{margin:0; padding:0; width:auto; height:auto; text-align:center;}
.pop_check .check_con dl:after				{content:""; display:block; float:none; clear:both;}
.pop_check .check_con dl > dd				{display:table; float:left; margin-bottom:1px; padding:0; width:50%;}
.pop_check .check_con dl > dd label			{display:table-cell; vertical-align:middle; margin:0; padding:0; width:auto; height:30px; font-family:'PT Sans'; font-size:14px; font-weight:bold; color:#fff;}
.pop_check .file_btn						{margin:0 -1px 1px; padding:0; width:auto; height:auto;}
.pop_check .file_btn:after					{content:""; display:block; float:none; clear:both;}
.pop_check .file_btn button					{float:left; margin:0; padding:0; width:50%; height:30px; border:1px solid #fff;}
.pop_check .check_btn						{margin:0 auto; padding:0; width:190px; height:34px;}


/*성능점검 팝업 이미지보기*/
.check-photo								{margin:0; padding:0; width:auto; height:auto; overflow:hidden;}
.check-photo img							{width:100%; height:auto;}


/*
.bifidity									{margin:0 -5px; padding:0; width:auto; height:auto;}
.bifidity:after								{content:""; display:block; float:none; clear:both;}
.bifidity > li								{float:left; margin:0; padding:0; width:50%; height:auto;}
.bifidity > li > span						{display:block; margin:0; padding:0 5px; width:auto;}
*/
.bifidity									{margin:0 -5px; padding:0; width:auto; height:auto;}
.bifidity:after								{content:""; display:block; float:none; clear:both;}
.bifidity ul								{float:left; margin:0; padding:0; width:50%; height:auto;}
.bifidity ul > li							{margin:0; padding:0 5px; width:auto; height:auto;}
.bifidity ul > li div						{margin-bottom:10px;}

.write-con									{position:relative; margin:0; padding:15px; width:auto; height:100%; background-color:#f5f5f5;}
.write-con textarea							{padding:4px; width:450px; height:100px; color:#454545; border:1px solid #ccc;}
.write-con .btn-memo						{position:absolute; top:15px; right:15px; z-index:100;}
.write-con .btn-memo button					{display:block; margin-bottom:5px !important; width:100px; text-align:center;}
.write-con .btn-memo .bm-style01			{height:75px; color:#fff; background-color:#383e4b;}
.write-con .btn-memo .bm-style02			{height:30px; color:#444; background-color:#d7d7d7;}


.messaging									{margin:0; padding:0; width:auto; height:auto;}
.messaging:after							{content:""; display:block; float:none; clear:both;}
.messaging > dt,
.messaging > dd								{float:left; margin:0; padding:0; width:50% !important; height:auto;}
.messaging input							{width:50% !important; text-align:left !important;}
.messaging button							{letter-spacing:0 !important;}
.messaging .result-message					{margin:0; padding-left:40px; width:auto; height:auto; border-left:1px solid #e7e7e7;}
.messaging .result-message li				{list-style-type:disc; margin:0; padding:5px 0; width:auto; height:auto; font-size:12px; color:#666;}


/* 사진등록팝업 */
.photo-title								{margin-top:-40px; padding:0; width:auto; height:auto;}
.photo-title:after							{content:""; display:block; float:none; clear:both;}
.photo-title dt,
.photo-title dd								{float:left;}
.photo-title dt								{width:30%; font-size:14px; font-weight:bold; color:#000;}
.photo-title dt strong						{color:#ff0000;}
.photo-title dd								{width:70%; font-size:12px; color:#666; text-align:right;}
.photo-register								{margin:0 -1px; padding:0; width:auto; height:auto;}
.photo-register:after						{content:""; display:block; float:none; clear:both;}
.photo-register > li						{position:relative; float:left; margin:1px; padding:0; width:160px; height:120px; background:url('/img/noimage_bg.jpg') no-repeat; cursor:pointer;}
.photo-register > li img					{width:100%; height:100%;}
.photo-register > li span					{display:none; position:absolute; top:0; right:0; z-index:100; text-indent:-9999px; width:20px; height:20px; background:url('/img/img-delete.png') no-repeat; cursor:pointer;}
.photo-register > li:hover span				{display:block;}


/* 성능점검상태 */
.check-car									{position:relative; z-index:10; margin:40px auto 20px; padding:0; width:730px; height:440px; background:url('/img/check_bg_car.jpg') no-repeat;}
.check-car .check_link_bg					{position:absolute; top:0; left:0; z-index:200; width:100%; height:100%;}
.check-car .condition-mark					{position:relative; width:100%; height:100%;}
.check-car .condition-mark > p				{display:none; position:absolute; top:0; left:0; z-index:50; text-indent:-9999px; width:100%; height:100%;}
.check-car .i-mark							{position:absolute; z-index:300; display:block; margin:0 !important; padding:0; width:20px; height:20px; font-family:'PT Sans'; font-size:12px; font-weight:bold; color:#fff; line-height:20px; text-align:center; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.mark-name									{margin:0 auto; padding:30px 0; width:775px; height:auto;}
.mark-name:after							{content:""; display:block; float:none; clear:both;}
.mark-name > li								{position:relative; display:table; float:left; margin:0 30px 30px; padding:0; width:95px; height:auto; text-align:left;}
.mark-name > li > h3						{display:table-cell; vertical-align:middle; margin:0; padding:0; width:100%; height:30px; font-size:12px; font-weight:normal; color:#666;}
.mark-name > li > span						{position:absolute; top:0; right:0; z-index:100; display:block; margin:0 !important; padding:0; width:30px; height:30px; font-family:'PT Sans'; font-size:13px; font-weight:bold; color:#fff; line-height:30px; text-align:center; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;}
.bg-red										{background-color:#c00000;}
.bg-blue									{background-color:#0087e6;}
.bg-black									{background-color:#151515; cursor:pointer;}

/* 좌측 */
.check_FL_foglamp							{background:url('/img/check_FL_foglamp.png') no-repeat;}
.check_FL_wheel								{background:url('/img/check_FL_wheel.png') no-repeat;}
.check_RL_wheel								{background:url('/img/check_RL_wheel.png') no-repeat;}
.check_L_side								{background:url('/img/check_L_side.png') no-repeat;}
.check_L_fender								{background:url('/img/check_L_fender.png') no-repeat;}
.check_FL_door								{background:url('/img/check_FL_door.png') no-repeat;}
.check_RL_door								{background:url('/img/check_RL_door.png') no-repeat;}
.check_L_quarterpanel						{background:url('/img/check_L_quarterpanel.png') no-repeat;}
.check_RL_foglamp							{background:url('/img/check_RL_foglamp.png') no-repeat;}
.check_LA_filler							{background:url('/img/check_LA_filler.png') no-repeat;}
.check_LB_filler							{background:url('/img/check_LB_filler.png') no-repeat;}
.check_LC_filler							{background:url('/img/check_LC_filler.png') no-repeat;}
.check_FL_window							{background:url('/img/check_FL_window.png') no-repeat;}
.check_RL_window							{background:url('/img/check_RL_window.png') no-repeat;}

/* 상단 */
.check_F_bumper								{background:url('/img/check_F_bumper.png') no-repeat;}
.check_grill								{background:url('/img/check_grill.png') no-repeat;}
.check_L_lamp								{background:url('/img/check_L_lamp.png') no-repeat;}
.check_R_lamp								{background:url('/img/check_R_lamp.png') no-repeat;}
.check_bonnet								{background:url('/img/check_bonnet.png') no-repeat;}
.check_F_window								{background:url('/img/check_F_window.png') no-repeat;}
.check_R_window								{background:url('/img/check_R_window.png') no-repeat;}
.check_roof									{background:url('/img/check_roof.png') no-repeat;}
.check_L_mirror								{background:url('/img/check_L_mirror.png') no-repeat;}
.check_R_mirror								{background:url('/img/check_R_mirror.png') no-repeat;}
.check_trunk								{background:url('/img/check_trunk.png') no-repeat;}
.check_L_taillight							{background:url('/img/check_L_taillight.png') no-repeat;}
.check_R_taillight							{background:url('/img/check_R_taillight.png') no-repeat;}
.check_R_bumper								{background:url('/img/check_R_bumper.png') no-repeat;}

/* 하체 */
.check_F_panel								{background:url('/img/check_F_panel.png') no-repeat;}
.check_FL_insidepanel						{background:url('/img/check_FL_insidepanel.png') no-repeat;}
.check_FL_sidemember						{background:url('/img/check_FL_sidemember.png') no-repeat;}
.check_FL_wheelhouse						{background:url('/img/check_FL_wheelhouse.png') no-repeat;}
.check_FR_insidepanel						{background:url('/img/check_FR_insidepanel.png') no-repeat;}
.check_FR_sidemember						{background:url('/img/check_FR_sidemember.png') no-repeat;}
.check_FR_wheelhouse						{background:url('/img/check_FR_wheelhouse.png') no-repeat;}
.check_crossmember							{background:url('/img/check_crossmember.png') no-repeat;}
.check_dashpanel							{background:url('/img/check_dashpanel.png') no-repeat;}
.check_floorpanel							{background:url('/img/check_floorpanel.png') no-repeat;}
.check_packagetray							{background:url('/img/check_packagetray.png') no-repeat;}
.check_RL_wheelhouse						{background:url('/img/check_RL_wheelhouse.png') no-repeat;}
.check_RL_sidemember						{background:url('/img/check_RL_sidemember.png') no-repeat;}
.check_trunkfloor							{background:url('/img/check_trunkfloor.png') no-repeat;}
.check_RR_sidemember						{background:url('/img/check_RR_sidemember.png') no-repeat;}
.check_RR_wheelhouse						{background:url('/img/check_RR_wheelhouse.png') no-repeat;}
.check_rearpanel							{background:url('/img/check_rearpanel.png') no-repeat;}

/* 우측 */
.check_FR_foglamp							{background:url('/img/check_FR_foglamp.png') no-repeat;}
.check_FR_wheel								{background:url('/img/check_FR_wheel.png') no-repeat;}
.check_RR_wheel								{background:url('/img/check_RR_wheel.png') no-repeat;}
.check_R_side								{background:url('/img/check_R_side.png') no-repeat;}
.check_R_fender								{background:url('/img/check_R_fender.png') no-repeat;}
.check_FR_door								{background:url('/img/check_FR_door.png') no-repeat;}
.check_RR_door								{background:url('/img/check_RR_door.png') no-repeat;}
.check_R_quarterpanel						{background:url('/img/check_R_quarterpanel.png') no-repeat;}
.check_RR_foglamp							{background:url('/img/check_RR_foglamp.png') no-repeat;}
.check_RA_filler							{background:url('/img/check_RA_filler.png') no-repeat;}
.check_RB_filler							{background:url('/img/check_RB_filler.png') no-repeat;}
.check_RC_filler							{background:url('/img/check_RC_filler.png') no-repeat;}
.check_FR_window							{background:url('/img/check_FR_window.png') no-repeat;}
.check_RR_window							{background:url('/img/check_RR_window.png') no-repeat;}


/* 옵션체크 */
.option-check								{margin:0; padding:0; width:auto; height:auto;}
.option-check:after							{content:""; display:block; float:none; clear:both;}
.option-check li							{float:left; margin:0; padding:0; width:25%; height:auto;}
.option-check li > dl						{margin:0; padding:10px !important; border-right:1px solid #e7e7e7;}
.option-check li:last-child dl				{border-right:none;}
.option-check li > dl > dd					{margin:0; padding:4px 0 4px 10px !important; font-size:12px !important; color:#333 !important;}


/* SMS */
.sms										{margin:0 auto; padding-top:60px; width:800px; height:auto;}
.sms:after									{content:""; display:block; float:none; clear:both;}
.sms > li									{float:left; margin:0; padding:0; width:50%; height:auto;}
.sms .sms-phone								{position:relative; margin:0 auto; padding:0; width:300px; height:540px; background:url('/img/sms-phone.png') no-repeat;}
.sms .sms-phone textarea					{display:block; position:absolute; left:50%; top:120px; z-index:100; margin-left:-100px; width:200px; height:190px; color:#000; line-height:18px; border:none; background:none;}
.sms .sms-phone .byte						{display:block; position:absolute; left:0; top:330px; z-index:100; width:100%; font-size:12px; font-weight:bold; color:#526f8e; text-align:center;}
.sms .sms-phone .transmit					{position:absolute; left:50%; top:365px; z-index:100; margin-left:-100px; width:200px; height:auto;}
.sms .sms-phone .transmit > dd				{margin-bottom:5px;}
.sms .sms-phone .transmit > dd input		{margin:0; padding:0 10px; width:180px; height:28px; font-size:13px; font-weight:bold; color:#fff; border:none; background-color:rgba(255,255,255,.2);}
.sms .sms-phone p							{position:absolute; left:0; bottom:43px; z-index:100; margin:0; padding:0; width:100%; text-align:center;}
.sms .sms-phone p button					{margin:0; padding:0; width:50px; height:50px; font-family:'PT Sans'; font-weight:bold; font-size:13px; color:rgba(255,255,255,.3); border:2px solid rgba(255,255,255,.2); background-color:rgba(0,0,0,.2); text-align:center; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px;}


.body-memo									{margin:0; padding:0; width:auto; height:auto;}
.body-memo .popup_con						{padding:0;}
.body-memo .write-con						{padding:15px 0;}


/* Tab Btn */
.tab-btn									{margin-bottom:-1px; padding:0; width:auto; height:auto; border-left:1px solid #ddd;}
.tab-btn:after								{content:""; display:block; float:none; clear:both;}
.tab-btn > li								{position:relative; float:left; margin:0; padding:0; width:120px;}
.tab-btn > li > a							{position:relative; display:block; padding:0; line-height:30px; font-size:12px; color:#888; border-top:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f7f5; text-align:center; cursor:pointer;}
.tab-btn > li > a:hover						{color:#777; background-color:#ebebe9;}
.tab-btn > li.active > a					{z-index:100; color:#333; font-weight:bold; background-color:#fff; overflow:hidden;}


/* 달력폼 */
.form-calendar								{display:inline-block; margin:0;}
.form-calendar input						{text-align:center;}

.state00									{color:#fff; background-color:#351c75;}
.state01									{color:#fff; background-color:#1eb159;}
.state02									{color:#fff; background-color:#ddd;}


/* 상담내차정보 */
.carSell									{margin:0; padding:10px; width:auto; height:auto;}
.carSell > dl								{display:table; width:100%; border-bottom:1px solid #eee;}
.carSell > dl > dt,
.carSell > dl > dd							{display:table-cell; vertical-align:middle; height:36px;}
.carSell > dl > dt							{width:15%;}
.carSell > dl > dd							{width:35%; font-weight:bold;}
.carSell > dl:last-child					{border-bottom:none;}


/* 오시는 길 */
.location									{position:relative; margin-top:20px; padding:0; width:auto; height:400px; border:1px solid #ccc;}
.method										{margin:0 -15px; padding-top:20px; width:auto; height:auto;}
.method:after								{content:""; display:block; float:none; clear:both;}
.method > li								{float:left; width:33.333333%;}
.method > li > dl							{display:block; margin:0 15px;}
.method > li > dl > dd						{margin-bottom:10px;}
.method > li > dl > dd input				{margin:0; padding:0; width:100%; height:34px; font-weight:bold; font-size:13px; color:#000; border:1px solid #ccc; text-align:center;}
.method > li > dl > dd textarea				{margin:0; padding:10px 0; width:100%; height:140px; font-size:12px; color:#666; border:1px solid #ccc; line-height:24px; text-align:center;}


/* Layer View */
.layerView											{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.layerView .layer-header							{position:relative; margin:0; padding-bottom:10px; width:auto; height:34px; border-bottom:1px solid #d7d7d7; background-color:#fff;}
.layerView .layer-header > p						{display:block; margin-left:10px; padding-top:14px; width:auto; font-weight:bold; font-size:16px; color:#000; letter-spacing:-1px;}
.layerView .layer-header > span						{position:absolute; top:10px; right:10px; z-index:100; width:24px; height:24px; background:url('/img/close-popup.gif') no-repeat; cursor:pointer;}
.layerView .layer-body								{position:absolute; left:50%; top:50%; z-index:9999; background-color:#fff;}
.layerView .layer-bg								{
	width:100%;
	height:100%;
	background-color:#323b45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity:.9
}

.layer-preview										{margin-top:-260px; margin-left:-500px; width:1000px; height:430px; background-color:#eff1f2 !important;}

.layer-con											{position:relative; margin:0; padding:20px; width:auto; height:auto;}
.layer-con > h1										{margin:0 0 25px; padding:0; font-size:12px; font-weight:normal; color:#555; letter-spacing:0; text-align:center;}
.layer-con > h1 strong								{display:block; margin-bottom:5px; padding:0; font-weight:300; font-size:22px; color:#000; letter-spacing:-1px;}


/* Btn Position Popup */
.btn-position-popup									{margin-top:15px; padding:0; width:auto; height:auto; text-align:center;}
.btn-position-popup button							{display:inline-block; vertical-align:middle; margin:0 5px; padding:0; width:100px; height:30px; font-size:12px; font-weight:bold; text-align:center;}


/* 미리보기 팝업 */
.preview											{margin:0 -10px; padding:0; width:auto; height:auto;}
.preview:after										{content:""; display:block; float:none; clear:both;}
.preview > li										{float:left; margin:0 10px; overflow:hidden;}
.preview > li > span								{display:block; margin-bottom:5px; font-weight:bold; font-size:14px; color:#000; letter-spacing:-.5px;}
.preview > li > p									{display:block;}
.preview.num2 > li									{width:470px;}
.preview.num3 > li									{width:306px;}


.profileBanner										{position:relative; margin-top:10px; padding-right:160px; width:auto; height:395px;}
.profileBanner > p									{position:absolute; top:0; right:0; z-index:100;}









@media all and (max-width:1680px)	{
	.line-body {border:none;}
	header .gnb > li				{width:100px;}
	header .gnb > li > button		{font-size:11px; letter-spacing:-.5px;}
}


/* 테이블 사진 보기 20161013추가 */
.poto_view{position:relative; overflow:hidden; padding:10px}
.poto_view .thumb_view{position:relative; overflow:hidden; float:left; width:60% }
.poto_view .thumb_list{float:left; }
.poto_view .thumb_list li{ float:left; border:1px solid #ccc; background:#f1f1f1; text-align:center; margin:0 5px 5px 0; width:120px; height:90px; padding:3px}
.poto_view .thumb_list li img{ display:block;  width:120px; height:90px;}
.poto_view .thumb_box{float:right; width:640px; height:480px; border:1px solid #ccc;  text-align:center; padding:5px}
.poto_view .thumb_box img{display:block;  width:640px; height:auto;}

.poto_view  .thumb_txt{display:block; margin-top:10px; float:left; }
.poto_view  .thumb_txt  dt{display:inline-block; width:55px ; font-size:12px; vertical-align:top }
.poto_view  .thumb_txt  dd{display:inline-block; width:88%; margin-bottom:3px}


/* 팝업 20161013추가 */
.popup_wrap{position:relative; margin:0; padding:0; width:800px; height:100%; -webkit-overflow-scrolling:touch;}
.popup_container{position:relative; margin:10px; padding:20px; width:auto; height:auto; overflow:hidden; background:#fff;}
.popup_container h1{ display:block; margin-bottom:20px; font-size:14px}

/* 탭 */
.popup_tab{position:relative; margin-bottom:30px;}
.popup_tab:before{content:''; position:absolute; top:29px; left:0; width:100%; height:3px; background:#1ba7e5}
.popup_tab:after{content:''; display:block; clear:both}
.popup_tab ul{float:left;}
.popup_tab li{float:left; margin-right:3px; text-align:center; background:#eee; font-size:12px}
.popup_tab li a{display:block; padding:0 6px; height:30px; line-height:30px; min-width:60px;}
.popup_tab li a.on{position:relative; z-index:10; color:#fff; background-color:#1ba7e5; border-color:#1ba7e5}