@charset "euc-kr";
#mainVisimg { position:relative; height:auto; overflow:hidden; }
#mainVisimg .owl-carousel { width:100%; }
.scrollDown { position:absolute; left:50%; bottom:110px; margin-left:-15px; width:33px; height:20px; z-index:9; }
.txtArea { position:absolute; top:45%; 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 { position:relative; width:848px; height:100px; border-left:1px solid rgba(255, 255, 255, .3); border-right:1px solid rgba(255, 255, 255, .3); padding:0; overflow:hidden; }
.txtArea ul.stxt li { position:absolute; width:100%; text-align:center; font-size:64px; font-weight:700; line-height:100px; opacity:0; }
.txtArea ul.stxt li:nth-child(1) { animation:anim 6s ease-in-out 1s forwards; -webkit-animation:anim 6s ease-in-out 1s forwards; -moz-animation:anim 6s ease-in-out 1s forwards; }
.txtArea ul.stxt li:nth-child(2) { animation:anim2 6s ease-in-out 4s forwards; -webkit-animation:anim2 6s ease-in-out 4s forwards; -moz-animation:anim2 6s ease-in-out 4s forwards; }
.txtArea ul.stxt li:nth-child(3) { animation:anim3 3s ease-in-out 8.5s forwards; -webkit-animation:anim3 3s ease-in-out 8.5s forwards; -moz-animation:anim3 3s ease-in-out 8.5s forwards; }@keyframes anim {0%{margin-left:-100%;opacity:0;}50%{margin-left:0;opacity:1;}100%{margin-left:-100%;opacity:0;}}@keyframes anim2 {0%{margin-left:100%;opacity:0;}50%{margin-left:0;opacity:1;}100%{margin-left:100%;opacity:0;}}@keyframes anim3 {0%{opacity:0;}100%{opacity:1;}}
.txtArea small { display:block; font-size:18px; font-weight:normal; }
.txtArea small:first-child { border-bottom:0px solid rgba(255, 255, 255, .3); padding-bottom:0px; color:rgba(255, 255, 255, .8); }
#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%; }
#mainCont { float:left; width:100%; margin:0 auto; }
#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); }
#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; border-bottom:1px 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; }
#quick { float:left; width:100%; }
#quick #quickMenu { position:relative; width:100%; margin:50px auto; max-width:997px; height:166px; }
#quick #quickMenu li { float:left; }
#quickMenu li a { display:block; overflow:hidden; }
#quickMenu li a .quickBtn { position:relative; }
#quickMenu .qmenu_1 { float:left; width:165px; height:166px; background:url('../images/quick_menu_1.gif') no-repeat center center; border-left:1px solid #EEE; border-right:1px solid #EEE; text-indent:-9999px; }
#quickMenu .qmenu_2 { float:left; width:165px; height:166px; background:url('../images/quick_menu_2.gif') no-repeat center center; border-right:1px solid #EEE; text-indent:-9999px; }
#quickMenu .qmenu_3 { float:left; width:165px; height:166px; background:url('../images/quick_menu_3.gif') no-repeat center center; border-right:1px solid #EEE; text-indent:-9999px; }
#quickMenu .qmenu_4 { float:left; width:165px; height:166px; background:url('../images/quick_menu_4.gif') no-repeat center center; border-right:1px solid #EEE; text-indent:-9999px; }
#quickMenu .qmenu_5 { float:left; width:165px; height:166px; background:url('../images/quick_menu_5.gif') no-repeat center center; border-right:1px solid #EEE; text-indent:-9999px; }
#quickMenu .qmenu_6 { float:left; width:165px; height:166px; background:url('../images/quick_menu_6.gif') no-repeat center center; border-right:1px solid #EEE; text-indent:-9999px; }
#quickMenu .qmenu_1 .imgOn_1, #quickMenu li .qmenu_1:focus { float:left; width:165px; height:166px; background:url('../images/quick_menuOn_1.gif') no-repeat center center; text-indent:-9999px; }
#quickMenu .qmenu_2 .imgOn_2, #quickMenu li .qmenu_2:focus { float:left; width:165px; height:166px; background:url('../images/quick_menuOn_2.gif') no-repeat center center; text-indent:-9999px; }
#quickMenu .qmenu_3 .imgOn_3, #quickMenu li .qmenu_3:focus { float:left; width:165px; height:166px; background:url('../images/quick_menuOn_3.gif') no-repeat center center; text-indent:-9999px; }
#quickMenu .qmenu_4 .imgOn_4, #quickMenu li .qmenu_4:focus { float:left; width:165px; height:166px; background:url('../images/quick_menuOn_4.gif') no-repeat center center; text-indent:-9999px; }
#quickMenu .qmenu_5 .imgOn_5, #quickMenu li .qmenu_5:focus { float:left; width:165px; height:166px; background:url('../images/quick_menuOn_5.gif') no-repeat center center; text-indent:-9999px; }
#quickMenu .qmenu_6 .imgOn_6, #quickMenu li .qmenu_6:focus { float:left; width:165px; height:166px; background:url('../images/quick_menuOn_6.gif') no-repeat center center; text-indent:-9999px; }
#cplWrap { float:left; width:100%; }
.cplArea { width:100%; max-width:660px; margin:0 auto; }
.cpl { float:left; position:relative; bottom:-240px; width:248px; height:240px; background:url('../images/couple.png') no-repeat center bottom; text-indent:-9999px; }
.cpl.onView { bottom:0; transition:all 1s 1.3s ease-in-out; -webkit-transition:all 1s 1.3s ease-in-out; -moz-transition:all 1s 1.3s ease-in-out; -o-transition:all 1s 1.3s ease-in-out; }
.reserveInfo { float:right; width:calc(100% - 306px); overflow:hidden; }
.resinfo_t { text-align:left; font-size:23px; font-weight:bold; margin-left:-190px; }
.resinfo_t.onView { margin-left:0; transition:all 1s 1.3s ease-in-out; -webkit-transition:all 1s 1.3s ease-in-out; -moz-transition:all 1s 1.3s ease-in-out; -o-transition:all 1s 1.3s ease-in-out; }
.resinfo_t:after { display:block; content:''; width:50px; height:1px; background:#D2D2D2; margin:25px 0; }
.resinfo_txt { font-size:13px; line-height:1.65em; margin-left:-350px; }
.resinfo_txt.onView { margin-left:0; transition:all 1s 1.3s ease-in-out; -webkit-transition:all 1s 1.3s ease-in-out; -moz-transition:all 1s 1.3s ease-in-out; -o-transition:all 1s 1.3s ease-in-out; }
#mapArea { float:left; position:relative; top:-220px; width:100%; height:740px; margin:0; }
#mapArea.onView { top:0; transition:all 1s .1s ease-in-out; -webkit-transition:all 1s .1s ease-in-out; -moz-transition:all 1s .1s ease-in-out; -o-transition:all 1s .1s ease-in-out; }
#mapArea .nodemap { width:100%; height:740px; }
.map_cont { position:absolute; left:0; top:85px; width:100%; z-index:9; }
.guideWrap { margin:0 auto; }
.guideWrap:before, .guideWrap:after { content:""; display:table; }
.guideWrap:after { clear:both; }
.map_cont .guide { position:absolute; padding:55px; background:rgba(116, 70, 21, 1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.map_cont .guide .clsBtn { position:absolute; top:0; right:0; }
.map_cont .guide .clsBtn a { display:block; width:34px; height:34px; line-height:34px; font-size:17px; text-align:center; background:rgba(255, 255, 255, 1); color:rgba(58, 81, 13, 1); border:1px solid rgba(255, 255, 255, 1); }
.map_cont .guide .clsBtn 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; }
.map_cont .guide .clsBtn a:hover i, .map_cont .guide .clsBtn a:focus i { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.map_cont .guide .guide_mt { font-size:30px; color:rgba(255, 255, 255, 1); font-weight:700; margin-bottom:-4px; }
.map_cont .guide .guide_st { font-size:22px; color:rgba(255, 255, 255, 0.7); font-weight:400; margin-bottom:25px; }
.map_cont .guide .guide_info.addr { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.map_cont .guide .guide_info .info_t { font-size:18px; color:rgba(245, 195, 142, 1); font-weight:700; margin-bottom:5px; }
.map_cont .guide .guide_info li,
.map_cont .guide .guide_info li.picto { font-size:15px; color:#FFF; font-weight:300; line-height:1.7; }
.map_cont .guide .guide_info li.picto i { font-size:13px !important; padding-right:2px; }
.viewBtn { margin-top:30px; }
.viewBtn a { display:block; width:160px; font-size:15px; color:#FFF; text-align:center; padding:10px 0; border:1px solid #FFF; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.viewBtn a:hover { color:rgba(116, 70, 21, 1); background:#FFF; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:228px; 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; }