@charset "utf-8";

.dp_messageid   {width:150px !important}      /* 전자문서번호1 */
.dp_docidt      {width:150px !important}      /* 전자문서번호2 */
.dp_docfnctcd   {width:150px !important}      /* 문서기능 original, duplicate  */
.dp_doccd       {width:150px !important}      /* 전자문서구분  */
.dp_doccd_nm     {width:250px !important}     /* 전자문서구분 코드+명칭 */

.dp_issuecode   {width:150px !important}      /* 발급유형  */
.dp_userid      {width:150px !important}      /* 아이디 */
.dp_sign        {width:150px !important}      /* 전자서명 */
.dp_rcvcode     {width:80px !important}       /* 수신처 */
.dp_rcvname     {width:150px !important}      /* 수신처명 */
.dp_applptcd    {width:100px !important}      /* 거래처 */
.dp_applpt_type {width:150px !important}      /* 거래처타입(신용장개설신청인/어음지급인) */

.dp_usertype    {width:170px !important}                /* 수령인유형 등 */

.dp_itmcd       {width:150px !important}                /* 상품코드 */
.dp_hs_cd       {width:150px !important}                /* HS코드 */
.dp_el_cd                {width:150px !important}       /* E/L번호 */
.dp_exptdclalcsidt       {width:150px !important}       /* 수출신고필증번호 */
.dp_lettcredadvidt       {width:150px !important}       /* 수출신용장통지번호 */

.dp_cd_len3     {width:50px !important}       /* 코드정보 3자리 */
.dp_cd_len4     {width:50px !important}       /* 코드정보 4자리 */
.dp_cd_len5     {width:50px !important}       /* 코드정보 5자리 */
.dp_cd_sss      {width:50px !important}       /* 코드정보_very small */
.dp_cd_ss       {width:100px !important}      /* 코드정보_small */
.dp_cd_s        {width:130px !important}      /* 코드정보_small */
.dp_cd          {width:150px !important}      /* 코드/기타번호 basic */
.dp_cd_m        {width:180px !important}      /* 코드정보_middle */
.dp_cd_l        {width:200px !important}      /* 코드정보_large */
.dp_cd_nm       {width:200px !important}      /* 코드명 */

.dp_item_nm     {width:250px !important}      /* 품명 */

.dp_bank_acc    {width:100px !important}      /* 은행계좌 */
.dp_bank_cd     {width:100px !important}      /* 은행코드 */
.dp_bank_nm     {width:200px !important}      /* 은행명 */

.dp_cname {width:200px !important}          /* 상호 */
.dp_name {width:200px !important}           /* 대표자명/성명 */
.dp_bzno {width:150px !important}           /* 사업자번호 */
.dp_tel {width:170px !important}            /* 전화번호 */
.dp_fax {width:170px !important}            /* 팩스 */
.dp_email {width:170px !important}          /* 이메일 */
.dp_addr {width:350px !important}           /* 주소 */
.dp_to_order {width:350px !important}       /* to_order */

.dp_countrycode {width:170px !important}    /* 선적지/도착지 */
.dp_port {width:170px !important}           /* port */
.dp_unit {width:50px !important}            /* 단위 */
.dp_unit_nm {width:130px !important}        /* 단위명 */
.dp_unit_nm_l {width:180px !important}      /* 단위명 */
.dp_qty {width:100px !important}            /* 수량 */
.dp_amt {width:100px !important}            /* 금액 */
.dp_amt_m {width:115px !important}          /* 금액 middle */
.dp_amt_l {width:200px !important}          /* 금액 large */
.dp_lcno {width:130px !important}           /* L/C No. */

.dp_date {width:90px !important}                /* 일자 */
.dp_remark {width:450px !important}             /* 비고, 필요사항, 길이가 35 Size 되는 필드 */
.dp_goods_sub_desc {width:450px !important}     /* 기타구비서류 or 상품명세 short */
.dp_goods_desc {width:550px !important}         /* 상품명세 */

.dp_loadcd      {width:50px !important}       /* 선적지/도착지 */
.dp_loadcountry {width:200px !important}      /* 선적지명/도착지명 */
.dp_load_nm {width:270px !important}          /* 선적지명/도착지명 */

.dp_txt35 {width:350px !important}

.dp_area_num {width:20px !important}          /* 수출통관의뢰 모델규격 숫자크기 */
.dp_common_nm     {width:200px !important}      /* 공통 명*/
.dp_area_num {width:20px !important}          /* 수출통관의뢰 모델규격 숫자크기 */
.dp_common_nm     {width:200px !important}      /* 공통 명*/


/* ******************** custom style (2020.06) ******************** */

/* custom style */
* {
    font-family:"Malgun Gothic","맑은 고딕" !important; outline:none;
}
.ui-layout-resizer {
	background:#d5d8db !important;
}
.ui-layout-resizer:hover {
	background:#a9c6e3 !important;
}
.ui-layout-resizer:hover .ui-layout-toggler {
	background-color:#278ee6 !important;
}
.ui-layout-toggler {
	background-color:#a8acaf !important;
}
.ui-layout-resizer:hover .ui-layout-toggler:hover {
	background-color:#f6a60c !important;
}

/* header */
h1 {
	height:39px; padding:7px 0 0 12px; margin:0; box-sizing:border-box;
}
h1 a {
	display:inline-block;
}
.header_gnb {
	padding:14px 12px 0 0;margin:0;
}
.user_info {
	float:none; display:flex; align-items:center; margin:0;
}
.info {
	font-size:12px; line-height:1; color:#eb6400; font-weight:bold; letter-spacing:0; padding:0; margin-right:12px;
}
.user_info a {
	display:inline-block; font-size:12px; line-height:1; color:#555; font-weight:bold; letter-spacing:-1px; padding:0 10px; border-left:1px solid rgba(0,0,0,0.25);
}
.user_info .cu-logout {
	position:relative; padding-right:22px;
}
.user_info .cu-logout::after {
	content:""; position:absolute; top:-2px; right:0; display:inline-block; width:16px; height:16px; margin-left:5px; background:url("../images/button/icon-logout.png") 50% 50% no-repeat;
}

#gnb {
    height:30px; background:#278ee6;
}
#gnb ol li.gnb1Depth {
	border-right:1px solid rgba(255,255,255,0.5); background:none;
}
#gnb ol li.gnb1Depth a.gnb1DepthAnchor {
	width:130px;
}
#gnb ol li.gnb1Depth a.gnb1DepthAnchor:hover {
    background:#0070cf;
}
#gnb ol li.gnb1Depth a.gnb1DepthAnchor.on {
    color:#ffcc00; background:#0070cf;
}

/* left navi */
#left {
	width:198px; top:0; left:0; border:0; background-color:#f4f6f8;
}
#leftMenu h2 {
	display:flex; height:42px; align-items:center; font-size:14px; line-height:1.2; color:#121212; font-weight:bold; padding:0; border-bottom:1px solid #d6dde3; background:#e9eff5; box-sizing:border-box;
}
#leftMenu h2::before {
	content:""; display:inline-block; width:2px; height:100%; background-color:#0070cf; margin-right:12px;
}
.vNav {
	margin:0;
}
.vNav > ul > li {
	border-left:2px solid #278ee6;
}
.vNav > ul > li > a::before {
	content:""; position:absolute; width:0; height:0; top:10px; left:15px; border-top:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #278ee6;
}
.vNav > ul > li.active > a::before {
	border-top:4px solid transparent; border-right:4px solid #278ee6; border-bottom:4px solid #278ee6; border-left:4px solid transparent;
}
.vNav li {
	background:transparent;
}
.vNav li a {
	height:32px; font-size:11px; line-height:1.2; color:#404040; letter-spacing:-0.5px; padding:8px 0 8px 25px; border-bottom:1px solid rgba(0,0,0,0.1); background:none; box-sizing:border-box;
}
.vNav li a:hover {
	color:#0070cf;
}
.vNav li.on.active {
	border-left:2px solid #f6a60c;
}
.vNav li.active > a {
	color:#0070cf; border-bottom:1px solid #eee; background:#fff;
}
.vNav li li a {
	display:block; padding:8px auto !important; border-bottom:1px solid #eee; box-sizing:border-box;
}
.vNav li li a span {
	color:#555;
}
.vNav li li a:hover span {
	color:#0070cf;
}
.vNav li.active li a {
	display:block; height:auto; color:#555; border-bottom:1px solid #eee;
}
.vNav li li a span {
	position:relative; display:block; height:auto; padding-left:10px; background:none;
}
.vNav li li a span::before {
	content:""; position:absolute; width:4px; height:4px; top:5px; left:0; background:#aaa; border-radius:50%;
}
.vNav li.active li.active a span {
	height:auto; color:#278ee6; padding-left:10px; background:none;
}
.vNav li.active li.active a span::before {
	background-color:#278ee6;
}

/* content */
.titlearea {
	margin-top:5px;
}
.contitle h2 {
	position:relative; font-size:14px; color:#121212; padding-left:18px; background:none;
}
.contitle h2::before {
	content:""; display:block; position:absolute; width:14px; height:14px; top:4px; left:0; border:4px solid #278ee6; border-radius:50%; box-sizing:border-box;
}
.trbtn {
	margin-top:-25px;
}
.trbtn a.rbtn {
	margin-left:2px;
}
a.rbtn {
	background:none; background-color:#7495b1; border-radius:2px;
}
a.rbtn:hover {
	background-color:#638099;
}
a.rbtn span {
	background:none;
}
.trbtn .btn-search, .trbtn .btn-list {
	background-color:#52606b;
}
.trbtn .btn-search:hover, .trbtn .btn-list:hover {
	background-color:#3b454d;
}
.trbtn .btn-reg {	
	background-color:#44a0ee;
}
.trbtn .btn-reg:hover {
	background-color:#3087d1;
}
.trbtn .btn-del {
	background-color:#ef9832;
}
.trbtn .btn-del:hover {
	background-color:#e78006;
}

div.gridbox_dhx_skyblue table.hdr td div.hdrcell {
    font-size:12px !important;
}
div.gridbox table.obj td {
    font-size:12px !important;
}

.search {
	margin-bottom:10px;
}
.search table {
	background-color:#f8fbfe;
}
.search table th {
	font-size:12px; background-color:#e9f2fa;
}
.search table td {
	border:1px solid #cfdeea;
}
.search table tbody tr:first-child td {
	border-top:1px solid #75a5ce;
}
.search table tbody tr:last-child td {
	border-bottom:1px solid #75a5ce;
}
.search td input {
	font-size:12px !important;
}
.search td select {
  font-size:12px; border:1px solid #c8c8c8;
}
input.calendar {
  background:url(../images/button/icon-input-calendar.png) no-repeat right center;
}
/*
input.calendar:hover {
  background:url(../images/button/icon-input-calendar.png) no-repeat right center;
}
*/
.forms .search {
	margin:0 !important;
}
.forms .search table {
	table-layout:fixed; background-color:#fff; 
}

.forms .search table th {
	width:200px; box-sizing:border-box;
}
.forms .search table td {
	width:auto; box-sizing:border-box;
}
.forms .search table.colTbl th {
	width:auto;
}
.forms .search table.colTbl th.chk {
	width:30px;
}

.forms .search table td {
	border:1px solid #cfdeea !important;
}
.forms .search table colgroup {
	display:none;
}

[id^=dataGrid] {
	margin-top:0;
}
div.gridbox {
	border-top:0 !important;
}
div.gridbox_dhx_skyblue .xhdr {
	border-top:2px solid #f6a60c; border-bottom:1px solid #bacfdf; background:#e7eff6 !important;
}
div.gridbox table.hdr td {
	border-bottom:0 !important; background:#e7eff6 !important;
}

.clienttitle {
	pointer-events:none;
}
.clienttitle h3 {
	position:relative; padding-left:8px; background:none;
}
.clienttitle h3::before {
	content:""; display:block; position:absolute; width:4px; height:11px; top:3px; left:0; background-color:#278ee6; border-radius:2px;
}
.clienttitle h3 span {
	padding-right:0 !important; background:none;
}
.subtitlearea {
	padding:0 !important; margin-top:10px; margin-bottom:2px;
}

span.att {
	font-size:12px; padding:0; background:none;
}
span.att::before {
	content:"*"; font-size:14px; font-weight:bold; color:#f74000; padding-right:3px;
}
textarea {
	font-size:12px;
}

.forms > *:not(:first-child) {
	margin-top:5px;
}

.dp_ta_r{text-align: right !important;}  /* 정렬 Right Class*/
.dp_ta_l{text-align: left !important;}  /* 정렬 left Class*/
.dp_ta_c{text-align: center !important;}  /* 정렬 center Class*/

.dp_35 {width:35px !important}