@charset "utf-8";

/**********************************************************************************/
/*********************************** sub visual ***********************************/
.sub-visual {width:100%;position:relative;overflow:hidden;}
.sub-visual .sub-box01-content{transform:translate(-50%, -30%)}
.sub-visual::before {display:block;content:'';position:absolute;width: 38%;height:100%;/* background:#172a3b; */z-index:-1;top:0;left:0;}
.sub-visual .sub-visu-box {width: 100%;padding: 80px 80px 60px;background: url('../img/sub/sub1_1_visual.jpg') no-repeat center;background-size:cover;position:relative;min-height: 350px;display: flex;justify-content: center;align-items: center;}
.sub-visual .sub-visu-box.visu02 {width: 100%;padding: 80px 80px 60px;background: url('../img/sub/sub2_1_visual.jpg') no-repeat center;background-size:cover;position:relative;}
.sub-visual .sub-visu-box.visu03 {width: 100%;padding: 80px 80px 60px;background: url('../img/sub/sub3_1_visual.jpg') no-repeat center;background-size:cover;position:relative;}
.sub-visual .sub-visu-box.visu04 {width: 100%;padding: 80px 80px 60px;background: url('../img/sub/sub4_1_visual.jpg') no-repeat center;background-size:cover;position:relative;}
.sub-visual .sub-visu-box.visu05 {width: 100%;padding: 85px 80px 55px;background: url('../img/sub/sub5_1_visual.png') no-repeat center;background-size:cover;position:relative;}
.sub-visual .sub-visu-box .sub-visu-ttl {color:#444;padding:10px; width: 100%;max-width: 1100px;margin: 0 auto;}
.sub-visual .sub-visu-box .sub-visu-ttl .ttl {font-size:35px;font-weight:900;display:inline-block;position:relative;z-index:1;margin-bottom: 5px;}
.sub-visual .sub-visu-box .sub-visu-ttl .ttl:before {display:block;content:'';position:absolute;width: 40px;height: 40px;top: -15px;left: -15px;border-radius:100%;background: #abd3ff;z-index:-1;}
.sub-visual .sub-visu-box .sub-visu-ttl .txt {font-size: 18px;}
.sub-visual .sub-visu-box .sub-visu-navi {position:absolute;color: #FFF;font-size:16px;top: 20px;right: 16%;}
.sub-visual .sub-visu-box .sub-visu-navi ul {display:flex;justify-contents: center;align-items:center;font-size: 14px;}
.sub-visual .sub-visu-box .sub-visu-navi ul li {display:inline-block;padding: 0 10px;position:relative;}
.sub-visual .sub-visu-box .sub-visu-navi ul li:nth-of-type(2){padding: 0 15px}
.sub-visual .sub-visu-box .sub-visu-navi ul li:nth-of-type(2):before{display:block;content: '';position:absolute;left:0;top: 50%;transform: translateY(-50%);background:url('../img/sub/sub-visu-arrow.png') no-repeat center;background-size: contain;width: 8px;height: 14px;} 
.sub-visual .sub-visu-box .sub-visu-navi ul li:nth-of-type(2):after{display:block;content: '';position:absolute;right:0;top: 50%;transform: translateY(-50%);background:url('../img/sub/sub-visu-arrow.png') no-repeat center;background-size: contain;width: 8px;height: 14px;} 
.sub-visual .sub-visu-box .sub-visu-navi ul li.home {padding:0 15px;background:url('../img/sub/sub_home.png') no-repeat center left;width: 20px;height: 20px;}

.sub-visu-menu {width: 100%;background: #525252;}
.sub-visu-menu .sub-menu-ul{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 1300px;margin: 0 auto;}
.sub-visu-menu .sub-menu-ul li{border-right: 1px solid #898989}
.sub-visu-menu .sub-menu-ul li:first-child{border-left: 1px solid #898989}
.sub-visu-menu .sub-menu-ul li a{display: block;width: 220px;text-align: center;padding: 10px 0;font-size: 17px;color: #FFF;;position:relative;transition: all 0.3s;}
.sub-visu-menu .sub-menu-ul li a:after{display:block;content:'';width:0%;height:4px;background:#FFF;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);transition: all 0.3s;}
.sub-visu-menu .sub-menu-ul li a:hover{background:#ca9b35;border:0px;font-weight: 700;}
.sub-visu-menu .sub-menu-ul li a:hover::after{display:block;content:'';width:80%;height:4px;background:#FFF;position:absolute;bottom:0px;left:50%;transform:translateX(-50%)}
.sub-visu-menu .sub-menu-ul li a.active::after{display:block;content:'';width:80%;height:4px;background:#FFF;position:absolute;bottom:0px;left:50%;transform:translateX(-50%)}
.sub-visu-menu .sub-menu-ul li a.active{font-weight: 700;background: #ca9b35;border: 0px;}

.sub-visu-menu__mobile {width:100%;background: #525252;display:none;position:relative;}
.sub-visu-menu__mobile .sub-menu-ttl {display:none; color:#fff;}

@media screen and (max-width:1400px){
	.sub-visual .sub-visu-box {padding: 0;}
	.sub-visual .sub-visu-box .sub-visu-navi {right: 20px;font-size: 15px;}

	.sub-visu-menu .sub-menu-ul li a {font-size: 15px;}
}

@media screen and (max-width:960px){
	.sub-visu-menu .sub-menu-ul{display: none;}
	.sub-visu-menu__mobile {display:block;}
	.sub-visu-menu__mobile .sub-menu-ttl {display:block;font-size: 16px;width: 100%;padding: 14px 30px;color: #ffffff;background: url('../img/sub/menu_arr_w.png') no-repeat center right 20px;font-weight: 400;}
	.sub-visu-menu__mobile .sub-menu-ul {display: none;position:absolute;z-index: 40;top: 49px;border: 1px solid #525252;width:100%;background:#fff;padding:20px;float: none;}
	.sub-visu-menu__mobile .sub-menu-ul li {display:block; float:none;width:100%;line-height:30px; text-align:left;}
	.sub-visu-menu__mobile .sub-menu-ul li a {color: #474747;font-size: 14px;padding: 5px 20px;}
	.sub-visu-menu__mobile .sub-menu-ul li a.active {color: #525252;font-weight:700;}
	.sub-visu-menu__mobile .sub-menu-ul li a:hover {color: #525252;font-weight:700;}
	.sub-visu-menu__mobile .sub-menu-ul li a.active:after {display:none;}
	
	.sub-visual .sub-visu-box {padding: 50px;}
	.sub-visual .sub-visu-box .sub-visu-ttl .ttl {font-size:30px;}
	.sub-visual .sub-visu-box .sub-visu-ttl .txt {font-size:15px;}
}

@media screen and (max-width:768px){
	.sub-visual .sub-visu-box {padding: 50px 30px 50px;min-height: 250px;}
	.sub-visual .sub-visu-box .sub-visu-ttl {padding:0;}
	.sub-visual .sub-visu-box .sub-visu-ttl .ttl {font-size:25px;}
	.sub-visual .sub-visu-box .sub-visu-ttl .ttl:before {width:24px;height:24px;top:-10px;left:-10px;}
	.sub-visual .sub-visu-box .sub-visu-ttl .txt {font-size:14px;word-break:keep-all;}
	.sub-visu-menu__mobile .sub-menu-ttl {padding:12px 40px 12px 20px; font-size:14px;}
	.sub-visu-menu__mobile .sub-menu-ul {top: 40px;}
}

@media screen and (max-width:500px){
	.sub-visual .sub-visu-box {min-height: 200px;}
}

/* 서브 헤더 설정 */
#hd.sub .gnb_1da{color: #272727;}
#hd.sub .gnb_1da:hover{color: #92be11;}

#hd.sub #sitemap .sitemap-btn {}
#hd.sub #sitemap{position:absolute;background:transparent;right:-10px;top:-10px}
#hd.sub #sitemap .sitemap-btn{width: 85px;height: 85px;padding:20px 25px;position:relative;z-index:9999;background: #2a231d;}

/* 공통 */

.sub-wr{padding-top: 85px;}

@media screen and (max-width:960px) {
	.sub-wr{padding-top: 64px;}
}
.sub-cen{width:100%;max-width: 1400px;margin: 0 auto;}


.sub-tabs {width:100%;padding: 20px 20px 0;}
.sub-tabs ul {display:grid;grid-template-columns: repeat(3, 1fr);width: 100%;max-width: 600px;margin: 0 auto;padding: 0 10px;grid-gap: 10px;}
.sub-tabs ul li {display: block;text-align: center;background: #f0f0f0;transition: all 0.3s;} /* width는 탭 수에 따라 조절하세요 */
.sub-tabs ul li a {display: block;font-size: 15px;width:100%;padding: 10px 15px;font-weight: 500;color: #838383;word-break:keep-all;transition: all 0.3s;}
.sub-tabs ul li:hover {background: #92be11;}
.sub-tabs ul li.active {background: #92be11;}
.sub-tabs ul li:hover a {color:#fff;font-size:16px;font-weight:500}
.sub-tabs ul li.active a {color:#fff;font-size:16px;font-weight:500}

.sub-tabs.two {padding: 50px 20px 20px;}
.sub-tabs.two ul{grid-template-columns: repeat(2, 240px);justify-content: center;}

@media screen and (max-width:1024px){	
	.sub-tabs.two ul{grid-template-columns: repeat(2, 200px);}
}

@media screen and (max-width:768px){
	.sub-tabs.two {padding: 40px 20px 20px;}
}

@media screen and (max-width:500px){
	.sub-tabs.two{padding: 30px 0 0;}
	.sub-tabs.two ul{grid-template-columns: repeat(1, 1fr);padding:0;}
	.sub-tabs.two ul li a {font-size: 14px;}
}

/* 아이콘, 텍스트 있는 4개(기본)짜리 리스트 */
.sub-list ul{display: flex; flex-wrap: wrap;}
.sub-list ul li{flex: 1 1 calc(100% / 5 - 15px);text-align: center;padding: 0 10px;position: relative;}
.sub-list ul li .icon{margin-bottom: 20px;}
.sub-list ul li .icon-ttl{font-size: 17px;color: #313131;font-weight: 500;}
.sub-list ul li .icon-txt{font-size: 13px;color: rgba(0,0,0,0.54);font-family: 'Montserrat';font-weight: 500;}
.sub-list ul li .icon-txt .pc-only {display:inline}

@media screen and (max-width: 1024px){
	.sub-list ul li .icon{margin-bottom: 20px;}
	.sub-list ul li .icon-txt{word-break: keep-all;font-size: 16px;line-height: 26px;}
	.sub-list ul li .icon-txt .pc-only {display:none;}
}

@media screen and (max-width: 768px){
	.sub-list ul li {padding: 10px 0;flex: 0 1 calc(100% / 3 - 7px);}
	.sub-list ul li::after{top: 50px}
	.sub-list ul li .icon{width: 80px;height: 80px;margin: 0 auto 10px;}
	.sub-list ul li .icon-ttl{font-size: 16px;}
	.sub-list ul li .icon-txt{font-size: 13px;}
}

@media screen and (max-width: 425px){
	.sub-list ul li {padding: 0px;flex: 0 1 calc(100% / 2 - 5px)}
	.sub-list ul li::after{height: 100%;top:0}
	.sub-list ul li .icon{width: 45px;height: 45px;margin: 0 auto 5px;}
	.sub-list ul li .icon-txt{font-size: 14px;line-height: 24px;}
}

/* 텍스트 */
.sub-ttl{font-size: 35px;font-weight: 700;color: #1a1a1a;text-align: center;}
.sub-txt{font-size: 20px; font-weight: 500; color: rgba(26,26,26,0.71);text-align: center;}
.sub-txt .m-only {display: none;}

@media screen and (max-width: 768px) {
	.sub-ttl{font-size: 20px;}
	.sub-txt{font-size: 16px;}
}

@media screen and (max-width: 500px){
	.sub-ttl{font-size: 16px;}
	.sub-txt{font-size: 14px;}
	.sub-txt .m-only {display: block;}
}

/* 이미지 */
.sub-img {}
.sub-img .m-only{display: none;}

@media screen and (max-width: 768px) {
	.sub-img .pc-only{display: none;}
	.sub-img .m-only{display: block;}
}

/* 박스 */
.sub-bg-wr{padding: 0 0 30px;}
.sub-bg{font-size: 20px;font-weight: 300;padding: 22px 20px;text-align: center;}
.sub-bg.bg01{background: #e7ded1;color: rgba(26, 26, 26, 0.71);font-weight: 500;;}
.sub-bg b{font-weight: 700;}

@media screen and (max-width:1024px){
	.sub-bg-wr{padding: 0 0 40px;}
	.sub-bg{font-size: 16px;padding: 20px;margin-bottom: 10px;word-break: keep-all;}
}

@media screen and (max-width:768px){
	.sub-bg-wr{padding: 0 0 20px;}
	.sub-bg{font-size: 14px;}
}


/* 전화, 주소박스 */
.map-con {padding: 40px 0;background: url('../img/sub/sub-bg-img01.jpg') no-repeat center;background-size: cover;}
.map-con ul {width:100%;justify-content:center;}
.map-con ul li {padding:0 20px;width:50%;display: table;margin:10px 0;transition:all 0.3s;}
.map-con ul li .ic {display:table-cell;vertical-align:middle;width: 105px;height: 105px;border-radius:100%;}
.map-con ul li .ic.ic01 {background:url('../img/sub/map_icon01.png') no-repeat center #574d40;}
.map-con ul li .ic.ic02 {background:url('../img/sub/map_icon02.png') no-repeat center #574d40;}
.map-con ul li .con {display:table-cell;vertical-align: middle;padding-left: 20px;color: #FFF;}
.map-con ul li .con .ttl {display: block;font-size:25px;font-weight:700;}
.map-con ul li .con .txt {display: block;font-size:22px;word-break: keep-all;font-weight: 300;}

@media screen and (max-width: 1024px){
	.map-con{padding: 20px 0;}
	.map-con ul li .ic{width:90px; height:90px;}
	.map-con ul li .con .ttl {font-size:20px;}
	.map-con ul li .con .txt {font-size:16px;}
}

@media screen and (max-width:768px){
	.map-con ul li .ic {display:block;margin:0 auto 10px;width:60px;height:60px;}
	.map-con ul li .ic.ic01 {background-size: 35%}
	.map-con ul li .ic.ic02 {background-size: 35%}
	.map-con ul li .con {display:block;text-align:center;padding: 0;}
	.map-con ul li .con .ttl {width:100%;}
	.map-con ul li .con .txt {width:100%;font-size:14px;padding:10px 0;}
}

@media screen and (max-width:480px){
	.map-con ul li {/* width:100%; */max-width:none;margin:5px 0;}
}


/* visual */
.sub-box01{width: 100%;height: 350px;background-size: cover;position: relative;background: url('../img/sub/sub_box01_img01.jpg') no-repeat center;background-size: cover;}
.sub-box01-content{position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #FFF;}
.sub-title01{display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 30px;line-height: 40px;font-weight: 700;padding: 20px 40px 40px;border-bottom: 1px solid #FFF;}
.sub-title01.title02{
    text-shadow: 1px 1px 5px rgba(0,0,0,0.57);
}
.sub-text01{font-size: 24px;font-weight: 400;padding: 20px;}
.sub-text01.text02{text-shadow: 1px 1px 5px rgb(0 0 0 / 57%);}
.sub-text01 > b{font-weight: 500;}

@media screen and (max-width:1024px) {
	.sub-box01{height: 400px;}
	.sub-title01{font-size: 30px;line-height: 30px;padding: 15px 30px;}
	.sub-text01{font-size: 20px;padding: 15px;}
}

@media screen and (max-width: 768px) {
	.sub-box01{height: 250px;}
	.sub-title01{font-size: 20px;line-height: 26px;padding: 10px 30px;}
	.sub-text01{font-size: 16px;padding: 10px;}
}

@media screen and (max-width:500px) {
	.sub-tabs{padding: 20px 10px 0}
	.sub-tabs ul {grid-template-columns : 1fr;grid-gap: 5px;}
	.sub-tabs ul li a{padding:10px;}
	
	.sub-box01{height: 200px;}
	.sub-box01-content{max-width:250px;width:100%;}
	.sub-title01{font-size: 20px;}
	.sub-text01{font-size: 15px;padding: 5px;}
}

/* contents */
.sub-content01{width: 100%;height: 100%;background: url('../img/sub/sub_content01_bg.jpg') no-repeat center;background-size: cover;}

.int-top{display: flex;flex-flow: row-reverse;justify-content: space-between;align-items: center;padding: 70px 0;}
.int-con{padding: 20px 50px;flex: 1 1 40%;}
.int-top .int-img{flex: 1 1 40%;}
.int-con .ttl{font-size: 26px;font-weight: 500;color: #FFF;}
.int-con .ttl > span{color: #92be11;font-family: 700;}
.int-con .txt{padding: 50px 0;color: rgba(255, 255, 255, 0.8);font-size: 16px;line-height: 30px;font-weight: 400;word-break:keep-all;}

.int-mid{display: flex;}
.int-mid .int-img{flex: 1 1 10%}
.int-con .sign{display: inline-block; color:rgba(255, 255, 255, 0.8);padding-right: 10px;}

@media screen and (max-width:1280px) {
	.int-con .ttl{font-size: 24px;}
	.int-con .txt{line-height:26px;padding: 20px 0;}
	.int-con .txt br.pc-only {display:none;}
}

@media screen and (max-width:1024px) {
	.int-con{padding: 20px 50px}
}

@media screen and (max-width: 960px) {
	.int-con .ttl{font-size: 20px;}
	.int-con .txt br.pc-only {display:none;}
}

@media screen and (max-width: 768px) {
	.int-top {flex-direction: column;padding: 30px 0 0px;grid-gap: 30px;}
	.int-top .int-img{flex: 1 1 100%;background: url('../img/sub/int_img01.jpg') no-repeat center; background-size: cover !important;}
	.int-top .int-img > img {height: auto;width: 100%;}

	.int-con {padding: 0 40px;}
	.int-con .txt {padding: 20px 0 0}
	.int-mid .int-img {display:none;}
}

@media screen and (max-width: 500px){
	.int-top .int-img > img {}

	.int-con {padding:0 20px;}
	.int-con .ttl {font-size: 16px;}
	.int-con .txt {font-size: 14px;line-height:24px}
	.int-con .txt > br {display:none;}
	.int-con .txt .mo-only {display:block}
}

.int-bot{padding: 80px 0px 160px;}
.int-bot-head{text-align: center;color: #FFF;padding: 0 50px 60px 50px;}
.int-bot-head .ttl{font-size: 34px;padding-bottom: 10px;}
.int-bot-head .ttl > span{color: #92be11;font-weight: 700;}
.int-bot-head .txt{font-size: 16px;color: #cecece;}

@media screen and (max-width: 1024px){
	.int-bot{padding: 0 0 60px;}
	.int-bot-head {padding: 50px 20px}
	.int-bot-head .ttl {font-size: 30px;}
	.int-bot-head .txt {font-size: 15px;}
}

@media screen and (max-width: 768px){
	.int-bot-head {padding: 40px 10px;}
	.int-bot-head .ttl {font-size: 24px;}
	.int-bot-head .txt {font-size: 14px;}
}

@media screen and (max-width: 500px){
	.int-bot-head .ttl {font-size: 20px;}
	.int-bot-head .ttl .mo-only {display: block;}
	.int-bot-head .txt {font-size: 14px;}
}

@media screen and (max-width: 425px){
	.int-bot-head .ttl {font-size: 20px;}
	.int-bot-head .txt {font-size: 13px;}
}

.int-bot-body{}
.int-slide-wr{position: relative;}
.int-slide{overflow: hidden;position: relative;}

.int-slide-arrow {display: flex;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);grid-gap: 580px;}
.int-slide-arrow .prev{width: 26px;height: 47px;}
.int-slide-arrow .next{width: 26px;height: 47px;}

.int-slide .slick-track {display: flex;grid-gap: 0px;justify-content: center;}
.int-slide .slick-track .slick-slide {margin:0 40px;}
.int-slide .slick-track .slick-active{position: relative;}
.int-slide .slick-track .slick-active .int-slide-con::after {display: flex;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.int-slide-con{position: relative;background-size: contain;height: 400px;}
.int-slide-con.img01{background: url('../img/sub/sub_slide01_img01.jpg') no-repeat center;}
.int-slide-con.img02{background: url('../img/sub/sub_slide01_img02.jpg') no-repeat center;}
.int-slide-con.img03{background: url('../img/sub/sub_slide01_img03.jpg') no-repeat center;}
.int-slide-con.img04{background: url('../img/sub/sub_slide01_img04.jpg') no-repeat center;}
.int-slide-con.img05{background: url('../img/sub/sub_slide01_img05.jpg') no-repeat center;}
.int-slide-con .text{background: #FFF;position: absolute;padding: 40px 30px;width: 100%;max-width: 420px;bottom: 0;right: 0;}
.int-slide-con .text .ttl{color: #393939;font-size: 15px;font-weight: 700;padding-bottom: 5px;}
.int-slide-con .text .txt{color: #727272;font-size: 18px;font-weight: 400;}

@media screen and (max-width: 1440px){
	.int-slide-arrow {grid-gap: 450px}
}

@media screen and (max-width: 1280px){
	.int-slide-arrow {grid-gap: 400px}
}

@media screen and (max-width: 960px){
	.int-slide-arrow {grid-gap: 0; width:100%;justify-content: space-between;padding: 0 20px}
}

@media screen and (max-width: 768px){
	.int-slide-con {height:400px;}
	.int-slide-con .text {padding:20px 15px}
	.int-slide-con .text .ttl{font-size: 14px;}
	.int-slide-con .text .txt{font-size: 15px;}

	.int-slide .slick-track .slick-slide {margin: 0 30px;}
}

@media screen and (max-width: 640px){
	.int-slide .slick-track .slick-slide {margin: 0 10px;}
}

@media screen and (max-width: 500px){
	.int-slide-con {height:250px}
}

/* sub1_2 조직도 */
.sub-box01.img02{background:url('../img/sub/sub_box01_img02.jpg') no-repeat center}
.sub-content01.img02{background: #f8f8f8;position: relative;text-align: center;padding: 100px 20px;}
.sub-content01.bgtxt{background: url('../img/sub/org_bgtxt.jpg') no-repeat right;background-size: contain;}
.sub-content01.bgtxt .mo-only {display: none;}
.sub-content01 .img-wr{overflow-x: scroll;}
.sub-content01.bgtxt .img-wr img {min-width: 400px;margin:0 auto}

@media screen and (max-width:768px) {
	.sub-content01.img02{padding:20px}
	.sub-content01.bgtxt .pc-only {display: none;}
	.sub-content01.bgtxt .mo-only {display: block;}
	
}

/* sub1_3 연혁 */
.sub-box01.img03{background: url('../img/sub/sub_box01_img03.jpg') no-repeat center;height: 225px;}
.sub-box01.img03 .sub-title01 {border-top: 1px solid #FFF;}

.history{padding: 70px 0;display: flex;}
.his-img{flex:1 1 40%}
.his-con{flex:1 1 40%;padding: 35px 80px;}
.his-ttl{padding-bottom: 30px;}
.his-text{position:relative;}
.his-text:after{display:block;content:'';width:100%;height:1px;background: rgba(255, 255, 255, 0.25);position:absolute; bottom: -50px; left:-30%}
.his-text .year{font-size: 15px;font-weight: 400;color: #a1a1a1;padding-bottom: 10px;}
.his-text .txt{font-size: 20px;font-weight: 400;color: #f3f3f3;}

@media screen and (max-width: 1280px) {
	.history{padding:40px 0}
	.sub-box01.img03 .sub-title01 {font-size: 30px;padding: 15px 20px;}
	.his-img{flex:1 1 50%}
	.his-con{flex:1 1 50%;padding: 20px 60px;}
	.his-text:after{left: -60px;bottom: -30px;}
}

@media screen and (max-width: 1024px) {
	.his-img{flex:1 1 40%}
	.his-con{flex:1 1 60%;padding: 0px 40px;}
	.his-ttl{padding-bottom: 20px;width: 230px;}
	.his-text .year{font-size: 14px;}
	.his-text .txt{font-size: 18px;}
}

@media screen and (max-width:960px) {
	.sub-box01.img03 .sub-title01 {font-size: 26px;}
}

@media screen and (max-width: 768px) {
	.sub-box01.img03 {height: 200px;}
	.sub-box01.img03 .sub-title01 {font-size: 20px;}

	.history {flex-direction: column; }
	.his-img{flex: 1 1 100%;width: 100%;}
	.his-con{flex:1 1 100%;padding: 20px 40px;}
	.his-ttl{padding-bottom: 10px;width: 200px;}
	.his-text .year{font-size: 14px;}
	.his-text .txt{font-size: 16px;padding-bottom: 20px;}
	.his-text:after {left:0;bottom: 0px;}
}

@media screen and (max-width: 500px){
	.history{padding: 30px 0;}
	.his-con{padding:20px;}
}


.sub-content02{padding: 70px 0;}
.his-ttl02{text-align: center;padding-right: 20px;padding-bottom: 40px;}
.his-wr{display: flex;}
.his-img02{flex: 1 1 40%;}

.his-con02{flex: 1 1 70%;padding: 0 40px;}
.his-con02 ul{padding: 10px 0;}
.his-con02 ul li{padding: 15px 25px 25px;border-bottom: 1px solid #bfbfbf;}
.his-con02 ul li .year{font-size: 18px;color: #828282;font-weight: 400;padding-bottom: 10px;}
.his-con02 ul li .txt{font-size: 20px;font-weight: 400;color: #2d2d2d;}

@media screen and (max-width: 768px) {
	.sub-content02{padding: 40px 0;}
	.his-ttl02{padding: 0 0 40px}

	.his-img02{flex: 1 1 30%;}
	.his-con02{flex: 1 1 70%;padding: 0 20px;}

	.his-con02 ul{padding:0;}
	.his-con02 ul li{padding: 10px 0px;}
	.his-con02 ul li .year{font-size: 14px;padding-bottom: 5px;}
	.his-con02 ul li .txt{font-size: 16px;}
}

@media screen and (max-width: 600px) {
	.his-ttl02 {padding: 0 0 20px}
	.his-ttl02 > img {width:200px;}
	
	.his-img02{flex: 1 1 35%;}
	.his-con02{flex: 1 1 65%;}
	.his-con02 ul li {padding:5px 0;}
	.his-con02 ul li .year{font-size: 13px;}
	.his-con02 ul li .txt{font-size: 14px;}
}

@media screen and (max-width: 500px) {
	.his-img02{display:none;}
}

/* sub1_4 찾아오시는 길 */
.loca{flex-direction: row;padding-left: 240px;position: relative;}

.loca-map-wr{flex: 1 1 50%;overflow: hidden;}
.loca-text{padding-top: 110px;position: relative;font-size: 26px;color: #000000;float: left;width: 140px;}
.loca-text:before{display:block;content:'';width: 25px;height: 90px;background: #aca096;position:absolute;top:0;}
.loca-text ul{writing-mode:vertical-lr;}
.loca-text ul li{padding-right: 5px;border-right: 1px solid #c7c7c7;font-weight: 500;}
.loca-text ul li:nth-child(2){padding-left: 5px;}
.loca-text ul li:nth-child(3){padding-left: 5px;}

.loca-map{float: left;width: calc(100% - 140px);padding: 110px 30px 50px;}
.loca-map .map-wr{padding-bottom:50px}
.loca-map .ttl{font-size: 20px;color: #3b3b3b;font-weight: 500;padding-bottom: 20px;border-bottom: 1px solid #bbbbbb;}
.loca-map .text{padding-top: 10px;line-height: 35px;}
.loca-map .text > span{padding-right: 10px}

.loca-aside{flex: 1 1 40%;background: url('../img/sub/locaion_bg.jpg') no-repeat center;background-size: cover;}
.loca-con{
    display: flex;
    flex-direction: column;
}
.loca-con .text{padding: 10%;margin: 0 auto;width: 100%;}
.loca-con .text > img{padding-bottom: 20px;}
.loca-con .text .ttl{color: #FFF;font-size: 17px;line-height: 37px;}
.loca-con .img{padding: 30px 20px 40px;text-align: center;}

@media screen and (max-width:1660px) {
  .loca{padding-left: 50px;}
}

@media screen and (max-width:1280px){
	.loca{padding-left: 20px;}
	.loca-text{font-size: 20px;width: 100%;padding-top: 70px;}
	.loca-text:before{height: 60px;width: 20px;}
	.loca-map{padding: 30px;width: 100%;}
	.loca-map .map-wr{padding-bottom: 30px;}
}

@media screen and (max-width:1024px){
	.loca{padding:0;}
	.loca-aside{flex:1 1 100%;}
	.loca-text{padding-top:10px;}
	.loca-text::before{display:none;}
	.loca-text ul{writing-mode: vertical-rl;float: right;padding:0 20px;}
	.loca-text ul li{padding:0 3px;letter-spacing: -3px;}

	
	.loca-map .root_daum_roughmap .wrap_map{height: 350px !important;}
}

@media screen and (max-width: 768px){
	
	.loca-text{font-size:16px;}
	.loca-map{padding: 15px 15px 40px;}
	.loca-map .ttl{font-size: 16px;padding-bottom: 10px}
	.loca-map .root_daum_roughmap .wrap_map{height: 300px !important}

	.loca-con{flex-direction:column-reverse;}
	.loca-con .text{padding: 0 10% 20px;}
	.loca-con .text > img{width: 40%;display: none;padding: 0 0 30px;}
	.loca-con .text .ttl {font-size: 18px;line-height: 36px;}
	.loca-con .img{padding: 50px 20px 20px;/* width: 600px; */margin: 0 auto;}
}

@media screen and (max-width: 500px){
	.loca-map .root_daum_roughmap .wrap_map{height: 250px !important}

	.loca-con .text{padding:15px}
	.loca-con .text > img{padding:0 0 20px;}
	.loca-con .text .ttl {font-size: 14px;line-height: 24px;}

	.loca-con .img{padding:20px;}
}

/* sub1_5 둘러보기 */
.sub-box01.img11{width: 100%;background-size: cover;position: relative;background: url('../img/sub/sub_box01_img11.jpg') no-repeat center;background-size: cover;}
.around-top{display: flex;flex-flow: row-reverse;justify-content: space-between;align-items: center;padding: 70px 0;}
.around-con{padding: 20px 0px 20px 90px;flex: 1 1 40%;}
.around-top .around-img{flex: 1 1 40%;}
.around-con .ttl{font-size: 25px;font-weight: 500;color: #2b2b2b;padding: 0 0 40px;position: relative;}
.around-con .ttl::after{display: block;content: ''; width: 50px;height: 1px;background: #000000;position: absolute;left: 0; bottom: 0;}
.around-con .ttl span{color: #2b2b2b;font-weight: 700;}
.around-con .txt{padding: 50px 0;color: rgba(43, 43, 43, 0.8);font-size: 16px;line-height: 30px;font-weight: 400;word-break:keep-all;}

.around-mid{display: flex;}
.around-mid .around-img{flex: 1 1 20%;}

.around-con .list{padding: 50px 0px;}
.around-con .list:first-child{border-bottom: 1px solid #d6d6d6;}
.around-con .list-ttl{font-size: 25px;padding: 0 0 10px;}
.around-con .list-ttl b{color: #2b2b2b; font-weight: 700;}
.around-con .list-txt{font-size: 16px; color: #2b2b2b;}

.around-bot .around-img{padding: 80px 0; gap: 30px;}
.around-bot .around-img .img{flex: 1 1 calc(100% / 2 - 15px);}

@media screen and (max-width:1280px) {
	.sub-box01.visu01-5{height: 500px;}
	.around-con .ttl{font-size: 24px;}
	.around-con .txt{line-height:26px;padding: 20px 0;}
	.around-con .txt br.pc-only {display:none;}
}

@media screen and (max-width:1024px) {
	.sub-box01.visu01-5{height: 400px;}
	.around-con{padding: 20px 50px}

	.around-bot .around-img{padding: 70px 0; gap: 20px;}
}

@media screen and (max-width: 960px) {
	.around-con .ttl{font-size: 20px;}
	.around-con .txt br.pc-only {display:none;}
}

@media screen and (max-width: 768px) {
	.sub-box01.visu01-5{height: 300px;}
	.around-top {flex-direction: column;padding: 30px 0;grid-gap: 30px;}
	.around-top .around-img{flex: 1 1 100%;background: url('../img/sub/around_img01.jpg') no-repeat center; background-size: cover !important;}
	.around-top .around-img > img {height: auto;width: 100%;}

	.around-con {padding: 0 40px;}
	.around-con .txt {padding: 20px 0 0}

	.around-mid {flex-direction: column;}
	.around-mid .around-img{text-align: center;}
	.around-con .list{padding: 30px 0px;}
	.around-con .list-ttl {font-size:20px;}

	.around-bot .around-img{padding: 30px 0;gap: 10px;}

}

@media screen and (max-width: 500px){
	.sub-box01.visu01-5{height: 250px;}

	.around-con {padding:0 20px;}
	.around-con .ttl {font-size: 16px;}
	.around-con .txt {font-size: 14px;line-height:24px}
	.around-con .txt > br {display:none;}
	.around-con .txt .mo-only {display:block}

	.around-con .list{padding: 20px 0px;}
	.around-con .list-ttl{font-size: 16px;padding: 0 0 5px;}
	.around-con .list-txt{font-size: 14px;}
}

/* sub1_5_2 미팅룸 */
.meeting{padding: 0px 10px;}
.meeting-top{}
.meeting-top ul{display: flex;flex-wrap: wrap;gap: 28px;padding: 50px 0;}
.meeting-top ul li{position: relative;flex: 1 1 calc(50% - 14px);}
.meeting-top ul li .caption{position: absolute;min-width: 80px;height: 80px;text-align: center;background: rgba(0,0,0,0.33);color: rgba(255,255,255,0.8);border: 1px solid #FFF;font-size: 15px;border-radius: 100%;padding: 0px 30px;top: 30px;left: 30px;display: flex;justify-content: center;align-items: center;}
.meeting-top ul li .caption.b{background: rgba(0,0,0,0.66);}

.meeting-top .meeting-con {}

.meeting-ttl{display: inline-block;font-size: 25px; font-weight: 700; color: rgba(43, 43, 43, 0.8);position: relative;padding: 0 0 33px;margin-bottom: 40px;;}
.meeting-ttl::after{display: block;content: '';width: 66px; height:1px; background: #000;position: absolute;bottom: 0;left: 0;}
.meeting-txt{font-size: 16px; color: rgba(43,43,43,0.8);padding: 0 0 50px;}

.meeting-mid .ttl {font-size: 17px;font-weight: 700;color: rgba(43,43,43,0.8);padding: 0 0 50px;}

.meeting-bg{background: url('../img/sub/meeting-bg.png') no-repeat 50%, #92be0e;padding: 45px 100px;margin: 30px 0;}
.meeting-bg.bg02{background: url('../img/sub/meeting-bg02.png') no-repeat 10%, #2a231d;padding: 45px 100px;}
.meeting-bg p{padding-bottom: 10px;}
.meeting-bg p b{font-size: 15px; font-weight: 700; color: rgba(255, 255, 255, 0.71);}

@media screen and (max-width:1024px){
	.meeting-top ul{padding: 30px 0px;gap: 20px}
	.meeting-top ul li{flex: 1 1 calc(50% - 10px)}
	.meeting-top ul li .caption{top: 20px;left: 20px;min-width: 60px;height: 60px;padding:10px;font-size: 14px;}

	.meeting-ttl{font-size:24px;padding: 0 0 20px;margin: 0 0 20px;}
	.meeting-txt{padding:0 0 30px;}

	.meeting-mid .ttl{padding: 0 0 20px;}

	.meeting-bg{padding:30px 50px;}
	.meeting-bg.bg02{padding:30px 50px;}
	.meeting-bg p{padding-bottom: 10px;}
	.meeting-bg p b{font-size:14px;}
}

@media screen and (max-width:768px){
	.meeting-top ul{padding: 30px 0px;gap: 10px}
	.meeting-top ul li{flex: 1 1 calc(50% - 5px)}
	.meeting-top ul li .caption{top:10px;left:10px; min-width:50px;height:50px; padding: 5px;}

	.meeting-ttl{font-size: 20px;}
	.meeting-txt{font-size: 14px;}

	.meeting-mid .ttl{text-align: center;font-size: 16px;}

	.meeting-bg{padding:20px;}
	.meeting-bg.bg02{padding:20px;}
}

@media screen and (max-width: 425px){
	.meeting-top ul{gap: 5px;padding: 30px 0 20px;}
	.meeting-top ul li{flex: 1 1 100%}
	.meeting-top ul li .caption{min-width:30px;height:30px;font-size: 13px;}

	.meeting-ttl{font-size: 16px;padding: 0 0 10px;margin: 0 0 10px;}
	.meeting-ttl::after{width:40px;}

}

/* sub1_6 이용안내 */
.sub-box01.img10 {background:url('../img/sub/sub_box01_img10.jpg') no-repeat center}

/* 쇼핑몰 아이템 폼 */
.guide{padding: 70px 0;}
.guide-ttl{font-size: 25px;font-weight: 700;color: #000;}
.guide-ttl span{padding-left: 10px;font-size: 16px; color: rgba(0, 0, 0, 0.3);}
.guide-txt{font-size: 16px;font-weight: 400;color: rgba(0, 0, 0, 0.8);padding: 30px 0;}

.guide-items{display: flex;flex-wrap: wrap;gap: 20px;padding: 0 0 30px;}
.guide-item{flex: 1 1 calc(100% / 3 - 15px);}
.guide-item-img{width:100%;text-align: center;}
.guide-item-text .ttl{padding: 30px 0;font-size: 20px;color: #1a1a1a;font-weight: 700;text-align: center;border-bottom: 1px solid #cacaca;}

.guide-bg01{padding: 45px 20px;text-align: center;font-size: 16px;color: rgba(0, 0, 0, 0.8);background: #f7f7f7;}

.guide-bg02{background: url('../img/sub/guide_bg02.jpg') no-repeat right;background-size: cover;padding: 50px 100px;}
.guide-bg02 ul{display:inline-block}
.guide-bg02 ul li{font-size: 16px;color: #ffffff;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
.guide-bg02 ul li:last-child{border:0px;}

.guide-bg03{background: url('../img/sub/guide_bg03.jpg') no-repeat right;background-size: cover;padding: 70px 60px;color: #FFF;}
.guide-bg03 p{color: rgba(255, 255, 255, 0.73);padding-bottom: 15px;}
.guide-bg03 p b{}

@media screen and (max-width: 1440px){
	.guide-ttl{padding:0 20px;}
	.guide-txt{padding: 20px}
}

@media screen and (max-width: 1024px){
	.guide-bg02{background: url('../img/sub/guide_bg02.jpg') no-repeat 80%;background-size: cover;padding: 50px;}
	.guide-item-text{padding: 20px 10px;}

	.guide-bg03{background: url('../img/sub/guide_bg03.jpg') no-repeat right;background-size: cover;padding: 50px;}
}

@media screen and (max-width: 768px){
	.guide{padding: 50px 0;}
	.guide-ttl {font-size: 20px;}
	.guide-ttl span{font-size: 14px;}
	.guide-txt {font-size: 14px;}
	.guide-txt .pc-only {display:none;}
	
	.guide-items{gap:10px;padding: 0 0 20px;}
	.guide-item-text{padding: 15px 0;}
	.guide-item-text .ttl{font-size: 16px;padding: 0 0 10px;border-bottom: 0;}
	.guide-item-text .txt{font-size: 14px;padding: 0 0 10px;}

	.guide-bg01{padding: 20px;font-size: 14px;}
	.guide-bg01 .pc-only{display:none;}
	
	.guide-bg02{background: url('../img/sub/guide_bg02.jpg') no-repeat center;font-size: 14px;padding: 30px;}
	.guide-bg02 ul li{padding: 10px 0;}
	.guide-bg03{padding: 30px;}
	.guide-bg03 p{font-size: 14px;padding:0 0 10px}
}

@media screen and (max-width: 500px){
	.guide-item{flex: 1 1 100%;}
	.guide-item-img img{width:100%}

	.guide-bg02{padding: 20px;background: url('../img/sub/guide_bg02.jpg') no-repeat left;}
	.guide-bg02 ul li{font-size: 14px;padding: 10px 0 ;}
	.guide-bg03{background: url('../img/sub/guide_bg03.jpg') no-repeat center;background-size: cover;padding: 20px;font-size:14px;}
}

/* sub2_1 실속형도시락 */

.mission {display: flex;flex-wrap: wrap;gap: 35px;justify-content: center;}
.mission li{width: 245px;height:245px;display: table;padding: 85px 45px;font-size: 16px;font-weight: 300;color: #f0f0f0;border-radius: 100%;background: rgba(40, 34, 29, 0.33);text-align: center;}
.mission li > div {display: table-cell;vertical-align: middle;}

@media screen and (max-width: 1440px){
	.mission {gap: 20px;max-width:768px;margin:0 auto;}
	.mission li{padding: 40px;width: 210px;height: 210px;}
}

@media screen and (max-width: 768px){
	.mission {max-width:500px;padding: 10px;gap: 15px;}
	.mission li{width:calc(100% / 3 - 14px);height:auto;padding: 40px 10px;font-size: 14px;border-radius: unset;}
}

@media screen and (max-width: 500px){
	.mission {gap: 10px;}
	.mission li{width: 100%;height:auto;padding: 20px 10px;font-size: 14px;border-radius: unset;}
}


/* 공통 */
.sort{padding: 5px 15px;color: #FFF;font-size: 15px;display: inline-block;}
.sort.st01{background: #352620;}
.sort.st02{background: #eb6504;}

.sort.hot{background: #76990f;margin: 0 7px 0 0;}
.sort.prereserve{background: #ffa02d;}

@media screen and (max-width: 1440px){
	.sort{padding: 5px 10px;}
}

@media screen and (max-width: 1024px){
	.sort{padding: 3px 8px;font-size: 13px;}
	.sort.hot{margin-right: 5px}
}

@media screen and (max-width: 768px){
	.sort{padding: 3px 5px;font-size: 12px;}
}

.sub-box01.img04{background: url('../img/sub/sub_box01_img04.jpg') no-repeat center;height: 300px;}
.sub-text01.type02{font-size: 17px;color: rgba(255, 255, 255, 0.7);font-weight: 700;letter-spacing: 8px;}

@media screen and (max-width: 1024px){
	.sub-box01.img04{height:250px;}
}

@media screen and (max-width: 768px){
	.sub-box01.img04{height:200px;}
	.sub-text01.type02{letter-spacing: 3px;font-size: 14px;letter-spacing: 0px;}
}

.product-wr{justify-content: center;grid-gap: 40px;align-items: center;padding: 50px 0;}
.product-intro{background: url('../img/sub/sub2_1_bg.jpg') no-repeat center;background-size: cover;align-items: center;height: 120px;padding: 0 100px;}
.product-intro > img{height: 100%;max-width: 740px;}
.product-intro .ttl{color: rgba(49, 49, 49, 0.9);font-size: 20px;font-weight: 700;position: relative;padding: 0 80px 0 100px;}
.product-intro .ttl:after{display:block;content:'';width:240px;height:18px;background:url('../img/sub/sub_arrow.png') no-repeat center;background-size: contain;}
.product-intro .txt{font-size: 15px;color: #313131;font-weight: 500;line-height: 25px;word-break: keep-all;}

.product{padding-top: 30px;grid-gap: 30px;}
.product li{flex: 0 1 calc(100% / 3 - 20px);position:relative}
.product li:hover .ingre{font-size: 13px;}
.product li:after{display:block;content:'';width:90%;height:5px;background:#f5f4f2;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}

.product .ingredient{display: block;padding: 10px 20px;cursor: pointer;}
.product .img{text-align: center;}
.product .img img{width:100%}

.product .con{display: flex;padding: 20px 20px 10px;align-items: flex-start;justify-content: space-around;}
.product .con-left{width: calc(100% - 80px);}
.product .con-left > p{font-size:20px;color: #272727;padding-bottom: 10px;font-weight: 500;}
.product .con-left .add{display: block;font-weight: 500;}
.product .con-left .add > span:first-child {margin-right:7px}
.product .con-left .add .info{font-size: 15px;font-weight: 700;color: #b01919;padding: 5px 0;width: 100%;}

.product .con-right{width: 82px;}
.product .con-right>p{font-size:20px;font-weight: 700;color:#272727}

.product .con.type2{padding: 10px 10px 0}
.product .con.type2:nth-child(3){padding-top:0;}
.product .con.type2 .con-left > p {padding-bottom: 0}

@media screen and (max-width: 1400px){
	.product .con{padding: 10px 0 15px}
	.product-intro{padding: 0 50px}
	.product-intro > img {width:auto;height:100%}
	.product-intro .ttl{padding:0 20px}
	
	.product{grid-gap:0;}
	.product li{padding:10px;flex: 0 1 calc(100% / 3);}
}

@media screen and (max-width: 1024px){
	.product .con-left{width: calc(100% - 60px);}
	.product .con-left > p{font-size: 16px;color: #272727;padding-bottom: 10px;}
	.product .con-left .add{display: block;font-weight: 500;}
	.product .con-left .add > span:first-child {margin-right:5px}

	.product .con-right{width: 60px;}
	.product .con-right>p{font-size: 15px;font-weight:500;color:#272727}
}

@media screen and (max-width: 960px){
	.product-intro{padding: 0 20px}
	.product-intro > img {width:140px;height:100%}
	.product-intro .ttl{font-size:18px;padding:20px }
	.product-intro .ttl:after{width: 190px;}
}

@media screen and (max-width: 768px){
	.product-wr{padding-top:0}
	.product li{flex:0 1 50%;}
	.product-intro{flex-direction:column;height: auto;align-items: normal;background: #e8e2da;padding: 0 50px 20px;}
	.product-intro > img {display:none;}
	.product-intro .ttl{padding: 20px 0;}
	.product-intro .txt{padding: 0}

	.product .ingredient {padding:10px}
	.product .con-left > p{font-size: 16px;padding-bottom: 5px;}
	.product .con-left .add .info{font-size: 14px;}
	.product .con-left .add .pc-only{display: none;}

	.product .con-right{width:auto}
	
}

@media screen and (max-width: 640px){
	.product .con{flex-direction:column;}
	.product .con-left{width:100%;padding:5px;}
	.product .con-right{width:100%;}
  .product .con-right>p{padding:0 5px}
}

@media screen and (max-width: 500px){
	.product .ingredient {padding:0px}
	.product-intro{padding:0 20px 20px}
	.product-intro .ttl{font-size:16px;}
	.product-intro .txt{font-size:14px;}
	.product .con-left .add .info{font-weight:500;}
	.product .con-left .add > span:first-child{margin-right: 3px;}
	.product .con-left .add > span:nth-child(2){margin-right: 3px;}
}

/* sub2_2 프리미엄 도시락 */
.sub-box01.img05{background: url('../img/sub/sub_box01_img05.jpg') no-repeat center;height:300px}
.sub-box01.img05 .sub-title01 > img{margin-top: -10px;padding: 0 10px;}

@media screen and (max-width:768px){
	.sub-box01.img05{height:250px}
	.sub-box01.img05 .sub-title01 > img{width:50px}
}

@media screen and (max-width:500px){
	.sub-box01.img05{height:200px}
}

/* sub2_3 쉐프 스페셜 */
.sub-box01.img06{background: url('../img/sub/sub_box01_img06.jpg') no-repeat center;max-height: 300px;}
.ingre{font-size: 0px;padding: 0 10px;}

@media screen and (max-width:1024px){
	.ingre{padding:0;}
}

@media screen and (max-width:768px){
	.ingre{font-size:14px;}
}

/* sub2_4_1 샐러드 샌드위치 */
.sub-box01.img07{background: url('../img/sub/sub_box01_img07.jpg') no-repeat center;height: 300px;}

.salad-intro{background: url('../img/sub/sub2_4_1.jpg') no-repeat center;background-size: cover;display: flex;align-items: stretch;flex-wrap: wrap;}

.salad-intro .sub-list{padding: 50px 0 30px;}

.salad-box--left{width: 70%;padding: 30px 40px;position: relative;}
.salad-box--left .title{padding: 15px 0;border-bottom:1px solid #c1bbb4}
.salad-box--left .title p{font-size: 24px;color: #5b5b5b;font-weight: 400;display: inline-block;padding-right: 20px;}
.salad-box--left .title span{font-size: 15px;color: rgba(65,65,65,0.65);display: inline-block;}

.salad-box--right{width: 30%;background: rgba(0,0,0,0.33);padding: 32px 44px;}
.salad-box--right .title{font-size: 24px;color: #FFF;padding: 10px;border-bottom: 1px solid #c1bbb4;}
.salad-box--right .title b{font-weight: 900;}
.salad-box--right ul{display: flex;flex-direction: column;}
.salad-box--right ul li{overflow:hidden;padding: 10px 0;}
.salad-box--right ul li:last-child{border-bottom: 0px;}
.salad-box--right ul li .icon{float:left;width: 85px;}

.salad-box--right ul li .text{float:left;width:calc(100% - 95px);height: 100%;padding:10px 20px;color:#FFF}
.salad-box--right ul li .text .ttl{font-size:17px;padding:0 0 5px}
.salad-box--right ul li .text .txt{font-size:13px;color:rgba(255,255,255,.57)}

.salad.sub-tabs{padding: 50px 0 0;}

@media screen and (max-width:1024px) {
	.salad-box--left{width:100%;padding: 20px;}
	.salad-intro .sub-list {padding: 20px 0}
	.salad-box--right{width: 100%;padding: 20px;}
	.salad-box--right .title .pc-only{display:none;}
	.salad-box--right ul{flex-direction: row;gap:10px;padding: 10px 0;}
	.salad-box--right ul li{width:calc(100% / 2 - 5px)}
}

@media screen and (max-width:768px){
	.sub-box01.img07{height:250px;}
	.salad-intro .sub-list{padding: 15px 0 0;}
	.salad-box--right .title{font-size: 18px;}
	.salad-box--left .title p{font-size: 18px;padding-right: 10px;}
	.salad-box--left .title span{font-size: 13px;}

	.salad-box--right ul li .icon{width: 60px}
	.salad-box--right ul li .text{padding: 5px 20px;width: calc(100% - 60px);}
	.salad-box--right ul li .text .ttl{font-size: 16px;padding: 0;}
}

@media screen and (max-width:500px){
	.sub-box01.img07{height:200px;}
	
}

@media screen and (max-width:425px){
	.salad-box--left{padding: 20px;}
	.salad-box--left .title p{font-size: 16px;color:#000}
	
	.salad-box--right .title{font-size: 16px}
	.salad-box--right ul{flex-direction: column;gap:0;}
	.salad-box--right ul li {width: 100%}
	.salad-box--right ul li .icon{width: 45px}
}


/* sub2_5 커피앤 드링크 */
.sub-box01.img08{background: url('../img/sub/sub_box01_img08.jpg') no-repeat center;max-height:300px;}

.coffee{padding:30px 0}
.coffee-list{width: 100%;height: 100%;overflow: hidden;display: flex;padding: 0 0 30px;position:relative;}

.coffee-img{float: left;max-width: 680px;display: table-cell;background-size: cover;height: 200px;width: 100%;}
.coffee-img.img01{background: url('../img/sub/sub2_5_img01.jpg') no-repeat center;}
.coffee-img.img02{background: url('../img/sub/sub2_5_img02.jpg') no-repeat center;}
.coffee-img.img03{background: url('../img/sub/sub2_5_img03.jpg') no-repeat center;}
.coffee-img.img04{background: url('../img/sub/sub2_5_img04.jpg') no-repeat center;}
.coffee-img.img05{background: url('../img/sub/sub2_5_img05.jpg') no-repeat center;}
.coffee-img.img06{background: url('../img/sub/sub2_5_img06.jpg') no-repeat center;}
.coffee-img.img07{background: url('../img/sub/sub2_5_img07.jpg') no-repeat center;}

.coffee-price{float: left;display: table-cell;margin: 0 0 0 50px;overflow: hidden;height: 100%;width: 100%;min-height: 200px;border-bottom: 5px solid #f5f4f2;}
.coffee-ttl{float:left;width: 160px;font-size: 22px;color: #272727;font-weight: 900;position: relative;padding: 0 0 20px;letter-spacing: 0.3px;}
.coffee-ttl::after{display: block;content: '';width:30px;height: 5px;background: #633511;position: absolute;bottom: 0;left: 0;}
.coffee-con{float:left;}

.tb-01{padding: 0 20px;text-align: center;overflow-x: scroll;position: relative;}
.tb-01{-ms-overflow-style:none;scrollbar-width:none}
.tb-01::-webkit-scrollbar{display:none}
.scrollBar::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);}
.tb-01 table{display: block;min-width:400px;}
.tb-01 thead tr{}
.tb-01 thead tr th{padding: 0 5px;}
.tb-01 thead tr th.brown{color: #633511 !important;width: 100px !important;}
.tb-01 thead tr th:first-child{width: 100px;text-align: left;}
.tb-01 thead tr th:nth-child(2){width: 50px;color: #89a730; font-weight: 900;letter-spacing: 0.3px;}
.tb-01 thead tr th:nth-child(3){width: 50px;color: #633511; font-weight: 900;letter-spacing: 0.3px;}
.tb-01 thead tr th:nth-child(4){width: 140px;text-align: left;}
.tb-01 thead tr th:nth-child(5){width: 50px;color: #89a730;font-weight: 900;letter-spacing: 0.3px;}
.tb-01 thead tr th:nth-child(6){width: 50px;color: #633511;font-weight: 900;letter-spacing: 0.3px;}

.tb-01 tbody tr{}
.tb-01 tbody tr td{padding: 5px 3px;font-weight: 500;}
.tb-01 tbody tr td:nth-child(1){color: #272727; font-size: 16px;font-weight: 500;text-align: left;}
.tb-01 tbody tr td:nth-child(2){color: #969696;}
.tb-01 tbody tr td:nth-child(3){color: #969696;}
.tb-01 tbody tr td:nth-child(4){color: #272727; font-size: 16px;font-weight: 500;text-align: left;}
.tb-01 tbody tr td:nth-child(5){color: #969696;}
.tb-01 tbody tr td:nth-child(6){color: #969696;}

.tb-02{overflow-x: scroll;position: relative;width: 100%;}
.tb-02{-ms-overflow-style:none;scrollbar-width:none}
.tb-02::-webkit-scrollbar{display:none}
.scrollBar::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);}
.tb-02 table{width:100%;border-collapse: collapse;border-top: 2px solid #8b7c74;}
.tb-02 thead tr{text-align: center;}
.tb-02 thead tr th{background: #f3f3f2;padding: 20px 0;font-size: 20px;border-right: 1px solid #ebebeb;}
.tb-02 thead tr th:last-child{border-right: 0px;}

.tb-02 tbody tr{padding: 25px 0;}
.tb-02 tbody tr td{padding: 30px 0;font-weight: 500;text-align: center;color: #636363;font-size: 16px;border: 1px solid #ebebeb;}
.tb-02 tbody tr td:first-child{border-left: 0px;}
.tb-02 tbody tr td:last-child{border-right: 0px;}

@media screen and (max-width: 1024px){
	.tb-02 thead tr th{padding: 10px 0; font-size: 16px;}
	.tb-02 tbody tr td{padding: 10px 2px;font-size: 15px;}
}

@media screen and (max-width: 768px){
	.tb-02 thead tr th{font-size: 15px;}
	.tb-02 tbody tr td{font-size: 14px;}
}

.fresh-green{padding: 3px 8px;background-color: #89a730;color: #FFF;font-weight: 500;border-radius: 15px;font-size: 13px;}

@media screen and (max-width: 1400px) {
	.sub-box01.img08{background: url('../img/sub/sub_box01_img08.jpg') no-repeat left;max-height:300px;}
	.coffee-ttl{width: 100%;}
	.coffee-price{padding-bottom:10px}
}

@media screen and (max-width: 1280px) {
	.coffee-list{padding: 0 0 20px}
	.coffee-img{max-width: 480px;}	
}

@media screen and (max-width: 1024px) {
	.sub-box01.img08{height:300px;}
	.coffee-list{padding: 0 0 20px}
	.coffee-img{max-width: 400px;}	

	.tb-01{padding:0px;}
}

@media screen and (max-width: 900px){
	.coffee-list{flex-direction:column;}
	.coffee-img{max-width: 100%;}
	
	.coffee-con{width:100%;}
	.coffee-ttl{margin: 0 0 10px;padding: 20px 0 20px;}
	.coffee-price{padding: 0 10px;max-width: 683px;margin: 0 auto;}
}

@media screen and (max-width: 768px) {
	.sub-box01.img08{height:250px;}
	
	.coffee-img{height: 190px;}
	.coffee-ttl{font-size: 16px;padding: 20px 0 10px}
	.coffee-ttl::after{height:3px;}

	.tb-01{padding-bottom: 20px}
	.tb-01 thead tr th{width:100%;}
	
	.tb-01 tbody tr td{font-size:14px !important;}
}

@media screen and (max-width: 500px) {
	.sub-box01.img08{height:200px;background: url('../img/sub/sub_box01_img08.jpg') no-repeat 4% 1%;}
	.coffee-img.img01{background: url('../img/sub/sub2_5_img01.jpg') no-repeat 100% 50%;}
	.coffee-img.img07{background: url('../img/sub/sub2_5_img07.jpg') no-repeat left top;}

	.coffee-price {border-bottom: 0}
}

/* sub2_6 파티도시락 */
.sub-box01.img12{background: url('../img/sub/sub_box01_img12.jpg') no-repeat center;height: 300px;}
.party{padding-bottom:50px}
.party-top{display: flex;flex-flow: row-reverse;justify-content: space-between;align-items: center;padding: 70px 0 0;}
.party-top .party-img{flex: 1 1 40%;}
.party-con{padding: 20px 0px 20px 90px;flex: 1 1 40%;}
.party-con .ttl{font-size: 25px;font-weight: 500;color: #2b2b2b;padding: 0 0 30px;position: relative;}
.party-con .ttl::after{display: block;content: ''; width: 50px;height: 1px;background: #000000;position: absolute;left: 0; bottom: 0;}
.party-con .ttl span{color: #000;font-weight: 700;}
.party-con .txt{padding: 35px 0;color: rgba(0, 0, 0, 0.8);font-size: 16px;line-height: 30px;font-weight: 400;word-break:keep-all;max-width: 500px;}
.party-con .txt ul{padding:45px 0}
.party-con .txt ul li{padding: 10px;border-bottom: 1px solid #dbdbdb;}
.party-con .txt ul li:last-child{border:0;}
.party-con .txt ul li p{position: relative;padding-left: 15px;font-size: 16px;color: rgba(0, 0, 0, 0.8);}
.party-con .txt ul li p::before{display: block; content: '';width: 4px;height: 4px;border-radius: 100%; background: #ccc; position: absolute; left: 0; top: 50% ;transform: translateY(-50%);}

.party-con .list{padding: 50px 0px;}
.party-con .list:first-child{border-bottom: 1px solid #d6d6d6;}
.party-con .list-ttl{font-size: 25px;padding: 0 0 10px;}
.party-con .list-ttl b{color: #2b2b2b; font-weight: 700;}
.party-con .list-txt{font-size: 16px; color: #2b2b2b;}

.party-bot .party-img{padding: 40px 0;gap: 30px;}
.party-bot .party-img .img{flex: 1 1 calc(100% / 3 - 20px);}

.party-review-wr {padding: 70px 0px 50px;}
.party-review-wr .ttl {font-size: 25px;font-weight: 700;color: #000;padding: 0 0 35px;}
.party-review{display: flex; flex-wrap: wrap;gap: 20px;}
.party-review li{flex: 1 1 calc(100% / 5 - 16px);}

.party-bot2 {padding: 0px;}
.party-bot2 .ttl{font-size: 25px;color: #000;font-weight: 700;padding: 0 0 27px;position: relative;}
.party-bot2 .ttl::after{display: block;content: ''; width: 50px;height: 1px;background: #000000;position: absolute;left: 0; bottom: 0;}
.party-bot2 .txt{font-size:16px; color: rgba(0, 0, 0, 0.8);padding: 35px 0 ;}
.party-bg02{display: flex; flex-wrap: wrap;}
.party-bg02 .con {flex: 0 1 50%;}
.party-bg02 .con.left{background: #a2b068;padding: 70px 30px 70px 60px;}
.party-bg02 .con ul{display:inline-block}
.party-bg02 .con ul li{font-size: 15px;color: #ffffff;padding: 10px;font-weight: 400;border-bottom: 1px solid rgba(255, 255, 255, 0.8);overflow: hidden;}
.party-bg02 .con ul li span{min-width: 80px;font-weight: 700;display: inline-block;float: left;}
.party-bg02 .con ul li p{display: inline-block; float: left;}
.party-bg02 .con ul li p.m-only{display: none;}
.party-bg02 .con ul li:last-child{border:0px;}
.party-bg02 .con.right{background: url('../img/sub/party_bg02.jpg') no-repeat center;background-size: cover;min-height: 341px;}

.party .guide-bg03 {padding: 45px 60px;}

@media screen and (max-width: 1400px){
	.party-review-wr .ttl {text-align: center}

	.party-bot2 .ttl{text-align:center}
	.party-bot2 .ttl:after{left:50%;transform:translateX(-50%)}
	.party-bot2 .txt{text-align:center}

	.party-bg02 .con.left{flex: 0 1 55%;padding: 70px 20px 70px 30px;}
	.party-bg02 .con.right {flex: 0 1 45%;}
	.party .guide-bg03{padding: 40px}
}

@media screen and (max-width:1280px) {
	.party-con .ttl{font-size: 24px;}
	.party-con .txt{line-height:26px;padding: 20px 0;}
	.party-con .txt br.pc-only {display:none;}
	.party-review-wr .ttl{font-size: 24px;}
}

@media screen and (max-width:1024px) {
	.party-con{padding: 20px 50px}
	.party-bot .party-img{padding: 70px 0; gap: 20px;}

	.party-bg02{flex-direction:column-reverse}
	.party-bg02 .con.left{padding: 50px;}

	.party-bot2 .ttl{font-size: 24px}
}

@media screen and (max-width: 960px) {
	.party-con .ttl{font-size: 20px;}
	.party-con .txt br.pc-only {display:none;}
}

@media screen and (max-width: 768px) {
	.sub-box01.img12{height:250px;}
	.party{padding-bottom:30px}
	.party-top {flex-direction: column;padding: 30px 0;grid-gap: 30px;}
	.party-top .party-img{flex: 1 1 100%;background: url('../img/sub/party_img01.jpg') no-repeat center;background-size: cover !important;width: 100%;}
	.party-top .party-img > img {height: auto;width: 100%;}

	.party-con {padding: 0 40px;}
	.party-con .txt {padding: 20px 0 0;max-width: unset;}
	.party-con .txt ul{padding: 20px 0 0}
	.party-con .list{padding: 30px 0px;}
	.party-con .list-ttl {font-size:20px;}

	.party-bot .party-img{padding: 30px 0;gap: 10px;}
	.party-review{gap: 10px;}
	.party-review-wr .ttl{font-size: 20px;padding: 0 0 20px;}
	.party-review li{flex: 0 1 calc(100% / 4 - 8px);}

	.party-bot2 .ttl{font-size: 20px}
	
	.party-bg02 .con.left{padding: 20px;}
	.party-bg02 .con ul li span{width: 100%;padding: 0 0 5px}
	.party-bg02 .con ul li p{font-size:14px;}

	.party .guide-bg03{padding:30px}
}

@media screen and (max-width: 500px){
	.sub-box01.img12{height:200px;}
	.party-top{padding: 30px 0 0}
	
	.party-con {padding:0 20px;}
	.party-con .ttl {font-size: 16px;}
	.party-con .txt {font-size: 14px;line-height:24px}
	.party-con .txt > br {display:none;}
	.party-con .txt .mo-only {display:block}
	.party-con .txt ul li p {font-size: 14px;}

	.party-con .list{padding: 20px 0px;}
	.party-con .list-ttl{font-size: 16px;padding: 0 0 5px;}
	.party-con .list-txt{font-size: 14px;}
	
	.party-review-wr{padding: 30px 20px;}
	.party-review-wr .ttl{font-size:16px}
	.party-review li{flex: 0 1 calc(100% / 3 - 7px);}
	
	.party-bot2 .ttl{font-size: 16px}
	.party-bg02 .con.left{padding:10px;}
	.party-bg02 .con ul li p.pc-only{display: none;}
	.party-bg02 .con ul li p.m-only{display: block;}
	.party .guide-bg03{padding:20px}
}


/* sub2_7 데일리 도시락 */
.sub-box01.img09{height: 370px;background: url('../img/sub/sub_box01_img09.jpg') no-repeat 4% 1%;margin-bottom: 180px;background-size: cover;}

.daily .sub-text01.type02{letter-spacing:1px;line-height:25px}
.daily .sub-img{text-align: center;width: 100%;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 50%);padding: 0 20px;}

.daily .sub-ttl {padding: 0 0 25px;font-size: 33px;color: #4c4a48;}
.daily .sub-list {padding: 40px 20px;}
.daily .sub-list ul li {padding: 0px 10px;border-right: 1px solid #cacaca;}
.daily .sub-list ul li:last-child{border: 0;}
.daily .sub-list ul li .icon {margin-bottom: 35px;width: 100px;height: 100px;margin: 0 auto 20px;}
.daily .sub-list ul li .icon-ttl {font-size: 20px; font-weight: 700; color:#1a1a1a;padding-bottom: 17px;}
.daily .sub-list ul li .icon-txt {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 15px;font-weight: 400;color: rgba(26,26,26,0.71);line-height: 25px;padding-bottom: 35px;}
.daily .sub-list ul li .icon-txt span {flex-basis: 34%;}

.daily-mid{display: flex;flex-wrap: wrap;padding: 0 0 90px;}
.daily-mid .daily-img{flex: 1 1 45%;}
.daily-mid .daily-img > img{width:100%}
.daily-mid .daily-con{flex: 1 1 55%;display: table;background: #fbfbfd;}
.daily-mid .daily-con ul{display:table-cell; vertical-align: middle;padding: 0 100px;}
.daily-mid .daily-con ul li{border-bottom: 1px solid #d6d6d6;padding: 20px 0;}
.daily-mid .daily-con ul li .ttl{font-size: 20px;font-weight: 700;color: #1a1a1a;padding-bottom: 10px;}
.daily-mid .daily-con ul li .txt{font-size: 15px; color: rgba(26, 26, 26, 0.71);}

@media screen and (max-width: 1440px) {
	.daily-mid .daily-con ul{padding: 0 50px;}
}

@media screen and (max-width: 1024px){
	.daily .sub-list ul li .icon{width:80px; height: 80px;}
	
	.daily-mid .daily-img{flex: 1 1 100%}
	.daily-mid .daily-con{flex: 1 1 100%;display: table;background: #fbfbfd;}
}

@media screen and (max-width: 768px) {
	.daily .sub-ttl {padding: 0 0 10px;}
	
	.daily .sub-box01.img09{height:auto;background: url('../img/sub/sub_box01_img09.jpg') no-repeat center;background-size: cover;padding: 34px 0;margin-bottom: 50px;}
	.daily .sub-box01-content{width:100%;position: unset;transform: unset;}
	.daily .sub-title01{padding: 0 0 34px;border-bottom: 1px solid #bbb5ae;}
	.daily .sub-title01 > img{padding-right: 10px;}
	.daily .sub-text01.type02 {padding: 34px 20px;font-size: 16px;line-height: 26px;}
	.daily .sub-img {position: unset;transform:unset;}

	.daily .sub-list {padding: 30px 20px}
	.daily .sub-list ul li{flex: 1 1 calc(100% / 3 - 10px);}
	.daily .sub-list ul li .icon {margin-bottom: 20px;}
	.daily .sub-list ul li .icon-ttl {padding-bottom: 5px;font-size: 16px;}
	.daily .sub-list ul li .icon-txt{padding-bottom:20px;font-size:14px;line-height: 24px;}

	.daily-mid{padding-bottom: 50px;}
	.daily-mid .daily-con ul{padding:0 20px}
	.daily-mid .daily-con ul li .ttl{font-size: 16px;}
	.daily-mid .daily-con ul li .txt{font-size: 14px;}
}

@media screen and (max-width: 500px) {
	.daily .sub-ttl{padding: 0 0 5px}
	.daily .sub-box01.img09{padding: 30px 0;margin-bottom: 30px;}
	.daily .sub-box01-content{max-width:unset}
	.daily .sub-title01{font-size: 16px;padding: 0 0 20px;}
	.daily .sub-title01 > img{width:50px;}
	.daily .sub-text01.type02{padding: 20px;font-size: 14px;line-height: 24px;}
	.daily .sub-img{width: 300px; margin: 0 auto;}

	.daily .sub-list{padding: 20px;}
	.daily .sub-list ul li{flex: 1 1 100%;border-right: 0px;border-bottom: 1px solid #cacaca;padding: 20px 0 10px;}
	.daily .sub-list ul li .icon{width: 50px;height:50px;margin-bottom: 10px;}
}

/* ready */
.ready{display:flex;text-align:center;padding:50px 20px;min-height:800px;justify-content:center;align-items:center;}

@media screen and (max-width: 1400px) {
	.ready{min-height: 500px;}
}

@media screen and (max-width: 768px) {
	.ready{min-height: unset;overflow-x: scroll;}
}