@charset "euc-kr";
#mainVis { position:fixed; top:0; width:100%; height:100vh; overflow:hidden; }
.txtArea { position:absolute; top:55%; left:50%; text-align:center; font-size:70px; 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:7; }
.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); }
.txtArea span { letter-spacing:-.8px; text-shadow:0 1px 1px #222; }
#mainVis #ndmov { position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden; }
#mainCont { position:relative; width:100%; margin-top:100vh; background:#FFF; z-index:8; }
.TtbanWrap { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.TtbanWrap:before, .TtbanWrap:after { content:''; display:block; }
.TtbanWrap:after { clear:both; }
.Ttban { position:relative; float:left; width:100%; }
.Ttban .Ttban_items { display:flex; flex-wrap:wrap; justify-content:flex-start; white-space:nowrap; overflow:hidden; transition:all 1s 1s; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; }
.Ttban .Ttban_items.onViewrep { margin:-150px auto 0; border-radius:50px 50px 0 0; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; }
.Ttban .Ttban_items li { position:relative; width:33.333%; height:500px; text-align:center; overflow:hidden; cursor:pointer; box-sizing:border-box; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; }
.Ttban .Ttban_items li.onViewrep { border-radius:50px 50px 0 0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; }
.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; }
#noticeWrap { float:left; width:100%; background:#FFF; }
.noticeCon { position:relative; max-width:1000px; margin:0 auto; }
.noticeCon:before, .noticeCon:after { content:''; display:block; }
.noticeCon:after { clear:both; }
#notice { padding:18px 0; border-top:0px solid #EEE; border-bottom:0px solid #EEE; background:#F7F7F7; }
#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:#F60; 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; }
#historyWrap { float:left; width:100%; background:#FFF; }
.optbr { display:none; }
.mainHis { width:100%; max-width:1000px; margin:65px auto 0; padding:20px 0 0; overflow:hidden; }
.mainHis .imgArea { float:left; position:relative; box-sizing:border-box; width:350px; padding:30px 0 483px 50px; background:#FFF; transform:translateX(70%); -webkit-transform:translateX(70%); -moz-transform:translateX(70%); -o-transform:translateX(70%); opacity:1; filter:alpha(opacity=100); z-index:11; }
.mainHis .imgArea .line { position:absolute; left:0; top:0; width:0; height:0; background:url(../images/navi_bg.gif) repeat; transform:rotateY(0deg); opacity:0; filter:alpha(opacity=0); }
.mainHis.onView .imgArea .line { width:200px; height:200px; transition:all 0.6s 1s; -webkit-transition:all 0.6s 1s; -moz-transition:all 0.6s 1s; -o-transition:all 0.6s 1s; transform:rotateY(360deg); opacity:1; filter:alpha(opacity=100); }
.mainHis .imgArea .line > li { text-indent:-9999px; }
.mainHis .imgArea .line > li:nth-child(1) { position:absolute; left:20px; top:-20px; width:0; height:1px; background:rgba(62, 152, 2, 1); }
.mainHis .imgArea .line > li:nth-child(2) { position:absolute; right:-20px; top:-20px; width:1px; height:0; background:rgba(62, 152, 2, 1); }
.mainHis .imgArea .line > li:nth-child(3) {	position:absolute; right:-20px; bottom:20px; width:0; height:1px; background:rgba(62, 152, 2, 1); }
.mainHis .imgArea .line > li:nth-child(4) {	position:absolute; left:20px; bottom:20px; width:1px; height:0; background:rgba(62, 152, 2, 1); }
.mainHis .imgArea .photo { position:absolute; transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); border-radius:0 50px 0 0; overflow:hidden; opacity:0; filter:alpha(opacity=0); z-index:9; }
.mainHis .imgArea .photo img { max-width:100%; height:auto; }
.mainHis .imgArea .photo .logo { position:absolute; right:-120px; bottom:142px; background:rgba(255, 255, 255, 1); padding:15px 15%; opacity:0; filter:alpha(opacity=0); z-index:10; }
.mainHis .hisArea { float:right; width:calc(100% - 400px); padding-top:0; transform:translateX(-20%); -webkit-transform:translateX(-20%); -moz-transform:translateX(-20%); -o-transform:translateX(-20%); opacity:0; filter:alpha(opacity=0); z-index:10; }
.mainHis .hisArea p.hisTitle { font-size:26px; font-weight:500; color:#222; }
.mainHis .hisArea p { font-size:13px; color:#555; margin-bottom:30px; line-height:1.8; }
.mainHis .hisArea .hisBtnArea { width:100%; height:1px; background:#E2E2E2; }
.mainHis .hisArea .hisBtnArea a { margin:30px auto 0; width:100px; display:block; padding:12px 32px 12px 22px; border:1px solid #E2E2E2; background:#FFF; font-size:15px; 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; }
.mainHis .hisArea .hisBtnArea a:hover, .mainHis .hisArea .hisBtnArea a:focus { padding:12px 42px 12px 32px; background:#404040; color:#FFF; border:1px solid #404040; }
.mainHis .hisArea 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); }
.mainHis .hisArea .hisBtnArea a:hover i,
.mainHis .hisArea .hisBtnArea a:focus i { transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.mainHis.onView .imgArea { transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transition:all 1s 1.5s; -webkit-transition:all 1s 1.5s; -moz-transition:all 1s 1.5s; -o-transition:all 1s 1.5s; }
.mainHis.onView .imgArea .line { width:200px; height:200px; transition:all 0.6s 1s; -webkit-transition:all 0.6s 1s; -moz-transition:all 0.6s 1s; -o-transition:all 0.6s 1s; transform:rotateY(360deg); opacity:1; filter:alpha(opacity=100); }
.mainHis.onView .imgArea .line > li:nth-child(1) { width:100%; height:1px; transition:all 0.4s 1.5s ease-in-out; -webkit-transition:all 0.4s 1.5s ease-in-out; -moz-transition:all 0.4s 1.5s ease-in-out; -o-transition:all 0.4s 1.5s ease-in-out; }
.mainHis.onView .imgArea .line > li:nth-child(2) { width:1px; height:100%; transition:all 0.4s 2s ease-in-out; -webkit-transition:all 0.4s 2s ease-in-out; -moz-transition:all 0.4s 2s ease-in-out; -o-transition:all 0.4s 2s ease-in-out; }
.mainHis.onView .imgArea .line > li:nth-child(3) { width:100%; height:1px; transition:all 0.4s 2.5s ease-in-out; -webkit-transition:all 0.4s 2.5s ease-in-out; -moz-transition:all 0.4s 2.5s ease-in-out; -o-transition:all 0.4s 2.5s ease-in-out; }
.mainHis.onView .imgArea .line > li:nth-child(4) { width:1px; height:100%; transition:all 0.4s 3s ease-in-out; -webkit-transition:all 0.4s 3s ease-in-out; -moz-transition:all 0.4s 3s ease-in-out; -o-transition:all 0.4s 3s ease-in-out; }
.mainHis.onView .imgArea .photo { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transition:all 1s 2.6s; -webkit-transition:all 1s 2.6s; -moz-transition:all 1s 2.6s; -o-transition:all 1s 2.6s; opacity:1; filter:alpha(opacity=100); }
.mainHis.onView .imgArea .photo .logo { right:0; transition:all 1s 3.2s ease-in-out; -webkit-transition:all 1s 3.2s ease-in-out; -moz-transition:all 1s 3.2s ease-in-out; -o-transition:all 1s 3.2s ease-in-out; opacity:1; filter:alpha(opacity=100); }
.mainHis.onView .hisArea { transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transition:all 1s 1.5s; -webkit-transition:all 1s 1.5s; -moz-transition:all 1s 1.5s; -o-transition:all 1s 1.5s; opacity:1; filter:alpha(opacity=100); z-index:11; }
#shopWrap { float:left; width:100%; margin:0 auto; background:#F7F7F7; }
#shopWrap #shop_toggle { position:relative; width:100%; max-width:1000px; height:80px; margin:0 auto; }
#shopWrap #shop_toggle h2.shopOutput { line-height:80px; }
#shopWrap #shop_toggle .shop_hidden { float:left; padding:40px 0 30px; border-top:1px solid #EEE; overflow:hidden; }
#shopWrap #shop_toggle #shopbtn-toggle { position:absolute; top:0; right:0; }
#shopWrap #shop_toggle #shopbtn-toggle a { display:block; line-height:80px; font-size:34px; text-align:center; color:#FFF; width:80px; height:80px; background:rgba(62, 152, 2, 1); }
#shopWrap #shop_toggle #shopbtn-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; }
#shopWrap #shop_toggle #shopbtn-toggle a:hover i,
#shopWrap #shop_toggle #shopbtn-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; }
#csWrap { width:100%; margin:0 auto; padding:0; background:#FFF; }
.csWrap_inner { width:100%; max-width:1100px; margin:0 auto; padding:50px 0; overflow:hidden; }
.csWrap_inner .csInfo { float:left; width:100%; max-width:630px; padding:10px 0; }
.csWrap_inner .csInfo:last-child { width:100%; max-width:469px; border-left:1px solid #EEE; }
.csWrap_inner .csInfo h3 { padding:11px 0 0 50px; margin-top:8px; font-weight:700; font-size:30px; color:#1A1A1A; letter-spacing:-.04em; opacity:0; }
.csWrap_inner.onView .csInfo h3 { padding-left:0; transition:all 1s 0.8s; -webkit-transition:all 1s 0.8s; -moz-transition:all 1s 0.8s; -o-transition:all 1s 0.8s; opacity:1; }
.csWrap_inner .csInfo em { color:#F60; }
.csWrap_inner .csInfo_view { margin-top:-21px; }
.csWrap_inner .csInfo_view li { font-size:16px; padding-left:50px; opacity:0; }
.csWrap_inner.onView .csInfo_view li { padding-left:0; transition:all 1s 0.8s; -webkit-transition:all 1s 0.8s; -moz-transition:all 1s 0.8s; -o-transition:all 1s 0.8s; opacity:1; }
.csWrap_inner .csInfo_list li { padding:13px 0 13px 0; border-bottom:1px solid #EEE; opacity:0; }
.csWrap_inner.onView .csInfo_list li { padding-left:60px; transition:all 1s 0.8s; -webkit-transition:all 1s 0.8s; -moz-transition:all 1s 0.8s; -o-transition:all 1s 0.8s; opacity:1; }
.csWrap_inner .csInfo_list li:last-child { border-bottom:none; }
.csWrap_inner .csInfo_list span { display:inline-block; font-size:20px; color:#1A1A1A; vertical-align:middle; }
.csWrap_inner .csInfo_list .csInfo_list_t { width:30%; }
.csWrap_inner .csInfo_list .csInfo_list_t_1 { padding-left:20px; font-weight:700; font-size:34px; }
.csWrap_inner .csInfo_list .csInfo_list_t_2 { padding-left:20px; font-size:28px; font-family:"Poiret One"; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:246px; 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; }