@charset "utf-8";

#bo_list{margin-bottom:0 !important}
#container{padding-bottom:0 !important}

.subCont { width:100%; position:relative;padding:0 0 20px 0; background-color:#fff}
.subCont .haccp { margin:100px 0 0 0; }
.subCont .section { width:100%; position:relative; /*background:#fedd6a url('/images/brand/sub_commonBg.png') repeat-y center top;*/ border-radius: 20px; }
.subCont .section > p { display:inline-block; width:700px; }
.subCont .section > p > img { max-width:100%; }
.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; }
.subCont .section .textarea > h2 > img { width:100%; }
.subCont .section .textarea > h2 > strong { display:block; color:#ff8601; margin:15px 0; }
.subCont .section .textarea > h3 { font-size:11px; color:#999; 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 .section .textarea .icon_baby { display:inline-block; width:80px; height:80px; background:url('/images/brand/icon_babycircle.png') no-repeat left top; position:absolute; top:20px; right:20px; z-index: 10;}
.subCont .section .textarea table { background:#fff; }
.subCont .section .textarea table th { font-size:16px; width:20%; border-top:#ddd 2px solid; border-bottom:#ddd 1px solid; padding:15px; }
.subCont .section .textarea table th:first-child { width:40%; }
.subCont .section .textarea table td { font-size:16px; border-bottom:#ddd 1px solid; padding:15px; color:#ff8601 }

.subCont .sec03 { margin:0 0 0 0; text-align: center; }
.subCont .sec03 > p { display:inline-block; width:100%; text-align: center; background:#e3ddda; padding:50px 0; }
.subCont .sec03 .textarea { display:inline-block; width:180px; height:180px; padding:30px; position:relative; text-align: center; background:#ededed; margin:0 auto; border-radius: 100%; cursor:pointer; }
.subCont .sec03 .textarea > h1 { font-size:28px; line-height: 32px; font-family: 'NanumS'; color:#000; background:url('/images/brand/icon_dda.png') no-repeat left 50% top; padding-top:40px; margin:0 0 0 0; }
/* .subCont .sec03 .showOn { background:#ffd821; margin:0 auto; border-radius: 100%; cursor:pointer; }
.subCont .sec03 .showOn > h1 { font-size:28px; line-height: 32px; font-family: 'NanumS'; color:#000; background:url('/images/brand/icon_dda.png') no-repeat left 50% top; padding-top:40px; margin:0 0 0 0; } */
.subCont .sec03 > ul { width:100%; }
.subCont .sec03 > ul > li { text-align: left; position:relative; margin:10px 0 0 0; padding:20px 10px 10px; background:#fff; }
.subCont .sec03 > ul > li > ul > li { float:none; width:100%; display:inline-block; position:relative; min-height: 320px; }
.subCont .sec03 > ul > li > ul > li > .prodImg { width:300px; height:300px; position:absolute; left: 50%; top:0; margin:0 0 0 -150px; background:#fff; overflow: hidden; border-radius: 100%; }
.subCont .sec03 > ul > li > ul > li > .prodImg > img { position:absolute; width:342px; left:0; }
.subCont .sec03 > ul > li > ul > li.imgWrap { text-align: center; } 
.subCont .sec03 > ul > li > ul > li.textWrap { }
.subCont .sec03 > ul > li > ul > li > h6 { margin:30px 0 0 0; }
.subCont .sec03 > ul > li > ul > li > h6 > img { width:100%; }
.subCont .sec03 > ul > li > ul > li > h5 { font-family: 'NanumS'; font-weight: bold; font-size:14px; position:relative; margin:0 0 15px 0; color:#ff8601; padding:0 0 0 3px; text-align: center; }
.subCont .sec03 > ul > li > ul > li > h1 { font-family: 'NanumS'; font-weight: normal; font-size:30px; position:relative; margin:0 0 8px 0; color:#1b1b1b; width:100%; text-align: center; }
.subCont .sec03 > ul > li > ul > li > h1 > i { display:none; width:25px; height:25px; position:absolute; margin:0; }
.subCont .sec03 > ul > li > ul > li > h1 > i:first-child { background: url('/images/layout_splite.png') no-repeat left -74px top -349px; left:-40px; }
.subCont .sec03 > ul > li > ul > li > h1 > i:last-child { background: url('/images/layout_splite.png') no-repeat left -122px top -349px; right:-40px;}
.subCont .sec03 > ul > li > ul > li > h2 { width:100%; }
.subCont .sec03 > ul > li > ul > li > h1 > strong { display:block; margin:0 10px 0 0;}
.subCont .sec03 > ul > li > ul > li > h1 > a { display:inline-block; font-size:12px; color:#ff8601; border:#ff8601 1px solid; border-radius: 2px; padding:0 10px; height:22px; line-height: 22px; text-decoration: none; position:relative; margin:0 0 0 5px;}
.subCont .sec03 > ul > li > ul > li > h1 > a.impact { background:#ff8601 !important; color:#fff !important; }
.subCont .sec03 > ul > li > ul > li > h3 { font-weight: normal; font-size:17px; position:relative; display:inline-block; margin:0 auto 15px auto; color:#555; letter-spacing: -1px; text-align: center; width:100%;  }
.subCont .sec03 > ul > li > ul > li > h4 { text-align: left; font-weight:normal; display:inline-block; margin:0 auto 20px auto; font-size:13px; color:#777; position:relative; }
.subCont .sec03 > ul > li > ul > li > h4 > span { display:block; padding-left:15px; line-height: 22px; background:url('../../../img/icon_check.png') no-repeat left top 7px; }
.subCont .sec03 > ul > li > ul > li > h4 > span > strong { color:#333; }


.subCont .sec03 > ul > li.infoProd { width:100%; margin:0 0 0 0; padding:0 0 15px; min-height:100px; border-bottom:#e5e5e5 1px solid; overflow: hidden;}
.subCont .sec03 > ul > li.infoProd > iframe { width:100%; height:480px; overflow: hidden;  }
.subCont .sec03 > ul > li.infoProd:last-child {border-bottom:0}

.tasty_item .icon {position: absolute;}
.tasty_item .swiper-slide {text-align:center; padding:0 5px;}
.tasty_item .itemThumb {margin-bottom:10px}
.tasty_item .itemThumb a img {max-width:100%; height: auto !important;}
.tasty_item .icon {position: absolute; left:15px; top:15px}
.tasty_item .icon img {width:35px; height:35px; }
.tasty_item .itemTitle i {font-style:normal; display:block; height: 35px; font-weight:normal; font-size: 13px; overflow: hidden; text-overflow: ellipsis; margin-bottom:5px; }
.tasty_item .itemTitle em { font-size: 11px; color: #ff8601; font-style:normal}

.tasty_item .swiper-button-next, .tasty_item .swiper-container-rtl .swiper-button-prev { background:url(/img/btn_next.png) no-repeat right 0 center; background-size:12px auto; right:6px}
.tasty_item .swiper-button-next:after, .tasty_item .swiper-container-rtl .swiper-button-prev:after,
.tasty_item .swiper-button-prev:after, .tasty_item .swiper-container-rtl .swiper-button-next:after {display: none;}
.tasty_item .swiper-button-prev, .tasty_item .swiper-container-rtl .swiper-button-next {background:url(/img/btn_prev.png) no-repeat 0 center; background-size:12px auto; left:6px;}