@charset "utf-8";
@import url(board.css);
@import url(member.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



html {margin:0;padding:0; background-color: #fff; }
body{position:relative;  font-size:16px; line-height:28px;   font-family: 'Noto Sans KR', sans-serif; color:#555; letter-spacing:-0.02em; height:100%; margin:0; padding:0; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {font-family: 'arm',sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#005d9b;}



.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}



.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}

.dimd { display: none;}
.subpagecolor { background-color: #f6f6f6;}



.wrapper { position: relative; min-width:1500px;  }
#header{position: absolute; width:1500px; height:80px; top:30px; left:50%; margin-left:-750px; z-index:10000; background:#fff; }
#header h1 {position:absolute; top:0;	left:0;  z-index:999;  }

#allmenu {position: absolute; right:0; top:0; padding:28px 20px 27px 30px; z-index:1000000;}
.allmenu_pop {position:fixed; width:100%; height:100%; top:0; left:0; z-index:100000000000000000000; display:none; background:#005d9b;}
.allmenu_pop .wrap {position: relative; width:1100px; margin:0 auto; }
.allmenu_pop .wrap .menu {position: relative; clear:both; margin-top:40px;}
.allmenu_pop .wrap .menu p {float:left; width:250px; font-size:21px; color:#fff6a7; font-weight:700; text-align:right; line-height:30px; padding-right:30px; }
.allmenu_pop .wrap .menu ul {float:left;}
.allmenu_pop .wrap .menu ul li {float:left; margin-left:50px; line-height:30px;}
.allmenu_pop .wrap .menu ul li a {color:#fff; font-size:16px; font-weight:500;}
.allmenu_pop .wrap .menu ul li a:hover {color:#fff; text-decoration:underline;}

.allmenu_pop .close {position:absolute; top:30px; right:0;}
.sitemap_logo {position: relative;  width:200px; margin:0 auto; margin-top:50px;margin-bottom:50px;}

#header .lang {position:absolute; top:-26px; right:0; z-index:22;}


#lnb {position:relative; overflow:hidden; top:0px; cursor:pointer;  margin:0 auto; width:1220px; padding:0 70px 0 210px; }
#lnb ul li {float:left; font-size:18px;  font-weight:500; line-height:80px; height:80px;  letter-spacing:-0.05em; text-align:center;}
#lnb ul li a {color:#333;}


.hidden{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:-10000px;line-height:0;}

.menuWrap {position:relative;height:0;}


#allMenuView {position:absolute; z-index:10000; width:1500px;  top:80px; padding:0 0 20px 0; overflow:hidden; display: none; background:#fff;  z-index:10000;}
/*background-color:#13470f; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;*/
#allMenuView .menu_cen {position:relative; margin:0 auto; width:1220px; padding:0 70px 0 210px;}
#allMenuView .menu {float:left; }
#allMenuView .menu ul li{text-align:center; padding-bottom:10px;}
#allMenuView .menu ul li a {color:#777; font-size:14px; letter-spacing:-0.03em; line-height:20px;}
#allMenuView .menu ul li a:hover {color:#005d9b;}

.m01 {width:150px;}
.m02 {width:200px;}
.m03 {width:160px;}
.m04 {width:160px;}
.m05 {width:170px;}
.m06 {width:150px;}
.m07 {width:205px;}




#corp_wrap {clear:both; position: relative; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height:100px;}
#corp_wrap .corp {position: relative; width:1200px; margin:0 auto; }
#s_banner_wrap {position: relative; width:1200px; height:100px; margin:0 auto;}










/* footer */ 
#footer_wrap {clear:both; position: relative;  background:#414141; padding:40px 0;}
#footer_wrap .footer {position: relative; width:1400px; margin:0 auto; color:#a6a6a6; font-size:14px;  line-height:25px; text-align:center;}


#footer_wrap .footer .f_m {position:relative; clear:both; margin-top:25px;}
#footer_wrap .footer .f_m ul li { background:url(../images/common/f_line.jpg) no-repeat 0 8px; text-align:center; padding-left:18px; margin-left:15px;  display:inline-block; .display:inline-block;zoom:1;#display:inline;}
#footer_wrap .footer .f_m ul li a {font-size:15px; color:#d0d0d0; font-weight:500;}
#footer_wrap .footer .f_m ul li a:hover {color:#fff;}
#footer_wrap .footer .f_m ul li.first {background:none;}

#footer_wrap .footer .address {position:relative; clear:both; border-top:1px solid #575757; padding-top:30px; margin-top:30px;}
#footer_wrap .footer .address span {margin-left:25px;}
#footer_wrap .footer .address .sns {position: absolute; top:30px; right:0;}
#footer_wrap .footer .address .sns ul li {float:left; margin-left:5px;}

#container {position:relative;  clear:both;  }












h3 {position:relative;  clear:both; color:#333;  font-size:25px;   font-weight:700; margin-top:50px;}
h4 {position:relative;  clear:both; position:relative;  clear:both; color:#329832;  font-size:22px;   font-weight:700; margin-bottom:15px;}
h5 {position:relative;  clear:both; margin:10px 0 5px 0; font-size:17px; font-weight:500; color:#294171;}



.bt1 {border-top:1px solid #eee;}


#demei_wrap {position:relative;  clear:both; background:#e4e4e4; padding:130px 0 100px 0;}
#demei_wrap .demei {position:relative;  clear:both; width:1400px; margin:0 auto; margin-top:50px;}
#demei_wrap .demei .img {float:left;}
#demei_wrap .demei .info {float:right; width:490px; height:340px; margin-right:30px; background:#575758; color:#fff;}
#demei_wrap .demei .info .box {float:left; width:175px; height:100px; padding:35px;}
#demei_wrap .demei .info .box.color {background:#ac8c5d;}
#demei_wrap .demei .info .box ul li {background:url(../images/main/icon_dot.png) no-repeat 0 7px; padding-left:10px; font-size:13px; line-height:18px; }
#demei_wrap .demei .info .box  p {font-size:23px; font-weight:700; margin-bottom:20px;}
#demei_wrap h2 {position:relative; line-height:50px; font-size:50px;  color:#000; font-weight:900; text-align:center;}
#demei_wrap h2 p {font-size:17px; color:#444; line-height:27px; font-weight:100; margin-top:30px;}


#cosmetics {position:relative;  clear:both; height:655px; padding:130px 0 130px 0; background:url(../images/main/drbg.jpg) repeat;}
#cosmetics h2 {position:relative; line-height:50px; font-size:50px;  color:#000; font-weight:900; text-align:center;}
#cosmetics h2 p {font-size:21px; color:#444; line-height:27px; font-weight:500; margin-bottom:10px;}
#cosmetics .list_wrap {position:relative;  clear:both; width:1350px; margin:0 auto; padding:0 25px; margin-top:60px;}
#cosmetics .list_wrap .list {position:relative; float:left; width:400px; height:500; margin:0 25px;}
#cosmetics .list_wrap .list .info {position:absolute; bottom:50px; left:50px;}
#cosmetics .list_wrap .list .info p {font-size:15px; color:#444; line-height:23px;}
#cosmetics .list_wrap .list .info p.tt1 {color:#005d9b; font-size:21px; font-weight:500;}
#cosmetics .list_wrap .list .info p.tt2 {color:#222; font-size:27px; font-weight:700; line-height:40px; margin-bottom:10px;}


.wrap-img {position:relative; width:400px; height:500px; overflow:hidden;}
.vimg01 {position:relative; height:500px; background:url(../images/main/drbg01.jpg) no-repeat center;}
.vimg02 {position:relative; height:500px; background:url(../images/main/drbg02.jpg) no-repeat center;}
.vimg03 {position:relative; height:500px; background:url(../images/main/drbg03.jpg) no-repeat center;}


/* ¸¶¿ì½º ¿À¹ö½Ã È¿°ú */
.vimg01:hover , .vimg02:hover  , .vimg03:hover  { transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
 -webkit-transition:.8s;
 -moz-transition:.8s;
 -ms-transition:.8s
}

/*  ¸¶¿ì½º ¾Æ¿ô½Ã È¿°ú */
.vimg01 , .vimg02 , .vimg03 { transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transition:.8s;
 -moz-transition:.8s;
 -ms-transition:.8s
}








#press_wrap {position:relative;  clear:both; height:745px; background:url(../images/main/pressbg.jpg) no-repeat center; background-size:cover;}
#press_wrap .press {position:relative;  clear:both; width:700px; margin:0 auto; padding-right:700px; padding-top:180px; color:#fff; text-align:center; line-height:27px; font-size:17px; font-weight:100;}
#press_wrap .press h2 {font-size:50px; color:#fff; font-weight:700; line-height:50px;}
#press_wrap .press p.btn {margin-top:80px;}
#press_wrap .press p.btn img {margin:0 5px;}

#location {position:relative;  clear:both; padding-top:130px; text-align:center;}
#location h2 {font-size:50px; color:#000; font-weight:900; line-height:50px;}
#location h2 p {font-size:17px; color:#444;  font-weight:100; margin-top:10px;}
#location .info {position:relative;  clear:both; border-top:1px solid #e6e6e6;  padding:50px 0; margin-top:60px;}
#location .info ul {width:1400px; margin:0 auto;}
#location .info ul li {float:left; font-size:19px; letter-spacing:-0.03em;}
#location .info ul li span {color:#034ea2; font-weight:700;}
#location .info ul li.ml150 {margin-left:150px;}



#map_wrap table {font-size:14px;}
#map_wrap table th {width:20%; text-align:left; padding:10px 0;}
#map_wrap table td {text-align:left; padding:10px 0;}

#map {position:relative; clear:both;   overflow:hidden;}
#map .frame {width:1920px; height:600px; margin-left:-960px;padding-left:50%;}

#map_wrap .info {position:relative;  clear:both; border-top:1px solid #e6e6e6;  padding:50px 0; }
#map_wrap .info ul {width:1400px; margin:0 auto;}
#map_wrap .info ul li {float:left; font-size:19px; letter-spacing:-0.03em;}
#map_wrap .info ul li span {color:#034ea2; font-weight:700;}
#map_wrap .info ul li.ml150 {margin-left:150px;}







/* sub */

#s_visual {position:relative; clear:both; text-align:center; height:200px; padding-top:200px;    }
#s_visual p {font-size:19px; color:#fff; font-weight:400; }
#s_visual p.tt { font-size:45px;  color:#fff;  font-weight:900; letter-spacing:10px; margin-bottom:30px;}

.vis01 {background:url(../images/sub/visual.jpg) no-repeat center; background-size:cover;}
.vis02 {background:url(../images/sub/visual02.jpg) no-repeat center; background-size:cover;}
.vis03 {background:url(../images/sub/visual03.jpg) no-repeat center; background-size:cover;}
.vis04 {background:url(../images/sub/visual04.jpg) no-repeat center; background-size:cover;}
.vis05 {background:url(../images/sub/visual05.jpg) no-repeat center; background-size:cover;}
.vis06 {background:url(../images/sub/visual06.jpg) no-repeat center; background-size:cover;}
.vis07 {background:url(../images/sub/visual07.jpg) no-repeat center; background-size:cover;}
.vis08 {background:url(../images/sub/visual08.jpg) no-repeat center; background-size:cover;}



#snb {position:relative; clear:both;  height:80px;  text-align:center;background:#fff;}
#snb ul {}
#snb ul li { height:80px; line-height:75px;   text-align:center;   display:inline-block; .display:inline-block;zoom:1;#display:inline; }
#snb ul li a {display:block;  text-align:center; font-size:17px; background:#fff; color:#666;font-weight:500;padding:0 40px; background:url(../images/sub/snb_line.jpg) no-repeat left;}
#snb ul li a:hover {color:#333;}
#snb ul li a.snb_on {color:#005d9b; border-bottom:5px solid #005d9b;}

#snb ul li:first-child a {background:none;}


#snbs {position:relative; clear:both;  height:45px; text-align:center; margin-top:50px;}
#snbs ul li { text-align:center;  height:45px; line-height:45px;   text-align:center; margin:0 5px;  display:inline-block; .display:inline-block;zoom:1;#display:inline;}
#snbs ul li a {display:block;  font-size:15px;  color:#555555; padding:0 25px; background:#efefef; border-radius:30px;}
#snbs ul li a:hover {color:#333; background:#e9e9e9;}
#snbs ul li a.snbs_on {color:#fff; background:#097560; font-weight:500;}



 .stitle {position:relative; clear:both;  font-size:30px;  color:#333; font-weight:700;  text-align:center; margin-top:100px;}
.contents {position:relative; clear:both; width:1400px; margin:0 auto;  line-height:27px; padding:80px 0 150px 0;}


.blue {color:#005d9b; font-weight:900;}


.con_table {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #efefef; text-align:left;   color:#555;}
.con_table th {color:#333;  font-weight:500;   background:#fcfcfc; line-height:20px; text-align:center;}
.con_table td.a_l {text-align:left;}
.con_table td.a_r {text-align:right;}
.con_table th, .con_table td {padding:7px 15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;}



.li_icon {position:relative; clear:both;}
.li_icon ul li {background:url(../images/main/icon_gray.jpg) no-repeat 0 10px; padding-left:7px; margin-bottom:7px;}
.li_icon ul li strong {font-weight:500;}
.li_icon ul li span {color:#304f8d;}


#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #005d9b;}
#other .tit {position:relative; clear:both;  margin:0; top:0; left:0;font-size:30px; color:#222;  font-weight:700; text-align:center; padding:20px 0; background:#fff;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; color:#666; font-size:14px; line-height:23px; letter-spacing:-0.03em;}



#dkintroduce {position:relative; clear:both; height:930px; padding-top:100px; text-align:center; background:url(../images/introduce/01.jpg) no-repeat;}
#dkintroduce .tt {color:#005d9b; font-size:50px; line-height:55px; font-weight:700; letter-spacing:-0.05em;}
#dkintroduce .text {font-size:18px; color:#444; font-weight:400; line-height:30px;}
#dkintroduce .text p {margin-top:40px;}


#greeting {position:relative; clear:both;}
#greeting p.tt {color:#005d9b; font-size:23px; line-height:35px; font-size:500; text-align:center;}
#greeting p.tt span {font-weight:700;}
#greeting .img {position:relative; clear:both;float:left;  width:700px; margin-top:80px;}
#greeting .text {position:relative; float:right; width:640px; margin-top:80px;}
#greeting .text p {margin-top:35px;}

.organization {position:relative; clear:both;  text-align:center;}


#egdongan {position:relative; clear:both;}
#egdongan .tt {position:relative; clear:both; font-size:22px; line-height:30px; text-align:center; color:#555; font-weight:300;}
#egdongan .tt span{font-size:48px; color:#111; font-weight:300; letter-spacing:-0.05em;}
#egdongan .tt span strong {color:#e85b7d; font-weight:900;}
#egdongan .tt p {margin-top:30px;}
#egdongan .box {position:relative; clear:both; width:1200px; margin:0 auto; margin-top:100px;}
#egdongan .box .info  {position:relative; clear:both; margin-top:50px;}
#egdongan .box .info .num {float:left; width:200px; text-align:center; color:#e85b7d; font-weight:900; font-size:100px; line-height:100px;}
#egdongan .box .info .text {float:left; border-left:1px solid #dfdfdf; padding-left:50px; font-size:22px; line-height:35px; color:#555;letter-spacing:-0.05em; font-weight:300;}
#egdongan .box .info .text .tt2 {font-size:40px;color:#333; line-height:45px; }
#egdongan .box .info .text .tt2 span {color:#e85b7d; font-weight:700;}
#egdongan .box .info .text .txt {margin-top:20px;}

#egdongan .btn_site {position:absolute; top:0; right:100px;}

#egdongan .shopview {position:relative; clear:both; width:1400px; margin:0 auto; margin-top:70px;}
#egdongan .shopview .img01 {position:relative; clear:both; width:690px; height:670px;}
#egdongan .shopview .img02 {position:relative;clear:both;  float:left; width:330px; height:450px; margin-top:20px;}
#egdongan .shopview .img03 {position:relative; float:right; width:340px; height:450px; margin-top:20px;}
#egdongan .shopview .img04 {position:relative; width:690px; height:520px;}
#egdongan .shopview .img05 {position:relative; clear:both; float:left; width:335px; height:600px; margin-top:20px;}
#egdongan .shopview .img06 {position:relative; float:right;  width:335px; height:600px; margin-top:20px;}

#egdongan .shopview .img07 {position:relative; clear:both;  width:690px; height:380px; margin-top:20px;}
#egdongan .shopview .img08 {position:relative; clear:both;  width:690px; height:380px; margin-top:20px;}

.eg_view {position:relative; clear:both;  font-size:30px;  color:#333; font-weight:700;  text-align:center; margin-top:200px;}
.f_l {float:left;}
.f_r {float:right;}

.wrap-img {position:relative;overflow:hidden;}
.egimg01 {position:relative; height:670px; background:url(../images/egdongan/img01.jpg) no-repeat top center; }
.egimg02 {position:relative; height:450px; background:url(../images/egdongan/img02.jpg) no-repeat top center; }
.egimg03 {position:relative; height:450px; background:url(../images/egdongan/img03.jpg) no-repeat top center; }
.egimg04 {position:relative; height:520px; background:url(../images/egdongan/img04.jpg) no-repeat top center; }
.egimg05 {position:relative; height:600px; background:url(../images/egdongan/img05.jpg) no-repeat top center; }
.egimg06 {position:relative; height:600px; background:url(../images/egdongan/img06.jpg) no-repeat top center; }
.egimg07 {position:relative; height:380px; background:url(../images/egdongan/img07.jpg) no-repeat top center; }
.egimg08 {position:relative; height:380px; background:url(../images/egdongan/img08.jpg) no-repeat top center; }
/* ¸¶¿ì½º ¿À¹ö½Ã È¿°ú */
.egimg01:hover, .egimg02:hover, .egimg03:hover,.egimg04:hover, .egimg05:hover, .egimg06:hover, .egimg07:hover, .egimg08:hover{ transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
 -webkit-transition:.8s;
 -moz-transition:.8s;
 -ms-transition:.8s
}



/*  ¸¶¿ì½º ¾Æ¿ô½Ã È¿°ú */
.egimg01, .egimg02, .egimg03, .egimg04, .egimg05, .egimg06, .egimg07, .egimg08 { transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transition:.8s;
 -moz-transition:.8s;
 -ms-transition:.8s
}







#career {position:relative; clear:both;}
#career .img {position:relative; clear:both;}
#career .name {position:relative; clear:both; font-size:28px; line-height:100px; color:#333;font-weight:700;}
#career .info {position:relative; clear:both; margin-top:100px;}
#career .info .box {float:left;}
#career .info .box .tt {background:#e85b7d; color:#fff; font-size:24px; font-weight:700; line-height:45px; border-radius:30px;text-align:center; margin-bottom:20px;}
#career .info .box .w120 {width:120px;}
#career .info .box .w100 {width:100px;}
#career .info .box ul li {background:url(../images/egdongan/icon_dot.jpg) no-repeat 0 14px; padding-left:10px; line-height:30px;}
#career .info .ml100 {margin-left:100px; padding-left:100px; border-left:1px solid #dfdfdf; height:450px;}


#cosmetics_s {position:relative; clear:both;  text-align:center;}

#aesthetic_s {position:relative; clear:both;  text-align:center;}
#aesthetic_s .pdf_download {position:relative; clear:both; margin-top:70px; text-align:center;}
#aesthetic_s .pdf_download a {padding:15px 50px; background:#333; color:#fff; font-weight:500; font-size:25px; letter-spacing:-0.05em;}














#recruit {position:relative; clear:both;  background:#f2f2f2;}
#recruit .img {float:left; width:700px;}
#recruit .info {float:left; padding-left:80px;}
#recruit .info .tt { margin-top:60px; background:url(../images/recruit/check.jpg) no-repeat 0 0; padding-left:25px; color:#222; font-size:22px; font-weight:700;}
#recruit .info p {padding-left:25px; margin-top:15px;}
.recruit_btn {position:relative; clear:both; text-align:center; margin-top:50px;}
.recruit_btn button {width:300px; height:80px; color:#fff; background:#005d9b; line-height:80px; font-weight:500; font-size:25px; letter-spacing:-0.05em;}




 .faq{  border-bottom:1px solid #f2eee2; border-top:1px solid #000;}

.faq .hgroup{ position:relative; *zoom:1; }
 .faq .hgroup .trigger{ position:absolute; bottom:0; right:0;  border:0;  padding:0;  overflow:visible; background:none;  cursor:pointer; }
 .faq ul{ list-style:none; margin:0; padding:0; }
 .faq ul li img {margin:3px 5px;}
 .faq .q{ margin:0; border-top:1px solid #ddd; }
 .faq .q a.trigger{ display:block; padding:15px 15px; text-align:left; font-weight:500; color:#333; background:#fff; text-decoration:none !important;  }


.faq .hide .q a.trigger{  font-weight:normal; background:none; }
 .faq .q a.trigger:hover,
 .faq .q a.trigger:active,
 .faq .q a.trigger:focus{ color:#000;  background:#f8f8f8; }
 .faq .a{  margin:0; padding:15px 15px; line-height:1.5; display:none;}





.cream_tab{position:relative; clear:both;}
.cream_tab .tit {position:relative; clear:both;}
.cream_tab .tit ul li {float:left; width:250px;; margin:3px; background:#6d6d6d; color:#fff; font-size:25px; font-weight:700;line-height:65px; text-align:center; cursor:pointer;}
.cream_tab .tit ul .on {background:#005c9d; color:#fff; }
.cream_tab .info {position:relative; clear:both; margin-top:70px;}




/****************************** Animation ******************************/
.title { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.title-sub { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease 100ms; transition:all 600ms ease 100ms; }
.btn-more, .main-business .horizon { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:opacity 600ms ease 200ms, -webkit-transform 600ms ease 200ms; transition:opacity 600ms ease 200ms, transform 600ms ease 200ms; }

.title.ani-visible, .title-sub.ani-visible, .btn-more.ani-visible, .main-business .horizon.ani-visible { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }

.rnd .list { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease 200ms; transition:all 600ms ease 200ms; }
.rnd.ani-visible .list { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }
.main-content>div { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease 200ms; transition:all 600ms ease 200ms; }
.main-content.ani-visible>div { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }

@keyframes aniswiper{0%{ left:100%; } 100%{ left:0; }}
@-webkit-keyframes aniswiper{0%{ left:100%; } 100%{ left:0; }}
@keyframes aniswiper-prev{0%{ right:100%; } 100%{ right:0; }}
@-webkit-keyframes aniswiper-prev{0%{ right:100%; } 100%{ right:0; }}