@charset "euc-kr";
#mainVisimg { position:relative; height:850px; 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%; width:70px; height:70px; border-radius:50%; font-size:32px; color:#FFF; text-align:center; line-height:68px; margin-top:-35px; border:2px solid rgba(255,255,255,0.25); 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:3%; }
#mainVisimg .owl-carousel .owl-nav > .owl-next { right:3%; }
#mainVisimg .owl-carousel:hover .owl-nav > div { opacity:1; }
#mainVisimg .owl-carousel .owl-dots { position:absolute; bottom:50px; left:0; width:100%; text-align:center; }
#mainVisimg .owl-carousel .owl-dots > .owl-dot { position:relative; display:inline-block; 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%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:rgba(255,255,255,0.35); -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; height:100%; }
#mainVisimg .owl-stage-outer .owl-stage { height:100%; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item { height:100%; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item > div.visImg_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.visImg_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.visImg_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.visImg_4 { background:url(../images/visImg_4_1.png) center top no-repeat; height:100%; background-size:cover !important; }
.visMovie { position:relative; width:100%; height:850px; overflow:hidden; }
.videoSrc { position:absolute; top:-220px; left:0; width:100%; height:auto; overflow:hidden; }
.videoMask { position:absolute; left:0; top:0; width:100%; height:auto; background:#000; filter:alpha(opacity=20); -khtml-opacity:0.2; -moz-opacity:0.2; opacity:0.2; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText { position:relative; top:35%; width:100%; max-width:780px; margin:0 auto; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt { -webkit-transform:translateY(-40px); transform:translateY(-40px); -webkit-transition:all 0.5s ease; transition:all 0.5s ease; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vst { -webkit-transform:translateY(40px); transform:translateY(40px); -webkit-transition:all 0.5s ease; transition:all 0.5s ease; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; }
#mainVisimg .owl-stage-outer .owl-stage .owl-item div .visText .vmt { color:#FFF; font-size:70px; font-weight:700; margin-bottom:8px; text-shadow:0 0 3px #222; text-align:center; font-family:"Poiret One"; -webkit-transition-delay:0.9s; transition-delay:0.9s; }
#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; text-align:center; -webkit-transition-delay:1.4s; transition-delay:1.4s; }
#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:translateY(0); transform:translateY(0); filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
#mainCont { float:left; width:100%; margin:0 auto; }
#noticeWrap { float:left; width:100%; background:#FFF; }
.noticeCon { position:relative; }
.noticeCon { max-width:1000px; margin:0 auto; }
.noticeCon:before, .noticeCon:after { content:''; display:block; }
.noticeCon:after { clear:both; }
#notice { padding:20px 0; border-bottom:1px solid #E2E2E2; }
#notice h3 { float:left; width:13%; min-width:100px; color:#111; background:url(../images/v_line.gif) right 10px no-repeat; }
#notice h3 a { font-size:18px; font-weight:700; letter-spacing:-1px; }
#notice h3 i { position:relative; top:0; color:#F60; margin-right:5px; }
#notice .noticeRolling { position:relative; float:right; width:85%; height:22px; padding-top:0; overflow:hidden; }
#notice .noticeLatest { position:relative; width:100%; }
#notice .noticeLatest td[width='1%'] { display:none; }
#notice .noticeLatest td[align='center'] { text-align:right !important; color:#888; }
#notice .noticeLatest td div { max-width:100%; }
#notice .noticeLatest td a { font-size:16px; color:#555; -webkit-transition:color 0.25s; transition:color 0.25s; }
#notice .noticeLatest td a:hover { color:#000; }
#contArea { margin:68px 0 0; padding:50px 0 80px; background:url('../images/biz_bg.jpg') center center repeat; /* background-size:cover; -webkit-background-size:cover; */ }
.contWrap { margin:0 auto; }
.contWrap:before, .contWrap:after, #elemArea:before, #elemArea:after { content:''; display:table; }
.contWrap:after, #elemArea:after { clear:both; }
#elemArea { margin:0 auto; }
#elemArea li { padding-right:3px; }
#elemArea li:last-child { padding-right:0; }
#elemArea li { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#elemArea li:before, #elemArea li:after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#elem { position:relative; height:550px; overflow:hidden; }
#elem:hover .on_txtArea { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
#elem.elem_1 { background:url('../images/elem_img1.jpg') center center no-repeat; background-size:cover; -webkit-background-size:cover; }
#elem.elem_2 { background:url('../images/elem_img2.jpg') center center no-repeat; background-size:cover; -webkit-background-size:cover; }
#elem.elem_3 { background:url('../images/elem_img3.jpg') center center no-repeat; background-size:cover; -webkit-background-size:cover; }
.sec_title { display:block; font-size:28px; font-weight:600; color:#000; text-align:center; }
.sec_stitle { display:block; margin:-6px auto 20px; font-size:18px; font-weight:300; color:#777; text-align:center; }
#elem .titleArea { position:absolute; bottom:0; left:0; width:100%; padding:20px 0; background:#111; transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; }
#elem:hover .titleArea { bottom:-96px; }
#elem .titleArea .title_1 { font-size:20px; font-weight:400; text-align:center; }
#elem .titleArea .title_1 a { display:block; color:#FFF; }
#elem .titleArea .title_2 { font-size:14px; font-weight:400; text-align:center; }
#elem .titleArea .title_2 a { display:block; color:#AAA; }
#elem .on_txtArea { position:absolute; left:0; top:0; width:auto; height:100%; padding:40px 30px 0 30px; background:rgba(71, 97, 21, 0.9); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; }
#elem .on_txtArea .imgArea { display:none; }
#elem .on_txtArea .imgArea img { max-width:100%; height:auto; }
#elem .on_txtArea .on_title_1 { font-size:20px; font-weight:400; color:#FFF; text-align:center; }
#elem .on_txtArea .on_title_2 { font-size:14px; font-weight:400; color:#AAA; text-align:center; }
#elem .on_txtArea .on_txt { padding:30px 0; margin:30px 0; font-size:15px; color:#FFF; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3); text-align:justify; }
#elem .on_txtArea .picto { position:absolute; bottom:180px; left:50%; width:auto; margin-left:-19px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
#elem .on_txtArea:hover .picto,
#elem .on_txtArea:focus .picto { bottom:110px; }
#elem .on_txtArea .picto a { display:block; width:36px; height:36px; line-height:36px; font-size:26px; color:#FFF; text-align:center; border:1px solid #FFF; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
#elem .on_txtArea .picto a:hover,
#elem .on_txtArea .picto a:focus { background:#FFF; color:rgba(71, 97, 21, 1); }
#mainContEx { float:left; width:100%; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; }
.mainContEx { width:100%; max-width:1000px; margin:0 auto; }
#storyArea { float:left; width:100%; max-width:324px; border-right:1px solid #E2E2E2; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#story { margin:0 auto; width:100%; max-width:300px; height:auto; }
#story .picto { margin:20px auto 0; width:118px; height:118px; line-height:118px; border:1px solid #DDD; border-radius:50%; }
#story .picto a { display:block; font-size:58px; color:#666; text-align:center; }
.bt { text-align:center; font-weight:bold; font-size:18px; }
.btc { color:#DC4D1B; }
.bt2 a { display:block; text-align:center; font-weight:bold; font-size:16px; color:#222 !important; margin-top:20px; padding-bottom:4px; }
.bt2s { display:block; text-align:center; line-height:18px; }
#csArea { float:left; width:100%; max-width:346px; border-right:1px solid #E2E2E2; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#cs { margin:0 auto; width:100%; max-width:300px; height:auto; background:url('../images/cs_ico.gif') center top no-repeat; }
.cst { text-align:center; font-weight:normal; font-size:15px; padding:3px 0 0 10px; }
.csNum { text-align:center; font-weight:bold; font-size:32px; color:#222 !important; margin:6px 0 5px 0; letter-spacing:-1px; }
.cs_s { display:block; padding:20px 0 6px 52px; line-height:22px; font-size:13px; }
#cs a.map { display:block; width:120px; margin:10px auto 0; text-align:center; padding:10px 48px 10px; font-size:15px; color:#FFF; font-weight:bold; background:#DF3F33 url('../images/zoom_ico.png') 160px center no-repeat; transition:0.5s all; border-radius:46px; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#cs a.map:hover { color:#FFF; background:#332A28 url('../images/zoom_ico.png') 160px center no-repeat; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#maUpArea { float:left; width:100%; max-width:324px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#maUp { margin:0 auto; width:100%; max-width:300px; height:auto; }
#maUp .picto { margin:20px auto 0; width:118px; height:118px; line-height:118px; border:1px solid #DDD; border-radius:50%; }
#maUp .picto a { display:block; font-size:58px; color:#666; text-align:center; }
.mt { text-align:center; font-weight:bold; font-size:18px; }
.mtc { color:#DC4D1B; }
.mt2 a { display:block; text-align:center; font-weight:bold; font-size:16px; color:#222 !important; margin-top:20px; padding-bottom:4px; }
.mt2s { display:block; text-align:center; line-height:18px; }
#nd-bdr { position:relative; padding:65px 0; } 
#nd-bdr .nd-bdr { display:block; background:#969696; 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:-1px; width:1px; height:0; } 
#nd-bdr .lr { top:0; right:-1px; width:1px; height:0; } 
#nd-bdr:hover .ll, #nd-bdr:hover .lr { height:100% }
#gallery { float:left; width:100%; padding:60px 0; background:url('../images/biz_bg.jpg') center center repeat; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.gallSlide { position:relative; margin:0 auto; width:1000px; height:171px; overflow:hidden; }
.gallSlide ul.pic,
.gallSlide ul.mov { position:absolute; top:0; left:0; }
.gallSlide ul.pic li { float:left; margin-left:8px; width:230px; height:171px; overflow:hidden; }
.gallSlide ul.pic li img { transition:0.2s ease-out; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1); }
.gallSlide ul.pic li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); }
.gallSlide ul.mov li { float:left; margin-left:16px; }
.gallSlide ul.pic li:first-child,
.gallSlide ul.mov li:first-child { margin-left:0; }
.gallSlide .btnArea { position:absolute; top:0px; right:0; }
.gallSlide .btnArea a { display:block; font-size:0; text-indent:-99999px; }
.gallSlide .btnArea a.top { width:42px; height:81px; background:url("../images/top_Btn.png") left top no-repeat; }
.gallSlide .btnArea a.bottom { width:42px; height:81px; background:url("../images/bot_Btn.png") left top no-repeat; }
.gallSlide .btnArea a.top:hover,
.gallSlide .btnArea a.bottom:hover { background-position:0 -81px; }
.gallSlide .btnArea > a { margin-bottom:9px; }
#gallery_mob { float:left; width:100%; max-width:1954px; margin:20px auto; overflow:scroll; }
.gallSlide_mob { margin:0 auto; width:100%; max-width:1954px; height:auto; }
.gallSlide_mob.wide li { width:304px; height:auto; }
.gallSlide_mob ul.mov_mob { width:100%; }
.gallSlide_mob ul.mov_mob li { float:left; margin-left:5px; }
.gallSlide_mob ul.mov_mob li:first-child { margin-left:0; }
.gallSlide_mob ul.mov_mob li.mm { width:100px; line-height:171px; text-align:center; }
.gallSlide_mob ul.mov_mob li.mm a { display:block; font-size:14px; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:166px; margin-left:-270px; z-index:8; }
#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; }