@charset "euc-kr";
#mainVisimg { position:relative; height:100vh; overflow:hidden; }
#mainVisimg .owl-carousel { height:100%; }
.scrollDown { position:absolute; left:50%; bottom:110px; margin-left:-15px; width:33px; height:20px; z-index:9; }
#mainVisimg .owl-carousel .owl-nav > div { position:absolute; top:50%; font-size:32px; color:#FFF; text-align:center; width:70px; height:70px; border-radius:50%; line-height:68px; margin-top:-35px; border:2px solid rgba(255,255,255,0.3); opacity:0; filter:alpha(opacity=0); transition: all 0.4s ease; }
#mainVisimg .owl-carousel .owl-nav > div:hover { color:#000; border-color:#FFF; background:#FFF; }
#mainVisimg .owl-carousel .owl-nav > .owl-prev { left:5%; }
#mainVisimg .owl-carousel .owl-nav > .owl-next { right:5%; }
#mainVisimg .owl-carousel:hover .owl-nav > div { opacity:1; filter:alpha(opacity=100); }
#mainVisimg .owl-carousel .owl-dots { position:absolute; bottom:50px; left:0; width:100%; text-align:center; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot { display:inline-block; position:relative; width:20px; height:20px; margin:0 4px; border:2px solid transparent; border-radius:50%; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot > span { display:block; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.4); -webkit-transition:background 0.3s ease; transition:background 0.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; width:100%; height:100%; }
#mainVisimg .owl-stage-outer .owl-stage { width:100%; height:100%; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item { width:100%; height:100%; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div.visImage_1 { background:url(../images/visImg_1_1.png) center top no-repeat; height:100%; background-size:cover !important; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div.visImage_2 { background:url(../images/visImg_2_1.png) center top no-repeat; height:100%; background-size:cover !important; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div.visImage_3 { background:url(../images/visImg_3_1.png) center top no-repeat; height:100%; background-size:cover !important; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText { position:relative; top:35%; max-width:730px; margin:0 auto; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt { -webkit-transform:translateX(-50px); transform:translateX(-50px); -webkit-transition:all 0.9s ease; transition:all 0.9s ease; opacity:0; filter:alpha(opacity=0); }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vst { -webkit-transform:translateX(50px); transform:translateX(50px); -webkit-transition:all 0.9s ease; transition:all 0.9s ease; opacity:0; filter:alpha(opacity=0); }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt { display:block; color:#FFF; font-size:64px; font-weight:700; margin-bottom:8px; text-shadow:0 0 3px #222; -webkit-transition-delay:0.5s; transition-delay:0.5s; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vst { color:#F1F1F1; font-size:22px; font-weight:300; line-height:1.5; text-shadow:0 0 3px #222; -webkit-transition-delay:0.5s; transition-delay:0.5s; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item.active div .visText .vmt,
#mainVisimg .owl-stage-outer .owl-stage .owl-item.active div .visText .vst { -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
.optbr { display:block; }
.sectArea { position:relative; float:left; width:100%; min-height:100%; }
#brand { float:left; width:100%; padding:80px 0 0; }
.TtbanWrap { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.TtbanWrap:before, .TtbanWrap:after { content:''; display:block; }
.TtbanWrap:after { clear:both; }
.Ttban_Con .capTitle { text-align:center; }
.Ttban_Con .capTitle h2 { padding:0 0 10px; font-size:40px; font-weight:500; font-family:"Poiret One"; color:#333; }
.Ttban_Con .capTitle p { margin-top:15px; font-size:18px; font-weight:300; color:#555; line-height:28px; padding-bottom:40px; }
.Ttban_Con .capTitle p strong { color:#FC547C; font-weight:600; }
.Ttban_Con .TtbanWrap .capTitle { padding-top:0 !important; }
.Ttban .Ttban_items { white-space:nowrap; overflow:hidden; }
.Ttban .Ttban_items li { position:relative; width:33.333%; height:500px; text-align:center; overflow:hidden; transition:width 0.3s ease-out; cursor:pointer; }
.Ttban .Ttban_items li .Ttban_bg { position:absolute; top:0; left:50%; width:600px; margin-left:-300px; }
.Ttban .Ttban_items li .Ttban_bg:before { position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#000; opacity:0.2; transition:opacity 0.5s ease-out; z-index:9; }
.Ttban .Ttban_items li .Ttban_bg > img { display:block; max-width:100%; height:auto; }
.Ttban .Ttban_items li .Ttban_info { position:relative; top:40%; padding:0 30px; transition:top 0.3s ease-out; z-index:99; }
.Ttban .Ttban_items li .Ttban_info i { font-size:60px; color:#FFF; text-align:center; }
.Ttban .Ttban_items li .Ttban_info span { display:block; font-size:13px; color:#D1D1D1; margin:5px 0 5px; }
.Ttban .Ttban_items li .Ttban_info h3 { font-size:20px; font-weight:700; color:#FFF; margin-bottom:20px; }
.Ttban .Ttban_items li .Ttban_info p { font-size:14px; color:#EEE; line-height:1.6; white-space:normal; word-break:keep-all; width:300px; margin:auto auto 30px; opacity:0; transition:opacity 0.3s ease-out; }
.Ttban .Ttban_items li .Ttban_info p a { color:rgba(255, 255, 255, .7); }
.nd_grid_1 > * { width:33.3333334%; }
.nd_grid_3 { font-size:0; }
.nd_grid_3:before, .nd_grid_3:after { display:none; }
.nd_grid_3 > * { float:none; display:inline-block; }
.nd_grid_4 { margin-left:0; margin-right:0; }
.nd_grid_4 > * { padding-left:0; padding-right:0; }
#cntArea { margin:95px auto 0; width:100%; height:auto; max-height:100%; padding:130px 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 { max-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; }
#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:#BD995B; font-weight:300; }
#product { float:left; width:100%; padding:80px 0 89px; background:#F1F1F1; }
.prodTitle h2 { padding:0 0 50px; font-size:40px; font-weight:500; font-family:"Poiret One"; color:#333; text-align:center; }
.work { width:100%; max-width:1000px; margin:0 auto; }
.work #choice { width:100%; max-width:330px; height:50px; margin:0 auto; }
.work #choice li { float:left; padding-right:25px; }
.work #choice li:last-child { padding-right:0; }
.work #choice li a { display:block; color:#7F8289; font-size:15px; padding-top:11px; }
.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); }
#beauty { float:left; width:100%; padding:80px 0 0; }
.beautyTitle h2 { padding:0 0 50px; font-size:40px; font-weight:500; font-family:"Poiret One"; color:#333; text-align:center; }
.introArea { width:100%; max-width:1000px; margin:0 auto; border-top:1px solid #353631; }
.intro_t { margin:45px auto; width:100%; max-width:850px; font-size:15px; text-align:center; }
.intro_t .intro_Txt { margin:0 auto 5px; width:100%; text-align:center; font-size:22px !important; }
.intro_t .intb { color:#FC547C; font-weight:bold; }
.idea_con { width:100%; max-width:1000px; margin:0 auto; }
.ideaInner { float:left; width:100%; margin:0 auto; }
#idea_table { width:100%; max-width:1000px; }
#idea_table .tt1 { width:100%; padding:26px 0; border-radius:46px; font-size:26px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#idea_table .cc { font-size:26px; font-weight:600; text-align:center; line-height:34px; }
#idea_table .dd { text-indent:-99999px; height:155px; background:url('../images/idea_arrow.png') center center no-repeat; }
#idea_table tr:first-child { border-top:0; }
#idea_table .tt1_con { padding:45px; border-bottom:1px solid #E5E5E5; }
.idea_con_2 { width:100%; max-width:1000px; margin:0 auto; }
.idea_con_2 ul { float:left; max-width:1000px; margin:0 auto 17px; }
.idea_con_2 ul.idea_con_last { margin:0 auto; }
.idea_con_2 ul li { float:left; width:320px; margin-right:17px; border:solid 0 #DDD; background:rgba(252,84,124,0.1); }
.idea_con_2 ul li:last-child { margin-right:0; }
.idea_con_2 ul li .idea_tt { margin:0 auto; font-size:17px; text-align:center; font-weight:500; }
#nd-bdr { position:relative; padding:25px 0; }
#nd-bdr .nd-bdr { display:block; background:rgba(252,84,124,1); 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:0; width:1px; height:0; } 
#nd-bdr .lt { top:0; left:0; width:0; height:1px; } 
#nd-bdr .lr { top:0; right:0; width:1px; height:0; } 
#nd-bdr .lb { bottom:0; right:0; width:0; height:1px; } 
#nd-bdr:hover .ll, #nd-bdr:hover .lr { height:100% } 
#nd-bdr:hover .lt, #nd-bdr:hover .lb { width:100% }
#community { float:left; width:100%; padding:80px 0 0; background:#333; }
.commTitle h2 { padding:0 0 50px; font-size:40px; font-weight:500; font-family:"Poiret One"; color:#FFF; text-align:center; }
.con1 { width:100%; max-width:1000px; margin:0 auto; }
.con1 img { max-width:100%; height:auto; }
#customer { float:left; width:100%; padding:80px 0 0; }
.customerTitle h2 { padding:0 0 50px; font-size:40px; font-weight:500; font-family:"Poiret One"; color:#333; text-align:center; }
#roadmap { width:100%; margin:0; }
#roadmap .item { width:30%; 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; }
ul.clickTab { position:relative; }
ul.clickTab:after { content:""; display:block; clear:both; }
ul.clickTab > li { width:100%; }
ul.clickTab > li > a { display:block; width:50%; text-align:center; background:#FBFBFB; font-size:18px; color:#555; padding:20px 0; border-top:solid 1px #E5E5E5; border-bottom:solid 1px #E5E5E5; border-right:solid 1px #E5E5E5; }
ul.clickTab > li > a.fir { float:left; border-left:solid 1px #E5E5E5; position:absolute; top:0; left:0; }
ul.clickTab > li > a.sec { float:left; border-left:solid 1px #E5E5E5; border-right:solid 1px #e5e5e5; position:absolute; top:0; left:50%; width:49.8%; }
ul.clickTab > li.tabOn > a { background:#BD995B; color:#FFF; border:none; padding:20px 0; font-weight:700; }
ul.clickTab .partConDiv { padding-top:67px; }
.partConBox_1, .partConBox_2 { width:100%; }
.consultArea { width:100%; max-width:1000px; margin:0 auto; padding-bottom:80px; border-top:1px solid #353631; }
.consult_t { margin:45px auto; width:100%; max-width:850px; font-size:15px; text-align:center; }
.consult_t .consult_Txt { margin:0 auto 5px; width:100%; text-align:center; font-size:22px !important; }
.consult_t .consultb { color:#FC547C; font-weight:bold; }
.consult_con { width:100%; max-width:1000px; margin:0 auto; }
h2.priTitle { color:#333; padding:0 0 20px 0; }
.nomailArea { padding:20px 20px 20px; border-top:1px solid #353631; }
.nomail_t { margin:20px auto 0; width:100%; max-width:760px; font-size:15px; text-align:center; }
.nomail_t .nomail_Txt { margin:0 auto; width:100%; text-align:center; font-size:25px; font-weight:bold; }
.nomail_t .nomailb { color:#FC547C; font-weight:bold; }
.bar { margin:30px auto 10px; width:60px; background:url('../images/h_bar.gif') repeat-x; text-indent:-9999px; }
.nomail_2Txt { margin:0 auto; width:100%; max-width:1000px; text-align:center; font-size:15px; line-height:1.7; text-align:justify; }
.sitemapArea { padding:20px 20px 20px; border-top:1px solid #353631; }
.sitemap_t { margin:20px auto; width:100%; max-width:760px; font-size:15px; text-align:center; }
.sitemap_t .sitemap_Txt { margin:0 auto; width:100%; text-align:center; font-size:25px; font-weight:bold; }
.sitemap_t .sitemapb { color:#FC547C; font-weight:bold; }
dl#sitemap { width:100%; max-width:1000px; overflow:hidden; -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; }
dl#sitemap dt.sitemap_T { text-indent:-99999px; height:0; }
dl#sitemap dd { border-bottom:1px solid #E9E9E9; padding:24px 0; line-height:38px; overflow:hidden; }
dl#sitemap dd:last-child { border-bottom:0; }
dl#sitemap dd em, dl#sitemap dd span { float:left; }
dl#sitemap dd em { width:100%; max-width:140px; font-size:15px; color:#111; font-weight:600; text-align:right; padding-right:30px; }
dl#sitemap dd ul { overflow:hidden; }
dl#sitemap dd ul li { float:left; }
dl#sitemap dd ul li a { display:block; padding:2px 10px; font-size:15px; }
dl#sitemap dd ul li a:hover,
dl#sitemap dd ul li a:focus { color:#E35828; }
.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; }