@charset "utf-8";
.mainWrap .innerBox { max-width:1480px; width:1450px}
.innerBox {position:relative;max-width:1400px;padding:0 20px;margin:0 auto;}
.full_img {width: 2000px;position: relative; left: 50%; margin-left: -1000px;}


#container { overflow:hidden; padding-top:130px;}
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'COCOGOOSE';
    src:url('https://channel-static.rebeauty.co.kr/melonps/mn/fonts/COCOGOOSE.ttf.woff') format('woff'),
        url('https://channel-static.rebeauty.co.kr/melonps/mn/fonts/COCOGOOSE.ttf.svg#COCOGOOSE') format('svg'),
        url('https://channel-static.rebeauty.co.kr/melonps/mn/fonts/COCOGOOSE.ttf.eot'),
        url('https://channel-static.rebeauty.co.kr/melonps/mn/fonts/COCOGOOSE.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

#slider{
	top: -160px;
	margin-bottom: -160px;
}
@keyframes rotateInfinite {
    0% { transform:translate(-50%, -50%) rotate(0deg);}
    100% { transform:translate(-50%, -50%) rotate(360deg);}
}
@keyframes rotateInfinite2 {
    0% { transform: rotate(0deg);}
    100% { transform:rotate(360deg);}
}

button{
background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} 

/* section1 */
#section1 {height:980px;}
#section1 .mainVisual{position:relative;width:100%;height:100%;}
#section1 .mainVisual .slick-list, #section1 .mainVisual .slick-list .slick-track{height:100%;}
#section1 .mainVisual div[class^="item"]{position:relative;width:100%;height:100%;background-size:cover;overflow:hidden;}

@keyframes grow {
  from {
     background-size: 100% auto; 
  }
  to {
     background-size: 105% auto; 
  }
}

#section1 .mainVisual .item1{background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/mainVisual01.jpg') no-repeat; animation:grow 5s linear infinite alternate both;}
#section1 .mainVisual .item2{background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/mainVisual012.jpg') no-repeat; animation:grow 5s linear infinite alternate both}
#section1 .mainVisual .item3{background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/mainVisual013.jpg') no-repeat; animation:grow 5s linear infinite alternate both}
#section1 .mainVisual .item4{background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/mainVisual014.jpg') no-repeat; animation:grow 5s linear infinite alternate both}
#section1 .mainVisual .visualText{position:relative;top:35%;left:25%; width:1200px; margin:0 auto;}
#section1 .mainVisual .visualText h1{font-size:32px;color:#fff;font-weight:500;}
#section1 .mainVisual .visualText span{display:block;}
#section1 .mainVisual a.more{margin:38px 0 0 7px;display:block;font-size:15px;color:#fff;width:100px;padding:13px 15px;border:1px solid #fff;}
#section1 .mainVisual a.more:after{content:'';display:block;float:right;width:13px;height:13px;margin-top:5px;}
#section1 .mainVisual a.more:hover{text-decoration:underline;}
#section1 .mainVisual a.more:hover:after{transform:rotate(360deg);transition:all .5s;}
#section1 .visual-ctrl{position:absolute;top:75%;left:20%;z-index:1;}
#section1 .visual-ctrl .slick-count{display:inline-block;font-size:10px;color:#fff;vertical-align:-2px;}
#section1 .visual-ctrl .slick-count span, #section1 .visual-ctrl .slick-count strong{font-size:20px;font-weight:500;padding:0 10px;}
#section1 .visual-ctrl button{width:21px;height:21px;text-indent:-9999px;overflow:hidden;margin-left:20px;}
#section1 .visual-ctrl button.slick-prev{width:43px;background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/main_prev.png') no-repeat;margin:0 10px 0 0;}
#section1 .visual-ctrl button.slick-next{width:43px;background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/main_next.png') no-repeat;margin-left:10px;}
#section1 .visual-ctrl button.slick-play{display:none;background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/main_play.png') no-repeat 50%;}
#section1 .visual-ctrl button.slick-stop{background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/main_stop.png') no-repeat 50%;}
#section1 .visual-nav{position:absolute;bottom:0;right:0;z-index:1;width:70%;height:100%;}
#section1 .visual-nav div{position:relative;float:left;width:19.5%;height:100%;box-sizing:border-box;}
#section1 .visual-nav div button{position:absolute;bottom:95px;left:0;width:90%;min-height:160px;word-break:keep-all;font-size:20px;color:#fff;text-align:left;padding:20px 10px;border-top:4px solid #fff;}
#section1 .visual-nav div button span{display:block;font-size:20px;font-weight:500;}
#section1 .visual-nav div button span:after{content:'';display:block;width:23px;height:1px;background:#fff;margin:8px 0 10px 3px;}
#section1 .visual-nav div button.active{border-color:transparent;background:rgba(167, 193, 217, 0.75);}
#section1 .btnCircleMore { position:absolute; bottom:150px; right:200px; width:80px; height:80px;}
#section1 .btnCircleMore i { display: block; position: absolute; top:50%; left:50%; width:170px; height:170px; transform: translate(-50%, -50%); background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/img_circle_text_w.png') no-repeat center center / 100%; animation:rotateInfinite 30s linear infinite both;}
#section1 .btnCircleMore:after {content:''; display:block; position:absolute; top:50%; left:50%; width:40px; height:16px; transform: translate(-50%, -50%); background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/ico_visual_arrow.png') no-repeat center center /100%;}

.mainSec01 { height:800px;}
.mainSec01 .innerBox { height:100%}
.mainSec01 .textBox { position:relative; padding-top:180px; z-index:1;}
.mainSec01 .sub_text{font-size:24px; padding-bottom:30px}
.mainSec01 h2 { line-height:1; font-size:65px; color:#111111; font-weight: 200;}
.mainSec01 h2 .bold{font-weight:400;}
.mainSec01 .text { margin-top:60px; font-size:20px; line-height:1.61; font-weight:300; color:#111;}
.mainSec01 .btnArrow { display:block; width:100px; height:24px; margin-top:90px; font-size:0; background:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/img_arrow.png') no-repeat right center / 150px; transition:all .3s ease;}
.mainSec01 .img { position: absolute; top:0; left:110px; width:1590px; height:900px;}
.mainSec01 .icoCircle { position:absolute; bottom:-80px; left:0; width:170px; height:170px; background:url('../images/main/img_circle_text.png') no-repeat center center / 100%; animation:rotateInfinite2 30s linear infinite both;}

.mainSec02 { position:relative; padding:120px 0; background:#f8f8f9;}
.mainSec02 .tit {font-family: 'NotoSerifKR'; position:absolute; top:0; left:0; right:0; text-align:center; font-size:90px; color:#78a991; transform: translateY(-50%);}
.mainSec02 .innerBox {max-width:1300px;}
.mainSec02 .textBox { position:relative; padding-top:150px; z-index:1;}
.mainSec02 h2 { line-height:1; font-size:34px; color:#010101; font-weight: normal;}
.mainSec02 .text { margin-top:60px; font-size:26px; line-height:1.61; font-weight:200;}
.mainSec02 .btnArrow { display:block; width:100px; height:24px; margin-top:90px; font-size:0; background:url('../images/main/img_arrow.png') no-repeat right center / 150px; transition:all .3s ease;}
.mainSec02 .img { margin-left:auto; margin-right:60px;}
.mainSec02 .icoCircle { position:absolute; bottom:-80px; right:0px; width:170px; height:170px; background:url('../images/main/img_circle_text.png') no-repeat center center / 100%; animation:rotateInfinite2 30s linear infinite both;}
.real_selfie_list .list {width: 250px; margin: 0 10px;}
.mainSec02 .more_btn {display: inline-block; padding: 18px 53px; border: 1px solid #cbcaca; border-radius:50px; font-size: 18px; font-weight: 300; transition:.25s; margin-bottom:20px;}
.mainSec02 .more_btn:hover {background-color: #78a991; border-color: #78a991; color: #fff;}
.mainSec02 .real_selfie_wrap ul li {display:inline-block; vertical-align:top; position:relative; cursor:pointer; overflow:hidden;}
.mainSec02 .real_selfie_wrap ul li a {position:absolute;top:0px;left:0px;opacity:0;visibility:hidden;transition:all 0.5s;}
.mainSec02 .real_selfie_wrap ul li .thumb img{transform:scale(1); transition:all 0.5s;} 
.mainSec02 .real_selfie_wrap ul li:hover .thumb img {transform:scale(1.3);}
.mainSec02 .real_selfie_wrap ul li:hover a {opacity:1; visibility:visible;}

/* sec7 - °Ô½ÃÆÇ */
.section7 .inner {width:1300px; margin:0 auto; }
.section7 {background-color: #f4f4f4; padding:120px 0;}
.main_info_area_m {display: none;}
.main_info_area {display: flex; justify-content:space-between; margin: 0 -12px;}
.main_info_area > div {width: 100%; margin: 0 12px; padding: 35px 25px 25px; background-color: #fff; position: relative;}
.main_info_area .tit {font-size: 26px; font-weight: 600; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5;}
.main_info_area .btn_more {display: block; font-size: 46px; font-weight: 100; line-height: 24px;  position: absolute; top: 35px; right: 25px;}
.main_notice_wrap ul {padding: 0 10px;}
.main_notice_wrap ul li {padding:0 100px 0 0; font-size: 16px;  font-weight: 400; line-height: 18px; margin-bottom: 22px; position: relative;}
.main_notice_wrap ul li .subject {display: block; color: #111; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; transition:.25s;}
.main_notice_wrap ul li .subject:hover {color: #560F7B;}
.main_notice_wrap ul li .date { position: absolute; top: 0; right: 0; color: #bfbfbf;}
.main_notice_wrap p {font-size: 0;}
.main_notice_wrap p a {display: inline-block; vertical-align: top; width: 50%;}
.main_info_box {padding: 0 10px;}
.main_info_box dl {font-size: 0;}
.main_info_box dt,
.main_info_box dd {display: inline-block; vertical-align: middle; width: 85px;font-size: 16px; margin-bottom: 15px;}
.main_info_box dd {width: calc(100% - 85px);font-size: 20px; font-family: 'Gotham';}
.main_info_box dt .txt_blank {display: inline-block; width: 29px;}
.main_info_box .txt {font-size: 16px; color: #666; line-height: 1.7;}



.eyes-adven {width: 100%;height: 700px;background-image:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/m3_bg01.jpg');}
.adven-text-title{margin-top:100px}
.adven-text-title h3 span{font-size:75px !important; line-height:110px;}
.adven-text-title .color{color:#a7c1d9;}
.adven-text-title .sub{font-size:19px; margin-top:56px}
.eyes-adven_booster{background:#faf0f1;}
.adven-wrap {max-width: 1220px;height: 100%;margin: 0 auto;padding: 90px 0;}
.adven-text-wrap{float: left;text-align: left;width: 390px;padding-left: 40px;}
.adven-text-title h3{line-height: 80px;margin-bottom: 35px;text-align:left; font-size:65px; font-weight:500; color:#000; margin-top:20px;}
.adven-text-title .inner-text{font-size:10px; letter-spacing:6px; }
.carousel-adven {float: right;width: 790px;height: 100%;padding-left: 75px;position: relative;}
.adven-pre {display:none;}
.slider-wrap {position: relative;margin: 0 auto;max-width: 1240px;width:100%;}
.slider-padding{padding: 0 30px;}
.adven{width: 643px !important;}
.slider {position: relative;width: 100%;margin: auto;}
.eyes-adven ul {margin: 0;padding: 0;}
.eyes-adven ul li {list-style: none;transition: .3s ease;}
.eyes-adven ul li span {display: inline-block;vertical-align: middle;}
.step-mo .step-item{display:inline-table; width:auto;}
.eyes-step{width: 1179px !important;}
.eyes-con-img {height: 225px;background:#e5bead;margin-bottom: 30px;}
.eyes-adven .slider-arrow {position: absolute;top: 80px; width: initial; height:initial; background: none; color: none; text-align: auto; text-decoration: none; border-radius:none; }
.carousel-step .slider-arrow {position: absolute; top: 80px; width: initial; height: initial; background: none; color: none; text-align: auto; text-decoration: none; border-radius:none; }
.carousel-step .slider-wrap {position: relative;margin: 0 auto;max-width: 1240px;width: 100%;margin-top: 60px;}
.eyes-left {left: -33px;}
.eyes-right {right: -20px;}
.adven-left {top: 180px !important;left: -73px;}
.adven-right {top: 180px !important;right: -40px;}
.adven-left2 {top: 180px !important;left: -40px;}
.adven-right2 {top: 180px !important;right: -40px;}
.step-text{text-align:left; font-size:14px;}

/*Adven Carousel*/
.adven-slider {margin-top: 0;padding: 0;}
.content02 {overflow: hidden;background: #fff;width: 200px;height: 520px;border: 1px solid #ebebeb;cursor: default;}
.content02 .con-img {height: auto;background: #fff;margin-bottom: 0;}
.content02 .step-text {padding: 20px 0 20px 20px;}
.content02 .step-text span {width:auto;border: none;font-size: 23px;font-weight: 600;line-height: 1.3;padding-bottom: 0;text-align: left; margin-top:20px}
.content02 .step-text p {font-size: 18px;line-height: 24px;text-align: left; margin-top:10px;word-break:keep-all;} 
.content02 .step-text .small{font-size:12px;}

.m4 .m4_con_bg{width: 100%;height:610px;background-image:url('https://channel-static.rebeauty.co.kr/melonps/mn/img/main/m4_bg01.jpg'); animation:grow 5s linear infinite alternate both;}
.m4 .m4_con{padding-top:100px}
.m4 .m4_text{font-size:40px; color:#fff;font-weight:300;}
.m4 .m4_text .tit{font-size:50px; font-weight:700;}
.m4 .m4_text .color{color:#a7c1d9;}
.m4 .m4_text .bold{font-weight:500;}
.m4 .m4_icon {}
.m4 .m4_icon ul {margin-top:20px;overflow:hidden;}
.m4 .m4_icon li {margin-top:20px; float:left;}
.m4 .m4_icon li a {display: flex; justify-content:space-between; margin: 0 0 15px; transition:.5s;}
.m4 .m4_icon li p {background-color: #fff;height: 35px;line-height: 42px;border-radius:50px;}
.m4 .m4_icon li p.txt {width: 120px; text-align:left;margin-right: 7px;color: #fff; font-size: 20px; background:none;}
.m4 .m4_icon li p.icon {width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50% 50%;}
.m4 .m4_icon li a:hover {transform:translateX(10px);}
.m4 .db_tit{margin-top:40px}
.m4 .db_tit p{font-size:25px;color:#fff; float:left;}
.m4 .m4_db input[type=text]{width: 36%; height: 38px; line-height: 38px; padding-left: 10px; font-size: 14px; background-color: #fff; border: none; border-radius:3px;}
.m4 .db_con{padding-top:10px;}
.m4 .form_con{margin-bottom:10px}
.m4 .ft_form_btn {width: 430px; height: 55px; border: none; text-align: center; background-color: #acc2c0; color: #fff; font-size: 22px; font-weight: 500;transition:.25s; }
.m4 .ft_form_btn:hover {background-color: #6a9a95;}