@charset "UTF-8";

/* * {
  padding: 0; margin: 0;
}

body {      
  overflow-x: hidden;
  font-family: 'pretendard', sans-serif;
}
.test-login {
  width: 100vw;
  height: 100%;
  position: relative;
}
.test-login img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.test-wrap {
position: fixed;
right: 0;
top: 0;
display: flex;
flex-direction: column;
gap: 1.2rem;
width: 20.6%;
align-items: center;
height: 100%;
padding: 36px;
box-sizing: border-box;
background-color: #26262c;
z-index: 99;
}

.size-m.login-test {
  width: 100%;
  min-height: 56px;
  padding: 4px 12px;
  box-sizing: border-box;
  border-radius: 8px;
}

.test-wrap .btn.size-m {
height: 52px !important;
width: 100% !important;
border-radius: 8px;
}
.ent .test-wrap .login-menu {
 position: relative;
 width: 100%;
}
.ent .test-wrap .login-menu ul.login-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ent .test-wrap .login-menu ul.login-list li {
  text-align: center;
}
.ent .test-wrap .login-menu ul.login-list li a {
  color: var(--white-color);
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0 1.8rem ;
  border-right: 1px solid var(--white-color);
}
.ent .test-wrap .login-menu ul.login-list li:first-child a {
  padding-left: 0;
}
.ent .test-wrap .login-menu ul.login-list li:last-child a {
  padding-right: 0;
  border-right: 0;
}

.test-wrap .service-info {
  width: 322px;
  margin: 8rem 0;
} */

/* imgbox */
/* .imgbox-wrap {
  width: 100%;
  position: relative;
} */


/* tabbox */
/* .tabbox-wrap {
  width: 1528px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.tabbox-wrap .tabbox {
  width: 50%;
  height: 100%;
  float: left;
  cursor: pointer;
}
.tabbox-wrap .tabbox.tabbox01 {
  background-color: transparent;
}
.tabbox-wrap .tabbox.tabbox02 {
  background-color: transparent;
}
.img01 {
  display: block;
}

.img02 {
  display: none;
}  */




.login-wrap{
	display: flex;
	align-items: stretch;
	min-height: 100vh;
}

.login-wrap .content-zone {
	/* position: relative; */
	width:calc(100vw - 392px);
	background-color: var(--gray-900-color);
	height: 100vh;
}
@media (max-width: 1560px) {
	.login-wrap .content-zone {
		width: calc(100vw - 320px);
	}
}
@media (max-width: 1280px) {
	.login-wrap .content-zone {
		width: 100%;
	}
}
.login-wrap.linkplus .content-zone {
	width:100%;
}
.login-wrap .right-zone {
	position: relative;
	background-color: #26252C;
	width:392px;
	height: 100vh;
}
.login-wrap .right-zone .right-zone-inner {
	position: relative;
	padding: 60px 36px;
	width: 100%;
	height: 100vh;
}
@media (max-width: 1560px) {
	.login-wrap .right-zone  {
		width: 320px;
	}
	.login-wrap .right-zone .right-zone-inner {
		padding: 60px 20px;
	}
}
@media (max-width: 1280px) {
	.login-wrap .right-zone {
		position:fixed;
		top:0;
		right:-320px;
		z-index: 101;
		transition: all .3s;
	}
	.login-wrap .right-zone.on {
		position: fixed;
		top: 0;
		right: 0px;
	}
}
.login-wrap .right-zone .btn-login-onoff {
	position:absolute;
	top:130px;
	left:-100px;
	background-color: var(--secondary-400-color);
	width:64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	display: none;
	cursor: pointer;
}
.login-wrap .right-zone .btn-login-onoff.hidden {	
	display: none;
}
@media (max-width: 1280px) {
	.login-wrap .right-zone .btn-login-onoff {
		display: block;
	}
}
@media (max-width: 600px) {
	.login-wrap .right-zone .btn-login-onoff {
		top: 100px;
		left: -80px;
		display:flex;
	}
}
.login-wrap .right-zone .btn-login-onoff > i {
	font-size:3.2rem;
	color:var(--white-color);
}
.login-wrap .right-zone .btn-login-onoff .txt {
	font-size:1.2rem;
	color:var(--white-color);
	font-weight: 700;
}
.login-wrap .right-zone .right-login-wrap{
	margin-bottom:80px;
}
.login-wrap .right-zone .login-tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.login-wrap .right-zone .login-tit .tit {
	font-size: 2.4rem;
	color: var(--white-color);
	font-weight: 500;
	color:var(--white-color);
	font-family: 'Outfit';
}
.login-wrap .right-zone .login-tit .right-zone-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:30px;
	height: 30px;
	display: none;
	position: absolute;
	right: 30px;
	top: 10px;
}
@media (max-width: 1280px) {
	.login-wrap .right-zone .login-tit .right-zone-close {
		display: inline-flex;		
	}
}
.login-wrap .right-zone .login-tit .right-zone-close i {
	color:var(--white-color);
}
.login-wrap .right-zone .login-form {
	margin-top:20px;
}
.login-wrap .right-zone .login-form label {
	font-size: 1.4rem;
	color: #888;
	font-weight: 700;
	padding-left:0;
	padding-top:12px;
}
.login-wrap .right-zone .login-form button {
	width:100%;
	margin:10px 0 0 !important;
	background-color:var(--primary-700-color);
}
.login-wrap .right-zone .login-link-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:14px;
}
.login-wrap .right-zone .login-link-list>li {
	padding:0 8px;
	border-left:1px solid #fff;
}
.login-wrap .right-zone .login-link-list>li:first-child {
	border:0;
}
.login-wrap .right-zone .login-link-list > li a {
	font-size:1.4rem;
	color:var(--white-color);
	font-weight: 500;
}
.ent.en .login-wrap .right-zone .login-link-list>li a {
	font-size: 1.2rem;
}
.login-wrap .right-zone .find-id {
	display: inline-block;
	font-size:1.5rem;
	color:var(--white-color);
	font-weight: 500;
	margin-top:12px;
}

.login-wrap .right-zone .sns-list-wrap
{
	margin-top:80px;
}
.login-wrap .right-zone .service-list-wrap .h3,
.login-wrap .right-zone .sns-list-wrap .h3 {
	font-size:1.6rem;
	color:var(--white-color);
	font-weight: 600;
}
.login-wrap .right-zone .service-list-wrap .service-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap:27px;
	margin-top:20px;
}
@media (max-width: 1560px) {
	.login-wrap .right-zone .service-list-wrap .service-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px;
	}
}

.login-wrap .right-zone .sns-list-wrap .sns-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	column-gap: 27px;
	row-gap: 0px;
	margin-top: 20px;
}
@media (max-width: 1560px) {
	.login-wrap .right-zone .sns-list-wrap .sns-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 28px;
	}
}
.login-wrap .right-zone .service-list-wrap .service-list li .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:60px;
	height: 60px;
	border-radius: 16px;
	background-color: var(--white-color);
	padding:0px;
	overflow: hidden;
}

.login-wrap .right-zone .service-list-wrap .service-list li.clr02 .icon {
	background: linear-gradient(135deg, #46EDE3 0%, #F2EB3D 100%);
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr03 .icon {
	background: #FF5353;
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr04 .icon {
	background: linear-gradient(315deg, #F66F44 0%, #F1C554 100%);
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr05 .icon {
	background: #57277D;
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr06 .icon {
	background: #4D4D4D;
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr07 .icon {
	background: linear-gradient(0deg, #66A0F5 0%, #1D5CBB 100%);
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr08 .icon {
	background: #3C47A8;
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr09 .icon {
	background: linear-gradient(135deg, #7AC939 0%, #43A9E4 100%);
}
.login-wrap .right-zone .service-list-wrap .service-list li.clr10 .icon {
	background: #1543C1;
}
.login-wrap .right-zone .service-list-wrap .service-list li .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.login-wrap .right-zone .service-list-wrap .service-list li .txt {
	display: block;
	font-size:1.2rem;
	color:var(--white-color);
	font-weight: 600;
	margin-top:8px;
	text-align: center;
	white-space: nowrap;
	margin-left:-10px;
	margin-right: -10px;
}
.login-wrap .right-zone .sns-list-wrap .sns-list li .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
}
.login-wrap .right-zone .sns-list-wrap .sns-list li .icon img {
	transform: scale(.5);
}


.login-wrap .content-zone .tab-set {
	position: relative;
	padding:0;
}
.login-wrap .content-zone .tab-menu {
	position: relative;
	background-color: var(--gray-900-color);
	height: 80px;
	display: flex;
  justify-content: center;
  gap:10rem;
}
@media (max-width: 1650px) {
	.login-wrap .content-zone .tab-menu {
		min-height: 74px;
		gap:.1rem;
		padding-top:.6rem;
	}
}
/* .login-wrap .content-zone .tab-menu [rel="tab1"] a {
	padding-left:200px;
}
@media (max-width: 1560px) {
	.login-wrap .content-zone .tab-menu [rel="tab1"] a {
		padding-left: 60px;
	}
}
@media (max-width: 780px) {
	.login-wrap .content-zone .tab-menu [rel="tab1"] a {
		padding-left: 30px;
	}
} */
.login-wrap .content-zone .tab-menu.tab1 {
	background-color: var(--gray-900-color);
}
.login-wrap .content-zone .tab-menu.tab2 {
	background-color: var(--gray-900-color);
}
.login-wrap .content-zone .tab-menu>div {
	width:30.6rem;
}
.login-wrap .content-zone .tab-menu>div:nth-child(1) {
  z-index: 3;
}
.login-wrap .content-zone .tab-menu>div:nth-child(2) {
  z-index: 2;
}
.login-wrap .content-zone .tab-menu>div:nth-child(3) {
  z-index: 1;
}
.login-wrap .content-zone .tab-menu>div:has(a.active) {
  z-index: 10;
}
.login-wrap .content-zone .tab-menu>div a {
  position: relative;
	display: inline-flex;
	flex-direction:column;
	justify-content:center;
	padding: 0px 30px;
	width:100%;
	height: 100%;
  background-color: var(--gray-500-color);
}
@media (max-width: 1650px) {
	.login-wrap .content-zone .tab-menu>div a {
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}
}
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div a::before {
  position: absolute;
  top:0;
  left:-6.7rem;
  content:'';
  width:6.7rem;
  height:8rem;
  background-image: url(../images/login/tabmenu_bg.svg);
  background-repeat: no-repeat;
}
@media (max-width: 1650px) {
	.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div a::before {
		display: none;
	}
}
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div a::after {
  position: absolute;
  top:0;
  right:-6.7rem;
  content:'';
  width:6.7rem;
  height:8rem;
  background-image: url(../images/login/tabmenu_bg.svg);
  background-repeat: no-repeat;
  transform: rotate3d(0, 1, 0, 180deg);
}
@media (max-width: 1650px) {
	.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div a::after {
		display: none;
	}
}
@media (max-width: 940px) {
	.login-wrap .content-zone .tab-menu>div a {
		padding: 18px 0;
		display:flex;
		align-items:center;
	}
}


.login-wrap .content-zone .tab-menu>div a .tit {
	position: relative;
	font-size: 2.0rem;
	color: var(--white-color);
	font-weight: 700;
	line-height: 1.4em;
  text-align: center;
}
.ent.en .login-wrap .content-zone .tab-menu>div a .tit {
	font-size: 1.7rem;
	line-height:1.2em;
}
.login-wrap .content-zone .tab-menu>div:nth-child(1) a.active .tit {
	color: var(--tertiary-800-color);
}
.login-wrap .content-zone .tab-menu>div a .tit>span:first-child {
	position: relative;
	display: inline-block;
	margin:0 10px 0 10px;
}
.login-wrap .content-zone .tab-menu>div:nth-child(3) a.active .tit {
	color: var(--primary-950-color);
}

@media (max-width: 940px) {
	.login-wrap .content-zone .tab-menu>div a .tit>span.hyphen {
		display: none;
	}
}
@media (max-width: 600px) {
	.login-wrap .content-zone .tab-menu>div a .tit>span:first-child {
		margin: 0 8px 0 0px;
	}
}
.login-wrap .content-zone .tab-menu>div a .tit >span:first-child::after {
	position: absolute;
	top: 5px;
	right: -9px;
	content: '';
	width: 8px;
	height: 8px;
	background-image: url(../images/common/kstar.svg);
	background-repeat: no-repeat;
	background-size: 8px;
}
.login-wrap .content-zone .tab-menu>div a .tit br {
	display: none;
}
@media (max-width: 940px) {
	.login-wrap .content-zone .tab-menu>div a .tit br {
		display: block;
	}
	.ent.en .login-wrap .content-zone .tab-menu>div a .tit {
		font-size: 1.5rem;
	}
	.login-wrap .content-zone .tab-menu>div a .tit {
		font-size: 1.6rem;
		word-break: keep-all;
        text-align: center;
	}
	.login-wrap .content-zone .tab-menu>div a .tit >span:first-child::after {
		top: 4px;
		right: -10px;
	}	
}

.login-wrap .content-zone .tab-menu>div a .tit i {
	display: inline-block;
	margin-left: 10px;
	color: var(--white-color);
	font-size: 2.6rem;
	vertical-align: sub;
}
.ent.en .login-wrap .content-zone .tab-menu>div a .tit i {
	vertical-align: bottom;
}
@media (max-width: 600px) {
	.login-wrap .content-zone .tab-menu>div a .tit i {
		display: none;
	}
}
.login-wrap .content-zone .tab-menu>div a .txt {
	font-size: 1.4rem;
	color: var(--gray-200-color);
	font-weight: 500;
	margin-top:8px;
  text-align: center;
}
@media (max-width: 940px) {
	.login-wrap .content-zone .tab-menu>div a .txt {
		display: none;
	}
}
.login-wrap .content-zone .tab-menu>div:nth-child(1) a.active .txt {
	color: var(--gray-500-color);
}
.login-wrap .content-zone .tab-menu>div:nth-child(2) a.active .txt {
	color: var(--white-color);
}
.login-wrap .content-zone .tab-menu>div:nth-child(3) a.active .txt {
	color: var(--gray-700-color);
}
.ent.en .login-wrap .content-zone .tab-menu>div a .txt {
	font-size: 1.2rem;
	line-height: 1.2em;
}
@media (max-width: 600px) {
	.login-wrap .content-zone .tab-menu>div a .txt {
		display: none;
	}
}
/* .login-wrap .content-zone .tab-menu.tab1 > div a {
	background-color: #120038;	
} */
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(1) a.active {
	background-color: var(--primary-50-color);
}
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(1) a.active::before,
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(1) a.active::after {
	background-image: url(../images/login/tabmenu01_bg.svg);
}
@media (max-width: 1650px) {
	.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(1) a.active::after {
		display: block;
		position:absolute;
		width:2rem;
		height: 2rem;
		top:5.4rem;
		right:-2rem;
		background-image: url(../images/login/tabmenu01_m_bg.svg);
		transform: rotate3d(0, 0, 0, 180deg);
	}
}
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(2) a.active {
	background-color: #20A2F3;
}
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(2) a.active::before,
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(2) a.active::after {
	background-image: url(../images/login/tabmenu02_bg.svg);
}
@media (max-width: 1650px) {
	.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(2) a.active::before {
		display: block;
		position:absolute;
		width:2rem;
		height: 2rem;
		top:5.4rem;
		left:-2rem;
		background-image: url(../images/login/tabmenu02_m_bg.svg);
		transform: rotate3d(0, 1, 0, 180deg);
	}
	.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(2) a.active::after {
		display: block;
		position:absolute;
		width:2rem;
		height: 2rem;
		top:5.4rem;
		right:-2rem;
		background-image: url(../images/login/tabmenu02_m_bg.svg);
		transform: rotate3d(0, 0, 0, 180deg);
	}
}
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(3) a.active {
	background-color: #FAEBAE;
}

.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(3) a.active::before,
.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(3) a.active::after {
	background-image: url(../images/login/tabmenu03_bg.svg);
}
@media (max-width: 1650px) {
	.login-wrap > .content-zone > .tab-set > .tab-outter > div .tab-menu>div:nth-child(3) a.active::before {
		display: block;
		position:absolute;
		width:2rem;
		height: 2rem;
		top:5.4rem;
		left:-2rem;
		background-image: url(../images/login/tabmenu03_m_bg.svg);
		transform: rotate3d(0, 0, 0, 180deg);
	}
}
.login-wrap .content-zone .tab-menu.tab1>div a.active .tit i {
	display: none;
}

.login-wrap .content-zone .tab-menu.tab1>div a.active .tit i {
	display: none;
}
/* .login-wrap .content-zone .tab-menu.tab2>div a {
	background-color: var(--primary-700-color);
	border-bottom-right-radius: 20px;
}
.login-wrap .content-zone .tab-menu.tab2>div a {
	background-color: var(--primary-700-color);
	border-bottom-right-radius: 20px;
} */

/* .login-wrap .content-zone .tab-menu.tab2>div a.active {
	background-color: #120038;
} */
.login-wrap .content-zone .tab-menu.tab2>div a.active .tit i {
	display: none;
}
.login-wrap .content-zone .tab-container {
	margin-top:0;
}
.login-wrap .content-zone .tab-content:nth-child(2) {
	background-color: #120038;
}

.login-wrap .sec0101 {
	position: relative;
	padding:50px 0 100px;
	background-image: url(/new-assets/images/login/tabcontent01_bg01.png);
	background-repeat: no-repeat;
	background-position: center top 400px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0101 {
		background-position: center top 360px;
		background-size:140%;
	}
}
@media (max-width: 1000px) {
	.login-wrap .sec0101 {
		background-position: center top 300px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 {
		padding: 60px 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 {
		padding: 40px 0 40px;
		background-position: center top 250px;
		background-size: 160%;
	}
}
@media (max-width: 400px) {
	.login-wrap .sec0101 {
		background-position: center top 280px;
		background-size:180%;
	}
}
.login-wrap .sec0101 .top-headline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width:1168px;
	margin:0 auto;
	padding:0 0;
	gap:2rem;
	min-height: 210px;
}
.login-wrap .sec0101 .top-headline img {
	display: inline-block;
	width:260px;
	margin-top:-30px;
  margin-left:-30px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .top-headline {
		width:100%;
		padding:0 100px;
		background-position: right 60px top;
		background-size: 18vw;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0101 .top-headline {
		padding: 0 70px;
	}
}
@media (max-width: 1000px) {
	.login-wrap .sec0101 .top-headline {
		gap:0;
	}
}
@media (max-width: 840px) {
	.login-wrap .sec0101 .top-headline {
		flex-direction: column;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .top-headline {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-headline {
		gap:1rem;
		padding: 0 24px;
		min-height: 120px;
	}
}
@media (max-width: 1500px) {
	.login-wrap .sec0101 .top-headline img {
		width:220px;
	}
}
@media (max-width: 1000px) {
	.login-wrap .sec0101 .top-headline img {
		width:160px;
	}
}
@media (max-width: 840px) {
	.login-wrap .sec0101 .top-headline img {
		display: none;
	}
}

.login-wrap .sec0101 .top-headline .headline-txt {
	margin:-10px 0 0 0;
}
.login-wrap .sec0101 .top-headline .headline-txt .tit {
	font-size:4rem;
	color:var(--primary-700-color);
	font-weight: 100;
	font-family: 'Outfit';
}
.login-wrap .sec0101 .top-headline .headline-txt .tit strong {
	font-weight: 800;
  font-size:6rem;
	font-family: 'Pretendard';
	white-space:nowrap;
  margin-top:.6rem;
  display: inline-block;
}
.login-wrap .sec0101 .top-headline .headline-txt .tit strong > span {
	position: relative;
    display: inline-block;
    margin: 0 18px 0 0;
}
.login-wrap .sec0101 .top-headline .headline-txt .tit strong>span::before {
	position: absolute;
	content:'';
	top:8px;
	right:-20px;
	width:18px;
	height:18px;
	background-image: url(../images/common/kstar.svg);
	background-size: 18px;
}
.login-wrap .sec0101 .top-headline .headline-txt .txt {
	margin-top:18px;
	font-size: 1.8rem;
	color: #4A4A58;
  font-weight: 700;
  padding-left:1px;
}
.login-wrap .sec0101 .top-headline .headline-txt .stxt {
	margin-top: 10px;
	font-size: 1.6rem;
	color: #606075;
  font-weight: 500;
  padding-left:1px;
  letter-spacing:-.05rem;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .top-headline .headline-txt .tit {
		font-size: 4rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .tit strong {
		font-size: 5.2rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .txt {
		font-size: 1.6rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .stxt {
		font-size: 1.5rem;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0101 .top-headline .headline-txt .tit {
		font-size: 3rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .tit strong {
		font-size: 4.5rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .txt {
		font-size: 1.5rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .stxt {
		font-size: 1.4rem;
	}
}
@media (max-width: 880px) {
	.login-wrap .sec0101 .top-headline .headline-txt .tit {
		font-size: 2.4rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .tit strong {
		font-size: 4rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .tit {
		font-size: 4.0rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .stxt {
		font-size: 1.3rem;
	}
}
@media (max-width: 680px) {	
	.login-wrap .sec0101 .top-headline .headline-txt .tit {
		word-break: keep-all;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .txt {
		word-break: keep-all;
		line-height: 1.2em;
		padding-right:20vw;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .stxt {
		word-break: keep-all;
		line-height: 1.2em;
		padding-right: 22vw;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-headline .headline-txt .tit {
		font-size: 2.8rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .tit strong {
		font-size: 3.2rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .tit strong>span::before {
		top:4px;
		right:-16px;
		width:15px;
		height:15px;
		background-size: 15px;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .txt {
		font-size: 1.3rem;
	}
	.login-wrap .sec0101 .top-headline .headline-txt .stxt {
		font-size: 1.1rem;
	}
}
@media (max-width: 390px) {
	.login-wrap .sec0101 .top-headline .headline-txt .tit strong > span {
	    margin: 6px 18px 0 0px;
	}
}

.login-wrap .sec0101 .top-headline .right {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	margin-top:10px;
	min-width: max-content;
	margin-right:1rem;
}
@media (max-width: 1500px) {
	.login-wrap .sec0101 .top-headline .right {
		gap:2rem;
	}
}
@media (max-width: 1000px) {
	.login-wrap .sec0101 .top-headline .right {
		margin:0;
	}
}
@media (max-width: 840px) {
	.login-wrap .sec0101 .top-headline .right {
		margin-top:2rem;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: .8rem;
	}
}
@media (max-width: 480px) {
	.login-wrap .sec0101 .top-headline .right {
		align-self: center;
	}
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon {
	position: relative;
	width:18rem;
	height: 18rem;
	border-radius: 3.2rem;
	padding:3rem 2.4rem 2rem 3rem;
	box-shadow: 4px 4px 16px 0px rgba(48, 48, 127, 0.16);
	cursor: pointer;
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit{
	position:relative;
	height:12.8rem;
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	font-size:1.8rem;
	color:var(--white-color);
	font-weight: 700;
	transition: .4s;
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon .after-txt{
		position:absolute;
		display:block;
		width:100%;
		top:50%;
		left:50%;
		text-align:center;
		transform:translate(-50%,-50%);	
    font-size:1.5rem;
    font-weight: 600;
    color: #fff;
    line-height:1.4;
    letter-spacing:-0.05rem;
    opacity: 0;
    transition: .3s;
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon:hover .from-tit{
    opacity:0;
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon:hover .after-txt{
    opacity: 1;
}

@media (max-width: 1500px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon {
		width: 15rem;
		height: 15rem;
	}
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit{
		width: 9rem;
		height: 9rem;
	}
	.login-wrap .sec0101 .top-headline .right .top-menu-icon:hover .from-tit{
	    opacity:1;
	}
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .after-txt{
	    display:none;
	}
	.login-wrap .sec0101 .top-headline .right .top-menu-icon:hover .after-txt{
	    opacity: 0;
	}
}
@media (max-width: 1000px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon {
		width: 12rem;
		height: 12rem;
		padding:2rem;
		border-radius: 2.4rem;
	}
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit{
		width: 8rem;
		height: 8rem;	
		font-size:1.5rem;	
	}
}
@media (max-width: 840px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon {
		width: 4.8rem;
		height: 4.8rem;
		border-radius: 1.2rem;
		padding:0;
	}
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit{
		width: 4.8rem;
		height: 4.8rem;	
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit i {
	font-size:8rem;
	color:var(--white-color);
	margin-top:auto;
	margin-left:auto;
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit i {
	font-size:6.8rem;
	color:var(--white-color);
	margin-top:auto;
	margin-left:auto;
}
@media (max-width: 1500px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit i {
		font-size:4rem;
	}
}
@media (max-width: 1000px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit i {
		font-size:2.4rem;
	}
}
@media (max-width: 840px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit i {
		font-size:3rem;
		margin:0;
	}
}
@media (max-width: 840px) {
	.login-wrap .sec0101 .top-headline .right .top-menu-icon .from-tit .txt {
		position:absolute;
		bottom:-2.4rem;
		font-size: 1.2rem;
		font-weight: 700;
		color:var(--gray-700-color);
	}
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon.type01 {
	background: linear-gradient(135deg, #683BC6 0%, #CD46B7 100%);
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon.type02 {
	background: linear-gradient(135deg, #FB7B1E 0%, #F1DE2F 100%);
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon.type03 {
	background: linear-gradient(135deg, #266FFC 0%, #4EBE53 100%);
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon.type04 {
	background: linear-gradient(135deg, #FE4646 0%, #C60690 100%);
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon.type05 {
	background: linear-gradient(135deg, #685BF6 0%, #1DBAB1 100%);
}
.login-wrap .sec0101 .top-headline .right .top-menu-icon.type06 {
	background: linear-gradient(135deg, #C628C9 0%, #67AAF9 100%);
}

.login-wrap .sec0101 .top-menu {
	position: relative;
	width:100%;
	margin-top:30px;
}
.login-wrap .sec0101 .top-menu::before {
	position: absolute;
	top:32px;
	left:0;
	content:'';
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #FF5353 0%, #9B73F2 100%);
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu::before {
		top: 20px;
	}
}

.login-wrap .sec0101 .top-menu .inner {
	position: relative;
	width:1168px;
	margin:0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 1;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .top-menu .inner {
		width: 100%;
		padding:0 100px;
		justify-content: space-between;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0101 .top-menu .inner {
		padding: 0 70px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .top-menu .inner {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu .inner {
		padding: 0 12px;
	}
}
.login-wrap .sec0101 .top-menu .inner .rocket {
	display: inline-block;
	text-align: center;
	flex-shrink: 0;
}
.login-wrap .sec0101 .top-menu .inner .rocket img {
	width: 68px;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu .inner .rocket img {
		width: 40px;
	}
}
.login-wrap .sec0101 .top-menu .inner .rocket .txt {
	display: block;
	font-size:1.6rem;
	color:#FF5353;
	font-weight: 700;
	margin-top:6px;
	white-space: nowrap;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu .inner .rocket .txt {
		font-size:1.1rem;
	}
}
.login-wrap .sec0101 .top-menu .inner .top-menu-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 50px;
	width: calc(100% - 166px);
	gap: 0;
}
.login-wrap .sec0101 .top-menu .inner .top-menu-list {
	margin-left: 150px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .top-menu .inner .top-menu-list {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-left: 50px;
		width:calc(100% - 166px);
		gap:0;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu .inner .top-menu-list {
		margin-left: 0px;
		width: calc(100% - 110px);
	}
	.ent.en .login-wrap .sec0101 .top-menu .inner .top-menu-list {
		margin-left: 0px;
		width: calc(100% - 90px);
		overflow-x: auto;
		overflow-y: hidden;
		gap: 24px;
	}
}
.login-wrap .sec0101 .top-menu .inner .top-menu-list li {
	position: relative;
	transition: all .3s;
	text-align: center;
}
@media(hover:hover){
	.login-wrap .sec0101 .top-menu .inner .top-menu-list li:hover {
			transform: scale(1.2);
		}
}

.login-wrap .sec0101 .top-menu .inner .top-menu-list li .app-icon {
	box-shadow: 4px 4px 6px 0 rgba(0,0,0, .25);
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu .inner .top-menu-list li .app-icon {
		width:30px;
		height:30px;
		border-radius: 8px;
	}
	.login-wrap .sec0101 .top-menu .inner .top-menu-list li .app-icon > i {
		font-size:1.6rem;
	}
}
.login-wrap .sec0101 .top-menu .inner .top-menu-list li .txt {
	display: block;
	margin-top:10px;
	font-size:1.5rem;
	color:var(--white-color);
	font-weight: 700;
	white-space: nowrap;
}
.ent.en .login-wrap .sec0101 .top-menu .inner .top-menu-list li .txt {
	display: block;
	margin-top:10px;
	font-size:1.0rem;
	color:var(--white-color);
	font-weight: 700;
	white-space: normal;
	text-align:center;
	width:fit-content;
}

@media (max-width: 600px) {
	.login-wrap .sec0101 .top-menu .inner .top-menu-list li .txt {
		font-size: 1.0rem;
	}
}
.login-wrap .sec0101 .major-search {
	position: relative;
	width:1168px;
	margin:0 auto;
	margin-top: 100px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-search {
		width:100%;
		padding:0 100px;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0101 .major-search {
		padding: 0 70px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-search {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search {
		margin-top: 100px;
		padding: 0 24px;
	}
}
.login-wrap .sec0101 .major-search .form-line {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top:20px;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search .form-line {
		margin-top: 20px;
		flex-direction: column;
	}
	.login-wrap .sec0101 .major-search .form-line>span {
		width: 100%;
	}
	.login-wrap .sec0101 .major-search .form-line>span>span>select {
		width:100%;
	}
}

.login-wrap .sec0101 .major-search .form-line select {
	background-color: var(--secondary-600-color);
	border: 1px solid var(--secondary-600-color);
	color:var(--white-color);
	background-image: url(../images/style/select_arrow_white.png);
  background-repeat: no-repeat;
	background-size: 10px;
	background-position: calc(100% - 15px) center;
	width: 270px;
}
.login-wrap .sec0101 .major-search .form-line select option {	
	color:var(--white-color);
}
.login-wrap .sec0101 .major-search .sch-input-wrap {
	position: relative;
	border-bottom: 1px solid var(--gray-500-color);
	height: 40px;
	width:300px;
	display: flex;
	align-items: center;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search .sch-input-wrap {
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
	}
}
.login-wrap .sec0101 .major-search .sch-input-wrap input {
	position: relative;
	height: 40px;
	flex-grow:1;
	background-color: transparent;
	border:0;
	color:var(--gray-500-color);
	padding:0;
}
.login-wrap .sec0101 .major-search .sch-input-wrap input:focus {
  outline: none;
  box-shadow: none;
}
.login-wrap .sec0101 .major-search .sch-input-wrap input::placeholder {
	color: rgba(0, 0, 0, .5);
}
.login-wrap .sec0101 .major-search .sch-input-wrap input:-webkit-autofill, 
.login-wrap .sec0101 .major-search .sch-input-wrap input:-webkit-autofill:focus,
.login-wrap .sec0101 .major-search .sch-input-wrap input:-webkit-autofill:hover,
.login-wrap .sec0101 .major-search .sch-input-wrap input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px transparent inset !important;
	-webkit-text-fill-color: var(--gray-500-color) !important;
	background-color: transparent !important;
	transition: background-color 5000s ease-in-out 0s;
}
.login-wrap .sec0101 .major-search .sch-input-wrap .btn-search {
	display: inline-block;
	width:40px;
	height: 40px;
	background-color: transparent;
	flex-shrink: 0;
}
.login-wrap .sec0101 .major-search .sch-input-wrap .btn-search i {
	color:var(--gray-500-color);
	font-size:3.0rem;
}
.login-wrap .sec0101 .major-search .major-list-outer {
	position: relative;
	margin-top:40px;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search .major-list-outer {
		margin-top: 20px;
	}
}
.login-wrap .sec0101 .major-search .major-list-outer ul {
	display: flex;
}
.login-wrap .sec0101 .major-search .major-list-outer ul li {
	position: relative;
	display: inline-block;
	width:168px;
	cursor: pointer;
}
.login-wrap .sec0101 .major-search .major-list-outer ul li::before {
	position: relative;
	content: '';
	display: inline-block;
	width: 168px;
	height: 168px;
	border-radius: 28px;
	object-fit: cover;
	margin-right: 32px;
	box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.30);
	background-image: url(../images/common/no_image.png);
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search .major-list-outer ul li {
		width: 126px;
	}
	.login-wrap .sec0101 .major-search .major-list-outer ul li::before {
		width: 126px;
		height: 126px;
	}
}
.login-wrap .sec0101 .major-search .major-list-outer ul li img {
	position:absolute;
	top:0;
	left: 0;
	display: inline-block;
	width: 168px;
	height: 168px;
	border-radius: 28px;
	object-fit: cover;
	margin-right: 32px;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search .major-list-outer ul li img {
		width: 126px;
		height: 126px;
	}
}
.login-wrap .sec0101 .major-search .major-list-outer ul li .txt {
	display: block;
	font-size:1.6rem;
	font-weight: 700;
	margin-top:20px;
	padding:0 20px;
	text-align: center;
	line-height: 1.4em;
	word-break: break-all;
	color:var(--gray-700-color);
}
.ent.en .login-wrap .sec0101 .major-search .major-list-outer ul li .txt {
	display: block;
	font-size:1.2rem;
	font-weight: 700;
	margin-top:20px;
	padding:0 0px;
	text-align: center;
	line-height: 1.4em;
	color:var(--white-color);
	word-break:keep-all;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-search .major-list-outer ul li .txt {
		font-size: 1.2rem;
	}
}
.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-next,
.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-prev {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 1);
	top: 40%;
	user-select: none;
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-next > span,
.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-prev > span {
	color:var(--primary-700-color);
}

@media (max-width: 480px) {
	.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-next,
	.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-prev {
		display: none;
	}
}

.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-next:after,
.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-prev:after {
	display: none;
}

.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-next {
	right: -18px;
}

.login-wrap .sec0101 .major-search .major-list-outer .swiper-button-prev {
	left: -18px;
}
.login-wrap .sec0101 .major-search .major-list-outer .swiper-pagination {
	bottom: -30px;
    right: 0;
    min-width: 60px;
    width: auto;
    left: auto;
    font-size:0;
    padding:5px 10px;
	border-radius:5rem;
	background-color:rgba(0,0,0,.25);
}
@media (max-width: 600px) {
  .login-wrap .sec0101 .major-search .major-list-outer .swiper-pagination {
		bottom: -10px;
	}
}
.login-wrap .sec0101 .major-search .major-list-outer .swiper-pagination .swiper-pagination-current {
	font-size:1.4rem;
	font-weight:700;
	color:var(--white-color);	
}
.login-wrap .sec0101 .major-search .major-list-outer .swiper-pagination .swiper-pagination-total {
	display:inline-block;
	font-size:1.4rem;
	font-weight:400;
	color:rgba(255,255,255, 0.4);
	margin-left:8px;
}
.login-wrap .sec0101 .major-search .major-list-outer .swiper-pagination .swiper-pagination-total:before {
	content:'';
	display:inline-block;
	width:1px;
	height:10px;
	background-color:rgba(255,255,255, 0.4);
	margin-right:8px;
}

.login-wrap .sec0101 .major-recommend {
	position: relative;
	width: 1168px;
	margin: 0 auto;
	margin-top: 100px;
}
.login-wrap .sec0101 .major-recommend::after {
	content:'';
	position: absolute;
	width:120px;
	height:134px;
	top: 20px;
  right: 150px;
	background-image: url(../images/login/tabcontent01_shape01.png);
	background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.login-wrap .sec0101 .major-recommend::after {
		display: none;
	}
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend {
		width: 100%;
		padding:0 100px;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0101 .major-recommend {
		padding: 0 70px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-recommend {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend {
		padding: 0 24px;
		margin-top: 50px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	margin-top:40px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content {
		gap: 20px;
		margin-top: 20px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content {
		gap: 10px;
	}
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .inner-check label {
		white-space: normal;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow {
	position:absolute;
	content:'';
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	width:80px;
	height: 80px;
	border-radius: 50%;
	background: linear-gradient(180deg, #FFF 30%, #DDD 100%);	
	box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow {
		width: 52px;
		height: 52px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow {
		top:50%;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow {
		width: 32px;
		height: 32px;
	}
}
@media (max-width: 420px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow {
		/* display: none; */
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow i {
	font-size:4.6rem;
	color:#FF5353;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow i {
		font-size: 3.6rem;
	}
}
@media (max-width: 600px) {	
		.login-wrap .sec0101 .major-recommend .major-recommend-content .arrow i {
			font-size: 2.2rem;
		
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area {
	min-height: 690px;
	background-color: var(--primary-800-color);
	border-radius: 28px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line {
	height: 80px;
	padding:28px;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #635289;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line {
		padding: 28px 24px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line {
		height: 52px;
		padding: 16px 24px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p {
	display: flex;
	align-items: flex-start;
	font-size:2.4rem;
	color:var(--secondary-300-color);
	font-weight: 500;
	line-height: 1.2em;
}
.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p {
	font-size:2.2rem;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p {
		font-size: 2.0rem;
	}
	.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p {
		font-size: 1.8rem;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p {
		font-size: 1.4rem;
	}
	.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p {
		font-size: 1.3rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p i {	
	font-size: 3.0rem;
	color: var(--secondary-300-color);
	margin-right: 10px;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .tit-line p i {
		font-size: 2.0rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line {
	padding: 20px 40px 20px;	
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line {
		padding: 20px 24px 20px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line {
		padding: 20px 24px 20px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group {
	display:flex;
	align-items: flex-start;
}
@media (max-width: 1280px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group {
		flex-direction: column;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group > label {
	width:80px;
	flex-shrink: 0;
	text-align: right;
	color:var(--white-color);
	font-size: 1.7rem;
	padding-left:0px;
	padding-right: 10px;
}
.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group>label {
	width: 100px;
	flex-shrink: 0;
	text-align: right;
	color: var(--white-color);
	font-size: 1.2rem;
	padding-left: 0px;
	padding-right: 10px;
	line-height: 1.2em;
}
@media (max-width: 1280px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group>label {
		width: 100%;
		text-align: left;
		padding-top:0;
		height: auto !important;
	}
	.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group>label {
		width: 100%;
		text-align: left;
			padding-top: 0;
			height: auto !important;
	}
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group:nth-child(1)>label,
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group:nth-child(2)>label,
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group:nth-child(3)>label {
		display: none;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .form-group>label {
		font-size: 1.5rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .col-label label {	
	color: var(--white-color);
	font-size:1.7rem;
	padding-right: 5px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line label .required {
	display: block;
	margin-top:4px;
	font-size:1.3rem;
	color:#FF7C7C;
	font-weight: 500;
}
@media (max-width: 1280px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line label .required {
		display: inline-block;
		margin-left:6px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line label .required {
		font-size:1.1rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line select {
	background-color: transparent;
	border: 2px solid var(--white-color);
	color: var(--white-color);
	background: url(../images/style/select_arrow_white.png) no-repeat;
	background-size: 10px;
	background-position: calc(100% - 15px) center;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line select option {
	color: var(--gray-800-color);
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box {
	background-color: var(--white-color);
	border-radius: 8px;
	padding:14px 14px 14px 14px;
	width: calc(100% - 80px);
}
@media (max-width: 1280px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box {
		width: 100%;
	}
}
@media (max-width: 480px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box {
		padding: 8px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont {
	background-color: var(--primary-100-color);
	border-radius: 6px;
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:270px;
	padding:20px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont img {
	width:86px;
}
@media (max-width: 480px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont img {
		width: 20vw;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont .txt {
	width: 194px;
	text-align: center;
	font-size:1.8rem;
	color:var(--primary-800-color);
	line-height:1.4em;
}
.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont .txt {
	word-break: keep-all;
}
@media (max-width: 480px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont .txt br {
		display:none;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .no-cont .txt strong {
	font-weight:700;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .inner-check {
	height: 270px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .inner-check.scrollbar:has(.no-cont) {
	padding-right:0;
	margin-right:0;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .left-area .form-line .check-form-box .inner-check .checkbox {
	width:100%;
}

.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area {
	position: relative;
	min-height: 690px;
	background-color: var(--white-color);
	border-radius: 28px;
	padding:50px 32px 32px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area {
		padding: 40px 24px 24px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont {
	position: relative;
	min-height: 690px;
	background-color: var(--primary-600-color);
	border:16px solid var(--white-color);
	border-radius: 16px;
	padding:0;
	display: flex;
	align-items: center;
}
@media (max-width: 480px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont {
		border: 8px solid var(--white-color);
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt {
	background-image: url(../images/login/no_cont_img2.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top:370px;
	width: 100%;
	margin-bottom: 120px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .ltxt {
	font-size:3.2rem;
	color:var(--white-color);
	font-weight: 300;
	text-align: center;
	word-break: keep-all;;
}
.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .ltxt {
	font-size: 3.0rem;
}
@media (max-width: 420px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .ltxt {
		font-size:3.0rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .ltxt strong {
	font-weight: 700;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .stxt {
	font-size: 1.4rem;
	color: var(--white-color);
	font-weight: 500;
	margin-top:10px;
	text-align: center;
	word-break:keep-all;
	line-height: 1.2em;
}
.ent.en .login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .stxt {
	font-size: 1.2rem;
	word-break: keep-all;
    line-height: 1.2em;
}
@media (max-width: 420px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area.no-cont .no-cont-txt .stxt {
		font-size: 1.2rem;
	}
}

.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line {
	padding:0 10px;
	display: flex;
	align-items: center;
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line {
		justify-content: center;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line {
		flex-direction: column;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line img {
	display: inline-block;
	height: 150px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line img {
		height: 128px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line img {
		height: 112px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line .pro-txt {
	text-align: center;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line .pro-txt .division {
	font-size:1.5rem;
	color:#888;
	font-weight: 500;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line .pro-txt .division {
		display: inline-block;
		margin-top:10px;
		font-size:1.3rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line .pro-txt .major {
	display: block;
	font-size: 2.8rem;
	color: #000;
	font-weight: 700;
	margin-top:10px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line .pro-txt .major {
		font-size: 2.4rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .pro-line .pro-txt .txt {
	display: inline-block;
	font-size: 1.8rem;
	color: #000;
	font-weight: 500;
	margin-top: 8px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line{
	height: 142px;
	background-color: var(--primary-600-color);
	border-radius: 20px;
	padding:20px;
	margin-top:-6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line {
		margin-top:10px;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line .tit {
	font-size:1.6rem;
	color:var(--white-color);
	font-weight: 700;
	display: inline-block;
	margin-right: 20px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line .graph-box {
	margin:0;
	width:auto;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line .graph-box .circular-chart.type04 .circle {
    stroke-width: 2.4 !important;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line .graph-box .circular-chart.type04 .circle-bg {
    stroke-width: 2.4 !important;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line .graph-box .percent-txt {
	font-size:1.6rem;
	color:var(--white-color);
	font-weight: 500;
	top:34px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .graph-line .graph-box .percent-txt .per {
	font-size: 1.0rem;
}
.ent .graph-box .circular-chart.type04 {
	width: 84px;
	margin: 0 auto;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .recomm-roadmap-line {
	margin: 16px 0;
	padding:0 10px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .recomm-roadmap-line .title {
	font-size:1.5rem;
	color:var(--black-color);
	font-weight: 700;
	display: flex;
	align-items: center;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .recomm-roadmap-line .title i {
	color: var(--primary-700-color);
	margin-right: 5px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .recomm-roadmap-line .recomm-roadmap-list {
	margin-top:10px;
	padding: 0 10px;
	max-height: 100px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .recomm-roadmap-line .recomm-roadmap-list li {
	position: relative;
	font-size: 1.4rem;
	color: #555;
	line-height: 1.4em;
	padding-left: 10px;
	margin: 6px 0;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .right-area .recomm-roadmap-line .recomm-roadmap-list li::before {
	position: absolute;
	top:7px;
	left:0;
	content:'';
	width:3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--primary-600-color);
}

.login-wrap .sec0101 .major-recommend .major-recommend-content .info-txt{
	padding:25px;
	font-size:1.5rem;
	color:#555;
	font-weight: 500;
	line-height: 1.4em;
}
@media (max-width: 600px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .info-txt {
		font-size: 1.3rem;
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .etc-info-line{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap:12px;
}
@media (max-width: 420px) {
	.login-wrap .sec0101 .major-recommend .major-recommend-content .etc-info-line {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .etc-info-line .etc-info {
	padding:24px;
	border-radius: 20px;
	background-color: var(--primary-50-color);
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .etc-info-line .etc-info .title {
	font-size:1.5rem;
	color:#000;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .etc-info-line .etc-info .title i {
	font-size:2.4rem;
	color:var(--primary-700-color);
	display: inline-block;
	margin-right: 5px;
}
.login-wrap .sec0101 .major-recommend .major-recommend-content .etc-info-line .etc-info .txt {
	margin-top:10px;
	font-size:1.4rem;
	color:#555;
	font-weight: 500;
	line-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.login-wrap .sec0102 {
	padding: 20px 0 100px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0102 {
		background-position: left 700px top 80px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0102 {
		padding: 50px 0 40px;
	}
}
.login-wrap .sec0103 .study-plan {
	position: relative;
	width:1168px;
	margin:0 auto;
	background-image: url(/new-assets/images/login/star_bg03.png);
    background-repeat: no-repeat;
    background-position: right -40px top -70px;    
	padding-bottom:100px;
}
.login-wrap .sec0103 .study-plan::after {
	content:'';
	position: absolute;
	width:130px;
	height:115px;
	top: 0px;
  left: 520px;
	background-image: url(../images/login/tabcontent01_shape03.png);
	background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.login-wrap .sec0103 .study-plan::after {
		display: none;
	}
}
@media (max-width: 1560px) {
	.login-wrap .sec0103 .study-plan {
		width: 100%;
		padding:0 100px;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0103 .study-plan {
		padding: 0 70px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .study-plan {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .study-plan {
		padding: 0 24px;
	}
}
.login-wrap .sec0103 .study-plan .study-plan-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top:80px;
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .study-plan .study-plan-content {
		flex-direction: column;
		margin-top: 40px;
	}
}
.login-wrap .sec0103 .study-plan .study-plan-content.num01 {
	margin-top: 40px;
}
.login-wrap .sec0103 .study-plan .study-plan-content > img {
	flex-shrink: 0;
	width:calc(100vw - 70.4vw);
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.40);
	border-radius:12px;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .study-plan .study-plan-content>img {
		width: calc(100vw - 60vw);
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .study-plan .study-plan-content>img {
		width: 100%;
		order:2;
	}
}
.login-wrap .sec0103 .study-plan .study-plan-content .content-txt {
	display: flex;
	align-items: flex-start;
}
@media (max-width: 1560px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line {
		width:290px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line {
		width: 215px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line {
		width: 100%;
	}
}
.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .icon {
	display: inline-block;
	margin-right:20px;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .icon img {
		width:52px;
	}
}
.login-wrap .sec0103 .study-plan .study-plan-content.num01 .content-txt .icon {
	margin-top:-10px;
}
.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line .tit {
	font-size:3.6rem;
	color:var(--tertiary-700-color);
	font-weight: 300;
	line-height: 1.2em;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line .tit {
		font-size: 2.8rem;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line .tit {
		font-size: 2.4rem;
	}
}

.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line .tit strong {	
	font-weight: 700;
}
.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line > .txt {
	font-size: 2.0rem;
	color: var(--gray-500-color);
	font-weight: 500;
	line-height: 1.2em;
	margin-top:20px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line>.txt br {
		display: none;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line>.txt {
		font-size: 1.5rem;
	}
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line>.btn-line {
		margin-top:20px !important;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line>.txt {
		font-size: 1.3rem;
	}
}
.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line .btn-line button {
  border:1px solid var(--tertiary-700-color);
}
.login-wrap .sec0103 .study-plan .study-plan-content .content-txt .txt-line .btn-line button .txt {
  color:var(--tertiary-700-color);
}

.login-wrap .heading-line {
	position: relative;
}
.login-wrap .heading-line .heading-top-txt {
	font-size:1.6rem;
	font-weight: 700;
	color:var(--secondary-500-color);
}
@media (max-width: 600px) {
	.login-wrap .heading-line .heading-top-txt {
		font-size: 1.4rem;
	}
}
.login-wrap .heading-line .h2 {
	font-size: 3.6rem;
	font-weight: 700;
	color: var(--tertiary-800-color);
	margin-top:2px;
	margin-bottom:0;
}
.ent.en .login-wrap .heading-line .h2 {
	line-height: 1em;
	margin-top: 10px;
}
@media (max-width: 600px) {
	.login-wrap .heading-line .h2 {
		font-size: 2.4rem;
		font-weight: 700;
		margin-top: 2px;
		margin-bottom: 0;
	}
}
.login-wrap .heading-line .heading-bottom-txt {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--gray-600-color);
	margin-top: 5px;
	line-height: 1.4em;
}
.ent.en .login-wrap .heading-line .heading-bottom-txt {
	margin-top: 10px;
	word-break:keep-all;
}
@media (max-width: 600px) {
	.login-wrap .heading-line .heading-bottom-txt {
		font-size: 1.2rem;
	}
	.ent.en .login-wrap .heading-line .heading-bottom-txt {
		line-height: 1.4em;

	}
}

.login-wrap .sec0103 {
	padding: 60px 0 140px;
	background-image: url(/new-assets/images/login/bot_bg01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 {
		padding: 60px 0 60px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0103 {
		background-size: 780px;
		background-position: left bottom;
	}
}
.login-wrap .sec0102 .major-compare {
	position: relative;
	width: 1168px;
	margin: 0 auto;
}
.login-wrap .sec0102 .major-compare::after {
	content:'';
	position: absolute;
	width:120px;
	height:120px;
	top: 50px;
  right: 0px;
	background-image: url(../images/login/tabcontent01_shape02.png);
	background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.login-wrap .sec0102 .major-compare::after {
		display: none;
	}
}
@media (max-width: 1560px) {
	.login-wrap .sec0102 .major-compare {
		width: 100%;
		padding:0 100px;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0102 .major-compare {
		padding: 0 70px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0102 .major-compare {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0102 .major-compare {
		padding: 0 24px;
	}
}
.login-wrap .sec0102 .major-compare .video {
	width:1144px;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.30);
	margin-top:40px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0102 .major-compare .video {
		width: 100%;
		height: auto;
		border-radius: 28px;
		overflow: hidden;
		box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.30);
		margin-top: 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0102 .major-compare .video {
		border-radius: 12px;
	}
}
.login-wrap .sec0102 .major-compare .video video {
	width: 100%;
	height: 100%;
}

.login-wrap .sec0102 .major-compare .video video[poster] {
	width:100%;
	object-fit: cover;
}

.login-wrap .sec0103 .plan-future {
	width: 1168px;
	margin: 0 auto;
	margin-top:40px;
}
@media (max-width: 1560px) {
	.login-wrap .sec0103 .plan-future {
		width: 100%;
		padding:0 100px;
	}
}
@media (max-width: 1440px) {
	.login-wrap .sec0103 .plan-future {
		padding: 0 70px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future {
		padding: 0 40px;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .plan-future {
		margin-top: 60px;
		padding: 0 24px;
	}
}
.login-wrap .sec0103 .plan-future .plan-list {
	margin-top:70px;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	align-items: flex-start;
}
@media (max-width: 1024px) {
	.login-wrap .sec0103 .plan-future .plan-list-outer {
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom:20px;
	}
	.login-wrap .sec0103 .plan-future .plan-list {
		min-width: 1000px;
		gap:24px;
	}
}

@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .plan-list-outer {
		overflow-x: hidden;
		overflow-y: hidden;
		padding-bottom:20px;
	}
	.login-wrap .sec0103 .plan-future .plan-list {
		min-width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap:24px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .plan-list-outer {
		padding-bottom:20px;
	}
	.login-wrap .sec0103 .plan-future .plan-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:24px;
	}
}
.login-wrap .sec0103 .plan-future .plan-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.login-wrap .sec0103 .plan-future .plan-list li:nth-child(even) {
	margin-top:80px;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100px;
	height: 100px;
	background-color: var(--white-color);
	border-radius: 28px;
	box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25);
	background: linear-gradient(180deg, #FBFBFB 0%, #EDEDED 100%);
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .plan-list li:nth-child(even) {
		margin-top:0;
	}
	.login-wrap .sec0103 .plan-future .plan-list li .icon {
		width: 72px;
		height: 72px;
		border-radius: 20px;
	}
}
.login-wrap .sec0103 .plan-future .plan-list li .icon i {
	font-size:4.8rem;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .plan-list li .icon i {
		font-size: 3.2rem;
	}
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num01 {
	color: #FB7B1E;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num02 {
	color: #50CC3C;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num03 {
	color: #683BC6;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num04 {
	color: #F42A2A;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num05 {
	color: #47AEE8;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num06 {
	color: #8551C8;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num07 {
	color: #36C689;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num08 {
	color: #E45399;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num09 {
	color: #AE20A9;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num10 {
	color: #2B3EEF;
}
.login-wrap .sec0103 .plan-future .plan-list li .icon .num11 {
	color: #EBC233;
}
.login-wrap .sec0103 .plan-future .plan-list li .tit {
	display: block;
	margin-top:20px;
	font-size:2.2rem;
	font-weight: 700;
	color:var(--white-color);
	text-align: center;
}
.ent.en .login-wrap .sec0103 .plan-future .plan-list li .tit {
	font-size: 1.8rem;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .plan-list li .tit {
		font-size: 1.6rem;
	}
}
.login-wrap .sec0103 .plan-future .plan-list li .txt {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.4em;
	margin-top:10px;
	text-align: center;
	color: var(--white-color);
	word-break: keep-all;
}
.ent.en .login-wrap .sec0103 .plan-future .plan-list li .txt {
	font-size: 1.2rem;
	word-break: keep-all;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .plan-list li .txt {
		font-size: 1.1rem;
	}
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type01 .icon {
  background: linear-gradient(135deg, #683BC6 0%, #CD46B7  100%);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type01 .icon i {
  color:var(--white-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type01 .tit {
  color:#571EC4;
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type01 .txt {
  color:var(--gray-700-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type02 .icon {
  background: linear-gradient(135deg, #FB7B1E 0%, #F1DE2F  100%);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type02 .icon i {
  color:var(--white-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type02 .tit {
  color:#E35F00;
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type02 .txt {
  color:var(--gray-700-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type03 .icon {
  background: linear-gradient(135deg, #266FFC 0%, #4EBE53  100%);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type03 .icon i {
  color:var(--white-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type03 .tit {
  color:#18A300;
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type03 .txt {
  color:var(--gray-700-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type04 .icon {
  background: linear-gradient(135deg, #FE4646 0%, #C60690  100%);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type04 .icon i {
  color:var(--white-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type04 .tit {
  color:#E43A3A;
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type04 .txt {
  color:var(--gray-700-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type05 .icon {
  background: linear-gradient(135deg, #685BF6 0%, #1DBAB1  100%);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type05 .icon i {
  color:var(--white-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type05 .tit {
  color:#2065E6;
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type05 .txt {
  color:var(--gray-700-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type06 .icon {
  background: linear-gradient(135deg, #C628C9 0%, #67AAF9  100%);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type06 .icon i {
  color:var(--white-color);
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type06 .tit {
  color:#A400BD;
}
.ent .login-wrap .sec0103 .plan-future .plan-list li.type06 .txt {
  color:var(--gray-700-color);
}


.login-wrap .sec0103 .plan-future .info-txt {
	margin-top: 80px;
	font-size:4.0rem;
	color:var(--white-color);
	font-weight: 300;
	line-height: 1.4em;
	text-align: center;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20);
}
.ent.en .login-wrap .sec0103 .plan-future .info-txt {
	word-break: keep-all;
}
@media (max-width: 780px) {
	.login-wrap .sec0103 .plan-future .info-txt {
		font-size: 3.6rem;
	}
}
@media (max-width: 600px) {
	.login-wrap .sec0103 .plan-future .info-txt {
		font-size: 2.4rem;
		margin-top: 50px;
	}
}
.login-wrap .sec0103 .plan-future .info-txt strong {
	font-weight: 700;
}

.login-wrap .content-zone .btn-top-login {
	position:absolute;
	right:420px;
	bottom:80px;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100px;
	height: 100px;
	background-color: var(--primary-950-color);
	z-index:12;
	border-radius: 50%;
	display: none;
}
@media (max-width: 1560px) {
	.login-wrap .content-zone .btn-top-login {
		right: 350px;
		width:70px;
		height: 70px;
	}
}
@media (max-width: 1280px) {
	.login-wrap .content-zone .btn-top-login {
		right:20px;
		width:40px;
		height: 40px;
	}
}

.login-wrap .content-zone .btn-top-login i {
	color:var(--white-color);
	font-size:3.4rem;
}
@media (max-width: 1280px) {
	.login-wrap .content-zone .btn-top-login i {
		font-size: 2.4rem;
	}
}
.login-wrap > .content-zone > .tab-set > .tab-container > .tab-content:nth-child(1) {
  background-color: var(--primary-50-color);
}
.login-wrap > .content-zone > .tab-set > .tab-container > .tab-content:nth-child(2) {
  background-color: #20A2F3;
}
.login-wrap > .content-zone > .tab-set > .tab-container > .tab-content:nth-child(3) {
  background-color: #FAEBAE;
}
.login-wrap.linkplus>.content-zone>.tab-set>.tab-container>.tab-content {
	background-color: #FAEBAE;
}
.login-wrap .sec0201 {
	position:relative;
  min-height: calc(100vh - 80px);
}
.login-wrap .sec0201 .inner {
	width: 1248px;
	margin: 0 auto;
}
@media (max-width: 1640px) {
	.login-wrap .sec0201 .inner {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .inner {
		padding-bottom:60px;
	}
}
.login-wrap .sec0201 .swiper-slide:nth-child(1) {
  background-image: url(/new-assets/images/login/tabcontent02_bg01.svg);
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 1280px) {
	.login-wrap .sec0201 .swiper-slide:nth-child(1) {
		background-size: 90%;
		background-position: center top 2rem;
	}
}
.login-wrap .sec0201 .freeOmegaSwiper {
	padding-bottom:30px;
}

.login-wrap .sec0201 .freeOmegaSwiper .swiper-pagination {
	bottom:20px;
}
@media (max-width: 880px){
	.login-wrap .sec0201 .freeOmegaSwiper .swiper-pagination {
		padding-right:0;
	}	
}
.login-wrap .sec0201 .swiper .swiper-pagination-bullet {
	background-color: rgba(255,255,255, 0.4);
	opacity: 1;
}
.login-wrap .sec0201 .swiper .swiper-pagination-bullet-active {
	width: 30px;
	background-color: var(--white-color);
	border-radius: 5em;
}
.login-wrap .sec0201 .swiper-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 60px;
	gap:12px;
}
@media only screen and (min-width:1921px){
	.login-wrap .sec0201 .swiper-buttons {
		padding-top: 120px;
	}	
}

@media (max-width: 520px) {
	.login-wrap .sec0201 .swiper-buttons {
		flex-direction: column;
		padding:60px 20px 0;
	}
}
.login-wrap .sec0201 .swiper-buttons > a {
	font-size:1.6rem;
	color:var(--white-color);
	font-weight: 500;
	padding:10px 40px;
	border-radius: 30px;
	border:1px solid rgba(255,255,255,.4);
	line-height: 1.2em;
	word-break: keep-all;
}
@media (max-width: 520px) {
	.login-wrap .sec0201 .swiper-buttons>a {
		width:100%;
		text-align: center;
	}
}

.login-wrap .sec0201 .swiper-buttons>a.free-swiper.on {
	border-color: var(--primary-800-color);
  background-color: var(--primary-800-color);
	color:var(--white-color);    
}
.login-wrap .sec0201 .swiper-buttons>a.omega-swiper.on {
	border-color: var(--primary-800-color);
  background-color: var(--primary-800-color);
	color:var(--white-color); 
}
.login-wrap .sec0201 .headline-title {
	font-size:6rem;
	color:var(--white-color);
	font-weight: 800;
	line-height: 1.2em;
	text-align: center;
	padding-top:25px;
	word-break: keep-all;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .headline-title {
		font-size: 5.0rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .headline-title {
		font-size: 3.0rem;
	}
}

.login-wrap .sec0201 .omega .headline-title strong {
	color: #39F20A;
}
.login-wrap .sec0201 .headline-txt {
	font-size: 1.5rem;
	color: var(--white-color);
	font-weight: 500;
	line-height: 1.4em;
	text-align: center;
	padding-top: 20px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .headline-txt {
		font-size: 1.4rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .headline-txt {
		font-size: 1.3rem;
	}
}
@media (max-width: 620px) {
	.login-wrap .sec0201 .headline-txt br {
		display: none;
	}
	.login-wrap .sec0201 .headline-txt {
		padding:30px 20px 0;
	}
	.ent.en .login-wrap .sec0201 .headline-txt {
		word-break:keep-all;
	}
}
.login-wrap .sec0201 .headline-txt:nth-child(3) {
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
}
.login-wrap .sec0201 .stu-per-line,
.login-wrap .sec0201 .omega-cont-line {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 30px;
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line,
	.login-wrap .sec0201 .omega-cont-line{
		flex-direction: column;
		align-items: center;
		padding-inline: 1rem;
	}
}
.login-wrap .sec0201 .stu-per-line {
	flex-direction: column;
  align-items: center;
}
.login-wrap .sec0201 .stu-per-line .title {
  font-size:1.8rem;
  font-weight: 800;
  color:#FFE733;
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .title {
		font-size:1.6rem;
	}
}
.login-wrap .sec0201 .stu-per-line .image {
  width:1168px;
  margin:0 auto;
  margin-block: 10px;
  padding:1rem;
}
@media (max-width: 1500px) {
  .login-wrap .sec0201 .stu-per-line .image {
    width: 100%;
    padding:1.2rem;
  }
}
.login-wrap .sec0201 .stu-per-line .image img {
  width:100%;
}
.login-wrap .sec0201 .stu-per-line .image img.mo {
  display: none;
}
@media (max-width: 480px) {
	.login-wrap .sec0201 .stu-per-line .image img.pc {
		display: none;
	}
	.login-wrap .sec0201 .stu-per-line .image img.mo {
		display: block;
	}
}

.login-wrap .sec0201 .omega-cont-line {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 40px;
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .omega-cont-line {
		align-items: center;
	}
}

.login-wrap .sec0201 .omega-cont-line .mo {
	display: none;
}
.login-wrap .sec0201 .omega-cont-line .mo {
	flex-direction: column;	
}
.login-wrap .sec0201 .omega-cont-line .mo img {
	width: 100%;
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list {
	display: flex;
	flex-direction: column;
	gap:13px;
	margin-top:15px;
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list > li {
	position: relative;
	border-radius: 10px;
	background-color: #0A534B;
	padding:12px 14px;
	display: flex;
	align-items: center;
	gap:10px;
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list > li .txt {
	font-size:1.5rem;
	color:var(--white-color);
	font-weight: 700;
	line-height: 1.4em;
	order:1;
}
@media (max-width: 420px) {
	.login-wrap .sec0201 .omega-cont-line .mo .omega-list>li .txt {
		font-size: 1.6rem;
	}
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list > li .num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:24px;
	height: 24px;
	border-radius: 50%;
	background-color: #E7D300;
	font-size:1.4rem;
	font-weight: 700;
	color:#005955;
	line-height: 0;
	flex-shrink: 0;
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list>li:has(+ .sub) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list>li.sub {
	width:100%;
	background-color: var(--white-color);
	border-radius:12px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top:-13px;
	color:#333;
	font-size: 1.6rem;
	font-weight: 500;
	padding:12px 20px;
}
.login-wrap .sec0201 .omega-cont-line .mo .omega-list>li.sub .txt {
	color: #333;
	font-size: 1.6rem;
	font-weight: 500;
}
@media (max-width: 420px) {
	.login-wrap .sec0201 .omega-cont-line .mo .omega-list>li.sub .txt {
		font-size: 1.4rem;
	}
}


@media (max-width: 1570px) {
	.login-wrap .sec0201 .omega-cont-line {
		width: 100%;
		padding:0 20px;
	}
	.login-wrap .sec0201 .omega-cont-line .pc img {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.login-wrap .sec0201 .omega-cont-line .pc {
		display: none;
	}

	.login-wrap .sec0201 .omega-cont-line .mo {
		display: flex;
	}
}

.login-wrap .sec0201 .stu-per-line .stu-per-left {
	position: relative;
	width:240px;
	height: 240px;
	background-color: var(--primary-500-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-right: 54px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-left {
		width: 150px;
		height: 150px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-left {
		width: 150px;
		margin-right: 0;
		margin-bottom: 54px;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-left::before {
	position: absolute;
	right:-40px;
	content:'';
	width:40px;
	height: 40px;
	background-image:url(/new-assets/images/login/sec0201_arrow01.png);
	background-repeat: no-repeat;
	background-position: center center;
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-left::before {
		right: auto;
		bottom:-40px;
		transform: rotate(90deg);
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-left .stxt {
	font-size:1.8rem;
	color:var(--white-color);
	font-weight: 500;
	line-height: 1.4em;
	text-align: center;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-left .stxt {
	font-size: 1.2rem;
	color: var(--white-color);
	font-weight: 500;
	line-height: 1.4em;
	text-align: center;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-left .stxt {
		font-size: 1.4rem;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-left .stxt {
		font-size: 1.0rem;
		color: var(--white-color);
		font-weight: 500;
		line-height: 1.4em;
		text-align: center;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-left .txt {
	display: inline-block;
	font-size: 3.4rem;
	color: var(--white-color);
	font-weight: 700;
	line-height: 1.4em;
	margin-top:20px;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-left .txt {
	display: inline-block;
	font-size: 2.4rem;
	color: var(--white-color);
	font-weight: 700;
	line-height: 1.2em;
	margin-top: 20px;
	text-align: center;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-left .txt {
		font-size: 2.6rem;
		margin-top: 10px;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-left .txt {
		display: inline-block;
		font-size: 1.8rem;
		color: var(--white-color);
		font-weight: 700;
		line-height: 1.2em;
		margin-top: 10px;
		text-align: center;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-outer {
	position: relative;
}
@media (max-width: 1500px) {
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-outer {
			width:382px;
		}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-outer {
		margin-bottom: 54px;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-outer {
		width: 328px;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-outer .txt {
	text-align: center;
	font-size:1.5rem;
	color:var(--gray-50-color);
	margin-top:16px;
	width:calc(100% - 54px);
	word-break: keep-all;
	line-height: 1.4em;
}
@media (max-width: 1500px) {
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-outer .txt {
		font-size: 1.2rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-outer .txt {
		width: 100%;
		font-size:1.3rem;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center {
	position: relative;
	background-color: var(--white-color);
	border-radius: 20em;
	padding:24px;
	display: flex;
	align-items: center;
	margin-right: 54px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center {
		padding: 8px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center {
		margin-right: 0;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center::before {
	position: absolute;
	right: -40px;
	content: '';
	width: 40px;
	height: 40px;
	background-image: url(../images/login/sec0201_arrow02.png);
	background-repeat: no-repeat;
	background-position: center center;
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center::before {
		right: auto;
		bottom: -80px;
		left:50%;
		transform: translateX(-50%) rotate(90deg);
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box {
	width:280px;
	height: 192px;
	border-radius: 20em;
	border:1px solid #ddd;
	padding:20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box {
	width: 280px;
	height: 192px;
	border-radius: 20em;
	border: 1px solid #ddd;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap:24px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box {
		width: 170px;
		height: 134px;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box {
		width: 170px;
		height: 134px;
		gap:8px;
		padding:10px 20px;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box:nth-child(2) {
	position: relative;
	width: 280px;
	height: 192px;
	border-radius: 20em;
	border: 1px solid #ddd;
	margin-left:-28px;
	background-image: url(../images/login/sec0201_img.png);
	background-repeat: no-repeat;
	background-position: left center;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box:nth-child(2) {
		width: 170px;
			height: 134px;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .division {
	font-size:1.7rem;
	color:var(--white-color);
	padding:6px 14px;
	border-radius: 5em;
	background-color: var(--gray-900-color);
	font-weight: 500;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .division {
		font-size: 1.3rem;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .tit {
	font-size: 2.0rem;
	color: #222;
	font-weight: 600;
	display: inline-block;
	line-height: 1.4em;
	text-align: center;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .tit {
	font-size: 1.6rem;
	color: #222;
	font-weight: 600;
	display: inline-block;
	line-height: 1.2em;
	text-align: center;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .tit {
		font-size: 1.5rem;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .tit {
		font-size: 1.2rem;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .count {
	font-size: 1.9rem;
	color: var(--primary-800-color);
	font-weight: 700;
	display: inline-block;
	line-height: 1.4em;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .count {
	font-size: 1.6rem;
	color: var(--primary-800-color);
	font-weight: 700;
	display: inline-block;
	line-height: 1.2em;
	text-align: center;
}
@media (max-width: 1500px) {
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .count {
		font-size: 1.2rem;
		color: var(--primary-800-color);
		font-weight: 700;
		display: inline-block;
		line-height: 1.2em;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .count {
		font-size: 1.4rem;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-center .inner-box .count {
		font-size: 1.2rem;
	}
}

.login-wrap .sec0201 .stu-per-line .stu-per-right {
	position: relative;
	width: 240px;
	height: 240px;
	background-color: var(--primary-800-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-right {
		width: 150px;
		height: 150px;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-right .stxt {
	font-size: 1.8rem;
	color: var(--white-color);
	font-weight: 600;
	line-height: 1.4em;
	text-align: center;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-right .stxt {
	font-size: 1.2rem;
	color: var(--white-color);
	font-weight: 600;
	line-height: 1.4em;
	text-align: center;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-right .stxt {
		font-size: 1.4rem;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-right .stxt {
		font-size: 1.0rem;
		word-break: keep-all;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-right .txt {
	display: inline-block;
	font-size: 3.4rem;
	color: #94DF3C;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 20px;
}
.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-right .txt {
	display: inline-block;
	font-size: 2.4rem;
	color: #94DF3C;
	font-weight: 700;
	line-height: 1.2em;
	margin-top: 10px;
	text-align: center;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-right .txt {
		font-size: 2.6rem;
		margin-top: 6px;
	}
	.ent.en .login-wrap .sec0201 .stu-per-line .stu-per-right .txt {
		display: inline-block;
		font-size: 1.8rem;
		color: #94DF3C;
		font-weight: 700;
		line-height: 1.2em;
		margin-top: 10px;
		text-align: center;
	}
}
.login-wrap .sec0201 .stu-per-line .stu-per-right .stxt2 {
	display: inline-block;
	font-size: 2.4rem;
	color: var(--white-color);
	font-weight: 300;
	line-height: 1.4em;
	margin-top: 8px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0201 .stu-per-line .stu-per-right .stxt2 {
		font-size: 1.6rem;
		margin-top: 0px;
	}
}

.login-wrap .sec0202 {
	position: relative;
	background-image: url(../images/login/tab2_sec2_bg.png);
	background-repeat: no-repeat;
	background-position: left  top;
	background-size: contain;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 {
		background-size: 780px;
	}
}
.login-wrap .sec0202 .inner {
	position: relative;
	width: 1248px;
	margin: 0 auto;
	padding-bottom: 100px;
}
@media (max-width: 1640px) {
	.login-wrap .sec0202 .inner {
		width: 100%;
		padding:0 30px 100px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner {
		padding: 0 10px 0px;
	}
	.login-wrap .sec0202 .inner > span > img {
		transform:scale(.5)
	}
}
/* .login-wrap .sec0202 .inner::before {
	position: absolute;
	content:'';
	right:-94px;
	top:30px;
	width:94px;
	height: 94px;
	background-image: url(../images/login/tab2_rocket.png);
	background-repeat: no-repeat;
} */
@media (max-width: 1640px) {
	.login-wrap .sec0202 .inner::before {
		right: 20px;
	}
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner::before {
		top: 60px;
		right: 30px;
		width: 70px;
		height: 70px;
		background-size: 70px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner::before {
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
}
.login-wrap .sec0202 .inner::after {
	position: absolute;
	content: '';
	left: 90px;
	bottom: 0px;
	width: calc(50% - 95px);
	height: 100px;
	border-top-right-radius: 60px;
	border-width: 10px;
	border-color: var(--white-color);
	border-style: solid;
	border-left: 0;
	border-bottom: 0;
}
.login-wrap #tab3 .sec0202 .inner::after {
	border-color: #F2DB7A;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner::after {
		border-width: .5rem;
		bottom:-4.5rem;
		width: calc(100% - 65vw);
		border-top-right-radius: 30px;
	}
}
.login-wrap .sec0202 .inner .char01 {
  position: absolute;
  top: 340px;
  left: 50px;
  z-index: 10;
  animation: char01-bounce 3s infinite cubic-bezier(0.6, 0.05, 0.4, 0.95);
}
@media (max-width:768px) {
	.login-wrap .sec0202 .inner .char01 {
		top: 160px;
		left: 0px;
	}
	.login-wrap .sec0202 .inner .char01 img {
		transform:scale(.5);
	}
}
@media (max-width:480px) {
	.login-wrap .sec0202 .inner .char01 {
		top: 180px;
		left: -10px;
	}
}
.login-wrap .sec0202 .inner .char02 {
  position: absolute;
  top: 250px;
  left: 250px;
  z-index: 10;
  animation: char01-bounce2 3s infinite cubic-bezier(0.6, 0.05, 0.4, 0.95);;
}
@media (max-width:768px) {
	.login-wrap .sec0202 .inner .char02 {
		top: 140px;
  	left: 100px;
	}
	.login-wrap .sec0202 .inner .char02 img {
		transform:scale(.5);
	}
}
@media (max-width:480px) {
	.login-wrap .sec0202 .inner .char02 {
		top: 150px;
		left: 50px;
	}
}
.login-wrap .sec0202 .inner .char03 {
  position: absolute;
  top: 250px;
  right: 250px;
  z-index: 10;
  animation: char01-bounce 3s infinite cubic-bezier(0.6, 0.05, 0.4, 0.95);
}
@media (max-width:768px) {
	.login-wrap .sec0202 .inner .char03 {
		top: 100px;
		right: 100px;
	}
	.login-wrap .sec0202 .inner .char03 img {
		transform:scale(.5);
	}
}
@media (max-width:480px) {
	.login-wrap .sec0202 .inner .char03 {
		top: 120px;
		right: 30px;
	}
}
.login-wrap .sec0202 .inner .char04 {
  position: absolute;
  top: 350px;
  right: 50px;
  z-index: 10;
  animation: char01-bounce2 3s infinite cubic-bezier(0.6, 0.05, 0.4, 0.95);
}
@media (max-width:768px) {
	.login-wrap .sec0202 .inner .char04 {
		top: 180px;
		right: 0px;
	}
	.login-wrap .sec0202 .inner .char04 img {
		transform:scale(.5);
	}
}
@media (max-width:480px) {
	.login-wrap .sec0202 .inner .char04 {
		top: 220px;
		right: -30px;
	}
}

@keyframes char01-bounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(30px); }
  100% { transform: translateY(0); }
}
@keyframes char01-bounce2 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-30px); }
  100% { transform: translateY(0); }
}


.login-wrap .sec0202 .inner .top-line {
	padding:70px 20px;
	text-align: center;
	color:rgba(255,255,255,.4);
	font-size:1.2rem;
	letter-spacing: 4.8rem;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .top-line {
		letter-spacing: 3.6rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-line {
		font-size: 0.8rem;
		letter-spacing: 1.6rem;
		padding:50px 0;
	}
}
.login-wrap .sec0202 .inner .top-line .headline-title {
	font-size:6.8rem;
  color:var(--white-color);
  font-family: 'Outfit';
  font-weight: 800;
  line-height: 1.2em;
  text-align: center;
  letter-spacing: .1rem;
}
.login-wrap #tab3 .sec0202 .inner .top-line .headline-title {
	color: var(--primary-900-color);
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .top-line .headline-title {
		font-size: 5.0rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-line .headline-title {
		font-size: 3.0rem;
		word-break: keep-all;
	}
}
.login-wrap .sec0202 .inner .top-line .headline-title > span {
	position: relative;
  display: inline-block;
}
.login-wrap .sec0202 .inner .top-line .headline-title >span::after {
  position: absolute;
  top: 15px;
  right: -20px;
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../images/common/kstar.svg);
  background-repeat: no-repeat;
  background-size: 20px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .top-line .headline-title >span::after {
		width: 14px;
		height: 14px;
		background-size: 14px;
		top: 10px;
    right: -14px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-line .headline-title >span::after {
		width: 10px;
		height: 10px;
		background-size: 10px;
		top: 6px;
        right: -8px;
	}
}
.login-wrap .sec0202 .inner .top-line .headline-txt {
	font-size:2.2rem;
  color: var(--white-color);
  font-weight: 400;
  line-height: 1.4em;
  text-align: center;
  letter-spacing: .2rem;
  margin-top: 1.5rem;
}
.login-wrap #tab3 .sec0202 .inner .top-line .headline-txt {
	color: var(--gray-800-color);
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .top-line .headline-txt {
		font-size: 1.8rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-line .headline-txt {
		font-size: 1.6rem;
	}
}
.login-wrap .sec0202 .inner .top-line .headline-txt strong {
  font-weight: 700;
}

@media (max-width: 480px){
	.login-wrap .sec0202 .inner .top-line .headline-txt strong {
	  display:block;
	}
}

.login-wrap .sec0202 .inner .top-link-line {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0px 20px 56px;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-link-line {
		padding: 0px 0px 0px;
	}
}
.login-wrap .sec0202 .inner .top-link-line::before {
	position: absolute;
	top:130px;
	left:0;
	content:'';
	width:50%;
	height: calc(100% - 150px);
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	border-width: 10px;
	border-color: var(--white-color);
	border-style: solid;
	border-right:0;
}
.login-wrap #tab3 .sec0202 .inner .top-link-line::before {
	border-color: #F2DB7A;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-link-line::before {
		/* display: none; */
		border-width: .5rem;
		top:6.5rem;
		height: calc(100% - 4rem);
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
	}
}
.login-wrap .sec0202 .inner .top-link-line .login-logo {
	position: relative;
	width:250px;
	height: 250px;
	border-radius: 50%;
	background-color: var(--white-color);
	z-index: 1;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-link-line .login-logo {
		width: 120px;
		height: 120px;
	}
}
.login-wrap .sec0202 .inner .top-link-line .login-logo img {
	width: 100%;
}
.login-wrap .sec0202 .inner .top-link-line .info-txt {
	position: relative;
	font-size:1.8rem;
	color:var(--white-color);
	font-weight: 300;
	margin-top:36px;
	z-index: 1;
}
.ent.en .login-wrap .sec0202 .inner .top-link-line .info-txt {
	word-break:keep-all;
	line-height: 1.2em;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-link-line .info-txt {
		font-size: 1.4rem;
	}
}
.login-wrap .sec0202 .inner .top-link-line .info-txt strong {
	font-weight: 600;
}
.login-wrap .sec0202 .inner .top-link-line .link-line {
	position: relative;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	margin-top:40px;
	z-index: 1;
	gap:10px;
}
@media (max-width: 480px) {
	.login-wrap .sec0202 .inner .top-link-line .link-line {
		justify-content: center;
	}
}
.login-wrap .sec0202 .inner .top-link-line .link-line a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	min-width: 168px;
	padding:14px 26px;
	color:var(--white-color);
	font-size:1.8rem;
	font-weight: 500;
	border:2px solid rgba(255,255,255,0.4);
	border-radius: 5em;
	transition: all 0.3s;
}
.login-wrap #tab3 .sec0202 .inner .top-link-line .link-line a {
	color: var(--gray-700-color);
	border: 2px solid #EEDEA0;
	background-color: var(--white-color);
	border-radius: 5em;
	transition: all 0.3s;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .top-link-line .link-line a {
		height: 36px;
		font-size:1.4rem;
		padding: 12px 12px;
		min-width: 100px;
	}
}
@media (max-width: 480px) {
	.login-wrap .sec0202 .inner .top-link-line .link-line a {
		width:calc(50% - 35px);
	}
}

.login-wrap .sec0202 .inner .top-link-line .link-line a.active,
.login-wrap .sec0202 .inner .top-link-line .link-line a:hover {	
	border: 2px solid var(--primary-600-color);
	background-color: var(--primary-600-color);
}
.login-wrap #tab3 .sec0202 .inner .top-link-line .link-line a.active,
.login-wrap #tab3 .sec0202 .inner .top-link-line .link-line a:hover {
	border: 2px solid var(--primary-800-color);
	background-color: var(--primary-800-color);
	color: var(--white-color);
	box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.40);
}
.login-wrap .sec0202 .inner .content-list-wrap.learning {
	position: relative;
	padding:100px 0px 70px 40px;
	margin-top:-10px;
	display: flex;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.learning {
		flex-direction: column;
		padding: 80px 0px 80px 0px;
	}
	.login-wrap .sec0202 .inner .content-list-wrap.learning .learningSwiper {
		width:572px;
		order:2;
		margin-top:50px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.learning .learningSwiper {
		width: 300px;
		order: 2;
		margin-top: 24px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.counseling,
.login-wrap .sec0202 .inner .content-list-wrap.counseling2 {
	position: relative;
	padding: 100px 40px 70px 0px;
	margin-top: -10px;
	display: flex;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling,
	.login-wrap .sec0202 .inner .content-list-wrap.counseling2 {
		flex-direction: column;
		padding: 80px 0px 80px 0px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling,
	.login-wrap .sec0202 .inner .content-list-wrap.counseling2 {
		padding: 0 0px 80px 0px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.future {
	position: relative;
	padding: 100px 0px 70px 40px;
	margin-top: -10px;
	display: flex;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.future {
		flex-direction: column;
		padding: 80px 0px 80px 0px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0202 .inner .content-list-wrap.future {
		padding: 0 0px 80px 0px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.learning::before {
	position: absolute;
	top: 0;
	left: 60px;
	content: '';
	width: calc(100% - 70px);
	height: calc(100% - 20px);
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-width: 10px;
	border-color: var(--white-color);
	border-style: solid;
	border-left: 0;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap.learning::before {
	border-color: #F2DB7A;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.learning::before {
		/* display: none; */
		border-width: .5rem;
		top:4rem;
		left:66px;
		height:calc(100% - 10rem);
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.counseling::before {
	position: absolute;
	top: 0;
	right: 60px;
	content: '';
	width: calc(100% - 70px);
	height: calc(100% - 20px);
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	border-width: 10px;
	border-color: var(--white-color);
	border-style: solid;
	border-right: 0;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap.counseling::before {
	border-color: #F2DB7A;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling::before {
		/* display: none; */
		border-width: .5rem;
		top:-4.5rem;
		height:calc(100% - 2rem);
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		right: 66px;
	}
}

.login-wrap .sec0202 .inner .content-list-wrap.counseling2::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 42%;
	height: calc(100% - 20px);
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	border-width: 10px;
	border-color: var(--white-color);
	border-style: solid;
	border-right: 0;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap.counseling2::before {
	border-color: #F2DB7A;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling2::before {
		border-width: .5rem;
		top: -4.5rem;
		height: calc(100% - 2rem);
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
	}
}

.login-wrap .sec0202 .inner .content-list-wrap.future::before {
	position: absolute;
	top: 0;
	right: 0px;
	content: '';
	width: calc(100% - 100px);
	height: calc(100% - 20px);
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-width: 10px;
	border-color: var(--white-color);
	border-style: solid;
	border-left: 0;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap.future::before {
	border-color: #F2DB7A;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.future::before {
		border-width: .5rem;
		top: -5rem;
		height: calc(100% - 1rem);
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .swiper {
	padding-bottom:40px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap .swiper {
		width: 572px;
		order: 2;
		margin-top: 50px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .swiper {
		width: 300px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .swiper .swiper-pagination-bullet {
	background-color: rgba(255,255,255, 0.4);
	opacity: 1;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap .swiper .swiper-pagination-bullet {
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 1;
}
.login-wrap .sec0202 .inner .content-list-wrap .swiper .swiper-pagination-bullet-active {
	width:30px;
	background-color: var(--white-color);
	border-radius: 5em;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap .swiper .swiper-pagination-bullet-active {
	width: 30px;
	background-color: var(--gray-700-color);
	border-radius: 5em;
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list {
	width:868px;
	min-height:420px;
	max-height: 420px;
	flex-shrink: 0;
}
@media (max-width: 480px){
	.login-wrap .sec0202 .inner .content-list-wrap .swiper-pagination {
		padding-right:0;
	}	
}

@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-list {
		min-height: auto;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li {
	position: relative;
	width:276px;
	height: 200px;
	background-color: var(--white-color);
	border-radius: 20px;
	padding:24px;
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .note-editable div,
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .note-editable p,
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .note-editable span {
	color:#555 !important;
	font-weight:500 !important;
	font-family:'Pretendard' !important;
	letter-spacing: -0.05rem !important;
	line-height:1.4 !important;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-list li {
		padding: 20px 12px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .title {
	font-size:2.2rem;
	color:var(--gray-950-color);
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-list li .title {
		font-size: 1.5rem;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .txt {
	margin-top:12px;
	font-size: 1.6rem;
	color: var(--gray-700-color);
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.4;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-list li .txt {
		font-size: 1.3rem;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .btn-pop {
	position:absolute;
	bottom:24px;
	left:24px;
	width:34px;
	height: 34px;
	border:1px solid var(--gray-200-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-list li .btn-pop {
		left: 12px;
		bottom:20px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .btn-pop i {
	color:var(--gray-700-color);
	font-size:2.4rem;
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .btn-pop:hover {
	background-color: var(--primary-800-color);
	border:1px solid var(--primary-800-color);
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .btn-pop:hover i {
	color: var(--white-color);
}
.login-wrap .sec0202 .inner .content-list-wrap .content-list li .icon {
	position: absolute;
	bottom: 18px;
	right: 24px;	
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-list li .icon {
		bottom: 14px;
		right: 12px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.learning .content-list li .icon i {
	font-size:4.6rem;
	color:#F88F43
}
.login-wrap .sec0202 .inner .content-list-wrap.counseling .content-list li .icon i {
	font-size: 4.6rem;
	color: #379EFF;
}
.login-wrap .sec0202 .inner .content-list-wrap.counseling2 .content-list li .icon i {
	font-size: 4.6rem;
	color: #A25CE0;
}
.login-wrap .sec0202 .inner .content-list-wrap.future .content-list li .icon i {
	font-size: 4.6rem;
	color: #72D922
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.learning .content-list li .icon i,
	.login-wrap .sec0202 .inner .content-list-wrap.counseling .content-list li .icon i,
	.login-wrap .sec0202 .inner .content-list-wrap.future .content-list li .icon i {
		font-size:3.8rem;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-title-line {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width:330px;
	flex-shrink:0;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line {
		width: auto;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line {
		flex-direction: row;
		gap:2rem;
		padding-inline: 2rem;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.learning .content-title-line .title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:180px;
	height: 180px;
	border-radius: 50%;
	background-color: #F2761D;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.learning .content-title-line .title-icon {
		width: 160px;
		height: 160px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.learning .content-title-line .title-icon {
		width: 100px;
		height: 100px;
		flex-shrink: 0;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap.counseling .content-title-line .title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #1184E9;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling .content-title-line .title-icon {
		width: 160px;
		height: 160px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling .content-title-line .title-icon {
		width: 100px;
		height: 100px;
		flex-shrink: 0;
	}
}

.login-wrap .sec0202 .inner .content-list-wrap.counseling2 .content-title-line .title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #9924DE;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling2 .content-title-line .title-icon {
		width: 160px;
		height: 160px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.counseling2 .content-title-line .title-icon {
		width: 100px;
		height: 100px;
		flex-shrink: 0;
	}
}

.login-wrap .sec0202 .inner .content-list-wrap.future .content-title-line .title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #56BF05;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap.future .content-title-line .title-icon {
		width: 160px;
		height: 160px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap.future .content-title-line .title-icon {
		width: 100px;
		height: 100px;
		flex-shrink: 0;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .title-icon i {
	color:var(--white-color);
	font-size:10.5rem;
	flex-shrink: 0;
}
@media (max-width: 1500px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .title-icon i {
		font-size: 10.0rem;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .title-icon i {
		font-size: 7.0rem;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .title-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .title-cont {
		align-items: flex-start;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .tit {
	font-size:3.4rem;
	color:var(--white-color);
	font-weight: 700;
	margin-top:32px;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap .content-title-line .tit {
	color: var(--gray-950-color);
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .tit {
		font-size: 2.4rem;
		margin-top:0px;
	}
}
.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .txt {
	font-size: 1.7rem;
	color: #eee;
	font-weight: 500;
	margin-top:15px;
	text-align: center;
	line-height:1.4em;
	width:230px;
	word-break: keep-all;
}
.login-wrap #tab3 .sec0202 .inner .content-list-wrap .content-title-line .txt {
	color: #877F5D;
}
@media (max-width: 768px) {
	.login-wrap .sec0202 .inner .content-list-wrap .content-title-line .txt {
		font-size: 1.4rem;
		text-align: left;
		width: auto;
	}
}

.login-wrap .sec0203 {
	position: relative;
	background-color: var(--primary-800-color);
	background-image: url(../images/login/tab2_bot_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.login-wrap.linkplus .sec0203 {
	background-size: contain;
}

@media (max-width: 768px) {
	.login-wrap .sec0203 {
		background-size: 780px;
	}
}
.login-wrap .sec0203 .inner {
	width:1168px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom: 500px;
}
@media (max-width: 1640px) {
	.login-wrap .sec0203 .inner {
		width: 100%;
		padding: 90px 30px 100px;
	}
}
@media (max-width: 780px) {
	.login-wrap .sec0203 .inner {
		width: 100%;
		padding: 80px 10px 300px;
	}
}
.login-wrap .sec0203 .inner .tab-set {
	position: relative;
}
.login-wrap .sec0203 .inner .tab-set .tab-outter > div > .info-text {
	font-size:1.4rem;
  color:var(--white-color);
  font-weight: 500;
  line-height: 1.4em;
  text-align: center;
}
@media (max-width: 480px){
	.login-wrap .sec0203 .inner .tab-set .tab-outter > div > .info-text {
		padding:0 2rem;
	}
}

.login-wrap .sec0203 .inner .tab-set .tab-menu {
	position: relative;
	min-height: 50px;
	display: flex;
	justify-content: center;
	gap:12px;
	background-color: transparent;
	flex-wrap:wrap;
}
@media (max-width: 780px) {
	.login-wrap .sec0203 .inner .tab-set .tab-menu {
		gap: 4px;
	}
}
.login-wrap .sec0203 .inner .tab-set .tab-menu>div {
	width:auto;
}
.login-wrap .sec0203 .inner .tab-set .tab-menu > div > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	min-width:140px;
	border:1px solid rgba(255,255,255,.4);
	border-radius: 5em;
	padding:15px 20px;
	color:var(--white-color);
	font-size:1.8rem;
	font-weight: 500;
	background-color: transparent;
}
@media (max-width: 768px) {
	.login-wrap .sec0203 .inner .tab-set .tab-menu>div>a {
		height: 40px;
		min-width: 108px;
		padding: 15px 20px;
		font-size: 1.5rem;
	}
}
.login-wrap .sec0203 .inner .tab-set .tab-menu>div>a.active {	
	border: 1px solid rgba(255, 255, 255, 1);
	background-color: var(--white-color);
	color:var(--primary-950-color);
	font-weight: 700;
}

.login-wrap .sec0203 .inner .tab-content{
	margin-top:80px;
	background-image: none;
	background-color: transparent;
}
@media (max-width: 768px) {
	.login-wrap .sec0203 .inner .tab-content {
		margin-top: 50px;
	}
}

.login-wrap .sec0203 .inner .tab-content .bottomSwiper01,
.login-wrap .sec0203 .inner .tab-content .bottomSwiper02,
.login-wrap .sec0203 .inner .tab-content .bottomSwiper03 {
	width:1168px;
}
@media (max-width: 1500px) {
	.login-wrap .sec0203 .inner .tab-content .bottomSwiper01,
	.login-wrap .sec0203 .inner .tab-content .bottomSwiper02,
	.login-wrap .sec0203 .inner .tab-content .bottomSwiper03 {
		width: 568px;
	}
}
@media (max-width: 768px) {
	.login-wrap .sec0203 .inner .tab-content .bottomSwiper01,
	.login-wrap .sec0203 .inner .tab-content .bottomSwiper02,
	.login-wrap .sec0203 .inner .tab-content .bottomSwiper03 {
		width: 308px;
	}
}
.login-wrap .sec0203 .inner .tab-content .link-list {
	position: relative;
	max-height: 418px;
	padding-bottom:50px;
	margin:0 auto;
}
@media (max-width: 768px) {
	.login-wrap .sec0203 .inner .tab-content .link-list {
		max-height: 468px;
	}
}
.login-wrap .sec0203 .inner .tab-content .swiper .swiper-pagination-bullet-active {
	width: 30px;
	background-color: var(--white-color) !important;
	border-radius: 5em;
}
.login-wrap .sec0203 .inner .tab-content .swiper .swiper-pagination-bullet {
	background-color: var(--gray-500-color);
	opacity: 1;
}
.login-wrap .sec0203 .inner .tab-content .link-list li a {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	width:168px;
	height: 168px;
	background-color: var(--white-color);
	border-radius: 50%;
	box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.16);
	padding:30px;
	transition:all 0.3s;
}
@media (max-width: 768px) {
	.login-wrap .sec0203 .inner .tab-content .link-list li a {
		width: 148px;
		height: 148px;
	}
}
.login-wrap .sec0203 .inner .tab-content .link-list li a > i {
	color:var(--primary-700-color);
	font-size:4.6rem;
}
.login-wrap .sec0203 .inner .tab-content .link-list li a > .txt {
	display: inline-block;
	color: var(--gray-950-color);
	font-size: 1.7rem;
	font-weight: 500;
	margin-top:15px;
	padding:0 15px;
	word-break: keep-all;
	text-align: center;
	line-height: 1.2em;
}
.login-wrap .sec0203 .inner .tab-content .link-list li a:hover {
	background-color: #22B486;
	box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.16);
}
.login-wrap .sec0203 .inner .tab-content .link-list li a:hover>i {
	color: var(--white-color);
}
.login-wrap .sec0203 .inner .tab-content .link-list li a:hover>.txt {
	color: var(--white-color);
}
.login-wrap .sec0203 .inner .bot-txt {
	font-size:4.0rem;
	color:var(--white-color);
	font-weight: 300;
	margin-top:70px;
	text-align: center;
	line-height: 1.4em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20);
}

@media (max-width: 1500px) {
	.login-wrap .sec0203 .inner .bot-txt {
		font-size:2.8rem;
	}
	.login-wrap .sec0203 .inner .bot-txt br {
		display: block;
	}
}
.login-wrap .sec0203 .inner .bot-txt strong {
	font-weight: 700;
}
.login-wrap .sec0203 .inner .btn-line .btn {
	background-color: var(--tertiary-700-color);
}
.login-wrap .sec0203 .inner .btn-line .btn:hover {
	background-color: var(--primary-900-color);
}

@media (max-width: 768px) {
	.ent.en .login-wrap .btn.size-l .txt {
		font-size:1.4rem;
		white-space: normal;
		line-height: 1;
	}
}