@charset "euc-kr";
.sect_1 { width:100%; height:100vh; }
#mainVisimg { position:relative; background:#FFF; }
#mainVisimg .owl-carousel { width:100vw; height:100vh; }
#mainVisimg .owl-carousel .owl-nav .owl-prev,
#mainVisimg .owl-carousel .owl-nav .owl-next { display:none; }
#mainVisimg .owl-carousel .owl-dots { position:absolute; bottom:14%; left:0; width:100%; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
#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 0.3s ease; transition: border 0.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 0.3s ease; transition:background 0.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 { height:100vh; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > div.visImg_1 { background:url(../images/m_vis_1.jpg) center top no-repeat; height:100%; background-size:cover !important; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > div.visImg_2 { background:url(../images/m_vis_2.jpg) center top no-repeat; height:100%; background-size:cover !important; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > div.visImg_3 { background:url(../images/m_vis_3.jpg) center top no-repeat; height:100%; background-size:cover !important; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText { position:relative; top:35%; width:100%; max-width:800px; margin:0 auto; z-index:9; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt { -webkit-transform:translateY(-40px); transform:translateY(-40px); -webkit-transition:all 0.5s ease; transition:all 0.5s ease; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vst { -webkit-transform:translateY(40px); transform:translateY(40px); -webkit-transition:all 0.5s ease; transition:all 0.5s ease; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt { color:#DCC298; font-size:70px; font-weight:100; margin-bottom:8px; text-align:center; -webkit-transition-delay:0.9s; transition-delay:0.9s; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt span { font-weight:600; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vst { color:rgba(255,255,255,.6); font-size:22px; font-weight:300; line-height:1.45; text-align:center; -webkit-transition-delay:1.4s; transition-delay:1.4s; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt_1 { color:#DEC8C0; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt_2 { color:#DCC298; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt_3 { color:#B6C7AF; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item.active div .visText .vmt,
#mainVisimg .owl-stage-outer .owl-stage .owl-item.active div .visText .vst { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
#mainVisimg .ctrlArea { position:absolute; left:50%; top:55vh; margin-left:-21px; width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.8); overflow:hidden; z-index:9; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
#mainVisimg:hover .ctrlArea { top:57vh; opacity:1; }
#mainVisimg .ctrlArea .playStop { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:9px; height:11px; background:url('../images/controlBtn_vert.png') no-repeat center -12px; text-indent:-9999px; overflow:hidden; padding:19px; border-radius:100%; -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; }
#mainVisimg .ctrlArea .playStop.on { background:url('../images/controlBtn_vert.png') no-repeat center 20px; }
.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:#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(4,146,197,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_3 { width:100%; height:100vh; background:rgba(241,247,250,1) url(../images/business_bg.png) no-repeat center/cover; }
.sect_3 h3.recomm_mtitle { font-size:30px; color:#333; text-align:center; font-family:'GmarketSansBold'; margin-top:70px; }
.recomm_stitle { font-size:16px; color:#888; text-align:center; line-height:18px; margin-bottom:40px; }
.container { width:100%; max-width:1000px; margin:0 auto; }
.portfolio-thumbs { position:relative; margin:0 5px 5px 0; overflow:hidden; cursor:pointer; }
.portfolio-thumbs a + img { width:100%; }
.portfolio-thumbs .hover-wrap { display:block; position:absolute; width:100%; height:100%; -webkit-transition:all 450ms ease-out 0s; -moz-transition:all 450ms ease-out 0s; -o-transition:all 450ms ease-out 0s; transition:all 450ms ease-out 0s; -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:0; filter:alpha(opacity=0); }
.portfolio-thumbs a:focus,
.portfolio-thumbs:hover .hover-wrap,
.portfolio-thumbs.active .hover-wrap { -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:1; filter:alpha(opacity=100); }
.portfolio-thumbs .hover-wrap .overlay-img { position:absolute; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); }
.portfolio-thumbs .hover-wrap .overlay-img-thumb { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; color:#FFF; font-size:32px; line-height:1em; opacity:1; filter:alpha(opacity=100); }
.sect_3 .btn-wrap { margin:50px 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_3 .btn-wrap > a { position:relative; display:block; padding:13px 0; font-size:14px; color:#333; text-align:center; border:1px solid rgba(4,146,197,1); z-index:9; }
.sect_3 .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:rgba(4,146,197,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_3 .btn-wrap:hover > a:before,
.sect_3 .btn-wrap > a:focus:before { left:0; right:auto; height:100%; transform:scale(1, 1); }
.sect_3 .btn-wrap:hover > a, #galleryWrap #toggle .hidden .btn-wrap > a:focus { color:#FFF; }
.sect_3 .btn-wrap a i { padding-left:8px; }
.sect_4 { width:100%; height:100vh; background:url(../images/back.jpg) no-repeat center/cover fixed; }
#cntArea { margin:auto; width:100%; height:auto; max-height:100%; }
#cntArea .cntT { text-align:center; padding-bottom:80px; font-size:23px; font-weight:300; letter-spacing:7px; color:#BBB; }
#cntArea ul#cntWrap { width:100%; max-width:1300px; margin:0 auto; overflow:hidden; }
#cntArea ul#cntWrap li { float:left; width:24.9%; border-right:1px solid rgba(255,255,255,.2); }
#cntArea ul#cntWrap li:last-child { border-right:0; }
#cntArea ul#cntWrap li h3.tt { display:none; }
#cntArea ul#cntWrap li .num { font-size:80px; color:rgba(255,255,255,1); font-family:'Montserrat'; font-weight:500; text-align:center; padding-bottom:20px; }
#cntArea ul#cntWrap li p.des { color:#888; font-size:16px; font-weight:400; text-align:center; padding-bottom:20px; }
.sect_5 .slide { width:100%; height:100vh; }
#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:243px; padding:55px; background:rgba(0,52,107,1); }
.map_cont .guide .clsBtn { position:absolute; top:0; right:0; }
.map_cont .guide .clsBtn a { display:block; width:34px; height:34px; line-height:34px; font-size:17px; text-align:center; background:rgba(255, 255, 255, 1); color:rgba(58, 81, 13, 1); border:1px solid rgba(255, 255, 255, 1); }
.map_cont .guide .clsBtn 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; }
.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, 0.2); }
.map_cont .guide .guide_info .info_t { font-size:18px; color:rgba(97,164,235,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; }
.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; }