@charset 'utf-8';

@media screen and (min-width: 1280px) {

.w-only { display:block!important; }
.m-only { display:none!important; }

.l-wrapper { min-width:1280px; }

/* l-header 영역*/
.l-header { z-index:100; width:100%; height:88px; position:fixed; top:0; left:0; background:rgba(255,255,255,0.9); backdrop-filter: blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid #e6e6e6; overflow:hidden;}
.l-header > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative; }
.l-header > .inner-wrap > h1 { display:block; width:175px; height:60px; position:absolute; transform:translateY(-50%); top:50%; left:0; }
.l-header > .inner-wrap > h1 > a { text-indent:-9999px; display:block; width:100%; height:100%; background: url(../../image/lunchone/logo_lunchone.png) no-repeat 0 0; background-size:contain;  }
.l-header > .inner-wrap > ul { float:right; }
.l-header > .inner-wrap > ul > li { float:left; }
.l-header > .inner-wrap > ul > li.link-to-download { margin-right:18px; }
.l-header > .inner-wrap > ul > li.link-to-partner { margin-right:32px; }
.l-header > .inner-wrap > ul > li.link-to-download > a { ransition:all 0.3s; color:#262626; transition:all 0.3s; line-height:88px; padding:4px 12px; font-size:17px; font-weight:bold; }
.l-header > .inner-wrap > ul > li.link-to-partner > a { ransition:all 0.3s; color:#262626; transition:all 0.3s; line-height:88px; padding:4px 12px; font-size:17px; font-weight:bold; }
.l-header > .inner-wrap > ul > li.link-to-service > a { transition:all 0.3s; margin-top:20px; padding:12px 18px; display:block; text-align:center; border-radius:8px; font-size:16px; font-weight:bold; color:#fff; background:#DD1903; }
.l-header > .inner-wrap > ul > li.link-to-download > a:hover { color:#EB3C38; }
.l-header > .inner-wrap > ul > li.link-to-partner > a:hover { color:#EB3C38; }
.l-header > .inner-wrap > ul > li.link-to-service > a:hover { background:#EE3531; }

/*l-fab 영역*/
.l-fab { border-radius:50vh; transition:all 0.3s; right:48px; bottom:60px; z-index:100; width:120px; height:120px; position:fixed; box-shadow : 0px 4px 16px rgba(235,60,56,0.3); background: url(../../image/lunchone/btn_fab.png) no-repeat 0 0; background-size:contain; }
.l-fab > a { display:block; width:100%; height:100%; }
.l-fab > .click-hand { animation:clickhand 1s ease infinite; width:48px; height:48px; position:absolute; left:50%; margin-left:-24px; bottom:-16px; background: url(../../image/lunchone/icon_click_hand.png) no-repeat 0 0; background-size:contain; }
.l-fab:hover { box-shadow : 0px 4px 16px rgba(235,60,56,0.6); }

@keyframes clickhand {
    0% { bottom:-8px; }
	50% { bottom:-16px; }
	100% { bottom:-8px; }
}


/*l-footer 영역*/
.l-footer { width:100%; height:320px; background:#fff; position:relative; }
.l-footer > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative;}
.l-footer > .inner-wrap > strong { display:block; margin-top:48px; color:#565656; font-weight:800; font-size:16px; }
.l-footer > .inner-wrap > ul { width:100%; display:inline-block; margin-top:16px; }
.l-footer > .inner-wrap > ul > li { width:100%; display:block; margin-bottom:4px; }
.l-footer > .inner-wrap > ul > li > span {display:inline-block; width:300px; font-size:14px; color:#565656; }
.l-footer > .inner-wrap > ul > li > p {display:inline-block; width:calc(100% - 300px); font-size:14px; color:#565656; }
.l-footer > .inner-wrap > p { font-size:13px; color:#b6b6b6; margin-top:24px;  }
.l-footer > .inner-wrap > .to-top { cursor:pointer; transition:all 0.3s; position:absolute; top:-40px; right:0; width:48px; height:48px; border:1px solid #e6e6e6; border-radius:8px; }
.l-footer > .inner-wrap > .to-top > div { width:28px; height:28px; position:absolute; top:50%; left:50%; margin-top:-14px; margin-left:-14px; background: url(../../image/lunchone/icon_to_top.png) no-repeat 0 0; background-size:contain; }
.l-footer > .inner-wrap > .to-top:hover { border:1px solid #c6c6c6; }

/* l-section-main 영역*/
.l-section-main { width:100%; height:600px; margin-top:88px; background:#EB3C38; overflow:hidden }
.l-section-main > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative; }
.l-section-main > .inner-wrap > .title { z-index:10; width:408px; height:360px; position:absolute; top:112px; left:0; text-align:center; }
.l-section-main > .inner-wrap > .title > h4 { position:relative; font-size:76px; font-weight:800; color:#fff; margin-bottom:16px; line-height:1.1; }
.l-section-main > .inner-wrap > .title > .l-btn-store { display:inline-block; margin-top:24px; border-radius:8px; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li { transition:all 0.3s; float:left; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li > a { display:inline-block; width:200px; height:56px; background:#fff; border-radius:8px; font-size:18px; font-weight:800; line-height:56px; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li.link-to-apple > a:before { margin-top:12px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:32px; height:32px; background: url(../../image/lunchone/btn_store_apple.png) no-repeat 0 0; background-size:contain; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li.link-to-google > a:before { margin-top:12px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:32px; height:32px; background: url(../../image/lunchone/btn_store_google.png) no-repeat 0 0; background-size:contain; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li:first-child { margin-right:8px; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li:hover { margin-top:-3px; box-shadow : 0px 2px 12px rgba(0,0,0,0.16); }

.l-section-main > .inner-wrap > .content { width:410px; height:410px; position:absolute; top:50%; transform:translateY(-50%); right:0; background: url(../../image/lunchone/logo_main_symbol.png) no-repeat 0 0; background-size:contain; }


/* l-section-1 영역*/
.l-section-1 { width:100%; height:700px; background:#fff; overflow:hidden;}
.l-section-1 > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative; }
.l-section-1 > .inner-wrap > .title { z-index:10; width:600px; height:200px; position:absolute; top:50%; transform:translateY(-50%); right:0; text-align:left; }
.l-section-1 > .inner-wrap > .title > h4 { text-align:center; position:relative; font-size:60px; font-weight:800; color:#262626; margin-bottom:16px; line-height:1.2; }

.l-section-1 > .inner-wrap > .content { width:600px; height:600px; position:absolute; top:50%; transform:translateY(-50%); left:-100px; background: url(../../image/lunchone/illust_section1.png) no-repeat 0 0; background-size:contain; }


/* l-section-2 영역*/
.l-section-2 { width:100%; height:700px; background:#FFF7F6; overflow:hidden;}
.l-section-2 > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative; }
.l-section-2 > .inner-wrap > .title { z-index:10; width:600px; height:200px; position:absolute; top:50%; transform:translateY(-50%); left:0; text-align:left; }
.l-section-2 > .inner-wrap > .title > h4 { text-align:center; position:relative; font-size:60px; font-weight:800; color:#262626; margin-bottom:16px; line-height:1.2; }

.l-section-2 > .inner-wrap > .content { width:600px; height:600px; position:absolute; top:50%; transform:translateY(-50%); right:-100px; background: url(../../image/lunchone/illust_section2.png) no-repeat 0 0; background-size:contain; }


/* l-section-3 영역*/
.l-section-3 { width:100%; height:700px; background:#fff; overflow:hidden;}
.l-section-3 > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative; }
.l-section-3 > .inner-wrap > .title { z-index:10; width:600px; height:200px; position:absolute; top:50%; transform:translateY(-50%); right:0; text-align:left; }
.l-section-3 > .inner-wrap > .title > h4 { text-align:center; position:relative; font-size:60px; font-weight:800; color:#262626; margin-bottom:16px; line-height:1.2; }

.l-section-3 > .inner-wrap > .content { width:600px; height:600px; position:absolute; top:50%; transform:translateY(-50%); left:-100px; background: url(../../image/lunchone/illust_section3.png) no-repeat 0 0; background-size:contain; }


/* l-section-download 영역*/
.l-section-download {overflow:hidden; width:100%; height:480px; background: url(../../image/lunchone/bg_section_download.png) no-repeat right center; background-size:cover;  }
.l-section-download > .inner-wrap { width:1200px; height:100%; margin:0 auto; position:relative; }
.l-section-download > .inner-wrap > .title { z-index:10; width:800px; height:360px; position:absolute; top:100px; left:50%; transform:translateX(-50%); text-align:center; }
.l-section-download > .inner-wrap > .title > h4 { position:relative; font-size:46px; font-weight:800; color:#262626; margin-bottom:16px; line-height:56px; }
.l-section-download > .inner-wrap > .title > h4 > .l-color-primary { color:#EB3C38; font-weight:800; }
.l-section-download > .inner-wrap > .title > p { position:relative; font-size:18px; line-height:24px; font-weight:400; color:#464646; margin-bottom:32px; }

.l-section-download > .inner-wrap > .title > .l-btn-store { display:inline-block; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li { transition:all 0.3s; float:left; border-radius:8px; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li > a { display:inline-block; width:200px; height:56px; background:#fff; border-radius:8px;  font-size:18px; font-weight:800; line-height:56px; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li.link-to-apple > a:before { margin-top:12px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:32px; height:32px; background: url(../../image/lunchone/btn_store_apple.png) no-repeat 0 0; background-size:contain; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li.link-to-google > a:before { margin-top:12px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:32px; height:32px; background: url(../../image/lunchone/btn_store_google.png) no-repeat 0 0; background-size:contain; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li:first-child { margin-right:8px; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li:hover { margin-top:-3px; box-shadow : 0px 2px 12px rgba(0,0,0,0.16); }


}

@media screen and (max-width: 1279px) {

.m-only { display:block!important; }
.w-only { display:none!important; }

.l-wrapper { width:100%; overflow:hidden;}


/* l-header 영역*/
.l-header { z-index:100; width:100%; height:56px; position:fixed; top:0; left:0; background:rgba(255,255,255,0.9); backdrop-filter: blur(8px); border-bottom:1px solid #e6e6e6; overflow:hidden;}
.l-header > .inner-wrap { width:100%; height:100%; margin:0 auto; position:relative; }
.l-header > .inner-wrap > h1 { display:block; width:145px; height:50px; position:absolute; margin-top:-23px; top:50%; left:6px; }
.l-header > .inner-wrap > h1 > a { text-indent:-9999px; display:block; width:100%; height:100%; background: url(../../image/lunchone/logo_lunchone.png) no-repeat 0 0; background-size:contain;  }
.l-header > .inner-wrap > ul { float:right; }
.l-header > .inner-wrap > ul > li { float:left; }
.l-header > .inner-wrap > ul > li.link-to-download { display:none;  }
.l-header > .inner-wrap > ul > li.link-to-partner { margin-right:12px; }
.l-header > .inner-wrap > ul > li.link-to-download > a { ransition:all 0.3s; color:#262626; transition:all 0.3s; line-height:56px; padding:4px 6px; font-size:15px; font-weight:bold; }
.l-header > .inner-wrap > ul > li.link-to-partner > a { ransition:all 0.3s; color:#262626; transition:all 0.3s; line-height:56px; padding:4px 6px; font-size:15px; font-weight:bold; }
.l-header > .inner-wrap > ul > li.link-to-service { margin-right:8px; }
.l-header > .inner-wrap > ul > li.link-to-service > a { transition:all 0.3s; margin-top:10px; padding:10px 12px; display:block; text-align:center; border-radius:8px; font-size:13px; font-weight:bold; color:#fff; background:#DD1903; }
.l-header > .inner-wrap > ul > li.link-to-download > a:hover { color:#EB3C38; }
.l-header > .inner-wrap > ul > li.link-to-partner > a:hover { color:#EB3C38; }
.l-header > .inner-wrap > ul > li.link-to-service > a:hover { background:#EE3531; }


/*l-footer 영역*/
.l-footer { width:100%; height:320px; background:#fff; position:relative; }
.l-footer > .inner-wrap { width:calc(100% - 32px); height:100%; margin:0 16px; position:relative;}
.l-footer > .inner-wrap > strong { display:block; margin-top:48px; color:#565656; font-weight:800; font-size:14px; }
.l-footer > .inner-wrap > ul { width:100%; display:inline-block; margin-top:12px; }
.l-footer > .inner-wrap > ul > li { width:100%; display:block; margin-bottom:4px; }
.l-footer > .inner-wrap > ul > li > span {display:inline-block; width:120px; font-size:12px; color:#565656; }
.l-footer > .inner-wrap > ul > li > p {display:inline-block; width:calc(100% - 120px); font-size:13px; color:#565656; }
.l-footer > .inner-wrap > p { font-size:11px; color:#b6b6b6; margin-top:20px;  }

.l-footer > .inner-wrap > .to-top { cursor:pointer; transition:all 0.3s; position:absolute; bottom:40px; right:0; width:40px; height:40px; border:1px solid #e6e6e6; border-radius:6px; }
.l-footer > .inner-wrap > .to-top > div { width:28px; height:28px; position:absolute; top:50%; left:50%; margin-top:-14px; margin-left:-14px; background: url(../../image/lunchone/icon_to_top.png) no-repeat 0 0; background-size:contain; }
.l-footer > .inner-wrap > .to-top:hover { border:1px solid #c6c6c6; }


/* l-section-main 영역*/
.l-section-main { width:100%; height:600px; margin-top:56px; background:#EB3C38; overflow:hidden }
.l-section-main > .inner-wrap { width:100%; height:100%; margin:0 auto; position:relative; }
.l-section-main > .inner-wrap > .title { z-index:10; width:328px; height:360px; position:absolute; top:48px; left:50%; transform:translateX(-50%); text-align:center; }
.l-section-main > .inner-wrap > .title > h4 { position:relative; font-size:60px; font-weight:800; color:#fff; margin-bottom:8px; line-height:1.1; }
.l-section-main > .inner-wrap > .title > .l-btn-store { display:inline-block; margin-top:16px; border-radius:8px; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li { transition:all 0.3s; float:left; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li > a { display:inline-block; width:160px; height:45px; background:#fff; border-radius:8px; font-size:15px; font-weight:800; line-height:45px; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li.link-to-apple > a:before { margin-top:8px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:28px; height:28px; background: url(../../image/lunchone/btn_store_apple.png) no-repeat 0 0; background-size:contain; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li.link-to-google > a:before { margin-top:8px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:28px; height:28px; background: url(../../image/lunchone/btn_store_google.png) no-repeat 0 0; background-size:contain; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li:first-child { margin-right:8px; }
.l-section-main > .inner-wrap > .title > .l-btn-store > li:hover { margin-top:-3px; box-shadow : 0px 2px 12px rgba(0,0,0,0.16); }

.l-section-main > .inner-wrap > .content { width:380px; height:380px; position:absolute; bottom:-128px; left:50%; transform:translateX(-50%); background: url(../../image/lunchone/logo_main_symbol.png) no-repeat 0 0; background-size:contain; }


/* l-section-1 영역*/
.l-section-1 { width:100%; height:520px; background:#fff; overflow:hidden;}
.l-section-1 > .inner-wrap { width:100%; height:100%; margin:0 auto; position:relative; }
.l-section-1 > .inner-wrap > .title { z-index:10; width:320px; height:200px; position:absolute; top:80px; left:50%; transform:translateX(-50%); text-align:center; }
.l-section-1 > .inner-wrap > .title > h4 { text-align:center; position:relative; font-size:42px; font-weight:800; color:#262626; margin-bottom:16px; line-height:1.1; }

.l-section-1 > .inner-wrap > .content { width:320px; height:320px; position:absolute; top:160px; transform:translateX(-50%); left:46%; background: url(../../image/lunchone/illust_section1.png) no-repeat 0 0; background-size:contain; }


.l-section-2 { width:100%; height:520px; background:#FFF7F6; overflow:hidden;}
.l-section-2 > .inner-wrap { width:100%; height:100%; margin:0 auto; position:relative; }
.l-section-2 > .inner-wrap > .title { z-index:10; width:320px; height:200px; position:absolute; top:80px; left:50%; transform:translateX(-50%); text-align:center; }
.l-section-2 > .inner-wrap > .title > h4 { text-align:center; position:relative; font-size:42px; font-weight:800; color:#262626; margin-bottom:16px; line-height:1.1; }

.l-section-2 > .inner-wrap > .content { width:320px; height:320px; position:absolute; top:160px; transform:translateX(-50%); left:48%; background: url(../../image/lunchone/illust_section2.png) no-repeat 0 0; background-size:contain; }


.l-section-3 { width:100%; height:520px; background:#fff; overflow:hidden;}
.l-section-3 > .inner-wrap { width:100%; height:100%; margin:0 auto; position:relative; }
.l-section-3 > .inner-wrap > .title { z-index:10; width:320px; height:200px; position:absolute; top:80px; left:50%; transform:translateX(-50%); text-align:center; }
.l-section-3 > .inner-wrap > .title > h4 { text-align:center; position:relative; font-size:42px; font-weight:800; color:#262626; margin-bottom:16px; line-height:1.1; }

.l-section-3 > .inner-wrap > .content { width:320px; height:320px; position:absolute; top:160px; transform:translateX(-50%); left:50%; background: url(../../image/lunchone/illust_section3.png) no-repeat 0 0; background-size:contain; }


/* l-section-download 영역*/
.l-section-download {overflow:hidden; width:100%; height:480px; background: url(../../image/lunchone/bg_section_download_mobile.png) no-repeat right center; background-size:cover;  }
.l-section-download > .inner-wrap { width:100%; height:100%; margin:0 auto; position:relative; }
.l-section-download > .inner-wrap > .title { z-index:10; width:328px; height:360px; position:absolute; top:100px; left:50%; transform:translateX(-50%); text-align:center; }
.l-section-download > .inner-wrap > .title > h4 { position:relative; font-size:44px; font-weight:800; color:#262626; margin-bottom:16px; line-height:48px; }
.l-section-download > .inner-wrap > .title > h4 > .l-color-primary { color:#EB3C38; font-weight:800; }
.l-section-download > .inner-wrap > .title > p { position:relative; font-size:14px; line-height:20px; font-weight:400; color:#464646; margin-bottom:32px; }

.l-section-download > .inner-wrap > .title > .l-btn-store { display:inline-block; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li { transition:all 0.3s; float:left; border-radius:8px; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li > a { display:inline-block; width:160px; height:45px; background:#fff; border-radius:8px;  font-size:15px; font-weight:800; line-height:45px; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li.link-to-apple > a:before { margin-top:8px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:28px; height:28px; background: url(../../image/lunchone/btn_store_apple.png) no-repeat 0 0; background-size:contain; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li.link-to-google > a:before { margin-top:8px; margin-left:8px; margin-right:-12px; display:block; float:left; content:''; width:28px; height:28px; background: url(../../image/lunchone/btn_store_google.png) no-repeat 0 0; background-size:contain; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li:first-child { margin-right:8px; }
.l-section-download > .inner-wrap > .title > .l-btn-store > li:hover { margin-top:-3px; box-shadow : 0px 2px 12px rgba(0,0,0,0.16); }



}