@charset "euc-kr";
#slideshow { position:relative; height:100vh; overflow:hidden; }
.txtArea { position:absolute; top:50%; 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:820px; height:120px; overflow:hidden; }
.txtArea ul.stxt li { position:absolute; width:100%;  text-align:center; font-size:58px; font-weight:700; line-height:120px; 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 5s ease-in-out 8s infinite normal; -webkit-animation: anim3 5s ease-in-out 8s infinite normal; -moz-animation: anim3 5s ease-in-out 8s infinite normal; }
@keyframes anim { 0%{ margin-top:-120px; opacity:0; }50%{ margin-top:0; opacity:1; }100%{ margin-top:120px; opacity:0; }}
@keyframes anim2 { 0%{ margin-top:120px; opacity:0; }50%{ margin-top:0; opacity:1; }100%{ margin-top:-120px; opacity:0;	}}
@keyframes anim3 { 0%{ opacity:0; }25%{ opacity:1; }50%{ opacity:0; }75%{ opacity:1; }100%{ opacity:0; }}
@-webkit-keyframes anim { 0%{ margin-top:-120px; opacity:0; }50%{ margin-top:0; opacity:1; }100%{ margin-top:120px; opacity:0; }}
@-webkit-keyframes anim2 { 0%{ margin-top:120px; opacity:0; }50%{ margin-top:0; opacity:1; }100%{ margin-top:-120px; opacity:0; }}
@-webkit-keyframes anim3 { 0%{ opacity:0; }25%{ opacity:1; }50%{ opacity:0; }75%{ opacity:1; }100%{ opacity: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:5px; }
.txtArea small:last-child a { font-size:28px; font-family:"Poiret One"; color:rgba(255, 255, 255, .8); }
#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; }
#mainCont { float:left; width:100%; margin:0 auto; }
#qsArea { width:100%; max-width:900px; margin:45px auto 60px; }
#qsArea .qsTit { padding-left:97px; margin-bottom:10px; font-size:22px; }
#qsArea .qsTit .qsTit_1 { color:#E71613; font-weight:bold; font-size:30px; }
#qsArea .qsTit .qsTit_2 { color:#FC6305; font-weight:bold; letter-spacing:0; }
#qsArea .qsCont { position:relative; width:100%; }
#qsArea .qsCont .prev-btn a { position:absolute; top:25px; left:0; width:45px; height:45px; text-align:center; line-height:45px; border-radius:50%; border:1px solid #D3D7D8; background:#FFF; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; }
#qsArea .qsCont .prev-btn a i { font-size:15px !important; color:#939DA3; }
#qsArea .qsCont .prev-btn a:hover,
#qsArea .qsCont .prev-btn a:focus { border:1px solid #888; background-color:#888; }
#qsArea .qsCont .prev-btn a:hover i,
#qsArea .qsCont .prev-btn a:focus i { color:#FFF; }
#qsArea .qsCont .next-btn a { position:absolute; top:25px; right:0; width:45px; height:45px; text-align:center; line-height:45px; border-radius:50%; border:1px solid #D3D7D8; background:#FFF; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; }
#qsArea .qsCont .next-btn a i { font-size:15px !important; color:#939DA3; }
#qsArea .qsCont .next-btn a:hover,
#qsArea .qsCont .next-btn a:focus { border:1px solid #888; background-color:#888; }
#qsArea .qsCont .next-btn a:hover i,
#qsArea .qsCont .next-btn a:focus i { color:#FFF; }
#qsArea .qsCont .itemWrap { width:100%; max-width:706px; margin:0 auto; }
#qsArea .qsCont .itemWrap li { display:none; }
#qsArea .qsCont .itemWrap li:first-child { display:block; }
#qsArea .qsCont .title { padding:0 0 10px 0; font-size:16px; color:#000; font-weight:bold; }
#qsArea .qsCont .cont {  padding:0; font-size:13px; color:#828282; line-height:1.5; overflow:hidden; }
#qsArea .qsCont .cont a { width:64px; display:block; margin-top:20px; padding:8px 32px 8px 40px; background:#E98900; font-size:14px; color:#FFF; font-weight:bold; border-radius:46px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#qsArea .qsCont .cont a:hover,
#qsArea .qsCont .cont a:focus { background:#332A28; color:#FFF; }
#galleryWrap { float:left; width:100%; margin:0 auto; background:#F7F7F7; }
#galleryWrap #toggle { position:relative; width:100%; max-width:1000px; height:80px; margin:0 auto; }
#galleryWrap #toggle:after { content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background:#404040; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#galleryWrap #toggle.on:after { width:25%; }
#galleryWrap #toggle h2.shopOutput { line-height:80px; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#galleryWrap #toggle h2.shopOutput.on { padding-left:23px; }
#galleryWrap #toggle .hidden { position:none; float:left; padding:35px 0 50px; border-top:1px solid #EEE; overflow:hidden; }
#galleryWrap #toggle #btn-toggle { position:absolute; top:0; right:0; width:80px; height:80px; background:#404040; border-top:1px solid #404040; border-right:1px solid #404040; border-bottom:1px solid #404040; border-left:1px solid #404040; cursor:pointer; }
#galleryWrap #toggle #btn-toggle .toggle-line { display:block; position:absolute; left:50%; width:34px; height:3px; margin-left:-17px; background:#FFF; -webkit-transition:all 0.25s ease-in; transition:all 0.25s ease-in; }
#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:27px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:37px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:47px; }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:38px; 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:38px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
#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; }
#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:26%; left:15%; text-align:center; width:490px; z-index:9; }
.adtxt_1 { color:rgba(238, 238, 238, 1); font-size:25px; font-weight:500; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; }
.adtxt_2 { color:rgba(170, 170, 170, 1); text-shadow:1px 1px 2px #333; font-size:21px; font-weight:500; line-height:1.1; font-family:"Poiret One"; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; }
.adImg { position:absolute; bottom:0; right:15%; width:100%; max-width:200px; z-index:9; }
.adImg img { max-width:100%; height:auto; vertical-align:middle; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:229px; 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; }