@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block}
body, table, input, textarea, select, button {font-size:1em;}
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; line-height:1;}


*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
* {word-wrap:break-word; word-break:break-all;}

body.lowquality * { filter: none !important; }

/* default style  */
html,body			{width:100%; height:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
body				{margin:0; padding:0; font-size:0.75em; font-family:'NotokrR','arial'; color:#606060; background-color:#fff;}
table				{font-size:1em; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:1em; font-family:'NotokrR','arial';}
dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
button, label		{padding:0; border:none; vertical-align:middle; cursor:pointer; font-family:'NotokrR','arial'; 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;}
img					{max-width:100%;}
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:'NotokrR','arial'; font-size:1em; color:#333; border:none; background-color:#fff;}
textarea			{display:block; margin:0; padding:0; width:100%; height:120px; font-family:'NotokrR','arial'; font-size:1em; color:#000; border:none; -webkit-appearance:none; resize:none;}
input, textarea		{outline:none;}

input[type="text"], input[type="password"], input[type="tel"] {
	padding:0;
	width:100%;
	height:40px;
	font-family:'NotokrR','arial';
	font-size:1.125em;
	color:#000;
	border:none;
	background-color:#fff;
	vertical-align:middle;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align:middle;
	margin:0;
	padding:0;
}
input[type="file"]	{width:80%;}


input::-webkit-input-placeholder	{font-family:'NotokrR'; font-weight:normal; color:#aaa;}
input:-ms-input-placeholder			{font-family:'NotokrR'; font-weight:normal; color:#aaa;}
input::-moz-placeholder				{font-family:'NotokrR'; font-weight:normal; color:#aaa;}
input:-moz-placeholder				{font-family:'NotokrR'; font-weight:normal; color:#aaa;}

textarea::-webkit-input-placeholder	{font-family:'NotokrR'; font-weight:normal; color:#aaa;}
textarea:-ms-input-placeholder		{font-family:'NotokrR'; font-weight:normal; color:#aaa;}
textarea::-moz-placeholder			{font-family:'NotokrR'; font-weight:normal; color:#aaa;}
textarea:-moz-placeholder			{font-family:'NotokrR'; font-weight:normal; color:#aaa;}


input								{-webkit-appearance:none; appearance:none;}
input,textarea, button, select		{border-radius:0; -webkit-border-radius:0;}

input[readonly]						{border-color:#ccc; background-color:#f0f0f0;}


* {-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:none;}
a:active				{color:#333; text-decoration:none;}
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;}
.borderLeftNone {border-left:none !important;}
.borderRightNone {border-right: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:55px; border:none;}
h1													{margin-bottom:10px; padding-top:10px; font-family:'NotokrM'; font-weight:normal; font-size:1.3em; color:#000;}


/* Body BG */
.bg-sub												{background-color:#f5f5f5;}


/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; width:100%; height:40px; background-color:#fff;}
#select_box:after									{content:""; position:absolute; top:50%; right:10px; z-index:1; width:12px; height:12px; background:url('/img/icon/selectbox_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#select_box label									{position:absolute; top:0; left:0; font-family:'NotokrM'; font-size:1.125em; color:#000; line-height:40px;}
#select_box .selectBox								{margin:0; padding-left:5px; width:100%; height:40px; opacity:0;}


/* Checkbox Image */
.wrap-checkbox										{position:relative; display:inline-block;}
.wrap-checkbox > input								{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:20px; height:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-checkbox > label								{position:relative; padding-left:25px; font-size:1em; color:#888;}
.wrap-checkbox > label:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('/img/icon/checkbox_medium.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-checkbox > input:checked+label:before			{background-position:0 bottom;}
.wrap-checkbox > input:checked+label				{color:#000;}
.wrap-checkbox.maximum > input						{width:28px; height:28px;}
.wrap-checkbox.maximum > label						{padding-left:35px;}
.wrap-checkbox.maximum > label:before				{width:28px; height:28px; background-image:url('/img/icon/checkbox_maximum.png');}
.wrap-checkbox.angle								{margin-right:15px;}
.wrap-checkbox.angle:last-child						{margin-right:0;}
.wrap-checkbox.angle > input						{width:15px; height:15px;}
.wrap-checkbox.angle > label						{padding-left:20px;}
.wrap-checkbox.angle > label:before					{width:15px; height:15px; background-image:url('/img/icon/checkbox_angle.png');}


/* Btn Style */
.btn-style01										{display:block; width:100%; height:50px; font-family:'NotokrM'; font-size:1.4em; border-radius:0px; -webkit-border-radius:0px;}
.btn-style02										{display:block; margin:30px auto 60px; width:160px; height:40px; font-size:1.3em; border-radius:20px; -webkit-border-radius:20px;}
.btn-style03										{display:block; margin:30px auto 60px; width:60%; height:50px; font-family:'NotokrM'; font-size:1.4em; border-radius:4px; -webkit-border-radius:4px;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#142b57;}
.btn-color02										{color:#fff; background-color:#e84b65;}
.btn-color03										{color:#999; border:1px solid #f2f2f2; background-color:transparent;}


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


/* Layout Selector */
.wrap												{position:relative; min-width:320px; overflow:hidden;}
.wrap-login											{position:relative; min-width:320px; overflow:hidden; height: 100%;}
.wrap-main											{position:relative; min-width:320px; overflow:hidden;}
.wrap-main ul										{padding: 40px 60px;}
.wrap-main ul button								{ margin-top:120px; }

.container											{/*레이어팝업 blur용*/}
.fix-container										{padding-top:50px;}
.contents											{padding:15px;}
section												{position:relative; padding:10px;}
section > a											{position:absolute; top:12px; right:10px; z-index:1; font-size:1em; color:#353535;}
article												{position:relative; margin-bottom:10px; padding:15px; background-color:#fff; box-shadow:0 1px 0 0 rgba(0,0,0,.1); -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1);}
.blur												{-webkit-filter:blur(2px); filter:blur(2px); /*filter:grayscale(100%);*/}


/* Header */
header												{position:relative; display:table; width:100%; background-color:#fff;}
header.fixed										{position:fixed; top:0; left:0; z-index:1000; width:100%;}
header.transparent									{position:absolute; top:0; left:0; z-index:2000; height:50px; background:transparent;}
header > p											{margin:0 auto; width:100px; height:50px; text-indent:-9999px; background:url('/img/top/topLogo.png') center center no-repeat; background-size:100%;}
header > span										{display:table-cell; vertical-align:middle; padding-left:50px; height:50px; font-size:1.4em; color:#000;}
header > button,
header > a											{position:absolute; top:0; z-index:10; width:50px; height:50px; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-size:100% auto;}
header > button										{background-image:url('/img/top/topBack.png');}
header > a.btnLeft									{left:0;}
header > a.btnRight									{right:0;}
header > a.push										{background-image:url('/img/top/topPush.png');}
header > a.alarm									{background-image:url('/img/top/topAlarm.png');}
header > a.trash									{background-image:url('/img/top/topDelete.png');}
header > a.on										{background-position:left bottom;}
header > a.topBtn									{right:0;}
header > a.topBtn em								{position:relative; display:block; padding-top:32px; font-size:10px; color:#000; text-indent:0; text-align:center; font-family: 'NotoKrM';}
header > a.topBtn em:after							{content:""; position:absolute; top:8px; left:50%; z-index:1; width:20px; height:20px; background-size:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
header > a.topBtn.icon01 em:after					{background-image:url('/img/top/topBtn01.png');}
header > a.topBtn.icon02 em:after					{background-image:url('/img/top/topBtn02.png');}
header > a.topBtn.icon03 em:after					{background-image:url('/img/top/topBtn03.png');}
header > a.topBtn.icon04 em:after					{background-image:url('/img/top/topBtn04.png');}
header > a.topBtn.icon05 em:after					{background-image:url('/img/top/topBtn05.png');}
header > em											{position:absolute; top:0; right:0; z-index:1; width:50px; height:50px; cursor:pointer;}
header > em img										{width:100%;}
header.turn											{position:relative; z-index:2000; background:transparent;}
header.turn > p,
header.turn > button,
header.turn a										{background-position:left bottom;}
header.turn > span									{color:#fff;}
header.delay										{-webkit-transition:all .3s; transition:all .3s;}


/* Header Category */
.category											{display:block; top:50%; right:10px; padding:5px; width:30px; height:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.category > span									{position:relative; display:block; margin-top:2px; border-top:2px solid #333; border-bottom:2px solid #333; overflow:hidden;}
.category > span:after								{content:"";  position:absolute; top:50%; z-index:1; display:block; width:100%; height:2px; background-color:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* Header Multiple Button */
.multiple											{position:absolute; top:0; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.multiple > a										{display:inline-block; width:50px; height:50px; text-indent:-9999px; background-repeat:no-repeat; background-size:100% auto;}
.multiple > a.on									{background-position:left bottom;}
.multiple > a.topShare								{background-image:url('/img/top/topShare.png');}
.multiple > a.topFavorite							{background-image:url('/img/top/topFavorite.png');}
.multiple > a.topFavorite.on						{background-position:0 50%;}


/* Header Top Window */
.top-window											{position:fixed; top:0; left:0; z-index:1000; display:table; width:100%; background-color:#2d86fc;}
.top-window > span									{display:table-cell; vertical-align:middle; height:50px; font-family:'NotokrM'; font-size:1.4em; color:#fff; text-align:center;}
.top-window > button								{position:absolute; top:10px; right:10px; z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:transparent;}
.top-window > button:before							{content:""; position:absolute; top:0; left:50%; margin-left:-1px; width:1px; height:100%; background-color:#fff; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.top-window > button:after							{content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background-color:#fff; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}


/* Slide Menu */
.slide-menu											{position:fixed; top:0; left:100%; z-index:9999; width:100%; height:100vh; height:100%; background-color:#fff; -webkit-transition:all .3s ease; transition:all .3s ease;}
.slide-menu.open									{left:0;}
.slide-menu .slideHeader							{position:relative; background-color:#2d86fc;}
.slide-menu .slideHeader > button					{position:absolute; top:10px; right:10px; z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:transparent;}
.slide-menu .slideHeader > button:before,
.slide-menu .slideHeader > button:after				{content:""; position:absolute; background-color:#fff; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.slide-menu .slideHeader > button:before			{top:0; left:50%; margin-left:-1px; width:2px; height:100%;}
.slide-menu .slideHeader > button:after				{top:50%; left:0; margin-top:-1px; width:100%; height:2px;}
.slide-menu .slideHeader .wrapLogout				{display:none; padding-right:50px; width:100%;}
.slide-menu .slideHeader .wrapLogout.on				{display:table;}
.slide-menu .slideHeader .wrapLogout a				{position:relative; display:table-cell; vertical-align:middle; padding-left:45px; width:100%; height:50px; font-size:1.3em; color:#fff;}
.slide-menu .slideHeader .wrapLogout a:before		{content:""; position:absolute; top:50%; left:15px; z-index:1; width:20px; height:20px; background:url('/img/icon/icon_topLogin.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.slide-menu .slideHeader .wrapLogin					{display:none;}
.slide-menu .slideHeader .wrapLogin.on				{display:block;}
.slide-menu .slideHeader .wrapLogin ul				{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-top:1px solid rgba(255,255,255,.1);}
.slide-menu .slideHeader .wrapLogin ul li			{padding-top:14px; width:100%; height:60px; border-right:1px solid rgba(255,255,255,.1); text-align:center;}
.slide-menu .slideHeader .wrapLogin ul li:last-child{border-right:none;}
.slide-menu .slideHeader .wrapLogin ul li span		{display:block; margin-bottom:5px; font-size:1em; color:#fff; line-height:1;}
.slide-menu .slideHeader .wrapLogin ul li em		{display:block; font-family:'NotokrR'; font-size:1.8em; color:#ea9527;}
.slide-menu .slideHeader .myinfo					{padding:10px 15px;}
.slide-menu .slideHeader .myinfo p,
.slide-menu .slideHeader .myinfo strong,
.slide-menu .slideHeader .myinfo span				{display:inline-block; vertical-align:middle; margin-right:12px;}
.slide-menu .slideHeader .myinfo p					{width:30px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:50%; -webkit-border-radius:50%;}
.slide-menu .slideHeader .myinfo strong				{font-size:1.45em; color:#fff;}
.slide-menu .slideHeader .myinfo span				{position:relative; font-size:1em; color:rgba(255,255,255,.8);}
.slide-menu .slideHeader .myinfo span:before		{content:"/"; position:absolute; top:50%; left:-10px; z-index:1; width:10px; font-size:1em; color:rgba(255,255,255,.2); transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.slide-menu .slideContainer							{position:absolute; top:50px; bottom:0; left:0; right:0; overflow:hidden;}
.slide-menu .slideContainer.active					{top:111px;}
.slide-menu .slideContainer .thumbnail01			{float:left; margin-right:-1px; width:40%; height:100vh; background-color:#ffffff;} /*원래회색*/
.slide-menu .slideContainer .thumbnail01 li			{padding:0 20px; line-height:60px; font-size:1.3em; color:#333; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; cursor:pointer;}
.slide-menu .slideContainer .thumbnail01 li.on		{position:relative; z-index:1; color:#000; border-right-color:#fff; background-color:#fff;}
.slide-menu .slideContainer .thumbnail02			{float:left; padding:0 20px; width:60%; height:100vh; border-left:1px solid #e4e4e4; overflow-y:scroll; touch-action:none;}
.slide-menu .slideContainer .thumbnail02 #lv2_Scroll{height:100%;}
.slide-menu .slideContainer .thumbnail02 dl			{margin-bottom:5px; padding-top:25px;}
.slide-menu .slideContainer .thumbnail02 dl dt		{margin-bottom:10px; font-family:'NotokrM'; font-size:1.3em; color:#000;}
.slide-menu .slideContainer .thumbnail02 dl dd		{display:table; width:100%; font-size:1.2em;}
.slide-menu .slideContainer .thumbnail02 dl dd a	{display:table-cell; vertical-align:middle; padding:0 5px; height:30px; color:#666;}
.slide-menu .bottomMenu								{position:absolute; bottom:0; left:0; z-index:2; width:100%; border-top:1px solid #eee; background-color:#fff; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.slide-menu .bottomMenu:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:1px; height:15px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.slide-menu .bottomMenu a							{position:relative; display:block; width:100%; font-size:1.2em; color:#666; line-height:50px; text-indent:30px; text-align:center;}
.slide-menu .bottomMenu a:before					{content:""; position:absolute; top:50%; left:50%; z-index:1; margin-left:-30px; width:20px; height:20px; background-size:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.slide-menu .bottomMenu a.icon-set:before			{margin-left:-15px; background-image:url('/img/icon/bottom_set.png');}
.slide-menu .bottomMenu a.icon-login:before			{background-image:url('/img/icon/bottom_login.png');}
.slide-menu .bottomMenu a.icon-logout:before		{background-image:url('/img/icon/bottom_logout.png');}


/* Slider Menu */
nav{position:fixed; top:0; left:100%; z-index:9999; width:100%; height:100vh; overflow-x:scroll; background-color:#ffffff; transition:all .3s ease;}
nav .slider-top {display:flex; flex-wrap:nowrap; justify-content:space-between;}
nav .slider-top .topButtons												{display:flex; flex-wrap:nowrap; justify-content:flex-end;}
nav .slider-top .topButtons a											{margin-top:10px; margin-right:10px; width:30px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:24px;}
nav .slider-top .topButtons a.image-set						{background-image:url('/img/icon/slide_i_set.png');}
nav .slider-top .topButtons a.image-close						{background-image:url('/img/icon/slide_i_close.png');}

nav .slider-top .topLine{position:relative; display:flex; flex-wrap:nowrap; justify-content:flex-start; left:20px; top:0; padding:32px 0 12px; }
nav .slider-top .topLine dl dt{margin-bottom:8px; font-family:'NotokrR'; font-size:20px; color:#000;}
nav .slider-top .topLine dl dd	{display:flex; flex-wrap:nowrap; align-items:left; font-size:1.125em; color:#888;}
nav .slider-top .topLine dl dd b{font-size:14px; color:#ccc; font-family:'NotokrR'; font-weight: normal;}

nav .slider-top .myInfo								{display:flex; flex-wrap:nowrap; align-items:center; padding:0 20px;}
nav .slider-top .myInfo p							{margin-right:12px; width:50px; height:50px; text-indent:-9999px; background-color:#edf2f4; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:50%;}
nav .slider-top .myInfo dl dt						{margin-bottom:5px; font-size:1em; color:#555;}
nav .slider-top .myInfo dl dd						{font-family:'NotokrM'; font-size:1.5em; color:#000;}
nav .slider-top .myCar								{display:flex; flex-wrap:nowrap; margin-top:20px;}
nav .slider-top .myCar dl							{position:relative; width:100%; text-align:center;}
nav .slider-top .myCar dl:after						{content:""; position:absolute; top:50%; right:0; z-index:1; width:1px; height:30px; background-color:#f2f2f2; transform:translateY(-50%);}
nav .slider-top .myCar dl:last-child:after			{display:none;}
nav .slider-top .myCar dl dt						{margin-bottom:7px; font-family:'NotokrM'; font-size:1.7em; color:#b2b2b2;}
nav .slider-top .myCar dl dt.on						{color:#2d86fc;}
nav .slider-top .myCar dl dd						{font-size:1em; color:#888;}
nav .category-ui									{position:relative; top:0; bottom:0; width:100%; overflow-y:scroll; z-index:1;}
nav .category-ui > ul > li							{margin-bottom:20px; padding:20px; background-color:#fff;}
nav .category-ui > ul > li:last-child				{margin-bottom:0;}
nav .category-ui > ul > li em						{display:block; margin-bottom:18px; font-family:'NotokrM'; font-size:18px; color:#000;}
nav .category-ui > ul > li > ol						{display:flex; flex-wrap:wrap; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee ;}
nav .category-ui > ul > li > ol > li				{margin-bottom:20px; width:50%;}
nav .category-ui > ul > li > ol > li:last-child				{margin-bottom:0;}
nav .category-ui > ul > li > ol > li a				{font-family:'NotokrM'; font-size:14px; color:#999; }
nav .category-ui span								{display:block; text-align: center;}
nav .category-ui span button						{width:70%; height:50px; margin:0 auto; font-size:16px; color:#000; border:1px solid #000; background-color:#fff; text-align:center;}
nav.open,
nav.open .slider-top								{left:0;}
nav + .over-bg										{position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:rgba(0,0,0,0); transition:all .3s ease;}
nav.open + .over-bg									{z-index:9998; background-color:rgba(0,0,0,.5);}
.lockWrap											{height:100vh; overflow:hidden; touch-action:none;}


/* 내 프로필 수정 */
.myProfile											{display:flex; flex-wrap:nowrap; align-items:center; padding:5px 0; background-color:#fff;}
.myProfile p										{position:relative; width:50px; height:50px; text-indent:-9999px; background-color:#edf2f4; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:50%;}
.myProfile p:after									{content:""; position:absolute; bottom:-3px; right:-3px; z-index:1; width:22px; height:22px; border:2px solid #fff; background:#555 url('/img/icon/i_camera.png') no-repeat center; background-size:12px; border-radius:50%; box-shadow:0 1px 1px 0 rgba(0,0,0,.2);}
.myProfile dl										{margin-left:15px;}
.myProfile dl dt									{font-size:1.05em; color:#555;}
.myProfile dl dd									{display:flex; flex-wrap:nowrap; align-items:center; margin-top:6px; font-size:1.125em; color:#888;}
.myProfile dl dd span								{position:relative; padding-right:20px;}
.myProfile dl dd span:after							{content:""; position:absolute; top:50%; right:9px; z-index:1; width:1px; height:10px; background-color:#eee; transform:translateY(-50%);}
.myProfile dl dd span:last-child					{padding-right:0;}
.myProfile dl dd span:last-child:after				{display:none;}
.myProfile dl dd span b								{font-family:'NotokrM'; font-size:1.3em; color:#000;}


/* Login Form */
.formLogin											{padding:35px 25px;}
.formLogin > ul > li font							{font-size: 2em;  }
.formLogin > p										{display:block; margin:0 auto 40px; width:180px;}
.formLogin > ul > li								{position:relative; margin-bottom:15px; width:100%; text-align: center;}
.formLogin > ul > li input							{padding:0 10px; height:50px; font-size:1.3em; border:1px solid #e2e2e2; -webkit-transition:all .3s; transition:all .3s;}
.formLogin > ul > li input:hover					{border-color:#2d86fc;}
.formLogin > ul > li > span							{display:block; padding-right:100px;}
.formLogin > ul > li > button						{position:absolute; top:0; right:0; z-index:1; width:95px; height:50px; font-size:1.05em; color:#ffffff; background-color:#142b57; }
.formLogin > button									{margin-bottom:20px; background-color:#142b57;}
.formLogin .wrap-checkbox							{font-size:1.05em; color:#ffffff;}


/* 기기인증안내 */
.certify-phone										{position:relative; height: 100%; padding:30px 25px; margin-bottom:15px; border-top:10px solid #ededed; background-color: #e8eff9;}
.certify-phone button								{position:relative; display:block; width:100%; height:50px; font-family:'NotokrM'; font-size:1.4em; color:#142b57; background-color:#ffffff; }
.certify-phone ol									{margin-top:30px;}
.certify-phone ol li								{position:relative; margin-bottom:10px; padding-left:8px; font-size:1.05em; color:#142b57; line-height:1.3;}
.certify-phone ol li:before							{content:""; position:absolute; top:5px; left:0; z-index:1; width:4px; height:4px; border:1px solid #2d86fc; border-radius:50%; -webkit-border-radius:50%;}
.certify-phone ol li b								{color:#142b57;}


/* Main Quick Link */
.carsearch-link										{position:relative; z-index:100; margin-top:-10px; padding:10px; background-color:#fff;}
.carsearch-link > a									{display:none; position:absolute; text-indent:-9999px;}
.carsearch-link .boxLine							{-webkit-transition:all .2s ease; transition:all .2s ease;}
.carsearch-link .boxLine > span						{position:relative; display:table; width:100%; background-color:#fff; cursor:pointer; box-shadow:0 1px 4px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.2);}
.carsearch-link .boxLine > span:before				{content:""; position:absolute; top:50%; left:10px; z-index:1; width:20px; height:20px; background:url('/img/main/main_search_icon.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.carsearch-link .boxLine > span > p,
.carsearch-link .boxLine > span > em				{display:table-cell; vertical-align:middle; width:50%; height:40px;}
.carsearch-link .boxLine > span > p					{padding-left:40px; font-size:1.3em; color:#505050;}
.carsearch-link .boxLine > span > em				{padding-right:15px; font-size:1.2em; color:#404040; text-align:right;}
.carsearch-link .boxLine > span > em b				{font-family:'NotokrM'; color:#2d86fc;}
.carsearch-link.fixed								{position:fixed; top:0; right:0; z-index:1000; margin-top:0; width:100%;}
.carsearch-link.fixed > a							{display:block;}
.carsearch-link.fixed .boxLine						{padding-right:40px;}


/* Img Rolling  */
.banner-slide										{position:relative; z-index:1;}


/* Flexible Slider */
.flexslider											{position:relative; width:100%; overflow:hidden;}
.flexslider .slides > li							{display:none; -webkit-backface-visibility:hidden; background-repeat:no-repeat; background-size:cover; background-position:center; text-align:center;} /* Hide the slides before the JS is loaded. Avoids image jumping */

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


/* 성능점검장 사진촬영장 */
.inspect											{display:flex; flex-wrap:nowrap; padding:20px 0 15px;}
.inspect aside										{position:relative; width:100%;}
.inspect aside:last-child:after						{content:""; position:absolute; top:0; left:0; z-index:1; width:1px; height:100%; background-color:#eee;}
.inspect aside .place								{position:relative; padding-left:70px;}
.inspect aside .place:before						{content:""; position:absolute; top:0; left:20px; z-index:1; width:40px; height:40px; background-color:#2d86fc; background-repeat:no-repeat; background-position:center; background-size:21px; border-radius:8px;}
.inspect aside:nth-child(1) .place:before			{background-image:url('/img/main/i_inspect.png');}
.inspect aside:nth-child(2) .place:before			{background-image:url('/img/main/i_photo.png');}
.inspect aside .place em							{display:block; margin-bottom:5px; padding-top:5px; font-size:1.4em; color:#2d86fc;}
.inspect aside .place span							{display:block; font-size:1.05em; color:#333;}
.inspect .state										{display:flex; flex-wrap:nowrap; margin-top:15px; padding:0 5px;}
.inspect .state dl									{position:relative; width:100%; text-align:center;}
.inspect .state dl:last-child:before				{content:""; position:absolute; top:50%; left:0; z-index:1; width:1px; height:30px; background-color:rgba(0,0,0,.05); transform:translateY(-50%);}
.inspect .state dl dt								{margin-bottom:8px; font-size:1em; color:#888;}
.inspect .state dl dd								{font-family:'NotokrM'; font-size:2em; color:#cacaca;}
.inspect .state dl dd strong						{color:#2d86fc;}


/* 메인 메뉴 */
.main-menu {padding:20px;}
.main-menu a{display:flex; flex-wrap:wrap; align-items:center; align-content:center; margin-bottom:12px; padding:20px; background:#fff; border-radius:10px;}
.main-menu a p{display:inline-block; width:30px; height:30px; margin-right:12px;}
.main-menu a dl dt{margin-bottom:8px; font-size:16px; font-family:'NotokrM';}
.main-menu a dl dd{font-size:13px; color:#666; line-height:1.4;}


/* 메인 빠른메뉴 */
.fast-menu											{display:flex; flex-wrap:wrap; margin:-5px -15px;}
.fast-menu a										{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:33.333333%; height:90px;}
.fast-menu a p										{display:block; margin:0 auto; width:30px; height:30px;}
.fast-menu a span									{display:block; margin-top:13px; width:100%; font-size:1.125em; color:#929197; text-align:center;}


/* 메인 퀵 배너 */
.quick-banner										{margin:-10px 0;}
.quick-banner li									{position:relative; display:table; margin:15px 0; padding:0 15px; width:100%; border:1px solid #eee; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 0 0 #eee; -webkit-box-shadow:0 1px 0 0 #eee;;}
.quick-banner li:after								{content:""; position:absolute; top:50%; right:15px; z-index:1; width:50px; height:50px; background-repeat:no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.quick-banner li:first-child:after					{background-image:url('/img/main/bann_icon01.png');}
.quick-banner li:last-child:after					{background-image:url('/img/main/bann_icon02.png');}
.quick-banner li dl									{position:relative; display:table-cell; vertical-align:middle; height:90px;}
.quick-banner li dl dt								{margin-bottom:8px; font-size:1.4em; color:#2d86fc;}
.quick-banner li dl dd								{font-size:1em; color:#888; line-height:1.4;}


/* 메인 차량 더보기 */
.more												{position:absolute; top:25px; right:15px; z-index:1; font-size:1em; color:#777;}


/* 실시간 인기차량 상세 */
.car-hit											{position:relative; margin-bottom:10px; height:128px;}
.car-hit > p										{position:absolute; top:0; left:0; width:170px; height:128px; text-indent:-9999px; background-color:#f0f0f0; background-repeat:no-repeat; background-size:cover; background-position:center; cursor:pointer;}
.car-hit .hitcar-detail								{margin-left:185px;}
.car-hit .hitcar-detail > dl						{margin-bottom:5px;}
.car-hit .hitcar-detail > dl > dt,
.car-hit .hitcar-detail > dl > dt b					{line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.car-hit .hitcar-detail > dl > dt					{margin-bottom:5px; font-size:1.125em; color:#454545;}
.car-hit .hitcar-detail > dl > dt b					{display:block; font-size:1.2em; color:#000;}
.car-hit .hitcar-detail > dl > dd					{font-size:1.125em; color:#333;}
.car-hit .hitcar-detail > dl > dd strong			{vertical-align:middle; margin-right:2px; font-size:1.05em; color:#e84144;}
.car-hit .hitcar-detail > ol						{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between;}
.car-hit .hitcar-detail > ol > li					{width:50%; font-size:0.875em; color:#555; line-height:20px; border-bottom:1px solid #f0f0f0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 실시간 인기차량 리스트 */
.hitcar-list										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; overflow-x:scroll;}
.hitcar-list > li									{margin-right:10px;}
.hitcar-list > li p									{position:relative; width:90px; height:68px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-size:cover; background-position:center; cursor:pointer;}
.hitcar-list > li.on p:after						{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border:2px solid #2d86fc;}


/* 신규 입고차량 */
.recommend-car										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; overflow-x:scroll;}
.recommend-car > li									{position:relative; width:140px; border:1px solid #e2e2e2; border-right:none; cursor:pointer;}
.recommend-car > li:last-child						{border-right:1px solid #e2e2e2;}
.recommend-car > li > p								{display:block; width:140px; height:105px; text-indent:-9999px; background-color:#fbfbfb; background-repeat:no-repeat; background-size:cover; background-position:center;}
.recommend-car > li > dl							{margin:5px 0; padding:0 5px;}
.recommend-car > li > dl > dt,
.recommend-car > li > dl > dt b						{line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend-car > li > dl > dt						{margin-bottom:3px; font-size:1em; color:#454545;}
.recommend-car > li > dl > dt > b					{display:block; font-family:'NotokrM'; font-size:1.125em; color:#000;}
.recommend-car > li > dl > dd						{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.recommend-car > li > dl > dd span					{position:relative; display:block; margin-right:15px; font-size:0.875em; color:#888;}
.recommend-car > li > dl > dd span:after			{content:""; position:absolute; top:50%; right:-8px; z-index:1; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.recommend-car > li > dl > dd span:last-child:after	{display:none;}
.recommend-car > li > sub							{display:block; padding:5px; font-size:0.95em; color:#333;}
.recommend-car > li > sub > strong					{margin-right:2px; font-size:1.125em; color:#e84144;}


/* 메인 광고배너 */
.banner-img											{margin-bottom:10px;}
.banner-img img										{width:100%;}


/* Floating */
.floating											{position:relative; background-color:rgba(255,255,255,0); transition:all .2s; -webkit-transition:all .2s;}
.floating ul										{position:absolute; bottom:60px; right:-100%; z-index:1; transition:ease-out .2s; -webkit-transition:ease-out .2s;}
.floating ul li										{display:table; margin-bottom:15px; padding:0 10px; width:160px; background-color:#2d86fc; text-align:right;}
.floating ul li i,
.floating ul li span								{display:table-cell; vertical-align:middle; height:40px;}
.floating ul li i									{width:26px;}
.floating ul li span								{padding-right:15px; font-family:'NotokrM'; font-size:1.125em; color:#fff; text-indent:10px; text-align:left;}
.floating button									{position:fixed; bottom:10px; right:10px; z-index:5000; width:51px; height:51px; text-indent:-9999px; background-color:#2d86fc; box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4);}
.floating button:before,
.floating button:after								{content:""; position:absolute; background-color:#fff; -webkit-transition:transform .3s; transition:transform .3s;}
.floating button:before								{top:25px; left:15px; width:21px; height:1px;}
.floating button:after								{top:15px; left:25px; width:1px; height:21px;}
.floating.on										{position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%; background-color:rgba(255,255,255,.8);}
.floating.on ul										{right:10px;}
.floating.on button:before,
.floating.on button:after							{-webkit-transform:rotate(135deg); transform:rotate(135deg);}


/* Sub Tab Menu */
.submenu-tab										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; background-color:#fff;}
.submenu-tab.fixed									{position:fixed; top:50px; left:0; z-index:1500; width:100%;}
.submenu-tab > li									{width:100%; text-align:center;}
.submenu-tab > li > a								{display:block; font-family:'NotokrM'; font-size:1.25em; color:#888; line-height:39px; border-bottom:1px solid #ccc;}
.submenu-tab > li.on > a							{padding-top:1px; color:#2d86fc; line-height:37px; border-bottom:2px solid #2d86fc;}


/* 제조사 및 차종 검색 */
.carSearch											{padding:10px;}
.searchCombo										{margin-bottom:10px; border:1px solid #ccc; background-color:#fff;}
.searchCombo > li									{position:relative; display:table; width:100%; border-bottom:1px solid #ccc; cursor:pointer;}
.searchCombo > li:after								{content:""; position:absolute; top:50%; right:15px; z-index:1; text-indent:-9999px; width:15px; height:15px; background:url('/img/icon/combo_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.searchCombo > li:last-child						{border-bottom:none;}
.searchCombo > li > dl								{display:table-cell; vertical-align:middle; padding:0 15px; height:48px;}
.searchCombo > li > dl:after						{content:""; display:block; float:none; clear:both;}
.searchCombo > li > dl dt,
.searchCombo > li > dl dd							{float:left; font-family:'NotokrM'; font-size:1.3em; color:#000;}
.searchCombo > li > dl dt							{width:30%;}
.searchCombo > li > dl dd							{width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.searchCombo > li > dl.on dt						{color:#bebebe;}


/* 차종선택 */
.model-select										{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom:10px; border:1px solid #ccc; border-bottom:none; background-color:#fff;}
.model-select li									{width:25%; height:70px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; cursor:pointer;}
.model-select li:nth-child(4n)						{border-right:none;}
.model-select li span								{position:relative; display:block; padding-top:48px; font-size:0.95em; color:#777; text-align:center;}
.model-select li span:before						{content:""; position:absolute; top:5px; left:50%; z-index:1; width:70px; height:40px; background-repeat:no-repeat; background-size:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.model-select li:nth-child(1) span:before			{background-image:url('/img/icon/model_img01.png');}
.model-select li:nth-child(2) span:before			{background-image:url('/img/icon/model_img02.png');}
.model-select li:nth-child(3) span:before			{background-image:url('/img/icon/model_img03.png');}
.model-select li:nth-child(4) span:before			{background-image:url('/img/icon/model_img04.png');}
.model-select li:nth-child(5) span:before			{background-image:url('/img/icon/model_img05.png');}
.model-select li:nth-child(6) span:before			{background-image:url('/img/icon/model_img06.png');}
.model-select li:nth-child(7) span:before			{background-image:url('/img/icon/model_img07.png');}
.model-select li:nth-child(8) span:before			{background-image:url('/img/icon/model_img08.png');}
.model-select li.on									{background-color:#2d86fc;}
.model-select li.on span							{color:#fff;}


/* 차량검색옵션 */
.searchOption										{margin-bottom:10px;}
.searchOption > li									{position:relative; margin-bottom:10px; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.searchOption > li:after							{content:""; position:absolute; top:50%; right:20px; z-index:1; width:12px; height:12px; background:url('/img/icon/selectbox_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.searchOption > li > dl								{display:table; padding:0 15px; width:100%;}
.searchOption > li > dl > dt,
.searchOption > li > dl > dd						{display:table-cell; vertical-align:middle; height:48px; font-size:1.2em;}
.searchOption > li > dl > dt						{width:30%; color:#404040;}
.searchOption > li > dl > dd						{width:70%; font-family:'NotokrM'; color:#000;}


/* 차량상세검색 */
.searchDetail										{margin:0 -10px; border-top:1px solid #ddd; background-color:#fff;}
.searchDetail > li									{padding:15px; border-bottom:1px solid #ddd;}
.searchDetail > li > p								{display:block; margin-bottom:8px; font-family:'NotokrM'; font-size:1.25em; color:#404040;}
.searchDetail > li > input							{padding:0 10px; border:1px solid #eee; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.searchDetail > li > input:hover					{border-color:#2d86fc;}
.searchDetail > li > span							{display:block; padding:10px 0; font-size:1.25em; text-align:center;}
.searchDetail > li > span .wrap-checkbox			{margin-right:40px;}
.searchDetail > li > span .wrap-checkbox:last-child	{margin-right:0;}
.detail-searchBox.on								{border:2px solid #584e44;}
.detail-searchBox.on > button						{border-bottom:2px solid #584e44; background-position:100% 100%;}
.detail-searchBox.on .openDetail					{display:block;}


/* 차량검색 선택박스 */
.check-option										{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.check-option li									{position:relative; padding:6px 0; width:33.333333%;}
.check-option li label								{padding-left:18px; font-size:1.125em; color:#999;}
.check-option li label b							{font-weight:normal; font-size:0.8em;}
.check-option li label:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:15px; height:15px; background:url('/img/icon/checkbox_minimum.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.check-option li.on label:before					{background-position:100% bottom;}
.check-option li.on label							{color:#2d86fc;}


/* 차량검색팝업 */
.step-wrap											{position:relative; padding:50px 10px 10px;}
.step-wrap > a										{position:absolute; z-index:1;}
.step-wrap > a.popReset								{top:12px; left:10px; padding-left:25px; line-height:25px; font-size:1.125em; color:#333; background:url('/img/icon/step_reset.png') no-repeat left center; background-size:20px;}
.step-wrap > a.popClose								{top:10px; right:10px; text-indent:-9999px; width:30px; height:30px;}
.step-wrap > a.popClose:before,
.step-wrap > a.popClose:after						{content:""; position:absolute; background-color:#000; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.step-wrap > a.popClose:before						{top:0; left:14px; width:2px; height:30px;}
.step-wrap > a.popClose:after						{top:14px; left:0; width:30px; height:2px;}
.step-wrap .stepList								{border:1px solid #ccc; border-bottom:none; background-color:#fff;}
.step-wrap .stepList > em							{display:block; margin:-1px -1px 0; padding:0 15px; font-size:1.125em; color:#fff; line-height:30px; background-color:#2d86fc;}
.step-wrap .stepList > ol > li						{border-bottom:1px solid #ccc; cursor:pointer;}
.step-wrap .stepList > ol > li > dl					{display:table; width:100%; padding:0 15px;}
.step-wrap .stepList > ol > li > dl > dt,
.step-wrap .stepList > ol > li > dl > dd			{display:table-cell; vertical-align:middle; height:50px;}
.step-wrap .stepList > ol > li > dl > dt			{width:80%; font-size:1.25em; color:#333;}
.step-wrap .stepList > ol > li > dl > dt strong		{padding-left:20px; color:#000; background:url('/img/icon/text_icon.png') no-repeat; background-size:15px;}
.step-wrap .stepList > ol > li > dl > dd			{width:20%; font-size:1.125em; color:#999; text-align:right;}
.step-wrap .stepList > ol > li label				{position:relative; padding-left:40px; color:#777; background:url('/img/icon/text_icon.png') no-repeat left center; background-size:15px;}
.step-wrap .stepList > ol > li label:before			{content:""; position:absolute; top:50%; left:20px; z-index:1; margin-top:-8px; width:15px; height:15px; background:url('/img/icon/checkbox_minimum.png') no-repeat; background-size:100% auto;}
.step-wrap .stepList > ol > li.on label				{color:#2d86fc;}
.step-wrap .stepList > ol > li.on label:before		{background-position:100% bottom;}
.step-wrap .stepList > ol > li.lock					{cursor:default;}
.step-wrap .stepList > ol > li.lock > dl > dt label,
.step-wrap .stepList > ol > li.lock > dl > dd		{color:#ddd;}
.step-wrap .stepList > ol > li.lock label			{background-image:url('/img/icon/text_icon_lock.png');}


/* 하위리스트 */
.step-wrap .stepList > span							{display:block; border-bottom:1px solid #d6d6d6; background-color:#ccc;}
.step-wrap .stepList > span > dl					{display:table; width:100%; padding:0 15px; color:#fff;}
.step-wrap .stepList > span > dl > dt,
.step-wrap .stepList > span > dl > dd				{display:table-cell; vertical-align:middle; height:40px;}
.step-wrap .stepList > span > dl > dt				{width:70%;}
.step-wrap .stepList > span > dl > dt strong		{display:inline-block; vertical-align:middle; font-size:1.2em;}
.step-wrap .stepList > span > dl > dd				{width:30%; font-size:1.125em; text-align:right;}
.step-wrap .stepList > span > dl > dt a				{display:inline-block; vertical-align:middle; margin-left:10px; width:16px; height:16px; text-indent:-9999px; background:url('/img/icon/step_delete.png') no-repeat; background-size:100%;}


/* 차종리스트 */
.step-wrap .stepList > ol.model-list > li			{position:relative;}
.step-wrap .stepList > ol.model-list > li > p		{position:absolute; top:0; left:10px; z-index:10; display:block; width:60px; height:60px;}
.step-wrap .stepList > ol.model-list > li > p img	{width:100%; height:100%;}
.step-wrap .stepList > ol.model-list > li > dl		{height:60px;}
.step-wrap .stepList > ol.model-list > li > dl > dt	{text-indent:75px;}


/* 차량검색결과 */
.carArray											{position:relative; display:table; width:100%; background-color:#fff;}
.carArray > span									{display:table-cell; vertical-align:middle; padding:0 10px; height:40px; font-size:1.2em; color:#000;}
.carArray > span > b								{margin:0 2px 0 5px;}
.carArray > div										{position:absolute !important; top:0; right:5px; z-index:10; width:100px !important; font-size:1em;}


/* 보증인증마크 */
.band												{position:absolute; top:10px; z-index:5; width:0; height:0; border-style:solid; text-align:center;}
.band:after											{position:absolute; z-index:1; width:40px; height:40px; font-family:'NotokrM'; font-size:0.75em; color:#fff;}
.band.certify										{left:10px; border-width:30px 30px 0 0; border-color:#e84b65 transparent transparent transparent;}
.band.certify:after									{content:"인증"; top:-29px; left:1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.band.warranty										{left:100px; border-width:0 30px 30px 0; border-color:transparent #aeddec transparent transparent;}
.band.warranty:after								{content:"EW"; top:2px; left:-11px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.square-band										{position:absolute; bottom:55px; right:40px; z-index:1;display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.square-band > span									{margin-left:5px; width:30px; line-height:18px; font-family:'NotokrM'; font-size:0.75em; color:#fff; text-align:center;}
.square-band > span.certify							{background-color:#e84b65;}
.square-band > span.warranty						{background-color:#aeddec;}


/* 차량검색결과 리스트형 */
.resultList > li									{position:relative; display:table; padding:10px; width:100%; border-bottom:1px solid #e7e7e7; background-color:#fff; cursor:pointer; overflow:hidden;}
.resultList > li > p								{display:block; position:absolute; top:10px; left:10px; z-index:1; width:120px; height:90px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-size:cover; background-position:center;}
.resultList > li > dl								{display:table-cell; vertical-align:middle; padding-left:130px; width:100%; height:90px;}
.resultList > li > dl > dt							{font-size:1.125em; color:#555; line-height:1.6;}
.resultList > li > dl > dt > strong					{display:block; font-size:1.2em; color:#000;}
.resultList > li > dl > dd							{margin-top:3px; font-size:1.05em; color:#333;}
.resultList > li > dl > dd:after					{content:""; display:block; float:none; clear:both;}
.resultList > li > dl > dd > span					{position:relative; float:left; padding-right:11px; font-size:1em; color:#888;}
.resultList > li > dl > dd > span:after				{content:""; position:absolute; top:50%; right:4px; z-index:1; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.resultList > li > dl > dd > span:last-child		{padding-right:0;}
.resultList > li > dl > dd > span:last-child:after	{right:-9999px;}
.resultList > li > dl > dd > b						{display:inline-block; margin-top:5px; padding-right:2px; font-size:1.25em; color:#b30000;}
.resultList > li > i								{position:absolute; bottom:5px; right:5px; z-index:1; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/icon_add.png') no-repeat left top; background-size:100% auto;}
.resultList > li > i.on								{background-position:left bottom;}


/* 차량검색결과 바둑판형 */
.resultGrid > li									{position:relative; padding:10px 0 15px 10px; border-bottom:1px solid #e7e7e7; overflow:hidden; cursor:pointer;}
.resultGrid > li:last-child							{border-bottom:none;}
.resultGrid > li > ol								{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; overflow-x:scroll;}
.resultGrid > li > ol > li							{padding-right:10px;}
.resultGrid > li > ol > li > p						{display:block; width:300px; height:180px; text-indent:-9999px; background-color:#f0f0f0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.resultGrid > li > dl								{padding:10px 5px 5px;}
.resultGrid > li > dl > dt							{font-size:1.25em; color:#555; line-height:1.6;}
.resultGrid > li > dl > dt > strong					{display:block; font-size:1.2em; color:#000;}
.resultGrid > li > dl > dd							{margin-top:5px; font-size:1em;}
.resultGrid > li > dl > dd:after					{content:""; display:block; float:none; clear:both;}
.resultGrid > li > dl > dd > span					{position:relative; float:left; padding-right:14px; font-size:1.125em; color:#888;}
.resultGrid > li > dl > dd > span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.resultGrid > li > dl > dd > span:last-child		{padding-right:0;}
.resultGrid > li > dl > dd > span:last-child:after	{right:-9999px;}
.resultGrid > li > em								{position:absolute; bottom:20px; right:10px; z-index:1; font-size:1.3em; color:#333;}
.resultGrid > li > em b								{display:inline-block; padding-right:2px; font-size:1.2em; color:#b30000;}
.resultGrid > li > i								{position:absolute; bottom:50px; right:5px; z-index:1; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/icon_add.png') no-repeat left top; background-size:100% auto;}
.resultGrid > li > i.on								{background-position:left bottom;}


/* 차량상세사진 */
.photo-slide										{position:relative; z-index:0; margin-top:-50px; overflow:hidden;}
.photo-slide .slides > li							{display:none; -webkit-backface-visibility:hidden;}
.photo-slide .slides img							{width:100%; display:block;}
.photo-slide > span									{display:block; position:absolute; bottom:10px; right:10px; z-index:2; padding:0 10px; font-size:1em; color:#fff; line-height:20px; background-color:rgba(0,0,0,.4); border-radius:10px; -webkit-border-radius:10px;}
.photo-slide:before									{content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:50px; text-indent:-9999px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(0, 0, 0)),
		color-stop(1, rgb(0, 0, 0))
	);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
}
.photo-slide .slides > li:first-child				{display: block; -webkit-backface-visibility: visible;} 


/* 한줄광고 */
.lineText											{padding:0 5px; font-size:1em; color:#fff; line-height:30px; background-color:#2d86fc; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 상세보증마크 */
.band-tag											{position:absolute; top:50px; left:15px; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.band-tag > span									{margin-right:5px; padding:0 10px; line-height:20px; font-family:'NotokrM'; font-size:1em; color:#fff; text-align:center;}
.band-tag > span.certify							{background-color:#e84b65;}
.band-tag > span.warranty							{background-color:#aeddec;}


/*추천키워드*/
.keywordList										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; padding:0 15px;}
.keywordList span									{margin-top:15px; margin-right:5px; padding:5px; font-size:0.875em; color:#2d86fc; border:1px solid #608bef;}


/* 차량이름가격 */
.info-car											{position:relative; padding:20px 15px; min-height:120px;}
.info-car dt										{margin-bottom:8px; font-family:'NotokrM'; font-size:1.5em; color:#000; line-height:1.2;word-break:keep-all;}
.info-car dd										{line-height:1;}
.info-car dd > span									{position:relative; display:inline-block; padding-right:15px; font-size:1.05em; color:#777;}
.info-car dd > span:after							{content:""; position:absolute; top:50%; right:6px; z-index:1; margin-top:-2px; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%;}
.info-car dd > span:last-child						{padding-right:0;}
.info-car dd > span:last-child:after				{right:-9999px;}
.info-car > em										{position:absolute; bottom:25px; right:15px; z-index:1; font-size:1.3em; color:#333;}
.info-car > em b									{display:inline-block; padding-right:2px; font-size:1.2em; color:#b30000;}


/* 차량상태 */
.mark												{display:inline-block; vertical-align:middle; padding:0 12px; font-family:'NotokrM'; font-size:12px; line-height:20px; text-align:center; border-radius:3px; -webkit-border-radius:3px;}
.status01											{color:#fff; background-color:rgba(50,98,210,.95);}
.status02											{color:#fff; background-color:rgba(232,75,101,.95);}
.status03											{color:#fff; background-color:rgba(255,69,0,.95);}
.status04											{color:#fff; background-color:rgba(154,205,50,.95);}
.status05											{color:#fff; background-color:rgba(50,98,210,.95);}
.parking											{line-height:18px; color:#333; border:1px solid #ddd; background-color:#fff; }


/* 차량상세 매물현황 */
.conditions											{margin-top:15px;}
.conditions:after									{content:""; display:block; float:none; clear:both;}
.conditions i										{float:left; margin-right:5px;}


/* 빠른메뉴가기 */
.quickBtn											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; padding:0 15px 20px; border-bottom:1px solid #d7d7d7;}
.quickBtn button									{position:relative; margin-right:-1px; width:100%; height:40px; font-family:'NotokrM'; font-size:1.05em; color:#333; text-indent:15px; border:1px solid #d7d7d7; background-color:transparent;}
.quickBtn button:before								{content:""; position:absolute; top:50%; left:10px; z-index:1; width:14px; height:14px; background-repeat:no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.quickBtn button:nth-child(1):before				{background-image:url('/img/icon/qm01.png');}
.quickBtn button:nth-child(2):before				{background-image:url('/img/icon/qm02.png');}
.quickBtn button:nth-child(3):before				{background-image:url('/img/icon/qm03.png');}
.quickBtn button:nth-child(4):before				{left:15px; background-image:url('/img/icon/qm04.png');}


/* 차량상세틀 */
.infoDetail											{padding:10px; background-color:#ededed;}
.infoDetail > section								{margin-bottom:10px; padding:25px 15px; border-bottom:1px solid #d7d7d7; background-color:#fff;}
.infoDetail > section > em							{display:block; margin-bottom:15px; font-family:'NotokrM'; font-size:1.4em; color:#000; text-align:center;}
.sectionButton										{position:relative; z-index:2; margin:-11px 0 10px; width:100%; height:45px; font-size:1.125em; color:#999; border-top:1px solid #eee; border-bottom:1px solid #d7d7d7; background-color:#fcfcfc;}


/* 상세내용틀 */
.carInfo-type > dl									{display:table; width:100%;}
.carInfo-type > dl > dt,
.carInfo-type > dl > dd								{display:table-cell; vertical-align:middle; height:24px; font-size:1.125em;}
.carInfo-type > dl > dt								{width:40%; color:#666;}
.carInfo-type > dl > dd								{width:60%; color:#000; text-align:right;}


/* 주요옵션 */
.main-option										{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 -15px; padding-bottom:5px; border-bottom:1px solid #f0f0f0;}
.main-option > li									{position:relative; padding-top:40px; width:25%; height:70px; font-size:1.05em; color:#bbb; text-align:center;}
.main-option > li:before							{content:""; position:absolute; top:0; left:50%; z-index:1; width:34px; height:34px; background-repeat:no-repeat; background-size:100% auto;  transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.main-option > li:nth-child(1):before				{background-image:url('/img/icon/option_icon_navi.png');}
.main-option > li:nth-child(2):before				{background-image:url('/img/icon/option_icon_sunroof.png');}
.main-option > li:nth-child(3):before				{background-image:url('/img/icon/option_icon_key.png');}
.main-option > li:nth-child(4):before				{background-image:url('/img/icon/option_icon_hipass.png');}
.main-option > li:nth-child(5):before				{background-image:url('/img/icon/option_icon_rearview.png');}
.main-option > li:nth-child(6):before				{background-image:url('/img/icon/option_icon_leather.png');}
.main-option > li:nth-child(7):before				{background-image:url('/img/icon/option_icon_heating.png');}
.main-option > li:nth-child(8):before				{background-image:url('/img/icon/option_icon_cooling.png');}
.main-option > li.on								{color:#000;}
.main-option > li.on:before							{background-position:0 bottom;}


/* 옵션정보 */
.info-option										{margin:0 -15px;}
.info-option > li									{padding:20px 10px; border-bottom:1px solid #eee;}
.info-option > li:last-child						{border-bottom:none;}
.info-option > li > strong							{display:block; margin-bottom:5px; padding-left:5px; font-size:1.3em; color:#333;}
.info-option > li > ol								{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.info-option > li > ol > li							{margin-top:5px; padding:0 5px; width:50%;}
.info-option > li > ol > li label					{position:relative; display:block; padding:5px 0 5px 18px; font-size:0.97em; color:#bbb; letter-spacing:-.5px;}
.info-option > li > ol > li label:before			{content:""; position:absolute; top:5px; left:0; z-index:1; width:15px; height:15px; background:url('/img/icon/checkbox_minimum.png') no-repeat; background-size:100% auto;}
.info-option > li > ol > li.on label:before			{background-position:left bottom;}
.info-option > li > ol > li.on label				{color:#000;}


/* 외부성능점검내역 */
.external											{position:relative;}
.external:before									{content:""; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background-color:rgba(255,255,255,.8);}
.external:after										{content:"외부성능"; position:absolute; top:50%; left:50%; z-index:10; margin:-27px 0 0 -100px; width:200px; line-height:50px; font-family:'NotokrM'; font-size:2em; color:#e84b65; text-indent:5px; border:2px dashed #e84b65; text-align:center; letter-spacing:10px; transform:rotate(-25deg);}
.external > button									{position:relative; z-index:10;}


/* 추천키워드 */
.demoCard										{margin:0 -15px;}
.demoCard > li									{padding:20px 10px; border-bottom:1px solid #eee;}
.demoCard > li:last-child						{border-bottom:none;}
.demoCard > li > strong							{display:block; margin-bottom:5px; padding-left:5px; font-size:1.3em; color:#333;}
.demoCard > li > ol								{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.demoCard > li > ol > li						{margin-top:5px; padding:0 5px; width:33.3%;}
.demoCard > li > ol > li label					{position:relative; display:block; padding:5px 0 5px 18px; font-size:1em; color:#bbb; letter-spacing:-.5px;}
.demoCard > li > ol > li label:before			{content:""; position:absolute; top:5px; left:0; z-index:1; width:15px; height:15px; background:url('/img/icon/checkbox_minimum.png') no-repeat; background-size:100% auto;}
.demoCard > li > ol > li.on label:before		{background-position:left bottom;}
.demoCard > li > ol > li.on label				{color:#000;}


/* 상세설명 */
.explain											{padding:5px 0; font-size:1em; color:#555; line-height:1.4em;}
.explain.off										{height:70px; overflow:hidden;}


/* 판매자 정보 */
.seller-info										{position:relative; padding-left:115px; min-height:125px;}
.seller-info > p									{position:absolute; top:0; left:0; z-index:1; width:100px; height:125px; text-indent:-9999px; background-repeat:no-repeat; background-size:cover;}
.seller-info > dl > dt								{margin-bottom:2px; font-size:0.875em; color:#999;}
.seller-info > dl > dd								{margin-bottom:6px; font-family:'NotokrM'; font-size:1.125em; color:#333;}
.seller-more										{margin:10px 0 -10px; width:100%; height:50px; font-size:1.4em; color:#fff; background-color:#2d86fc; border-radius:3px; -webkit-border-radius:3px;}


/* 사진보기 */
.imageAll li img									{width:100%;}


/* No Data */
.noData												{margin-top:80px; padding:100px 0; font-size:1.2em; color:#ccc; background:url('/img/icon/nodata_icon.png') no-repeat center top; background-size:90px; text-align:center;}


/* Table Chart */
.table-chart										{border-top:1px solid #333;}
.table-chart table									{width:100%; text-align:left;}
.table-chart table th,
.table-chart table td								{padding:5px 10px; height:40px; font-size:1em; color:#333; line-height:1.2; border-bottom:1px solid #ccc;}
.table-chart table th								{font-family:'NotokrM'; background-color:#f3f3f3;}


/* 하단고정 차량검색 버튼 */
.quick-search-button								{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; position:fixed; bottom:0; left:0; z-index:50; width:100%; background-color:#142b57;}
.quick-search-button li								{display:table; width:75%; text-align:center;}
.quick-search-button li a							{display:table-cell; vertical-align:middle; height:55px; font-size:16px; color:#fff;}
.quick-search-button li a span						{position:relative; display:block; font-size:16px;}
.quick-search-button li a span:before				{/*content:"";*/ position:absolute; top:0; left:50%; z-index:1; margin-left:-10px; width:20px; height:20px; background:url('/img/icon/quick_reset.png') no-repeat; background-size:100%;}
.quick-search-button li a b							{display:inline-block; margin:0 2px 0 5px;}
.quick-search-button li:first-child					{width:25%; background-color:#fff;}
.quick-search-button li:first-child a				{color:#142b57; border:1px solid #142b57;}


/* 하단고정 차량상세 버튼 */
.quick-bottom-view									{position:fixed; bottom:0; left:0; z-index:50; width:100%;}
.quick-bottom-view:after							{content:""; display:block; float:none; clear:both;}
.quick-bottom-view li								{float:left; display:table; width:50%;}
.quick-bottom-view li button						{position:relative; width:100%; height:52px; font-size:1.4em; color:#fff; text-indent:30px; background-color:#142b57;}
.quick-bottom-view li button:last-child				{border-left:1px solid rgba(255,255,255,.1);}
.quick-bottom-view li button:before					{content:""; position:absolute; top:50%; left:50%; z-index:1; margin-top:-15px; margin-left:-50px; width:30px; height:30px; background-repeat:no-repeat; background-size:100%;}
.quick-bottom-view li:first-child button:before		{background-image:url('/img/icon/quick-bottom01.png');}
.quick-bottom-view li:last-child button:before		{background-image:url('/img/icon/quick-bottom02.png');}


/* 하단고정 멀티 버튼 */
.quick-multiple										{position:fixed; bottom:0; left:0; z-index:5; width:100%; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.quick-multiple button								{position:relative; width:100%; height:52px; font-size:1.4em;}
.quick-multiple button img,
.quick-multiple button span							{display:inline-block; vertical-align:middle;}
.quick-multiple button img							{width:20px;}
.quick-multiple button span							{margin-left:10px;}
.quick-multiple.single button						{font-size:1.5em; color:#fff; background-color:#142b57;}
.quick-multiple.otherColor button					{color:#fff; background-color:#2d86fc;}
.quick-multiple.dual button:first-child				{color:#142b57; background-color:#fff; border:1px solid #142b57;}
.quick-multiple.dual button:last-child				{color:#fff; background-color:#142b57;}
.quick-multiple.triple button:nth-child(1)			{color:#142b57; background-color:#fff; border:1px solid #142b57;}
.quick-multiple.triple button:nth-child(2)			{color:#fff; background-color:#142b57;}
.quick-multiple.triple button:nth-child(3)			{color:#fff; background-color:#2d86fc;}


/* 차량검색팝업 버튼 */
.quick-step-btn										{position:fixed; bottom:0; left:0; z-index:50; width:100%; height:52px; font-size:1.6em; color:#fff; background-color:#e84b65; text-align:center;}
.quick-step-btn > b									{display:inline-block; margin-left:5px; font-weight:normal; font-size:0.875em;}


/* 영상 Layer */
.layerVideo											{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layerVideo:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
.layerVideo .player-container						{position:absolute; top:50%; left:0; z-index:9999; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.layerVideo .player-container .support				{position:relative; margin:0 10px;}
.layerVideo .player-container .support a			{position:absolute; top:-40px; right:0; z-index:1; width:30px; height:30px; text-indent:-9999px;}
.layerVideo .player-container .support a:before,
.layerVideo .player-container .support a:after		{content:""; position:absolute; background-color:#fff; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.layerVideo .player-container .support a:before		{top:0; left:14px; width:2px; height:30px;}
.layerVideo .player-container .support a:after		{top:14px; left:0; width:30px; height:2px;}


/* Layer View */
.layerView											{position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%;}
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity:.4;}
.layer-body											{position:absolute; top:50%; left:0; z-index:1; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.layer-box											{margin:0 20px; background-color:#fff; border-radius:5px; -webkit-border-radius:5px;}
.layer-header										{position:relative; padding-top:5px;}
.layer-header em									{display:block; padding:20px; font-family:'NotokrM'; font-size:1.5em; color:#000;}
.layer-header em sub								{display:block; margin-top:5px; font-size:12px; color:#777; line-height:1.2;}
.layer-header a										{position:absolute; top:10px; right:10px; z-index:1; width:40px; height:40px; text-indent:-9999px;}
.layer-header a:before,
.layer-header a:after								{content:""; position:absolute; background-color:#000; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.layer-header a:before								{top:5px; left:19px; width:2px; height:30px;}
.layer-header a:after								{top:19px; left:5px; width:30px; height:2px;}
.layer-container									{padding:0 20px 20px;}
.layerBtn							{display:block; margin:15px auto 0; width:100%; height:40px; font-size:1.3em; color:#fff; background-color:#142b57; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.otherform											{position:relative; padding:30px; background-color:#2d86fc;}
.otherform > a										{position:absolute; top:-40px; right:0; z-index:1; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/layer_close_w.png') no-repeat; background-size:100%;}
.otherform > a:before,
.otherform > a:after								{content:""; position:absolute; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.otherform > a:before								{top:0; left:15px; width:1px; height:100%;}
.otherform > a:after								{top:15px; left:0; width:100%; height:1px;}
.carNumber span										{display:block; padding:10px 0 20px; font-family:'NotokrM'; font-size:1.4em; color:#fff; text-align:center;}
.carNumber input,
.carNumber button									{border-radius:3px; -webkit-border-radius:3px;}
.carNumber input									{height:50px; font-family:'NotokrM'; font-size:1.8em; color:#2d86fc; text-align:center;}
.carNumber button									{margin:10px 0; width:100%; height:50px; font-size:1.4em; color:#fff; background-color:#e84b65;}


/* Layer Scroll */
.combobox-scroll									{max-height:369px; /*border:1px solid #ddd;*/ overflow-y:scroll;}
.combobox-scroll > ol li							{display:table; width:100%; /*border-bottom:1px solid #ddd;*/}
.combobox-scroll > ol li:last-child					{border-bottom:none;}
.combobox-scroll > ol li .wrap-checkbox				{display:table-cell; vertical-align:middle; height:45px; font-size:1.2em;}
.combobox-scroll > ol li .wrap-checkbox > label		{display:block; padding-left:45px; line-height:45px;}
.combobox-scroll > ol li .wrap-checkbox > input,
.combobox-scroll > ol li .wrap-checkbox > label:before{left:10px;}
.combobox-scroll > ol li span						{display:block; padding:0 10px; font-size:1.2em; line-height:45px; cursor:pointer;}
.combobox-scroll > ol li span img					{margin-right:10px; height:30px;}
.combobox-scroll > ol li.on > span					{color:#2d86fc;}
.combobox-scroll > ol li > ol						{border-top:1px solid #ddd; background-color:#f9f9f9;}
.combobox-scroll > ol li > ol > li > span			{padding-left:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* Layer Dual Combobox */
.dual-combobox										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.dual-combobox > li									{width:100%;}
.dual-combobox > li:last-child .combobox-scroll		{border-left:none;}


/* Layer 입력창 */
.message-input input[type="text"],
.message-input input[type="tel"],
.message-input input[type="password"]				{margin-bottom:15px; padding:0 10px; height:50px; font-family:'NotokrM'; font-size:1.4em; border:1px solid #ddd;}
.message-input input[type="text"]:focus,
.message-input input[type="tel"]:focus,
.message-input input[type="password"]:focus			{border-color:#2d86fc;}
.message-input input:last-child						{margin-bottom:0;}
.message-input input::-webkit-input-placeholder		{font-size:0.875em;}
.message-input input:-ms-input-placeholder			{font-size:0.875em;}
.message-input input::-moz-placeholder				{font-size:0.875em;}
.message-input input:-moz-placeholder				{font-size:0.875em;}


/* Popup Button */
.popup-button										{display:flex; flex-wrap:nowrap; margin:0 -5px; padding-top:25px;}
.popup-button button								{margin:0 5px; border-radius:4px;}
.popup-button.onlyone button						{margin:0 auto; width:150px;}


/* Popup Calendar Date */
.calendar-wrap										{margin:0 20px; padding:20px 20px 25px; background-color:#fff; border-radius:5px; -webkit-border-radius:5px;}
.date-selection										{display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-bottom:10px; padding:0 7px;}
.date-selection em									{font-family:'NotokrM'; font-size:1.4em; color:#222;}
.date-selection button								{position:relative; width:27px; height:27px; text-indent:-9999px; background-color:transparent;}
.date-selection button:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:8px; height:13px; background:url('/img/icon/arrow_calendar.png') no-repeat; background-size:auto 100%; transform:translate(-50%,-50%);}
.date-selection button.prev:after					{background-position:top left;}
.date-selection button.next:after					{background-position:top right;}


/* Table Calendar */
.table-calendar table								{width:100%;}
.table-calendar table th,
.table-calendar table td							{height:40px; text-align:center;}
.table-calendar table th							{font-weight:normal; font-size:1em; color:#bbb;}
.table-calendar table td							{position:relative; z-index:1; font-size:1.125em; color:#464646;}
.table-calendar table td.today						{color:#2d86fc;}
.table-calendar table td.on,
.table-calendar table td:active						{color:#fff;}
.table-calendar table td.on:before,
.table-calendar table td:active:before				{content:""; position:absolute; top:50%; left:50%; z-index:-1; width:30px; height:30px; background-color:#2d86fc; transform:translate(-50%,-50%); border-radius:50%;}


/* Layer 구입상담하기 개인정보안내 */
.collect											{margin-top:15px; padding-bottom:5px;}
.collect ol											{margin-bottom:15px; padding:10px; border:1px solid #eee;}
.collect ol li										{margin-top:3px; font-size:0.75em; color:#aaa; line-height:1.2;}
.collect ol li strong								{display:block; margin-bottom:5px; font-weight:normal; font-size:1.2em; color:#333;}
.collect label										{font-size:1.05em;}


/* Layer 락설정 락해제 */
.lock-caution										{display:block; padding-top:5px; font-size:1.125em; color:#000; text-align:center;}
.unlock-set 										{font-size:1.25em;}
.unlock-set > em									{display:block; padding-top:20px; font-size:0.875em; color:#606060; line-height:1.2;}
.unlock-set > span									{display:block; margin-top:20px; text-align:center;}


/* 공유하기 */
.share-list											{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom:10px; padding-top:5px;}
.share-list a										{margin-bottom:5px; padding:5px; width:25%;}
.share-list a p										{display:block; margin:0 auto; width:50px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%;}
.share-list a p img									{width:100%;}
.share-list a span									{display:block; margin-top:7px; font-size:1.05em; color:#454545; text-align:center;}
.copy												{font-size:1.05em; color:#000; line-height:42px; border:1px solid #ddd; text-align:center; transition:all .8s; -webkit-transition:all .8s;}
.copy:active										{border-color:#2d86fc;}


/* 구입비용계산기 */
.purchase-cost										{margin-top:5px; padding:0 25px;}
.purchase-cost dl									{display:table; width:100%; border-bottom:1px solid #ddd;}
.purchase-cost dt,
.purchase-cost dd									{display:table-cell; vertical-align:middle; height:45px; font-size:1.125em;}
.purchase-cost dt									{color:#888;}
.purchase-cost dd									{color:#000; text-align:right;}
.purchase-cost dd strong							{color:#2d86fc;}
.purchase-cost dd b									{color:#000;}
.purchase-cost dd .wrap-checkbox					{margin-right:15px;}
.purchase-cost dd .wrap-checkbox:last-child			{margin-right:0;}


/* 구입비용계산기 결과 */
.monthly-result										{margin:20px 25px; padding:12px 0 15px; border:5px solid #e9e9e9; text-align:center;}
.monthly-result em,
.monthly-result span								{display:inline-block; line-height:24px;}
.monthly-result em									{margin-right:20px; font-size:1.2em; color:#151515;}
.monthly-result span								{font-size:1.3em; color:#666;}
.monthly-result span b								{margin-right:3px; font-size:1.125em; color:#2d86fc;}


/* 할부금계산기 */
.installment										{padding:10px;}
.installment > li									{margin-bottom:10px; padding:20px 10px; background-color:#fff; overflow:hidden;}
.installment > li:last-child						{margin-bottom:0;}
.installment > li .clause							{position:relative;}
.installment > li .clause strong					{font-size:1.3em; color:#000;}
.installment > li .clause span						{position:absolute; top:-5px; right:0; z-index:10; width:130px;}
.installment > li .clause span input				{padding:0 5px; width:100px; height:30px; font-family:'NotokrM'; color:#2d86fc; border:1px solid #e2e2e2; text-align:right;}
.installment > li .clause span input:focus			{border-color:#fabd00;}


/* 차량가격설정 */
.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:#2d86fc;}
.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; background-color:#2d86fc; border-radius:50%; -webkit-border-radius:50%; -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4);}
.vehicle-set										{position:relative; margin-top:25px; padding:0 10px;}
.vehicle-set > ol									{padding-top:20px;}
.vehicle-set > ol:after								{content:""; display:block; float:none; clear:both;}
.vehicle-set > ol li								{float:left; font-size:0.875em; color:#151515; text-align:center;}
.vehicle-set > ol.phase05							{margin:0 -30px 0 -40px;}
.vehicle-set > ol.phase05 li						{width:20%;}
.vehicle-set > ol.phase06							{margin:0 -25px 0 -35px;}
.vehicle-set > ol.phase06 li						{width:16.666666%;}
.vehicle-set .ctrlBtn								{margin-left:-15px;}


/* 차량가격결과 */
.summary											{margin:0 10px 10px; padding:5px 10px; border:2px solid #2d86fc; background-color:#fff;}
.summary > dl										{padding:5px; border-bottom:1px dotted #bbb;}
.summary > dl:last-child							{border-bottom:none;}
.summary > dl:after									{content:""; display:block; float:none; clear:both;}
.summary > dl > dt,
.summary > dl > dd									{float:left; width:50%; font-size:1.125em; color:#808080; line-height:30px;}
.summary > dl > dt									{color:#333;}
.summary > dl > dt strong							{font-weight:normal; color:#2d86fc;}
.summary > dl > dd									{text-align:right;}
.summary > dl > dd b,
.summary > dl > dd em,
.summary > dl > dd strong							{display:inline-block; margin-right:3px; font-size:1.125em;}
.summary > dl > dd b,
.summary > dl > dd em								{color:#2d86fc;}
.summary > dl > dd strong							{color:#2d86fc;}


/* 문의하기 */
.inquiry-form										{padding:25px 20px;}
.inquiry-form > li									{margin-bottom:40px;}
.inquiry-form > li:last-child						{margin-bottom:5px;}
.inquiry-form > li > em								{display:block; margin-bottom:20px; font-family:'NotokrM'; font-size:1.2em; color:#000;}
.inquiry-form > li > dl								{margin-bottom:20px;}
.inquiry-form > li > dl:last-child					{margin-bottom:0;}
.inquiry-form > li > dl > dt						{font-family:'NotokrM'; font-size:1em; color:#757575;}
.inquiry-form > li > dl > dd						{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -5px;}
.inquiry-form > li > dl > dd > span					{padding:0 5px; width:100%; font-size:1.2em;}
.inquiry-form > li > dl > dd.emphasis				{display:block; margin:8px 0 5px; padding-left:17px; font-size:1em; color:#e84b65;}
.inquiry-form > li > dl > dd.emphasis:after			{content:""; position:absolute; top:50%; left:0; z-index:1; margin-top:-6px; width:12px; height:12px; background:#e84b65 url('/img/icon/icon_emphasis.png') no-repeat; background-size:100%; border-radius:50%; -webkit-border-radius:50%;}
.inquiry-form > li > dl > dd sub					{position:absolute; top:0; right:5px; z-index:1; font-size:1em; color:#666; line-height:40px; text-align:right;}
.inquiry-form > li > dl > dd.reservation > span					{width:30%;}
.inquiry-form > li > dl > dd.reservation > span:first-child		{width:40%;}
.inquiry-form > li input,
.inquiry-form > li #select_box						{font-family:'NotokrM'; border-bottom:1px solid #ccc;}
.inquiry-form > li input:focus,
.inquiry-form > li #select_box:hover,
.inquiry-form > li textarea:hover					{border-color:#2d86fc;}
.inquiry-form > li #select_box label				{font-weight:normal; color:#ccc;}
.inquiry-form > li #select_box label.on				{font-family:'NotokrM'; color:#000;}
.inquiry-form > li input::-webkit-input-placeholder	{color:#ccc;}
.inquiry-form > li input:-ms-input-placeholder		{color:#ccc;}
.inquiry-form > li input::-moz-placeholder			{color:#ccc;}
.inquiry-form > li input:-moz-placeholder			{color:#ccc;}
.inquiry-form > li textarea							{margin-top:5px; padding:5px; font-size:1.05em; color:#000; border:1px solid #ccc;}
.inquiry-form > li textarea::-webkit-input-placeholder{color:#ccc;}
.inquiry-form > li textarea:-ms-input-placeholder	{color:#ccc;}
.inquiry-form > li small							{display:block; margin-top:5px; font-size:0.75em; color:#999; text-align:right;}


/* 문의하기 약관동의 */
.terms-check										{margin:0 20px; border:1px solid #ededed;}
.terms-check > span									{display:block; padding:18px 15px; font-family:'NotokrM'; font-size:1.25em; border-bottom:1px solid #ededed;}
.terms-check > ul									{padding:10px 20px;}
.terms-check > ul li								{position:relative; padding:10px 0; font-size:1.05em;}
.terms-check > ul li a								{position:absolute; top:50%; right:-10px; z-index:1; width:28px; height:28px; text-indent:-9999px; background:url('/img/icon/terms_arrow.png') no-repeat; background-size:10px; background-position:center; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 약관안내 */
.agreement-summary									{padding:5px 0;}
.agreement-summary > em								{display:block; margin-bottom:10px; font-family:'NotokrM'; font-size:1.2em; color:#151515;}
.agreement-summary > ul > li						{position:relative; margin-bottom:8px; padding-left:8px; font-size:1.05em; color:#555; line-height:1.2;}
.agreement-summary > ul > li:before					{content:""; position:absolute; top:5px; left:2px; z-index:1; width:2px; height:2px; background-color:#666;}
.agreement-summary > ul > li > ol					{margin:10px 0;}
.agreement-summary > ul > li > ol > li				{margin-bottom:5px; font-size:1em; color:#858585; line-height:1.2;}


/* 문의내역 */
.inquiry-list > li									{position:relative; padding:20px 50px 20px 15px; border-bottom:1px solid #eee; cursor:pointer;}
.inquiry-list > li > dl > dt						{margin-bottom:8px; padding-right:20px; font-size:1.25em; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inquiry-list > li > dl > dt strong					{font-weight:normal; margin-right:5px;}
.inquiry-list > li > dl > dd > span					{position:relative; display:inline-block; padding-right:15px; font-size:0.95em; color:#888;}
.inquiry-list > li > dl > dd > span:after			{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.inquiry-list > li > dl > dd > span:last-child		{padding-right:0;}
.inquiry-list > li > dl > dd > span:last-child:after{right:-9999px;}
.inquiry-list > li > em								{position:absolute; top:50%; right:15px; z-index:1;  width:34px; line-height:32px; font-size:1em; color:#454545; border:1px solid #d7d7d7; text-align:center; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.classify01											{color:#d14c4c;}
.classify02											{color:#4c9fd1;}
.response-off										{color:#2d86fc;}
.response-on										{color:#ccc;}


/* 내차량 문의내역 */
.wrote-list											{padding:10px;}
.wrote-list > li									{position:relative; margin-bottom:10px; border-bottom:1px solid #ccc; background-color:#fff; cursor:pointer;}
.wrote-list > li > dl								{padding:0 10px; background-color:#2d86fc;}
.wrote-list > li > dl:after							{content:""; display:block; float:none; clear:both;}
.wrote-list > li > dl > dd,
.wrote-list > li > dl > dt							{float:left; font-size:1em; line-height:30px;}
.wrote-list > li > dl > dd							{width:80%;}
.wrote-list > li > dl > dt							{width:20%; text-align:right;}
.wrote-list > li > dl > dd > span					{position:relative; margin-right:20px; color:#fff;}
.wrote-list > li > dl > dd > span:after				{content:""; position:absolute; top:50%; right:-10px; z-index:1; width:1px; height:10px; background-color:rgba(255,255,255,.15); transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrote-list > li > dl > dd > span:last-child		{color:rgba(255,255,255,.5);}
.wrote-list > li > dl > dd > span:last-child:after	{right:-9999px;}
.standby											{color:#2d86fc;}
.finish												{color:rgba(255,255,255,.4);}


/* 문의내역 차량정보 */
.relevant											{display:table; position:relative; padding:10px; width:100%;}
.relevant > p										{display:block; position:absolute; top:10px; left:10px; z-index:1; width:120px; height:90px; text-indent:-9999px; background-color:#f0f0f0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.relevant > dl										{display:table-cell; vertical-align:middle; padding-left:130px; width:100%; height:90px;}
.relevant > dl > dt									{font-size:1.125em; color:#555; line-height:1.6;}
.relevant > dl > dt > strong						{display:block; font-size:1.2em; color:#000;}
.relevant > dl > dd									{margin-top:3px; font-size:1.05em; color:#333;}
.relevant > dl > dd:after							{content:""; display:block; float:none; clear:both;}
.relevant > dl > dd > span							{position:relative; float:left; padding-right:14px; font-size:1em; color:#888;}
.relevant > dl > dd > span:after					{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.relevant > dl > dd > span:last-child				{padding-right:0;}
.relevant > dl > dd > span:last-child:after			{right:-9999px;}
.relevant > dl > dd > b								{display:inline-block; margin-top:5px; padding-right:2px; font-size:1.25em; color:#b30000;}


/* 차량문의내역 */
.inquire											{margin:0 10px; padding:15px 0; border-top:1px dotted #ddd;}
.inquire span										{display:block; padding:0 5px; font-size:1.125em; color:#000; line-height:1.6;}


/* 문의내역 답변하기 */
.myReply											{padding:20px 15px; border-top:1px solid #ddd;}
.myReply em											{display:block; font-family:'NotokrM'; font-size:1.125em; color:#151515;}
.myReply textarea									{padding:10px; min-height:80px; font-size:1.125em; color:#000; line-height:1.4; -webkit-box-shadow:0 5px 14px 0 rgba(0,0,0,.2); box-shadow:0 5px 14px 0 rgba(0,0,0,.2);}


/* 쓰기 */
.form-write											{padding:0 15px;}
.form-write > em									{display:block; margin-top:20px; padding-bottom:6px; font-family:'NotokrM'; font-size:1.25em; color:#000;}
.form-write > a										{position:relative; display:block;}
.form-write > a:after								{content:""; position:absolute; top:50%; right:15px; z-index:1; width:15px; height:15px; background:url('/img/icon/form_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dl										{display:table; margin-top:-1px; padding:0 15px; width:100%; border:1px solid #ccc; background-color:#fff;}
.form-write dl dt,
.form-write dl dd									{display:table-cell; vertical-align:middle; height:45px; font-size:1.125em;}
.form-write dl dt									{width:30%; color:#888;}
.form-write dl dd									{position:relative; width:70%; color:#000;}
.form-write dl dd input								{font-size:1em; color:#000;}
.form-write dl dd > span							{position:relative; display:block; padding-right:25px;}
.form-write dl dd > em								{position:absolute; top:50%; right:0; z-index:1; font-weight:normal; font-size:0.95em; color:#999; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dl dd button							{position:absolute; top:50%; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dl dd button.more						{right:-5px; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/i_detail.png') no-repeat center; background-size:20px;}
.form-write dl dd .wrap-checkbox					{margin-right:5px;}
.form-write dl dd .wrap-checkbox:last-child			{margin-right:0;}
.form-write dl dd p,
.form-write dl dd .elapse							{display:inline-block; vertical-align:middle;}
.form-write dl dd .elapse							{position:relative; margin-left:5px; padding:5px; font-family:'NotokrM'; font-size:0.875em; border:1px solid #e6e6e6; background-color:#fff; text-align:center;}
.form-write dl dd .elapse:before					{content:""; position:absolute; top:50%; left:-8px; z-index:1; width:8px; height:7px; background:url('/img/icon/arrow_elapse.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dl dd .elapse.variety01					{color:#ed1b24;}
.form-write dl dd .elapse.variety02					{color:#fabd00;}
.form-write dl dd .elapse.variety03					{color:#3777ba;}


/* 읽기 */
.form-view											{position:relative; padding:15px 15px 0;}
.form-view .fvHeader								{padding:15px 5px 30px; border-bottom:1px solid #f0f0f0;}
.form-view .fvHeader dt								{margin-bottom:8px; font-size:1.5em; color:#000; line-height:1.2;}
.form-view .fvHeader dd								{line-height:1;}
.form-view .fvHeader dd > span						{position:relative; padding-right:15px; font-size:1.05em; color:#999;}
.form-view .fvHeader dd > span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.form-view .fvHeader dd > span:last-child			{padding-right:0;}
.form-view .fvHeader dd > span:last-child:after		{display:none;}
.form-view .fvContent								{padding:30px 5px; font-size:1.125em; color:#000; line-height:1.6; border-bottom:1px solid #f0f0f0;}
.form-view .fvContent p								{line-height:1.6;}
.form-view > button									{position:absolute; top:48px; right:15px; z-index:1; width:30px; height:30px; text-indent:-9999px; background:#2d86fc url('/img/icon/icon_call.png') no-repeat center; background-size:100%; border-radius:50%; -webkit-border-radius:50%;}


/* 답변 리스트 */
.reply												{padding:15px;}
.reply > em											{display:block; font-family:'NotokrM'; font-size:1.125em; color:#151515;}
.reply li											{position:relative; padding:20px 0 20px 40px; border-bottom:1px solid #f0f0f0;}
.reply li p											{position:absolute; top:15px; left:0; z-index:1; width:30px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:50%; -webkit-border-radius:50%;}
.reply li dl										{padding:5px 0;}
.reply li dl:after									{content:""; display:block; float:none; clear:both;}
.reply li dl dt,
.reply li dl dd										{float:left; font-size:1em;}
.reply li dl dt										{color:#000;}
.reply li dl dd										{position:relative; padding-left:15px; color:#888;}
.reply li dl dd:before								{content:""; position:absolute; top:50%; left:7px; z-index:1; margin-top:-5px; width:1px; height:8px; background-color:#e7e7e7;}
.reply li dl dd b									{font-weight:normal; color:#000;}
.reply li span										{display:block; margin-top:3px; font-size:1.125em; color:#000; line-height:1.2;}
.reply li sub										{display:block; margin-top:5px; font-size:0.875em; color:#aaa;}


/* 답변 완료 */
.completion											{margin-top:30px; padding-top:95px; background:url('/img/icon/icon_completion.png') no-repeat center top; background-size:80px; text-align:center;}
.completion p										{font-size:1.125em; color:#bbb; line-height:1.5;}
.completion button									{margin-top:20px;}


/* 댓글 입력 */
.comment-input										{position:fixed; bottom:0; left:0; z-index:500; width:100%; background-color:#fff; -webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.15); box-shadow:0 -1px 0 0 rgba(0,0,0,.15);}
.comment-input span									{display:block; position:relative; padding:15px 80px 15px 15px; min-height:60px;}
.comment-input span textarea 						{padding-top:5px; font-family:'NotokrM'; font-size:16px; color:#000;}
.comment-input span button							{position:absolute; bottom:5px; right:5px; z-index:10; width:60px; height:50px; font-size:1.3em; color:#ccc; border:1px solid #ddd; background-color:transparent; border-radius:4px; -webkit-border-radius:4px;}
.comment-input span button.on						{color:#fff; border-color:#2d86fc; background-color:#2d86fc;}


/* 검색어 입력 */
.searchTop											{position:relative; padding:10px; background-color:#fff;}
.searchTop > input									{padding-left:20px; height:40px; font-size:14px; color:#000; background:#f5f5f5; border-radius:30px;}
.searchTop > button									{position:absolute; top:50%; right:10px; transform:translateY(-50%); width:40px; height:40px; text-indent:-9999px; background:url('/img/icon/button_search.png') no-repeat center; background-size:26px; -webkit-border-radius:3px; border-radius:3px; filter: brightness(0); z-index:1;}


/* 내차관리 매물현황 */
.statusTop											{display:table; width:100%; border-bottom:1px solid #e7e7e7;}
.statusTop > span									{display:table-cell; vertical-align:middle; font-size:1.125em; height:49px; text-align:center;}
.statusTop > span .wrap-checkbox					{margin-right:20px;}
.statusTop > span .wrap-checkbox:last-child			{margin-right:0;}


/* 공지사항 */
.notice-list > li									{display:table; width:100%; padding:15px; border-bottom:1px solid #eee; cursor:pointer;}
.notice-list > li > p								{display:table-cell; width:60px; height:60px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.notice-list > li > dl								{display:table-cell; vertical-align:middle; padding-right:10px; height:60px;}
.notice-list > li > dl > dt							{margin-bottom:10px; font-size:1.3em; color:#000; line-height:1.2;}
.notice-list > li > dl > dd							{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.notice-list > li > dl > dd > span					{position:relative; padding-right:15px; font-size:1.05em; color:#999;}
.notice-list > li > dl > dd > span:after			{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.notice-list > li > dl > dd > span:last-child		{padding-right:0;}
.notice-list > li > dl > dd > span:last-child:after	{display:none;}


/* 뉴스 */
.news-list											{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-top:10px; padding:0 5px;}
.news-list li										{margin-bottom:15px; padding:0 5px; width:50%; cursor:pointer;}
.news-list li p										{display:block; height:100px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.news-list li dl									{margin-top:8px; line-height:1.4;}
.news-list li dt									{margin-bottom:5px; font-family:'NotokrM'; font-size:1.05em; color:#151515; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list li dd									{font-size:0.875em; color:#9b9b9b;}


/* 상사리스트 */
.store-list > li									{position:relative; display:table; padding:10px; width:100%; border-bottom:1px solid #f0f0f0; background:url('/img/icon/store_arrow.png') right center no-repeat; background-size:40px; cursor:pointer;}
.store-list > li:last-child							{border-bottom:none;}
.store-list > li > p								{position:absolute; top:10px; left:10px; z-index:1; width:120px; height:90px; text-indent:-9999px; border:1px solid #f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover;}
.store-list > li > dl								{display:table-cell; vertical-align:middle; padding-left:135px; height:90px;}
.store-list > li > dl > dt							{margin-bottom:10px; font-family:'NotokrM'; font-size:1.4em; color:#000;}
.store-list > li > dl > dd							{margin-top:5px; font-size:1.05em; color:#454545;}
.store-list.dealer > li > p							{width:90px;}
.store-list.dealer > li > dl						{padding-left:105px;}


/* 입점상사 상세정보 */
.storeThumb											{position:relative; margin-top:-50px;}
.storeThumb:before									{content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:50px; text-indent:-9999px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(0, 0, 0)),
		color-stop(1, rgb(0, 0, 0))
	);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
}

.storeThumb li										{height:230px;}
.storeThumb .flex-control-nav						{bottom:48px;}
.storeThumb .flex-control-paging li a				{width:8px; height:8px; background-color:rgba(255,255,255,.4);}
.storeThumb .flex-control-paging li a:hover,
.storeThumb .flex-control-paging li a.flex-active	{background-color:#fff;}
.store-info											{position:relative; z-index:10; margin:-40px 10px 10px; padding:20px 20px 15px; border-bottom:1px solid #d7d7d7; background-color:#fff;}
.store-info p										{position:absolute; top:-40px; right:20px; z-index:1; width:60px; height:60px; text-indent:-9999px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:100%; -webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2); box-shadow:0 2px 6px 0 rgba(0,0,0,.2);}
.store-info em										{display:block; margin-bottom:10px; font-family:'NotokrM'; font-size:1.4em; color:#000;}
.store-info ol:after								{content:""; display:block; float:none; clear:both;}
.store-info li										{position:relative; float:left; padding-left:25px; width:50%; font-size:1.05em; color:#151515; line-height:24px;}
.store-info li b									{margin-left:5px; color:#e84b65;}
.store-info li:before								{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background-repeat:no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.store-info li:nth-child(1):before					{background-image:url('/img/icon/icon_store01.png');}
.store-info li:nth-child(2):before					{background-image:url('/img/icon/icon_store02.png');}
.store-info li:nth-child(3):before					{background-image:url('/img/icon/icon_store03.png');}
.store-info li:nth-child(4):before					{background-image:url('/img/icon/icon_store04.png');}
.store-info li:nth-child(5):before					{background-image:url('/img/icon/icon_store05.png');}
.store-info li:nth-child(6):before					{background-image:url('/img/icon/icon_store06.png');}


/* Quick Button 상사전화걸기 */
.quick-call											{position:fixed; bottom:10px; right:10px; z-index:9000; display:block; width:50px; height:50px; text-indent:-9999px; background:#2d86fc url('/img/icon/icon_call.png') no-repeat; background-size:100%; overflow:hidden;
	border-radius:50%; -webkit-border-radius:50%; -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4);
}


/* 오시는 길 */
.location											{position:relative;}
.location .map-wrap									{height:250px;}
.location > button									{position:absolute; bottom:10px; right:10px; z-index:10; display:block; width:38px; height:38px; text-indent:-9999px; background:#6887f1 url('/img/icon/i_navigation.png') no-repeat; background-size:100%; border-radius:50%; -webkit-border-radius:50%; -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); box-shadow:0 1px 1px 0 rgba(0,0,0,.2);}


/* 위치 주소 */
.address											{margin-bottom:30px;}
.address dl											{padding-top:20px;}
.address dt											{margin-bottom:10px; font-family:'NotokrM'; font-size:1.2em; color:#000;}
.address dd											{margin-bottom:5px; font-size:1.05em; color:#777; line-height:1.2;}


/* Custom Zoomcontrol */
.radius_border										{border:1px solid #919191; border-radius:5px;}
.custom_typecontrol									{position:absolute; top:10px; right:10px; z-index:5; width:130px; height:30px; font-size:12px; overflow:hidden; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.custom_typecontrol span							{display:block; float:left; width:65px; height:30px; text-align:center; line-height:30px; cursor:pointer;}
.custom_typecontrol .btn							{background:#fff; background:linear-gradient(#fff,#e6e6e6);}
.custom_typecontrol .btn:hover						{background:#f5f5f5; background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active						{background:#e6e6e6; background:linear-gradient(#e6e6e6,#fff);}
.custom_typecontrol .selected_btn					{color:#fff; background:#425470; background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover				{color:#fff;}
.custom_zoomcontrol									{position:absolute; top:50px; right:10px; z-index:5; width:36px; height:80px; overflow:hidden; background-color:#f5f5f5; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.custom_zoomcontrol span							{display:block; width:36px; height:40px; text-align:center; cursor:pointer;}
.custom_zoomcontrol span img						{padding:12px 0; width:15px; height:15px; border:none; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.custom_zoomcontrol span:first-child				{border-bottom:1px solid #bfbfbf;}


/* 고객센터 */
.customer											{padding:35px 30px 40px; background-color:#2d86fc; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 2px 8px 0 rgba(50,98,210,.4); box-shadow:0 2px 8px 0 rgba(50,98,210,.4);}
.customer > em										{display:block; margin-bottom:10px; font-family:'arial'; font-weight:bold; font-size:2.1em; color:#fff; letter-spacing:-1px;}
.customer > span									{position:relative; display:block; padding-bottom:30px; font-size:1.05em; color:rgba(255,255,255,.7); line-height:1.3;}
.customer > span:after								{content:""; position:absolute; bottom:0; left:50%; z-index:1; width:40px; height:1px; background-color:#aeddec; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.customer dl										{margin:30px 0; color:#fff;}
.customer dl dt										{position:relative; margin-bottom:10px; padding-left:25px; font-size:1.5em;}
.customer dl dt:before								{content:""; position:absolute; top:50%; left:-10px; z-index:1; width:40px; height:40px; background:url('/img/icon/icon_call.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.customer dl dd										{padding-top:10px; font-size:1.2em;}
.customer button									{display:block; margin:0 auto; width:70%; height:50px; font-family:'NotokrM'; font-size:1.4em; color:#2d86fc; background-color:#fff; -webkit-border-radius:25px; border-radius:25px; -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1); box-shadow:0 1px 5px 0 rgba(0,0,0,.1);}


/* Board View Attfile */
.attfile-area										{padding:20px 15px 0;}
.attfile-area .attfile-top							{margin-bottom:5px; background:url('/img/icon/i_file.png') no-repeat left center; background-size:15px;}
.attfile-area .attfile-top .file-size				{padding-left:17px; font-size:1.125em; color:#404040;}
.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:1px dotted #ccc;}
.attfile-area > ul > li								{position:relative; padding:10px 0; border-bottom:1px dotted #ccc; background:url('/img/icon/i_down.png') no-repeat 5px center; background-size:20px;}
.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:30px; font-size:1.05em; color:#151515;}
.attfile-area > ul > li span						{display:inline-block; margin-left:5px; color:#999; font-family:tahoma; font-size:0.875em;}


/* 개별삭제 */
.deletion											{position:absolute; top:0; left:100%; z-index:2; width:100%; height:100%; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-end; -webkit-justify-content:flex-end; -webkit-transition:all .2s; transition:all .2s;}
.deletion > button									{width:65px; height:100%; font-size:1.05em; color:#fff;}
.deletion > button:first-child						{background-color:#71767e;}
.deletion > button:last-child						{background-color:#ec6c3d;}


/* 알림 목록 */
.pushList li										{position:relative; border-bottom:1px solid #eee; overflow:hidden;}
.pushList li a										{position:relative; display:table; width:100%; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.pushList li dl										{vertical-align:middle; padding:40px 20px 20px; width:100%;}
.pushList li dt										{width:100%; margin:4px 0; font-size:14px; color:#222; line-height:1.4;}
.pushList li dt strong								{margin-right:8px; font-size:14px; color:#000;}
.pushList li dd										{font-size:12px;}
.pushList li dd span										{display:inline-block; vertical-align:middle; margin-top:4px; color:#aaa;}
.pushList li > button								{position:absolute; top:16px; right:12px; z-index:0; width:20px; height:20px; text-indent:-9999px; background:#eee; -webkit-border-radius:50%; border-radius:50%;}
.pushList li > button:before,
.pushList li > button:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg); background:#fff;}
.pushList li > button:before{width:1.4px; height:12px;}
.pushList li > button:after{width:12px; height:1.4px;}
.pushList li > em									{position:absolute; top:20px; left:20px; z-index:0; padding:0 8px; line-height:16px; font-family:'NotokrR'; font-size:10px; color:#fff; background-color:#f15544; border-radius:10px; -webkit-border-radius:10px;}


/* 알림 채팅 */
.chatting-wrap										{position:relative;}
.chatting											{padding:30px 10px 50px; width:100%;}
.chatting > li										{margin-bottom:30px; text-align:center;}
.chatting > li > em									{position:relative; display:inline-block; margin-bottom:15px; padding:5px 15px; font-family:'arial'; font-size:0.875em; color:#fff; background-color:rgba(0,0,0,.3); text-align:center; border-radius:10px; -webkit-border-radius:10px;}
.chatting .check-deleted							{display:none; vertical-align:middle;}
.chatting .check-deleted label						{display:block; padding:0; width:20px; height:20px;}
.chatting.on .check-deleted							{display:inline-block;}


/* 수신 */
.incoming											{position:relative; margin-bottom:15px; text-align:left;}
.incoming > p										{position:absolute; top:0; left:0; z-index:10; display:block; width:40px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; border-radius:50%; -webkit-border-radius:50%;}
.incoming > dl										{position:relative; padding-left:50px;}
.incoming > dl > dt									{margin-bottom:5px; font-size:1.05em; color:#333;}
.incoming > dl > dd									{position:relative; margin-bottom:5px;}
.incoming > dl > dd > span							{position:relative; display:inline-block; padding:8px 10px; max-width:75%; font-size:1.125em; color:#000; line-height:1.3em; background-color:#e5e5e5; border-radius:14px; -webkit-border-radius:14px;}
.incoming > dl > dd > span > input					{position:absolute; top:0; right:-23px; z-index:1;}
.incoming > dl > dd > var							{display:none; vertical-align:bottom; padding:2px 4px; font-size:0.75em; color:#969696;}
.incoming > dl > dd:last-child > var				{display:inline-block;}
.incoming > dl > dd:after							{display:none; content:""; position:absolute; top:5px; left:-5px; z-index:1; width:0; height:0; text-indent:-9999px; border-style:solid; border-width:0 15px 15px 0; border-color:transparent #e5e5e5 transparent transparent; overflow:hidden;}
.incoming > dl > dd:nth-child(2):after				{display:block;}


/* 발신 */
.sender												{position:relative; margin-bottom:15px;}
.sender > dl										{position:relative;}
.sender > dl > dd									{position:relative; margin-bottom:5px; text-align:right;}
.sender > dl > dd > span							{position:relative; display:inline-block; padding:8px 10px; max-width:60%; font-size:1.125em; color:#000; line-height:1.3em; background-color:#2d86fc; text-align:left; border-radius:14px; -webkit-border-radius:14px;}
.sender > dl > dd > var								{display:none; vertical-align:bottom; padding:2px 4px; font-size:0.75em; color:#969696;}
.sender > dl > dd:last-child > var					{display:inline-block;}
.sender > dl > dd:after								{display:none; content:""; position:absolute; top:5px; right:-5px; z-index:1; width:0; height:0; text-indent:-9999px; border-style:solid; border-width:15px 15px 0 0; border-color:#2d86fc transparent transparent transparent; overflow:hidden;}
.sender > dl > dd:first-child:after					{display:block;}


/* 입고예약 차량번호 */
.reserve-carNum										{padding:25px 40px; border-bottom:1px solid #ddd;}
.reserve-carNum em									{display:block; margin-bottom:25px; font-size:1.2em; color:#333; line-height:1.6; text-align:center;}
.reserve-carNum input								{height:50px; font-family:'NotokrM'; font-size:1.8em; color:#2d86fc; border:1px solid #ddd; text-align:center;}
.reserve-carNum button								{margin:10px 0; width:100%; height:50px; font-size:1.4em; color:#000; background-color:#fff; border:1px solid #000;}
.reserve-carNum input::-webkit-input-placeholder	{font-size:0.75em; line-height:26px;}
.reserve-carNum input:-ms-input-placeholder			{font-size:0.75em; line-height:26px;}
.reserve-carNum input::-moz-placeholder				{font-size:0.75em; line-height:26px;}
.reserve-carNum input:-moz-placeholder				{font-size:0.75em; line-height:26px;}


/* 입고예약 리스트 */
.reserveList li										{position:relative; border-bottom:1px solid #ddd; overflow:hidden;}
.reserveList li a									{position:relative; display:table; padding:0 15px; width:100%; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.reserveList li dl									{display:table-cell; vertical-align:middle; height:80px;}
.reserveList li dt									{margin-bottom:5px; width:90%; font-size:1.2em; color:#000;}
.reserveList li dt strong							{display:block; margin-bottom:5px; font-size:0.95em; color:#2d86fc;}
.reserveList li dd									{font-size:0.875em; color:#888;}
.reserveList li > button							{position:absolute; top:5px; right:5px; z-index:0; width:40px; height:40px; text-indent:-9999px; background:url('/img/icon/btn_delete.png') no-repeat center; background-size:20px;}
.reserveList li.on > button							{display:none;}
.reserveList li.on a								{margin-left:-30%;}
.reserveList li.on .deletion						{left:0;}


/* 정보공개 */
.exposure											{margin-bottom:10px; padding:0 20px; background-color:#fff;}
.exposure > span									{position:relative; display:block; padding:30px 85px 15px 0;}
.exposure > span input								{height:50px; font-family:'NotokrM'; font-size:1.8em; color:#2d86fc; border:1px solid #ddd; text-align:center; border-radius:3px; -webkit-border-radius:3px;}
.exposure > span input::-webkit-input-placeholder	{font-size:0.75em; line-height:26px;}
.exposure > span input:-ms-input-placeholder		{font-size:0.75em; line-height:26px;}
.exposure > span input::-moz-placeholder			{font-size:0.75em; line-height:26px;}
.exposure > span input:-moz-placeholder				{font-size:0.75em; line-height:26px;}
.exposure > span button								{position:absolute; top:30px; right:0; z-index:1; width:80px; height:50px; font-size:1.2em; color:#fff; background-color:#2d86fc; border-radius:3px; -webkit-border-radius:3px;}
.exposure > em										{display:block; margin-bottom:8px; padding-top:30px; font-family:'NotokrM'; font-size:1.3em; color:#2d86fc; line-height:1.3; text-align:center;}
.exposure dl										{display:table; width:100%;}
.exposure dl:last-child								{border-bottom:none;}
.exposure dl dt,
.exposure dl dd										{display:table-cell; vertical-align:middle; height:45px; font-size:14px;}
.exposure dl dt										{width:30%; color:#000;}
.exposure dl dd										{width:70%; color:#888;}
.exposure dl dd.flex-side{display:flex; justify-content:space-between; align-items:center; width:100%;}
.exposure dl dd > span,
.exposure dl dd > button,
.exposure dl dd .padlock							{display:inline-block; vertical-align:middle;}
.exposure dl dd .padlock							{top:6px;}
.exposure dl dd > span								{margin-right:8px;}
.exposure dl dd > button							{position:relative; width:30px; height:30px; text-indent:-9999px; background-color:#2d86fc; border-radius:50%; -webkit-border-radius:50%;}
.exposure dl dd > button:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:30px; height:30px; background:url('/img/icon/icon_call.png') no-repeat center; background-size:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}


/* 보더 */
.space-btm{border-bottom:10px solid #f5f5f5; }


/* Multi Form */
.bt10{border-top:10px solid #f5f5f5;}
.title{padding:24px 20px 12px; font-size:12px; color:#000;}
.multiform											{margin-bottom:10px;}
.multiform li										{background-color:#fff;}
.multiform li:last-child							{border-bottom:none;}
.multiform dl										{display:table; padding:0 20px; width:100%;}
.multiform dl dt,
.multiform dl dd									{display:table-cell; vertical-align:middle; height:40px;}
.multiform dl dt									{width:30%; font-size:14px; color:#000;}
.multiform dl dd									{position:relative; padding-right:20px; width:70%; color:#999; font-family:'NotokrR'; font-size:1.25em;}
.multiform dl dd > em								{position:absolute; top:50%; right:-5px; z-index:1; font-weight:normal; font-size:0.95em; color:#999; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.multiform dl dd label								{font-weight:normal; font-size:0.95em;}
.multiform dl dd > input							{font-family:'NotokrM'; font-size:1em;}
.multiform a										{position:relative; display:block;}
.multiform a:after									{content:""; position:absolute; top:50%; right:15px; z-index:1; width:15px; height:15px; background:url('/img/icon/form_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* Detail Form */
.detailform											{padding:15px;}
.detailform ol										{border:1px solid #ccc; background-color:#fff;}
.detailform li										{border-bottom:1px solid #ccc;}
.detailform li:last-child							{border-bottom:none;}
.detailform dl										{display:table; padding:0 15px; width:100%;}
.detailform dl dt,
.detailform dl dd									{display:table-cell; vertical-align:middle; height:45px; font-size:1.2em;}
.detailform dl dt									{width:35%; color:#888;}
.detailform dl dd									{width:65%; color:#000;}


/* 현황 전광판 */
.signboard											{display:flex;display:-webkit-flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap; height:70px; margin:20px; background-color:#fff; background: #2d86fc; border-radius: 10px;}
.signboard.fixed									{/*position:fixed;*/ top:0px; left:0; z-index:5; width:100%;}
.signboard li										{padding:16px 0 12px; width:100%;height:100%; text-align:center;color: #b5d5ff;}
.signboard li:last-child						{border-right:none;}
.signboard li span								{margin-bottom:3px; display:block; font-size:1em; color:#b5d5ff;}
.signboard li em									{display:block; margin-top:4px; font-family:'NotokrR'; font-size:24px; color: #fff;}
.signboard li em.standby					{color:rgba(255,255,255,.5);}
.signboard.subview							{border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(0,0,0,0); background-color:#2d86fc;}
.signboard.subview li							{border-right:1px solid rgba(255,255,255,.1);}
.signboard.subview li span,
.signboard.subview li em					{color:#fff;}


/* 현황 전광판 흰색 */
.signboard-white{display:flex;display:-webkit-flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap; height:70px;}
.signboard-white li	{position:relative; padding:16px 0 12px; width:100%;height:100%; text-align:center;}
.signboard-white li:after{position:absolute; content:''; top:50%; right:0; transform:translateY(-50%); width:1px; height:20px; background:#eee;}
.signboard-white li:last-child:after	{display:none;}
.signboard-white li span								{margin-bottom:3px; display:block; font-size:1em; color:#aaa;}
.signboard-white li em									{display:block; margin-top:4px; font-family:'NotokrR'; font-size:24px; color:#2d86fc;}
.signboard-white li em.standby					{color:rgba(255,255,255,.5);}
.signboard-white.subview							{border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(0,0,0,0); background-color:#2d86fc;}
.signboard-white.subview li							{border-right:1px solid rgba(255,255,255,.1);}
.signboard-white.subview li span,
.signboard-white.subview li em					{color:#fff;}


/* 전체매물 전광판 */
.total-signboard									{margin-top:-50px; padding:65px 10px 15px; border-top:1px solid rgba(255,255,255,.1); background-color:#2d86fc;}
.total-signboard:after								{content:""; display:block; float:none; clear:both;}
.total-signboard dl									{position:relative; float:left; padding:5px 20px; width:50%;}
.total-signboard dl dt,
.total-signboard dl dd								{float:left;}
.total-signboard dl dt								{position:relative; top:5px; width:30%; font-size:1.125em; color:#fff;}
.total-signboard dl dd								{width:70%; font-family:'NotokrR'; font-size:3em; color:#fabe00; text-align:right;}
.total-signboard dl:nth-child(1)					{display:block; margin-bottom:10px; width:100%;}
.total-signboard dl:nth-child(1) dt,
.total-signboard dl:nth-child(1) dd					{display:block; width:100%; text-align:center;}
.total-signboard dl:nth-child(1) dt					{top:0; margin-bottom:10px; font-size:1.4em; color:#fff;}
.total-signboard dl:nth-child(1) dd					{font-size:3.5em; line-height:60px; background-color:rgba(0,0,0,.2);}
.total-signboard dl:last-child:after				{content:""; position:absolute; top:0; left:0; z-index:1; width:1px; height:100%; background-color:rgba(255,255,255,.1);}


/* 전시장현황 */
.current-state										{position:relative; z-index:0; margin:10px; border:1px solid #eee;}
.current-state ul,
.current-state ol									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-bottom:1px solid #eee; background-color:#fff;}
.current-state li									{width:100%; line-height:40px; text-align:center;}
.current-state ul li:first-child,
.current-state ol li:first-child					{width:150%;}
.current-state ul li								{font-family:'NotokrM'; font-size:1em; background:#f5f5f5; color:#000;}
.current-state ol									{cursor:pointer;}
.current-state ol li								{font-size:1.05em; color:#000;}
.current-state ol:last-child,
.current-state li:last-child						{border:none;}
.current-state .fix-title.fixed						{position:fixed; top:120px; left:0; width:100%; padding:0 10px; border-top:10px solid #ededed;}


/* Table List */
.table-list table									{width:100%; border-top:1px solid #333; text-align:center;}
.table-list table th,
.table-list table td								{padding:10px; height:40px; font-size:1.05em; color:#333; line-height:1.2; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table-list table th:last-child,
.table-list table td:last-child						{border-right:none;}
.table-list table th								{font-family:'NotokrM'; background-color:#f3f3f3;}
.table-list table td > i							{display:block; margin-bottom:5px; padding:0;}
.table-list table td > ol > li						{margin-bottom:5px; text-align:left;}
.table-list table td > ol > li:last-child			{margin-bottom:0;}
.table-list table.td-left td						{text-align:left;}
button.change										{display:block; width:100%; height:30px; font-family:'NotokrM'; font-size:1em; color:#2d86fc; background-color:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,.25); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);}

/* Lock Unlock */
.padlock											{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-end; -webkit-justify-content:flex-end;}
.padlock span										{position:absolute; top:50%; left:0; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.padlock em											{position:relative; margin-right:4px; padding-top:16px; font-size:10px; color:#ccc; text-align:center; font-family: 'NotoKrM';}
.padlock em:before									{content:""; position:absolute; top:0px; left:0px; width:16px; height:16px; background:url('/img/icon/lock_off.png') no-repeat; background-size:100% auto;}
.padlock em.lock									{color:#000;}
.padlock em.lock:before									{background:url('/img/icon/lock_on.png') no-repeat; background-size:100% auto;}

/* 보유차량 리스트 */
.ownList > li										{position:relative; padding:10px; min-height:140px; border-bottom:1px solid #e7e7e7;}
.ownList > li.on									{background-color:#f0f0f0;}
.ownList > li .vehicle								{position:absolute; top:10px; left:10px; z-index:1;}
.ownList > li .vehicle > p							{display:block; width:120px; height:90px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-size:cover; background-position:center;}
.ownList > li .vehicle .status						{position:absolute; top:70px; left:0; z-index:1; width:100%;}
.ownList > li .vehicle .status > i					{display:block; font-size:1em; line-height:20px; text-align:center;}
.ownList > li .vehicle > strong						{display:block; font-size:1.25em; color:#2d86fc; line-height:40px; text-align:center;}
.ownList > li .infoData								{display:table; padding-left:130px; width:100%;}
.ownList > li .infoData dl							{position:relative; display:table-cell; vertical-align:middle; height:90px;}
.ownList > li .infoData dl dt						{padding-bottom:3px; font-size:1em; color:#555;}
.ownList > li .infoData dl dt > strong				{display:block; margin-bottom:5px; font-size:1.3em; color:#000;}
.ownList > li .infoData dl dt > b					{display:block; font-size:1.2em; color:#2d86fc;}
.ownList > li .infoData dl dd						{margin-top:6px; font-size:13px; color:#757575;}
.ownList > li .infoData dl dd > span				{position:relative; display:inline-block; padding-right:15px; font-size:1em; color:#888;}
.ownList > li .infoData dl dd > span:after			{content:""; position:absolute; top:50%; right:6px; z-index:1; margin-top:-2px; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%;}
.ownList > li .infoData dl dd > span:last-child		{padding-right:0;}
.ownList > li .infoData dl dd > span:last-child:after{right:-9999px;}
.ownList > li .infoData dl dd > b					{display:inline-block; margin-top:5px; padding-right:2px; font-size:1.25em; color:#b30000;}
.ownList > li .infoData dl dd > sub					{display:inline-block; vertical-align:text-top; margin:0 3px 0 5px; font-family:'NotokrM'; font-size:1em; color:#b30000;}
.ownList > li .infoData dl.sale-price dd			{color:#333;}
.ownList > li .attribute							{position:absolute; bottom:5px; right:5px; z-index:1; padding-left:140px; width:100%;}
.ownList > li .attribute > i						{position:relative; top:3px; float:left;}
.ownList > li .attribute .padlock,
.ownList > li .attribute .wrap-checkbox				{float:right;}
.ownList > li .attribute .wrap-checkbox				{padding:0 5px;}
.ownList > li .attribute .wrap-checkbox label		{display:block; padding-left:28px; height:28px;}
.ownList > li .period-date							{float:left; padding-top:5px; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.ownList > li .period-date > span					{padding:0 5px; font-size:13px; color:#333;}
.ownList > li .period-date > span b					{margin-left:5px; color:#2d86fc;}
.ownList > li > sub									{position:absolute; bottom:12px; left:0; z-index:1; padding:0 10px; width:100%; font-size:1.125em; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ownList > li > i									{position:absolute; top:80px; right:10px; z-index:1;}
.ownList > li > em									{font-style:normal; position:absolute; top:10px; left:10px; z-index:500; width:0; height:0; border-style:solid; border-width:40px 40px 0 0; text-align:center;}
.ownList > li > em > p								{display:block; margin-top:-30px; margin-left:-11px; width:50px; font-family:'NotokrM'; font-size:0.75em; letter-spacing:-.5px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.ownList > li > em.mark01							{border-color:#ccc transparent transparent transparent;}
.ownList > li > em.mark01 > p						{color:rgba(255,255,255,.8);}
.ownList > li > em.mark02							{border-color:#2d86fc transparent transparent transparent;}
.ownList > li > em.mark02 > p						{color:#fff;}
.ownList > li > em.mark03							{border-color:#2d86fc transparent transparent transparent;}
.ownList > li > em.mark03 > p						{color:#2d86fc;}
.ownList > li > button								{position:absolute; bottom:10px; right:10px; z-index:1; width:65px; height:65px; font-size:1.25em; color:#2d86fc; line-height:1.3; border:1px solid #f2f2f2; background-color:#fff;}
.ownList > li > button.cancel						{color:#bbb; border-color:#f5f5f5; background-color:#fafafa;}
.ownList.share-car > li								{min-height:110px;}


/* 차량 입고상태 */
.statusList > li {position:relative; display:flex; justify-content:space-between; padding:16px 10px; border-bottom:1px solid #e7e7e7;}
.carStatus{width:110px; text-align:center;}
.carStatus strong{display:inline-block; margin-bottom:8px; font-size:15px; color:#2d86fc;}
.carStatus span{display:inline-block; width:80px; margin-bottom:4px; padding:4px 8px; font-size:13px; color:#9acd32; border:1px solid #9acd32; border-radius:20px;}
.carStatus span.done{color:#2d86fc; border:1px solid #2d86fc;}
.carStatus span.temporary{color:#ff4500; border:1px solid #ff4500;}
.carStatus span.wait{color:#9bce33; border:1px solid #9bce33;}
.carStatus span.site{margin-bottom:8px; color:#fff; border:1px solid #eee; background:#ccc;}
.carStatus .padlock{justify-content:center;}
.infoData								{position:relative; width:calc(100% - 120px);}
.infoData dl							{position:relative;}
.infoData dl dt						{padding-bottom:8px; font-size:1em; color:#555;}
.infoData dl dt > strong				{display:block; margin-bottom:5px; font-size:1.3em; color:#000;}
.infoData dl dt > b					{display:block; font-size:1.2em; color:#2d86fc;}
.infoData dl dd						{margin-top:8px; font-size:1.05em; color:#757575;}
.infoData dl dd > span				{position:relative; display:inline-block; padding-right:15px; font-size:1em; color:#888;}
.infoData dl dd > span:after			{content:""; position:absolute; top:50%; right:6px; z-index:1; margin-top:-2px; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%;}
.infoData dl dd > span:last-child		{padding-right:0;}
.infoData dl dd > span:last-child:after{right:-9999px;}
.infoData dl dd > b					{display:inline-block; margin-top:5px; padding-right:2px; font-size:1.25em; color:#b30000;}
.infoData dl dd > sub					{display:inline-block; vertical-align:text-top; margin:0 3px 0 5px; font-family:'NotokrM'; font-size:1em; color:#b30000;}
.infoData button.btn-call{position:absolute; top:0px; right:0px; width:30px; height:30px; text-indent:-9999px; background:#2d86fc; border-radius:50%;}
.infoData button.btn-call:after{position:absolute; content:""; top:0; right:0; width:30px; height:30px; background:url(/img/icon/icon_call.png) no-repeat center; background-size:100%;}
.infoData .padlock{position:absolute; bottom:0px; right:0px;}
.infoData .wrap-checkbox{position:absolute; top:0px; right:0px;}

.exhibitionList > li {position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; padding:16px 10px; border:1px solid #e7e7e7;}
.exhibitionList .carStatus {padding:16px 0; border-right:1px solid #e7e7e7;}
.exhibitionList .carStatus strong{color:#000;}
.exhibitionList .carStatus span.done{color:#2d86fc; border:none;}
.exhibitionList .carStatus span.temporary{color:#ff4500; border:none;}
.exhibitionList .carStatus span.wait{color:#9bce33; border:none;}
.exhibitionList .carStatus button{margin-top:8px; padding:0 12px; line-height:24px; color:#fff; border:1px solid #eee; background:#ccc;}
.exhibitionList .infoData dl dt{padding-bottom:8px; font-size:14px; color:#222;}
.exhibitionList .infoData dl dt > strong	{display:block; margin-bottom:6px; font-size:14px; color:#2d86fc;}


/* 입고등록 리스트 */
.incomeList > li									{position:relative; padding:15px; border-bottom:1px solid #e7e7e7; cursor:pointer;}
.incomeList > li:after								{content:""; position:absolute; top:50%; right:15px; z-index:1; width:15px; height:15px; background:url('/img/icon/income_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.incomeList > li > ol								{margin-bottom:8px;}
.incomeList > li > ol > li							{position:relative; display:inline-block; vertical-align:middle; padding-right:14px; font-size:1.125em;}
.incomeList > li > ol > li:after					{content:""; position:absolute; top:50%; right:5px; z-index:1; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.incomeList > li > ol > li:last-child				{padding-right:0;}
.incomeList > li > ol > li:last-child:after			{right:-9999px;}
.incomeList > li > ol > li:nth-child(1)				{font-family:'NotokrM'; color:#2d86fc;}
.incomeList > li > ol > li:nth-child(2)				{font-family:'NotokrM'; color:#000;}
.incomeList > li > ol > li:nth-child(3)				{font-size:1em; color:#888;}
.incomeList > li > dl > dt							{width:95%; font-size:16px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.incomeList > li > dl > dd							{margin-top:5px; font-size:1.05em; color:#333;}
.incomeList > li > dl > dd:after					{content:""; display:block; float:none; clear:both;}
.incomeList > li > dl > dd > span					{position:relative; float:left; padding-right:14px; font-size:1em; color:#888;}
.incomeList > li > dl > dd > span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.incomeList > li > dl > dd > span:last-child		{padding-right:0;}
.incomeList > li > dl > dd > span:last-child:after	{right:-9999px;}


/* 출고등록 */
.formRelease li										{position:relative; margin-bottom:10px; padding:20px; font-size:1.25em; border-bottom:1px solid #ccc; background-color:#fff;}
.formRelease li > em								{display:block; padding-top:20px; font-size:0.875em; color:#606060; line-height:1.2;}
.formRelease li > span								{display:block; margin-top:20px; text-align:center;}
.formRelease li .padlock							{position:absolute; top:12px; right:12px; z-index:1;}


/* 센터락관리 상세영역 */
.lock-wrap											{padding:20px; background-color:#fff;}


/* 주차단속 사진등록 */
.parking-photo										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -22.5px 0 -2.5px; padding:5px 0; height:90px;}
.parking-photo span									{position:relative; padding:0 2.5px; width:100%;}
.parking-photo span a								{display:none; position:absolute; top:0; right:2.5px; z-index:3; width:28px; height:28px; text-indent:-9999px; background:rgba(0,0,0,.5) url('/img/icon/file_delete.png') no-repeat center; background-size:20px;}
.parking-photo span label							{position:relative; display:block; width:100%; height:100%; border:1px dashed #ccc;}
.parking-photo span label:after						{content:""; position:absolute; top:50%; left:50%; z-index:0; width:30px; height:30px; background:url('/img/icon/icon_file.png') no-repeat; background-size:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.parking-photo span label input						{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.parking-photo span label p							{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; text-indent:-9999px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.parking-photo span.on a							{display:block;}


/* 주차비정산 차량번호검색 */
.carNum-search										{margin-bottom:5px; padding:15px 40px 25px; background-color:#fff;}
.carNum-search input,
.carNum-search button								{height:50px; border-radius:3px; -webkit-border-radius:3px;}
.carNum-search input								{font-family:'NotokrM'; font-size:1.8em; color:#2d86fc; border:1px solid #ddd; text-align:center;}
.carNum-search input::-webkit-input-placeholder		{font-size:0.75em; line-height:26px;}
.carNum-search input:-ms-input-placeholder			{font-size:0.75em; line-height:26px;}
.carNum-search input::-moz-placeholder				{font-size:0.75em; line-height:26px;}
.carNum-search input:-moz-placeholder				{font-size:0.75em; line-height:26px;}
.carNum-search button								{margin:10px 0; width:100%; font-size:1.4em; color:#fff; background-color:#2d86fc;}


/* 주차비정산 차량목록 */
.expenseList > li									{position:relative; display:table; margin-bottom:5px; padding:5px; width:100%; border-bottom:1px solid #ddd; background-color:#fff; cursor:pointer;}
.expenseList > li > p								{position:absolute; top:5px; left:5px; z-index:1; display:block; width:105px; height:80px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-size:cover; background-position:center;}
.expenseList > li > ol								{display:table-cell; vertical-align:middle; padding-left:120px; height:80px;}
.expenseList > li > ol > li							{padding:4px 0; font-size:1.125em; color:#454545;}
.expenseList > li > ol > li strong					{color:#000;}


/* 주차비 정산내역 */
.statement											{margin-top:10px;}
.statement li										{margin-bottom:10px; padding:15px 20px; background-color:#fff;}
.statement li em									{position:relative; display:block; margin-bottom:10px; padding-bottom:10px; font-size:1.2em; color:#000; text-indent:30px; border-bottom:1px solid #eee;}
.statement li em:after								{content:""; position:absolute; top:-4px; left:0; z-index:1; width:20px; height:20px; background:url('/img/icon/i_calendar.png') no-repeat; background-size:100%;}
.statement li dl									{display:table; width:100%;}
.statement li dl dt,
.statement li dl dd									{display:table-cell; vertical-align:middle; height:26px; font-size:1.125em;}
.statement li dl dt									{width:30%; color:#888;}
.statement li dl dd									{width:70%; color:#000;}


/* 설정 */
.set-up												{border-top:1px solid rgba(0,0,0,.1); background-color:#fff;}
.set-up li											{position:relative; padding:15px; border-bottom:1px solid #ddd;}
.set-up li > dl										{display:table-cell; vertical-align:middle; padding-right:40px; height:40px;}
.set-up li > dl > dt								{font-size:1.3em; color:#333;}
.set-up li > dl > dd								{margin-top:5px; font-size:1em; color:#888; line-height:1.2;}
.set-up li > dl.flex-side{display:flex; justify-content:space-between; align-items:center; padding-right:0px; }
.set-up li > dl.flex-side dd{margin-top:0px; font-size:1.3em; color:#000;}
.set-up li > dl.flex-side dd i{position:relative; display:inline-block; width:20px; height:20px; text-indent:-9999px;}
.set-up li > dl.flex-side dd i:after{content:''; position:absolute; top:50%; left:0px; transform:translateY(-50%) rotate(45deg); width:10px; height:10px; border-top:2px solid #222; border-right:2px solid #222;}
.set-up li > span									{position:absolute; top:50%; right:0; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.set-up li > span a									{position:relative; display:block; width:50px; height:50px; text-indent:-9999px; background:url('/img/top/topAlarm.png') no-repeat; background-size:100% auto;}
.set-up li > span a.on								{background-position:left bottom;}


/* 내차수정 차량옵션 */
.staple												{margin-top:15px; padding:0 5px;}


/* 딜러상세보기 */
.dealer-detail										{padding:20px 0; text-align:center;}
.dealer-detail p									{display:block; margin:0 auto; width:70px; height:70px; text-indent:-9999px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:50%; -webkit-border-radius:50%;}
.dealer-detail dl									{margin-top:10px;}
.dealer-detail dt									{font-family:'NotokrM'; font-size:1.4em; color:#000;}
.dealer-detail dd									{margin-top:8px; font-size:1.125em; color:#666;}
.dealer-detail dd span								{margin:0 10px; font-size:1em; color:#e7e7e7;}


/* 판매중 매물 */
.on-sale											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.on-sale dl											{position:relative; display:table; padding:0 20px; width:50%;}
.on-sale dl:first-child:after						{content:""; position:absolute; top:20px; right:0; z-index:1; width:1px; height:30px; background-color:#eee;}
.on-sale dl:first-child dt,
.on-sale dl:first-child dd							{color:#2d86fc;}
.on-sale dl dt,
.on-sale dl dd										{display:table-cell; vertical-align:middle; height:70px; color:#999;}
.on-sale dl dt										{font-size:1.125em;}
.on-sale dl dd										{font-family:'NotokrM'; font-size:2em; text-align:right;}


/* 성능점검장현황 */
.checkCar-wrap										{padding:10px 10px 120px;}


/* CCTV */
.cctv												{position:fixed; bottom:0; left:0; z-index:1; padding:5px 2.5px; width:100%; background-color:#2d86fc;}
.cctv span											{display:block; margin-bottom:8px; padding-top:3px; font-family:'NotokrM'; font-size:1.25em; color:#fff; text-align:center;}
.cctv ul											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; overflow-x:scroll;}
.cctv ul li											{padding:0 2.5px;}
.cctv ul li a										{position:relative; display:block; width:110px; height:80px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.cctv ul li a em									{position:absolute; bottom:0; left:0; z-index:1; width:100%; font-size:1em; color:#fff; line-height:24px; background-color:rgba(0,0,0,.5); text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 이벤트 게시판 */
.event-board 										{padding:15px;}
.event-board li										{position:relative; margin-bottom:15px; background-color:#fff; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; overflow:hidden; -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1); box-shadow:0 1px 5px 0 rgba(0,0,0,.1);}
.event-board li p									{display:block;}
.event-board li dl									{padding:15px;}
.event-board li dl dt								{margin-bottom:10px; font-size:1.3em; color:#151515; line-height:1.2;}
.event-board li dl dd								{font-size:1.05em; color:#9b9b9b;}
.event-board li span								{position:absolute; bottom:15px; right:15px; z-index:1; padding:0 5px; color:#2d86fc; font-size:1em; line-height:18px; border:1px solid #2d86fc; text-align:center; -webkit-border-radius:4px; border-radius:4px;}
.event-board li.off p:after							{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(255,255,255,.85);}
.event-board li.off span							{color:#999; border-color:#ddd;}
.ongoing											{color:#2d86fc;}
.ending												{color:#bbb;}


/* 서비스준비중 */
.preparation										{padding:40px 20px; text-align:center;}


/* 서브 컨텐츠 */
.sub-contents										{padding:5px;}
.sub-contents > em									{display:block; margin-bottom:15px; font-size:1.3em; color:#2d86fc;}
.sub-contents aside									{padding:0 20px; border:1px solid #e6e6e6; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.08); box-shadow:0 1px 2px 0 rgba(0,0,0,.08);}
.sub-contents aside > dl							{position:relative; padding:20px 0;}
.sub-contents aside > dl:after						{content:""; position:absolute; top:0; left:0; padding:0 20px; width:100%; height:1px; background-color:#eee;}
.sub-contents aside > dl:first-child:after			{display:none;}
.sub-contents aside > dl > dt						{margin-bottom:5px; font-size:1.25em; color:#000; line-height:1.2;}
.sub-contents aside > dl > dd						{font-size:1.05em; color:#888; line-height:1.5;}


/* 단지소개 */
.descend-wrap										{padding:5px;}
.descend-wrap span									{display:block; margin-bottom:20px; font-size:1.05em; color:#666; line-height:1.5;}
.descend-wrap p										{display:block; margin:25px -20px;}
.outline											{padding-top:10px; border-top:1px solid #eee;}
.outline dl											{display:flex; flex-wrap:wrap; padding:10px 0; font-size:1.05em; color:#333; text-align:left;}
.outline dl dt										{position:relative; padding-left:8px; width:25%;}
.outline dl dt:before								{content:""; position:absolute; top:50%; left:0; z-index:1; width:2px; height:2px; background-color:#999; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.outline dl dd										{width:75%; color:#666;}
.facility li										{position:relative; display:table; width:100%; border-top:1px solid #eee;}
.facility li:before									{content:""; position:absolute; top:50%; left:15px; z-index:1; width:40px; height:40px; background:url('/img/icon/i_facility.png') no-repeat; background-size:auto 100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.facility li:nth-child(1):before					{background-position:0 top;}
.facility li:nth-child(2):before					{background-position:-40px top;}
.facility li:nth-child(3):before					{background-position:-80px top;}
.facility li:nth-child(4):before					{background-position:-120px top;}
.facility li:nth-child(5):before					{background-position:-160px top;}
.facility li:nth-child(6):before					{background-position:-200px top;}
.facility li dl										{display:table-cell; vertical-align:middle; padding-left:80px; height:120px;}
.facility li dl dt									{margin-bottom:8px; font-size:1.125em; color:#2d86fc;}
.facility li dl dd									{font-size:1em; color:#888; line-height:1.4;}
.advantages											{padding-top:5px; border-top:1px solid #eee;}
.advantages dl										{margin-top:15px; padding:30px 20px; background-color:#f8f8f8;}
.advantages dl dt									{margin-bottom:10px; font-size:1.3em; color:#151515;}
.advantages dl dd									{padding:0 5px; font-size:1.05em; color:#666; line-height:1.8;}


/* LPR차단기확인 */
.lpr-wrap .classify									{display:block; padding:0 10px 10px;}
.lpr-wrap .classify #select_box						{border:1px solid #ddd; border-radius:3px;}
.lpr-wrap .classify #select_box label				{left:10px; font-size:1.2em;}
.lpr-wrap li										{display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; border-bottom:1px solid #f2f2f2;}
.lpr-wrap li,
.lpr-wrap ul li span								{width:25%;}
.lpr-wrap ol li										{height:32px; font-size:13px; color:#333; background:#f5f5f5;}
.lpr-wrap ol li:last-child,
.lpr-wrap ul li span:last-child						{width:50%;}
.lpr-wrap ol										{display:flex; flex-wrap:nowrap; border-top:1px solid #f2f2f2;}
.lpr-wrap ul li										{width:100%; height:46px; font-size:1.05em; color:#666;}
.lpr-wrap ul li span								{line-height:1.2; text-align:center;}
.lpr-wrap ul li span:last-child						{padding-left:10px; text-align:left;}
.lpr-wrap ul li span b								{font-family:'NotokrM'; font-size:1.125em; color:#222;}
.lpr-wrap ul li.on									{background-color:#9acd32;}
.lpr-wrap ul li.on span								{color:rgba(255,255,255,.9);}
.lpr-wrap ul li.on span b							{color:#fff;}
.lpr-wrap .bundle									{background-color:#fff;}
.lpr-wrap .bundle.fixed								{position:fixed; top:50px; left:0; z-index:10; width:100%;}


/* input blue */
.input-blue{background:#fff; padding:20px 20px 32px;}
.input-blue input								{height:50px; font-family:'NotokrM'; font-size:16px; color:#fff; background:#2d86fc; text-align:center; -webkit-border-radius:30px; border-radius:30px;}
.input-blue input::-webkit-input-placeholder	{font-size:16px; line-height:26px; color:rgba(255,255,255,1);}
.input-blue input:-ms-input-placeholder		{font-size:16px; line-height:26px;}
.input-blue input::-moz-placeholder			{font-size:16px; line-height:26px;}
.input-blue input:-moz-placeholder				{font-size:16px; line-height:26px;}


/* 주차비정산 */
.fee-list{margin-top:8px;}
.fee-list li{margin-bottom:8px; padding:20px; background:#fff;}
.fee-list li a{display: block;}
.fee-list li dl{display:flex; margin-bottom:16px;}
.fee-list li dl:last-child{margin-bottom:0px;}
.fee-list li dl dt{width:30%; color:#000; font-size:16px;}
.fee-list li dl dd{width:70%; color:#000; font-size:16px;}

.fee-detail{margin-bottom:60px; padding:20px;}
.fee-detail dl{display:flex; margin-bottom:20px;}
.fee-detail dl:last-child{margin-bottom:0px;}
.fee-detail dl dt{width:30%; color:#000; font-size:16px;}
.fee-detail dl dd{width:70%; color:#999; font-size:16px;}


/* 비밀번호변경 */
.formEdit											{padding:40px 20px;background-color:#fff;}
.formEdit dl										{margin:0 auto 40px; line-height:1; letter-spacing:0; text-align:center; color:#000;}
.formEdit dl dt										{margin-bottom:8px; text-align:left; font-size:14px;}
.formEdit dl dd										{font-family:'NotoKrR'; font-size:1.2em;}
.formEdit > ul > li								{margin-bottom:20px;}
.formEdit > ul > li:last-child						{margin-bottom:15px;}
.formEdit > ul > li input							{height:44px; font-size:14px; text-indent:10px; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}


/* 탭 */
.tabList{display:flex; justify-content:center; align-items:center; width:100%; border-bottom:1px solid #eee;}
.tabList li{width:100%; }
.tabList li a{display:block; line-height:36px; text-align:center; font-size:14px; color:#aaa; }
.tabList li.on {border-bottom:2px solid #142b57;}
.tabList li.on a{color:#142b57; font-family:'NotoKrM'; }

/* Loading */
.loading											{display:none; position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; opacity:.7; background-color:#010101; text-align:center;}
.loading-image										{position:absolute; top:50%; left:50%; z-index:100; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.not_scroll											{position:fixed;overflow:hidden;width:100%;height:100%;}