/* 공통 */
.sub_con {width: 100%; margin:0 auto ; position: relative; padding:0 15px;}
.sub_p {font-size:14px; font-weight: 300; color:#000; line-height: 26px; letter-spacing: -.5px; word-break: keep-all; }
.section {padding:60px 0; position: relative; }
.s_tit h2 {font-size: 13px; font-weight: 600; color:#af231c; font-family: 'Montserrat';  letter-spacing:3px;}
.s_tit h1 {font-size: 22px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif; margin-top:15px ;line-height: 40px;word-break: keep-all;}
.s_tit h1 b {font-weight: 800;}

/*Content CSS*/
#menu_s1 {padding:60px 0 ; text-align: center; position: relative; overflow: hidden; }
/* #menu_s1::before {content: ''; display: block; width: 100%; height:150px; background: #fffafa ;position: absolute; z-index: 1; left: 0; bottom: 0; } */
#menu_s1 .s_tit {margin-bottom: 40px; }
#menu_s1 .article {z-index: 2;}

/* menu_box_wr */
.menu_box_wr {display: flex; flex-wrap:wrap ;}
.menu_box {text-align: left; width: calc(50% - 5px) ; margin-right:10px; }
.menu_box_wr .menu_box:nth-child(even) {margin-right: 0; }
.menu_box_wr .menu_box:nth-child(n+3) {margin-top: 30px; }
.menu_box .img {width: 100%; position: relative; z-index: 1; display: block; cursor: pointer; overflow: hidden; }
.menu_box .img > img {width: 100%;}
.menu_box .img .cover {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
background: rgba(0,0,0,.45); opacity: 0; transition:opacity .3s ease; flex-direction: column; }
.menu_box .img .cover img {transition: all .3s ease; width: 35px; }
.menu_box .img .cover span {display: block; margin-top: 10px; font-size: 13px; font-weight: 400; color:#fffafa; }
.menu_box .img:active .cover {opacity: 1; }
/* .menu_box .img:active .cover img {transform: rotate(90deg);} */
.menu_box .txt {margin-top:20px; text-align: center;}
.menu_box .txt h2 {font-size: 11px; font-weight:500; color:#af231c; font-family: 'Montserrat'; text-transform: capitalize;}
.menu_box .txt h1 {font-size:15px; font-weight: 700; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 12px; }


/* modal */
.modal_wr .modal-header {text-align: center; position: relative; overflow: hidden; min-height: 50px; margin-bottom:0; border-top: 3px solid #af231c; border-bottom: 0;}
.modal_wr .modal-dialog {max-width: 100%; margin: 0 auto;}
.modal_wr .modal-body {padding: 0 15px 30px 15px;}
.modal_wr .close {opacity: 1; font-size:30px; }

.modal_wr .article {display: flex; flex-direction: column; align-items: center; text-align: left;  }
.modal_wr .article .img {width: 100%; margin-top: 30px;}
.modal_wr .article .img img {width: 100%;}
.modal_wr .article .txt {width: 100%; text-align: center; }
.modal_wr .article .txt .title {width: 100%; padding-bottom:25px; margin-bottom: 25px; position: relative; }
.modal_wr .article .txt .title::before {content: ''; display: block; width: 100%; height: 4px; background: url('../img/sub_title.png') 31% 50% repeat; position: absolute;
bottom: -0; left: -2px; background-size: contain; }
.modal_wr .article .txt .title > span {width: 100px; height: 34px; line-height: 34px; border-radius: 23px; background: #af231c; font-size: 14px; font-weight: 700; color:#fff;
margin:0 auto 25px; display: block; }
.modal_wr .article .txt .title h2 {font-size: 13px; font-weight:500; color:#af231c; font-family: 'Montserrat';  text-transform: capitalize;}
.modal_wr .article .txt .title h1 {font-size:18px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 15px; }
.modal_wr .article .txt .cont h3 {font-size: 14px; font-weight: 500; color:#000; margin-bottom:15px;}
.modal_wr .article .txt .cont p {word-break: keep-all; font-size: 13px; font-weight: 300; color: #000; line-height: 22px; letter-spacing: -.5px;}








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

}

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

}

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

}

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

}