.subTitleArea { width:100%; background:url('../img/story-banner.png') no-repeat center top; height:288px; display:inline-block; text-align:center;}
.subTitleArea > ul.desc { width:90%; margin:25px auto; background:#fff; border-bottom:#e7e7e7 0px solid; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2); border-radius: 5px; z-index: 99; }
.subTitleArea > ul.desc > li { text-align: left; }
.subTitleArea > ul.desc > li { width:100%; font-family: 'NanumS'; font-size:14px; color:#000; padding:20px; font-weight: bold; word-break:keep-all;}
.subTitleArea > ul.desc > li > h1 { font-size:24px; font-weight: bold; font-family: 'NanumS'; margin:0 0 10px 0;}
.subTitleArea > ul.desc > li > h1 > strong { display:block; color:#ff8601; }

/* 브랜드 스토리 */
.subCont { width:100%; position:relative;margin:0 0 0; background:#fff; }
.subCont .section { width:100%; position:relative; border-radius: 20px; text-align: center; }
.subCont .section .textarea { width:450px; height:100%; background:#fbfbfb; padding:50px; position:absolute; z-index: 9; top:0px; right:0;}
.subCont .section .textarea > h1 { font-size:26px; font-family: 'NanumS'; color:#000; background:url('/images/brand/icon_dda.png') no-repeat left top; padding-top:30px; margin:0 0 0 0; }
.subCont .section .textarea > h2 { font-size:14px; font-family: 'malgun gothic'; color:#444; margin:0 0 0 0; font-weight:400}
.subCont .section .textarea > h3 { font-size:13px; color:#777; margin:20px 0 0 0; }
.subCont .section .textarea > h3 > img { max-width: 100%; border-radius:10px; margin:20px 0 0 0;}
.blackLine { display:inline-block; width:30px; height:1px; background:#caad5e; margin:20px 0;}
.subCont .sec02 { margin:12px 0 50px 0; display:inline-block;}
.subCont .sec02 .textarea { display:inline-block; width:100%; padding:30px; position:relative; text-align: center; background:none; }
.subCont .sec02 .textarea > h1 { font-size:26px; line-height: 32px; font-family: 'NanumS'; color:#000; background:url('../../../img/recipe/icon_dda.png') no-repeat left 50% top; padding-top:30px; margin:0 0 0 0; font-weight:300 }

#container_title i.btn_showCategory {display: inline-block;}
#container{background-color:#fff}

/*#categorySwiper > .swiper-container > .swiper-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; }*/
/*#categorySwiper > .swiper-container > .swiper-wrapper > div { border:#ddd 1px solid; border-radius: 30px; }*/
/*#categorySwiper > .swiper-container > .swiper-wrapper > div.on { background:#fce250; color:#000; border:none; border-radius: 30px; }*/
/*#categorySwiper > .swiper-container > .swiper-wrapper > div > a { width: 100%; display: block; height: 40px; font-weight: normal; font-size: 0.80rem; color: #777; border-bottom: none; }*/
/*#categorySwiper > .swiper-container > .swiper-wrapper > div.on > a { width: 100%; display: block; height: 40px; font-weight: bold; font-size: 0.80rem; color: #000; border-bottom: none; }*/