@charset "utf-8";
#mainSkn{overflow:visible; width:100%; height:169px; background:url("/images/portal/common/mainBg.jpg"); background-repeat:no-repeat;}
.skinTit{position:relative; top:55px; width:100%; text-align:center; color:#fff;}
.skinTit h1{font-family:verdana,HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:23px; font-weight:bold; letter-spacing:-0.3px;}
.skinTit span{font-family:verdana,HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:lighter; letter-spacing:-1px; line-height:30px;}

#contWidget { width:1530px; margin:0 auto; position:relative; padding:10px 0 30px;}
#contWidget:after {content:""; display:block; clear:both}
#contWidget div.normal {width: 1120px; float:left; margin-top:30px}
#contWidget div.normal dl dd {height: 370px; box-sizing: border-box;}
#contWidget div.normal:nth-child(3) dl dd {height: 270px;}
#contWidget div.normal:nth-child(3) .plantTable {width: 96%}
#contWidget div dl dt { font-family:'Malgun Gothic'; font-size:22px; font-weight:bold; color:#000 ; background:url(/images/portal/common/icon_title01.png) no-repeat 3px 0; padding-left:40px;letter-spacing: -1px; height: 26px;}
#contWidget div dl dd { background: #fff; border-radius: 5px; padding:20px 0 0 12px; margin:12px 20px 0 0; box-shadow: 0 0 5px 1px #9e9e9e;}
#contWidget div.pannel {width: 410px; float:right; margin-top:19px}
#contWidget div.pannel:last-child {margin-top:13px}
#contWidget div.pannel:last-child dl dd ul {height:230px}
#contWidget div.pannel dl dt {font-family:'Arial'; font-size:19px; font-weight:bold; color:#fff ; height: 43px; padding:0}
#contWidget div.pannel dl dd { background: #fff; border-radius: 0 0 5px 5px; padding:20px; box-shadow: 0 0 5px 1px #9e9e9e; margin: 6px 0; }
#contWidget div.pannel dl dd ul {height: 330px; overflow: auto; width: 390px;}
#contWidget div.pannel dl dd li { padding-left:40px; border-bottom:1px solid #E5E5E5; height:40px; line-height:40px; font-family: 'Malgun Gothic'; font-size:17px; color:#666;}
#contWidget div.pannel dl dd li a {color:#666;}
#contWidget div.pannel dl dd li a:hover {color:#666; text-decoration:underline;}

#contPortalWidget{ border:1px; width:1585px; margin:0 auto; position:relative; top:30px; text-align:center; }
#contPortalWidget ul li{float:left; margin-left:5px; margin-right:5px;}
#contPortalWidget ul li.tit{box-shadow:5px 5px 5px #6b819a;clear:both; width:500px; height:45px; background:#f7f7f7; text-align:left;  border-radius:10px 10px 0px 0px; color:#333; font-size:15px; font-weight:bold; border-bottom:1px solid #e5e5e5; border-left:1px solid #39587c; border-right:1px solid #39587c;border-top:1px solid #39587c; letter-spacing:-1.3px; }
#contPortalWidget ul li.titW{box-shadow:5px 5px 5px #6b819a;clear:both; width:760px; height:35px; background:#f7f7f7; text-align:left;  border-radius:10px 10px 0px 0px; color:#333; font-size:15px; font-weight:bold; border-bottom:1px solid #e5e5e5; border-left:1px solid #39587c; border-right:1px solid #39587c;border-top:1px solid #39587c; letter-spacing:-1.3px; }
#contPortalWidget ul li.tit span{position:relative;  top:13px; left:23px;}
#contPortalWidget ul li.titWFull{box-shadow:5px 5px 5px #6b819a;clear:both; width:1540px; height:35px; background:#f7f7f7; text-align:left;  border-radius:10px 10px 0px 0px; color:#333; font-size:15px; font-weight:bold; border-bottom:1px solid #e5e5e5; border-left:1px solid #39587c; border-right:1px solid #39587c;border-top:1px solid #39587c; letter-spacing:-1.3px; }
#contPortalWidget ul li.titWFull span{position:relative;  top:10px; left:23px;}
#contPortalWidget ul li.titW span{position:relative;  top:10px; left:23px;}
#contPortalWidget ul li.cont{box-shadow:5px 5px 5px #6b819a;box-shadow:5px 5px 5px #6b819a;clear:both; width:500px; height:245px; background:#fff; text-align:center; border-left:1px solid #39587c; border-right:1px solid #39587c;}
#contPortalWidget ul li.contH{box-shadow:5px 5px 5px #6b819a;clear:both; width:500px; height:577px; background:#fff; text-align:center;border-left:1px solid #39587c; border-right:1px solid #39587c;}
#contPortalWidget ul li.contW{box-shadow:5px 5px 5px #6b819a;clear:both; width:760px; height:150px; background:#fff; text-align:center;border-left:1px solid #39587c; border-right:1px solid #39587c;}
#contPortalWidget ul li.contWFull{box-shadow:5px 5px 5px #6b819a;clear:both; width:1540px; height:130px; background:#fff; text-align:center;border-left:1px solid #39587c; border-right:1px solid #39587c;}
#contPortalWidget ul li.bottom{box-shadow:5px 5px 5px #6b819a;clear:both; width:500px; height:20px; background:#fff; border-left:1px solid #39587c; border-right:1px solid #39587c; border-bottom:1px solid #39587c; border-radius:0px 0px 10px 10px; margin-bottom:21px;}
#contPortalWidget ul li.bottomW{box-shadow:5px 5px 5px #6b819a;clear:both; width:760px; height:20px; background:#fff; border-left:1px solid #39587c; border-right:1px solid #39587c; border-bottom:1px solid #39587c;border-radius:0px 0px 10px 10px; margin-bottom:21px;}
#contPortalWidget ul li.bottomWFull{box-shadow:5px 5px 5px #6b819a;clear:both; width:1540px; height:20px; background:#fff; border-left:1px solid #39587c; border-right:1px solid #39587c; border-bottom:1px solid #39587c;border-radius:0px 0px 10px 10px; margin-bottom:21px;}

#InfoLayer{position:absolute; top:0px; right:0px; width:445px; height:100%; height:100vh; background-color:#fff; border-left:1px solid #4b4a4a; display:none; z-index:4999;}
#layerClose{position:absolute; top:25px; right:25px;}
.widgetTit{position:relative; top:60px; left:60px;}
.widgetTit h1{color:#fff; font-size:26px; font-family:verdana,HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; letter-spacing:-1.3px;}
.widgetTit span{color:#999; font-size:12px; line-height:30px; display:block; }
.widgetLine{position:relative; top:110px; left:0px; border-bottom:1px solid #ddd; width:100%;}
.widgetBtn{position:relative; top:85px; left:60px; width:325px;}
#overlay{width:100%; height:100%; opacity:0.5; background:#000; position:fixed; top:0px; z-index:4998; display:none;}
.mainBg{background-color:#eeeeee; background-repeat:no-repeat;}
.marT150{margin-top:-225px;}
#widgetPopup{position:absolute; top:120px; left:32%; width:690px;  background-color:#fff; border-radius:10px; border:1px solid #4b4a4a; box-shadow:5px 5px 10px #000;display:none; z-index:4999;}
#widgetLayer{display:none;}
.widgetLayerCor{background-color:#0c2e49;}
.widgetPopTit{position:relative; top:30px; left:50px;}
.widgetPopTit h1{color:#5b5b5b; font-size:25px;  font-weight:normal; letter-spacing:-1.3px;font-family:Malgun Gothic;}
.widgetPopTit2{color:#888; font-family:Malgun Gothic;}
.widgetPopText{color:#666; font-size:12px; padding-top:15px; line-height:17px; position:relative; left:0px; letter-spacing:-1.1px;}
.widgetPopText2{color:#fa5136; text-decoration:underline;}
.widgetPopIcon{position:absolute; top:20px; right:20px;}
.widgePoptLine{position:relative; top:25px; left:0px; border-bottom:1px solid #e8e8e8; width:100%;}
.widgetPopBtn{position:absolute; bottom:0px; left:0px; width:100%; height:46px; background-color:#7e8a94; text-align:center; border-radius:0px 0px 9px 9px; padding-top:9px;}
.listWidget ul{width:100%;}
.listWidget ul li{float:left; vertical-align:middle; line-height:62px;}
.listWidgetLine{border-bottom:1px solid #efefef;}
.listWidget ul li.num{ width:70px; text-align:center;}
.Fnum{color:#000; font-size:23px; font-family:verdana,HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; }
.listWidget ul li.tit{font-size:15px; font-weight:bold; width:400px;}
.listWidget ul li.Wcheck{padding-right:20px;}
.listWidgetPad{margin-bottom:110px; height:200px;}
/*#layerCloseInfo{position:absolute; top:62px; left:-47px; z-index:60;}*/
.infoBg{position:relative; top:51px; display:none;}
.InfoTit{position:relative; top:77px; left:50px;width:350px;}
.InfoTit .tit{position:absolute; left:50px; top:10px; font-weight:bold; font-size:21px; letter-spacing:-1.3px;font-family:Malgun Gothic;}
.InfoTit .text{font-size:12px; color:#888; font-weight:normal; padding:3px;font-family:Malgun Gothic;}
.InfoIcon{position:relative;}
.InfoIcon2{position:absolute; top:-10px; right:70px;}
.infoCont{position:relative; top:140px; left:30px;}
.infoCont p{font-weight:bold; font-size:16px; color:#565656;}
#layerCloseMenu{position:absolute; top:60px; left:760px; display:none;z-index:50;}
.LeftSitemapCont{position:relative; top:50px;}

/* Header SiteMap */
#LeftSitemapLayer{ display:none;position:absolute; left:0px; top:0px; width:100%; z-index:4990; overflow-y:auto; margin-top:64px;border-bottom:1px solid #333; background-color:#131B25; /*  box-shadow:5px 5px 10px #555; transform:rotate(0.001deg);*/}
.SitemapLayerTable{width:100%; position:relative; top:0px; left:0px; color:#fff; letter-spacing:-0.2px; font-family:"HyundaiM";transform:rotate(0.001deg);}
.SitemapLayerTable tr th.th_tit{background-color:#8fb5d1; height:45px; color:#fff; font-weight:bold; font-size:18opx; border-bottom:1px solid #97b6c9; text-align:left; padding-left:40px;}
.SitemapLayerTable tr th.th_Line{border-left:1px solid #97b6c9;}
.SitemapLayerTable tr td{color:#222;}
.SitemapLayerTable tr td.td02{padding-left:40px; padding-bottom:30px;}
.SitemapLayerTable tr td.td_Line{border-left:1px solid #97b6c9;}
.SitemapLayerTable tr td.SitemapLevel_1{font-weight:bold; font-size:14px; padding-left:20px; padding-top:15px;}
.SitemapLayerTable tr td.SitemapLevel_2{font-weight:bold; font-size:12px; padding-left:30px; padding-top:15px;}
.SitemapLayerTable tr td.SitemapLevel_3{font-size:12px; padding-left:40px; padding-top:10px; line-height:18px;}

.myLogoutBtn {position: absolute;right: 0;padding-right: 25px;background: url(/images/portal/common/mypage_logout.png) no-repeat right center;font-size: 12px;color: #818893;height: 20px;line-height: 22px;top: 50%; transform: translateY(-50%);}
.mymenu-close {position: absolute;top: 30px;right: 36px;width: 12px;height: 12px;background: url(/images/portal/common/mypage_close.png) no-repeat center center;font-size: 0;line-height: 0;text-indent: -9999px;z-index: 60;padding: 10px;}
.myPwdChange {display: block;background-color: #102454;color: #ffffff;font-weight: 600;border-radius: 30px;height: 36px;line-height: 36px;text-align: center;}
.myPwdChange:hover {color:#ffffff;}

.LeftSitemapContPortal{display:table; width:97.9%; position:relative; top:5px;}
.SitemapLayerPortal{display:table-cell; width:33%; border-left:1px solid #97b6c9;}
.SitemapTitlePortal{width:100%; margin-bottom:10px; padding:15px 0px 15px 0px; padding-left:40px; background-color:#8fb5d1; color:#fff; font-weight:bold; font-size:18opx; border-bottom:1px solid #97b6c9; text-align:left;}
.SitemapLayerPortal dl{margin-left:40px; padding: 0 10px 10px 0; float:left;}
.SitemapLayerPortal dl dt{font-weight:bold; font-size:14px; margin-left:20px; padding: 0 15px 15px 0;}
.SitemapLayerPortal dl dd{font-weight:bold; font-size:12px; margin-left:30px; float:left;}
.SitemapLayerPortal dl dd ul{margin-left:20px; margin-top:10px;}
.SitemapLayerPortal dl dd ul li{font-weight:normal; font-size:12px; line-height:25px;}

#LeftLayerClose{position:absolute; top:62px; right:10px; z-index:2000; display:none}
.TLine{border-top:1px solid #4b4a4a;}
.widgetLayout ul li{float:left; text-align:left; padding:12px 23px; width:160px; }
.fontS{color:#0070e0; font-size:11px; letter-spacing:-0.3px;}
.widgetTC{position:absolute; top:330px; left:0px;}
#videoBg{position:fixed; right:0; bottom:0; width:auto; min-width:100%; height:auto; min-height:100%; z-index:10; background-size:cover; }
#videoArea{width:1600px; margin:0 auto; position:relative; top:30px; text-align:center;  z-index:20; font-family:"NGothic", dotum,sans-serif;}
.video_tit{border-bottom:1px solid #9a9a9a; position:absolute; top:335px; left:0px; padding-left:25px; padding-top:20px; width:636px; font-size:20px;  text-align:left; height:40px; font-family:"Tahoma", Helvetica, Arial, sans-serif;  border-radius:20px 20px 0 0; background:#fff; opacity:1; z-index:30;}
.video_tit2{border-bottom:1px solid #9a9a9a; position:absolute; top:335px; left:680px; padding-left:25px; padding-top:20px; width:896px; font-size:20px;  text-align:left; height:40px; font-family:"Tahoma", Helvetica, Arial, sans-serif;  border-radius:20px 20px 0 0; background:#fff; opacity:1; z-index:30;}
#total_pro{position:absolute; top:335px; left:0px; width:660px; height:455px; background:#fff; text-align:left;  border-radius:20px; color:#333;  border:1px solid #e5e5e5; opacity:0.8;}
#total_pro2{position:absolute; top:335px; left:0px;}
#line_opr{position:absolute; top:335px; left:680px; width:920px; height:455px; background:#fff; text-align:left;  border-radius:20px; color:#333;  border:1px solid #e5e5e5; opacity:0.8;}
#total_pro2 ul{position:relative; left:50px; top:70px;}
#total_pro2 ul li{padding-top:18px;}
.total_pro_table {border:1px solid #999;}
.total_pro_table tr th{background-color:#fff; font-weight:bold; color:#000; font-size:14px; border-top:1px solid #bdbbbb; border-bottom:1px solid #bdbbbb; border-right:1px solid #bdbbbb; text-align:center; height:25x; padding:5px 15px; line-height:16px;}
.total_pro_table tr td{color:#000; background-color:#fff; font-weight:bold; font-size:12px;  border-bottom:1px solid #cdcdcd; border-right:1px solid #dddddd; text-align:center; padding:4px 15px; line-height:16px;  height:25px;}
.total_pro_table tr th.th01{background-color:#a5bdd7;}
.total_pro_table tr th.th02{background-color:#a5d7d0;}
.total_pro_table tr th.th03{background-color:#fbc987;}
.total_pro_table tr th.th04{background-color:#f09777;}
.total_pro_table tr td.td02{background-color:#e9e9e9;}
.video_tit2 ul{position:absolute; top:15px; right:10px;}
.video_tit2 ul li{float:left; padding-right:7px;}
.btnTotalCorG{border:1px solid #babcbb; border-radius:5px; font-size:12px; padding:5px 15px; color:#000; font-weight:bold; background:#5ac346;}
.btnTotalCorY{border:1px solid #babcbb; border-radius:5px; font-size:12px; padding:5px 15px; color:#000; font-weight:bold; background:#fdaa04;}
.btnTotalCorR{border:1px solid #babcbb; border-radius:5px; font-size:12px; padding:5px 15px; color:#000; font-weight:bold; background:#d12d2e;}
.btnTotalCorB{border:1px solid #babcbb; border-radius:5px; font-size:12px; padding:5px 15px; color:#000; font-weight:bold; background:#0892af;}
.btnTotalCorGr{border:1px solid #babcbb; border-radius:5px; font-size:12px; padding:5px 15px; color:#000; font-weight:bold; background:#999999;}
#line_opr ul{position:relative; left:20px; top:60px; margin-top:10px;}
#line_opr ul li{float:left; margin-right:1px;}
.LineOper_C_R{width:22px; height:22px; background:linear-gradient(to left bottom,#da5556,#ab030f); border:1px solid #8c0d0d; border-radius:15px; margin:20px 10px;}
.LineOper_C_G{width:22px; height:22px; background:linear-gradient(to left bottom,#79ce69,#2d6123); border:1px solid #3c5d36; border-radius:15px; margin:20px 10px;}
.LineOper_O{border:1px solid #a62a01; font-size:15px; padding:22px 14px; color:#fff; font-weight:bold; background:#eb3e04;}
.LineOper_Gr{border:1px solid #535252; font-size:15px; padding:22px 14px; color:#000; font-weight:bold; background:#999999;}
.LineOper_B{border:1px solid #114f5c; font-size:15px; padding:22px 14px; color:#fff; font-weight:bold; background:#0892af;}
.LineOper_Y{border:1px solid #9a6b0e; font-size:15px; padding:22px 14px; color:#fff; font-weight:bold; background:#fdaa04;}
.LineOper_G{border:1px solid #3f8332; font-size:15px; padding:22px 14px; color:#fff; font-weight:bold; background:#5ac346;}
.line_opr01{position:absolute; top:30px; left:0px;}
.line_opr02{position:absolute; top:110px; left:0px;}
.line_opr03{position:absolute; top:190px; left:0px;}
.line_opr04{position:absolute; top:270px; left:0px;}
#time_CH{position:absolute; top:40px; right:190px; width:140px; height:100px; font-family:"Tahoma", Helvetica, Arial, sans-serif; background:#000; text-align:left; border-radius:10px; opacity:0.7; padding:20px;}
#time_CH h1{color:#fdaa04; font-size:16px; font-weight:bold; text-align:left;  border-bottom:1px solid #556a73; padding-bottom:7px;}
.time_day{color:#abadae;  font-size:16px; font-weight:bold; letter-spacing:4px; text-align:center; padding-top:5px;}
.time_txt{position:absolute; top:105px; left:40px; color:#909191;  font-size:14px;}
.time_txt2{color:#fff;  font-size:48px; text-align:right;}
#time_Kor{position:absolute; top:40px; right:0px; width:140px; height:100px; font-family:"Tahoma", Helvetica, Arial, sans-serif; background:#000; text-align:left; border-radius:10px; opacity:0.7; padding:20px;}
#time_Kor h1{color:#fdaa04; font-size:16px; font-weight:bold; text-align:left;  border-bottom:1px solid #556a73; padding-bottom:7px;}