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

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


html {height:auto; overflow-y:scroll;}
body {height:auto; margin:0; padding:0; scroll 0 0 transparent; font-family:Malgun Gothic,'맑은 고딕',Nanum Barun Gothic,'나눔바른고딕','돋움',dotum, Helvetica, sans-serif; font-size:12px; color:#666; background-color:#545557; letter-spacing:-.5px; overflow:hidden;}

img, fieldset {border:none; vertical-align:middle; margin:0px !important;}
button, label {border:none; cursor:pointer; font-family:Malgun Gothic,'맑은 고딕';}
hr, button img{display:none;}
ul, ol, li{list-style:none; margin:0; padding:0;}
dl, dd{list-style:none; margin:0; padding:0;}


.png24 {tmp:expression(setPng24(this));}


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

textarea {padding:5px; width:100%; font-family:Malgun Gothic,'맑은 고딕'; font-size:13px; color:#333; border:1px solid #eaeaea; background-color:#f9f9f9; letter-spacing:-.5px; overflow:auto;}

table {border-collapse:collapse; border:0; padding:0;}
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 */
select {display:inline-block; vertical-align:middle; margin:0; padding:0; height:34px; font-family:Malgun Gothic,'맑은 고딕'; font-size:13px; color:#333; border:1px solid #eaeaea; letter-spacing:0;}

input[type="text"], input[type="password"] {
	padding:0 5px 2px;
	height:30px;
	font-family:Malgun Gothic,'맑은 고딕';
	font-size:13px;
	color:#333;
	border:1px solid #eaeaea;
	background-color:#f9f9f9;
	vertical-align:middle;
	letter-spacing:-.5px;
}
input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
	vertical-align:middle;
	margin:0 0 2px;
	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 !important;}
.alignTop {vertical-align:top !important;}
.alignBottom {vertical-align:bottom !important;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !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;}


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


h1													{margin:0; padding:0; font-size:42px; font-weight:normal; color:#202020; letter-spacing:-2px;}
h2													{margin:0 0 5px; padding:0; font-size:14px; font-weight:bold; color:#000;}


/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; height:30px; border:1px solid #eaeaea; background:#f9f9f9 url('/img/icon/selectbox-arrow.png') right center no-repeat; cursor:pointer;}
#select_box label									{position:absolute; top:0; left:5px; padding:0; font-size:13px; color:#333; line-height:26px;}
#select_box .selectBox								{margin:0; padding-left:5px; width:100%; opacity:0; filter: alpha(opacity=0);}


/* Btn Style */
.btn-style01										{display:block; vertical-align:middle; margin:0 auto; padding:0 40px 3px; min-width:160px; height:46px; font-size:16px; font-weight:bold; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.btn-style02										{display:block; vertical-align:middle; margin:0 auto; padding:0 30px 2px; height:36px; font-size:14px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.moreLink											{display:inline-block;; vertical-align:middle; margin-left:10px; padding:0 10px 1px; height:18px; font-weight:bold; font-size:11px; color:#fff; background-color:#00689d; -webkit-border-radius:9px; -moz-border-radius:9px; -o-border-radius:9px; border-radius:9px;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#00689d;}
.btn-color01:hover									{background-color:#005784;}
.btn-color02										{color:#fff; background-color:#202020;}
.btn-color02:hover									{background-color:#101010;}
.btn-color03										{color:#000; border:1px solid #ddd; background-color:#fff;}
.btn-color03:hover									{border-color:#ccc;}


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


/* Btn Hover */
.btn-hover											{-moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


/* Layout Selector */
.wrap												{margin:0; padding:0; width:100%; min-width:1000px; background-color:#fff;}
.container											{position:relative; margin:0 auto; padding:30px 0 80px; width:1000px; overflow:hidden;}
.popup-container									{margin-top:40px; padding:15px;}


/* Header */
.header												{}
.header .top-wrap									{position:relative; margin:0 auto; width:1000px; height:90px; overflow:hidden;}
.header .top-wrap > a								{position:absolute; top:16px; left:0; z-index:10;}
.header .top-wrap .topMenu							{position:absolute; top:38px; right:0; z-index:10;}
.header .top-wrap .topMenu > a						{font-size:12px; color:#777;}
.header .top-wrap .topMenu > span					{display:inline-block; margin:0 5px; font-size:11px; color:#e0e0e0;}
.header .top-wrap .topMenu > em						{display:inline-block; margin-left:15px; width:16px; height:16px; text-indent:-9999px; background:url('/img/top/sitemap.png') no-repeat; cursor:pointer;}
.header .gnb										{background-color:#00689d;}
.header .gnb > ul									{margin:0 auto; width:1000px; border-left:1px solid rgba(255,255,255,.4);}
.header .gnb > ul:after								{content:""; display:block; float:none; clear:both;}
.header .gnb > ul > li								{display:table; float:left; position:relative; width:20%; border-right:1px solid rgba(255,255,255,.4);}
.header .gnb > ul > li > a							{display:table-cell; vertical-align:middle; height:42px; font-weight:bold; font-size:14px; color:#fff; text-align:center;}
.header .gnb > ul > li > a:hover					{background-color:#005986;}
.header .gnb > ul > li > ul							{display:none; position:absolute; top:42px; left:0; z-index:9998; width:100%;}
.header .gnb > ul > li > ul > li 					{display:table; width:100%; border-right:1px solid transparent; text-align:center;}
.header .gnb > ul > li > ul > li > a				{display:table-cell; vertical-align:middle; height:42px; font-weight:bold; font-size:13px; color:#fff; border-bottom:1px solid rgba(255,255,255,.4); background-color:#00689d; background-color:rgba(0,104,157,.8);}
.header .gnb > ul > li > ul > li > a:hover			{background-color:#005986;}
.header .gnb > ul > li > ul > li:last-child > a		{border:none;}
.header .gnb.fixed									{position:fixed; top:0; left:0; width:100%; z-index:9999;}


/* Main Slider */
.slideWrap											{position:relative;}
.main-slider										{margin:0 auto; width:1000px;}
.slider												{margin-left:-460px; width:1920px;}
.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/main/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 3px; padding:0; display:inline-block; zoom: 1; *display:inline;}
.flex-control-paging li a							{display:block; width:12px; height:12px; border:1px solid #00689d; background-color:transparent; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active				{background-color:#00689d;}


/* 메인배너메뉴 */
.mainBanner											{margin:40px auto 0; width:1000px; height:220px; border:1px solid #e5e5e5; background-color:#fff; overflow:hidden;}
.mainBanner ul										{width:1010px;}
.mainBanner ul:after								{content:""; display:block; float:none; clear:both;}
.mainBanner ul > li									{float:left; width:250px; cursor:pointer; -moz-transition:all .1s; -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s;}
.mainBanner ul > li > span							{display:block; width:250px; border-right:1px solid #e5e5e5; overflow:hidden;}
.mainBanner ul > li:hover							{background-color:#fafafa;}


/* Product List Title */
.productTitle										{margin:0 auto; padding:40px 0 25px; width:1000px; height:auto; text-align:center;}
.productTitle dt									{margin:0; padding:0; font-size:32px; color:#000;}
.productTitle dd									{display:block; margin-top:5px; font-size:15px; color:#707070;}


/* 사이트맵 */
.sitemap												{display:none; position:relative; padding:40px 0; border-bottom:1px solid #eceef2; background-color:#fff; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.sitemap.on											{display:block;}
.sitemap > ul										{margin:0 auto; padding:0 20px; width:1000px;}
.sitemap > ul:after									{content:""; display:block; float:none; clear:both;}
.sitemap > ul > li									{float:left; width:20%;}
.sitemap > ul > li > dl								{}
.sitemap > ul > li > dl > dt						{margin-bottom:5px; font-weight:bold; font-size:15px; color:#151515;}
.sitemap > ul > li > dl > dd						{margin:6px 0; font-size:13px;}
.sitemap > ul > li > dl > dd a						{color:#7e8489;}
.sitemap > ul > li > dl > dd a:hover				{color:#00689d; text-decoration:underline;}
.sitemap > a										{display:block; position:absolute; top:0; left:50%; z-index:10; margin-left:450px; width:48px; height:49px; text-indent:-9999px; border:1px solid #e9e9e9; border-top:none; background:#fafafa url('/img/icon/sitemap-close.png') no-repeat center top;}
.sitemap > a:hover									{border-color:#999;}


/* Bottom Contents */
.bottom-contents									{margin:0 auto; padding-bottom:60px; width:1000px; overflow:hidden;}
.bottom-contents:after								{content:""; display:block; float:none; clear:both;}
.bottom-contents > div > h1							{margin:0 0 10px; padding:0; font-size:17px; font-weight:bold; color:#000; letter-spacing:-1px;}
.bottom-contents .main-board,
.bottom-contents .down-box							{float:left; width:50%;}
.bottom-contents .main-board > ul					{margin-right:15px; border-top:1px solid #000;}
.bottom-contents .main-board > ul > li				{position:relative; padding:15px 5px; border-bottom:1px dotted #e6e6e6; cursor:pointer;}
.bottom-contents .main-board > ul > li:after		{display:block; float:none; content:''; clear:both;}
.bottom-contents .main-board > ul > li .thum		{display:none; width:160px; height:120px; overflow:hidden;}
.bottom-contents .main-board > ul > li .thum img	{width:100%; height:auto;}
.bottom-contents .main-board > ul > li strong		{float:left; width:380px; font-size:14px; font-weight:normal; color:#000; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bottom-contents .main-board > ul > li p			{display:none;}
.bottom-contents .main-board > ul > li span			{float:left; display:inline-block; width:90px; font-size:12px; color:#888; line-height:20px; text-align:right;}
.bottom-contents .main-board > ul > li.on			{padding:10px 0 0 180px; height:140px; background-color:#fafafa; overflow:hidden;}
.bottom-contents .main-board > ul > li.on .thum		{display:block; position:absolute; left:10px; top:10px;}
.bottom-contents .main-board > ul > li.on strong	{display:block; float:none; clear:both; width:280px; font-weight:bold; font-size:16px;}
.bottom-contents .main-board > ul > li.on p			{display:block; padding-top:5px; width:280px; font-size:12px; color:#666; line-height:17px;}
.bottom-contents .main-board > ul > li.on span		{display:block; float:none; clear:both; margin-top:5px; width:auto; text-align:left;}
.bottom-contents .down-box							{padding-left:15px;}
.bottom-contents .down-box > ul						{margin:0 -10px;}
.bottom-contents .down-box > ul:after				{content:""; display:block; float:none; clear:both;}
.bottom-contents .down-box > ul > li				{float:left; padding:0 10px; width:50%; height:180px; overflow:hidden;}
.bottom-contents .down-box > ul > li > dl			{margin-bottom:5px; padding:10px 0; border-top:1px solid #000;}
.bottom-contents .down-box > ul > li > dl > dt		{margin-bottom:15px; width:230px; height:60px; overflow:hidden;}
.bottom-contents .down-box > ul > li > dl > dd		{position:relative; padding-bottom:10px; font-weight:bold; font-size:14px; color:#252525;}
.bottom-contents .down-box > ul > li > dl > dd:after{position:absolute; content:''; left:0; bottom:0; margin-bottom:-1px; width:20px; height:2px; background-color:#00689d;}
.bottom-contents .down-box > ul > li > span			{display:block; font-size:12px; color:#333;}
.bottom-contents .down-box > ul > li > button		{display:none; vertical-align:middle; padding-bottom:2px; width:100%; height:30px; font-weight:bold; font-size:12px; color:#fff; background-color:#00689d; text-align:center;}
.bottom-contents .down-box > ul > li:hover > span	{display:none;}
.bottom-contents .down-box > ul > li:hover > button	{display:block;}
.bottom-contents .down-box > ul > li:hover dd		{color:#00689d;}


/* Footer */
.footer												{padding:25px 0;}
.footer > div										{position:relative; margin:0 auto; width:1000px; font-size:12px; color:#ddd; line-height:18px; letter-spacing:-.2px;}
.footer > div > em									{display:block; position:absolute; top:50%; right:0; z-index:10; margin-top:-30px; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.footer span										{display:inline-block; vertical-align:top; margin:0 5px; font-size:10px; color:#777;}
.footer p											{display:block; margin-bottom:5px; font-size:13px;}
.footer p > a										{font-weight:bold; color:#fff;}
.footer p > a:hover									{text-decoration:underline;}


/* Location */
.location											{border-top:1px solid #fff; background-color:#f0f0f2;}
.location > ul										{margin:0 auto; width:1000px;}
.location > ul:after								{content:""; display:block; float:none; clear:both;}
.location > ul > li									{display:table; float:left; margin-right:-24px;}
.location > ul > li > a,
.location > ul > li > span							{display:table-cell; vertical-align:middle; padding:0 40px; height:50px;}
.location > ul > li > a								{text-indent:-9999px; background:url('/img/icon/location-home.png') no-repeat 20px center;}
.location > ul > li > span							{font-size:12px; color:#777; background:url('/img/icon/location-arrow.png') no-repeat left 0;}
.location > ul > li > span > em						{font-style:normal; font-weight:bold; font-size:13px; color:#333;}


/* Sub Title */
.sub-title											{margin-bottom:25px;}
.sub-title:after									{content:""; display:block; float:none; clear:both;}
.sub-title > dt										{float:left; font-family:Nanum Barun Gothic; font-weight:normal; font-size:32px; color:#000; letter-spacing:-1px;}
.sub-title > dd										{float:left; padding-top:15px; margin-left:15px; font-size:12px; color:#666;}


/* Tab Btn */
.tab-btn											{}
.tab-btn:after										{content:""; display:block; float:none; clear:both;}
.tab-btn > li										{position:relative; float:left; width:50%; border-bottom:1px solid #ddd; text-align:center;}
.tab-btn > li > a									{position:relative; display:block; padding:10px 0; font-size:14px; color:#888;}
.tab-btn > li.active								{border-bottom:none;}
.tab-btn > li.active > a							{padding:9px 0 11px; color:#000; border:1px solid #ddd; border-bottom:none; background-color:#f9f9f9; overflow:hidden;}


/* Login */
.loginForm											{margin:0 auto; padding-top:10px; width:400px;}
.loginForm > p										{display:block; margin-top:20px; text-align:center;}
.loginForm > p > a									{vertical-align:middle; font-size:12px; color:#333;}
.loginForm > p > a:hover							{color:#000; text-decoration:underline;}
.loginForm > p > span								{display:inline-block; vertical-align:middle; margin:0 10px; font-size:11px; color:#ccc;}
.login-box > ul										{padding-bottom:10px;}
.login-box > ul > li								{margin-bottom:20px; border-bottom:1px solid #999;}
.login-box > ul > li input							{width:100%; height:40px; border:none; background:transparent;}
.login-box > ul > li input::-webkit-input-placeholder{font-weight:bold; font-size:12px; color:#999;}
.login-box > ul > li input:-ms-input-placeholder	{font-weight:bold; font-size:12px; color:#999;}
.login-box > ul > li input::-moz-placeholder		{font-weight:bold; font-size:12px; color:#999;}
.login-box > ul > li input:-moz-placeholder			{font-weight:bold; font-size:12px; color:#999;}
.form-button										{display:block; margin:0 auto; padding-bottom:2px; width:100%; height:50px; font-weight:bold; font-size:17px; text-align:center;}
.tabView											{display:none; padding:40px 40px 60px; border:1px solid #ddd; border-top:none; background-color:#f9f9f9;}


/* Find */
.findForm											{margin:0 auto; padding-top:10px; width:560px;}
.findTitle											{display:block; margin-top:-5px; margin-bottom:20px; font-size:14px; color:#333; line-height:22px; text-align:center;}
.findTitle b										{text-decoration:underline; color:#a71218;}


/* Input Info */
.find-input											{margin:0 auto; width:360px;}
.find-input > dl									{margin-bottom:10px;}
.find-input > dl:after								{content:""; display:block; float:none; clear:both;}
.find-input > dl > dt								{margin-bottom:3px; font-weight:bold; font-size:12px; color:#000;}
.find-input > dl > dd								{position:relative;}
.find-input > dl > dd input							{width:100%; height:40px; font-size:14px; border:1px solid #ccc; background-color:#fff;}
.find-input > dl > dd input::-webkit-input-placeholder{font-size:12px; color:#bbb;}
.find-input > dl > dd input:-ms-input-placeholder	{font-size:12px; color:#bbb;}
.find-input > dl > dd input::-moz-placeholder		{font-size:12px; color:#bbb;}
.find-input > dl > dd input:-moz-placeholder		{font-size:12px; color:#bbb;}
.find-input > dl > dd > span						{display:block; margin-right:115px;}
.find-input > dl > dd > button						{position:absolute; top:0; right:0; z-index:100; display:block; padding-bottom:2px; width:110px; height:40px; font-weight:bold; font-size:12px;}
.find-input > button								{margin-top:20px;}


/* Find Result */
.find-result										{text-align:center;}
.find-result em										{display:block; margin-bottom:35px; padding:10px 0 30px; font-style:normal; font-size:14px; color:#000; border-bottom:1px dotted #bbb; line-height:24px;}
.find-result strong									{text-decoration:underline; display:inline-block; margin:0 10px; font-size:15px; color:#000;}
.find-result > button								{width:50%;}


/* Find Caution */
.find-caution										{margin-top:20px;}
.find-caution > li									{list-style-type:disc; margin-left:15px; margin-bottom:5px; font-size:12px; color:#666;}


/* 약관동의 */
.join-agree h4										{position:relative; margin:0 0 8px; padding:0; font-size:16px; font-weight:bold; color:#151515;}
.agree-cont											{padding:20px; border:1px solid #ddd; line-height:20px; overflow-y:auto;}
.agree-cont.member-page								{padding:10px; height:160px;}
.agree-cont.popup-page								{padding:0; border:none;}
.agree-cont > p										{display:block; margin-bottom:20px; font-size:13px; color:#000;}
.agree-cont > strong								{display:block; margin-bottom:5px; font-size:15px; color:#000;}
.agree-cont > ol									{margin-bottom:20px; padding:0 5px;}
.agree-cont > ol > li								{margin-bottom:5px; font-size:12px; color:#444; line-height:17px;}
.agree-cont > ol > li > b							{display:block; color:#151515;}
.agree-cont > ol > li > ol							{margin:0 15px; padding:2px 0 5px;}
.agree-cont > ol > li > ol > li						{padding:2px 0; font-size:12px; color:#777; line-height:16px;}
.agree-cont > em									{font-style:normal; display:block; margin-top:20px; color:#555; line-height:16px;}
.agree-check										{display:block; margin-bottom:30px; padding-top:10px; font-weight:bold; font-size:14px; color:#000; text-align:right;}
.agree-check input									{vertical-align:middle; margin-right:5px;}
.agree-check label									{cursor:pointer;}


/* 이메일 무단수집 거부 */
.email												{}
.email dt											{margin-bottom:20px; padding:20px 20px 25px; font-size:16px; color:#151515; line-height:24px; border:1px solid #ddd; background-color:#fafafa;}
.email dd											{margin-bottom:10px; padding-left:13px; font-size:13px; color:#333; line-height:18px; background:url('/img/icon/dot-branch.png') no-repeat 5px 8px;}


/* Table Type01 */
.table-type01										{}
.table-type01 table									{width:100%; border:1px solid #ddd; text-align:center;}
.table-type01 table tr								{border-bottom:1px solid #ddd;}
.table-type01 table th,
.table-type01 table td								{padding:10px; height:24px; font-size:13px; border:1px solid #ddd;}
.table-type01 table th								{color:#151515; background-color:#f9f9f9;}
.table-type01 table td								{color:#444;}
.table-type01 table.td-va-top td					{vertical-align:top;}
.table-type01 table td.classify						{font-weight:bold; color:#d2492c;}
.table-type01 table td > dl							{padding:5px; text-align:left;}
.table-type01 table td > dl > dt					{margin-bottom:5px; text-decoration:underline; font-size:13px; color:#00689d;}
.table-type01 table td > dl > dd					{padding:2px 0; font-size:12px; color:#666; line-height:18px;}
.table-type01 table td > dl > dd > button			{vertical-align:top}


/* Table Type02 */
.table-type02										{position:relative; margin-bottom:20px; padding:10px 20px; border:5px solid #ddd;}
.table-type02 table									{width:100%;}
.table-type02 table tr								{border-bottom:1px solid #eee;}
.table-type02 table tr:last-child					{border-bottom:none;}
.table-type02 table th,
.table-type02 table td								{padding:5px; height:37px; font-size:13px; text-align:left;}
.table-type02 table th								{font-weight:normal; color:#000;}
.table-type02 table td								{font-weight:bold; color:#000;}


/* Board View */
.board-view											{position:relative; z-index:20; border-top:1px solid #333; border-bottom:1px solid #999;}
.board-view .title-box								{padding:0 15px; line-height:38px; border-bottom:1px solid #e1e1e1; background-color:#f9f9f9;}
.board-view .title-box:after						{content:""; display:block; float:none; clear:both;}
.board-view .title-box > strong						{float:left; width:70%; font-size:14px; color:#000;}
.board-view .title-box .date-box					{float:right; width:30%; font-size:11px; color:#555; text-align:right; letter-spacing:0;}
.board-view .title-box .date-box span				{display:inline-block; margin:0 10px; font-size:10px; color:#c7c7c7;}
.board-view .title-box .date-box p					{display:inline-block; font-size:13px;}
.board-view .title-box .date-box p a				{display:block; color:#4868d0; width:130px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-view .text-box								{padding:20px 10px; min-height:140px; font-size:13px; color:#353535; line-height:24px; overflow:hidden;}
.board-view .text-box img							{max-width:980px; height:auto;}
.board-view  .more-text								{background-color:#f9f9f9;}
.board-view  .more-text > li						{display:table; width:100%; border-top:1px solid #ccc;}
.board-view  .more-text > li > dl					{display:table-cell; vertical-align:middle; height:50px;}
.board-view  .more-text > li > dl:after				{content:""; display:block; float:none; clear:both;}
.board-view  .more-text > li > dl > dt,
.board-view  .more-text > li > dl > dd				{float:left;}
.board-view  .more-text > li > dl > dt				{width:10%; text-align:center;}
.board-view  .more-text > li > dl > dd				{width:90%; font-size:13px;}
.board-view  .more-text > li > dl > dt > span		{display:block; margin:0 auto; padding-bottom:2px; width:60px; line-height:22px; font-size:12px; border:1px solid #d0d0d0; background-color:#fff; -webkit-border-radius:13px; -moz-border-radius:13px; -o-border-radius:13px; -ms-border-radius:13px; border-radius:13px;}
.board-view  .more-text > li > dl > dd a			{color:#666; line-height:26px;}
.board-view  .more-text > li > dl > dd a:hover		{text-decoration:underline;}


/* Board View Attfile */
.attfile-area										{margin:30px 0;}
.attfile-area .attfile-top							{margin-bottom:5px; background:url('/img/icon/i-file.png') no-repeat 0 center;}
.attfile-area .attfile-top .file-size				{padding-left:12px; font-size:13px; color:#333;}
.attfile-area .attfile-top .file-size span			{display:inline-block; margin:0 5px;}
.attfile-area .attfile-top .file-size span .num		{color:#1986b2;}
.attfile-area .attfile-top .file-size a				{color:#666;}
.attfile-area .attfile-top .file-size a:hover		{text-decoration:underline;}
.attfile-area > ul									{border:solid 1px #eee;}
.attfile-area > ul > li								{position:relative; padding:2px 0; border-bottom:solid 1px #eee; background:url('/img/icon/i-down.png') no-repeat 4px;}
.attfile-area > ul > li:after						{content:""; display:block; float:none; clear:both;}
.attfile-area > ul > li:last-child					{border-bottom:none;}
.attfile-area > ul > li a							{padding-left:28px; font-size:11px; color:#987359;}
.attfile-area > ul > li a:hover						{text-decoration:underline;}
.attfile-area > ul > li span						{display:inline-block; margin-left:10px; color:#999; font-family:tahoma; font-size:10px;}


/* 이전글 다음글 */
.prev-next-box										{position:relative; z-index:10; margin-top:-1px; border-bottom:1px solid #999;}
.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/icon/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-size:13px; color:#888;}
.prev-next-box span a								{color:#333;}
.prev-next-box span a:hover							{color:#00689d; text-decoration:underline;}


/* Board Reply */
.board-reply										{margin-top:-1px; padding:25px 20px; border:1px solid #ddd; background-color:#fafafa;}
.board-reply .title-reply							{margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #e0e0e0;}
.board-reply .title-reply:after						{content:""; display:block; float:none; clear:both;}
.board-reply .title-reply p							{display:inline-block; float:left; width:50%; font-weight:bold; color:#151515; font-size:16px; letter-spacing:0;}
.board-reply .title-reply p.date-info				{font-size:13px; c color:#727272; text-align:right;}
.board-reply .text-reply							{display:block; padding-bottom:5px; font-size:13px; color:#000; line-height:24px;}
.board-reply .text-reply > .reply-write textarea	{height:98px; font-size:13px; border:1px solid #ddd;}
.board-reply .text-reply > .reply-write button		{height:100px; border:1px solid #ddd;}


/* Table Write */
.table-write										{position:relative; margin-bottom:30px; border-top:1px solid #333;}
.table-write table									{width:100%;}
.table-write table tr								{border-bottom:1px solid #eaeaea;}
.table-write table th,
.table-write table td								{padding:6px 0; height:42px; font-weight:normal; font-size:13px; text-align:left;}
.table-write table th								{padding-left:20px; color:#000;}
.table-write table th span							{display:inline-block; margin-right:5px; color:#d2492c;}
.table-write table td								{color:#666;}
.table-write table td > span						{display:block; margin:-3px 0; padding:3px 0;}
.table-write table td button						{display:inline-block; vertical-align:middle; padding:0 10px; height:30px; font-size:13px; color:#fff; background-color:#545557; text-align:center;}
.table-write table td > strong						{display:inline-block; vertical-align:middle; margin-left:5px; font-size:12px; font-weight:normal; color:#666; line-height:14px;}
.table-write table td .alert						{font-weight:bold; color:#d2492c;}
.table-write table td > label						{display:inline-block; margin-right:20px;}
.table-write table td > textarea					{height:180px;}
.table-write table td .discount						{display:inline-block; margin:0 20px 0 -20px;}
.table-write table td .discount > input				{width:80px; text-align:right;}


/* Table List */
.table-list											{position:relative; margin:0 -1px; border-top:1px solid #333;}
.table-list table									{width:100%; text-align:center;}
.table-list table th,
.table-list table td								{padding:5px 10px; height:40px; font-weight:normal; font-size:13px; border:1px solid #eee; border:1px solid rgba(0,0,0,.05); border-top:none;}
.table-list table th								{color:#000; border-bottom:1px solid #ddd; border-bottom:1px solid rgba(0,0,0,.1); background-color:#f9f9f9;}
.table-list table td								{color:#353535; line-height:18px;}
.table-list table td strong							{display:inline-block; vertical-align:middle; margin-right:3px; padding-bottom:3px; font-family:'PT Sans'; font-weight:bold; font-size:20px; letter-spacing:0;}
.table-list table td.link							{padding-left:20px; text-align:left;}
.table-list table td a								{vertical-align:middle; color:#151515;}
.table-list table td a:hover						{text-decoration:underline;}
.table-list table td > em							{display:block; font-style:normal; margin:0 auto; padding-bottom:2px; width:40px; font-size:12px; color:#fff; background-color:#695b50;}
.table-list table td > span							{display:block; font-weight:bold; font-size:12px;}
.table-list table td > p							{display:inline-block; vertical-align:middle; font-family:'Open Sans'; font-weight:bold; font-size:11px; color:#ffa803; letter-spacing:0;}
.table-list table td > b							{font-size:16px; color:#00689d;}
.table-list table.legibility tr:nth-of-type(odd)	{background-color:#fdfdfd;}
.table-list table.tr-link tr						{cursor:pointer;}
.table-list table.tr-link tr:hover					{background-color:#fafafa;}
.table-list > button								{position:absolute; right:0; bottom:-40px; z-index:10; display:block; vertical-align:middle; padding:0 20px 2px; height:30px; font-size:13px; text-align:center;}
.state01											{color:#00689d;}
.state02											{color:#d7d7d7;}


/* Table Search */
.board-search										{margin-top:40px;}
.board-search input									{width:240px;}
.board-search button								{display:inline-block; vertical-align:middle; padding:0 15px 2px; height:30px; font-size:13px; text-align:center;}


/* File Style */
.file-area											{position:relative; width:380px;}
.file-text											{float:left; width:315px !important; color:#888 !important;}
.file-wrap											{position:absolute; top:0; right:0; z-index:100; display:inline-block; width:60px; height:30px; background:url('/img/icon/btn-file.png') no-repeat;}
.file-add											{filter:alpha(opacity:0); opacity:0; width:60px; height:30px; cursor:pointer;}


/* 비밀번호 입력 */
.secret-form										{margin:35px auto 0; padding:40px 40px 50px; width:400px; border:1px solid #ddd; background-color:#f9f9f9;}
.secret-form strong									{display:block; margin-bottom:8px; font-weight:normal; font-size:15px; color:#000;}
.secret-form span									{display:block; margin-bottom:20px;}
.secret-form span input								{width:100%; color:#333; border-color:#ddd; background-color:#fff; text-align:center; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.secret-form span input:focus						{border:1px solid #1b75bb;}
.secret-form > button								{display:block; vertical-align:middle; padding-bottom:3px; width:100%; height:40px; font-size:14px; text-align:center;}


/* Join Process */
.process-bar										{margin-bottom:30px; border:1px solid #ddd; overflow:hidden;}
.process-bar:after									{display:block; float:none; content:''; clear:both;}
.process-bar li										{float:left; height:70px; font-size:14px; color:#333; text-align:center; background:url('/img/icon/join-arrow.png') left top no-repeat;}
.process-bar.num3 li								{width:33.333333%;}
.process-bar.num4 li								{width:25%;}
.process-bar.num5 li								{width:20%;}
.process-bar li.on									{position:relative; font-weight:bold; color:#fff; background-color:#00689d;}
.process-bar li span								{display:block; margin-left:-40px; line-height:70px; background:url('/img/icon/join-arrow.png') no-repeat;}
.process-bar li.on									{background-position:right -70px;}
.process-bar li.on span								{position:relative; background-position:left -70px;}
.process-bar li + li span							{background-position:left -210px;}
.process-bar li + li								{background-position:right top;}
.process-bar li + li + li							{background-position:right top;}
.process-bar li + li + li + li.on					{background-position:left -280px;}
.process-bar li + li.on								{background-position:right -70px;}
.process-bar li + li.on span						{background-position:left -140px;}
.process-bar li span em								{display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:3px; width:30px; height:30px;}
.process-bar li span em.step01						{background:url('/img/icon/join-icon01.png') no-repeat;}
.process-bar li span em.step02						{background:url('/img/icon/join-icon02.png') no-repeat;}
.process-bar li span em.step03						{background:url('/img/icon/join-icon03.png') no-repeat;}
.process-bar li span em.step04						{background:url('/img/icon/join-icon04.png') no-repeat;}
.process-bar li.on span em							{background-position:0 100%;}


/* 가입유형선택 */
.member-type										{overflow:hidden;}
.member-type > p									{display:block; margin-bottom:45px; padding-top:10px; font-size:16px; color:#000; line-height:24px; text-align:center;}
.member-type > p > b								{text-decoration:underline; font-weight:normal; color:#d2492c;}
.member-type ul										{margin:0 -10px;}
.member-type ul:after								{content:""; display:block; float:none; clear:both;}
.member-type ul li									{float:left; width:50%;}
.member-type ul li dl								{margin:0 10px; padding:30px 20px 40px; border:1px solid #e4e4e4; border-right:3px solid #e4e4e4; border-bottom:3px solid #e4e4e4; text-align:center; cursor:pointer; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.member-type ul li dl dt							{margin-bottom:20px; padding-bottom:15px; font-size:21px; border-bottom:1px dotted #d0d0d0; letter-spacing:-1px;}
.member-type ul li dl dd							{padding:0 5px; font-size:14px; color:#333; line-height:22px;}
.member-type ul li dl span							{display:block; margin:30px auto 0; padding-bottom:2px; width:180px; line-height:36px; font-size:15px; color:#fff; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.member-type ul li dl:hover dt						{color:#fff; border-color:rgba(255,255,255,.4);}
.member-type ul li dl:hover dd						{color:#ddd; color:rgba(255,255,255,.7);}
.member-type ul li dl:hover span					{background-color:#fafafa;}
.member-type ul li.member-dealer dt					{color:#00689d;}
.member-type ul li.member-dealer span				{background-color:#00689d;}
.member-type ul li.member-dealer dl:hover			{border-color:#005a88; background-color:#00689d;}
.member-type ul li.member-dealer dl:hover span		{color:#00689d;}
.member-type ul li.member-partner dt				{color:#202020;}
.member-type ul li.member-partner span				{background-color:#202020;}
.member-type ul li.member-partner dl:hover			{border-color:#000; background-color:#202020;}
.member-type ul li.member-partner dl:hover span		{color:#151515;}


/* 회원가입완료 */
.member-complete									{padding:20px 0 10px; text-align:center;}
.member-complete dt									{margin-bottom:20px; font-weight:normal; font-size:24px; color:#00689d; letter-spacing:-2px;}
.member-complete dd									{font-size:14px; color:#666; line-height:20px; letter-spacing:-1px;}
.member-complete span								{display:block; margin:25px auto 0; width:500px; font-size:13px; color:#000; line-height:36px; background-color:#f9f9f9;}
.member-complete strong								{display:inline-block; margin:0 5px;}


/* 차량리스트 바둑판형*/
.carList-grid										{position:relative; margin:5px auto 30px; width:1000px;}
.carList-grid ul									{margin:0 -20px;}
.carList-grid ul:after								{content:""; display:block; float:none; clear:both;}
.carList-grid ul > li								{float:left; margin:0 20px; padding:0; width:220px; height:290px; cursor:pointer;}
.carList-grid ul > li > p							{display:block; margin-bottom:5px; width:220px; height:165px; background:url('/img/file/noimage-220x165.jpg') no-repeat; background-size:100% 100%;}
.carList-grid ul > li > p img						{width:100%; height:100%; overflow:hidden;}
.carList-grid ul > li > dl							{margin:0; padding:0; width:auto; height:auto;}
.carList-grid ul > li > dl > dt						{margin-bottom:2px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.carList-grid ul > li > dl > dt strong				{display:block; font-size:16px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.carList-grid ul > li > dl > dd						{margin:0; font-size:13px; color:#808080;}
.carList-grid ul > li > dl > dd span				{display:inline-block; margin:0 4px; width:auto; font-size:10px; color:#ccc;}
.carList-grid ul > li:hover > dl > dt strong		{color:#00689d;}
.carList-grid ul > li > span						{display:block; padding-top:5px; font-size:14px; color:#202020;}
.carList-grid ul > li > span > b					{margin-right:3px; font-family:'PT Sans'; font-weight:bold; font-size:16px; letter-spacing:0;}


/* 차량리스트 리스트형*/
.carList-List										{border-top:1px solid #eaeaea; overflow:hidden;}
.carList-List > ul									{}
.carList-List > ul:after							{content:""; display:block; float:none; clear:both;}
.carList-List > ul > li								{position:relative; float:left; width:50%; border-bottom:1px solid #eee; cursor:pointer;}
.carList-List > ul > li:hover						{background-color:#f9f9f9;}
.carList-List > ul > li > p							{display:block; position:absolute; top:0; left:0; z-index:100; width:120px; height:90px;}
.carList-List > ul > li > p img						{width:100%; height:100%;}
.carList-List > ul > li .data-car					{margin-left:130px;}
.carList-List > ul > li .data-car:after				{content:""; display:block; float:none; clear:both;}
.carList-List > ul > li .data-car > div				{float:left; display:table;}
.carList-List > ul > li .data-car > div > div		{display:table-cell; vertical-align:middle; padding:0 5px; height:90px;}
.carList-List > ul > li .data-car .info-name		{width:50%;}
.carList-List > ul > li .data-car .info-price		{width:26%;}
.carList-List > ul > li .data-car .info-date		{width:24%;}
.carList-List > ul > li .data-car .info-name dt				{display:block; font-size:12px; color:#333;}
.carList-List > ul > li .data-car .info-name dt strong		{display:block; margin-bottom:3px; font-size:15px; color:#202020; letter-spacing:-1px; line-height:17px;}
.carList-List > ul > li .data-car .info-name dd				{font-style:normal; display:block; margin-top:5px; font-size:12px; color:#666;}
.carList-List > ul > li .data-car .info-name dd > span		{display:inline-block; margin:0 3px; font-size:10px; color:#ddd;}
.carList-List > ul > li .data-car .info-price				{font-size:13px; color:#202020; letter-spacing:0; text-align:right;}
.carList-List > ul > li .data-car .info-price b				{color:#ce0036;}
.carList-List > ul > li .data-car .info-price span			{display:block; margin-top:5px; font-size:13px; color:#666;}
.carList-List > ul > li .data-car .info-date				{font-size:13px; color:#666; text-align:center;}


/* Pagination */
.paging												{display:block; position:relative; margin-top:30px; text-align:center; clear:both;}
.paging a											{position:relative; display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:26px; border:1px solid #ddd; font-size:12px; color:#151515; cursor:pointer;}
.paging a:hover										{color:#000; border:1px solid #333;}
.paging .pg_btn > em								{position:absolute; top:50%; left:50%; z-index:100; display:block; margin-top:-5px; margin-left:-5px; width:10px; height:10px; text-indent:-9999px; background:url('/img/icon/paging-arrow.gif') no-repeat;}
.paging .pg_btn > em.page-first						{background-position:0 0;}
.paging .pg_btn > em.page-end						{background-position:-10px 0;}
.paging .pg_btn > em.page-prev						{background-position:0 -10px;}
.paging .pg_btn > em.page-next						{background-position:-10px -10px;}
.paging .pg_btn:hover								{border-color:#ddd; background-color:#f9f9f9;}
.paging .select										{color:#fff; border:1px solid #333; background-color:#333;}
.paging .select:hover								{color:#fff; background-color:#333; cursor:default;}


/* 차량검색 */
.search-car											{position:relative; border-top:1px solid #999;}
.search-car table									{margin:0; padding:0; width:100%;}
.search-car table th,
.search-car table td								{padding:0; border:1px solid #eaeaea;}
.search-car table th								{height:30px; font-weight:bold; color:#000; border-top:none; background-color:#f9f9f9; text-align:center;}
.search-car table td								{vertical-align:top; font-family:'gulim'; letter-spacing:0; overflow:hidden;}
.search-car table td ul								{margin:0; padding:0; width:auto; height:235px; 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:#00689d;}
.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%; height:auto;}
.search-car table td .nothing span					{display:table-cell; vertical-align:middle; width:auto; height:235px; color:#757575; text-align:center;}
.search-car button									{display:block; vertical-align:middle; margin:30px auto; padding-bottom:2px; width:180px; height:50px; font-size:18px; color:#202020; border:1px solid #333; background-color:transparent; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
.search-car button:hover							{color:#fff; border:1px solid #333; background-color:#333;}
.search-car > span									{position:absolute; bottom:10px; z-index:100; padding-right:30px; font-size:14px; color:#202020; line-height:30px; cursor:pointer;}
.search-car > span.search-reset						{right:140px; background:url('/img/icon/icon-reset.png') no-repeat right top;}
.search-car > span.search-detail					{right:0; background:url('/img/icon/detail-arrow.png') no-repeat right top;}
.search-car > span:hover							{text-decoration:underline;}


/* 상세검색 */
.detail-box											{display:none; position:relative; border-top:1px dashed #ddd; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.detail-box.on										{display:block; padding:20px 0; height:auto;}
.detail-box strong									{display:block; margin-bottom:10px; font-size:14px; color:#000;}
.detail-box > ul									{margin:0 -10px; padding-bottom:20px;}
.detail-box > ul:after								{content:""; display:block; float:none; clear:both;}
.detail-box > ul > li								{float:left; padding:0 10px; width:33.333333%;}
.detail-box > ul > li > dl							{display:inline-block;}
.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:13px; color:#333;}
.detail-box > ul > li > dl > dt						{display:table; padding-right:10px;}
.detail-box > ul > li > dl > dt > span,
.detail-box > ul > li > dl > dd > span				{display:table-cell; vertical-align:middle; height:30px;}
.detail-box > ul > li > dl > dd .text-label			{margin:0 10px; color:#666;}
.detail-box > .carModel								{margin:-20px -10px 15px;}
.detail-box > .carModel:after						{content:""; display:block; float:none; clear:both;}
.detail-box > .carModel p							{position:relative; display:inline-block; float:left; margin-bottom:10px; width:33.333333%; height:50px;}
.detail-box > .carModel p span						{text-indent:60%; display:block; margin:20px 10px 0; line-height:29px; font-weight:bold; font-size:12px; color:#555; border:1px dashed #eee; cursor:pointer; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.detail-box > .carModel p span:hover				{color:#00689d; text-indent:62%;}
.detail-box > .carModel p span.on					{color:#fff; border-color:#00689d; background-color:#00689d;}
.detail-box > .carModel p span.on:hover				{color:#fff;}
.detail-box > .carModel p span em					{position:absolute; bottom:0; left:50px; z-index:100; display:block; width:160px; height:50px; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.detail-box > .carModel p span:hover em				{left:40px;}
.detail-box > .carModel .carModel-01				{background:url('/img/icon/carModel-01.png') no-repeat;}
.detail-box > .carModel .carModel-02				{background:url('/img/icon/carModel-02.png') no-repeat;}
.detail-box > .carModel .carModel-03				{background:url('/img/icon/carModel-03.png') no-repeat;}
.detail-box > .carModel .carModel-04				{background:url('/img/icon/carModel-04.png') no-repeat;}
.detail-box > .carModel .carModel-05				{background:url('/img/icon/carModel-05.png') no-repeat;}
.detail-box > .carModel .carModel-06				{background:url('/img/icon/carModel-06.png') no-repeat;}
.detail-box > .carModel .carModel-07				{background:url('/img/icon/carModel-07.png') no-repeat;}
.detail-box > .carModel .carModel-08				{background:url('/img/icon/carModel-08.png') no-repeat;}
.detail-box > .carModel .carModel-09				{background:url('/img/icon/carModel-09.png') no-repeat;}
.detail-box > .carModel .carModel-10				{background:url('/img/icon/carModel-10.png') no-repeat;}
.detail-box > .carModel .carModel-11				{background:url('/img/icon/carModel-11.png') no-repeat;}
.detail-box > .carModel .carModel-12				{background:url('/img/icon/carModel-12.png') no-repeat;}
.detail-box > .carModel .truckModel-01				{background:url('/img/icon/truckModel-01.png') no-repeat;}
.detail-box > .carModel .truckModel-02				{background:url('/img/icon/truckModel-02.png') no-repeat;}
.detail-box > .carModel .truckModel-03				{background:url('/img/icon/truckModel-03.png') no-repeat;}
.detail-box > .carModel .truckModel-04				{background:url('/img/icon/truckModel-04.png') no-repeat;}
.detail-box > .carModel .truckModel-05				{background:url('/img/icon/truckModel-05.png') no-repeat;}
.detail-box > .carModel .truckModel-06				{background:url('/img/icon/truckModel-06.png') no-repeat;}
.detail-box .split									{}
.detail-box .split:after							{content:""; display:block; float:none; clear:both;}
.detail-box .split > li								{float:left; width:50%;}


/* 색상선택 */
.option-color										{}
.option-color:after									{content:""; display:block; float:none; clear:both;}
.option-color > li									{float:left; margin-bottom:10px; width:14%; height:auto; font-size:12px; color:#555;}
.option-color > li p								{display:inline-block; vertical-align:middle; margin:0 5px; width:14px; height:14px;}
.option-color > li p.bg-all							{background:url('/img/icon/bg-all.jpg') no-repeat; background-size:cover;}
.option-color > li > label > input					{margin:0; padding-top:2px; width:14px; height:14px;}


/* Detail Container */
.option-detail										{margin-top:20px; padding:15px 50px; font-size:13px; color:#202020; line-height:21px; border:1px solid #eaeaea; background-color:#fff;}
.option-detail dl									{padding:15px 0; border-bottom:1px solid #eee;}
.option-detail dl:after								{content:""; display:block; float:none; clear:both;}
.option-detail dl:last-child						{border-bottom:none;}
.option-detail dl > dt,
.option-detail dl > dd								{float:left; line-height:26px;}
.option-detail dl > dt								{width:15%; font-weight:bold; font-size:14px; color:#000;}
.option-detail dl > dd								{width:85%; font-size:12px;}
.option-detail dl > dd:after						{content:""; display:block; float:none; clear:both;}
.option-detail dl > dd > label						{float:left; display:inline-block; width:25%; color:#444;}
.option-detail dl > dd > label > input				{margin-right:3px;}


/* 필터검색버튼 */
.detail-box button									{display:block; vertical-align:middle; margin:20px auto 0; padding-bottom:2px; width:180px; height:50px; font-size:18px; color:#202020; border:1px solid #333; background-color:transparent; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
.detail-box button:hover							{color:#fff; border:1px solid #1b75bb; background-color:#1b75bb;}
.detail-box .filter-reset							{position:absolute; bottom:30px; right:0; z-index:100; padding-right:30px; font-size:14px; color:#202020; background:url('/img/icon/icon-reset.png') no-repeat right top; line-height:30px; cursor:pointer;}
.detail-box .filter-reset:hover						{text-decoration:underline;}


/* 정렬 */
.array												{position:relative;}
.array > a,
.array > span										{display:inline-block; line-height:60px;}
.array > a											{font-size:14px; color:#757575;}
.array > a.on										{font-weight:bold; color:#000;}
.array > span										{margin:0 10px; font-size:11px; color:#ccc;}
.array .array-icon									{position:absolute; bottom:17px; right:0; z-index:100;}
.array .array-icon > p								{display:inline-block; margin-left:5px; width:20px; height:20px; text-indent:-9999px; background:url('/img/icon/array-icon.png') no-repeat; cursor:pointer; overflow:hidden;}
.array .array-icon > p.style-board					{background-position:0 0;}
.array .array-icon > p.style-list					{background-position:100% 0;}
.array .array-icon > p.style-board.on				{background-position:0 100%;}
.array .array-icon > p.style-list.on				{background-position:100% 100%;}
.array > strong										{position:absolute; bottom:20px; right:0; z-index:100; font-weight:normal; font-size:15px; color:#333;}
.array > strong b									{font-family:'Open Sans'; font-size:18px; color:#00854a;}


/* 자동차상세정보 */
.car-summary										{border:1px solid #ddd;}
.car-summary:after									{content:""; display:block; float:none; clear:both;}
.car-summary .detail-info							{float:left; padding:20px; border-right:1px solid #ddd; overflow:hidden;}
.car-summary .detail-info > ul						{margin-bottom:15px;}
.car-summary .detail-info > ul:after				{content:""; display:block; float:none; clear:both;}
.car-summary .detail-info > ul > li					{float:left;}
.car-summary .detail-info .info-car					{width:80%;}
.car-summary .detail-info .price-car				{position:relative; padding-top:5px; width:20%;}
.car-summary .detail-info .info-car > dl > dt		{margin-bottom:10px; font-weight:normal; font-size:18px; color:#454545; letter-spacing:-1px;}
.car-summary .detail-info .info-car > dl > dt strong{margin-right:10px; font-weight:bold; font-size:24px; color:#151515; letter-spacing:-2px;}
.car-summary .detail-info .info-car > dl > dd		{margin-bottom:3px; font-size:13px; color:#666;}
.car-summary .detail-info .info-car > dl > dd span	{display:inline-block; margin:0 5px; font-size:10px; color:#ccc;}
.car-summary .detail-info .price-car > p			{font-size:14px; color:#b72842; line-height:24px; text-align:right;}
.car-summary .detail-info .price-car > p > strong	{display:inline-block; margin-right:3px; font-family:verdana; font-size:24px;}
.car-summary .detail-info .car-gallery					{width:640px; overflow:hidden;}
.car-summary .detail-info .car-gallery > p				{display:block; width:640px; height:480px; background:url('/img/file/noimage-640x480.jpg') no-repeat;}
.car-summary .detail-info .car-gallery > p img			{width:100%; height:100%;}
.car-summary .detail-info .car-gallery > ul				{margin:0 -1px; padding:1px 0;}
.car-summary .detail-info .car-gallery > ul:after		{content:""; display:block; float:none; clear:both;}
.car-summary .detail-info .car-gallery > ul > li		{float:left; padding:1px; width:10%; height:50px; background:url('/img/file/thumb-noimage.jpg') no-repeat center; cursor:pointer;}
.car-summary .detail-info .car-gallery > ul > li img	{width:100%; height:100%;}
.car-summary .detail-info .car-gallery > ul > li.on		{background:none;}
.car-summary .detail-info .car-gallery > ul > li.on img	{opacity:.4; filter:alpha(opacity=40);}
.car-summary .detail-relation						{float:left; margin-left:-1px; padding:20px; width:318px; border-left:1px solid #ddd;}
.car-summary .detail-relation > em					{display:block; margin-bottom:5px; font-style:normal; font-size:15px; color:#000; letter-spacing:-1px;}
.car-summary .detail-relation > button				{display:block; vertical-align:middle; margin-top:30px; padding-bottom:5px; width:100%; height:50px; font-size:16px; color:#00689d; border:2px solid #00689d; background-color:#fff; text-align:center;}
.car-summary .detail-relation > button:hover		{color:#fff; background-color:#00689d;}


/* 차량정보 */
.car-info											{margin-bottom:30px; border:1px solid #eaeaea; border-bottom:none; background-color:#f9f9f9;}
.car-info dl										{border-bottom:1px solid #eaeaea;}
.car-info dl:after									{content:""; display:block; float:none; clear:both;}
.car-info dl dt,
.car-info dl dd										{float:left; display:table;}
.car-info dl dt										{width:35%; color:#000;}
.car-info dl dd										{width:65%; color:#555; background-color:#fff;}
.car-info dl dt span,
.car-info dl dd span								{display:table-cell; vertical-align:middle; padding:0 15px; height:30px; font-size:12px;}
.car-info dl dd span b								{color:#d70000;}


/* 딜러정보 */
.dealer-info										{padding:0 5px; border-top:1px dotted #ccc;}
.dealer-info > dl									{padding:8px 0; border-bottom:1px dotted #ccc;}
.dealer-info > dl:after								{content:""; display:block; float:none; clear:both;}
.dealer-info > dl > dt,
.dealer-info > dl > dd								{float:left;}
.dealer-info > dl > dt								{width:30%; font-weight:normal; font-size:12px; color:#808080;}
.dealer-info > dl > dd								{width:70%; font-size:13px; color:#151515;}


/* 차량상세 Tab */
.detailTab											{margin:60px -2.5px 0; border-bottom:1px solid #ddd;}
.detailTab:after									{content:""; display:block; float:none; clear:both;}
.detailTab a										{float:left; display:block; width:25%;}
.detailTab a span									{display:block; margin:0 2.5px; padding-bottom:3px; line-height:45px; font-size:16px; color:#8d8d8d; border:1px solid #ddd; border-bottom:none; background-color:#f5f6f8; text-align:center;}
.detailTab a.on span,
.detailTab a.on:hover span							{margin-bottom:-1px; color:#000; border:1px solid #ddd; border-bottom:1px solid #fff; background-color:#fff;}
.detailTab a:hover span								{color:#777; background-color:#e9eaeb;}


/* Detail Container */
.detail-container									{padding:30px 50px; font-size:13px; color:#151515; line-height:21px; border:1px solid #ddd; border-top:none; background-color:#fff;}
.detail-container dl								{padding:20px 0; border-bottom:1px solid #eee;}
.detail-container dl:after							{content:""; display:block; float:none; clear:both;}
.detail-container dl:last-child						{border-bottom:none;}
.detail-container dl > dt,
.detail-container dl > dd							{float:left; line-height:26px;}
.detail-container dl > dt							{width:15%; font-weight:bold; font-size:15px; color:#000;}
.detail-container dl > dd							{width:85%; font-size:14px;}
.detail-container dl > dd:after						{content:""; display:block; float:none; clear:both;}
.detail-container dl > dd > span					{float:left; display:inline-block; width:25%;}
.detail-container dl > dd > span > b				{display:block; padding-left:15px; font-weight:normal; color:#aaa; background:url('/img/icon/option-check-off.png') no-repeat 0 9px;}
.detail-container dl > dd > span > b.on				{color:#151515; background:url('/img/icon/option-check-on.png') no-repeat 0 9px;}
.detail-container > ul								{}
.detail-container > ul:after						{content:""; display:block; float:none; clear:both;}
.detail-container > ul > li							{float:left; width:50%;}
.detail-container > ul > li > dl					{border-bottom:1px solid #eee !important;}
.detail-container > ul > li > dl > dt				{width:35%;}
.detail-container > ul > li > dl > dd				{width:65%;}
.detail-container > button							{margin-top:30px;}
.detail-container .none-file						{display:block; padding:20px 0; font-size:17px; color:#151515; text-align:center;}


/* 책임한계 및 법적고지 */
.responsibility > strong							{display:block; margin-bottom:5px; font-weight:normal; font-size:16px; color:#000;}
.responsibility > span								{display:block; font-weight:bold; font-size:12px; color:#808080;}


/* 개인정보수집체크 */
.privacy-check										{display:block; margin:20px 0; font-weight:bold; font-size:14px; color:#000; text-align:center;}
.privacy-check > a									{display:inline-block; margin-left:5px; font-weight:normal; font-size:13px; color:#d2492c;}


/* 팝업 */
.popup-header										{position:fixed; top:0; left:0; z-index:100; width:100%; background-color:#00689d; overflow:hidden;}
.popup-header > p									{display:table; position:relative; width:100%;}
.popup-header > p > span							{display:table-cell; vertical-align:middle; padding-left:10px; height:40px; font-size:16px; color:#fff;}
.popup-header > p > span b							{margin-left:10px; font-size:14px; font-weight:normal;}
.popup-header > p > a								{position:absolute; top:50%; right:12px; margin-top:-12px; text-indent:-9999px; width:24px; height:24px; background:url('/img/icon/popup-close.gif') no-repeat;}
.popup-header > p > button							{position:absolute; top:50%; margin-top:-15px; padding-bottom:3px; width:80px; height:30px; font-size:13px; color:#78618a; border:1px dotted #78618a; background-color:#3e1e59; color:rgba(255,255,255,.3); border:1px dotted rgba(255,255,255,.3); background-color:rgba(0,0,0,.1); text-align:center; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


/* 제휴안내 */
.partnership										{position:relative;}
.partnership ol										{position:absolute; bottom:60px; right:60px; z-index:10; padding:15px 20px 20px; width:320px; background-color:rgba(0,0,0,.1); -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.partnership ol li									{margin:10px 5px; padding-left:15px; font-size:16px; color:#000; background:url('/img/icon/partner-dot.png') no-repeat 0 9px;}
.partnership ol li em								{font-style:normal; font-size:18px; color:#00699f;}


/* 구매시 주의사항 */
.caution-top										{margin-bottom:40px; padding:20px; border:1px solid #ddd; border-right:3px solid #ddd; border-bottom:3px solid #ddd;}
.caution-top dt										{margin-bottom:10px; padding:0 5px 10px; font-size:20px; color:#00689d; border-bottom:1px dotted #d0d0d0; letter-spacing:-1px;}
.caution-top dd										{padding:0 5px; font-size:13px; color:#333; line-height:20px;}
.caution											{}
.caution li											{position:relative; margin-bottom:25px; padding-bottom:20px; border-bottom:1px dashed #ddd;}
.caution li:last-child								{border:none;}
.caution li em										{position:absolute; top:-10px; left:15px; z-index:10; font-weight:bold; font-size:32px; color:#00689d;}
.caution li dl										{margin-left:70px;}
.caution li dl dt									{margin-bottom:8px; font-size:18px; color:#000;}
.caution li dl dd									{margin-bottom:3px; font-size:13px; color:#777;}


/* 검색폼 */
.searchForm											{margin:35px auto 0; padding:40px 40px 60px; width:560px; border:1px solid #ddd; background-color:#f9f9f9;}


/* 조합소개 */
.establish											{position:relative; margin-bottom:35px;}
.establish > div									{width:520px; border-top:1px solid #eee; border-right:1px solid #eee;}
.establish > div > dl								{display:table; width:100%; border-bottom:1px solid #eee;}
.establish > div > dl:last-child					{border-bottom:1px solid #eee;}
.establish > div > dl dt,
.establish > div > dl dd							{display:table-cell; vertical-align:middle; padding:0 20px; height:34px; font-size:13px;}
.establish > div > dl dt							{width:30%; font-weight:bold; color:#fff; background-color:#00689d;}
.establish > div > dl dd							{width:70%; color:#333;}
.establish p										{position:absolute; top:0; right:0; z-index:50;}
.about												{position:relative; padding-bottom:40px; font-size:13px; color:#333; line-height:21px;}
.about > em											{display:block; margin-bottom:20px; font-style:normal; font-size:21px; color:#00689d;}
.about > b											{display:block; margin-bottom:15px; font-size:15px; color:#000;}
.about > strong										{display:block; margin-top:15px; text-align:center;}
.about > strong > em								{font-style:normal; display:inline-block; vertical-align:middle; margin-left:10px; padding-bottom:5px; font-family:'Nanum Brush Script'; font-weight:normal; font-size:34px; color:#000; letter-spacing:2px;}


/* 회원사현황 및 중고차시세 */
.memberStatus										{margin-bottom:30px;}
.memberStatus:after									{content:""; display:block; float:none; clear:both;}
.memberStatus > li									{float:left; width:50%;}
.memberStatus > li > em								{display:block; margin:40px 0; font-style:normal; font-size:18px; color:#000; line-height:28px; text-align:center;}
.memberStatus > li > em > strong					{display:block; margin-top:20px; font-weight:normal; font-size:14px; color:#00689d; line-height:22px;}
.memberStatus .map-box								{position:relative; margin:0 auto; width:400px; height:400px; background:url('/img/sub/gyeonggi-map.jpg') no-repeat;}
.memberStatus .map-box > em							{position:absolute; z-index:10; font-style:normal; font-weight:bold; font-size:13px; color:#888; letter-spacing:-1px;}
.memberStatus .map-box > em > a						{color:#000;}
.memberStatus .map-box > em > a:hover,
.memberStatus .map-box > em > a.on					{color:#00689d;}
.memberStatus .search-box							{margin:0 auto; padding:30px; width:420px; border:5px solid #00689d;}
.memberStatus .search-box > dl						{margin-top:-5px; margin-bottom:10px;}
.memberStatus .search-box > dl > dt					{display:inline-block; margin-right:5px; font-weight:bold; font-size:16px; color:#00689d;}
.memberStatus .search-box > dl > dd					{display:inline-block; font-size:12px; color:#777;}
.memberStatus .search-box > ul > li					{margin-bottom:15px;}
.memberStatus .search-box > ul > li #select_box		{height:40px; border-color:#ccc; background-color:#fff;}
.memberStatus .search-box > ul > li #select_box label{font-size:14px; color:#333; line-height:36px;}
.total-shop											{display:block; margin-bottom:5px; font-size:12px; color:#000;}
.total-shop strong									{margin-left:5px; font-size:14px; color:#00689d;}
.price-area											{padding-top:20px; height:260px; font-size:17px; color:#000; line-height:27px; background:url('/img/sub/img-result.png') no-repeat center bottom; text-align:center;}


/* 중고차시세결과 */
.priceResult										{padding:20px; border:1px dotted #ccc;}
.priceResult > span									{display:block; padding-top:45px; font-size:14px; color:#999; background:url('/img/icon/result-icon.png') no-repeat center top; text-align:center;}


/* 조합업무안내 */
.info-ggauto										{padding:30px 25px; background-color:#f2f3f5;}
.info-ggauto > em									{display:block; margin-bottom:5px; font-style:normal; font-weight:bold; font-size:14px; color:#000;}
.info-ggauto > ol									{margin-bottom:25px;}
.info-ggauto > ol > li								{margin-bottom:2px; padding:15px 20px; font-size:12px; color:#404040; background-color:#fff; line-height:18px;}
.info-ggauto > ol > li > dl > dt					{margin-bottom:5px; font-weight:bold; color:#202020;}
.info-ggauto > ol > li > dl > dd					{padding:2px 5pxs; color:#555;}
.downloadFile										{padding-top:10px; text-align:center;}
.downloadFile > button								{position:relative; display:inline-block;; vertical-align:middle; margin:0 10px; padding:0 50px; height:40px; text-indent:10px; font-weight:bold; font-size:13px; color:#00689d; border:1px solid #00689d; background:transparent; -moz-transition:all .1s; -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s;}
.downloadFile > button:hover						{color:#fff; background-color:#00689d;}
.downloadFile > button > i							{position:absolute; top:50%; left:15px; z-index:10; display:block; margin-top:-15px; width:30px; height:30px; text-indent:-9999px; overflow:hidden;}
.downloadFile > button > i.down01					{background:url('/img/icon/icon-download.png') no-repeat;}
.downloadFile > button > i.down02					{background:url('/img/icon/icon-hancom.png') no-repeat;}
.downloadFile > button:hover > i.down01				{background-position:0 100%;}


/* Main Layer Popup */
.layerPop									{position:absolute; z-index:9999; padding-bottom:30px; background-color:#151515; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4);}
.pop_container								{position:relative; width:auto; min-width:400px; height:auto;}
.pop_container .popup_cloce					{position:absolute; top:0; right:-25px; z-index:50px; background-color:#151515; cursor:pointer; -moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -o-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); box-shadow:1px 1px 1px 0 rgba(0,0,0,.4);}
.pop_container > p							{position:absolute; bottom:-30px; right:15px; z-index:50px; display:block; width:auto; font-size:12px; line-height:32px; color:#fff; text-align:right;}
.pop_container > p label					{cursor:pointer;}
.popup_img									{display:block;}
.popup_text									{margin:0; padding:20px 20px 30px; width:auto; height:auto; background-color:#fff; letter-spacing:-1px;}
.popup_text > dt							{margin-bottom:15px; font-size:18px; font-weight:bold; color:#333;}
.popup_text > dd							{font-size:13px; color:#555; line-height:24px;}