@charset "utf-8";
/**
 * all.css
 * Base Adjust + Layout[main+sub] Mobile First!
 * 20240326 | @m | 최초작성. 요구반영. 결함개선. 고도화
 * ~20241101 | @m | 생략
 * (( 리뉴얼 ))
 * 20241129 | @m | 
 * 20241206 | @m | 
 * 20241213 | @m | 
 * 20241220 | @m | 
 * 20241227 | @m | 
 * 20250103 | @m | 
 * 20250110 | @m | --foot-height
 * 20250124 | @m | #fnb1
  */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* Base 20240710 ◆◆◆ */


html{
	height:100%;
	scroll-behavior:smooth;
}
body{
	height:100%;
	color:#555; /* (( #555 */
	font-size:1em; /* (( 16px */
	line-height:1.75; /* (( 1.75 */
	letter-spacing:-.03125em; /* (-.5px/16px) */
	overflow-x:hidden; /* ★ Mobile 가로범람 방지 (( #container */
}
body:not([x]){ /* 고정값만(반응형값아닌) */
	font-family:
		'Apple SD Gothic Neo',
		-apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
		/* Pretendard, */
		'Outfit',
		Roboto,
		Lato,
		'Open Sans',OpenSans,
		'Segoe UI',
		'Microsoft JhengHei',
		'Meiryo',
		/* '본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans, */ /* 로컬 파일 우선 */
		'본고딕',NotoSans,'Noto Sans KR','Noto Sans CJK KR', /* 리모트 우선 */
		/* '나눔고딕',NanumGothic,'Nanum Gothic', */
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,
		sans-serif;
	font-feature-settings:'tnum';
}


/* ◇◆ 공용 20250110 ◇◆ */


/* var() */
:root{
	--head-height:60px; /* 헤더높이.. */
	--foot-height:72px; /* 푸터높이.. */
	--head-bg:#fff; /* 헤더배경 */
	--container-max-width:640px; /* 본문콘텐츠최대폭 */
	--container-space:calc(20/360*100%); /* 본문콘텐츠여백 */
	--container-offset:calc(var(--container-space) * 360/320);
}


[href]{
	color:inherit;
}

*:focus:not(:focus-visible){
	outline:0;
}

::placeholder{
	color:#bbb;
}
:focus::placeholder{
	color:#888;
}


/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.유형 20240712 */
body{} /* #head(X) #foot(X) 기본 */
body.pt-head.pt-foot{} /* #head(O) #foot(O) 홈페이지 */
body.pt-foot{} /* #head(X) #foot(O) 1차메인 */
body.pt-head #head{
	display:block;
}
body.pt-head #wrap{
	margin-top:var(--head-height);
}
body.pt-foot #foot{
	display:block;
}
/* 로그인.. */
body.pt-intro{
}


/* 배치.전체 20250110 */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{
	position:relative;
	box-sizing:border-box;
	min-width:320px;
	max-width:var(--container-max-width);
	margin:0 auto;
	padding:0 var(--container-space);
}
body{
	background:#eee;
}
#container{
	position:relative;
	max-width:var(--container-max-width);
	/* height:100%; */
	margin:0 auto;
	background:#fff;
}
	#head{
		display:none; /* ☆ */
		clear:both;
		z-index:100;
		position:fixed;left:0;right:0;top:0;
		max-width:var(--container-max-width);
		height:var(--head-height);
		margin:0 auto;
		border-bottom:1px solid #eee;
		background:var(--head-bg);
	}
		#head>.container{
			/* position:sticky; */
			height:100%;
		}
			#head_s1{
				display:flex;
				justify-content:space-between;
				align-items:center;
				position:relative;
				height:100%;
			}
	#wrap{
		clear:both;
		position:relative;
		max-width:var(--container-max-width);
		min-height:100vh;
		margin:0 auto; /* ☆ */
		background:var(--color21, #f3f7f9);
		/* transition:.2s; */
	}
		#wrap>.container{
			position:relative;
			max-width:none;
			margin:0;
			padding:0;
		}
			#sidebar{}
			#body{
				position:relative;
				box-sizing:border-box;
				word-wrap:break-word;
				/* word-break:keep-all; */
			}
			#body>.container{
				max-width:none;
				margin:0;
				padding:0;
			}
		/* #body_head{}
			#body_head>.container{}
		#body_foot{}
			#body_foot>.container{} */
		#body_content{
			/* min-height:calc(100vh - var(--head-height)); */
			box-sizing:border-box;
		}
			#body_content>.container{
				padding-top:20px;
				padding-bottom:200px;
			}
			#body_content .container{}
	#wing{
		z-index:99;
		position:fixed;left:0;right:0;bottom:0;
		height:0;
	}
	#foot{
		display:none; /* ☆ */
		clear:both;
		z-index:90;
		position:fixed;left:0;right:0;bottom:0;
		max-width:var(--container-max-width);
		margin:0 auto;
		background:#fff;
	}
		#foot_s1{
			position:relative;
		}
			#foot_s1>.container{}


/* 메인(홈) */
body.d1-0 #body_content>.container,
body.d1-home #body_content>.container,
body.d1-main #body_content>.container{
	padding-top:0;
	padding-bottom:72px; /* #fnb1 높이 */
}
/* PT샵, 커뮤니티, 사용자 관련, 문제추천, 기타 */
body.d1-shop #body_content>.container,
body.d1-community #body_content>.container,
/* body.d1-my #body_content>.container, */
body.d1-recommend #body_content>.container,
body.d1-user #body_content>.container,
body.d1-etc #body_content>.container{
	padding-top:10px;
}
/* 공부하기, 마이PT */
body.d1-study #body_content>.container,
body.d1-my #body_content>.container{
	/* 기존대로 */
}


/* 배치.유틸 20241101 */
/* .s1width1full1{
	margin:0 calc( (100% - 100vw) / 2);
} */
/* .s1height1full1{
	margin-top:calc(-20px - 3%) !important;
	margin-bottom:calc(-20px - 3%) !important;
} */
.s1width1full1[class]{
	margin-left:calc(var(--container-offset) * -1);
	margin-right:calc(var(--container-offset) * -1);
}
.s1width1full2[class]{
	margin-left:calc(var(--container-offset) * -1);
	margin-right:calc(var(--container-offset) * -1);
	padding-left:calc(var(--container-offset));
	padding-right:calc(var(--container-offset));
}


/* ☆ */
.show-over{
	display:none;
}
.show-default{
	display:inherit;
}


/* ☆ 모바일 감춤 20240308 */

/* #gn1{display:none;}  */


/* only Desktop BG image Preload 20240308 */
/* none */



/* #head */


/* 로고(웹사이트제목, 웹페이지제목) 20241206 */
#title,
#logo{
	display:flex;
	align-items:center;
	gap:.25rem;	
	z-index:10;
	position:relative;
	margin:0 20px 0 0;
	border:0;
	background:none;
	color:#000;
	font-weight:700;
	font-size:1.5rem;	
	letter-spacing:0;
}
#logo a{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	color:inherit;
}
#logo .t1{}
#logo .t2{
	color:var(--color1v1);
	font-weight:700;
	font-size:1.125em;
}
#logo .t3{
	color:#678;
	font-weight:500;
	font-size:.875em;
}
#logo img{
	width:auto;
	height:calc(30px / 2);
}
/*  */
#title .small{
	align-self:flex-end;
	font-weight:400;
	font-size:1rem;
}


/* 사용자 20240712 */
#user,
.cp1user1{
	position:relative;
	margin:.125rem 0 0;
	line-height:1.375;
	color:#000;
}
#user .tt1,
.cp1user1 .tt1{
	display:inline;
}
#user .tt1t1,
.cp1user1 .tt1t1{
	font-weight:700;
	font-size:1.4375em;	
}
#user .tt1t2,
.cp1user1 .tt1t2{
	font-size:1.375em;	
}
#user .t1,
.cp1user1 .t1{
	display:inline;
	font-size:1.375em;	
}


/* 20241227 (( .cp1body1head1 .b1 */
#head_s1>.w1{
	flex:none;
	display:flex;
	align-items:center;
	gap:.375rem;
	width:40%;
	white-space:nowrap;
}
/* 뒤로가기 */
#head_s1 .b1,
#head_s1 .b1 .ic1{
	display:inline-block;
	width:1.75rem;
	height:1.75rem;
	background:url() no-repeat center center / contain;
}
#head_s1 .b1.back .ic1{background:url(../../img/lib2/ic56a1c1a1left1.png) no-repeat -.5rem center / contain;}


/* #sidebar */
/* #wing */


/* 위로 20240312 */
#gotop1{
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box; /* ☆ */
	width:2.5em;
	height:2.5em;
	margin:-5rem 0 0 auto;
	border-radius:9999px;
	background:#ccc3;
	color:#fff;
	overflow:hidden;
	transform:translateY(400%);
	transition:.4s;
}
#gotop1 .t1{
	display:none;
	margin:.5em 0 0;
	font-weight:300;
	font-size:.875em;
	line-height:1.375;
	letter-spacing:0;
}
#gotop1 .ic1{
	display:block;
	position:relative;
	width:1em;
	height:.75em;
}
#gotop1 .ic1:before{content:''; /* / */
	display:block;
	position:absolute;left:50%;top:0;
	width:2px;
	height:.75em;
	margin:0 -.5px;
	border-radius:9999px;
	background:currentcolor;
	transform:rotate(45deg);
	transform-origin:50% 0;
	transition:.2s;
}
#gotop1 .ic1:after{content:''; /* ＼ */
	display:block;
	position:absolute;right:50%;top:0;
	width:2px;
	height:.75em;
	margin:0 -.5px;
	border-radius:9999px;
	background:currentcolor;
	transform:rotate(-45deg);
	transform-origin:50% 0;
	transition:.2s;
}
#gotop1.on{
	transform:none;
}
#gotop1:hover,
#gotop1:focus{
	background:#ccc6;
}

#gotop1:hover .ic1,
#gotop1:focus .ic1{
	/* animation:move-up .6s linear infinite; */
}
#gotop1:hover .ic1:before{
	height:calc(.75em + 2px);
	margin:-1px -.75px;
	transform:rotate(35deg);
}
#gotop1:hover .ic1:after{
	height:calc(.75em + 2px);
	margin:-1px -.75px;
	transform:rotate(-35deg);
}


/* #foot */


/* 푸터내비바(주메뉴). 20250124 */
#fnb1{
	z-index:50;
	position:fixed;left:0;right:0;bottom:0;
	max-width:var(--container-max-width);
	height:72px;
	margin:0 auto;
	background:#fff;
	color:#949494;
	font-weight:300;
	font-size:.75em;
	text-align:center;
	box-shadow:0 0 .375em 0 #0001;
}
#fnb1 .mns1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	list-style:none;
	height:100%;
	margin:0;
	padding:0;
}
#fnb1 .mns1 .m{
	width:calc(1/4*100%);
	height:100%;
}
#fnb1 .mns1 .a1{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%;
	color:inherit;
}
#fnb1 .mns1 .on .a1{
	font-weight:500;
}
#fnb1 .mns1 .t1{
	display:block;
	/* margin:.25em 0 0; */
}
#fnb1 .mns1 .ic1{
	display:block;
	width:2.25rem;
	height:2.25rem;
	background:url() no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;	
}
/* AsIs 현행 ~20241202 */
#fnb1 .mns1 .home .ic1{background-image:url(../../img/lib2/fnb1m00@2x.png);}
#fnb1 .mns1 .exam .ic1{background-image:url(../../img/lib2/fnb1m01@2x.png);}
#fnb1 .mns1 .note .ic1{background-image:url(../../img/lib2/fnb1m02@2x.png);}
#fnb1 .mns1 .cunning .ic1{background-image:url(../../img/lib2/fnb1m03@2x.png);}
#fnb1 .mns1 .grade .ic1{background-image:url(../../img/lib2/fnb1m04@2x.png);}
/* 활성 */
#fnb1 .mns1 .on.home .ic1,
body.d1-0 #fnb1 .mns1 .home .ic1{
	background-image:url(../../img/lib2/fnb1m00on@2x.png);
}
#fnb1 .mns1 .on.exam .ic1,
body.d1-1 #fnb1 .mns1 .exam .ic1{
	background-image:url(../../img/lib2/fnb1m01on@2x.png);
}
#fnb1 .mns1 .on.note .ic1,
body.d1-2 #fnb1 .mns1 .note .ic1{
	background-image:url(../../img/lib2/fnb1m02on@2x.png);
}
#fnb1 .mns1 .on.cunning .ic1,
body.d1-3 #fnb1 .mns1 .cunning .ic1{
	background-image:url(../../img/lib2/fnb1m03on@2x.png);
}
#fnb1 .mns1 .on.grade .ic1,
body.d1-4 #fnb1 .mns1 .grade .ic1{
	background-image:url(../../img/lib2/fnb1m04on@2x.png);
}
/* 활성 */
body.d1-0 #fnb1 .home .a1, /* 홈 */
body.d1-1 #fnb1 .exam .a1, /* 문제풀기 */
body.d1-2 #fnb1 .note .a1, /* 오답노트 */
body.d1-3 #fnb1 .cunning .a1, /* 컨닝페이퍼 */
body.d1-4 #fnb1 .grade .a1{ /* 나의 성적 */
	color:var(--color1v1, --color1, #09c);
	font-weight:500;
}
/* ToBe 리뉴얼 20241202~ */
#fnb1 .mns1 .home .ic1{background-image:url(../../img/inc/fnb1ic1home1@2x.png);}
#fnb1 .mns1 .study .ic1{background-image:url(../../img/inc/fnb1ic1study1@2x.png);}
#fnb1 .mns1 .shop .ic1{background-image:url(../../img/inc/fnb1ic1shop1@2x.png);}
#fnb1 .mns1 .community .ic1{background-image:url(../../img/inc/fnb1ic1community1@2x.png);}
#fnb1 .mns1 .my .ic1{background-image:url(../../img/inc/fnb1ic1my1@2x.png);}
/* 활성 */
#fnb1 .mns1 .on.home .ic1,
body.d1-home #fnb1 .mns1 .home .ic1{
	background-image:url(../../img/inc/fnb1ic1home1on@2x.png);
}
#fnb1 .mns1 .on.study .ic1,
body.d1-study #fnb1 .mns1 .study .ic1{
	background-image:url(../../img/inc/fnb1ic1study1on@2x.png);
}
#fnb1 .mns1 .on.shop .ic1,
body.d1-shop #fnb1 .mns1 .shop .ic1{
	background-image:url(../../img/inc/fnb1ic1shop1on@2x.png);
}
#fnb1 .mns1 .on.community .ic1,
body.d1-community #fnb1 .mns1 .community .ic1{
	background-image:url(../../img/inc/fnb1ic1community1on@2x.png);
}
#fnb1 .mns1 .on.my .ic1,
body.d1-my #fnb1 .mns1 .my .ic1{
	background-image:url(../../img/inc/fnb1ic1my1on@2x.png);
}
/* 활성 */
body.d1-home #fnb1 .home .a1, /* 홈 */
body.d1-study #fnb1 .study .a1, /* 공부하기 */
body.d1-shop #fnb1 .shop .a1, /* PT샵 */
body.d1-community #fnb1 .community .a1, /* 커뮤니티 */
body.d1-my #fnb1 .my .a1{ /* 마이 PT */
	color:var(--color1v1, --color1, #09c);
	font-weight:500;
}


/* 주메뉴 20241213. makeActive2ClickHover('#tnb1'); */
#tnb1{
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:auto;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
#tnb1 .b1.toggle{
	float:left;
	z-index:20; /* ☆(화면확인) */
	position:absolute;
	right:0;
	top:calc( var(--head-height) / 2 ); /* (화면확인) */
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	margin:-20px -8px;
	border-radius:2px;
	background:none;
	overflow:hidden;text-indent:-9999px;
}
#tnb1 .b1.toggle .ic1	{
	float:left;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/lib2/ic56a2c2bars1.png) no-repeat center center / 1.75rem;
}
#tnb1 .b1.toggle.on{}
#tnb1 .b1.toggle.on .ic1{
	/* background-image:url(../../img/inc/ic80a1c0close1.png); */
}
#tnb1 .b1.toggle:hover,
#tnb1 .b1.toggle:focus{
	filter:brightness(.8) contrast(1.6);
}
#tnb1c{
	display:block !important; /* ☆ */
	visibility:hidden; /* ☆ */
	z-index:110; /* ☆ */
	position:fixed;left:0;right:0;top:0;bottom:0;
	width:100%;
	max-width:var(--container-max-width);
	margin:0 auto;
	overflow:hidden;
	overflow-y:visible;
	transform:translateX(-100%);
	transition:0s .2s;
}
#tnb1c.on{
	display:block;
	visibility:visible;
	transform:none;
	transition:0s;
}
#tnb1c>.bg{
	visibility:hidden;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .65);
	opacity:0;
	transition:.2s;
}
#tnb1c.on>.bg{
	visibility:visible;
	opacity:1;
}
html.PC #tnb1c>.bg{ /* 모바일아니면 */
	/* display:none !important; */
}
/* ☆ */
#tnb1c .b2{
	display:block; /* ☆ */
	z-index:110;
	position:absolute;right:0;top:0;
	width:40px;height:40px;
	margin:20px 13px;
}
#tnb1c .b2>.ic1{
	float:left;
	position:absolute;left:50%;top:50%;
	width:26px;height:26px;
	margin:-13px;
	background:url() no-repeat center center / contain;
}
#tnb1c .b2.close{}
#tnb1c .b2.close>.ic1{background:url(../../img/lib2/ic52a1c0x1.png) no-repeat center center / contain;}
/* #tnb1c .d1 ~ .b2.close>.ic1{
	opacity:0;
} */
/* ☆ */
#tnb1c>div.cont{
	display:flex;
	flex-direction:column;
	visibility:hidden;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box; /* ☆ */
	width:286px;
	min-height:100%;
	background:#fff;
	color:inherit;
	/* overflow:hidden; */
	transform:translateX(100%);
	transition:.2s;
}
#tnb1c.on>div.cont{
	visibility:visible;
	transform:none;
}
/*  */
#tnb1c .hg1{
	display:flex;
	align-items:center;
	height:80px;
	padding:0 20px;
	background:var(--color1);
}
#tnb1c .user{
	position:relative;
	line-height:1.375;
	color:#fff;
}
#tnb1c .user .tt1{
	display:inline;
}
#tnb1c .user .tt1t1{
	font-weight:500;
	font-size:1.3125em;	
}
#tnb1c .user .tt1t2{
	font-size:1.25em;	
}
#tnb1c .user .t1{
	display:inline;
	font-size:1.25em;	
}
/* depth1~depth4 */
#tnb1 .smain{display:block;}
/* depth1 */
#tnb1 div.d1{
	/* flex:1; */
	clear:both;
	position:relative;
	top:0;
	/* height:100%; */
	overflow-y:auto; /* ☆ */
}
#tnb1 div.d1>ul{
	box-sizing:border-box; /* ☆ */
	padding:.75rem 0 40px; /* 모바일 UX 위해 여유 둠 */
	/* border-top:1px solid #fff1; */
}
#tnb1 div.d1>ul>li{display:inline;} /* ☆ */
#tnb1 div.d1>ul>li>a{
	display:flex;
	align-items:center;	
	z-index:20; /* .d2 보다 높여준다 */
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:.75rem 20px;
	/* background:url(../../img/inc/tnb1d1bg1.png) no-repeat 10px 50%; */
	color:#666;
	font-size:16px;
	word-break:keep-all;
	word-wrap:break-word;
}
#tnb1 div.d1>ul>li>a>.ic1{content:'';
	width:20px;
	height:20px;
	margin:0 .625em 0 0;
	background:url() no-repeat center center / contain;
	opacity:.4;
}
#tnb1 div.d1>ul>li>a>.ic1.person1{background-image:url(../../img/lib2/ic40a1c1person1.png);}
#tnb1 div.d1>ul>li>a>.ic1.coupon1{background-image:url(../../img/lib2/ic40a1c1coupon1.png);}
#tnb1 div.d1>ul>li>a>.ic1.bell1{background-image:url(../../img/lib2/ic40a1c1bell1.png);}
#tnb1 div.d1>ul>li>a>.ic1.brochure1{background-image:url(../../img/lib2/ic40a1c1brochure1.png);}
#tnb1 div.d1>ul>li>a>.ic1.contact1{background-image:url(../../img/lib2/ic40a1c1contact1.png);}
#tnb1 div.d1>ul>li>a>.ic1.qrcode1{background-image:url(../../img/lib2/ic40a1c1qrcode1.png);}
#tnb1 div.d1>ul>li>a>.ic1.pay1{background-image:url(../../img/lib2/ic40a1c1pay1.png);}
#tnb1 div.d1>ul>li>a>.ic1.gear1{background-image:url(../../img/lib2/ic40a1c1gear1.png);}
#tnb1 div.d1>ul>li:first-child>a{
	/* display:none; */
}
#tnb1 div.d1>ul>li>a>.t1{
	display:block; /* ☆ */
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d1bg1has.png); */
}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{}
/* depth1 활성 */
#tnb1 div.d1>ul>li.on>a{
	/* background-image:url(../../img/inc/tnb1d1bg1on.png); */
	font-weight:500;
}
/* 주메뉴 푸터그룹 */
#tnb1 .fg1{
	flex:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:auto 0 0;
	height:68px;
	padding:0 20px;
	background:var(--color21);
}
#tnb1 .fg1 .a1{
	display:flex;
	align-items:center;
	gap:.375em;
	margin:0 0 0 auto;
	color:#666;
}
#tnb1 .fg1 .a1 .t1{}
#tnb1 .fg1 .a1 .ic1{
	flex:none;
	width:1.25rem;
	height:1.25rem;
	background:url(../../img/lib2/ic40a1c2logout1.png) no-repeat center center / contain;
}



/* ETC */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* @media all and (max-width:1259px){ */ /* small medium large ◇◆◇◆◇◆◇◆◇◆ */
/* } */ /* /(max-width:1259px) */
@media all and (max-width:999px){ /* small medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(max-width:999px) */
@media all and (max-width:767px){ /* small ◇◆◇◆◇◆◇◆◇◆ */


/* Mobile font-size 20240405 */
html{
	font-size:.875em; /* (14/16) */
}


} /* /(max-width:767px) */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */





/* ◇◆ 공통 조정 ◇◆ */



/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */
/* none */



} /* /(min-width:1260px) */
@media all and (min-width:1440px){ /* xlarge2 (1360+40*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1440px) */
@media all and (min-width:1580px){ /* ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1580px) */
@media only screen and (-webkit-min-device-pixel-ratio:1.3){ /* (O) mobile ◇◆◇◆◇◆◇◆◇◆ */
}/* /(min-device-pixel-ratio:1.3) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

/* ◇◆ animation ◇◆◇◆◇◆◇◆◇◆ */
/* ◇◆ /animation ◇◆◇◆◇◆◇◆◇◆ */