@charset "utf-8";
#wrap {width:100%; overflow:hidden; display:flex; background:url(../images/bg1.jpg) center top repeat;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.contents_left{float:left; width:280px; transition:all 0.5s;}
.contents_right{float:right; width:calc(100% - 280px); transition:all 0.5s;}

/* 좌측구역 */
.left_header_wrap {width:100%; height:100%; overflow-y:scroll; background:url(../images/bg.jpg) center top repeat; transition:all 0.5s;}
.left_header_wrap{-ms-overflow-style: none;}
.left_header_wrap::-webkit-scrollbar{display:none;}



/* 우측구역 */
.right_header_wrap{width:calc(100% - 280px); height: 50px; overflow:hidden;  background:#483d34; position:fixed; z-index:10;}
.right_header_box{width:1500px; margin:0 auto; transition:all 0.5s;}

.notice{float:left; width:50%; margin:15px 0 0 0; font-family:'ahead1'; font-size:16px; color:#ffffff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.5s;}
.m_notice{display:none;}

.my{float:right; margin:10px 0 0 0; transition:all 0.5s;}
.my li{float:left; font-family:'ahead1'; font-size:16px; color:#ffffff; margin: 0 0 0 5px; line-height:34px; transition:all 0.5s;}

.my_input{background:#241f1a; border:1px solid #3c332b; width:140px; padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:0px; height:34px; transition:all 0.5s;}
.my_input::placeholder{color:#ffb400;}

.my_btn1{background:#3c332b; border:1px solid #5d5046; display:inline-block; min-width:100px; height:34px; line-height:34px; padding:0 10px 0 10px; text-align:center; font-size:16px; color:#ffffff; border-radius:0px; transition:all 0.5s;}
.my_btn1:hover{background:#5d5046;}

.my_btn2{background:#3c332b; border:1px solid #5d5046; display:inline-block; min-width:100px; height:34px; line-height:34px; padding:0 10px 0 10px; text-align:center; font-size:16px; color:#ffffff; border-radius:0px; transition:all 0.5s;}
.my_btn2:hover{background:#5d5046;}

.my_btn3{background:#3c332b; border:1px solid #5d5046; display:inline-block; min-width:100px; height:34px; line-height:34px; padding:0 10px 0 10px; text-align:center; font-size:16px; color:#ffffff; border-radius:0px; transition:all 0.5s;}
.my_btn3:hover{background:#5d5046;}

@media screen and (max-width:1800px) {
.contents_left{width:150px; position:relative; left:0;}
.contents_right{width:calc(100% - 150px);}


.game_text{font-size:20px; letter-spacing:-1pt;}
.gnb_text{font-size:18px; letter-spacing:-1pt;}
.game_btn_wrap li{padding:0 0 0 70px;}
.game_btn_wrap li a img{display:none;}
.gnb_wrap li{padding:0 0 0 5px;}
.gnb_wrap li a img{display:none;}
.gnb_wrap li a .gnb_arrow img{display:inline-block;}
.gnb_arrow{right:130px;}
.gnb_customer{font-size:18px; letter-spacing:-1pt;}
.gnb_customer span{font-size:24px; letter-spacing:-1pt;}

.left_header_wrap{width:150px;}
.left_header_wrap:hover{position:absolute; z-index:100; width:280px; transition:all 0.5s;}
.left_header_wrap:hover .game_btn_wrap li{padding:0 15px 0 20px;}
.left_header_wrap:hover .game_btn_wrap li a img{display:inline-block;}
.left_header_wrap:hover .gnb_wrap li{padding:0 10px 0 30px;}
.left_header_wrap:hover .gnb_wrap li a img{display:inline-block;}
.left_header_wrap:hover .gnb_arrow{right:13px;}
.left_header_wrap:hover .gnb_customer{font-size:20px; letter-spacing:0pt;}
.left_header_wrap:hover .gnb_customer span{font-size:26px; letter-spacing:0pt;}

.right_header_wrap{width:calc(100% - 150px);}
.right_header_box{width:100%; padding:0 10px 0 10px;}
}

@media screen and (max-width:1440px) {
.notice{width:40%; font-size:12px;}
.my li{font-size:12px;}
.my_btn1{font-size:12px;}
.my_btn2{font-size:12px;}
.my_btn3{font-size:12px;}
}

@media screen and (max-width:1060px) {
.my li:nth-child(1){display:none;}
.my_btn1{min-width:70px;}
.my_btn2{min-width:70px;}
.my_btn3{min-width:70px;}
}

@media screen and (max-width:768px) {
#wrap{position:relative;}
.right_header_wrap{width:100%; position:static; background:url(../images/bg_left.jpg) center top no-repeat; background-size:110%; height:auto;}
.right_header_box{background:#3f3b37;}
.notice{width:100%; margin:5px 0 0 0; padding:0 0 5px 0;}	
.pc_notice{display:none;}	
.m_notice{display:block;}	
.my{width:100%; text-align:center; margin:5px 0 0 0; padding:0 0 2px 0; border-bottom:1px solid rgba(255,255,255,0.1);}	
.my ul{display: flex; flex-wrap: wrap; justify-content: center;}
.my li{text-align:center;}
.my li:nth-child(1){display:block;}
.my li:nth-child(1):not(.main_login){width:100%;}
.my_input{width:100px;}

.contents_left{width:200px; position:absolute; height:100%; left:-250px;}
.contents_right{width:100%; position:relative;}
.left_header_wrap{width:200px;}
.left_header_wrap:hover{width:200px;}
.left_header_wrap:hover .game_btn_wrap li{padding:0 10px 0 10px;}
.game_btn_wrap{margin:5px 0 0 0;}

.game_btn_wrap li{width:95%; padding:0 10px 0 10px;}
.game_btn_wrap li a{width:100%;}
.game_btn_wrap li a img{display:inline-block;}
.game_text{display:inline-block; font-size:18px;}
.gnb_text{display:inline-block; font-size:16px;}
.left_header_wrap:hover .gnb_wrap li{padding:0 0 0 10px;}
.gnb_wrap li{width:100%; padding:0 0 0 10px;}
.gnb_wrap li a{padding:0 40px 0 0px;}
.gnb_wrap li a img{display:inline-block;}
.gnb_arrow{right:13px;}
.gnb_customer{font-size:16px; letter-spacing:0pt;}
.gnb_customer span{font-size:20px; letter-spacing:0pt;}
.left_header_wrap:hover .gnb_customer{font-size:16px; letter-spacing:0pt;}
.left_header_wrap:hover .gnb_customer span{font-size:20px; letter-spacing:0pt;}

}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap {width:100%; overflow:hidden; border-bottom:15px solid #2d2d2d;}
.title {float:left; line-height:60px; font-family:'ahead1'; font-size:36px; color:#ffce6f; letter-spacing:-1pt; transition:all 0.5s;}

.s_title1 {border-left:5px solid #ffce6f; padding:5px 0 5px 10px; font-family:'ahead1'; color:#ffffff; font-size:18px; text-shadow:2px 0 3px rgba(0,0,0,0.75); transition:all 0.5s;}

.contents_box {width:1500px; margin:100px auto 0; padding:0 0 30px 0; transition:all 0.5s;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}

/* 카지노 */
.game_wrap{float:left; width:100%; padding:30px 0 20px 0; margin:-30px 0 0 0;}
.game_list{width:1500px; margin:0 auto;}
.game_list li{float:left; margin:0 30px 20px 0; cursor:pointer; box-shadow:5px 0 5px rgba(0,0,0,0.2);}
.game_list li:nth-child(3n){margin:0 0 20px 0;}
.game_list li a{display:block;}
.game_list li a img{width:100%; transition:all 0.5s;}

/* 슬롯 game2 */
.slot_list{float:left; width:100%; margin:0 0 0 0; background:rgba(0,0,0,0.4); border-radius:1px; border:1px solid #ffce6f; padding:30px 10px 30px;}
.slot_list.main_slot_list{background:rgba(0,0,0,0.6); border:none; border-top:3px solid #ffce6f;}
.slot_list ul{display:flex; flex-wrap:wrap;}
.slot_list li{float:left; text-align:center; width:calc(100% / 10); padding:0 5px 10px 5px; display:flex; align-items: center; flex-direction: column;}
.slot_list li a{display:block; font-family:'GmarketSans'; font-weight:500; color:#ffffff; font-size:12px;}
.slot_list li div:hover{background-position:top right !important;}

@media screen and (max-width:1800px) {
	.contents_box {width:100%; padding:0 10px 30px 10px;}
	.game_list {width:100%; padding:0 10px 0 10px;}
	.game_list li{width:32%; margin:0 2% 2% 0;}
	.game_list li:nth-child(3n){margin:0 0 2% 0;}
	.slot_list li{width:calc(100% / 9);}
}

@media screen and (max-width:1400px) {
	.title{line-height:48px; font-size:28px;}
	.game_wrap{padding:20px 0 10px 0;}
	.game_list li{width:49.5%; margin:0 1% 1% 0;}
	.game_list li:nth-child(3n){margin:0 1% 1% 0;}	
	.game_list li:nth-child(2n){margin:0 0 1% 0;}
	.slot_list li{width:calc(100% / 8);}
}

@media screen and (max-width:1300px) {
	.slot_list li{width:calc(100% / 7);}
}

@media screen and (max-width:1200px) {
	.slot_list li{width:calc(100% / 6);}
}

@media screen and (max-width:1023px) {
	.slot_list li{width:calc(100% / 5);}
}

@media screen and (max-width:840px) {
	.slot_list li{width:calc(100% / 4);}
}

@media screen and (max-width:768px) {
	.contents_box{margin:0 auto;}
	.title_wrap{margin:20px 0 0 0;}
	.title{line-height:40px; font-size:24px;}
	.s_title1{font-size:16px;}
	.game_wrap{padding:10px 0 5px 0;}
	.slot_list{padding:15px 5px 15px;}
}

@media screen and (max-width:620px) {
	.slot_list li{width:calc(100% / 3);}
}

@media screen and (max-width:500px) {
	.slot_list li img{width:100%;}
}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; margin:0 0 0 0; padding:40px 0 36px 0; background:rgba(56,56,56,0.5); overflow:hidden; text-align:center;}
.footer_wrap img{display:inline-block; padding:15px 0 15px 0;}
.f_copy{display:inline-block; padding:30px 0 30px 0; font-family:'ahead1'; font-size:16px; color:#8f8f8f; line-height:18px;}

@media screen and (max-width:1640px) {
	.footer_wrap {padding:30px 10px;}
	.footer_wrap img{width:90%;}
}

@media screen and (max-width:768px) {
	.footer_wrap {padding:10px 10px;}
	.f_text{display:none;}
	.f_copy{font-size:10px; padding:10px 0 10px 0;}
}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_casino_wrap{float:left; width:100%; padding:40px 0 50px; transition:all 0.5s;}
.main_game_title{width:1500px; margin:0 auto 27px; display:flex; align-items:center; transition:all 0.5s;}
.title_img{float:left; margin:0 0 0 0; transition:all 0.5s;}
.title_text{float:left; cursor: default;}
.title_text1{font-family:'ahead2'; font-size:30px; color:#ffcf70; transition:all 0.5s;}
.title_text2{font-family:'ahead1'; font-size:16px; color:#ffffff; transition:all 0.5s;}

/* 메인슬롯 */
.main_slot_wrap{float:left; width:100%; padding:0 0 50px; transition:all 0.5s;}
.game_list2{width:1500px; margin:0 auto;}
.game_list2 li{float:left; margin:0 20px 20px 0; cursor:pointer;}
.game_list2 li:nth-child(4n){margin:0 0 20px 0;}
.game_list2 li a{display:block;}
.game_list2 li a img{width:100%; transition:all 0.5s;}

.main_board_wrap{float:left; width:100%;}
.main_board_box{width:1500px; margin:0 auto 70px;}
.board{float:left; width:480px; border-radius:0px; margin:0 30px 0 0;}
.board:last-child{margin:0 0 0 0;}
.board_title{font-family:'ahead1'; font-size:22px; color:#ffffff; text-shadow:5px 0 5px rgba(0,0,0,0.2); padding:0 0 15px 0;}
.board_title span{color:#ffce6f;}
.board_box{padding:30px 30px; height:240px; overflow:hidden; background:rgba(0,0,0,0.3);}
.myTable{table-layout:fixed;}
.board_box td{font-family:'ahead2'; color:#858585; font-size:16px; line-height:36px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_box td:first-child{color:#ffffff;}
.last_board_box td:first-child{color:#ffffff;}
.board_font1{color:#ffb400;}

@media screen and (max-width:1800px) {
	.main_game_title{width:100%; padding:0 10px 0 10px;}
	.main_board_box{width:100%; padding:0 10px 0 10px;}
	.board{width:32%; margin:0 2% 2% 0;}
	.game_list2{width:100%; padding:0 10px 0 10px;}
	.game_list2 li{width:24.25%; margin:0 1% 1% 0;}
	.game_list2 li:nth-child(4n){margin:0 0 1% 0;}
}

@media screen and (max-width:1400px) {
	.game_list2 li{width:33%; margin:0 0.5% 0.5% 0;}
	.game_list2 li:nth-child(4n){margin:0 0.5% 0.5% 0;}
	.game_list2 li:nth-child(3n){margin:0 0 0.5% 0;}

	.main_board_box{margin:0 auto 40px;}
	.board_box{padding:20px 20px; height:220px;}
	.board_box td{font-size:14px;}
}

@media screen and (max-width:1200px) {
	.board{width:49%;}
	.board:nth-child(2){margin:0 0 2% 0;}
	.board:last-child{width:100%;}
}

@media screen and (max-width:1023px) {
	.main_casino_wrap{width:100%; padding:20px 0 30px;}
	.main_game_title{margin:0 0 20px 0;}
	.main_slot_wrap{padding:10px 0 30px;}
	.board_title{padding:0 0 5px 0;}
}

@media screen and (max-width:768px) {
	.game_list2 li{width:49.5%; margin:0 1% 1% 0;}
	.game_list2 li:nth-child(4n){margin:0 1% 1% 0;}
	.game_list2 li:nth-child(3n){margin:0 1% 1% 0;}
	.game_list2 li:nth-child(2n){margin:0 0 1% 0;}

	.title_img{margin:0 10px 0 0;}
	.title_text1{font-size:20px;}
	.title_text2{font-size:14px; letter-spacing:-1pt;}	
	.main_game_title img {width:50px;}
	.board{width:100%; margin: 0 0 4% 0;}
	.board:nth-child(2){margin:0 0 4% 0;}
	.board:last-child{width:100%;}
	.board_box{padding:10px 10px; height:200px;}
	.board_box td{font-size:12px;}
}

/*-------------------------------------------------------------------------------------*
 *  out login                                                                          *
 *-------------------------------------------------------------------------------------*/
.login_wrap  {float:left; width:100%; height:100vh; background:url("../images/bg.jpg") center top repeat;}
.login_box_wrap {width:610px; margin:0px auto; transition:all 0.5s;}
.login_tit {float:left; width:100%; text-align:center; margin:120px 0 50px 0; overflow:hidden; transition:all 0.5s;}

.login_text{text-align:center; font-family:'ahead1'; font-size:16px; line-height:30px; color:#e5b75d; text-shadow:5px 0 5px rgba(0,0,0,0.18);}

.login_box {width:100%; height:210px; margin:0 auto; overflow:hidden; text-align:center; display:flex;flex-direction:column; align-items:center; justify-content:center; transition:all 0.5s;}
.login{width:100%;}
.login_table{width:500px; margin:0 auto; transition:all 0.5s;}
.login_btn1        {background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); width:250px; height:54px; line-height:54px; text-align:center; display:inline-block; color:#000000; font-family:'ahead2'; font-size:20px; border-radius:5px; letter-spacing:-1pt; transition:all 0.5s;}
.login_btn1:hover  {background:linear-gradient(-45deg, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%);}
.login_btn2        {background:linear-gradient(to right, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%); width:250px; height:54px; line-height:54px; text-align:center; display:inline-block; color:#000000; font-family:'ahead2'; font-size:20px; border-radius:5px; letter-spacing:-1pt; transition:all 0.5s;}
.login_btn2:hover  {background:linear-gradient(-45deg, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%);}

.input_login  {background-color:#ffffff; border:none; color:#3d3d3d; width:250px; height:54px; padding:0 0 0 15px; font-size:14px; font-weight:500; border-radius:5px; transition:all 0.5s;}
.login input::placeholder{color:#7e7e7e; font-size:13px;}

.join_box input::placeholder{color:#7e7e7e; font-size:13px;}
.join_box_wrap {float:left; width:100%;}
.join_box {margin:0px auto; width:900px; transition:all 0.5s;}
.join_start {float:left; width:100%; padding:35px 50px 50px 50px; background:rgba(34,34,34,0.9); border-radius:5px; transition:all 0.5s;}
.join_title {float:left; width:100%; margin:10px 0 5px 0;}
.join_close_box {float:left; width:100%; text-align:center; padding:10px; position:relative; z-index:1;}

@media screen and (max-width:900px) {
	.join_box{width:95%;}
	.join_start{padding:15px 20px 20px 20px;}
}

@media screen and (max-width:680px) {
	.login_box_wrap{width:80%;}
	.login_tit{margin:70px 0 10px 0;}
	.login_tit img{width:70%}
	.login_box{height:30vw; padding:10px 0 10px;}
	.login_btn1,.login_btn2,.input_login{width:99%;}
	.login_table{width:100%;}
	.join_title img{width:50%; transition:all 0.5s;}
}

@media screen and (max-width:500px) {
	.login_box{height:35vw;}
	.login_tit{margin:70px 0 30px 0;}
	.login_btn1,.login_btn2,.input_login{height:40px; line-height:40px;}
}


/*-------------------------------------------------------------------------------------*
 *  레이어팝업                                                                         *
 *-------------------------------------------------------------------------------------*/

 
/*-------------------------------------------------------------------------------------*
 *  모달창(팝업)                                                                       *
 *-------------------------------------------------------------------------------------*/
.modal_popup_wrap {float:left; width:450px; background:url(../images/bg.jpg) center top;}
.modal_popup {float:left; width:100%; height:auto;  padding:20px;}
.modal_popup_title {float:left; width:100%; font-size:24px; letter-spacing:-1px; font-family:'ahead2'; color:#ffffff; padding:0 0 0 10px;}
.modal_popup_con {float:left; width:100%; min-height:390px; background:rgba(0,0,0,0.6); line-height:22px; font-size:12px; letter-spacing:-1px; font-weight:700; color:#ffffff; padding:10px; margin:10px 0 0 0; transition:all 0.5s;}
.modal_popup_close2 {float:left; width:100%; background:rgba(0,0,0,0.3); text-align:center; cursor:pointer; padding:15px 0 15px 0;}
.pop_btn {display:inline-block; font-family:'ahead1'; color:#ffffff; font-size:16px; text-shadow:2px 0 5px rgba(0,0,0,0.1); padding:5px 40px 5px; border-radius:3px; border-bottom:1px solid rgba(0,0,0,0.0); background:#764b23;}
.pop_btn:hover{border-bottom:1px solid rgba(255,255,255,0.1);}

@media screen and (max-width:500px) {
	.modal_popup_wrap{width:90%; min-width:320px;}
	.modal_popup{padding:10px;}
	.modal_popup_con{min-height:250px;}
	.pop_btn{padding:5px 30px 5px;}
}
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* top ▲ */
.go-top {position:fixed; display:block; width:40px; height:40px; line-height:35px; text-align:center; font-size:30px; bottom:-10%; right:20px; background:#764b23; color:#ffffff; border-radius:2px; z-index:999; border:1px solid rgba(40,40,40,0.0); font-size:22px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.go-top.show{bottom:10px;}

/* 은행리스트 */
.bank_list{width:100%;}
.bank_list li{float:left; width:calc(100%/7); margin:0 0 10px; text-align:center; transition:all 0.5s;}
.bank_list li a{display:block;}

/* 머니이동 박스 */
.box_wrap01_wrap {width:100%;}
.box_wrap01    {padding:5px; float:left; width:calc(100%/7); border:solid 1px #1d1d1d; background:#343434; transition:all 0.5s;}
.box_box01     {float:left; width:100%; padding:15px 0 15px 0; text-align:center; background:rgba(0,0,0,0.3); border:solid 1px #5d5046; border-radius:5px; transition:all 0.5s;} 
.box_font01    {float:left; width:100%; font-weight:600; color:#ffffff; padding:0 0 3px 0; font-size:16px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box_font02    {float:left; width:100%; color:#ffb400; letter-spacing:-1px; font-size:16px;  font-weight:700; font-family:Arial, sans-serif; letter-spacing:-1pt;}

.box_wrap01:hover {border:solid 1px #ffb400; background:#5d5046;}

.comp_box{float:right;}

/* 쿠폰 알럿창 */
.swal-overlay {background-color: rgba(0,0,0,0.7);}
.swal-button{font-size:14px; letter-spacing:0pt; font-weight:600; border-radius:0px; box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;min-width:85px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.swal-button:focus {outline: none; box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}
.swal-button--confirm{background:linear-gradient(#d5974c 0%, #764b23 100%); color:#ffffff;}
.swal-button--cancel{background:linear-gradient(#616161 0%, #333333 100%); color:#ffffff;}
.swal-modal{background:#312d29;}
.swal-icon--warning{border-color:#d5974c; animation:none;}
.swal-icon--warning__body{background:#d5974c; border-color:#d5974c;}
.swal-icon--warning__dot{background:#d5974c; border-color:#d5974c;}
.swal-title{color:#ffffff;}
.swal-text{color:#ffffff;}

/* 충환전내역 */
.icon_a1{background:#c80000; border:1px solid #c80000; display:inline-block; text-align:center; min-width:50px; padding:6px 8px 6px 8px; line-height:12px;  color:#ffffff; font-size:12px; font-weight:500; border-radius:5px;}
.icon_a2{background:#0047c8; border:1px solid #0047c8; display:inline-block; text-align:center; min-width:50px; padding:6px 8px 6px 8px; line-height:12px;  color:#ffffff; font-size:12px; font-weight:500; border-radius:5px;}

@media screen and (max-width:1440px) {
.bank_list li{padding:0 5px 0 5px;}
.bank_list li img{width:100%;}

.box_wrap01{width:calc(100%/6);}
}

@media screen and (max-width:1023px) {
.bank_list li{width:calc(100%/5); margin:0 0 5px;}

.box_wrap01{width:calc(100%/5);}
.box_box01{padding:10px 0 10px 0;}
.box_font01{font-size:16px;}
.box_font02{font-size:14px;}
}

@media screen and (max-width:768px) {
.bank_list li{width:calc(100%/4);}

.box_wrap01{width:calc(100%/4);}

}

@media screen and (max-width:500px) {
.box_wrap01{width:calc(100%/3);}
.box_font01{font-size:15px;}
.box_font02{font-size:13px;}
}

.your-class_slide_pc{max-width:100%; margin:50px auto 0;}
.class_slide_pc img{width:100%!important;}

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

}

@media screen and (max-width:768px) {
	.your-class_slide_pc{margin:0px auto 0;}
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;  padding:0 10px 0 10px;
	}
}