@charset "euc-kr";
#mainVisimg { position:relative; overflow:hidden; }
#mainVisimg .owl-carousel { width:100vw; height:100vh; }
#mainVisimg .owl-carousel .owl-nav > div { position:absolute; top:50%; width:70px; height:70px; border-radius:50%; font-size:24px; color:#FFF; text-align:center; line-height:70px; 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: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; left:50%; transform:translate(-50%, 0); bottom:12vh; }
#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: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:#DCF4FF; font-size:62px; font-weight:200; margin-bottom:10px; text-align:center; font-family:'GmarketSansBold'; -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:rgba(255,255,255,.7); 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:1.3s; transition-delay:1.3s; 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%; transform:translate(-50%, 0); bottom:6vh; z-index:9; }
#mainCont { float:left; width:100%; margin:0 auto; }
#noticeWrap { float:left; width:100%; background:#FFF; }
.noticeCon { position:relative; }
.noticeCon { max-width:1000px; margin:0 auto; }
.noticeCon:before, .noticeCon:after { content:''; display:block; }
.noticeCon:after { clear:both; }
#notice { padding:20px 0; border-top:0px solid #EEE; border-bottom:1px dashed #969696; }
#notice h3 { float:left; width:13%; min-width:100px; color:#111; background:url(../images/v_line.gif) right 10px no-repeat; }
#notice h3 a { font-size:18px; font-weight:700; letter-spacing:-1px; }
#notice h3 i { position:relative; top:0px; color:#F60; margin-right:5px; }
#notice .noticeRolling { position:relative; float:right; width:85%; height:22px; padding-top:0; overflow:hidden; }
#notice .noticeLatest { position:relative; width:100%; }
#notice .noticeLatest td[width='1%'] { display:none; }
#notice .noticeLatest td[align='center'] { text-align:right !important; color:#888; }
#notice .noticeLatest td div { max-width:100%; }
#notice .noticeLatest td a { font-size:16px; color:#555; -webkit-transition:color 0.25s; transition:color 0.25s; }
#notice .noticeLatest td a:hover { color:#000; }
#bizCon { width:100%; max-width:1000px; margin:120px auto 70px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.bizT { max-width:1000px; text-align:center; padding:0 0 0; font-size:38px; font-weight:700; color:#333; }
.bizSt { display:block; max-width:1000px; text-align:center; font-size:15px; font-weight:normal; color:#555; }
#divide { width:100%; max-width:1000px; margin:0 auto; padding:45px 0 35px; overflow:hidden; }
ul.hori { width:100%; margin:0 auto; max-width:700px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
ul.hori li { float:left; margin-right:20px; }
ul.hori li:last-child { margin-right:0; }
ul.hori li .card { display:block; width:160px; height:144px; cursor:pointer; }
ul.hori li .card .front { background-color:#FFF; padding-top:28px; border:1px solid #999; }
ul.hori li .card .back { background-color:#333; padding-top:28px; }
ul.hori li .card .front .icon-circle { margin:auto; width:86px; height:86px; line-height:86px; border:2px solid #777; border-radius:50%; }
ul.hori li .card .front .icon-circle a { display:block; font-size:36px; color:#777; text-align:center; }
ul.hori li .card .front .icon-circle p { width:100%; line-height:36px; }
ul.hori li .card .front .icon-circle p a { display:block; font-size:13px; font-weight:700; }
ul.hori li .card .back .icon-circle { margin:auto; width:88px; height:88px; line-height:88px; border:2px solid #FFF; border-radius:50%; background:#FFF; }
ul.hori li .card .back .icon-circle a { display:block; font-size:36px; color:#333; text-align:center; }
ul.hori li .card .back .icon-circle p { width:100%; line-height:36px; }
ul.hori li .card .back .icon-circle p a { display:block; font-size:13px; font-weight:700; color:#CCC; }
#cntArea { margin:auto; width:100%; height:auto; max-height:100%; padding:110px 0; background:url(../images/back.jpg) center center no-repeat fixed; }
#cntArea .cntbgImg { position:relative; width:100%; max-width:1000px; height:100%; margin:0 auto; overflow:hidden; }
#cntArea .cntT { width:1000px; text-align:center; padding:10px 0 45px; font-size:24px; font-weight:300; letter-spacing:7px; color:#DDD; }
#cntArea #cntWrap { width:100%; max-width:1000px; margin:0 auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#cntArea #cntWrap li { float:left; width:100%; max-width:220px; padding-left:24px; }
#cntArea #cntWrap li:last-child { padding-right:0; }
.nd-chart { position:relative; display:inline-block; width:220px; height:220px; text-align:center; }
.nd-chart canvas { position:absolute; top:0; left:0; }
.percent { display:inline-block; line-height:180px; font-size:46px; color:#FFF; z-index:9; }
.percent:after { content:'Έν'; font-size:20px; padding-left:4px; }
.chart_txt { display:block; text-align:center; font-size:13px; margin-top:-68px; letter-spacing:5px; color:#AAA; font-weight:300; }
#mainContEx { width:100%; max-width:1000px; margin:50px auto 0; }
#storyArea { float:left; width:100%; max-width:324px; border-right:1px solid #E2E2E2; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#story { margin:0 auto; width:100%; max-width:300px; height:auto; }
#story .picto { margin:20px auto 0; width:118px; height:118px; line-height:118px; border:1px solid #DDD; border-radius:50%; }
#story .picto a { display:block; font-size:58px; color:#666; text-align:center; }
.bt { text-align:center; font-weight:bold; font-size:18px; }
.btc { color:rgba(3, 138, 195, 1); }
.bt2 a { display:block; text-align:center; font-weight:bold; font-size:16px; color:#222 !important; margin-top:20px; padding-bottom:4px; }
.bt2s { display:block; text-align:center; line-height:18px; }
#csArea { float:left; width:100%; max-width:346px; border-right:1px solid #E2E2E2; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#cs { margin:0 auto; width:100%; max-width:300px; height:auto; background:url('../images/cs_ico.gif') center top no-repeat; }
.cst { text-align:center; font-weight:normal; font-size:15px; padding:3px 0 0 10px; }
.csNum { text-align:center; font-weight:bold; font-size:32px; color:rgba(0, 0, 0, 1) !important; margin:6px 0 5px 0; letter-spacing:-1px; }
.cs_s { display:block; padding:20px 0 6px 52px; line-height:22px; font-size:13px; }
#cs a.map { display:block; width:120px; margin:10px auto 0; text-align:center; padding:10px 48px 10px; font-size:15px; color:#FFF; font-weight:bold; background:rgba(223, 63, 51, 1) url('../images/zoom_ico.png') 160px center no-repeat; transition:0.5s all; border-radius:46px; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#cs a.map:hover { color:#FFF; background:rgba(3, 138, 195, 1) url('../images/zoom_ico.png') 160px center no-repeat; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#maUpArea { float:left; width:100%; max-width:324px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#maUp { margin:0 auto; width:100%; max-width:300px; height:auto; }
#maUp .picto { margin:20px auto 0; width:118px; height:118px; line-height:118px; border:1px solid #DDD; border-radius:50%; }
#maUp .picto a { display:block; font-size:58px; color:#666; text-align:center; }
.mt { text-align:center; font-weight:bold; font-size:18px; }
.mtc { color:rgba(3, 138, 195, 1); }
.mt2 a { display:block; text-align:center; font-weight:bold; font-size:16px; color:#222 !important; margin-top:20px; padding-bottom:4px; }
.mt2s { display:block; text-align:center; line-height:18px; }
#nd-bdr { position:relative; padding:50px 0; } 
#nd-bdr .nd-bdr { display:block; background:#666; position:absolute; text-indent:-99999px; -webkit-transition:all 0.40s cubic-bezier(0.160, 0.87, 0.48, 1); transition:all 0.40s cubic-bezier(0.160, 0.87, 0.48, 1); }
#nd-bdr .ll { bottom:0; left:-1px; width:1px; height:0; } 
#nd-bdr .lt { top:0; left:-1px; width:0; height:1px; } 
#nd-bdr .lr { top:0; right:-1px; width:1px; height:0; } 
#nd-bdr .lb { bottom:0; right:-1px; width:0; height:1px; } 
#nd-bdr:hover .ll,#nd-bdr:hover .lr { height:100% } 
#nd-bdr:hover .lt,#nd-bdr:hover .lb { width:100% }
#mapArea { float:left; position:relative; width:100%; height:720px; margin:50px 0 0; }
#mapArea .nodemap { width:100%; height:720px; }
.map_cont { position:absolute; left:0; top:90px; width:100%; z-index:9; }
.guideWrap { margin:0 auto; }
.guideWrap:before, .guideWrap:after { content:''; display:table; }
.guideWrap:after { clear:both; }
.map_cont .guide { position:absolute; padding:55px; background:rgba(30, 50, 97, 1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; } 
.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 { transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
.map_cont .guide .clsBtn a:hover i, .map_cont .guide .clsBtn a:focus i { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.map_cont .guide .guide_mt { font-size:30px; color:rgba(255, 255, 255, 1); font-weight:700; line-height:1; }
.map_cont .guide .guide_st { font-size:20px; color:rgba(255, 255, 255, 0.7); font-weight:400; margin-bottom:20px; }
.map_cont .guide .guide_info.addr { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.map_cont .guide .guide_info .info_t { font-size:18px; color:rgba(3, 138, 195, 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(30, 50, 97, 1); background:#FFF; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:166px; 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; }