/* 태블릿 */
@media (max-width: 1199px) {


}

/* 모바일 */
@media (max-width: 767px) {
.about-container .about-banner-box{ padding-left: 20px !important; padding-right: 20px !important; margin-top: 30px !important;}
.about-container .about-banner-text-box{max-width: 50% !important;}

.about-container .about-detail-box .about-detail-inner .about-detail-top .title{ font-size: 20px !important; line-height: 30px !important; }
.about-container .about-detail-box .about-detail-inner .about-detail-top .detail { font-size: 16px !important; line-height: 25px !important; }
.about-container .about-detail-box .about-detail-inner .jimmyjhons-history-title { margin-left: 0px !important; margin-top: 70px !important; }
.about-container .about-detail-box .about-detail-inner .jimmyjhons-history-title h3{ line-height: 26px !important; font-size: 26px !important; }

.about-container .about-detail-box .about-detail-inner .about-history-box{ margin-top: 30px !important; }
.about-container .about-detail-box .about-detail-inner .about-history-box .about-history-right {display: none;}
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box { display: block !important; margin: unset !important; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .img-box { display: flex; justify-content: center; align-items: center; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .detail-text-box { margin:unset !important; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .detail-text-box .top { margin: 20px 0px 0px !important; line-height: 24px !important; font-size: 24px !important; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .detail-text-box .bottom { margin: 20px 0px 0px !important; line-height: 24px !important; font-size: 16px !important; }
}

.about-container .about-banner-box { position: relative; width: 100%; display: flex;  justify-content: center; padding-left: 48px; padding-right: 48px; margin-top: 64px; box-sizing: border-box;}
.about-container .about-banner-text-box { width: 100%; max-width: 30%; position: absolute; bottom: 10px; }

.about-container .about-detail-box { padding-left: 20px; padding-right: 20px; max-width: 1400px; width: 100%; margin: auto; box-sizing: border-box;}
.about-container .about-detail-box .about-detail-inner { margin-top: 56px; }
.about-container .about-detail-box .about-detail-inner .about-detail-top .title { margin: 0px; color: rgb(0, 0, 0); font-family: Pretendard; font-weight: 400; line-height: 34px !important; font-size: 24px; display: flex ; white-space: pre-line; }
.about-container .about-detail-box .about-detail-inner .about-detail-top .detail { margin: 0px; color: rgb(0, 0, 0); font-family: Pretendard; font-weight: 400; line-height: 30px; font-size: 24px; display: flex ; white-space: pre-line; }
.about-container .about-detail-box .about-detail-inner .jimmyjhons-history-title { margin-left: 69px; margin-top: 112px; }
.about-container .about-detail-box .about-detail-inner .jimmyjhons-history-title h3 { margin: 0px; color: black; font-style: italic; font-weight: 900; line-height: 56px; font-size: 56px; display: flex ; white-space: pre-line; }
.about-container .about-detail-box .about-detail-inner .about-history-box { margin-bottom: 60px; margin-top: 60px; display: flex ; }
.about-container .about-detail-box .about-detail-inner .about-history-box .line { margin-left: 15px; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box { display: flex; margin-left: 64px; padding: 18px 22px; border: 1px solid rgb(236, 236, 236); border-radius: 15px; width: 100%; box-shadow: rgba(0, 0, 0, 0.25) 2px 3px 4px 0px; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .img-box img{width: 100%;}
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .detail-text-box { margin-left: 32px; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .detail-text-box .top{     margin: 0px; color: black; font-family: Pretendard; font-weight: 700; line-height: 30px; font-size: 30px; display: flex ; white-space: pre-line; }
.about-container .about-detail-box .about-detail-inner .about-history-box .detail-box .detail-text-box .bottom{     margin: 32px 0px 0px; color: black; font-family: Pretendard; font-weight: 500; line-height: 34px; font-size: 24px; display: flex ; white-space: pre-line; }