@charset "euc-kr";
.sect_1 { width:100%; height:100vh; }
#container_vis { position:relative; width:100%; height:100vh; }
#container_vis.main { position:relative; width:100%; max-width:100%; margin:0 auto; padding-top:0; padding-bottom:0; }
#container_vis.main .visImg { position:relative; width:100%; height:100vh; text-align:center; overflow:hidden; }
#container_vis.main .visImg .visWrap { display:inline-block; }
#container_vis.main button { float:left; border:none; vertical-align:middle; cursor:pointer; }
#container_vis.main .visImg button.cir { position:relative; top:85vh; left:0; margin:0 2px; width:12px; height:12px; background:url('../images/rolling_btn.png') left bottom no-repeat; z-index:9; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
#container_vis.main .visImg .visWrap.on button.cir,
#container_vis.main .visImg button.cir.over { width:31px; background-position:right top; }
#container_vis.main .visImg button.cir .num { position:absolute; text-indent:-9999px; }
#container_vis.main .visImg .pic { position:absolute; left:0; top:0; width:100%; height:100vh; text-indent:-99999px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#container_vis.main .visImg .pic1 { background-image:url('../images/m_vis_1.jpg'); }
#container_vis.main .visImg .pic2 { background-image:url('../images/m_vis_2.jpg'); }
#container_vis.main .visImg .pic3 { background-image:url('../images/m_vis_3.jpg'); }
#container_vis.main .visImg .pic4 { background-image:url('../images/m_vis_4.jpg'); }
#container_vis.main .visImg .txtWrap { position:absolute; top:35vh; width:100%; z-index:9; }
#container_vis.main .visImg .txtWrap .txt { position:relative; width:100%; max-width:1200px; margin:0 auto; text-align:left; }
#container_vis.main .visImg .txtWrap .txt .viewBtn { margin-top:40px; }
#container_vis.main .visImg .txtWrap .txt .viewBtn a { padding:11px 35px; font-size:14px; color:#FFF; background-color:rgba(255,255,255,.2); -webkit-transition:.5s all; -moz-transition:.5s all; -o-transition:.5s all; transition:.5s all; }
#container_vis.main .visImg .txtWrap .txt .viewBtn a:hover,
#container_vis.main .visImg .txtWrap .txt .viewBtn a:focus { color:#333; background-color:rgba(255,255,255, 1); }
#container_vis.main .visImg .txtWrap .txt .txt_group1 { float:left; margin-left:0%; }
#container_vis.main .visImg .txtWrap .txt .txt_group2 { float:right; margin-right:0%; }
#container_vis.main .visImg .txtWrap .txt .txt_group3 { float:left; margin-left:0%; }
#container_vis.main .visImg .txtWrap .txt .txt_group4 { float:right; margin-right:0%; }
#container_vis.main .visImg .txtWrap .txt .txt01 { font-size:70px; font-family:'GmarketSansBold'; color:#BBCAE1; }
#container_vis.main .visImg .txtWrap .txt .txt01 span { font-family:'GmarketSansLight'; letter-spacing:0; }
#container_vis.main .visImg .txtWrap .txt .txt02 { font-size:20px; font-family:'Noto Serif KR', serif; color:rgba(255,255,255,.7); }
#container_vis.main .visImg .txtWrap1,
#container_vis.main .visImg .txtWrap3 { left:0%; }
#container_vis.main .visImg .txtWrap2,
#container_vis.main .visImg .txtWrap4 { left:100%; }
.scrollDown { position:absolute; left:50%; top:85vh; 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: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(255,255,255,1) url(../images/history_bg.png) no-repeat center/cover; }
#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(235, 235, 235, 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; font-family:'GmarketSansBold'; color:#000; }
#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(107, 139, 190, 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:#F7F7F7; }
.sect_3 h2 { font-size:26px; color:#555; text-align:center; font-family:'Montserrat', sans-serif; margin-bottom:40px; }
#galloutWrap .board_output { width:100%; max-width:1200px; margin:0 auto; font-size:13px; color:#555; }
#galloutWrap .board_output table { width:100%; }
#galloutWrap .board_output table br { display:none; }
#galloutWrap .board_output table[cellpadding='2'] { padding:0 !important; }
#galloutWrap .board_output table[width='98%'] { width:100% !important; }
#galloutWrap .board_output > tbody > tr { margin-left:-10px; margin-right:-10px; }
#galloutWrap .board_output > tbody > tr:before, 
#galloutWrap .board_output > tbody > tr:after { content:''; display:table; }
#galloutWrap .board_output > tbody > tr:after { clear:both; }
#galloutWrap .board_output > tbody > tr > td { float:left; width:23.1%; padding-left:10px; padding-right:10px; overflow:visible !important; }
#galloutWrap .board_output td.board_output_gallery_img { position:relative; overflow:hidden; }
#galloutWrap .board_output td.board_output_gallery_img img { width:100%; height:auto; transition:transform 0.25s ease-out; }
#galloutWrap .board_output td.board_output_gallery_img > a:before { content:''; position:absolute; right:0; top:0; width:100%; height:0; background:rgba(0, 0, 0, 1); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output td.board_output_gallery_img > a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:21px; height:21px; background:url(../images/zoom_pict_s.png) center center no-repeat; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output table tr:last-child { background:#FFF; }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:before,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:after,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:after { margin-top:-10px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
#galloutWrap .board_output td > .board_output_gallery_subject { display:block; font-size:14px; font-family:'GmarketSansMedium'; color:#111; line-height:1.4; text-align:left; margin-top:25px; padding:0 20px; }
#galloutWrap .board_output td > .board_output_gallery_etc { display:block; font-size:11px; color:#A1A1A1; font-family:'Montserrat', sans-serif; margin:5px 0 25px; padding:0 20px; }
.sect_3 .btn-wrap { margin:20px 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(76,76,76,.5); z-index:9; }
.sect_3 .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:rgba(76,76,76,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:#00123A url(../images/business_bg.png) no-repeat center/cover; }
#cs_contents { margin:0 auto; width:100%; overflow:hidden; }
.cs_title { margin:0 auto 30px; text-align:center; }
.cs_title .cs_mTitle { display:block; font-size:54px; color:rgba(255,255,255,1); font-family:'Montserrat'; font-weight:600; letter-spacing:-.6px; }
.customerArea_2 { margin:0 auto; width:100%; max-width:1200px; border-top:1px solid rgba(255,255,255,.1); }
.customer_t2 { margin:45px auto 0; width:100%; max-width:850px; text-align:center; }
.customer_t2 .customer_2_Txt { width:100%; text-align:center; font-size:18px; color:rgba(153,153,153,.8); line-height:1.55; }
.customer_t2 .customer_2_Txt span { display:block; text-align:center; font-size:30px; font-weight:500; color:rgba(255,255,255,.7); }
.cs_con { width:100%; max-width:1200px; margin:60px auto 0; }
.csInner { float:left; width:100%; margin:0 auto; }
#cs_table { width:100%; max-width:1200px; }
#cs_table .tt1 { padding:20px 0; font-size:18px; color:rgba(153,153,153,.8); text-align:center; background:rgba(0,0,0,.5); }
#cs_table .tt2 { padding:20px 0; font-size:18px; color:rgba(153,153,153,.8); text-align:center; background:rgba(0,0,0,.5); }
#cs_table .tt3 { padding:20px 0; font-size:18px; color:rgba(153,153,153,.8); text-align:center; background:rgba(0,0,0,.5); }
#cs_table .cc { font-size:24px; color:rgba(153,153,153,1); font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .dd { font-size:24px; color:rgba(153,153,153,1); font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .ee { font-size:24px; color:rgba(153,153,153,1); 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 rgba(0,0,0,.5); border-bottom:1px solid rgba(0,0,0,.5); }
#cs_table .tt1_con.last { border-right:0; }
.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; }