/* 기본레이아웃 */
#sidebar-box					{width:250px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#ffffff; overflow-y:auto; 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;}


.shop_bnr		{float:left; width:100%; background:#003455; height:80px;color:white;text-align:left; }
.shop_bnr .pos					{position:relative; width:100%; height:0px;}
.shop_bnr .pos .ad			{position:absolute; top:0px; right:0; width:30px; height:18px; background:rgba(0,0,0,0.3); text-align:center; color:white; padding:4px 0 0 0; letter-spacing:0em; font-size:8px;}
.shop_bnr .pos .ad span	{font-size:6px; opacity:0.4;}
.shop_bnr .icon		{float:left; width:55px; border:0px solid red; padding:25px 0 0 18px; font-size:20px;}
.shop_bnr .set		{float:left; width:calc(100% - 55px); padding:24px 20px 0 0;}
.shop_bnr .set .name		{float:left; font-size:12px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em;}
.shop_bnr .set .name span	{font-size:8px; margin-left:5px; font-weight:400;}
.shop_bnr .set .txt			{float:left; font-size:8px; letter-spacing:-0.05em; padding-top:3px; opacity:0.8;}
.shop_bnr .set .domain	{float:left; font-size:6px; letter-spacing:0em; padding-top:0px; opacity:0.5; line-height:100%;}

/* 로고 */
.mb_m								{float:left; width:100%; text-align:left; background:#fafafa; border-bottom:1px solid #dddddd;}
.mb_m .logo						{float:left; padding:20px 0 30px 40px; width:100%;}
.mb_m .logo .ils				{float:left; height:25px;}
.mb_m .logo .ils img		{height:35px;}
.mb_m .logo .txt				{float:left; font-family:Noto Sans KR, sans-serif; font-weight:700; letter-spacing:-0.05em; font-size:18px;text-transform: uppercase; width:100%; height:20px; color:white; display:none;}
.mb_m .logo .dmn			{float:left; letter-spacing:0em; font-size:10px; width:100%; color:black; opacity:0.5;}

/* 기본메뉴 */
#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:500; letter-spacing:0em;}
#navi_mb ul.menu li a			{display:block; width:100%; padding:15px 0px 15px 15px; border-bottom:1px solid rgba(158,158,158,0.1); color:rgba(0,0,0,0.8);  background:#ffffff;}
#navi_mb ul.menu li a:hover {color:red;}
#navi_mb ul.menu li .sub a				{position:relative; float:left; padding:13px 0px 13px 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:#fafafa; }
#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:4px;}
#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;}

/* 고객센터 */
.call_box			{float:left; width:50%;}
.call_box .sec			{float:left; width:100%; height:125px; padding-top:35px; background:rgba(0,0,0,0.7); color:white;}
.call_box .sec .icon			{float:left; width:100%; font-size:28px;}
.call_box .sec .txt				{float:left; width:100%; font-size:11px; padding-top:10px;}
.call_box .sec .stx				{float:left; width:100%; font-size:8px; padding-top:3px; opacity:0.4;}

/* 최근글 / 최근글출력글은 실제파일에 적용 */
.latest_section_mb		{float:left; width:100%; padding:25px 30px 0px 30px; background:#fafafa; border-bottom:1px solid #eeeeee;}

/* 카피라이트 */
.mn_s_copy					{float:left; width:100%; padding:18px 0 20px 0; text-align:center; line-height:100%; font-family:arial; font-size:8px; color:black;}
.mn_s_copy .df				{opacity:0.6; color:black;}
.mn_s_copy .name		{color:red; 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;}