@charset "utf-8";

/** Layout **/
.popup_visible{overflow:hidden;}
.pop_wrap{position:fixed;top:0;width:750px;z-index:51;display:none;left:0 !important;right:0 !important;margin:auto;}
.pop_wrap.on{display:block;}
.pop_tit {padding:0 20px;background-color:#3d5080;text-align:left;}
.pop_tit h3{display: block;color:#fff;font-size:22px;line-height:58px;height:58px;}
.pop_con_wrap {padding:20px;border:1px solid #ccc;border-top:none;background-color:#fff;text-align:left;color:#454545;}
.pop_con_wrap img{max-width:100%;}
.pop_wrap > .pop_close{position:absolute;top:0;right:0;width:58px;height:58px;background:url('/files/bcnimda/images/common/bg_pop_close.png') no-repeat center;transition:0.2s;}
.pop_wrap > .pop_close:hover{transform:rotate(180deg);}
.pop_wrap .sroll_box{padding-right:10px;max-height:300px;overflow-x:hidden;overflow-y:auto;}
.pop_wrap .table_ty{padding-right:10px;max-height:350px;overflow-x:hidden;overflow-y:auto;}

/************************************************
media
************************************************/

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

/** popup : layer **/

/* Layout */
.pop_wrap{width:95%;max-width:550px;}
.pop_wrap .pop_tit{padding:0 15px;}
.pop_wrap .pop_tit h3{height:48px;line-height:48px;font-size:20px;}
.pop_wrap .pop_tit h3.course{background-size:20px 20px;padding-left:30px;}
.pop_wrap > .pop_close{width:48px;height:48px;}

}