@charset "euc-kr";
#mainVisimg { position:relative; height:auto; overflow:hidden; }
.mainVisitem { position:absolute; top:0; width:100%; z-index:9; }
.txtBox { width:100vw; margin:0 auto; max-width:100%; min-width:1000px; }
.vis-item a { display:block; position:relative; float:left; width:25%; height:850px; color:#FFF; padding-top:430px; text-align:center; transition:all .2s linear; -webkit-transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -kthtml-transition:all .2s linear; zoom:1; *display:inline; }
.vis-item strong { display:block; font-size:28px; font-weight:500; font-family:"Poiret One"; margin-top:0; transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:.6; -moz-opacity:.6; }
.vis-item span { display:block; font-size:17px; color:rgba(255, 255, 255, 1); margin-top:-80px; transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; opacity:0; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; }
.vis-item span:before { display:block; content:''; width:60px; height:1px; background:rgba(255, 255, 255, .3); margin:50px auto 30px; }
.vis-item a:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#000; transform:scale3d(0,1,1); transform-origin:center center; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; z-index:-99; }
.vis-item a:hover:after,
.cur a:after { background:rgba(0, 0, 0, .5); transform:scale3d(1,1,1); }
.vis-item a:hover strong,
.cur a strong { margin-top:-30px; opacity:1; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; }
.vis-item a:hover span,
.cur a span { margin-top:-20px; opacity:1; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; }
.mainvislide { position:relative; width:1920px; margin:0 auto; }
.mainvisWrap { position:relative; width:1920px; height:850px; overflow:hidden; }
.slideArea { width:100%; height:850px; margin:0 auto; overflow:hidden; }
.slideContainer { position:relative; height:850px; overflow:hidden; }
ul.slides { position:relative; width:100%; }
ul.slides li { position:absolute; -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); opacity:0; z-index:9; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  -webkit-backface-visibility:hidden; }
ul.slides li.cur { transform:scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity:1; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; z-index:9; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -kthtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-backface-visibility:hidden; }
ul.slides li img { max-width:100%; height:auto; }
.progress-bar { position:absolute; bottom:0; width:1px; height:6px; background:#000; opacity:.1; filter:alpha(opacity=10); -khtml-opacity:.1; -moz-opacity:.1; z-index:97; }
#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:18px 0; border-top:1px solid #EEE;  background:#FFF; }
#notice h3 { float:left; width:13%; min-width:100px; color:#111; background:url(../images/v_line.gif) right 9px no-repeat; }
#notice h3 a { font-size:18px; font-weight:700; letter-spacing:-1px; }
#notice h3 i { position:relative; top:0; color:rgba(255, 102, 0, 1); margin-right:5px; }
#notice .noticeRolling { position:relative; top:1px; float:right; width:85%; height:22px; overflow:hidden; }
#notice .noticeLatest { position:relative; top:1px; width:100%; }
#notice .noticeLatest td[width='1%'] { display:none; }
#notice .noticeLatest td[nowrap] { width:74%; }
#notice .noticeLatest td[align='center'] { text-align:right !important; color:#888; }
#notice .noticeLatest td a { font-size:16px; color:#555; }
#notice .noticeLatest td a:hover,
#notice .noticeLatest td a:focus { color:#000; }
#mainCont { float:left; width:100%; margin:0 auto; }
#galleryWrap { float:left; width:100%; margin:0 auto 50px; background:#F7F7F7; }
#galleryWrap #toggle { position:relative; width:100%; max-width:1000px; height:80px; margin:0 auto; }
#galleryWrap #toggle h2.shopOutput { line-height:80px; }
#galleryWrap #toggle .hidden { float:left; padding:40px 0; border-top:1px solid #EEE; overflow:hidden; }
#galleryWrap #toggle #btn-toggle { position:absolute; top:0; right:0; }
#galleryWrap #toggle #btn-toggle a { display:block; line-height:80px; font-size:34px; text-align:center; color:#FFF; width:80px; height:80px; background:rgba(221, 77, 27, 1); }
#galleryWrap #toggle #btn-toggle a i { transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
#galleryWrap #toggle #btn-toggle a:hover i,
#galleryWrap #toggle #btn-toggle a:focus i { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
#galloutWrap .board_output { font-size:13px; color:#555; }
#galloutWrap .board_output table[cellpadding='2'] { padding:0 !important; }
#galloutWrap .board_output table[width='98%'] { width:100% !important; }
#galloutWrap .board_output td { text-align:center; }
#galloutWrap .board_output td.board_output_gallery_img { position:relative; padding-right:3px; overflow:hidden; }
#galloutWrap .board_output td.board_output_gallery_img img { width:100%; height:auto; }
#galloutWrap .board_output td.board_output_gallery_img>a:before { content:''; position:absolute; right:3px; top:0; width:100%; height:0; background:rgba(0, 0, 0, 1); opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#galloutWrap .board_output td.board_output_gallery_img>a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:21px; height:21px; background:url(../images/zoom_pict_s.png) center center no-repeat; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { margin-top:-10px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
#galloutWrap .board_output .board_output_gallery_subject { display:inline-block; font-size:13px; padding-top:6px; }
#mainContEx { width:100%; max-width:1000px; margin:50px 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:rgba(109, 131, 38, 1); }
.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:rgba(0, 0, 0, 1) !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:rgba(109, 131, 38, 1) 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:rgba(221, 77, 27, 1) 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:rgba(109, 131, 38, 1); }
.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:50px 0; } 
#nd-bdr .nd-bdr { display:block; background:#666; 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 .lt { top:0; left:-1px; width:0; height:1px; } 
#nd-bdr .lr { top:0; right:-1px; width:1px; height:0; } 
#nd-bdr .lb { bottom:0; right:-1px; width:0; height:1px; } 
#nd-bdr:hover .ll,#nd-bdr:hover .lr { height:100% } 
#nd-bdr:hover .lt,#nd-bdr:hover .lb { width:100% }
#productWrap { float:left; width:100%; margin:50px auto 0; }
.prodcontArea { position:relative; margin:0 auto; }
.prodcontArea:after { display:block; content:''; width:0; height:40%; background:#E9E9E9; position:absolute; right:0; top:12%; }
.prodcontArea .prodcontInner { position:relative; width:100%; z-index:9; }
.prodcontArea .prodcontInner:after { display:block; content:''; clear:both; }
.prodcontArea .prodcontBg { float:left; width:1px; height:600px; background:url(../images/main_prodImg.jpg) no-repeat right top; box-sizing:border-box; transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); }
.prodcontArea .prodcont { padding:6% 0 0 60%; opacity:0; }
.prodcontArea .prodcont h2.prod_mt { font-size:36px; color:#222; font-weight:600; }
.prodcontArea .prodcont h2.prod_mt:after { display:block; content:''; width:55px; height:1px; margin:25px 0; background:#666; }
.prodcontArea .prodcont p { font-size:15px; color:#666; font-weight:400; line-height:1.4; }
.prodcontArea .prodcont h3.prod_st { margin:90px 0 0; font-size:28px; color:#111; font-weight:600; line-height:1.2; }
.prodcontArea .prodcont .prodBtnArea { width:100%; }
.prodcontArea .prodcont .prodBtnArea a { margin:30px 0 0; width:110px; display:block; padding:12px 38px 12px 22px; border:1px solid #E2E2E2; background:#FFF; font-size:14px; font-weight:bold; text-align:center; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
.prodcontArea .prodcont .prodBtnArea a:hover,
.prodcontArea .prodcont .prodBtnArea a:focus { padding:12px 38px 12px 32px; background:rgba(109, 131, 38, 1); color:#FFF; border:1px solid rgba(109, 131, 38, 1); border-radius:46px; }
.prodcontArea .prodcont .prodBtnArea a i { transform:translateX(100%); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; opacity:0; filter:alpha(opacity=0); }
.prodcontArea .prodcont .prodBtnArea a:hover i,
.prodcontArea .prodcont .prodBtnArea a:focus i { transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.prodcontArea.onViewrep:after { width:100%; transition:all 1s .5s; -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; }
.prodcontArea.onViewrep .prodcontBg { width:960px; transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transition:all 1s 1s; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; }
.prodcontArea.onViewrep .prodcont { padding:6% 0 0 53%; opacity:1; transition:all 1s 2s; -webkit-transition:all 1s 2s; -moz-transition:all 1s 2s; -o-transition:all 1s 2s; }
.pbr { display:block; }
.tbr { display:none; }
.mbr { display:none; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:247px; margin-left:-270px; z-index:98; }
#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; }