/* º»¼±ÀÛ¾÷ÇöȲ & ¾ßµåÀÛ¾÷ÇöȲ °øÅë */
.stat-b {display:block;position:relative}
.stat-b .stat-tit {display:block}
.stat-b .stat-tit:after {content:"";display:block;width:100%;clear:both}
.stat-b .stat-tit .txts {display:block;float:left;background:url(/content/new/_Img/Common/c_tit01.png) no-repeat left 4px;margin:0 0 27px 0}
.stat-b .stat-tit .txts span {display:inline-block;font-family:"Nanum Square";vertical-align:bottom}
.stat-b .stat-tit .txts .txt1 {font-size:26px;color:#111;margin:0 0 0 30px}
.stat-b .stat-tit .txts .txt2 {font-weight:normal;font-size:13px;color:#666;margin:0 0 4px 10px}
.stat-b .stat-tit .btns {display:block;float:right;font-size:0;margin:-10px 0 0 0}
.stat-b .stat-tit .btns button,
.stat-b .stat-tit .btns a {display:inline-block;position:relative;width:43px;height:43px;background-color:#e6e9ed;border:0;margin:0 0 0 3px}
.stat-b .stat-tit .btns button:after,
.stat-b .stat-tit .btns a:after {content:"";display:block;position:absolute;width:18px;height:18px;left:50%;top:50%;margin:-9px 0 0 -9px;background:url(/content/new/_Img/Main/m_icon1.png) no-repeat;transition:all .5s ease}
.stat-b .stat-tit .btns button:after {background-position:0px 0px}
.stat-b .stat-tit .btns a:after {background-position:-18px 0px}
.stat-b .stat-tit .btns button:hover:after,
.stat-b .stat-tit .btns a:hover:after {transform:rotate(180deg)}

.stat-b .stat-tit .txt3 {font-weight:bold;font-size:13px;color:blue;margin:5 5 4px 10px}
.stat-b .stat-tit .txt4 {font-weight:bold;font-size:13px;color:#666;margin:5 5 4px 10px}
.stat-b .stat-tit .txt5 {font-weight:bold;font-size:20px;color:#666;margin:5 5 4px 10px}


/* º»¼±ÀÛ¾÷ÇöȲ */
.stat-b1 {margin:0 0 67px 0}
.stat-b1 .ship-core {display:block;position:relative;height:493px}
.stat-b1 .ship-core dl {display:block;width:100%}
.stat-b1 .ship-core dl dt {display:block;position:relative;width:50%;height:40px;float:left}
.stat-b1 .ship-core dl dt button {display:block;position:absolute;width:100%;height:100%;line-height:50px;text-align:center;border:0;box-sizing:border-box;background-color:#f7f7f9;color:#444;outline:none;border-top:2px solid transparent;border-bottom:2px solid #076ac6;}
.stat-b1 .ship-core dl dd {display:none;position:absolute;width:100%;top:80px;left:0}

.stat-b1 .ship-core dl ds {display:none;position:absolute;width:100%;top:40px;left:0}
.stat-b1 .ship-core dl.over ds {display:block}
.stat-b1 .ship-core dl.over ds:after {content:"";display:block;width:100%;clear:both}

.stat-b1 .ship-core dl.over dt button {background-color:#fff;border:2px solid #076ac6;border-bottom:2px solid transparent;font-weight:bold;color:#076ac6}
.stat-b1 .ship-core dl.over dd {display:block}
.stat-b1 .ship-core dl.over dd:after {content:"";display:block;width:100%;clear:both}
.stat-b1 .ship-core .role-tit {display:block;width:140px;float:left}
.stat-b1 .ship-core .role-tit .f1,
.stat-b1 .ship-core .role-tit .f2 {display:block;width:100%;}
.stat-b1 .ship-core .role-tit .f1 {height:187px;background-color:#064087}
.stat-b1 .ship-core .role-tit .f2 {height:45px;background-color:#0c54ac}
.stat-b1 .ship-core .role-tit .f1 span,
.stat-b1 .ship-core .role-tit .f2 span {display:block;color:#fff;margin:0 15px;text-indent:13px}
.stat-b1 .ship-core .role-tit .f1 span {height:187px;line-height:187px}
.stat-b1 .ship-core .role-tit .f2 span {height:44px;line-height:48px;border-bottom:1px solid #3d76bd}
.stat-b1 .ship-core .role-tit .f2:last-child span {border-bottom:0}
.stat-b1 .ship-core .role-body {display:block;width:1057px;float:right;overflow-y:hidden;overflow-x:auto}
.stat-b1 .ship-core .role-body .ship-ul {display:inline-block;width:auto;min-width:1057px;text-align:left;font-size:0;vertical-align:top}
.stat-b1 .ship-core .role-body .ship-ul .ship-li {display:inline-block;width:209px;height:412px;box-sizing:border-box;border:1px solid #d7d7d7;background-color:#fff;vertical-align:top;margin:0 3px 0 0}
.stat-b1 .ship-core .role-body .ship-ul .ship-li:last-child {margin:0}
.stat-b1 .ship-li h4 {display:block;position:relative;width:100%;height:60px}
.stat-b1 .ship-li h4 .order {display:block;font-size:17px;line-height:60px;text-indent:18px;font-weight:bold}
.stat-b1 .ship-li h4 .progress {display:block;position:absolute;width:60px;height:60px;right:0;top:0;text-align:center;line-height:60px;font-size:20px;color:#fff}
.stat-b1 .ship-li h4 .progress.lv1 {background-color:#9ba0ad;font-size:15px}	/* ´ë±â */
.stat-b1 .ship-li h4 .progress.lv2 {background-color:#ee1c25}				/* »¡°­ 10% ~ 20% */
.stat-b1 .ship-li h4 .progress.lv3 {background-color:#fe8b17}				/* ÁÖȲ 50% */
.stat-b1 .ship-li h4 .progress.lv4 {background-color:#3aa135}				/* ÃÊ·Ï 90% */
.stat-b1 .ship-li .state-wr {display:block;position:relative;height:126px;background:url(/content/new/_Img/Main/st_base.jpg) no-repeat;text-align:center}

.stat-b1 .ship-li .state-wr .crane-wr {display:inline-block;position:relative;width:145px;height:64px;margin:5px 0 0 0;z-index:5}
.stat-b1 .ship-li .state-wr .crane-wr .crane {display:inline-block;width:29px;height:64px;text-indent:-9999px}
.stat-b1 .ship-li .state-wr .crane-wr.ltr {text-align:left}
.stat-b1 .ship-li .state-wr .crane-wr.ltr .crane {background:url(/content/new/_Img/Main/st_crane_ltr.png) no-repeat}
.stat-b1 .ship-li .state-wr .crane-wr.rtl {text-align:right}
.stat-b1 .ship-li .state-wr .crane-wr.rtl .crane {background:url(/content/new/_Img/Main/st_crane_rtl.png) no-repeat}

.stat-b1 .ship-li .state-wr .ship-wr {display:inline-block;position:relative;width:158px;height:42px;z-index:4;margin:-18px 0 0 0}
.stat-b1 .ship-li .state-wr .ship-wr.ltr {background:url(/content/new/_Img/Main/st_ship_ltr.png) no-repeat}
.stat-b1 .ship-li .state-wr .ship-wr.rtl {background:url(/content/new/_Img/Main/st_ship_rtl.png) no-repeat}
.stat-b1 .ship-li .state-wr .ship-wr.ship0 {background-position:0px 42px}/* 0 */
.stat-b1 .ship-li .state-wr .ship-wr.ship1 {background-position:0px -168px}/* 0 */
.stat-b1 .ship-li .state-wr .ship-wr.ship2 {background-position:0px -168px}/* -42 */
.stat-b1 .ship-li .state-wr .ship-wr.ship3 {background-position:0px -168px}/* -84 */
.stat-b1 .ship-li .state-wr .ship-wr.ship4 {background-position:0px -168px}/* -126 */
.stat-b1 .ship-li .state-wr .ship-wr.ship5 {background-position:0px -168px}/* -168 */

.stat-b1 .ship-li .state-wr .title {display:block;position:absolute;width:100%;text-align:center;font-size:14px;color:#fff;left:0;bottom:12px}

.stat-b1 .ship-li .txt1-wr {display:table;width:100%;height:44px;border-bottom:1px solid #d4d4d4}
.stat-b1 .ship-li .txt1-wr span {display:table-cell;width:100%;text-align:center;vertical-align:middle;font-weight:bold;font-size:14px;color:#333}
.stat-b1 .ship-li .txt2-wr {display:table;width:100%;height:44px;border-bottom:1px solid #d4d4d4}
.stat-b1 .ship-li .txt2-wr span {display:table-cell;width:50%;text-align:center;vertical-align:middle;font-size:14px;color:#333;border-right:1px solid #d4d4d4;}
.stat-b1 .ship-li .txt2-wr span:last-child {border-right:0}
.stat-b1 .ship-li .txt1-wr.shiptime span {font-weight:normal;color:#666}
.stat-b1 .ship-li .txt1-wr.operator span {border-bottom:0}

/* ¾ßµåÀÛ¾÷ÇöȲ */
.stat-b2 {margin:0 0 50px 0}
.stat-b2 .yard-core {display:block;overflow:hidden}
.stat-b2 .yard-core .tbl-wr-l {width:590px;float:left}
.stat-b2 .yard-core .tbl-wr-r {width:590px;float:right}
.stat-b2 .yard-tbl {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.stat-b2 .yard-tbl caption {height:53px;line-height:53px;font-weight:bold;font-size:17px;color:#fff;background:url(/content/new/_Img/Main/m_ptn1.gif) repeat}
.stat-b2 .yard-tbl thead th {background:#e6e9ed;color:#222;font-weight:bold;font-size:14px;border-bottom:1px solid #000;border-right:1px solid #d0d0d0;height:42px}
.stat-b2 .yard-tbl thead th:first-child {border-right:1px solid #000}
.stat-b2 .yard-tbl tbody tr th,
.stat-b2 .yard-tbl tbody tr td {border-left:1px solid #ddd;border-right:1px solid #d0d0d0;border-top:1px solid #ddd;word-wrap:break-word;line-height:1.3}
.stat-b2 .yard-tbl tbody tr th:last-of-type {border-right:1px solid #000;text-align:left}
.stat-b2 .yard-tbl th {background:#f9f9fa;color:#333;font-size:13px;font-weight:bold;padding:0 16px}
.stat-b2 .yard-tbl td {background:#fff;color:#666;font-size:14px}
.stat-b2 .yard-tbl th:first-child,
.stat-b2 .yard-tbl td:first-child {border-left:0}
.stat-b2 .yard-tbl th:last-child,
.stat-b2 .yard-tbl td:last-child {border-right:0}
.stat-b2 .yard-tbl .h37 {height:37px}
.stat-b2 .yard-tbl .h46 {height:46px}
.stat-b2 .yard-tbl .h50 {height:50px}

/* °øÁö»çÇ× & ¹Ù·Î°¡±â ¹öÆ° */
.etc-b {display:block;overflow:hidden}
.etc-b .notice {display:block;position:relative;float:left;width:609px;height:235px;background-color:#002043}
.etc-b .notice h3 {display:block;position:relative;font-size:0;margin:39px 0 0 41px}
.etc-b .notice h3:before {content:"";display:block;position:absolute;width:12px;height:15px;left:0;top:3px;background:url(/content/new/_Img/Main/m_icon2.png) no-repeat}
.etc-b .notice h3 span {display:block;font-size:18px;color:#fff;margin:-2px 0 0 28px}
.etc-b .notice ul {display:block;margin:26px 39px 0 39px}
.etc-b .notice ul li {display:block;margin:0 0 11px 0}
.etc-b .notice ul li a {display:block;height:22px;line-height:22px;overflow:hidden}
.etc-b .notice ul li a .subj {display:block;position:relative;width:437px;height:22px;line-height:22px;float:left;font-size:0}
.etc-b .notice ul li a .subj:after {content:"";display:block;position:absolute;width:3px;height:3px;right:0;top:50%;margin:-1.5px 0 0 0;background-color:#fff}
.etc-b .notice ul li a .subj .txt {display:inline-block;vertical-align:middle;font-size:14px;color:#fff;width:auto;max-width:360px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.etc-b .notice ul li a .subj .new {display:inline-block;position:relative;vertical-align:middle;width:22px;height:22px;box-sizing:border-box;border:1px solid rgba(255, 255, 255, .2);border-radius:50%;margin:0 0 0 30px}
.etc-b .notice ul li a .subj .new:after {content:"";display:block;position:absolute;width:9px;height:8px;top:50%;left:50%;margin:-4px 0 0 -4.5px;background:url(/content/new/_Img/Main/m_icon5.png) no-repeat}
.etc-b .notice ul li a:hover .subj .txt {text-decoration:underline}
.etc-b .notice ul li a .date {display:block;float:right;color:#fff;opacity:.66}
.etc-b .notice .more {display:block;position:absolute;width:35px;height:35px;top:30px;right:40px;box-sizing:border-box;border:1px solid #fff;border-radius:50%}
.etc-b .notice .more:after {content:"";display:block;position:absolute;width:10px;height:10px;top:50%;left:50%;margin:-5px 0 0 -5px;background:url(/content/new/_Img/Main/m_icon3.gif) no-repeat;transition:all .3s ease}
.etc-b .notice .more:hover:after {transform:rotate(180deg)}
.etc-b .links {display:block;float:right;width:589px;height:235px}
.etc-b .links ul {display:block;width:100%;overflow:hidden}
.etc-b .links ul li {display:block;float:left;width:117px;height:117px;border-right:1px solid #fff;border-bottom:1px solid #fff;background-color:#0453b8;}
.etc-b .links ul li a {display:block;width:111px;height:111px;text-align:center;box-sizing:border-box;margin:3px 0 0 3px;transition:all .3s ease}
.etc-b .links ul li a span{display:inline-block;width:100%;color:#fff;font-size:13px;line-height:16px;margin:5px 0 0 0}
.etc-b .links ul li:nth-child(5n) {border-right:0}
.etc-b .links ul li:nth-child(1) a:before {background-position:0px 0px}
.etc-b .links ul li:nth-child(2) a:before {background-position:-32px 0px}
.etc-b .links ul li:nth-child(3) a:before {background-position:-64px 0px}
.etc-b .links ul li:nth-child(4) a:before {background-position:-96px 0px}
.etc-b .links ul li:nth-child(5) a:before {background-position:-128px 0px}
.etc-b .links ul li:nth-child(6) a:before {background-position:-160px 0px}
.etc-b .links ul li:nth-child(7) a:before {background-position:-192px 0px}
.etc-b .links ul li:nth-child(8) a:before {background-position:-224px 0px}
.etc-b .links ul li:nth-child(9) a:before {background-position:-256px 0px}
.etc-b .links ul li:nth-child(10) a:before {background-position:-288px 0px}
.etc-b .links ul li a:before {content:"";display:inline-block;width:32px;height:32px;margin:21px auto 0;background:url(/content/new/_Img/Main/m_icon4.png) no-repeat}
.etc-b .links ul li a:hover {background-color:#088beb}
.etc-b .links ul li a:hover:before {animation:hvr-buzz-out .75s linear 1}
@keyframes hvr-buzz-out {
	10% {transform: translateX(3px) rotate(2deg);}
	20% {transform: translateX(-3px) rotate(-2deg);}
	30% {transform: translateX(3px) rotate(2deg);}
	40% {transform: translateX(-3px) rotate(-2deg);}
	50% {transform: translateX(2px) rotate(1deg);}
	60% {transform: translateX(-2px) rotate(-1deg);}
	70% {transform: translateX(2px) rotate(1deg);}
	80% {transform: translateX(-2px) rotate(-1deg);}
	90% {transform: translateX(1px) rotate(0);}
	100% {transform: translateX(-1px) rotate(0);}
}