@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box;
}
html {
    font-size: 100%;
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0.3); /* 1 */
    overflow: hidden;
}
body,
button,
input,
select,
textarea {
    /*font-family: "맑은 고딕", "Malgun Gothic", "돋움", dotum, Helvetica, sans-serif;*/
    color: #222;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 1.2;
}
body {
    height: 100%;
    min-width: 1200px;
    min-height: 700px;
    -ms-overflow-style: scrollbar;
}
::-moz-selection {
    background: #ffb966;
    text-shadow: none;
}
::selection {
    background: #ffb966;
    text-shadow: none;
}

/* LINKS */

a {
    color: #222;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #111;
    text-decoration: none;
}

/* LIST STYLE */

ul, ol, dl {
    list-style: none;
}

/* FORM FIELD */

label {
    cursor: pointer
}
textarea {
    resize: vertical;
    padding: 5px;
    min-height: 60px;
}
::-webkit-input-placeholder {
    color: #ccc; /* Chrome/Opera/Safari */
}
::-moz-placeholder {
    color: #ccc; /* Firefox 19+ */
}
:-ms-input-placeholder {
    color: #ccc; /* IE 10+ */
}
:-moz-placeholder {
    color: #ccc; /* Firefox 18- */
}
select {
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    height: 24px;
}
select::-ms-expand {
  /* display: none; */
}
.select {
    position: relative;
    z-index: 1;
}
.select:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #666;
}
input[type='text']{
    height: 22px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #bbb;
    text-indent: 2px;
}

/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */

/* Font */
/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body, h1, h2, h3, h4, h5, h6, p, a, p, div, span, ul, li, input, button, select, label {font-family: Arial, 'Noto Sans KR', sans-serif !important;}

html { font-size: 62.5%; } 
body, p { font-size: 13px; font-size: 1.3rem; }

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
*/

/*body, h1, h2, h3, h4, h5, h6, p, a, p, div, span, ul, li, input, button, select, label*/
*
{
	letter-spacing: initial !important; 
}
.hide{ display: none !important; }
.ta-c{ text-align: center; }
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }

.fl-l{ float: left; }
.fl-r{ float: right; }
.fl-n{ float: none; }

.mgl-5{ margin-left: 5px; }
.mgl-10{ margin-left: 10px; }
.mgl-15{ margin-left: 15px; }
.mgl-20{ margin-left: 20px; }
.mgl-25{ margin-left: 25px; }
.mgl-30{ margin-left: 30px; }
.mgl-35{ margin-left: 35px; }
.mgl-40{ margin-left: 40px; }
.mgl-45{ margin-left: 45px; }
.mgl-50{ margin-left: 50px; }

.mgr-5{ margin-right: 5px; }
.mgr-10{ margin-right: 10px; }
.mgr-15{ margin-right: 15px; }
.mgr-20{ margin-right: 20px; }
.mgr-25{ margin-right: 25px; }
.mgr-30{ margin-right: 30px; }
.mgr-35{ margin-right: 35px; }
.mgr-40{ margin-right: 40px; }
.mgr-45{ margin-right: 45px; }
.mgr-50{ margin-right: 50px; }

.pdr-5{ padding-right: 5px; }
.pdl-5{ padding-left: 5px; }
.pdl-10{ padding-left: 10px; }
.pdl-15{ padding-left: 15px; }
.pdl-20{ padding-left: 20px; }
.pdl-25{ padding-left: 25px; }
.pdl-30{ padding-left: 30px; }
.pd-5{ padding: 5px; }
.pd-10{ padding: 10px; }
.pd-15{ padding: 15px; }
.pd-20{ padding: 20px; }
.pd-25{ padding: 25px; }
.pd-30{ padding: 30px; }

.flex{ display: flex; }
.va_top{ vertical-align: top !important; }
.va_mid{ vertical-align: middle !important; }
.va_sub{ vertical-align: sub !important; }
.va_btm{ vertical-align: bottom !important; }

.bdn-a{ border: none !important; }
.bdn-l{ border-left: none !important; }
.bdn-r{ border-right: none !important; }
.bdn-t{ border-top: none !important; }
.bdn-b{ border-bottom: none !important; }

.bdr-l
{
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important; 
}
.bdr-r
{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important; 
}

.w10P {width: 10% !important;}
.w20P {width: 20% !important;}
.w30P {width: 30% !important;}
.w32P {width: 32% !important;}
.w40P {width: 40% !important;}
.w41P {width: 41% !important;}
.w42P {width: 42% !important;}
.w43P {width: 43% !important;}
.w44P {width: 44% !important;}
.w45P {width: 45% !important;}
.w46P {width: 46% !important;}
.w47P {width: 47% !important;}
.w48P {width: 48% !important;}
.w49P {width: 49% !important;}
.w50P {width: 50% !important;}
.w60P {width: 60% !important;}
.w70P {width: 70% !important;}
.w80P {width: 80% !important;}
.w90P {width: 90% !important;}
.w100P {width: 100% !important;}

.w10 {width: 10px !important;}
.w15 {width: 15px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w35 {width: 35px !important;}
.w32 {width: 32px !important;}
.w40 {width: 40px !important;}
.w45 {width: 45px !important;}
.w50 {width: 50px !important;}
.w55 {width: 55px !important;}
.w60 {width: 60px !important;}
.w65 {width: 65px !important;}
.w70 {width: 70px !important;}
.w71 {width: 71px !important;}
.w72 {width: 72px !important;}
.w73 {width: 73px !important;}
.w74 {width: 74px !important;}
.w75 {width: 75px !important;}
.w76 {width: 76px !important;}
.w77 {width: 77px !important;}
.w78 {width: 78px !important;}
.w79 {width: 79px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w95 {width: 95px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w139 {width: 139px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w210 {width: 200px !important;}
.w220 {width: 200px !important;}
.w230 {width: 230px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w260 {width: 260px !important;}
.w270 {width: 270px !important;}
.w280 {width: 280px !important;}
.w290 {width: 290px !important;}
.w300 {width: 300px !important;}
.w310 {width: 310px !important;}
.w320 {width: 320px !important;}
.w330 {width: 330px !important;}
.w340 {width: 340px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w510 {width: 510px !important;}
.w520 {width: 520px !important;}
.w530 {width: 530px !important;}
.w540 {width: 540px !important;}
.w550 {width: 550px !important;}
.w560 {width: 560px !important;}
.w570 {width: 570px !important;}
.w580 {width: 580px !important;}
.w590 {width: 590px !important;}
.w600 {width: 600px !important;}
.w610 {width: 610px !important;}
.w620 {width: 620px !important;}
.w630 {width: 630px !important;}
.w640 {width: 640px !important;}
.w650 {width: 650px !important;}
.w660 {width: 660px !important;}
.w670 {width: 670px !important;}
.w680 {width: 680px !important;}
.w690 {width: 690px !important;}
.w700 {width: 700px !important;}
.w710 {width: 710px !important;}
.w720 {width: 720px !important;}
.w730 {width: 730px !important;}
.w740 {width: 740px !important;}
.w750 {width: 750px !important;}
.w760 {width: 760px !important;}
.w770 {width: 770px !important;}
.w780 {width: 780px !important;}
.w790 {width: 790px !important;}
.w800 {width: 800px !important;}
.w1100 {width: 1100px !important;}

.h10 {height: 10px !important;}
.h15 {height: 15px !important;}
.h20 {height: 20px !important;}
.h25 {height: 25px !important;}
.h30 {height: 30px !important;}
.h32 {height: 32px !important;}
.h35 {height: 35px !important;}
.h40 {height: 40px !important;}
.h45 {height: 45px !important;}
.h50 {height: 50px !important;}
.h55 {height: 55px !important;}
.h60 {height: 60px !important;}
.h65 {height: 65px !important;}
.h70 {height: 70px !important;}
.h75 {height: 75px !important;}
.h80 {height: 80px !important;}
.h85 {height: 85px !important;}
.h90 {height: 90px !important;}
.h95 {height: 95px !important;}
.h100 {height: 100px !important;}
.h110 {height: 110px !important;}
.h120 {height: 120px !important;}
.h130 {height: 130px !important;}
.h150 {height: 150px !important;}
.h200 {height: 200px !important;}
.h250 {height: 250px !important;}
.h300 {height: 300px !important;}
.h350 {height: 350px !important;}
.h400 {height: 400px !important;}
.h450 {height: 450px !important;}
.h490 {height: 490px !important;}
.h500 {height: 500px !important;}
.h550 {height: 550px !important;}

.h100P {height: 100%; }

.wr100{ width: calc(100% - 100px); }
.wrh100{ width: calc( (100% - 100px) / 2); }

.box-b{ box-sizing: border-box; }

.cnt_txt
{
	font-weight: bolder;
	color: #000;	/*#666666*/
	height: 22px;
    padding-top: 4px;
}
.chk_search_all
{
    vertical-align: sub;
    margin-top: 5px;
}
.btn
{
    border-radius: 3px;
    /*border: 1px solid #a9a9a9;*/
    border: 1px solid #767676;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    /*min-width: 22px;*/
    height: 22px;
    vertical-align: baseline;
}
.btn.left
{
	padding: 0px 13px !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn.right
{
	padding: 0px 13px !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -6px;
}
.btn:focus, .btn:hover
{
    /*border-color: #888;*/
}
.btn.search
{
	width: 60px;
}
.btn.blueF
{ 
	color: #fff;
	font-weight: bold;
	background: #008BB5;
	border: 1px solid #008BB5;
}
.btn.blueDeep
{ 
	color: #fff;
	font-weight: bold;
	background: #373C95;
	border: 1px solid #373C95;
}
.btn.yellowF
{ 
	font-weight: bold; 
	background: #FFD52B;
	border-color: #caaa2a;
}
.btn.HeaderF
{ 
	color: #fff;
	font-weight: bold;
	background: #373C95;
	border: 1px solid #373C95;
}
.btn.popF
{
	color: #fff;
	background: #373C95;
    border: 1px solid #373C95;
    font-weight: lighter;
}
.btn.red
{
	color: #ff0000;
	border: 1px solid #ff0000;
}
.btn.blue
{ 
	color: #008BB5;
	border: 1px solid #008BB5;
}
.btn.purple
{
    border: 1px solid #3B44AC;
    border-radius: 3px;
    color: #3B44AC;
    background: #fff;
}
.btn.purpleF
{
    border: 1px solid #3B44AC;
    border-radius: 3px;
    color: #fff;
    background: #3B44AC;
}
.btn.car
{
	background-color: #FFD52B;
    background-image: url(../../img/btn_car.png);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-size: 20px;
    padding-left: 30px !important;
}
.btn.upload
{
	background-color: #fff;
    background-image: url(../../img/btn_upload.png);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 1px;
    background-size: 18px;
    padding-left: 27px !important;
    color: #008BB5;
    border: 1px solid #008BB5;
}
.btn_mode
{
	background-repeat: no-repeat;
    background-size: 25px;
    width: 25px;
    height: 22px;
    padding: 0px !important;
    background-position-x: left;
    background-position-y: center;
    border: none !important;
    cursor: pointer;
    outline: none !important;
}
.btn_mode.view1{ background-image: url(../../img/btn_mode_1_off.png); }
.btn_mode.view2{ background-image: url(../../img/btn_mode_2_off.png); }
.btn_mode.view3{ background-image: url(../../img/btn_mode_3_off.png); }
.btn_mode.view4{ background-image: url(../../img/btn_mode_4_off.png); }
.btn_mode.view5{ background-image: url(../../img/btn_mode_5_off.png); }
.btn_mode.view1.on{ background-image: url(../../img/btn_mode_1_on.png); }
.btn_mode.view2.on{ background-image: url(../../img/btn_mode_2_on.png); }
.btn_mode.view3.on{ background-image: url(../../img/btn_mode_3_on.png); }
.btn_mode.view4.on{ background-image: url(../../img/btn_mode_4_on.png); }
.btn_mode.view5.on{ background-image: url(../../img/btn_mode_5_on.png); }

.readOnly
{
	background: #ededed;
}
.hy_num
{
	text-align: right;
}

.backscreen
{
	display: none;
	background: #fff;
	opacity: 0.5;
	z-index: 109;
	top: 0px;
	left: 0px;
	position: absolute;
}
.backscreen_modal
{
	display: none;
	background: #ddd;
    opacity: 0.5;
	z-index: 108;
	top: 0px;
	left: 0px;
	position: absolute;
}
.hy_modal
{
	position: absolute;
	z-index: 109;
	display: none;
	box-sizing: border-box;
}
.modal_header
{
	width: 100%;
	height: 46px;
	background: #373C95;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 11px;
}
.modal_header:active
{
	cursor: move;
}
.modal_header_title
{
	padding: 4px;
	float: left;
}
.modal_header_btn
{
	float: right;
	padding: 4px 5px 5px 5px;
    background: #fff;
    border-radius: .25rem;
    color: #373C95;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 24px;
}
.modal_header_btn2
{
    display: inline-block;
    padding: 4px 5px 5px 5px;
    background: #fff;
    border-radius: .25rem;
    color: #373C95;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 24px;
}
.modal_contents
{
	width: 100%;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	
}
.hy_modal table
{
	border-collapse: collapse;
}
.hy_modal table th, .hy_modal table td
{
	padding: 2px;
}

/*	Modal css	*/
.popup_layer
{
	z-index: 109 !important;
	width: 500px;
	background: #f0f0f0;
	border: 3px solid #373C95;
	display: none;
}
.popup_header
{
	width: 100%;
	height: 45px;
	background-color: #373C95;
	padding: 10px;
}
.popup_contents
{
	width: 100%;
	height: 386px;
	background-color: #fff;
}
.popup_header h1
{
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	float: left;
}
.popup_header button
{
    color: #fff;
    background: #373C95;
    border: none;
    font-size: 18px;
    font-weight: bold;
}
.popup_btn
{
	width: 100%;
	padding: 5px;
}
.popup_info
{
	width: 300px !important;
	border: none !important;
	outline: none;
	color: #f90000;
}
.popup_btn input, .popup_btn select, .popup_btn button
{
	height: 24px !important;
}
.popup_header > button
{
	cursor: pointer;
}
.th_req:after
{
	content:"*";
	color: #ff0000;
	font-weight: bold;
}
.popup_grid
{
	width: 100%;
	padding : 5px;
}
.ui-draggable-handle
{
	cursor: grab !important;
}
.ui-draggable-handle:active
{
	cursor: grabbing !important;
}
.aui_ico
{
	text-align: center;
	cursor: pointer;
}
.bgDDD
{
	background: #ddd !important;
}
.bgDisabled
{
	background: #ddd !important;
	opacity: 1;
}
.bg_darkGray
{
	background : #747474 !important;
}
.bg_Yellow
{
	background-color: #ffcc00;
}
.bg_Lemon
{
	background-color: #FFFFE4;
}
.bg_pink
{
	background-color: #ffd0d0;
}
.bg_red
{
	background-color: #ff0000;
}
.bg_Orange
{
	background-color: #ffa500;
    border: 1px solid #bb7900;
    color: #000;
}
.container_top input[type=text]
{
	border-color: #767676;
}
.color_blue
{
	color: #0000ff;
}
.color_red
{
	color: #ff0000;
}
.color_orange{
	color: #EB970F;
}
.color_green {
	color: #8CC861;
}
.color_aqua {
	color: #019CC4;
}
.color_madeHiy {
	 background: #cbffcb;
}
.color_madeHiy2 {
	 background: #35b54b;
}
.selected-row-style {
	background:#9FC93C;
	font-weight:bold;
	color:#22741C;
}
.font_inM
{
	color: #0000ff;
	text-align: right;
}
.font_outM
{
	color: #ff0000;
	text-align: right;
}
.AXbindTwinDateExpandBox .dateControlBox .nextbutton
{
	background: url(./../images/dx-next-arrow.png) no-repeat !important;
}
.tool_label
{
	color: #595959;
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
	display: inline-block;
	margin-top: -1px;
}
.tool_label.sub
{
	margin-left: 20px;
}
.cargo24_search_addr
{
	box-sizing: border-box;
	width: 100%;
	padding-left: 2px !important;
	height: 22px !important;
	line-height: 22px !important;
}
.select2-container .select2-selection--single
, .select2-container--default .select2-selection--single .select2-selection__rendered
, .select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 22px !important;
	line-height: 22px !important;
	/*border-radius: 0 !important;*/
}
.select2-container .select2-selection--single .select2-selection__rendered
{
	padding-left: 2px !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder
{
	padding-left: 5px;
}
.select2_match {
	color: #3070ED;
	font-weight: bold;
}
.select2-dropdown.select2-dropdown--below
{
	top: -23px;
	border: 1px solid #3070ED !important;
	border-radius: 0px !important;
}
.select2-search.select2-search--dropdown
{
	padding: 0 !important;
	border-radius: 0px !important;
}
.select2-search__field
{
	outline: none !important;
	border: none !important;
	border-radius: 0px !important;
}
.select2-selection__clear
{
	margin-right: 3px;
	margin-top: -1px;
	font-size: 13px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background-color: #EAF4FD !important;
	color: #000 !important;
}
.select2-results__option
{
	font-weight: bold;
}
.btnMng:disabled
{
	/*visibility: hidden;*/
}
.font_weight_bold
{
	font-weight: bold;
}
.font_bold_bg_yellow
{
	font-weight: bold;
	background-color: #ffcc00;
}
.hy_disabled
{
	background: #c3c3c3 !important; /*#ddd !important;*/
	background-color: #c3c3c3 !important; /*#ddd !important;*/
	color: #333 !important;
	font-weight: bold !important;
	opacity: 1 !important;
}
.hy_disabled::placeholder
{
	color: #c3c3c3 !important;
}

/* 배차관리의 운송상태 배경 깜빡거리는 animation */
@-webkit-keyframes blink {
    0% { background: white; }
    50% { background: red;
    	  color: white;
    	  font-weight: bold;
    }
}
.blink {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1.5s; /* 0.75s -> 2s */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: step-end;   
}