@charset "euc-kr";
#mainVisimg { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
.mainVisitem { position:absolute; top:50%; transform:translate(0, -50%); width:100%; z-index:9; }
.txtBox { position:relative; width:100%; max-width:1100px; height:auto; margin:0 auto; }
.vis-item { position:relative; float:left; }
.vis-item:last-child { float:right; }
.vis-item a { position:relative; display:block; width:230px; height:230px; color:#FFF; text-align:center; border-radius:50%; -webkit-transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -kthtml-transition:all .2s linear; transition:all .2s linear; }
.vis-item strong { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:22px; color:rgba(255,255,255,0); font-weight:200; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; transition:all .4s ease; }
.vis-item span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:90px; color:rgba(255,255,255,1); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; transition:all .4s ease; opacity:0; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; }
.vis-item a:before { position:absolute; top:0; left:0; content:''; width:100%; height:100%; border-radius:50%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; z-index:-99; }
.vis-item a:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; border-radius:50%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; z-index:-99; }
.cur a:before { display:block; clear:both; content:''; position:absolute; top:-10px; left:-10px; width:250px; height:250px; border-radius:50%; z-index:-999; opacity:0; background:rgba(255,255,255,.1); animation:vis-circle-ani 1.5s linear infinite; animation-delay:1s; }
.cur a:after { display:block; clear:both; content:''; position:absolute; top:0; left:0; width:230px; height:230px; border-radius:50%; z-index:-999; opacity:0; background:rgba(0,0,0,.6); animation:vis-circle-ani 1.5s linear infinite; animation-delay:0; }
.vis-item a:hover strong,.cur a strong { transform:translate(-50%, 60%); font-weight:400; color:rgba(255,255,255,1); }
.vis-item a:hover span,.cur a span { transform:translate(-50%, -65%); opacity:1; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; }
.mainvislide { position:relative; width:100%; }
.mainvisWrap { position:relative; width:100%; height:100vh; overflow:hidden; }
.slideArea { width:100%; height:100vh; margin:0 auto; overflow:hidden; }
.slideContainer { position:relative; height:100vh; overflow:hidden; }
ul.slides { position:relative; width:100%; }
ul.slides li { position:absolute; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); opacity:0; z-index:9; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-backface-visibility:hidden; }
ul.slides li.cur { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); opacity:1; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; }
ul.slides li img { width:100vw; height:100vh; object-fit:cover; }
.progress-bar { position:absolute; top:100px; width:1px; height:1px; background:rgba(255,255,255,.2); z-index:10; }
@keyframes vis-circle-ani { 0% { transform:scale(.8); opacity: 0.05; } 50% { transform:scale(1); opacity:1; } }
.optbr { display:block; }
#mainCont { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#txtContWrap { width:100%; background:linear-gradient(to top,#EBF6FE,#FFF); overflow:hidden; }
.txtContInner { width:100%; max-width:960px; margin:0 auto; padding:100px 0 90px; text-align:center; }
.dynamicCont_title { opacity:0; font-size:34px; font-family:"GmarketSansMedium"; line-height:1.4; letter-spacing:-.6px; color:#111; }
.dynamicCont_title .accent { font-family:"GmarketSansBold"; }
.txtContInner.onViewrep .dynamicCont_title { opacity:1; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; }
#cplWrap { position:relative; width:100%; }
.cplArea { width:100%; max-width:820px; margin:-40px auto 0; }
.cpl { float:left; width:303px; height:409px; background:url('../images/bizman.png') no-repeat center center; text-indent:-9999px; }
.reserveInfo { float:right; width:calc(100% - 380px); margin-top:105px; overflow:hidden; }
.resinfo_t { text-align:left; font-size:30px; font-family:'GmarketSansBold'; color:#333; }
.resinfo_t span { font-family:'GmarketSansLight'; }
.resinfo_t:after { display:block; content:''; width:55px; height:1px; background:#DDD; margin:10px 0 16px; }
.resinfo_txt { font-size:16px; line-height:1.6; }
.reserveInfo .reserveBtnArea { width:100%; }
.reserveInfo .reserveBtnArea a { margin-top:30px; width:100px; display:block; padding:13px 38px 14px 22px; color:#FFF; background:rgba(45,121,181,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; }
.reserveInfo .reserveBtnArea a:hover,
.reserveInfo .reserveBtnArea a:focus { padding:13px 38px 14px 32px; }
.reserveInfo .reserveBtnArea 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); }
.reserveInfo .reserveBtnArea a:hover i,
.reserveInfo .reserveBtnArea a:focus i { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
#noticeArea { float:left; width:100%; border-top:1px solid rgba(153,153,153,.2); border-bottom:1px solid rgba(153,153,153,.2); margin-top:60px; background:rgba(252,252,252,.7); }
#notice { position:relative; width:100%; max-width:1100px; margin:0 auto; border-left:1px solid rgba(0,0,0,.1); padding:90px 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:95px; 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:95px; 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:88px; left:279px; }
#notice > .notice_more a { display:block; width:34px; height:34px; line-height:34px; border-radius:100%; background:rgba(45,121,181,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 { -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); }
#contWrap { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#contArea { width:100%; max-width:1300px; margin:90px auto; }
#contArea .bot_box { text-align:center; }
#contArea .bot_box .bot_tit { font-size:54px; color:#222; font-weight:600; letter-spacing:-1px; margin-bottom:15px; }
#contArea .bot_box .box_txt { font-size:17px; color:#777; word-break:keep-all; }
#contArea .bot_box .bot_tit b { position:relative; font-weight:600; color:rgba(45,121,181,1); letter-spacing:inherit; z-index:2; }
#contArea .bot_box.onViewrep .bot_tit b:after { display:block; clear:both; content:''; position:absolute; left:0; bottom:0; background:rgba(45,121,181,1); width:0; height:1px; max-width:100%; z-index:-1; animation:highlight 1.2s; animation-delay:.8s; animation-fill-mode:forwards; }
#contArea .bot_box .bot_box_list { display:flex; max-width:1299px; margin-top:70px; overflow:hidden; }
#contArea .bot_box .bot_box_list li { padding:20px 40px 0; border-right:1px dashed rgba(0,0,0,.1); }
#contArea .bot_box .bot_box_list .picto_img { position:relative; width:130px; height:130px; border-radius:50%; margin:0 auto 45px; background:rgba(45,121,181,1); }
#contArea .bot_box .bot_box_list .picto_img:after { display:block; clear:both; content:''; position:absolute; top:-17px; left:-17px; width:164px; height:164px; border-radius:50%; z-index:-1; opacity:0; background:rgba(45,121,181,.2); animation:circle-ani 2s linear infinite; animation-delay:1s; }
#contArea .bot_box .bot_box_list .picto_img i { font-size:56px; color:rgba(255,255,255,1); line-height:130px; }
#contArea .bot_box .bot_box_list strong { display:block; font-size:20px; font-weight:500; color:rgba(45,121,181,1); margin-bottom:6px; }
#contArea .bot_box .bot_box_list em { display:block; margin:0 auto; color:#666; line-height:1.55; font-size:15px; padding:0 20px; word-break:keep-all; }
@keyframes circle-ani { 0% { transform:scale(.8); opacity: 0.05; } 50% { transform:scale(1); opacity:1; } }
@keyframes highlight { 0% { width:0; } 100% { width:100%; } }
#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 55px 65px; 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; }
.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: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; }