/* @font-face {
	font-family: 'GmarketSansLight';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansLight';
    src: url('/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */


#intro_wrap {position: relative; display: flex;}
	#intro_wrap > div > a {position: relative; display: block; height: 100%; z-index: 16;}
	.intro_bg {position: relative;  z-index: 1; width: 50%; height: 100vh; transition: all 0.3s ease-in-out 0s; }
	.intro_lt {background: url("/images/intro/intro_bg1_new.jpg") center no-repeat; background-size: cover;}
	.intro_rt {background: url("/images/intro/d_intro_bg2_new.jpg") center no-repeat; background-size: cover;}
	.intro_bg:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.82); z-index: -1;}
	.intro_bg_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 1; transition: all 0.3s ease-in-out 0s;}

	.intro_bg_img_ic {}
	.intro_bg_img_ic_on {display: none;}

	.intro_txt {position: absolute; top: 260px; left: 0; width: 100%; text-align: center; transition: all 0.3s ease-in-out 0s;}
	.intro_txt em {position: relative; display: block; font-family: 'GmarketSansBold'; font-size: 20px; letter-spacing: -1px;}
	.intro_txt em:before {content: ""; display: block; margin: 0 auto; width: 1px; height: 50px; margin-bottom: 40px;}
	.intro_txt em.yellow_txt:before {background: #fad300;}
	.intro_txt em.orange_txt:before {background: #fa7e00;}
	.intro_txt em.yellow_txt {color: #fad300}
	.intro_txt em.orange_txt {color: #fa7e00;}
	.intro_txt h2 {position: relative; font-family: 'GmarketSansBold'; color: #fff; font-size: 70px; letter-spacing: -1px;}
	.intro_txt h2:after {display: none; content: ""; margin: 20px auto 40px; width: 1px; height: 50px;}
	.intro_txt h2.yellow_txt:after {background: #fad300}
	.intro_txt h2.orange_txt:after {background: #fa7e00;}
	.intro_txt h2 span.en_txt {display: none;}
	.intro_txt p {color: #fff;line-height:1.4; font-size: 25px; letter-spacing: -1px; font-family: 'GmarketSansMedium'; margin-top: 30px;}

	.intro_bg:hover:before {background: rgba(0,0,0,0); }
	.intro_bg:hover .intro_txt {top: 150px}
	.intro_bg:hover .intro_txt em:before {display: none;}
	.intro_bg:hover .intro_txt h2 span.en_txt {display: block;}
	.intro_bg:hover .intro_txt h2 span.ko_txt {display: none;}
	.intro_bg:hover .intro_txt h2:after {display: block;}

	.intro_bg_ic.on .intro_bg_img_ic_on {display: block;}
	.intro_bg_ic.on .intro_bg_img_ic {display: none;}

	@media screen and (max-width: 1700px) {

		.intro_bg_ic img {width: 12.94vw;}
		.intro_txt { top: 15.29vw;}
		.intro_txt em {font-size: 1.18vw;}
		.intro_txt em:before {height: 2.94vw; margin-bottom: 2.35vw;}
		.intro_txt h2 {font-size: 4.12vw; }
		.intro_txt h2:after {  margin: 1.18vw auto 2.35vw; height: 2.94vw;}
		.intro_txt p { font-size: 1.47vw; margin-top: 1.76vw;}

		.intro_bg:hover .intro_txt {top: 11.76vw}
		
	}

	@media screen and (max-width: 1400px) {
		.intro_bg_ic img {width: 15.71vw;}
		.intro_txt { top: 18.57vw;}
		.intro_txt em {font-size: 1.43vw;}
		.intro_txt em:before {height: 3.57vw; margin-bottom: 2.86vw;}
		.intro_txt h2 {font-size: 5.00vw; }
		.intro_txt h2:after {  margin: 1.43vw auto 2.86vw; height: 3.57vw;}
		.intro_txt p { font-size: 1.79vw; margin-top: 2.14vw;}

		.intro_bg:hover .intro_txt {top: 14.29vw}

	}
	
	@media screen and (max-width: 1024px) {
		#intro_wrap {flex-wrap: wrap; }
		.intro_bg {width: 100%; height: 50vh; }
		.intro_bg:hover {width: 100%;}
		
		.intro_bg_ic {display: none;}
		.intro_bg_ic img {width: 21.48vw;}
		.intro_txt { top: 9.77vw;}
		.intro_txt em {font-size: 1.95vw;}
		.intro_txt em:before {height: 4.88vw; margin-bottom: 3.91vw;}
		.intro_txt h2 {font-size: 6.84vw; }
		.intro_txt h2:after {  margin: 1.95vw auto 3.91vw; height: 4.88vw;}
		.intro_txt p { font-size: 2.44vw; margin-top: 2.93vw;}
		
		.intro_bg:hover .intro_txt {top: 9.77vw}
		

	}

	@media screen and (max-width: 768px) {

		.intro_txt { top: 14.65vw;}
		.intro_txt em {font-size: 3.13vw;}
		.intro_txt em:before {height: 6.51vw; margin-bottom: 5.21vw;}
		.intro_txt h2 {font-size: 9.11vw; }
		.intro_txt h2:after {  margin: 2.60vw auto 5.21vw; height: 6.51vw;}
		.intro_txt p { font-size: 3.26vw; margin-top: 3.91vw;}
		
		.intro_bg:hover .intro_txt {top: 14.65vw}

	}