/*-------공통------*/
#header{height: 100%; border-bottom: none;}
#header h1{left: 0; transform: translate(0, -50%);}
#container{min-height: 500px; margin: 60px 0 0 0;}
.container_inner{padding: 0 0 20px 0; margin: 40px auto 0;}
.sub_gnb{width: 980px; margin: 0 auto;}

.gnb_wrap .gnb>li .depth02{display: none; position: absolute; top: 40px; left: 0; right: 0; height: 210px; background: rgba(0,0, 0, .5); padding: 30px 0 0 0; z-index: 5;}
.gnb_wrap .gnb>li .depth02 li{text-align:left; padding-left: 45px; height: 30px;}
.gnb_wrap .gnb>li .depth02 li a{font-size: 14px; color:#fff; font-weight: bold; padding-left: 10px; position: relative;}
.gnb_wrap .gnb>li .depth02 li a:before{content: ''; display: block; width: 3px; height: 3px; background:#fff; position: absolute; left: 0; top: 50%; transform:  translate(0, -50%);}
.gnb_wrap .gnb>li.all .depth_wrap{display: none;}
.gnb_wrap .gnb>li.all>a:before{content: ''; display: block; width: 7px; height: 4px; background: url('/img/all_menu_ico.png')no-repeat center center; position: absolute; top: 50%; right: 20px; margin-top: -2px; transform: rotate(360deg);}
.gnb_wrap .gnb>li.all .depth_wrap{position: absolute; top: 40px; left: 0; right: 0; height: 210px; background: rgba(0,0, 0, .5); padding: 30px 0 0 0; z-index: 5;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02{float: left; width: 165px; height: 100%;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02 li{text-align:left; padding-left: 50px; height: 30px;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02 li a{font-size: 14px; color:#fff; font-weight: bold; padding-left: 10px; position: relative;}
.gnb_wrap .gnb>li.all .depth_wrap .all_depth02 li a:before{content: ''; display: block; width: 3px; height: 3px; background:#fff; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.left_wrap{float: left; width: 175px; }
.left_wrap .top p{font-size: 15px; color:#8b8b8b;}
.left_wrap .top h2{font-size: 30px; letter-spacing: -0.03em; color:#4e4e4e; line-height: 55px;}
.left_wrap .lnb{border-top: 7px solid #3d86bf; margin-bottom: 20px;}
.left_wrap .lnb ul li{height: 40px; border-bottom: 1px solid #ccc; line-height: 39px;  }
.left_wrap .lnb ul li a{display: block; font-size: 17px; font-weight: bold; color: #333; padding-left: 10px;}
.left_wrap .lnb ul li a.on{color: #fff; background:#90c31f;}


.right_wrap{float: right; width: 785px; }
.top_title{height: 145px; border-bottom: 1px solid #ccc; margin-bottom: 20px; background: url('/img/sub/sub_title_img2.png')no-repeat right bottom; background-size: 23%;}
.navi{width: 100%; margin-bottom:30px; font-size: 0;}
.navi span{position: relative; display: inline-block; font-size: 11px; color:#797979; padding-right: 11px; margin-right: 6px;}
.navi span:before{content: ''; display: block; width: 5px; height: 9px; background: url('/img/sub/navi_arr_ico.png')no-repeat center center; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.navi span:last-child{color:#377dba; font-weight: bold;}
.navi span:last-child:before{display: none;}
.top_title h2{font-size: 35px; color:#3d3d3d; letter-spacing: -0.06em; margin-bottom: 20px;}
.top_title p{font-size: 14px; color:#525151; letter-spacing: -0.03em;}

.content{width: 100%; overflow: hidden;}

.sch_wrap{float: right; position: relative; margin-bottom: 10px;}
.sch_wrap input{width: 180px; height: 30px; line-height: 30px; border-bottom: 1px solid #000; padding-right: 20px; padding-left: 5px; }
.sch_wrap button{width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); background: url('/img/sub/sch_btn.png')no-repeat center center;}

.list{width: 100%; margin-bottom: 20px;}
.list table{width: 100%; border-top: 2px solid #000;}
.list table th{height: 50px; border-bottom: 1px solid #ccc; background: #b1e1ff;}
.list table td{height: 50px; border-bottom: 1px solid #ccc; text-align: center; color:#323232;}
.list table td:first-child{background: #ebf7ff;}