@charset "euc-kr";
#slideshow { position:relative; height:100vh; overflow:hidden; }
.txtArea { position:absolute; top:50%; left:50%; text-align:center; font-size:66px; font-weight:700; color:rgba(255, 255, 255, 1); line-height:2; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:9; }
.txtArea small { display:block; font-size:18px; font-weight:normal; }
.txtArea small:first-child { border-bottom:1px solid rgba(255, 255, 255, .3); padding-bottom:10px; color:rgba(255, 255, 255, .8); }
.txtArea small:last-child { border-top:1px solid rgba(255, 255, 255, .3); padding-top:0; }
.txtArea small:last-child a { font-size:28px; font-family:"Poiret One"; color:rgba(255, 255, 255, .8); }
.scrollDown { position:absolute; left:50%; bottom:80px; margin-left:-15px; z-index:9; }
#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-top:0px solid #EEE; border-bottom:1px dashed #969696; }
#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:0px; 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; }
#galleryWrap { float:left; width:100%; }
#galleryWrap #toggle { position:relative; width:100%; max-width:1000px; height:60px; margin:0 auto; }
#galleryWrap #toggle.on { border-left:1px solid #EEE; }
#galleryWrap #toggle .ceoGreet { line-height:60px; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#galleryWrap #toggle .ceoGreet.on { padding-left:23px; }
#galleryWrap #toggle .hidden { position:none; float:left; padding:35px 0; font-size:15px; line-height:25px; border-top:1px solid #EEE; overflow:hidden; }
#galleryWrap #toggle #btn-toggle { position:absolute; top:0; right:0; width:60px; height:60px; background:#FFF; border-top:0; border-right:1px solid #EEE; border-bottom:0px solid #EEE; border-left:1px solid #EEE; cursor:pointer; }
#galleryWrap #toggle #btn-toggle .toggle-line { display:block; position:absolute; left:50%; width:22px; height:2px; margin-left:-11px; background:#000; -webkit-transition:all 0.25s ease-in; transition:all 0.25s ease-in; }
#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:23px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:30px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:37px; }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:30px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line2 { opacity:0; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:30px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
#botContWrap { float:left; width:100%; }
#botCont { position:relative; width:100%; max-width:1200px; height:600px; margin:0 auto; }
#botCont .aa { float:right; width:100%; max-width:600px; height:600px; }
#botCont .aa img { max-width:100%; height:auto; }
#botCont .bb { float:left; width:100%; max-width:300px; height:300px; }
#botCont .bb img { max-width:100%; height:auto; }
#botCont .cc { float:right; width:100%; max-width:300px; height:300px; }
#botCont .cc img { max-width:100%; height:auto; }
#botCont .dd { float:left; width:100%; max-width:300px; height:300px; }
#botCont .dd img { max-width:100%; height:auto; }
#botCont .ee { float:right; width:100%; max-width:300px; height:300px; }
#botCont .ee img { max-width:100%; height:auto; }
#nd-bdr { position:relative; padding:0; } 
#nd-bdr .nd-bdr { display:block; background:#9BD7F7; 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 .lt { top:0; left:0; width:0; height:12px; }
#nd-bdr .lb { bottom:0; right:0; width:0; height:12px; }
#nd-bdr:hover .lt,
#nd-bdr:hover .lb { width:100% }
#elem { position:relative; width:auto; height:300px; cursor:pointer; overflow:hidden; }
#elem .on_txtArea { position:absolute; left:0; top:0; width:auto; height:100%; padding:50px 30px 0 30px; background:rgba(255, 102, 0, 1); transition:all .5s ease; -webkit-transition:all .5s ease;-moz-transition:all .5s ease; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; }
#elem:focus .on_txtArea,
#elem:hover .on_txtArea { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
#elem a.est_foward { display:block; width:300px; height:300px; background:url('../images/bot_est.gif') center center no-repeat; background-size:cover; -webkit-background-size:cover; text-indent:-9999px; }
#elem .on_txtArea .on_title_1 { font-size:22px; font-weight:700; color:rgba(255, 255, 255, 1); text-align:center; }
#elem .on_txtArea .on_title_2 { font-size:15px; font-weight:300; color:rgba(255, 255, 255, .7); text-align:center; line-height:1; }
#elem .on_txtArea .on_txt { padding:15px 0; margin:15px 0; font-size:14px; color:rgba(255, 255, 255, 1); border-top:1px solid rgba(255, 255, 255, 0.3); text-align:justify; }
#elem .on_txtArea .picto { position:absolute; bottom:160px; left:50%; width:auto; margin-left:-20px; 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:107px; }
#elem .on_txtArea .picto a { display:block; width:36px; height:36px; line-height:36px; font-size:28px; color:rgba(255, 255, 255, 1); text-align:center; border:2px solid rgba(255, 255, 255, 1); 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(255, 102, 0, 1); }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:245px; 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; }