@charset "euc-kr";
#mainVisual { width:100%; height:435px; max-height:435px; background:url(../images/back.jpg) left top no-repeat fixed; z-index:999; }
#mainVisual .visImg { position:relative; width:100%; max-width:1000px; height:100%; margin:0 auto; overflow:hidden; }
.sb { position:absolute; width:206px; height:206px; }
.sb2 { position:absolute; width:330px; height:43px; }
.sb img, .sb2 img { max-width:100%; height:auto; }
.sb01 { left:50%; top:-120px; margin-left:-285px; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.sb02 { left:50%; top:-120px; margin-left:-100px; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.sb03 { left:50%; top:-120px; margin-left:85px; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.sb04 { left:50%; bottom:70px; margin-left:-160px; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#pfArea { position:relative; width:100%; max-width:1000px; margin:60px auto 80px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.title { width:100%; max-width:1000px; text-align:center; padding:0 0 30px; font-size:36px; font-weight:bold; }
.gallSlide { position:relative; margin:0 auto; width:100%; max-width:1000px; height:167px; overflow:hidden; }
.gallSlide ul { position:absolute; top:0; left:0; }
.gallSlide ul li { float:left; margin-left:15px; width:220px; height:167px; overflow:hidden; }
.gallSlide ul li img { transition:0.2s ease-out; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1); }
.gallSlide ul li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); }
.gallSlide .btnArea { position:absolute; top:0; right:0; }
.gallSlide .btnArea a { display:block; text-indent:-99999px; }
.gallSlide .btnArea a.top { width:42px; height:81px; background:url("../images/top_Btn.png") left top no-repeat; }
.gallSlide .btnArea a.bottom { width:42px; height:81px; background:url("../images/bot_Btn.png") left top no-repeat; }
.gallSlide .btnArea a.top:hover,
.gallSlide .btnArea a.bottom:hover { background-position:0 -81px; }
.gallSlide .btnArea > a { margin-bottom:5px; }
#adArea { display:block; position:relative; width:100%; height:374px; max-height:374px; background:url(../images/back_2.jpg) left top no-repeat fixed; overflow-y:hidden; background-size:cover; overflow:hidden; }
#adArea:after { content:""; position:absolute; opacity:0.6; background-color:#0B0909; width:100%; height:100%; bottom:0; }
.adTxt { position:absolute; top:30%; left:50%; text-align:center; width:100%; margin-left:-50%; z-index:9; }
.txt_1 { color:rgba(255, 255, 255, 1); text-shadow:1px 1px 2px #000; font-size:68px; font-weight:700; line-height:90px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.txt_2 { color:rgba(255, 255, 255, .7); font-size:40px; line-height:60px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.txt_3 { color:rgba(255, 255, 255, .5); font-size:20px; line-height:32px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#mainCont { position:relative; width:100%; max-width:1000px; margin:60px auto; overflow:hidden; }
#introArea { 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; }
#intro { float:left; border-top:1px solid #F7660D; width:100%; max-width:300px; height:294px; background:url('../images/story_img.png') 90px 75px no-repeat; }
.bt { text-align:center; font-weight:bold; font-size:16px; margin-top:35px; }
.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:1px solid #F7660D; 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:45px 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:14px 0 8px 61px; line-height:19px; }
#cs a { display:block; width:100%; max-width:104px; margin:10px auto 0; padding:10px 52px; font-size:15px; color:#FFF; font-weight:bold; text-align:center; background:#F7660D; border-radius:46px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
#cs a:hover { color:#FFF; background:#332A28; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; }
h3.mapTitle{ color:#FFF; font-size:20px; padding:15px 0 8px 29px; }
.txt { color:#999; padding-left:29px; }
.imgArea { margin-top:20px; padding:15px 0 20px 30px; }
#estArea { float:left; width:100%; max-width:324px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#est { float:right; border-top:1px solid #F7660D; width:100%; max-width:300px; height:294px; background:url('../images/makeup_img.png') 90px 75px no-repeat; }
.mt { text-align:center; font-weight:bold; font-size:16px; margin-top:35px; }
.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; }
#iconArea { width:100%; border-top:solid 1px #E2E2E2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.iconList { width:100%; max-width:410px; height:110px; margin:40px auto 0; }
.iconList li { float:left; padding-left:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.iconList li:first-child { padding:0; }
.iconList li .hoverImg { position:relative; width:65px; height:65px; margin:0 auto; }
.iconList li .hoverImg a { display:block; position:absolute; top:0; -webkit-transition:top .2s ease-in-out; transition:top .2s ease-in-out; }
.iconList li p { line-height:14px; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity .25s linear; transition:opacity .25s linear; }
.iconList li:hover .hoverImg a { display:block; top:-10px; }
.iconList li:hover p { opacity:1; filter:alpha(opacity=100); }
.icon { width:65px; margin:0 auto; }
.imgTit a { display:block; font-size:13px; line-height:14px; text-align:center; color:#666; font-weight:bold; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:247px; 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; }