.header				{ width:100%; height:110px; position:relative; text-align:center; }
.header .logo		{ padding:30px 0 0; }
.header .language			{ position:absolute; top:41px; right:20px; }

h2						{ padding:68px 0 50px; text-align:center; }

.about					{ width:100%; height:1000px; background:url(/_static/yjcf/img/eng/bg1.png) 0 0 no-repeat; background-size:cover; }
.about p				{ text-align:center; line-height:46px; font-size:23px; color:#fff; }

.history					{ width:100%; height:1110px; background:url(/_static/yjcf/img/eng/bg2.png) 0 0 no-repeat; background-size:cover; }
.history ul				{ padding:0 0 0 82px; min-height:136px; position:relative; max-width:1018px; margin:0 auto 30px; }
.history ul.y2018		{ background:url(/_static/yjcf/img/eng/y2018.png) 0 50% no-repeat; }
.history ul.y2017		{ background:url(/_static/yjcf/img/eng/y2017.png) 0 50% no-repeat; }
.history ul.y2016		{ background:url(/_static/yjcf/img/eng/y2016.png) 0 50% no-repeat; padding:25px 0 25px 82px; min-height:86px; }
.history ul.y2015		{ background:url(/_static/yjcf/img/eng/y2015.png) 0 50% no-repeat; padding:40px 0 40px 82px; min-height:56px }
.history ul li			{ width:100%; display:inline-block; }
.history ul li strong			{ width:136px; font-size:19px; color:#fff54f; display:inline-block; float:left; line-height:30px; font-weight:normal; }
.history ul li span				{ font-size:19px; color:#fff; display:inline-block; width:calc(100% - 136px); float:right; line-height:30px; }


.contact				{ width:100%; height:1170px; background:url(/_static/yjcf/img/eng/bg3.png) 0 0 no-repeat; background-size:cover; }
.contact p				{ max-width:1200px; margin:0 auto 20px; overflow:hidden; }
.contact p strong			{ width:136px; font-size:24px; color:#ff6e7e; display:inline-block; float:left; line-height:38px; font-weight:normal; }
.contact p span				{ font-size:24px; color:#fff; display:inline-block; width:calc(100% - 136px); float:right; line-height:38px; }

.contact>.map		{ border:8px solid #fff; height:646px; max-width:1184px; margin:0 auto; }
.root_daum_roughmap		{ width:100% !important; height:630px !important; border:0; }
.root_daum_roughmap .wrap_map			{ height:630px !important; }

.footer					{ width:100%; height:118px; background:url(/_static/yjcf/img/eng/bg4.png) 0 0 no-repeat; background-size:cover; }
.footer .inner		{ max-width:965px; margin:0 auto; padding:38px 0 0 235px; position:relative; color:#fff; font-size:13px; line-height:22px; }
.footer .inner p		{ position:absolute; top:38px; left:0; }

/* eng wrap */

.eng_wrap .headerWrap .headTop {display: block !important;}
.eng_wrap .headerWrap .headTop .head_pc {display: block !important;}
.eng_wrap .headerWrap .headTop .head_mobile.log_out{display: none;}
.eng_wrap .headerWrap .headTop .head_pc.head_mobile.log_out{display: none !important;}

@media (max-width:1200px){
	.about					{ /*width:calc(100% - 40px);*/ padding:0 20px 60px; height:auto; background:url(/_static/yjcf/img/eng/bg1.png) 50% 0 no-repeat; background-size:auto 100%; }
	.history					{ /*width:calc(100% - 40px);*/padding:0 20px 60px; height:auto; background:url(/_static/yjcf/img/eng/bg2.png) 50% 0 no-repeat; background-size:auto 100%; }
	.contact				{ /*width:calc(100% - 40px);*/ padding:0 20px 60px; height:auto; background:url(/_static/yjcf/img/eng/bg3.png) 50% 0 no-repeat; background-size:auto 100%; }
	.contact>.map		{ border:8px solid #fff; height:646px; max-width:1184px; margin:0 auto; }
	.root_daum_roughmap		{ width:100% !important; height:630px !important; border:0; }
	.root_daum_roughmap .wrap_map			{ height:630px !important; }
	.footer					{ width:calc(100% - 40px); padding:0 20px 38px; height:auto; background:url(/_static/yjcf/img/eng/bg4.png) 50% 0 no-repeat; background-size:auto 100%; }
}

@media (max-width:1024px){
	/* eng wrap */   
   .eng_wrap .headerWrap .headTop{height: 80px;}
   .eng_wrap .headerWrap .headTop .logo{     display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);}
   
   /*.eng_wrap .headerWrap .logo{display: block !important; top: 0;} */
}


@media (max-width:800px){
	.header				{ width:100%; height:auto; position:relative; text-align:center; }
	.header .logo		{ padding:20px 0; }
	.header .logo img				{ width:121px; }
	.header .language			{ position:absolute; top:24px; right:5px; }
	.header .language img		{ width:57px; }

	h2						{ padding:38px 0 25px; }
	h2 img					{ width:114px; }

	.about					{ /*width:calc(100% - 30px);*/ padding:0 15px 40px; height:auto; background:url(/_static/yjcf/img/eng/bg1.png) 50% 0 no-repeat; background-size:auto 100%; }
	.about p				{ line-height:28px; font-size:14px; }

	.history					{ /*width:calc(100% - 30px);*/ padding:0 15px 40px; height:auto; background:url(/_static/yjcf/img/eng/bg2.png) 50% 0 no-repeat; background-size:auto 100%; }
	.history ul				{ padding:0 0 0 10px; min-height:68px; position:relative; max-width:1018px; margin:0 auto 30px; }
	.history ul.y2018		{ background:url(/_static/yjcf/img/eng/y2018.png) 0 10px no-repeat; background-size:68px; }
	.history ul.y2017		{ background:url(/_static/yjcf/img/eng/y2017.png) 0 10px no-repeat; background-size:68px; }
	.history ul.y2016		{ background:url(/_static/yjcf/img/eng/y2016.png) 0 10px no-repeat; background-size:68px; padding:0 0 0 10px; }
	.history ul.y2015		{ background:url(/_static/yjcf/img/eng/y2015.png) 0 10px no-repeat; background-size:68px; padding:0 0 0 10px; }
	.history ul li			{ width:100%; display:inline-block; }
	.history ul li strong			{ width:98px; font-size:14px; color:#fff54f; display:inline-block; float:left; line-height:30px; font-weight:normal; }
	.history ul li span				{ font-size:14px; color:#fff; display:inline-block; width:calc(100% - 98px); float:right; line-height:30px; }


	.contact				{ /*width:calc(100% - 30px);*/padding:0 15px 40px; height:auto; background:url(/_static/yjcf/img/eng/bg3.png) 50% 0 no-repeat; background-size:auto 100%; }
	.contact p				{ max-width:1200px; margin:0 auto 20px; overflow:hidden; }
	.contact p strong			{ width:98px; font-size:16px; color:#ff6e7e; display:inline-block; float:left; line-height:28px; font-weight:normal; }
	.contact p span				{ font-size:16px; color:#fff; display:inline-block; width:calc(100% - 98px); float:right; line-height:28px; }

	.contact>.map		{ border:4px solid #fff; height:328px; max-width:1184px; margin:0 auto; }
	.root_daum_roughmap		{ width:100% !important; height:320px !important; border:0; }
	.root_daum_roughmap .wrap_map			{ height:320px !important; }

	.footer					{ /*width:calc(100% - 30px);*/ padding:0 15px 16px; height:auto; background:url(/_static/yjcf/img/eng/bg4.png) 50% 0 no-repeat; background-size:auto 100%; }
	.footer .inner		{ max-width:965px; margin:0 auto; padding:16px 0 0 0; position:relative; color:#fff; font-size:12px; line-height:22px; }
	.footer .inner p		{ position:static; text-align:center; padding:0 0 10px; }
	.footer .inner p img			{ width:100px; }
}

@media (max-width:479px){
/* eng wrap */   
   .eng_wrap .headerWrap .headTop{height: 45px;}   
} 

@media (max-width:450px){
	.header				{ width:100%; height:auto; position:relative; text-align:center; }
	.header .logo		{ padding:20px 0; }
	.header .logo img				{ width:121px; }
	.header .language			{ position:absolute; top:24px; right:5px; }
	.header .language img		{ width:57px; }


	.about p				{ line-height:20px; font-size:12px; }
	.about p br.m			{ display:none; }

	.history					{ /*width:calc(100% - 30px);*/ padding:0 15px 40px; height:auto; background:url(/_static/yjcf/img/eng/bg2.png) 50% 0 no-repeat; background-size:auto 100%; }
	.history ul				{ padding:10px 0 0 0; min-height:68px; position:relative; max-width:1018px; margin:0 auto 20px; }
	.history ul.y2018		{ background:url(/_static/yjcf/img/eng/y2018.png) 0 10px no-repeat; background-size:68px; }
	.history ul.y2017		{ background:url(/_static/yjcf/img/eng/y2017.png) 0 10px no-repeat; background-size:68px; }
	.history ul.y2016		{ background:url(/_static/yjcf/img/eng/y2016.png) 0 10px no-repeat; background-size:68px; padding:10px 0 0 0; }
	.history ul.y2015		{ background:url(/_static/yjcf/img/eng/y2015.png) 0 10px no-repeat; background-size:68px; padding:10px 0 0 0; }
	.history ul li			{ width:100%; display:inline-block; }
	.history ul li strong			{ width:100%; font-size:12px; color:#fff54f; display:inline-block; float:none; line-height:22px; font-weight:normal; }
	.history ul li span				{ font-size:12px; color:#fff; display:inline-block; width:100%; float:none; line-height:22px; padding:0 0 8px; }


	.contact				{ /*width:calc(100% - 30px);*/ padding:0 15px 40px; height:auto; background:url(/_static/yjcf/img/eng/bg3.png) 50% 0 no-repeat; background-size:auto 100%; }
	.contact p				{ max-width:1200px; margin:0 auto 10px; overflow:hidden; }
	.contact p strong			{ width:98px; font-size:12px; color:#ff6e7e; display:inline-block; float:left; line-height:22px; font-weight:normal; }
	.contact p span				{ font-size:12px; color:#fff; display:inline-block; width:calc(100% - 98px); float:right; line-height:22px; }

	.contact>.map		{ border:4px solid #fff; height:148px; max-width:1184px; margin:0 auto; }
	.root_daum_roughmap		{ width:100% !important; height:140px !important; border:0; }
	.root_daum_roughmap .wrap_map			{ height:140px !important; }

	.footer					{ /*width:calc(100% - 30px);*/ padding:0 15px 16px; height:auto; background:url(/_static/yjcf/img/eng/bg4.png) 50% 0 no-repeat; background-size:auto 100%; }
	.footer .inner		{ max-width:965px; margin:0 auto; padding:16px 0 0 0; position:relative; color:#fff; font-size:12px; line-height:22px; }
	.footer .inner p		{ position:static; text-align:center; padding:0 0 10px; }
	.footer .inner p img			{ width:100px; }
}