/* Global Web-font */
@font-face{ font-family:apple; src:url(/fonts/AppleSDGothicNeoRegular.otf) format('opentype');font-weight:normal;font-style:normal; }
/* body,input,textarea,button,select,table{ font-family: apple,Tahoma,Sans-serif } */
html,body,input,textarea,button,select,table{ font-family: "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", sans-serif }

/* Links */
a, a:focus, a:hover, a:active { color: #638ed0;outline:none;text-decoration: none; }


/* 기본 */
* { -webkit-overflow-scrolling: touch; }
html, body, header, section, footer, div, ul { scroll-behavior: smooth; }
hr { margin:10px 0px; }
table, tr { width:100%; }
table thead th { text-align:center; }
table tbody tr { text-align:center; }
ul, ol { padding:0px; }
ul li { list-style-type:none; }
/* 기본 */


/* sticky footer */
.container {  }
.footer { width:100%;height:50px;background-color:#101010; }
.footer .copyright { position:absolute;width:100%;height:50px;color:#999;margin:0px;padding:16px;text-align:right }


/* 타이틀 */
.page-title { color:#e14e4e;font-weight:bold; }
.page-title:before { content:"";display:inline-block;width:4px;height:14px;background:#ce7373;margin-right:6px; }
.section-title { margin-top:60px;color:#3468c1;font-weight:bolder; }
/* .section-title { color:#3468c1;font-weight:bolder;border-bottom:1px solid #3468c122;padding:4px; } */



/* 버튼들 */
.btnD {
	width: 100%;
	padding: 6px;
	border: 1px solid #e14e4e;
	border-radius: 5px;
	background-color: #e14e4e;
	color: #eee;
	box-shadow: 2px 2px 1px #999;
}

.btnB {
	width: 100%;
	padding: 6px;
	border: 1px solid #e14e4e;
	border-radius: 5px;
	background-color: #fff0;
	color: #e14e4e;
	box-shadow: 2px 2px 1px #bbb;
}

.btn-scroll-top { position:fixed;right:20px;bottom:20px;color:#e14e4eaa; }
.btn-scroll-top:hover, .btn-scroll-top:active, .btn-scroll-top:focus { color:#e14e4eee; }

.btn-chat-regist { position:fixed;left:20px;bottom:20px;color:#337ab7aa; }
.btn-chat-regist:hover, .btn-chat-regist:active, .btn-chat-regist:focus { color:#2e6da4ee; }
/* 버튼들 */


/* 폼 관련(input, select 등) */
.input-amt {
	text-align: right;
}
/* 폼 관련(input, select 등) */


/* UI 관련 */
.text-center { text-align:center; }
.text-right { text-align:right; }
.seperator { height:1px;background-color:#999; }
.seperator2 { height:1px;background-color:#b5c6e0;padding:0 10px; }
}
/* UI 관련 */


/*******************************/
/* START) bootstrap 재정의
/*******************************/
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color:#e14e4e;
    background-color: #080808;
}
table.table-striped tr:last-child { border-bottom:1px solid #eee; }
.form-horizontal .form-group label { line-height:34px; }

div.form-group label { color:#666; }

div.form-group input[type=date] { min-width:95%; }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:380px; }
/*******************************/
/* END) bootstrap 재정의
/*******************************/


/* Siema 재정의 */




/* 로그인 화면 */
.div-login-form { height:100%;width:100%;max-width:800px;margin:0px auto;margin-top:100px; }
.titleINS { color:#eee;text-align:center;font-size:32px;font-weight:bolder; }
.subtitleINS { color:#bbb;text-align:center;font-size:20px;font-weight:bolder; }
.login-desc { color:#bbb;font-size:13px; }
.login-copyright { position:fixed;width:100%;text-align:center;left: 50%;transform: translateX(-50%);bottom:10px;color:#bbb; }
/* 메인화면 */


/* Component */
.navbar-back-button { float:left;padding:11px;display:inline-block; }

.home-title { width:100%;text-align:center;font-weight:900;color:#666; }
/*
.menu-catg-title { font-weight:900;color:#e14e4e; }
li.li-menu-container { width:100%;border:1px solid #b6c4db;border-radius:10px;margin:6px 0;padding:10px;color:#666;background:#fafafa;cursor:pointer; }
.menu-title { font-weight:900;color:#674ea7; }
*/
.menu-catg-title { font-weight:900;color:#c14f4f; }
li.li-menu-container { width:100%;border:1px solid #b6c4db;border-radius:10px;margin:6px 0;padding:10px;color:#aaa;background:#333;cursor:pointer; }
.menu-title { font-weight:900;color:#9f8cd1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.div-page-title { width:100%;height:50px;padding:8px 16px;position:fixed;top:50px;background:#333;z-index:1000;text-align:center;box-shadow:2px 2px 5px 2px #9994; }

.clickable { cursor:pointer; }
.home-notice-list li.clickable { color:#666;font-size: 15px;line-height: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.home-manual-list li.clickable { color:#666;font-size: 15px;line-height: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }


.div-work-vhcle-title { width:100%;height:70px;padding:8px 16px;border-bottom:1px solid grey;position:fixed;top:50px;background:white;z-index:1000; }
.div-work-vhcle-title h4 { color:#2e66c1;font-weight:bolder;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.div-prgss-card .car-reg-no { color: #2e6da4;font-size: 18px;font-weight: 700; }
.div-prgss-card .prgss { text-align:right;color:#666;padding-top:4px; }
.div-prgss-card .model { font-size: 16px;color: #666;margin-top: 8px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.div-prgss-card .etc { font-size: 14px;color: #999; }
.div-prgss-card .cust { margin-top: 8px;color:#666 ;font-size: 16px;font-weight: 600; }

ul.purchs-work-icon-container { width:50px;background:#333;min-height:calc(100vh - 100px);list-style:none;padding:0px;color:#999;position:fixed;top:120px; }
ul.purchs-work-icon-container li { height:70px;text-align:center; }
ul.purchs-work-icon-container li.active { color:#f2f2f2; }
ul.purchs-work-icon-container li i { height:70px;text-align:center;line-height:70px; }
div.purchs-work-content-container { margin-left:50px;margin-top:130px; }

ul.sale-work-icon-container { width:50px;background:#333;min-height:calc(100vh - 100px);list-style:none;padding:0px;color:#999;position:fixed;top:120px; }
ul.sale-work-icon-container li { height:70px;text-align:center; }
ul.sale-work-icon-container li.active { color:#f2f2f2; }
ul.sale-work-icon-container li i { height:70px;text-align:center;line-height:70px; }
div.sale-work-content-container { margin-left:50px;margin-top:130px; }

p.desc { font-size:12px;color:#999; }
p.currency-disp { font-size:14px;text-align:right;color:#f4a742cc; }
p.distance-disp { font-size:14px;text-align:right;color:#f4a742cc; }

img.blueprint { width:100%; }

div.price-report { border:1px solid #ddd;padding:20px;border-radius:5px;box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); }
div.price-report-header { text-align:center;font-size:1.3em; }
div.price-report-row { line-height:24px; }
div.price-report-row label { width:50%;text-align:left;font-size:bold;color:#666; }
div.price-report-row p { width:48%;text-align:right;display:inline-block;color:#f4a742;margin:2px 0px !important; }
div.show-report-button-container { text-align:center; }
table.tbl-price-report-margin { font-size: 10px;border-collapse: collapse; }
table.tbl-price-report-margin thead th { text-align:center;border: 1px solid #eee;background:#f4f4f4;color:#333; }
table.tbl-price-report-margin tbody td { border: 1px solid #eee;padding:3px;color:#666; }




div.div-atch-sum { border: 1px solid #eee;border-radius: 4px;padding:4px 10px;font-size: 12px; }
div.div-atch-sum .div-atch-sum-item { color:#999;margin:4px 0; }
div.div-atch-sum .atch-active { color:#2e66c1; }

table.tbl-atch { border-collapse:collapse;display:none; }
table.tbl-atch tr { height:60px;border-top:1px solid #bbb;border-bottom:1px solid #bbb; }
table.tbl-atch tr td { text-align:left; }
table.tbl-atch tr td.td-att-thumb { width:90px;height:60px; }
table.tbl-atch tr td.td-att-thumb div.att-thumb-container { width:80px;height:50px;overflow-y:hidden; }
table.tbl-atch tr td.td-att-thumb div.att-thumb-noimage { width:80px;height:50px;background:#eee;color:#fff;font-weight:9;text-align:center; }
table.tbl-atch tr td.td-att-thumb div.att-thumb-noimage p { line-height:50px; }
table.tbl-atch tr td.td-att-thumb img { width:100%;transform:translateY(-25%); }
table.tbl-atch p.att-title { color:#2e66c1;font-size:14px;margin-top:18px;margin-bottom:6px; }
table.tbl-atch p.att-title-noimage { color:#999;font-size:14px;margin-top:18px;margin-bottom:6px; }
table.tbl-atch p.att-desc { color:#999;font-size:12px;margin-bottom:8px; }

div.att-no-image-container { display:block; }
.att-sample-desc { color:#337ab7;font-weight:bolder;position:relative;padding:6px;top:-40px;display:inline-block;background:#fff9; }


.manual-info-container { color:#666;font-size:14px;font-weight:600; }
.manual-content-container { color:#666;font-size:14px; }
/*
.manual-att-container { position: fixed;bottom: 0;left: 0;right: 0;background: #f0f0f0;padding: 10px;margin: 10px;border-radius: 4px; }
*/
.manual-att-container { background: #f0f0f0;padding: 10px;margin: 10px;border-radius: 4px; }
.manual-att-list {  }
.manual-att-item {  }

.manual-youtube-container { position: relative;width: 100%;height: 0;padding-bottom: 56.25%; }
.youtube-iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }


div#chat-list-container { background:#222;padding:70px 10px; }
li.chat-item { background:#fff;margin-bottom:30px; }
div.chat-list-user-info { height:50px;line-height:50px;background:#fff;padding:0px 8px;border-bottom:1px solid #eee; }
img.user-photo { border-radius: 50%;vertical-align: middle;width: 30px;height: 30px; }
div.chat-list-user-info .user-name { line-height:50px;margin-left:10px;color:#666;font-weight:600; }
div.chat-list-content { padding:10px;color:#333; }
div.chat-list-content p, div.chat-list-content div { margin: 0px;color: #666;font-size:16px;white-space:pre-line; }
div.chat-list-content img { max-width:100%;margin:10px 0; }
div.chat-list-response { padding:10px;border-top:1px solid #f0f0f0;color:#999;font-weight:600;background:#222; }
div.chat-list-response .response-detail { text-align:right; }
div.response-count-like { display:inline; }
div.response-count-comment { display:inline; }

div.chat-regist-header { position:fixed;top:0;left:0;right:0;height:50px;line-height:50px;background:#222;z-index:100; }
div.chat-regist-header div:first-child div { color:#bbb;text-align:center;font-size:18px;font-weight:600; }
div.chat-regist-header div:first-child .chat-close { text-align:left;padding-left:30px;font-size:1.4em; }
div.chat-regist-header div:first-child .chat-close a { color:#999; }
div.chat-regist-header div:first-child .chat-regist { text-align:right;padding-right:30px;font-size:14px; }
div.chat-regist-header div:first-child .chat-regist a { color:#666; }
div.chat-regist-header .registable a { color:#337ab7 !important; }

div.chat-regist-info-container { position:fixed;top:50px;left:0;right:0;height:50px;line-height:50px;background:#fff;padding:0px 8px;z-index:100; }
div.chat-regist-info-container .user-name { line-height:50px;margin-left:10px;color:#666;font-weight:600; }
div.chat-regist-content-container { height:calc(100vh - 170px);overflow-y:scroll;padding:14px;padding-bottom:28px;margin-top:100px;margin-bottom:70px;z-index:0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.02) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.02) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.02) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.chat-content-title { width: 100%;background: #fff0;border: 0;font-size: 18px;font-weight: 600;margin: 6px 0 16px 0 !important;color: #666; }
div.editor, div.editor p, div.editor div { margin:0px;color:#666;font-size:16px; }

div.chat-regist-control { height:70px;line-height:50px;padding:0 14px 20px 14px;position:fixed;bottom:0;left:0;right:0;background:#fff; }
div.chat-regist-control a { outline:none;color:#333;font-weight:900;margin-right:18px;font-size:1.5em; }
div.chat-regist-control a:focus, div.chat-regist-control a:hover { outline :none;color:#f4a742;font-weight:900; }
/* Component */


/************ 여기부터 공통 ************/
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* flex. justify-content */
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }

/* flex. align-items */
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

/* flex. align-content */
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }

/* width */
.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }
/* width */

/* color */
.clm1 { color: #3E50B4 !important; }
.cwhite { color: #fff !important; }
.corange { color: #f4a742 !important; }
.cred1 { color: #e12222 !important; }
.cblue1 { color: #1a4384 !important; }
.cgreen1 { color: #368232 !important; }
.c333 { color: #333 !important; }
.c666 { color: #666 !important; }
.c999 { color: #999 !important; }
.cbbb { color: #bbb !important; }
.ceee { color: #eee !important; }
/* color */

/* background */
.bglm1 { background: #3E50B4 !important; }
.bgwhite { background: #FFFFFF !important; }

/* Font-Size */
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f24 { font-size: 24px !important; }
.f30 { font-size: 30px !important; }
.f40 { font-size: 40px !important; }
/* Font-Size */

/* Font-Weight */
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }

/* Text-Align */
.tc { text-align:center !important; }
.tl { text-align:left !important; }
.tr { text-align:right !important; }
/* Text-Align */

/* Display */
.block { display: block !important; }
.inblock { display: inline-block !important; }
.inline { display: inline !important; }
/* Display */

/* Margin & Padding */.ma0 { margin: 0px; }
.ma0 { margin: 0px; }
.ma10 { margin: 10px; }
.ma15 { margin: 15px; }
.ma20 { margin: 20px; }
.ma30 { margin: 30px; }
.ma40 { margin: 40px; }
.ma50 { margin: 50px; }
.ma60 { margin: 60px; }
.ma70 { margin: 70px; }
.ma80 { margin: 80px; }
.ma90 { margin: 90px; }
.ma100 { margin: 100px; }

.mt0 { margin-top: 0px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mt130 { margin-top: 130px; }

.mb0 { margin-bottom: 0px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.pa0 { padding: 0px; }
.pa10 { padding: 10px; }
.pa15 { padding: 15px; }
.pa20 { padding: 20px; }
.pa30 { padding: 30px; }
.pa40 { padding: 40px; }
.pa50 { padding: 50px; }
.pa60 { padding: 60px; }
.pa70 { padding: 70px; }
.pa80 { padding: 80px; }
.pa90 { padding: 90px; }
.pa100 { padding: 100px; }

.pt0 { padding-top: 0px; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pb0 { padding-bottom: 0px; }
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl0 { padding-left: 0px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }

.pr0 { padding-right: 0px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }
/* Margin & Padding */