.top_fix			{ max-width:1280px; width:100%; height:80px; position:absolute; top:100px; text-align:center; z-index:9999;}
.top_fix .pos_c		{ max-width:1280px; display:inline-block;  border:0px solid red;}


@media (max-width:767px) {/* ÃÖ¼Ò ~ ÃÖ´ë 767 */
	#LayerPopupContainer { display:none; }
	#wrap { width: 100%; height:100%; margin: 0 auto; text-align:center;padding-right:0;}

	.mblind { display:none; }

}
@media (min-width:768px) and (max-width:1100px) {
	#wrap { width: 100%; height:100%; margin: 0 auto; text-align:center; padding-right:0;}

	.pblind { display:none; }
}

@media (min-width:1100px) {
	#wrap { width:100%; height:100%; margin: 0 auto; text-align:center;padding-right:0;}

	.pblind { display:none; }
}

/* MENU INFO */
@media (max-width:1100px) {/* ÃÖ¼Ò ~ ÃÖ´ë 767 */
	/* mobile_org_menu */
	#top_blk {display:none;}
	#top_blk_mb {display:block; position:fixed; top:0; width:100%; height:50px; background:#ffffff; margin:auto; border-bottom:1px solid #eeeeee; z-index:99999999;}
	#top_blk_mb .menu_ar {float:left; width:60px; border:1px solid transparent;}
	#top_blk_mb .notice {float:left; width:calc(100% - 120px); text-align:left; height:50px; padding:6px 0 0 70px;}
	#top_blk_mb .notice .ntt {float:left; width:28px; height:18px; line-height:20px; display:block; margin:11px 10px 0 0; text-align:center; color:white; font-size:9px; background:red; }
	#top_blk_mb .notice .slide	{float:left; width:calc(100% - 40px); height:40px; opacity:0.7; overflow:hidden; border:0px solid red;}
	#top_blk_mb .logo_set {float:right; text-align:right; padding:13px 0 0 0; width:100%; text-align:center;}
	#top_blk_mb .logo_set .pm {display:inline-block; color:black;}
	#top_blk_mb .logo_set .pm img {height:25px;}
	#top_blk_mb .logo_set .pm a {color:black;}
	#top_blk_mb .phone			{position:absolute; top:0px; right:0; width:70px; height:50px; display:block; text-align:right; font-size:22px; padding:15px 15px 0 0;  color:black;}
	#top_blk_mb .phone a			{color:#603015;}
	#top_blk_mb .logo_set .pic		{float:right; padding:0 5px 0 0;}
	#top_blk_mb .logo_set .pic img		{height:15px;}
	#top_blk_mb .logo_set .ar		{float:right; font-family:Noto Sans KR, sans-serif; font-weight:500;  letter-spacing:-0.05em; font-size:11px; color:#00509a; line-height:140%;}
	#top_blk_mb .logo_set .ar a		{color:#000000;}
	#content_blk				{padding:50px 0 0 0; width:100%; min-width:100%;}
	#bottom_blk				{min-width:100%; }
	.top_cslt_btn				{display:none;}
	.top_cslt_btn_m				{position:fixed; top:0px; right:10px; height:50px; padding:0 5px; border:0px solid red; letter-spacing:-0.05em; z-index:999999999999999999999999;}
	.top_cslt_btn_m .icon		{float:left; width:100%;padding:14px 0 0 0px; color:#585858; font-size:25px; }
	.top_cslt_btn_m .txt			{float:left; width:100%;color:black; font-size:8px; opacity:0.8; display:none;}

	/* ·Î°í */
	.mb_m {float:left; width:100%; height:80px; text-align:left; background:#fff; border-bottom:1px solid #eaeaea; }
	.mb_m .bg {float:left; width:100%; height:1200px; }
	.mb_m .bg .logo {float:left; padding:27px 0 30px 25px; width:100%;}
	.mb_m .bg .logo .ils {float:left; width:22px;}
	.mb_m .bg .logo .ils img {width:100%;}
	.mb_m .bg .logo .ils_p {float:left; }
	.mb_m .bg .logo .ils_p img {height:30px;}
	.mb_m .bg .logo .txt1 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:11px;height:25px; color:white; padding:7px 0 0 15px; text-align:left;}
	.mb_m .bg .logo .txt2 {float:left; font-family:tahoma; font-size:12px;text-align:left; color:rgba(255,255,255,0.5); line-height:120%; padding-right:35px;}
	.mb_m .bg .logo .dmn {position:fixed; top:20px; right:25px;}
	.mb_m .bg .logo .dmn img {height:30px; border-radius:2px;}

	#navi_mb			{width:100%; text-align:left; float:left; padding:0px 0;}
	#navi_mb ul		{width:100%; margin:0; padding:0; }
	#navi_mb ul.menu li				{position:relative; float:left; width:100%; font-size:12px; font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:0em;}
	#navi_mb ul.menu li a			{display:block; width:100%; padding:15px 0px 15px 15px; border-bottom:1px solid #eeeeee; color:rgba(0,0,0,0.8);  background:#fafafa;}
	#navi_mb ul.menu li a:hover {color:#045091; font-weight:500;}
	#navi_mb ul.menu li .sub a				{position:relative; float:left; padding:12px 0px 12px 30px; font-size:11px; border-bottom:1px solid rgba(158,158,158,0.1); width:100% !important; color:rgba(0,0,0,0.7); display:block; width:100%; background:#ffffff; }
	#navi_mb ul.menu li .sub a:hover	{background:#ffffff; color:black; }
	#navi_mb ul.menu .plus			{float:right; margin-right:30px; color:black; opacity:0.6; font-size:8px; padding-top:3px;}
	#navi_mb ul.menu .icon				{width:30px; text-align:right; margin-right:10px; color:black; opacity:0.2;}
	#navi_mb ul.menu .ft_as_arr	{margin-right:10px; color:black; opacity:0.2;}

	#sidebar-box {width:250px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#333333; overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);  line-height:100%;}
	.sidebar-btn {position:fixed; padding:18px 20px 0px 15px; width:70px; height:50px; top:0px; left:0px; z-index:999997;}
	.sidebar-btn img {width:25px;}

	.sc_section		{float:left; width:100%; height:calc(100% - 120px); overflow-x:hidden; overflow-y:auto;}
	.call_box			{float:left; width:50%;}
	.call_box .sec			{float:left; width:100%; height:125px; padding-top:35px; background:rgba(0,0,0,0.5); color:white;}
	.call_box .sec .icon			{float:left; width:100%; font-size:25px;}
	.call_box .sec .txt				{float:left; width:100%; font-size:11px; padding-top:10px; line-height:150%;}
	.call_box .sec .stx				{float:left; width:100%; font-size:8px; padding-top:3px; opacity:0.4;}

	.mn_s_copy					{float:left; background:#333; width:100%; padding:18px 0 20px 0; text-align:center; line-height:100%; font-size:8px; }
	.mn_s_copy .df				{opacity:0.6; color:white;}
	.mn_s_copy .name		{color:white; margin:0 3px; font-weight:bold;}
	
	/* ¸¶½ºÅ© / Å°ÇÁ·¹ÀÓ=Àû¿ë½Ã°£ */
	#sidebar-box-mask{
		display:none; position:fixed; z-index:99999997; background:rgba(0,0,0,0.6); left:0; top:0; width:100%; height:100%; 
		animation: fadein 2s;
		-moz-animation: fadein 2s; /* Firefox */
		-webkit-animation: fadein 2s; /* Safari and Chrome */
		-o-animation: fadein 2s; /* Opera */
	}

		@keyframes fadein {
			from {opacity:0;}
			to {opacity:1;}
		}
		@-moz-keyframes fadein { /* Firefox */
			from {opacity:0;}
			to {opacity:1;}
		}
		@-webkit-keyframes fadein { /* Safari and Chrome */
			from {opacity:0;}
			to {opacity:1;}
		}
		@-o-keyframes fadein { /* Opera */
			from {opacity:0;}
			to {opacity: 1;}
		}
		@keyframes fadeout {
			from {opacity:1;}
			to {opacity:0;}
		}
		@-moz-keyframes fadeout { /* Firefox */
			from {opacity:1;}
			to {opacity:0;}
		}
		@-webkit-keyframes fadeout { /* Safari and Chrome */
			from {opacity:1;}
			to {opacity:0;}
		}
		@-o-keyframes fadeout { /* Opera */
			from {opacity:1;}
			to {opacity:0;}
		}
		#sidebar-box-mask .close {float:right; width:100%; height:100%; text-align:left; padding:15px 0 0 265px;}
		#sidebar-box-mask .close img {width:20px;}

}
@media (min-width:1100px) {
	#top_blk { width:100%; margin:auto; text-align:center; }
	#top_blk_mb			{display:none;}
	/* pc menu info */
	.open_menu_sec {position:relative; width:100%; height:0px; text-align:center; z-index:99999; }
	.open_menu_sec .m_wrp {display:inline-block; max-width:1280px; width:100%; border:0px solid red;}
	.open_menu_sec .logo_i {float:left; max-width:200px; height:80px; padding:17px 0 0 0px; border:0px solid red;}
	.open_menu_sec .bmenu {float:right; width:900px; height:80px; padding:0 0 0 0; cursor:pointer; border:0px solid red; }
	.open_menu_sec .larea {position:relative; top:0; left:0; width:100%; float:left; background:#001f3a; overflow:hidden; text-align:center; height:0;transition:all .2s .1s; -webkit-transition:all .2s .1s; -moz-transition:all .2s .1s;}
	.open_menu_sec:hover .larea {width:100%; height:250px;  transition:all .3s .1s; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s;padding-bottom:10px; border-bottom:1px solid #dddddd;}	/* ÇÏ´Üborder°ªÀº ¿©±â¼­ ÁöÁ¤*/
	.open_menu_sec .larea .con {display:inline-block; max-width:1280px; width:100%; height:180px;}
	.open_menu_sec .larea .con .mm {float:right; width:900px; padding:20px 0 0 0; border:0px solid red;}

	#nav_slide1 {width:100%; height:80px; z-index: 10; top: 0px; position:fixed; background: rgba(255,255,255,1); border-bottom:1px solid #eeeeee;}
	#nav_slide2 {width:100%; height:80px; z-index: 10; top: -80px; position:fixed; background: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important; transition:all .2s; border-bottom:1px solid #eeeeee;}
	#nav_slide2:hover {background: rgba(255,255,255,1); transition:all .2s;border-bottom:0px solid #eeeeee;}
	.navi_eft {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }

	#nav_slide1 .navi_cate {display:inline-block; width:100%; }
	#nav_slide1 .navi_cate ul{ float:left; width:100%; margin:0; padding:0;}
	#nav_slide1 .navi_cate ul.depth1 li {float:left; width:20%; letter-spacing:0em;color:black; font-family:NanumSquareNeoExtraBold, sans-serif; font-weight:500; font-size:17px; line-height:80px;  text-align:left;}
	#nav_slide1 .navi_cate ul.depth1 li a {width:100%; color:#000; text-decoration:none;text-transform: uppercase;transition:all .2s;}
	#nav_slide1 .navi_cate ul.depth1 li a:hover {color:#0087ff; transition:all .2s;}
	#nav_slide1 .navi_cate ul.depth1 li a.on {color:#000;}
	#nav_slide1 .logo_i { /* background:url(/images/logo_style1.png) no-repeat center center; background-size:auto auto; */}
	#nav_slide1 .larea {background: rgba(255,255,255,0.9);}

	#nav_slide2 .navi_cate {display:inline-block; width:100%;}
	#nav_slide2 .navi_cate ul{ float:left; width:100%; margin:0; padding:0;}
	#nav_slide2 .navi_cate ul.depth1 li {float:left; width:20%; letter-spacing:0em; color:rgba(0,0,0,1); font-family:NanumSquareNeoExtraBold, sans-serif; font-weight:500; font-size:17px; line-height:80px; text-align:left;}
	#nav_slide2 .navi_cate ul.depth1 li a {width:100%; color:#000; text-decoration:none;text-transform: uppercase;transition:all .2s;}
	#nav_slide2 .navi_cate ul.depth1 li a:hover {color:#0087ff; transition:all .2s;}
	#nav_slide2 .navi_cate ul.depth1 li a.on {color:#000;}
	#nav_slide2 .logo_i { /* background:url(/images/logo_style2.png) no-repeat center center; background-size:auto auto; */}
	#nav_slide2 .larea {background: rgba(255,255,255,0.9);}
	#nav_slide2 .logo_i			{color:white !important;}

	#navi_top {text-align:left; float:left; padding:0px 0; width:100%; }
	#navi_top ul{ float:left; width:100%; margin:0; padding:0;}
	#navi_top ul.depth1 li {float:left; width:20%; letter-spacing:0em;}
	#navi_top ul.depth1 li a {width:100%; border-bottom:0px solid rgba(0,119,195,0.8); color:rgba(255,255,255,0.8); font-family:NanumSquareNeoExtraBold, sans-serif; font-weight:500; font-size:0px; line-height:200%; padding-left:0px; }
	#navi_top ul.depth1 li a:hover	{color:white; }
	#navi_top ul.depth1 .on a {color:blue;}
	#navi_top ul.depth2 {float:left;width:100%; margin-top:10px;}
	#navi_top ul.depth2 li {float:left;width:100%;}
	#navi_top ul.depth2 li a {float:left; padding:5px 0px; font-size:14px; border-bottom:0px solid rgba(0,119,195,1); color:#000; width:100%; font-weight:500; text-transform: uppercase; transition:all .2s;letter-spacing:0em; line-height:100%; margin-bottom:5px;}
	#navi_top ul.depth2 li a:hover	{color:black; transition:all .2s; }
	#navi_top ul.depth2 .on2 a {width:auto; color:blue;  }
	#navi_top ul.depth2 .on2 a:hover {color:blue}
	#navi_top ul.depth2 .off2 a {color:#656565; width:auto;}
	#navi_top ul.depth3 {float:left;width:100%;}
	#navi_top ul.depth3 li a {padding:0px 0px 0px 10px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(255,255,255,0.7); width:100%; font-weight:normal; }
	#navi_top ul.depth3 li a:hover	{color:white;  }
	#navi_top ul.depth4 {float:left;width:100%;}
	#navi_top ul.depth4 li a {padding:0px 0px 0px 12px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(255,255,255,0.7); width:100%; font-weight:normal; }
	#navi_top ul.depth4 li a:hover	{color:white;  }
	#navi_top .icon {margin-right:10px; color:white; opacity:0.2; font-size:10px;}
	
}
