@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------------------
	File : main.css
	Company : The Webstyle co.,ltd
    CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
    CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
------------------------------------------------------------------------------------------------------------------------------------------*/

/*.main .section {min-width:1360px;}*/
.main .inner {padding-left:0;padding-right:0;}

.main .section .section-body {position:relative; z-index:10;}

/* section_visual */
.section_visual {width:100%; background-color:#fff; z-index:1;border-top:solid 1px #a79e9d;}
.main-slider {height:543px;}
.main-slider .item {position:relative; height:543px;}
.main-slider .item .inner {padding:236px 40px 80px;}
.main-slider .item.item01 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom;}
.main-slider .item.item02 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom;}
.main-slider .item.item03 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom;}
.main-slider .item .bx-img {position:absolute; left:50%; top:0; height:584px;}
.main-slider .item .info-box {width:595px; height:227px; padding:33px 0; margin-left:38px; font-family:"NotoSans-Medium";}
.main-slider .item .info-box .tit {display:block; font-family:"NanumSquareOTFR"; font-size:60px; color:#fff; white-space:pre; letter-spacing:-0.1em;}
.main-slider .item .info-box .txt {margin-top:28px; font-family:"NotoSans-Light"; font-size:26px;  color:#fff; line-height:-1.4px;}
.main-slider .item .info-box .hashTag {display:block; margin-top:24px; font-size:0px;}
.main-slider .item .info-box .hashTag li {display:inline-block;}
.main-slider .item .info-box .hashTag li + li {margin-left:58px;}
.main-slider .item .info-box .hashTag li span {font-family:"NanumSquareOTFR"; font-size:14px; color:#fff;}

.swiper-container.main-sliderWrap .swiper-pagination-bullet {width:20px; height:20px; background:rgba(255,255,255, 0.6); opacity:1;}
.swiper-container.main-sliderWrap .swiper-pagination-bullet-active {background:#fff;}
.swiper-container.main-sliderWrap.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-container.main-sliderWrap .swiper-pagination-custom,
.swiper-container.main-sliderWrap .swiper-pagination-fraction {bottom:35px;}
.swiper-container.main-sliderWrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;}

/* section notify */
.section_notify {padding-left:40px;padding-right:40px;width:100%; background-color:#fff;}
.swiper-wrapper.notify-slider {height:104px;}
.notify-slider li a {display:block; height:104px; font-family:"NotoSans-Light"; font-size:26px; color:#555;}
.notify-slider li a p {display:inline-block; width:490px; line-height:104px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.notify-slider li a span {float:right; line-height:104px;}

/* section_shop */
.section_shop .section-body .swiper-container{margin:46px 0 0 0;}
.section_shop {width:100%;height:680px; border-top:solid 1px #cdcdcd;}
.section_shop h2 {margin:81px 0 0 0;text-align:center;font-size:40px;color:#111; line-height: 1.5; }
.mainshop-wrap {}
.mainshop-wrap a {display:block; position:relative; height:270px;}
.mainshop-wrap a .txt-box {text-align:center; padding-top:80px;}
.mainshop-wrap a .txt-box:after {display:block; width:256px; height:19px; margin-top:25px; background:url('../../images/main/main_shopArr.png') no-repeat; content:"";}
.mainshop-wrap a .txt-box .tit {font-family:"NanumSquareOTFB"; font-size:44px; letter-spacing:-2px;}
.section_shop li.item {float:left; width:100% !important;height:545px;text-align:center;}
.section_shop .item.item01 {background:none;}
.section_shop .item.item02 {background:none;}
.section_shop .item.item03 {background:none;}
.section_shop li.item span {margin:0 35px 0 0;}
.section_shop li.item span:last-child {margin:0;}
.section_shop li.item img {display:block;margin:0 0 21px 0;}
.section_shop li.item span {display:inline-block;font-size:28px;color:#111;}
.section_shop .main-sliderWrap .swiper-pagination-bullet-active {background:#ffcf3f !important;}
.section_shop .swiper-container.main-sliderWrap .swiper-pagination-bullet {background:#cccc;}
.section_shop .swiper-container.main-sliderWrap.swiper-container-horizontal>.swiper-pagination-bullets{bottom:131px;}


/* section_제너시스 BBQ */
.section_jenersis {width:100%;background:#fff;}
.section_jenersis .section-header {position:relative; height:126px; margin-bottom:0; text-align:center;}
.section_jenersis .section-header h2 {font-family:"NanumSquareOTFB"; font-size:32px; color:#111;line-height:44px;}
.section_jenersis .section-header h2 strong {font-family:"NanumSquareOTFB"; font-size:40px; color:#111; }
.main-brandWrap a {display:block; height:250px;}
.main-brandWrap a:nth-child(odd) {background:#eee;}
.main-brandWrap dl {padding:35px 0;}
.main-brandWrap dl:after {display:block; clear:both; content:"";}
.main-brandWrap dl dt {float:left; width:200px; margin:0 35px}
.main-brandWrap a .txt {position:relative;padding:106px 0 0 327px;height:100%;font-size:28px;line-height:34px;background:url('../../images/main/bg_main_jenesis01.png') no-repeat 75px center;}
.main-brandWrap a .txt:after {position:absolute;top:83px;left:327px;content:'';width:50px;height:1px;background:#000;}
.main-brandWrap a:first-child .txt {background-image:url('../../images/main/bg_main_jenesis01.png');}
.main-brandWrap a:nth-child(2) .txt {background:url('../../images/main/bg_main_jenesis02.png') no-repeat 81px center;}
.main-brandWrap a:last-child .txt {background:url('../../images/main/bg_main_jenesis03.png') no-repeat 54px center;}

/*
.main-brandWrap dl dd {float:left; margin-top:70px; text-align:center;}
.main-brandWrap a:nth-child(even) dl dt {float:right;}
.main-brandWrap a:nth-child(even) dl dd {float:right;}
.main-brandWrap dl dd .txt {font-family:"NotoSans-Light"; font-size:28px; color:#555;}
.main-brandWrap dl dd .tit {margin-top:10px; font-family:"NotoSans-Regular"; font-size:40px; color:#111;}
*/

/* section_founding */
.section_founding {margin-bottom:60px;width:100%; height:330px;}
.section_founding .inner {padding-left:40px;padding-right:40px;border-bottom:solid 1px #efefef;}
.main-foundingWrap {padding:67px 0 67px;text-align:center;}
.main-foundingWrap .main-txt {padding:0 0 0 72px;min-height:53px;display:inline-block;font-family:"NanumSquareOTFR"; font-size:40px; color:#111; text-align:center;background:url('../../images/main/bg_main_tell.png') no-repeat left center;}
.main-foundingWrap .btn-wrap {margin-top:54px;}
.main-foundingWrap .btn-wrap.two-up .btn {display:inline-block; width:calc(50% - 20px); height:75px; border:2px solid #909090; border-radius:4px;}
.main-foundingWrap .btn-wrap .btn span {font-family:"NotoSans-Regular"; font-size:30px; color:#111;}
.main-foundingWrap .btn-wrap .btn:first-child {font-size:28px;line-height:75px;color:#fff; background: #535353;}
.main-foundingWrap .btn-wrap .btn:last-child {font-size:28px;line-height:75px;color:#111; background: #ffcf3f;}
.main-foundingWrap .btn-wrap .btn:first-child span {font-size:28px;line-height:75px;color:#fff;}
.main-foundingWrap .btn-wrap .btn:last-child span {font-size:28px;line-height:75px;color:#111;}


/* section_success */
.section_success .section-header h2{position:relative;padding:33px 0 0 0;font-family:"NotoSans-Light"; font-size:40px;text-align:center;}
.section_success .section-header h2:after {position:absolute;top:0;left:327px;content:'';width:50px;height:2px;background:#535353;text-align:center;}
.section_success .section-body {margin-top:79px;}
.section_success .section-body .inner ul li {margin-bottom:72px;text-align:center;}
.section_success .section-body .inner ul li > img {border:solid 1px #eaeaea;}
.section_success .section-body .inner ul li .txt {margin-top:20px;font-size:30px;color:#111;}
.section_success .section-body .inner ul li .txt > span {display:block;margin:18px 0 10px 0;font-family:"NotoSans-Light"; font-size:24px;color:#555;}



/* section_menu */
/*
.section_menu {width:100%; margin-top:20px; background:#101215;}
.section_menu .section-header {position:relative; padding:80px 0 50px; margin-bottom:0; text-align:center;}
.section_menu .section-header h2 {font-family:"NotoSans-Medium"; font-size:44px; color:#fff;}
.section_menu .tab-wrap {position:relative; width:100%; margin-top:11px; border-bottom:1px solid #4e4f50;}
.section_menu .tab-wrap .tab {font-size:0px; text-align:center;}
.section_menu .tab-wrap .tab li {display:inline-block; width:33.33%;}
.section_menu .tab-wrap .tab li a {display:block; position:relative; font-family:"NanumSquareOTFR"; font-size:28px; color:#666; line-height:64px;}
.section_menu .tab-wrap .tab li.on a {color:#fff;}
.section_menu .tab-wrap .tab li.on a:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#f5a201;}
.swiper-container.inner {padding:0;}
*/
/*.tab-slider.swiper-wrapper {padding:44px 35px 97px 35px;}*/
/*
.section_menu .item {position:relative; width:600px; padding:44px 75px 97px 75px; font-size:0px;}
.section_menu .img-wrap {display:block; width:600px; height:600px; vertical-align:top;}
.section_menu .info-wrap {display:block; width:600px; height:378px; padding:34px 43px; background:#000;}
.section_menu .info-wrap .logo-area p {display:inline-block; margin-right:20px; font-family:"NanumSquareOTFR"; font-size:24px; color:#656565;}
.section_menu .info-wrap .logo-area div {display:inline-block;}
.section_menu .info-wrap .tit {margin-top:25px; font-family:"NanumSquareOTFR"; font-size:40px; color:#feb500; letter-spacing:-5px;}
.section_menu .info-wrap .txt {margin-top:26px; font-family:"NotoSans-Light"; font-size:30px; color:#fff; line-height:40px; letter-spacing:-2px;}
.swiper-container.tab-sliderWrap .swiper-pagination-bullet {width:20px; height:20px; background:rgba(255,255,255, 0.6); opacity:1;}
.swiper-container.tab-sliderWrap .swiper-pagination-bullet-active {background:#fff;}
.swiper-container.tab-sliderWrap.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-container.tab-sliderWrap .swiper-pagination-custom,
.swiper-container.tab-sliderWrap .swiper-pagination-fraction {bottom:140px;}
.swiper-container.tab-sliderWrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;}

*/