@charset "euc-kr";
#mainVisimgArea { position:relative; top:0; width:100%; height:800px; }
.txtArea { position:absolute; top:43%; left:50%; text-align:center; color:rgba(255, 255, 255, 1); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:9; }
.txtArea ul.stxt { padding:0; height:120px; overflow:hidden; }
.txtArea ul.stxt li { text-align:center; font-size:66px; font-weight:700; line-height:120px; }
.txtArea ul.stxt li:first-child { animation:anim 10s infinite 3s; -webkit-animation:anim 10s infinite 3s; -moz-animation:anim 10s infinite 3s; }@keyframes anim {0%{margin-top:0;}25%{ margin-top:-120px;}50%{margin-top:-240px;}75%{margin-top:-120px;}100%{margin-top:0;}}
.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:10px; }
.txtArea small:last-child a { font-size:28px; font-family:"Poiret One"; color:rgba(255, 255, 255, .8); }  
#mainVisimgArea .visImg { position:absolute; width:100%; height:800px; overflow:hidden; }
#mainVisimgArea .visImg .visImg_list li { position:relative; height:800px; left:50%; margin-left:-960px; }
#mainVisimgArea .visImg .visImg_list li img { max-width:100%; height:100%; }
.scrollDown { position:absolute; left:50%; bottom:45px; margin-left:-15px; width:33px; height:20px; }
.btnArea { position:absolute; left:50%; margin-left:-75px; top:700px; width:151px; height:8px; z-index:9; }
.btnArea li { float:left; padding-right:8px; }
.btnArea li:last-child { padding-right:0; }
.btnArea li img { max-width:100%; height:100%; }
.btnArea li a { display:block; }
#mainCont { float:left; width:100%; margin:0 auto; }
#bannerWrap { float:left; width:100%; }
#banInner { position:relative; width:1000px; height:300px; margin:0 auto; }
#banInner .ban_1 { position:absolute; top:0; left:0; background:rgba(155,124,83,.1); width:250px; height:300px; }
#banInner .ban_1 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_1 .ban_mt { font-size:20px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_1 .ban_st { font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .ban_2 { position:absolute; top:0; left:250px; background:rgba(155,124,83,.2); width:250px; height:300px; }
#banInner .ban_2 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_2 .ban_mt { font-size:20px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_2 .ban_st { font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .ban_3 { position:absolute; top:0; left:500px; background:rgba(155,124,83,.3); width:250px; height:300px; }
#banInner .ban_3 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_3 .ban_mt { font-size:20px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_3 .ban_st { font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .ban_4 { position:absolute; top:0; left:750px; background:rgba(155,124,83,.4); width:250px; height:300px; }
#banInner .ban_4 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_4 .ban_mt { font-size:20px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_4 .ban_st { font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .banner { width:250px; height:300px; overflow:hidden; cursor:pointer; }
#banInner .banner .banCon { position:absolute; top:0; left:0; width:100%; height:300px; background-color:#000; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); }
#banInner .banner .banCon .innerCon { width:250px; height:300px; text-align:center; display:table-cell; vertical-align:middle; }
#banInner .banner .banCon .innerCon h4 > a { display:block; font-size:20px; font-weight:700; color:rgba(155,124,83,1) !important; letter-spacing:0; }
#banInner .banner .banCon .innerCon p { padding-top:0; }
#banInner .banner .banCon .innerCon p > a { display:block; font-size:14px; font-weight:500; line-height:16px; color:#ccc; letter-spacing:0; }
#banInner .banner .banCon_2 { position:absolute; top:0; left:0; width:100%; height:300px; background-color:#000; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); }
#banInner .banner .banCon_2 .innerCon { width:250px; height:300px; text-align:center; display:table-cell; vertical-align:middle; }
#banInner .banner .banCon_2 .innerCon h4 > a { display:block; font-size:20px; font-weight:700; color:rgba(155,124,83,1) !important; letter-spacing:0; }
#banInner .banner .banCon_2 .innerCon p { padding-top:0; }
#banInner .banner .banCon_2 .innerCon p > a { display:block; font-size:14px; font-weight:500; line-height:16px; color:#ccc; letter-spacing:0; }
#noticeWrap { float:left; width:100%; background-color:#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:1px solid #969696; border-bottom:1px solid #EEE; }
#notice h3 { float:left; width:13%; min-width:100px; color:#111; background:url(../images/v_line.gif) right 5px no-repeat; }
#notice h3 a { font-size:18px; font-weight:700; letter-spacing:-1px; }
#notice h3 i { position:relative; top:2px; 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); }
.TtbanWrap { position:relative; }
.TtbanWrap { width:100%; max-width:1200px; margin:0 auto; }
.TtbanWrap:before, 
.TtbanWrap:after { content:''; display:block; }
.TtbanWrap:after { clear:both; }
.Ttban { float:left; width:100%; }
.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 .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 .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:35%; padding:0 30px; transition:top .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:rgba(255, 255, 255, .7); }
.Ttban .Ttban_items li .Ttban_info .picto { position:absolute; top:35%; left:50%; width:auto; margin:30px 0 0 -23px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; }
.Ttban .Ttban_items li:hover .picto,
.Ttban .Ttban_items li:focus .picto { top:100%; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
.Ttban .Ttban_items li .Ttban_info .picto a i { display:block; width:40px; height:40px; line-height:40px; font-size:30px; color:rgba(255, 255, 255, .5); text-align:center; border:2px solid rgba(255, 255, 255, .5); 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; }
.Ttban .Ttban_items li .Ttban_info .picto a:hover i,
.Ttban .Ttban_items li .Ttban_info .picto a:focus i { background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); }
.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; }
#banWrap { float:left; width:100%; }
.banArea { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:45px 0 96px; }
.main_title { font-size:38px; font-weight:700; color:#333; text-align:center; line-height:1.1; margin-bottom:20px; }
.ban_slider { border-top:1px solid #E5E5E5; padding-top:0; }
.banner { position:relative; }
.banner .arrow { position:absolute; top:50%; margin-top:-30px; z-index:9; }
.banner .arrow i { width:60px; height:60px; line-height:60px; font-size:30px; text-align:center; border:1px solid #DDD; border-radius:50%; transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease; }
.banner .arrow i:focus,
.banner .arrow i:hover { background:#555; color:#FFF; border:1px solid #555; }
.banner .arrow.prev { left:-72px; }
.banner .arrow.next { right:-72px; }
#adArea { float:left; width:100%; height:150px; background:url(../images/m_bg.gif) top left repeat-x; }
#adCont { position:relative; width:100%; max-width:1000px; margin:0 auto; height:150px; min-height:150px; }
.adTxt { position:absolute; top:25%; left:85px; text-align:center; width:456px; z-index:9; }
.adtxt_1 { color:rgba(238, 238, 238, 1); font-size:28px; font-weight:600; -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; }
.adtxt_2 { color:rgba(170, 170, 170, 1); text-shadow:1px 1px 2px #333; font-size:21px; font-weight:300; line-height:1.1; font-family:"Poiret One"; -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; }
.adImg { position:absolute; bottom:0; right:88px; width:100%; max-width:336px; z-index:9; }
.adImg img { vertical-align:middle; max-width:100%; height:auto; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:167px; 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; }