/* tmp */
.s5{width:100%;margin-top:10px;padding:0px;}
.s5 .ttl{width:100%;}
.s5 .btn{display:none;width:0px;}
h2.ttl{position:relative;overflow:hidden;margin:10px 0px;font:20px fn5;font-weight:bold;color:#333;}
h2.ttl span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;}
h2.ttl span:before,h2.ttl span:after{content:'';display:block;width:2000px;position:absolute;top:14px;border-top:1px solid#60a9a7;}
h2.ttl span:before{right:100%;}
h2.ttl span:after{left:100%;}

ul.s4{background:#d8f1fa;width:100%;border-top:3px solid#ff7c28;border-bottom:1px solid#fff;border-top-left-radius:5px;border-top-right-radius:5px;}
ul.s4 li{height:45px;color:#305570;text-shadow:0px 1px 1px #fff;}
ul.s4 li p{float:left;padding:15px 15px 0px 12px;font-size:16px;font-family:fn2;line-height:15px;}
li.b4{float:right;margin-right:3.50%;}
ul.s4 li span{float:right;padding:15px;font-family:fn3;color:#f56403;font-size:12px;}

#pn_1{background:#f2f4f9;width:24%;float:right;border:1px solid#e4ecf3;border-top:none;}
#pn_2{position:relative;background:#f2f4f9;width:74%;float:left;border:1px solid#e4ecf3;border-top:none;}
#grd{height:508px;}
#dtl{height:500px;}
#mmb{display:none;}
/* grd */
ul.br{width:90%;margin-top:8px;}
ul.br li{padding:4px;border-radius:4px;margin-bottom:8px;cursor:pointer;}
ul.br li.inc{display:block;background:#fff;border:1px solid#d6e7f8;border-left:3px solid#b5c6d6;}
ul.br li.inc:hover{background:#fffdf0;border:1px solid#eda33f;border-left:3px solid#eda33f;}
ul.br li.ac{display:block;background:#fffefb;border:1px solid#eab71e;border-left:3px solid#ec9b2f;box-shadow:1px 1px 2px #8f8f8f;}
ul.br li .bic{width:18%;float:left;}
ul.br li .ic{width:25;height:25px;border:2px solid#fb8d15;border-radius:30px;margin:5px;}
ul.br li .bit{width:82%;float:left;padding-top:5px;}
ul.br li h3{font:15px fn5;color:#54718d;}
ul.br li span{color:#fe7523;font:12px fn4;}
/* dtl */
ul.br2{width:100%;margin-top:10px;}
ul.br2 li.inc2{display:block;background:#fff;border:1px solid#e0e0e0;border-radius:4px;margin-bottom:10px;cursor:pointer;}
ul.br2 li.inc2:hover{background:#e1fbf8;border:1px solid#a6e1d6;}

#nif{text-align:left;margin-top:20px;font:14px fn5;line-height:1.6em;}
#nif h2{color:#166318;margin-top:30px;margin-bottom:7px;text-align:center;font-family:fn5;font-size:25px;text-shadow:0px 1px 1px #98abb6;}
#nif .ctt{width:98%;margin:0 auto;padding:1%;margin-bottom:10;border-top:2px solid#bdccdf;border-bottom:1px solid#bdccdf;color:#f56403;font-size:12px;font-family:fn3;}
.ckr{float:left;width:50%;text-align:left;text-shadow:0px 1px 1px #c2cdd3;}
.ckn{float:right;width:50%;text-align:right;text-shadow:0px 1px 1px #c2cdd3;}
.tm1{background:url(../../../img/bs/16.png)no-repeat 0 50%;padding-left:16px;}
.vw1{background:url(../../../img/bs/10.png)no-repeat 0 50%;padding-left:16px;}
.usr{background:url(../../../img/bs/17.png)no-repeat 0 50%;padding-left:16px;}
.smb{background:url(../../../img/bs/20.png)no-repeat 0 50%;padding-left:16px;}
.lpg{background:url(../../../img/ic/re.gif) no-repeat 50% 50%;height:35px;display:none;}
.lm{background:#e7ecf1;width:89%;border:1px solid#adc0d1;cursor:pointer;padding:5px;margin:5px auto;font-family:fn2;color:#2484a8;font-size:14px;border-radius:13px;transition:0.5s;text-shadow:0px 1px 1px #fff;}
.lm:hover{background:#fff;color:#000;border:1px solid#f9bf13;}
.bar{float:left;background:#f8ae16;height:7px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.bar1{float:left;background:#f2f2f9;border:1px solid#dadce9;height:7px;width:100%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#wsp{background:#fafcfe url(../../../img/ic/ldg.svg)no-repeat center 45%;position:absolute;width:99.80%;height:92.40%;left:0px;top:47px;display:none;z-index:80;border:1px solid#e4ecf3;}
#empt{background:rgba(0,0,0,0.15);position:absolute;left:0px;top:0px;width:100%;height:100%;display:none;}
#bmt{background:#fff;position:absolute;left:33%;top:28%;width:30%;text-align:center;color:#787287;padding:15px;border:1px solid#fbb533;font-size:12px;box-shadow:1px 1px 1px#7f7f7f;}
@media only screen and (max-width:1150px){
.s5 .ttl{width:95%;}
.s5 .btn{display:block;width:30px;}
ul.s4 li p{font-size:14px;}
ul.s4 li{height:50px;}
ul.s4 li span{font-size:13px;}
h2.ttl{font-size:18px;}
#pn_1{display:none;position:fixed;right:0px;top:0px;width:100%;height:100%;z-index:100;}
#pn_2{width:100%;float:left;} 
#mmb{display:block;background:#c9e3f8 url(../../../img/bs/menu.png)no-repeat 50% 30%;background-size:20px 20px;float:right;width:28px;height:25px;border-radius:5px;margin:7px 0px 0px 0px; cursor:pointer;}
#mmb:hover{background:#f0ab2b url(../../../img/bs/menu.png)no-repeat 50% 50%;background-size:20px 20px;}
.x_pnl{background:#fff url(../../../img/ic/cls.svg)no-repeat 50% 50%;float:right;width:30px;height:30px;cursor:pointer;border:1px solid#ddd;margin-top:8px;border-radius:25px;}
.x_pnl:hover{background:#fab44b url(../../../img/ic/cls.svg)no-repeat 50% 50%;}
#bmt{left:15%;top:35%;width:60%;}
}
.wl-bx,.hd_pn,#cpt{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;} @-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}} @keyframes zoom{from{transform: scale(0.1)}to{transform: scale(1)}}