@charset "utf-8";

/* Common */
.cl_red {color:#f73434}
img {max-width:100%;}
body { background-size: cover !important; padding: 0 0 30px 0;}

/* 메인배경 */
.body_bg_skin1  {background: url('/_res/GI/img/skin_mj_visual01.png?ver=1.0') center top no-repeat; }
.body_bg_skin2  {background: url('/_res/GI/img/skin_mj_visual02.png?ver=1.0') center top no-repeat; }
.body_bg_skin3  {background: url('/_res/GI/img/skin_mj_visual03.png?ver=1.0') center top no-repeat; }
.body_bg_skin4  {background: url('/_res/GI/img/skin_mj_visual04.png?ver=1.0') center top no-repeat; }


/* 메인타이틀 */
.main_title {text-align:center; margin:30px 0;}
.main_title h1 { margin-bottom: 15px;}
.main_title h1 img {width:150px}
.main_title h2 {display:inline-block; position: relative;}
.main_title h2:before {content:''; width:100%; height:1px; background-color:#fff; display:block; position: absolute; top:-10px; left:0;}
.main_title h2 img {width: 215px;}


/* 메인아이콘 */
.main_icos {margin-top:30px;}
.main_icos ul {overflow:hidden; padding: 0 10px; text-align:center;} 
.main_icos ul li {width: 24%; text-align: center; padding: 0 3px; display: inline-block;}
.main_icos ul li a {}
.main_icos ul li a i {}
.main_icos ul li a i img {}
.main_icos ul li a span {display:block; color:#fff; background-color:#D34735; border-radius: 50px; padding:6px 0px; font-weight:bold; letter-spacing:-0.7px; font-size:14px; margin-top: 3px;}


/* 당직현황 */
.dayoff_sec {border-radius: 10px; border:6px solid #154784; margin: 20px 10px; font-size:0.95em;}
.dayoff_sec h3 {position: relative; color:#fff; padding:5px; background-color:#154784; font-size:1.1em;}
.dayoff_sec h3 a {color:#fff;}
.dayoff_sec h3 i {}
.dayoff_sec h3 i img {width: 20px;}
.dayoff_sec h3 span {position: absolute; right: 10px; top: 50%; display: inline-block; margin-top: -15px;}
.dayoff_sec .dayoff_list {background-color:#fff; padding:10px; border-radius: 0 0 6px 6px;}
.dayoff_sec .dayoff_list ul {overflow:hidden}
.dayoff_sec .dayoff_list ul li {float:left; width:33.3%; position: relative; padding-left: 10px; font-size: 15px;}
.dayoff_sec .dayoff_list ul li:before {content: ''; background-color: #154784; display: inline-block; width: 3px; height: 3px; border-radius: 50px; position: absolute; left: 0; top: 50%; margin-top: -2px;}


/* 연가&초과근무 */
.annual_sec {background-color:rgba(3,12,41,.9); padding:10px;}
.annual_sec ul {overflow:hidden}
.annual_sec ul li {float:left; width:50%; color:#fff; padding:5px 15px; line-height: 21px; position: relative;}
.annual_sec ul li:first-child:after {content:''; display:inline-block; width:1px; height:100%; background-color:#858996; position: absolute; right:0; bottom:0;}
.annual_sec ul li strong {display:inline-block; vertical-align:middle;}
.annual_sec ul li em {float:right; }


/* 최신글 공지사항 */
.latest {background-color:#fff; margin:20px 5px 5px 5px; border-radius: 10px; overflow: hidden; opacity:.95}
.latest #tab02,.latest #tab03,.latest #tab04,.latest #tab05 {display:none;}
.latest .tabbs {}
.latest .tabbs .tabb {border-bottom:1px solid #c1c1c1; height: 38px; margin-bottom: 1px; height: 42px;}


.latest .tabbs .tabb a {
    background-color: #E5E5E5;
    float: left;
    font-size: 12px;
    padding: 12px 8px;
    letter-spacing: -0.5px;
    border-right: 1px solid #c1c1c1;
    height: 18px;
    width: 13%;
    text-align: center;
}

/*
.latest .tabbs .tabb a {background-color:#E5E5E5; float: left; font-size: 14px; 
padding:12px 10px; letter-spacing: -0.5px; border-right: 1px solid #c1c1c1; 
height: 18px; width: 16%; text-align: center;}


*/
.latest .tabbs .tabb a.on {background-color:#fff; border-bottom: 1px solid #fff;}
.latest .tabbs .tab_list {position: relative;}
.latest .tabbs .tab_list ul {}
.latest .tabbs .tab_list ul li {border-bottom:1px solid #c1c1c1; position: relative;}
.latest .tabbs .tab_list ul li a {display:-webkit-box; font-size: 1em; width:65%; margin: 13px 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; max-height: 30px;}
.latest .tabbs ul li em {position: absolute; right: 10px; top: 50%; margin-top: -15px; letter-spacing: 0;}
.latest .tabbs .tab_list a.view_more {position: absolute; right: 10px; top:-52px; color: #b33137; font-size: 26px; font-weight: bold; display: inline-block; width: 30px; text-align: center;}