@charset "euc-kr";
#mvisImgWrap { position:relative; width:100%; }
.mainVisimg .elem { position:relative; height:100vh; background-repeat:no-repeat; background-size:cover; }
.mainVisimg .elem.visImg_1 { background-image:url(../images/m_vis_1.jpg); }
.mainVisimg .elem.visImg_2 { background-image:url(../images/m_vis_2.jpg); }
.mainVisimg .elem.visImg_3 { background-image:url(../images/m_vis_3.jpg); }
.mainVisimg .elem .visText { position:absolute; top:34%; left:50%; margin-left:-560px; color:#FFF; z-index:5; }
.mainVisimg .elem .visText .vmt { font-size:64px; font-family:'GmarketSansBold'; }
.mainVisimg .elem .visText .vst { font-size:24px; font-family:'GmarketSansLight'; margin:10px 0 30px; line-height:1.45; }
.ctrlArea { position:absolute; top:60%; left:50%; margin-left:-565px; color:#FFF; font-family:'Montserrat', sans-serif; }
.process_bar { position:relative; display:inline-block; margin:-4px 5px 0; background:rgba(255,255,255,.2); width:300px; height:1px; text-align:center; vertical-align:middle; text-indent:-9999px; overflow:hidden; }
.process_bar:before { content:''; position:absolute; top:0; left:0; height:100%; background:#FFF; -webkit-transition:5s ease-in-out; transition:5s ease-in-out; }
.process_bar.active::before { width:100%; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-name:PROCBAR; animation-name:PROCBAR; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
@-webkit-keyframes PROCBAR { 0% { width:0; } 100% { width:100%; } }
@keyframes PROCBAR { 0% { width:0; } 100% { width:100%; } }
.playStop { display:inline-block; width:9px; height:11px; background:url('../images/controlBtn_hori.png') no-repeat right; margin-left:10px; text-indent:-9999px; overflow:hidden; -moz-transition:.2s ease; -webkit-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; }
.playStop.on { background:url('../images/controlBtn_hori.png') no-repeat left; }
.ctrlArea > em { font-size:14px; margin-left:10px; text-indent:-9999px; }
.ctrlArea > strong.page_divi { font-size:12px; color:rgba(255,255,255,.5); }
.ctrlArea > span { font-size:14px; color:rgba(255,255,255,.5); text-indent:-9999px; }
.visMovie,
.visMovie_2 { position:relative; overflow:hidden; }
.visMovie .videoSrc,
.visMovie_2 .videoSrc { position:absolute; top:0; left:0; width:100vw; height:100vh; object-fit:cover; }
.visMovie .videoMask,
.visMovie_2 .videoMask { position:absolute; top:0; left:0; width:100vw; height:100vh; background:#000; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; opacity:0.4; z-index:4; }
.optbr { display:block; }
.scrollDown { position:absolute; left:50%; bottom:50px; margin-left:-15px; width:33px; height:20px; z-index:9; }
.sectArea { position:relative; float:left; width:100%; min-height:100%; }
#com_contents { margin:100px auto 0; width:100%; max-width:1100px; overflow:hidden; }
.subGreet { width:100%; max-width:1200px; margin:0 auto; padding:20px 0 80px; overflow:hidden; }
.subGreet .imgArea { float:left; position:relative; box-sizing:border-box; width:350px; background:#FFF; -webkit-transform:translateX(70%); -moz-transform:translateX(70%); -o-transform:translateX(70%); transform:translateX(70%); opacity:1; filter:alpha(opacity=100); z-index:11; }
.subGreet .imgArea .line { position:absolute; left:0; top:0; width:0; height:0; background:url(../images/navi_bg.gif) repeat; transform:rotateY(0deg); opacity:0; filter:alpha(opacity=0); }
.subGreet.onView .imgArea .line { width:200px; height:200px; -webkit-transition:all 0.6s 1s; -moz-transition:all 0.6s 1s; -o-transition:all 0.6s 1s; transition:all 0.6s 1s; transform:rotateY(360deg); opacity:1; filter:alpha(opacity=100); }
.subGreet .imgArea .line > li { text-indent:-9999px; }
.subGreet .imgArea .line > li:nth-child(1) { position:absolute; left:20px; top:-20px; width:0; height:1px; background:rgba(2, 167, 229, 1); }
.subGreet .imgArea .line > li:nth-child(2) { position:absolute; right:-20px; top:-20px; width:1px; height:0; background:rgba(2, 167, 229, 1); }
.subGreet .imgArea .line > li:nth-child(3) { position:absolute; right:-20px; bottom:20px; width:0; height:1px; background:rgba(2, 167, 229, 1); }
.subGreet .imgArea .line > li:nth-child(4) { position:absolute; left:20px; bottom:20px; width:1px; height:0; background:rgba(2, 167, 229, 1); }
.subGreet .imgArea .photo { position:absolute; top:30px; left:50px; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); overflow:hidden; opacity:0; filter:alpha(opacity=0); z-index:9; }
.subGreet .imgArea .photo > img { max-width:100%; height:auto; }
.subGreet .imgArea .photo > img.logo { position:absolute; right:-120px; top:210px; background:rgba(255, 255, 255, 1); padding:15px 15%; opacity:0; filter:alpha(opacity=0); z-index:10; }
.subGreet .imgArea .photo > img.photo_bg { border-radius:0 50px 0 50px; }
.subGreet .greetArea { float:right; width:calc(100% - 420px); padding-top:0; -webkit-transform:translateX(-20%); -moz-transform:translateX(-20%); -o-transform:translateX(-20%); transform:translateX(-20%); opacity:0; filter:alpha(opacity=0); z-index:10; }
.subGreet .greetArea p.greetTitle { font-size:26px; font-family:'GmarketSansMedium'; color:#222; }
.subGreet .greetArea > p { font-size:16px; color:#555; margin-bottom:30px; line-height:1.75; text-align:justify; }
.subGreet.onView .imgArea { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); -webkit-transition:all 1s 1.5s; -moz-transition:all 1s 1.5s; -o-transition:all 1s 1.5s; transition:all 1s 1.5s; }
.subGreet.onView .imgArea .line { width:200px; height:200px; -webkit-transition:all 0.6s 1s; -moz-transition:all 0.6s 1s; -o-transition:all 0.6s 1s; transition:all 0.6s 1s; transform:rotateY(360deg); opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .imgArea .line > li:nth-child(1) { width:100%; height:1px; -webkit-transition:all 0.4s 1.5s ease-in-out; -moz-transition:all 0.4s 1.5s ease-in-out; -o-transition:all 0.4s 1.5s ease-in-out; transition:all 0.4s 1.5s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(2) { width:1px; height:100%; -webkit-transition:all 0.4s 2s ease-in-out; -moz-transition:all 0.4s 2s ease-in-out; -o-transition:all 0.4s 2s ease-in-out; transition:all 0.4s 2s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(3) { width:100%; height:1px; -webkit-transition:all 0.4s 2.5s ease-in-out; -moz-transition:all 0.4s 2.5s ease-in-out; -o-transition:all 0.4s 2.5s ease-in-out; transition:all 0.4s 2.5s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(4) { width:1px; height:100%; -webkit-transition:all 0.4s 3s ease-in-out; -moz-transition:all 0.4s 3s ease-in-out; -o-transition:all 0.4s 3s ease-in-out; transition:all 0.4s 3s ease-in-out; }
.subGreet.onView .imgArea .photo { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:all 1s 2.6s; -moz-transition:all 1s 2.6s; -o-transition:all 1s 2.6s; transition:all 1s 2.6s; opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .imgArea .photo .logo { right:0; -webkit-transition:all 1s 3.2s ease-in-out; -moz-transition:all 1s 3.2s ease-in-out; -o-transition:all 1s 3.2s ease-in-out; transition:all 1s 3.2s ease-in-out; opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .greetArea { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); -webkit-transition:all 1s 1.5s; -moz-transition:all 1s 1.5s; -o-transition:all 1s 1.5s; transition:all 1s 1.5s; opacity:1; filter:alpha(opacity=100); z-index:11; }
.signArea { float:right; width:200px; }
.ceo { margin-top:50px; font-size:14px; }
#com_contents .introArea { float:left; width:100%; max-width:100%; border-top:1px solid rgba(51, 51, 51, 1); }
#com_contents #intro_table { width:100%; max-width:100%; font-size:15px; }
#com_contents #intro_table .comt { font-weight:600; color:#000; }
#com_contents #intro_table .cc { background:rgba(246, 246, 246, 1); }
#com_contents #intro_table .tt1_con { width:25%; padding:20px 0; text-align:center; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#com_contents #intro_table .tt2_con { width:75%; padding:20px 0 20px 22px; border-bottom:1px solid #E5E5E5; }
#biz_contents { margin:90px auto; width:100%; max-width:1000px; overflow:hidden; }
.biz_title { margin:0 auto 70px; text-align:center; }
.biz_title .biz_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.biz_title .biz_sTitle { color:#999; font-size:16px; line-height:.3; }
.biz_con { width:100%; max-width:1000px; margin:0 auto; }
.biz_con img { max-width:100%; height:auto; }
#pf_contents { margin:0 auto; width:100%; background:#F9F9F9; padding:100px 0; overflow:hidden; }
.port_title { margin:0 auto 70px; text-align:center; }
.port_title .port_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.port_title .port_sTitle { color:#999; font-size:16px; line-height:.3; }
.work { width:100%; max-width:1000px; margin:0 auto; display:flex; justify-content:center; align-items:center; }
.work #choice { width:auto; }
.work #choice li { float:left; }
.work #choice li a { display:block; color:#7F8289; font-size:15px; padding:15px; }
.work #choice li a:hover { color:#333; }
.work #choice li a.selected { color:#000; font-weight:bold; background:url('../portfolio/images/bot_arrow.png') center top no-repeat; }
.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); }
#est_contents { margin:90px auto 0; width:100%; max-width:1000px; overflow:hidden; }
.est_title { margin:0 auto 70px; text-align:center; }
.est_title .est_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.est_title .est_sTitle { color:#999; font-size:16px; line-height:.3; }
.estimateArea { width:100%; max-width:1000px; margin:0 auto; border-top:1px solid #353631; }
.estimate_t { margin:45px auto; width:100%; max-width:850px; font-size:15px; text-align:center; }
.estimate_t .estimate_Txt { margin:0 auto 5px; width:100%; text-align:center; font-size:22px !important; }
.estimate_t .estimateb { color:rgba(27, 137, 179, 1); font-weight:bold; }
.estimate_con { width:100%; max-width:1000px; margin:0 auto; }
.estimate_con img { max-width:100%; height:auto; }
#cs_contents { margin:90px auto; width:100%; overflow:hidden; }
.cs_title { margin:0 auto 70px; text-align:center; }
.cs_title .cs_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.cs_title .cs_sTitle { color:#999; font-size:16px; line-height:.3; }
.customerArea_2 { margin:0 auto; width:100%; max-width:1000px; 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 { margin:0 auto 15px; width:100%; text-align:center; font-size:23px; font-weight:bold; }
.customer_t2 .customer_2b { color:rgba(27, 137, 179, 1); font-weight:bold; }
.customer_t2:after { display:block; content:''; width:60px; height:1px; background:#999; margin:40px auto; }
.cs_con { width:100%; max-width:1000px; margin:0 auto; }
.csInner { float:left; width:100%; margin:0 auto; }
#cs_table { width:100%; max-width:1000px; }
#cs_table .tt1 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#cs_table .tt2 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#cs_table .tt3 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#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; }
#cs_table_2 { width:100%; max-width:1000px; }
#cs_table_2 .tt1 { width:100%; padding:50px 0 20px; font-size:20px; font-weight:600; text-align:center; border-bottom:1px solid #353631; }
#cs_table_2 .ff { width:35%; font-size:15px; font-weight:500; text-align:center; }
#cs_table_2 .gg { width:65%; font-size:15px; font-weight:500; text-align:center; }
#cs_table_2 tr:first-child { border-top:0; }
#cs_table_2 .tt1_con { padding:20px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background:#F6F6F6; }
#cs_table_2 .tt2_con { padding:20px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#cs_table_2 .tt1_con.last,
#cs_table_2 .tt2_con.last { border-right:0; }
#roadmap_contents { float:left; position:relative; width:100%; height:740px; margin:0; }
#roadmap_contents .nodemap { width:100%; height:740px; }
.map_cont { position:absolute; left:0; top:130px; 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; margin-bottom:-4px; }
.map_cont .guide .guide_st { font-size:22px; color:rgba(255, 255, 255, 0.7); font-weight:400; margin-bottom:25px; }
.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(2, 167, 229, 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; }
#boxBannerWrap { width:100%; margin:0 auto; padding:0; background:#F9F9F9; }
.boxBanner { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:130px 0 103px; }
.banLeft { float:left; width:calc(100% - 700px); }
.banLeft h3 { font-size:46px; color:#333; font-family:'GmarketSansBold'; letter-spacing:-.8px; }
.banLeft dl { margin-top:0; }
.banLeft dt { font-size:24px; font-family:'GmarketSansMedium'; }
.banLeft dd { font-size:15px; color:#888; font-family:'GmarketSansLight'; }
.banLeft a { display:block; width:200px; margin:30px 0 0; padding:13px 0; font-size:24px; color:#333; font-family:'Montserrat'; font-weight:600; text-align:center; border-top:1px solid #BBB; border-bottom:1px solid #BBB; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); transform:rotateY(0deg); }
.banLeft a:focus,
.banLeft a:hover { color:#FFF; background:#111; border-radius:46px; -webkit-transition:.3s all; -moz-transition:.3s all; -o-transition:.3s all; transition:.3s all; }
.banrightArea { float:right; }
.banrightArea li:nth-child(1) { float:left; width:224px; margin-right:-25px; }
.banrightArea li:nth-child(2) { float:left; width:224px; margin-right:-25px; }
.banrightArea li:nth-child(3) { float:left; width:224px; }
.circle_1_wrap div { overflow:hidden; }
.circle_1 { position:relative; float:right; display:table; width:224px; height:224px; text-align:center; }
.circle_1 > .cir { position:absolute; top:0; left:0; width:216px; height:216px; border-radius:50%; background:transparent; border:3px dotted #BBB; text-indent:-999px; overflow:hidden; -webkit-animation:18s linear infinite rotate; animation:18s linear infinite rotate; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.circle_1 dl { display:table-cell; vertical-align:middle; }
.circle_1 dt { display:none; }
.circle_1 dd { margin-top:5px; color:#222; font-size:20px; font-family:'Montserrat'; font-weight:600; }
.circle_2_wrap div { overflow:hidden; }
.circle_2 { position:relative; float:right; display:table; width:224px; height:224px; text-align:center; background:transparent; }
.circle_2 > .cir_2 { position:absolute; top:0; left:0; width:216px; height:216px; border-radius:50%; background:transparent; border:3px dotted #BBB; text-indent:-999px; overflow:hidden; -webkit-animation:18s linear infinite rotate; animation:18s linear infinite rotate; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.circle_2 dl { display:table-cell; vertical-align:middle; }
.circle_2 dd { display:none; }
.circle_3_wrap div { overflow:hidden; }
.circle_3 { position:relative; float:right; display:table; width:224px; height:224px; text-align:center; background:transparent; }
.circle_3 > .cir_3 { position:absolute; top:0; left:0; width:216px; height:216px; border-radius:50%; background:transparent; border:3px dotted #BBB; text-indent:-999px; overflow:hidden; -webkit-animation:18s linear infinite rotate; animation:18s linear infinite rotate; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.circle_3 dl { display:table-cell; vertical-align:middle; }
.circle_3 dt { display:none; }
.circle_3 dd { margin-top:5px; color:#222; font-size:20px; font-family:'Montserrat'; font-weight:600; }
@keyframes rotate { 0% { transform:rotate(0deg) } 100% { transform:rotate(360deg) } }
@-webkit-keyframes rotate { 0% { transform:rotate(0deg) } 100% { transform:rotate(360deg) } }
.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; }