@keyframes rotate {
	0%	{transform: rotate(0deg);}
	100%	{transform: rotate(360deg);}
}

@keyframes rotate2 {
	0%	{transform: rotate(0deg);}
	100%	{transform: rotate(-360deg);}
}

@keyframes bling {
	0%	{opacity:1;}
	25%	{opacity:1;}
	50% {opacity:0;}
	75%	{opacity:1;}
	100% {opacity:1;}
}

@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@keyframes marquee2 {
	from { transform: translateX(0); }
	to { transform: translateX(50%); }
}

@keyframes marqueeup {
	from { transform: translateY(0); }
	to { transform: translateY(-50%); }
}
@keyframes marqueedown {
	from { transform: translateY(0); }
	to { transform: translateY(50%); }
}

* {border-width:0; margin:0; word-break:keep-all; box-sizing:border-box;}
* {image-rendering: -moz-crisp-edges;
	image-rendering:   -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#fff;}
body::-webkit-scrollbar-track{
	 /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	 /*border-radius:100px;*/
	 background:#eee;
}
body::-webkit-scrollbar{
	 width: 7px;
	 background-color: transparent;
}
body::-webkit-scrollbar-thumb{
	 /*border-radius: 100px;*/
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	 background: #000;
}
strong {font-weight:normal;}
ul {padding:0; margin:0;}
li {list-style:none;}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 

.wrap {top:0px; width:100%; min-width:1260px; max-width:2000px; margin:0 auto; overflow:hidden;}
	.centerdiv {width:100%; max-width:1460px; margin:0 auto; padding:0 50px;}
	.relative {position:relative; left:0; top:0;}
	.bookmark {position:absolute; top:0; left:0;}
	.analisys .bookmark {top:-200px;}

@media (max-width:750px){
.wrap {min-width:100%; overflow:hidden;}
	.centerdiv {width:100%; padding:0 10px;}
	.bookmark {top:-100px;}
}





.body_open {overflow:hidden;}
.body_youtube {overflow:hidden;}
.body_open .online_inquiry_contents {bottom:0; opacity:1;}





/*Çì´õ*/
.header {position:fixed; top:0; left:0; width:100%; min-width:1460px; padding:40px 50px; z-index:99; transition:all .3s ease; -webkit-transition:all .3s ease;}
.header * {transition:all .3s ease; -webkit-transition:all .3s ease;}
.header_fix {background:rgba(0,0,0,.9); padding:20px 50px;}

	.header .logo {float:left;}
		.header .logo a {position:relative; display:block; font-family:'Pretendard'; font-weight:900; font-size:45px; line-height:50px; color:#fff; text-decoration:none;}
			.header .logo a strong {font-weight:900; font-size:20px;}
			.header .logo div {position:absolute; top:-10px; left:105%; font-weight:500; font-size:15px;}

	.header .navi {float:right;}
		.header .navi li {float:left; margin:0 20px;}
		.header .navi li:first-child {margin-left:0;}
		.header .navi li:last-child {margin-right:0;}
			.header .navi li a {position:relative; display:block; font-family:'Pretendard'; font-weight:400; text-align:center; font-size:20px; line-height:50px; color:#fff; cursor:pointer; text-decoration:none;}
				.header .navi li a div {position:absolute; top:0; left:50%; opacity:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); white-space:nowrap;}
			.header .navi li a:hover {color:transparent;}
				.header .navi li a:hover div {color:#fff; opacity:1;}
			.header .navi .on a {font-weight:500; color:#e6aa62;}
				.header .navi .on a:hover div {color:#e6aa62;}

@media (max-width:750px){
.header {min-width:100%; padding:20px 10px;}
.header_fix {padding:10px;}

	.header .logo {float:none; display:table; text-align:center; margin:0 auto;}
		.header .logo a {font-size:27px; line-height:27px;}
			.header .logo a strong { font-size:13px;}
			.header .logo div {top:-6px; right:0; font-size:8px;}

	.header .navi {width:100%; margin-top:10px;}
		.header .navi li {float:left; width:25%; margin:0;}
			.header .navi li a {font-size:12px; line-height:20px;}
}





/*ǪÅÍ*/
.bottom {display:table; width:100%; min-width:1260px; background:#191919; padding:80px 50px 140px;}
	.bottom .company_title {float:left; font-family:'Pretendard'; font-weight:900; font-size:40px; line-height:40px; color:#fff;}
		.bottom .company_title strong {font-weight:900; font-size:20px;}
	.bottom .company_info {clear:both; width:100%; margin:70px 0 0;}
		.bottom .company_info li {float:left; margin:0 15px 0 0; font-family:'Pretendard'; font-weight:300; font-size:18px; line-height:20px; color:#ccc;}
		.bottom .company_info a {font-family:'Pretendard'; font-weight:300; font-size:17px; text-decoration:none; color:#000;}
		
@media (max-width:750px){
.bottom {min-width:100%; padding:20px 10px 60px;}
	.bottom .company_title {font-size:23px; line-height:25px;}
		.bottom .company_title strong {font-size:15px;}
	.bottom .company_info {margin:30px 0 0;}
		.bottom .company_info li {margin:0 8px 8px 0; font-size:11px; line-height:15px;}
		.bottom .company_info a {font-size:11px;}
}





/*¿Â¶óÀλó´ã*/
.footer_customer_btn {position:fixed; bottom:0; left:0; width:100%; z-index:99;}
	.footer_customer_btn .footer_customer_btn_contents {position:absolute; display:table; bottom:50px; box-shadow:0 0 5px rgba(0,0,0,.3); border:2px solid #e6aa62; background:rgba(0,0,0,.9); transition:all .3s ease; -webkit-transition:all .3s ease;}
	.wrap_fix .footer_customer_btn .footer_customer_btn_contents {bottom:20px;}
	.footer_customer_btn .footer_customer_btn_contents:hover {background:#e6aa62;}
	.footer_customer_btn .customer {left:50px;}
	.footer_customer_btn .inquiry {right:50px;}
		.footer_customer_btn .footer_customer_btn_contents span {position:relative; padding-left:25px;}
		.footer_customer_btn a {display:block; font-family:'Pretendard'; text-align:center; font-weight:800; font-size:22px; line-height:25px; color:#e6aa62; padding:20px; text-decoration:none; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.footer_customer_btn .footer_customer_btn_contents:hover a {color:#000;}
		.footer_customer_btn .footer_customer_btn_contents i {position:absolute; top:1px; left:0; font-size:24px;}
		
@media (max-width:750px){
.footer_customer_btn {padding:5px;}
	.footer_customer_btn .footer_customer_btn_contents {position:relative; bottom:0; width:49.5%; border-width:.5px;}
	.wrap_fix .footer_customer_btn .footer_customer_btn_contents {bottom:0;}
	.footer_customer_btn .customer {float:left; left:0;}
	.footer_customer_btn .inquiry {float:right; right:0;}
		.footer_customer_btn .footer_customer_btn_contents span {padding-left:20px;}
		.footer_customer_btn a {font-size:11px; line-height:15px; padding:10px 0;}
		.footer_customer_btn .footer_customer_btn_contents i {top:-3px; font-size:18px;}
}





/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.contents-section {clear:both; position:relative; width:100%; min-width:1260px; padding:200px 0;}

@media (max-width:750px){
.contents-section {min-width:100%; padding:50px 0;}
}





/*ÀÎÆ®·Î*/
.intro {padding:0; overflow:hidden;}
	.intro .intro_contents {position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:4; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
		.intro .intro_contents .intro_title {width:100%; text-align:center; font-size:0;}
			.intro .intro_contents .intro_title li {clear:both; font-family:'Pretendard'; color:#fff;}
			.intro .intro_contents .intro_title li:nth-child(1) {font-weight:100; font-size:60px; line-height:70px;}
			.intro .intro_contents .intro_title li:nth-child(2) {font-weight:900; font-size:95px; line-height:95px;}
				.intro .intro_contents .intro_title li:nth-child(2) span {font-size:45px;}
			.intro .intro_contents .intro_title li:nth-child(3) {font-weight:100; font-size:25px; line-height:35px;}
				.intro .intro_contents .intro_title li:nth-child(3) strong {font-weight:500;}
	.intro .movie {position:relative; width:100%; height:100vh; background:#000; overflow:hidden;}
		.intro .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;}
		.intro .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:1100px; z-index:1; margin-top:-550px; margin-left:-1250px; opacity:.6;}

@media (max-width:750px){
.intro {}
			.intro .intro_contents .intro_title li:nth-child(1) {font-size:19px; line-height:30px;}
			.intro .intro_contents .intro_title li:nth-child(2) {font-size:32px; line-height:45px;}
				.intro .intro_contents .intro_title li:nth-child(2) span {font-size:22px;}
			.intro .intro_contents .intro_title li:nth-child(3) {font-size:12px; line-height:15px;}
	.intro .movie {height:60vh;}
		.intro .movie iframe {height:600px; margin-top:-300px;}
}





.section_title {width:100%;}
	.section_title li {width:100%; font-family:'Pretendard'; text-align:center; color:#fff;}
	.section_title li:nth-child(1) {font-weight:900; font-size:60px; line-height:70px;}
	.section_title li:nth-child(2) {font-weight:200; font-size:35px; line-height:40px;}
		.section_title li:nth-child(2) strong {font-weight:700; color:#e6aa62;}
	.section_title li:nth-child(3) {font-weight:200; font-size:25px; line-height:40px;}

@media (max-width:750px){
	.section_title li:nth-child(1) {font-size:20px; line-height:30px;}
	.section_title li:nth-child(2) {font-size:15px; line-height:16px;}
	.section_title li:nth-child(3) {font-size:12px; line-height:15px; margin:2px auto;}
}





@keyframes company_bg1 {
	0% {background:transparent;} 0.01% {background:#005871;} 16.66% {background:#005871;} 16.67% {background:transparent;}
}
@keyframes company_bg2 {
	16.66% {background:transparent;} 16.67% {background:#005871;} 33.32% {background:#005871;} 33.33% {background:transparent;}
}
@keyframes company_bg3 {
	33.32% {background:transparent;} 33.33% {background:#005871;} 49.98% {background:#005871;} 49.99% {background:transparent;}
}
@keyframes company_bg4 {
	49.98% {background:transparent;} 49.99% {background:#005871;} 66.64% {background:#005871;} 66.65% {background:transparent;}
}
@keyframes company_bg5 {
	66.64% {background:transparent;} 66.65% {background:#005871;} 83.30% {background:#005871;} 83.31% {background:transparent;}
}
@keyframes company_bg6 {
	83.30% {background:transparent;} 83.31% {background:#005871;} 99.99% {background:#005871;} 100% {background:transparent;}
}
.company {background:url('../images/company_bg.jpg') no-repeat center; background-size:cover; padding:200px 50px;}
	.company .company_contents {width:100%; display:inline-flex; flex-wrap:wrap; justify-content:center; margin-top:50px;}
		.company .company_contents ul {display:inline-block; width:32.83%; margin:.25%; padding:80px 30px; border:1px solid rgba(255,255,255,.1);}
		.company .company_contents ul:nth-child(1) {animation:company_bg1 10s linear infinite;}
		.company .company_contents ul:nth-child(2) {animation:company_bg2 10s linear infinite;}
		.company .company_contents ul:nth-child(3) {animation:company_bg3 10s linear infinite;}
		.company .company_contents ul:nth-child(4) {animation:company_bg4 10s linear infinite;}
		.company .company_contents ul:nth-child(5) {animation:company_bg5 10s linear infinite;}
		.company .company_contents ul:nth-child(6) {animation:company_bg6 10s linear infinite;}
			.company .company_contents li {width:100%; font-family:'Pretendard'; font-weight:200; text-align:center; color:#fff;}
			.company .company_contents li:nth-child(1) {font-size:45px;}
			.company .company_contents li:nth-child(2) {font-size:27px; line-height:30px; margin-top:30px;}
				.company .company_contents li:nth-child(2) strong {font-weight:800;}

@media (max-width:750px){
.company {padding:50px 10px;}
	.company .company_contents {margin-top:30px;}
		.company .company_contents ul {padding:30px 10px; border-width:.5px;}
			.company .company_contents li:nth-child(1) {font-size:20px;}
			.company .company_contents li:nth-child(2) {font-size:13px; line-height:17px; margin-top:15px;}
}
@media (max-width:350px){
		.company .company_contents ul {width:49.5%;}
}





.business {display:table; padding:200px 50px 50px;}
.business * {transition:all .3s ease; -webkit-transition:all .3s ease;}
	.business .section_title li {color:#000;}
		.business .section_title li:nth-child(2) strong {font-weight:700; color:#005871;}
	.business .business_contents {width:100%; margin-top:50px;}
		.business .business_contents .business_box {position:relative; float:left; width:25%; height:820px; background-size:cover !important;}
		.business .business_contents .business_box:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:.5; z-index:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.business .business_contents:hover .business_box {width:16.66%;}
		.business .business_contents .business_box1 {background:url('../images/business_img01.jpg') no-repeat center;}
		.business .business_contents .business_box2 {background:url('../images/business_img02.jpg') no-repeat center;}
		.business .business_contents .business_box3 {background:url('../images/business_img03.jpg') no-repeat center;}
		.business .business_contents .business_box4 {background:url('../images/business_img04.jpg') no-repeat center;}
		.business .business_contents .business_box:hover {width:50% !important;}
		.business .business_contents .business_box:hover:after {opacity:.2;}
			.business .business_contents .business_box .business_text {position:absolute; top:200px; left:0; width:100%; padding:0 30px; z-index:3;}
				.business .business_contents .business_box .business_text li {width:100%; font-family:'Pretendard'; font-weight:200; text-align:left; color:#fff; margin:20px 0;}
				.business .business_contents .business_box .business_text li:nth-child(1) {font-weight:200; font-size:20px; line-height:30px; opacity:0;}
				.business .business_contents .business_box .business_text li:nth-child(2) {font-weight:500; font-size:30px; line-height:35px; transition:none; -webkit-transition:none;}
				.business .business_contents .business_box:hover .business_text li:nth-child(2) {font-size:40px; line-height:45px;}
					.business .business_contents .business_box .business_text li:nth-child(2) strong {font-weight:800; transition:none; -webkit-transition:none;}
				.business .business_contents .business_box .business_text li:nth-child(3) {font-weight:300; font-size:25px; line-height:30px; opacity:0;}
				.business .business_contents .business_box .business_text li:nth-child(4) {display:table; width:auto; opacity:0; margin-top:50px;}
					.business .business_contents .business_box .business_text li:nth-child(4) a {display:block; font-size:20px; line-height:20px; border:1px solid #fff; color:#fff; padding:20px; text-decoration:none;}
					.business .business_contents .business_box .business_text li:nth-child(4) a:hover {font-weight:500; background:#fff; color:#000;}
				.business .business_contents .business_box:hover .business_text li {opacity:1;}
			.business .business_contents .business_box .business_morebtn {position:absolute; top:400px; left:30px; width:60px; height:60px; border-radius:100%; border:1px solid #fff; font-family:'Pretendard'; font-weight:100; line-height:50px; font-size:40px; text-align:center; color:#fff; z-index:2;}
			.business .business_contents .business_box:hover .business_morebtn {top:500px; opacity:0;}

@media (max-width:750px){
.business {padding:50px 10px 10px;}
	.business .business_contents {margin-top:30px;}
		.business .business_contents .business_box {width:25%; height:300px;}
			.business .business_contents .business_box .business_text {top:80px; padding:0 5px;}
				.business .business_contents .business_box .business_text li {margin:10px 0;}
				.business .business_contents .business_box .business_text li:nth-child(1) {font-size:8px; line-height:10px;}
				.business .business_contents .business_box .business_text li:nth-child(2) {font-size:10px; line-height:13px; letter-spacing:-1px;}
				.business .business_contents .business_box:hover .business_text li:nth-child(2) {font-size:15px; line-height:20px;}
				.business .business_contents .business_box .business_text li:nth-child(3) {font-size:10px; line-height:12px;}
				.business .business_contents .business_box .business_text li:nth-child(4) {margin-top:30px;}
					.business .business_contents .business_box .business_text li:nth-child(4) a {font-size:10px; line-height:15px; border-width:.5px; padding:5px 10px;}
			.business .business_contents .business_box .business_morebtn {top:150px; left:5px; width:25px; height:25px; border-width:.5px; line-height:21px; font-size:15px;}
			.business .business_contents .business_box:hover .business_morebtn {top:250px;}
}





.portfolio {}
	.portfolio .section_title li {color:#000;}
		.portfolio .section_title li:nth-child(2) strong {font-weight:700; color:#005871;}
	.portfolio .portfolio_movie {position:relative; width:100%; max-width:1460px; padding:0 50px; margin:0 auto 100px;}
		.portfolio .portfolio_movie .portfolio_comment {width:100%; font-family:'Pretendard'; font-weight:700; text-align:center; font-size:35px; line-height:35px; color:#005871; animation:bling 2s linear infinite;}

	.portfolio .portfolio_slide {position:relative; width:100%; font-size:0; height:60px; margin:100px 0;}
		.portfolio .portfolio_slide ul {position:absolute; top:0; left:0; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:3;}
			.portfolio .portfolio_slide li {display:inline-block; margin:0 50px;}
				.portfolio .portfolio_slide li img {height:60px;}
				.portfolio .portfolio_slide .partnerslideimg2 img {height:50px; margin:5px 0;}
				.portfolio .portfolio_slide .partnerslideimg6 img {height:40px; margin:10px 0;}
				.portfolio .portfolio_slide .partnerslideimg9 img {height:40px; margin:10px 0;}
				.portfolio .portfolio_slide .partnerslideimg10 img {height:40px; margin:10px 0;}
				.portfolio .portfolio_slide .partnerslideimg20 img {height:100px; margin:-20px 0;}

@media (max-width:750px){
	.portfolio .portfolio_movie {padding:0 10px; margin:0 auto 50px;}
		.portfolio .portfolio_movie .portfolio_comment {font-size:12px; line-height:15px;}

	.portfolio .portfolio_slide {height:40px; margin:30px 0;}
		.portfolio .portfolio_slide ul {animation:marquee 50s linear infinite;}
			.portfolio .portfolio_slide li {margin:0 20px;}
				.portfolio .portfolio_slide li img {height:40px;}
				.portfolio .portfolio_slide .partnerslideimg2 img {height:30px; margin:5px 0;}
				.portfolio .portfolio_slide .partnerslideimg6 img {height:20px; margin:10px 0;}
				.portfolio .portfolio_slide .partnerslideimg9 img {height:20px; margin:10px 0;}
				.portfolio .portfolio_slide .partnerslideimg10 img {height:20px; margin:10px 0;}
				.portfolio .portfolio_slide .partnerslideimg20 img {height:60px; margin:-10px 0;}
}





.proposal {background:url('../images/inquiry_bg.jpg') no-repeat center; background-size:cover;}
	.proposal .proposal_contents {width:100%; max-width:1460px; padding:0 50px; margin:50px auto 0;}
		.proposal .proposal_contents iframe {width:100%; height:380px;}

@media (max-width:750px){
	.proposal .proposal_contents {padding:0 10px; margin:30px auto 0;}
		.proposal .proposal_contents iframe {height:255px;}
}














/*À¯Æ©ºê·¹À̾î*/
	.youtube_pop_bg {position:fixed; top:-100%; left:0; width:100%; height:0; padding:100px 200px; background:rgba(0,0,0,.9); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); z-index:125; opacity:0; transition:all .2s ease; -webkit-transition:all .2s ease; overflow:hidden;}
		.youtube_pop_bg .youtube_closebtn {position:absolute; bottom:20px; left:50%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:17px; line-height:30px; color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:100px; padding:5px 10px; padding-left:40px; background:rgba(0,0,0,.9); transform: translateX(-50%); cursor:pointer; z-index:2;}
			.youtube_pop_bg .youtube_closebtn i {position:absolute; top:7px; left:10px; font-size:25px;}
		.youtube_pop_bg .youtube_pop_contents {position:absolute; top:50%; left:50%; width:70%; transform: translate(-50%,-50%); z-index:1;}
		.youtube_pop_bg .youtube_pop_contents:before {position:absolute; top:50%; left:0; width:100%; content:'\ec37'; font-family:'xeicon'; text-align:center; color:#fff; font-size:40px; transform: translate(-50%,0); z-index:-1; animation:rotate 2s linear infinite;}

	.youtube_popup_open {top:0 !important; height:100%; opacity:1 !important;}

	.youtube_contents .youtube_thumnail {position:relative; cursor:pointer; background:#000;}
	.youtube_contents .youtube_thumnail * {transition:all .2s ease; -webkit-transition:all .2s ease;}
	.youtube_contents .youtube_thumnail img {width:100%;}
		.youtube_contents .youtube_thumnail:after {position:absolute; top:50%; left:50%; content:'\ea3f'; font-family:'xeicon'; font-size:80px; color:#fff; text-shadow:0 0 5px #000; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:.5;}
		.youtube_contents:hover .youtube_thumnail:after {opacity:1;}
		.youtube_contents:hover .youtube_thumnail img {opacity:.6;}
		
@media (max-width:750px){
	.youtube_pop_bg {padding:0;}
		.youtube_pop_bg .youtube_pop_contents {width:100%;}

		.youtube_contents .youtube_thumnail:after {font-size:40px; opacity:1;}
}

	.tab_content_wr > div {clear:both; display:none;}
		.tab_content_wr > div.active {display:block;}