/* BASIC css start */
html {
  scroll-behavior: smooth;
}

#overlay_layer {
  display: none;
}

/* max-width 초기화 */
#layout_body {
  max-width: none !important;
}
.top-area {
  /*max-width: 1140px;*/
  margin: 0 auto;
}
.header__line-banner{
    margin: 0 auto;
}
.wrap {
  position: relative;
  width: 100%;
  min-width: 1140px;
}
.wrap * {
  font-family: YoonGothic !important;
}
.wrap img {
    max-width: none;
    margin:0 auto;
    display:block;
}

/*-------------------------------------*/


.intro{height:836px; background:url("http://skinfood.img15.kr/data/content/recruit/tit-bg.png") no-repeat center bottom / cover;}
.intro .logo{width:130px; padding-top:80px;}
.intro .tit{width:700px; margin-top:100px;}
.intro .subtit{width:420px; margin-top:45px;}

.intro .fdWrap{position:relative; transform:scale(0.8); margin-top:120px;}
.intro .fdWrap img{position:absolute; top:0; left:0;}

.intro .fdWrap img.fd1{left:calc(50% - 209px/2 - 350px); top:100px; transform:rotate(0); animation: ani1 1s linear infinite;}
.intro .fdWrap img.fd2{left:calc(50% - 289px/2 - 100px); transform:rotate(0); animation: ani2 1s linear infinite;}
.intro .fdWrap img.fd3{left:calc(50% - 389px/2 - 60px); top:170px; transform:rotate(0); animation: ani3 1s linear infinite; animation-delay: -.5s;}
.intro .fdWrap img.fd4{left:calc(50% - 212px/2 + 290px); top:-14px; transform:rotate(0); animation: ani1 1s linear infinite; animation-delay: -1s;}
.intro .fdWrap img.fd5{left:calc(50% - 229px/2 + 260px); top:270px; transform:rotate(0); animation: ani4 1s linear infinite; animation-delay: -.7s;}
.intro .fdWrap img.fd6{left:calc(50% - 199px/2 + 133px); top:-10px; transform:rotate(0); animation: ani4 1s linear infinite;}

@keyframes ani1{
    0%{transform:rotate(0);}
    50%{transform:rotate(2deg);}
    100%{transform:rotate(0);}
}

@keyframes ani2{
    0%{transform:rotate(0);}
    50%{transform:rotate(-2deg);}
    100%{transform:rotate(0);}
}

@keyframes ani3{
    0%{transform:rotate(0);}
    50%{transform:rotate(2deg);}
    100%{transform:rotate(0);}
}

@keyframes ani4{
    0%{transform:rotate(0);}
    50%{transform:rotate(3deg);}
    100%{transform:rotate(0);}
}

.secs{width:1150px; margin:0 auto;}
.secs .tit{font-size:24px; letter-spacing:-0.5px; display:inline-block; position:relative; padding-left:29px;}
.secs .tit::after{content:""; display:block; position:absolute; top:0; left:0px; width:19px; height:29px; background:url("http://skinfood.img15.kr/data/content/recruit/ico-tag.png") no-repeat center / cover;}

.sec1{margin-top:180px;}
.sec1 .imgWrap{position:relative; height:465px; margin:20px 0 100px;}
.sec1 .imgWrap img{position:absolute; top:0; left:0; width:600px;}
.sec1 .imgWrap img.bubb1{top:0; left:140px;}
.sec1 .imgWrap img.bubb2{top:116px; left:504px;}
.sec1 .imgWrap img.bubb3{top:276px; left:50px;}

.secWrap{width:100%; height:920px; background:url("http://skinfood.img15.kr/data/content/recruit/ad-bg.png") no-repeat center / cover; padding:90px 0 0;}
.sec2 .tit{padding-bottom:12px;}
.sec2 ul{display:flex; flex-wrap:wrap;}
.sec2 ul li{width:33.3333%; margin-top:32px;}
.sec2 ul li > img{float:left; width:98px;}
.sec2 ul li > p{float:left; font-size:18px; margin:8px 0 0 12px; letter-spacing:-0.5px;}
.sec2 ul li > p span{display:block; font-size:12px; margin-top:8px; line-height:1.5; letter-spacing:-0.5px;}
.sec2 ul li::after{content:""; display:block; clear:both;}/*clearfix*/

.sec3{margin-top:110px;}
.sec3 .subtit{font-size:20px; border-bottom:1px solid #333; padding:70px 0 20px; color:#333;}
.sec3 ul{display:flex; flex-wrap:wrap; padding:50px 150px 0;}
.sec3 ul > li{width:25%; position:relative;}
.sec3 ul > li::after{content:""; display:block; width:40px; height:40px; position:absolute; top:22px; right:-10px; background:url("http://skinfood.img15.kr/data/content/recruit/ico-arrw.png") no-repeat center / cover; transform:rotate(-90deg);}
.sec3 ul > li:nth-last-child(1)::after{display:none;}
.sec3 ul > li p{display:block; text-align:center; font-size:16px; color:#333; margin-top:10px; letter-spacing:-0.5px;}
.sec3 ul > li > img{width:80px;}
.sec3 .txt{text-align:center; font-size:16px; line-height:1.5; color:#333; padding:50px 0 70px; letter-spacing:-0.5px;}

.recruit-btn{display:block; width:1150px; font-size:20px; line-height:1; padding:24px 0; background:#ffcc01; color:#fff !important; text-align:center; font-weight:600; letter-spacing:-0.5px; margin:100px auto 250px; border-radius:35px;}


/* BASIC css end */