@charset "utf-8";

/* section1 */
.section1{height:1038px; margin-top:125px; padding-top:98px; background-color:#2057d4; text-align:center; box-sizing:border-box;}
.section1 .inner{position:relative; z-index:10;}
.section1 .inner .con{display:flex; justify-content:center; align-items:center; padding-top:100px; border-top:2px solid #292929; text-align:left;}
.section1 .inner .con p{margin-right:126px; font-size:28px; color:#bbcceb; line-height:42px;}
.section1 .inner .con a{display:inline-block; width:375px; height:80px; background-color:#fff; border-radius:50px; font-family:"NSB"; font-size:24px; color:#2057d4; line-height:80px; text-align:center; transition:all ease .5s;}
/* .section1 .inner .con a:hover{background-color:#032f81; color:#fff;} */

/* section2:점주님 전용 프로그램 */
.section2{height:1024px;}
.section2 .inner{width:1902px; margin:0 auto; padding:145px 0; box-sizing:border-box;}
.section2 .inner .con{position:relative; z-index:10;}
.section2 .inner .con .tit{width:795px; height:57px; margin-bottom:80px; background:url(/Assets/img/owner/tit01.gif) 0 0 no-repeat; text-indent:-9999px;}
.section2 .inner .con ul{display:flex;}
.section2 .inner .con ul li{width:auto; text-align:center;}
.section2 .inner .con ul li:not(:first-child){margin-left:108px;}
.section2 .inner .con ul li div{position:relative; height:347px;}
.section2 .inner .con ul li p{margin-top:52px; font-size:25px; line-height:40px;}
.section2 .inner .con ul li a{display:block; width:375px; height:80px; margin:38px auto 0 auto; background-color:#2057d4; border-radius:50px; font-family:"NSB"; font-size:24px; color:#fff; line-height:80px; transition:all ease .5s;}
.section2 .inner .con ul li a span{padding-right:45px; background:url(/Assets/img/common/link_ico02.png) right 1px top 3px no-repeat;}
.section2 .inner .con ul li:nth-child(1) a span{background:url(/Assets/img/common/dwn_ico02.png) right 1px no-repeat;}
.section2 .inner .con .arrow{display:none;}

.section2 .inner .con ul li:hover div{
	animation-duration: 0.5s;
	animation-name: program;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes program {
  from {top:0;}
  to {top:8px;}
}

/* section3:배달특급 입점 신청하기 */
.section3{height:944px; background-color:#2057d4;}
.section3 .inner{display:flex; align-items:end; width:1902px; margin:0 auto; padding:135px 0; box-sizing:border-box;}
.section3 .inner .con{margin-right:373px;}
.section3 .inner .con .tit{width:652px; height:57px; margin-bottom:90px; background:url(/Assets/img/owner/tit02.gif) 0 0 no-repeat; text-indent:-9999px;}
.section3 .inner .con .txt{margin-bottom:30px; font-size:30px; line-height:60px; color:#fff;}
.section3 .inner .con .txt span{position:relative; z-index:10;}
.section3 .inner .con .txt span:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:17px; background-color:#0e42b7; z-index:-1;}
.section3 .inner .con > span{font-family:"GSM"; font-size:26px; color:#fff;}
.section3 .inner .con .application{position:relative; margin-top:85px;}
.section3 .inner .con .application p{margin-bottom:45px; font-family:"GSM"; font-size:40px; color:#fff;}
.section3 .inner .con .application ol li{font-family:"GSM"; font-size:30px; line-height:50px; color:#90b2fe;}
.section3 .inner .con .application ol li span{position:relative; z-index:10;}
.section3 .inner .con .application ol li span:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:17px; background-color:#0e42b7; z-index:-1;}
.section3 .inner .con .application a{display:inline-block; position:absolute; bottom:0; left:435px; width:375px; height:80px; background-color:#fff; border-radius:50px; font-family:"NSB"; font-size:24px; line-height:80px; text-align:center;  color:#2057d4; transition:background-color ease .5s;}

/* section4:배달특급 사용 매뉴얼 */
.section4{height:1093px;}
.section4 .inner{display:flex; width:1902px; margin:0 auto; padding-top:259px; box-sizing:border-box;}
.section4 .inner .video{margin-right:128px; text-align:center;}
.section4 .inner .video p{margin-top:40px; font-size:28px;}
.section4 .inner .con .tit{width:590px; height:57px; margin-bottom:90px; background:url(/Assets/img/owner/tit03.gif) 0 0 no-repeat; font-family:"GSB"; text-indent:-9999px;}
.section4 .inner .con .txt{margin-bottom:90px; font-size:30px; line-height:58px;}
.section4 .inner .con a{display:inline-block; width:390px; height:100px; background-color:#2057d4; border-radius:50px; font-family:"NSB"; font-size:30px; color:#fff; line-height:100px; text-align:center; transition:background-color ease .5s;}
/* .section4 .inner .con a:hover{background-color:#103ea7;} */
.section4 .inner .con a span{padding-right:73px; background:url(/Assets/img/common/dwn_ico01.png) right center no-repeat;}


/* section5:공공 상생의 시작 배달특급 */
.section5{height:880px; background-color:#2057d4; border-top:1px solid #cfcfcf; color:#fff;}
.section5 .inner{display:flex; width:1902px; margin:0 auto; padding:231px 0 0 78px;}
.section5 .inner > img{margin:62px 127px 0 0;}
.section5 .inner .con .tit{width:758px; height:61px; margin-bottom:70px; background:url(/Assets/img/owner/tit04.gif) 0 0 no-repeat; text-indent:-9999px;}
.section5 .inner .con .txt{margin-bottom:155px; font-size:30px; line-height:60px;}
.section5 .inner .con .txt span{font-family:"NSB";}
.section5 .inner .con a{display:inline-block; width:342px; height:85px; background-color:#3768d8; border:1px solid #fff; font-size:24px; color:#fff; line-height:85px; text-align:center; transition:background-color ease .5s;}
/* .section5 .inner .con div a:hover{background-color:#183b8b;} */
.section5 .inner .con a span{padding-right:44px; background:url(/Assets/img/common/link_ico01.png) right center no-repeat;}

/* section6 */
.section6{height:957px; background-color:#f2d100;}
.section6 .inner{display:flex; align-items:end; width:1902px; margin:0 auto; padding:254px 0 0 135px; box-sizing:border-box;}
.section6 .inner .con{position:relative; margin-right:394px; color:#000;}
.section6 .inner .con .tit{width:567px; height:171px; margin-bottom:45px; background:url(/Assets/img/owner/tit06.gif) 0 0 no-repeat; font-family:"GSB"; text-indent:-9999px;}
.section6 .inner .con .txt{font-size:30px; line-height:58px;}
.section6 .inner .con > span{position:absolute; top:100px; right:-308px;}
.section6 .inner ul li{position:relative; width:600px; height:100px; font-family:"NSB"; font-size:30px; background-color:#fff; border-radius:50px; color:#000; line-height:100px; text-align:center; z-index:10;}
.section6 .inner ul li:after{content:""; display:block; position:absolute; top:0; left:0; width:600px; height:100px; background-color:#fff; border-radius:50px; z-index:0;}
.section6 .inner ul li:before{content:""; display:block; position:absolute; bottom:-27px; left:27px; width:600px; height:100px; background-color:#c2a700; border-radius:50px; z-index:-1; transition:all ease .5s;}
/* .section6 .inner ul li:hover:before {bottom:-22px; left:22px;} */
.section6 .inner ul li:not(:first-child){margin-top:39px;}
.section6 .inner ul li a{position:relative; color:#000; z-index:10;}
.section6 .inner ul li a span{display:inline-block; width:43px; text-align:center;}
.section6 .inner ul li:nth-child(1) a{padding-right:57px; background:url(/Assets/img/common/right_arr.gif) right center no-repeat;}
.section6 .inner ul li:nth-child(2) a span{width:95px;}


@media screen and (max-width:1920px){
	
	/* section1 */
	.section1{height:592px; padding-top:49px;}
	.section1 .inner img{width:836px;}
	.section1 .inner .con p{font-size:24px; line-height:38px;}
	.section1 .inner .con a{width:300px; height:60px; font-size:24px; line-height:60px;}
	
	/* section2 */
	.section2{height:auto;}
	.section2 .inner{width:1200px; padding:100px 0 80px;}
	.section2 .inner .con .tit{width:567px; height:40px; margin-bottom:45px; background-size:100%;}
	.section2 .inner .con ul li{width:calc(100% / 4);}
	.section2 .inner .con ul li:not(:first-child){margin-left:50px;}
	.section2 .inner .con ul li div{height:274px;}
	.section2 .inner .con ul li:nth-child(1) div img{width:211px;}
	.section2 .inner .con ul li:nth-child(2) div img{width:245px;}
	.section2 .inner .con ul li:nth-child(3) div img{width:241px;}
	.section2 .inner .con ul li:nth-child(4) div img{width:247px;}
	.section2 .inner .con ul li p{font-size:18px; line-height:28px;}
	.section2 .inner .con ul li a{width:100%; height:60px; font-size:18px; line-height:60px;}
	.section2 .inner .con ul li a span{background-position:right 1px top 0;}
	
	/* section3 */
	.section3{height:auto;}
	.section3 .inner{align-items:start; width:1200px; padding:100px 0 80px;}
	.section3 .inner .con{margin-right:227px;}
	.section3 .inner .con .tit{width:453px; height:40px; margin-bottom:45px; background-size:100%;}
	.section3 .inner .con .txt{font-size:20px; line-height:38px;}
	.section3 .inner .con > span{font-size:18px;}
	.section3 .inner .con .application p{margin-bottom:35px; font-size:30px;}
	.section3 .inner .con .application ol li{font-size:20px; line-height:40px;}
	.section3 .inner .con .application a{left:320px; width:300px; height:60px; font-size:24px; line-height:60px;}
	.section3 .inner > img{width:520px;}
	
	/* section4 */
	.section4{height:auto;}
	.section4 .inner{width:1200px; padding:100px 0 80px;}
	.section4 .inner .video{width:566px; margin-right:100px;}
	.section4 .inner .video iframe{width:100%; height:326px;}
	.section4 .inner .video p{margin-top:30px; font-size:18px;}
	.section4 .inner .con .tit{width:418px; height:40px; margin-bottom:45px; background-size:100%;}
	.section4 .inner .con .txt{font-size:20px; line-height:38px;}
	.section4 .inner .con a{width:300px; height:60px; font-size:24px; line-height:60px;}
	.section4 .inner .con a span{padding-right:40px;}
	
	/* section5 */
	.section5{height:auto;}
	.section5 .inner{width:1200px; padding:100px 0 0;}
	.section5 .inner > img{width:586px; margin:62px 100px 0 0;}
	.section5 .inner .con .tit{width:512px; height:40px; margin-bottom:45px; background-size:100%;}
	.section5 .inner .con .txt{margin-bottom:100px; font-size:20px; line-height:38px;}
	.section5 .inner .con a{width:272px; height:60px; font-size:20px; line-height:60px;}
	
	/* section6 */	
	.section6{height:auto;}
	.section6 .inner{width:1200px; padding:100px 0 80px 90px;}
	.section6 .inner .con{margin-right:275px;}
	.section6 .inner .con .tit{width:350px; height:106px; background-size:100%;}
	.section6 .inner .con .txt{font-size:20px; line-height:38px;}
	.section6 .inner .con > span{top:55px; right:-224px;}
	.section6 .inner .con > span img{width:169px;}
	.section6 .inner ul li{width:400px; height:80px; font-size:20px; line-height:80px;}
	.section6 .inner ul li:before{bottom:-17px; left:17px; width:400px; height:80px;}
	.section6 .inner ul li:after{width:400px; height:80px;}
	
}

@media screen and (max-width:1200px){
	
	/* section1 */
	.section1{height:476px; margin-top:72px;}
	.section1 .inner img{width:736px;}
	.section1 .inner .con{padding-top:50px;}
	.section1 .inner .con p{font-size:20px; line-height:32px;}
	.section1 .inner .con a{width:250px; height:50px; font-size:20px; line-height:50px;}
	
	/* section2 */
	.section2 .inner{width:720px;}
	.section2 .inner .con{position:relative;}
	.section2 .inner .con .slider{overflow:hidden;}
	.section2 .inner .con .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; background:none; text-indent:inherit;}
	.section2 .inner .con .tit span{color:#14bcc1;}
	.section2 .inner .con ul li:not(:first-child){margin-left:0;}
	.section2 .inner .con ul li div{height:240px;}
	.section2 .inner .con ul li:nth-child(1) div img{width: 181px;}
	.section2 .inner .con ul li:nth-child(2) div img{width: 215px;}
	.section2 .inner .con ul li:nth-child(3) div img{width: 211px;}
	.section2 .inner .con ul li:nth-child(4) div img{width:217px;}
	.section2 .inner .con ul li p{font-size:16px; line-height:24px;}
	.section2 .inner .con ul li a{width:200px; height:50px; font-family:"GSM"; font-size:14px; line-height:53px;}
	.section2 .inner .con ul li a span{padding:3px 28px 3px 0;}
	.section2 .inner .con ul li:nth-child(1) a span{padding:4px 28px 3px 0;}
	.section2 .inner .con .arrow{display:block;}
	.section2 .inner .con .arrow a{display:block; position:absolute; top:50%; width:32px; height:58px; transform:translateY(-50%); text-indent:-9999px;}
	.section2 .inner .con .arrow a.prev{left:-50px;}
	.section2 .inner .con .arrow a.prev:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/Assets/img/owner/slide_prev_arr.gif) 0 0 no-repeat;}
	.section2 .inner .con .arrow a.next{right:-50px;}
	.section2 .inner .con .arrow a.next:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/Assets/img/owner/slide_next_arr.gif) 0 0 no-repeat;}
	.section2 .inner .con .arrow a.swiper-button-disabled:before{background-position:0 -58px;}
	
	/* section3 */
	.section3 .inner{width:720px; padding:100px 0;}
	.section3 .inner > img{width:295px;}
	.section3 .inner .con{margin-right:60px;}
	.section3 .inner .con .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; background:none; color:#fff; text-indent:inherit;}
	.section3 .inner .con .tit span{color:#d9f12d;}
	.section3 .inner .con .txt{margin-bottom:25px; font-family:"GSM"; font-size:16px; line-height:26px;}
	.section3 .inner .con > span{font-size:15px;}
	.section3 .inner .con .application{margin-top:45px;}
	.section3 .inner .con .application p{margin-bottom:25px; font-size:20px;}
	.section3 .inner .con .application ol li{font-size:16px; line-height:30px;}
	.section3 .inner .con .application a{left:193px; width:200px; height:50px; font-size:18px; line-height:50px;}
	
	/* section4 */
	.section4 .inner{width:720px; padding:100px 0;}
	.section4 .inner .video{margin-right:60px;}
	.section4 .inner .video iframe{height:198px;}
	.section4 .inner .con .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; background:none; text-indent:inherit;}
	.section4 .inner .con .tit span{color:#f6921d;}
	.section4 .inner .con .txt{margin-bottom:25px; font-family:"GSM"; font-size:16px; line-height:26px;}
	.section4 .inner .con a{width:215px; height:50px; font-size:20px; line-height:50px;}
	
	/* section5 */
	.section5 .inner{width:720px; padding:100px 0 0;}
	.section5 .inner > img{width:318px; margin:80px 60px 0 0;}
	.section5 .inner .con .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; color:#fff; background:none; text-indent:inherit;}
	.section5 .inner .con .tit span:nth-child(1),
	.section5 .inner .con .tit span:nth-child(3){color:#8baae4;}
	.section5 .inner .con .tit span:nth-child(2){color:#d0e72e;}
	.section5 .inner .con .txt{margin-bottom:45px; font-family:"GSM"; font-size:16px; line-height:26px;}
	.section5 .inner .con .txt br{display:none;}
	.section5 .inner .con a{width:232px; height:50px; font-size:18px; line-height:50px;}
	
	/* section6 */
	.section6 .inner{align-items:start; width:720px; padding:100px 0;}
	.section6 .inner .con{margin-right:60px;}
	.section6 .inner .con .tit{width:auto; height:auto; margin-bottom:45px; font-family:"GSB"; font-size:30px; background:none; text-indent:inherit;}
	.section6 .inner .con .tit span{display:block; margin-top:7px; font-size:16px;}
	.section6 .inner .con .txt{margin-bottom:20px; font-family:"GSM"; font-size:16px; line-height:26px;}
	.section6 .inner .con .txt br{display:none;}
	.section6 .inner .con > span{position:static;}
	.section6 .inner .con > span img{width:121px;}
	.section6 .inner ul li{width:354px; height:60px; font-size:18px; line-height:60px;}
	.section6 .inner ul li:before{width:354px; height:60px;}
	.section6 .inner ul li:after{width:354px; height:60px;}
	
}

@media screen and (max-width:768px){
	
	/* section1 */
	.section1{height:auto; margin-top:56px; padding:30px 0 25px; border-bottom:none;}
	.section1 .inner{margin:0;}
	.section1 .inner img{max-width:100%; padding:0 16px; box-sizing:border-box;}
	.section1 .inner .con{display:block; width:auto; padding-top:30px; border-top:1px solid #292929; text-align:center;}
	.section1 .inner .con p{margin:0 0 15px; font-family:"GSM"; font-size:16px; line-height:24px;}
	.section1 .inner .con a{width:180px; height:40px; font-family:"GSM"; font-size:16px; line-height:42px;}
	
	/* section2 */
	.section2 .inner{width:auto; padding:50px 16px; text-align:center;}
	.section2 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section2 .inner .con ul li div{height:auto;}
	.section2 .inner .con ul li:nth-child(1) div img{width:151px;}
	.section2 .inner .con ul li:nth-child(2) div img{width:185px;}
	.section2 .inner .con ul li:nth-child(3) div img{width:181px;}
	.section2 .inner .con ul li:nth-child(4) div img{width:187px;}
	.section2 .inner .con ul li p{margin-top:20px; font-size:14px; line-height:21px;}
	.section2 .inner .con ul li a{width:70%; margin-top:20px;}
	.section2 .inner .con .arrow a{z-index:10;}
	.section2 .inner .con .arrow a.prev{left:0;}
	.section2 .inner .con .arrow a.next{right:0;}
	
	/* section3 */
	.section3 .inner{display:block; position:relative; width:auto; padding:380px 16px 50px; text-align:center;}
	.section3 .inner .con{margin-right:0;}
	.section3 .inner > img{position:absolute; top:50px; left:50%; transform:translateX(-50%);}
	.section3 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section3 .inner .con .txt{font-size:15px; line-height:24px;}
	.section3 .inner .con .application{margin-top:20px;}
	.section3 .inner .con .application p{margin-bottom:15px;}
	.section3 .inner .con .application ol{margin-bottom:30px;}
	.section3 .inner .con .application ol li{font-size:15px; line-height:26px;}
	.section3 .inner .con .application ol li span:before{height:12px;}
	.section3 .inner .con .application a{position:static; width:180px; height:40px; font-family:"GSM"; font-size:16px; line-height:42px;}
	
	/* section4 */
	.section4 .inner{display:block; width:auto; padding:50px 16px; text-align:center;}
	.section4 .inner .video{position:relative; width:100%; margin:0 0 67px 0; padding-top:41.25%;}
	.section4 .inner .video iframe{position:absolute; top:0; left:0; height:100%;}
	.section4 .inner .video p{position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); width:100%; margin-top:0; font-size:15px; font-family:"GSM";}
	.section4 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section4 .inner .con .txt{margin-bottom:30px; font-size:15px; line-height:24px;}
	.section4 .inner .con a{width:180px; height:40px; font-family:"GSM"; font-size:16px; line-height:42px;}
	.section4 .inner .con a span{padding:3px 30px 0 0; background-size:13px;}
	
	/* section5 */
	.section5 .inner{display:block; position:relative; width:auto; padding:50px 16px 270px; text-align:center;}
	.section5 .inner > img{position:absolute; bottom:0; left:50%; transform:translateX(-50%); margin:0;}
	.section5 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section5 .inner .con .txt{margin-bottom:30px; font-size:15px; line-height:24px;}	
	.section5 .inner .con a{width:220px; height:40px; font-family:"GSM"; font-size:16px; line-height:44px;}
	.section5 .inner .con a span{padding-right:24px; background-size:14px; background-position:top 0 right 1px;}
	
	/* section6 */	
	.section6 .inner{display:block; width:auto; padding:50px 16px; text-align:center;}
	.section6 .inner .con{margin:0 0 20px;}
	.section6 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section6 .inner .con .tit span.time{margin-top:10px;}
	.section6 .inner .con .txt{font-size:15px; line-height:24px;}
	.section6 .inner ul li{width:300px; height:40px; margin:0 auto; font-family:"GSM"; font-size:16px; line-height:40px;}
	.section6 .inner ul li:not(:first-child){margin-top:20px;}
	.section6 .inner ul li:before{bottom:-10px; left:10px; width:300px; height:40px;}
	.section6 .inner ul li:after{width:300px; height:40px;}
	.section6 .inner ul li a span{width:10px !important;}
	
	
}