@charset "utf-8";
/* CSS Document */

/* =========================================================================================================
	Reset
========================================================================================================= */
html, body {width:100%;height:100%;padding:0;margin:0;overflow:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
img {border:0 none;vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}

h1,h2,h3,h4,h5,h6 {font-weight:400;*font-weight:bold;}
a {color:#000;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption {display:none;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;}
*+html table {border-collapse:collapse;}

html,body,div,button,input,form,legend,textarea,select,label,dl,dd,dt,li,span,p,h1,h2,h3,h4,h5,h6 {font-family:arial, Geneva, gulim;*font-family:arial, Geneva, gulim;font-size:12px;}

/* =========================================================================================================
	form
========================================================================================================= */
input,select,textarea,button {display:inline-block;outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;font-family:arial, Geneva, gulim;*font-family:arial, Geneva, gulim;}
button {border:0 none;background-color:transparent;cursor:pointer;white-space:nowrap;}
input[type=text], input[type=number],
input[type=password] {width:100%;height:24px;padding:0 3px;border-color:#afb2bf;border-width:1px;border-style:solid;border-radius:0;background:url(../images/input_bg.png) repeat-x 0 0 #fff;color:#000;font-size:12px;font-weight:500;line-height:20px;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=file] {height:24px;padding:0;border:1px solid #afb2bf;border-radius:0;background:url(../images/input_bg.png) repeat-x 0 0 #fff;color:#111;font-size:12px;font-weight:500;line-height:22px;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=checkbox]	{position:relative;outline-width:0;width:15px;height:15px;margin-right:2px;border:1px solid #afb2bf;border-radius:0;background:url(../images/input_bg.png) repeat-x 0 0 #fff;}
input[type=checkbox]:checked {background:url('../images/input_checkbox.png') no-repeat center center;background-color:#fff;}
input[type=radio]	{position:relative;outline-width:0;width:15px;height:15px;margin-right:2px;border:1px solid #afb2bf;border-radius:50%;background:url(../images/input_bg.png) repeat-x 0 0 #fff;overflow:hidden;}
input[type=radio]:checked {background:#0084e9;}
input.must, select.must, textarea.must {background:url(../images/input_must.png) repeat-x 0 0 #ddeaf6;}
input.color, select.color, textarea.must {color:#ef1c00;font-weight:bold !important;}
input.action, select.action, textarea.action {background:url(../images/input_action.png) repeat-x 0 0 #ddeaf6 !important;}
/*input.color, select.color, textarea.must,
input.action, select.action, textarea.action {color:#ef1c00;font-weight:bold !important;}*/
th.color, td.color {color:#0084e9;}
th.must_color {color:#0084e9;}

textarea {width:100%;resize:none;padding:1px 3px;border:1px solid #afb2bf;border-radius:0;background:url(../images/input_bg.png) repeat-x 0 0 #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#111;font-size:12px;line-height:14px ;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

select::-ms-expand{display:none;}
.selectbox:focus, input[type=text]:focus, input[type=password]:focus {border:1px solid #000;}

.select_item {position:relative;width:auto;display:inline-block;border:1px solid #afb2bf;border-radius:0;background:url(../images/input_bg.png) repeat-x 0 0 #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#111;font-size:12px;line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;vertical-align:middle;}
.select_item.must {background:url(../images/input_must.png) repeat-x 0 0 #ddeaf6;}
.select_item label {display:block;width:100%;height:22px;margin:0 -28px 0 0;background:url(../images/icon_select.png) no-repeat right center;font-size:12px;text-indent:3px;line-height:22px;font-weight:normal !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.select_item .selectbox {position:absolute;left:0;top:0;width:100%;height:22px;min-width:70px;border:0;font-size:12px;text-indent:3px;opacity:0;filter:alpha(opacity=0);}

input[type=radio].radio_style {position:fixed;left:-9999px;top:-9999px;opacity:0;}
.radiobox_item {display:inline-block;width:17px;height:17px;margin:-2px 7px 0 0;background-image:url(../images/icon_radio.png);background-repeat:no-repeat;vertical-align:middle;}
.radiobox_item {background-position:0 0;}
.radiobox_item.check {background-position:0 -17px;}
.t_form.check label .icon_check {position:absolute;left:0;top:0;width:17px;height:19px;background:#fff;color:#1e75ec;text-align:center;font-weight:bold;font-size:14px;}
.t_form.check label {position:relative;}

input[type=checkbox].checkbox_style {position:fixed;left:-9999px;top:-9999px;opacity:0;}
.checkbox_item {display:inline-block;width:19px;height:19px;margin:-2px 2px 0 0;background-image:url(../images/icon_check.gif);background-repeat:no-repeat;vertical-align:middle;}
.checkbox_item {background-position:0 -50px;}
.checkbox_item.check {background-position:0 0;}

button {outline:0;vertical-align:middle;}
label {display:inline-block;font-size:12px;line-height:22px; cursor:pointer;vertical-align:middle;}

input:-ms-input-placeholder {color:#bababa;}
input::-webkit-input-placeholder {color:#bababa;}
input::-moz-placeholder {color:#bababa;}
textarea:-ms-input-placeholder {color:#bababa;}
textarea::-webkit-input-placeholder {color:#bababa;}
textarea::-moz-placeholder {color:#bababa;}

select:disabled, input:disabled, .disable-styled {opacity:.2;}

fieldset {position:relative;padding:0 7px 3px;border:1px solid #e7e7e7;}
fieldset legend {padding:0 5px;line-height:14px;color:#8ea1bb;letter-spacing:-1px;}
fieldset legend label {margin-left:10px;color:#333;}
.btn_tab_wrap {position:absolute;top:0;right:10px;display:inline-block;}
.together {padding:15px 0 0 20px;}
.btn_tab {display:inline-block;border:1px solid #ccc;background:#fff;margin-left:5px;padding:0 10px;color:#333;line-height:18px;cursor:pointer;}
.btn_tab.on {background:#0084e9;color:#fff;border-color:#0084e9;}
fieldset input, fieldset select, fieldset button {font-weight:normal !important;}

input:read-only, textarea:read-only {background:#f9f9f9;border-color:#ccc;}
input[readonly=readonly], textarea[readonly=readonly] {background:#f9f9f9;border-color:#ccc;}
.select_item.readonly {background:#f9f9f9;border-color:#ccc;}
.select_item.readonly label {background:url(../images/icon_select_readonly.png) no-repeat right center;}

input:disabled, textarea:disabled {background:#f9f9f9;border-color:#ccc;opacity:.4;}
.select_item.disabled {opacity:.4;}

/* =========================================================================================================
	레이아웃(공통)
========================================================================================================= */
.wrap {width:100%;height:100%;min-width:1024px;min-height:600px;}
.wrap.login {background:url('../images/login_bg.jpg') no-repeat center center;background-size:cover;}
.wrap.main {padding-top:50px;background:#fff;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap.sub {padding-top:50px;background:#fff;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap.pop {min-width:auto;min-height:auto;min-height:760px;padding-top:50px;background:#fff;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

h1 {display:none;}
h3 {font-size:12px;padding:10px;border-bottom:1px solid #dfdfdf;background:#f9f9f9;font-weight:bold;}
h3.h3 {padding-left:0;padding-top:30px;background:none;fnt-size:14px;}
h3:first-child {padding-top:10px;}

.txt_red {color:#ff0000 !important;}
.txt_blue {color:#0084e9 !important;}

.w_auto {width:auto !important;}
.margin_t3 {margin-top:3px;}
.txt_ex {font-weight:normal !important;}

.wid_full {width:100% !important;}

.bar {display:inline-block;width:1px;height:15px;margin:0 20px;background:#c5c8cb;vertical-align:middle;}

.icon_notice {display:inline-block;width:45px;height:15px;padding-left:32px;border-radius:3px;background-position:10px center;background-repeat:no-repeat;line-height:17px;font-weight:bold;}
.notice {background-image:url('../images/icon_notice.png');color:#0074f6;}
.paper {background-image:url('../images/icon_paper.png');}

.t_right {text-align:right;}

.icon {display:inline-block;width:27px;height:29px;vertical-align:middle;margin-left:-5px;margin-top:-3px;background-repeat:no-repeat;background-position:center center;}
.icon.icon_write {background-image:url(../images/icon_btn_write.png);}
.icon.icon_return {background-image:url(../images/icon_btn_return.png);}
.icon.icon_singo {background-image:url(../images/icon_btn_singo.png);}
.icon.icon_transfer {background-image:url(../images/icon_btn_transfer.png);}
.icon.icon_sellcancel {background-image:url(../images/icon_btn_sellcancel.png);}
.icon.icon_reset {background-image:url(../images/icon_btn_reset.png);}
.icon.icon_back {background-image:url(../images/icon_btn_back.png);}
.icon.icon_document {background-image:url(../images/icon_btn_document.png);}
.icon.icon_print {background-image:url(../images/icon_btn_print.png);}
.icon.icon_excel {background-image:url(../images/icon_btn_excel.png);}
.icon.icon_search {background-image:url(../images/icon_btn_search.png);}
.icon.icon_save {background-image:url(../images/icon_btn_save.png);}
.icon.icon_modify {background-image:url(../images/icon_btn_modify.png);}
.icon.icon_del {background-image:url(../images/icon_btn_del.png);}
.icon.icon_calculate {background-image:url(../images/icon_btn_document.png);}

.btn {display:inline-block;min-width:105px;*min-width:105px;height:29px;*height:auto;padding:0;border-color:#969bae;border-style:solid;border-width:1px;background:url(../images/btn_bg.png) repeat-x 0 bottom #fff;line-height:27px;font-weight:bold;font-size:14px;letter-spacing:-1px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;font-family:맑은 고딕, 굴림;}
.btn:hover {border-color:#3d99f1 !important;background:#fff;color:#008bf6 !important;box-shadow:0 0 5px rgba(0,0,0,.3);}
.btn.blue {border-color:#3985f0 !important;background:#48a0e8;color:#fff;}
.btn.darkblue {border-color:#070d44;background:#0d1b52;color:#fff;}
.btn.grey {border-top:1px solid #c6c6c6 !important;background:#f1f3f4;color:#414549;}
.btn.deepgrey {border-top:1px solid #c6c6c6 !important;background:#9fa4aa;color:#fff;}
.btn.green {border-color:#287d13;background:#37971f;color:#fff;}
.btn.impact {border-color:#3d99f1;color:#008bf6;border-width:2px;line-height:25px;}
td .btn {min-width:50px;width:100%;height:27px;line-height:25px;}
td .btn:hover, .btn.blue:hover, .btn.darkblue:hover {border-color:#5db3ef !important;background:#79c2f5 !important;color:#fff !important;}
.disable {opacity:.4;border-color:#999 !important;color:#999 !important;box-shadow:none;background-color:#f9f9f9 !important}
.disable:hover, .disable.blue:hover, .disable.darkblue:hover {border-color:#999 !important;color:#999 !important;box-shadow:none;background-color:#f9f9f9 !important}

.button_select {display:inline-block;position:relative;width:105px;}
.button_select ul {display:none;position:absolute;left:0;top:0;z-index:100;width:210px;padding:15px 0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.button_select:hover ul {display:block;}
.button_select:hover li a {display:block;height:25px;color:#fff;font-size:12px;color:#333;line-height:25px;text-decoration:none;text-indent:30px;box-sizing:border-sizing:border-box;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.button_select:hover li a:hover {background-color:#48a0e8;color:#fff;}

/* 스크롤바 */
::-webkit-scrollbar { width: 14px;height:14px;}
::-webkit-scrollbar-track { background-color: #fff; }
::-webkit-scrollbar-thumb { background:#ccc; }
::-webkit-scrollbar-button { display: none; }

/* =========================================================================================================
	로그인
========================================================================================================= */
.wrap.login .bg {position:absolute;right:0;bottom:0;left:0;top:50%;background:#182747;z-index:2;}

.login_wrap {position:absolute; top:50%; left:50%; width:800px;margin:50px 0 0 -400px; z-index:10;}
.wrap.login h1 {position:absolute;left:0;top:50%;display:block !important;width:100%;height:130px;margin:-220px 0 0 0;;text-align:center;}
.login_box {font-size:0; line-height:0; overflow:hidden;}
.login_box form {position:relative;}
.login_box h1 {display:block !important;height:400px;text-align:center;}
.login_box .uid {display:inline-block;width:30%;height:50px; padding:0 6px 0 50px; margin:13px 0 0 0;border:1px solid #777;background:url('../images/login_icon1.png') no-repeat 0 center #fff;}
.login_box .pw {display:inline-block;width:30%;height:50px; padding:0 6px 0 50px; margin:13px 0 0 0;border:1px solid #777;background:url('../images/login_icon2.png') no-repeat 0 center #fff;}
.login_box input[type=text], .login_box input[type=password] {height:50px;line-height:50px;border:0;background:#fff !important;font-size:16px;font-weight:bold;font-family:맑은 고딕, 굴림;}
.login_box .btnBox {position:absolute;right:0;top:13px;width:24.5%;}
.login_box .btnLogin {width:100%; height:52px; margin:0; padding:0; border:0 none; background:#4088ea; color:#fff; font-size:14px;font-weight:bold;line-height:52px; text-align:center; cursor:pointer;font-family:맑은 고딕, 굴림;}
.login_wrap .copyRight {display:block;padding-top:10px;text-align:center;}
.login_wrap label {line-height:40px;color:#ccc;}
.login_wrap p {padding:0; color:#999;text-align:center;line-height:18px;}

/* =========================================================================================================
	헤더
========================================================================================================= */
.header {position:fixed;top:0;left:0;width:100%;min-width:1007px;background:#00378c;/*background:#202340;*/z-index:100;}
.header h1 {display:none;}

.header .header_info {position:absolute;right:0;top:0;text-decoration:none !important;letter-spacing:-1px;line-height:50px;}
.header .header_info .name {float:left;display:inline-block;padding-right:3px;color:#e2edf5;}
.header .header_info .btn_logout {float:left;display:inline-block;width:50px;height:50px;font-size:0;line-height:0;color:#fff;background:url('../images/icon_logout.png') no-repeat center center;text-decoration:none !important;overflow:hidden;}
.header .header_info .btn_close {display:inline-block;width:50px;padding-left:10px;color:#fff;font-size:12px;background-image:url('../images/icon_close.png');background-repeat:no-repeat;background-position:center 3px;text-decoration:none !important;line-height:25px;overflow:hidden;vertical-align:middle;}

/* 메뉴 */
.header .gnb {position:relative;margin:0 auto;padding:0;}
.header .gnb li {position:relative;}
.header .gnb > ul > li {float:left; display:inline-block;}
.header .gnb > ul > li a {display:block;} 
.header .gnb > ul > li a > span, .header .gnb > ul > li > span {position:relative;display:inline-block;padding:0 20px 0 40px;color:#e2edf5;letter-spacing:-1px;line-height:50px;cursor:pointer;background-image:url('../images/menu.png'); background-repeat:no-repeat;vertical-align:middle;text-align:center;z-index:11;-webkit-transition:background-color .3s ease;-ms-transition:background-color .3s ease;transition:background-color .3s ease;}
.header .gnb li .m1 {background-position:11px 11px;}
.header .gnb li:hover .m1 {background-position:-117px 11px;background-color:#fff;}
.header .gnb li .m2 {background-position:11px -38px;}
.header .gnb li:hover .m2 {background-position:-117px -38px;background-color:#fff;}
.header .gnb li .m3 {background-position:11px -88px;}
.header .gnb li:hover .m3 {background-position:-117px -88px;background-color:#fff;}
.header .gnb li .m4 {background-position:11px -137px;}
.header .gnb li:hover .m4 {background-position:-117px -137px;background-color:#fff;}
.header .gnb li .m5 {background-position:11px -188px;}
.header .gnb li:hover .m5 {background-position:-117px -188px;background-color:#fff;}
.header .gnb li .m6 {background-position:11px -238px;}
.header .gnb li:hover .m6 {background-position:-117px -238px;background-color:#fff;}
.header .gnb li .m7 {background-position:11px -288px;}
.header .gnb li:hover .m7 {background-position:-117px -288px;background-color:#fff;}
.header .gnb li .m8 {background-position:11px -338px;}
.header .gnb li:hover .m8 {background-position:-117px -338px;background-color:#fff;}
.header .gnb li .m9 {background-position:11px -468px;}
.header .gnb li:hover .m9 {background-position:-117px -468px;background-color:#fff;}
.header .gnb li .m10 {background-position:11px -518px;}
.header .gnb li:hover .m10 {background-position:-117px -518px;background-color:#fff;}
.header .gnb li .home {width:45px;height:50px;padding:0;margin-left:5px;*left:5px;background-position:9px -389px;font-size:0;}
.header .gnb li:hover .home {background-position:-119px -389px;background-color:#fff;}
.header .gnb li ul {display:none;position:absolute;left:0;*left:-1px;top:40px;width:160px;padding:15px 0;background:#fff;*border:1px solid #555;*border-top:0;box-shadow:0 0 10px rgba(0,0,0,.4);border-top:0;z-index:10;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.header .gnb li:hover span { background-color:#efefef;color:#0084e9;}
.header .gnb li:hover ul {display:block;}
.header .gnb li:hover li ul {display:none;}
.header .gnb li:hover li:hover ul {display:block;top:0;left:170px;}
.header .gnb li:hover li::after {display:none;}
.header .gnb li li {clear:both;display:block;padding:0;}
.header .gnb li li a {display:block;height:25px;color:#fff;font-size:12px;color:#333;line-height:25px;text-decoration:none;text-indent:30px;box-sizing:border-sizing:border-box;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.header .gnb li li a:hover {background-color:#48a0e8;color:#fff;}

.navigater {position:relative;height:40px;background:#efefef;line-height:40px;}
.navigater h2 {display:inline-block;float:left;height:32px;margin:7px 0 0 15px;padding:0 25px 0 45px;border:1px solid #999;border-bottom:0;background:url(../images/icon_title.png) no-repeat 22px center #fff;line-height:32px;font-weight:bold;vertical-align:middle;}
.navigater span {float:left;display:inline-block;padding:0 5px 0 15px;letter-spacing:-1px;font-size:12px;line-height:40px;vertical-align:middle;}
.navigater .info {position:absolute;right:0;top:12px;top:13px;;font-size:0;}
.navigater .info span {padding:0 18px;border-right:1px solid #d2d2d2;border-left:1px solid #fff;line-height:14px;font-family:맑은 고딕, 굴림;}
.navigater .info span:first-child {border-left:0;}
.navigater .info span:last-child {border-right:0;}
.navigater strong {padding-left:3px;font-size:14px;font-family:'Arial, dotum';letter-spacing:0 !important;}
.navigater ul {padding-left:15px;}
.navigater li {display:inline-block;float:left;height:32px;margin:7px 5px 0 0;padding:0 25px 0 45px;border:1px solid #b6b6b6;border-bottom:0;background-image:url(../images/icon_title.png);background-repeat:no-repeat;background-position:22px center;background-color:#e6e6e6;line-height:32px;font-weight:bold;vertical-align:middle;cursor:pointer;}
.navigater li.on {background-color:#fff;border-color:#999;}
.navigater.num li  {background-image:none;padding-left:17px;}
.navigater.num li span {clear:both;width:18px;height:18px;padding:0;line-height:18px;margin:7px 4px 0 0;border-radius:50%;background:#3985f0;color:#fff;overflow:hidden;text-align:center;}

/* =========================================================================================================
	메인
========================================================================================================= */
.main_wrap {position:relative;margin:0 auto;width:100%;max-width:1400px;height:100%;padding:30px;overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main_wrap h2, .pop_layer > h2 {position:relative;display:block;padding:8px 0 8px 15px;background:#202340;color:#fff;text-align:left;font-size:12px;font-weight:bold;letter-spacing:-1px;overflow:hidden;font-family:맑은 고딕, 굴림;}
.main_wrap h2 .btn_allview {position:absolute;right:0;top:0;width:110px;background:#7c7d88;color:#fff;text-align:center;line-height:32px;font-size:11px;font-weight:normal;}

.main_box1, .main_box3 {float:left;width:49%;margin-right:1%;padding:20px 0 0;}
.main_box2, .main_box4 {float:left;width:50%;padding:20px 0 0;}

.main_infobox  { position:relative;overflow:hidden;}
.main_infobox .date_today {width:19%;height:195px;margin-right:!px;border:5px solid #f2f5f8;line-height:50px;font-size:18px;text-align:center;font-family:맑은 고딕, 굴림;}
.main_infobox .date_today .month img {vertical-align:middle;margin:-18px 10px 0 0;}
.main_infobox .date_today .month {border-bottom:1px solid #bcbdc5;margin:0 30px 9px;*margin-bottom:14px !important;_margin-bottom:14px !important;padding-top:25px;font-size:18px;font-family:맑은 고딕, 굴림;}
.main_infobox .date_today .month strong {font-size:38px;line-height:50px}
.main_infobox .date_today strong {font-size:80px;font-family:'Verdana, Geneva, sans-serif';font-weight:normal;line-height:85px;}
.main_infobox ul {position:absolute;right:0;top:0;width:80%;padding:0;}
.main_infobox li {float:left;display:inline-block;width:15%;padding:22px 0 22px 10%;background:#f2f5f8;font-size:18px;line-height:25px;letter-spacing:-1px;font-family:맑은 고딕, 굴림;}
.main_infobox li strong {padding-right:5px;font-size:40px;font-family:'Verdana, Geneva, sans-serif';font-weight:normal;line-height:45px;}
.main_infobox li.title1 {width:49.3%;padding-left:0;font-size:22px;margin-top:5px;margin-right:5px;line-height:45px;text-align:center;}
.main_infobox li.title2 {width:50%;padding-left:0;font-size:22px;margin-top:5px;line-height:45px;text-align:center;}
.main_infobox li.title1 strong, .main_infobox li.title2 strong {display:inline-block;padding-left:30px;margin-top:-13px;vertical-align:middle;color:#4088ea;}
.main_infobox li img {vertical-align:middle;margin-right:15px;margin-top:-4px;}

.t_notice {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.t_notice td {padding:0 15px;border-bottom:1px solid #ededed;background:#fff;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.05em;}
.t_notice tr:last-child td {border:0;}

/* =========================================================================================================
	달력
========================================================================================================= */
.helloCalenderDiv {padding:10px 15px 15px 15px;margin-top:3px;background:#fff;border:1px solid #777;z-index:1000;}
.hcTable {width:230px;border-collapse:collapse;}
.hcTitle {padding:0 45px;}
.hcControlBar {padding:10px 0 !important;}
.hcTable th {padding:2px 0;color:#999;font-weight:normal;}
.hcTable td { padding:8px; text-align:center;font-weight:bold; }
.hcTable td:hover {background:#dfdfdf !important;color:#333 !important;}
.hcTable tr:hover td {background:none;}
.hcTable tr:hover td.hcControlBar {background:none !important;}
.hcTable .Year {min-width:65px;margin-right:2px;height:20px;line-height:20px;text-indent:11px;}
.hcTable .Month {min-width:50px;margin-right:2px;height:20px;line-height:20px;text-indent:11px;}
.hcTable .mouseOver { background-color:#eaedf0; border-radius:5px; cursor:pointer; }
.hcTable .hcSun { color:#FF0000; }
.hcTable .hcSat { color:#1c4fb9; }
.hcTable .selectDay { background-color:#4699d5 !important;color:#fff !important;overflow:hidden;}
.hcPrev {display:inline-block;min-width:35px;height:20px;padding:0 6px;border-color:#969bae;border-style:solid;border-width:1px;background:#fff;line-height:20px;font-weight:bold;letter-spacing:-1px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:맑은 고딕, 굴림;}
.hcNext {display:inline-block;min-width:35px;height:20px;padding:0 6px;border-color:#969bae;border-style:solid;border-width:1px;background:#fff;line-height:20px;font-weight:bold;letter-spacing:-1px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:맑은 고딕, 굴림;}
.hcToday { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white;color: #6C6C6C;padding-top:4px; }
.hcToday { margin-right:25px; }
.hcTable .noSelect { background-color:#EAEAEA; }

/* =========================================================================================================
	서브
========================================================================================================= */
.btn_middle_wrap {position:relative;display:block;height:60px;*height:45px;padding:13px 10px 0;*padding-top:10px;border-top:3px solid #d2d2d2;/*background:url(../images/btn_middle_bg.png) repeat-x 0 bottom;*/background:#f9f9f9;line-height:29px;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_middle_wrap button {margin-right:3px;}
.btn_middle_wrap .right {position:absolute;right:10px;top:15px;*top:10px;}
.btn_middle_wrap.board_view {height:auto;border:0;padding:0;}
.btn_middle_wrap.board_view .right {right:10px;top:12px;*top:10px;}

.search_box {clear:both;position:relative;padding:10px;overflow:hidden;}
.search_box fieldset { float:left;min-height:82px;*min-height:94px;margin-right:3px;border:1px solid #dfdfdf;}
.search_box .item_title {display:inline-block;width:70px;letter-spacing:-1px;/*font-family:맑은 고딕, 굴림;*/}
.search_box .wid330 {display:inline-block;width:330px !important;}
.search_box .wid280 {display:inline-block;width:280px !important;}
.search_box .wid330 label, 
.search_box .wid280 label {float:left;display:inline-block;width:30% !important;}
.search_box .wid200 {display:inline-block;width:210px;}
.search_box .wid200 input[type=text], .search_box .wid200 input[type=number] {width:130px;}
.search_box .wid170 {display:inline-block;width:170px;}
.search_box .wid150 {display:inline-block;width:150px;}
.search_box .wid80 {display:inline-block;width:80px;}
.search_box .wid80 label {width:100% !important;}
.search_box .widhalf {display:inline-block;width:49%;}

.search_box label {display:inline-block;}
.search_box .select_item label {width:100% !important;height:20px;line-height:20px;}
.search_box .select_item {width:100%;margin-bottom:3px;background:url(../images/input_search.png) repeat-x 0 0 #ebebeb;}
.search_box input[type=text] {width:100px;margin-bottom:3px;background:url(../images/input_search.png) repeat-x 0 0 #ebebeb;height:20px;line-height:20px;}
.search_box .radiobox_item {background-image:url(../images/icon_radio_search.png);}
.search_box .checkbox_item {background-image:url(../images/icon_check_search.gif);}

.search_box .btn_box {position:absolute;left:928px;top:17px;width:100px;}
.search_box .btn_box button {display:block;margin-bottom:3px;min-width:85px !important;}
.search_box .btn_box .search {height:47px;line-height:47px;}

.search_box .space {margin-right:20px;}
.search_box .space_left {margin-left:80px;}

.search_box.board {padding:10px;}
.search_box.board legend {display:none;}
.search_box.board fieldset {min-height:25px;*min-height:25px;border:0;padding:2px 0 0 3px;}
.search_box.board fieldset .item_title {width:auto !important;padding-right:10px;}
.search_box.board .select_item {width:100px;margin-bottom:0;margin-right:20px;}
.search_box.board .btn_box {position:relative;float:left;left:50px !important;top:1px !important;width:auto; !important;text-align:left;vertical-align:left;}
.search_box.board .btn_box button {display:inline-block;height:25px;line-height:25px;margin-right:10px;}
.search_box.board .btn_box strong { font-size:16px;color:#0084e9;}
.search_box.board label.wid150 {width:auto !important;padding-right:20px;}

.search_box.deajang fieldset {width:390px;min-height:25px;*min-height:25px;}
.search_box.deajang .btn_box {left:830px;width:auto; !important;text-align:left;vertical-align:middle;}
.search_box.deajang .btn_box button {display:inline-block;height:34px;line-height:34px;}
.search_box.deajang .wid25p {width:185px !important;}

.search_box.deajang2 fieldset {min-height:62px;*min-height:62px;}
.search_box.deajang2 .btn_box button {height:28px;line-height:28px;}

.search_box .btn_guide {position:absolute;right:200px;top:18px;} 
.search_box .btn_guide div {display:block;background:none;border-color:#efefef;}
.search_box .btn_guide button {display:none;}

.write_box {position:relative;padding:15px;overflow:hidden;}
.write_box.alignm {width:970px;margin:0 auto;}
.write_box fieldset {width:100%;padding:0;min-height:auto !important;margin-bottom:5px;margin-right:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.write_box .wid_half {float:left;display:inline-block;width:49% !important;}
.write_box .wid_40p {float:left;display:inline-block;width:36% !important;}
.write_box .wid_60p {float:left;display:inline-block;width:62% !important;}
.write_box .wid_45p {float:left;display:inline-block;width:42% !important;}
.write_box .wid_55p {float:left;display:inline-block;width:57% !important;}
.write_box .wid_38p {float:left;display:inline-block;width:34% !important;}
.write_box .wid_30p {float:left;display:inline-block;width:30.5% !important;}
.write_box .wid_62p {float:left;display:inline-block;width:64% !important;}
.write_box .fright {float:right !important;}
.write_box .fleft {float:left;}
.write_box .t_form {border:0;padding:7px;}
.write_box .t_form td {border:0;}
.write_box .t_form th {background:none;text-align:left;border:0;}
.write_box .t_list td:last-child {border-right:0
;}

.list_wrap {position:relative;clear:both;overflow:auto;background:#fff;scrollbar-face-color:#ccc; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #ccc; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #ccc }
.t_list {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:arial, Geneva, dotum;}
.t_list div {font-family:arial, Geneva, dotum;}
.t_list th {position:relative;padding:0 5px;background:#182747;/*background:#858694;*/color:#fff;border-right:1px solid #c6c6c6;line-height:24px;text-align:left;font-weight:normal;box-shadow:0 0 2px rgba(0,0,0,.2);white-space:nowrap;font-family:맑은 고딕, 굴림;}
.t_list th .select_item {width:100%;}
.t_list th .select_item label {font-size:11px !important;}
.t_list td {min-width:30px !important;padding:5px;border-right:1px solid #c6c6c6;border-bottom:1px solid #ededed;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .3s ease;-ms-transition:background-color .3s ease;transition:background-color .3s ease;}
.t_list th:first-child {text-align:center;}
.t_list td:first-child {/*background:url(../images/th_bg.png) repeat-x 0 bottom #f7f7f7 !important;text-align:right;*/text-align:center;color:#000 !important;}
.t_list th.no input, .t_list td.no input {display:none;}
.t_list td.btn_box {padding:0;}
.t_list td.btn_box .btn, .t_list td.btn_box2 .btn {border:0;}
.t_list td.btn_box2 {padding:0;border-bottom:0;}
.t_list td.btn_box2 .btn {height:28px;font-size:14px;}
.t_list td.text_wrap {white-space:pre-wrap !important; word-break:keep-all;}
.t_list td.right {text-align:right;}
.t_list td.btn_box.col2 .btn {width:50% !important;min-width:50% !important;}
.t_list td.photo {position:relative;padding:0;text-align:center;overflow:visible !important;cursor:pointer;}
.t_list td.photo:hover img {position:absolute;left:40px;top:-26px;width:100px;height:126px;z-index:10;}
.t_list th.sort {cursor:pointer;}
.t_list th.sort span {position:absolute;right:2px;top:4px;width:15px;height:15px;background-position:right center;background-repeat:no-repeat;}
.t_list th .sort_none {background-image:url('../images/sort_none.png')}
.t_list th .sort_up {background-image:url('../images/sort_up.png')}
.t_list th .sort_down {background-image:url('../images/sort_down.png')}
.t_list .trAllColorBlue td, .t_list .trAllColorBlue td b, .t_list .trAllColorBlue td strong {font-weight:bold !important;color:#000;font-size:13px;}
.t_list .trAllColorRed td {color:#ff0000;}
.t_list .trAllColorYellow td {background:#ffe1e5;}
.t_list .trAllColorGreen td {color:#006cff;}

.t_list .trAllColorRealBlue td {color:#2c6dd2;}
.t_list .trAllColorRealRed td {color:#ff462f;}
.t_list .trAllColorRealYellow td {color:#eba300;}
.t_list .trAllColorRealGreen td {color:#1cb40d;}
.t_list .trAllColorPink td {font-weight:bold; color:magenta;}
.t_list tr.bg td {/*background:#edf0f3;*/background:#f8fafb;}.t_list tr.bg2 td {/*background:#e6ecf0;*/background:#f9f9f9;}
.t_list tr:hover td {background:#def4f8 !important;}
.t_list tr.selected td {/*background:#8eb4db !important;*/background:#73a2dc !important;color:#fff;}
.t_list .left {text-align:left !important;}

/*.t_list.jesi tr:hover td {background:#edf0f3 !important;}*/
.t_list.jesi td b, .t_list.jesi td strong {font-weight:normal;}

.t_list.th_center th {text-align:center;border-bottom:1px solid #c6c6c6;}
.t_list.th_center .bg td {border-bottom:1px solid #d5d5d5 !important;}

.t_list.form tbody th {background:#f0f0f0;border-bottom:1px solid #c6c6c6;font-weight:bold;color:#111;box-shadow:none;}
.t_list.form tbody td {padding-left:10px;padding-right:10px;border-bottom:1px solid #c6c6c6;}
.t_list.nohover tr:hover td {background:inherit !important;}
.t_list.nohover tr.bg:hover td {background:#edf0f3 !important;}

.t_list td.nowrap {white-space:pre-wrap;overflow:auto;word-break:unset;}


.title_fixed {position:relative;height:25px;/*border-top:1px solid #0074f6;*/overflow:hidden;}
.title_fixed table {position:absolute;top:0;*top:auto;left:0;*right:0 !important;/*border-top:1px solid #b6b6b6;*/z-index:10;}

.view_title_wrap {background:#f9f9f9;}
.view_title {padding:20px;font-weight:bold;line-height:18px;font-size:18px;}
.view_info li {border-bottom:1px solid #c5c8cb;padding:5px 0 5px 20px;color:#777;letter-spacing:-1px;}
.view_info li span {display:inline-block;padding:0 50px 0 5px;font-size:12px;color:#000;letter-spacing:0;}
.view_info .file {border-top:1px solid #fff;padding:10px 20px;}
.view_info .file a {font-weight:bold;font-size:12px;}
.view_info .file a:hover {text-decoration:underline;color:#0074f6;}
.view_info .file span {font-size:10px;color:#888;font-family:Verdana, Geneva, sans-serif;}
.view_content {padding:20px;}

.btn_guide {position:relative;display:inline-block;height:16px;width:16px;padding-left:5px;}
.btn_guide button {display:inline-block;height:16px;width:16px;padding:0;border-radius:50%;background:#ccc;color:#fff;text-align:center;line-height:18px;font-weight:bold;}
.btn_guide:hover div {display:block;}
.btn_guide div {display:none;position:absolute;left:25px;top:0;min-width:160px;;border:1px solid #777;padding:5px 12px;background:#fff;line-height:17px;letter-spacing:-1px;z-index:100;font-family:맑은 고딕, 굴림;}
.btn_guide div span {display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:8px;}
.btn_guide div span.color1 {background:#ff0000;}
.btn_guide div span.color2 {background:#333;}
.btn_guide div span.color3 {background:#ffe1e5;}
.btn_guide div span.color4 {background:#006cff;}
.btn_guide div span.color5 {background:pink;}
.btn_guide.text {width:auto;height:auto;padding:0 13px;cursor:pointer;}
.btn_guide.text button {background:#999;}

.wonbu_wrap {font-size:0;}
.wonbu_info {position:absolute;top:0;width:450px;border-top:3px solid #d2d2d2;border-left:3px solid #d2d2d2;border-right:3px solid #d2d2d2;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;overflow-y:auto;scrollbar-face-color:#ccc; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #ccc; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #ccc }
.wonbu_detail {float:left;display:inline-block;width:calc(100% - 450px);overflow-x:auto;}
.wonbu_info fieldset {margin-bottom:5px;}

.t_form {border-bottom:1px solid #dfdfdf;background:#fff;}
.t_form tr:hover td {background:none;}
.t_form th {position:relative;border-bottom:1px solid #ededed;border-right:1px solid #c6c6c6;padding:3px 5px;background:#f7f7f7;font-weight:normal;line-height:17px;text-align:left;letter-spacing:-1px;text-align:right;vertical-align:top;/*font-family:맑은 고딕, 굴림;*/}
.t_form th .t_indent {position:absolute;left:-30px;font-family:맑은 고딕, 굴림;}
.t_form td {padding:1px 5px;border-bottom:1px solid #ededed;line-height:17px;color:#0084e9;letter-spacing:0;}
.t_form td .btn {width:auto;height:24px;line-height:24px;padding:0 7px;font-size:12px;}
.t_form td .dealer_photo {position:absolute;right:0;top:3px;width:100px;height:126px;overflow:hidden;}
.t_form td .dealer_photo img {max-width:100%;width:100%;}
.t_form.noline th, .t_form.noline td {border:0;}
.t_form.noline td {color:#000;padding:1px 0;line-height:22px;}
.t_form.noline th {padding-right:10px;white-space:nowrap;}
.t_form th.th2 {max-width:100px;padding-left:10px;}
.t_form th.right {text-align:right;}
.t_form td.label_align label {padding-right:25px;}
.t_form td.align_col2 label {width:49%}
.t_form td.align_col3 label {width:32%}
.t_form td.align_col4 label {width:24%}
.t_form td.label_align_10 label {padding-right:12px;}
.t_form tr.td_customer_list td {position:relative;border-bottom:1px solid #c6c6c6;}
.t_form tr.td_customer_list td:before {content:'';position:absolute;left:0;top:0;bottom:0;background:#f7f7f7;width:65px;z-index:0;}
.t_form tr.td_customer_list th {border-bottom:1px solid #c6c6c6;font-weight:bold;letter-spacing:0;}
.t_form tr.td_customer_list td span {position:relative;display:inline-block;width:70px;color:#555;vertical-align:top;letter-spacing:-1px;font-family:맑은 고딕, 굴림;z-index:1;}
.t_form tr.td_customer_list td em {display:inline-block;width:155px;vertical-align:top;}
.t_form tr.td_customer_list td em, .t_form tr.td_customer_list td strong {color:#111;}
.t_form label {min-width:auto;line-height:24px;}
.t_form .hr {padding:5px 0 !important;}
.t_form .hr hr {height:1px;width:100%;padding:0;margin:0;background:#dfdfdf;border:0;}
.t_form .hr hr,
.hr_divide {height:1px;width:100%;padding:0;margin:0;background:#dfdfdf;border:0;}
.t_form .explain {font-size:11px;color:#777;}
.t_form.wonbu_td td {color:#111;font-size:14px;}

.t_form.t_black td {color:#333;}

/* 에러메세지 */
.msg {padding-top:2px;color:#ff0000;font-family:'맑은 고딕';font-size:11px;line-height:1;}
.msg.correct {color:#333;}
span.msg {padding:0 5px;}
.t_form td.msg_td {height:35px;vertical-align:top;}
.t_form td.msg_td .msg {position:absolute;}
.t_form td.valign_top {vertical-align:top;}

.btn_wrap {padding:15px 0;text-align:center; background:#f9f9f9;}
.btn_wrap.line {border-top:1px solid #dfdfdf;}

.calcu_text {position:absolute;bottom:10px;left:10px;width:250px;color:#888;}


/* 구비서류 */
.p_ex {padding:15px;}

.ol { list-style-type:1;}
.ol li {padding:5px 10px;line-height:1.5; list-style-type:decimal; list-style-position:inside;}
.ul, .ol {padding:5px 0;}
.ul li {list-style-type:none;padding:3px 10px;}

/* =========================================================================================================
	성능점검상태
========================================================================================================= */

/* 성능점검상태 */
.check-car								{position:relative;z-index:10;margin:0 auto;padding:0;margin-top:10px;width:730px;height:440px;background:url('../images/checkcar/check_bg_car.jpg') no-repeat;zoom:0.65;/*transform:scale(0.65);transform-origin:0 0;margin:0 -300px -110px 0;*/}
.check-car .check_link_bg				{position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;}
.check-car .condition-mark				{position:relative;width:100%;height:100%;}
.check-car .condition-mark > p		{display:none;position:absolute;top:0;left:0;z-index:50;text-indent:-9999px;width:100%;height:100%;}
.check-car .i-mark						{z-index:300;display:inline-block;margin:0 !important;padding:0;width:20px; height:20px;font-size:12px;font-weight:bold;color:#fff;line-height:22px;text-align:center;overflow:hidden;border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px;-o-border-radius:10px;}
.mark-name									{margin:0 auto;padding:30px 0;width:775px;height:auto;}
.mark-name:after							{content:"";display:block;float:none;clear:both;}
.mark-name > li							{position:relative;display:table;float:left;margin:0 20px 30px;padding:0;width:110px;height:auto;text-align:left;}
.mark-name > li > h3						{display:table-cell;vertical-align:middle;margin:0;padding:0;width:100%;height:30px;font-size:12px;font-weight:normal;color:#666;}
.mark-name > li > span					{position:absolute;top:0;right:0;z-index:100;display:block;margin:0 !important;padding:0;width:30px;height:30px;font-size:13px;font-weight:bold;color:#fff;line-height:30px;text-align:center;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;}
.bg-red										{background-color:#374367;}
.bg-red input[type=checkbox]:checked {background:url('../images/icon_checkbox_red.png') no-repeat #fff;background-size:33px 33px;}
.bg-blue										{background-color:#1e9cff;}
.bg-black									{background-color:#151515;cursor:pointer;}

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

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

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

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


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

/* Popup View */
.pop_view									{position:fixed; left:640px !important; top:140px !important; /*width:100%;*/ height:auto; z-index:9999;border:0 !important;border-radius:0 !important;}
.pop_view .block_ui 						{display:block;}
.pop_view .scroll_box 					{height:300px;overflow-x:hidden;overflow-y:auto;}
.pop_view p									{margin:0; padding:0;}
.pop_view .pop_data							{position:absolute; left:50%; top:50%; z-index:9999; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_view .pop_top							{position:relative; display:table; width:100%; }
.pop_view .pop_top h3						{display:block !important;position:relative;padding:5px 20px;color:#0074f6;line-height:30px;font-weight:bold;text-align:left;box-sizing:border-box;word-break:keep-all;}
.pop_view .pop_top p						{position:absolute;top:0;right:0;left:inherit;width:40px;height:40px;background:url('../images/btn_close_layer.png') center center no-repeat;background-size:16px 16px;font-size:0;cursor:pointer;}
/*.pop_view .pop_bg							{width:100%;height:100%;background-color:#27292c;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:.90}*/
.popup_con									{margin:0; padding:0; width:auto; height:auto;}
.popup_con h1								{margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; color:#8B9EB6;}
.popup_con.memo-height						{height:400px; overflow-y:scroll;}
.popup_con.area-height						{height:460px; overflow-y:scroll;}
.popup_con .memo-section					{position:relative; margin-bottom:10px; padding:10px; width:auto; height:auto; border:1px solid #ddd; background-color:#fff;}
.popup_con .memo-section span				{display:block; margin-bottom:10px; color:#454545;}
.popup_con .memo-section .modify			{position:absolute; top:5px; right:5px; z-index:100;}
.popup_con .memo-section .modify a			{display:inline-block; cursor:pointer;}
.popup_con .memo-section .modify span		{display:inline-block; margin:0; font-size:10px; color:#ccc;}
.popup_con .memo-section p					{display:block; margin:0; padding:0; color:#757575; line-height:18px;}

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

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


/*	Popup View 성능점검 상태표시등록	*/
.pop_check									{/*position:absolute;left:50%;top:50%;margin:-240px 0 0 -270px; z-index:9999;*/width:240px; height:auto;padding:0; background-color:#fff; overflow:hidden;border:1px solid #1c4fb9;}
.pop_check .check_con						{margin:0; padding:10px 20px; width:auto; height:auto;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.pop_check .check_con dl					{margin:0; padding:0; width:auto;border:0;height:auto; _text-align:center;}
.pop_check .check_con dl:after				{content:""; display:block; float:none; clear:both;}
.pop_check .check_con dl > dd				{display:table;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop_check .check_con dl > dd label 		{display:block;font-weight:bold;line-height:25px;cursor:pointer;}
.pop_check .file_btn						{ display:none;margin:0 -1px 1px; padding:0; width:auto; height:auto;}
.pop_check .file_btn:after					{content:""; display:block; float:none; clear:both;}
.pop_check .file_btn button					{float:left; margin:0; padding:0; width:50%; height:30px; border:1px solid #fff;}
.pop_check .check_btn						{display:block;width:100%;height:76px;border:0;border-radius:0;background:#444;font-size:22px;line-height:76px;color:#fff;font-weight:500;etter-spacing:-0.05em;text-align:center;overflow:hidden;cursor:pointer;}


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

.detail_repair {position:relative;}
.detail_repair .carcheck_explain {top:0;right:0;}

.optionBox {position:relative;}
.blind { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8); z-index:99999; }
.blind .noticeBox {position:relative;margin:0 auto;margin-top:100px;width:500px; border:1px solid #555; background:white;z-index:3;}
.blind .noticeBox .box01 { text-align:center; padding:15px 15px 0 15px; }
.blind .noticeBox .box01 img { height:40px; }
.blind .noticeBox .box01 p { font-size:14px; color:#888888; line-height:1.4; padding:10px 0; border-bottom:1px solid #dedede; }
.blind .noticeBox .box02 { font-size:14px; padding:15px; line-height:1.5; }
.blind .noticeBox .box02 span { display:block; font-size:12px; color:#888888; }
.check_area {padding-top:15px;}

.blind .noticeBox .title {border-bottom:1px solid #dedede;padding-bottom:10px;font-size:17px;color:#374367;font-weight:bold;}
.blind .noticeBox .photo_popup {position:relative !important;bottom:0 !important;width:auto;height:65px;padding:0;background:none;}
.blind .noticeBox .photo_popup button {width:48%;}
.blind .bg {position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0);z-index:1;}

.checkNotice {  padding:10px; text-align:center; }
.checkNotice a, .checkNotice button { width:100%; }
.checkNotice a.grey {background:#aaa;}
.checkNotice.col2 a {display:inline-block;width:49%;}

.check_guide {position:absolute;left:20px;bottom:20px;}

.t_form.check {padding:0;}
.t_form.check th {background:#7c808a;color:#fff;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;line-height:19px;vertical-align:middle;}
.t_form.check th.bg {background:#070d44;}
.t_form.check td {border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;color:#333;}
.t_form.check td:last-child {border-right:0;}
.t_form .price_checked {background:#f9f9f9;}


/* =========================================================================================================
	팝업
========================================================================================================= */
.pop_bg {position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.3);z-index:9999;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.pop_bg2 {position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.3);z-index:9999;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.pop_layer {position:absolute;left:50%;top:50%;border:1px solid #202340;border-radius:3px;padding-top:5px;background:#f2f2f2;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.4);z-index:10000;-webkit-transition:background .3s ease;-ms-transition:all .3s ease;transition:background .3s ease;}
.pop_layer.paddT0 {padding-top:0;}
.pop_layer .pop_cont {width:100%;height:100%;overflow:auto;background:#fff;}
.pop_layer iframe {border-width:0 !important;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.pop_layer.layer {padding:0;}
.pop_layer.layer .header {position:relative;}
.pop_layer.layer .pop_cont {padding:20px;box-sizing:border-box;line-height:1.5;}
.pop_layer.layer .pop_cont p {padding-bottom:10px;}
.pop_layer > h2 .btn_close {position:absolute;right:0;top:0;display:inline-block;width:50px;padding-left:10px;color:#fff;font-size:12px;background:url('../images/icon_close.png') no-repeat center 6px #f9f9f9;text-decoration:none !important;line-height:32px;text-indent:-9999px;overflow:hidden;vertical-align:middle;}
.pop_layer > h2 .btn_close:hover {background-position:center -44px;}
.pop_layer .pop_cont.scrolled {height:460px;overflow:auto;}

.pop_layer.close .btn_close {position:absolute;right:0;top:0;display:inline-block;width:50px;color:#fff;font-size:12px;background:url('../images/icon_close.png') no-repeat center 14px #f2f2f2;text-decoration:none !important;line-height:45px;font-size:0;overflow:hidden;vertical-align:middle;}

.header.popup {min-width:100%;background:#f2f2f2;}
.header.popup h2 {display:inline-block;float:left;height:34px;margin:10px 0 0 15px;border:1px solid #b6b6b6;border-bottom:0;background:url(../images/icon_title.png) no-repeat 22px center #fff;padding:0 25px 0 45px;line-height:34px;font-weight:bold;vertical-align:middle;}
.header.popup .header_info {font-size:0;top:-4px;}
.header.popup .header_info .btn {margin-right:2px;border-color:#202340;}
.header.popup .btn_close {margin-right:5px;width:39px;height:29px;padding-left:0;line-height:29px;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header.popup .btn_close:hover {background-position:center -47px;}

.pop_layer.hide {display:none;min-width:300px;min-height:300px;border:0;border-radius:0;padding-top:0;background:#fff;}
.pop_layer.hide .header.popup {position:relative;height:45px;}
.pop_layer.hide .cont {padding:15px;}
.pop_layer.hide .cont .btn_wrap {padding:10px 0 0;background:none;}


/*  차량번호 */
.carno_layer {display:none;position:absolute;left:0;top:0;width:100%;padding:4px 5px;background:#fff;}

.zipcode::-webkit-input-placeholder { color: #000;}
.zipcode:-moz-placeholder { color: #000;opacity: 1;}
.zipcode::-moz-placeholder { color: #000;    opacity: 1;}
.zipcode:-ms-input-placeholder {color: #000;}

.hangul { ime-mode:active; }
.english { ime-mode:inactive; }
.onlyenglish { ime-mode:disabled; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }

.loading {position:fixed;left:0;right:0;bottom:0;background:url(/images/loading.gif) no-repeat center 40% rgba(255,255,255,.4);background-size:auto 80px;}


/* 새창내 팝업 */
.calc_height .header {display:none;}
.pop_frame .wrap {min-width:auto;min-height:auto;padding-top:0;}
.pop_frame > .header, .pop_frame .calc_height .navigater {display:none;}
.pop_frame .calc_height .header {display:block;position:relative;height:45px;}
.pop_frame .btn_frame {display:none;}

/* 공문애니메이션 처리 */
.notice_ani {position:absolute;bottom:0;height:40px;z-index:60;animation-duration:2s;animation-name:bounds;animation-iteration-count:infinite;}
@keyframes bounds {
  0% { transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
  50% { transform:translateX(50px);-webkit-transform:translateX(50px);-moz-transform:translateX(50px);}
  100% {transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);}
}