/*-------공통------*/
#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_img.png')no-repeat right bottom;}
.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: 1px solid #000;}
.list table th{height: 50px; border-bottom: 1px solid #ccc;}
.list table td{height: 50px; border-bottom: 1px solid #ccc; text-align: center; color:#323232;}
.list table .point{color:#0090da; font-weight: bold;}
.list table .fl{float: left;}
.list table .fr{float: right;}
.list table span{ margin: 0 20px;}
.list table .view{text-align: left; padding: 20px;}
.list table td a{display: block; text-align: left; padding-left: 20px;}
.list table .online_line{text-align: left;}
.list table td .online{position: relative; display: inline-block; height: 100%; line-height: 49px; overflow: hidden; padding-right: 20px;}
.list table td .online:before{content: ''; display: block; width: 19px; height: 24px; background: url('/img/sub/pw_ico.png')no-repeat center center; position: absolute; right: 0; top: 10px; }
.list table td .online span.num{color:#ff6905; font-weight: bold; margin:0 10px 0 0;}

.input_btn{float: left; margin-bottom: 10px;}
.input_btn a{display: block; width: 230px; height: 40px; line-height: 40px; text-align: center; background:#90c31f; font-size: 15px; color:#fff; font-weight: bold;}

.prevnext{margin-top: 30px; margin-bottom: 20px; width: 100%; border-top: 1px solid #d7d7d7;}
.prevnext p{height: 30px; line-height: 29px; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.prevnext p span{float: left; padding: 0 20px; text-align: center; position: relative;}
.prevnext p span:after{content: ''; display: block; width: 1px; height: 10px; background:#000; position: absolute; right: 0; top: 8px;}
.prevnext p a{display: block; float: left; padding-left: 15px; text-align: left;}

.list_btn{text-align: right;}
.list_btn a{display: inline-block; width: 100px; height: 32px; text-align: center; color:#fff; background:#0090da; line-height: 32px; font-weight: bold;}

.commend_wrap{ width: 100%; min-height: 250px; background:#f6fffe; padding: 20px; margin-bottom: 20px; border: 1px solid #d1d1d1;}
.commend_wrap h2{text-align: left; margin-bottom: 10px;}

.filebox .upload-name{display: inline-block; width: 48%; color: #323232; font-size: 13px; font-weight: bold; padding: .5em .75em; box-sizing: border-box; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.filebox input[type="file"]{position: absolute;  width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.filebox label{display: inline-block; color: #fff; width: 80px; height: 40px; line-height: 40px; background: #646464; text-align: center; font-size: 13px;}

.privacy_box{border-top: 2px solid #000; width: 100%; margin: 15px 0 0 0; overflow: hidden;}
.privacy_box h4{color:#313131; font-size: 18px; height: 60px; line-height: 60px; font-weight: bold; }
.privacy_box .privacy_wrap{width: 100%; border: 1px solid #d1d1d1; overflow-y: scroll; height: 125px; padding: 10px;}
.privacy_box .check_box{height: 40px; line-height: 40px;}
.privacy_box .check_box input{width: 16px; height: 16px; vertical-align: middle;}
.privacy_box .check_box input + label{color:#555; font-size: 14px; padding-left: 5px;}


.table_wrap{width: 100%; background:#efefef;}
.table_wrap .txt{height: 50px; line-height: 49px; border-bottom: 1px solid #ccc; padding: 0 24px; }
span.mark{padding-left: 15px; position: relative; font-size: 15px; font-weight: bold; color:#5c5c5c;}
span.mark:before{content: ''; display: block; width: 8px; height: 8px; background: url('/img/sub/point_ico.png')no-repeat center center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.table_wrap table{width: 100%;}
.table_wrap table tbody tr{height: 60px;}
.table_wrap table tbody tr th{padding-left: 24px; text-align: left;}
.table_wrap table tbody tr td{padding-right: 15px;}
.table_wrap table tbody tr td input, .table_wrap table tbody tr td select{height: 40px; border: 1px solid #d1d1d1; padding-left: 10px;}

.wd1{width: 50%;}
.wd2{width: 40%;}
.wd3{width: 30%;}

.btn_group{width: 100%; text-align: center; font-size: 0; margin-top: 20px;}
.btn_group a{display: inline-block; width: 120px; height: 45px; line-height: 45px; color:#fff; font-size: 20px; font-weight: 700;}

.pw_pop{display: none; position: fixed; left: 50%; top:50%; transform: translate(-50%, -50%); width: 393px; height: 321px; padding: 40px 20px 20px 20px; text-align: center; border: 2px solid #0072bf; background:#fff; z-index: 10;}
.pw_pop p{font-size: 15px; color:#7a7a7a; margin: 20px auto;}
.pw_pop input{width: 80%; height: 40px; border: 1px solid #d1d1d1; margin-bottom: 20px;}
.pw_pop a{display: inline-block; width: 30%; height: 30px; background:#cecece; line-height: 30px;}
.pw_pop a.ok{background:#0072bf; color:#fff; margin-right: 20px; }