@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}


/* reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; font-style:normal;}


*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/* default style  */
html,body			{width:100%; height:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); background-color:#fff; overflow-y:auto; overflow-x:hidden;}
body				{margin:0; padding:0; font-size:12px; font-family:'gulim'; color:#606060; background:url('/CS/Popup/img/bg_symbolmark.png') no-repeat center; }
table				{font-size:12px; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:12px; font-family:'gulim';}

dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
label				{cursor:pointer;}
button, label		{border:none; vertical-align:middle; cursor:pointer; font-family:'gulim'; outline:none;}
address, caption, cite, code, dfn, strong, th, var {font-style:normal;}
legend,caption		{display:none; height:0; width:0; font-size:0;}
p					{margin:0;}
blockquote, q		{quotes:none;}
ins					{text-decoration:none;}
del					{text-decoration:line-through;}
hr					{display:block; -webkit-margin-before:0.5em; -webkit-margin-after:0.5em; -webkit-margin-start:auto; -webkit-margin-end:auto;}
img, fieldset		{border:0 none; vertical-align:middle;}
a					{cursor:pointer; outline:none; select-dummy:expression(this.hideFocus=true);}
select				{display:inline-block; vertical-align:middle; margin:0; padding:0; width:100%; height:30px; font-family:'gulim'; font-size:12px; color:#333; border:none; background-color:#fff;}
textarea			{margin:0; padding:5px; width:100%; height:140px; font-family:'gulim'; color:#000; border:1px solid #f0f0f0; background-color:#fafafa; -webkit-appearance:none;}
input, textarea		{outline:none;}

input[type="text"], input[type="password"], input[type="number"] {
	padding:0 5px;
	height:30px;
	font-family:'gulim';
	font-size:12px;
	color:#000;
	border:1px solid #ccc;
	background-color:#fff;
	vertical-align:middle;
}
input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
	vertical-align:middle;
	margin:0 0 2px;
	padding:0;
}
input[type="file"]	{width:80%;}


input::-webkit-input-placeholder	{font-weight:normal; color:#aaa;}
input:-ms-input-placeholder			{font-weight:normal; color:#aaa;}
input::-moz-placeholder				{font-weight:normal; color:#aaa;}
input:-moz-placeholder				{font-weight:normal; color:#aaa;}
input,textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}

[readonly]				{border:none; background-color:#fff;}


* {-webkit-text-size-adjust:none;}/* 폰트 자동 확대 방지 */


/* Link style */
a:link					{color:#333; text-decoration:none;}
a:visited				{color:#333; text-decoration:none;}
a:hover					{color:#333; text-decoration:underline;}
a:active				{color:#333; text-decoration:underline;}
a:focus					{color:#333; text-decoration:none;}
a.self					{text-decoration:none;}


/* etc define */
.underline {text-decoration:underline;}
.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;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderTopNone {border-top:none !important;}
.borderBtmNone {border-bottom:none !important;}
.borderNone {border:none !important;}
.borderBottom {border-bottom:1px solid #ddd !important;}
.txtspace {letter-spacing:-1px;}
.displayInlineBblock {display:inline-block;}
.boxShadowNone	{box-shadow:none !important;}
.overflowHidden {overflow:hidden;}
.cursorDefault {cursor:default !important;}


hr													{display:block; margin:0; padding:0; height:25px; border:none;}


h1													{margin:0 0 5px; padding:0; font-size:15px; font-weight:bold; color:#202020; letter-spacing:-.5px;}


/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; width:100%; height:30px; border:1px solid #ccc; background:#fff url('/img/selectbox-arrow.png') right center no-repeat; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#select_box label									{position:absolute; top:0; left:10px; padding:0; font-size:12px; color:#000; line-height:28px;}
#select_box .selectBox								{margin:0; padding-left:10px; width:100%; height:30px; font-size:12px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}


/* Btn Style */
.btn-style01										{display:block; margin:40px auto 0; width:200px; height:40px; font-weight:bold; font-size:14px; -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); -o-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); box-shadow:0 1px 1px 0 rgba(0,0,0,.2);}
.btn-style02										{display:block; padding:0 30px; min-width:120px; height:34px; font-weight:bold; font-size:12px;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#3d648d;}
.btn-color02										{color:#fff; background-color:#333;}
.btn-color03										{color:#333; background-color:#ddd;}
.btn-color04										{color:#454545; border:1px solid #777; background-color:transparent;}


/* Btn Position */
.btn-position										{margin:30px 0; text-align:center;}
.btn-position button								{display:inline-block; margin:0 2px;}


/* Font Color */
.status01											{color:#b2262d;}
.status02											{color:#ccc;}


/* Layout Selector */
.wrap												{position:relative; margin:0 auto; padding:60px 20px; width:1240px; overflow:hidden;}
.popup-wrap											{padding:55px 15px 15px; overflow:hidden;}
.container											{position:relative; margin-bottom:100px; padding-right:130px;}
.contents											{position:relative; padding:45px 0 100px;}
.section											{padding-top:40px;}
.loginWrap											{position:relative; min-width:1240px; height:100vh; background:url('/img/bg.jpg') no-repeat center; background-size:cover;}


/* Main Slider */
.main-slider										{position:relative; margin-bottom:30px;}
.slider .flexslider									{overflow:hidden;}
.slider .flexslider .slides > li					{display:none; -webkit-backface-visibility:hidden;}


/* Direction Nav */
.flex-direction-nav									{width:0; height:0; text-indent:-9999px;}
.flex-direction-nav a								{position:absolute; top:50%; z-index:10; display:block; margin-top:-25px; width:50px; height:50px; text-indent:-9999px; background:url('/img/btn_direction_nav.png') no-repeat; opacity:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next						{background-position:100% 0; right:0;}
.flex-direction-nav .flex-prev						{left:0;}
.flexslider:hover .flex-next						{opacity:1; right:10px;}
.flexslider:hover .flex-prev						{opacity:1; left:10px;}
.flex-direction-nav .flex-disabled					{filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; cursor:default;}


/* Control Nav */
.flex-control-nav									{position:absolute; bottom:10px; left:0; z-index:20; width:100%; text-align:center;}
.flex-control-nav li								{margin:0 5px; display:inline-block; zoom: 1; *display:inline;}
.flex-control-paging li a							{display:block; width:8px; height:8px; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.2); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; text-indent:-9999px; cursor:pointer;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active				{border-color:#fff; background-color:#fff;}


/* 메인 차량리스트 */
.mainList											{margin:0 -20px 40px;}
.mainList:after										{content:""; display:block; float:none; clear:both;}
.mainList > div										{float:left; padding:0 20px; width:50%;}
.mainList > div > strong							{display:block; margin-bottom:5px; font-size:14px; color:#000;}
.mainList > div > ul								{margin:0 -6px;}
.mainList > div > ul:after							{content:""; display:block; float:none; clear:both;}
.mainList > div > ul > li							{float:left; margin:0 6px; border:1px solid #ddd; cursor:pointer; overflow:hidden; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
.mainList > div > ul > li:hover						{border-color:#bbb;}
.mainList > div > ul > li > p						{display:block; width:134px; height:100px;}
.mainList > div > ul > li > p img					{width:100%; height:100%;}
.mainList > div > ul > li > span					{display:block; padding:0 5px; width:134px; font-size:11px; color:#fff; line-height:24px; background-color:#151515; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainList > div > ul > li > dl						{padding:8px 10px;}
.mainList > div > ul > li > dl > dd					{padding:2px 0 2px 6px; font-size:11px; color:#666; background:url('/img/dot-i.png') no-repeat left center;}


/* 메인 배너 */
.mainBanner											{margin:0 -20px 50px;}
.mainBanner:after									{content:""; display:block; float:none; clear:both;}
.mainBanner li										{display:table; float:left; margin:0 20px; width:270px;}
.mainBanner li a									{display:table-cell; vertical-align:middle; height:140px; font-family:'NotoKrM'; font-size:34px; color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
.mainBanner li a:hover								{text-decoration:none; box-shadow:0 8px 17px 0 rgba(0,0,0,.2); -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.bann01												{background-image:url('/img/bann01.jpg');}
.bann02												{background-image:url('/img/bann02.jpg');}
.bann03												{background-image:url('/img/bann03.jpg');}
.bann04												{background-image:url('/img/bann04.jpg');}


/* 현황판 상단 */
.status-top											{position:relative; padding-left:220px;}
.status-top > ul									{position:absolute; top:6px; left:0; z-index:10; width:180px;}
.status-top > ul > li								{margin-bottom:5px;}
.status-top > ul > li > button						{display:block; width:100%; height:36px; font-weight:bold; font-size:13px; color:#fff; text-indent:25px; background:#3d648d url('/img/status-arrow.png') no-repeat right center; letter-spacing:-1px; text-align:left;}


/* 메인게시판 */
.board-separate										{margin:30px -20px;}
.board-separate:after								{content:""; display:block; float:none; clear:both;}
.board-separate > li								{float:left; padding:0 20px; width:50%;}


/* 관심차량 메모보기 */
.memo												{display:none; position:absolute; top:70%; right:-285px; z-index:10; padding:8px 10px; width:280px; font-size:11px; color:#333; border:1px solid #dfd474; background-color:#f8f0a0;}
.momo-box											{position:relative; display:table; margin-bottom:10px; padding-left:110px; padding-bottom:10px; width:100%; border-bottom:1px dotted #ddd;}
.momo-box p											{position:absolute; top:0; left:0; z-index:10; display:block; width:100px; height:75px;}
.momo-box p img										{width:100%; height:100%;}
.momo-box dl										{display:table-cell; vertical-align:middle; height:75px;}
.momo-box dl dt										{margin-bottom:5px; font-weight:bold; color:#000;}
.momo-box dl dd										{padding:2px 0; font-size:12px; color:#666;}
.momo-box dl dd span								{display:inline-block; margin:0 5px; font-size:11px; color:#ccc;}
.momo-box dl dd b									{margin-right:5px; color:#3d648d;}


/* 팔린매물 옵션내역 */
.optionBox											{display:none; position:absolute; top:60%; right:-405px; z-index:10; padding:8px 10px; width:400px; font-size:11px; color:#666; line-height:15px; border:1px solid #000; background-color:#fff;}


/* Table Type01 */
.table-type01										{position:relative;}
.table-type01 table									{width:100%; text-align:center;}
.table-type01 table th,
.table-type01 table td								{padding:5px 10px; height:34px; font-size:12px; border:1px solid #ccc;}
.table-type01 table th								{color:#333; background-color:#eee;}
.table-type01 table td								{color:#555; line-height:16px;}
.table-type01 table th b,
.table-type01 table td b							{color:#3d648d;}
.table-type01 table td.left							{padding-left:15px; text-align:left;}
.table-type01 table.td-left td						{text-align:left;}
.table-type01 table.td-right td						{text-align:right;}
.table-type01 table:nth-child(1n+2)					{margin-top:10px;}
.table-type01 table td > label						{display:inline-block; margin-right:15px;}
.table-type01 table td > label:last-child			{margin:0;}
.table-type01 table td.content						{height:150px; vertical-align:top;}
.table-type01 table td input						{margin-right:5px;}
.table-type01 table td input[type="text"],
.table-type01 table td input[type="password"],
.table-type01 table td input[type="number"],
.table-type01 table td #select_box					{height:23px;}
.table-type01 table td #select_box label			{line-height:21px;}
.inputBtn											{position:relative; padding-right:25px;}
.inputBtn > input									{width:100%;}
.inputBtn > button									{position:absolute; top:0; right:0; z-index:10; width:23px; height:23px; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-position:center;}
.inputBtn > button.search-i							{background-image:url('/img/search-icon.png');}


/* Table Type02 */
.table-type02										{position:relative;}
.table-type02 table									{width:100%; text-align:center;}
.table-type02 table th,
.table-type02 table td								{padding:5px; font-size:12px;}
.table-type02 table th								{height:26px; font-weight:normal; color:#fff; border:1px solid #555; background-color:#333;}
.table-type02 table td								{position:relative; height:30px; color:#555; border:1px solid #ddd;}
.table-type02 table tr.subtitle td					{background-color:#eee;}
.table-type02 table td > p img						{width:100%; height:auto; cursor:pointer;}
.table-type02 table td b							{margin-right:3px; color:#b30000;}
.table-type02 table td > i							{position:absolute; bottom:0; right:0; z-index:10;; display:block; width:16px; height:16px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; cursor:pointer;}
.table-type02 table td > i.i-memo					{background-image:url('/img/i-memo.png');}
.table-type02 table td > i.i-option					{background-image:url('/img/i-wrench.png');}
.table-type02 table td > i.on						{background-position:0 100%;}
.table-type02 table td > i:hover + .memo,
.table-type02 table td > i:hover + .optionBox		{display:block;}
.table-type02 table td > button						{display:block; margin:0 auto; padding:0 10px; height:18px; font-weight:bold; font-size:11px;}
.table-type02 table.tr-link tr:hover				{background-color:#f9f9f9;}
.table-type02 table.tr-link td						{cursor:pointer;}
.boardButton										{position:absolute; bottom:-30px; left:0; z-index:10;}
.boardButton > button								{display:inline-block; padding:0 10px; height:22px; font-weight:bold; font-size:11px; color:#555; border:1px solid #777; background-color:transparent;}


/* Type Data */
.type-data table									{width:100%;}
.type-data table th,
.type-data table td									{height:32px; border:1px solid #ccc;}
.type-data table th									{padding:8px 10px; font-size:13px; color:#000; background-color:#eee; text-align:center;}
.type-data table td									{padding:5px 10px; font-size:11px; color:#454545; text-align:left;}
.type-data table td > em							{font-weight:bold; color:#000;}
.type-data table td > b								{display:block; color:#000; text-align:center;}
.type-data table td > small							{display:block; padding:10px 5px; font-size:12px; line-height:18px;}
.type-data table td > small font					{font-weight:bold;}
.type-data table td > dl:after						{content:""; display:block; float:none; clear:both;}
.type-data table td > dl > dt,
.type-data table td > dl > dd						{float:left; width:50%;}
.type-data table td > dl > dd						{text-align:right;}
.type-data table td > label							{display:inline-block; margin-right:10px; padding:2px 0;}
.type-data table td > label:last-child				{margin:0;}
.type-data table td > span							{display:inline-block; margin:0 10px 0 -10px;}
.type-data table td input							{margin-right:3px;}
.type-data table:nth-child(1n+1)					{margin-top:-1px;}


/* Table Perfor */
.table-perfor table									{width:100%; text-align:center;}
.table-perfor table th,
.table-perfor table td								{font-size:12px; border:1px solid #ccc;}
.table-perfor table th								{padding:5px; height:24px; font-weight:normal; color:#fff; border-color:#b2262d; background-color:#b2262d;}
.table-perfor table th b							{margin-right:3px;}
.table-perfor table td								{position:relative; padding:10px 5px; height:50px; color:#000; border:1px solid #ccc;}
.table-perfor table td > em							{position:absolute; top:-1px; left:-1px; z-index:1; width:18px; line-height:18px; font-size:11px; color:#fff; background-color:#333; letter-spacing:-1px; text-align:center;}
.table-perfor table td > p							{display:block; margin-bottom:8px; font-size:11px;}
.table-perfor table td > p:last-child				{margin:0;}
.table-perfor table td > ol							{margin:-2px 0;}
.table-perfor table td > ol > li					{padding:2px 0; font-size:11px; text-align:left;}
.table-perfor table td > ol > li > a:hover			{color:#3d648d;}
.table-perfor table td > button						{position:absolute; top:3px; right:3px; z-index:1; padding:0; width:18px; height:18px; font-size:13px; color:#000; border:1px solid #aaa; background-color:#ddd; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.table-perfor table.td-Aligntop td					{vertical-align:top;}
.table-perfor table.reserve td						{padding:5px; height:24px;}


/* Table List */
.table-list											{position:relative; border-top:1px solid #454545;}
.table-list table									{width:100%; text-align:center;}
.table-list table th,
.table-list table td								{padding:5px 10px; height:34px; font-size:12px;}
.table-list table th								{color:#000; border-bottom:1px solid #ddd;}
.table-list table td								{color:#333; line-height:16px; border-bottom:1px solid #e1e1e1;}
.table-list table td.link							{padding-left:15px; text-align:left;}
.table-list table td a:hover						{text-decoration:underline;}
.table-list table.legibility tr:nth-of-type(even)	{background-color:#fafafa;}


/* Board View */
.board-view table									{table-layout:fixed; width:100%; text-align:center;}
.board-view table th,
.board-view table td								{padding:5px; height:34px; font-size:12px; border:1px solid #ddd; letter-spacing:0;}
.board-view table th								{color:#000; background-color:#f2f2f2;}
.board-view table td.left							{padding-left:10px; font-weight:bold; color:#555; text-align:left;}
.board-view table td.substance						{padding:20px 10px; color:#333; line-height:16px; border:none; text-align:left;}
.board-view table td a								{font-weight:normal; color:#777;}
.board-view table td a:hover						{text-decoration:underline;}


/* 이전글 다음글 */
.prev-next-box										{position:relative; z-index:50; margin-top:30px; border-bottom:1px solid #ddd;}
.prev-next-box li									{position:relative; display:table; padding-left:50px; width:100%; border-top:1px solid #ddd;}
.prev-next-box em									{position:absolute; top:50%; left:20px; z-index:10; margin-top:-5px; width:10px; height:10px; text-indent:-9999px; background:url('/img/board-arrow.png') no-repeat;}
.prev-next-box em.pn-next							{background-position:0 0;}
.prev-next-box em.pn-prev							{background-position:0 bottom;}
.prev-next-box span									{display:table-cell; vertical-align:middle; height:40px; font-family:'돋움'; color:#888;}
.prev-next-box span a								{color:#000;}
.prev-next-box span a:hover							{color:#00689d; text-decoration:underline;}


/* Pagination */
.paging												{position:relative; margin-top:20px; text-align:center;}
.paging a											{display:inline-block; vertical-align:middle; padding-top:3px; width:24px; line-height:19px; font-size:11px; color:#555; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
.paging a:hover										{background-color:#fafafa; text-decoration:none;}
.paging .btn-arrow									{text-indent:-9999px; background-image:url('/img/paging-arrow.png'); background-repeat:no-repeat;}
.paging .btn-arrow.first							{background-position:0 0;}
.paging .btn-arrow.prev								{background-position:0 bottom;}
.paging .btn-arrow.next								{background-position:right bottom;}
.paging .btn-arrow.last								{background-position:right 0;}
.paging .select										{color:#3d648d; border-color:#555;}
.paging .select:hover								{color:#3d648d; border-color:#555; cursor:default;}


/* 차량검색 */
.search-car											{position:relative; border-top:1px solid #454545;}
.search-car table									{width:100%;}
.search-car table th,
.search-car table td								{border:1px solid #ddd;}
.search-car table th								{height:30px; font-weight:bold; color:#000; border-top:none; background-color:#eee; text-align:center;}
.search-car table td								{vertical-align:top; overflow:hidden;}
.search-car table td ul								{height:190px; overflow-y:auto;}
.search-car table td li								{padding:5px 5px 2px; color:#333; cursor:pointer;}
.search-car table td li.on,
.search-car table td li:hover						{color:#fff;}
.search-car table td li.on,
.search-car table td li:hover						{background-color:#3d648d;}
.search-car table td ul.class li					{cursor:default; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.search-car table td ul.class li label				{font-family:'gulim';}
.search-car table td ul.class li.on,
.search-car table td ul.class li:hover				{color:#333; background-color:#fff;}
.search-car table td .nothing						{display:table; width:100%;}
.search-car table td .nothing span					{display:table-cell; vertical-align:middle; height:190px; color:#757575; text-align:center;}
.search-car .btn-search								{position:absolute; bottom:10px; right:0; z-index:10;}
.search-car .btn-search button						{display:inline-block; height:30px; font-size:13px;}
.search-car .btn-search button.search				{width:140px; font-weight:bold; color:#fff; border:1px solid #3d648d; background-color:#3d648d;}
.search-car .btn-search button.reset				{width:100px; color:#454545; border:1px solid #ccc; background-color:#ddd;}


/* 상세검색 */
.detail-box											{position:relative; margin-top:10px;}
.detail-box > ul:after								{content:""; display:block; float:none; clear:both;}
.detail-box > ul > li								{float:left; padding-bottom:10px;}
.detail-box > ul > li > dl:after					{content:""; display:block; float:none; clear:both;}
.detail-box > ul > li > dl > dt,
.detail-box > ul > li > dl > dd						{float:left; font-size:12px; color:#333;}
.detail-box > ul > li > dl > dt						{display:table; padding-right:10px; width:90px; text-align:right;}
.detail-box > ul > li > dl > dt > span,
.detail-box > ul > li > dl > dd > span				{display:table-cell; vertical-align:middle; padding-left:10px; height:30px;}
.detail-box > ul > li > dl > dd > span > label		{margin-right:20px;}
.detail-box > ul > li > dl > dd > em				{display:inline-block; vertical-align:middle; width:10px; text-align:center;}


/* 검색창 열기닫기 */
.control-button										{padding-top:5px; height:60px; border-top:1px solid #ddd; text-align:right;}
.control-button button								{width:50px; height:20px; font-weight:bold; font-size:11px; color:#fff; background-color:#333;}


/* Side Quick */
.side-quick											{position:fixed; top:60px; left:50%; z-index:100; margin-left:480px; width:120px;}
.side-quick > li									{margin-bottom:10px; border:1px solid #ddd; text-align:center;}
.side-quick > li > strong							{display:block; margin:-1px -1px 0; line-height:28px; font-weight:bold; font-size:12px; color:#fff; background-color:#68ba8a;}
.side-quick > li:last-child > strong				{background-color:#db5440;}
.side-quick > li > em								{display:block; padding:8px 0 6px; font-size:11px; color:#555;}
.side-quick > li > em > b							{display:inline-block; vertical-align:middle; margin-right:3px; font-size:12px; color:#68ba8a;}
.side-quick > li:last-child > em > b				{color:#db5440;}
.side-quick > li > button							{display:block; width:100%; height:30px; font-weight:bold; color:#000; border-top:1px solid #dcdcdc; background-color:#fafafa;}
.historyList										{display:none; position:relative; padding:20px 0;}
.historyList > a									{position:absolute; left:0; z-index:10; display:block; width:100%; height:20px; text-indent:-9999px; border-top:1px solid #dcdcdc; background-color:#f0f0f0; background-repeat:no-repeat; background-position:center;}
.historyList > a.prev								{top:0; background-image:url('/img/arrow-prev.png');}
.historyList > a.next								{bottom:0; background-image:url('/img/arrow-next.png');}
.historyList > ol									{border-top:1px solid #dcdcdc;}
.historyList > ol > li								{position:relative; padding:5px; border-bottom:1px solid #dcdcdc; cursor:pointer;}
.historyList > ol > li:last-child					{border-bottom:none;}
.historyList > ol > li:hover dt						{text-decoration:underline; color:#3d648d;}
.historyList > ol > li > p							{display:block; width:110px; height:83px;}
.historyList > ol > li > p img						{width:100%; height:100%;}
.historyList > ol > li > dl							{font-size:11px;}
.historyList > ol > li > dl > dt					{padding:5px 5px 3px; font-weight:bold; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.historyList > ol > li > dl > dd					{color:#666;}
.historyList > ol > li > input						{position:absolute; top:5px; left:5px; z-index:10; width:16px; height:16px;}
.historyList > ol > li .detailBox					{display:none; position:absolute; top:0; left:-240px; z-index:9000; padding:10px; width:240px; border:1px solid #000; background-color:#fff; text-align:left;}
.historyList > ol > li .detailBox > strong			{display:block; font-size:12px; color:#000;}
.historyList > ol > li .detailBox > strong > b		{display:block; margin:5px 0; color:#3d648d;}
.historyList > ol > li .detailBox > em				{display:block; font-size:11px; color:#666;}
.historyList > ol > li .detailBox > em > span		{display:inline-block; margin:0 5px; font-size:10px; color:#ccc;}
.historyList > ol > li .detailBox > i				{position:absolute; top:50%; right:-11px; z-index:10; display:block; margin-top:-8px; width:11px; height:16px; text-indent:-9999px; background:url('/img/detailBox-arrow.png') no-repeat;}
.historyList > ol > li:hover .detailBox				{display:block;}


/* Board Head */
.board-head											{position:relative; margin-bottom:5px;}
.board-head > em									{display:inline-block; margin-right:20px; line-height:24px; font-size:12px; color:#000;}
.board-head > em strong								{margin-right:3px;}
.board-head > button								{display:inline-block; padding:0 10px; height:24px; font-weight:bold; font-size:11px;}
.board-head > span									{position:absolute; bottom:0; right:0; z-index:10;}
.board-head > span > a								{display:inline-block; vertical-align:middle; width:30px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0;}
.board-head > span > a.type-list					{background-image:url('/img/type-list.png');}
.board-head > span > a.type-box						{background-image:url('/img/type-box.png');}
.board-head > span > a.on							{background-position:0 bottom;}


/* 상세사진 */
.photoDetail										{margin:0 auto; padding-top:10px; width:994px;}
.photoDetail:after									{content:""; display:block; float:none; clear:both;}
.photoDetail img									{width:100%; height:100%;}
.photoDetail > p									{float:left; width:440px; height:330px;}
.thumb-image										{float:left; margin-left:2px; width:552px;}
.thumb-image li										{float:left; margin:0 0 -2px -2px; width:112px; height:84px; background:#000 url('/img/noimage108x80.jpg') no-repeat center;}
.thumb-image li img									{position:relative; z-index:0; border:2px solid #000; cursor:pointer;}
.thumb-image li.on img,
.thumb-image li img:hover							{z-index:5; border-color:#3d648d;}
.option-content										{margin:0 auto; padding:15px 2px 10px 0; width:994px; text-align:left;}
.option-content dt									{margin-bottom:3px; font-weight:bold; font-size:12px; color:#000;}
.option-content dd									{padding:10px; font-size:12px; color:#454545; line-height:18px; border:1px dotted #999;}


/* 박스형 리스트 */
.list-box											{margin:0 -5px;}
.list-box:after										{content:""; display:block; float:none; clear:both;}
.list-box > li										{position:relative; float:left; margin:0 5px 10px; padding:5px; width:206px; height:365px; border:1px solid #ccc; background-color:#f8f8f8;}
.list-box > li > input								{position:absolute; top:8px; left:8px; z-index:10; width:20px; height:20px;}
.list-box > li > p									{display:block; cursor:pointer;}
.list-box > li > p img								{width:100%; height:100%;}
.list-box > li > p:hover + dl > dt strong			{text-decoration:underline;}
.list-box > li > dl									{margin-top:10px; padding:0 5px;}
.list-box > li > dl > dt							{margin-bottom:5px; font-size:12px; color:#b30000;}
.list-box > li > dl > dt strong						{display:block; margin-bottom:5px; color:#000}
.list-box > li > dl > dt b							{margin-right:3px;}
.list-box > li > dl > dd							{margin-bottom:5px; font-size:12px; color:#555;}
.list-box > li > dl > dd span						{display:inline-block; margin:0 8px; font-size:11px; color:#bbb;}
.list-box > li .shortcut							{padding:5px;}
.list-box > li .shortcut a							{margin-right:4px;}
.list-box > li .pop-option							{display:none; position:absolute; top:363px; left:-1px; z-index:100; padding:10px; width:300px; border:1px solid #000; background-color:#fff;}
.list-box > li .pop-option i						{position:absolute; top:-11px; left:10px; z-index:900; display:block; width:16px; height:11px; text-indent:-9999px; background:url('/img/popBox-arrow.png') no-repeat;}
.list-box > li .pop-option > dl > dt				{margin-bottom:3px; font-weight:bold; font-size:12px; color:#000;}
.list-box > li .pop-option > dl > dd				{font-size:11px; color:#666; line-height:15px;}


/* Tab Menu */
.tab-menu											{position:fixed; top:40px; left:50%; z-index:100; margin-left:-600px; padding:20px 0 5px; width:1200px; border-bottom:1px solid #454545; background-color:#fff;}
.tab-menu.space										{width:1070px;}
.tab-menu button									{display:inline-block; width:160px; height:30px; font-weight:bold; font-size:12px; color:#333; border:1px solid #777; background-color:transparent;}
.tab-menu button.on									{color:#fff; border-color:#3d648d; background-color:#3d648d;}
.tab-menu span										{position:absolute; bottom:5px; right:0; z-index:10;}
.tab-menu a											{display:inline-block; vertical-align:middle; padding:0 30px; line-height:28px; font-size:12px; color:#454545; border:1px solid #999; background-color:#f2f2f2;}
.tab-menu a.list-btn								{color:#fff; border-color:#333; background-color:#333;}
.tab-menu a.list-btn:hover							{text-decoration:none;}


/* Popup Tab Menu */
.tab-popup											{position:fixed; top:40px; left:0; z-index:10; padding:15px 15px 10px; width:100%; background-color:#fff; background-color:rgba(255,255,255,.9);}
.tab-popup button									{display:inline-block; padding:0 20px; min-width:180px; height:30px; font-weight:bold; font-size:12px; color:#333; border:1px solid #777; background-color:#fff;}
.tab-popup button.on								{color:#fff; border-color:#3d648d; background-color:#3d648d;}
.tab-popup a										{display:inline-block; vertical-align:middle; padding:0 25px; line-height:28px; font-size:12px; color:#454545; border:1px solid #999; background-color:#f2f2f2;}
.tab-popup span										{position:absolute; top:15px; right:15px; z-index:10;}


/* 차량상세정보 */
.viewWrap											{padding-top:45px;}
.view-info > strong									{position:relative; display:block; margin-bottom:10px; padding:5px; font-size:16px; color:#000;}
.view-info > strong > em							{position:absolute; top:5px; right:5px; z-index:10; color:#b30000;}
.view-info .detail-car								{position:relative; width:1075px;}
.view-info .detail-car:after						{content:""; display:block; float:none; clear:both;}
.view-info .detail-car img							{width:100%; height:100%;}
.view-info .detail-car > p							{position:relative; float:left; width:518px; height:390px;}
.view-info .detail-car > p > span					{position:absolute; z-index:10; display:none; width:166px; height:50px; text-indent:-9999px; border:1px solid #000; background-color:rgba(255,255,255,.5);}
.view-info .detail-car .zoom-image					{position:absolute; top:0; right:5px; z-index:10; display:none; width:552px; height:165px; text-indent:-9999px; border:1px solid #000; background-size:300%; background-repeat:no-repeat;}
.view-info .detail-car > p:hover > span,
.view-info .detail-car > p:hover + .zoom-image		{display:block;}
.view-info .detail-car .carBtn						{position:absolute; bottom:0; right:5px; z-index:10;}
.view-info .detail-car .carBtn > button				{float:left; margin-left:10px; height:50px; font-weight:bold; font-size:12px; color:#000; border:1px solid #000; background-color:#f9f9f9;}
.view-info .detail-car .carBtn > button:hover		{color:#fff; border-color:#3d648d; background-color:#3d648d;}
.view-info .detail-car .carBtn.customer > button	{width:174px;}
.view-info .detail-car .carBtn.share > button		{width:266px;}


/* 차량옵션 */
.option-full										{padding:5px 10px; text-align:left;}
.option-full:after									{content:""; display:block; float:none; clear:both;}
.option-full > li									{float:left; padding:3px 0; width:16.666666%;}
.option-full > li > span							{display:block; padding-left:15px; line-height:16px; font-size:12px; color:#999; background-image:url('/img/option-check-off.png'); background-repeat:no-repeat; background-position:left 2px;}
.option-full > li > span.on							{color:#000; background-image:url('/img/option-check-on.png');}


/* 차량설명 */
.car-explain > em									{margin-bottom:5px; display:block; padding:10px; font-size:12px; color:#ab9569; border:1px solid #ccc;}
.car-explain > span									{display:block; padding:10px; font-size:12px; color:#333; line-height:16px; border:1px solid #ccc;}


/* 차량사진 */
.car-images											{padding:20px 0 15px; border:1px solid #ccc;}
.car-images img										{display:block; margin:0 auto 5px; width:640px; height:auto;}


/* 차량상세 하단버튼 */
.viewInfo-btn										{padding-top:30px; text-align:center;}
.viewInfo-btn button								{display:inline-block; margin:0 2px; width:150px; height:50px; font-weight:bold; font-size:12px; color:#000; border:1px solid #000; background-color:#f9f9f9;}
.viewInfo-btn button:hover							{color:#fff; border-color:#3d648d; background-color:#3d648d;}


/* 성능·상태 점검기록부 */
.carCehck											{margin:0 auto; width:860px;}
.carCehck > strong									{display:block; margin-bottom:5px; padding:10px 0; font-size:14px; color:#fff; background-color:#3d648d; text-align:center;}
.carCehck .box-wrap									{padding:20px 15px 15px; border:1px solid #777;}
.cehck-head											{display:block; margin-bottom:20px; font-size:12px; color:#000; line-height:16px; letter-spacing:-.5px;}
.issue-number										{display:block; margin-bottom:5px; font-size:11px; color:#000;}

.pfm-Insurance								{float:right; text-align:right; line-height:1.4; margin:-7px 3px 0 14px; font-size:13px; border:1px solid #ddd; padding:5px 10px 0; position:relative;}
.pfm-Insurance:before					{content:""; position:absolute; top:0; left:0; width:100%; height:50%; background-color:#4682B4; z-index:-1;}
.pfm-Insurance:after						{content:""; position:absolute; top:-4px; left:-4px; width:calc(100% + 8px); height:calc(100% + 8px); border:1px solid #aaa;}
.pfm-Insurance > b							{margin-bottom:5px; display:block; color:#fff;}
.pfm-Insurance > strong				{color:#000; font-size:18px;}


/* 사고 교환 수리 이력 */
.historyWrap										{position:relative; margin:10px auto; width:640px; height:300px; font-weight:bold; font-size:12px; overflow:hidden;}
.historyWrap > ul									{position:absolute; top:0; left:0; z-index:10; width:100%; height:100%;}
.historyWrap > ul:after								{content:""; display:block; float:none; clear:both;}
.historyWrap > ul > li								{position:relative; float:left; width:25%; height:100%;}
.historyWrap > ul > li > span						{position:absolute; z-index:10;}
.mark-x												{color:#003cff;}
.mark-w												{color:#b20000;}
.mark-a												{color:#ffae00;}
.mark-u												{color:#037600;}
.mark-c												{color:#8a4700;}
.mark-t												{color:#000;}


/* 좌측측면 */
.side-left01										{top:40px; left:63px;}
.side-left02										{top:118px; left:41px;}
.side-left03										{top:125px; left:63px;}
.side-left04										{top:173px; left:63px;}
.side-left05										{top:245px; left:70px;}
.side-left06										{top:109px; left:99px;}
.side-left07										{top:157px; left:95px;}
.side-left08										{top:194px; left:111px;}


/* 지붕 */
.roof01												{top:20px; left:76px;}
.roof02												{top:53px; left:76px;}
.roof03												{top:150px; left:76px;}
.roof04												{top:240px; left:76px;}
.roof05												{top:265px; left:76px;}


/* 하체 */
.lower01											{top:23px; left:75px;}
.lower02											{top:40px; left:75px;}
.lower03											{top:60px; left:37px;}
.lower04											{top:60px; left:112px;}
.lower05											{top:70px; left:54px;}
.lower06											{top:70px; left:96px;}
.lower07											{top:84px; left:37px;}
.lower08											{top:84px; left:112px;}
.lower09											{top:100px; left:75px;}
.lower10											{top:112px; left:75px;}
.lower11											{top:140px; left:75px;}
.lower12											{top:200px; left:75px;}
.lower13											{top:207px; left:35px;}
.lower14											{top:207px; left:114px;}
.lower15											{top:232px; left:37px;}
.lower16											{top:232px; left:112px;}
.lower17											{top:228px; left:75px;}
.lower18											{top:255px; left:75px;}


/* 우측측면 */
.side-right01										{top:40px; left:85px;}
.side-right02										{top:118px; left:107px;}
.side-right03										{top:125px; left:85px;}
.side-right04										{top:173px; left:85px;}
.side-right05										{top:245px; left:83px;}
.side-right06										{top:109px; left:50px;}
.side-right07										{top:157px; left:53px;}
.side-right08										{top:194px; left:39px;}


/* 성능 주의사항 */
.check-caution										{padding:10px 5px;}
.check-caution > strong								{display:block; margin-bottom:5px; font-size:12px; color:#000;}
.check-caution > b									{display:block; margin-top:10px; font-size:14px; color:#000;}
.check-caution > ol									{padding-left:15px;}
.check-caution > ol > li							{margin-bottom:5px; list-style-type:decimal; font-size:11px; color:#454545; line-height:15px;}


/* 서명 */
.signature											{padding:10px 0; color:#000;}
.signature > em										{display:block; margin-bottom:30px; line-height:15px; text-align:center;}
.signature > dl										{padding:5px 15%;}
.signature > dl:after								{content:""; display:block; float:none; clear:both;}
.signature > dl > dt,
.signature > dl > dd								{float:left; width:50%;}
.signature > dl > dd								{text-align:right;}
.signature > span									{display:block; margin-top:-15px; line-height:20px; text-align:center;}
.signature > span > input							{height:20px; font-weight:bold; color:#000; border:none; text-align:right;}


/* 사고이력안내 */
.accident-guide										{margin:5px 0 25px;}
.accident-guide li									{margin-bottom:3px; font-size:11px; color:#999; letter-spacing:-.2px;}


/* 보험사고이력정보 */
.history-info										{margin-bottom:20px; padding-top:5px;}
.history-info dt									{margin-bottom:5px; color:#454545;}
.history-info dd									{padding:2px 5px;}
.history-info dd strong								{display:block; margin-top:5px; color:#0068c0;}
.emphasis											{margin-bottom:5px; color:#333;}
.emphasis dt										{margin-bottom:5px; font-size:13px; color:#0068c0; text-decoration:underline;}
.emphasis dd										{padding:0 5px;}
.carNum												{color:#3d648d;}

/* 점검장면사진 */
.repair-images										{margin:0 -5px;}
.repair-images:after								{content:""; display:block; float:none; clear:both;}
.repair-images > li									{float:left; padding:5px; width:50%;}
.repair-images > li img								{width:100%; height:auto;}


/* 정보이용관련 유의사항 */
.info-cautions										{padding:5px;}
.info-cautions dt									{margin-bottom:5px; font-weight:bold; font-size:12px; color:#0068c0;}
.info-cautions dd									{padding:3px 5px; font-size:11px; color:#555; line-height:16px;}


/* 보험개발원장 */
.insurance-seal										{margin-top:30px; padding:40px 0 30px; border-top:1px solid #d7d7d7; text-align:center;}
.insurance-seal strong								{display:block; margin-bottom:10px; font-size:16px; color:#000;}


/* Popup Header */
.popup-header										{position:fixed; top:0; left:0; z-index:100; display:table; width:100%; border-bottom:1px solid #ccc; background-color:#fff;}
.popup-header > em									{display:table-cell; vertical-align:middle; padding:0 10px; height:40px; font-weight:bold; font-size:14px; color:#000;}
.popup-header > a									{position:absolute; top:0; z-index:500; display:block; width:40px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
.popup-header > a.close								{right:0; background-image:url('/cs/img/popup-close.gif');}


/* 차량비교 Controler */
.pageControl a										{position:absolute; top:50%; z-index:50; display:block; margin-top:5px; width:40px; height:40px; text-indent:-9999px; background:rgba(61,100,141,.8) url('/img/control-arrow.png') no-repeat; background-size:100% auto; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.3); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,.3); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3); box-shadow:0 2px 2px 0 rgba(0,0,0,.3);}
.pageControl a.prev									{left:-20px; background-position:0 0;}
.pageControl a.next									{right:-20px; background-position:0 bottom;}
.pageControl a:hover								{background-color:#3d648d;}


/* 비용계산 Layout */
.divide												{margin:0 -15px 30px;}
.divide:after										{content:""; display:block; float:none; clear:both;}
.divide li											{float:left; padding:0 15px; width:50%;}
.divide li > button									{margin-top:20px;}


/* 참고문구 */
.reference											{margin-top:10px; color:#777;}


/* 구매비용계산 */
.calculator											{margin-bottom:10px; padding:15px 20px; height:171px; border:1px solid #ddd;}
.calculator > span									{display:block; margin-top:30px; font-size:12px; color:#333; text-align:center;}
.calculator > span input							{width:100px; font-size:14px; color:#d9232e; text-align:right;}
.calculator > dl:after								{content:""; display:block; float:none; clear:both;}
.calculator > dl > dt								{float:left; margin-right:10px; font-weight:bold; font-size:14px; color:#000;}
.calculator > dl > dd								{float:left; padding-top:2px; font-size:12px; color:#999;}
.vehicle-set										{position:relative; padding:0 10px;}
.vehicle-set > ol									{padding:20px 0;}
.vehicle-set > ol:after								{content:""; display:block; float:none; clear:both;}
.vehicle-set > ol > li								{float:left; font-size:11px; color:#151515; letter-spacing:0; text-align:center;}
.vehicle-set > ol.phase05							{margin:0 -65px;}
.vehicle-set > ol.phase05 li						{width:20%;}
.vehicle-set > ol.phase06							{margin:0 -54px;}
.vehicle-set > ol.phase06 li						{width:16.666666%;}
.vehicle-set > ol.phase07							{margin:0 -45px;}
.vehicle-set > ol.phase07 li						{width:14.2857%;}
.vehicle-set > ol.phase08 li						{width:12.5%;}
.vehicle-set .ctrlBtn								{margin-left:-15px;}


/* 차량가격설정 */
.price-control										{position:relative; padding:2px 0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.price-control .bar-bg								{height:2px; background-color:#cdcdcd;}
.price-control .bar-gage							{position:absolute; top:1px; z-index:100; height:4px; background-color:#d9232e;}
.price-control .width-scape							{position:relative; width:100%; height:100%;}
.price-control button								{position:absolute; top:-13px; z-index:100; width:30px; height:30px; text-indent:-9999px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.3); -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.3); -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.3); box-shadow:0 1px 5px 0 rgba(0,0,0,.3);
	background-color:#d9232e;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(61, 100, 141)),
	color-stop(1, rgb(55, 92, 128))
	);
	background-image: -o-linear-gradient(bottom, rgb(61, 100, 141) 0%, rgb(55, 92, 128) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(61, 100, 141) 0%, rgb(55, 92, 128) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(61, 100, 141) 0%, rgb(55, 92, 128) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(61, 100, 141) 0%, rgb(55, 92, 128) 100%);
	background-image: linear-gradient(to bottom, rgb(61, 100, 141) 0%, rgb(55, 92, 128) 100%);
}
.price-control .bar-gage > div > button.minimum		{left:-15px;}
.price-control .bar-gage > div > button.maximum		{right:-15px;}


/* 견적서작성 */
.estimate-info										{position:relative; margin-bottom:25px; padding-left:340px;}
.estimate-info .num-image							{position:absolute; top:0; left:0; z-index:10;}
.estimate-info .num-image p							{display:block; width:319px; height:239px;}
.estimate-info .num-image p img						{width:100%; height:100%;}


/* 견적가 */
.estimated-cost										{margin-top:30px; text-align:center;}
.estimated-cost strong								{margin-right:10px; font-size:14px; color:#000;}
.estimated-cost input								{margin-right:5px; width:80px; font-weight:bold; font-size:14px; color:#d9232e; text-align:right;}


/* 문의내용 */
.substance											{height:100px; overflow-y:auto;}
.substance img										{max-width:100% !important;}


/* 리스트 검색 */
.searchBox											{margin-bottom:15px; text-align:center;}
.searchBox input									{width:200px;}
.searchBox button									{display:inline-block; padding:0 20px; height:30px; font-weight:bold; font-size:12px;}


/* 성능점검현황 날짜 */
.date-head											{position:relative; display:table; margin-bottom:10px; width:100%; background-color:#333;}
.date-head > strong									{display:table-cell; vertical-align:middle; height:40px; font-size:16px; color:#fff; text-align:center;}
.date-head > dl										{position:absolute; top:5px; left:10px; z-index:5;}
.date-head > dl > dt								{float:left; width:30px; height:30px;}
.date-head > dl > dt img							{width:100%; height:auto;}
.date-head > dl > dd								{float:left; margin-left:10px; padding-top:3px; font-size:11px; color:#fff; text-align:center;}


/* 성능점검현황 레이아웃 */
.state-of											{margin:0 -5px;}
.state-of:after										{content:""; display:block; float:none; clear:both;}
.state-of .inspection,
.state-of .standby									{float:left; padding:0 5px;}
.state-of .inspection								{width:30%;}
.state-of .standby									{width:70%;}


/* 성능점검예약 날짜설정 */
.date-control										{position:relative; display:table; margin-bottom:5px; width:100%;}
.date-control strong								{display:table-cell; vertical-align:middle; height:40px; font-size:16px; color:#000; text-align:center;}
.date-control > button								{position:absolute; top:50%; right:0; z-index:10; display:block; margin-top:-13px; padding:0 25px; line-height:24px; font-size:12px; color:#454545; border:1px solid #999; background-color:#f2f2f2;}
.calendar-direction a								{position:absolute; top:50%; left:50%; z-index:5; display:block; margin-top:-12px; width:24px; height:24px; text-indent:-9999px; background:#333 url('/img/calendar-arrow.png') no-repeat; background-size:auto 100%; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.calendar-direction a.prev							{margin-left:-100px;}
.calendar-direction a.next							{margin-left:76px; background-position:right 0;}


/* Form Calendar */
.form-calendar										{display:inline-block; margin-right:5px;}
.form-calendar input								{width:120px; text-align:center;}


/* Login */
.login												{position:absolute; top:50%; left:50%; z-index:10; margin-top:-180px; margin-left:-250px; width:500px; text-align:center;}
.login p											{display:block; margin-bottom:60px;}
.login button										{display:block; vertical-align:middle; margin:0 auto; width:300px; height:60px; font-family:'NotoKrL'; font-size:21px; color:#fff; background-color:#2181ba; text-align:center; -moz-transition:all .15s; -webkit-transition:all .15s; -o-transition:all .15s; transition:all .15s; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.30); -o-box-shadow:0 2px 4px 0 rgba(0,0,0,.30); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.30); box-shadow:0 2px 4px 0 rgba(0,0,0,.30);}
.login button:hover									{box-shadow:0 8px 16px 0 rgba(0,0,0,.5);}


/* 비밀번호입력 */
.password											{position:relative; margin:40px 0; padding:0 30px;}
.password > em										{display:block; margin-bottom:30px; font-size:14px; color:#000; line-height:0; text-align:center;}
.password > span									{display:block; padding-right:65px;}
.password > span input								{width:100%; height:34px;}
.password > button									{position:absolute; top:30px; right:30px; z-index:10; width:60px; height:34px;}


/* Location- Wrap */
.location-wrap										{position:fixed; top:0; left:0; z-index:9999; width:100%; border-top:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #F2F3F5)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F3F5 100%);
}
.location-wrap ol									{padding-left:35px; background:url('/img/location-dot.png') no-repeat 20px center;}
.location-wrap ol:after								{content:""; display:block; float:none; clear:both;}
.location-wrap li									{float:left; display:table; margin-right:5px;}
.location-wrap li span								{display:table-cell; vertical-align:middle; padding-right:15px; height:38px; font-weight:bold; font-size:12px; color:#333; background:url('/img/location-arrow.png') no-repeat right center;}
.location-wrap li:last-child  span					{background:none;}


/* 쪽지 댓글 */
.comment											{margin-top:10px; padding:10px 10px 20px; border:1px solid #ddd;}
.comment-write										{position:relative; padding-right:65px;}
.comment-write > textarea							{width:100%; height:60px;}
.comment-write > button								{position:absolute; top:0; right:0; z-index:10; width:60px; height:60px; color:#fff; background-color:#3d648d;}
.comment-list										{margin-top:10px;}
.comment-list > li									{position:relative; margin-bottom:10px; padding:5px 20px 10px 5px; border-bottom:1px dotted #ccc;}
.comment-list > li > dl								{margin-bottom:5px;}
.comment-list > li > dl:after						{content:""; display:block; float:none; clear:both;}
.comment-list > li > dl > dt						{float:left; margin-right:10px; font-weight:bold; font-size:12px; color:#000; line-height:16px;}
.comment-list > li > dl > dd						{float:left; padding-top:2px; font-size:11px; color:#aaa;}
.comment-list > li > span							{display:block; font-size:11px; color:#555;}
.comment-list > li > button							{display:none; position:absolute; top:0; right:0; z-index:10; width:20px; height:20px; text-indent:-9999px; background:url('/img/i-trash.png') no-repeat center;}
.comment-list > li.oneself > dl > dt				{color:#be792e;}
.comment-list > li.oneself > span					{color:#d58835;}
.comment-list > li.oneself > button					{display:block;}


/* Thumb Other */
.thumb-other										{display:none; position:absolute; top:5px; z-index:100; width:552px;}
.thumb-other.direction-right						{right:-549px;}
.thumb-other.direction-left							{left:-545px;}
.thumb-other > li									{float:left; margin:0 0 -2px -2px; width:112px; height:84px; background:#000 url('/img/noimage108x80.jpg') no-repeat center;}
.thumb-other > li img								{position:relative; z-index:0; width:100%; height:100%; border:2px solid #000;}