@charset "euc-kr";
#mainVisimg { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#mainVisimg .owl-carousel { height:100vh; }
#mainVisimg .owl-carousel .owl-nav > div { position:absolute; top:50%; width:70px; height:70px; border-radius:50%; font-size:32px; color:#FFF; text-align:center; line-height:68px; margin-top:-35px; border:2px solid rgba(255,255,255,0.25); opacity:0; -webkit-transition:all .4s ease; transition:all .4s ease; }
#mainVisimg .owl-carousel .owl-nav > div:hover { color:#000; border-color:#FFF; background:#FFF; }
#mainVisimg .owl-carousel .owl-nav > .owl-prev { left:3%; }
#mainVisimg .owl-carousel .owl-nav > .owl-next { right:3%; }
#mainVisimg .owl-carousel:hover .owl-nav > div { opacity:1; }
#mainVisimg .owl-carousel .owl-dots { position:absolute; bottom:110px; 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:rgba(125,105,79,1); }
#mainVisimg .owl-carousel .owl-dots > .owl-dot:hover > span,
#mainVisimg .owl-carousel .owl-dots > .owl-dot.active > span { background:rgba(125,105,79,1); }
#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:100vw; 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:rgba(200,180,154,1); font-size:80px; font-weight:700; margin-bottom:8px; text-align:center; font-family:'Play', sans-serif; -webkit-transform:translateY(-40px); transform:translateY(-40px); background:linear-gradient(to right,#C8B49A,#F3DEC3); -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-transition:all .5s ease; transition:all .5s 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 .vst { color:#F1F1F1; font-size:24px; font-family:'GmarketSansLight'; line-height:1.5; text-align:center; -webkit-transform:translateY(40px); transform:translateY(40px); -webkit-transition:all .5s ease; transition:all .5s ease; -webkit-transition-delay:1.4s; transition-delay:1.4s; 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% { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); } 100% { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } }
@-webkit-keyframes imagescale { 0% { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); } 100% { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } }
.scrollDown { position:absolute; left:50%; top:92vh; 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; }
@keyframes scrollanim { 0%{ top:93vh; }50%{ top:92vh; }100%{ top:93vh; }}
@-webkit-keyframes scrollanim { 0%{ top:93vh; }50%{ top:92vh; }100%{ top:93vh; }}
.optbr { display:block; }
#mainCont { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#noticeArea { position:relative; width:100%; background:#FFF; z-index:89; }
#notice { position:relative; width:100%; max-width:1100px; margin:0 auto; border-left:1px solid rgba(0,0,0,.1); padding:80px 0; }
#notice:hover > .notice_more a,
#notice > .notice_more a:focus { filter:alpha(opacity=1); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
#arrow_bg { position:absolute; left:-1px; top:85px; border:10px solid transparent; border-left:10px solid rgba(255, 255, 255, 1); border-right:none; z-index:2; }
#arrow_bd { position:absolute; left:0; top:85px; border:10px solid transparent; border-left:10px solid rgba(0, 0, 0, .2); border-right:none; z-index:1; }
#notice > h3.notice_t { position:absolute; left:66px; font-size:24px; font-family:'GmarketSansBold'; color:#000; }
#notice > .notice_more { position:absolute; top:78px; left:279px; }
#notice > .notice_more a { display:block; width:34px; height:34px; line-height:34px; border-radius:100%; background:rgba(125,105,79,1); font-size:16px; color:#FFF; text-align:center; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; -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 { -webkit-transform:rotate(0deg); -ms-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 { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
#product_Area { position:relative; margin:0 auto; width:100%; max-width:100%; }
#product_Area .sub_title { position:absolute; left:50%; top:-25px; margin-left:-100px; padding:12px 32px; font-size:18px; color:#FFF; font-weight:500; text-align:center; background:#BC7D62; z-index:90; }
.productWrap { background:#00121C url(../images/history_bg.png); background-position:center center; padding:70px 0 90px; overflow:hidden; }
.productInner { position:relative; height:100%; }
.product_Slide { width:100%; max-width:1400px; margin:0 auto; }
.product_Slide .slick-arrow  { display:block; width:20px; height:39px; position:absolute; top:75px; left:50%; text-indent:-9999px; border:none; background-size:contain; background-color:transparent; cursor:pointer; overflow:hidden; z-index:9; }
.product_Slide .slick-prev { background:url(../images/ico_prev.png); background-position:top right; margin-left:-20%; -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-in-out; }
.product_Slide .slick-prev:hover { background-position:top left; }
.product_Slide .slick-next { background:url(../images/ico_next.png); background-position:top left; margin-left:18%; -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-in-out; }
.product_Slide .slick-next:hover { background-position:top right; }
.product_Slide .hisCont { padding:0 30px; box-sizing:border-box; }
.product_Slide li { width:100%; max-width:476px; }
.product_Slide li:focus { outline:none; }
.product_Slide li .pname { height:150px; text-align:center; }
.product_Slide li .pname .hisCont { display:table; width:100%; height:100%; border-bottom:0px solid rgba(255, 255, 255, .2); }
.product_Slide li .pname span { display:table-cell; font-size:32px; color:rgba(255, 255, 255, .3); font-weight:100; font-family:'Montserrat', sans-serif; vertical-align:middle; transition:all .5s; }
.product_Slide li.slick-center .pname span { font-size:56px; color:#E78E2F; font-weight:600; font-family:'Montserrat', sans-serif; vertical-align:middle; }
.product_Slide li .pimages { overflow:hidden; margin-top:10px; }
.product_Slide li .pimages .hisCont > a { position:relative; display:block; z-index:-1; }
.product_Slide li .pimages .hisCont > a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgba(0, 0, 0, .6); opacity:1; z-index:1; transition:all .5s; }
.product_Slide li .pimages .hisCont > a > img { max-width:100%; height:auto; border-radius:10px; transition:all .5s; }
.product_Slide li.slick-center .pimages .hisCont > a { z-index:1; }
.product_Slide li.slick-center .pimages .hisCont > a:before { opacity:0; }
.product_Slide li .ptexts { font-size:14px; color:rgba(255, 255, 255, .5); line-height:1.6; padding:20px 0; transition:all .5s; }
.product_Slide li.slick-center .ptexts { color:#FFF; }
.txtContInner { width:100%; background:url('../images/txtCont_bg.jpg') center center repeat; padding:80px 0; }
.txtCont { position:relative; margin:0 auto; width:970px; }
.dynamicCont_title { font-size:34px; font-family:"GmarketSansMedium"; line-height:1.4; letter-spacing:-.6px; color:#111; }
.dynamicCont_title .accent { font-family:"GmarketSansBold"; color:#84725A; }
#cs_contents { margin:90px auto 0; padding-bottom:100px; width:100%; overflow:hidden; }
.cs_title { margin:0 auto 40px; text-align:center; }
.cs_title .cs_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-1px; }
.cs_title .cs_sTitle { color:#999; font-size:16px; line-height:.3; }
.customerArea_2 { margin:0 auto; width:100%; max-width:1100px; border-top:2px solid #353631; }
.customer_t2 { margin:45px auto; width:100%; max-width:850px; font-size:15px; text-align:center; line-height:24px; }
.customer_t2 .customer_2_Txt { width:100%; text-align:center; }
.customer_t2 .customer_2_Txt_b { display:block; text-align:center; font-size:24px; font-weight:700; color:#333; }
.cs_con { width:100%; max-width:1100px; margin:0 auto; }
.csInner { float:left; width:100%; margin:0 auto; }
#cs_table { width:100%; }
#cs_table .tt1 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(125,105,79,.9); }
#cs_table .tt2 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(125,105,79,.9); }
#cs_table .tt3 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(125,105,79,.9); }
#cs_table .cc { font-size:22px; font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .dd { font-size:22px; font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .ee { font-size:22px; font-weight:300; font-family:'Montserrat'; text-align:center; }
#cs_table tr:first-child { border-top:0; }
#cs_table .tt1_con { padding:30px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#cs_table .tt1_con.last { border-right:0; }
#roadmap_contents { float:left; width:100%; height:100vh; margin:0; }
#roadmap_contents .nodemap { position:relative; width:100%; height:100vh; }
.map_cont { position:relative; z-index:9; }
.guideWrap { margin:0 auto; }
.guideWrap:before, .guideWrap:after { content:''; display:table; }
.guideWrap:after { clear:both; }
.map_cont .guide { position:absolute; left:50%; margin-left:110px; bottom:200px; padding:55px; background:rgba(125,105,79,1); }
.map_cont .guide .clsBtn { position:absolute; top:0; right:0; }
.map_cont .guide .clsBtn a { display:block; width:35px; height:35px; line-height:35px; font-size:17px; text-align:center; background:rgba(255, 255, 255, 1); color:rgba(58, 81, 13, 1); }
.map_cont .guide .clsBtn a i { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
.map_cont .guide .clsBtn a:hover i,
.map_cont .guide .clsBtn a:focus i { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
.map_cont .guide .guide_mt { font-size:30px; color:rgba(255,255,255,1); font-weight:700; margin-bottom:20px; }
.map_cont .guide .guide_info.addr { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,.2); }
.map_cont .guide .guide_info .info_t { font-size:18px; color:rgba(200,180,154,1); font-weight:700; margin-bottom:5px; }
.map_cont .guide .guide_info li,
.map_cont .guide .guide_info li.picto { font-size:15px; color:#FFF; font-weight:300; line-height:1.7; }
.map_cont .guide .guide_info li.picto i { font-size:13px !important; padding-right:2px; }
.viewBtn { margin-top:30px; }
.viewBtn a { display:block; width:160px; font-size:15px; color:#FFF; text-align:center; padding:10px 0; border:1px solid #FFF; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.viewBtn a:hover { color:rgba(125,105,79,1); background:#FFF; }
.nodepop { position:absolute; width:540px; height:100%; left:50%; top:270px; margin-left:-270px; z-index:9; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:100%; }
#popWrapper .popImg img { border-radius:12px 12px 0 0; }
#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; }