@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("popup.css");
@import url("board.css");
/* @import url("mypage.css"); */


/* *******************************************************
  * PROJECT : 원어민 채용
  * DESCRIPTION : SUB STYLE
  * DATE : 2023 0328 ~ 
******************************************************** */

/*** COMMON ***/
:root {
	--visualHeight:25.714em;
	--visualHeightMin:12.8em;
}

#wrap {padding-top:var(--visualHeight);}
#snbLength {height:0;}
#visualArea:has(nav) ~#snbLength {height:3.9em;}
#container.containerPadding {padding-top:5em; padding-bottom:5em;}
/* #sectionScroll > div > section {padding-top:4.5em; padding-bottom:5.0em;} */
#container.sectionPadding {justify-content:flex-start;}
#container.sectionPadding > div > section {padding-top:4.5em; padding-bottom:5.0em;}

#header {background:rgba(255,255,255,0.9);}
#header p a {background-color:#fff; border-color:#fff; color:#000;}
#footer .outerWrap:first-child {background:#f2f2f2; border-bottom-color:transparent;}
#footer .outerWrap:last-child {background:#fff; color:#999;}
#footer .outerWrap:first-child nav ul:first-child li:nth-child(1) a { background-image:url(../images/common/fnb_1_1_sub.png);}
#footer .outerWrap:first-child nav ul:first-child li:nth-child(2) a {background-image:url(../images/common/fnb_1_2_sub.png);}
/*#footer .outerWrap:first-child nav ul:first-child li:nth-child(3) a {background-image:url(../images/common/fnb_1_3_sub.png);}*/
#footer .outerWrap:first-child nav ul:first-child li:nth-child(3) a {background-image:url(../images/common/fnb_1_4_sub.png);}
@media (max-width:1024px) {
	#container.containerPadding {padding-top:4em; padding-bottom:4em;}
}
@media (max-width:760px) {
	#container.containerPadding {padding-top:3em; padding-bottom:3em;}
	#header {background:rgba(255,255,255,1.0);}
	#footer .outerWrap:first-child {background:none;}
	#footer .outerWrap:first-child nav ul:first-child a {background:#f2f2f2;}
	#footer .outerWrap:first-child nav ul:last-child {background:#f2f2f2;}
	#footer .outerWrap:first-child nav ul:first-child li a {background-color:rgba(230,230,230,0.5) !important;}
}

/* 상단 */
#visualArea {position:fixed; top:0; left:0; width:100%; z-index:99;}
#visual .innerWrap {height:var(--visualHeight); transition:all 0.5s;}
.dyb #visual {background:url(../images/sub/img_visual_dyb.jpg) no-repeat center 0 / cover;}
.ntEvent #visual {background:url(../images/sub/img_visual_ntevents.jpg) no-repeat center 0 / cover;}
.careers #visual {background:url(../images/sub/img_visual_careers.jpg) no-repeat center 0 / cover;}
.nativeTeachers #visual {background:url(../images/sub/img_visual_teacher.jpg) no-repeat center 0 / cover;}


#visual h2 {color:#fff; font-size:2.571rem; padding-top:4em; font-weight:500; transition:all 0.5s;}
#visual ul {position:absolute; right:-2em; right:0; bottom:1.786em; display:flex; gap:3.571em;}
#visual ul li a {display:block; width:8.143em; height:3.286em; border-radius:99px; display:flex; justify-content:center; align-items:center; text-indent:-9999px; background:url(../images/sub/ic_snb_1.png) no-repeat center center / auto 55%; transition:all 0.2s;}
#visual ul li a:hover {background-color:rgba(255,255,255,0.3);}
#visual ul li a.active {background-color:#fff;}
#visual ul li a.active:hover {background-color:rgba(255,255,255,0.85);}
#visual ul li:nth-child(1) a {background-image:url(../images/sub/ic_snb_1.png);}
#visual ul li:nth-child(2) a {background-image:url(../images/sub/ic_snb_2.png);}
#visual ul li:nth-child(3) a {background-image:url(../images/sub/ic_snb_4.png);}
#visual ul li:nth-child(1) a.active {background-image:url(../images/sub/ic_snb_1_on.png);}
#visual ul li:nth-child(2) a.active {background-image:url(../images/sub/ic_snb_2_on.png);}
#visual ul li:nth-child(3) a.active {background-image:url(../images/sub/ic_snb_4_on.png);}
#snb {background:#e8e8e8;}
#snb ul {display:flex; padding:1em 0; justify-content:center; align-items:center; gap:0.5em 5em; flex-wrap:wrap;}
#snb ul li {white-space:nowrap;}
#snb ul li a:focus {color:var(--defaultColor);}
#snb ul li.active a {color:var(--color); border-bottom:1px solid var(--color); font-weight:500;}
.fix #visual .innerWrap {height:var(--visualHeightMin);}
.fix #visual h2 {padding-top:3.8em; font-size:2rem}
@media (max-width:1024px) {
	#wrap {padding-top:var(--visualHeightMin);}
	#visual .innerWrap {height:var(--visualHeightMin);}
	#visual h2 {padding-top:3.4em; font-size:2rem}
	#visual ul ~ h2 {display:none;}
	#visual ul {right:40px; left:40px; bottom:2.1em; justify-content:space-evenly; gap:0;}
	#visual ul li:nth-child(4) a {margin-right:0;}
	#snb ul {justify-content:flex-start;}
}

@media (max-width:760px) {
	#wrap {padding-top:0;}
	#snbLength {display:none;}
	.fix #header {box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
	#visualArea {position:static;}
	#visual ul {bottom:2.3em; left:0; right:0;}
	#visual ul li a {width:calc(8.143em / 5 * 4); height:calc(3.286em / 5 * 4);}
	#snb ul {gap:0.5em 2.5em;}
}
@media (max-width:400px) {
	#visual h2 {font-size:1.8rem; padding-top:4.2em}
	#visual ul li a {width:calc(8.143em / 4 * 3); height:calc(3.286em / 4 * 3);}
}

/* 인트로 */
/* .introPage ul {display:grid; padding:0 3.143em; grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 3.4em), auto)); gap:2.5em 3.4em; box-sizing:border-box; line-height:1.5;} */
.introPage ul {display:grid; padding:0 3.143em; grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 2.2em), auto)); gap:2.5em 3.3em; box-sizing:border-box; line-height:1.5;}
.introPage.four ul {grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - 1.5em), auto)); gap:2.5em 2.0em; padding:0;}
.introPage.four li a {padding:2.8em 10% 2em 10%;}
.introPage li {min-height:20.143em;}
.introPage li a {display:block; border:1px solid #d8d8d8; border-radius:8px; height:100%; box-sizing:border-box; word-break:keep-all; padding:2.8em 15% 2em 15%; text-align:center; transition:all 0.2s;}
.introPage li a span.img {display:flex; justify-content:center; align-items:center; height:3.643em;}
.introPage li a span.img img {max-height:100%;}
.introPage li a span.tit {display:block; font-size:1.286rem; color:#777; margin-top:1.8em;}
.introPage li a span.txt {display:block; margin-top:0.8em; font-weight:300; color:#777; letter-spacing:0.5px}
.introPage li a:hover {border-color:var(--color); box-shadow:0px 0px 5px rgba(var(--rgba),0.2);}
.introPage li a:hover span.tit {color:var(--color);}
.introPage li a:hover span.txt {color:#222;}
@media (max-width:1350px) {
	.introPage ul {padding:0;}
	.introPage li a {padding:2.8em 10%;}
	.introPage.four ul {grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 1.5em), auto)); gap:2.5em 3.0em;}
}
@media (max-width:1024px) {
	.introPage ul {grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 1.4em), auto)); gap:2em 2.1em;}
	.introPage.four ul {grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 1.05em), auto)); gap:2em 2.1em;}
}
@media (max-width:760px) {
	.introPage ul {grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 8px), auto)); gap:16px;}
	.introPage.four ul {grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - 8px), auto)); gap:16px;}
	.introPage li {min-height:232px;}
	.introPage li a {padding:2.5em 7% 2em 7%;}
	.introPage li a span.img {height:3.4em;}
}
@media (max-width:400px) {
	.introPage ul {grid-template-columns:1fr !important;}
	.introPage li {min-height:auto;}
	.introPage li a {text-align:left; padding:15px 0 !important; display:flex; align-items:center;}
	.introPage li a span.img {width:60px; height:27px;}
	.introPage li a span.tit {margin-top:0; font-size:17px;}
	.introPage li a span.txt {display:none;}
}


/* 캠퍼스 스타일 구분 */
.creo .introPage li a:hover {border-color:var(--colorCreo); box-shadow:0px 0px 5px rgba(var(--rgbaCreo),0.2);}
.creo .introPage li a:hover span.tit {color:var(--colorCreo);}
.live .introPage li a:hover {border-color:var(--colorLive); box-shadow:0px 0px 5px rgba(var(--rgbaLive),0.2);}
.live .introPage li a:hover span.tit {color:var(--colorLive);}
.lanpus .introPage li a:hover {border-color:var(--colorLanpus); box-shadow:0px 0px 5px rgba(var(--rgbaLanpus),0.2);}
.lanpus .introPage li a:hover span.tit {color:var(--colorLanpus);}
.creo #header h1 a {background:var(--colorCreo) url(../images/common/logo_header_creo.png) no-repeat center center / 45%;}
.creo #header ul li a:hover {color:var(--colorCreo);}
.creo #header ul li a.active {color:var(--colorCreo);}
.creo #header p a:hover {background-color:var(--colorCreo); border-color:var(--colorCreo);}
.creo #visual {background-image:url(../images/sub/img_visual_creo.jpg);}
.creo #snb ul li a:hover {color:var(--colorCreo);}
.creo #snb ul li.active a {color:var(--colorCreo); border-bottom:1px solid var(--colorCreo);}
.live #header h1 a {background:var(--colorLive) url(../images/common/logo_header_live.png) no-repeat center center / 45%;}
.live #header ul li a:hover {color:var(--colorLive);}
.live #header ul li a.active {color:var(--colorLive);}
.live #header p a:hover {background-color:var(--colorLive); border-color:var(--colorLive);}
.live #visual {background-image:url(../images/sub/img_visual_live.jpg);}
.live #snb ul li a:hover {color:var(--colorLive);}
.live #snb ul li.active a {color:var(--colorLive); border-bottom:1px solid var(--colorLive);}
.lanpus #header h1 a {background:var(--colorLanpus) url(../images/common/logo_header_lanpus.png) no-repeat center center / 45%;}
.lanpus #header ul li a:hover {color:var(--colorLanpus);}
.lanpus #header ul li a.active {color:var(--colorLanpus);}
.lanpus #header p a:hover {background-color:var(--colorLanpus); border-color:var(--colorLanpus);}
.lanpus #visual {background-image:url(../images/sub/img_visual_lanpus.jpg);}
.lanpus #snb ul li a:hover {color:var(--colorLanpus);}
.lanpus #snb ul li.active a {color:var(--colorLanpus); border-bottom:1px solid var(--colorLanpus);}



/* 서브 스타일 공통 */
.bgGray {background:#fbfbfb;}
.bdGray {border-bottom:1px solid #e5e5e5;}
.titLine {font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:700; font-size:1.857rem; color:#111; position:relative; padding-top:0.1em; margin-bottom:2.0em; word-break:keep-all; text-align:left;}
.titLine:after {content:""; position:absolute; top:0; left:0; width:1.385em; height:1px; background:var(--color);}
.creo .titLine:after {background:var(--colorCreo);}
.live .titLine:after {background:var(--colorLive);}
.lanpus .titLine:after {background:var(--colorLanpus);}
.titLine.white {color:#fff;}
.titLine.white:after {background-color:#fff;}
.titLine.bgBlack {color:#cd3d3f;}
.titLine.bgBlack:after {background-color:#cd3d3f;}
.titLine.mbs {margin-bottom:1em;}
.creo .titLine.bgBlack {color:#7782d6;}
.creo .titLine.bgBlack:after {background-color:#7782d6;}
.live .titLine.bgBlack {color:var(--colorLive);}
.live .titLine.bgBlack:after {background-color:var(--colorLive);}
.lanpus .titLine.bgBlack {color:#37635e;}
.lanpus .titLine.bgBlack:after {background-color:#37635e;}
.titBold {font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:700; font-size:1.214rem; margin-bottom:0.7em;}
.titBold.mg {margin:2em 0 0.4em;}
.sign {text-align:right !important; font-size:1.1rem; padding-top:1em;}
.divStyleMt {margin-top:4em;}
.skyBig {color:#25b1cf; font-size:2.5714rem; font-weight:200; margin:0.2em 0 0.0em 0; text-align:left;}
a.aLinkBox {background-color:#f2f0ed; font-size:1.0714rem; display:inline-block; padding:0.3em 1em; border-radius:3px; border:1px solid #ece6dd; margin-top:1em; word-break: break-all;}
@media (max-width:1024px) {
	.titLine {margin-bottom:1.5em;}
}
@media (max-width:760px) {
	.skyBig {font-size:1.6rem;}
}
.divStyle_1 {display:flex; gap:3.0em;}
.divStyle_1.reverseOrder > div:first-child {order:2;}
.divStyle_1 > div {flex:1;}
.divStyle_1 > div.center {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.divStyle_1 > div.colCenter {display:flex; justify-content:center; flex-direction:column;}
.divStyle_1 > div.img img {max-width:90%;}
.divStyle_1 > div.txt p {text-align:justify; margin-bottom:1em;}
.divStyle_1 > div.txt p:last-child {margin-bottom:0;}
.divStyle_1 .line {border:1px solid #666; border-left:none; border-right:none; font-size:2.571rem; color:#888; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:200;}
.divStyle_2 {display:flex; gap:3.8em;}
.divStyle_2 > div {flex:1;}
.divStyle_2 > div.txt p {text-align:justify;}
.divStyle_2 > div .photo {display:block; max-width:100%; margin:0 auto 1.5em auto;} 
.divStyle_2 .line {border-top:2px solid #7b7b7b; border-bottom:1px solid #b9b9b9; text-align:center; font-size:1.286rem; padding:0.5em 0; margin-bottom:1.0em; font-weight:500; color:#777;}
.divStyle_2 .line.red {border-top-color:#a92527; border-bottom-color:#a92527; color:#a92527;}
.divStyle_2 .line.blue {border-top-color:#548994; border-bottom-color:#a4c0c6; color:#548994;}
.divStyle_3 {display:flex; gap:4em; justify-content:space-evenly; margin-bottom:4em; align-items:center;}
.divStyle_3 .txt {font-size:1.2857rem; text-align:left; font-weight:300; color:#777;}

@media (max-width:1024px) {
	.divStyle_1 {flex-direction:column;}
	.divStyle_1 .line {font-size:2rem}
	.divStyle_1.reverseOrder > div:first-child {order:0;}
	.divStyle_2 {flex-direction:column;}
	.divStyle_2 {gap:2.0em;}
	.divStyle_3 .img {min-width:45%;}
	.divStyle_3 .img img {width:100%;}
	.divStyle_3 .txt {font-size:1.1429rem;}
}
@media (max-width:760px) {
	.divStyle_3 {flex-direction:column; gap:3em}
}

/* culture */
.culture .divStyle_2 {margin-top:5em;}
.culture .divStyle_2 > div {padding-top:12.143em; position:relative;}
.culture .divStyle_2 > div:after {content:""; position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:9.714em; height:9.714em; background:url(../images/sub/img_culture_1.gif) no-repeat 0 0 / cover;}
.culture .divStyle_2 > div:nth-child(2):after {background-image:url(../images/sub/img_culture_2.gif);}
.culture .divStyle_2 > div:nth-child(3):after {background-image:url(../images/sub/img_culture_3.gif);}
@media (max-width:1024px) {
	.culture .divStyle_2 {margin-top:3.0em;}
	.culture .divStyle_2 > div {padding-top:11em;}
}
/**/
/* .teacherSay {padding-top:1em !important;} */
.teacherSay .divStyle_2 {padding-top:17.500em; position:relative;}
.teacherSay .divStyle_2:after {content:""; position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:14.500em; height:14.500em; background:url(../images/sub/img_teac_say.png) no-repeat 0 0 / cover;}

/* Levels */
.Levels .tableWrap {display:flex; font-size:1.143rem;}
.Levels .table {flex:1;}
.Levels .table:first-child {flex:0 0 57%;}
.Levels .table:last-child thead th:first-child {display:none;}
.Levels .table:last-child tbody th {display:none;}
.Levels .table thead th {background:#a92527; text-align:center; color:#fff; line-height:1.4; height:6.5em; border-right:1px solid #fff;}
.Levels .table thead th .ex {font-size:0.929rem; font-weight:200;}
.Levels .table thead th:first-child {border-radius:5px 0 0 0;}
.Levels .table:last-child thead th:last-child {border-radius:0 5px  0 0;}
.Levels .table tbody th {border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; height:3.5em; text-align:center; color:#222; font-weight:600;}
.Levels .table tbody td {border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:3.5em; text-align:center; color:#888;}
.Levels .table tbody tr:nth-child(even) {background:#f6e9e9;}
@media (max-width:1024px) {
	.Levels .tableWrap {flex-direction:column; gap:2em; font-size:1.1rem;}
	.Levels .table:last-child thead th:first-child {display:table-cell;}
	.Levels .table:last-child tbody th {display:table-cell;}
	.Levels .table thead th:last-child {border-radius:0 5px 0 0;}
}
@media (max-width:760px) {
	.Levels .tableWrap {font-size:1rem;}
	.Levels .table thead th {height:3.5em;}
	.Levels .table thead th .ex {display:none;}
	.Levels .table tbody th {height:3em;}
	.Levels .table tbody td  {height:3em;}
}

/* ceoGreetings */
.ceoGreetings .tit {text-align:center; margin-bottom:3em;}
.ceoGreetings .tit h4 {color:#25b1cf; font-size:2.571rem; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; line-height:1.4; font-weight:300; word-break:keep-all;  margin-bottom:1.6em;}
.ceoGreetings .tit h5 {font-size:1.500rem; font-weight:700; color:#222; padding-top:11.429em; position:relative;}
.ceoGreetings .tit h5:after {content:""; width:9.524em; height:9.524em; position:absolute; top:0; left:50%; transform:translate(-50%,0%); background:url(../images/sub/img_ceo_photo.jpg) no-repeat 0 0 / cover; line-height:1.2;}
.ceoGreetings .tit p {line-height:1.2; color:#888; font-size:0.93rem; font-weight:600;}
@media (max-width:1024px) {
	.ceoGreetings .tit h4 {font-size:2.2rem;}
}
@media (max-width:760px) {
	.ceoGreetings .tit h4 {font-size:1.800rem;}
}

/* history */
.history {background:#a92527; position:relative; color:#fff;}
.history:after {content:""; position:absolute; top:0; right:0; height:100%; width:50%; background:url(../images/sub/bg_history.gif) no-repeat 0 center / cover;}
.history h4 {font-size:1.4rem; margin-bottom:0.6em; font-weight:300;}
.history .div {width:50%; box-sizing:border-box; padding-right:6.0em;}
.history p {padding-bottom:1.5em; text-align:justify;}
.history thead th {padding:0.4em 0; background:#8d1617; border-top:2px solid #7d0204; border-bottom:1px solid #ac282a; font-size:0.92rem; font-weight:600;}
.history tbody td {padding:0.4em 0; background:#bf383a; border-bottom:1px solid #ac282a; font-size:0.92rem; text-align:right; font-weight:300;}
.history tbody th {padding:0.4em 0; background:#bf383a; border-bottom:1px solid #ac282a; font-size:0.92rem;  font-weight:600;}
.history thead th:first-child {padding-left:2.4em;}
.history thead th:last-child {padding-right:2.4em; text-align:right;}
.history tbody th {padding-left:2.4em;}
.history tbody td {padding-right:2.4em;}
.creo .history {background:var(--colorCreo);}
.creo .history  thead th {background:#1a1e3f; border-top:2px solid #3a406e; border-bottom:1px solid #1a1e3f;}
.creo .history tbody th {background:#3b4170; border-bottom:1px solid #2f345c;}
.creo .history tbody td {background:#3b4170; border-bottom:1px solid #2f345c;}
.live .history {background:var(--colorLive);}
.lanpus .history {background:var(--colorLanpus);}
.lanpus .history  thead th {background:#0d443e ; border-top:2px solid #226f66; border-bottom:1px solid #0d443e;}
.lanpus .history tbody th {background:#1b665e; border-bottom:1px solid #175a53;}
.lanpus .history tbody td {background:#1b665e; border-bottom:1px solid #175a53;}
@media (max-width:1200px) {
	/* .history .div {padding-right:50px;} */
}
@media (max-width:1024px) {
	.history {background:url(../images/sub/bg_history.gif) no-repeat 0 0 / cover;}
	.creo .history {background:url(../images/sub/bg_history.gif) no-repeat 0 0 / cover;}
	.history .div {width:100%; padding-right:0;}
	.history:after {display:none;}
}

/* brands */
.brands .div {display:flex; flex-wrap:wrap; background:#fff; border:1px solid #e3e3e3; border-bottom:none;}
.brands .div:after {content:""; display:block; flex:1 1 40%; border-bottom:1px solid #e3e3e3;}
.brands .div:has(> div:nth-child(even):last-child):after {display:none;}
.brands .div > div {flex:1 1 40%; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.brands .div > div:nth-child(even) {border-right:none;}
.brands .div dl {padding:1.2em 1.6em 1.4em 1.6em; text-align:justify;}
.brands .div dt {color:var(--color); font-size:1.214rem; font-weight:500; margin-bottom:0.4em;}
.creo .brands .div dt {color:var(--colorCreo);}
.live .brands .div dt {color:var(--colorLive);}
.lanpus .brands .div dt {color:var(--colorLanpus);}
@media (max-width:760px) {
	.brands .div:after {display:none !important;}
	.brands .div > div {flex:1 1 80%; border:none !important; border-bottom:1px solid #e3e3e3 !important;}
}


/* ourMission */
.ourMission {word-break:keep-all;}
.ourMission_1 {text-align:center;}
.ourMission_1 h4 {font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:300; font-size:1.571rem; line-height:1.5; color:#777;}
.ourMission_1 .img {margin:4.2em 0;}
.ourMission_1 .img img {width:100%;}
.ourMission_1 p {font-weight:500;}
.ourMission_2 ul {margin-bottom:2.2em;}
.ourMission_2 ul li {padding-left:6.214em; min-height:3em; line-height:1.5; display:flex; align-items:center; position:relative;}
.ourMission_2 ul li:after {content:""; position:absolute; top:50%; width:1px; height:2em; transform:translate(0%,-50%); background:#bbb; left:4.214em;}
.ourMission_2 ul li:not(:last-child) {margin-bottom:2.2em;}
.ourMission_2 ul li {background:url(../images/sub/ic_our_1.gif) no-repeat 0 center / 2.643em auto;}
.ourMission_2 ul li:nth-child(1) {background-image:url(../images/sub/ic_our_1.gif);}
.ourMission_2 ul li:nth-child(2) {background-image:url(../images/sub/ic_our_2.gif);}
.ourMission_2 ul li:nth-child(3) {background-image:url(../images/sub/ic_our_3.gif);}
.ourMission_2 ul li:nth-child(4) {background-image:url(../images/sub/ic_our_4.gif);}
.ourMission_2 ul li:nth-child(5) {background-image:url(../images/sub/ic_our_5.gif);}
.ourMission_2 ul li:nth-child(6) {background-image:url(../images/sub/ic_our_6.gif);}
.ourMission_2 ul li:nth-child(7) {background-image:url(../images/sub/ic_our_7.gif);}
@media (max-width:1024px) {
	.ourMission_1 h4 {font-size:1.4rem}
	.ourMission_1 .img {margin:3.0em 0;}
}
@media (max-width:760px) {
	.ourMission_1 .img {margin:2.0em 0;}
}

/* campuses */
.campusesVisual {height:35.714em; background:url(../images/sub/bg_campuses.jpg) no-repeat center 0 / cover;}
.creo .campusesVisual {background-image:url(../images/sub/bg_campuses_creo.jpg);}
.live .campusesVisual {background-image:url(../images/sub/bg_campuses_live.jpg);}
.lanpus .campusesVisual {background-image:url(../images/sub/bg_campuses_lanpus.jpg);}
.campuses {background:#3e3b3b; color:#999;}
.campuses .tabBtn {font-size:14px;}
.campuses .tabBtn ul {text-align:center; line-height:1.1;}
.campuses .tabBtn ul.alignleft {text-align:left;}
.campuses .tabBtn ul.alignleft li {margin-left:0; margin-right:3em;}
.campuses .tabBtn ul li {display:inline-block; margin:0 4% 3.5em 4%;}
.campuses .tabBtn ul li:nth-child(n+6) {margin:0 2% 3.5em 2%;}
.campuses .tabBtn ul li a {display:inline-block; color:#6f6d6d; padding-left:3.714em; background:url(../images/sub/bg_campuses_btn.png) no-repeat 0 center / 3em; font-weight:600; text-align:left; transition:all 0.2s;}
.campuses .tabBtn ul li a:hover {opacity:0.6;}
.campuses .tabBtn ul li a.active {color:#fff; background-image:url(../images/sub/bg_campuses_btn_active.png); opacity:1;}
.campuses .tabBtn ul li a span {display:block;}
.campuses .tabBtn ul li a span.tit {font-size:0.929em; font-weight:700;}
.campuses .tabBtn ul li a span.name {font-size:1.500em;}
.creo .campuses .tabBtn ul li a {background:url(../images/sub/bg_campuses_btn_creo.png) no-repeat 0 center / auto 100%; padding-left:3.2em;}
.creo .campuses .tabBtn ul li a.active {background:url(../images/sub/bg_campuses_btn_creo_active.png) no-repeat 0 center / auto 100%;}
.live .campuses .tabBtn ul li a {background:url(../images/sub/bg_campuses_btn_live.png) no-repeat 0 center / auto 100%; padding-left:3.5em;}
.live .campuses .tabBtn ul li a.active {background:url(../images/sub/bg_campuses_btn_live_active.png) no-repeat 0 center / auto 100%;}
.lanpus .campuses .tabBtn ul li a {background:url(../images/sub/bg_campuses_btn_lanpus.png) no-repeat 0 center / auto 100%; padding-left:3.5em;}
.lanpus .campuses .tabBtn ul li a.active {background:url(../images/sub/bg_campuses_btn_lanpus_active.png) no-repeat 0 center / auto 100%;}
@media (max-width:1300px) {
	.campuses .tabBtn {font-size:13px;}
	.campuses .tabBtn ul li {margin:0 2em 3.5em 2em !important;}
}
@media (max-width:1200px) {
	.campuses .tabBtn {font-size:12px;}
	.campuses .tabBtn ul li {margin:0 30px 3.5em 30px !important;}
}
@media (max-width:1024px) {
	.campusesVisual {height:auto;}
	.campusesVisual:after {content:""; display:block; padding-bottom:55%;}
	.campuses .tabBtn {font-size:11px;}
	.campuses .tabBtn ul li {margin:0 30px 3.5em 30px !important;}
}
@media (max-width:760px) {
	.campuses .tabBtn {font-size:9px; margin-bottom:3em;}
	.campuses .tabBtn ul {text-align:left; /* display:flex; flex-wrap:wrap; */ gap:20px 5px; display:grid; grid-template-columns:repeat(3, 1fr);}
	.campuses .tabBtn ul li {margin:0 !important; /* flex:1 1 30% */}
}
@media (max-width:360px) {
	.campuses .tabBtn {font-size:8px;}
}
.campuses .tabArea > div {background:#2e2b2b; border-radius:5px; padding:2.0em 2.0em;}
.campuses h4 {display:flex; flex-direction:column; line-height:1.1; color:#fff;  padding-left:3.714em; background:url(../images/sub/bg_campuses_btn_active.png) no-repeat 0 center / 3em; font-weight:600; margin-bottom:1.8em;}
.creo .campuses h4 {padding-left:3.2em; background:url(../images/sub/bg_campuses_btn_creo_active.png) no-repeat 0 center / auto 100%;}
.live .campuses h4 {padding-left:3.5em; background:url(../images/sub/bg_campuses_btn_live_active.png) no-repeat 0 center / auto 100%;}
.lanpus .campuses h4 {padding-left:3.5em; background:url(../images/sub/bg_campuses_btn_lanpus_active.png) no-repeat 0 center / auto 100%;}
.campuses h4 span.tit {font-size:0.929rem; font-weight:700;}
.campuses h4 span.name {font-size:1.500rem;}
.campuses .campus {line-height:1.7;}
.campuses .campus h5 {color:#fff; font-weight:500; font-size:1.2rem; margin-top:1.4em; margin-bottom:0.6em;}
.campuses .campus h5:first-child {margin-top:0;}
.campuses .campus p {text-align:justify; font-size:0.93rem}
.campuses .campus p br {content:""; display:block; padding-top:1.2em;}
.campuses .table {border-top:2px solid #232121; /* background:#434040; */ color:#fff;}
.campuses .table dl {display:flex; justify-content:space-between; padding:0.5em 1.4em;  font-size:0.93rem; background:#434040; gap:15px; word-break:keep-all;}
.campuses .table dl:nth-child(odd) {background:#383535;}
.campuses .table dl dd {font-weight:300; text-align:right;}
@media (max-width:760px) {
	
}

/* levelsCreo */
.levelsCreo .img {text-align:center;}
.levelsCreo .img img {max-width:100%;}
.levelsCreo .em {text-align:center; font-size:1.286rem; margin-top:1.3em; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;}
.levelsCreo .em em {border-bottom:1px solid #9fa0ae; color:var(--colorCreo); line-height:1; display:inline-block; font-style:italic;}
.levelsCreo p {margin-top:4em;}
.levelsCreo ul {margin-top:2em;}
.levelsCreo ul strong {color:var(--colorCreo); font-weight:700;}
.live .levelsCreo ul strong {color:var(--colorLive);}

@media (max-width:400px) {
	.levelsCreo .em {font-size:1.2rem;}
}

/* ourMissionCreo */
.ourMissionCreoTit {/* padding-bottom:42.857em !important; position:relative; */padding-bottom:3em !important;}
.ourMissionCreoTit h4 {font-size:1.5rem; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:800; margin-bottom:0.8em;}
.ourMissionCreoVisual {background:url(../images/sub/bg_our_creo_tit.jpg) no-repeat center 0 / cover; position:relative;}
.ourMissionCreoVisual .innerWrap {position:relative; height:42.857em;}
.ourMissionCreoVisual img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:70%;}
.ourMissionCreoCon .innerWrap {display:flex; flex-direction:column; gap:5em}
.ourMissionCreoCon .colCenter {gap:0.5em}
.ourMissionCreoCon h4 {font-size:1.786rem; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:700;}
.ourMissionCreoCon h5 {background:var(--colorCreo); color:#fff; font-size:1.25rem; font-weight:600; width:fit-content; padding:0 0.5em; margin-bottom:0.6em;}
.live .ourMissionCreoCon h5 {background:var(--colorLive);}

@media (max-width:1024px) {
	.ourMissionCreoVisual .innerWrap {height:auto; padding-bottom:70%;}
	.ourMissionCreoCon .innerWrap {gap:4em}
	.ourMissionCreoCon .divStyle_1 {gap:0.0em;}
	.ourMissionCreoCon .divStyle_1 > div.img img {max-width:90%; transform:scale(0.8);}
	.ourMissionCreoCon h4 {text-align:center;}
	.ourMissionCreoCon h5 {margin:0 auto 0.6em auto;}
}
@media (max-width:1024px) {
	.ourMissionCreoVisual .innerWrap {padding-bottom:80%;}
	.ourMissionCreoVisual img {max-width:80%;}
}

/* .ourMissionLanpus */
.ourMissionLanpus .tit {text-align:center; margin-bottom:4em;}
.ourMissionLanpus .tit h4 {text-align:center; font-size:1.5rem; margin-bottom:1.3em; color:var(--colorLanpus); font-weight:700; padding-top:2.5em; background:url(../images/sub/bg_our_lanpus_tit.gif) no-repeat center 0 / 2.3em;}
.ourMissionLanpus .tit .mNone {max-width:100%;}
.ourMissionLanpus .tit .wNone {width:135px; margin:0 auto;}
.ourMissionLanpus .con ol > li:not(:last-child) {margin-bottom:1.250em;}
.ourMissionLanpus .con ol > li {display:flex; flex-wrap:wrap; gap:0 3.5em; align-items: center; background:#e8eeed; padding:1.714em 2.286em;  line-height:1.5;}
.ourMissionLanpus .con ol > li ul {width:29em; display:grid; grid-template-columns: repeat(3, 1fr); padding-top:0.5em;}
.ourMissionLanpus .con ol > li div {flex:1;}
.ourMissionLanpus .con ol > li h5 {width:100%; font-size:1.13rem; font-weight:600;}
.ourMissionLanpus .con ol > li ul li {padding-left:0.571em; position:relative;}
.ourMissionLanpus .con ol > li ul li:after {content:""; position:absolute; top:50%; left:0; transform:translate(0%,-50%); width:2px; height:2px; background:#555;}
.ourMissionLanpus .con ol > li div h6 {font-size:1.1rem; font-weight:600; margin-bottom:0.2em;}
.ourMissionLanpus .con ol > li:nth-child(2) {background-color:#e9f3f2;}
.ourMissionLanpus .con ol > li:nth-child(3) {background-color:#e0faf8;}
.ourMissionLanpus .con ol > li:nth-child(4) {background-color:#e8f9f8;}
.ourMissionLanpus .con ol > li:nth-child(5) {background-color:#e9f3f2;}
.ourMissionLanpus .con ol > li:nth-child(6) {background-color:#d7f0ee;}
.ourMissionLanpus .con ol > li:nth-child(7) {background-color:#dce6e5;}
@media (max-width:1024px) {
	.ourMissionLanpus .con ol > li {gap:0 2.0em;}
	.ourMissionLanpus .con ol > li ul {width:23em;}
}
@media (max-width:760px) {
	.ourMissionLanpus .con ol > li {gap:7px 0em; align-items: flex-start;}
	.ourMissionLanpus .con ol > li {flex-direction:column;}
	.ourMissionLanpus .con ol > li ul {width:100%; color:#777;}
	.ourMissionLanpus .con ol > li ul li:after {background:#999;}
}


/* .onlineApplication */
.onlineApplication .div {display:flex; gap:6em}
.onlineApplication .div > div {box-sizing:border-box; flex-grow:1; flex:1;}
.onlineApplication .div > div:first-child {flex: 0 1 calc(50% - 6em)}

@media (max-width:1350px) {
	.onlineApplication .div {flex-direction:column;}
}
@media (max-width:1024px) {
	.onlineApplication .div {gap:3em}
}

/* .faq */
.faq .tabBtn ul {width:16em; display:flex; border-radius:5px; height:2.6em; margin-bottom:2em;}
.faq .tabBtn ul li {flex:1;}
.faq .tabBtn ul li a {height:100%; display:flex; justify-content:center; align-items:center; font-size:0.94rem; background:#e7e7e7; color:#aaa; border:1px solid #b7bdc5;}
.faq .tabBtn ul li a.active {background:#fff; color:#222; font-weight:600;}
.faq .tabBtn ul li:first-child a {border-right:none; border-radius:3px 0 0 3px;}
.faq .tabBtn ul li:last-child a {border-left:none; border-radius:0 3px 3px 0;}
.faq .tabArea > div {counter-reset: number 0; border-top:1px solid #c0beba;}
.faq dl {border-bottom:1px solid #c0beba;}
.faq dl dt {position:relative; padding:1.0em 4.0em 1.0em 3.4em; font-weight:500; color:#222; font-size:1.1rem; cursor:pointer; position:relative;}
.faq dl dt:hover {color:var(--color);}
.faq dl dt:before {counter-increment:number 1; content:counter(number); font-size:0.94rem; position:absolute; top:1.2em; left:1.0em; background:#c2bcb0; color:#fff; width:2em; height:2em; border-radius:3px; display:flex; justify-content:center; align-items:center;}
.faq dl dt:after {content:""; position:absolute; top:50%; right:1.5em; transform:translate(-0%, calc(-50% - 0.3em)) rotate(45deg); width:0.9em; height:0.9em; border:2px solid #b2b2b2; border-top:none; border-left:none; transition:all 0.2s;}
.faq dl dt.active {background:#f2f0ed; color:var(--color);}
.faq dl dd {overflow:hidden; max-height:0; transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s; position:relative;}
.faq dl dd strong {color:#000;}
.faq dl dd span {display:block; padding:1.2em;}
.faq dl dt.active:after { transform:translate(-0%, calc(-50% + 0.3em)) rotate(225deg); border-color:#555;}
.faq dl dt.active ~ dd { max-height:9999px; transition-timing-function:cubic-bezier(0.5, 0, 1, 0); transition-delay:0s;}
.faq dl dt.active ~ dd:after {content:""; position:absolute; top:0; left:2em; width:0; height:0; border-bottom:0.9em solid transparent; border-top:0.9em solid #f2f0ed; border-left:0.9em solid transparent; border-right:0.9em solid transparent;}
@media (max-width:760px) {
	.faq dl dt {padding-left:2.8em; padding-right:2.4em;}
	.faq dl dt:before {left:0.6em;}
	.faq dl dt:after {right:0.8em; width:0.7em; height:0.7em;}
	.faq dl dd span {padding:0.8em;}
}


/* Application Requirements */
.arTitTxt {text-align:center; font-size:1.4rem; font-weight:300; color:#555; word-break:keep-all; line-height:2.5;}
#ar_box { width:100%; margin:3.0em auto 0 auto; box-sizing:content-box;}
#ar_box > div {background-color:#fff; width:360px; margin:0; padding:30px; text-align:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; box-sizing:content-box;}
#ar_box > div:nth-of-type(1) {background-color:#a92527; color:#fff;}
#ar_box > div:nth-of-type(2) {background-image:url("../images/sub/bg_ar_box_02.jpg"); color:#fff; justify-content:center; align-items:center}
#ar_box > div:nth-of-type(3) {background-color:#9fb9bf; color:#fff;}
#ar_box > div:nth-of-type(4), #ar_box > div:nth-of-type(5) {border:solid 1px #e5e5e5;}
#ar_box > div:nth-of-type(6) {background-color:#bbb7a1; color:#fff;}
#ar_box > div:nth-of-type(7) {background-image:url("../images/sub/bg_ar_box_07.jpg"); color:#fff;}
#ar_box > div:nth-of-type(8) {background-color:#a92527; color:#fff;}
#ar_box > div:nth-of-type(1) h4, #ar_box > div:nth-of-type(2) h4, #ar_box > div:nth-of-type(3) h4, #ar_box > div:nth-of-type(6) h4, #ar_box > div:nth-of-type(7) h4, #ar_box > div:nth-of-type(8) h4 {color:#fff;}
#ar_box > div > h4 {font-weight:600; font-size:1.1rem; color:#5a5a5a; margin:20px 0 30px 0;}
#ar_box > div > p.para {text-align:justify;}
#ar_box > div p.tit {margin-top:12px; margin-bottom:5px; font-weight:600; text-align:left;}
.contents_box.ar p.middle_text {margin-top:50px;}
@media (max-width:1024px) {
	
}


/* .typesOfVisa */
.typesOfVisa {position:relative; line-height:1.7;}
.typesOfVisa:after {content:""; position:absolute; top:0; left:0; height:100%; width:50%; background:url(../images/sub/bg_visa.jpg) no-repeat right center / cover;}
.typesOfVisa .div {width:50%;box-sizing:border-box;padding-left:3.0em; margin-left:auto;}
.typesOfVisa h4 {color:var(--color); font-weight:700; font-size:1.3em; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; margin:1.3em 0 0.5em 0;}
.typesOfVisa h5 {color:#222; font-weight:700; font-size:1.2em; font-family: 'Nunito', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;  margin:1.2em 0 0.5em 0;}
@media (max-width:1024px) {
	.typesOfVisa {background:url(../images/sub/bg_visa.jpg) no-repeat center center / cover;}
	.typesOfVisa:after {display:none;}
	.typesOfVisa:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7);}
	.typesOfVisa .div {width:100%; position:relative; z-index:3; padding-left:0;}
}


/* Amazing Race */
.raceMapWrap {display:flex; justify-content:space-between; align-items: center; margin-bottom:5em; position:relative;}
.raceMapWrap .txtArea {font-size:1.3em; color: #a0acb8; letter-spacing:1em; order:3;}
.raceMapWrap .raceMap {position:relative; width:352px;}
.raceMapWrap .map img {width:100%;}
.raceMapWrap .raceMap .btn li {position:absolute; top:0; left:0; cursor:pointer;}
.raceMapWrap .raceMap .btn li.btn_1 {left:44px; top:116px; }
.raceMapWrap .raceMap .btn li.btn_2 {left:159px; top:88px;}
.raceMapWrap .raceMap .btn li.btn_3 {left:98px; top:160px;}
.raceMapWrap .raceMap .btn li.btn_4 {left:185px; top:129px;}
.raceMapWrap .raceMap .btn li.btn_5 {left:0px; top:195px;}
.raceMapWrap .raceMap .btn li.btn_6 {left:211px; top:184px;}
.raceMapWrap .img {position:absolute; top:40px; z-index:3; display:none;}
.raceMapWrap .img img {box-shadow:0 5px 7px rgba(0,0,0,0.5);}
.raceMapWrap .img.left {left:0px;}
.raceMapWrap .img.right {right:0px;}
@media (max-width:1200px){
	.raceMapWrap {width:760px; margin:0 auto 4em auto;}
	.raceMapWrap .txtArea {position:absolute; top:calc(50% - 50px); left:0; text-align:left;}
	.raceMapWrap .imgArea {padding-top:20px;}
	.raceMapWrap .img {top:20px; left:0% !important;}
	.raceMapWrap .img.right {right:auto;}
}
@media (max-width:1024px){
	.raceMapWrap {width:680px;}
	.raceMapWrap .imgArea img {height:34px;}
	.raceMapWrap .raceMap {position:relative; width:312px;}
	.raceMapWrap .raceMap .btn li {transform:translate(-20px,-25px);}
	.raceMapWrap .raceMap .btn li.btn_2 {transform:translate(-25px,-15px);}
}
@media (max-width:760px){
	.raceMapWrap {display:block; text-align:center; width:100%;}
	.raceMapWrap .txtArea {position:static; text-align:center; margin:1em 0 2em; }
	.raceMapWrap .raceMap {margin:0 auto;}
	.raceMapWrap .img {top:160px; width:100%; text-align:center;}
	.raceMapWrap .img img {width:320px;}
}
@media (max-width:400px){
	.raceMapWrap .txtArea {letter-spacing:0.7em;}
	.raceMapWrap .imgArea {text-align:center;}
	.raceMapWrap .imgArea img {height:auto; width:80%;}
}

/* Spring Sports Collabo */
.springSportsCollabo {position:relative;}
.springSportsCollabo .innerWrap:after {content:""; display:block; padding-bottom:50%;}
.springSportsCollabo .innerWrap { z-index:3;}
.springSportsCollabo .box {position:absolute; top:50%; right:0; width:27em; background:rgba(0,0,0,0.7); color:#fff; transform:translate(0%,-50%); padding:3em;}
.springSportsCollabo .box p {text-align:justify;}
.springSportsCollabo .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/sub/img_ntevents_190822_5.jpg) no-repeat center 0 / cover; z-index:1; display:none;}
.springSportsCollabo .bg.show {display:block;}
/* .springSportsCollabo .bg.active {z-index:2;} */
.springSportsCollabo .bg:nth-of-type(2) {background-image:url(../images/sub/img_ntevents_190822_1.jpg);}
.springSportsCollabo .bg:nth-of-type(3) {background-image:url(../images/sub/img_ntevents_190822_2.jpg);}
.springSportsCollabo .bg:nth-of-type(4) {background-image:url(../images/sub/img_ntevents_190822_3.jpg);}
.springSportsCollabo .bg:nth-of-type(5) {background-image:url(../images/sub/img_ntevents_190822_4.jpg);}
.springSportsCollabo .bg:nth-of-type(6) {background-image:url(../images/sub/img_ntevents_190822_5.jpg);}
.springSportsCollabo .bg:nth-of-type(7) {background-image:url(../images/sub/img_ntevents_190822_6.jpg);}
@media (max-width:760px){
	.springSportsCollabo .box {width:auto; position:static; transform:none;}
	.springSportsCollabo .innerWrap:after {padding-bottom:0%;}
}

/* Korean Language Class */
.koreanLanguageClass .mt {margin-top:4em;}
.koreanLanguageClass h3 {font-size:2.571em; text-align:center; padding-bottom:1.2em; margin-bottom:1.2em; position:relative; font-weight:200}
.koreanLanguageClass h3:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:9.306em; height:0.722em; background:url(../images/sub/img_pencil.png) no-repeat 0 0 / contain; transform: translate(-50%, 0);}
.koreanLanguageClass .divTxt {text-align:center; margin:0.5em 0 4em;}
.koreanLanguageClass_2 > div {padding-top:9.5em; position:relative;}
.koreanLanguageClass_2 > div:after {content:""; position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:7.571em; height:7.571em; background:url(../images/sub/ic_culture_new_1.png) no-repeat 0 0 / cover;}
.koreanLanguageClass_2 > div:nth-child(2):after {background-image:url(../images/sub/ic_culture_new_2.png);}
.koreanLanguageClass_2 > div:nth-child(3):after {background-image:url(../images/sub/ic_culture_new_3.png);}
.koreanLanguageClass_3 {display:flex; margin-top:6em; gap:2em;}
.koreanLanguageClass_3 > div.img img {border:1px solid #ccc;}
.koreanLanguageClass_3 > div.txt {display:flex; justify-content:center; flex-direction:column; gap:1em; font-size:1.1rem}
.koreanLanguageClass_3 > div.txt dl {display:flex;}
.koreanLanguageClass_3 > div.txt dl dt {width:11em; font-weight:600}
.koreanLanguageClass_4 {margin-top:6em;  gap:2em;}
.koreanLanguageClass_4 > div.txt {display:flex; justify-content:center; align-content:center; flex-direction:column; gap:1em; font-size:1.1rem;}
.koreanLanguageClass_4 > div.txt div {width:fit-content; margin:0 auto;}
.koreanLanguageClass_4 > div.txt h4 {font-weight:700; font-size:1.2em;}
@media (max-width:1024px){
	.koreanLanguageClass_3{margin-top:5em;}
	.koreanLanguageClass_4 {margin-top:5em;}
	.koreanLanguageClass_4 > div.txt div {width:100%;}
	.koreanLanguageClass_4 > div.img  {display:flex; justify-content:center}
	.koreanLanguageClass_4 > div.img {width:100%; flex:1 1 100%;}
	.koreanLanguageClass_4 > div.img img {max-width:100%; width:100%;}
}
@media (max-width:760px){
	.koreanLanguageClass_3 > div.txt dl {justify-content:space-between;}
	.koreanLanguageClass_3 > div.txt dl dt {width:auto;}
	.koreanLanguageClass_3 > div.txt dl dd {text-align:right;}
	.koreanLanguageClass_4 > div.txt p {text-align:left; display:flex;}
}

/* .nativeTeachersTab */
.nativeTeachersTab ul {display:flex; margin-bottom:4em;}
.nativeTeachersTab ul li {flex:1; position:relative;}
.nativeTeachersTab ul li a {display:flex; justify-content: center; align-items:center; height:3em; color:#999; border:1px solid #ccc; border-right:none; text-align:center; line-height:1.4;}
.nativeTeachersTab ul li:last-child a {border-right:1px solid #ccc;}
.nativeTeachersTab ul li:last-child a.active:after {display:none;}
.nativeTeachersTab ul li a.active {background-color:var(--color); border-color:var(--color); color:#fff;}
.nativeTeachersTab ul li a.active:after {content:""; position:absolute; top:0px; bottom:0px; right:-1px; width:1px; background:var(--color); z-index:2;}
.nativeTeachersTab ul li:last-child a {border-radius:0 3px 3px 0;}
.nativeTeachersTab ul li:first-child a {border-radius:3px 0 0 3px;}
@media (max-width:760px){
	.nativeTeachersTab ul {flex-wrap:wrap; gap:6px;}
	.nativeTeachersTab ul li {flex:1 1 calc(50% - 3px);}
	.nativeTeachersTab ul li a {border:1px solid #ccc !important; border-radius:3px !important;}
	.nativeTeachersTab ul li a:after {display:none;}
}

/* nativeTeachers_1 */
.nativeTeachers_1 .tit {display:flex; flex-direction:column; font-size:1.1rem; gap:0.8em; border:2px solid var(--color); padding:1.8em; line-height:1.5; margin-bottom:2.8em; font-weight:500;}
.nativeTeachers_1 .tit strong {font-weight:600;}

/* .falexInterval */
.falexInterval {line-height:1.7;}
.falexInterval > li {border-bottom:1px dashed #aaa; display:flex; flex-direction: column;  gap:.8em; padding-bottom:2em; margin-top:2em;}
.falexInterval > li:last-child {border-bottom:none;}
.numbering {line-height:1.7; counter-reset:listCounter;}
.numbering > li {position:relative; padding-left:1.5em; counter-increment:listCounter;}
.numbering > li:before {content:""; font-weight:600; position:absolute; top:0; left:0; color:#555; }
.numbering.alpha > li:before {text-transform:uppercase; content:counter(listCounter, lower-alpha)".";}
.numbering.roman > li:before {content:counter(listCounter, upper-roman)".";}
.numbering.num {counter-reset:number 0;}
.numbering.num > li {padding-left:2.5em;}
.numbering.num.mg > li {margin-bottom:0.7em;}
.numbering.num > li:before {counter-increment:number 1; content:counter(number); top:-.2em; left:0; background:#c2bcb0; color:#fff; width:2em; height:2em; font-weight:600; border-radius:5px; display:flex; justify-content:center; align-items:center; font-size:0.94rem;}
.numbering.bul > li:before {content:""; position:absolute; top:0.6em; left:0.6em; width:3px; height:3px; background:#555; border-radius:99px;}
.warning {color:var(--color); font-size:0.94rem; position:relative; padding-left:1.8em; line-height:1.7;}
.warning:before {content:"!"; position:absolute; top:.2em; left:0; color:#fff; display:flex; align-items: center; justify-content:center; width:1.4em; height:1.4em; background:rgba(var(--rgba),0.7); border-radius:99px; font-weight:700; font-size:0.90rem;}

/* .Eating in Korea */
.eatingInKorea .divStyle_1 > div.txt .grayBox {display:flex; flex-direction: column; gap:1em}
.eatingInKorea .divStyle_1 > div.txt .grayBox {border:1px solid #ccc; padding:2em 4em; text-align:center;}
.eatingInKorea .divStyle_1 > div.txt h4 {font-size:1.18rem;}
.eatingInKorea .divStyle_1 > div.txt h5 {font-size:1.2rem; font-weight:600;}
.eatingInKorea .imgMap {margin-top:2em;}
.eatingInKorea .imgMapM {display:none; margin-top:2em;}
@media (max-width:1024px){
	.eatingInKorea .imgMap {display:none;}
	.eatingInKorea .imgMapM {display:block;}
	.eatingInKorea .imgMapM img {width:100%;}
	.eatingInKorea .imgMapM ul {display:flex; gap:2em; flex-direction:column; margin-top:2em; padding:0 15px;}
	.eatingInKorea .imgMapM ul li {border:1px solid #eee; box-shadow:0 0 4px rgba(0,0,0,0.3); padding:20px 15px; border-radius:3px;}
	.eatingInKorea .imgMapM ul li.active {background-color:#faeeee;}
}
@media (max-width:760px){
	.eatingInKorea .divStyle_1 > div.txt .grayBox {width:90%; padding-left:0; padding-right:0;}
}

.eatingInKorea .commonFoods {margin-bottom:4em; padding-bottom:4em; border-bottom:1px solid #ccc;}
.eatingInKorea .commonFoods {display:flex; flex-direction: column; gap:2.1429em}
.eatingInKorea .commonFoods dl{display:flex; gap:1.8em; flex-wrap:wrap; align-items:center;}
.eatingInKorea .commonFoods dl dt {width:10em; word-wrap: break-word; height:6.4286em; box-sizing:border-box; border:5px solid #ccc; display:flex; align-items:center; justify-content:center; order:2; line-height:1.6}
.eatingInKorea .commonFoods dl dt strong {font-size:1.1429rem; font-style:italic;}
.eatingInKorea .commonFoods dl dd:last-child {flex:1; display:flex; align-items:center; order:3;}
.eatingInKorea .commonFoods dl dd.img {order:1; width:8.5714em; height:6.4286em;}
.eatingInKorea .commonFoods dl dd.img img {width:100%; height:100%;}
@media (max-width:760px){
	.eatingInKorea .commonFoods dl {gap:10px;}
	.eatingInKorea .commonFoods dl dd:last-child {min-width:100%;}
	.eatingInKorea .commonFoods dl dt {flex:1;}
	
}

.eatingInKorea .numbering.num > li {display:flex; flex-direction:column; gap:1em; margin:4em 0;}
.eatingInKorea .numbering.num > li:first-child {margin-top:0;}
.eatingInKorea .numbering.num > li h4 {font-weight:700; font-size:1.2rem;}
.eatingInKorea .numbering.num > li:before {top:0.0em;}
.eatingInKorea .FoodTypes {display:grid; border:1px solid #ccc; padding:3em; grid-template-columns: repeat(auto-fill, minmax(calc(25% - (3em * 3 / 4)), auto)); gap:3em; text-align:center; line-height:1.7; font-style:italic;}
.eatingInKorea .FoodTypes dt {font-size:1.2857rem; font-weight:600;}
.eatingInKorea .FoodTypes dd {font-weight:300; color:#555;}
.eatingInKorea .FoodTypes dd:last-child {font-style:normal; margin-top:1.0em; font-weight:400; color:#222;}

@media (max-width:1024px){
	.eatingInKorea .FoodTypes {grid-template-columns: repeat(auto-fill, minmax(calc(calc(100% / 2) - (3em * 1 / 2)), auto));}
	.eatingInKorea .numbering > li {padding-left:0;}
	.eatingInKorea .numbering > li h4 {padding-left:2.2em;}
}
@media (max-width:760px){
	.eatingInKorea .FoodTypes {grid-template-columns: repeat(auto-fill, minmax(calc(calc(100%)), auto)); padding:2.5em 1em;}
}

.eatingInKorea .divStyle_2.box {margin-bottom:2em;}
.eatingInKorea .divStyle_2.box > div {border:1px solid #ccc;}
.eatingInKorea .divStyle_2.box > div .img img {width:100%;}
.eatingInKorea .divStyle_2.box > div h5 {font-weight:600; font-size:1.18rem; margin-bottom:0.5em;}
.eatingInKorea .divStyle_2.box > div div:not(.img) {padding:1.5em;}
.eatingInKorea .txtBox {border:1px solid #ccc; padding:4em 2em 2em 2em; text-align:center; position:relative; margin:1em 0 3em;}
.eatingInKorea .txtBox:after {content:""; position:absolute; top:2em; left:50%; transform:translate(-50%, 0); width:1.5rem; height:1.2143rem; background:url(../images/sub/img_quote.gif) no-repeat 0 0 / cover;}
.eatingInKorea .divStyle_2.img {margin-top:2em;}
.eatingInKorea .divStyle_2.img > div {padding-top:12.143em; position:relative;}
.eatingInKorea .divStyle_2.img > div:after {content:""; position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:9.714em; height:9.714em; border-radius:99px; background:url(../images/sub/img_itaewon.gif) no-repeat 0 0 / cover;}
.eatingInKorea .divStyle_2.img > div:nth-child(2):after {background-image:url(../images/sub/img_hongdae.gif);}
.eatingInKorea .divStyle_2.img > div:nth-child(3):after {background-image:url(../images/sub/img_gangnam.gif);}
@media (max-width:1024px) {
	.eatingInKorea .divStyle_2.img {margin-top:3.0em;}
	.eatingInKorea .divStyle_2.img > div {padding-top:11em;}
}

/* Korean language */
.koreanAnguageDiv_1 {text-align:center; margin-bottom:4em;}
.koreanAnguageDiv_1 .img img {max-width:100%;}
.koreanAnguageDiv_1 p {font-size:1.4286rem; font-weight:200; color:#777; line-height:1.5; padding-top:1em;}
.koreanAnguageDiv_2 .map {background:url(../images/sub/img_korean_map.gif) no-repeat center center / cover; margin-top:2em; position:relative; margin-bottom:4em;}
.koreanAnguageDiv_2 .map:after {content:""; display:block; padding-bottom:40%;}
.koreanAnguageDiv_2 .map p {position:absolute; top:50%; left:0; width:100%; box-sizing:border-box; padding-left:15px; padding-right:15px; padding-top:4%; text-align:center; font-weight:600; font-size:.8571rem;}
.koreanAnguageDiv_3 p.txt {margin-top:0.5em;}
.koreanAnguageDiv_3 .divStyle_1 {margin:3em 0;}
.koreanAnguageDiv_3 .silent .txt {align-items:baseline; font-size:2.1429rem; font-weight:200; line-height:1.5;}
.koreanAnguageDiv_4 .tableType_02 {line-height:1.6; margin-top:1.5em;}
.koreanAnguageDiv_4 .tableType_02 td:last-child {text-align:left;}
.koreanAnguageDiv_4 .tableType_02 .list_no {color:#888; margin-top:0.7em; counter-reset:number 0;}
.koreanAnguageDiv_4 .tableType_02 .list_no > li {padding-left:1.2em; position:relative;}
.koreanAnguageDiv_4 .tableType_02 .list_no > li:before {counter-increment:number 1; content:counter(number)"."; position:absolute; top:0em; left:0;}
@media (max-width:1024px) {
	.koreanAnguageDiv_3 .silent .txt {align-items:center; text-align:center; font-size:1.8em}
}
@media (max-width:760px) {
	.koreanAnguageDiv_1 p {font-size:1.2rem;}
	.koreanAnguageDiv_2 .map:after {padding-bottom:100%;}
	.koreanAnguageDiv_2 .map p {padding-top:7%;}
}

/* Important Contacts */
.importantContacts {display:flex; gap:0 6em; flex-wrap: wrap;}
.importantContacts > div {flex:1;}
.importantContacts > div > div {border-bottom:1px solid #ccc; padding:0 1em 2.5em 1em ;}
.importantContacts > div > div:last-child {border-bottom:none;}
.importantContacts > div > div p {margin-top:0.5em;}
.importantContacts > div > div ul {margin-top:0.5em;}
.importantContacts > div > div a {color:#777; text-decoration:underline;}
@media (max-width:1024px) {
	.importantContacts {display:block;}
	.importantContacts > div:nth-child(2) h3 {margin-top:2em;}
}

/* generalPensionInformation */
.generalPensionInformation .div {border-bottom:1px solid #ccc; padding-bottom:2em; margin-bottom:3em;}
.generalPensionInformation .div:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.generalPensionInformation .linkBox {border:1px solid #c0beba; display:flex; margin-top:1.2em; font-size:1.0714rem;}
.generalPensionInformation .linkBox > li {flex-grow: 1; word-break:keep-all; border-right:1px solid #e0d6c2; word-break: break-all; padding:2em; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.generalPensionInformation .linkbox > li:last-child {border-right:none;}
.generalPensionInformation .linkBox > li p {font-weight:600; font-style:italic; word-break:keep-all;}
.generalPensionInformation .linkBox > li a {line-height:1.5; margin-top:0.8em; color:#999; text-decoration:underline;}
@media (max-width:760px) {
	.generalPensionInformation .linkBox {flex-direction:column;}
	.generalPensionInformation .linkBox > li {border:none; border-bottom:1px solid #e0d6c2;}
	.generalPensionInformation .linkBox > li:last-child {border-bottom:none;}
}

/* .housing */
.housing .imgArea {margin-top:3em;}
.housing .imgArea ul {display:flex; gap:.7857em; justify-content: center;}
.housing .imgArea ul img {width:100%;}
.housing .imgArea p {text-align:center; margin-top:1em; font-size:.9286rem; font-weight:500;}

@media (max-width:760px) {
	.housing .imgArea ul {flex-wrap: wrap}
	.housing .imgArea ul li {flex:1 1 40%;}
}

/* taxesAndDeductions */