@charset "utf-8";

@font-face {
    font-family: Gotham-Black;
 src:url(../img/images/font/Gotham-Black.eot);
    src: url(../img/images/font/Gotham-Black.woff);
}
@font-face {
    font-family: Gotham-Book;
 src:url(../img/images/font/Gotham-Book.eot);
    src: url(../img/images/font/Gotham-Book.woff);
}
@font-face {
    font-family: HerrVonMuellerhoff-Regular;
 src:url(../img/images/font/HerrVonMuellerhoff-Regular.eot);
    src: url(../img/images/font/HerrVonMuellerhoff-Regular.woff);
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:400;
  src:url(../img/images/font/NanumBarunGothic.eot);
  src:url(../img/images/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumBarunGothic.woff) format('woff');
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:700;
  src:url(../img/images/font/NanumBarunGothicBold.eot);
  src:url(../img/images/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumBarunGothicBold.woff) format('woff');
}
@font-face {
  font-family:'NanumMyeongjo';
  font-style:normal;
  font-weight:400;
  src:url(../img/images/font/NanumMyeongjoBold.eot);
  src:url(../img/images/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumMyeongjoBold.woff) format('woff');
}
@font-face {
  font-family:'NanumMyeongjo';
  font-style:normal;
  font-weight:700;
  src:url(../img/images/font/NanumMyeongjoBold.eot);
  src:url(../img/images/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumMyeongjoBold.woff) format('woff');
}

html, body{margin:0;padding:0;height:100%;font-family:Gotham-Black,NanumBarunGothic;}
ul, p {margin:0px;padding:0px;}
img {border:0px;}
a {text-decoration:none;}
.top_bar{position:fixed;left:0;top:0;width:100%;height:79px;padding:0 0 0 0;text-align:right;background-color:rgba(0,0,0,0.8);font-size:0; /* border-bottom:1px solid #262626; */ z-index:2000;}
.top_bar strong{float:left;margin:15px 0 0 15px;width:63px;height:50px;background:url('../img/images/bottomlogo.png') no-repeat;background-size:63px 50px;}
.top_bar a{position:relative;display:inline-block;top:17px;width:70px;height:0px;font-size:0;padding-top:40px;overflow:hidden;background:url('../img/images/sns_icon.png') no-repeat; margin-right:30px;}
.top_bar .btn_yb{background-position:-40px 0}
.top_bar .btn_ib{margin-right:10px;background-position:-80px 0}
.top_bar .btn_fb:hover{background-position:0 -40px}
.top_bar .btn_yb:hover{background-position:-40px -40px}
.top_bar .btn_ib:hover{background-position:-80px -40px}
.websre{position:;height:100%;overflow:hidden;font-family:Gotham-Black,NanumBarunGothic;}
.websre .wrap_sections{position:absolute;left:0;top:0;width:100%;height:100%}  
.websre .section{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}  
.websre .section1{z-index:8}
.websre .section2{z-index:7}
.websre .section3{z-index:6}
.websre .section4{z-index:5}
.websre .section5{z-index:4}
.websre .section6{z-index:3}
.websre .section7{z-index:2}
.websre .section8{z-index:1}
.websre .section.up{top:-100%}
.newB .section{transform:translate(0,0%);transition:0.7s transform cubic-bezier(0.770, 0.000, 0.175, 1.000)}
.newB .section.up{top:0 !important;transform:translate(0,-100%)}
.websre .section_bg{position:relative;height:100%;overflow:hidden;background:#000;}
/* .websre .section_bg img{position:absolute;left:50%;top:50%;width:2100px;height:1260px;margin:-630px 0 0 -1050px} */
.websre .section_bg img{position:absolute;left:50%;top:0;width:100%;margin-left:0; height:972px !important;} 
.websre .section1 .section_bg img,
.websre .section2 .section_bg img,
.websre .section3 .section_bg img,
.websre .section4 .section_bg img,
.websre .section5 .section_bg img,
.websre .section6 .section_bg img{}
.websre .nav{transition:0.7s;position:fixed;right:60px;bottom:50%;width:130px;z-index:100}
/* .websre .nav a{position:relative;display:block;width:130px;height:39px;margin-bottom:0px;color:#fff;text-decoration:none;line-height:20px; text-indent:-9999px ;text-shadow:1px 1px 1px #000;font-family:Gotham-Book;letter-spacing:-1px;} */
.websre .nav a{position:relative;display:block;width:150px;height:39px;margin-bottom:0px;color:#fff;text-decoration:none;line-height:20px;/*text-indent:-9999px*/;text-shadow:1px 1px 1px #000;font-family:Gotham-Book;letter-spacing:-1px;}

.websre .nav a strong{transition:0.7s opacity;display:block;width:130px;height:39px;background:url('') no-repeat;}
.websre .nav .nav1 strong{background-position:0 0px}
.websre .nav .nav2 strong{background-position:0 -59px}
.websre .nav .nav3 strong{background-position:0 -118px}
.websre .nav .nav4 strong{background-position:0 -177px}
.websre .nav .nav5 strong{background-position:0 -236px}
.websre .nav .nav6 strong{background-position:0 -295px}
.websre .nav .nav7 strong{background-position:0 -354px}
.websre .nav .nav_link strong{background-position:0 -354px}
/* .websre .nav a strong{opacity:0} */
.websre .nav.on a strong{opacity:1}
#section1 .nav .nav1 {display:none}
#section1 .nav .nav2 strong,
#section1 .nav .nav3 strong,
#section1 .nav .nav4 strong,
#section1 .nav .nav5 strong,
#section1 .nav .nav6 strong,
#section1 .nav .nav7 strong,
#section1 .nav .nav8 strong,
#section1 .nav .nav_link strong{opacity:0.7}
#section2 .nav .nav2 strong{background-position:-300px -59px}
#section3 .nav .nav3 strong{background-position:-300px -118px}
#section4 .nav .nav4 strong{background-position:-300px -177px}
#section5 .nav .nav5 strong{background-position:-300px -236px}
#section6 .nav .nav6 strong{background-position:-300px -295px}
#section7 .nav .nav7 strong{background-position:-300px -354px}
.websre .nav a i{position:absolute;right:0;top:0;width:22px;height:25px;background:url('../img/images/nav_icon.png') no-repeat 0 -25px}
#section1 .nav1 i,
#section2 .nav2 i,
#section3 .nav3 i,
#section4 .nav4 i,
#section5 .nav5 i,
#section6 .nav6 i,
#section7 .nav7 i,
#section8 .nav8 i{background-position:0 0}
.websre .nav a:hover i{background-position:0 -50px}

.banner{position:fixed;/*width:372px;height:377px;*/left:50%;top:25%;margin:0 0 0 -250px;z-index:2000}
.banner .wrap_banner_lg{position:relative;/*width:372px;height:377px;*/}
.banner .wrap_banner_lg .banner_lg img{/*width:372px;height:377px;*/}
.banner .wrap_banner_lg .btn_close{position:absolute;right:0px;top:5px;}
.banner_xs{display:none;position:fixed;right:27px;top:103px;width:160px !important;height:160px;background:url(../img/images/popup500s.png) left top no-repeat;background-size:160px 160px;z-index:10}
.movie{position:absolute;left:50%;top:0}
.movie .bg{position:relative;width:100%;height:100%}
.movie .bg .video{position:absolute;left:0;top:0;width:100%;height:100%}
.websre .home h1{position:absolute;top:12%;left:50%;/*width:544px;height:194px;*/margin:0px 0 0 -247px;background:url('') no-repeat;/*text-indent:-9999px;*/z-index:1000;color:#fff;font-size:60px;}
.websre .home h1 span {font-family:Gotham-Book;}
.websre .home div.maintxt {position:absolute;top:28%;color:#fff;z-index:1000;border:solid 1px #000;width:400px;height:400px;left:50%;margin-left:-200px;border-radius:400px;background-color:rgba(0,0,0,0.8);text-align:center;}
.websre .home div.maintxt p {padding:60px;font-size:14px;line-height:24px;}
.websre .home div.maintxt span {display:block;font-size:30px;font-family:Gotham-Book;line-height:55px;}
.websre .home h2{position:absolute;top:19.5%;left:50%;/*width:370px;height:57px;*/margin:0 0 0 -178px;background:url('') no-repeat;/*text-indent:-9999px;*/z-index:10;color:#fff;font-weight:lighter;}
.websre .home .number{position:absolute;left:0;width:100%;text-align:center;font-size:0}
.websre .home .number span{position:relative;display:inline-block;width:112px;height:165px;overflow:hidden}
.websre .home .number i{display:inline-block;width:40px;height:165px;background:url('') no-repeat;}
.websre .home .number span em{display:block;position:absolute;left:0;bottom:0;width:112px;height:4950px;background:url('')}
.copy{width:100%; text-align:center; height:35px; line-height:35px; background:#000 url('') no-repeat;z-index:100;color:#fff;font-size:12px;}
.copy a{z-index:100;color:#fff;font-size:12px;  position:absolute; right:0;}

.modal{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url('');z-index:100}
.modal h1{position:absolute;left:50%;top:8%;width:544px;height:194px;margin:0 0 0 -272px;background:url('') no-repeat;text-indent:-9999px;z-index:1000}
.modal .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('') no-repeat 50% 50%}
.modal .pop_movie{position:absolute;left:50%;top:50%;width:930px;height:518px;margin:-259px 0 0 -465px;z-index:110;}
.modal .btn_close{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background:url('');text-indent:-9999px}
#pop_media .pop_movie{width:978px;height:550px;margin:-275px 0 0 -489px}
#pop_media .table{position:absolute;left:0;top:0;width:100%;height:100%;display:table}
#pop_media .table .pop_movie{display:table-cell;position:relative;width:auto;height:auto;left:auto;top:auto;margin:auto;text-align:center;vertical-align:middle}
#pop_media .table .pop_movie img{vertical-align:middle}
#pop_media .table .btn_close2{position:absolute;left:auto;right:50px;top:100px;margin:auto;}
.modal .btn_close2{position:absolute;left:50%;top:50%;margin:-270px 0 0 510px;width:63px;height:63px;z-index:100;background:url('');text-indent:-9999px}
.reserve_box{position:absolute;left:50%;top:80%;margin-left:-205px;z-index:10;text-align:center;border:solid 0px red;}
.reserve_box ul {width:100%;float:left;}
.reserve_box ul li {float:left;background:#21bbb1;color:#fff;width:200px;height:55px;padding-top:19px;list-style:none;-webkit-transition: 0.25s;transition: 0.25s;border-radius:200px;}
.reserve_box ul li.black {background:#000;margin-left:10px;} 
.reserve_box ul li a {display:block;color:#fff;}
.reserve_box ul li:hover {background:#03867d;-webkit-transition: 0.25s;transition: 0.25s; }
.reserve_box ul li:hover.black {background:#c9c9c9;-webkit-transition: 0.25s;transition: 0.25s;color:#000; }
.reserve_box ul li p {font-size:11px;font-family:Gotham-Book;}
a,area{outline:none; outline-width: 0;}
map area{outline: none;}
.websre #content_bg {position:absolute;top:15%;left:50%;margin-left:-450px;width:900px;height:600px;background-color:rgba(0,0,0,0.6);border-radius:20px;}
.websre .title {position:absolute;width:100%;text-align:center;color:#fff;font-size:50px;top:20%;}
.websre .title p {font-size:12px;border-top:solid 1px #fff;width:250px;margin:0px auto;line-height:30px;}
.websre .title2 {position:absolute;width:10.2%;text-align:center;color:#fff;font-size:50px;top:20%;}
.websre .title2 span.subtitle {display:block;font-size:12px;border-top:solid 1px #fff;width:250px;margin:0px auto;line-height:30px;}
.websre .title span.subtitle2 {display:block;font-size:12px;border-top:solid 1px #fff;width:330px;margin:0px auto;line-height:16px;}
.websre .title span.subtitle3 {display:inline-block;margin:0px auto;line-height:16px;padding-top:10px;}
.websre .inqu {font-size:22px; line-height:73px; border:3px solid #fff; border-radius:7px; padding: 5px 5px 5px 5px; transition:all 0.3s ease; color:#fff;}
.websre .inqu:hover {border-color:#000; background-color:#000; color:#21bbb1;}
.websre .member {position:absolute;width:100%;left:50%;margin-left:-450px;text-align:center;color:#fff;font-size:14px;line-height:22px;top:30%;}
.websre .member div {float:left;width:300px;}
.websre .member span {display:block;font-size:24px;margin-top:10px;color:#21bbb1;}
.websre .member p {font-size:12px;margin-bottom:15px;color:#CCCCCC;}
.websre .portfolio{position:absolute;left:0;top:0;width:100%;height:100%}
.websre .portfolio h2{position:absolute;left:50%;top:50%;margin:-320px 0 0 -188px;width:377px;height:94px;background:url('') no-repeat;text-indent:-9999px}
.websre .portfolio h3{position:absolute;left:50%;top:50%;margin:-190px 0 0 -94px;width:189px;height:9px;background:url('') no-repeat;text-indent:-9999px}
.websre .portfolio .btn_smovie{display:block;position:absolute;left:50%;top:50%;width:388px;height:100px;margin:250px 0 0 -194px;background:url('') no-repeat;text-indent:-9999px}
.websre .portfolio .btn_smovie:hover{background-position:0 -50px}
.websre .portfolio .btn_left{transition:0.3s;opacity:0.7;display:block;position:absolute;left:50%;top:50%;margin:-0px 0 0 -450px;width:26px;height:50px;background:url('../img/images/arrow_icon_new.png') no-repeat;text-indent:-9999px}
.websre .portfolio .btn_left:hover{opacity:1}
.websre .portfolio .btn_right{transition:0.3s;opacity:0.7;display:block;position:absolute;left:50%;top:50%;margin:-0px 0 0 400px;width:26px;height:50px;background:url('../img/images/arrow_icon_new.png') no-repeat 0 -50px;text-indent:-9999px}
.websre .portfolio .btn_right:hover{opacity:1}
.websre .portfolio .wrap_article{position:absolute;left:50%;top:50%;margin:-150px 0 0 -400px;width:800px;height:370px;overflow:hidden;text-align:center}
.websre .portfolio .wrap_article .wrap_in{transition:0.5s all cubic-bezier(0.770, 0.000, 0.175, 1.000);position:absolute;left:0;top:0;width:1000%}
.websre .portfolio .wrap_article .article1{position:relative;float:left;width:10%;color:#d0d0d0;font-size:16px;line-height:26px; margin-top:40px; margin-left:10px;}
.websre .portfolio .wrap_article .article2{position:relative;float:left;width:10%;color:#d0d0d0;font-size:16px;line-height:26px; margin-top:50px; margin-left:4px;}
.websre .portfolio .wrap_article .article3{position:relative;float:left;width:10%;color:#d0d0d0;font-size:16px;line-height:26px; margin-top:50px; margin-left:4px;}


.article > ul {text-align:justify; overflow:hidden}
.article > ul:after {display:inline-block; content:''; width:100%}
.article > ul > li {display:inline-block; width:224px; height:83px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; margin-bottom:20px; margin-right:35px;}
.article > ul > li > a {display:block; width:100%; height:100%; text-decoration:none;}
.article > ul > li span {font-size:1px; text-indent:-9999em; visibility:hidden;}

.article > ul > li.img1 {background:url('../img/images/newbalance.png') no-repeat;}
.article > ul > li.img1:hover {background:url('../img/images/newbalance_1.png') no-repeat;}
.article > ul > li.img2 {background:url('../img/images/descente_1.png') no-repeat;}
.article > ul > li.img2:hover {background:url('../img/images/descente.png') no-repeat;}
.article > ul > li.img3 {background:url('../img/images/spao.png') no-repeat;}
.article > ul > li.img3:hover {background:url('../img/images/spao_1.png') no-repeat;}
.article > ul > li.img4 {background:url('../img/images/roxygirl.png') no-repeat;}
.article > ul > li.img4:hover {background:url('../img/images/roxygirl_1.png') no-repeat;}
.article > ul > li.img5 {background:url('../img/images/lecoq.png') no-repeat;}
.article > ul > li.img5:hover {background:url('../img/images/lecoq_1.png') no-repeat;}
.article > ul > li.img6 {background:url('../img/images/elle.png') no-repeat;}
.article > ul > li.img6:hover {background:url('../img/images/elle_1.png') no-repeat;}
.article > ul > li.img7 {background:url('../img/images/arena.png') no-repeat;}
.article > ul > li.img7:hover {background:url('../img/images/arena_1.png') no-repeat;}
.article > ul > li.img8 {background:url('../img/images/mlb.png') no-repeat;}
.article > ul > li.img8:hover {background:url('../img/images/mlb_1.png') no-repeat;}
.article > ul > li.img9 {background:url('../img/images/shebeach.png') no-repeat;}
.article > ul > li.img9:hover {background:url('../img/images/shebeach_1.png') no-repeat;}




.article > ul > li.img10 {background:url('../img/images/lazybee.png') no-repeat;}
.article > ul > li.img10:hover {background:url('../img/images/lazybee_1.png') no-repeat;}
.article > ul > li.img11 {background:url('../img/images/herringbone.png') no-repeat;}
.article > ul > li.img11:hover {background:url('../img/images/herringbone_1.png') no-repeat;}
.article > ul > li.img12 {background:url('../img/images/havanasunday.png') no-repeat;}
.article > ul > li.img12:hover {background:url('../img/images/havanasunday_1.png') no-repeat;}
.article > ul > li.img13 {background:url('../img/images/ilzzo.png') no-repeat;}
.article > ul > li.img13:hover {background:url('../img/images/ilzzo_1.png') no-repeat;}
.article > ul > li.img14 {background:url('../img/images/dahong.png') no-repeat;}
.article > ul > li.img14:hover {background:url('../img/images/dahong_1.png') no-repeat;}
.article > ul > li.img15 {background:url('../img/images/romistory.png') no-repeat;}
.article > ul > li.img15:hover {background:url('../img/images/romistory_1.png') no-repeat;}

.article > ul > li.img16 {background:url('../img/images/prendang.png') no-repeat;}
.article > ul > li.img16:hover {background:url('../img/images/prendang_on.png') no-repeat;}
.article > ul > li.img17 {background:url('../img/images/united.png') no-repeat;}
.article > ul > li.img17:hover {background:url('../img/images/united_on.png') no-repeat;}
.article > ul > li.img18 {background:url('../img/images/eya.png') no-repeat;}
.article > ul > li.img18:hover {background:url('../img/images/eya_on.png') no-repeat;}

.article > ul > li.img19 {background:url('../img/images/robot.png') no-repeat;}
.article > ul > li.img19:hover {background:url('../img/images/robot_on.png') no-repeat;}
.article > ul > li.img20 {background:url('../img/images/5pening.png') no-repeat;}
.article > ul > li.img20:hover {background:url('../img/images/5pening_on.png') no-repeat;}

.article > ul > li.img21 {background:url('../img/images/ilovejj.png') no-repeat;}
.article > ul > li.img21:hover {background:url('../img/images/ilovejj_on.png') no-repeat;}
.article > ul > li.img22 {background:url('../img/images/biki.png') no-repeat;}
.article > ul > li.img22:hover {background:url('../img/images/biki_on.png') no-repeat;}

.article > ul > li.img23 {background:url('../img/images/medi.png') no-repeat;}
.article > ul > li.img23:hover {background:url('../img/images/medi_on.png') no-repeat;}
.article > ul > li.img24 {background:url('../img/images/mschf.png') no-repeat;}
.article > ul > li.img24:hover {background:url('../img/images/mschf_on.png') no-repeat;}

.article > ul > li.img25 {background:url('../img/images/oioi.png') no-repeat;}
.article > ul > li.img25:hover {background:url('../img/images/oioi_on.png') no-repeat;}
.article > ul > li.img26 {background:url('../img/images/emart.png') no-repeat;}
.article > ul > li.img26:hover {background:url('../img/images/emart_on.png') no-repeat;}
.article > ul > li.img27 {background:url('../img/images/costco.png') no-repeat;}
.article > ul > li.img27:hover {background:url('../img/images/costco_on.png') no-repeat;}
.article > ul > li.img28 {background:url('../img/images/cj.png') no-repeat;}
.article > ul > li.img28:hover {background:url('../img/images/cj_on.png') no-repeat;}

/*
.article > ul > li.img1 {background:url('../img/images/elle.png') no-repeat;}
.article > ul > li.img1:hover {background:url('../img/images/elle_1.png') no-repeat;}
.article > ul > li.img2 {background:url('../img/images/ilzzo.png') no-repeat;}
.article > ul > li.img2:hover {background:url('../img/images/ilzzo_1.png') no-repeat;}
.article > ul > li.img3 {background:url('../img/images/arena.png') no-repeat;}
.article > ul > li.img3:hover {background:url('../img/images/arena_1.png') no-repeat;}
.article > ul > li.img4 {background:url('../img/images/lecoq.png') no-repeat;}
.article > ul > li.img4:hover {background:url('../img/images/lecoq_1.png') no-repeat;}
.article > ul > li.img5 {background:url('../img/images/mlb.png') no-repeat;}
.article > ul > li.img5:hover {background:url('../img/images/mlb_1.png') no-repeat;}
.article > ul > li.img6 {background:url('../img/images/newbalance.png') no-repeat;}
.article > ul > li.img6:hover {background:url('../img/images/newbalance_1.png') no-repeat;}
.article > ul > li.img7 {background:url('../img/images/lazybee.png') no-repeat;}
.article > ul > li.img7:hover {background:url('../img/images/lazybee_1.png') no-repeat;}
.article > ul > li.img8 {background:url('../img/images/shebeach.png') no-repeat;}
.article > ul > li.img8:hover {background:url('../img/images/shebeach_1.png') no-repeat;}
.article > ul > li.img9 {background:url('../img/images/ilovej.png') no-repeat;}
.article > ul > li.img9:hover {background:url('../img/images/ilovej_1.png') no-repeat;}

.article > ul > li.img10 {background:url('../img/images/herringbone.png') no-repeat;}
.article > ul > li.img10:hover {background:url('../img/images/herringbone_1.png') no-repeat;}
.article > ul > li.img11 {background:url('../img/images/havanasunday.png') no-repeat;}
.article > ul > li.img11:hover {background:url('../img/images/havanasunday_1.png') no-repeat;}
.article > ul > li.img12 {background:url('../img/images/gogobeach.png') no-repeat;}
.article > ul > li.img12:hover {background:url('../img/images/gogobeach_1.png') no-repeat;}
.article > ul > li.img13 {background:url('../img/images/dahong.png') no-repeat;}
.article > ul > li.img13:hover {background:url('../img/images/dahong_1.png') no-repeat;}
.article > ul > li.img14 {background:url('../img/images/gumzzi.png') no-repeat;}
.article > ul > li.img14:hover {background:url('../img/images/gumzzi.png') no-repeat;}
.article > ul > li.img15 {background:url('../img/images/mimibabi.png') no-repeat;}
.article > ul > li.img15:hover {background:url('../img/images/mimibabi_1.png') no-repeat;}
.article > ul > li.img16 {background:url('../img/images/maybeach.png') no-repeat;}
.article > ul > li.img16:hover {background:url('../img/images/maybeach_1.png') no-repeat;}
.article > ul > li.img17 {background:url('../img/images/amellabeach.png') no-repeat;}
.article > ul > li.img17:hover {background:url('../img/images/amellabeach_1.png') no-repeat;}
.article > ul > li.img18 {background:url('../img/images/stylecouple.png') no-repeat;}
.article > ul > li.img18:hover {background:url('../img/images/stylecouple_1.png') no-repeat;}

.article > ul > li.img19 {background:url('../img/images/7daysvacation.png') no-repeat;}
.article > ul > li.img19:hover {background:url('../img/images/7daysvacation_1.png') no-repeat;}
.article > ul > li.img20 {background:url('../img/images/8model.png') no-repeat;}
.article > ul > li.img20:hover {background:url('../img/images/8model_1.png') no-repeat;}
.article > ul > li.img21 {background:url('../img/images/bikibiki.png') no-repeat;}
.article > ul > li.img21:hover {background:url('../img/images/bikibiki_1.png') no-repeat;}
.article > ul > li.img22 {background:url('../img/images/ilove.png') no-repeat;}
.article > ul > li.img22:hover {background:url('../img/images/ilove_1.png') no-repeat;}
.article > ul > li.img23 {background:url('../img/images/yeoreuma.png') no-repeat;}
.article > ul > li.img23:hover {background:url('../img/images/yeoreuma_1.png') no-repeat;}
.article > ul > li.img24 {background:url('../img/images/stylestoker.png') no-repeat;}
.article > ul > li.img24:hover {background:url('../img/images/stylestoker_1.png') no-repeat;}

*/

/*.article > ul > li.img1 {background:url('../img/images/maybeach.png') no-repeat;}
.article > ul > li.img1:hover {background:url('../img/images/maybeach_1.png') no-repeat;}

.article > ul > li.img3 {background:url('../img/images/funhancouple.png') no-repeat;}
.article > ul > li.img3:hover {background:url('../img/images/funhancouple_1.png') no-repeat;}
.article > ul > li.img4 {background:url('../img/images/amellabeach.png') no-repeat;}
.article > ul > li.img4:hover {background:url('../img/images/amellabeach_1.png') no-repeat;}
.article > ul > li.img5 {background:url('../img/images/stylecouple.png') no-repeat;}
.article > ul > li.img5:hover {background:url('../img/images/stylecouple_1.png') no-repeat;}

.article > ul > li.img7 {background:url('../img/images/7daysvacation.png') no-repeat;}
.article > ul > li.img7:hover {background:url('../img/images/7daysvacation_1.png') no-repeat;}
.article > ul > li.img8 {background:url('../img/images/8model.png') no-repeat;}
.article > ul > li.img8:hover {background:url('../img/images/8model_1.png') no-repeat;}
.article > ul > li.img9 {background:url('../img/images/beachpalm.png') no-repeat;}
.article > ul > li.img9:hover {background:url('../img/images/beachpalm_1.png') no-repeat;}
.article > ul > li.img10 {background:url('../img/images/bikibiki.png') no-repeat;}
.article > ul > li.img10:hover {background:url('../img/images/bikibiki_1.png') no-repeat;}
.article > ul > li.img11 {background:url('../img/images/ilove.png') no-repeat;}
.article > ul > li.img11:hover {background:url('../img/images/ilove_1.png') no-repeat;}
.article > ul > li.img12 {background:url('../img/images/yeoreuma.png') no-repeat;}
.article > ul > li.img12:hover {background:url('../img/images/yeoreuma_1.png') no-repeat;}

.article > ul > li.img13 {background:url('../img/images/shebeach.png') no-repeat;}
.article > ul > li.img13:hover {background:url('../img/images/shebeach_1.png') no-repeat;}

.article > ul > li.img14 {background:url('../img/images/stylestoker.png') no-repeat;}
.article > ul > li.img14:hover {background:url('../img/images/stylestoker_1.png') no-repeat;}

*/


.websre .portfolio .wrap_nav{position:absolute;left:0;top:50%;width:100%;margin-top:260px;text-align:center;font-size:0}
.websre .portfolio .wrap_nav a{display:inline-block;width:10px;height:10px;margin:0 3px;vertical-align:top;background:url('../img/images/nav_icon_s_off.png') no-repeat}
.websre .portfolio .wrap_nav a.on{background:yellow;background:url('../img/images/nav_icon_s_on.png') no-repeat}
.websre .members .wrap_article{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.websre .members .wrap_article .wrap_in{transition:0.5s all cubic-bezier(0.770, 0.000, 0.175, 1.000);position:absolute;left:0;top:0;width:1000%;height:100%;}
.websre .members .wrap_article .article{position:relative;float:left;width:10%;height:100%;overflow:hidden;}
.websre .members .wrap_article .article1 div{position:absolute;left:35%;top:50%;width:250px;height:250px;background:url('../img/images/product_menu.png') no-repeat}
.websre .members .wrap_article .article1 div a{transition:0.4s opacity;display:block;width:100%;height:100%;background:url('../img/images/product_menu.png') no-repeat}
/* .websre .members .wrap_article .article1 .btn1{margin:-144px 0 0 -257px} */
.websre .members .wrap_article .article1 .btn1{margin:-144px 0 0 -127px}
.websre .members .wrap_article .article1 .btn2{margin:-144px 0 0 140px}
.websre .members .wrap_article .article1 .btn3{margin:-144px 0 0 405px}
.websre .members .wrap_article .article1 .btn1{background-position:0 0}
.websre .members .wrap_article .article1 .btn2{background-position:-250px 0}
.websre .members .wrap_article .article1 .btn3{background-position:-500px 0}
.websre .members .wrap_article .article1 .btn1 a{opacity:0;background-position:0 -250px}
.websre .members .wrap_article .article1 .btn1 a:hover{opacity:1}
.websre .members .wrap_article .article1 .btn2 a{opacity:0;background-position:-250px -250px}
.websre .members .wrap_article .article1 .btn2 a:hover{opacity:1}
.websre .members .wrap_article .article1 .btn3 a{opacity:0;background-position:-500px -250px}
.websre .members .wrap_article .article1 .btn3 a:hover{opacity:1}

.websre .members .wrap_article h3{position:absolute;left:50%;top:50%;width:663px;height:98px;margin:-280px 0 0 -880px;background:url('') no-repeat;/*text-indent:-9999px;*/z-index:10;color:#fff;font-size:50px;}
.websre .members .wrap_article span.line{height:1px;width:30px;display:block;background:#fff;text-indent:-9999px;}
.websre .members .wrap_article span.subtxt{font-size:14px;display:block;margin-top:5px;}
.websre .members .wrap_article .article3 h3{height:138px;background:url('') no-repeat}
.websre .members .wrap_article .article4 h3{height:138px;background:url('') no-repeat}
.websre .members .wrap_article p{position:absolute;left:50%;top:50%;margin:-200px 0 0 -630px;color:#a49589;font-size:14px;line-height:22px;z-index:10}
.websre .members .wrap_article p strong{font-size:16px}
.websre .members .wrap_article p .btn_close{display:block;margin-left:1100px;margin-top:-60px;width:41px;height:38px;background:url('../img/images//btn_close.png') no-repeat;text-indent:-9999px;}
/* .websre .members .wrap_article span.product_txt1{position:absolute;left:50%;top:50%;margin:-170px 0 0 -880px;color:#fff;font-size:14px;line-height:22px;z-index:10} */
.websre .members .wrap_article span.product_txt1{position:absolute;left:50%;top:50%;margin:-125px 0 0 -684px;color:#fff;font-size:14px;line-height:22px;z-index:10}
.websre .members .wrap_article span.product_txt2{color:#fff;font-size:24px;line-height:30px;z-index:10;letter-spacing:-1px;}
.websre .members .wrap_article span.color{color:#21bbb1;}
.websre .members .wrap_article #product_box {display:inline-block;margin-top:20px;padding:20px;border:solid 1px #000;background:rgba(0,0,0,0.5);}
.websre .members .wrap_article #product_box .list {float:left;width:250px;}
.websre .members .wrap_article #product_box .list span.num{background:#21bbb1;width:25px;height:25px;text-align:center;line-height:25px;display:inline-block;color:#000;margin-right:10px;}
.websre .members .wrap_article #product_box .list span.stitle{display:inline-block;font-size:16px;font-weight:bold;}
.websre .members .wrap_article #product_box .list span.txt{display:block;margin-top:10px;font-size:12px;}
.websre .members .wrap_article div.prdimg{margin-top:50px;}
.websre .members .wrap_article .chr_icon{position:absolute;left:50%;top:50%;margin:220px 0 0 -581px;z-index:10}
.websre .members .wrap_article .chr_icon a{position:relative;float:left;width:91px;height:90px;margin-right:10px;}
.websre .members .wrap_article .chr_icon em{transition:0.4s;position:absolute;left:0;top:0;display:block;opacity:1;width:91px;height:90px;background:url('../img/images/product_btn.png') no-repeat}
.websre .members .wrap_article .article3 .chr_icon em{background:url('../img/images/product_btn2.png') no-repeat}
.websre .members .wrap_article .article4 .chr_icon em{background:url('../img/images/product_btn2.png') no-repeat}
.websre .members .wrap_article .chr_icon a.chr1 em{background-position:0 -90px}
.websre .members .wrap_article .chr_icon a.chr2 em{background-position:-91px -90px}
.websre .members .wrap_article .chr_icon a.chr3 em{background-position:-182px -90px}
.websre .members .wrap_article .chr_icon a:hover em,
.websre .members .wrap_article .chr_icon a.on em{opacity:0}
.websre .members .wrap_article .chr_icon a i{transition:0.4s;position:absolute;left:0;top:0;display:block;opacity:0;width:91px;height:90px;background:url('../img/images/product_btn.png') no-repeat}
.websre .members .wrap_article .article3 .chr_icon a i{background:url('../img/images/product_btn2.png') no-repeat}
.websre .members .wrap_article .article4 .chr_icon a i{background:url('../img/images/product_btn2.png') no-repeat}
.websre .members .wrap_article .chr_icon a:hover i,
.websre .members .wrap_article .chr_icon a.on i{opacity:1}
.websre .members .wrap_article .chr_icon a.chr1 i{background-position:0 0px}
.websre .members .wrap_article .chr_icon a.chr2 i{background-position:-91px 0px}
.websre .members .wrap_article .chr_icon a.chr3 i{background-position:-182px 0px}
.websre .members .wrap_article .visual{display:none;position:absolute;left:50%;top:50%;margin:-250px 0 0 50px;}
.websre .members .wrap_article .fog{position:absolute;left:50%;top:50%;margin:-600px 0 0 -960px;width:1920px;height:1200px;background:url('') no-repeat}
.newB .websre .members .wrap_article .visual{display:block !important;transition:0.7s;opacity:0;transform:translate(-50px, 0)}
.websre .members .wrap_article .visual.on{display:block;opacity:1;transform:translate(0,0) !important}
.websre .home .btn_play{top:32%}
.websre .home .number{top:68%;}

.websre .inquiry .wrap_article{display:none;position:absolute;left:50%;top:35%;margin:0 0 0 -450px;width:900px;height:460px}
.websre .inquiry .wrap_article.on{display:block}
.websre .inquiry .wrap_in{position:absolute;left:202px;top:0}
.websre .inquiry .wrap_in .article{display:none;position:absolute;width:510px;height:350px;left:0;top:0;border:solid 1px #606060;padding:40px;box-sizing:border-box;}
.websre .inquiry .wrap_in .article.on{display:block}
.websre .inquiry .wrap_in .article a{/*position:relative;float:left;margin:0 15px 15px 0*/}
.websre .inquiry .wrap_in .article a img{/*width:240px;height:176px*/}
.websre .inquiry .wrap_in .article a i{transition:0.5s;opacity:0;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('') no-repeat}
.websre .inquiry .wrap_in .article a:hover i{opacity:1}
.websre .inquiry .wrap_in .article ul {padding-bottom:5px;}
.websre .inquiry .wrap_in .article ul li {list-style:none;float:left;color:#fff;font-size:12px;margin-bottom:5px;height:35px;text-align:center;line-height:35px;}
.websre .inquiry .wrap_in .article ul li:first-child {width:20%;}
.websre .inquiry .wrap_in .article ul li:last-child {width:80%;}
.websre .inquiry .wrap_in .article ul li input {width:100%;background:rgba(0,0,0,0.5);border:solid 1px #000;height:30px;color:#fff;}
.websre .inquiry .wrap_in .article ul li textarea {width:100%;background:rgba(0,0,0,0.5);border:solid 1px #000;height:150px;color:#fff;}
.websre .inquiry .wrap_in .inquiry_btn {position:absolute;width:150px;height:50px;left:50%;margin-left:-155px;top:400px;box-sizing:border-box;}
.websre .inquiry .wrap_in .inquiry_btn a {color:#fff;display:block;line-height:50px;text-align:center;font-size:12px;border:solid 1px #0fa59b;background:#21bbb1;-webkit-transition: 0.25s;transition: 0.25s;}
.websre .inquiry .wrap_in .inquiry_btn a:hover {color:#000;background:#fff;border:solid 1px #fff;-webkit-transition: 0.25s;transition: 0.25s;}
.websre .inquiry .wrap_in .inquiry_btncan {position:absolute;width:150px;height:50px;left:50%;margin-left:5px;top:400px;box-sizing:border-box;}
.websre .inquiry .wrap_in .inquiry_btncan a {color:#fff;display:block;line-height:50px;text-align:center;font-size:12px;border:solid 1px #5d5d5d;background:#5d5d5d;-webkit-transition: 0.25s;transition: 0.25s;}
.websre .inquiry .wrap_in .inquiry_btncan a:hover {color:#000;background:#fff;border:solid 1px #fff;-webkit-transition: 0.25s;transition: 0.25s;}

.websre .contactus .wrap_article{display:none;position:absolute;top:35%;margin:0px auto;width:100%; /* height:460px */}
.websre .contactus .wrap_article.on{display:block}
.websre .contactus .wrap_in{position:absolute;}
.websre .contactus .wrap_in .article{display:none;position:absolute;width:100%;height:350px;left:0;top:0;}
.websre .contactus .wrap_in .article.on{display:block}
.websre .contactus .wrap_in .article a:hover i{opacity:1}


.pop_intro {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6) url('');z-index:2000}
.pop_intro .scroll_wrap{position:relative;width:1044px;height:100%;overflow-y:scroll;overflow-x:hidden;margin:0 auto;z-index:1999}
.pop_intro .scroll_wrap .intro_con{display:none;padding-top:102px;background:#fff;text-align:center;}
.pop_intro .scroll_wrap .intro_con.on{display:block}
.pop_intro .intro_tab{position:fixed;left:50%;top:0;width:1043px;margin-left:-521px;font-size:0;z-index:2000}
.pop_intro .intro_tab a{display:inline-block;height:61px;font-size:0;background:url(../img/images/company_tab.png) no-repeat 0 0;text-indent:-9999px}
/* .pop_intro .intro_tab .link_company{width:261px;background-position:0 -61px} */
.pop_intro .intro_tab .link_company{width:518px;background-position:0 -61px}
/* .pop_intro .intro_tab .link_ceo{width:261px;background-position:-261px -61px} */
.pop_intro .intro_tab .link_ceo{width:510px;background-position:-521px -61px}
.pop_intro .intro_tab .link_history{width:261px;background-position:-522px -61px}
.pop_intro .intro_tab .link_contact{width:260px;background-position:-783px -61px}
.pop_intro .intro_tab .link_company.on{background-position:0 0}
/* .pop_intro .intro_tab .link_ceo.on{background-position:-261px 0} */
.pop_intro .intro_tab .link_ceo.on{background-position:-521px 0}
.pop_intro .intro_tab .link_history.on{background-position:-522px 0}
.pop_intro .intro_tab .link_contact.on{background-position:-783px 0}
.pop_intro .btn_close{position:absolute;left:50%;top:0;margin-left:532px;width:61px;height:61px;background:url('../img/images/pop_close_btn.png') no-repeat 0px 0px;text-indent:-9999px;z-index:1998}
.pop_intro .btn_close_bg{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;z-index:1998}

.pop_business {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6) url('');z-index:2000}
.pop_business .scroll_wrap{position:relative;width:1044px;height:100%;overflow-y:scroll;overflow-x:hidden;margin:0 auto;z-index:1999}
.pop_business .scroll_wrap .business_con{display:none;padding-top:102px;background:#fff;text-align:center;}
.pop_business .scroll_wrap .business_con.on{display:block}
.pop_business .business_tab{position:fixed;left:50%;top:0;width:1043px;margin-left:-521px;font-size:0;z-index:2000}
.pop_business .business_tab a{display:inline-block;height:61px;font-size:0;background:url(../img/images/business_tab.png) no-repeat 0 0;text-indent:-9999px}
/* .pop_business .business_tab .link_company{width:521px;background-position:0 -61px} */
.pop_business .business_tab .link_company{width:208px;background-position:0px -61px}

/* .pop_business .business_tab .link_ceo{width:521px;background-position:-521px -61px} */
.pop_business .business_tab .link_ceo{width:208px;background-position:-208px -61px}

.pop_business .business_tab .link_ceo2{width:209px;background-position:-626px -61px}
.pop_business .business_tab .link_ceo2.on{width:209px;background-position:-626px -0px}

.pop_business .business_tab .link_company2{width:208px;background-position:-416px -61px}
.pop_business .business_tab .link_company2.on {width:208px;background-position:-416px -0px}
.pop_business .business_tab .link_company3{width:208px;background-position:-834px -61px}
.pop_business .business_tab .link_company3.on{width:208px;background-position:-834px -0px}

.pop_business .business_tab .link_history{width:261px;background-position:-522px -61px}
.pop_business .business_tab .link_contact{width:260px;background-position:-783px -61px}
/* .pop_business .business_tab .link_company.on{background-position:0 0} */
.pop_business .business_tab .link_company.on{background-position:0px 0}



.pop_recruit {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6) url('');z-index:2000}
.pop_recruit .scroll_wrap{position:relative;width:1044px;height:100%;overflow-y:scroll;overflow-x:hidden;margin:0 auto;z-index:1999}
.pop_recruit .scroll_wrap .recruit_con{display:none;padding-top:102px;background:#fff;text-align:center;}
.pop_recruit .scroll_wrap .recruit_con.on{display:block}
.pop_recruit .recruit_tab{position:fixed;left:50%;top:0;width:1043px;margin-left:-521px;font-size:0;z-index:2000}
.pop_recruit .recruit_tab a{display:inline-block;height:61px;font-size:0;background:url(../img/images/re_tab.png) no-repeat 0 0;text-indent:-9999px}

/* .pop_recruit .recruit_tab .link_company{width:261px;background-position:0 -61px} */
.pop_recruit .recruit_tab .link_company{width:347px;background-position:-2px -61px}

/* .pop_recruit .recruit_tab .link_ceo{width:261px;background-position:-261px -61px} */
.pop_recruit .recruit_tab .link_ceo{width:347px;background-position:-349px -61px}

/* .pop_recruit .recruit_tab .link_history{width:261px;background-position:-522px -61px} */
.pop_recruit .recruit_tab .link_history{width:347px;background-position:-710px -61px}

.pop_recruit .recruit_tab .link_contact{width:260px;background-position:-783px -61px}
.pop_recruit .recruit_tab .link_company.on{background-position:-2px 0}
.pop_recruit .recruit_tab .link_ceo.on{background-position:-349px 0}
.pop_recruit .recruit_tab .link_history.on{background-position:-710px 0}
.pop_recruit .recruit_tab .link_contact.on{background-position:-783px 0}
.pop_recruit .btn_close{position:absolute;left:50%;top:0;margin-left:532px;width:61px;height:61px;background:url('../img/images/pop_close_btn.png') no-repeat 0px 0px;text-indent:-9999px;z-index:1998}
.pop_recruit .btn_close_bg{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;z-index:1998}




/* .pop_business .business_tab .link_ceo.on{background-position:-521px 0} */
.pop_business .business_tab .link_ceo.on{background-position:-208px 0}
.pop_business .business_tab .link_history.on{background-position:-522px 0}
.pop_business .business_tab .link_contact.on{background-position:-783px 0}
.pop_business .btn_close{position:absolute;left:50%;top:0;margin-left:532px;width:61px;height:61px;background:url('../img/images/pop_close_btn.png') no-repeat 0px 0px;text-indent:-9999px;z-index:1998}
.pop_business .btn_close_bg{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;z-index:1998}


.websre .intro{position:absolute;left:0;top:50%;width:100%;margin-top:-144px;text-align:center}
.websre .intro a{display:inline-block;width:250px;height:250px;margin:0 5px;background:url('../img/images/company_menu.png')}
.websre .intro a strong{transition:0.3s;opacity:0;display:block;position:relative;width:250px;height:250px;background:url('../img/images/company_menu.png');text-indent:-9999px}
.websre .intro a.btn1{background-position:-0px -0px}
.websre .intro a.btn2{background-position:-250px -0px}
.websre .intro a.btn3{background-position:-500px -0px}
.websre .intro a.btn4{background-position:-750px -0px}
.websre .intro a:hover strong{opacity:1}
.websre .intro a.btn1 strong{background-position:-0px -250px}
.websre .intro a.btn2 strong{background-position:-250px -250px}
.websre .intro a.btn3 strong{background-position:-500px -250px}
.websre .intro a.btn4 strong{background-position:-750px -250px}








.websre .business{position:absolute;left:0;top:50%;width:100%;margin-top:-144px;text-align:center}
.websre .business a{display:inline-block;width:250px;height:250px;margin:0 5px;background:url('../img/images/business_menu.png')}
.websre .business a strong{transition:0.3s;opacity:0;display:block;position:relative;width:250px;height:250px;background:url('../img/images/business_menu.png');text-indent:-9999px}
.websre .business a.btn1{background-position:-0px -0px}
.websre .business a.btn2{background-position:-250px -0px}
.websre .business a.btn3{background-position:-500px -0px}
.websre .business a.btn4{background-position:-750px -0px}
.websre .business a.btn5{background-position:-1000px -0px}

.websre .business a:hover strong{opacity:1}
.websre .business a.btn1 strong{background-position:-0px -250px}
.websre .business a.btn2 strong{background-position:-250px -250px}
.websre .business a.btn3 strong{background-position:-500px -250px}
.websre .business a.btn4 strong{background-position:-750px -250px}
.websre .business a.btn5 strong{background-position:-1000px -250px}


.websre .recruit {position:absolute;left:0;top:50%;width:100%;margin-top:-144px;text-align:center}
.websre .recruit a{display:inline-block;width:250px;height:250px;margin:0 5px;background:url('../img/images/company_menu2.png')}
.websre .recruit a strong{transition:0.3s;opacity:0;display:block;position:relative;width:250px;height:250px;background:url('../img/images/company_menu2.png');text-indent:-9999px}
.websre .recruit a.btn1{background-position:-0px -0px}
.websre .recruit a.btn2{background-position:-250px -0px}
.websre .recruit a.btn3{background-position:-500px -0px}
.websre .recruit a.btn4{background-position:-750px -0px}
.websre .recruit a:hover strong{opacity:1}
.websre .recruit a.btn1 strong{background-position:-0px -250px}
.websre .recruit a.btn2 strong{background-position:-250px -250px}
.websre .recruit a.btn3 strong{background-position:-500px -250px}
.websre .recruit a.btn4 strong{background-position:-750px -250px}



/* footer */
.main_footer {position:relative; bottom:35px; width:100%; height:35px; margin:0 auto; overflow:hidden; z-index:100}
.main_footer .btm_download {display:none; position:absolute; top:0; right:0; padding:5px 25px; font-size:13px; color:#fff; border:1px solid #fff; z-index:110; transition:all 0.3s ease}
.main_footer .btm_download:hover {border-color:#000; background-color:#000}