@charset "utf-8";
/**
 * main.css
 * Layout[main] | Contents[main]
 * 20210427 | @m | 최초 등록
 * 20210430 | @m | 요구반영. 결함개선. 고도화.
 * 20210504 | @m | 요구반영
 * 20210511 | @m | 
 * 20210514 | @m | 
 * 20210525 | @m | 
 * 20210526 | @m | 
 * 20210728 | @m | 로그인 CSS 메인에도 추가
 * 20210818 | @m | 메인화면 문구및 스타일 추가
 */

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


/* 배치.메인 20210511 */
#wrap{
	/* margin-top:-70px; */
}
	#wrap>.container{
		width:auto; /* ☆ */
		max-width:none; /* ☆ */
		margin:auto; /* ☆ */
	}
	#body{
		/* z-index:0; ☆ */
		position:relative;
		margin:auto;
		padding:0;
		line-height:1.375;
	}
		/* #body>.container{} 없음. mainbody 에 있으므로 */
		[id^='mainbody']{
			position:relative;
			background:url() no-repeat center top / cover;
		}
		#mainbody1{}
		#mainbody2{
			background:url(../../img/main/bg2.jpg) no-repeat fixed center top / cover;
		}
		#mainbody3{
			background:url(../../img/main/bg3.jpg) no-repeat center bottom / cover;
		}
			[id^='mainbody']>.container{
				padding:calc(20px + 3.333%) 0; /* (20+(40/1200)) */
			}
			#mainbody1>.container{
				max-width:none;
				margin:auto;
				padding:0;
			}
			#mainbody2>.container{}
			#mainbody3>.container{
				display:flex; /* ☆ */
				justify-content:center;
				align-items:center;
			}
				/* [class*='mainwrap']{} */


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


/* ☆ 감춤 20210514 */
/* none */


/* ☆ 공용 20210514 */
/* none */


/* 배치.유틸 20210514 */
.show-sub{display:none;}
.show-main{display:inherit;}


/* #body */


/* 비쥬얼.PR로테이터. 20210526 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
}
#vpr1 .wrap1{
	/* position:relative; 안함 (.menu 위치 위해) */
	margin:0 -100%;
}
#vpr1 .w1mView{
	position:relative;
	padding:0 0 51%; /* (1020/2000) */
}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;
	/* background:#fff; */
}
#vpr1 .mContC:first-child{z-index:1;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC .c,
#vpr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#vpr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#vpr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 -1000px;
}
#vpr1 #vpr1c2 .f1p1{ /* ☆ 2번째 이미지 위로 */
	margin:-90px -1000px 0;
}
#vpr1 .mContC .f1 img{display:block;width:auto;height:100%;margin:auto;}
/* ☆ */
#vpr1 .mContC .f2{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;left:50%;top:50%;
	width:23.85%; /* (477/2000) */
	transform:translate(-50%, -50%);
}
#vpr1 .mContC .f2 .p2{
	width:100%;
	height:auto;
	animation:kf1r360 linear 6s  infinite both;
}
#vpr1 .mContC .f2 .p3{
	position:absolute;left:50%;top:50%;
	width:25.996%; /* (124/477) */
	height:auto;
	transform:translate(-50%, -50%);
}
/* ☆ */
#vpr1 .mContC .tg1{
	position:absolute;left:0;right:0;top:50%;
	box-sizing:border-box; /* ☆ */
	width:40%;
	margin:auto;
	padding:1.75em 8% 1.25em;
	color:#fff;
	line-height:1.4375;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
	transform:translateY(-50%); /* (화면확인) */
}
#vpr1 .mContC .t1{display:block;
	font-weight:700;
	font-size:calc(9vw); /* ((68/1260) */
	line-height:1.25;
}
#vpr1 .mContC .t2{display:block;
	margin:1em 0;
	font-weight:300;
	font-size:calc(.794vw + 14px); /* ((10/1260)+14) */
}
#vpr1 .mContC .t1,
#vpr1 .mContC .t2{
	text-shadow: 0 -1px .125em rgba(0,0,0, .1), -1px 0 .125em rgba(0,0,0, .1), 0 1px .125em rgba(0,0,0, .1), 1px 0 .125em rgba(0,0,0, .1);
}
#vpr1 .mContC .t2 br{
	display:none;
}
#vpr1 .mContC .em{
	color:#fae100;
}

#vpr1 .mContC .t3 {
	font-size: 1.75em;
}
/* 글꾸밈 */
#vpr1 .mContC .t1t1,
#vpr1 .mContC .t1t2{
	position:relative;
}
#vpr1 .mContC .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
	line-height:1;
}
#vpr1 .mContC .ts1{ /* 테두리 */
	/* color:#000;
	font-weight:500;
	text-shadow:0 -1px #fff, -1px 0 #fff, 0 1px #fff, 1px 0 #fff; */
}
#vpr1 .mContC .e1{ /* 강조효과 */
	display:block;
	position:absolute;left:0;top:0;
	width:.53em;
	height:.53em;
	margin:-.125em -.1875em;
	border-radius:9999px;
	background:#fae100;
}
#vpr1 .mContC .e1.rt{
	left:auto;right:0;top:0;bottom:auto;
}
#vpr1 .mContC .en .e1{
	width:.468em;
	height:.468em;
}
/* ☆ */
#vpr1 #vpr1c3 .ts1{
	/* color:#8c8986; */
}
#vpr1 #vpr1c5 .ts1{
	/* color:#c8d8ed;
	text-shadow:
		0 -1px 1px #000, -1px 0 1px #000, 0 1px 1px #000, 1px 0 1px #000,
		0 -1px 1px #000, -1px 0 1px #000, 0 1px 1px #000, 1px 0 1px #000,
		0 -1px 1px #000, -1px 0 1px #000, 0 1px 1px #000, 1px 0 1px #000,
		0 -1px #000, -1px 0 #000, 0 1px #000, 1px 0 #000; */
}
#vpr1 #vpr1c5 .t1t2,
#vpr1 #vpr1c5 .t2{
	color:#000;
	text-shadow:none;
}
/* 고도화 */
#vpr1 .mContC .c:focus,
#vpr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#vpr1 .mContC .c:focus .f1,
#vpr1 .mContC .a1:focus .f1{margin:-1px;}
#vpr1 .mContC.on .a1{}
#vpr1 .mContC.off .a1{}
#vpr1 .mContC.prev-on .a1{}
#vpr1 .mContC.next-on .a1{}
/* 메뉴 */
#vpr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	height:0;
	margin:0 0 60px 20px;
	background:none;
	font-size:0;
	transition:.2s;
}
#vpr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#vpr1 .menu .m .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 쪽수 */
#vpr1 .mPage{display:inline-block;
	display:none; /* ☆ */
	padding:.25em .75em;
	border-radius:9999px;
	background:rgba(0,0,0, .066);
	color:#666;
	font-size:1rem; /* ☆ */
	vertical-align:middle;
}
#vpr1 .mPage .on{
	font-weight:400;
}
#vpr1 .mPage .sep{
	margin:0 .25em;
	opacity:.4;
}
#vpr1 .mPage .total{
	font-weight:600;
}
/* 순번 */
#vpr1 .w1mNum{display:inline-block;
	position:relative;
	margin:10px auto;
	vertical-align:middle;
}
#vpr1 .mNum{}
#vpr1 .mNum .m{
	padding:.75em;
	color:#fff;
	font-size:.875rem; /* ☆ */
	text-shadow: 0 -1px .125em rgba(0,0,0, .1), -1px 0 .125em rgba(0,0,0, .1), 0 1px .125em rgba(0,0,0, .1), 1px 0 .125em rgba(0,0,0, .1);
	opacity:.5;
}
#vpr1 .mNum .m .t1{
	float:left;
}
/* ☆ */
#vpr1 .mNum .m .ic1{
	display:none !important; /* ☆(좁은 모바일에서는 감춤) */
	float:right;
	position:relative;left:0;top:0;
	width:0;
	height:1px;
	margin:8px -8px 0 8px;
	background:rgba(255,255,255, .4);
	overflow:visible;
	opacity:0;
	transition:.2s linear;
}
#vpr1 .mNum .m .ic1:before{content:'';
	display:block;
	position:absolute;left:0;bottom:0;
	width:0;
	height:2px;
	background:#fae100;
}
/* ☆ */
#vpr1 .mNum .m.on{
	opacity:1;
}
#vpr1 .mNum .m.on .ic1{
	display:block;
	width:80px;
	opacity:1;
}
#vpr1 .mNum .m.on .ic1:before{
	width:100%;
	transition:6s linear;
}
/* 제어 */
#vpr1 .mControl{display:inline-block;
	vertical-align:middle;
}
#vpr1 .mControl .m{display:inline-block;
	width:22px;
	height:22px;
	margin:0 1px;
}
#vpr1 .mControl .m:hover,
#vpr1 .mControl .m:focus{
	opacity:1;
}
#vpr1 .mControl .m .ic1{
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
}
#vpr1 .mControl .stop .ic1{background-image:url(../../img/main/ic12a1c0pause1.png);}
#vpr1 .mControl .play .ic1{background-image:url(../../img/main/ic12a1c0play1.png);}
#vpr1 .mControl .prev .ic1{background-image:url(../../img/main/ic12a1c0left1.png);}
#vpr1 .mControl .next .ic1{background-image:url(../../img/main/ic12a1c0right1.png);}
/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl2{display:none;}
#vpr1 .mControl .stop.on,
#vpr1 .mControl .play.on{display:none;}

/* animation */
#vpr1 .mContC.on .f1 img{
	animation: kf1mix1 4s ease;
}
/* animation */
#vpr1 .mContC .t1{
	opacity:0;
	transform:translateY(-1em);
}
#vpr1 .mContC .t2{
	opacity:0;
	transform:translateY(1em);
}
#vpr1 .mContC.on .t1{
	opacity:1;
	transform:none;
	transition:1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
#vpr1 .mContC.on .t2{
	opacity:1;
	transform:none;
	transition:1.6s .6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}


/* 스크롤다운 20210430 */
.w1scroll1{
	z-index:1000;
	display:none; /* ☆ */
	position:absolute;left:0;right:0;
	bottom:40px;
	width:100%; /* ☆ */
	margin:auto;
}
.w1scroll1 [class*='scroll1']{display:block;
	position:absolute;left:0;right:0;bottom:0;
	width:29px;
	height:30px;
	margin:auto;
	color:#fff;
	text-align:center;
	animation: kf1ymv1 1.6s infinite;
	overflow:hidden;
}
.w1scroll1 [class*='scroll1'] .ic1{display:inline-block;
	width:100%;
	height:100%;
	background:url(../../img/main/ich30a1c2scroll1down1.png) no-repeat center center;
}
.w1scroll1 [class*='scroll1'] .t1{
	position:absolute;left:-9999px;
}


/* 글그룹 20210430 */
.tgroup1{
	line-height:1.375;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.tgroup1 .t1{
	display:block;
	margin:0;
	color:#000;
	font-weight:700;
	font-size:1.875em;
}
.tgroup1 .t2{
	display:block;
	margin:.375em 0 .125em;
	color:#000;
	font-weight:600;
	font-size:calc(4.7vw);
}
.tgroup1 .t2:after{content:'';
	display:inline-block;
	width:.191em;
	height:.191em;
	margin:-.0625em -.125em;
	border-radius:9999px;
	background:#fae100;
}
.tgroup1 .t3{
	display:block;
	margin:0;
	color:#000;
	font-size:calc(10px + 1.2vw);
}
.tgroup1 .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
}


/* 멀티뷰.PR로테이터. 20210525 [JS] jQmPR1(); */
#mpr1{
	display:block;
	z-index:0;
	position:relative;
	margin:calc(20px + 2.5vw) auto;
	padding:0 0 10px; /* (메뉴자리) */
	word-wrap:break-word;
	word-break:keep-all;
}
#mpr1 .wrap1{}
#mpr1 .hg1{}
/* 내용뷰 */
#mpr1 .w1mView{
	position:relative;
	margin:0 -20px;
}
#mpr1 .mView{
	z-index:0;
	position:relative;
	width:360px; /* (300+30*2) */
	height:580px; /* (520+30*2) */
	margin:auto;
	overflow:visible;
}
#mpr1 .mCont{position:relative;width:100%;height:100%;}
#mpr1 .mContC{display:block;
	visibility:hidden; /* ☆ */
	position:absolute;
	left:0;
	top:0 !important; /* ☆ 창조절시 JS에서 값 변경되는거 방지 */
	width:100%;
	height:100%;
	overflow:hidden;
	transition:.6s; /* ()) .on .off 각각 설정 */
}
/* ☆ */
#mpr1 .mContC .w1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
	text-decoration:none;
}
/* ☆ */
#mpr1 .mContC .c,
#mpr1 .mContC .a1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:20px 30px 40px;
	text-decoration:none;
}
/* ☆ */
#mpr1 .mContC .w1w1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0;
	padding:20px;
	border-radius:18px;
	background:#fff;
	text-align:center;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0,0,0, .1);
	transition:.2s;
}
#mpr1 .mContC .w1w2{
	display:block;
	visibility:hidden;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0;
	border-radius:18px;
	background:#fff;
	text-align:center;
	overflow:hidden;
	box-shadow:0 30px 30px 0 rgba(0,0,0, .2);	
	opacity:0;
	transition:.2s;
}
#mpr1 .mContC .a1:hover .w1w1,
#mpr1 .mContC .a1:focus .w1w1{
	visibility:hidden;
	margin:-20px 0 20px;
	opacity:0;
}
#mpr1 .mContC .a1:hover .w1w2,
#mpr1 .mContC .a1:focus .w1w2{
	visibility:visible;
	margin:-20px 0 20px;
	opacity:1;
}
/* ☆ */
#mpr1 .mContC .f1{}
#mpr1 .mContC .f1p1{}
#mpr1 .mContC .f1 img{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
#mpr1 .mContC .e1{
	display:block;
	position:absolute;left:0;bottom:0;
	margin:0 0 -.22em .1875em;
	color:#f4f4f4;
	font-size:100px;
	line-height:1;
}
#mpr1 .mContC .ic1{
	display:inline-block;
	position:absolute;right:0;bottom:0;
	width:23px;height:23px;
	margin:18px;
	border-radius:9999px;
	background:#222 url(../../img/main/ic9a1c0right1.png) no-repeat center center / 9px;
}
#mpr1 .mContC .t1{
	display:block;
	margin:.625em 0;
	color:#000;
	font-weight:600;
	font-size:30px;
}
#mpr1 .mContC .tg1{}
#mpr1 .mContC .t2{
	display:block;
	margin:.25em 0 .75em;
	color:#000;
	font-weight:600;
	font-size:20px;
}
/* ☆ */
#mpr1 .mContC .tg2{
	padding:1.875em;
	font-size:13px;
}
#mpr1 .mContC .lst1{
	text-align:left;
}
#mpr1 .mContC .li1{
	position:relative;
	margin:.25em 0;
	padding:.125em 0 .125em 1.5em;
	color:#111;
}
#mpr1 .mContC .li1:before{content:'';
	position:absolute;left:0;top:0;
}
#mpr1 .mContC .li1:nth-child(1):before{content:'1.';}
#mpr1 .mContC .li1:nth-child(2):before{content:'2.';}
#mpr1 .mContC .li1:nth-child(3):before{content:'3.';}
#mpr1 .mContC .li1:nth-child(4):before{content:'4.';}
#mpr1 .mContC .li1:nth-child(5):before{content:'5.';}
#mpr1 .mContC .li1:nth-child(6):before{content:'6.';}
#mpr1 .mContC .li1:nth-child(7):before{content:'7.';}
#mpr1 .mContC .li1:nth-child(8):before{content:'8.';}
#mpr1 .mContC .li1:nth-child(9):before{content:'9.';}
#mpr1 .mContC .li1:nth-child(10):before{content:'10.';}
#mpr1 .mContC .eg2{
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	margin:1.875em;
}
#mpr1 .mContC .b1{
	display:block;
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:1em 0 0;
	min-width:4em;
	padding:.875em 1em .875em 2em;
	border-radius:9999px;
	background:#222;
	color:#fff;
	font-weight:500;
	font-size:1em;
	text-align:left;
}
#mpr1 .mContC .b1t1{}
#mpr1 .mContC .b1ic1{display:inline-block;
	width:36px;
	height:25px;
	background:url(../../img/main/icw36a1c2right1.png) no-repeat center center / contain;
}
#mpr1 .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
}
/* off */
#mpr1 .mContC.off{
	visibility:hidden;
	opacity:0;
	transition:.6s; /* ☆ 0s 아래로 지나가는거 바로 감춤 */
}
/* on */
/* #mpr1 .mContC[class*='-on'], */
#mpr1 .mContC.on{
	visibility:visible;
	z-index:11; /* ☆ */
	opacity:1;
	transition:.6s;
}
#mpr1 .mContC.prev-on, #mpr1 .mContC.prev2-on, #mpr1 .mContC.prev3-on, #mpr1 .mContC.prev4-on, #mpr1 .mContC.prev5-on, #mpr1 .mContC.prev6-on{
	visibility:hidden;
	opacity:0;
	/* margin-left:-25px; */
}
#mpr1 .mContC.next-on, #mpr1 .mContC.next2-on, #mpr1 .mContC.next3-on, #mpr1 .mContC.next4-on, #mpr1 .mContC.next5-on, #mpr1 .mContC.next6-on{
	visibility:visible;
	opacity:1;
	/* margin-left:25px; */
}
#mpr1 .mContC.prev-on{z-index:10;} /* 맨앞 */
#mpr1 .mContC.prev2-on{z-index:9;}
#mpr1 .mContC.prev3-on{z-index:8;}
#mpr1 .mContC.prev4-on{z-index:7;}
#mpr1 .mContC.prev5-on{z-index:6;}
#mpr1 .mContC.prev6-on{z-index:5;}
#mpr1 .mContC.next-on{z-index:10;}
#mpr1 .mContC.next2-on{z-index:9;}
#mpr1 .mContC.next3-on{z-index:8;}
#mpr1 .mContC.next4-on{z-index:7;}
#mpr1 .mContC.next5-on{z-index:6;transition:0s;} /* 맨뒤 */
#mpr1 .mContC.next6-on{z-index:5;}
/* 메뉴 */
#mpr1 .menu{
	position:absolute;left:0;right:0;bottom:0;
	width:87.5%;
	max-width:1620px;
	margin:0 auto;
}
#mpr1 .menu .w1{}
#mpr1 .menu .m{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:auto;
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#mpr1 .menu .m .ic1{}
/* 순번 */
#mpr1 .w1mNum{display:block;
	z-index:20;
	position:absolute;left:0;right:0;bottom:0;
	width:43.210%;
	margin:auto;
	font-size:0;
	text-align:center;
}
#mpr1 .mNum{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:flex-end;
	height:2px;
	background:#ddd;
}
/* ☆ */
#mpr1[data-onnum='1'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='2'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='3'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='4'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='5'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='6'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='7'] .mNum .m:nth-child(n+8),
#mpr1[data-onnum='8'] .mNum .m:nth-child(-n+7),
#mpr1[data-onnum='9'] .mNum .m:nth-child(-n+7),
#mpr1[data-onnum='10'] .mNum .m:nth-child(-n+7),
#mpr1[data-onnum='11'] .mNum .m:nth-child(-n+7),
#mpr1[data-onnum='12'] .mNum .m:nth-child(-n+7),
#mpr1[data-onnum='13'] .mNum .m:nth-child(-n+7),
#mpr1[data-onnum='14'] .mNum .m:nth-child(-n+7){
	display:none;
}
#mpr1 .mNum .m{display:block;
	width:100%;
	height:20px;
	border-bottom:3px solid #000;
	opacity:0;
	transition:.2s;
}
#mpr1 .mNum .m .t1{
	position:absolute;left:-9999px;
}
#mpr1 .mNum .m.on{
	opacity:1;
}
/* ☆ */
/* 제어 */
#mpr1 .mControl{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	font-size:0;
	text-align:center;
}
#mpr1 .mControl .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:75px;
	padding:0;
	border-bottom:1px solid #222;
	background:rgba(0,0,0, .0);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#mpr1 .mControl .m .t1{
	display:block;
	margin:0 0 .75em;
	color:#222;
	font-size:14px;
	letter-spacing:.0625em;
}
#mpr1 .mControl .m:hover,
#mpr1 .mControl .m:focus{}
#mpr1 .mControl .m .ic1{}
#mpr1 .mControl .prev{float:left;}
#mpr1 .mControl .next{float:right;}
#mpr1 .mControl .prev .t1{float:left;}
#mpr1 .mControl .next .t1{float:right;}
/* 고도화 */
#mpr1.nodo .menu,
#mpr1.nodo .mControl2{display:none;}


/* 글그룹(하단배너) 20210430 */
.tgroup2{
	margin:.875em 0;
	line-height:1.375;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.tgroup2 .t1{
	display:block;
	margin:0;
	color:#fff;
	font-weight:500;
	font-size:calc(10px + 3vw);
}
.tgroup2 .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
}
.tgroup2 .b1{display:inline-block;
	margin:1em 0 0;
	min-width:4em;
	padding:.5em 2.5em;
	border:2px solid rgba(255,255,255, .8);
	border-radius:8px;
	color:#fff;
	font-weight:500;
	font-size:1.3125em;
	text-align:center;
}
.tgroup2 .b1:hover,
.tgroup2 .b1:focus{
	border-color:rgba(255,255,255, 1);
}


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


/* ☆작업확인용 */
/*
	#body [class*='mainbody2']>.container>[id]:nth-child(1){display:none;}
 */


/* ◇◆ (( lib2.css ◇◆◇◆◇◆◇◆ */


/* 레이어라이트박스. 20210623 */
/* 공통 */
.cp1layer1lightbox1{display:none;
	display:flex !important; /* ☆ */
	visibility:hidden;
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .2);
	letter-spacing:-.03125em;
	overflow:hidden;
	overflow-y:auto;
	opacity:0;
	transition:.2s;
}
.cp1layer1lightbox1.on{
	visibility:visible;
	opacity:1;
}
.cp1layer1lightbox1>.wrap1{display:block;
	box-sizing:border-box; /* ☆ */
	width:100%;
	margin:auto;
	padding:10px;
	text-align:center;
}
.cp1layer1lightbox1>.wrap1:after{content:'';display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}
.cp1layer1lightbox1 .lightbox{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:98%; /* ☆ */
	max-width:700px; /* ☆ */
	margin:3% -.25em;
	border-radius:1em;
	background:#fff;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	box-shadow:0 20px 40px 4px rgba(0,0,0, .2);
}
.cp1layer1lightbox1 .lightbox>.wrap2{
	position:relative;
	margin:calc(20px + 2%) calc(20px + 3%); /* ((35/510) */
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	position:relative;
	padding:0 0 .9275em;
	border-bottom:1px solid #e7e7e7;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1{
	position:relative;
	margin:0;
	color:#000;
	font-weight:600;
	font-size:1.75em;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1 .e1{ /* 강조효과 */
	display:block;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.125em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1 .e1.rt{
	left:auto;right:0;top:0;bottom:auto;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1 .en .e1{
	width:.468em;
	height:.468em;
}
/* ☆ */
.cp1layer1lightbox1 .b1.close{
	z-index:10;
	display:block;
	position:relative;
	width:2.0625em; /* (1.375*1.5) */
	height:2.0625em;
}
.cp1layer1lightbox1 .b1.close>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:25px;height:25px;
	margin:-12.5px;
	background:url(../../img/lib2/ic25a1c2x1.png) no-repeat center center;
	text-indent:-9999px;overflow:hidden;
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.cont{
	padding:1.5em 0 0;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.cont:before,
.cp1layer1lightbox1 .lightbox>.wrap2>.cont:after{content:'';display:table;clear:both;}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.fg1{
	padding:.9275em 0 0;
	border-top:1px solid #e7e7e7;
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1layer1lightbox1 .lightbox{
		border-radius:1.5em;
	}
}


/* 로그인 20210615 */
.cp1login1{
	position:relative;
	margin:auto;
	line-height:1.375;
	text-align:center;
}
.cp1login1 .text{
	width:100%;
	padding-left:4em;
	border-color:transparent;
	background:#eee url() no-repeat 0 50% / 22px;
	background-position:calc(2em - 11px) 50%; /* [IE]fix) 단축속성 calc() 결함 있어 분리 */
}
.cp1login1 .text.id{background-image:url(../../img/lib2/ic22a1c2person1.png);}
.cp1login1 .text.pw{background-image:url(../../img/lib2/ic22a1c2lock1.png);}

.cp1login1 .b1.submit{
	display:inline-flex; /* ☆ */
	align-items:center;
	margin:1em 0;
	background:none;
	border:0;
}
.cp1login1 .b1.submit .t1{
	font-weight:600;
	font-size:2em;
	margin:0 .375em 0 0;
}
.cp1login1 .b1.submit  .ic1{
	display:inline-block;
	width:3.375em;
	height:3.375em;
	border-radius:9999px;
	background:#fae100 url(../../img/lib2/ic25a2c0right1.png) no-repeat center center / 25px;
}
/* ☆ */
.cp1login1 .mns1{
	margin:1em 0 0;
	border-top:1px solid #e7e7e7;
	padding:1em 0;
	line-height:1.375;
	text-align:center;
}
.cp1login1 .mns1 .a1{display:inline-block;
	position:relative;
	padding:.25em 1em;
	color:#777;
}
.cp1login1 .mns1 .a1~.a1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid #ccc;
}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */


#wrap{}
	[id^='mainbody']{}
	#mainbody1{}
	#mainbody2{}
	#mainbody3{}
		[id^='mainbody']>.container{}
		#mainbody1>.container{}
		#mainbody2>.container{}
		#mainbody3>.container{}


#vpr1 .wrap1{
	margin:auto;
}
#vpr1 .w1mView{
	padding:0 0 644px; /* >=1260*(1020/2000) */
}
#vpr1 .mContC .tg1{
	width:80%;
}
#vpr1 .mContC .t1{
	font-size:calc(5.397vw); /* ((68/1260) */
}
#vpr1 .mNum .m .ic1{
	display:block !important;
}


#mpr1{
	padding:0 0 40px; /* (메뉴자리) */
}
#mpr1 .mView{
	margin:0 4.762%; /* (60/1260) */
}


} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */


.tgroup1 .t1{
	font-size:1.875em;
}
.tgroup1 .t2{
	font-size:2.9375em;
}
.tgroup1 .t3{
	font-size:1.375em;
}

.tgroup2 .t1{
	font-size:2.5em;
}


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


#wrap{
	/* margin-top:-100px; */
}
	[id^='mainbody']{}
	#mainbody1{}
	#mainbody2{}
	#mainbody3{}
		[id^='mainbody']>.container{
			margin:auto;
		}
		#mainbody1>.container{}
		#mainbody2>.container{}
		#mainbody3>.container{}


/* ◇◆◇◆ */


#vpr1 .w1mView{
	padding:0 0 100vh; /* (1020) */
}
#vpr1 .mContC .f1 img{
	width:auto;
	height:auto;
	max-width:none;
	min-width:33.4%;
	min-height:100%;
}
#vpr1 .mContC .tg1{
	width:auto;
	padding:0 50% 0 8.5%; /* (1000/2000) (170/2000) */
	text-align:left;
	transform:translateY(-60%);
}
#vpr1 .mContC .t1{
	font-size:68px;
}
#vpr1 .mContC .t2{
	margin:1em 0;
	font-size:24px;
}
#vpr1 .mContC .t2 br{
	display:block;
}
#vpr1 .menu{
	margin:0 0 105px 0;
	padding-left:8.5%; /* (170/2000) */
}
/* animation */
#vpr1 .mContC .t1{
	opacity:0;
	transform:translateX(-1em);
}
#vpr1 .mContC .t2{
	opacity:0;
	transform:translateX(-30px);
}


.w1scroll1{
	display:block; /* ☆ */
}

.hgroup1 .h1{
	font-size:52px;
}
.hgroup1 .t1{
	font-size:19px;
}

#mpr1 .mView{
	width:420px; /* (360+30*2) */
	height:720px; /* (660+30*2) */
	margin:0 6.771%; /* (130/1920) */
}
#mpr1 .mContC .f1 img{
	width:auto;
}
#mpr1 .mContC .e1{
	font-size:150px;
}
#mpr1 .mContC .t1{
	font-size:43px;
}
#mpr1 .mContC .t2{
	font-size:30px;
}
#mpr1 .mContC .tg2{
	font-size:16px;
}


/* ◇◆ Only Desktop ◇◆ */





} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

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


/* @keyframes [IE10+] 20210430 */
@keyframes kf1ymv1{
	50%{transform:translate3d(0, -20%, 0);}
}
@keyframes kf1r360{
	50%{transform:rotate(180deg) scale(1.2);}
	100%{transform:rotate(360deg) scale(1);}
}


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