html, body { height: 100%; min-width: 1320px; }

.wrap { min-width: 1320px; min-height: 100%; background: #f2f4f7; }
.header { height: 60px; width: 100%; background:#fff; border-bottom: 1px solid #dee3eb; position: fixed; z-index: 999; top: 0px; left: 0;}
.contents { min-height: 100%;padding-top: 60px; }
.contents:after { content: ''; display: block; clear: both; heighT: 0; font-size: 0; } 
.footer { height: 50px; margin-top: 30px; text-align: center;line-height: 48px; background: #fff; }
.inwrap { width: 1320px; position: relative; margin: 0 auto; }

.logo { font-size: 14px; line-height: 1; font-size: 18px; position: absolute; top: 20px; left: 10px; }
.gnb { padding-left: 220px; }
.gnb: after { content: ''; display: block; clear: both; heighT: 0; font-size: 0; } 
.gnb li { float: left; padding: 16px 20px 0; }
.gnb li a { display: block;  font-size: 20px; color: #000; font-weight: bold; }
.gnb .icon1 { float: right; }
.gnb .icon1 a { padding: 2px 0 2px 30px; font-size: 18px; background: url('/resources/img/icon1.png') no-repeat 0 0; }
.gnb .icon1 li:first-child a { background-position: 0 0; }
.gnb .icon1 li:last-child a { background-position: 0 -30px; }

.contents .inwrap { padding: 10px; }
.leftinto { width: 230px; float: left; }
.leftinto > div { padding: 15px; margin-bottom: 10px; background:#fff; border-radius:3px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }
.leftinto > .center { padding: 0; }
.user .name { min-height: 70px;padding: 0 0 10px 70px; border-bottom:1px solid #ddd; position: relative; }
.user .name  .userimg { width: 54px; height: 54px; border-radius: 50%; position: absolute; top:0; left:0; }
.user .name  .tit { font-size: 20px; padding-top: 10px; }
.user .name  .out { padding-top: 5px; text-align: right; }
.user .name button { padding: 5px 10px; border:1px solid #ddd; background: #fff; }
.user .stage { padding-top: 10px; text-align:right; }
.user .stage li { padding: 5px 0; text-align:right; position: relative; }
.user .stage li strong { font-size: 18px; font-weight: bold; position: absolute; left:0; }
.user .stage li span { font-size: 18px; font-weight: bold; color: #f29119; }
.exclusive { background: #fb8d05 !important; font-size: 20px; color: #fff; position: relative; }
.exclusive_black { background: #000000 !important; font-size: 20px; color: #fff; position: relative; }
.exclusive a span { display: block; width: 18px; height:18px; margin-top: -9px; background: url('resources/img/icon1.png') no-repeat center -60px; position: absolute; right: 15px; top: 50%; font-size: 0; }
.sch h3 { margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.sch input { width: 140px; height: 28px; padding: 0 5px; }
.sch .selbox { height: 235px; padding: 10px;background: #f4f4f4; overflow-y: auto; font-size: 18px; font-weight: 500;}
.sch .selbox a { display: block; padding: 2px 0; }
.sch .selbox a.on { color: #f29119; }
.cneter { text-align: center; }
.center .img { padding: 25px; 0; border-bottom: 1px solid #dee3eb; }
.center .my { border-bottom: 1px solid #dee3eb; }
.center .my a { display: inline-block; width: 48.5%; padding: 15px 0; text-align: center; }
.center .my a:first-child { border-right: 1px solid #dee3eb; }
.center .menu a { display: block; padding: 15px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #dee3eb; position: relative; }
.center .menu a span {  display: block; width: 18px; height:18px; margin-top: -9px; background: url('resources/img/icon1.png') no-repeat center -90px; position: absolute; right: 15px; top: 50%; font-size: 0; }

.cont01 { float: left; width: 1000px; margin-left: 65px; }
.cont01 input[type=text], .cont01 input[type=file] { height: 30px; }
.titwrap { padding: 20px 0 30px; }
.titwrap h2 { float: left; padding-right: 70px; font-size: 36px; font-weight: bold; }
.titwrap .titsub { font-size: 14px; line-height: 1.2; }

.ta01 table { width: 100%; }
.ta01 table th, .ta01 table td { padding: 7px; background: #e9eaf1; text-align: center; font-size: 16px; font-weight: bold; }
.ta01 table td { background: #fff; font-weight: normal; }
.ta01 table td { padding: 7px 20px; text-align: left; }
.ta01 .tdta { height: 160px; padding: 10px 0; background: #fff; overflow-y: auto; }
.ta01 table.talist th, .ta01 table.talist td { text-align:center; }
.ta01 table.talist td { padding: 10px 0; }
.ta01 table button { width: 50px; height: 25px; line-height: 23px; color: #fff; }
.ta01 table button.btnm { background: #00cccc; }
.ta01 table button.btnd { background: #535353;}
.paging { margin-top: 50px; text-align: center; }
.paging a { display: inline-block; min-width: 30px; min-height: 30px; margin: 0 2px; line-height: 28px; background: #fff; border-radius: 2px; }
.paging a.on { background: #f29119; color: #fff; }
.paging a.pbtn { padding: 0 15px; margin: 0 10px;min-width: 30px; min-height: 30px; }
.col01 { color: #f29119 !important; }
.schbtn { width: 50px; height: 30px; font-size: 14px; background: #f29119; border-radius: 2px; color: #fff; }
.schbtn_red { height: 30px; font-size: 14px; background: #f22; border-radius: 2px; color: #fff; }
.schbtn_black {height: 30px; font-size: 14px; background: #000000; border-radius: 2px; color: #fff; }

.floatL { float:left; }
.floatR { float:right; }