@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
#wrap{overflow:hidden;}

/*header*/
#header{
	position:fixed;left:0;top:0;z-index:2000;
	width:100%;
}
.head{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	width:100%;height:100px;
	box-shadow:0 -1px 0 rgba(255,255,255,0.2) inset;
}
.head h1{margin:0 0 0 3%;}
.head h1 a{
	display:block;
	width:235px;height:32px;
	background:url(../images/common/logo1.png) no-repeat;
	background-size:cover;
	text-indent:-9999px;
}
.head .pc_nav{display:none;}
.head .pc_nav>li{margin:0 40px;}
.head .pc_nav>li>a{
	display:block;
	font-family:"Lexend";font-size:17px;color:#fff;
}
.head .btns{display:flex;align-items:center;}
.head .btns .etc{display:flex;margin-right:60px;}
.head .btns .etc>a.contact{
	width:78px;height:24px;
	margin-right:5px;
	border-radius:12px;
	font-family:"Heebo";font-size:13px;color:#222;text-align:center;line-height:24px;
	background:#eee;
}
.head .btns .etc>.language{
	position:relative;cursor:pointer;
	width:50px;height:24px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:12px;
	font-family:"Heebo";font-size:13px;color:#fff;text-align:center;line-height:22px;
}
.head .btns .etc>.language i{
	display:inline-block;
	width:4px;height:4px;
	border-right:1px solid #fff;border-bottom:1px solid #fff;
	transform:rotate(45deg) translate(-2px,-4px);
}
.head .btns .etc>.language>ul{
	display:none;
	position:absolute;left:0;top:100%;
	box-sizing:border-box;
	width:100%;padding:10px 0;
	border:1px solid rgba(255,255,255,0.2);
}
.head .btns .etc>.language>ul li a{color:#fff;}
.head .btns .btn_menu{
	box-sizing:border-box;
	position:relative;z-index:3000;
	width:100px;height:100px;
	padding:41px 28px;
	cursor:pointer;
	background:#063d81;
}
.head .btns .btn_menu>div{
	width:100%;height:2px;
	margin-bottom:6px;
	background:#fff;
}
.head .btns .btn_menu>div:nth-child(1),
.head .btns .btn_menu>div:nth-child(3){transform:translateX(5px);}
.head .btns .btn_menu>div:nth-child(2){transform:translateX(-5px);}

.btn_menu.off>div:nth-child(1){animation:menu_a3 0.6s;animation-fill-mode:forwards;}
.btn_menu.off>div:nth-child(2){animation:menu_a6 0.6s;animation-fill-mode:forwards;}
.btn_menu.off>div:nth-child(3){animation:menu_a4 0.6s;animation-fill-mode:forwards;}
.btn_menu.on>div:nth-child(1){animation:menu_a1 0.6s;animation-fill-mode:forwards;}
.btn_menu.on>div:nth-child(2){animation:menu_a5 0.6s;animation-fill-mode:forwards;}
.btn_menu.on>div:nth-child(3){animation:menu_a2 0.6s;animation-fill-mode:forwards;}

@keyframes menu_a1{
	0%{}
	50%{transform:translateX(-5px);}
	100%{transform:translateY(8px) rotate(45deg);}
}
@keyframes menu_a2{
	0%{}
	50%{transform:translateX(-5px);}
	100%{transform:translateY(-8px) rotate(-45deg);}
}
@keyframes menu_a3{
	0%{transform:translateY(8px) rotate(45deg);}
	50%{transform:translateX(-5px) rotate(0);}
	100%{transform:translateY(0);}
}
@keyframes menu_a4{
	0%{transform:translateY(10px) rotate(-45deg);}
	50%{transform:translateY(5px) rotate(0);}
	100%{transform:translateY(0);}
}
@keyframes menu_a5{
	0%{}
	50%{transform:translateX(5px);}
	100%{opacity:0;}
}
@keyframes menu_a6{
	0%{transform:translateX(5px);}
	50%{transform:translateX(-5px);}
	100%{opacity:1;}
}

.sub_nav{display:none !important;}

.allmenu{
	display:none;
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100vh;
	background:#fff;
}
.allmenu>div{width:100%;height:100%;}
.allmenu .logoarea{display:none;}
.allmenu .listarea{width:100%;height:100%;display:flex;align-items:center;}
.allmenu .listarea>ul{width:100%;}
.allmenu .listarea>ul>li{margin:30px 0;text-align:center;}
.allmenu .listarea>ul>li>a{font-size:34px;color:#000;font-weight:600;}
.allmenu .listarea>ul>li>ul{display:none;margin-top:15px;}
.allmenu .listarea>ul>li>ul>li{}
.allmenu .listarea>ul>li>ul>li>a{font-size:16px;color:#666;}



.wh .head{background:#fff;}
.wh .head h1 a{
	background:url(../images/common/logo2.png) no-repeat;
	background-size:cover;	
}
.wh .head .pc_nav>li>a{color:#000;}
.wh .head .btns .etc>a.contact{color:#fff;background:#393939;}
.wh .head .btns .etc>.language{border:1px solid #bfbfbf;color:#000;}
.wh .head .btns .etc>.language i{border-right:1px solid #000;border-bottom:1px solid #000;}
.wh .head .btns .etc>.language>ul{border:1px solid #bfbfbf;background:#fff;}
.wh .head .btns .etc>.language>ul li a{color:#000;}


/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.visual .swiper-slide{overflow:hidden;position:relative;}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
}
.visual .v1 .bg{
	background:url(../images/main/visual1.jpg) no-repeat center;
	background-size:cover;
}
.visual .v2 .bg{
	background:url(../images/main/visual2.jpg) no-repeat center;
	background-size:cover;
}
.visual .v3 .bg{
	background:url(../images/main/visual3.jpg) no-repeat center;
	background-size:cover;
}
.visual .v4 .bg{
	background:url(../images/main/visual4.jpg) no-repeat center;
	background-size:cover;
}
.visual .v5 .bg{
	background:url(../images/main/visual5.jpg) no-repeat center;
	background-size:cover;
}
.visual .txtarea{
	position:absolute;left:7.5%;bottom:285px;z-index:10;
	width:85%;
}
.visual .txtarea h2{font-size:56px;color:#fff;font-weight:600;line-height:1.125em;}
.visual .txtarea p{margin-top:30px;font-family:"Lexend";font-size:18px;color:#fff;font-weight:300;}
.visual .ctr{
	position:absolute;left:7.5%;bottom:85px;z-index:10;
	width:85%;
}
.visual .ctr .vpaging{position:relative;margin-top:155px;text-align:left;}
.visual .ctr .vpaging span{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:14px;height:14px;
	margin:0 6px 0 0;
	background:0;
	opacity:1;
}
.visual .ctr .vpaging span:after{
	display:block;content:"";
	width:4px;height:4px;
	background:rgba(255,255,255,0.2);
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	border-radius:50%;
	transition:all 0.6s;
}
.visual .ctr .vpaging span.swiper-pagination-bullet-active:after{
	border:2px solid #fff;
	background:0;
	width:100%;height:100%;
} 




/* */
.more{
	display:block;
	position:relative;
	overflow:hidden;
	width:131px;height:40px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:20px;
	font-size:14px;color:#000;text-align:center;line-height:38px;transition:all 1s;
}
.more:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#000;
	position:absolute;left:0;top:0;
	transform-origin:left;
	transform:scaleX(0);
	
}
.more>span{position:relative;z-index:10;}
.more>span i{
	display:inline-block;
	width:13px;height:11px;
	margin:0 0 0 5px;
	background:url(../images/common/btn_more_arr.png) no-repeat;
}

.more.on{color:#fff;}
.more.on:after{animation:moreAni1 1s;animation-fill-mode:forwards;}
.more.off:after{animation:moreAni2 1s;animation-fill-mode:backwards;}


@keyframes moreAni1{
	0%{transform:scaleX(0);}
	100%{transform:scaleX(1);}
}
@keyframes moreAni2{
	0%{transform:scaleX(1) translateX(0);}
	100%{transform:scaleX(1) translateX(100%);}
}



.section1{padding:165px 3%;}
.section1 .boxwrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:120px;}
.section1 .boxwrap:nth-child(odd){flex-direction:row-reverse;}
.section1 .boxwrap:last-child{margin-bottom:0;}
.section1 .boxwrap .img{position:relative;width:63.75%;height:360px;}
.section1 .boxwrap .img .bg{width:100%;height:100%;}
.section1 .boxwrap:nth-child(1) .img .bg{background:url(../images/main/sec1_img1.jpg) no-repeat center;background-size:cover;}
.section1 .boxwrap:nth-child(2) .img .bg{background:url(../images/main/sec1_img2.jpg) no-repeat center;background-size:cover;}
.section1 .boxwrap:nth-child(3) .img .bg{background:url(../images/main/sec1_img3.jpg) no-repeat center;background-size:cover;}
.section1 .boxwrap:nth-child(4) .img .bg{background:url(../images/main/sec1_img4.jpg) no-repeat center;background-size:cover;}
.section1 .boxwrap .txts{box-sizing:border-box;width:31%;padding:0 30px;}
.section1 .boxwrap .txts h3{font-family:"Heebo";font-size:37px;color:#000;font-weight:600;}
.section1 .boxwrap .txts p{margin:20px 0 50px;font-size:17px;color:rgba(0,0,0,0.6);line-height:1.8em;}
.section1 .boxwrap .txts a{}



@media(max-width:1000px){
	.section1 .boxwrap{display:block;align-items:center;justify-content:space-between;margin-bottom:120px;}
	.section1 .boxwrap .img{position:relative;width:100%;height:360px;}
	.section1 .boxwrap .txts{width:100%;padding:30px 0 0;}
}




.section2{padding:0 0 180px;}
.section2 .titlearea{
	box-sizing:border-box;
	height:584px;
	padding:11% 7.5% 0;
	background:url(../images/main/sec2_bg.jpg) no-repeat center;
	background-size:cover;
	background-attachment:fixed;
}
.section2 .titlearea h3{font-family:"Heebo";font-size:22px;color:#18c6e1;font-weight:500;}
.section2 .titlearea h4{margin:50px 0 30px;font-family:"Heebo";font-size:60px;color:#fff;font-weight:600;line-height:1.2em;}
.section2 .titlearea p{font-size:17px;color:#fff;font-weight:300;}
.section2 .conarea{
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	box-sizing:border-box;
	padding:0 3%;
}
.section2 .conarea .txts{width:48%;}
.section2 .conarea .txts dl{
	position:relative;
	min-height:140px;
	padding:0 0 0 170px;	
}
.section2 .conarea .txts dl:before{
	display:block;content:"";
	width:140px;height:140px;
	background:url(../images/main/sec2_dl_bg.png) no-repeat left top;
	position:absolute;left:0;top:0;
}
.section2 .conarea .txts dl dt{font-family:"Heebo";font-size:37px;color:#000;font-weight:600;}
.section2 .conarea .txts dl dd{margin-top:20px;font-size:17px;color:rgba(0,0,0,0.6);line-height:1.8em;}
.section2 .conarea .txts .ctr{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:80px;}
.section2 .conarea .txts .ctr .swiper-scrollbar{
	width:460px;height:3px;
	background:#d9d9d9;
}
.section2 .conarea .txts .ctr .swiper-scrollbar-drag{background:#20c7e1;}
.section2 .conarea .txts .ctr .btn{display:flex;}
.section2 .conarea .txts .ctr .btn>div{cursor:pointer;}
.section2 .conarea .txts .ctr .btn .sec2_prev{margin-right:20px;}

.section2 .conarea .imgs{width:48%;}
.section2 .conarea .imgs .sec2_num{
	position:absolute;right:40px;bottom:40px;z-index:10;
	display:flex;align-items:center;justify-content:center;
	width:60px;height:30px;
	background:rgba(0,0,0,0.3);
	border-radius:15px;
	text-align:center;
	font-family:"Heebo";font-size:17px;color:#fff;font-weight:500;
}





.section3{
	overflow:hidden;
	box-sizing:border-box;
	display:flex;align-items:center;
	width:94%;height:630px;
	margin:0 auto 175px;
	background:url(../images/main/sec3_bg.jpg) no-repeat center;
}
.section3>div{padding:0 5%;}
.section3>div h3{font-family:"Heebo";font-size:22px;color:#18c6e1;font-weight:500;}
.section3>div h4{margin:25px 0 25px;font-family:"Heebo";font-size:60px;color:#fff;font-weight:600;line-height:1.2em;}
.section3>div p{font-size:17px;color:#fff;font-weight:300;}
.section3>div a{margin-top:50px;width:230px;height:60px;border-radius:30px;color:#fff;line-height:58px;}




.section4{padding:170px 7.5%;}
.section4 h3{font-family:"Heebo";font-size:22px;color:#18c6e1;font-weight:500;}
.section4 h4{margin:25px 0 25px;font-family:"Heebo";font-size:60px;color:#000;font-weight:600;line-height:1.2em;}
.section4>div{display:flex;flex-wrap:wrap;margin-top:105px;}
.section4>div dl{
	box-sizing:border-box;
	width:50%;
	padding:135px 60px 60px;
	text-align:center;
	border-right:1px solid #ccc;
}
.section4>div dl:nth-child(2n){border-right:0;}
.section4>div dl dt{
	font-family:"Heebo", "Noto Sans KR";
	font-size:28px;color:#000;font-weight:600;line-height:1.4em;
}
.section4>div dl dd{margin-top:20px;font-size:17px;color:rgba(0,0,0,0.6);line-height:1.8em;}
.section4>div dl:nth-child(1){
	background:url(../images/main/sec4_icon1.png) no-repeat center top;
}
.section4>div dl:nth-child(2){
	background:url(../images/main/sec4_icon2.png) no-repeat center top;
}
.section4>div dl:nth-child(3){
	background:url(../images/main/sec4_icon3.png) no-repeat center top;
}
.section4>div dl:nth-child(4){
	background:url(../images/main/sec4_icon4.png) no-repeat center top;
}


@media(max-width:1000px){
	.section4{padding:170px 3%;}
}




.section5{
	padding:170px 7.5%;
	background:#f9f9f9 url(../images/main/sec5_bg.png) no-repeat right -70px;
}
.section5 h3{font-family:"Heebo";font-size:22px;color:#18c6e1;font-weight:500;}
.section5 .titarea{position:relative;}
.section5 h4{margin:25px 0 25px;font-family:"Heebo";font-size:60px;color:#000;font-weight:600;line-height:1.2em;}
.section5 .titarea a{
	position:absolute;right:0;bottom:0;
	font-size:14px;color:rgba(0,0,0,0.5);
}
.section5 .titarea a i{
	display:inline-block;
	width:13px;height:11px;
	margin:0 0 0 5px;
	background:url(../images/common/btn_more_arr.png) no-repeat;
}
.section5 .notice{}
.section5 .notice .swiper-slide{width:496px;}
.section5 .notice .swiper-slide .txts{
	box-sizing:border-box;
	height:263px;
	padding:35px 30px;
	background:#fff;
}
.section5 .notice .swiper-slide .txts .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 2.8em;		
	font-size:21px;color:#000;font-weight:500;
}
.section5 .notice .swiper-slide .txts .tit .cate{
	display:inline-block;
	position:relative;
	margin:0 8px 0 0;padding:0 10px 0 0;
	font-family:"Heebo";font-size:18px;color:#000;font-weight:500;
}
.section5 .notice .swiper-slide .txts .tit .cate:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#aaa;
	position:absolute;right:0;top:7px;
}
.section5 .notice .swiper-slide .txts p{
	font-size:17px;color:#666;font-weight:400;
	overflow: hidden;
	margin:15px 0 30px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.6em;
	height: 3.2em;
}
.section5 .notice .swiper-slide .txts .date{
	display:flex;align-items:center;justify-content:space-between;
	font-family:"Heebo";font-size:15px;color:#777;font-weight:500;
}
.section5 .notice .swiper-slide .txts .date i{}
.section5 .notice .swiper-scrollbar2{
	width:100%;height:3px;
	margin:50px 0 0;
	background:#d9d9d9;
}
.section5 .notice .swiper-scrollbar-drag{background:#20c7e1;}

@media(max-width:1000px){
	.section5{padding:170px 3%;}
}



.section6{}
.section6>div{
	box-sizing:border-box;
	width:100%;
	padding:60px 80px;
}
.section6>div.ir{
	position:relative;
	background:#063d81;
}
.section6>div.recruit{
	position:relative;
	background:url(../images/main/sec6_recruit_bg.jpg) no-repeat center;
	background-size:cover;
}
.section6>div>div{
	position:relative;
	padding:70px 75px;
}
.section6>div>div:before{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.2);
	position:absolute;left:0;top:0;
}
.section6>div>div:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.2);
	position:absolute;left:0;bottom:0;
}
.section6>div h3{position:relative;height:90px;font-family:"Heebo";font-size:37px;color:#fff;font-weight:600;}
.section6>div.ir .tip{
	position:absolute;right:0;top:0;
	font-family:"Heebo";font-size:19px;color:#fff;font-weight:400;text-align:right;
}
.section6>div.ir .tip span{font-size:16px;color:rgba(255,255,255,0.6);}
.section6>div .info{
	display:flex;justify-content:space-between;
	width:100%;height:170px;
	margin-top:25px;
}
.section6>div.ir .info{}
.section6>div.ir .info>div{width:40%;}
.section6>div.ir .info .today{}
.section6>div.ir .info .today .price{font-family:"Heebo";font-size:67px;color:#fff;font-weight:600;line-height:1em;}
.section6>div.ir .info .today .info1{margin-top:10px;font-family:"Heebo";font-size:21px;color:#fff;font-weight:400;}
.section6>div.ir .info .info2{}
.section6>div.ir .info .info2 dl{display:flex;justify-content:space-between;margin-bottom:15px;}
.section6>div.ir .info .info2 dl:last-child{margin-bottom:0;}
.section6>div.ir .info .info2 dl dt{font-size:18px;color:#fff;font-weight:400;}
.section6>div.ir .info .info2 dl dd{font-family:"Heebo";font-size:17px;color:#fff;font-weight:400;}
.section6>div.recruit .info{align-items:center;}
.section6>div.recruit .info h4{font-size:36px;color:#fff;font-weight:600;line-height:1.4em;}
.section6>div .btn a{
	width:190px;height:60px;line-height:58px;color:#fff;
	border-radius:30px;
}
.section6>div.recruit .btn{background:url(../images/main/sec6_recruit_icon.png) no-repeat right bottom;}





/* footer */
#footer{background:#000;}
.foot{padding:50px 3% 60px;}
.foot .ftop{
	display:flex;justify-content:space-between;
	padding-bottom:20px;margin-bottom:20px;
	border-bottom:1px solid #4d4d4d;
}
.foot .ftop address{margin-top:20px;}
.foot .ftop address dl{
	display:inline-flex;
}
.foot .ftop address dl dt{
	font-family:"Heebo";font-size:16px;color:rgba(255,255,255,0.8);font-weight:600;
	margin-right:5px;
}
.foot .ftop address dl dd{font-size:15px;color:rgba(255,255,255,0.8);font-weight:300;}
.foot .ftop address .bar{
	display:inline-block;
	width:1px;height:10px;
	background:rgba(255,255,255,0.2);
	margin:0 10px;;
}
.foot .fbtm{display:flex;justify-content:space-between;}
.foot .fbtm ul{display:flex;}
.foot .fbtm ul li{margin-right:5px;}
.foot .fbtm ul li a{
	padding:10px 20px 11px; 
	font-size:14px;color:rgba(255,255,255,0.8);font-weight:300;
	border:1px solid rgba(255,255,255,0.4);
}
.foot .fbtm .copy{font-family:"Heebo";font-size:15px;color:rgba(255,255,255,0.6);text-align:left;font-weight:400;}

.foot .family{position:relative;z-index:100;}
.foot .family>a{
	display:block;
	box-sizing:border-box;
	position:relative;z-index:100;
	width:270px;height:50px;
	padding:0 29px;
	font-family:"Lexend";font-size:15px;color:#fff;text-align:left;font-weight:600;line-height:48px;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:25px;
}
.foot .family>a:after{
	display:block;content:"";
	width:5px;height:5px;
	border-right:2px solid rgba(255,255,255,0.7);border-bottom:2px solid rgba(255,255,255,0.7);
	transform:rotate(45deg);
	position:absolute;right:29px;top:20px;
}
.foot .family ul{
	display:none;
	position:absolute;left:0;bottom:100%;z-index:10;
	width:100%;
	background:#000;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.2);
	border-bottom:0;
	margin:0 0 -20px 0;padding:15px 0 35px 0;
}
.foot .family ul li{}
.foot .family ul li a{
	padding:0 29px;
	font-size:15px;color:#fff;text-align:left;font-weight:400;line-height:38px;
}


@media(max-width:1100px){
	.foot{display:block;}
	.foot .info{
		width:100%;
		padding:25px 0px;
	}
}



/*  */
#bg_black{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
.pop_sinmungo,
.pop_contact{
	display:none;
	position:fixed;left:3%;top:50%;z-index:4000;
	transform:translate(-0%,-50%);
	box-sizing:border-box;
	overflow-y:auto;
	width:94%;height:600px;
	padding:75px 80px;
	background:#fff;
}
.pop_sinmungo .btn_x,
.pop_contact .btn_x{position:absolute;right:40px;top:40px;}
.pop_sinmungo h5,
.pop_contact h5{margin-bottom:50px;font-size:38px;color:#000;font-weight:600;}
.pop_sinmungo .input,
.pop_contact .input{
	display:flex;
	position:relative;
	margin-bottom:35px;
	border-bottom:1px solid #ddd;
}
.pop_sinmungo .input .tit,
.pop_contact .input .tit{
	width:235px;
	padding:12px 0 0;
	font-size:17px;color:#222;font-weight:500;
}
.pop_sinmungo .input input,
.pop_contact .input input{
	box-sizing:border-box;
	width:calc(100% - 235px);height:55px;
	border:0;outline:0;
	font-size:17px;color:#444;font-weight:400;
}
.pop_sinmungo .input input::placeholder,
.pop_contact .input input::placeholder{color:#999;}
.pop_sinmungo .input input[type="file"],
.pop_contact .input input[type="file"]{padding-top:12px;}
.pop_sinmungo .input p{
	width:calc(100% - 235px);height:55px;
	border:0;outline:0;
	font-size:17px;color:#444;font-weight:400;line-height:55px;
}
.pop_sinmungo .input textarea,
.pop_contact .input textarea{
	width:calc(100% - 235px);height:150px;
	border:0;outline:0;resize:none;
}
.pop_sinmungo .radio,
.pop_contact .radio{margin-bottom:35px;}
.pop_sinmungo .radio .tit,
.pop_contact .radio .tit{
	width:235px;
	padding:12px 0 0;margin-bottom:10px;
	font-size:17px;color:#222;font-weight:500;
}
.pop_sinmungo .radio input[type="radio"],
.pop_contact .radio input[type="radio"]{
	vertical-align:top;
	width:20px;height:20px;
	margin:3px 5px 0 0;
}
.pop_sinmungo .radio label,
.pop_contact .radio label{vertical-align:top;margin-right:40px;font-size:17px;color:#222;font-weight:300;}
.pop_sinmungo .radio .etc,
.pop_contact .radio .etc{display:flex;align-items:center;margin-top:10px;}
.pop_sinmungo .radio .etc label,
.pop_contact .radio .etc label{margin-right:10px;}
.pop_sinmungo .radio .etc input[type="text"],
.pop_contact .radio .etc input[type="text"]{
	width:calc(100% - 120px);height:55px;
	border:0;outline:0;
	font-size:17px;color:#444;font-weight:400;	
	border-bottom:1px solid #ddd;
}
.pop_sinmungo .send{}
.pop_sinmungo .send button,
.pop_contact .send button{
	display:block;
	box-sizing:border-box;
	width:300px;height:70px;
	margin:0 auto;
	border:1px solid #ddd;
	background:#fff;
	border-radius:35px;
	font-size:17px;color:#000;text-align:center;font-weight:500;	
	transition:all 0.6s;
}
.pop_sinmungo .send button i,
.pop_contact .send button i{
	display:inline-block;
	width:18px;height:12px;
	background:url(../images/page/send_arr1.png) no-repeat;
	margin:0 0 0 0;
	transition:all 0.6s;
}
.pop_sinmungo .send button:hover,
.pop_contact .send button:hover{
	display:block;
	box-sizing:border-box;
	width:300px;height:70px;
	margin:0 auto;
	border:1px solid #00a7cb;
	background:#00a7cb;
	border-radius:35px;
	font-size:17px;color:#fff;text-align:center;font-weight:500;	
}
.pop_sinmungo .send button:hover i,
.pop_contact .send button:hover i{
	background:url(../images/page/send_arr2.png) no-repeat;
}
.pop_recruit{display:none !important;}




/* animation */
.visual .ctr h2>div{overflow:hidden;}
.visual .ctr h2>div span{display:block;opacity:0;transform:translateY(100%);}
.visual .ctr p{overflow:hidden;}
.visual .ctr p span{display:block;opacity:0;transform:translateY(100%);}

.visual.in-view .ctr h2>div span{opacity:1;transform:translateY(0%);}
.visual.in-view .ctr h2>div:nth-child(1) span{transition:all 1.7s;}
.visual.in-view .ctr h2>div:nth-child(2) span{transition:all 1.7s 0.35s}
.visual.in-view .ctr p span{opacity:1;transform:translateY(0%);transition:all 1.84s 0.7s}



.section1 .boxwrap .txts h3{opacity:0;transform:translateX(40px);transition:all 1.7s;}
.section1 .boxwrap .txts p{opacity:0;transform:translateX(40px);transition:all 1.7s 0.35s;}
.section1 .boxwrap .txts a{opacity:0;transform:translateX(40px);transition:all 1.7s 0.7s;}
.section1 .boxwrap:nth-child(odd) .img .bg{opacity:0;transform:translate3d(60px,0,20px);transition:all 1.7s 0.7s;}
.section1 .boxwrap:nth-child(even) .img .bg{opacity:0;transform:translate3d(-60px,0,20px);transition:all 1.7s 0.7s;}

.section1 .boxwrap{perspective:800px;}
.section1 .boxwrap.in-view .txts h3{opacity:1;transform:translateX(0px);transition:all 1.7s;}
.section1 .boxwrap.in-view .txts p{opacity:1;transform:translateX(0px);transition:all 1.7s 0.35s;}
.section1 .boxwrap.in-view .txts a{opacity:1;transform:translateX(0px);transition:all 1.7s 0.7s;}
.section1 .boxwrap.in-view .img .bg{opacity:1;transform:translate3d(0,0,0);}




.section2 .titlearea h3{overflow:hidden;}
.section2 .titlearea h3 span{display:block;opacity:0;transform:translateY(100%);transition:all 1.7s;}
.section2 .titlearea.in-view h3 span{opacity:1;transform:translateY(0);}

.section2 .titlearea h4>div{overflow:hidden;}
.section2 .titlearea h4>div span{display:block;opacity:0;transform:translateY(100%);}
.section2 .titlearea.in-view h4>div span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.35s;}

.section2 .titlearea p{overflow:hidden;}
.section2 .titlearea p span{display:block;opacity:0;transform:translateY(100%);}
.section2 .titlearea.in-view  p span{opacity:1;transform:translateY(0%);transition:all 1.88s 0.7s}


.section2 .conarea .txts dl dt{opacity:0;transform:translateX(40px);transition:all 1.7s;}
.section2 .conarea .txts dl dd{opacity:0;transform:translateX(40px);transition:all 1.7s 0.35s;}
.section2 .conarea .txts .ctr{opacity:0;}
.section2 .conarea .txts.in-view dl:before{animation:rotateAni 2.05s;}
.section2 .conarea .txts.in-view dl dt{opacity:1;transform:translateX(0);transition:all 1.7s;}
.section2 .conarea .txts.in-view dl dd{opacity:1;transform:translateX(0);transition:all 1.7s 0.35s;}
.section2 .conarea .txts.in-view .ctr{opacity:1;transform:translateX(0);transition:all 1.7s 0.35s;}
@keyframes rotateAni{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}

.section2 .conarea .imgs{opacity:0;transform:translateY(200px);}
.section2 .conarea .imgs.in-view{opacity:1;transform:translateY(0);transition:all 1.7s;}




.section3{width:100%;transition:all 1.4s;}
.section3.in-view{width:94%;}

.section3 h3{overflow:hidden;}
.section3 h3 span{display:block;opacity:0;transform:translateY(100%);transition:all 1.7s 0.35s;}
.section3.in-view h3 span{opacity:1;transform:translateY(0);}

.section3 h4>div{overflow:hidden;}
.section3 h4>div span{display:block;opacity:0;transform:translateY(100%);}
.section3.in-view h4>div span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.7s;}

.section3 p{overflow:hidden;}
.section3 p span{display:block;opacity:0;transform:translateY(100%);}
.section3.in-view  p span{opacity:1;transform:translateY(0%);transition:all 1.88s 1.35s}

.section3 a{opacity:0;transform:translateY(40px);}
.section3.in-view a{opacity:1;transform:translateY(0);transition:all 1.88s 1.7s}




.section4 h3{overflow:hidden;}
.section4 h3 span{display:block;opacity:0;transform:translateY(100%);transition:all 1.7s;}
.section4.in-view h3 span{opacity:1;transform:translateY(0);}

.section4 h4{overflow:hidden;}
.section4 h4 span{display:block;opacity:0;transform:translateY(100%);}
.section4.in-view h4 span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.35s;}

.section4>div dl dt{opacity:0;transform:translateY(40px);transition:all 1.7s;}
.section4>div dl dd{opacity:0;transform:translateY(40px);transition:all 1.7s 0.35s;}

.section4>div.in-view dl dt{opacity:1;transform:translateY(0);}
.section4>div.in-view dl dd{opacity:1;transform:translateY(0);}




.section5 h3{overflow:hidden;}
.section5 h3 span{display:block;opacity:0;transform:translateY(100%);transition:all 1.7s;}
.section5.in-view h3 span{opacity:1;transform:translateY(0);}

.section5 h4{overflow:hidden;}
.section5 h4 span{display:block;opacity:0;transform:translateY(100%);}
.section5.in-view h4 span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.35s;}
.section5 .titarea a{opacity:0;}
.section5.in-view .titarea a{opacity:1;transition:all 1.7s 0.35s;}

.section5 .notice{opacity:0;transform:translateY(100px);transition:all 1.7s;}
.section5 .notice.in-view{opacity:1;transform:translateY(0);}




.section6 h3{overflow:hidden;}
.section6 h3 span{display:block;opacity:0;transform:translateY(100%);transition:all 1.7s;}
.section6.in-view h3 span{opacity:1;transform:translateY(0);}

.section6 h4>div{overflow:hidden;}
.section6 h4>div span{display:block;opacity:0;transform:translateY(100%);}
.section6.in-view h4>div span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.35s;}
.section6>div.ir .tip{opacity:0;transform:translateY(40px);}
.section6.in-view>div.ir .tip{opacity:1;transform:translateY(0);transition:all 1.7s 1.05s;}

.section6 .price{overflow:hidden;}
.section6 .price span{display:block;opacity:0;transform:translateY(100%);}
.section6.in-view .price span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.35s;}
.section6 .info1{overflow:hidden;}
.section6 .info1 span{display:block;opacity:0;transform:translateY(100%);}
.section6.in-view .info1 span{display:block;opacity:1;transform:translateY(0);transition:all 1.7s 0.35s;}

.section6>div.ir .info .info2 dl dt{opacity:0;transform:translateX(40px);}
.section6>div.ir .info .info2 dl dd{opacity:0;transform:translateX(40px);}
.section6.in-view>div.ir .info .info2 dl dt{opacity:1;transform:translateX(0);transition:all 1.7s 0.7s;}
.section6.in-view>div.ir .info .info2 dl dd{opacity:1;transform:translateX(0);transition:all 1.7s 0.7s;}

.section6 .btn{overflow:hidden;}
.section6 .btn a{opacity:0;transform:translateY(100%);transition:all 1.7s;}
.section6.in-view .btn a{opacity:1;transform:translateY(0);transition:all 1.7s 1.05s;}