@charset "euc-kr";
.sect_1 { width:100%; height:100vh; }
#mvisImgWrap { position:relative; width:100vw; height:100vh; }
.mainVisimg .elem { width:100vw; height:100vh; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.mainVisimg .elem.visImg_1 { background-image:url(../images/m_vis_1.jpg); }
.mainVisimg .elem.visImg_2 { background-image:url(../images/m_vis_2.jpg); }
.mainVisimg .elem.visImg_3 { background-image:url(../images/m_vis_3.jpg); }
.mainVisimg .elem .visText { position:absolute; top:340px; left:50%; margin-left:-560px; color:#FFF; z-index:5; }
.mainVisimg .elem .visText .vmt { font-size:68px; font-family:'GmarketSansLight'; color:#E8C667; letter-spacing:0; }
.mainVisimg .elem .visText .vmt span { font-family:'GmarketSansBold'; font-weight:200; letter-spacing:0; }
.mainVisimg .elem .visText .vst { font-size:24px; font-family:'Noto Serif KR', serif; font-weight:200; color:rgba(255,255,255,.8); margin:10px 0 30px; }
.mainVisimg .elem .visText_2 { position:absolute; top:340px; left:50%; margin-left:-110px; color:#FFF; z-index:5; }
.mainVisimg .elem .visText_2 .vmt { font-size:68px; font-family:'GmarketSansLight'; color:#E8C667; letter-spacing:0; }
.mainVisimg .elem .visText_2 .vmt span { font-family:'GmarketSansBold'; font-weight:200; letter-spacing:0; }
.mainVisimg .elem .visText_2 .vst { font-size:24px; font-family:'Noto Serif KR', serif; font-weight:200; color:rgba(255,255,255,.8); margin:10px 0 30px; }
.ctrlArea { position:absolute; top:580px; left:50%; margin-left:-560px; color:#FFF; font-family:'Montserrat', sans-serif; }
.process_bar { position:relative; display:inline-block; margin:-4px 5px 0; background:rgba(255,255,255,.2); width:300px; height:1px; text-align:center; vertical-align:middle; text-indent:-9999px; overflow:hidden; }
.process_bar:before { content:''; position:absolute; top:0; left:0; height:100%; background:#FFF; -webkit-transition:5s ease-in-out; transition:5s ease-in-out; }
.process_bar.active::before { width:100%; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-name:PROCBAR; animation-name:PROCBAR; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
@-webkit-keyframes PROCBAR { 0% { width:0; } 100% { width:100%; } }
@keyframes PROCBAR { 0% { width:0; } 100% { width:100%; } }
.playStop { display:inline-block; width:9px; height:11px; background:url('../images/controlBtn_hori.png') no-repeat right; margin-left:10px; text-indent:-9999px; overflow:hidden; -moz-transition:.2s ease; -webkit-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; }
.playStop.on { background:url('../images/controlBtn_hori.png') no-repeat left; }
.ctrlArea > em { font-size:14px; margin-left:10px; text-indent:-9999px; }
.ctrlArea > strong.page_divi { font-size:12px; color:rgba(255,255,255,.5); }
.ctrlArea > span { font-size:14px; color:rgba(255,255,255,.5); text-indent:-9999px; }
.ctrlArea_2 { position:absolute; top:580px; left:50%; margin-left:-112px; color:#FFF; font-family:'Montserrat', sans-serif; }
.ctrlArea_2 > em { font-size:14px; margin-left:10px; text-indent:-9999px; }
.ctrlArea_2 > strong.page_divi { font-size:12px; color:rgba(255,255,255,.5); }
.ctrlArea_2 > span { font-size:14px; color:rgba(255,255,255,.5); text-indent:-9999px; }
.scrollDown { position:absolute; left:50%; top:90vh; margin-left:-15px; width:33px; height:20px; z-index:9; -webkit-animation:scrollanim .8s ease-in-out .8s infinite normal; -moz-animation:scrollanim .8s ease-in-out .8s infinite normal; animation:scrollanim .8s ease-in-out .8s infinite normal; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
@keyframes scrollanim { 0%{ top:91vh; }50%{ top:90vh; }100%{ top:91vh; }}
@-webkit-keyframes scrollanim { 0%{ top:91vh; }50%{ top:90vh; }100%{ top:91vh; }}
.optbr { display:block; }
.sect_2 { width:100%; height:100vh; background:rgba(255,102,0,0) url(../images/history_bg.png) no-repeat center/cover; }
#com_contents { margin:100px auto 0; width:100%; max-width:1200px; overflow:hidden; }
.subGreet { width:100%; max-width:1200px; margin:0 auto; padding:20px 0 80px; overflow:hidden; }
.subGreet .imgArea { float:left; position:relative; box-sizing:border-box; width:350px; -webkit-transform:translateX(0%); -moz-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); z-index:11; }
.subGreet .imgArea .line { position:absolute; left:0; top:0; width:0; height:200px; background-color:rgba(255,102,0,.2); opacity:0; filter:alpha(opacity=0); }
.subGreet .imgArea .line > li { text-indent:-9999px; }
.subGreet .imgArea .line > li:nth-child(1) { position:absolute; left:20px; top:-20px; width:0; height:1px; background:rgba(255,102,0,1); }
.subGreet .imgArea .line > li:nth-child(2) { position:absolute; right:-20px; top:-20px; width:1px; height:0; background:rgba(255,102,0,1); }
.subGreet .imgArea .line > li:nth-child(3) { position:absolute; right:-20px; bottom:20px; width:0; height:1px; background:rgba(255,102,0,1); }
.subGreet .imgArea .line > li:nth-child(4) { position:absolute; left:20px; bottom:20px; width:1px; height:0; background:rgba(255,102,0,1); }
.subGreet .imgArea .photo { position:absolute; top:30px; left:50px; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); overflow:hidden; opacity:0; filter:alpha(opacity=0); z-index:9; }
.subGreet .imgArea .photo > img { max-width:100%; height:auto; }
.subGreet .imgArea .photo > img.logo { position:absolute; right:-185px; top:210px; background:rgba(255,255,255,1); padding:15px 15%; opacity:1; filter:alpha(opacity=100); z-index:10; }
.subGreet .imgArea .photo > img.photo_bg { border-radius:0 50px 0 50px; }
.subGreet .greetArea { float:right; width:calc(100% - 420px); padding-top:0; opacity:0; filter:alpha(opacity=0); z-index:10; }
.subGreet .greetArea h3.greetTitle { font-size:30px; font-family:'GmarketSansBold'; color:#333; margin-bottom:20px; }
.subGreet .greetArea > p { font-size:16px; color:#555; margin-bottom:20px; line-height:1.75; text-align:justify; }
.subGreet.onView .imgArea { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s; }
.subGreet.onView .imgArea .line { width:200px; height:200px; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s; -o-transition:all .3s .1s; transition:all .3s .1s; transform:rotateY(360deg); opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .imgArea .line > li:nth-child(1) { width:100%; height:1px; -webkit-transition:all .3s .2s ease-in-out; -moz-transition:all .3s .2s ease-in-out; -o-transition:all .3s .2s ease-in-out; transition:all .3s .2s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(2) { width:1px; height:100%; -webkit-transition:all .3s .4s ease-in-out; -moz-transition:all .3s .4s ease-in-out; -o-transition:all .3s .4s ease-in-out; transition:all .3s .4s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(3) { width:100%; height:1px; -webkit-transition:all .3s .6s ease-in-out; -moz-transition:all .3s .6s ease-in-out; -o-transition:all .3s .6s ease-in-out; transition:all .3s .6s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(4) { width:1px; height:100%; -webkit-transition:all .3s .8s ease-in-out; -moz-transition:all .3s .8s ease-in-out; -o-transition:all .3s .8s ease-in-out; transition:all .3s .8s ease-in-out; }
.subGreet.onView .imgArea .photo { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:all 1s .8s; -moz-transition:all 1s .8s; -o-transition:all 1s .8s; transition:all 1s .8s; opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .imgArea .photo .logo { right:0; -webkit-transition:all .6s 1.5s ease-in-out; -moz-transition:all .6s 1.5s ease-in-out; -o-transition:all .6s 1.5s ease-in-out; transition:all .6s 1.5s ease-in-out; opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .greetArea { -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; opacity:1; filter:alpha(opacity=100); z-index:11; }
.signArea { float:right; width:200px; }
.ceo { margin-top:50px; font-size:14px; }
.sect_3 { width:100%; height:100vh; background:#F7F7F7; overflow:hidden; }
.sect_3 h3.recomm_mtitle { font-size:30px; color:#333; text-align:center; font-family:'GmarketSansBold'; }
.recomm_stitle { font-size:16px; color:#888; text-align:center; line-height:18px; margin-bottom:45px; }
.recomm_width { position:relative; width:100%; max-width:1400px; margin:0 auto; }
.swiper_recomm { position:relative; width:100%; overflow:hidden; z-index:1; }
.swiper_recomm:before { content:''; position:absolute; top:0; left:0; width:167px; height:100%; background:rgba(247,247,247,.7); z-index:2; }
.swiper_recomm:after { content:''; position:absolute; top:0; right:0; width:167px; height:100%; background:rgba(247,247,247,.7); z-index:2; }
.swiper_recomm .swiper-slide { display:flex; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; align-items:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; }
.recomm_width .swiper-button-prev { left:140px; top:33.2%; }
.recomm_width .swiper-button-next { right:140px; top:33.2%; }
.recomm_width .swiper-button-prev,
.recomm_width .swiper-button-next { width:60px; height:60px; line-height:60px; border-radius:50%; color:#FFF; background:rgba(236,136,69,1); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
.recomm_width .swiper-button-prev:after,
.recomm_width .swiper-button-next:after { font-size:20px; }
.recomm_food { margin:0 auto; }
.prdList { width:100%; margin:0; }
.prdList li { position:relative; }
.prdList > li .thumbnail { position:relative; overflow:hidden; }
.prdList .prod_ico { position:absolute; top:40%; left:50%; transform:translate(-50%, 0); opacity:0; z-index:2; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.prdList > li .thumbnail:hover .prod_ico { top:44%; opacity:1; }
.prdList .prodImg_wrap { overflow:hidden; }
.prdList .prodImg_wrap .prdImg { display:block; position:relative; overflow:hidden; }
.prdList #prodImg_on:hover .prodImg_eff,
.prdList #prodImg_on a:focus .prodImg_eff { opacity:1; }
.prdList .prdImg .prodImg_eff { display:block; content:''; position:absolute; top:0; width:100%; height:100%; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.prdList .prdImg .opac_1 { background:rgba(0,0,0,.1); }
.prdList .prdImg .opac_2 { background:rgba(0,0,0,.2); }
.prdList .prdImg .opac_3 { background:rgba(0,0,0,.3); }
.prdList .prdImg .opac_4 { background:rgba(0,0,0,.4); }
.prdList .prdImg .opac_5 { background:rgba(0,0,0,.5); }
.prdList .prdImg .opac_6 { background:rgba(0,0,0,.6); }
.prdList .prdImg .opac_7 { background:rgba(0,0,0,.7); }
.prdList .prdImg .opac_8 { background:rgba(0,0,0,.8); }
.prdList .prdImg .opac_9 { background:rgba(0,0,0,.9); }
.prdList .prdImg .thumb { width:100%; height:auto; }
.prdList .description { position:relative; }
.prdList .description li { text-align:left; padding-left:6px; }
.prdList .description li.name { margin:10px 0 1px; font-size:16px; font-weight:600; color:#111; }
.prdList .description li.desc_name { font-size:14px; color:#999; }
.prdList .description li.price { margin:10px 0; font-size:16px; font-family:'Montserrat',sans-serif; }
.prdList .description li.price .reg_price { color:#AAA; font-weight:300; text-decoration:line-through; padding-right:15px; }
.prdList .description li.price .sale_price { color:#111; font-weight:700; }
.sect_4 { width:100%; height:100vh; background:url(../images/business_bg.png) no-repeat center/cover; }
#noticeArea { width:100%; max-width:1200px; height:100vh; margin:0 auto; border-left:1px solid rgba(0,0,0,.1); }
#notice { position:relative; top:30%; width:100%; }
#arrow_bg { position:absolute; left:-1px; top:9px; border:10px solid transparent; border-left:10px solid rgba(235,235,235,1); border-right:none; z-index:2; }
#arrow_bd { position:absolute; left:0; top:9px; border:10px solid transparent; border-left:10px solid rgba(0,0,0,.2); border-right:none; z-index:1; }
#notice > h3.notice_t { margin:0 0 0 82px; font-size:30px; color:#333; font-family:'GmarketSansBold'; }
#notice > .notice_more { position:absolute; left:350px; top:2px; }
#notice > .notice_more a { display:block; width:35px; height:35px; line-height:35px; border-radius:100%; background:rgba(236,136,69,1); font-size:16px; color:#FFF; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
#notice > .notice_more a i { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
#notice > .notice_more a:hover i, 
#notice > .notice_more a:focus i { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); }
#notice .cont { width:100%; margin-top:15px; }
.sect_5 { width:100%; height:100vh; background:#F7F7F7; }
.sect_5 h3 { font-size:30px; color:#333; text-align:center; font-family:'GmarketSansBold'; margin-bottom:25px; }
#galloutWrap .board_output { width:100%; max-width:1200px; margin:0 auto; font-size:13px; color:#555; }
#galloutWrap .board_output table { width:100%; }
#galloutWrap .board_output table br { display:none; }
#galloutWrap .board_output table[cellpadding='2'] { padding:0 !important; }
#galloutWrap .board_output table[width='98%'] { width:100% !important; }
#galloutWrap .board_output > tbody > tr { margin-left:-10px; margin-right:-10px; }
#galloutWrap .board_output > tbody > tr:before, 
#galloutWrap .board_output > tbody > tr:after { content:''; display:table; }
#galloutWrap .board_output > tbody > tr:after { clear:both; }
#galloutWrap .board_output > tbody > tr > td { float:left; width:23.1%; padding-left:10px; padding-right:10px; overflow:visible !important; }
#galloutWrap .board_output td.board_output_gallery_img { position:relative; overflow:hidden; }
#galloutWrap .board_output td.board_output_gallery_img img { width:100%; height:auto; transition:transform 0.25s ease-out; }
#galloutWrap .board_output td.board_output_gallery_img > a:before { content:''; position:absolute; right:0; top:0; width:100%; height:0; background:rgba(0,0,0,1); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output td.board_output_gallery_img > a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:21px; height:21px; background:url(../images/zoom_pict_s.png) center center no-repeat; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output table tr:last-child { background:#FFF; }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:before,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:after,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:after { margin-top:-10px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
#galloutWrap .board_output td > .board_output_gallery_subject { display:block; font-size:14px; font-family:'GmarketSansMedium'; color:#111; line-height:1.4; text-align:left; margin-top:25px; padding:0 20px; }
#galloutWrap .board_output td > .board_output_gallery_etc { display:block; font-size:11px; color:#A1A1A1; font-family:'Montserrat', sans-serif; margin:5px 0 25px; padding:0 20px; }
.sect_5 .btn-wrap { margin:20px auto 0; width:8%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.sect_5 .btn-wrap > a { position:relative; display:block; padding:13px 0; font-size:14px; color:#333; text-align:center; border:1px solid rgba(236,136,69,1); z-index:9; }
.sect_5 .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:rgba(236,136,69,1); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-out; transform:scale(1, 1); z-index:-90; }
.sect_5 .btn-wrap:hover > a:before,
.sect_5 .btn-wrap > a:focus:before { left:0; right:auto; height:100%; transform:scale(1, 1); }
.sect_5 .btn-wrap:hover > a, #galleryWrap #toggle .hidden .btn-wrap > a:focus { color:#FFF; }
.sect_5 .btn-wrap a i { padding-left:8px; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:176px; margin-left:-270px; z-index:9; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:300px; }
#popWrapper .popFooter { position:relative; background:#000; height:38px; }	
#popWrapper .popFooter .to_cls { position:absolute; right:60px; line-height:38px; }
#popWrapper .popFooter .to_cls input { vertical-align:middle; margin-right:4px; }
#popWrapper .popFooter .to_cls label { color:#BBB; font-size:12px; cursor:pointer; }
#popWrapper .popFooter .cls { position:absolute; top:0; right:0; }