@charset "utf-8";

*{box-sizing:border-box;}
body{overflow-x:hidden; min-width: 320px;}
header {display: block; background: #fff; position: fixed; left: 0; right: 0; top:0; z-index: 100}
header .inner {display: flex; align-items: center; justify-content: space-between; height: 90px; max-width: 1200px; margin: auto}
header .logo a {display: block; width: 146px; font-size: 0}
header .gnb_wrap {position: relative; display: flex; align-items: center}
header .gnb {display: flex; align-items: center}
header .gnb li a{font-size:22px;font-weight:500;}
header .gnb li {margin-left: 50px}
header .gnb_wrap .btn_sns {display: block; width: 30px; height: 30px; margin-left: 50px; text-indent: -9999px; font-size: 0; background: url('../images/sns_share.png') no-repeat center center; background-size: 25px;cursor: pointer;}

/*section 공통*/
.slider {display: flex; flex-wrap: wrap;}
img {max-width: 100%}
.inner {width: 1200px; margin: auto}
h3.head_title {font-family: 'Noto Sans KR','loreal_m';font-size: 50px;font-weight:700;line-height:1.4;}
.contents{width:100%;padding:150px 0;}

.num_style{font-family: 'Montserrat';color:#3ae2d8;}
.mark_ye{color:#e3a535;}
.mark_gy{color:#737373;}
.font_wh{color:#fff;}
.font_bold{font-weight:800 !important;}

/* visual (2022-11-06 부터 노출) */
.ground_wrap {position:relative;margin: auto;}
.visual_area {display:flex;position: relative;overflow-x:hidden;height: 1275px;margin-top: 90px;padding-top:150px;overflow: hidden;flex-direction:column;background-color:#3ae2d8;}
.visual_area::before{content:'';opacity:0;display:block;position:absolute;top:-30px;left:604px;width:150px;height:150px;background-image:url(../images/deco/deco1.svg);background-size:contain;background-repeat:no-repeat;animation: float 3s ease-in-out infinite, fadeInOn 1.5s linear 1;animation-delay:0, .5s;}
.visual_area::after{content:'';opacity:0;display:block;position:absolute;top:225px;right:244px;width:103px;height:103px;background-image:url(../images/deco/deco4.svg);background-size:contain;background-repeat:no-repeat;animation: float 3s ease-in-out infinite, fadeInOn 1.5s linear 1;animation-delay:0, 2s;}
.visual_area .title_copy {position:relative;z-index:9;text-align: center; }
.visual_area .title_copy>h2::before{content:'';opacity:0;display:block;position:absolute;top:0px;left:-240px;z-index:0;width:312px;height:225px;background-image:url(../images/deco/deco2.svg);background-size:contain;background-repeat:no-repeat;animation: float 3s ease-in-out infinite;animation-delay:.5s;}
.visual_area .title_copy>h2::after{content:'';display:block;position:absolute;top:-70px;right:-40px;;z-index:0;width:290px;height:167px;background-image:url(../images/deco/main-apply.svg);background-size:contain;background-repeat:no-repeat;}
.visual_area .title_copy>h2{position:relative;width:fit-content;margin:0 auto;z-index:99;font-family: 'loreal_b';font-size:135px;line-height:150px;}
.visual_area .title_copy>p{position:relative;z-index:9;margin:70px 0;font-size:40px;}
.visual_area .title_copy>p::before{content:'';opacity:0;display:block;position:absolute;top:-100px;left:40px;z-index:0;width:372px;height:334px;background-image:url(../images/deco/deco5.svg);background-size:contain;background-repeat:no-repeat;animation: float 3s ease-in-out infinite;animation-delay:.5s;}
.visual_area .title_copy>p::after{content:'';opacity:0;display:block;position:absolute;top:-200px;z-index:0;right:83px;width:333px;height:340px;background-image:url(../images/deco/deco3.svg);background-size:contain;background-repeat:no-repeat;animation: float 3s ease-in-out infinite;animation-delay:0s;}
.visual_area .title_copy.fade_in_up{animation-delay:.5s;}
.visual_area .title_copy>p>span:nth-child(1){position:relative;margin-right:70px;}
.visual_area .title_copy>p>span:nth-child(1)::after{content:'';display:inline-block;position:absolute;top:20px;right:-40px;width:2px;height:22px;background-color:#000;}
.visual_area .title_copy>a{display:flex;width:366px;height:100px;margin:0 auto;border-radius:50px;align-items:center;justify-content:center;background-color:#fff;border:10px solid #3ae2d8;box-shadow:1px 1px 20px rgba(0,0,0,.14);font-size:32px;font-weight:800;}
.visual_area .title_copy .display_w{display:inline-block;}
.visual_area .marquee_group>li {background-color: #00cabf; color: #fff; border: solid 1px #00cabf;}

/* visual (2022-11-05 까지 노출) */
.visual_area2 {display: flex; flex-direction: column; background: url("../images/deco0.png") no-repeat center #000;}
.visual_area2 .title_copy {text-align: center;}
.visual_area2 .title_copy h2 {position: relative; font-family: 'loreal_b'; color: #e29c3c; line-height: 1.1;}
.visual_area2 .title_copy h2 em {font-size: 0.8em;}
.visual_area2 .title_copy p {color: #e29c3c; letter-spacing: -0.05em;}
.visual_area2 .title_copy .display_w {display: inline-block;}
.visual_area2 .title_copy .display_m {font-family: 'loreal_r'; color: #e29c3c; line-height: 1;}
.visual_area2 .title_copy>a {display: flex; margin: 0 auto; border-radius: 50px; align-items: center; justify-content: center; background-color: #fff; font-weight: 800;}
.visual_area2 .marquee_group>li {background-color: #000; color: #e29c3c; border: solid 1px #997132;}
@media screen and (min-width: 1041px) {
	.visual_area2 {margin-top: 90px; padding: 90px 0;}
	.visual_area2 .title_copy h2 {font-size: 135px;}
	.visual_area2 .title_copy p {font-size: 40px; margin: 40px 0 70px 0;}
	.visual_area2 .title_copy p .display_w:before {content: "｜"; display: inline-block; vertical-align: top; margin: -5px 0 0 -10px; font-weight: 900;}
	.visual_area2 .title_copy > a {width: 366px; height: 80px; font-size: 32px;}
}
@media screen and (max-width: 1040px) {
	.visual_area2 {margin-top: 75px; padding: 75px 0; background-size: 90% auto;}
	.visual_area2 .title_copy h2 {font-size: 80px;}
	.visual_area2 .title_copy p {margin: 20px 0 30px 0;}
	.visual_area2 .title_copy p span:first-child {display: block; margin-bottom: 10px; font-size: 35px; font-weight: 500;}
	.visual_area2 .title_copy .display_m {font-size: 25px;}
	.visual_area2 .title_copy > a {width: 280px; height: 60px; font-size: 25px;}
}
@media screen and (max-width: 768px) {
	.visual_area2 {margin-top: 75px; padding: 75px 0;}
	.visual_area2 .title_copy h2 {font-size: 65px;}
	.visual_area2 .title_copy p span:first-child {font-size: 27px;}
	.visual_area2 .title_copy .display_m {font-size: 23px;}
	.visual_area2 .title_copy > a {width: 270px; height: 55px; font-size: 25px;}
}
@media screen and (max-width: 500px) {
	.visual_area2 {margin-top: 60px; padding: 60px 0;}
	.visual_area2 .title_copy h2 {font-size: 55px;}
	.visual_area2 .title_copy p span:first-child {font-size: 22px;}
	.visual_area2 .title_copy .display_m {font-size: 20px;}
	.visual_area2 .title_copy > a {width: 190px; height: 32px; font-size: 15px;}
}
@media screen and (max-width: 375px) {
	.visual_area2 {margin-top: 60px; padding: 60px 0;}
	.visual_area2 .title_copy h2 {font-size: 45px;}
	.visual_area2 .title_copy p span:first-child {font-size: 18px;}
	.visual_area2 .title_copy .display_m {font-size: 15px;}
}

/* marquee */
.marquee_wrap{position:relative;z-index:99;overflow:hidden;width:100%;height:80px;margin-top:100px;}
.marquee_group{position:absolute;overflow:hidden;width:300%;height:70px;animation: marquee 20s linear infinite;}
.marquee_group>li{float: left;margin:0 10px;padding:19px 32px;font-family: 'loreal_m';font-size:30px;border-radius:32px;}
@keyframes marquee {
	0% { left: 0; }
	100% { left: -180%; }
}

/*지원마감카운트*/
.time_box {display:flex;width: 100%;padding:140px 0;background-color:#f9f9f9;overflow:hidden;}
.time_box .inner{display:flex;justify-content:space-between;}
.time_box #timer {display: flex; position:relative;padding:60px 100px;align-items: center; justify-content: center;background-color:#fff;border-radius:20px;box-shadow:40px 40px 50px rgba(0,0,0,.07);}
.time_box #timer::before{content:'';display:block;position:absolute;top:-80px;right:-120px;z-index:1;width:176px;height:183px;background-image:url(../images/deco/bell.svg);background-size:contain;background-repeat:no-repeat;animation:bell 1s ease-in-out 4;}
.time_box::before{content:'';display:block;position:absolute;bottom:-20px;left:50%;width:345px;height:228px;background-image:url(../images/deco/deco7.svg);background-size:contain;background-repeat:no-repeat;transform:translateX(-50%);}
.time_box #timer div {position:relative;margin: 0 5px; padding:0 40px;font-size: 67px; text-align:center; font-family: 'loreal_r';}
.time_box #timer div:nth-child(1){padding:0 40px 0 0;}
.time_box #timer div:nth-child(4){padding:0 0px 0 40px;}
.time_box #timer div>span{display:block;margin-top:20px;font-size:16px;color:#c9c9c9;}
.time_box #timer div::after{content:'';position:absolute;top:20px;right:-10px;width:5px;height:19px;background-image:url(../images/count.png);background-size:contain;background-repeat:no-repeat;}
.time_box #timer div:nth-child(4)::after{display:none;}

.btn_direct {display: flex; width: 250px; align-items: center; justify-content: center; position: fixed; right: 20px; bottom: 20px; z-index: 100;}
.btn_direct .tit {position: absolute; left: 0; width: 100%; height: 100%; color: #fff; font-size: 26px;font-weight: 700;  display: flex; align-items: center; justify-content: center; z-index: 1;text-align:center;line-height:1.3;}
.btn_direct .hall {width:176px;height:176px;background-color:#e3a535;display: block;border-radius:50%;box-shadow:20px 20px 35px rgba(0,0,0,.15);}/*animation: circle 10s infinite linear; transition: .6s; */

/* @keyframes circle {
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
} */

@keyframes bell {
    0%{transform:rotate(0)}
    50%{transform:rotate(10deg)}
	100%{transform:rotate(0deg)}
}

/* part 01 */
.introduce .wrap_head{margin-bottom:30px;}
.introduce .inner>ul{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
.introduce .inner>ul>li{position:relative;width:48.7%;height:450px;margin-top:30px;padding:40px;background-color:#f9f9f9;border-radius:15px;}
.introduce .inner>ul>li img{position:absolute;bottom:40px;right:40px;}
.introduce .inner>ul>li h4{font-size:24px;margin-bottom:30px;}
.introduce .inner>ul>li p{font-size:24px;font-weight:500;line-height:1.4;}
.introduce .inner>ul>li:nth-child(2n){position:relative;top:75px;}

/* part 02 */
.apply{padding: 100px 0 150px}
.apply .wrap_head{padding-bottom:40px;border-bottom:1px solid #000;}
.apply .inner>.con_wrap{padding-top:50px;}
.apply .inner>.con_wrap>ul>li{display:flex;margin:40px 0;flex-wrap:wrap;}
.apply .inner>.con_wrap>ul>li:first-child{margin:0 0 40px 0;}
.apply .inner>.con_wrap>ul>li h4{width:17%;font-size:30px;font-weight:700;line-height:1.5;}
.apply .inner>.con_wrap>ul>li>p{width:83%;}
.apply .inner>.con_wrap>ul>li>.con_wrap{width:83%;}
.apply .inner>.con_wrap>ul>li p{font-size:30px;line-height:1.5;}
.apply .apply_lst{display:flex;width:100%;flex-wrap: wrap;}
.apply .apply_lst>li{width:24.5%;font-size:28px;line-height:1.5;}
.apply .apply_lst>li:last-child{width:100%;}
.apply .con_wrap>p{margin-left:10px;}
.apply .mark_ye{margin-top:5px;font-size:24px !important;}
.apply li>span.mark_ye{margin-left:5px;font-size:30px !important;line-height:1;}

/*part 02 - process*/
.process_steps{width:83%;}
.process_steps>ul>li{display:flex;margin:25px 0;justify-content:space-between;align-items:center;}
.process_steps>ul>li:nth-child(5){margin:25px 0 70px 0;}
.process_steps>ul>li:first-child{margin:0 0 25px 0;}
.process_steps .icon{display:flex;position:relative;width:49px;height:49px;border-radius:50%;border:1px solid #000;align-items:center;justify-content:center;background-color:#fff;}
.process_steps .icon::after{content:'';display:block;position:absolute;top:49px;left:24.5px;z-index:-1;width:1px;height:100%;background-color:#000;}
.process_steps>ul>li:nth-child(1) .icon::after{height:100px;}
.process_steps>ul>li:nth-child(7) .icon{z-index:-2;}
.process_steps>ul>li:nth-child(6) .icon::after, .process_steps>ul>li:last-child .icon::after{display:none;}
.process_steps>ul>li:nth-child(5) .icon::after{content:'';height:150px;}
.process_steps>ul>li:nth-child(5) .icon::before{content:'';display:block;position:absolute;top:200px;left:22px;z-index:1;width:1px;height:2px;border-top: solid 3px #000;border-left: solid 3px transparent;border-right: solid 3px transparent;}
.process_steps .icon_c{border:none;background-color:#3ae2d8;}
.process_steps .icon_bor{border:1px dashed #000;}
.process_steps .txt{display:flex;width:calc(100% - 60px);align-items: center;}
.process_steps .txt h5{width:33%;margin-right:20px;font-size:27px;}
.process_steps .txt p{font-size:27px;font-weight:500;}
.process_steps .txt p .mark_gy{font-size:17px;font-weight:400;display: block;}

/* part 03 */
.event{overflow-x:hidden;}
.event .recruiting{width:100%;background-color:#000;overflow-x:hidden;}
.event .recruiting .btn_area{width:100%;}
.event .recruiting .btn{height:100px;margin:50px auto 0;background-color:#000;color:#fff;font-size:30px;font-weight:500;}
.event .recruiting .inner .img_tit{position:relative;width:100%;margin:0 auto;}
.event .recruiting .inner .img_tit img{display:block;margin:0 auto;}
.event .recruiting .inner{position:relative;}
.event .tit_deco{display:block;position:absolute;bottom:100px;left:50%;width:auto;height:50px;font-size:30px;transform:translateX(-8%);width:100%;}
.event .recruiting .inner>.con_wrap{display:flex;width:100%;padding:100px;border-radius:20px;flex-wrap:wrap;}
.event .recruiting .inner .university_wrap{background-color:rgba(255,255,255,.1);}
.event .recruiting .inner .university_wrap::before{content:'';display:block;position:absolute;top:100px;right:-300px;width:236px;z-index:-1;height:295px;background-image:url(../images/deco/deco3.svg);background-size:contain;background-repeat:no-repeat;}
.event .recruiting .inner .university_wrap::after{content:'';display:block;position:absolute;bottom:300px;right:-60px;z-index:-1;width:85px;height:85px;background-image:url(../images/deco/deco4.svg);background-size:contain;background-repeat:no-repeat;}
.event .recruiting .inner .career_wrap .num_style{color:#000;}
.event .recruiting .inner .career_wrap{margin:80px 0;background-color:#3ae2d8;}
.event .recruiting .inner .career_wrap::before{content:'';display:block;position:absolute;top:50%;left:-200px;z-index:-1;width:70px;height:70px;margin-top:-170px;background-image:url(../images/deco/deco1.svg);background-size:contain;background-repeat:no-repeat;}
.event .recruiting .inner .career_wrap::after{content:'';display:block;position:absolute;top:50%;left:-100px;z-index:-1;width:208px;height:208px;margin-top:-50px;background-image:url(../images/deco/deco10.png);background-size:contain;background-repeat:no-repeat;}
.event .recruiting .inner>.con_wrap .wrap_head{width:30%;}
.event .recruiting .inner>.con_wrap ul{width:70%;}
.event .recruiting .inner>.con_wrap ul li{display:flex;flex-wrap:wrap;width:100%;margin-bottom:20px;font-size:30px;line-height:1.4;align-items:center;}
.event .recruiting .inner>.con_wrap ul li h4{width:10%;font-weight:600;font-size:25px;}
.event .recruiting .inner>.con_wrap ul li p, .event .recruiting .inner>.con_wrap ul li .con_wrap{width:90%;}
.event .recruiting .inner .career_wrap ul li:nth-child(1) h4{width:100%;margin-bottom:10px;}
.event .recruiting .career_con h4{margin:20px 0;}
.event .recruiting .career_con p{font-size:22px;color:#156561;}
.event .recruiting .career_con .con_r p{margin-top:15px;padding-left:20px;font-size:16px;}
.event .recruiting .career_con .con_l{width:calc(100% - 200px);}
.event .recruiting .career_con .font_bold{font-weight:500 !important;}
.event .recruiting .career_con .con_l .font_bold{display:inline-block;margin-bottom:15px;}
.event .recruiting .career_con .con_l .font_sm{font-size:18px;}
.event .recruiting .career_con .con_r{width:200px;text-align:center;}
.event .recruiting .career_con .con_flex{display:flex;justify-content:space-between;}
.event .recruiting .inner .university_wrap ul li p{font-weight:300;}
.event .recruiting .inner .con_wrap .uni_lst{margin:25px 0;}
.event .recruiting .inner .con_wrap .uni_lst>li{display:flex;align-items:center;font-size:25px;}
.event .recruiting .uni_lst>li>img{margin-left:20px;}
.event .recruiting .mark_gy{font-size:20px;}
.event .recruiting .inner .con_wrap .career_con{display:flex;width:100%;margin-top:50px;flex-wrap:wrap;justify-content:space-between;}
.event .recruiting .inner .con_wrap .career_con>li{width:100%;padding:30px 0 50px;border-top:1px solid #000;font-size:25px;}
.event .recruiting .inner .con_wrap .career_con>li:last-child{padding:30px 0 0 0;}
.event .recruiting .inner .con_wrap .career_con>li h4{width:100%;font-weight:700;}
.event .recruiting .inner .con_wrap .career_con>li>h4 span.font_wh{display:inline-block;margin:20px 0;}
.event .recruiting .inner .con_wrap .mark_gy{font-size:22px;font-weight:300;}
.event .recruiting .inner .fair_wrap{background-color:rgba(255,255,255,.1);align-items:center;}
.event .recruiting .inner .fair_wrap li:last-child{margin-bottom:0;}
.event .recruiting .inner .fair_wrap p{font-weight:300;}
.university_wrap>ul>li:first-child{margin-bottom:15px !important;}

.calendar{background-color:#000;overflow-x:hidden;}
.calendar .wrap_head{display:flex;margin-bottom:50px;justify-content:center;align-items:flex-start;}
.calendar .wrap_head img{width:303px;}
.calendar h3{ margin-left:20px;font-family: 'loreal_b';text-align:center;font-size:72px;line-height:.8;}
.calendar .con_wrap::before{content:'';display:block;position:absolute;top:250px;right:-240px;width:281px;height:292px;background-image:url(../images/deco/deco8.svg);background-size:contain;background-repeat:no-repeat;}
.calendar .con_wrap::after{content:'';display:block;position:absolute;bottom:-150px;left:-180px;z-index:10;width:325px;height:300px;background-image:url(../images/deco/deco9.svg);background-size:contain;background-repeat:no-repeat;}
.calendar .con_wrap img{position:relative;z-index:9;}

/* part 04 */
.story{overflow-x:hidden;}
.story .wrap_head{margin-bottom:50px;}
.story .iframe_bx{width:100%;height:600px;}
.story .iframe_bx iframe{width:100%;height:100%;}
.story .con_wrap:nth-child(2){margin-top:100px;}
.story .con_wrap:nth-child(3){margin:100px 0;}
.story .con_wrap h4{font-size:35px;font-weight:500;margin-bottom:50px; font-family: 'loreal_m', 'Noto Sans KR';}
.story .con_wrap h4 span{font-size: 24px; margin-left: 18px;}	
.story .bx-wrapper .bx-prev{left:-80px;background: url(../images/arrow1.png) no-repeat 0 0;}
.story .bx-wrapper .bx-next{right:-80px;background: url(../images/arrow2.png) no-repeat 0 0;}
.story .bx-pager{margin-top:40px;}
.story .bx-wrapper .bx-pager.bx-default-pager a{background-color:#e3e3e3 !important;margin:0 6px !important;}
.story .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{width:8px !important;background-color:#000 !important;}
.story .btn{margin:70px auto;}

/* part 05 */
.faq{position:relative;padding:110px 0;background-color:#f9f9f9;}
.faq .wrap_head{margin-bottom:50px;}
.qa_faq{display:flex;position: relative;margin-top:20px;padding:25px 30px;cursor: pointer;font-size: 30px;border-radius:10px;background-color:#fff;justify-content:space-between;align-items:center;line-height:1.2;}
.qa_faq.on{border-radius:10px 10px 0 0;}
.qa_faq>p{display:flex;width:95%;}
.qa_faq>p>span{display:inline-block;}
.qa_faq>p>span:first-child{width:5%;}
.qa_faq>p>span:last-child{width:91.5%;;margin-left:20px;font-size:25px;font-weight:500;}
.qa_faq>i{width:3%;font-size:20px;font-weight:300;}
.qa_anw {display: none; overflow: hidden; background:#fff; padding: 30px; line-height: 1.5;border-radius:0 0 10px 10px;font-size:23px;line-height:1.4;}

/*bottom contents*/
.con_bt{display:flex;width:100%;padding:100px 0;align-items:center;justify-content:center;}
a.btn{display:flex;width:380px;height:120px;justify-content:center;align-items:center;border-radius:60px;}
.con_bt>a:nth-child(1){margin-right:20px;background-color:#3ae2d8;}
.con_bt>a:nth-child(1)>img{width:190px;}
a.youtube{background-color:#fff;border:1px solid #000;font-size:30px;font-weight:700;}
a.youtube>img{margin-right:10px;}

/* 애니메이션 */
.contents.on [class*="fade_in"] {opacity:0;}	
.contents .fade_in_up, .contents .fade_in_left, .contents .fade_in_right {opacity: 0}
#visual_area .fade_in_up, #visual_area2 .fade_in_up, #visual_area .fade_in_left, #visual_area .fade_in_right {opacity:0;}
#visual_area .fade_in_up, #visual_area2 .fade_in_up {
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}
.contents.on .fade_in_up{
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}
.contents.on .fade_in_up:nth-child(1){animation-delay:0}
.contents.on .fade_in_up:nth-child(2){animation-delay:0.4s}
.contents.on .fade_in_up:nth-child(3){animation-delay:0.8s}
.contents.on .fade_in_up:nth-child(4){animation-delay:1.2s}
.contents.on .fade_in_up:nth-child(5){animation-delay:1.6s}
.contents.on .fade_in_up:nth-child(6){animation-delay:2s}
.contents.on .fade_in_up:nth-child(7){animation-delay:2.4s}
.contents.on .fade_in_up:nth-child(8){animation-delay:2.8s}
.contents.on .fade_in_up:nth-child(9){animation-delay:3.2s}
.contents.on .fade_in_up:nth-child(10){animation-delay:3.6s}
.contents.on .fade_in_left{
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:.5s;
}
.contents.on .fade_in_left:nth-child(1){animation-delay: 0}
.contents.on .fade_in_left:nth-child(2){animation-delay: 1s}
.contents.on .fade_in_left:nth-child(3){animation-delay: 2s}
.contents.on .fade_in_left:nth-child(4){animation-delay: 3s}
.contents.on .fade_in_right{
	animation-name: fadeInRight;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:.5s;
}	
.contents.on .fade_in_on{
	animation-name: fadeInOn;
	animation-duration:3s;
	animation-fill-mode: forwards;
	animation-delay:1.5s;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fadeInOn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeInOn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes float {
	0% {
		opacity:1;
	}
	50% {
		opacity:1;
		transform: translatey(-10px);
	}
	100% {
		opacity:1;
	}
}

/* 플림 시계 */
.flipper {
	color: #333;
	display: block;
	font-size: 50px;
	line-height: 100%;
	padding: 0;
	margin: 0;
	height: 1.7em;
}
.flipper.flipper-invisible {
	font-size: 0px !important;
}
.flipper-group {
	position: relative;
	white-space: nowrap;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.flipper-group label {
	position: absolute;
	color: #fff;
	font-size: 20%;
	top: 100%;
	line-height: 1em;
	left: 0;
	right: 0; 
	text-align: center;
	padding-top: .5em;
}
.flipper-digit {
	white-space: nowrap;
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: left;
	height: 1.2em;
	overflow-y: hidden;
	font-family: 'Spoqa Han Sans Neo';
	font-weight: 500;
	color: #000;
}
.flipper-digit span {
	font-size: 25%;
}
.flipper-delimiter {
	white-space: nowrap;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	color: #fff;
	min-width: .1em;
	white-space: nowrap;
	display: block;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	line-height: 1em;
}
.digit-face {
	display: block;
	visibility: hidden;
	position: relative;
	border-radius: 0.1em;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	box-sizing: border-box;
	text-align: center;
}
.digit-next {
	display: block;
	position: relative;
	border-radius: 0.1em;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	height: 1.2em;
	background: #fff;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
.digit-top {
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	height: 50%;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	pointer-events: none;
	overflow: hidden;
	position: absolute;
	background: #fff;
	padding-top: 0.1em;
	padding-bottom: 0;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-top-left-radius: 0.1em;
	border-top-right-radius: 0.1em;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	transition: background 0s linear, -webkit-transform 0s linear;
	transition: transform 0s linear, background 0s linear;
	transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
	-webkit-transform-origin: 0 0.6em 0 !important;
			transform-origin: 0 0.6em 0 !important;
	-webkit-transform-style: preserve-3d !important;
			transform-style: preserve-3d !important;
	z-index: 20;
}
.digit-top.r {
	transition: background 0.2s linear, -webkit-transform 0.2s linear;
	transition: transform 0.2s linear, background 0.2s linear;
	transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear;
	-webkit-transform: rotateX(90deg);
			transform: rotateX(90deg);
	background: #cccccc;
}
.digit-top2 {
	visibility: hidden;
	position: absolute;
	height: 50%;
	left: 0;
	right: 0;
	background: #cccccc;
	transition: -webkit-transform 0.2s linear;
	transition: transform 0.2s linear;
	transition: transform 0.2s linear, -webkit-transform 0.2s linear;
	line-height: 0em !important;
	top: 50% !important;
	bottom: auto !important;
	padding-top: 0;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-bottom-left-radius: 0.1em;
	border-bottom-right-radius: 0.1em;
	overflow: hidden;
	text-align: center;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	transition: background 0s linear, -webkit-transform 0s linear;
	transition: transform 0s linear, background 0s linear;
	transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
	-webkit-transform: rotateX(-90deg);
			transform: rotateX(-90deg);
	-webkit-transform-style: preserve-3d !important;
			transform-style: preserve-3d !important;
	-webkit-transform-origin: 0 0 0 !important;
			transform-origin: 0 0 0 !important;
	z-index: 20;
}
.digit-top2.r {
	visibility: visible;
	transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
	transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s;
	transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
	-webkit-transform: rotateX(0deg);
			transform: rotateX(0deg);
	background: #fff;
}
.digit-bottom {
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	pointer-events: none;
	position: absolute;
	overflow: hidden;
	background: #fff;
	height: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	line-height: 0em;
	padding-top: 0;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-bottom-left-radius: 0.1em;
	border-bottom-right-radius: 0.1em;
	box-sizing: border-box;
	text-align: center;
	transition: none;
}
.digit-bottom.r {
	transition: background 0.2s linear;
	background: #cccccc;
}
.flipper-digit:after {
	content: "";
	position: absolute;
	height: 2px;
	background: rgba(0, 0, 0, 0.5);
	top: 50%;
	display: block;
	z-index: 30;
	left: 0;
	right: 0;
}
.flipper-dark {
	color: #fff;
}
.flipper-dark .flipper-delimiter {
	color: #333;
}
.flipper-dark .digit-next {
	background: #333;
}
.flipper-dark .digit-top {
	background: #333;
}
.flipper-dark .digit-top.r {
	background: black;
}
.flipper-dark .digit-top2 {
	background: black;
}
.flipper-dark .digit-top2.r {
	background: #333;
}
.flipper-dark .digit-bottom {
	background: #333;
}
.flipper-dark-labels .flipper-group label {
	color: #333;
}

/* layer 안내 */
.layer_info {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}
.layer_info .wrap {
	position: relative;
	border: solid 1px #FFF;
	box-sizing: border-box;
	background-color: #000;
	text-align: center;
	padding: 60px 0 45px 0;
}
.layer_info .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 54px;
	height: 54px;
	text-indent: -9999em;
	background: url("https://imgorg.catch.co.kr/job/svg/ico_close.svg") no-repeat center center;
	background-size: 16px auto;
	opacity: 0.9;
}
.layer_info .close:hover {
	opacity: 0.9;
	box-shadow: none;
}
.layer_info p {
	color: #FFF;
	letter-spacing: -0.05em;
	line-height: 1.35;
}
.layer_info .lbtn a {
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;	
	background-color: #FFF;
	border: solid 1px #e29d3c;
	color: #8a5100;
	font-weight: bold;
	letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
	.layer_info .wrap {width: 400px;}
	.layer_info .lt1 {font-size: 21px;}
	.layer_info .lt2 {font-size: 16px; margin-top: 30px;}
	.layer_info .lbtn {margin-top: 35px;}
	.layer_info .lbtn a {width: 290px; height: 60px; border-radius: 60px; font-size: 17px;}
}
@media screen and (max-width: 767px) {
	.layer_info .wrap {width: 310px;}
	.layer_info .lt1 {font-size: 18px;}
	.layer_info .lt2 {font-size: 14px; margin-top: 20px;}
	.layer_info .lbtn {margin-top: 20px;}
	.layer_info .lbtn a {width: 200px; height: 40px; border-radius: 40px; font-size: 13px;}
}