@charset "euc-kr";
#mainTopCont { width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
#mainVis { float:left; position:relative; width:100%; max-width:594px; height:100%; max-height:491px; overflow:hidden; }
a.slidesjs-play, a.slidesjs-stop { text-indent:-99999px; }
a.slidesjs-previous { position:absolute; top:0; left:261px; background:url('../images/img_arrow.png') no-repeat; display:block; width:36px; height:38px; text-indent:-99999px; z-index:999; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
a.slidesjs-next { position:absolute; top:0; left:297px; background:url('../images/img_arrow.png') no-repeat; display:block; width:36px; height:38px; text-indent:-99999px; z-index:999; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
a.slidesjs-previous { width:36px; background-position:left top; }
a.slidesjs-next { width:36px; background-position:right top; }
.slidesjs-pagination { display:none; }
#mainVis .visImg_1 img, #mainVis .visImg_2 img { max-width:100%; height:auto; }
#rightArea { float:left; width:100%; max-width:406px; background:#F7F7F7; overflow:hidden; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#notice { float:left; position:relative; width:406px; overflow:hidden; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#notice h3.notit { position:absolute; top:60px; left:55px; color:#555; font-size:16px; font-family:tahoma; font-weight:bold; }
#notice .noticeCon { margin:94px 0 48px 45px; width:100%; max-width:320px; height:105px; line-height:21px; color:#666; overflow:hidden; }
#notice .noticeCon img { vertical-align:middle; }
#notice p.more { position:absolute; top:60px; left:173px; }
#notice p.more a { padding:8px; }
#prodBtn { float:left; width:100%; max-width:204px; height:244px; overflow:hidden; }
#prodBtn a { display:block; width:204px; height:244px; }
#afterBtn a { float:left; width:100%; max-width:202px; height:244px; background:url('../images/after_btn.gif') left top no-repeat; background-size:cover; font-size:20px; font-weight:bold; color:#F0F0F0; text-align:center; line-height:155px; overflow:hidden; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#afterBtn a:hover,
#afterBtn a:focus { color:#93BF42; background:url('../images/after_btn.gif') right top no-repeat; background-size:cover; }
#mainCont { position:relative; width:100%; max-width:1000px; margin:60px auto; overflow:hidden; }
#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 { float:left; border-top:3px solid #E44B3D; width:100%; max-width:300px; height:294px; background:url('../images/story_img.gif') 90px 75px no-repeat; }
.bt { text-align:center; font-weight:bold; font-size:16px; margin-top:35px; }
.btc { color:#DC4D1B; }
.bt2 a { display:block; text-align:center; font-weight:bold; font-size:16px; color:#222 !important; margin-top:160px; padding-bottom:8px; }
.bt2s { display:block; text-align:center; line-height:17px; }
#csArea { float:left; width:100%; max-width:348px; border-right:1px solid #E2E2E2; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#cs { margin:0 auto; border-top:3px solid #E44B3D; width:100%; max-width:300px; height:294px; background:url('../images/cs_ico.gif') center 42px no-repeat; }
.cst { text-align:center; font-size:15px; margin:46px 0 0 6px; }
.csNum { text-align:center; font-weight:bold; font-size:32px; color:#222 !important; padding:8px 0; letter-spacing:-1px; }
.cs_s { display:block; padding:15px 0 8px 60px; line-height:19px; }
#cs a.map { display:block; width:100%; max-width:105px; margin:10px auto 0; padding:10px 48px; font-size:15px; color:#FFF; font-weight:bold; background:#DF3F33 url('../images/zoom_ico.png') 146px 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:#332A28 url('../images/zoom_ico.png') 146px center no-repeat; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#maUpArea { float:right; width:100%; max-width:324px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#maUp { float:right; border-top:3px solid #E44B3D; width:100%; max-width:300px; height:294px; background:url('../images/makeup_img.gif') 90px 75px no-repeat; }
.mt { text-align:center; font-weight:bold; font-size:16px; margin-top:35px; }
.mtc { color:#DC4D1B; }
.mt2 a { display:block; text-align:center; font-weight:bold; font-size:16px; color:#222 !important; margin-top:160px; padding-bottom:8px; }
.mt2s { display:block; text-align:center; line-height:17px; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:188px; margin-left:-270px; z-index:99999; }
#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; }