@CHARSET "UTF-8";

/*레이아웃*/

#wrap {width:100%; height:100%; min-width:1031px;}
#head {position:relative;color:#9ca7b9;font-weight:;background: #4d525a;width:100%;height: 115px;}
#logo{box-sizing: border-box;position:absolute;padding-left:0px;top: 27px;height: 53px;z-index: 12;}
#logo img {height: 53px;width: 244px;}
#level1{position:relative;width:100%;height: 80px;}
#level1 .up{float:right;display:block;width:100%;background: linear-gradient(135deg,#4b99db 65%,#4160a0 65%);height:27px;margin:0 auto;top:0;z-index:11;}
#level1 .up ul{width:100%;background-repeat:no-repeat;background-position:center center;background-image: url(/images/common/header-top.png);position: relative;margin: 0 auto;height: 27px;line-height: 27px;text-align: right;}
#level1 .up ul li{float:right;margin: 0px 8px 0px 8px;color:white;font-weight:500;font-size:11px;}
#level1 .up ul li.text{padding-top: 0px;}
#level1 .up ul li a{position:relative;color: #9ddbfe;font-weight:500;}
#level1 .up ul li.text a:before{content:'';position:absolute;top:1px;left:-16px;background-image:url(/images/common/icon_manager.png);width:10px;height:11px;background-repeat:no-repeat;}


#level1 .down{float: right;position: relative;left: 0;width: 100%;height: 53px;background: #4d525a url(/images/common/header-pattern.png) repeat 100%;margin: 0;padding: 0;}
#level1 .down ul {/* float:right; *//* width:100%; */}
#level1 .down ul li {width:auto;height:auto;float:right;padding-top: 15px;color:white;font-weight:500;font-size:15px;line-height: 27px;}
#level1 .down ul li  a{color:white;font-weight:500; padding:5px 8px 5px 8px;margin:0px 9px 0px 5px}
#level1 .down ul li div a{font-size:15px;color:white;font-weight:500; padding:5px 8px 5px 8px;margin:0px 9px 0px 5px}
#level1 .down ul li  a:hover{color:#ffff66;font-weight:500;border-radius: 5px; 	-webkit-border-radius: 5px;	-moz-border-radius: 5px; /*  background-image:url("/images/common/mouse_over.gif");background-repeat:repeat-x;background-size:100% 100%; */   }
#level1 .down ul .arrow{padding:10px;}

/* #wrap {width:100%; height:100%; min-width:1031px;}
#head { position:relative; color:#9ca7b9; font-weight:; background:url("/images/common/top_bg.jpg") repeat; width:100%; height:105px; }
#logo{position:absolute;width:100%;height:70px; padding-left:20px;}
#level1{position:relative;width:100%;height:70px;}
#level1 .up{position:relative;  width:100%;height:26px;text-align:right;;background-image:url("/images/common/line.jpg");background-repeat:no-repeat;background-position:right bottom;}
#level1 .up ul{float:right;width:100%}
#level1 .up ul li{float:right; margin:6px 8px 0px 8px ;color:white;font-weight:500; font-size:11px;}
#level1 .up ul li.text{padding-top:1px;}
#level1 .up ul li a{color:#ffffcc;font-weight:500;}

#level1 .down{position:relative; height:44px;width:auto;}
#level1 .down ul {float:right;width:100%}
#level1 .down ul li {width:auto;height:auto;;float:right; padding-top:12px;;color:white;font-weight:500; font-size:15px;background-image:url("/images/common/bar1.jpg");background-repeat:no-repeat;background-position:right 15px;}
#level1 .down ul li {width:auto;height:auto;;float:right; padding-top:12px;;color:white;font-weight:500; font-size:15px;background-image:url("/images/common/bar1.jpg");background-repeat:no-repeat;background-position:right 15px;}
#level1 .down ul li  a{color:white;font-weight:500; padding:5px 8px 5px 8px;margin:0px 9px 0px 5px}
#level1 .down ul li div a{font-size:16px;color:white;font-weight:500; padding:5px 8px 5px 8px;margin:0px 9px 0px 5px}
#level1 .down ul li  a:hover{color:#ffff66;font-weight:500;border-radius: 5px; 	-webkit-border-radius: 5px;	-moz-border-radius: 5px;  background-image:url("/images/common/mouse_over.gif");background-repeat:repeat-x;background-size:100% 100%;   }
#level1 .down ul .arrow{padding:10px;} */

#level2{position:relative;width:100%;height:35px;}
#level2 .prev1{position:absolute;right:0px;top:0;*margin-top:-1px;  }
#level2 .next1{position:absolute;left:0px;*margin-top:-1px;    }
#level2 .next1 img {position: absolute; top: 10px; left: 6px; } 
#level2 .prev1 img {position: absolute; top: 10px; right: 6px; } 
#level2 .next1:before ,#level2 .prev1:before{content: ''; width: 25px; height: 35px; background: #222222; display: block; }

#level2 .menu{position:absolute;}
#level2 .menu ul{float:left;width:100%;margin-left:30px}
#level2 .menu ul li{position:relative; float:left; ;font-weight:500; font-size:12px;padding-top:11px;padding-bottom:11px;}
#level2 .menu ul li:before {content:'';display:inline-block;position:absolute;height: 8px;width:1px;top: 14px;right: 0;background-color: #aaaaaa;}
#level2 .menu ul li a{color: #fff;font-weight:500;padding:9px 8px 10px 8px;margin:20px 9px 20px 5px;}
#level2 .menu ul li a:hover{color:#f9eb06;}
#level2 .menu ul li:last-child:before {display: none;}

#site_map{display:none;position:absolute;background:white;z-index:99;right:0;margin-right:30px;margin-top:60px;padding-left:5px;width:240px;height:150px;float:right;border:1px solid #696e77;}
#site_map ul{float:left;width:240px;margin-left:10px;margin-top:10px;border-right:1px solid #ededed;height:130px;}
#site_map ul li{height:auto;}
#site_map input{margin-right:7px;}
#site_map ul .site_title{font-size:16px;height:20px;font-weight:500;color:#339900;}
/*
#site_map ul.none{border:0px solid #eaeaea}
#site_map ul .site_sub{height:17px;}
*/

/* #14857 - COUNT OF ASSIGNMENT INTERPRETATION */
#div_countCargoAssigned			{display:none;position:absolute;background:white;z-index:99;right:0;margin-right:30px;margin-top:80px;padding-left:5px;width:240px;height:150px;float:right;border:1px solid #696e77;}
#div_countCargoAssigned ul		{float:left;width:240px;margin-left:10px;margin-top:10px;border-right:1px solid #ededed;height:130px;}
#div_countCargoAssigned ul li	{height:auto;}
#div_countCargoAssigned ul .site_title{font-size:14px;height:20px;font-weight:500;color:#339900;}

/*컨텐츠 상단 속성*/
#main{position:relative;width:100%;float:left;}
#main_top{position:relative;height: 36px;background:#f1f1f1;border-bottom:1px solid #c7c7c7;margin-left:217px;}
#main_top div a {margin: 0 5px;color: #777b81;cursor: default;}
.main_top_2{position:absolute;text-align:left;width:100%;font-size:12px;font-weight:500;height: 36px;line-height: 36px;}
.main_top_2 .fo{position: absolute;box-sizing: border-box;display: inline-block;min-width: 131px;height: 36px;background: #fff;text-align: center;padding: 0 30px 0px 46px;font-size: 12px;font-weight: 400;border-right: 1px solid #c7c7c7;z-index: 9;cursor: pointer;}
.main_top_2 .fo:before {position:absolute;content:'';background-image:url("/images/common/favorite_icon.gif");background-repeat:no-repeat;width: 10px;height: 11px;top: 13px;left: 26px;}
.main_top_1{position:absolute;text-align:right;width:100%;line-height: 36px;}
.main_top_1 .img1{margin-top:-3px;margin-right: 1px;}
.main_top_1 .img2{margin-top:-3px;margin-right:10px;margin-left:5px;cursor: pointer;}

/*left 속성*/
#left{position:relative;width:210px; height:auto;float:left;overflow-x:  hidden; overflow-y:auto;}
#left li {padding-left:25px;padding-top:8px;font-family:tahoma;color:#333333;font-size:11px;background-image:url("/images/common/dot.jpg");background-repeat:no-repeat;background-position:18px 13px;}	
#left h1{padding:20px 0 0 18px;background-image:url("/images/common/dot2.jpg");background-repeat:no-repeat;background-position:5px 23px; font-weight:500; font-size:11px; }
#left .left_bar{padding-left:18px;padding-top:5px;}

/*left 조절*/
#big_bar{z-index:10;position:relative;width:7px;background-image:url("/images/common/left_bg.gif");background-repeat:repeat;float:left;cursor:pointer;}
#big_bar:hover{position:relative;width:7px;background-image:url("/images/common/left_bg2.gif");background-repeat:repeat;float:left;}
#big_bar img{margin-top:200px;padding-left:2px;background:#eaeaea}

/* 센터타이틀 */
#contents{position:relative;}
/* .contents_title{height: 42px;padding:10px 0 0 10px;overflow: hidden;} */
.contents_title{position: relative;height:33px;margin-bottom:10px;overflow:hidden;}
.contents_title:after {position: absolute; content: ''; border-bottom: 1px solid #2a70ac; width: 100%; height: 1px; bottom: 0; display: block; z-index: 1; }
.contents_title_box1{width:auto;float:left;margin-right: 5px;}
.contents_title2{padding-left:10px;height:30px;background:#f1f1f1;border-bottom:1px solid #4b545b;}
.contents_title2_box1{padding-top:9px;color:#888888;text-align:center;}
.content{margin-bottom: 30px;}
.contents_title3{background:#f1f1f1;height:auto;border-bottom:1px solid #4b545b;color:#75777a;padding-top:7px;padding-bottom:7px;text-align:center;}
.contents_title4{height:auto;border-bottom: 1px solid #2a70ac;color:#75777a;padding-top:7px;padding-bottom:7px;text-align:center;}

/* FOOTER */
/* #foot {position :absolute;  height:25px; color:#FFFFFF; width:100%; bottom:0;clear:both; text-align:center; vertical-align:middle; padding-top:10px; background-image:url("/images/common/bg_footer.png");background-repeat:repeat}
.footer{color:#FFFFFF;padding-top:15px;;padding:auto;width:100%;text-align:center;}*/
#footer,
#footer .footerIn{position :absolute;line-height:37px;height:37px;width:100%; bottom:0;clear:both;}
#footer{width:100%;background:linear-gradient(135deg,#d2d6dc 65%,#e6e8ec 65%);z-index:50}
#footer .footerIn{position:relative;width:1200px;margin:0 auto;background-image:url(/images/common/bg_footer.png);background-repeat:no-repeat}
#footer .footerIn .copy{text-align: center;font-family:Roboto;line-height:16px;padding-top: 12px;}

.contents_title label {line-height:33px;margin-right:0px;}
.contents_title3 .btn{margin-top:-1px;background:red;}

.c_box1{float:left;}
.c_box2{float:left;background-image:url("/images/common/tab_3.gif");background-repeat:repeat;height:33px;padding: 0 15px;}
.c_box2_sub{font-weight: 400;font-size: 13px; line-height: 33px;}
.c_box2 > a{color: #4d525a;text-decoration: none;}
.c_box2 > a:hover{text-decoration: none;}
.c_box1_ov{float:left;}
.c_box2_ov{float:left;background-image:url("/images/common/tab_3_ov.gif");background-repeat:repeat;height: 33px;padding: 0 15px;}
.c_box2_ov > span{color: #fff}
.c_box2_sub_ov{margin:20px;font-weight:500;color:#ffffff;line-height: 33px;}


/* TreeView */
.treeContainer{width:100%; position:relative;height:auto;}
.treeBox{float:left;background:;width:50%}
.treeOther{float:left;background:;width:50%}
.treeBox1{float:left;background:;width:30%}
.treeOther1{float:left;background:;width:70%}
.treeView{border:1px solid #eaeaea}
.treescroll{overflow:auto;white-space:nowrap;}
.treemar{margin-top:-46px;padding-left: 10px;}


.ui-autocomplete {position:absolute; cursor:default; z-index:999999 !important;}
.ui-datepicker { z-index:999999 !important;}