@charset "UTF-8";
@import 'fontSet.css';
@import 'layout.css';
@import 'main.css';
@import 'check-radio.css';
/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/

body {
  height: 100%;
  color: #333;
  background-color: #fff;
  overflow-y:auto;
  overflow-x:hidden;
}
html {
  height: 100% !important;
  -ms-overflow-style: scrollbar;
}

input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none !important;
}

#Wrapper {
 height: 100%;
  width: 100%;
}




/*left_category_wrap*/
.left_category_wrap,
.left_category_wrap2{
	position:relative;
	padding-left:320px;
	_min-height:1200px;
	padding-top:14rem;
}


.left_category_wrap2{
	padding-top:0;
}
.left_category_wrap .sc_box{
	position:absolute;
	top:0;
	left:0;
	width:360px;
	padding-top:14rem;
	padding-left:20px;
	z-index:50;
}
.left_category_wrap .sc_box.sc_fixed{
	position:fixed;
	padding-top:14rem;
}
.sc_box_mobile{
	position:relative;
	display:inline-block;
	font-weight:800
}
.sc_box_mobile:before{
	content:"#";
	position:absolute;
	left:0;
	top:2px;
	font-size:2.4rem;
}
.sc_box_mobile i{
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-12px;
	font-size:2.4rem;
}
.sc_box_mobile select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(이미지 경로) no-repeat 95% 50%;
	background:#fff;
	border:0;
	border-bottom:3px solid #000;
	min-width:260px;
	font-size:2.2rem;
	padding:5px 50px 5px 20px;
}



@media(max-width:1400px){
	.left_category_wrap,
	.left_category_wrap2{
		padding-left:260px;
		padding-top:12rem;
	}
	.left_category_wrap .sc_box{
		position:absolute;
		width:260px;
		padding-top:12rem;
		padding-left:15px;
		z-index:50;
	}
}

@media(max-width:1200px){
	.left_category_wrap,
	.left_category_wrap2{
		padding-left:80px;
		padding-top:12rem;
	}
	.left_category_wrap .sc_box{
		display:none !important
	}
}
@media(max-width:767px){
	.left_category_wrap,
	.left_category_wrap2{
		padding-left:40px;
		padding-top:8rem;
	}
	.left_category_wrap .sc_box{
		display:none !important
	}
	.sc_box_mobile:before {
		font-size: 2.2rem;
	}
}
@media(max-width:640px){
	.left_category_wrap,
	.left_category_wrap2{
		padding-left:30px;
		padding-top:6rem;
	}
	.sc_box_mobile i{
		margin-top:-10px;
		font-size:2rem;
	}
	.sc_box_mobile select{
		border-bottom:2px solid #000;
		width:200px;
		font-size:1.8rem;
	}
	.sc_box_mobile:before {
		font-size: 2rem;
	}
}



.sub_title_shadow{
	font-size:4.5rem;
	font-weight:800;
	color:#000;
	position:relative;
}
.sub_title_shadow > div{
	position:relative;
	display:inline-block;
}
.sub_title_shadow > div > p.title{
	position:relative;
	z-index:2;
}
.sub_title_shadow > div > p.shadow{
	position:absolute;
	left:8px;
	top:5px;
}
.sub_title_shadow > div > p.shadow span{
	position:absolute;
	left:0px:
	top:0px;
	color:#fff;
	text-shadow:0px 0px 2px rgba(0,0,0,1);
	letter-spacing:1px;
	white-space:nowrap;
}
.sub_title_shadow > div > p.shadow.sw span{
	color:#20377d;
	text-shadow:0px 0px 2px rgba(255,255,255,1);
}




/*work sub0101*/
.sub0101_wrap{
	
}
.sub0101_wrap .container_wrap{
	position:relative;
	height:1000px;
	background:#555;
	padding:170px 100px;
}
.sub0101_wrap .container_wrap .work_list_bg{
	position:absolute;
	z-index:2;
	left:0px;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
}
.sub0101_wrap .container_wrap .work_list_bg.on{
	opacity:1;
}
.sub0101_wrap .container_wrap .work_list_bg2{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#222;
}
.sub0101_wrap .container_wrap .work_list_scroll{
	height:550px;
	position:relative;
	z-index:10;
	padding-left:40px;
}
.sub0101_wrap .container_wrap .work_list_scroll .swiper-scrollbar{
	right:auto;
	left:10px;
	width:1px;
	background: rgba(255,255,255,.2);
}

.sub0101_wrap .container_wrap .work_list_scroll .swiper-scrollbar .swiper-scrollbar-drag{
	width:17px;
	background:#fff;
	cursor:pointer;
	left:-8px;
}

.sub0101_wrap .container_wrap .work_list_scroll .title{
	color:#fff;
	font-family:'Montserrat' , sans-serif !important;
}
.sub0101_wrap .container_wrap .work_list_scroll .title h3{
	font-size:5rem;
	font-weight:600;
	opacity:.2;
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
}
.sub0101_wrap .container_wrap .work_list_scroll .title p{
	font-size:1.6rem;
	font-weight:300;
	display:none;
}
.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-prev .title h3,
.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-next .title h3{
	opacity:.4;
}
.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-active{
	height:140px !important;
}
.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-active .title h3{
	font-size:7rem;
	opacity:1;
}
.sub0101_wrap .container_wrap .work_list_scroll  .title h3 a{
	color:#fff;
}
.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-active .title p{
	display:block;
	max-width:620px;
	word-break: keep-all;
}
.sub0101_wrap.left_category_wrap .sc_box{
	padding-left:60px;
}
.sub0101_wrap .list_scroll2 > div > a{
	display:block;
	font-size:2rem;
	font-family:'Montserrat' , sans-serif !important;
	color:#000;
	opacity:.3;
	font-weight:800;
	line-height:2.6;
	position:relative;
}
.sub0101_wrap .list_scroll2 > div {
	position:relative;
}
.sub0101_wrap .list_scroll2 > div.active:after,
.sub0101_wrap .list_scroll2 > div.active:before{
	content:"";
	position:absolute;
	width:140px;
	height:4px;
	top:50%;
	right:-40px;
	margin-top:-2px;
	background:#000;
}
.sub0101_wrap .list_scroll2 > div.active:before{
	background:#fff;
	z-index:1;
	width:80px;
}


.sub0101_wrap .list_scroll2 > div.active > a{
	opacity:1;
}
.sub0101_wrap .list_scroll2 > div.active > a:before{
	content:"# ";
}
.sub0101_wrap .site_info_box{
	position:absolute;
	right:0px;
	top:0px;
	opacity:0;
	transition:all 0.2s ease 0s !important;
	text-align:right;
	color:#fff;
	
}
.sub0101_wrap .swiper-slide-active .site_info_box{
	right:70px;
	opacity:1;
	transition:all 0.4s ease 0.5s !important;
	z-index:10;
}
.sub0101_wrap .site_info_box h4{
	font-size:2.2rem;
}
.sub0101_wrap .site_info_box p.date{
	font-size:1.3rem;
	font-weight:300;
}
.sub0101_wrap .site_info_box div.desc{
	font-size:1.4rem;
	line-height:1.6;
	margin-top:5rem;
}
.sub0101_wrap .site_info_box a.more > span{
	background:rgba(0,0,0,.3);
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:100%;
	position:relative;
}
.sub0101_wrap .site_info_box a.more > span:after,
.sub0101_wrap .site_info_box a.more > span:before{
	content:"";
	position:absolute;
	left:22%;
	top:50%;
	width:50%;
	border-top:1px solid #fff;
}
.sub0101_wrap .site_info_box a.more > span:before{
	transform:rotate(90deg);
}


.sub0101_wrap{}
.sub0101_wrap #works{
	position:relative;
	padding-top:10rem;
}
.sub0101_wrap #works .visual_dec{
	position:absolute;
	z-index:10;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	text-align:center;

}
.sub0101_wrap #works .visual_dec > div{
	border:1px solid rgba(255,255,255,.5);
	color:#fff;
	font-size:5rem;
	line-height:1.8;
	font-weight:100;
	padding:6rem 6rem 6rem 7.5rem;
	display:inline-block;
	letter-spacing:15px;
	text-align:center;
}


.sub0101_wrap #works .down_scroll{
	position:absolute;
	font-size:4rem;
	color:#fff;
	opacity:.5;
	left:50%;
	bottom:40px;
	z-index:10;
	margin-left:-20px;
}


.sub0101_wrap > #info{
	padding:12rem 0
}
.sub0101_wrap > #info h3{
	font-size:4rem;
	border-bottom:1px solid #222;
	padding-bottom:30px;
	margin-bottom:35px;
	display:inline-block;
	line-height:1.3;
	margin-left:15%;
}

.sub0101_wrap > #info .site_type{
	font-size:2rem;
	color:#000;
	margin-left:15%;
}
.sub0101_wrap > #info .site_des{
	font-size:1.6rem;
	line-height:1.8;
	font-weight:300;
	margin-bottom:30px;
	color:#000;
}
.sub0101_wrap > #info .site_uck{
	font-size:1.6rem;
	font-weight:300;
}
.sub0101_wrap > #info .site_uck .title{
	font-weight:bold;
	width:140px
}
.sub0101_wrap > #info .site_uck span{
	display:inline-block;
	padding:2px 10px;
}
.sub0101_wrap > #info .site_uck span:hover{
	background:#000;
	color:#fff;
}
.sub0101_wrap > #info .btn_site_view{
	border:1px solid #222;
	padding:18px 30px;
	text-align:center;
	font-size:1.6rem;
	color:#000;
	width:260px;
	font-weight:500;
	display:block;
}

.sub0101_wrap > #web_site_view{}
.sub0101_wrap > #web_site_view > .main{
	padding:14rem 0;
	background:url(../images/work_view_web_site_bg.jpg) no-repeat center top / 100% auto;
	min-height:400px;
}
.sub0101_wrap > #web_site_view > .main .container{
	position:relative;
}
.sub0101_wrap > #web_site_view > .main .display{
	border:1px solid rgba(255,255,255,.8);
	border-radius:30px;
	padding-top:600px;
	position:absolute;
	width:100%;
	left:0;
	top:0;

}
.sub0101_wrap > #web_site_view > .main .main_site_img{
	padding:35px 20px 0px 20px;
	position:relative;
	z-index:2;
	
}
.sub0101_wrap > #web_site_view > .main .main_site_img img{
	box-shadow:0px 0px 10px rgba(0,0,0,.1)
}

.sub0101_wrap #pc_view{
	background:#eaeaea;
	padding:14rem 0;
}

.sub0101_wrap #mobile_view{
	background:#fff;
	padding:0 0 10rem 0;
	position:relative;
	text-align:center;
}
.sub0101_wrap #mobile_view:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:300px;
	width:100%;
	background:#eaeaea
}
.sub0101_wrap #mobile_view img{
	position:relative;
	z-index:2;
}
.sub0101_wrap #work_foot{}
.sub0101_wrap #work_foot .project_nav{
	position:relative;
}

.sub0101_wrap #work_foot .prev,
.sub0101_wrap #work_foot .next{
	width:50%;
	text-align:center;
	height:240px;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
}
.sub0101_wrap #work_foot .prev:hover:after,
.sub0101_wrap #work_foot .next:hover:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:1;
}

.sub0101_wrap #work_foot .box{
	position:relative;
	z-index:2;
}

.sub0101_wrap #work_foot .box > p:nth-child(1){
	color:#fff;
	font-size:1.8rem;
	font-weight:700;
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
}
.sub0101_wrap #work_foot .box > p:nth-child(2){
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
	transition-delay: 0.1s !important;
}
.sub0101_wrap #work_foot .box > p:nth-child(3){
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
	transition-delay: 0.2s !important;
}

.sub0101_wrap #work_foot .box > p:nth-child(2),
.sub0101_wrap #work_foot .box > p:nth-child(3){
	position:absolute;
	width:100%;
	left:0;
	top:0;
	opacity:0;
}
.sub0101_wrap #work_foot .box > p:nth-child(2){
	color:#fff;
	font-size:1.8rem;
}
.sub0101_wrap #work_foot  .next .box > p:nth-child(3){
	transform:rotate(180deg);
}

.sub0101_wrap #work_foot  .prev:hover .box > p:nth-child(2),
.sub0101_wrap #work_foot  .next:hover .box > p:nth-child(2){
	opacity:1;
	top:30px;
}
.sub0101_wrap #work_foot  .prev:hover .box > p:nth-child(3),
.sub0101_wrap #work_foot  .next:hover .box > p:nth-child(3){
	opacity:.7;
	top:65px;
}


.sub0101_wrap #work_foot .prev:hover .box > p:nth-child(1),
.sub0101_wrap #work_foot .next:hover .box > p:nth-child(1){
	padding-bottom:55px;
	opacity:.3;
}

.sub0101_wrap #work_foot .list_view{
	position:absolute;
	width:70px;
	height:70px;
	border:1px solid #fff;
	top:50%;
	left:50%;
	margin-left:-35px;
	margin-top:-35px;
	z-index:2;
	text-align:center;
	line-height:70px;
	color:#fff;
	font-size:2.4rem;
	background:rgba(0,0,0,.3)
}
.sub0101_wrap #work_foot .project_app{
	text-align:center;
	padding:100px;
	background:url(../images/work/project_app_bg.jpg) no-repeat center center / cover;
	color:#fff;
	font-weight:300;
	font-size:1.8rem;
}
.sub0101_wrap #work_foot .project_app h3{
	font-weight:300;
	font-size:3.6rem;
	margin:10px 0 0 0;
	margin-bottom:40px;
}
.sub0101_wrap #work_foot .project_app a{
	display:inline-block;
	border:1px solid rgba(255,255,255,.5);
	color:#fff;
	font-weight:400;
	padding:15px 30px;
	position:relative;
	width:300px;
	text-align:left;
}
.sub0101_wrap #work_foot .project_app a img{
	position:absolute;
	transform:rotate(180deg);
	right:30px;
	top:50%;
	margin-top:-8px;
}

@media(max-width:1400px){
	.sub0101_wrap .container_wrap .work_list_scroll{
		height:450px;
		padding-left:35px;
	}
	.sub0101_wrap .container_wrap{
		height:900px;
		padding: 150px 40px 150px 80px;
	}
	.sub0101_wrap.left_category_wrap .sc_box{
		padding-left:30px;
	}
	.sub0101_wrap .site_info_box{
		top:-50%;
		padding-right:5px;
	}
	.sub0101_wrap .swiper-slide-active .site_info_box{
		right:0;
	}
	.sub0101_wrap .container_wrap .work_list_scroll .title h3{
		font-size:3.4rem;
	}
	.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-active .title h3{
		font-size:4rem;
	}
	.sub0101_wrap .site_info_box div.desc {
		font-size: 1.4rem;
		line-height: 1.5;
		margin-top: 3.5rem;
		width:360px;
	}
	.sub0101_wrap .site_info_box div.desc  br{
		display:none
	}
	.sub0101_wrap .list_scroll2 > div.active:after,
	.sub0101_wrap .list_scroll2 > div.active:before{
		content:"";
		position:absolute;
		width:120px;
		height:4px;
		top:50%;
		right:-50px;
		margin-top:-2px;
		background:#000;
	}
	.sub0101_wrap .list_scroll2 > div.active:before{
		background:#fff;
		z-index:1;
		width:50px;
	}

}

@media(max-width:1200px){
	.sub0101_wrap #works .visual_dec > div{
		border:1px solid rgba(255,255,255,.5);
		color:#fff;
		font-size:3.4rem;
		line-height:1.8;
		font-weight:100;
		padding:4rem 4rem 4rem 4.6rem;
		display:inline-block;
		letter-spacing:15px;
		text-align:center;
	}
	.sub0101_wrap > #info h3{
		font-size:3.4rem;
		border-bottom:1px solid #222;
		padding-bottom:30px;
		margin-bottom:35px;
		display:inline-block;
		line-height:1.3;
		margin-left:15%;
	}
}

@media(max-width:991px){
	.sub0101_wrap #works{
		padding-top:4rem;
	}

	.sub0101_wrap .site_info_box{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:none;
	}
	.sub0101_wrap .site_info_box h4,
	.sub0101_wrap .site_info_box .desc,
	.sub0101_wrap .site_info_box .date{
		display:none;
	}
	.sub0101_wrap .swiper-slide-active .site_info_box{
		display:block;
	}
	.sub0101_wrap .site_info_box .pt40{
		padding-top:0 !important;
		position:absolute;
		left:0;
		width:100%;
		height:100%;
		top:0;
	}
	.sub0101_wrap .site_info_box .pt40 a{
		position:absolute;
		left:0;
		width:100%;
		height:100%;
		top:0;
	}
	.sub0101_wrap .site_info_box a.more > span{
		background:rgba(0,0,0,.3);
		width:40px;
		height:40px;
		display:inline-block;
		border-radius:100%;
		position:absolute;
		right:40px;
		top:50%;
		margin-top:-20px;
	}
	.sub0101_wrap #works .visual_dec > div{
		border:1px solid rgba(255,255,255,.5);
		color:#fff;
		font-size:3rem;
		line-height:1.8;
		font-weight:100;
		padding:4rem 4rem 4rem 4.6rem;
		display:inline-block;
		letter-spacing:15px;
		text-align:center;
	}
	.sub0101_wrap > #info h3{
		font-size:2.6rem;
		border-bottom:1px solid #222;
		padding-bottom:20px;
		margin-bottom:25px;
		display:inline-block;
		line-height:1.3;
		margin-left:5%;
	}
	.sub0101_wrap > #info .site_type{
		font-size:1.8rem;
		margin-left:5%;
	}




}
@media(max-width:640px){
	.sub0101_wrap .container_wrap {
		height: 600px;
		padding: 50px 20px 60px 20px;
	}
	.sub0101_wrap .container_wrap .work_list_scroll{
		padding-left:0;
	}
	.sub0101_wrap .container_wrap .work_list_scroll .title h3 {
		font-size:2.2rem;
	}
	.sub0101_wrap .container_wrap .work_list_scroll .swiper-slide-active .title h3 {
		font-size:2.4rem;
	}
	.sub0101_wrap .container_wrap .work_list_scroll .title p{
		font-size:1.4rem;
		padding-right:140px;
	}
	.sub0101_wrap .container_wrap .work_list_scroll .swiper-scrollbar{
		left:auto;
		right:10px;
	}
	.sub0101_wrap .container_wrap .work_list_scroll  .swiper-slide-active{
		height:130px !important;
	}
	.sub0101_wrap .container_wrap .work_list_scroll .swiper-scrollbar .swiper-scrollbar-drag{
		width:10px;
		left:-5px;
	}
	.sub0101_wrap #works .visual_dec > div{
		border:1px solid rgba(255,255,255,.5);
		color:#fff;
		font-size:2rem;
		line-height:1.8;
		font-weight:100;
		padding:2rem 2rem 2rem 2.4rem;
		display:inline-block;
		letter-spacing:6px;
		text-align:center;
		max-width:280px;
	}
	.sub0101_wrap > #info{
		padding:2rem 0 5rem 0;
	}
	.sub0101_wrap > #info h3{
		font-size:2.2rem;
		border-bottom:1px solid #222;
		padding-bottom:10px;
		margin-bottom:15px;
		display:inline-block;
		line-height:1.3;
		margin-left:0%;
	}
	.sub0101_wrap > #info .site_type{
		font-size:1.6rem;
		margin-left:0%;
	}
	.sub0101_wrap > #info .site_des{
		font-size:1.4rem;
		margin-bottom:20px;
	}
	.sub0101_wrap > #info .site_des br{
		display:none;
	}
	.sub0101_wrap > #info .site_uck{
		font-size:1.4rem;
	}
	.sub0101_wrap > #info .site_uck .title{
		width:110px;
	}
	.sub0101_wrap > #info .site_uck span{
		padding:2px 15px 0px 0px;
	}
	.sub0101_wrap #work_foot .prev, 
	.sub0101_wrap #work_foot .next{
		height:180px;
	}
	.sub0101_wrap #work_foot .project_app {
		text-align: center;
		padding: 50px 30px;
		background: url(../images/work/project_app_bg.jpg) no-repeat center center / cover;
		color: #fff;
		font-weight: 300;
		font-size: 1.5rem;
	}
	.sub0101_wrap #work_foot .project_app h3 {
		font-weight: 300;
		font-size: 2.2rem;
		margin: 10px 0 0 0;
		margin-bottom: 30px;
	}
	.sub0101_wrap #work_foot .project_app a{
		width:240px;
	}
	.sub0101_wrap #work_foot .box > p:nth-child(1),
	.sub0101_wrap #work_foot .box > p:nth-child(2){
		font-size:1.4rem
	}
	.sub0101_wrap #work_foot .list_view{
		    width: 50px;
			height: 50px;
			line-height:50px;
			margin-left: -25px;
			margin-top: -25px;
	}
}



/*sub0501_wrap*/
.title_h3{
	font-size:3.2rem;
	margin:0;
	margin-bottom:20px;
	font-weight:600;
}
.sub0501_wrap{}
.sub0501_wrap .txt1{
	font-size:1.6rem;
	line-height:1.6;
}
.sub0501_wrap .title-align{
	margin-left:-320px;
}
@media(max-width:1400px){
	.sub0501_wrap .title-align{
		margin-left:-260px;
	}
}
@media(max-width:1200px){
	.sub0501_wrap .title-align{
		margin-left:0px;
	}
}
.sub0501_wrap #clip_target{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
}
.sub0501_wrap > .inner{}
.sub0501_wrap > .inner > .box{}
.sub0501_wrap > .inner > .box > .item{
	position:relative;
	margin-bottom:100px;
	
}
.sub0501_wrap > .inner > .box > .item.contactus{
	background:url(../images/sub0501_bg01.jpg) no-repeat center center / cover;
	padding:125px;
}
.sub0501_wrap > .inner > .box > .item.contactus .fix_txt1{
	position:absolute;
	color:#c5c9d9;
	font-weight:900;
	font-size:3rem;
	top:-45px;
	left:0;
}
.sub0501_wrap > .inner > .box > .item.contactus .fix_txt2{
	position:absolute;
	color:#c5c9d9;
	font-size:2rem;
	top:115px;
	left:-145px;
	transform:rotate(-90deg);
	text-align:right;
	width:250px;
}

.sub0501_wrap .title{
	color:#fff;
}
.sub0501_wrap .title h4{
	font-size:3.4rem;
	margin-bottom:3rem;
}
.sub0501_wrap .cs_info{
	font-size:1.8rem;
	opacity:.4;
	line-height:1.8
}
.sub0501_wrap .cs_info > li{
	position:relative;
	padding-left:25px;
}
.sub0501_wrap .cs_info > li > i{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-9px;
}

.sub0501_wrap .map_item{
	position:relative;
}
.sub0501_wrap .map_item > .tab{
	position:absolute;
	width:450px;
	left:-280px;
	font-size:2rem;
	font-weight:800;
	z-index:2;
}
.sub0501_wrap .map_item > .tab a{
	color:#aaa;
	display:block;
	padding:12px 0;
	position:relative;
}
.sub0501_wrap .map_item > .tab .active a{
	color:#000;
}
.sub0501_wrap .map_item > .tab .active a:after{
	content:"";
	position:absolute;
	width:200px;
	height:4px;
	background:#000;
	left:140px;
	top:50%;
	margin-top:-2px;
}
.sub0501_wrap .map_item .addr{
	font-size:1.6rem;
	margin-top:15px;
}

.sub0501_wrap i.essential{
	border:1px solid red;
	position:absolute;
	right:-10px;
	top:2px;
	width:4px;
	height:4px;
	border-radius:100%;
	background:#f62121
}
@media(max-width:1400px){
	.sub0501_wrap .map_item > .tab{
		width:300px;
		left:-220px;
		font-size:2rem;
	}
	.sub0501_wrap .map_item > .tab .active a:after {
		width: 140px;
	}
}

@media(max-width:1200px){
	.sub0501_wrap > .inner > .box > .item.contactus {
		padding: 60px;
	}
	.sub0501_wrap .map_item > .tab{
		position:relative;
		width:300px;
		left:auto;
		font-size:2rem;
	}
	.sub0501_wrap .map_item > .tab li{
		display:none;
	}
	.sub0501_wrap .map_item > .tab .active{
		display:block;
	}
	.sub0501_wrap .map_item > .tab .active a:after {
		width: 140px;
	}
}
@media(max-width:991px){
	.title_h3{
		font-size:2.8rem;
	}
	.sub0501_wrap .title h4 {
		font-size: 3rem;
	}
	.sub0501_wrap .cs_info > li{
		float:left;
		width:50%;
	}
	.sub0501_wrap .cs_info {
		font-size: 1.6rem;
	}
}

@media(max-width:767px){
	.title_h3{
		font-size:2.4rem;
	}
	.sub0501_wrap .txt1{
		font-size:1.5rem;
	}
	.sub0501_wrap .title h4 {
		font-size: 2.6rem;
		margin-bottom: 2rem;
	}
	.sub0501_wrap .cs_info {
		font-size: 1.5rem;
	}
	.sub0501_wrap > .inner > .box > .item.contactus {
		padding: 40px;
	}
	.sub0501_wrap > .inner > .box > .item {
		margin-bottom:50px;
	}
	.sub0501_wrap > .inner > .box > .item.contactus .fix_txt1{
		font-size:2rem;
		top:-35px;
	}
	.sub0501_wrap > .inner > .box > .item.contactus .fix_txt2{
		font-size:1.6rem;
		top:-30px;
		left:auto;
		right:10px;
		transform:rotate(0deg);
		width:auto;
	}
	.sub0501_wrap .map_item .addr{
		font-size:1.4rem;
	}
}
@media(max-width:640px){
	.title_h3{
		font-size:2rem;
	}
	.sub0501_wrap .txt1{
		font-size:1.4rem;
	}
	.sub0501_wrap .title h4 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}
	.sub0501_wrap .cs_info {
		font-size: 1.4rem;
	}
	.sub0501_wrap > .inner > .box > .item.contactus {
		padding: 30px;
	}
	.sub0501_wrap > .inner > .box > .item {
		margin-bottom:40px;
	}
	.sub0501_wrap .map_item > .tab .active a:after {
		content: "";
		position: absolute;
		width: 120px;
		height: 2px;
		background: #000;
		left: 130px;
		top: 50%;
		margin-top: -1px;
	}
	.sub0501_wrap > .inner > .box > .item.contactus .fix_txt1{
		font-size:1.6rem;
		top:-25px;
	}
	.sub0501_wrap > .inner > .box > .item.contactus .fix_txt2{
		font-size:1.4rem;
		top:-25px;
	}
}





/*sub0301_wrap*/

.sub0301_wrap {
	padding-top:14rem;
}
.sub0301_wrap .text_item1{
	font-size:2rem;
}
.sub0301_wrap .text_item1 .title{
	font-size:5rem;
	font-weight:600;
	color:#333;
	line-height:1.4;
}
.sub0301_wrap.left_category_wrap .sc_box{
	width:500px;
}
.sub0301_wrap .scrollbar-inner{
	padding-left:60px;
}
.sub0301_wrap .list_scroll {
}
.sub0301_wrap .list_scroll div{
	color: white;
}
.sub0301_wrap .list_scroll div a{
	display:block;
	font-size:2rem;
	font-weight:800;
	color:#aaa;
	padding:12px 0;
	position:relative;
}
.sub0301_wrap .list_scroll div a.selected{
	color:#000;
}
.sub0301_wrap .list_scroll div a.selected:before{
	content:"# ";
}
.sub0301_wrap .list_scroll div a.selected:after{
	content:"";
	position:absolute;
	left:200px;
	/* left:230px; */
	top:50%;
	margin-top:-2px;
	height:4px;
	width:200px;
	background:#000;
}


.sub0301_wrap .scrollbar-inner{
	height:350px;
}

@media(max-width:1500px){
	.sub0301_wrap .text_item1 .title{
		font-size:4.2rem;
	}
	.sub0301_wrap .text_item1 .desc{
		font-size:16px;
		line-height:1.8
	}
	.sub0301_wrap .scrollbar-inner{
		padding-left:30px;
	}
	.sub0301_wrap .list_scroll div a{
		font-size:1.8rem;
	}
	.sub0301_wrap .list_scroll div a.active:after{
		width:140px;
		left:180px;
	}
}

@media(max-width:1200px){
	.sub0301_wrap .text_item1 .title{
		font-size:4rem;
	}
	.sub0301_wrap .text_item1 .desc{
		font-size:16px;
		line-height:1.8
	}
}
@media(max-width:991px){
	.sub0301_wrap .text_item1 .title{
		font-size:3rem;
	}
	.sub0301_wrap .text_item1 .title br{
		display:none;
	}
	.sub0301_wrap .text_item1 .desc{
		font-size:15px;
		line-height:1.8
	}
}

@media(max-width:767px){
	.sub0301_wrap .text_item1 .title{
		font-size:2.6rem;
	}
	.sub0301_wrap .text_item1 .title br{
		display:none;
	}
	.sub0301_wrap .text_item1 .desc{
		font-size:15px;
		line-height:1.8
	}
	.sub0301_wrap .text_item1 .desc br{
		display:none;
	}
}

@media(max-width:640px){
	.sub0301_wrap .text_item1 .title{
		font-size:2.2rem;
	}
	.sub0301_wrap .text_item1 .desc{
		line-height:1.7
	}

}


/*.sub0201_wrap*/
.sub0201_wrap .container_wrap{
	padding-top:22rem;
	position:relative;
}
.sub0201_wrap .container_wrap_inner{
	background:#f6f6f6;
	min-height:1000px;
	padding-top:610px;
	padding-bottom:22rem;
}
.sub0201_wrap .title{
	font-size:4.5rem;
	font-weight:300;
	margin:4rem 0 6rem 0;
	line-height:1.5;
	letter-spacing:-0.03em;
}
.sub0201_wrap .mind_third .title > span,
.browser_ie .sub0201_wrap .mind_third .title > span{
	font-weight:500;
	color:#fff;
	background:none;
	-webkit-text-fill-color: aliceblue;
}
.sub0201_wrap .title > span{
	font-weight:500;
	color:#fff;
	background: linear-gradient(to right, #94299d, #5b31b9);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.browser_ie .sub0201_wrap .title > span{
	background:none !important;
	color:#5b31b9;
}

.sub0201_wrap .s_title{
	font-size:2rem;
	font-weight:700;
	color:#bebebe;
}
.sub0201_wrap .text_box{
	font-size:1.8rem;
	line-height:2;
	font-weight:300;
	color:#666;
}
.sub0201_wrap .pl{
	padding-left:11rem;
}
.sub0201_wrap .vision{
	position:absolute;
	left:-10rem;
	top:0;
}
.sub0201_wrap .vision .text_box{
	padding-bottom:7rem;
}
.sub0201_wrap .vision .vision_text{
	position:absolute;
	transform:rotate(90deg);
	font-size:8rem;
	color:#7214b5;
	line-height:6.6rem;
	font-weight:800;
	opacity:.1;
	left:-24rem;
	top:20rem;
	z-index:2;
}
.sub0201_wrap .vision .vision_img{
	position:relative;
}
.sub0201_wrap .vision .vision_img .txt_img{
	position:absolute;
	left:0;
	top:0;
}
.sub0201_wrap .vision .vision_img .txt_img.last{
	z-index:10;
	opacity:0;
}
.sub0201_wrap .vision .vision_img .txt_img.last.aos-animate{
	opacity:1;
}

.sub0201_wrap .mind_second {
	position:relative;
	margin-top:20rem;
}
.sub0201_wrap .mind_second > div{
	position:relative;
	z-index:2;
}
.circle_rotate{
	border:1px solid #ccc;
	position:absolute;
	top:50%;
	margin-top:-500px;
	left:-700px;
	width:1000px;
	height:1000px;
	border-radius:100%;
}
.circle_rotate:after{
	content:"";
	position:absolute;
	right:-8px;
	top:50%;
	width:15px;
	height:15px;
	border:5px solid #4e32c0;
	border-radius:100%;
	z-index:1;
}
.sub0201_wrap .mind_second .video_whale{
	position:relative;
	
}
.sub0201_wrap .mind_second .video_whale img{
}
.sub0201_wrap .mind_second .whale_video_box{
	position:absolute;
	left:-80px;
	top:50%;
	margin-top:-230px;
	transform:translateX(-300px);
	transition:all 7s ease-in-out;
	z-index:5;
}
.sub0201_wrap .mind_second .whale_video_box.aos-animate{
	transform:translateX(-50px);
}
.sub0201_wrap .mind_second .earth{
	background:url(../images/company/sub0201_img03.png) no-repeat center center / cover;
	width:550px;
	height:550px;
	overflow:hidden;
	border-radius:100%;
	position:relative;
	z-index:2;
}
.sub0201_wrap .mind_second .earth p{
	position:absolute;
	width:2px;
	height:2px;
	display:none;
}




.sub0201_wrap .mind_third{
	background:#f1f1f1;
}
.sub0201_wrap .mind_third .left_category_wrap2{
	min-height:auto;
}
.sub0201_wrap .mind_third .visual{
	height:760px;
	background:url(../images/company/sub0201_img04.jpg) no-repeat center center / cover;
	padding-top:14rem;
}
.sub0201_wrap .business_area{
	background:#fff;
	border-radius:50px 0px 0px 0px;
	padding:18rem 0 16rem 16rem;
	margin-top:-160px;
}

.sub0201_wrap .business_area .title{
	font-size:4.5rem;
	font-weight:800;
	color:#222;
	padding-right:12rem;
	width:500px;
}
.sub0201_wrap .business_area .title_dec{
	font-size:1.8rem;
	font-weight:300;
	line-height:1.8;
	position:relative;
	padding-left:60px;
}
.sub0201_wrap .business_area .title_dec:after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.05);
}
.sub0201_wrap  .business_step{
	padding-top:15rem;
}
.sub0201_wrap  .business_step > ul > li{
	float:left;
	font-size:1.6rem;
	font-weight:300;
	line-height:2.4;
	margin-right:10rem;
}
.sub0201_wrap  .business_step > ul > li:last-child{
	margin-right:0;
}
.sub0201_wrap  .business_step > ul > li h5{
	font-size:2rem;
	line-height:2;
	font-weight:600;
	color:#222;
	margin-bottom:2rem;
}
.sub0201_wrap  .business_step > ul > li h5 span{
	font-size:2.5rem;
}

.sub0201_wrap .award_wrap{
	background:url(../images/company/sub0201_award_bg.jpg) no-repeat center center / cover;
	padding:180px 0;
}
.sub0201_wrap .award_wrap h3{
	color:#fff;
	font-size:45px;
	font-weight:800;
	text-align:center;
	margin:0;
	margin-bottom:12rem;
}
.sub0201_wrap .award_scroll_wrap{
	padding-left:120px;
}
.sub0201_wrap .award_scroll_wrap .award_list_scroll{
	padding-bottom:100px;
}
.sub0201_wrap .award_scroll_wrap .award_list_scroll .swiper-slide{
	width:200px;
}
.sub0201_wrap .award_wrap .swiper-scrollbar{
	height:6px;
	margin-top:20px;
	bottom:16px;
	width:90%;
	left:auto;
	right:2%;
}

.sub0201_wrap .award_wrap .swiper-scrollbar .swiper-scrollbar-drag{
	background:rgba(255,255,255,.3);
}
.sub0201_wrap .award_wrap .swiper-button-next:after,
.sub0201_wrap .award_wrap .swiper-button-prev:after{
	display:none;
}
.sub0201_wrap .award_wrap .swiper-button-next,
.sub0201_wrap .award_wrap .swiper-button-prev{
	color:#fff;
	font-size:2.4rem;
	right:auto;
	left:0;
	top:auto;
	bottom:0px;
}
.sub0201_wrap .award_wrap .swiper-button-next{
	left:50px;
}

.sub0201_wrap .our_purpose_client{
	padding:16rem 0 10rem;
}

.sub0201_wrap .our_purpose_client h3.title{
	color:#222;
	font-size:45px;
	font-weight:800;
	margin:0;
	margin-bottom:12rem;
	line-height:1.1
}

.sub0201_wrap .swiper-our-purpose-client {
  width: 100%;
  height: 100%;
  position:relative;
}

.sub0201_wrap .client_box{
	position:relative;
	height:460px;
}
.sub0201_wrap .client_box:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	height:150px;
	width:100%;
	background:red;
	z-index:5;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.sub0201_wrap .swiper-our-purpose-client  .swiper-slide {
  height: auto;
}
.sub0201_wrap .swiper-our-purpose-client  .swiper-slide li{
	padding:15px 0;
}
.sub0201_wrap .swiper-our-purpose-client .swiper-scrollbar-drag{
	background:rgba(0,0,0,.1)
}

@media(max-width:1600px){
	.sub0201_wrap .vision{
		left:-6rem;
	}
	.sub0201_wrap .vision .vision_text {
		font-size: 7rem;
		left: -22rem;
		top: 15rem;
	}
	.sub0201_wrap .pl{
		padding-left:8rem;
	}
	.sub0201_wrap .vision_img{
		width:45%;
	}
	.sub0201_wrap .container_wrap_inner{
		min-height:600px;
		padding-top: 420px;
		padding-bottom: 22rem;
	}
	.sub0201_wrap.left_category_wrap,
	.sub0201_wrap .left_category_wrap2{
		    padding-left: 220px;
	}
	.sub0201_wrap .business_area{
		padding: 12rem 0 10rem 10rem;
		margin-top: -100px
	}
}
@media(max-width:1400px){
	.sub0201_wrap.left_category_wrap,
	.sub0201_wrap .left_category_wrap2{
		padding-left: 160px;
	}
	.sub0201_wrap .vision_img{
		width:40%;
	}
	.sub0201_wrap .vision{
		left:-2rem;
	}
	.sub0201_wrap .vision .vision_text {
		font-size: 5rem;
		left: -16rem;
		top: 15rem;
		line-height:4.5rem;
	}
	.sub0201_wrap .pl{
		padding-left:6rem;
	}
	.sub0201_wrap .vision .text_box {
		padding-bottom: 3rem;
	}
	.sub0201_wrap .container_wrap_inner{
		min-height:600px;
		padding-top: 320px;
		padding-bottom: 22rem;
	}
	.sub0201_wrap .business_area .title{
		padding-right: 5rem;
		width:400px;
		    font-size: 4em;
	}
	.sub0201_wrap .business_step > ul > li {
		margin-right: 6rem;
	}
}
@media(max-width:1200px){
	.sub0201_wrap.left_category_wrap,
	.sub0201_wrap .left_category_wrap2{
		padding-left: 100px;
	}
	.sub0201_wrap .title{
		font-size:3.6rem;
		margin: 2rem 0 4rem 0;
	}
	.sub0201_wrap .container_wrap_inner{
		padding-top: 220px;
		padding-bottom: 15rem;
	}
	.mind_first .mind_img img{
		min-width:340px;
	}
	.sub0201_wrap .mind_second {
		margin-top: 15rem;
	}
	.sub0201_wrap .mind_second .whale_video_box {
		margin-top: -160px;
	}
	.sub0201_wrap .mind_second .whale_video_box canvas{
		width:550px !important;
		height:350px !important;
	}
	.sub0201_wrap .mind_third .visual {
		height: 660px;
		padding-top: 10rem;
	}
	.sub0201_wrap .business_area {
		padding: 6rem 0 6rem 6rem;
		margin-top: -100px;
	}
	.sub0201_wrap .business_area .title {
		padding-right: 5rem;
		font-size: 3.4em;
	}
	.sub0201_wrap .business_area .title_dec {
		font-size: 1.7rem;
		padding-left: 0px;
	}
	.sub0201_wrap .business_step {
		padding-top: 10rem;
	}
	.sub0201_wrap .business_step > ul > li h5 {
		font-size: 1.8rem;
	}
	.sub0201_wrap .business_step > ul > li h5 span {
		font-size: 2.2rem;
	}
	.sub0201_wrap .business_step > ul > li {
		margin-right: 4rem;
		font-size: 1.5rem;
		line-height: 2.2;
	}
	.sub0201_wrap .award_wrap {
		background: url(../images/company/sub0201_award_bg.jpg) no-repeat center center / cover;
		padding: 120px 0;
	}
	.sub0201_wrap .award_wrap h3{
		font-size: 3.6rem;
		margin-bottom: 8rem;
	}
	.sub0201_wrap .our_purpose_client {
		padding: 12rem 0 6rem;
	}
	.left_category_wrap, .left_category_wrap2 {
		padding-top: 4rem;
	}
	.sub0201_wrap .our_purpose_client h3.title{
		font-size: 3.6rem;
	}

}

@media(max-width:991px){
	


	.sub0201_wrap .container_wrap_inner {
		padding-top: 0px;
		padding-bottom: 10rem;
	}
	.sub0201_wrap.left_category_wrap, .sub0201_wrap .left_category_wrap2 {
		padding-left: 60px;
	}
	.sub0201_wrap .container_wrap {
		padding-top: 8rem;
		position: relative;
	}
	.sub0201_wrap .vision{
		position:relative;
		left:0;
		margin-bottom:6rem;
	}
	.sub0201_wrap .vision_img{
		text-align:center;
		padding-bottom:18rem;
		background:#fff;
	}
	.sub0201_wrap .vision_img img{
		max-width:600px;
	}
	.sub0201_wrap .vision .vision_text{
		font-size: 5rem;
		left: 3rem;
		top: 12rem;
		line-height: 4.5rem;
		text-align:left;
	}
	.sub0201_wrap  .mind_first{
		background:#f6f6f6
	}
	.sub0201_wrap .pl{
		padding-left:0;
	}
	.sub0201_wrap .title {
		font-size: 3.6rem;
		margin: 2rem 0 2rem 0;
	}
	.sub0201_wrap .vision_txt{
		margin-top:-75px;
	}
	.sub0201_wrap .mind_second .whale_video_box.aos-animate {
		transform: translateX(130px);
	}
	.sub0201_wrap .mind_third .left_category_wrap2 {
		padding-left:60px;
	}
	.sub0201_wrap .mind_third .visual {
		height: 480px;
		padding-top: 5rem;
	}
	.sub0201_wrap .business_step > ul > li h5 span {
		font-size: 2rem;
	}
	.sub0201_wrap .business_step > ul > li h5 {
		font-size: 1.7rem;
		    line-height: 1.8;
	}
	.sub0201_wrap .business_step > ul > li {
		margin-right: 0;
		width:50%;
		font-size: 1.4rem;
		line-height: 2;
	}
	.sub0201_wrap .award_scroll_wrap .award_list_scroll .swiper-slide{
		width:160px;
	}
	.sub0201_wrap .award_scroll_wrap .award_list_scroll .swiper-slide img{
		width:100%;
	}
	.sub0201_wrap .award_wrap {
		padding: 80px 0;
	}
	.sub0201_wrap .award_scroll_wrap{
		padding-left:60px;
	}
	.sub0201_wrap .award_wrap h3 {
		margin-bottom: 5rem;
	}
	.sub0201_wrap .award_wrap .swiper-scrollbar{
		width:80%;
	}

	.sub0201_wrap .our_purpose_client h3.title{
		margin-bottom: 8rem;
	}

	

}
@media(max-width:767px){
	.sub0201_wrap .title {
		font-size: 3rem;
		margin: 1rem 0 2rem 0;
	}
	.sub0201_wrap .business_area .title,
	.sub0201_wrap .award_wrap h3,
	.sub0201_wrap .our_purpose_client h3.title{
		font-size: 3rem;
	}
	.sub0201_wrap .s_title {
		font-size: 1.6rem;
	}
	.sub0201_wrap .text_box{
		font-size:1.5rem;
	}
		.sub0201_wrap .vision_txt {
		margin-top: -55px;
	}
	.sub0201_wrap.left_category_wrap, .sub0201_wrap .left_category_wrap2 {
		padding-left: 0px;
	}
	.sub0201_wrap .vision_img{
		padding:0px 30px 0px 30px;
		padding-bottom: 10rem;
	}
	.sub0201_wrap .vision .vision_text{
		font-size: 4rem;
		left: -4rem;
		top: 12rem;
		line-height: 3.5rem;
		text-align: left;
	}
	.sub0201_wrap .mind_second .video_whale{
		padding:0px 40px;
	}
	.sub0201_wrap .mind_second .whale_video_box.aos-animate {
		transform: translateX(18%);
	}
	.sub0201_wrap .mind_second .whale_video_box {
		margin-top: -100px;
	}
	.sub0201_wrap .mind_second .whale_video_box canvas {
		width: 400px !important;
		height: 250px !important;
	}
	.sub0201_wrap .mind_third .left_category_wrap2 {
		padding-left: 0px;
		text-align:center;
	}
	.sub0201_wrap .mind_third .visual {
		height: 400px;
		padding-top: 5rem;
	}
	.sub0201_wrap .business_area{
		padding: 3rem 0 3rem 3rem;
	}
	.sub0201_wrap .our_purpose_client {
		padding: 6rem 0 4rem;
	}
	.sub0201_wrap .our_purpose_client h3.title {
		margin-bottom: 4rem;
	}
	.sub0201_wrap .business_area .title_dec {
		font-size: 1.6rem;
		padding-left: 0px;
	}

}


@media(max-width:640px){
	.sub0201_wrap .title {
		font-size: 2.6rem;
		margin: 1rem 0 2rem 0;
	}
	.sub0201_wrap .business_area .title,
	.sub0201_wrap .award_wrap h3,
	.sub0201_wrap .our_purpose_client h3.title{
		font-size: 2.6rem;
	}
	.sub0201_wrap .s_title {
		font-size: 1.5rem;
	}
	.sub0201_wrap .business_area .title_dec {
		font-size: 1.4rem;
		padding-left: 0px;
	}
	.sub0201_wrap .text_box{
		font-size:1.4rem;
	}
		.sub0201_wrap .vision_txt {
		margin-top: -50px;
	}
	.sub0201_wrap.left_category_wrap, .sub0201_wrap .left_category_wrap2 {
		padding-left: 0px;
	}
	.sub0201_wrap .vision_img{
		padding:0px 20px 0px 20px;
		padding-bottom: 6rem;
	}
	.sub0201_wrap .mind_second {
		margin-top: 10rem;
	}
	.sub0201_wrap .vision .vision_text{
		font-size: 4rem;
		left: -4rem;
		top: 12rem;
		line-height: 3.5rem;
		text-align: left;
	}
	.sub0201_wrap .mind_second .video_whale{
		padding:0px 40px;
	}
	.sub0201_wrap .mind_second .whale_video_box.aos-animate {
		transform: translateX(18%);
	}
	.sub0201_wrap .mind_second .whale_video_box {
		margin-top: -100px;
	}
	.sub0201_wrap .mind_second .whale_video_box canvas {
		width: 400px !important;
		height: 250px !important;
	}
	.sub0201_wrap .mind_third .left_category_wrap2 {
		padding-left: 0px;
		text-align:center;
	}
	.sub0201_wrap .mind_third .visual {
		height: 400px;
		padding-top: 5rem;
	}
	.sub0201_wrap .business_area{
		padding: 3rem 0 3rem 3rem;
	}
	.sub0201_wrap .our_purpose_client {
		padding: 6rem 15px 4rem 15px;
	}
	.sub0201_wrap .our_purpose_client h3.title {
		margin-bottom: 4rem;
	}
	.sub0201_wrap .business_step {
		padding-top: 6rem;
	}
	.sub0201_wrap .business_step > ul > li h5 span {
		font-size: 1.8rem;
	}
	.sub0201_wrap .business_step > ul > li h5 {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.sub0201_wrap .business_step > ul > li {
		font-size: 1.3rem;
	}
	.sub0201_wrap .award_scroll_wrap .award_list_scroll .swiper-slide{
		width:120px;
	}
	.sub0201_wrap .award_wrap .swiper-scrollbar{
		width:70%;
	}


}



/*sub0401_wrap*/
.sub0401_wrap{}
.sub0401_wrap > .title{
	text-align:center;
	position:relative;
	padding-top:7rem;
}
.sub0401_wrap > .title .inner{
	position:absolute;
	width:100%;
	lefT:0;
	top:0;
}
.sub0401_wrap > .title  h3{
	font-size:4.6rem;
	margin-bottom:50px;
	line-height:1.4;
	font-weight:600;
	color:#000;
	margin-top:0;
}
.sub0401_wrap > .title  p{
	font-size:2.6rem;
	line-height:1.6;
	font-weight:400;
	color:#000;
	padding-left:80px;
}
.sub0401_wrap > .title > .recruit_bg{
	position:relative;
	z-index:-1;
	overflow:hidden;
	padding-bottom:16rem;
}
.sub0401_wrap > .title > .recruit_bg > div:first-child{
	width:60%;
	max-width:1115px;
	position:absolute;
	left:0;
	bottom:0;
	overflow:hidden;
}
.sub0401_wrap > .title > .recruit_bg > div:last-child{
	width:35%;
	height:60%;
	max-width:650px;
	float:right;
	overflow:hidden;
	position:relative;
}
.sub0401_wrap > .title > .recruit_bg > div::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#aaa;
	transition:all .8s ease-in-out .2s;
}
.sub0401_wrap > .title > .recruit_bg > div.aos-init::after{
	left:101%;
}
.sub0401_wrap > .title > .recruit_bg > div img{
	transition:all 2s ease-in-out .6s;
	transform:scale(1.2);
}
.sub0401_wrap > .title > .recruit_bg > div.aos-init img{
	transform:scale(1);
}

.sub0401_wrap .passion_logos{
	position:relative;
	overflow:hidden;
}

.sub0401_wrap .passion_logos .container{
	position:relative;
	z-index:10;
}
.sub0401_wrap .passion_logos .triple_title > div:first-child{
	width:300px;
}
.sub0401_wrap .passion_logos .triple_title > div:last-child{
	font-size:3rem;
}
.sub0401_wrap .passion_logos .triple_img{
	text-align:right;
	margin-top:100px;
}
.sub0401_wrap .passion_logos .title2{
	font-size:4.6rem;
	margin-top:120px;
	line-height:1.4;
	color:#222;
	font-weight:600;
	margin-bottom:70px;
}
.sub0401_wrap .passion_logos .circle_rotate{
	z-index:5;
	top:550px;
	left:-600px;
}

.recruit_list_container,
.recruit_app{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
.recruit_list_container .recruit_list{
	border-top:1px solid #000;
}
.recruit_list_container .recruit_list > li{
	border-bottom:1px solid #ddd;
}
.recruit_list_container .recruit_list > li.active{
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	margin-top:-1px;
}
.recruit_list_container .recruit_list > li > a{
	display:block;
	padding:35px 0;
	position:relative;
}
.recruit_list_container .recruit_list > li > a > i{
	position:absolute;
	right:40px;
	top:40px;
	font-size:2.4rem;
	color:#000;
	transition:all .3s ease-in-out;
}
.recruit_list_container .recruit_list > li.active > a > i{
	transform:rotate(180deg);
}

.recruit_list_container .recruit_list .category{
	font-size:2rem;
	color:#000;
	font-weight:600;
	width:250px;
	padding-left:40px
}
.recruit_list_container .recruit_list .view_box{
	display:none;
}
.recruit_list_container .recruit_list li.open .view_box{
	display:block;
}

.recruit_list_container .recruit_list .subject{
	font-size:1.6rem;
	color:#222;
	font-weight:400;
	line-height:1.6;
	vertical-align:top;
}
.recruit_list_container .recruit_list .desc{
	font-size:1.4rem;
	font-weight:300;
	color:#777;
	padding-top:30px;
}

@media(max-width:992px){
	.sub0401_wrap > .title .inner .container{padding-top:0 !important;}
	.sub0401_wrap > .title h3{
		font-size:3.6rem;
	}
	.sub0401_wrap > .title p{
		font-size:2rem;
	}
	.sub0401_wrap .passion_logos:after{
		height:360px;
		right:-150px;
	}
	.sub0401_wrap  .sub_title_shadow{
		font-size:4rem;
	}
	.sub0401_wrap .passion_logos .triple_img{
		padding:0px 50px;
		    margin-top: 70px;
	}
	.sub0401_wrap .passion_logos .triple_title > div:last-child{
		font-size:2.4rem;
	}
	.sub0401_wrap .passion_logos .title2{
		font-size:3.6rem;
		margin-top:80px;
		margin-bottom: 50px;
	}
	.sub0401_wrap .passion_logos .circle_rotate{
		z-index:5;
		top:550px;
		left:-500px;
		width:600px;
		height:600px;
	}
	.sub0401_wrap > .title > .recruit_bg{
		padding-bottom:10rem;
	}
}

@media(max-width:767px){
	.sub0401_wrap > .title{
		margin-bottom:30px;
		padding-top:5rem;
	}
	.sub0401_wrap > .title  h3{
		font-size:2.4rem;
		margin-bottom: 20px
	}
	.sub0401_wrap > .title  p{
		font-size:1.6rem;
		padding-left:40px;
	}
	.sub0401_wrap .passion_logos:after{
		height:360px;
		right:-150px;
	}
	.sub0401_wrap  .sub_title_shadow{
		font-size:2.8rem;
		text-align:center;
	}
	.sub0401_wrap .passion_logos .triple_img{
		padding:0px 20px;
		    margin-top: 40px;
	}
	.sub0401_wrap .passion_logos .triple_title > div:last-child{
		font-size:1.8rem;
		text-align:center;
		margin-bottom:25px;
	}
	.sub0401_wrap .passion_logos .title2{
		font-size:2.4rem;
		margin-top:0px;
		margin-bottom: 30px;
	}
	.sub0401_wrap > .title > .recruit_bg{
		padding-bottom:6rem;
	}
}



/*개인정보 처리방침 팝업*/
#privacy_pop{

}
#privacy_pop .modal-dialog{
	height:85%;
	overflow-y:scroll;
}