/* tmp */
.s5{width:100%;margin:10px 0px -10px 0px;}
.s5 .ttl{width:100%;}
.s5 h2{position:relative;overflow:hidden;margin:14px 0px;font:20px f4;;color:#000;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.22);}
.s5 h3{min-width:94px;font:14px f5;margin:7px 0px 0px 0px;color:#fe702c;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.15);}
.s5 a{display:none;width:0px;}

ul.s4{background:#d7fbf4;width:100%;border-top:3px solid#bbbdfb;border-bottom:1px solid#dae4e3;border-radius:6px 6px 0px 0px;box-sizing:border-box;position:relative;}
ul.s4 li{height:40px;color:#305570;}
ul.s4 li p{float:left;padding:14px 0px 12px 4%;font:20px f4;line-height:22px;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.20);}
ul.s4 li h3{float:right;font:13px f5;padding:3px 0px 0px 0px;color:#fe702c;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.22);display:none;}
ul.s4 a{float:right;margin:15px 3%;box-shadow:1px 2px 2px #cfd3d8;}

#pn_1{background:#f7f8fb;width:24%;float:right;border:1px solid#dae4e3;border-top:none;border-radius:6px;}
#pn_2{position:relative;background:#f7f8fb;width:74.50%;float:left;border:1px solid#dae4e3;border-top:3px solid#bbbdfb;border-radius:6px;}
#grd{height:585px;border-top:1px solid#fff;}
#dtl{height:687px;}
#mmb{display:none;}


/* grd */
ul.br{width:95%;margin-top:10px;}
ul.br li{padding:4px;border-radius:4px;margin-bottom:8px;cursor:pointer;}
ul.br li.inc{background:#fff;display:block;border:1px solid#dae4e3;border-left:2px solid#b5c6d6;transition:background-color 0.7s ease;}
ul.br li.inc:hover{background:#fffdf0;border:1px solid#efdfc2;border-left:2px solid#eda33f;}
ul.br li.ac{display:block;background:#f7fdee;border:1px solid#eaefe4;border-left:2px solid#bbbdfb;box-shadow:1px 2px 3px #cfd3d8;}
ul.br li .bic{width:40px;float:left;margin-right:8px;}
ul.br li img{width:37px;height:37px;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860; padding:3px;border-radius:25px;margin:3px;box-shadow:1px 2px 3px #cfd3d8;-webkit-transition:0.9s;transition:0.9s;}
ul.br li .bit{width:80%;float:left;padding:3px 5px 3px 0px;}
ul.br li h3{font:14px f3;line-height:16px;}
ul.br li span{color:#fe7523;font:13px f5;}
ul.br > li.ac img{transform:rotateY(3.142rad);}

/* dtl */
.bx_dtl{width:97%;text-align:left;margin:0% auto; padding:0px;}
.bx_dtl h2{margin:7px 10px;font:20px f4;color:#0f4610;text-align:center;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.bx_dtl p{font:14px f3;margin-top:5px;}
.bx_dtl .ctt{width:100%;margin:0px auto;padding:8px 0px;color:#f56403;font:14px f5;}
.lf{float:left;width:60%;text-align:left;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.lf h3{width:80%;font:17px f3;line-height:17px;color:#305570;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.lf span{font:12px f3;line-height:14px;color:#753db4;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.lf img{float:left;width:35px;height:35px;margin-right:5px;padding:4px;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;border-radius:30px;}
.rg{float:right;width:40%;text-align:right;padding-top:12px;}
.rg label{font:12px f1;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}

.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;}
.smb{background:url(../../../img/bs/20.png)no-repeat 0 50%;padding-left:16px;}

#wsp{background:#fafcfe url(../../../img/ic/ld.svg)no-repeat center 45%;position:absolute;width:100%;height:100%;background-size:65px 65px;left:0px;top:0px;display:none;z-index:80;border:1px solid#e4ecf3;}
#empt{background:rgba(0,0,0,0.10);position:absolute;left:0px;top:0px;width:100%;height:100%;display:none;}
#bmt{background:#fff;position:absolute;left:35%;top:28%;width:30%;text-align:center;color:#787287;padding:15px;border:1px solid#fbb533;border-radius:8px;box-shadow:1px 1px 1px#7f7f7f;}
#bmt h2{font:25px f1;color:#e48b05;}

.prw{width:99%;margin:0 auto;}
 ul.gl_box{list-style:none;}
.prw ul{overflow:hidden;margin-left:1%;}
.prw li{float:left;width:31%;margin:2% 2.20% 2% 0%;overflow:hidden;border-radius:6px;box-shadow:2px 3px 4px #cfd3d8;border:1px solid#fff;}
.prw li:hover{box-shadow:2px 3px 4px #bbc0c8;border:1px solid#98f39c;}
.im{width:100%;max-width:1000px;height:250px;display:block;border-radius:6px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;cursor:pointer;}
.im:hover{-webkit-transform:scale(1.20);}

@media screen and (max-width:1800px){
	.im{height:220px;}
}
@media screen and (max-width:1600px){
	.im{height:190px;}
}
@media screen and (max-width:1450px){
	ul.br li .bit{width:76%;}
	.im{height:170px;}
}
@media screen and (max-width:1250px){
	.im{height:150px;}
}

@media only screen and (max-width:1150px){
	.s5{width:99%;margin:15px 0px 0px 0.50%;}
	.s5 .ttl{width:95%; margin:8px 0px;}
	.s5 h2{margin:8px 0px;font:20px f4;;}
	.s5 h3{font:14px f4;margin:2px 7px 0px 0px;}

	ul.s4{background:#f1f7fe;border-top:none;}
	ul.s4 li h3{display:inline;margin:11px 7px 0px 0px;}
	ul.s4 a{margin:10px 4% 0px 0px;}

	ul.br{width:92%;margin-top:10px;}
	ul.br li .bit{width:80%;}

	.im{height:200px;}

	#pn_1{width:100%;height:100vh;display:none;position:fixed;top:60px;left:0px;z-index:1000;}
	#pn_2{width:99%;float:left;left:0.40%;} 
	.bx_dtl{padding:8px;}
	.bx_dtl h2{font:17px f3;}
	#mmb{float:right;background:url(../../../img/bb/m.svg)no-repeat 50% 50%;background-size:12px 16px;width:25px;height:25px;border-radius:5px;margin:0px 0px; cursor:pointer;display:inline;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;box-shadow:1px 1px 2px #cfd3d8;}
	#mmb:hover{background:#f0ab2b url(../../../img/bb/m.svg)no-repeat 50% 50%;background-size:20px 20px;}
	.ttp{background:#fff url(../../../img/bb/cls.svg)no-repeat 50% 50%;float:right;width:23px;height:23px;cursor:pointer;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;margin-top:6px;border-radius:5px;}
	.ttp:hover{background:#fab44b url(../../../img/bb/cls.svg)no-repeat 50% 50%;}
	#bmt{left:20%;top:26%;width:60%;}
}
@media screen and (max-width:900px){
	.im{height:160px;}
}

@media only screen and (max-width:800px){ 
	.prw li{float:left;width:46%;margin:2% 2%;}
	.im{height:190px;}
}

@media only screen and (max-width:600px){ 
	.prw li{float:left;width:95%;margin:2% 1.50%;}
	.im{height:320px;}
}

@media only screen and (max-width:530px){ 
	.im{height:290px;}
}
@media only screen and (max-width:470px){ 
	.im{height:270px;}
}

@media only screen and (max-width:420px){ 
	.im{height:240px;}
}