fuction - before and after effect by button */
.section_bna {position: relative;width: 1920px;}
.section_bna .section_bna_bg {position:absolute; left:0px; top:0px; opacity:0; width: 1920px; height: auto;}

/* setting - before button */
.section_bna .btn_left {display:inline-block; position:absolute; left:25%; top:67%; width: auto; }
.section_bna .btn_left .over_img {display:none; }
.section_bna .btn_left.on img {display:none; }
.section_bna .btn_left.on .over_img {display:inline; }

/* setting - after button */
.section_bna .btn_right {display:inline-block; position:absolute; right:25%; top:67%; width: auto; }
.section_bna .btn_right .over_img {display:none; }
.section_bna .btn_right.on img {display:none; }
.section_bna .btn_right.on .over_img {display:inline; }

/* btn image */
.section_bna {overflow: hidden;}
.section_bna .section_bna_bg {position:absolute !important; left:0 !important; top:0; opacity:0; transform:translateX(0) !important;}
/*.section_bna .section_bna_bg {display:none; position:absolute; left:0px; top:0px; width: 1920px; height: 0px; background:url() 0 0 no-repeat;}*/
.section_bna .btn_left {display:inline-block; position:absolute; background:url() 0 0 no-repeat;}
.section_bna .btn_left.on {background: url() 0 0 no-repeat;}

.section_bna .btn_right {display:inline-block; position:absolute; background:url() 0 0 no-repeat;}
.section_bna .btn_right.on {background: url() 0 0 no-repeat;}


/* btn image - inner style setting */
/*
.section_bna .btn_left {width: 490px; height: 100px; left:470px; top:6px; background:url(http://www.miral.org/upload/newdesign/20200403/btnL.png) 0 0 no-repeat;}
.section_bna .btn_left.on {background: url(http://www.miral.org/upload/newdesign/20200403/btnL_on.png) 0 0 no-repeat;}

.section_bna .btn_right {width: 490px; height: 100px; left:960px; top:6px; background:url(http://www.miral.org/upload/newdesign/20200403/btnR.png) 0 0 no-repeat;} 
.section_bna .btn_right.on {background: url(http://www.miral.org/upload/newdesign/20200403/btnR_on.png) 0 0 no-repeat;}*/