@charset "euc-kr";

/********************************************************************************************************************************
* ·£µùÇü
********************************************************************************************************************************/
.biz-glob-wp {scroll-snap-type: y mandatory;}
	.biz-glob-wp section {
		scroll-snap-align: start;
		position: relative;
		display: flex; 
		min-height: 100vh;
		flex-direction: column; justify-content: center;		
		}
	.biz-glob-wp .title {
		display: inline-block;
		position: relative;
		margin: 20px 0 35px 0;
		font-family: 'Gmarket Sans';
		font-size: 32px; color: #111; letter-spacing: -1px; line-height: 100%; font-weight: 700;
		}
		.biz-glob-wp .title::before {content: ""; display: block; position: absolute; top: -20px; width: 100%; border-top: 5px solid #111;}
		.biz-glob-wp .title.white {color: #fff;}
			.biz-glob-wp .title.white::before {border-color: #fff;}


	/*------ MISSION & VISION 2030 -----------------------------------------*/
	.biz-glob-wp .company {padding: 150px 0 150px 0; overflow: hidden;}
		.biz-glob-wp .company::before {
			content: ""; 
			position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
			background: url('/pds/images/etc/biz/biz_company_bg.jpg') no-repeat 50% 50%;
			background-size: cover;
			background-attachment: fixed;
			z-index: -2;
			}
		.biz-glob-wp .company::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.6) url('/pds/images/sub/taxnet_post/main_visual_dot3.png') repeat; z-index: -1;}

		.biz-glob-wp .company .flow {visibility: hidden; display: grid; grid-template-columns: 18% 1fr; grid-column-gap: 60px; grid-row-gap: 30px; padding: 25px 40px 25px 40px;}
			.biz-glob-wp .company .flow .item {
				display: block;
				height: 50px;
				margin: 10px 0 0 0; padding: 13px 30px 0 0;
				font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
				font-size: 24px; color: #fff; line-height: 100%; font-weight: 500; text-align: right;
				border-top-left-radius: 12px; border-bottom-left-radius: 12px;
				background: rgba(0,58,137, 1);
				}
			
			.biz-glob-wp .company .flow .item-txt {
				font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
				font-size: 26px; color: #fff; line-height: 100%; font-weight: 500;
				}
				.biz-glob-wp .company .flow .item-txt .subj {
					display: flex;
					justify-content: center; align-items: center;
					height: 70px;
					margin: 0 0 10px 0; padding: 0px 0 0 0;
					font-size: 33px; color: #fff; letter-spacing: -1px; line-height: 100%; font-weight: 600;
					border-radius: 12px;
					background: rgba(0,0,0, 0.5);
					}
				.biz-glob-wp .company .flow div:nth-of-type(2) .subj, .biz-glob-wp .company .flow div:nth-of-type(4) .subj {padding: 8px 0 0 0; font-family: 'Gmarket Sans'; font-size: 35.5px;}
				.biz-glob-wp .company .flow div:nth-of-type(4) .subj {background: #003f85;}
				.biz-glob-wp .company .flow div:nth-of-type(6) {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; place-items: center; padding: 0 20px;}
					.biz-glob-wp .company .flow div:nth-of-type(6) .circle {
						display: flex;
						justify-content: center; align-items: center;
						width: 250px; height: 150px;
						border-radius: 100%;
						background: rgba(0,0,0, 0.5);
						}
				.biz-glob-wp .company .flow .item-txt:last-child {padding: 20px 0 0 0; font-size: 30px;}

				.biz-glob-wp .company .flow .item-txt .txt {display: block; padding: 0 12px; font-size: 18px; line-height: 130%; font-weight: 300; text-align: justify; text-shadow: 0 2px 3px rgba(0,0,0, 0.3);}	

		.biz-glob-wp .company .Btn {display: inline-block; position: absolute; left: 50%; bottom: 100px; margin: 0 0 0 -15px;}
			.biz-glob-wp .company .Btn img {width: 30px; height: auot; animation: ani-compantBtn 2s infinite;}
				@keyframes ani-compantBtn {
					0%		{opacity: 0;}
					50%		{transform: translateY(-8px); opacity: 1;}
					100%	{opacity: 0;}
				}


	/*------ CEO Àλ縻 -----------------------------------------*/
	.biz-glob-wp .ceo {padding: 150px 0 160px 0; overflow: hidden;}
		.biz-glob-wp .ceo::before {
			content: ""; 
			position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
			background: url('/pds/images/etc/biz/biz_ceo_bg.jpg') no-repeat 50% 50%;
			background-size: cover;
			background-attachment: fixed;
			filter: grayscale(0%) blur(1px);
			transform: scale(1.01);
			z-index: -2;
			}
		.biz-glob-wp .ceo::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0, 0.6); z-index: -1;}
		.biz-glob-wp .ceo .bg {position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: linear-gradient(to bottom, rgba(18,20,23,0) 0%,rgba(18,20,23,1) 100%);}

		.biz-glob-wp .ceo .messages {
			position: relative;
			padding: 20px 30px 0 30px;
			font-family: 'Noto Serif KR', serif;
			font-size: 18px; color: rgba(255,255,255, 0.95); letter-spacing: -0.5px; line-height: 150%; font-weight: 400; text-align: justify;
			text-shadow: 0 2px 3px rgba(0,0,0, 0.4);
			}
			.biz-glob-wp .ceo .messages .first	{font-size: 28px; font-weight: 700;}
			.biz-glob-wp .ceo .messages .row	{display: block; margin: 0 0 30px 0;}
			.biz-glob-wp .ceo .messages .sign	{display: block; text-align: right;}


	/*------ Á¶¼¼Åë¶÷ÀÌ °É¾î¿Â±æ -----------------------------------------*/
	.biz-glob-wp .history {padding: 150px 0 150px 0; background: #121417;}
		.biz-glob-wp .history .txts {margin: -5px 0 70px 0; font-size: 24px; color: #fff; letter-spacing: -0.5px; line-height: 140%; font-weight: 200;}
			.biz-glob-wp .history .txts strong {font-weight: 500;}
			.biz-glob-wp .history .txts .color {display: block; font-size: 25.5px; color: #789cc7; font-weight: 400;;}

		.biz-glob-wp .history .history-wp {display: grid; grid-template-columns: 150px 1fr; column-gap: 70px; padding: 0 30px 0 30px;}
			.biz-glob-wp .history .history-wp .years {}
				.biz-glob-wp .history .history-wp .years a {
					display: block;
					position: relative;
					margin: 0 0 40px 0; padding: 10px 10px;
					font-size: 21.5px; color: #4e5968; letter-spacing: -1px; line-height: 100%; font-weight: 700; text-decoration: none;
					}
					.biz-glob-wp .history .history-wp .years a::before {
						content: "";
						display: block;
						position: absolute; top: 50%; right: -0px;
						width: 12px; height: 12px;
						margin: -5px 0 0 0;
						border-radius: 100%;
						background: #333d4b;
						z-index: 1;
						}
					.biz-glob-wp .history .history-wp .years a::after {
						content: "";
						display: block;
						position: absolute; top: 15px; right: 5px;
						width: 1.5px; height: 84px;
						margin: 0 0 0 -1px;
						background: #333d4b;						
						}
					
					.biz-glob-wp .history .history-wp .years a.active {color: #fff;}
						.biz-glob-wp .history .history-wp .years a.active::before {outline: 4px solid #fff; background: #191f28;}

			.biz-glob-wp .history .history-wp .info {padding: 8px 0 0 0;}
				.biz-glob-wp .history .history-wp .info .comm-tab-contents {animation: history_Ani 0.5s ease-out;}
					@keyframes history_Ani {
						from {
							opacity: 0;
							transform: translate(0, 50px);
							}
						to {
							opacity: 1;
							transform: translate(0, 0);
							}
						}
				.biz-glob-wp .history .history-wp .info li {
					margin: 0 0 40px 0;
					font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
					font-size: 16.5px; color: rgba(255,255,255, 0.9);; line-height: 160%; font-weight: 300;
					}
					.biz-glob-wp .history .history-wp .info li:last-child {margin-bottom: 0;}
					.biz-glob-wp .history .history-wp .info li .year {display: block; margin: 0 0 4px 0; font-size: 19px; color: #8796a8; font-weight: 800;}


	/*------ ¾ð·Ð ¼Ó Á¶¼¼Åë¶÷ -----------------------------------------*/
	.biz-glob-wp .press {padding: 150px 0 150px 0; overflow: hidden;}
		.biz-glob-wp .press::before {
			content: ""; 
			position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
			background: url('/pds/images/etc/biz/biz_press_bg.jpg') no-repeat 50% 50%;
			background-size: cover;
			filter: grayscale(0%) blur(0px);
			z-index: -2;
			}
			.biz-glob-wp .press::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255, 0.4); z-index: -1;}
		/*
		.biz-glob-wp .press .bg {position: absolute; top: 0; left: 0; right: 0; height: 100px; background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(18,20,23,1) 100%);}
		*/
		
		.biz-glob-wp .press .list {visibility: hidden; margin: 0 0 30px 0; }
			.biz-glob-wp .press .list li {position: relative; border-bottom: 1px solid #eee; background: #fff;}
				.biz-glob-wp .press .list li::after {
					 content: "";
					position: absolute; top: 50%; right: 40px;
					width: 26px; height: 22px;
					margin: -11px 0 0 0;
					background: url('/pds/images/etc/biz/right_arrow.png') no-repeat 0 0;
					background-size: 26px 22px;
					transition: all 0.2s ease 0s;
					opacity: 0.1;
					}
					.biz-glob-wp .press .list li:hover::after {right: 30px; opacity: 1;}

				.biz-glob-wp .press .list li a {
					display: block;
					padding: 25px 30px 27px 35px;
					font-size: 11.5px; line-height: 120%; text-decoration: none;
					transform: scale(1); transform-origin: 15% 0%;
					transition: all 0.2s ease 0s;
					}
					.biz-glob-wp .press .list li a:hover {transform: scale(1.03);}
					.biz-glob-wp .press .list li a .subj {display: block; max-width: 90%; margin: 10px 0 0 0; font-size: 19px; letter-spacing: -0.8px; line-height: 120%; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
					.biz-glob-wp .press .list li a .media {margin: 0 10px 0 0; color: #3182f6; font-weight: 600;}
					.biz-glob-wp .press .list li a .date {color: #999;}
	
	/* º¸µµÀÚ·á(view) Æ˾÷ */
	.comm-popup-wrap.press .title {display: flex; align-items: center; padding: 0 0 0px 25px; font-family: 'Gmarket Sans'; font-size: 26px; letter-spacing: -1px; font-weight: 700;}

	/* º¸µµÀÚ·á(List) iframe °æ¿ì */
	.biz-glob-wp .press iframe {width: 100%; height: 870px;}
	.press-inner .list {margin: 0 0 30px 0; }
		.press-inner .list li {position: relative; border-bottom: 1px solid #eee; background: #fff;}
			.press-inner .list li::after {
				 content: "";
				position: absolute; top: 50%; right: 40px;
				width: 26px; height: 22px;
				margin: -11px 0 0 0;
				background: url('/pds/images/etc/biz/right_arrow.png') no-repeat 0 0;
				background-size: 26px 22px;
				transition: all 0.2s ease 0s;
				opacity: 0.1;
				}
				.press-inner .list li:hover::after {right: 30px; opacity: 1;}

			.press-inner .list li a {
				display: block;
				padding: 25px 30px 27px 35px;
				font-size: 11.5px; line-height: 120%; text-decoration: none;
				transform: scale(1); transform-origin: 15% 0%;
				transition: all 0.2s ease 0s;
				}
				.press-inner .list li a:hover {transform: scale(1.03);}
				.press-inner .list li a .subj {display: block; max-width: 90%; margin: 10px 0 0 0; font-size: 19px; letter-spacing: -0.8px; line-height: 120%; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
				.press-inner .list li a .media {margin: 0 10px 0 0; color: #3182f6; font-weight: 600;}
				.press-inner .list li a .date {color: #999;}


	/*------ ã¾Æ¿À½Ã´Â ±æ -----------------------------------------*/
	.biz-glob-wp .map {padding: 150px 0 150px 0;}
		.biz-glob-wp .map::before {
			content: ""; 
			position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
			background: url('/pds/images/etc/biz/biz_map_bg.jpg') no-repeat 50% 50%;
			background-size: cover;
			background-attachment: fixed;
			filter: grayscale(100%) blur(1px);
			z-index: -2;
			}
		.biz-glob-wp .map::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0, 0.7); z-index: -1;}

		.biz-glob-wp .map .tab2 {
			display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px;
			margin: 0 0 15px 0;
			line-height: 100%;
			}
			.biz-glob-wp .map .tab2 a {display: grid; place-items: center; height: 40px; padding: 0 0 1px 0; font-size: 14.5px; color: #fff; text-decoration: none; background: rgba(255,255,255, 0.15);}
				.biz-glob-wp .map .tab2 a.active {background: rgba(0,58,137, 1);}

		.biz-glob-wp .map .loc-map {display: grid; place-items: center; width: 100%; height: 400px; background: #fff;}
			.biz-glob-wp .map .loc-map .photo {transform: scale(1.02); image-rendering: crisp-edges;}

		.biz-glob-wp .map .map-info {display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px;}
			.biz-glob-wp .map .map-info div {font-size: 14.5px; color: #fff; line-height: 160%;}

			.biz-glob-wp .map .map-info .stit {margin: 10px 0 8px 0; font-family: 'Gmarket Sans'; font-size: 18.5px; color: #046fb2; line-height: 100%; font-weight: 500; text-shadow: 1px 1px 2px rgba(0,0,0, 0.6);}
				.biz-glob-wp .map .map-info .stit i {margin: 0 5px 2px 0; vertical-align: middle;}
			
			.biz-glob-wp .map .map-info .traffic {display: block; margin: 0 0 4px 20px; font-size: 14px; color: #ddd; font-weight: 500;}
			.biz-glob-wp .map .map-info .box {display: block; margin: 0 0 10px 0; padding: 11px 20px 11px 20px; font-size: 13.5px; line-height: 140%; border-radius: 8px; background: rgba(0,0,0, 0.45);}



/********************************************************************************************************************************
* ±âŸ
********************************************************************************************************************************/
/*------ Áö»ç¾È³» ------*/
.biz-glob-wp .branch-top-visual {
	position: relative;
	height: 300px;
	margin: -40px 0px 0px 0; padding: 40px 400px 0 0;
	font-sizE: 14.5px; color: #888; line-height: 180%;
	background: url('/pds/images/etc/company/branch_bg.png') no-repeat right 0;
	}
	.biz-glob-wp .branch-top-visual .stit {display: block; margin: 0px 0 20px 0; font-size: 39px; color: #444; letter-spacing: -2px; line-height: 130%; font-weight: 500;}

/*------ »ç¾÷Á¦È޾ȳ» ------*/
.biz-glob-wp .workwith-top-visual {
	position: relative;
	height: 200px;
	margin: -10px 0 25px 0; padding: 10px 440px 0 0;
	font-size: 14px; color: #777; line-height: 160%; text-align: justify;
	background: url('/pds/images/etc/company/workwith_visual.png') no-repeat right 0;
	}
	.biz-glob-wp .workwith-top-visual .stit {display: block; margin: 0 0 20px 0; font-size: 39px; color: #444; letter-spacing: -2px; line-height: 130%; font-weight: 500;}

	.biz-glob-wp .workwith-box {
		display: grid; grid-template-columns: 180px 1fr; column-gap: 15px; row-gap: 10px;
		margin: 0 0 55px 0;
		}
		.biz-glob-wp .workwith-box div {display: flex; align-items: center; border-radius: 4px;}
		.biz-glob-wp .workwith-box .subj {
			padding: 0 0 1px 0;
			font-size: 16.5px; color: #fff; font-weight: bold;
			justify-content: center;
			background: #51688d;
			}
			.biz-glob-wp .workwith-box div:nth-of-type(3) {background: #5d518d;}
			.biz-glob-wp .workwith-box div:nth-of-type(5) {background: #8d516d;}
		.biz-glob-wp .workwith-box .txt {
			padding: 14px 35px 15px 35px;
			font-size: 14px; line-height: 150%; text-align: justify;
			background: #dce1e8;
			}
			.biz-glob-wp .workwith-box div:nth-of-type(4) {background: #dfdce8;}
			.biz-glob-wp .workwith-box div:nth-of-type(6) {background: #e8dce2;}