@charset "utf-8";
html,body{min-width:1650px;}

h1,h2,h3{line-height:1}
.header_top{overflow:hidden;padding:16px 0;}
.header_top .top_logo{float:left;padding:0 30px;font-size:22px;line-height:1.4em;font-weight:700;color:#000}
.header_top .util_menu{float:right}

.util_menu li{display:inline-block;position:relative}
.util_menu li:after{content:"";left:0;top:3px;position:absolute;display:block;width:1px;height:20px;background:#ebebeb}
.util_menu li:first-child:after{display:none}
.util_menu a{display:inline-block;padding:0 30px;font-size:14px;color:#999}
.util_menu a:hover{color:#58b530}
.util_menu a:hover i{background-position-y:-30px}

.ico_common{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-image:url('/images/ico/ico-common.png')}
.util_pwd{width:22px;height:23px;margin-right:10px;background-position:0 0;vertical-align:-6px}
.util_logout{width:22px;height:23px;margin-right:10px;background-position:-30px 0;vertical-align:-6px}

.header_bottom{overflow-x:auto;box-shadow: #61616140 0px 1px 5px;}
.gnb_menu{display:table;width:100%;table-layout:fixed;border-bottom:1px solid #479624;background-color: #69c242;}
.gnb_menu li{position:relative;display:table-cell;}
.gnb_menu li:after{content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background-color: #ffffff70;}
.gnb_menu li:first-child:after{display:none}
.gnb_menu li.on:after,
.gnb_menu li.on + li:after{display:none}
.gnb_menu li a{display:block;font-size:17px;text-align:center;line-height:50px;color:#ffffffe8;font-weight: 500;}
.gnb_menu li a:hover{color:#fff;}
.gnb_menu li.on a{color:#fff;background:#479624;font-weight:700;}

#contents{position:relative;min-height:calc(100vh - 175px);box-sizing:border-box}
#contents #contents_left{position:absolute;left:0;top:0;bottom:0;z-index:1;width:250px;color:#999;border-right: 1px solid #ececeb;}
#contents #contents_left .tit_lnb{position:relative;padding:15px 15px;line-height:35px;background-color: #ececebc4;color:#333;font-size:1.1em;font-weight: 700;box-shadow:#61616159 -1px 1px 3px;z-index:2;}
#contents #contents_left .lnb + .lnb li:last-child{margin-bottom: 0;}
#contents #contents_left .lnb + .lnb li:after{content:"";display:block;clear:both}
#contents #contents_left .lnb li{padding:0 15px;border-bottom:1px solid #ececeb}
#contents #contents_left .lnb a{display:block;font-size:16px;font-weight:500;color:#333;line-height:50px}
#contents #contents_left .lnb a:hover{color:#479624}
#contents #contents_left .lnb li.on{background:#f7f9f5}
#contents #contents_left .lnb li.on a{color:#479624}

#contents #contents_left .lnb.state-group{padding-bottom:10px;border-bottom:1px solid #ececeb;}
#contents #contents_left .lnb.state-group li{border-bottom:none;margin-bottom: 5px;}
#contents #contents_left .lnb.state-group li{margin-top:6px;}
#contents #contents_left .lnb.state-group a{float:left;display:block;line-height:30px}
#contents #contents_left .lnb.state-group-top a.num,
#contents #contents_left .lnb.state-group a.num{float:right;min-width:60px;padding:0 10px;border:1px solid #999;border-radius: 15px;text-align: center;line-height: 30px;font-size: 1em;letter-spacing: 0;}
#contents #contents_left .lnb.state-group-top a{display:inline-block;}
#contents #contents_left .lnb.state-group-top a.num{margin-top:9px;border-color:#58b530;}

#contents #contents_left + #contents_right{margin-left:250px}
#contents #contents_right{overflow-x:auto}
#contents #contents_right .main_con{min-height: calc(100vh - 245px);padding:30px 20px;box-sizing:border-box}
#contents #contents_right .foot-right{margin:10px 20px;text-align: right;}

#footer{overflow:hidden;padding:15px 30px;background:#181818;color:#fff;letter-spacing: 0;}
#footer .fL{font-size:0.8rem;line-height:1.3em;}
#footer .fR{font-size:0.9rem;margin-top:9px}
