@charset "utf-8";

.wrap {width:100%;height:2418px;background:url(../images/sub-news-bg.jpg) 50% 50% no-repeat}
.wrap .inner {position:relative;margin:0 auto;width:1024px;height:100%;text-align:center}
.wrap .inner .switch-toggle {position:relative;top:120px;margin:0 auto;width:559px;height:62px;border-radius:30px;background:#543b2a}
.wrap .inner .switch-toggle .news, 
.wrap .inner .switch-toggle .customer{float:left;position:relative;z-index:10;width:280px;height:62px;transition:color 0.7s cubic-bezier(0.545, 0, 0.05, 1)}
.wrap .inner .switch-toggle .news {position:absolute;left:0}
.wrap .inner .switch-toggle .customer {position:absolute;left:280px}
.wrap .inner .switch-toggle .news a, 
.wrap .inner .switch-toggle .customer a{display:block;font-size:22px;line-height:60px;color:#fff;font-weight:900;font-family:'NotoSans-Regular';}
.wrap .inner .switch-toggle::after {content:'';position:absolute;top:0px;left:0px;width:280px;height:62px;background:#c37b38;border-radius:30px;transition:all 0.7s cubic-bezier(0.545, 0, 0.05, 1)}
.wrap .inner .switch-toggle.is-customer::after{top:0px;left:280px}
.wrap .inner .tit {margin-top:197px;padding-bottom:28px;}
.wrap .inner .desc {/*margin-bottom:76px;*/font-size:18px;line-height:28px;letter-spacing:-1.3px;color:#fff;text-align:center}

#news-wrap .inner .input-area {float:right;margin-left:550px;padding-bottom:40px;}
#news-wrap .inner .input-area .select-wrap {position:relative}
#news-wrap .inner .input-area .select-wrap select{padding-left:22px;width:146px;height:50px;border:1px solid #8c6f5b;box-sizing:border-box;font-size:16px;line-height:28px;color:#442a19;font-weight:900;font-family:'NotoSans-Regular';-webkit-appearance:none}
#news-wrap .inner .input-area .select-wrap::after {content:'';display:block;position:absolute;top:21px;left:118px;border-top:8px solid #8c6f5b;border-left:5px solid transparent;border-right:5px solid transparent}
#news-wrap .inner .input-area .select-wrap select::-ms-expand {display:none}
#news-wrap .inner .input-area input[type='search'] {width:322px;height:50px;border:1px solid #8c6f5b;box-sizing:border-box;font-size:16px;line-height:28px;color:#442a19;font-weight:900;font-family:'NotoSans-Regular';}
#news-wrap .inner .input-area input[type='search']::-webkit-input-placeholder {color:#442a19}
#news-wrap .inner .input-area input[type='search']::-ms-input-placeholder {color:#442a19}
#news-wrap .inner .input-area input[type='search']::-moz-input-placeholder {color:#442a19}
#news-wrap .inner .input-area input[type='submit'] {position:absolute;top:0;right:0;width:50px;height:50px;background:url(../images/sub-news-search-btn.png) no-repeat;border:0;text-indent:-9999px;cursor:pointer}

#news-wrap .inner .news-list {margin-top:120px}
#news-wrap .inner .news-list ul li{float:left;width:322px;height:476px;margin-right:29px;margin-bottom:60px;background:#fff;cursor:pointer}
#news-wrap .inner .news-list ul li:nth-child(3n) {margin-right:0}
#news-wrap .inner .news-list ul li a {display:block}
#news-wrap .inner .news-list li .tag {margin:24px auto 0;width:75px;height:27px;border-radius:30px;font-size:13px;line-height:26px;color:#fff;font-weight:500;font-family:'NotoSans-Regular'}
#news-wrap .inner .news-list li .tag.notice {background:#d6873d}
#news-wrap .inner .news-list li .tag.news {background:#d16254}
#news-wrap .inner .news-list li .news-tit a{display:block;margin-top:12px;font-size:20px;line-height:30px;color:#442a19;font-weight:500;font-family:'NotoSans-Regular'}
#news-wrap .inner .news-list li .date {margin-top:14px;font-size:13px;line-height:13px;color:#99908a}
#news-wrap .inner .more {position:relative;width:280px;height:90px;border:0;border-radius:0;background:url(../images/sub-news-more-btn.png) no-repeat;outline:none}

#news-wrap .inner .news-view {margin-top:120px;width:100%;padding:82px 100px 120px;box-sizing:border-box;background:#fff;}
#news-wrap .inner .news-view .head {text-align:center}
#news-wrap .inner .news-view .head .tag {margin:0 auto;width:84px;height:30px;border-radius:30px;background:#d6873d;font-size:13px;line-height:29px;color:#fff;font-weight:500;font-family:'NotoSans-Regular'}
#news-wrap .inner .news-view .head .tit {margin-top:16px;font-size:30px;line-height:30px;font-weight:500;font-family:'NotoSans-Regular'}
#news-wrap .inner .news-view .head .date {text-align:right;font-size:14px;line-height:30px;color:#99908a;font-weight:500;font-family:'NotoSans-Regular';background:url(../images/news-border.png) 0 100% no-repeat}
#news-wrap .inner .news-view .img {margin:58px 0 32px}
#news-wrap .inner .news-view .desc {margin-bottom:70px;text-align:left;font-size:15px;line-height:28px;color:#442a19;font-weight:500;font-family:'NotoSans-Regular'}

#news-wrap .inner .news-view .navi {width:100%;border-bottom:1px solid #cccccc;}
#news-wrap .inner .news-view .navi dl {padding:13px 0;border-top:1px solid #cccccc;}
#news-wrap .inner .news-view .navi dl dt a{float:left;position:relative;padding:0 22px 0 38px;font-size:16px;line-height:28px;color:#442a19;font-weight:600;font-family:'NotoSans-Thin'}
#news-wrap .inner .news-view .navi dl dd a{float:left;padding:0 20px;font-size:16px;line-height:28px;color:#442a19;font-weight:600;font-family:'NotoSans-Regular'}
#news-wrap .inner .news-view .navi .prev dt a::before {content:'';position:absolute;top:11px;left:20px;border-bottom:8px solid #442a19;border-left:5px solid transparent;border-right:5px solid transparent}
#news-wrap .inner .news-view .navi .next dt a::before {content:'';position:absolute;top:11px;left:20px;border-top:8px solid #442a19;border-left:5px solid transparent;border-right:5px solid transparent}
#news-wrap .inner .news-view .goto-list {margin-top:40px;margin-left:300px}
#news-wrap .inner .news-view .goto-list a{display:block;width:226px;height:50px;border:0;background:url(../images/sub-news2-more-btn.png) no-repeat}

#customer-wrap .inner .cont{position:relative;margin-top:120px;padding:80px 100px 116px;text-align:center;background:#fff}
#customer-wrap .inner .cont ul li:first-child {margin-bottom:40px}
#customer-wrap .inner .cont ul li .tit {margin-top:0;text-align:left;font-size:18px;line-height:30px;color:#442a19;font-weight:600;font-family:'NotoSans-Regular'}
#customer-wrap .inner .cont ul li .tit span {font-size:14px;line-height:30px;color:#99908a;font-weight:800;font-family:'NotoSans-Thin'}
#customer-wrap .inner .cont ul li textarea {text-align:left;width:824px;height:480px;padding:36px;border:1px solid #ccc1ba;background:#fbf5f0;box-sizing:border-box;font-size:16px;line-height:30px;color:#333333;font-weight:800;font-family:'NotoSans-Thin'}
#customer-wrap .inner .cont ul li input[type='email'] {width:824px;height:50px;padding:10px 36px;border:1px solid #ccc1ba;background:#fbf5f0;box-sizing:border-box;font-size:16px;line-height:30px;color:#333333;font-weight:800;font-family:'NotoSans-Thin'}
#customer-wrap .inner .cont button{margin-top:40px;width:226px;height:50px;background:url(../images/sub-news3-more-btn.png) no-repeat;border:0;}

#customer-wrap .inner .customer-pop {}

#customer-wrap .inner .customer-pop {text-align:center}
#customer-wrap .inner .customer-pop .thank-you{display:none;position:absolute;left:240px;top:710px;width:560px;padding:120px 40px 100px;box-sizing:border-box;background:#fff;z-index:10}

#customer-wrap .inner .customer-pop .tit {margin-top:0;margin-bottom:14px;font-size:20px;line-height:32px;color:#332013;font-weight:900;font-family:'NanumSquareR'}
#customer-wrap .inner .customer-pop .cont {margin-bottom:29px;font-size:14px;line-height:24px;font-weight:500;font-family:'NotoSans-Regular'}

#customer-wrap .inner .customer-pop .privacy .cont {overflow-y:scroll;overflow-x:hidden;height:300px;text-align:left}
#customer-wrap .inner .customer-pop .btn-ok {width:220px;height:45px;border:0;background:url(../images/footer-pop-btn-ok.png) no-repeat;text-indent:-9999px}
#customer-wrap .inner .customer-pop .close {position:absolute;top:40px;right:40px;width:36px;height:36px;background:url(../images/sec4-food-pairing-detail-close.png) no-repeat;border:0;text-indent:-9999px}