@charset "utf-8";

.at-menu.new_add	{position: relative !important;}
.at-menu.new_add	.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height	{height: 95px;}
.new_visual	{width: 100%; height: 840px; position: relative; background: url('../img/new_img/main_visual.jpg') no-repeat 50% 50%;}
.new_visual > div	{position:absolute; bottom: 50px; width: 100%; text-align: center;}
.new_visual > div p	{color: #fff; font-size: 50px; font-weight: 600; letter-spacing: -1px; margin-bottom: 70px;}
.new_visual > div a	{display: inline-block;min-width: 350px; line-height : 70px; height : 70px; background: #2071ff; border-radius: 35px; box-sizing: border-box;color: #fff;font-size: 23px;padding: 0 30px;}
.new_visual > div a	~ a	{margin-left: 70px;}
.new_visual > div.mobile	{display: none;}

.main_wrap.new_main	{background: #f5f9ff;}
.new_wrap	{position: relative;max-width: 1310px; margin: 0 auto; padding: 60px 0;display: flex;flex-wrap: nowrap;}
.new_wrap > div	{position: relative;width: calc(100%/2 - 40px)}
.new_wrap > div ~ div	{margin-left: 80px;}
.new_notice h2	{border-bottom: 1px solid #e8e8e8; color: #222; font-size: 30px; font-weight: 600;display: block; padding-bottom: 10px;height: 45px;}
.new_notice li	{position: relative;padding: 20px 130px 20px 10px;color: #222; font-size: 20px;border-bottom: 1px solid #e8e8e8;}
.new_notice li span	{position: absolute; right: 10px; color: #adadad;}
.new_notice .more	{position: absolute; top: 8px; right: 10px; color: #222; font-size: 20px; letter-spacing: -1px;font-weight: 500;}
.new_download > h2	{border-bottom: 1px solid #e8e8e8; display: block;height: 45px;}
.new_download > h2 span	{display: block; width:180px; text-align:center;color: #2071ff; font-size: 24px; font-weight: 600;border: 1px solid #2071ff; border-bottom: none; padding: 9px;}
.new_download > div.flex	{display: flex;flex-wrap: nowrap; width: 90%; margin: 45px auto 0 auto;}
.new_download > div.flex > a ~ a	{margin-left: 70px;}
.new_download > div.flex > a	{width: calc(100%/3 - 46px);text-align: center; font-size: 20px; color: #222;letter-spacing: -1px; line-height: 30px;font-weight: 500;}
.new_download > div.flex > a > img		{margin: 0 auto 10px auto;display: block; max-width: 100%;}


/* 레이어 팝업창 - 주소찾기 */
.new_layer_pop	{z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%; display: none;padding: 0;}
.new_layer_pop:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;text-indent:-9999em;font-size:0;}
.new_layer_pop .pop_area{position:absolute;top:50%;left:0;right:0;margin:auto;background:#fff;transform:translateY(-50%); width: 610px;}
.new_layer_pop.active	{display: block;}
.new_layer_pop h2	{display: block;font-size: 30px; font-weight: 600; color: #000; text-align:center;margin-top: 20px;}
.new_layer_pop .pop_wrap	{position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 20px;}
.new_layer_pop .pop_close	{position: absolute; right: 20px; top: 20px; width: 18px; height: 20px; background: url('../img/new_img/ico_close.png') no-repeat 50% 50%;font-size: 0;}
.new_layer_pop .area	{display: flex;flex-wrap: nowrap; margin-top: 40px;}
.new_layer_pop .area > div	{position: relative;width: calc(100%/2 - 30px); text-align: center;}
.new_layer_pop .area > div ~ div	{margin-left: 60px;}
.new_layer_pop .area	h3	{display: block;font-size: 25px; color: #2071ff; text-align:center;margin: 30px 0;}
.new_layer_pop .area	p	{font-size: 18px; color: #000; line-height: 25px; letter-spacing: -1px;}
.new_layer_pop .video_cont {width: 930px; max-width: 100%; margin: 0 auto; border-radius: 20px; overflow: hidden; position: relative;}
.new_layer_pop .video_cont > video {width: 100%;}
.new_layer_pop#divVideo .pop_area {width:90%; max-width:1024px;}
.new_layer_pop#divVideo .pop_close {right:5px; top:5px;}
.Mt15	{margin-top:15px;}
.mbo10	{margin-bottom:10px;}
.fixed	{position: fixed;}


@media (max-width:991px){
	.new_visual	{height: auto; background: none;}
	.new_visual > div p	{ font-size: 30px;margin-bottom: 40px;}
	.new_visual > div a	{min-width: 300px; line-height : 60px; height : 60px; border-radius: 30px;font-size: 20px;padding: 0 20px;}
	.new_visual > div a	~ a	{margin-left: 20px;}
	.new_visual > div.mobile	{display: block; position: relative; top:0; left: 0;}
	.new_visual > div.mobile img	{width: 100%; height: 400px;}

	.new_wrap	{width: 90%;display: block;margin: 0 auto;}
	.new_wrap > div	{display: block; margin: 0; width: 100%;}
	.new_wrap > div ~ div	{margin-left: 0; margin-top: 50px;}

	.mypage-categorys	{display: flex !important;flex-wrap: wrap; border:1px solid #eee !important; margin-bottom: 50px; }
	.mypage-categorys > div	{width:calc(100%/3);text-align:center;}
	.mypage-categorys > div	{ border-right:1px solid #eee;} 
	.mypage-categorys > div:nth-child(3n + 2)	{ border-right:none;} 
	.mypage-categorys > div:nth-child(9)	{ border-bottom:none !important;} 
	.mypage-categorys > div.active	{background: #f0f6fa;}
	.mypage-sections.hidden-xs	{display: block !important;}

}

@media (max-width: 640px) {
	.new_wrap	{padding: 40px 0;}
	.new_visual > div p	{font-size: 22px;}
	.new_visual > div a	{display: block;max-width: 80%;margin: 0 auto;}
	.new_visual > div a	~ a	{margin: 10px auto 0 auto;}

	.new_wrap	{width: 95%;display: block;margin: 0 auto;}
	.new_wrap > div	{display: block; margin: 0; width: 100%;}
	.new_wrap > div ~ div	{margin-left: 0; margin-top: 50px;}
	.new_notice h2	{font-size: 20px;height: 38px;}
	.new_notice li	{padding: 15px 130px 15px 10px; font-size: 16px;}
	.new_notice .more	{font-size: 14px; }

	.new_download > h2	{border-bottom: 1px solid #e8e8e8; display: block;height: 38px;}
	.new_download > h2 span	{font-size: 18px; padding: 9px;}
	.new_download > div.flex	{width: 100%; margin: 30px auto 0 auto;}
	.new_download > div.flex > a ~ a	{margin-left: 20px;}
	.new_download > div.flex > a	{width: calc(100%/3 - 10px); font-size: 15px;line-height: 20px;}
	.new_download > div.flex > a > img		{max-width: 100%;}
	.new_layer_pop .pop_area{max-width: 610px; width: 100%;}
	.new_layer_pop h2	{font-size: 25px;}
	.new_layer_pop .area	h3	{font-size: 20px;}
	.new_layer_pop .area	p	{font-size: 15px;}
	.new_layer_pop .area > div	{width: calc(100%/2 - 15px); }
	.new_layer_pop .area > div ~ div	{margin-left: 30px;}


}