.main_font_color { color: #cc3333 !important }
.intro .sub_title_01 { width: 100%; float: left; text-align: center; padding-top: 120px; }
.intro .sub_title_02 { width: 100%; float: left; text-align: center; padding-top: 120px; padding-bottom: 70px; border-bottom: 1px solid #ccc }
.intro .sub_title p, .sub_title span { font-size: 40px; font-family: "swgi"; font-weight: 900; }
.intro .sub_title .mini_title { font-size: 25px; color: #999; font-family: "Noto Sans KR", sans-serif; font-weight: 500; }

/* 브랜드소개 */
.intro1_section1 .box1 { width: 100%; float: left; text-align: center; padding-top: 180px; }
.intro1_section1 .box1 .small_text { font-size: 23px; padding-top: 30px; }
.intro1_section1 .box1 .small_text strong { border-bottom: 1px solid #666; }
.intro1_section1 .box1 .middle_text { font-size: 46px; font-family: "swgi"; font-weight: 900; }
.intro1_section1 .box1 .big_text { font-size: 73px; font-family: "swgi"; font-weight: 900; }
.intro1_section1 .box1 .img_02 { position: absolute; top: -60px; right: -120px; width: 480px; height: 320px;}
.intro1_section1 .box1 .img_03 { position: absolute; bottom: -213px; left: -115px; width: 395px; height: 270px; }
.intro1_section1 .main_banner { width: 100%; height: 475px; float: left; background-image: url(/images/intro1_img_01.png); background-repeat: no-repeat; background-position: center; margin-top: 70px; }
.intro1_section1 .steady img { width: 580px; height: 465px; }
.intro1_section1 .steady .text_box_left { float: left; text-align: left; padding-top: 68px; padding-left: 40px; }
.intro1_section1 .steady .text_box_right { float: right; text-align: right; padding-top: 68px; padding-right: 40px; }
.intro1_section1 .steady .text_box .main_text { font-size: 22px; padding-top: 40px; color: #333; }
.intro1_section1 .steady .text_box .middle_text { color: #999; font-family: "swgi"; font-size: 26px;}
.intro1_section1 .steady .text_box .big_text, .intro1_section1 .steady .text_box .big_text span { font-size: 40px; font-family: "swgi"; font-weight: 900; padding-top: 10px; }
.intro1_section1 .steady .text_box .highlight { font-family: 'swgi'; font-weight: 800; border-bottom: 1px solid #999 }
.intro1_section1 .box3 { width: 100%; float: left; padding-top: 165px; }
.intro1_section1 .box3 img { float: left; }
.intro1_section1 .box4 { width: 100%; float: right; padding-top: 120px; }
.intro1_section1 .box4 img { float: right; }

.intro_background_01 { background-image: url(/images/intro1_img_06.png); background-repeat: no-repeat; background-size: 100% 315px; background-position: center; height: 315px; margin-top:100px; }
.intro_background_02 { background-image: url(/images/intro1_img_07.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; padding-bottom: 120px; margin-bottom: -120px;}

.intro1_section2 { text-align: center; height: 315px; line-height: 315px; }
.intro1_section2 .banner { display:inline-block; vertical-align: middle; width: 1024px; height: 175px; border: 3px solid #5c5b59 }
.intro1_section2 .banner .banner_title { color: #cc3333; font-size: 36px; font-weight: 400; line-height: 53px; margin-top:30px; text-shadow: 3px 3px 6px black, -3px -3px 6px black, -3px 3px 6px black, 3px -3px 6px black; }

.intro1_section3 .intro1_section3_title { width: 100%; float: left; text-align: center; padding-top: 100px; }
.intro1_section3 .intro1_section3_title .big_text {font-size: 50px; font-family: 'swgi'; font-weight: 900;}
.intro1_section3 .intro1_section3_title .middle_text {font-size: 38px; font-family: 'swgi'; font-weight: 500;}
.intro1_section3 .intro1_section3_title .small_text {font-size: 20px; font-family: 'swgi'; color: #999; padding-top: 20px;}
.intro1_section3 > ul {width: 100%; float: left; padding-top: 80px; }
/*.intro1_section3 > ul > li { float: left; width: 400px; height: 500px; text-align: center; line-height: 460px; }
.intro1_section3 .circle { display: inline-block; vertical-align: middle; width: 300px; height: 300px; background: rgba( 0, 0, 0, 0.85); border-radius: 300px; line-height: 1.2; padding-top: 90px; }
.intro1_section3 .circle p { text-shadow: 3px 3px 6px black, -3px -3px 6px black, -3px 3px 6px black, 3px -3px 6px black; }
.intro1_section3 .circle .highlight { color: #cc3333; font-size: 60px; font-family: 'swgi'; font-weight: 800; }
.intro1_section3 .circle .point_number { font-family: 'swgi'; font-size: 80px; }
.intro1_section3 .circle .brand { color: #fff; font-size: 38px; font-family: 'swgi'; font-weight: 600; }*/

.intro1_section3 .line{width: 320px; float: left; height: 170px; border: 1px solid #fff; text-align: center; line-height: 168px; position: absolute; top: 118px;}
.intro1_section3 li{float: left; height: 400px;}
.intro1_section3 li:not(:first-of-type){margin-top: 5px;}
.intro1_section3 li:nth-child(1){width: 100%; background-image: url(/images/intro1_img_08.png); background-repeat: no-repeat; background-size: 100% 100%}
.intro1_section3 li:nth-child(2){width: 457.5px; background-image: url(/images/intro1_img_09.png); background-repeat: no-repeat; background-size: 100% 100%}
.intro1_section3 li:nth-child(3){width: 737.5px; margin-left: 5px; background-image: url(/images/intro1_img_10.png); background-repeat: no-repeat; background-size: 100% 100%}
.intro1_section3 .rectangle{display: inline-block; vertical-align: middle; width: 300px; height: 150px; background: rgba( 0, 0, 0, 0.65); line-height: 1.2; padding-top: 35px; }
.intro1_section3 .rectangle p{font-size: 27px; color: #fff; font-weight: bold; font-family: 'swgi';}
.intro1_section3 .rectangle .highlight {color: #cc3333; font-size: 30px; font-family: 'swgi'; font-weight: 800; }
.intro1_section3 .rectangle .point_number{font-family: 'swgi'; font-size: 50px; }



/* ceo인사말 */
.intro2_section1 .box2 { width: 100%; height: 400px; float: left; background-image: url(/images/intro1_img_01.png); background-repeat: no-repeat; background-position: center; margin-top: 75px; }
.intro2_section1 .box3 { width: 100%; float: left; height: 825px; padding-top: 120px; }
.intro2_section1 .box3 .leftBox { float: left; margin-left: 30px; }
/*.intro2_section1 .box3 .rightBox { float: right; background-image: url(/images/intro2_img_02_2.jpg); width: 500px; height: 675px; margin-right: 30px; }*/
.intro2_section1 .box3 .rightBox { float: right; width: 500px; height: 685px; margin-right: 30px; text-align:center; }

.ceo_intro .cmpy_name { color: #bebebe; font-size: 18px; font-family: "ggs"; font-weight: 500; }
.ceo_intro .big_text { font-size: 40px; font-family: "swgi"; font-weight: 900; }
.ceo_intro .middle_text {font-size: 32px; font-weight: 500; font-family: "ggs"; margin-top: 20px;}
.ceo_intro .main_text { font-size: 22px; color: #333; padding-top: 42px;}
.ceo_intro .bot_text { float:left; font-size: 20px; color: #333; line-height: 40px; }
.intro2_section1 .box3 .leftBox .tt_box { float:left; padding-top: 20px; padding-left: 120px; }
.ceo_intro .bot_img { float:left; margin-left:20px; }

/* 인테리어 갤러리 */
.intro_03 img { width: 100%; }
.intro_03 .con_box { width: 100%; float: left; }
.intro_03 .con_box .imgPopup { cursor: pointer; }
.intro_03 .con_box > ul { width: 100%; float: left; }
.intro_03 .con_box > ul > li { width: 100%; float: left; }
.intro_03 .con_box > div { width: 100%; float: left; }
.intro_03 .con_box > div > ul { width: 100%; float: left; }
.intro_03 .con_box > div > ul > li.ss { padding-left:10px; }

.intro_03 { padding-top: 90px; }
.intro_03 .con_box > .slide_wrapper { position: relative; width: 100%; height: 700px; background-color: black; }
.intro_03 .con_box > .slide_wrapper > .slide_container { position: absolute; width: 100%; height: 100%; opacity: 0; transition: 2s; transition-duration: 2s; transition-timing-function: ease; transition-delay: 0s; transition-property: all;}
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_big { width: 100%; height: 700px; }
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_big > img { width: 100%; float: left; height: 700px; overflow: hidden; object-fit: cover; }
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_info { width: 100%; height: 140px; position: absolute; right: 0; bottom: 0; background-color: black; opacity: 0.9; }
/* .intro_03 .con_box > .slide_wrapper > .slide_container > .img_info > ul { display: none; }
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_info > ul.active { display: block; } */
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_info > ul > li { float: left; color: #fff; font-size: 18px; font-weight: 300; line-height: 140px; }
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_info > ul > li.tt {width: 300px; float: left; color: #cc3333; font-family: "ggs"; font-size: 28px; font-weight: 500; text-align: center; }
.intro_03 .con_box > .slide_wrapper > .slide_container > .img_info > ul > li.ss {width: 700px; float: left; }
.intro_03 .con_box > .arrow > .prevBtn { position: absolute; left: 0; bottom: 250px; }
.intro_03 .con_box > .arrow > .nextBtn { position: absolute; right: 0; bottom: 250px; }
.intro_03 .con_box > .arrow > li { width: 60px; height: 60px; border: 1px solid #fff; text-align: center; font-family: "ggs"; line-height: 65px; font-size: 40px; font-weight: 100; cursor: pointer; color: #fff; }
.intro_03 .con_box > .arrow > li:hover { background-color: rgba(255,255,255,0.1); }

.intro_03 .con_box > .img_mini { padding: 10px 0; }
.intro_03 .con_box > .img_mini > li { width: 222px; margin-right: 10px; cursor: pointer; }
.intro_03 .con_box > .img_mini > li.active { opacity: 0.5; }
.intro_03 .con_box > .img_mini > li:nth-last-child(1) { margin-right: 0; }
.intro_03 .con_box > .img_mini > li > img { width: 100%; float: left; height: 135px; overflow: hidden; object-fit: cover; }
.intro_03 .con_box::-webkit-scrollbar { background: #e5e5e5; height: 5px; width: 15px; }
.intro_03 .con_box::-webkit-scrollbar-thumb { background-color: #cc3333; }
.intro_03 .con_box::-webkit-scrollbar-track { background-color: #e5e5e5; }

.intro_03 .con_box > .img_min {width: 100%; float: left;}
.intro_03 .con_box > .img_min li {width: 24.37%; float: left; margin-left: 10px; margin-top: 10px;}
.intro_03 .con_box > .img_min li:first-child {margin-left: 0;}
.intro_03 .con_box > .img_min li:nth-child(4n+1) {margin-left: 0;}

/*갤러리 팝업창*/
.intro_popup{height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(0,0,0,0.7); overflow-y: auto;}
.intro_popup .outX{position: absolute; top: 9px; right: 13px; color: #fff;}
.intro_popup .outX > div{font-size: 30px; text-align: right; cursor: pointer;}
.intro_popup .outX svg:not(:root).svg-inline--fa{overflow: visible;}



/* 한마음소식 */
.intro_04_section1 .searchBox { width: 100%; height: 130px; float: left; background: #f6f6f6; margin-top: 25px; padding: 42.5px 300px; }
.intro_04_section1 .searchBox input { width: 545px; height: 45px; border: 1px solid #efefef; font-size: 16px; padding-left: 20px; }
.intro_04_section1 .searchBox input::placeholder { color: #ccc; }
.intro_04_section1 .btnBox { float: left; }
.intro_04_section1 .btnBox button { background: #cc3333; color: #fff; height: 45px; width: 45px; margin-left: 10px; }
.intro_04_section1 .news_wrap { width: 100%; float: left; padding-top: 85px; }
.intro_04_section1 .news_wrap .news_box { width: 32%; float: left; height: 510px; border: 1px solid #e8e8e8; box-shadow: 5px 5px 15px 1px #e8e8e8; margin-top: 2%; margin-left: 2%; text-align: center; }
.intro_04_section1 .news_wrap .news_box:nth-child(3n-1) { margin-left: 0; }
.intro_04_section1 .news_img { padding: 10px; padding-bottom: 0; }
.intro_04_section1 .news_img img { width: 100%; height: 230px; }
.intro_04_section1 .news_wrap div { display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.intro_04_section1 .news_wrap .news_title { font-size: 24px; font-weight: 600; line-height: 35px; padding-top: 20px; text-align: left;}
.intro_04_section1 .news_wrap .news_contents { margin-top: 20px; font-size: 16px; color: #666; text-align: left;}
.intro_04_section1 .news_wrap .btn_wrap { position: absolute; left: 50%; bottom: 35px; transform: translateX(-50%); }
.intro_04_section1 .news_wrap .btn_wrap a { font-size: 15px; display: inline-block; border-radius: 20px; width: 125px; height: 32px; line-height: 32px; font-weight: 500; color: #666; background: #e8e8e8;}

/* 한마음소식 뷰 */
#communityViewWrap .viewCont { width: 100%; float: left; border-top: 1px solid #333; margin-top: 100px; border-bottom: 1px solid #ececec; }
#communityViewWrap .viewCont .titleWrap { width: 100%; float: left; padding: 20px; background-color: #f9f9f9; border-bottom: 1px solid #ececec; }
#communityViewWrap .viewCont .titleWrap .title { font-size: 27px; font-weight: 600; color: #333; line-height: 37px; }
#communityViewWrap .viewCont .dateWrap { width: 100%; float: left; padding: 10px 20px; border-bottom: 1px solid #ececec; }
#communityViewWrap .viewCont .dateWrap ul { width: 100%; float: left; margin-bottom: 5px; }
#communityViewWrap .viewCont .dateWrap li { float: right; font-size: 16px; color: #999; }
#communityViewWrap .viewCont .dateWrap li a { float: right; }
#communityViewWrap .viewCont .dateWrap li a i { margin-left: 10px; }

#communityViewWrap .viewCont .contentWrap { width: 100%; float: left; padding: 40px; min-height: 500px; }
#communityViewWrap .viewCont .contentWrap .content { width: 100%; float: left; font-size: 16px; font-weight: 400; color: #333; line-height: 30px; }
#communityViewWrap .viewCont .contentWrap .content p { width: 100%; float: left; }
#communityViewWrap .viewCont .contentWrap .content p img { max-width: 45%; }
#communityViewWrap .viewCont .contentWrap img { max-width: 30%; }

#communityViewWrap .viewCont .fileUploadWrap { width: 100%; float: left; }
#communityViewWrap .viewCont .fileUploadWrap ul { width: 100%; float: left; border-top: 1px solid #ececec; padding: 15px; border-radius: 5px; }
#communityViewWrap .viewCont .fileUploadWrap ul li { font-size: 15px; }
#communityViewWrap .viewCont .fileUploadWrap ul li > i { color: #666; margin-right: 5px; }
#communityViewWrap .viewCont .fileUploadWrap ul li:nth-child(1) { width: 8%; float: left; padding-top: 1px; color: #333; font-weight: 400; }
#communityViewWrap .viewCont .fileUploadWrap ul li:nth-child(2) { width: 92%; float: left; color: #666; border-left: 1px solid #999; padding-left: 20px; }
#communityViewWrap .viewCont .fileUploadWrap ul li p { width:100%; float:left; }
#communityViewWrap .viewCont .fileUploadWrap ul li p a { float:left; }

#communityViewWrap .prevBtnWrap { width: 100%; float: left; margin: 50px 0 50px 0; }
#communityViewWrap .prevBtnWrap a { height: 40px; width: 100px; text-align: center; font-size: 18px; border: 1px solid #ccc; padding: 7px 20px; color: #666; border-radius: 3px; float: right; border-radius: 5px; }

/* 한마음정육식당 매장안내 */
.store1_section1 .box1 { width: 100%; float: left; text-align: center; padding-top: 120px; padding-bottom: 70px; border-bottom: 1px solid #999 }
.store1_section1 .map_box { width: 100%; height: 770px; float: left; margin-top: 50px; }
.store1_section1 .map_box .left_box { position: absolute; width: 345px; opacity: 0.9; z-index: 10; }
.store1_section1 .map_box .left_box .search_box { float: left; width: 100%; height: 115px; background: #cc3333; text-align: center; line-height: 110px; }
.store1_section1 .map_box .left_box .search_box input { width: 290px; height: 50px; padding: 0 15px; }
.store1_section1 .map_box .left_box .search_box input::placeholder { color: #ccc; font-size: 16px; }
.store1_section1 .map_box .left_box .search_box button { position: absolute; top: 50%; right: 40px; transform: translate(0, -50%); }
.store1_section1 .map_box .left_box .search_list { float: left; width: 100%; height: 655px; background: #fff; }
.store1_section1 .map_box .left_box .search_list .nodata { font-size: 16px; padding-top: 20px; padding-left: 20px; color: #999 }
.store1_section1 .map_box .left_box .search_list > ul { height: 500px; }
.store1_section1 .map_box .left_box .search_list > ul > li { float: left; width: 100%; padding: 12.5px 10px; }
.store1_section1 .map_box .left_box .search_list .store_img { height: 110px; width: 110px; float: left; }
.store1_section1 .map_box .left_box .search_list .store_img img { border-radius: 5px;}
.store1_section1 .map_box .left_box .search_list .store_info { float: left; width: 200px; margin-left: 15px; padding-top: 5px; }
.store1_section1 .map_box .left_box .search_list > ul > li .main_text { font-size: 18px; color: #222; font-weight: bold; margin-bottom: 5px;}
.store1_section1 .map_box .left_box .search_list > ul > li .detail_text { font-size: 16px; color: #666;}
.store1_section1 .map_box .left_box .search_list > ul > li .store_num { padding-top: 10px; font-weight: 500; letter-spacing: 0; font-size: 16x; }
.store1_section1 .box2 { width: 100%; float: left; text-align: center; padding-top: 85px; }
.store1_section1 .box2 .middle_text { font-size: 29px; font-family: 'swgi'; font-weight: bold; }
.store1_section1 .box2 .big_text { font-size: 45px; font-family: 'swgi'; font-weight: 900; }
.store1_section2 > ul { width: 100%; float: left;  }
.store1_section2 ul li { width: 285px; float: left; background: #fff; cursor: pointer; }
.store1_section2 .new_store_img { width: 100%; height: 300px; }
.store1_section2 .new_store_img img { width: 100%; heighT: 100%;}
.store1_section2 .circle { width: 160px; height: 160px; border-radius: 100px; position: absolute; color: white; background: rgb(204, 51, 51, 0.80); text-align:center; padding-top: 35px; bottom: -30px; left: 50%; transform: translateX(-50%); }
.store1_section2 .txtbox { width: 100%; height: 150px; padding: 40px 20px;}

/* 팝업 영역 */
.popupWrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.8); display: none; }
.popupWrap > .popupBox { position: absolute; width: 1200px; height: 730px; left: 50%; top: 50%; margin-top: -300px; margin-left: -600px; background-color: #FFF; }

.popupWrap .guideWrap { width: 100%; float: left; margin-top: 50px; }
.popupWrap .guideWrap > div { width: 100%; display: table; background-color: #EFEFEF; }
.popupWrap .guideWrap > div > * { display: table-cell; vertical-align: middle; }

.popupWrap .guideWrap > div > .iconWrap { width: 220px; text-align: center; color: #FFF; font-size: 45px; }
.popupWrap .guideWrap > div > .conWrap { padding: 30px 0; }
.popupWrap .guideWrap > div > .conWrap > li { float: left; }
.popupWrap .guideWrap > div > .conWrap > li.basic { width: 100%; color: #646464; font-size: 13px; }
.popupWrap .guideWrap > div > .conWrap > li.basic > span { font-weight: 500; }

.popupWrap > .popupBox > .titWrap { width: 100%; float: left; padding: 25px 0; border-bottom: 1px solid #EBEBEB; }
.popupWrap > .popupBox > .titWrap > .left { padding-left: 50px; font-size: 21px; color: #333; font-weight: bold; }
.popupWrap > .popupBox > .titWrap > .left > .guide { font-size: 13px; color: #BBB; font-weight: 500; margin-left: 15px; top: -3px; }
.popupWrap > .popupBox > .titWrap > .right { height: 31px; }
.popupWrap > .popupBox > .titWrap > .right > i { position: absolute; font-size: 40px; right: 30px; top: 50%; margin-top: -20px; color: #CCC; cursor: pointer; }
.popupWrap > .popupBox > .titWrap > .right > i:hover { color: #BBB; }

.popupWrap > .popupBox > .frameWrap { width: 100%; height: 100%; float: left; padding: 0; }

.popupBox .popupContentsWrap { width: 100%; height: calc(100% - 80px); float: left; overflow-y: auto; padding: 30px 60px; }
.popupBox .popupContentsWrap::-webkit-scrollbar { background-color: #FFF; }
.popupBox .popupContentsWrap .tit { margin-top: 35px; }
.popupBox .popupContentsWrap .tit:first-of-type { margin-top: 0; }

.popupBox .popupBtnWrap { width: 100%; height: 80px; line-height: 80px; float: left; text-align: center; }
.popupBox .popupBtnWrap > * { float: none; display: inline-block; margin: 0 2px; }

/* 한마음정육식당 매장안내 뷰페이지 */
.popup_box { width: 1200px; height: 730px; float:left; padding-top: 80px; }
.popup_box > div { width: 1080px; margin: 0 auto; }
.popup_box > div > div { width: 100%; float: left; }

.popup_box .box1 .left_box { float:left; width: 420px; height: 250px; }
.popup_box .box1 .left_box img { width: 100%; height: 100%; border-radius: 10px; }
.popup_box .box1 .right_box { float:left; width: 595px; height: 250px; margin-left: 65px; }
.popup_box .box1 .right_box .store_name { font-size: 27px; font-weight: 900; }
.popup_box .box1 .right_box .store_addr { font-size: 18px; color: #666; padding-left: 5px; }
.popup_box .box1 .right_box .top_box { float: left; width: 100%; height: 90px; border-bottom: 1px solid #ccc; padding-top: 15px; }
.popup_box .box1 .right_box .top_box .tel_num { float: right; font-size: 21px; font-weight: 500; }
.popup_box .box1 .right_box .bottom_box { float: left; width: 100%; height: 180px; padding-top: 30px; }
.popup_box .box1 .right_box .bottom_box .memo_wrap { font-weight: 600; padding-left: 10px; }
.popup_box .box1 .right_box .bottom_box .memo_box { float: left; width: 100%; height: 105px; border-radius: 5px; background: #ebebeb; padding: 20px 20px; margin-top: 5px; font-size: 16px; border-radius: 10px; }

.popup_box .box2 { float: left; width: 100%; height: 320px; margin-top: 35px; }
.popup_box .box2 .mapWrap { width:100%; height:100%; }

.popup_box .popupCloseBtn { position: absolute; top: 15px; right: 15px; font-size: 35px; color: #d2d2d2; cursor: pointer; }