@charset "utf-8";

.ui-box {display:block;margin-bottom:30px;overflow:hidden; position:relative; z-index:0; width:100%;padding:25px; padding-left: 170px;background-color:#f8f9fa;}
.ui-box .title + .txt:before {position:absolute; left:-175px; top:-45px; z-index:-1; width:130px; height:1000%; background-color:#55bbc1; content:'';}
.ui-box .title.type1  + .txt:before {background-color:#617ec7;}

.ui-box .title {position:absolute; left:0; top:50%; width:135px; margin-top:-21px; padding:0 30px; font-size:20px; line-height:1.05;color:#fff;}
.ui-box .title:before {position:absolute; left:35%; top:35%; width:100px; height:44px; margin:-17px 0 0 -35px; border-right:1px solid rgba(255, 255, 255, .2); border-left:1px solid rgba(255, 255, 255, .2); content:''; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.ui-box .title span {display:block; font-weight:600; color:#efefef;font-size:24px;text-align:right;opacity: 0.5;}
.ui-box .txt {display:block; position:relative; height:78px; vertical-align:middle;width:100%;}
.ui-box .txt ul li{float:left;width:50%;margin-top:5px;}
.ui-box .txt ul{width:100%;}
.ui-box .txt ul:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-box .txt ul li strong{color:#000;font-weight: bold;}


.ui-box + .table-responsive .table-bordered {border: 1px solid #cccfd1;}




@media only screen and (max-width:540px) {
.ui-box{padding-left:25px}
.ui-box .title {position:relative; left:0; top:0; width:100%; margin-top:0; }
.ui-box .title + .txt:before {position:absolute; left:-175px; top:-130px; z-index:-1; width:1000%; height:130px;}
.ui-box .title span{display:inline-block;}
.ui-box .txt ul li{width:100%;float:none;}
.ui-box .txt{height:auto;}
.ui-box .txt ul{padding-top:20px;}
}

.basic_box {position:relative;display:block;margin-bottom:50px;padding:25px 20px 20px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;display:block;bottom:-4px;left:-1px;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box .inner{position:relative;padding-left: 200px;}
.basic_box .inner:before{content:"";position:absolute;top:2px;left:18px;display: none;width: 34px;height: 34px;background: url(/images/prog/ctrt01/ir-contract.png);background-size: 34px 34px;}



.board_total{display:block;float:none;margin:0 0 10px 0;padding-left:18px;background:url(/pcms/common/images/ir/icon_bbs.gif) no-repeat 0 12px;color:#666;font-size:14px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#4f7b9e;background:none !important}

.basic_search{display:block;}
.basic_search.input3{padding-right: 95px;position:relative;}
.basic_search .grap{position:relative;margin-bottom:5px;width: 50%;float:left;padding:0 10px 0 0;padding-left: 80px;}
.basic_search .grap.long{width:100%;}
.basic_box label{position:absolute;top:0;left: 15px;max-width:90px;line-height:34px;padding-left:10px;}
.basic_box input[type="text"]{width:100%;height:34px;padding:0 40px 0 10px;border: 1px solid #e2e2e4;color: #555;}
.basic_box .searchinput{position:absolute;top:0;right:0;width: 95px;height: 34px;}
.basic_box .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:100%;height:100%;background: #4f7b9e;border:none;border-radius:5px;color:#fff;font-size:18px;text-shadow: 0 0 1px #000;font-weight: bold;}
.basic_box .searchinputinput[type="submit"]:focus{outline:1px dotted #666;}



@media only screen and (max-width:767px) {

	.basic_box .inner{padding-left:0}
	.basic_box .inner:before{display:none;}
	.basic_search .grap{float:none;width:100%;}
	.basic_box .searchinput{height:100%}
	.basic_box label {left:0;}
}

@media only screen and (max-width:540px) {
.basic_search.input2,
.basic_search.input3{padding-right:0}
.basic_box .searchinput{margin-top:5px;position:relative;top:0;right:0;left:0;width:100%;height:44px;}

}