/*basic-set*/ a { color:#4e4b48; } .bt_txt { display:inline-block; *zoom:1; *display:inline; text-align:center; } .bt_txt:hover { text-decoration:none; } b, .b { font-weight:700; } .fs12 { font-size:12px !important; } /* layout */ #wrap { position:relative; padding-top:100px; min-width:1280px; width:100%; overflow:hidden; } #header { position:absolute; top:0; left:0; right:0; height:100px; background:url(../img/gnb_bg.gif) repeat-x 0 100px #fff; min-width:1280px; z-index:10; } #header.sticky { position:fixed; height:100px; box-shadow:0 4px 4px rgba(0,0,0,0.07); } #header h1 { position:absolute; top:25px; left:164px; z-index:1; } #gnb { position:absolute; top:45px; right:164px; width:1100px; background:#ddd; z-index:1; } #gnb > ul { position:absolute; top:0; right:0; } #gnb > ul > li { position:relative; float:left; padding-left:15px; } #gnb > ul > li.m07, #gnb > ul > li.m08, #gnb > ul > li.m09 { padding-left:25px; } #gnb > ul > li em { display:block; padding:0 5px; height:52px; } #gnb > ul > li.line { padding:0; width:20px; height:14px; margin:0; border-right:1px solid #969696; } #gnb > ul > li:hover { z-index:1; } #gnb > ul > li:hover em, #gnb > ul > li.active em, #gnb > ul > li.on em { border-bottom:3px solid #5d250f; } #gnb > ul > li.m04:hover em, #gnb > ul > li.m04.active em, #gnb > ul > li.m04.on em { border-bottom:3px solid #fff; } #gnb > ul > li.line:hover em, #gnb > ul > li.line.active em, #gnb > ul > li.line.on em { border:0; } #gnb > ul > li > a, #gnb > ul > li > em > a { display:inline-block; *zoom:1; *display:inline; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; height:15px; vertical-align:top; } #gnb > ul > li.m01 > em > a { background:url(../img/gnb01.gif) no-repeat 0 2px; width:96px; } #gnb > ul > li.m01.on > em > a, #gnb > ul > li.m01.active > em > a, #gnb > ul > li.m01:hover > em > a { background:url(../img/gnb01on.gif) no-repeat 0 2px; } #gnb > ul > li.m02 > em > a { background:url(../img/gnb02.gif) no-repeat 0 2px; width:111px; } #gnb > ul > li.m02.on > em > a, #gnb > ul > li.m02.active > em > a, #gnb > ul > li.m02:hover > em > a { background:url(../img/gnb02on.gif) no-repeat 0 2px; } #gnb > ul > li.m03 > em > a { background:url(../img/gnb03.gif) no-repeat 0 2px; width:57px; } #gnb > ul > li.m03.on > em > a, #gnb > ul > li.m03.active > em > a, #gnb > ul > li.m03:hover > em > a { background:url(../img/gnb03on.gif) no-repeat 0 2px; } #gnb > ul > li.m04 > em > a { background:url(../img/gnb04.gif) no-repeat 0 2px; width:105px; } #gnb > ul > li.m04.on > em > a, #gnb > ul > li.m04.active > em > a, #gnb > ul > li.m04:hover > em > a { background:url(../img/gnb04on.gif) no-repeat 0 2px; } #gnb > ul > li.m05 > em > a { background:url(../img/gnb05.gif) no-repeat 0 2px; width:85px; } #gnb > ul > li.m05.on > em > a, #gnb > ul > li.m05.active > em > a, #gnb > ul > li.m05:hover > em > a { background:url(../img/gnb05on.gif) no-repeat 0 2px; } #gnb > ul > li.m06 > em > a { background:url(../img/gnb06.gif) no-repeat 0 2px; width:109px; } #gnb > ul > li.m06.on > em > a, #gnb > ul > li.m06.active > em > a, #gnb > ul > li.m06:hover > em > a { background:url(../img/gnb06on.gif) no-repeat 0 2px; } #gnb > ul > li.m07 > a { background:url(../img/gnb07.gif) no-repeat 0 2px; width:92px; } #gnb > ul > li.m07.on > a, #gnb > ul > li.m07.active > a, #gnb > ul > li.m07:hover > a { background:url(../img/gnb07on.gif) no-repeat 0 2px; } #gnb > ul > li.m08 > a { background:url(../img/gnb08.gif) no-repeat 0 2px; width:35px; } #gnb > ul > li.m08.on > a, #gnb > ul > li.m08.active > a, #gnb > ul > li.m08:hover > a { background:url(../img/gnb08on.gif) no-repeat 0 2px; } #gnb > ul > li.m09 > a { background:url(../img/gnb09.jpg) no-repeat 0 0px; width:80px; } #gnb > ul > li.m09.on > a, #gnb > ul > li.m09.active > a, #gnb > ul > li.m09:hover > a { background:url(../img/gnb09on.jpg) no-repeat 0 0px; } #gnb > ul > li i { display:inline-block; *zoom:1; *display:inline; margin-right:6px; vertical-align:top; } #gnb > ul > li.m07 i { background:url(../img/gnb07_ic.gif) no-repeat 0 0; width:12px; height:17px; margin-top:-2px; } #gnb > ul > li.m08 i { background:url(../img/gnb08_ic.gif) no-repeat 0 0; width:15px; height:16px; margin-top:-1px; } #gnb > ul > li.m09 i { background:url(../img/gnb09_ic.jpg) no-repeat 0 0; width:15px; height:16px; margin-top:-1px; } #gnb > ul > li.m07:hover i { background:url(../img/gnb07_ic_on.gif) no-repeat 0 0; } #gnb > ul > li.m08:hover i { background:url(../img/gnb08_ic_on.gif) no-repeat 0 0; } #gnb > ul > li.m09:hover i { background:url(../img/gnb09_ic_on.jpg) no-repeat 0 0; } #gnb > ul > li > ul { position:absolute; top:50px; padding:50px 0 40px; left:17px; width:420px; display:none; z-index:1; } #gnb > ul > li.m01 > ul { left:37px; width:550px; } #gnb > ul > li.m02 > ul { left:27px; } #gnb > ul > li.m03 > ul { left:-12px; width:600px; } #gnb > ul > li.m05 > ul { left:13px; width:500px; } #gnb > ul > li.m06 > ul { left:37px; width:400px; } #gnb > ul > li > ul > li { position:relative; float:left; margin-right:40px; } #gnb > ul > li > ul > li a { display:block; height:13px; text-indent:-9999px; } #gnb > ul > li > ul > li.m01_01 a { background:url(../img/gnb01_01.png) no-repeat 0 0; width:65px; } #gnb > ul > li > ul > li.m01_01.on a, #gnb > ul > li > ul > li.m01_01 a:hover { background:url(../img/gnb01_01.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m01_02 a { background:url(../img/gnb01_02.png) no-repeat 0 0; width:72px; } #gnb > ul > li > ul > li.m01_02.on a, #gnb > ul > li > ul > li.m01_02 a:hover { background:url(../img/gnb01_02.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m01_03 a { background:url(../img/gnb01_03.png) no-repeat 0 0; width:57px; } #gnb > ul > li > ul > li.m01_03.on a, #gnb > ul > li > ul > li.m01_03 a:hover { background:url(../img/gnb01_03.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m01_04 a { background:url(../img/gnb01_04.png) no-repeat 0 0; width:74px; } #gnb > ul > li > ul > li.m01_04.on a, #gnb > ul > li > ul > li.m01_04 a:hover { background:url(../img/gnb01_04.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m01_05 a { background:url(../img/gnb01_05.png) no-repeat 0 0; width:47px; } #gnb > ul > li > ul > li.m01_05.on a, #gnb > ul > li > ul > li.m01_05 a:hover { background:url(../img/gnb01_05.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m02_01 a { background:url(../img/gnb02_01.png) no-repeat 0 0; width:94px; } #gnb > ul > li > ul > li.m02_01.on a, #gnb > ul > li > ul > li.m02_01 a:hover { background:url(../img/gnb02_01.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m02_02 a { background:url(../img/gnb02_02.png) no-repeat 0 0; width:122px; } #gnb > ul > li > ul > li.m02_02.on a, #gnb > ul > li > ul > li.m02_02 a:hover { background:url(../img/gnb02_02.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m03_01 a { background:url(../img/gnb03_01.png) no-repeat 0 0; width:123px; } #gnb > ul > li > ul > li.m03_01.on a, #gnb > ul > li > ul > li.m03_01 a:hover { background:url(../img/gnb03_01.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m03_02 a { background:url(../img/gnb03_02.png) no-repeat 0 0; width:49px; } #gnb > ul > li > ul > li.m03_02.on a, #gnb > ul > li > ul > li.m03_02 a:hover { background:url(../img/gnb03_02.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m03_03 a { background:url(../img/gnb03_03.png) no-repeat 0 0; width:44px; } #gnb > ul > li > ul > li.m03_03.on a, #gnb > ul > li > ul > li.m03_03 a:hover { background:url(../img/gnb03_03.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m03_04 a { background:url(../img/gnb03_04.png) no-repeat 0 0; width:64px; } #gnb > ul > li > ul > li.m03_04.on a, #gnb > ul > li > ul > li.m03_04 a:hover { background:url(../img/gnb03_04.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m03_05 a { background:url(../img/gnb03_05.png) no-repeat 0 0; width:57px; } #gnb > ul > li > ul > li.m03_05.on a, #gnb > ul > li > ul > li.m03_05 a:hover { background:url(../img/gnb03_05.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m05_01 a { background:url(../img/gnb05_01.png) no-repeat 0 0; width:102px; } #gnb > ul > li > ul > li.m05_01.on a, #gnb > ul > li > ul > li.m05_01 a:hover { background:url(../img/gnb05_01.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m05_02 a { background:url(../img/gnb05_02.png) no-repeat 0 0; width:92px; } #gnb > ul > li > ul > li.m05_02.on a, #gnb > ul > li > ul > li.m05_02 a:hover { background:url(../img/gnb05_02.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m05_03 a { background:url(../img/gnb05_03.png) no-repeat 0 0; width:77px; } #gnb > ul > li > ul > li.m05_03.on a, #gnb > ul > li > ul > li.m05_03 a:hover { background:url(../img/gnb05_03.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m05_04 a { background:url(../img/gnb05_04.png) no-repeat 0 0; width:32px; } #gnb > ul > li > ul > li.m05_04.on a, #gnb > ul > li > ul > li.m05_04 a:hover { background:url(../img/gnb05_04.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m06_01 a { background:url(../img/gnb06_01.png) no-repeat 0 0; width:77px; } #gnb > ul > li > ul > li.m06_01.on a, #gnb > ul > li > ul > li.m06_01 a:hover { background:url(../img/gnb06_01.png) no-repeat 0 -13px; } #gnb > ul > li > ul > li.m06_02 a { background:url(../img/gnb06_02.png) no-repeat 0 0; width:93px; } #gnb > ul > li > ul > li.m06_02.on a, #gnb > ul > li > ul > li.m06_02 a:hover { background:url(../img/gnb06_02.png) no-repeat 0 -13px; } .gnb_bg { position:absolute; top:100px; left:0; right:0; height:0; background:url(../img/gnb_bg.gif) repeat-x 0 0 #fff; overflow:hidden; box-shadow:0 3px 3px rgba(0,0,0,0.07); } #footer { position:relative; background:url(../img/f_bg.gif); padding:60px 0; text-align:center; font-size:12px; color:#d1c3b1; } #footer em { margin:0 6px; } #footer p { font-size:10px; padding-top:10px; letter-spacing:1px; } #footer h1 { position:relative; margin-bottom:55px; } @media screen and (max-width:1600px) { #header h1 { left:10px; } #gnb { right:10px; } } /* main */ /* FlexSlider Necessary Styles *********************************/ .m_slider { position:relative; width:100%; background:#fff; min-height:840px; overflow:hidden; } .m_slider .tx { position:absolute; top:280px; left:50%; margin-left:22px; z-index:2; } .m_slider .t_bg { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; z-index:1; -khtml-opacity:.15; /*safari*/ -ms-filter:"alpha(opacity=15)";/*IE8*/ -moz-opacity:.15;/*FF*/ filter:alpha(opacity=15); /*IE7*/ opacity:.15; /*all other browsers*/ } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width:100%; display:block; } .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides { display:block; } * html .slides { height:1%; } .no-js .slides > li:first-child { display:block; } /* Direction Nav */ .flex-direction-nav { display:none; } /* Control Nav */ .flex-control-nav { position:absolute; bottom:45px; left:0; right:0; text-align:center; z-index:2; } .flex-control-nav li { display:inline-block; *zoom:1; *display:inline-block; margin:0 8px; } .flex-control-paging li a { display:block; height:8px; width:8px; border-radius:4px; background:#fff; text-indent:-9999px; } .flex-control-paging li a.flex-active { width:50px; } @media screen and (max-width:1920px) { .flexslider .slides img { position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; } .flex-control-nav { top:785px; bottom:auto; } } .m_sec01 { position:relative; } .m_sec01 .t_area { position:relative; padding:58px 0 50px; background:#fff; text-align:center; } .m_sec01 .t_area h2 { text-align:center; margin-bottom:28px; } .m_sec01 .t_area p { font-size:14px; line-height:24px; font-weight:700; color:#51473d; margin-bottom:40px; } .m_sec01 ul { position:relative; border:5px solid #d1c3b1; border-width:5px 0; *zoom:1; } .m_sec01 ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .m_sec01 ul li { position:relative; float:left; width:33.3%; } .m_sec01 ul li.s02 { position:absolute; top:0; bottom:0; left:33.3%; width:33.4%; } .m_sec01 ul li.s03 { float:right; } .m_sec01 ul li .ph { position:relative; } .m_sec01 ul li .ph img { width:100%; } .m_sec01 ul li.s02 .ph { position:absolute; top:0; left:0; right:0; height:100%; overflow:hidden; } .m_sec01 ul li .ph .dim { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; display:none; -khtml-opacity:.50; /*safari*/ -ms-filter:"alpha(opacity=50)";/*IE8*/ -moz-opacity:.50;/*FF*/ filter:alpha(opacity=50); /*IE7*/ opacity:.50; /*all other browsers*/ } .m_sec01 ul li .tx { position:absolute; top:0; left:0; right:0; bottom:0; padding:47px 50px; font-size:14px; line-height:24px; color:#fff; font-weight:700; } .m_sec01 ul li .tx h3 { font-size:17px; line-height:22px; letter-spacing:-1px; color:#fff; margin-bottom:12px; font-family:'Nanum Myeongjo'; font-weight:400; } .m_sec01 ul li .tx h3 span { display:block; margin-bottom:20px; } .m_sec01 ul li .tx a { position:absolute; bottom:50px; left:50%; margin-left:-100px; } @media screen and (max-width:1920px) { .m_sec01 ul li { height:500px; } .m_sec01 ul li .ph { position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; background:#ddd; } .m_sec01 ul li .ph img { position:absolute; top:0; left:50%; margin-left:-320px; width:auto; } } .m_sec02 { position:relative; height:940px; background:url(../img/m_sec02_bg.jpg) center 0; background-size:100% auto; text-align:center; font-size:14px; line-height:24px; color:#fff; font-weight:700; } .m_sec02 h2 { padding:60px 0 27px; } .m_sec02>p { margin-bottom:43px; } .m_sec02 .slider { position:relative; height:520px; display:inline-block; *zoom:1; *display:inline; } .m_sec02 .slider .jq_slider_wrap { position:relative; width:4000px; left:-202px} .m_sec02 .slider .wrap{ width:1426px; overflow:hidden; position:relative} .m_sec02 .slider>a {display:block; position:absolute; top:180px; width:25px; height:49px; margin-top:-25px; text-indent:-9999px; } .m_sec02 .slider>a.prev { left:-40px; background:url(../img/m_sec02_sl_prev.png) no-repeat 0 0; } .m_sec02 .slider>a.next { right:-40px; background:url(../img/m_sec02_sl_next.png) no-repeat 0 0; } .m_sec02 .jq_slider_wrap li { padding:0 9px; float:left;margin-top:70px; } .m_sec02 .jq_slider_wrap li.on { } .m_sec02 .jq_slider_wrap li .ph { width:240px; height:240px; border-radius:100%; margin-bottom:25px; overflow:hidden; } .m_sec02 .jq_slider_wrap li.on .ph {margin:0 70px 25px } .m_sec02 .jq_slider_wrap li .tx { position:relative; display:none; width:640px; margin-left:-140px } .m_sec02 .jq_slider_wrap li .tx h3 { position:relative; font-size:16px; color:#eadecf; font-weight:700; margin-bottom:10px; text-transform:uppercase; } .m_sec02 .jq_slider_wrap li .tx p { margin-bottom:10px; } .m_sec02 .item_view{position:absolute; top:0; left:526px;} .m_sec02 .item_view .mask{ border:8px solid #eadecf; width:360px; height:360px;border-radius:100%;overflow:hidden;position:absolute; top:0; left:0; background:#000} .m_sec02 .item_view li {position:absolute; top:8px; left:8px; } .m_sec02 .item_view ul{position:absolute; top:0; left:0;} .m_sec02 .item_view li .ph { width:360px; height:360px; border-radius:100%;overflow:hidden; } .m_sec02 .item_view li .tx { position:relative; width:640px; margin-left:-140px; margin-top:40px } .m_sec02 .item_view li .tx h3 { position:relative; font-size:16px; color:#eadecf; font-weight:700; margin-bottom:10px; text-transform:uppercase; } .m_sec02 .item_view li .tx p { margin-bottom:10px; } @media screen and (max-width:1920px) { .m_sec02 .slider { height:450px; } .m_sec02 .slider .jq_slider_wrap { position:relative;} .m_sec02 .slider .wrap{ width:1121px; overflow:hidden; position:relative} .m_sec02 .slider>a { top:144px; } .m_sec02 { background-size:auto; } .m_sec02 .jq_slider_wrap li { padding:0 5px;margin-top:60px } .m_sec02 .jq_slider_wrap li .ph { width:192px; height:192px; margin-bottom:22px; } .m_sec02 .jq_slider_wrap li.on{ width:304px; } .m_sec02 .jq_slider_wrap li.on .ph {margin:0 auto 25px; } .m_sec02 .item_view{ left:410px; } .m_sec02 .item_view .mask{width:287px; height:287px;} .m_sec02 .item_view li .ph { width:287px; height:287px; } .m_sec02 .item_view li .tx { margin-left:-180px; } } .m_sec03 { position:relative; } .m_sec03 .unit { position:relative; height:470px; } .m_sec03 .unit .ph { position:absolute; top:0; bottom:0; width:50%; overflow:hidden; } .m_sec03 .unit.ws .ph { left:0; } .m_sec03 .unit.pwms .ph { right:0; } .m_sec03 .unit .ph img { width:100%; } .m_sec03 .unit .tx { position:absolute; top:0; bottom:0; width:50%; padding-top:119px; text-align:center; font-size:14px; line-height:24px; color:#51473d; font-weight:700; z-index:1; } .m_sec03 .unit.ws .tx { right:0; } .m_sec03 .unit.pwms .tx { left:0; } .m_sec03 .unit .tx h2 { margin-bottom:27px; } .m_sec03 .unit .tx a { position:absolute; bottom:80px; left:50%; margin-left:-100px; } .m_sec03 .unit .tx i { position:absolute; display:block; top:50%; width:70px; height:148px; margin-top:-74px; } .m_sec03 .unit.ws .tx i { background:url(../img/m_sec03_li01_ic.png) no-repeat 0 0; left:-52px; } .m_sec03 .unit.pwms .tx i { background:url(../img/m_sec03_li02_ic.png) no-repeat 0 0; right:-52px; } @media screen and (max-width:1920px) { .m_sec03 .unit .ph img { position:absolute; top:0; left:50%; margin-left:-480px; width:auto; } } .pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:98; display:none; -khtml-opacity:.65; /*safari*/ -ms-filter:"alpha(opacity=65)";/*IE8*/ -moz-opacity:.65;/*FF*/ filter:alpha(opacity=65); /*IE7*/ opacity:.65; /*all other browsers*/ } .pu_video { position:fixed; top:50%; left:50%; width:853px; height:480px; margin:-240px 0 0 -426px; background:#000; z-index:99; display:none; } .pu_video .bt_close { position:absolute; top:-53px; right:0; width:44px; height:43px; background:url(../img/m_video_pu_close.png) no-repeat 0 0; display:block; text-indent:-9999px; } /* sub common */ .ipt { position:relative; } .ipt img { width:100%; } .ipt p { position:absolute; top:0; left:0; visibility:hidden; } @media screen and (max-width:1920px) { .ipt { width:100%; height:400px; overflow:hidden; } .ipt img { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; } } .sb_reservation { position:relative; height:400px; border:5px solid #d1c3b1; border-width:5px 0; text-align:center; } .sb_reservation.p01 { background:url(../img/sb_reservation_bg01.jpg) center 0; background-size:100% auto; } .sb_reservation.p02 { background:url(../img/sb_reservation_bg02.jpg) center 0; background-size:100% auto; } .sb_reservation.p03 { background:url(../img/sb_reservation_bg03.jpg) center 0; background-size:100% auto; } .sb_reservation.p04 { background:url(../img/sb_reservation_bg04.jpg) center 0; background-size:100% auto; } .sb_reservation.p05 { background:url(../img/sb_reservation_bg05.jpg) center 0; background-size:100% auto; } .sb_reservation.p06 { background:url(../img/sb_reservation_bg06.jpg) center 0; background-size:100% auto; } @media screen and (max-width:1920px) { .sb_reservation.p01, .sb_reservation.p02, .sb_reservation.p03, .sb_reservation.p04, .sb_reservation.p05, .sb_reservation.p06 { background-size:auto; } } .sb_reservation h3 { position:relative; padding-top:60px; margin-bottom:60px; } .sb_reservation p { position:relative; font-size:30px; color:#fff; font-family:NanumBarunGothic; margin-bottom:45px; text-shadow:0 0 5px rgba(0,0,0,0.5); font-weight:normal; } .sb_reservation .btn a { margin:0 10px; } #container { position:relative; padding:60px 0 100px; } #container .wrap { position:relative; width:1280px; margin:0 auto; } #container .wrap h2 { position:relative; padding-bottom:22px; background:url(../img/pt_dego.gif) no-repeat center bottom; text-align:center; margin-bottom:30px; } #container .wrap .t_guide { position:relative; text-align:center; margin-bottom:50px; } .fc51473d { color:#51473d; } /* 01Brand Story */ .brand_stroy { position:relative; line-height:24px; color:#51473d; } .brand_stroy .sec01 { position:relative; padding:78px 0 64px; background:url(../img/sc01_01_sec01_bg.jpg) repeat-x center bottom; text-align:center; } .brand_stroy .sec01 h3 { margin-bottom:40px; } .brand_stroy .sec01 .guide { margin-bottom:25px; } .brand_stroy .sec01 .tx { margin-bottom:33px; } .brand_stroy .sec02 { position:relative; padding:77px 0 153px; background:url(../img/sc01_01_sec02_bg.jpg) repeat-x center 0; text-align:center; } .brand_stroy .sec02 h3 { margin-bottom:40px; } .brand_stroy .sec02 .guide { margin-bottom:50px; } .brand_stroy .sec02 ul { position:relative; text-align:center; } .brand_stroy .sec02 ul li { position:relative; display:inline-block; *zoom:1; *display:inline; width:360px; height:360px; background:#fff; border-radius:100%; margin:0 24px; } .brand_stroy .sec02 ul li.s01 { background:url(../img/sc01_01_sec02_li01_ic.jpg) no-repeat center 58px #fff; } .brand_stroy .sec02 ul li.s02 { background:url(../img/sc01_01_sec02_li02_ic.jpg) no-repeat center 44px #fff; } .brand_stroy .sec02 ul li.s03 { background:url(../img/sc01_01_sec02_li03_ic.jpg) no-repeat center 48px #fff; } .brand_stroy .sec02 ul li h4 { position:absolute; top:173px; left:0; right:0; } .brand_stroy .sec02 ul li p { position:absolute; top:217px; left:0; right:0; line-height:24px; color:#5a4f46; } .brand_stroy .sec03 { position:relative; padding:75px 0; text-align:center; } .brand_stroy .sec03 i { position:absolute; top:0; right:50%; margin-right:-912px; width:312px; height:435px; background:url(../img/sc01_01_sec03_bg.gif) no-repeat 0 0; } .brand_stroy .sec03 iframe { width:1100px; height:653px; margin:0 auto; } .BusinessParty { position:relative; } .BusinessParty .unit { position:relative; height:500px; } .BusinessParty .unit .ph { position:absolute; top:0; } .BusinessParty .unit.left .ph { left:0; } .BusinessParty .unit.right .ph { right:0; } .BusinessParty .unit .tx { position:absolute; top:0; bottom:0; width:330px; border:3px solid #e1d3cc; border-width:3px 0; } .BusinessParty .unit.left .tx { right:0; } .BusinessParty .unit.right .tx { left:0; } .BusinessParty .unit .tx h3 { position:absolute; top:41px; left:8px; } .BusinessParty .unit .tx ul { position:absolute; top:165px; left:10px; } .BusinessParty .unit .tx ul li { position:relative; padding-left:18px; background:url(../img/sc01_02_deco.gif) no-repeat 0 10px; line-height:22px; font-size:16px; color:#51473d; margin-bottom:50px; } .BusinessParty .unit .tx ul li em { font-size:13px; } .BusinessParty .unit.right .tx ul { top:235px; } .BusinessParty .unit.right i { position:absolute; display:block; top:109px; left:182px; width:198px; height:372px; background:url(../img/sc01_02_deco_img.gif) no-repeat 0 0; } .partner_list { position:relative; border-left:1px solid #dcdcdc; *zoom:1; } .partner_list:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } .partner_list li { position:relative; float:left; width:141px; height:31px; padding-top:110px; border:1px solid #dcdcdc; border-width:1px 1px 1px 0; text-align:center; font-size:13px; line-height:17px; color:#50351f; font-weight:700; text-align:center; margin-top:-1px; } .partner_list li.s01_01 { background:url(../img/sc01_02_logo01.jpg) no-repeat center 0; } .partner_list li.s01_02 { background:url(../img/sc01_02_logo02.jpg) no-repeat center 0; } .partner_list li.s01_03 { background:url(../img/sc01_02_logo03.jpg) no-repeat center 0; } .partner_list li.s01_04 { background:url(../img/sc01_02_logo04.jpg) no-repeat center 0; } .partner_list li.s01_05 { background:url(../img/sc01_02_logo05.jpg) no-repeat center 0; } .partner_list li.s01_06 { background:url(../img/sc01_02_logo06.jpg) no-repeat center 0; } .partner_list li.s01_07 { background:url(../img/sc01_02_logo07.jpg) no-repeat center 0; } .partner_list li.s01_08 { background:url(../img/sc01_02_logo08.jpg) no-repeat center 0; } .partner_list li.s01_09 { background:url(../img/sc01_02_logo09.jpg) no-repeat center 0; } .partner_list li.s02_01 { background:url(../img/sc01_02_02_logo01.jpg) no-repeat center 0; } .partner_list li.s02_02 { background:url(../img/sc01_02_02_logo02.jpg) no-repeat center 0; } .partner_list li.s02_03 { background:url(../img/sc01_02_02_logo03.jpg) no-repeat center 0; } .partner_list li.s02_04 { background:url(../img/sc01_02_02_logo04.jpg) no-repeat center 0; } .partner_list li.s02_05 { background:url(../img/sc01_02_02_logo05.jpg) no-repeat center 0; } .partner_list li.s02_06 { background:url(../img/sc01_02_02_logo06.jpg) no-repeat center 0; } .partner_list li.s02_07 { background:url(../img/sc01_02_02_logo07.jpg) no-repeat center 0; } .partner_list li.s02_08 { background:url(../img/sc01_02_02_logo08.jpg) no-repeat center 0; } .partner_list li.s02_09 { background:url(../img/sc01_02_02_logo09.jpg) no-repeat center 0; } .partner_list li.s02_10 { background:url(../img/sc01_02_02_logo10.jpg) no-repeat center 0; } .partner_list li.s02_11 { background:url(../img/sc01_02_02_logo11.jpg) no-repeat center 0; } .partner_list li.s02_12 { background:url(../img/sc01_02_02_logo12.jpg) no-repeat center 0; } .partner_list li.s02_13 { background:url(../img/sc01_02_02_logo13.jpg) no-repeat center 0; } .partner_list li.s02_14 { background:url(../img/sc01_02_02_logo14.jpg) no-repeat center 0; } .partner_list li.s02_15 { background:url(../img/sc01_02_02_logo15.jpg) no-repeat center 0; } .partner_list li.s02_16 { background:url(../img/sc01_02_02_logo16.jpg) no-repeat center 0; } .partner_list li.s02_17 { background:url(../img/sc01_02_02_logo17.jpg) no-repeat center 0; } .partner_list li.s02_18 { background:url(../img/sc01_02_02_logo18.jpg) no-repeat center 0; } .partner_list li.s02_19 { background:url(../img/sc01_02_02_logo19.jpg) no-repeat center 0; } .partner_list li.s02_20 { background:url(../img/sc01_02_02_logo20.jpg) no-repeat center 0; } .partner_list li.s02_21 { background:url(../img/sc01_02_02_logo21.jpg) no-repeat center 0; } .partner_list li.s02_22 { background:url(../img/sc01_02_02_logo22.jpg) no-repeat center 0; } .partner_list li.s02_23 { background:url(../img/sc01_02_02_logo23.jpg) no-repeat center 0; } .partner_list li.s02_24 { background:url(../img/sc01_02_02_logo24.jpg) no-repeat center 0; } .partner_list li.s02_25 { background:url(../img/sc01_02_02_logo25.jpg) no-repeat center 0; } .partner_list li.s02_26 { background:url(../img/sc01_02_02_logo26.jpg) no-repeat center 0; } .partner_list li.s02_27 { background:url(../img/sc01_02_02_logo27.jpg) no-repeat center 0; } .partner_list li.s02_28 { background:url(../img/sc01_02_02_logo28.jpg) no-repeat center 0; } .partner_list li.s02_29 { background:url(../img/sc01_02_02_logo29.jpg) no-repeat center 0; } .partner_list li.s02_30 { background:url(../img/sc01_02_02_logo30.jpg) no-repeat center 0; } .partner_list li.s02_31 { background:url(../img/sc01_02_02_logo31.jpg) no-repeat center 0; } .partner_list li.s02_32 { background:url(../img/sc01_02_02_logo32.jpg) no-repeat center 0; } .partner_list li.s02_33 { background:url(../img/sc01_02_02_logo33.jpg) no-repeat center 0; } .partner_list li.s02_34 { background:url(../img/sc01_02_02_logo34.jpg) no-repeat center 0; } .partner_list li.s02_35 { background:url(../img/sc01_02_02_logo35.jpg) no-repeat center 0; } .partner_list li.s02_36 { background:url(../img/sc01_02_02_logo36.jpg) no-repeat center 0; } .partner_list li.s02_37 { background:url(../img/sc01_02_02_logo37.jpg) no-repeat center 0; } .partner_list li.s02_38 { background:url(../img/sc01_02_02_logo38.jpg) no-repeat center 0; } .partner_list li.s02_39 { background:url(../img/sc01_02_02_logo39.jpg) no-repeat center 0; } .partner_church { position:relative; border:1px solid #dcdcdc; background:url(../img/sc01_02_ic_church.gif) no-repeat 40px 69px #f6f3ef; padding:44px 30px 44px 160px; font-size:13px; line-height:26px; color:#50351f; font-weight:700; word-break:keep-all; margin:-1px 1px 60px 0; } .partnership { position:relative; margin:0 -20px; height:630px; background:url(../img/sc01_05_bg.jpg) no-repeat 20px 0; } .partnership .box { position:absolute; top:270px; left:717px; right:20px; bottom:30px; padding:39px 0 0 46px; } .partnership .box h3 { margin-bottom:12px; } .partnership .box p { font-size:14px; line-height:24px; color:#51473d; margin-bottom:50px; } .partnership .box dl { position:relative; margin-bottom:12px; line-height:30px; font-size:22px; color:#51473d; font-family:NanumBarunGothic; } .partnership .box dl dt { position:absolute; top:0; left:0; padding-left:40px; color:#7d756e; } .partnership .box dl.c01 dt { background:url(../img/sc01_05_ic01.gif) no-repeat 0 0; } .partnership .box dl.c02 dt { background:url(../img/sc01_05_ic02.gif) no-repeat 0 0; } .partnership .box dl dd { position:relative; margin-left:170px; } .partnership .box dl dd a { color:#51473d; } /* 02Catering Menu Course */ .ilparcoFood { position:relative; } .ilparcoFood li { position:relative; margin-bottom:10px; } .ilparcoFood li.right { text-align:right; } .ilparcoFood li .tx { position:absolute; left:868px; font-size:14px; line-height:24px; color:#51473d; } .ilparcoFood li.s01 .tx { top:63px; } .ilparcoFood li.s02 .tx { top:73px; } .ilparcoFood li.s03 .tx { top:69px; } .ilparcoFood li.s04 .tx { top:73px; } .ilparcoFood li.right .tx { left:auto; right:868px; } .ilparcoFood li .tx h3 { margin-bottom:20px; } .ilParcoMenu { position:relative; } .ilParcoMenu li { position:relative; height:280px; padding-bottom:20px; border-bottom:1px solid #dcdcdc; margin-bottom:20px; } .ilParcoMenu li.last { border:0; } .ilParcoMenu li .tx { position:absolute; top:20px; left:0; line-height:24px; color:#51473d; } /* .ilParcoMenu li .tx h3 { position:absolute; top:0; left:0; } */ .ilParcoMenu li .tx div.desc { font-size: 18px; color: #383028; line-height: 30px; margin-top: 10px; } .ilParcoMenu li .tx p { margin-bottom:25px; } .ilParcoMenu li .ph { position:absolute; top:0; right:0; } .ilParcoMenu li i { position:absolute; bottom:0; left:-11px; background:url(../img/sc02_02_li05_ic.jpg) no-repeat 0 0; width:138px; height:120px; display:block; } /* 03Styling */ .concept { position:relative; margin:0 -20px; height:872px; background:url(../img/sc03_01.jpg) no-repeat center 0; } .concept dl { visibility:hidden; } .spec_box { position:relative; border:1px solid #d1c3b1; background:#fefbfa; padding:7px; margin-bottom:20px; } .spec_box .inbox { position:relative; border:2px solid #e1d6c8; background:url(../img/sc03_sp_box_bg.gif) no-repeat right bottom #fff; padding:50px 35px 80px 75px; } .spec_box .inbox h3 { margin-bottom:30px; } .spec_box .inbox .list { position:relative; *zoom:1; } .spec_box .inbox .list:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .spec_box .inbox .list ul { position:relative; float:left; width:50%; } .spec_box .inbox .list ul li { position:relative; font-size:14px; line-height:32px; color:#51473d; padding-left:15px; background:url(../img/sc03_sp_box_dot.gif) no-repeat 0 14px; font-weight:700; } .spec_box .inbox .list ul li dl { position:relative; } .spec_box .inbox .list ul li dl dt { position:absolute; top:0; left:0; } .spec_box .inbox .list ul li dl dd { position:relative; margin-left:135px; font-weight:normal; } .styling_list { position:relative; } .styling_list li { position:relative; } .styling_list li.s02 { margin-top:-140px; } .styling_list li.s03 { margin-top:-60px; } .styling_list li.right { text-align:right; } .styling_list li .tx { position:absolute; left:690px; font-size:14px; line-height:22px; color:#51473d; } .styling_list li.s01 .tx { top:97px; } .styling_list li.s02 .tx { top:217px; } .styling_list li.s03 .tx { top:190px; } .styling_list li.right .tx { left:auto; right:690px; } .styling_list li .tx h3 { margin-bottom:17px; } .gallery { position:relative; height:640px; } ul.tab_gallery { position:absolute; top:20px; left:10px; width:200px; bottom:20px; background:url(../img/sc03_05_logo.gif) no-repeat 10px bottom; } ul.tab_gallery>li { position:relative; margin-bottom:40px; font-size:16px; font-weight:700; color:#825c53; } ul.tab_gallery>li>ul { position:relative; padding:10px 0 0 10px; } ul.tab_gallery>li>ul>li { position:relative; font-size:14px; line-height:32px; } ul.tab_gallery>li>ul>li>a { color:#996c62; } ul.tab_gallery>li>ul>li>a:hover { text-decoration:none; } ul.tab_gallery li.active a, ul.tab_gallery li.active a:hover { color:#c50134; text-decoration:underline; } .tab_gallery_content { position:absolute; top:0; right:0; width:1072px; height:640px; display:none; } .tab_gallery_content.on { display:block; } .gallery_slider { position:relative; width:1000px; height:640px; margin-left:36px; overflow:hidden; } .gallery_slider>div { position:absolute; top:0; left:0; } .gallery_slider>div:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } .gallery_slider .item { position:relative; float:left; } .gallery_slider .item img { position:absolute; top:0; left:0; width:1000px; height:640px; } .bt_g { position:absolute; top:50%; width:17px; height:28px; margin-top:-14px; display:block; text-indent:-9999px; } .bt_g.prev { left:9px; background:url(../img/gallery_prev.gif) no-repeat 0 0; } .bt_g.next { right:9px; background:url(../img/gallery_next.gif) no-repeat 0 0; } .bt_g.prev:hover { background:url(../img/gallery_prev_ov.gif) no-repeat 0 0; } .bt_g.next:hover { background:url(../img/gallery_next_ov.gif) no-repeat 0 0; } /* 04Coordination */ .coordination { position:relative; padding:40px 0; } .coordination .sec01 { position:relative; width:1480px; height:580px; background:url(../img/sc04_01_sec01_bg.jpg) no-repeat 0 0; margin:0 auto 60px; } .coordination .sec01 .tx { position:absolute; top:67px; left:790px; width:600px; line-height:24px; color:#51473d; } .coordination .sec01 .tx h3 { margin-bottom:45px; } .coordination .sec01 .tx em { font-size:16px; } .coordination .sec02 { position:relative; width:1600px; height:1501px; background:url(../img/sc04_01_sec02_bg.jpg) no-repeat 0 0; margin:0 auto; } .coordination .sec02 .unit { position:absolute; } .coordination .sec02 .unit.s01 { top:140px; right:907px; text-align:right; } .coordination .sec02 .unit.s02 { top:937px; left:850px; } .coordination .sec02 .unit h3 { margin-bottom:50px; } .coordination .sec02 .unit dl { position:relative; margin-bottom:20px; } .coordination .sec02 .unit.s02 dl { padding-left:65px; } .coordination .sec02 .unit.s02 dl.l01 { background:url(../img/sc04_01_sec02_02_ic01.gif) no-repeat 0 12px; } .coordination .sec02 .unit.s02 dl.l02 { background:url(../img/sc04_01_sec02_02_ic02.gif) no-repeat 4px 12px; } .coordination .sec02 .unit.s02 dl.l03 { background:url(../img/sc04_01_sec02_02_ic03.gif) no-repeat 5px 11px; } .coordination .sec02 .unit.s02 dl.l04 { background:url(../img/sc04_01_sec02_02_ic04.gif) no-repeat 5px 10px; } .coordination .sec02 .unit.s02 dl.l05 { background:url(../img/sc04_01_sec02_02_ic05.gif) no-repeat 4px 18px; } .coordination .sec02 .unit dl dt { font-family:'Nanum Myeongjo'; font-size:24px; line-height:36px; color:#51473d; font-weight:700; } .coordination .sec02 .unit dl dd { font-size:14px; line-height:24px; color:#ae8b82; } /* 05Community */ .cm_process { position:relative; width:1240px; height:320px; background:url(../img/sc05_01_step_bg.jpg) no-repeat 0 0; margin:0 auto; } .cm_process ul { position:relative; margin-right:-20px; *zoom:1; } .cm_process ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .cm_process ul li { position:relative; float:left; width:190px; margin-right:20px; font-size:14px; line-height:20px; color:#fff; text-align:center; letter-spacing:-1px; font-weight:700; } .cm_process ul li h3 { position:relative; padding-top:112px; height:68px; font-size:21px; line-height:24px; color:#fff; font-family:NanumBarunGothic; font-weight:normal; } .cm_process ul li.l2 h3 { padding-top:96px; height:84px; } .cm_process ul li.c02 { color:#51473d; } .cm_process ul li.c02 h3 { color:#51473d; } .cm_Inquiry { position:relative; width:1200px; margin:0 auto; } .cm_Inquiry h3 { position:relative; font-size:24px; color:#51473d; padding-left:10px; margin-bottom:8px; font-family:NanumBarunGothic; font-weight:normal; } .cm_Inquiry .a_box { position:relative; border:4px solid #e1d3cc; height:82px; padding:25px 35px; overflow:hidden; overflow-y:scroll; font-size:14px; line-height:24px; margin-bottom:15px; } .cm_Inquiry .agree { position:relative; text-align:center; margin-bottom:20px; font-size:14px; color:#51473d; } .cm_Inquiry .form { position:relative; height:760px; padding-left:300px; } .cm_Inquiry .form.si02 { height:804px; } .cm_Inquiry .form h3 { position:absolute; top:0; left:0; padding:0; margin:0; } .cm_Inquiry .form .box { position:absolute; top:0; bottom:0; left:300px; right:0; border:4px solid #e1d3cc; padding:26px 45px 26px 25px; } .cm_Inquiry .form .box dl { position:relative; padding:10px 0; } .cm_Inquiry .form .box dl dt { position:absolute; top:10px; left:0; width:120px; line-height:50px; text-align:right; font-size:14px; color:#51473d; font-family:NanumBarunGothicBold; } .cm_Inquiry .form .box dl dd { position:relative; min-height:50px; margin-left:155px; font-size:14px; color:#51473d; } .cm_Inquiry .form .box dl dd em { display:inline-block; *zoom:1; *display:inline; width:25px; text-align:center; } .cm_Inquiry .form .box dl dd input[type=text] { padding:0 9px; height:48px; line-height:48px; border:1px solid #e1d3cc; border-radius:5px; font-size:16px; color:#51473d; font-family:NanumBarunGothic; } .cm_Inquiry .form .box dl dd select { height:50px; border:1px solid #e1d3cc; border-radius:5px; font-size:16px; color:#51473d; font-family:NanumBarunGothic; padding-left:10px; } .cm_Inquiry .form .box dl dd textarea { padding:9px; width:630px; height:160px; border:1px solid #e1d3cc; border-radius:5px; font-size:16px; color:#51473d; display:block; vertical-align:top; font-family:NanumBarunGothic; } .cm_Inquiry .form .box dl dd span { position:absolute; top:0; right:0; width:220px; font-size:12px; line-height:18px; color:#c50134; font-weight:700; padding:6px 0; } .bt_confirm { width:240px; height:56px; line-height:56px; color:#fff; background:#51473d; font-size:18px; font-family:NanumBarunGothic; } /* 06Speacial Offers */ .promotion_list { position:relative; } .promotion_list ul { position:relative; border-bottom:1px solid #e1d3cc; margin-bottom:30px; *zoom:1; } .promotion_list ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .promotion_list li { position:relative; float:left; width:410px; margin-right:25px; } .promotion_list li.last { margin:0; } .promotion_list li .box { position:relative; height:480px; } .promotion_list li .box .ph { position:relative; height:280px; margin-bottom:20px; } .promotion_list li .box .tx { position:relative; height:135px; padding-bottom:45px; } .promotion_list li .box h3 { font-size:26px; color:#51473d; font-family:NanumBarunGothic; font-weight:normal; margin-bottom:10px; } .promotion_list li .box h3 a { display:block; color:#51473d; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .promotion_list li .box h3 a:hover { text-decoration:none; } .promotion_list li .box h3 em { display:block; font-size:16px; color:#ae8b82; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .promotion_list li .box p { height:60px; font-size:14px; line-height:20px; color:#51473c; overflow:hidden; } .promotion_list li .box span { position:absolute; bottom:28px; left:0; color:#c50134; font-size:13px; } .pagination { position:relative; text-align:center; } .pagination a { vertical-align:top; } .pagination span { padding:0 5px; display:inline-block; *zoom:1; *display:inline; } .pagination span a { display:inline-block; *zoom:1; *display:inline; min-width:20px; padding:0 9px; height:38px; line-height:38px; border:1px solid #ae8b82; color:#ae8b82; font-weight:normal; font-size:14px; margin:0 5px; } .pagination span a.on { color:#fff; text-decoration:none; background:#ae8b82; } .promotion_view { position:relative; border-top:1px solid #e1d3cc; margin-bottom:20px; } .promotion_view dl { position:relative; font-size:18px; line-height:23px; color:#51473d; padding:0 20px 0 97px; border-bottom:1px solid #e1d3cc; } .promotion_view dl dt { position:absolute; top:18px; left:10px; width:66px; background:url(../img/pv_deco_bar.gif) no-repeat right 5px; } .promotion_view dl dd { position:relative; padding:18px 180px 18px 0; } .promotion_view dl dd a { color:#51473d; text-decoration:none; } .promotion_view dl dd a:hover { text-decoration:none; } .promotion_view dl dd span { margin-right:10px; } .promotion_view dl dd em { font-size:14px; color:#ae8b82; } .promotion_view dl dd b { position:absolute; top:18px; right:0; font-weight:normal; color:#c50134; font-size:13px; } .promotion_view .con { position:relative; padding:40px 20px; text-align:left; border-bottom:1px solid #e1d3cc; font-size:14px; line-height:20px; color:#51473d; } .promotion_view .con .ph { margin-bottom:40px; } .promotion_view .con h3 { position:relative; font-size:36px; color:#51473d; margin-bottom:40px; font-family:NanumBarunGothic; font-weight:normal; } .promotion_view .con h3 em { display:block; font-size:18px; color:#ae8b82; padding-top:15px; } .promotion_view .con span { display:block; color:#c50134; padding-top:40px; } .board { position:relative; background:url(../img/bl_bg.gif) repeat-x center 0; } .tb_board { width:100%; } .tb_board th { height:60px; font-size:18px; color:#fff; text-align:center; font-weight:normal; } .tb_board td { border-bottom:1px solid #e1d3cc; padding:15px 10px; line-height:23px; font-size:16px; color:#51473d; text-align:center; } .tb_board td.tit { text-align:left; padding:18px 0px; } .tb_board td.view { position:relative; font-size:14px; line-height:20px; padding:20px; border-bottom:1px solid #51473d; text-align:left; } .tb_board td.view .con { min-height:400px; } .notice_img { text-align:center; } .notice_img img { max-width:1100px; } .list_bot_btn { position:relative; text-align:right; } .list_bot_btn a { display:inline-block; *zoom:1; *display:inline; width:180px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; background:#ae8b82; font-family:NanumBarunGothic; } .list_bot_btn a:hover { text-decoration:none; }