@charset "utf-8";
@font-face{
    font-family:'NanumSquareR';
	font-weight:normal;
	src: url('../fonts/NanumSquareR.eot');
	src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumSquareR.woff') format('woff'),
         url('../fonts/NanumSquareR.ttf') format('truetype');
}  
@font-face {
	font-family:'NotoSans-Thin';
	font-weight:normal;
	src: url('../fonts/NotoSansCJKkr-Thin.eot');
	src: url('../fonts/NotoSansCJKkr-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/NotoSansCJKkr-Thin.woff') format('woff'),
		 url('../fonts/NotoSansCJKkr-Thin.ttf') format('truetype');
}
@font-face {
	font-family:'NotoSans-Regular';
	font-weight:normal;
	src: url('../fonts/NotoSansCJKkr-Regular.eot');
	src: url('../fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
		 url('../fonts/NotoSansCJKkr-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'BMDOHYEON';
	font-weight:normal;
	src: url('../fonts/BMDOHYEON.eot');
	src: url('../fonts/BMDOHYEON.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BMDOHYEON.woff') format('woff'),
         url('../fonts/BMDOHYEON.ttf') format('truetype');
}
@font-face{
    font-family:'BMJUA';
	font-weight:normal;
	src: url('../fonts/BMJUA.eot');
	src: url('../fonts/BMJUA.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BMJUA.woff') format('woff'),
         url('../fonts/BMJUA.ttf') format('truetype');
}
body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ol,ul,li,p,pre,select,th,td,input,legend,textarea,fieldset,form,button{margin:0;padding:0}
body, a, button, label{-webkit-text-size-adjust:none;text-decoration:none;border:none}
button {border-top:3px solid #a05b1a;border-left:4px solid #a05b1a;border-right:4px solid #a05b1a;border-bottom:9px solid #a05b1a;border-radius:40px;box-sizing:border-box;background:#d6873d;font-size:28px;line-height:28px;color:#fff;font-weight:500;font-family:'BMJUA'}
fieldset,img{border:none}
li{list-style:none}
address{font-style:normal}
button,input,select,textarea{vertical-align:middle}
button{overflow:visible;vertical-align:middle;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:none}
label{cursor:pointer}
input[type=text]{-webkit-appearance:none;border-radius:0}
a{-webkit-tap-highlight-color:transparent}
table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show}
ol,ul,dl{min-width:1px}
ol::after,ul::after,dl::after{content:"";display:block;clear:both}
img{vertical-align:top}
.blind{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.dim {display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.4}

body {overflow-x:hidden}

#header {width:100%;height:53px;background:#fff}
#header .inner {width:1024px;height:100%;margin:0 auto}
#header .inner .logo {float:left;margin-top:14px}
#header .inner .logo a {display:block;}
#header .inner .gnb {float:right}
#header .inner .gnb > ul > li {position:relative;float:left;margin-left:59px}
#header .inner .gnb > ul > li >a {float:left;padding:16px 0}
#header .inner .gnb > ul > li.last::after {display:none;content:'';position:absolute;top:51px;left:0;z-index:10;width:85px;height:3px;background:#d6873d}
#header .inner .gnb .depth2 {display:none;position:absolute;top:53px;left:-30px;z-index:1;width:145px;padding:0 0 24px;text-align:center;background:#fff}
#header .inner .gnb .depth2 li:first-child {padding-top:13px}
#header .inner .gnb .depth2 li a {display:block;font-size:16px;line-height:28px;color:#442a19;font-weight:900;font-family:'NotoSans-Regular'}
#header .inner .gnb > ul > li.is-active .depth2{display:block}
#header .inner .gnb > ul > li.is-active::after {display:block}

#section-wrap{position:relative;min-width:1024px;max-width:1920px;margin:0 auto}
#sec1 {position:relative;width:100%;height:960px;background:url(../images/sec1-bg.jpg) 50% 50% no-repeat}
#sec1 .inner {position:relative;width:1024px;height:100%;margin:0 auto}
#sec1 .inner .tit {position:absolute;top:226px;left:-23px}
#sec1 .inner .hashtag {padding-top:72px;text-align:center}
#sec1 .inner .hashtag p{width:540px;height:45px;margin:0 auto;border-radius:30px;background:#c25e31;font-size:28px;line-height:46px;color:#fff6eb;font-family:'NanumSquareR'}
#sec1 .inner .obj {position:absolute;top:367px;left:50px}
#sec1 .inner .pd {position:absolute;top:174px;left:381px}
#sec1 .inner .disclamier {position:absolute;bottom:34px;right:0;font-size:16px;line-height:28px;color:#fff;font-family:'NotoSans-Regular'}

#sec2 {position:relative;z-index:10;width:100%;height:999px;background:url(../images/sec2-bg.jpg) 50% 50% no-repeat}
#sec2 .inner {position:relative;width:1024px;height:100%;margin:0 auto}
#sec2 .inner .tit {position:relative;z-index:10;padding-top:104px;text-align:center}
#sec2 .inner .desc{position:relative;z-index:10;margin-top:24px;text-align:center;font-size:18px;line-height:28px;color:#cabaa1;font-family:'NotoSans-Thin'}
#sec2 .inner .desc strong{display:block;margin-bottom:10px;font-size:28px;line-height:28px;color:#928b88;font-family:'NanumSquareR'}
#sec2 .inner .pd {position:absolute;top:-786px;left:381px}
#sec2 .inner .introduce {position:absolute;top:300px}
#sec2 .inner .introduce .cont1{position:absolute;top:0;left:0;width:410px;height:650px;background:url(../images/sec2-introduce-content-num1.png) 0 0 no-repeat}
#sec2 .inner .introduce .cont2{position:absolute;top:0;left:650px;width:370px;height:360px;background:url(../images/sec2-introduce-content-num2.png) 0 0 no-repeat}
#sec2 .inner .introduce .cont3{position:absolute;top:360px;left:649px;width:380px;height:300px;background:url(../images/sec2-introduce-content-num3.png) 0 0 no-repeat}
#sec2 .inner .introduce .cont4 {float:left;width:345px;height:280px;background:url(../images/sec2-introduce-content-num4.png) 0 0 no-repeat}
#sec2 .inner .introduce .mid-tit {padding-left:107px;margin-top:79px;margin-bottom:17px;font-size:24px;line-height:32px;color:#fff;font-family:'NotoSans-Thin'}
#sec2 .inner .introduce .mid-tit2{padding-left:107px;margin-top:38px;margin-bottom:16px;font-size:24px;line-height:32px;color:#fff;font-family:'NotoSans-Thin'}
#sec2 .inner .introduce .desc {text-align:left;padding-left:107px;font-size:18px;line-height:28px;color:#f1e2c5;font-family:'NotoSans-Thin'}
#sec2 .inner .introduce .cont2 .mid-tit,
#sec2 .inner .introduce .cont4 .mid-tit,
#sec2 .inner .introduce .cont2 .desc,
#sec2 .inner .introduce .cont4 .desc {padding-left:99px}

#sec3 {position:relative;width:100%;height:1270px;background:url(../images/sec3-bg.jpg) 50% 50% no-repeat}
#sec3 .inner {position:relative;width:1024px;height:100%;margin:0 auto}
#sec3 .inner .tit {padding-top:100px;text-align:center}
#sec3 .inner .desc {margin-top:25px;text-align:center;font-size:18px;line-height:28px;color:#442a19;font-family:'NanumSquareR'}
#sec3 .inner .pd {position:absolute;top:59px;left:50%;z-index:0;transform:translateX(-50%);margin-left:-652px}
#sec3 .inner dl {margin-top:34px;margin-left:79px}
#sec3 .inner dl dt {float:left;padding:3px 15px;font-size:18px;line-height:28px;color:#fff;font-family:'NotoSans-Regular';border-radius:30px;background:#442a19}
#sec3 .inner dl dd{float:left;padding:0 14px 0 14px;margin-top:3px;font-size:18px;line-height:28px;color:#442a19;white-space:pre;font-family:'NotoSans-Regular'}
#sec3 .inner .event {margin-top:61px;width:1062px;height:874px;background:url(../images/sec3-event-box.png) no-repeat}
#sec3 .inner .event .tit {padding-top:94px;margin-left:-42px;font-size:38px;line-height:38px;color:#442a19;font-weight:500;font-family:'BMJUA'}
#sec3 .inner .event .tit span{color:#d6873d}
#sec3 .inner .event .event-img {margin:33px 0 0 52px}
#sec3 .inner .event .event-img li {float:left}
#sec3 .inner .event .event-img li:first-child {margin-right:20px}
#sec3 .inner .event form .radio-list {margin:31px 0 0 205px;width:607px}
#sec3 .inner .event form .radio-list li {float:left;position:relative;margin-right:54px}
#sec3 .inner .event form .radio-list li:last-child {margin-right:0}
#sec3 .inner .event form .radio-list li input{visibility:hidden;position:absolute;width:1px;height:1px;clip:rect(1px, 1px, 1px , 1px)}
#sec3 .inner .event form .radio-list li label{position:relative;padding:0 0 0 40px;font-size:26px;line-height:31px;color:#442a19;font-weight:500;font-family:'BMJUA'}
#sec3 .inner .event form .radio-list li label::before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;background:url(../images/sec3-radio-btn-off.png) no-repeat}
#sec3 .inner .event form .radio-list li label span {display:inline-block;margin-right:14px;margin-top:-4px;vertical-align:middle}
#sec3 .inner .event form .radio-list li label input {position:absolute;top:1px;left:0;width:25px;height:25px;opacity:0;cursor:pointer}
#sec3 .inner .event form .radio-list li input:checked + label::before{background-image:url(../images/sec3-radio-btn-on.png)}
#sec3 .inner .event form button {position:relative;margin:36px 0 0 198px;width:632px;height:68px}
#sec3 .inner .event .misc-item {position:absolute;bottom:42px;right:8px}
#sec3 .inner .event-pop {position:absolute;top:0;left:65px;text-align:center;z-index:10}
#sec3 .inner .event-pop .tit {font-size:38px;line-height:42px;color:#442a19;font-weight:500;font-family:'BMJUA'}
#sec3 .inner .event-pop .desc {font-size:16px;line-height:26px;color:#442a19;font-weight:600;font-family:'NotoSans-Thin'}
#sec3 .inner .event-pop .close {position:absolute;top:65px;right:96px;width:36px;height:36px;background:url(../images/sec4-food-pairing-detail-close.png) no-repeat;border:0;text-indent:-9999px}
#sec3 .inner .event-pop .answer {position:absolute;top:134px;left:0;width:922px;height:1045px;background:url(../images/sec4-event-pop-correct-bg.png) no-repeat}
#sec3 .inner .event-pop .answer img {margin-top:112px}
#sec3 .inner .event-pop .answer .tit {padding-top:40px}
#sec3 .inner .event-pop .answer .desc {margin-bottom:36px}
#sec3 .inner .event-pop .answer .input-area {width:480px;margin:0 auto}
#sec3 .inner .event-pop .answer .input-area.area1 {margin-bottom:16px}
#sec3 .inner .event-pop .answer .input-area.area2 {overflow:hidden;margin-bottom:18px}
#sec3 .inner .event-pop .answer .input-area.area3 {margin-bottom:19px}
#sec3 .inner .event-pop .answer .input-area input[type='text'] {width:480px;height:50px;padding-left:20px;border:2px solid #8c6f5b;box-sizing:border-box;font-size:18px;line-height:28px;color:#b29886;font-weight:600;font-family:'NanumSquareR';}
#sec3 .inner .event-pop .answer .input-area input[type='text']::-webkit-input-placeholder {color:#b29886}
#sec3 .inner .event-pop .answer .input-area input[type='text']::-moz-placeholder {color:#b29886}
#sec3 .inner .event-pop .answer .input-area input[type='text']::-ms-input-placeholder {color:#b29886}
#sec3 .inner .event-pop .answer .input-area input[type='text']::-moz-placeholder {color:#b29886}
#sec3 .inner .event-pop .answer .input-area .select-wrap {position:relative;}
#sec3 .inner .event-pop .answer .input-area select {float:left;margin-right:21px;padding-left:20px;width:146px;height:50px;border:2px solid #8c6f5b;box-sizing:border-box;font-size:18px;line-height:28px;color:#442a19;font-weight:600;font-family:'NanumSquareR';-webkit-appearance:none}
#sec3 .inner .event-pop .answer .input-area select::-ms-expand {display:none}
#sec3 .inner .event-pop .answer .input-area .select-wrap:after {content:'';display:block;position:absolute;top:20px;left:118px;border-top:8px solid #8c6f5b;border-left:7px solid transparent;border-right:7px solid transparent}
#sec3 .inner .event-pop .answer .input-area input[type='text'].type2 {float:left;padding-left:20px;width:146px;height:50px;border:2px solid #8c6f5b;box-sizing:border-box;font-size:18px;line-height:28px;color:#442a19;font-weight:600;font-family:'NanumSquareR';}
#sec3 .inner .event-pop .answer .input-area input.first{margin-right:21px}
#sec3 .inner .event-pop .answer .input-area label {font-size:14px;line-height:27px;font-family:'NanumSquareR'}
#sec3 .inner .event-pop .answer .input-area input[type="checkbox"] {width:19px;height:19px;background:url(../images/sec4-event-pop-input-checkbox.png) no-repeat}
#sec3 .inner .event-pop .answer .input-area .privacy {position:relative;top:0;width:90px;height:26px;border:1px solid #442a19;border-radius:20px;box-sizing:Border-box;background:transparent;font-size:14px;line-height:26px;color:#442a19;font-family:'NanumSquareR'}
#sec3 .inner .event-pop .answer .btn-ok {width:484px;height:67px}
#sec3 .inner .event-pop .privacy {position:absolute;top:134px;left:0;width:922px;height:1045px;background:url(../images/sec4-event-pop-correct-bg.png) no-repeat}
#sec3 .inner .event-pop .privacy .cont {overflow-x:hidden;overflow-y:scroll;padding:35px;width:652px;height:558px;margin:34px auto 75px;background:#fff;box-sizing:border-box;text-align:left;font-size:14px;line-height:24px;color:#442a19;font-weight:600;font-family:'NotoSans-Regular';}
#sec3 .inner .event-pop .privacy .btn-ok {width:484px;height:67px}
#sec3 .inner .event-pop .complete {position:absolute;top:490px;width:922px;height:543px;background:url(../images/sec4-event-pop-submit-bg.png) no-repeat}
#sec3 .inner .event-pop .complete .sns {margin:24px 0 40px 206px}
#sec3 .inner .event-pop .complete .sns li{float:left;}
#sec3 .inner .event-pop .complete .sns li a{display:block;text-align:left;padding-left:24px;width:236px;height:50px;font-size:24px;line-height:50px;color:#fff;font-weight:500;font-family:'BMJUA'}
#sec3 .inner .event-pop .complete .sns .facebook a{background:url(../images/sec4-event-pop-facebook.png) no-repeat}
#sec3 .inner .event-pop .complete .sns .kakao a{background:url(../images/sec4-event-pop-kakao.png) no-repeat}
#sec3 .inner .event-pop .complete .btn-ok {width:484px;height:67px}
#sec3 .inner .event-pop .fail {position:absolute;top:428px;width:922px;height:403px;background:url(../images/sec4-event-pop-wrong-bg.png) no-repeat}
#sec3 .inner .event-pop .fail .desc {margin-top:20px;margin-bottom:36px}
#sec3 .inner .event-pop .fail .btn-ok {width:484px;height:67px}
#sec3 .inner .event-pop .alert {position:absolute;top:455px;width:923px;height:404px;background:url(../images/sec4-event-pop-once-bg.png) no-repeat}
#sec3 .inner .event-pop .alert .btn-ok {margin-top:36px;width:484px;height:67px}

#sec4 {position:relative;width:100%;height:970px;background:url(../images/sec4-bg.jpg) 50% 50% no-repeat}
#sec4 .inner {position:relative;width:1024px;height:100%;margin:0 auto}
#sec4 .inner .tit{padding-top:112px;text-align:center}
#sec4 .inner .desc {margin-top:26px;text-align:center;font-size:18px;line-height:28px;color:#442a19;font-family:'NanumSquareR'}
#sec4 .inner .pd {position:absolute;top:255px;left:-34px;}
#sec4 .inner .food-pairing {position:relative;margin-top:90px;margin-left:211px;width:788px;height:506px}
#sec4 .inner .food-pairing .tab li {float:left}
#sec4 .inner .food-pairing .tab li button{position:relative;width:394px;height:48px;font-size:18px;line-height:28px;color:#442a19;font-family:'NanumSquareR';border:0;border-radius:0;background:#fff}
#sec4 .inner .food-pairing .tab li button:after {content:none}
#sec4 .inner .food-pairing .tab li.is-active button{color:#fff;background:#c51a1b}
#sec4 .inner .food-pairing .tab li.is-active button:after {content:'';position:absolute;bottom:-13px;left:184px;width:26px;height:13px;background:url(../images/sec4-food-pairing-button-deco.png) no-repeat}
#sec4 .inner .food-pairing .view {position:relative;margin-top:24px}
#sec4 .inner .food-pairing .view ul li{float:left;cursor:pointer}
#sec4 .inner .food-pairing .view ul li.thumb1,
#sec4 .inner .food-pairing .view ul li.thumb6 {margin-right:20px}
#sec4 .inner .food-pairing .view ul li.thumb2, #sec4 .inner .food-pairing .view ul li.thumb3,
#sec4 .inner .food-pairing .view ul li.thumb7, #sec4 .inner .food-pairing .view ul li.thumb8 {margin-bottom:20px}
#sec4 .inner .food-pairing .view ul li.thumb2, #sec4 .inner .food-pairing .view ul li.thumb4,
#sec4 .inner .food-pairing .view ul li.thumb7, #sec4 .inner .food-pairing .view ul li.thumb9 {margin-right:21px}
#sec4 .inner .food-pairing .view .view2 {display:none;position:absolute;top:0;left:0}
#sec4 .inner .food-pairing .view .view2.is-active {display:block}
#sec4 .inner .food-pairing .detail {position:absolute;top:-23px;left:0}
#sec4 .inner .food-pairing .detail ul li {display:none;position:absolute;top:0;left:0;width:788px;height:529px;background:url(../images/sec4-food-pairing-detail-bg.png) no-repeat}
#sec4 .inner .food-pairing .detail ul li img {padding:104px 30px 40px 40px}
#sec4 .inner .food-pairing .detail ul li .detail-tit {display:inline-block;position:absolute;top:126px;padding:9px 17px 7px;font-size:28px;line-height:28px;color:#fff;font-weight:500;font-family:'BMJUA';background:#c51a1b}
#sec4 .inner .food-pairing .detail ul li .detail-desc {position:absolute;top:188px;left:319px;font-size:18px;line-height:30px;color:#442a19;font-family:'NanumSquareR'}
#sec4 .inner .food-pairing .detail .close {display:none;position:absolute;top:104px;left:710px;width:36px;height:36px;background:url(../images/sec4-food-pairing-detail-close.png) no-repeat;border:0;text-indent:-9999px}
#sec4 .inner .food-pairing .detail ul li.is-active {display:block}
#sec4 .inner .food-pairing .detail .close.is-active {display:block}

#sec5 {position:relative;width:100%;height:967px;background:url(../images/sec5-bg.jpg) 50% 50% no-repeat}
#sec5 .inner {position:relative;width:1024px;height:100%;margin:0 auto}
#sec5 .inner .tit {padding-top:116px;text-align:center}
#sec5 .inner .desc {margin-top:29px;text-align:center;font-size:18px;line-height:28px;color:#fff;font-family:'NanumSquareR'}
#sec5 .inner .swiper-container {position:relative;margin-top:75px}
#sec5 .inner .swwiper-wrapper {width:1024px}
#sec5 .inner .swiper-slide {width:322px !important;height:476px;text-align:center;background:#fff}
#sec5 .inner .swiper-slide .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'}
#sec5 .inner .swiper-slide .tag.notice {background:#d6873d}
#sec5 .inner .swiper-slide .tag.news {background:#d16254}
#sec5 .inner .swiper-slide .news-tit {margin-top:12px}
#sec5 .inner .swiper-slide .news-tit a{display:block;font-size:20px;line-height:30px;color:#442a19;font-weight:500;font-family:'NotoSans-Regular'}
#sec5 .inner .swiper-slide .date {margin-top:14px;font-size:13px;line-height:13px;color:#99908a}
#sec5 .inner .swiper-button-prev{left:-60px;margin-top:12px;width:26px;height:50px;background:url(../images/sec5-slide-prev-btn.png) no-repeat}
#sec5 .inner .swiper-button-next{right:-70px;margin-top:12px;width:26px;height:50px;background:url(../images/sec5-slide-next-btn.png) no-repeat}
#sec5 .inner .swiper-button-next.swiper-button-disabled, 
#sec5 .inner .swiper-button-prev.swiper-button-disabled{display:none}
#sec5 .inner .swiper-pagination{top:805px;width:100%}
#sec5 .inner .swiper-pagination .swiper-pagination-bullet{width:11px;height:12px;margin:0 5px;background:#fff;opacity:.3;border-radius:100%}
#sec5 .inner .swiper-pagination .swiper-pagination-bullet-active{opacity:1}

#footer {position:relative;width:100%;height:200px;background:#26170e;border-top:1px solid #38291e;box-sizing:border-box}
#footer .inner {position:relative;width:1024px;height:100%;margin:0 auto;text-align:center}
#footer .inner ul {padding-top:58px;margin-left:380px}
#footer .inner ul li {float:left;font-size:16px;line-height:29px;color:#fff;letter-spacing:-1px;font-weight:700;font-family:'NotoSans-Thin';cursor:pointer}
#footer .inner ul li:first-child {position:relative;margin-right:22px}
#footer .inner ul li:first-child::after {content:'';position:absolute;top:8px;right:-13px;width:1px;height:14px;background:#403329}
#footer .inner .address {margin-top:12px;font-size:13px;line-height:19px;color:#a18d81;text-transform:uppercase;font-weight:700;font-family:'NotoSans-Thin'}
#footer .inner .footer-pop {text-align:center}
#footer .inner .footer-pop .privacy,
#footer .inner .footer-pop .no-email {display:none;position:absolute;left:240px;bottom:350px;width:560px;padding:120px 40px 100px;box-sizing:border-box;background:#fff;z-index:10}
#footer .inner .footer-pop .tit {margin-bottom:14px;font-size:20px;line-height:32px;color:#332013;font-weight:900;font-family:'NanumSquareR'}
#footer .inner .footer-pop .cont {margin-bottom:29px;font-size:14px;line-height:24px;font-weight:500;font-family:'NotoSans-Regular'}
#footer .inner .footer-pop .privacy .cont {overflow-y:scroll;overflow-x:hidden;height:300px;text-align:left}
#footer .inner .footer-pop .btn-ok {width:220px;height:45px;border:0;background:url(../images/footer-pop-btn-ok.png) no-repeat;text-indent:-9999px}
#footer .inner .footer-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}

#section-wrap .mark {position:fixed;top:411px;left:50%;transform:translateX(-50%);margin-left:-728px;width:300px;z-index:100}
#section-wrap .mark ul li {height:36px}
#section-wrap .mark ul li .txt {display:none;transition:.3s}
#section-wrap .mark ul li.mark1 .txt {}
#section-wrap .mark ul li .num {position:relative;top:2px;margin-right:24px;font-size:16px;line-height:28px;color:#442a19;font-weight:500;font-family:'BMJUA';transition:.3s}
#section-wrap .mark ul li.is-active .txt {display:inline-block}
#section-wrap .mark ul li.is-active .num {margin-right:15px;font-size:28px}
body[data-idx='1'] #section-wrap .mark .num,
body[data-idx='2'] #section-wrap .mark .num,
body[data-idx='4'] #section-wrap .mark .num  {color:#fff}
#section-wrap .mark .mark2.is-active .txt,
#section-wrap .mark .mark2.is-active .num,
#section-wrap .mark .mark3.is-active .txt,
#section-wrap .mark .mark3.is-active .num,
#section-wrap .mark .mark5.is-active .txt,
#section-wrap .mark .mark5.is-active .num {color:#fff;font-weight:500;border-color:#fff}

#section-wrap .indicator {position:fixed;top:430px;left:50%;transform:translateX(-50%);margin-left:845px;width:47px;z-index:100}
#section-wrap .indicator ul li.up button{display:block;margin-bottom:9px;width:47px;height:47px;background:url(../images/indicator-up.png) no-repeat;border:0;text-indent:-9999px;outline:none}
#section-wrap .indicator ul li.down button{display:block;width:47px;height:47px;background:url(../images/indicator-down.png) no-repeat;border:0;text-indent:-9999px;outline:none}
body[data-idx='1'] #section-wrap .indicator ul li.up button,
body[data-idx='2'] #section-wrap .indicator ul li.up button,
body[data-idx='4'] #section-wrap .indicator ul li.up button {background:url(../images/indicator-up-white.png) no-repeat}
body[data-idx='1'] #section-wrap .indicator ul li.down button,
body[data-idx='2'] #section-wrap .indicator ul li.down button,
body[data-idx='4'] #section-wrap .indicator ul li.down button {background:url(../images/indicator-down-white.png) no-repeat}

.water-wrap .water1 {position:absolute;top:553px;right:50%;margin-right:-960px;z-index:20}
.water-wrap .water2 {position:absolute;top:1530px;left:50%;margin-left:-960px;z-index:20}

@media (max-width: 1919px){
	#section-wrap .mark{left:30px;margin:0;transform:none}
	#section-wrap .indicator{left:auto;right:30px;margin:0;transform:none}
}

@media (min-width: 1920px){
	#section-wrap .mark{left:50%;margin-left:-728px}
	#section-wrap .indicator{left:auto;right:50%;margin-right:-845px;transform:none}
}