div.modal.image_modal{padding:0 24px;}
div.modal.image_modal div.image_modal_wrap{width:100%; max-width:1146px; height:586px; filter:drop-shadow(0px 40px 70px rgba(0, 0, 0, 0.07)); border-radius:10px; position: relative; overflow: hidden; background: #FFF; padding:40px 96px;}
/*
div.modal.image_modal div.image_modal_wrap button.btn_close{width:562px; height:72px; padding: 2px; border-radius:12px; position: absolute; right:72px; bottom:60px; z-index:10; background-color: #1F1F1F; color:#FFF; font-size: 16px; font-weight: 500;}
div.modal.image_modal div.image_modal_wrap button.btn_close::after{content:'닫기'}

 */
div.modal.image_modal div.image_modal_wrap div.modal_title{margin-bottom: 24px;}
div.modal.image_modal div.image_modal_wrap div.modal_title h5{color: #949494; font-size: 16px; font-weight: 500; text-align: left; margin:0 0 2px;}
div.modal.image_modal div.image_modal_wrap div.modal_title div.modal_title_desc{color: #1F1F1F; font-size: 24px; font-weight: 700; text-align: left}
div.modal.image_modal div.image_modal_wrap button.btn_close{width:25px; height:24px; padding: 2px; background: url("/img/ambassador/web/icon_close_modal_web.svg") no-repeat center; position: absolute; right:40px; top:40px; z-index:10; border:none;}

div.modal.image_modal div.image_modal_wrap div.image_ul{width:100%; height:400px; padding:0; margin:0;  }
div.modal.image_modal div.image_modal_wrap div.image_ul > div{width:100%; height: 100%; display: flex; flex-direction:row; flex-shrink: 0; gap:32px;}
div.modal.image_modal div.image_modal_wrap div.image_ul > div div.image_area{width:400px; flex-shrink: 0;  background: #FFF; height: 100%;}
div.modal.image_modal div.image_modal_wrap div.image_ul > div div.image_area img{width:100%; height:100%; object-fit:cover; position: relative; left:1px;}
div.modal.image_modal div.image_modal_wrap div.image_ul > div div.text_area{ flex-grow:1; line-height: 30px; height:100%; overflow-y: auto; background:#FFF; color:#3F3F3F;  font-size: 20px; font-weight: 500;  text-align: left; border-radius:0 0 10px 10px;}
div.modal.image_modal .swiper-button-next,
div.modal.image_modal .swiper-button-prev{width:53px; height:53px;  color:#FFF; font-size: 16px;}
div.modal.image_modal .swiper-button-next:after,
div.modal.image_modal .swiper-button-prev:after{ color:#FFF; font-size: 16px;}
div.modal.image_modal .swiper-button-next{right:25px;}
div.modal.image_modal .swiper-button-prev{left:25px;}

div.modal.image_modal .swiper-button-next:after{content:url('/img/ambassador/web/icon_slide_right_circle_web.svg')}
div.modal.image_modal .swiper-button-prev:after{content:url('/img/ambassador/web/icon_slide_left_circle_web.svg')}


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

    div.modal.image_modal div.image_modal_wrap div.modal_title{display:none;}
    div.modal.image_modal div.image_modal_wrap{width:100%; max-width:100%; height:auto; min-height: 396px; filter:drop-shadow(0px 40px 70px rgba(0, 0, 0, 0.07)); border-radius:10px; padding:0; }
    div.modal.image_modal div.image_modal_wrap div.image_ul > div{ flex-direction: column; flex-shrink: 0; gap:0;}
    div.modal.image_modal div.image_modal_wrap div.image_ul > div div.image_area{width:100%; background: #FFF; height: 280px;}
    div.modal.image_modal div.image_modal_wrap div.image_ul > div div.image_area img{left:0;}
    div.modal.image_modal div.image_modal_wrap div.image_ul > div div.text_area{width:100%; flex-grow:1; line-height: 24px; height: 116px; overflow-y: auto; background:#FFF; color:#3F3F3F; padding:16px; font-size: 16px; font-weight: 500;  text-align: left; border-radius:0 0 10px 10px; }
    div.modal.image_modal div.image_modal_wrap button.btn_close{width:24px; height:24px; padding: 2px; border-radius:12px; background:rgba(31, 31, 31, 0.60) url("/img/ambassador/icon_cross_modal_w.svg") no-repeat center; background-size:50% auto;position: absolute; right:14px; top:14px; z-index:10;}
    div.modal.image_modal div.image_modal_wrap button.btn_close::after{content:''}

    div.modal.image_modal .swiper-button-next,
    div.modal.image_modal .swiper-button-prev{width:32px; height:32px; background:rgba(31, 31, 31, 0.76); border-radius:16px;  color:#FFF; font-size: 16px; box-shadow: 0px 2px 6px 0px rgba(68, 68, 68, 0.08);}
    div.modal.image_modal .swiper-button-next:after,
    div.modal.image_modal .swiper-button-prev:after{ color:#FFF; font-size: 16px;}
    div.modal.image_modal .swiper-button-next:after{content: 'next'}
    div.modal.image_modal .swiper-button-prev:after{content: 'prev'}

    div.modal.image_modal .swiper-button-next{right:14px;}
    div.modal.image_modal .swiper-button-prev{left:14px;}
}