/*@import url(fonts.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.ell { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.icon_new { display:inline-block; margin-top:-3px; }

.table-list { table-layout: fixed; width:100%; }
.table-list > thead > tr > th {border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;height:40px;padding:6px;font-size:1rem;font-weight: 700;}
.table-list > thead > tr > th > label {	font-size: 0.9rem; }
.table-list > tbody > tr > td {border-bottom:dotted 1px #ddd;height:40px;padding-left:6px;padding-right:6px;text-align:center;font-size:1rem;}
.table-list > tfoot > tr > td {height:40px;padding:6px;}
.table-list td.sm { font-size:0.8rem; letter-spacing:-1px; color:#888; font-family:Arial;}
.table-list td.a-left { text-align:left; }
.table-list > tbody > tr > td a { font-weight:700; color:#444; }
.table-list > tbody > tr.top > td { background:#eee; }
.table-list > tbody > tr > td > .ellipsis { width:calc(100% - 4px); margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.table-list .title {width:calc(100% - 4px); margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.table-form { table-layout: fixed; width:100%; border-top:solid 2px #333; }
.table-form > tbody > tr > th {border-bottom:solid 1px #ddd;height:40px;padding-left:6px;padding-right:6px; text-align:left; font-size:1.4rem; vertical-align:middle; }
.table-form > tbody > tr > td {border-bottom:solid 1px #ddd;height:40px;padding-left:6px;padding-right:6px; text-align:left; vertical-align:middle;  }
.table-form .help { font-size:0.8rem; color:green; }

.table-view { table-layout: fixed; width:100%; }
.table-view > tbody > tr > td { border-bottom:solid 1px #ddd; padding:10px 0 10px 0; }
.table-view > tbody > tr > th { border-bottom:solid 1px #ddd; padding:10px 0 10px 0; }
.table-view > tbody > tr > td.title-box { position:relative; border-bottom:solid 2px #ddd; }
.table-view > tbody > tr > td.title-box .title { padding:20px 0 30px 10px; font-size:1.4rem;  }
.table-view > tbody > tr > td.title-box .date { position:absolute; bottom:10px; right:10px; font-size:0.8em; color:#888; text-align:right; width:100%;}
.table-view > tbody > tr > td .content { padding:20px 0 20px 10px; min-height:300px; line-height:2em; }
.table-view > tbody > tr > td .content img { max-width:100%; }

.table-view.bordered-top { border-top:solid 1px #ddd; }
.table-view.align-right th, .table-view.align-right td { text-align:right; }
.table-view.align-right span { margin-right:40%; }

.wp-100 { width:100%; }
.wp-50 { width:50%; }
.wf-60 { width:60px; }
.wf-70 { width:70px; }
.wf-100 { width:100px; }
.wf-120 { width:120px; }
.wf-130 { width:130px; }
.wf-140 { width:140px; }
.wf-150 { width:150px; }

.wf-170 { width:170px; }

.wf-200 { width:200px; }
.wf-300 { width:300px; }
.wf-400 { width:400px; }
.hp-100 { height:100%; }
.hf-100 { height:100px; }
.hf-200 { height:200px; }
.pt-10 { padding-top:10px; }
.pt-20 { padding-top:20px; }

.a-left { text-align:left; }
.a-center { text-align:center; }
.a-right { text-align:right; }

.scroll-box { overflow-x:hidden; overflow-y:scroll; }
.scroll-box.bordered { border:solid 1px #ddd; }

.attach-box { position:relative; width:100%; }
.attach-box .file-box { width:calc(100% - 100px); height:100px; border:solid 1px #ddd; overflow-x:hidden; overflow-y:scroll; }
.attach-box .file-box li { position:relative; display:block; padding:4px 5px 4px 5px; }
.attach-box .file-box li a { color:red; }
.attach-box .button-box { position:absolute; top:0px; right:0px; width:80px;  }
.attach-box .file-box.single { height:28px; overflow-y:hidden;}
.attach-box { position:relative; width:100%; }
.attach-box .list-box li { position:relative; display:block; padding:4px 5px 4px 5px; }
.attach-box .list-box li a { color:#666; }

.datepicker {padding: 0 !important;border-radius:4px;direction:ltr;}
.date { width:150px; }

.row-align-box li { display:inline-block; vertical-align:middle; }
td .row-align-box { padding-top:3px; padding-bottom:3px; }


.thumb img {position: absolute;top: 50%; right: 50%;transform: translate(50%,-50%);background: black;color: white;}
.thumb:after, .thumb:before {content: '';position: absolute;}
.thumb:after {top: 50%;left: 0; right: 0;height:1px;}
.thumb:before {left: 50%;top: 0; bottom: 0;width:1px;}

.input-group label { margin-right:20px; position:relative; padding-left:20px; }
.input-group label input[type=checkbox], .input-group label input[type=radio] { position:absolute; left:0px; top:0px; }
label { margin-bottom:0px; }
li>.input-group { vertical-align:middle; }
li>.input-group input[type=checkbox] { margin:0px!important; }

select.form-control { padding:4px 8px; }
/*.form-control{position:relative;}
.form-control:focus { z-index:-1; } */
.wf-100 .input-group-help {position:absolute; top:0px; left:100px; white-space:nowrap; padding:10px 12px; font-size:12px; color:green;}
.wf-200 .input-group-help {position:absolute; top:0px; left:200px; white-space:nowrap; padding:10px 12px; font-size:12px; color:green;}
ul, ol { margin-bottom:0px; }

.img-block { width:100%; }
.i-reply { margin-left:10px; }


.ul-list li { display:inline-block; margin:4px; font-size:1.2rem; }
.t-blue { color:blue; }
.t-red { color:red; }

.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  margin-bottom:0px;
}


.login-form-box { width:300px; margin:0 auto; }
.login-form-box table { table-layout:fixed; width:100%; }
.login-form-box table td { height:40px; vertical-align:middle; font-size:1.4rem; }
.login-form-box table th { font-weight:700; text-align:left; vertical-align:middle;font-size:1.4rem;}
.login-form-button-box { pading:10px 0 10px 0; }
.login-form-button-box .btn { background:#666666; }
.login-form-line-box { border-top:solid 1px #ddd; padding:20px 0 20px 0; text-align:center; }
.login-form-line-box a { font-size:12px; color:#444; }
.login-form-sns-box img { display:inline-block; }
.login-form-sns-box a { display:inline-block; margin-bottom:20px; }

.box-size { max-width:600px; width:100%; margin:0 auto; }

.page-title-box { position:relative; height:50px; border-bottom:solid 2px #ddd; width:calc(100% - 40px); margin:0 auto;}
.page-title-box > .tx { position:absolute; left:30px; bottom:10px; font-size:1.2em; font-weight:700; }
.page-contents-box{ padding:10px; font-size:1.4rem; }
.page-button-box { position:relative; height:60px; width:100%; border-top:solid 2px #ddd; padding:10px 0 10px 0;}
.page-button-box .left-box { position:absolute; top:10px; left:10px; }
.page-button-box .right-box { position:absolute; top:10px; right:10px; }
.page-contents-search-box { width:calc(100% - 40px); margin:0 auto; padding:10px; background:#ecf0f5; }
.page-contents-search-box th>span { margin-left:10px; }
.page-button-box-back { height:100px; }

.form-button-box { padding:10px 0 10px 0;}
.form-button-box .btn { background:#666666; }
.page-title {padding:100px 0 50px 0;font-size:4rem;}

section.sub_contents { height:auto!important; }


.contents-width { width:1000px; font-size:16px; line-height:130%; }
@media screen and (max-width: 1000px) {
	.contents-width { width:100%; }
}

.pass-form-box { width:300px; margin:0 auto; }
.pass-form-box .msg-box { padding:20px; font-size:12px; border:solid 1px #ddd; margin-bottom:20px; border-radius:10px; }
.pass-form-box table { table-layout:fixed; width:100%; }
.pass-form-box table td { height:40px; vertical-align:middle; font-size:1.4rem; }
.pass-form-box table th { font-weight:700; text-align:left; vertical-align:middle;font-size:1.4rem;}
.form-button-box { pading:10px 0 10px 0; }
.form-button-box .btn { background:#666666; }

.block-box { display:block; position:relative; text-align:left; }
.block-box > .inline  { display:inline-block; vertical-align:top; margin-right:10px; }
.block-box > .inline > .title { font-size:0.8rem; font-weight:400; background:#666; padding:4px 4px 8px 8px; position:relative; color:#eee; z-index:0; border-top:solid 2px #333; }
.block-box > .inline > .title > .right { position:absolute; top:0px; right:10px; }
.block-box > .inline > .title > .right > div { padding-top:5px; }
.block-box > .inline > .title > .right > button { margin-top:2px!important; }
.block-box > .inline > .contents { padding-top:5px; padding-bottom:5px; }
.block-box > .inline-right { position:absolute; top:0px; right:0px; text-align:right; }
.block-box > .inline-left { text-align:left; }
.block-box > .inline:last-child { margin-right:0px!important; }