@charset "euc-kr";
.subVisImg { position:fixed; top:0; width:100%; height:100vh; overflow:hidden; }
.subVisImg .bgImg { position:absolute; top:0; left:0; bottom:0; right:0; text-indent:-99999px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform:scale(1.2); transition:transform 5s ease; z-index:-9; }
.subVisImg.bg-loaded .bgImg { transform:scale(1); }
.subVisImg.subImg_1 .bgImg { background-image:url(../company/images/subImg_1.jpg); }
.subVisImg.subImg_2 .bgImg { background-image:url(../business/images/subImg_2.jpg); }
.subVisImg.subImg_3 .bgImg { background-image:url(../product/images/subImg_3.jpg); }
.subVisImg.subImg_4 .bgImg { background-image:url(../consult/images/subImg_4.jpg); }
.subVisImg.subImg_5 .bgImg { background-image:url(../customer/images/subImg_5.jpg); }
.subVisImg.subImg_6 .bgImg { background-image:url(../etc/images/subImg_6.jpg); }
.txtInner { display:table; width:100%; height:100%; }
.txt { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.txt_1 { font-size:48px; color:rgba(255,255,255,1); font-family:'GmarketSansMedium'; line-height:1.3; text-align:center; text-shadow:0 0 3px #222; opacity:0; -webkit-transform:translateY(-30%); -moz-transform:translateY(-30%); -o-transform:translateY(-30%); transform:translateY(-30%); -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; transition-delay:1.5s; }
.txt_1.txtB { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); }
.txt_2 { font-size:15px; color:rgba(255,255,255,.7); font-family:'GmarketSansMedium'; text-align:center; text-shadow:0 0 3px #222; -ms-word-break:keep-all; word-break:keep-all; opacity:0; -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; transition-delay:1.5s; }
.txt_2.txtN { opacity:.8; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); }
#lnb { position:relative; width:100%; margin-top:100vh; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#F7F7F7; z-index:9; }
#pathArea { width:100%; max-width:1000px; height:46px; margin:0 auto; }
.path { float:left; width:auto; height:46px; }
.path a.homeBtn { float:left; display:block; width:66px; height:46px; text-indent:-99999px; background:url('../company/images/home_ico.png') left top no-repeat; }
.path .scate { position:relative; float:left; width:182px; height:46px; line-height:46px; border-right:1px solid #EBEBEB; }
.path .scate a.scateMe { display:block; background:#FFF; padding-left:20px; font-size:13px; }
.path .scate a.scateMe:before { content:''; position:absolute; top:20px; right:20px; width:9px; height:6px; background:#FFF url('../company/images/path_ico.png') no-repeat; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:transform .1s .1s; transition:transform .1s .1s; -webkit-transition:-webkit-transform .1s .1s; transition:transform .1s .1s, -webkit-transform .1s .1s; transition:-webkit-transform .1s .1s; }
.path .scate.on a.scateMe:before { background:#FFF url('../company/images/path_ico.png') no-repeat; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.path .scate .lnbMenu { margin-left:-1px; width:146px; padding:15px 12px 15px 24px; border:1px solid #EBEBEB; background:#FFF; overflow:hidden; }
.path .scate .lnbMenu a.men { display:block; line-height:28px; font-size:13px; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; }
.path .scate .lnbMenu a.men:hover { padding-left:5px; }
.path .scate .lnbMenu a.men.on,
.path .scate .lnbMenu a.cur { font-weight:bold; color:#E35828; font-size:13px; }
#ftSize { float:right; width:93px; }
.fsup { float:left; width:47px; height:46px; background:url('../company/images/btnPlus.png') left top no-repeat; text-indent:-99999px; }
.fsdown { float:left; width:46px; height:46px; background:url('../company/images/btnMinus.png') left top no-repeat; text-indent:-99999px; }
.fsup a { display:block; width:47px; height:46px; }
.fsdown a { display:block; width:46px; height:46px; }
#subContents { position:relative; width:100%; background-color:#FFF; z-index:8; }
#subContInner { position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
h3.main_t { margin-top:60px; font-size:34px; font-weight:bold; color:#111; line-height:34px; }
span.st { display:block; font-size:11px; padding-top:6px; color:#888; }
#contents { margin:80px 0 100px; width:100%; max-width:1000px; min-height:350px; overflow:hidden; }
.optbr { display:block; }
.subGreet { width:100%; max-width:1000px; margin:0 auto; padding:20px 0 0; overflow:hidden; }
.subGreet .imgArea { float:left; position:relative; box-sizing:border-box; width:350px; padding:30px 0 483px 50px; 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; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); border-radius:0 50px 0 50px; overflow:hidden; opacity:0; filter:alpha(opacity=0); z-index:9; }
.subGreet .imgArea .photo img { max-width:100%; height:auto; }
.subGreet .imgArea .photo .logo { position:absolute; right:-120px; bottom:142px; background:rgba(255, 255, 255, 1); padding:15px 15%; opacity:0; filter:alpha(opacity=0); z-index:10; }
.subGreet .greetArea { float:right; width:calc(100% - 400px); 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:14px; color:#555; margin-bottom:30px; line-height:1.8; 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 { margin:0 auto; width:200px; }
.ceo { margin-top:50px; font-size:14px; }
.sign { margin:0 0 0 40px; }
#gallWrap .bbsnewf5 { font-size:13px; color:#555; }
#gallWrap .bbsnewf5 td[valign='bottom'] { padding:0 8px; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a { position:relative; display:block; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a > img { display:block; width:100%; height:auto; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a:before { content:''; position:absolute; left: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; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:26px; height:26px; background:url(../images/zoom_pict_b.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; }
#gallWrap .bbsnewf5:hover td[valign='bottom'] > a:before,
#gallWrap .bbsnewf5 td[valign='bottom'] > a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#gallWrap .bbsnewf5:hover td[valign='bottom'] > a:after,
#gallWrap .bbsnewf5 td[valign='bottom'] > a:focus:after { margin-top:-13px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
.con1, .con2, .con3, .con4, .con5, .con6 { width:100%; max-width:1000px; }
.con1 img, .con2 img, .con3 img, .con4 img, .con5 img, .con6 img { max-width:100%; height:auto; }
dl#history { width:100%; max-width:1000px; background:url('../company/images/splayer.png') no-repeat 85% 122px; overflow:hidden; -moz-transition:.2s ease; -webkit-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); transform:rotateY(0deg); }
dl#history dt.year { text-indent:-99999px; height:0; }
dl#history dd { border-top:1px solid #E2E2E2; padding:40px 0; line-height:38px; overflow:hidden; }
dl#history dd.fir { border-top:0; padding-top:0; }
dl#history dd.las { border-bottom:0; padding-bottom:0; }
dl#history dd em, dl#history dd strong, dl#history dd span { float:left; }
dl#history dd em { width:100%; max-width:240px; font-weight:bold; color:#324A7A; font-size:24px; text-align:center; }
dl#history dd strong{ width:100%; max-width:60px; font-weight:bold; font-size:16px; color:#111; }
dl#history dd ul { overflow:hidden; }
dl#history dd ul li { float:left; width:100%; max-width:700px; font-size:14px; }
dl#history dd ul li .its_start { font-weight:bold; color:#EA540C; }
.js-load { display:none; }
.js-load.active, .lists { display:block; }
.btn-wrap { width:100%; margin:30px auto 0; }
.btn-wrap a { display:block; padding:12px 0; font-size:13px; font-weight:bold; text-align:center; border:1px solid #E9E6E6; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; }
.btn-wrap a:hover { background:#F6F6F6; }
.btn-wrap a i { padding-left:8px; }
#roadmap { width:100%; max-width:1000px; margin-top:0; }
#roadmap .item { width:20%; font-size:15px; font-weight:bold; background:rgba(238,238,238,0.3); }
#roadmap .brd { border-top:1px solid #E9E9E9; }
#roadmap .tt1_con { padding:18px 0; text-align:center; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; }
#roadmap .tt2_con { padding:18px 0 18px 35px; border-bottom:1px solid #E9E9E9; font-size:15px; }
.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('../product/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); }
.commArea { float:left; width:100%; max-width:1000px; border-top:2px solid #353631; }
.comm_t { margin:45px auto; width:100%; max-width:760px; font-size:15px; text-align:center; font-family:'GmarketSansLight'; }
.comm_t .comm_Txt { margin:0 auto; width:100%; text-align:center; font-size:25px; font-family:'GmarketSansMedium'; }
.comm_t .commb { color:#F60; font-weight:bold; }
.comm_con { width:100%; max-width:1000px; margin:0 auto; }
.comm_con img { max-width:100%; height:auto; }
.tabPart ul { display:flex; flex-wrap:wrap; justify-content:flex-start; overflow:hidden; }
.tabPart ul.tab_list li { width:100%; max-width:33.333%; background:rgba(170, 170, 170, .1); border-top:1px solid rgba(34, 34, 34, .2); border-left:1px solid rgba(34, 34, 34, .2); border-right:1px solid rgba(34, 34, 34, .2); border-bottom:1px solid rgba(34, 34, 34, 1); box-sizing:border-box; }
.tabPart ul.tab_list li:nth-child(1) { border-left:1px solid rgba(206, 215, 168, 0); }
.tabPart ul.tab_list li:nth-child(2) { border-left:1px solid rgba(206, 215, 168, 0); border-right:1px solid rgba(206, 215, 168, 0); }
.tabPart ul.tab_list li:nth-child(3) { border-right:1px solid rgba(206, 215, 168, 0); }
.tabPart ul.tab_list li a { display:block; padding:20px 0; font-size:15px; font-weight:500; text-align:center; }
.tabPart ul.tab_list li.on { border-top:1px solid rgba(34, 34, 34, 1); border-left:1px solid rgba(34, 34, 34, 1); border-right:1px solid rgba(34, 34, 34, 1); border-bottom:none; color:#3d3d3d; background:#FFF url('../customer/images/dn_arrow.gif') 70% center no-repeat; }
.tabCon { margin-top:30px; }
.tabCon h4 { position:relative; width:100%; border-bottom:1px solid #DDD; }
.tabCon h4.tablast { border-bottom:0; }
.tabCon h4 a { display:block; padding:22px 0 22px 3%; font-size:15px; }
.tabCon0 { display:block; }
.tabCon1, .tabCon2 { display:none; }
.sp_arrow { display:block; position:absolute; right:3%; top:30%; width:15px; height:15px; }
.tabContInner { display:none; border-bottom:1px solid #DDD; font-size:14px; background:#F9F9F9; }
.Inner_2 { padding:2% 3% 4%; overflow:hidden; }
.tabContInner.tabConlast { border-top:1px solid #DDD; }