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

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

html, body { font-size:13px; color:#454545; margin:0!important; padding:0!important;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
caption,legend { visibility:hidden;}
/*input:focus {outline:0; }*/

div{ padding:0; margin:0;}
ul, li, ol, dl, dt, dd {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
a, a:link, a:hover {text-decoration:none!important; cursor:pointer; }
a, img {border:0;}
img { max-width:100%;}
table { margin:0; padding:0; border:0; border-collapse:collapse;  border-spacing:0}
button {border:0}


/*  공통 스타일 */
form {margin:0; padding:0; outline:none}
input, select { font-family:'Noto Sans Korean', Arial, Helvetica, sans-serif; font-size:13px; color:#454545; display:inline-block; height:28px; margin:0; padding:2px; border:1px solid #ccc; }
textarea {font-size:13px; color:#454545; padding:2px; border:1px solid #ccc;}
input[type=text] {display:inline-block; margin:0; padding:2px 4px; color:#454545; border:1px solid #ccc;}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { -webkit-transition:border-color .3s; border-color:#676767; transition:border-color .3s; border-width:1px}
input:disabled, select:disabled,  textarea:disabled { color:#858585; background:#eeeeee; border:1px solid #ccc;}
input[type=radio] checked { color:#f47320; background:#f47320;}

/*input style*/
.ui-input-text input::-moz-placeholder, .ui-input-search input::-moz-placeholder, textarea.ui-input-text::-moz-placeholder {color:#a8a8a8;}

/*checkbox 및 radio버튼 */
.checkspan { margin:0; padding:0; vertical-align:top}
.checkspan span { display:inline-block; padding-right:4px; vertical-align:middle; }
.checkspan input { vertical-align:top;}
.checkspan .rightspaec { padding-right:25px;  }


/* 커스텀 CSS*/
.nav_menu .top_navi { z-index:1151001; float:left; height:50px; padding:0px 20px 0px 20px;  background: url("/images/common/bg_nav.png") no-repeat right center; background-color:#fe7912; font-family:'Noto Sans Korean', Arial, Helvetica, sans-serif!important ; color:#fff; font-size:15px; font-weight:700; cursor:pointer; overflow:hidden; outline:0; zoom:0}
.nav_menu .top_navi:after { content:""; clear:both; display: block; }
.nav_title { width: 230px; float: left; border-radius: 0; height: 50px; background:url("/images/common/bg_h1.png") no-repeat -42px center; background-color:#fe7912;}
.site_title { text-overflow: ellipsis; overflow: hidden; font-weight: 700; font-size:20px; width:100%; color: #ffffff !important; margin-left:0 !important;
line-height: 50px; display: block; height: 50px; margin: 0; padding-left: 0px; }
.location span { display:inline-block; font-size:11px; height: 25px; line-height: 28px; color:#6e6e6e; margin: 0px; padding: 0px 21px 0px 10px; background: url('/images/icon/ico_current_arrow.png') no-repeat right center !important;}
.location span a { color:#6e6e6e}
footer div { position:fixed; z-index:1048; bottom:0; width:100%; background: #fff;  height:40px; padding: 8px 30px 5px; border-top:1px solid #e4e2e2;}
footer p { margin-bottom: 0; color: #ffffff; font-size:14px; vertical-align: middle; }
footer p.copyright { margin-left: 20px; padding-top: 3px; color:#999; font-size:12px;}
footer p.copyright span { margin-left:20px; border:1px solid #e4e2e2; background:#fafafa; padding:3px; font-size:11px;}
footer p.copyright span a {color:#999!important; }
footer p.copyright span a:hover { color:#333!important;}
.nav.navbar-nav>li>a>span>span.name { color: #f47320!important; font-weight: bold; padding-left: 3px; }
.location span { display:inline-block; font-size:11px; height: 25px; line-height: 25px; color:#828282; margin: 0px; padding: 0px 21px 0px 10px; background: url('/images/icon/ico_current_arrow.png') no-repeat right center !important;}
.main_container .right_col { min-height:100% !important; }
.main .main_container .right_col { min-height:90vh !important; }
#accordian { position:relative; background-color: #fff; width: 180px; margin-right:5px; color: white; box-shadow:none; margin:0px; padding:0px; border:none; border-top:7px solid #fff; margin-top:-5px;}
h1, .h1 { font-size:24px; margin-top:5px; }

.input-group-addon {padding:4px 5px; min-width:28px; color:#858585; font-size:11px; border-radius:0}
.input-group-addon a { color:#414141!important;}
.input-group-addon a:hover { color:#414141!important;}

.nav_menu .top_navi ul li a:hover { color:#fff; text-decoration:none; background-color:#d8a997; }

#login .subt { color: #656565; font-size: 20px; font-weight: 500; margin:15px 0; font-family:'Noto Sans Korean', Arial, Helvetica, sans-serif!important;}
#login label.remember { color: #656565; margin:0;}
#login label.remember span { display: inline-block; padding:8px 8px 8px 4px;  font-size: 12px; font-weight:500;  cursor:pointer}

#login .login_copy { text-align:center;  height: 30px; line-height: 30px; color: #89949b; font-size:11px!important; position: absolute; bottom: -15px; width: 100%; }

.form-control:hover,
.form-control:focus { border-color: #676767!important; box-shadow: none !important; }

table .form-control { line-height:20px; height:28px!important; font-size:13px; padding:2px 4px 2px 10px; }

.form-control-feedback { height: 26px; color: #bbb; line-height: 26px; font-size: 12px; width:26px; }
.form-control-callback { height: 26px; color: #bbb; line-height: 26px; font-size: 12px; width:26px; }

table .form-control-feedback{ height: 22px; color: #bbb; line-height: 22px; font-size: 12px; width:22px; }
table .form-control-callback{ height: 22px; color: #bbb; line-height: 22px; font-size: 12px; width:22px; }

.x_panel { display:inline-block; float:left; margin-bottom:0; position: relative; width: 100%; padding:0px; background: #fff; border:1px solid #dfdfdf}
.x_content { display:inline-block;  float:left; padding:10px 15px; position: relative; width: 100%; clear: both; }

/*  커스텀 CSS --------------------------------------------*/


/* SLS 추가 */
.car-contest { position:relative; width:100%; } /* margin-top:15px;*/
.block {position:relative; width:100%; margin-top:20px!important;  }
.block li { display:inline-block; float:left; width:25%; padding-right:20px; min-width: 400px;}
.block li:last-child { padding-right:20px;}

.block li > .carbox-on { position:relative; width:100%; margin-bottom:30px; }
.block li > .carbox-on > .caunt { float:left; background:url(/images/sls-01.gif) no-repeat; width:119px; height:143px; text-align:center; color:#9fba33; font-weight:900; font-size:50px; padding:20px 0;}
.block li > .carbox-on > .cartable { margin-left:119px; height:143px;  border-right:1px solid #9fba33; border-top:1px solid #9fba33;  border-bottom:1px solid #9fba33; border-bottom-right-radius:5px; border-top-right-radius:5px; }
.block li > .carbox-on > .cartable table { width:100%;  }
.block li > .carbox-on > .cartable table th {  background:#9fba33; text-align:center; height:46px; color:#fff; font-size:20px; font-weight:700;}
.block li > .carbox-on > .cartable table td.tdnone { background:#fff; height:47px; color:#414141;border-bottom:1px solid #d9d9d9; }
.block li > .carbox-on > .cartable table td { background:#fff; color:#83a10d;  text-align:center; height:48px; font-weight:700; }
.block li > .carbox-on > .cartable table td.lastchild { background:#fff; border-bottom-right-radius:5px; border-left:0;}
.block li > .carbox-off { position:relative; width:100%; margin-bottom:30px;}
.block li > .carbox-off > .caunt { float:left; background:url(/images/sls-02.gif) no-repeat; width:119px; height:143px; text-align:center; color:#939393; font-weight:900; font-size:50px; padding:20px 0;}
.block li > .carbox-off > .cartable { margin-left:119px; height:143px;  border-right:1px solid #939393; border-top:1px solid #939393;  border-bottom:1px solid #939393; border-bottom-right-radius:5px; border-top-right-radius:5px; }
.block li > .carbox-off > .cartable table { width:100%;  }
.block li > .carbox-off > .cartable table th {  background:#939393; text-align:center; height:46px; color:#fff; font-size:20px; font-weight:700;}
.block li > .carbox-off > .cartable table td.tdnone { background:#fff; height:47px; color:#414141;border-bottom:1px solid #d9d9d9; }
.block li > .carbox-off > .cartable table td { background:#fff; color:#939393;  text-align:center; height:48px; font-weight:700; }
.block li > .carbox-off > .cartable table td.lastchild { background:#fff; border-bottom-right-radius:5px; border-left:0;}


.sls-panel-pop { position: relative; width:100%; padding:15px; background: #fff; border-top:2px solid #838288; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:10px;}
.search-box { position:relative}
.search-box > table { margin:0; padding:0; border-collapse:collapse; width:100%; }
.search-box > table tr th { padding:3px 0; height:31px;  text-align:center; white-space:nowrap}
@media screen and (-webkit-min-device-pixel-ratio:0){
.search-box > table tr th { padding:4px 0}
}
.search-box > table tr td { padding:1px 0; height:31px; text-align:left;}
.search-box > table tr td img { margin-top:-1px;}
/*.search-box > table tr td div { padding-top:10px;}*/
.search-box > table tr td div { padding-top:0px;}
.search-box span {vertical-align:top}

.sls-panel { position: relative; width:100%; padding:12px; background: #fff; border-top:2px solid #838288; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:10px;}

.sls-box { position: relative; width:100%; padding:30px; background: #fff; border:1px solid #ccc; }
.sls-panelT { position: relative; width:100%; padding:15px; background: #fff; border-top:3px solid #838288; border-bottom:1px solid #dfdfdf;  }

/* 탭메뉴 */
.sls-tab { position:relative; width:100%; background:#fff; border-top:1px solid #929292; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  }
.slstab { position:relative; width:100%;}
/*.slstab span { position:absolute;  right:15px; font-style:nomal; top:6px; text-align:right;}*/
.slstab section {display:none; padding:10px; border-top:1px solid #ccc; }
.slstab input { display:none; }/*라디오버튼 숨김*/
.slstab label { display:inline-block; margin:0px -5px -1px -1px; width:8%; padding:10px 0; text-align:center; color:#414141; border-right:1px solid #ccc; border-left:1px solid #ccc; background:#fff; font-weight:700; font-size:15px; line-height:normal;}
.slstab label:hover { color: #353535; cursor: pointer;}
.slstab input:checked + label {color:#fff; background:#fe7912; border-top:1px solid #fe7912;  border-right: 1px solid #fe7912; border-bottom: 1px solid #fe7912;}/*input 클릭시, label 스타일*/
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7, #tab8:checked ~ #content8,
#tab9:checked ~ #content9, #tab10:checked ~ #content10, #tab11:checked ~ #content11, #tab12:checked ~ #content12 { display: block;}

.tab-block { position:relative!important; width:100%; }
.tab-block li {  display:inline-block; width:19.8%; padding-right:10px; vertical-align:top;}
.tab-block li:last-child { padding-right:0px;}


/*table 스타일*/
.table-defult { position:relative; width:100%; border:1px solid #454545; }
.table-defult > table { margin:0; padding:0; width:100%; background:#fff; border-collapse:collapse;}
.table-defult > table th { background:#636368; border-right:1px solid #a5a5a5; color:#fff; padding:4px; height:31px;  text-align:center;}
.table-defult > table th:last-child { border-right:none; }
.table-defult > table td { border-bottom:1px solid #ddd;  border-right:1px solid #ddd; padding:4px; height:31px;  text-align:center; vertical-align:middle; word-break:break-all}
.table-defult > table td:last-child { border-right:none; }
.table-defult > table tr:nth-child(odd) { background:#f9f9f9!important;}

.table-defult-th {  position:relative; width:100%; margin-top:15px; border:0;  background:#fff; border-collapse:collapse;}
.table-defult-th th { background:#626266; border-right:1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; color:#fff; padding:4px; height:31px;  text-align:center;}
.table-defult-th th:last-child { border-right:none}
.table-defult-th td { border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding:4px; height:31px;  text-align:center}
.table-defult-th td:last-child { border-right:none}

.tabtable { position:relative;  border:1px solid #ccc; margin-bottom:20px;}
.tabtable > table { margin:0; padding:0; width:100%; background:#fff; border-collapse:collapse;}
.tabtable > table th { background:#eee; border-bottom:1px solid #ccc; text-align:center; color:#fe7912; font-size:15px; font-weight:700; height:40px;}
.tabtable > table td { background:#fff; height:31px; padding:10px;}
.tabtable > table td.line { border-top:1px solid #ccc;}

.tablenone { position:relative; margin:0; padding:0; width:100%; border-collapse:collapse; }
.tablenone th { text-align:left; height:45px;}
.tablenone td { padding-left:30px;}
.tablenone td span { vertical-align:bottom;}

.tablborder { position:relative;  border-top:2px solid #787878;  }
.tablborder table { margin:0; padding:0; width:100%;  border-collapse:collapse;}
.tablborder table th { text-align:left; padding-left:20px; height:35px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.tablborder table td { padding-left:30px; border-bottom:1px solid #ccc; }

.tablborder-box { position:relative;  border-top:2px solid #787878;  border-bottom:1px solid #787878; background:#fff;}
.tablborder-box table { margin:0; padding:0; width:100%;  border-collapse:collapse;}
.tablborder-box table th { text-align:left; background:#efefef; padding-left:20px; height:35px; border-right:1px solid #ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.tablborder-box table td { padding:5px 10px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.tablborder-box table td span { vertical-align:bottom;}


/*팝업*/
.pop-map { border:4px solid #6e6e6e; width:100%; background:#fff; }
.pop-map h1 { color:#f89a5c; font-size:30px; font-weight:700; margin:20px; }
.pop-map i { text-align:right;}
.pop-map .popbody { padding:20px; text-align:left;}

.pop-up { display:inline-table; width:100%; background:#f4f4f4; }
.pop-up .poptit { position:relative; background:#FE872B;  height:45px; padding-left:20px; overflow:hidden }
.pop-up .poptit .tit { color:#fff; font-size:22px; font-weight:500; line-height:50px;}
.pop-up .poptit span { text-align:right; }
.pop-up .popbody { padding:20px; text-align:left;}


/*버튼*/
.btn-area { padding:0; width:100%; text-align:right; }
.btn-area img { vertical-align:top; }
.btn-pop-area { width:100%; text-align:right; }
.pop-up .btn-pop-area, .pop-up .btn-area{ width:100%; text-align:center; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
   a.upload, a.btn-search, a.btn-reset, a.btn-reset-time, a.btn-new, a.btn-modify, a.btn-save, a.btn-del, a.btn-cancle, a.btn-listP-ss, a.btn-list-ss, a.btn-sms, a.btn-sms-tt, a.btn-pop-close, .btn-send {line-height:1.5}

}

a.upload {  display:inline-block; background:#414141; color:#fff; padding:1px 20px; text-align:center; }
a.upload:hover { background:#6e6e6e;}

a.btn-search, input.btn-search, button.btn-search { display:inline-block; background:#46464C; color:#fff}
a.btn-search:hover, input.btn-search:hover, button.btn-search:hover { background:#f47320; color:#fff}

a.btn-reset { display:inline-block; background:#46464C; color:#fff;}
a.btn-reset:hover { background:#f47320;}

a.btn-reset-time { display:inline-block; background:#46464C; color:#fff; text-align:center; padding:6px 12px; font-weight:700; border-radius:3px; }
a.btn-reset-time:hover { background:#f47320;}

a.btn-new { display:inline-block; background:#46464C;}
a.btn-new:hover { background:#f47320;}

a.btn-modify { display:inline-block; background:#46464C; }
a.btn-modify:hover { background:#f47320;}

a.btn-save { display:inline-block; background:#46464C;  }
a.btn-save:hover { background:#f47320;}

a.btn-del { display:inline-block; background:#46464C;  }
a.btn-del:hover { background:#f47320;}

a.btn-listP-ss { display:inline-block; background:#46464C;  }
a.btn-listP-ss:hover {background:#f47320;}

a.btn-list-ss { display:inline-block; background:#f47320; }
a.btn-list:active { background:#414141;}

a.btn-close {  display:inline-block; background:#6e6e6e; color:#fff; padding:25px; text-align:center; }
a.btn-close:hover { background:#414141;}

a.btn-sms { display:inline-block; background:#43c856;  }
a.btn-sms:hover { background:#f47320;}

a.btn-sms-tt { display:inline-block; background:#46464C; }
a.btn-sms-tt:hover { background:#6e6e6e;}

a.btn-close2, button.btn-close2 {  display:inline-block; background:#F56C01; color:#fff; padding:10px 20px; height:45px; text-align:center; }
a.btn-close2:hover, button.btn-close2:hover { background:#414141;}

a.btn-pop-close { display:inline-block; background:#46464C; color:#fff}
a.btn-pop-close:hover { background:#414141; color:#fff;}

.btn-send { display:inline-block; background:#f47320;  }
.btn-send:hover { background:#414141; color:#fff;}



/*도착신고서 추가*/
.arrival { position:relative; display:inline-block; width:100%;  padding:5px 0; border-bottom:2px solid #838288; margin-bottom:5px;  }
.arrival h3 { display:block; font-family:'Noto Sans Korean', Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; letter-spacing:-1px;}
.arrival span { position:absolute; width:80px; right:0px; font-style:normal; top:13px; text-align:right; }

/*여백*/
.H10 { margin-top:10px;}
.line-height10 { padding-right:1.2em; line-height:1.7em;}


/*정렬방식 */
.vertical-top {vertical-align:top !important}
.vertical-middle { vertical-align:middle !important}
.vertical-bottom { vertical-align:bottom !important}
.float-right { float:right !important}
.float-left { float:left !important}

/* 텍스트 정열 */
.text-left { text-align:left !important}
.text-center { text-align:center !important}
.text-right { text-align:right !important}
.text-middle { vertical-align:middle !important}
.text-middle-center { text-align:center !important; vertical-align:middle !important}
.text-middle-right { text-align:right !important; vertical-align:middle !important}

/*컬러*/
.yellred { color:#f47320;}
.red { color:#f70202;}

.mon-path-li > li {padding-left: 4px}

/* 20170929 main imsy 수정

@media (max-width: 1680px) {
.car-contest { width:1680px; } }

@media (max-width: 1680px) {
.sls-panel { width:1680px; } }
*/
@media (max-width: 1280px) {
body {width:1280px}
}



/* 20170929 main imsy*/
.contents-main { padding-left:20px; padding-right:20px; padding-bottom:50px;}
.m_content { padding:0 15px 15px 15px; position: relative; width: 100%; clear:both;  border-top: 1px solid #dfdfdf!important; }
.Mh-height { overflow-y:auto;}
.fixed_height_350 { height: 350px; }
.t-p10 { padding-top:10px;}

/* Print 속성 추가 */
@media print {
    .left_col, .top_nav, .nav_menu, .navigation, .folderButton {display:none; border-right:0 !important}
    .right_col {padding:0 !important }
    .dataTables_wrapper {border-top:1px solid #ccc}
    a.btn, input[type=button], buttom {background-color:#ccc !important}
    footer {display:none}
}