@charset "euc-kr";
.sect_1 { width:100%; height:100vh; }
#mainVisimg { position:relative; width:100%; overflow:hidden; }
#mainVisimg .owl-carousel { width:100vw; height:100vh; }
#mainVisimg .owl-carousel .owl-nav > div { position:absolute; top:50%; width:60px; height:60px; border-radius:50%; font-size:18px; color:#FFF; text-align:center; line-height:58px; margin-top:-35px; border:2px solid rgba(255,255,255,0.25); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
#mainVisimg .owl-carousel .owl-nav > div:hover { color:#000; border-color:#FFF; background:#FFF; }
#mainVisimg .owl-carousel .owl-nav > .owl-prev { left:33px; }
#mainVisimg .owl-carousel .owl-nav > .owl-next { right:33px; }
#mainVisimg .owl-carousel:hover .owl-nav > div { top:52%; opacity:1; }
#mainVisimg .owl-carousel .owl-dots { position:absolute; bottom:125px; left:0; width:100%; text-align:center; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot { position:relative; display:inline-block; width:20px; height:20px; margin:0 4px; border:2px solid transparent; border-radius:50%; -webkit-transition:border .3s ease; transition:border .3s ease; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot > span { display:block; position:absolute; top:50%; left:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:rgba(255,255,255,0.35); -webkit-transition:background .3s ease; transition:background .3s ease; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot.active { border-color:#EFE8CE; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot:hover > span,
#mainVisimg .owl-carousel .owl-dots > .owl-dot.active > span { background:#EFE8CE; }
#mainVisimg .owl-stage-outer { position:relative; height:100vh; }
#mainVisimg .owl-stage-outer .owl-stage { height:100vh; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item { position:relative; height:100vh; overflow:hidden; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg { width:100%; height:100vh; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg > .imagescale { position:absolute; top:0; bottom:0; -webkit-animation:imagescale 10s ease-in-out infinite alternate; -moz-animation:imagescale 10s ease-in-out infinite alternate; -o-webkit-animation:imagescale 10s ease-in-out infinite alternate; animation:imagescale 10s ease-in-out infinite alternate; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg > .imagescale img { width:100vw; height:100vh; object-fit:cover; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg > .visText { position:relative; top:38%; width:100%; max-width:auto; margin:0 auto; z-index:8; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg > .visText .vmt { display:block; color:#FFF; font-size:72px; font-weight:200; margin-bottom:10px; text-shadow:0 0 3px #222; text-align:center; font-family:'IBM Plex Sans KR', sans-serif; -webkit-transform:translateY(-40px); transform:translateY(-40px); -webkit-transition:all .3s ease; transition:all .3s ease; -webkit-transition-delay:.9s; transition-delay:.9s; opacity:0; filter:alpha(opacity=0); }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg > .visText .vmt span { font-weight:700; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > li.visImg > .visText .vst { color:#F1F1F1; font-size:22px; font-family:'GmarketSansLight'; line-height:1.45; text-align:center; -webkit-transform:translateY(40px); transform:translateY(40px); -webkit-transition:all .3s ease; transition:all .3s ease; -webkit-transition-delay:.9s; transition-delay:.9s; opacity:0; filter:alpha(opacity=0); }
#mainVisimg .owl-stage-outer .owl-stage .owl-item.active > li.visImg > .visText .vmt { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; filter:alpha(opacity=100); }
#mainVisimg .owl-stage-outer .owl-stage .owl-item.active > li.visImg > .visText .vst { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; filter:alpha(opacity=100); }
@keyframes imagescale { 0% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } } @-webkit-keyframes imagescale { 0% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } }
.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(252,250,246,1); }
.qsTit { position:relative; top:30px; width:350px; margin:0 auto; text-align:center; font-size:42px; letter-spacing:-1px; background:rgba(252,250,246,1); }
.qsTit .qsTit_1 { color:#E71613; font-size:50px; font-weight:bold; }
.qsTit .qsTit_2 { color:#FC6305; font-weight:bold; }
#qsArea { width:100%; max-width:1100px; margin:0 auto; padding:100px 0; border-top:1px solid rgba(68,68,68,.1); border-bottom:1px solid rgba(68,68,68,.1); }
#qsArea .qsCont { position:relative; width:100%; }
#qsArea .qsCont .prev-btn a { position:absolute; top:50%; transform:translate(0, -50%); left:0; width:60px; height:60px; border-radius:50%; text-align:center; line-height:61px; border:1px solid #E1E1E1; background:#FFF; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; }
#qsArea .qsCont .prev-btn a i { font-size:14px; color:#000; }
#qsArea .qsCont .prev-btn a:hover,
#qsArea .qsCont .prev-btn a:focus { border:1px solid #4C4C4C; background:#4C4C4C; }
#qsArea .qsCont .prev-btn a:hover i,
#qsArea .qsCont .prev-btn a:focus i { color:#FFF; }
#qsArea .qsCont .next-btn a { position:absolute; top:50%; transform:translate(0, -50%); right:0; width:60px; height:60px; border-radius:50%; text-align:center; line-height:61px; border:1px solid #E1E1E1; background:#FFF; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; }
#qsArea .qsCont .next-btn a i { font-size:14px; color:#000; }
#qsArea .qsCont .next-btn a:hover,
#qsArea .qsCont .next-btn a:focus { border:1px solid #4C4C4C; background:#4C4C4C; }
#qsArea .qsCont .next-btn a:hover i,
#qsArea .qsCont .next-btn a:focus i { color:#FFF; }
#qsArea .qsCont .itemWrap { width:100%; max-width:840px; margin:0 auto; }
#qsArea .qsCont .itemWrap li { display:none; }
#qsArea .qsCont .itemWrap li:first-child { display:block; }
#qsArea .qsCont .title { padding:0 0 10px 0; font-size:24px; color:#111; font-weight:bold; }
#qsArea .qsCont .cont { padding:0; font-size:18px; color:#828282; line-height:1.52; overflow:hidden; }
#qsArea .qsCont .cont a { width:70px; display:block; margin-top:40px; padding:12px 40px; background:#B78E33; font-size:16px; color:#FFF; text-align:center; border-radius:4px; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; }
#qsArea .qsCont .cont a:hover,
#qsArea .qsCont .cont a:focus { background:#332A28; color:#FFF; }
.sect_3 { width:100%; height:100vh; background:rgba(252,250,246,1); }
#productWrap { float:left; width:100%; }
.prodcontArea { position:relative; }
.prodcontArea:after { display:block; content:''; width:100%; height:250px; background:#E9E9E9; position:absolute; top:280px; right:0; }
.prodcontArea .prodcontInner { position:relative; width:100%; z-index:9; }
.prodcontArea .prodcontInner:after { display:block; content:''; clear:both; }
.prodcontArea .prodcontBg { float:left; width:50%; height:100vh; background:url(../images/main_prodImg.jpg) no-repeat right top; background-size:cover; box-sizing:border-box; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; }
.prodcontArea .prodcont { float:left; width:36%; padding:320px 10% 0 4%; -webkit-transition:all 1s .1s; -moz-transition:all 1s .1s; -o-transition:all 1s .1s; transition:all 1s .1s; }
.prodcontArea .prodcont h2.prod_mt { font-size:36px; color:#111; font-family:'Montserrat'; font-weight:700; }
.prodcontArea .prodcont h2.prod_mt:after { display:block; content:''; width:60px; height:1px; margin:25px 0; background:#666; }
.prodcontArea .prodcont p { font-size:18px; color:#666; font-weight:400; line-height:1.52; }
.prodcontArea .prodcont h3.prod_st { margin:90px 0 0; font-size:24px; color:#222; font-family:'Montserrat'; font-weight:500; line-height:1.2; }
.prodcontArea .prodcont .prodBtnArea { width:100%; }
.prodcontArea .prodcont .prodBtnArea a { margin:40px 0 0; width:110px; display:block; padding:14px 38px 14px 22px; color:#FFF; border:1px solid rgba(183,142,51,1); background:rgba(183,142,51,1); font-size:16px; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.prodcontArea .prodcont .prodBtnArea a:hover,
.prodcontArea .prodcont .prodBtnArea a:focus { padding:14px 38px 14px 32px; background:rgba(183,142,51,1); 	border:1px solid rgba(183,142,51,1); border-radius:46px; }
.prodcontArea .prodcont .prodBtnArea a i { -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; opacity:0; filter:alpha(opacity=0); }
.prodcontArea .prodcont .prodBtnArea a:hover i,
.prodcontArea .prodcont .prodBtnArea a:focus i { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.sect_4 { width:100%; height:100vh; background:#F7F7F7; }
#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(247,247,247,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(183,142,51,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:url(../images/visImg_bg.jpg) center center no-repeat fixed; background-size:cover; overflow-y:hidden; overflow:hidden; }
#slickImgWrap { position:relative; width:100%; }
.slick_title { font-family:'Montserrat'; text-align:center; }
.slick_title .slick_mTitle { display:block; font-size:60px; color:rgba(255,255,255,1); font-weight:300; }
.slick_title .slick_mTitle strong { font-weight:700; }
.slickWrap { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.slider { margin:0 auto; width:75%; height:auto; }
.slider li { vertical-align:bottom; }
li.pfTxt { padding:90px 0; }
li.pfTxt > p { font-size:20px; color:rgba(255,255,255,.8); font-family:'GmarketSansLight'; text-align:justify; vertical-align:middle; }
.slickWrap .slick-prev { position:absolute; left:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:50px; height:50px; background:url(../images/arrow.png) 0 -95px no-repeat; text-indent:-9999px; cursor:pointer; z-index:10; }
.slickWrap .slick-next { position:absolute; right:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:50px; height:50px; background:url(../images/arrow.png) 0 -45px no-repeat; text-indent:-9999px; cursor:pointer; z-index:10; }
.slick-dotted.slick-slider { margin-bottom:0; }
.slick-dots { bottom:0; }
.slick-dots li { width:14px; height:14px; margin:0 6px; }
.slick-dots li button { width:14px; height:14px; background:rgba(255,255,255,.2); border-radius:50%; }
.slick-dots li button:before { content:''; width:14px; height:14px; }
.slick-dots li.slick-active button:before { background:rgba(255,255,255,.8); border-radius:50%; opacity:1; }
.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; }