@charset "euc-kr";
#subVisual_1 { width:100%; height:345px; background:url(../intro/images/s_back_1.jpg) left top no-repeat fixed; z-index:-999; }
#subVisual_2 { width:100%; height:345px; background:url(../collection/images/s_back_2.jpg) left top no-repeat fixed; z-index:-999; }
#subVisual_3 { width:100%; height:345px; background:url(../information/images/s_back_3.jpg) left top no-repeat fixed; z-index:-999; }
#subVisual_4 { width:100%; height:345px; background:url(../reservation/images/s_back_4.jpg) left top no-repeat fixed; z-index:-999; }
#subVisual_5 { width:100%; height:345px; background:url(../community/images/s_back_5.jpg) left top no-repeat fixed; z-index:-999; }
#subVisual_1 .subvisImg,
#subVisual_2 .subvisImg,
#subVisual_3 .subvisImg,
#subVisual_4 .subvisImg,
#subVisual_5 .subvisImg { position:relative; width:100%; max-width:1000px; height:100%; margin:0 auto; overflow:hidden; }
.s_sb1 { position:absolute; width:100%; color:rgba(80, 70, 70, 1); font-size:30px; font-weight:bold; }
.s_sb2_1 { position:absolute; width:100%; color:rgba(80, 70, 70, .7); font-size:15px; }
.s_sb3 { width:330px; height:43px; }
.s_sb3 img { width:100%; height:auto; }
.s_sb01 { text-align:center; opacity:0; }
.s_sb02 { margin:0 auto; text-align:center; opacity:0; }
.s_sb03 { margin:200px auto 0; opacity:0; }
#lnb { position:relative; width:100%; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#f7f7f7; z-index:9; }
#pathArea { width:100%; max-width:1000px; height:46px; margin:0 auto; }
.path { float:left; width:auto; height:46px; }
.path a.homeBtn { float:left; display:block; width:66px; height:46px; text-indent:-99999px; background:url('../intro/images/home_ico.png') left top no-repeat; }
.path .scate { float:left; width:172px; height:46px; line-height:46px; background:#fff url('../intro/images/path_ico.png') 138px 14px no-repeat; border-right:1px solid #EBEBEB; }
.path .scate .scateMe { display:block; padding-left:28px; font-size:13px; }
.path .scate .lnbMenu { margin-left:-1px; width:136px; padding:15px 8px 15px 28px; border:1px solid #EBEBEB; background:#fff; overflow:hidden; }
.path .scate .lnbMenu a.men { display:block; line-height:28px; font-size:13px; }
.path .scate .lnbMenu a.men:hover { padding-left:2px; }
.path .scate .lnbMenu a.men.on,
.path .scate .lnbMenu a.cur { font-weight:bold; color:#E35828; font-size:13px; }
#ftSize { float:right; width:93px; }
.fsup { float:left; width:47px; height:46px; background:url('../intro/images/btnPlus.png') left top no-repeat; text-indent:-99999px; }
.fsdown { float:left; width:46px; height:46px; background:url('../intro/images/btnMinus.png') left top no-repeat; text-indent:-99999px; }
.fsup a { display:block; width:47px; height:46px; }
.fsdown a { display:block; width:46px; height:46px; }
#subContents { width:100%; background-color:#FFF; }
#subContInner { position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
h3.maint { margin-top:60px; font-size:34px; font-weight:bold; color:#111; line-height:34px; }
span.st { display:block; font-size:11px; padding-top:6px; color:#888; } 
.contArea { margin:90px 0; width:100%; max-width:1000px; overflow:hidden; }
.contArea .imgArea { max-width:1000px; width:100%; max-height:225px; }
.contArea .imgArea img { max-width:100%; height:auto; }
.contArea .greet { font-size:1.25em !important; font-weight:bold; color:#222; }
.contArea .greet_txt1 { float:left; margin-top:47px; width:48%; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.contArea .greet_txt2 { float:left; margin-top:47px; width:48%; padding:0 0 0 4%; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.contArea .greet_txt1 p,
.contArea .greet_txt2 p { font-size:13px; line-height:22px; text-align:justify; }
.contArea .greet_txt1 .mt13,
.contArea .greet_txt2 .mt13 { margin-top:13px; }
.contArea .greet_txt2 .ceo { margin-top:60px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.contArea p.sign { margin:0 0 0 50px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.contArea .con_2,
.contArea .con_3,
.contArea .con_4,
.contArea .con_5,
.contArea .con_6 { width:100%; max-width:1000px; }
.contArea .con_2 img,
.contArea .con_3 img,
.contArea .con_4 img,
.contArea .con_5 img,
.contArea .con_6 img { max-width:100%; height:auto; }
.work { width:100%; max-width:1000px; margin:0 auto; }
.work #choice { width:100%; max-width:318px; height:50px; margin:0 auto; }
.work #choice li { float:left; padding-right:25px; }
.work #choice li:last-child { padding-right:0; }
.work #choice li a { display:block; color:#7F8289; font-size:15px; padding-top:11px; }
.work #choice li a:hover { color:#333; }
.work #choice li a.selected { color:#000; font-weight:bold; background:url('../information/images/bot_arrow.png') center top no-repeat; }
.container { width:100%; max-width:1000px; margin:0 auto; }
.portfolio-thumbs { position:relative; margin:0 5px 5px 0; overflow:hidden; cursor:pointer; }
.portfolio-thumbs a + img { width:100%; }
.portfolio-thumbs .hover-wrap { display:block; position:absolute; width:100%; height:100%; transition:all 450ms ease-out 0s; -webkit-transition:all 450ms ease-out 0s; -moz-transition:all 450ms ease-out 0s; -o-transition:all 450ms ease-out 0s; transform: rotateY(0deg) scale(1,1); -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); opacity:0; filter:alpha(opacity=0); }
.portfolio-thumbs:hover .hover-wrap, .portfolio-thumbs.active .hover-wrap { -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:1; filter:alpha(opacity=100); }
.portfolio-thumbs .hover-wrap .overlay-img { position:absolute; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); }
.portfolio-thumbs .hover-wrap .overlay-img-thumb { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; color:#FFF; font-size:32px; line-height:1em; opacity:1; filter:alpha(opacity=100); }