@charset "UTF-8";

*,::after,::before {
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
	width:device-width;
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
	display: block;
}

body {
	margin: 0;
	font-family: "Noto Sans KR",sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

[tabindex="-1"]:focus {
	outline: 0!important;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-family: "Noto Sans KR",sans-serif;
	line-height: 1.5em;
}

p {
	margin: 0;
}

abbr[data-original-title],abbr[title] {
	text-decoration: underline;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
}

address {
	margin: 0;
	font-style: normal;
	line-height: inherit;
}

dl,ol,ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

ol ol,ol ul,ul ol,ul ul {
	margin: 0;
}

dt {
	font-weight: 400;
}

dd {
	margin: 0;
}

blockquote {
	margin: 0;
}

dfn {
	font-style: italic;
}

b,strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

a {
	color: #212529;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover {
	color: #037291;
	text-decoration: none;
}

a:not([href]):not([tabindedx]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindedx]):focus,a:not([href]):not([tabindedx]):hover {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindedx]):focus {
	outline: 0;
}

code,kbd,pre,samp {
	font-family: "Noto Sans KR",sans-serif;
	font-size: 1em;
}

pre {
	margin: 0;
	overflow: auto;
	-ms-overflow-style: scrollbar;
}

figure {
	margin: 0;
}

img {
	vertical-align: middle;
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

table {
	border-collapse: collapse;
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #212529;
	text-align: left;
	caption-side: bottom;
}

th {
	text-align: inherit;
}

label {
	display: inline-block;
	margin: 0;
}

button {
	border-radius: 0;
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

button,input,optgroup,select,textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,input {
	overflow: visible;
}

button,select {
	text-transform: none;
}

[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button;
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
	-webkit-appearance: listbox;
}

textarea {
	overflow: auto;
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

output {
	display: inline-block;
}

summary {
	display: list-item;
	cursor: pointer;
}

template {
	display: none;
}

[hidden] {
	display: none!important;
}

/*! Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; }

  .fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em; }

  .fa-xs {
    font-size: .75em; }

  .fa-sm {
    font-size: .875em; }

  .fa-1x {
    font-size: 1em; }

  .fa-2x {
    font-size: 2em; }

  .fa-3x {
    font-size: 3em; }

  .fa-4x {
    font-size: 4em; }

  .fa-5x {
    font-size: 5em; }

  .fa-6x {
    font-size: 6em; }

  .fa-7x {
    font-size: 7em; }

  .fa-8x {
    font-size: 8em; }

  .fa-9x {
    font-size: 9em; }

  .fa-10x {
    font-size: 10em; }

  .fa-fw {
    text-align: center;
    width: 1.25em; }

  .fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0; }

  .fa-ul > li {
    position: relative; }

  .fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit; }

  .fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em; }

  .fa-pull-left {
    float: left; }

  .fa-pull-right {
    float: right; }

  .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em; }

  .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em; }

  .fa-spin {
    animation: fa-spin 2s infinite linear; }

  .fa-pulse {
    animation: fa-spin 1s infinite steps(8); }

  @keyframes fa-spin {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }
  .fa-rotate-90 {
    transform: rotate(90deg); }

  .fa-rotate-180 {
    transform: rotate(180deg); }

  .fa-rotate-270 {
    transform: rotate(270deg); }

  .fa-flip-horizontal {
    transform: scale(-1, 1); }

  .fa-flip-vertical {
    transform: scale(1, -1); }

  .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1); }

  :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none; }

  .fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em; }

  .fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }

  .fa-stack-1x {
    line-height: inherit; }

  .fa-stack-2x {
    font-size: 2em; }

  .fa-inverse {
    color: #fff; }

  .fa-500px:before {
    content: "\f26e"; }

  .fa-search:before {
    content: "\f002"; }

  .fa-thumbs-up:before {
    content: "\f164"; }

  .fa-comment:before {
    content: "\f075"; }

  .fa-eye:before {
    content: "\f06e"; }

  .fa-chevron-double-left:before {
    content: "\f323"; }

  .fa-chevron-double-right:before {
    content: "\f324"; }

  .fa-chevron-left:before {
    content: "\f053"; }

  .fa-chevron-right:before {
    content: "\f054"; }

  .fa-chevron-circle-right:before {
    content: "\f138"; }

  .fa-times:before {
    content: "\f00d"; }

  .fa-chevron-down:before {
    content: "\f078"; }

  .fad.fa-chevron-up:after {
    content: "\10f077"; }

  .fa-bars:before {
    content: "\f0c9"; }

  .fa-check:before {
    content: "\f00c"; }

  .fa-home:before {
    content: "\f015"; }

  .fa-lock:before {
    content: "\f023"; }

  .fa-arrow-left:before {
    content: "\f060"; }

  .fa-arrow-right:before {
    content: "\f061"; }

  .fa-angle-left:before {
    content: "\f104"; }

  .fa-angle-right:before {
    content: "\f105"; }

  .fa-plus:before {
    content: "\f067"; }

  .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

  .sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

  /*! Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url(../fonts/fa-light-300.eot);
    src: url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-light-300.woff2) format("woff2"), url(../fonts/fa-light-300.woff) format("woff"), url(../fonts/fa-light-300.ttf) format("truetype"), url(../fonts/fa-light-300.svg#fontawesome) format("svg"); }
  .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300; }

  /*! Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../fonts/fa-regular-400.eot);
    src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg"); }
  .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400; }

  /*! Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../fonts/fa-solid-900.eot);
    src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg"); }
  .fa, .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; }

  /*! Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
  @font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../fonts/fa-brands-400.eot);
    src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg"); }
  .fab {
    font-family: 'Font Awesome 5 Brands'; }

  /*! Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
  @font-face {
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../fonts/fa-duotone-900.eot);
    src: url(../fonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-duotone-900.woff2) format("woff2"), url(../fonts/fa-duotone-900.woff) format("woff"), url(../fonts/fa-duotone-900.ttf) format("truetype"), url(../fonts/fa-duotone-900.svg#fontawesome) format("svg"); }
  .fad {
    position: relative;
    font-family: 'Font Awesome 5 Duotone';
    font-weight: 900; }

  .fad:before {
    position: absolute;
    color: var(--fa-primary-color, inherit);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1); }

  .fad:after {
    color: var(--fa-secondary-color, inherit);
    opacity: .4;
    opacity: var(--fa-secondary-opacity, 0.4); }

  .fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before {
    opacity: .4;
    opacity: var(--fa-secondary-opacity, 0.4); }

  .fa-swap-opacity .fad:after, .fad.fa-swap-opacity:after {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1); }

  .fad.fa-inverse {
    color: #fff; }

  .fad.fa-stack-1x, .fad.fa-stack-2x {
    position: absolute; }

  .fad.fa-fw:before, .fad.fa-stack-1x:before, .fad.fa-stack-2x:before {
    left: 50%;
    transform: translateX(-50%); }

  .fad.fa-search:after {
    content: "\10f002"; }

  .fad.fa-thumbs-up:after {
    content: "\10f164"; }

  .fad.fa-comment:after {
    content: "\10f075"; }

  .fad.fa-eye:after {
    content: "\10f06e"; }

  .fad.fa-chevron-double-left:after {
    content: "\10f323"; }

  .fad.fa-chevron-double-right:after {
    content: "\10f324"; }

  .fad.fa-chevron-left:after {
    content: "\10f053"; }

  .fad.fa-chevron-right:after {
    content: "\10f054"; }

  .fad.fa-chevron-circle-right:after {
    content: "\10f138"; }

  .fad.fa-times:after {
    content: "\10f00d"; }

  .fad.fa-chevron-down:after {
    content: "\10f078"; }

  .fa-chevron-up:before {
    content: "\f077"; }

  .fad.fa-bars:after {
    content: "\10f0c9"; }

  .fad.fa-check:after {
    content: "\10f00c"; }

  .fad.fa-home:after {
    content: "\10f015"; }

  .fad.fa-lock:after {
    content: "\10f023"; }

  .fad.fa-arrow-left:after {
    content: "\10f060"; }

  .fad.fa-arrow-right:after {
    content: "\10f061"; }

  .fad.fa-angle-left:after {
    content: "\10f104"; }

  .fad.fa-angle-right:after {
    content: "\10f105"; }

  .fad.fa-plus:after {
    content: "\10f067"; }

  .fade-enter-active, .fade-leave-active {
    transition: opacity .3s; }

  .fade-enter, .fade-leave-to {
	opacity: 0; }

html {
	font-size: 16px;
	letter-spacing: -.04em;
}

@media screen and (max-width:1161px) {
	html {
		font-size: 14px;
	}
}

@media screen and (max-width:480px) and (orientation:portrait) {
	html {
		font-size: 4.44444vw;
		overflow-x: hidden;
	}
}

@media screen and (max-width:480px) and (orientation:landscape) {
	html {
		font-size: 4.44444vh;
		overflow-x: hidden;
	}
}

[v-cloak] {
	display: none;
}

body.menu-opened,body.modalOpened,body.popup-opened {
	overflow-y: hidden;
}

.container {
	width: 72.625rem;
	margin: auto;
}

.t-school .container {
	width: 103.75rem;
}

@media screen and (max-width:1161px) {
	.t-school .container {
		width: 100%;
	}
}

@media screen and (max-width:1161px) {
	.container {
		width: 100%;
		padding: 0 .83333rem;
	}
}

body {
	overflow-x: hidden;
}

@media screen and (max-width:480px) {
	body {
		padding-top: 0;
	}
}

#contents {
	min-height: 40vh;
}

.layout-header {
	height: 4.6875rem;
	background-color: #00566e;
	position: relative;
	z-index: 100;
}

@media screen and (max-width:480px) {
	.layout-header {
		height: 3.27083rem;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
}

.layout-header>.container {
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.layout-header .logo {
	display: block;
	text-indent: -9999px;
	width: 11.8125rem;
	height: 2.5rem;
	background-color: transparent;
	background-image: url(../images/common/logo.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

@media screen and (max-width:480px) {
	.layout-header .logo {
		width: 7.1875rem;
		height: 1.64583rem;
	}
}

.layout-header .header-gnb {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.layout-header .header-gnb li {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.layout-header .header-gnb li a {
	display: block;
	color: #fff;
	font-size: .9375rem;
	font-weight: 400;
}

.layout-header .header-gnb li a.my-page {
	text-indent: -9999px;
	width: 1.75rem;
	height: 1.625rem;
	background-color: transparent;
	background-image: url(../images/common/icon-mypage.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.layout-header .header-gnb li+li:before {
	display: block;
	content: '';
	width: 1px;
	height: .4375rem;
	background-color: rgba(255,255,255,.27);
	margin: 0 .625rem;
}

@media screen and (max-width:480px) {
	.layout-header .header-gnb {
		display: none;
	}
}

.layout-header .toggle-menu {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border: 0 none;
	padding: 0;
	margin: 0 0 0 auto;
	background: 0 0;
	display: none;
	position: relative;
	overflow: visible;
	width: 1.3125rem;
	height: 1.08333rem;
}

.layout-header .toggle-menu.disabled,.layout-header .toggle-menu:disabled {
	opacity: .65;
}

.layout-header .toggle-menu:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.layout-header .toggle-menu {
		display: block;
	}
}

.layout-header .toggle-menu .line {
	background-color: #fff;
	display: block;
	position: absolute;
	transition-property: transform,top,opacity;
	transition-duration: .45s;
	transition-timing-function: ease;
	width: 1.3125rem;
	height: .125rem;
}

.layout-header .toggle-menu .line.line01 {
	top: 0;
}

.menu-opened .layout-header .toggle-menu .line.line01 {
	transform: rotate(45deg);
	top: .5625rem;
}

.layout-header .toggle-menu .line.line02 {
	top: .47917rem;
}

.menu-opened .layout-header .toggle-menu .line.line02 {
	opacity: 0;
}

.layout-header .toggle-menu .line.line03 {
	top: .95833rem;
}

.menu-opened .layout-header .toggle-menu .line.line03 {
	transform: rotate(-45deg);
	top: .5625rem;
}

.chrome {
	width: 100%;
	height: 3.5625rem;
	background: url(../images/bg/chrome-banner.png) center;
	position: relative;
}

.chrome .chrome-btn {
	width: 9.125rem;
	height: 2.25rem;
	background: #dd4f43;
	color: #fff;
	font-size: .8125rem;
	border: 1px solid #fff;
	border-radius: 1.875rem;
	position: absolute;
	right: 30.625rem;
	top: .8125rem;
	cursor: pointer;
}

.chrome .chrome-btn:focus {
	outline: 0;
}

@media screen and (max-width:1161px) {
	.chrome {
		display: none;
	}
}

@media screen and (max-width:480px) {
	.chrome {
		display: none;
	}
}

.gnb {
	height: 47px;
	border-bottom: 1px solid #efefef;
}

@media screen and (max-width:1161px) {
	.gnb {
		display: none;
	}
}

.gnb>.container {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
}

.gnb>.container .family-sites {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.gnb>.container .family-sites li {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.gnb>.container .family-sites li a {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

.gnb>.container .family-sites li+li:before {
	content: '';
	display: block;
	width: 1px;
	height: 11px;
	margin: 0 10px;
	background-color: #d7d7d7;
}

.gnb>.container .right-menus {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.gnb>.container .right-menus a {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

.gnb>.container .right-menus .divider {
	width: 1px;
	height: 7px;
	background-color: #dad8d8;
	margin: 0 12px;
	display: inline-block;
	vertical-align: middle;
}

.gnb>.container .right-menus .btn.outline {
	margin-left: 24px;
	width: 71px;
	height: 28px;
	border-radius: 14px;
}

.mystudy-header,.tschool-header {
	border-bottom: 1px solid #e8e8e8;
	z-index: 100;
}

@media screen and (max-width:1161px) {
	.mystudy-header,.tschool-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
	}
}

.mystudy-header>.container,.tschool-header>.container {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 5.875rem;
}

@media screen and (max-width:1161px) {
	.mystudy-header>.container,.tschool-header>.container {
		height: 3.27083rem;
	}
}

.mystudy-header .logo,.tschool-header .logo {
	background-color: transparent;
	background-image: url(../images/common/logo-mystudy.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 8.6875rem;
	height: 2.5rem;
	background-size: 100%;
	display: block;
	flex-shrink: 0;
	text-indent: -9999px;
}

@media screen and (max-width:1161px) {
	.mystudy-header .logo,.tschool-header .logo {
		width: 6.3125rem;
		height: 1.83333rem;
	}
}

.mystudy-header .main-navigation,.tschool-header .main-navigation {
	flex-grow: 1;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.mystudy-header .main-navigation,.tschool-header .main-navigation {
		display: none;
	}
}

.mystudy-header .main-navigation li,.tschool-header .main-navigation li {
	display: block;
}

.mystudy-header .main-navigation li+li,.tschool-header .main-navigation li+li {
	margin-left: 42px;
}

.mystudy-header .main-navigation li a,.tschool-header .main-navigation li a {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	transition: all .3s ease;
	display: block;
}

.mystudy-header .main-navigation li a:hover,.tschool-header .main-navigation li a:hover {
	color: #037291;
}

.mystudy-header .check-attendance,.tschool-header .check-attendance {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	padding-right: 32px;
	background-color: transparent;
	background-image: url(../images/icon/icon-check-atten.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-position-x: right;
	height: 32px;
	color: #037291;
	font-size: 16px;
}

@media screen and (max-width:1161px) {
	.mystudy-header .check-attendance,.tschool-header .check-attendance {
		display: none;
	}
}

.mystudy-header .btn-toggle-menu,.tschool-header .btn-toggle-menu {
	display: none;
}

@media screen and (max-width:1161px) {
	.mystudy-header .btn-toggle-menu,.tschool-header .btn-toggle-menu {
		display: inline-block;
		margin: 0;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		display: block;
		margin-left: auto;
		font-size: 0;
		padding: 0;
		border: 0;
		background: 0 0;
	}

	.mystudy-header .btn-toggle-menu.disabled,.mystudy-header .btn-toggle-menu:disabled,.tschool-header .btn-toggle-menu.disabled,.tschool-header .btn-toggle-menu:disabled {
		opacity: .65;
	}

	.mystudy-header .btn-toggle-menu:not([disabled]):not(.disabled),.tschool-header .btn-toggle-menu:not([disabled]):not(.disabled) {
		cursor: pointer;
	}

	.mystudy-header .btn-toggle-menu:before,.tschool-header .btn-toggle-menu:before {
		content: '\f0c9';
		font-family: "Font Awesome 5 Pro"!important;
		font-size: 1.125rem;
	}
}

.layout-mobile-menu {
	display: none;
	width: 100vw;
	position: fixed;
	top: 0;
	right: -100vw;
	bottom: 0;
	opacity: .7;
	visibility: hidden;
	transition-property: opacity,visibility,right;
	transition-duration: .45s;
	transition-timing-function: cubic-bezier();
	z-index: 103;
	background-color: #fff;
}

@media screen and (max-width:1161px) {
	.layout-mobile-menu {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		flex-direction: column;
	}
}

.menu-opened .layout-mobile-menu {
	right: 0;
	opacity: 1;
	visibility: visible;
}

.layout-mobile-menu .aside-top {
	width: 100%;
	height: 11.375rem;
	background-color: #fff;
	padding: 1.04167rem .83333rem 0;
}

@media screen and (max-width:480px) {
	.layout-mobile-menu .aside-top {
		height: auto;
	}
}

.layout-mobile-menu .aside-top .aside-top-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.layout-mobile-menu .aside-top .aside-top-actions .home,.layout-mobile-menu .aside-top .aside-top-actions .toggle-menu {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	border: 0;
	padding: 0;
}

.layout-mobile-menu .aside-top .aside-top-actions .home.disabled,.layout-mobile-menu .aside-top .aside-top-actions .home:disabled,.layout-mobile-menu .aside-top .aside-top-actions .toggle-menu.disabled,.layout-mobile-menu .aside-top .aside-top-actions .toggle-menu:disabled {
	opacity: .65;
}

.layout-mobile-menu .aside-top .aside-top-actions .home:not([disabled]):not(.disabled),.layout-mobile-menu .aside-top .aside-top-actions .toggle-menu:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.layout-mobile-menu .aside-top .aside-top-actions .home {
	padding-left: 1.77083rem;
	height: 1.1875rem;
	line-height: 1.1875rem;
	color: #111;
	font-size: .875rem;
	font-weight: 400;
	background-color: transparent;
	background-image: url(../images/common/icon-home.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-position-x: 0;
	background-position-y: center;
	background-size: 1.25rem 1.1875rem;
}

.layout-mobile-menu .aside-top .aside-top-actions .toggle-menu {
	margin-left: auto;
	width: .9375rem;
	height: .91667rem;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(../images/common/icon-times.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.layout-mobile-menu .aside-top .aside-top-body {
	padding-top: .83333rem;
}

.layout-mobile-menu .aside-top .aside-top-body .login-helper {
	color: #111;
	font-size: 1.02083rem;
	font-weight: 400;
	line-height: 1.32653em;
	text-align: center;
	margin: 0 0 1.875rem;
}

.layout-mobile-menu .aside-top .aside-top-body .login-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info .login-actions2 {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info .login-actions2 .btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8.04167rem;
	height: 2.4375rem;
	border-radius: 1.21875rem;
}

.layout-mobile-menu .aside-top .aside-top-body .login-actions .btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8.04167rem;
	height: 2.4375rem;
	border-radius: 1.21875rem;
	font-size: .875rem;
}

.layout-mobile-menu .aside-top .aside-top-body .login-actions .btn+.btn {
	margin-left: .625rem;
}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info .introduce {
	color: #222;
	font-size: 1.875rem;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
	margin-bottom: 1.25rem;
}

@media screen and (max-width:1161px) {
	.layout-mobile-menu .aside-top .aside-top-body .my-study-info .introduce {
		font-size: 1.29167rem;
	}
}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info .introduce strong {
	color: #006581;
}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info .recent-login {
	color: #545454;
	font-size: .9375rem;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
}

@media screen and (max-width:1161px) {
	.layout-mobile-menu .aside-top .aside-top-body .my-study-info .recent-login {
		font-size: .6875rem;
	}
}

@media screen and (max-width:480px) {
	.layout-mobile-menu .aside-top .aside-top-body .my-study-info {
		margin-top: 0;
	}
}

.layout-mobile-menu .aside-main {
	flex-grow: 1;
	height: calc(100% - 13.54167rem);
}

.layout-mobile-menu .aside-main .menu-lists {
	position: relative;
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
}

.layout-mobile-menu .aside-main .menu-lists:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 11.45833rem;
	height: 100%;
	background-color: #037291;
	z-index: -1;
}

.layout-mobile-menu .aside-main .menu-lists .menu-sign-out {
	display: block;
	width: 5.125rem;
	height: 2.25rem;
	background: url(../images/icon/icon-logout.png);
	text-indent: -9999px;
	background-size: cover;
	flex-shrink: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01 {
	flex-grow: 1;
	overflow-y: auto;
	margin-top: 15px;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li>a {
	width: 11.45833rem;
	font-weight: 400;
	padding: 0 16px;
	color: #94d6e8;
	line-height: 2.7619em;
	font-size: 15px;
	white-space: nowrap;
	position: relative;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li.active>a {
	color: #fff;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li.active>a:after {
	content: '';
	width: .875rem;
	height: .20833rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li.active .depth-02 {
	display: block;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li .depth-02 {
	display: none;
	width: calc(100% - 11.45833rem);
	background-color: #fff;
	border-top: 1px solid #dedede;
	position: absolute;
	left: 11.45833rem;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	padding: 0 1.45833rem 1.04167rem 1.45833rem;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li .depth-02>li {
	width: 100%;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li .depth-02>li>a {
	display: block;
	color: #111;
	font-size: .875rem;
	border-bottom: 1px solid #dedede;
	padding: 1.04167rem 0;
	position: relative;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li .depth-02>li>a:after {
	content: '\f054';
	font-family: "Font Awesome 5 Pro";
	font-size: 10px;
	position: absolute;
	right: 0;
	color: #222;
	top: 50%;
	transform: translateY(-50%);
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li .depth-02>li .depth-03>li>a {
	display: block;
	line-height: 30px;
	margin-top: 10px;
	color: #111;
	font-size: .875rem;
	padding-left: .5rem;
	position: relative;
	font-weight: 300;
}

.layout-mobile-menu .aside-main .menu-lists .depth-01>li .depth-02>li .depth-03>li>a:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #222;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width:480px) {
	.layout-mobile-menu .aside-main #m_menu {
		width: 100%;
		height: 100vh;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs {
		position: relative;
		border: 1px solid #ccc;
		background: #037291;
		height: 100vh;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab {
		display: block;
		width: 40%;
		position: absolute;
		font-weight: 400;
		text-align: left;
		padding: 15px;
		color: #94d6e8;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tabhover {
		color: #fff;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab1 {
		left: 0;
		top: 0;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab2 {
		left: 0;
		top: 48px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab3 {
		left: 0;
		top: 96px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab4 {
		left: 0;
		top: 144px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab5 {
		left: 0;
		top: 192px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab6 {
		left: 0;
		top: 240px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab7 {
		left: 0;
		top: 288px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab8 {
		left: 0;
		top: 336px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab9 {
		left: 0;
		top: 384px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab10 {
		left: 0;
		top: 432px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .tab11 {
		left: 0;
		top: 480px;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .on {
		color: #fff;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .on:after {
		content: '';
		display: block;
		width: 10px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: 50%;
		right: 0;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .contlist {
		margin-top: 0;
		display: none;
		margin-left: 40%;
		padding-left: 5%;
		background: #fff;
		width: 60%;
		height: 100vh;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .contlist a {
		color: #333;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .depth1 ul {
		display: none;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .depth1 a {
		display: block;
		margin-right: 20%;
		font-weight: 500;
		font-size: 16px;
		padding: 15px 0;
		border-bottom: 1px solid #dedede;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .depth1 a:hover {
		color: #037291;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .depth1 li {
		margin-left: 10px;
		padding: 10px 0;
	}

	.layout-mobile-menu .aside-main #m_menu .tabs .depth1 li:hover {
		color: #037291;
	}
}

.layout-footer {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	background-color: #212121;
	position: relative;
	width: 100%;
}

@media screen and (max-width:1161px) {
	.layout-footer {
		flex-wrap: wrap;
	}
}

.layout-footer .footer-aside,.layout-footer .footer-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	position: relative;
}

.layout-footer .footer-info {
	flex-grow: 1;
}

@media screen and (max-width:1161px) {
	.layout-footer .footer-info {
		width: 100%;
		padding: 0 .83333rem;
	}
}

.layout-footer .footer-aside {
	width: 21.875rem;
	flex-shrink: 0;
}

.layout-footer .footer-info .social {
	display: flex;
	margin-top: 10px;
	flex-wrap: wrap;
}

@media screen and (max-width:1161px) {
	.layout-footer .footer-info .social {
		justify-content: center;
	}
}

.layout-footer .footer-info .social a {
	display: block;
	width: 42px;
	height: 42px;
	border: 1px solid #989898;
	margin-right: 5px;
	margin-top: 5px;
	border-radius: 50%;
	background: #fff;
	background-repeat: no-repeat;
	background-image: url("../images/common/social.png");
	background-size: 180px;
	transition: all 0.2s;
}

@media screen and (max-width: 768px) {
	.layout-footer .footer-info .social a {
		justify-content: center;
	}
}

.layout-footer .footer-info .social a span {
	font-size: 0;
}

.layout-footer .footer-info .social a.blog {
	background-position: -2px -3px;
}

.layout-footer .footer-info .social a.cafe {
	background-position: -47px -3px;
}

.layout-footer .footer-info .social a.tweeter {
	background-position: -92px -3px;
}

.layout-footer .footer-info .social a.facebook {
	background-position: -136px -3px;
}

.layout-footer .footer-info .social a.kakao {
	background-position: -2px -47px;
}

.layout-footer .footer-info .social a.youtube {
	background-position: -47px -47px;
}

.layout-footer .footer-info .social a.insta {
	background-position: -92px -47px;
}

.layout-footer .footer-info .social a:hover {
	border: 1px solid #222;
	background-image: url("../images/common/social-over.png");
}

.layout-footer .footer-info .social a.blog:hover {
	background-position: -2px -3px;
}

.layout-footer .footer-info .social a.cafe:hover {
	background-position: -47px -3px;
}

.layout-footer .footer-info .social a.tweeter:hover {
	background-position: -92px -3px;
}

.layout-footer .footer-info .social a.facebook:hover {
	background-position: -136px -3px;
}

.layout-footer .footer-info .social a.kakao:hover {
	background-position: -2px -47px;
}

.layout-footer .footer-info .social a.youtube:hover {
	background-position: -47px -47px;
}

.layout-footer .footer-info .social a.insta:hover {
	background-position: -92px -47px;
}

@media screen and (max-width:1161px) {
	.layout-footer .footer-aside {
		width: 100%;
		padding: 0 .83333rem;
	}

	.layout-footer .footer-aside .footer-top {
		border-top: 1px solid rgba(255,255,255,.1);
		order: 2;
	}

	.layout-footer .footer-aside .footer-content {
		order: 1;
	}
}

.layout-footer .footer-top {
	height: 4.875rem;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 0 4.375rem;
}

@media screen and (max-width:1161px) {
	.layout-footer .footer-top {
		border-bottom-color: transparent;
		padding: 0;
	}
}

.layout-footer .footer-content {
	padding: 1.75rem 4.375rem 6.875rem;
}

@media screen and (max-width:1161px) {
	.layout-footer .footer-content {
		padding-bottom: 1.75rem;
	}
}

@media screen and (max-width:480px) {
	.layout-footer .footer-content {
		padding-left: .83333rem;
		padding-right: .83333rem;
		text-align: center;
		margin-top: 1.25rem;
	}
}

.layout-footer .footer-navigation {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 -1.125rem;
}

@media screen and (max-width:1161px) {
	.layout-footer .footer-navigation {
		justify-content: center;
	}
}

@media screen and (max-width:480px) {
	.layout-footer .footer-navigation {
		flex-wrap: wrap;
		margin: 30px -.125rem;
	}
}

.layout-footer .footer-navigation li {
	display: block;
	padding: 0 20px;
}

.layout-footer .footer-navigation li a {
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 500;
}

.layout-footer .footer-navigation li a.privacy {
	color: #037291;
}

@media screen and (max-width:480px) {
	.layout-footer .footer-navigation li a {
		font-size: .875rem;
	}
}

.layout-footer .social-links {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin: 0 -.25rem;
	height: 100%;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.layout-footer .social-links {
		justify-content: center;
	}
}

.layout-footer .social-links li {
	padding: 0 .25rem;
}

.layout-footer .social-links li a {
	display: block;
	width: 2.625rem;
	height: 2.625rem;
	text-indent: -9999px;
	transition: background-image .45s ease;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.layout-footer .social-links li a.social-band {
	background-image: url(../images/common/social-band.png);
}

.layout-footer .social-links li a.social-band:hover {
	background-image: url(../images/common/social-band-active.png);
}

.layout-footer .social-links li a.social-cafe {
	background-image: url(../images/common/social-cafe.png);
}

.layout-footer .social-links li a.social-cafe:hover {
	background-image: url(../images/common/social-cafe-active.png);
}

.layout-footer .social-links li a.social-facebook {
	background-image: url(../images/common/social-facebook.png);
}

.layout-footer .social-links li a.social-facebook:hover {
	background-image: url(../images/common/social-facebook-active.png);
}

.layout-footer .social-links li a.social-twitter {
	background-image: url(../images/common/social-twitter.png);
}

.layout-footer .social-links li a.social-twitter:hover {
	background-image: url(../images/common/social-twitter-active.png);
}

.layout-footer .social-links li a.social-kakaostory {
	background-image: url(../images/common/social-kakaostory.png);
}

.layout-footer .social-links li a.social-kakaostory:hover {
	background-image: url(../images/common/social-kakaostory-active.png);
}

.layout-footer .social-links li a.social-youtube {
	background-image: url(../images/common/social-youtube.png);
}

.layout-footer .social-links li a.social-youtube:hover {
	background-image: url(../images/common/social-youtube-active.png);
}

.layout-footer .family-site {
	border: 1px solid #4a4a47;
	background: #212121;
	color: #fff;
	font-size: .875rem;
	line-height: 2.875rem;
	height: 2.875rem;
	display: block;
	width: 11.5625rem;
	margin-left: auto;
	padding: 0 1.25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url(../images/common/family-site-arrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-position-y: center;
	background-position-x: 95%;
}

.layout-footer .family-site::-ms-expand {
	display: none;
}

@media screen and (max-width:1161px) {
	.layout-footer .family-site {
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.layout-footer .family-site {
		text-align-last: center;
		text-align: center;
	}
}

.layout-footer .copyright {
	color: #949494;
	font-size: .8125rem;
	margin-top: .9375rem;
}

.layout-footer .logo-footer {
	margin-top: 1.875rem;
}

@media screen and (max-width:480px) {
	.layout-footer .logo-footer {
		display: none;
	}
}

.layout-footer .information dl {
	display: inline-block;
}

@media screen and (max-width:1161px) {
	.layout-footer .information dl {
		display: block;
	}
}

.layout-footer .information dl+dl:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background-color: #3e3e3e;
	width: 1px;
	height: 12px;
	margin: 0 12px;
}

@media screen and (max-width:1161px) {
	.layout-footer .information dl+dl:before {
		content: none;
	}
}

.layout-footer .information dl dd,.layout-footer .information dl dt {
	display: inline;
	color: #838381;
	font-weight: 500;
	font-size: .875rem;
	line-height: 2em;
}

@media screen and (max-width:480px) {
	.layout-footer .information dl dd,.layout-footer .information dl dt {
		font-size: .75rem;
		font-weight: 300;
	}
}

@media screen and (max-width:1161px) {
	.layout-footer .information dl dd.point {
		color: #fff;
	}
}

.layout-footer .information dl a {
	color: inherit;
	cursor: pointer;
}

.layout-footer .btn-to-top {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border: 0 none;
	position: absolute;
	right: 4.375rem;
	top: -2.8125rem;
	width: 4.3125rem;
	height: 4.3125rem;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(../images/common/icon-to-top.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #037291;
	background-size: .75rem 1.5625rem;
}

.layout-footer .btn-to-top.disabled,.layout-footer .btn-to-top:disabled {
	opacity: .65;
}

.layout-footer .btn-to-top:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.layout-footer .btn-to-top {
		width: 2.8125rem;
		height: 2.8125rem;
		top: -2.5rem;
		right: 12px;
	}
}

.my-study-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	height: 20rem;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.my-study-info {
		height: auto;
	}
}

.my-study-info.no-login {
	background-color: #e5f2ff;
	height: 22.5rem;
	padding-bottom: 6.25rem;
	background-image: url(../images/bg/bg-myinfo-nologin.png);
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x: center;
}

.my-study-info.no-login .login-required-title {
	text-align: center;
	color: #222;
	font-size: 38px;
	font-weight: 400;
	line-height: 1.47368em;
}

.my-study-info.no-login .login-required-title strong {
	color: #037291;
	font-weight: 700;
}

@media screen and (max-width:480px) {
	.my-study-info.no-login {
		height: 14.4375rem;
	}

	.my-study-info.no-login .login-required-title {
		font-size: 1.29167rem;
	}
}

.my-study-info .thumb {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5.9375rem;
	height: 5.9375rem;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-bottom: 27px;
}

@media screen and (max-width:1161px) {
	.my-study-info .thumb {
		width: 3.75rem;
		height: 3.75rem;
		margin-bottom: 1.6875rem;
	}
}

.my-study-info .thumb img {
	width: 4.6875rem;
	height: 4.6875rem;
	border-radius: 100%;
}

@media screen and (max-width:1161px) {
	.my-study-info .thumb img {
		width: 2.39583rem;
		height: 2.39583rem;
	}
}

.my-study-info .introduce {
	color: #222;
	font-size: 1.875rem;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
	margin-bottom: 1.25rem;
}

@media screen and (max-width:1161px) {
	.my-study-info .introduce {
		font-size: 1.29167rem;
	}
}

@media screen and (max-width:480px) {
	.my-study-info .introduce {
		margin-bottom: 19px;
	}
}

.my-study-info .introduce strong {
	color: #006581;
}

.my-study-info .user-info-detail {
	color: #222;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin: 0 0 .75rem;
}

@media screen and (max-width:1161px) {
	.my-study-info .user-info-detail {
		font-size: .875rem;
	}
}

@media screen and (max-width:480px) {
	.my-study-info .user-info-detail {
		margin: 0 0 11px;
	}
}

.my-study-info .user-info-detail .divider {
	display: block;
	width: 1px;
	height: .75rem;
	background: #c9c9c9;
	margin: 0 .8125rem;
}

.my-study-info .recent-login {
	color: #545454;
	font-size: .9375rem;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
}

@media screen and (max-width:1161px) {
	.my-study-info .recent-login {
		font-size: .6875rem;
	}
}

@media screen and (max-width:480px) {
	.my-study-info {
		margin-top: 4.375rem;
		margin-bottom: 1.875rem;
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.sr-only.sr-only-focusable:active,.sr-only.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.clearfix,.clearfix:after,.clearfix:before {
	display: block;
	clear: both;
	content: "";
}

.W5 {
	width: 5px!important;
}

@media screen and (max-width:1161px) {
	.W5 {
		width: .3125rem!important;
	}
}

.H5 {
	height: 5px!important;
}

@media screen and (max-width:1161px) {
	.H5 {
		height: .3125rem!important;
	}
}

.W10 {
	width: 10px!important;
}

@media screen and (max-width:1161px) {
	.W10 {
		width: .625rem!important;
	}
}

.H10 {
	height: 10px!important;
}

@media screen and (max-width:1161px) {
	.H10 {
		height: .625rem!important;
	}
}

.W15 {
	width: 15px!important;
}

@media screen and (max-width:1161px) {
	.W15 {
		width: .9375rem!important;
	}
}

.H15 {
	height: 15px!important;
}

@media screen and (max-width:1161px) {
	.H15 {
		height: .9375rem!important;
	}
}

.W20 {
	width: 20px!important;
}

@media screen and (max-width:1161px) {
	.W20 {
		width: 1.25rem!important;
	}
}

.H20 {
	height: 20px!important;
}

@media screen and (max-width:1161px) {
	.H20 {
		height: 1.25rem!important;
	}
}

.W25 {
	width: 25px!important;
}

@media screen and (max-width:1161px) {
	.W25 {
		width: 1.5625rem!important;
	}
}

.H25 {
	height: 25px!important;
}

@media screen and (max-width:1161px) {
	.H25 {
		height: 1.5625rem!important;
	}
}

.W30 {
	width: 30px!important;
}

@media screen and (max-width:1161px) {
	.W30 {
		width: 1.875rem!important;
	}
}

.H30 {
	height: 30px!important;
}

@media screen and (max-width:1161px) {
	.H30 {
		height: 1.875rem!important;
	}
}

.W35 {
	width: 35px!important;
}

@media screen and (max-width:1161px) {
	.W35 {
		width: 2.1875rem!important;
	}
}

.H35 {
	height: 35px!important;
}

@media screen and (max-width:1161px) {
	.H35 {
		height: 2.1875rem!important;
	}
}

.W40 {
	width: 40px!important;
}

@media screen and (max-width:1161px) {
	.W40 {
		width: 2.5rem!important;
	}
}

.H40 {
	height: 40px!important;
}

@media screen and (max-width:1161px) {
	.H40 {
		height: 2.5rem!important;
	}
}

.W45 {
	width: 45px!important;
}

@media screen and (max-width:1161px) {
	.W45 {
		width: 2.8125rem!important;
	}
}

.H45 {
	height: 45px!important;
}

@media screen and (max-width:1161px) {
	.H45 {
		height: 2.8125rem!important;
	}
}

.W50 {
	width: 50px!important;
}

@media screen and (max-width:1161px) {
	.W50 {
		width: 3.125rem!important;
	}
}

.H50 {
	height: 50px!important;
}

@media screen and (max-width:1161px) {
	.H50 {
		height: 3.125rem!important;
	}
}

.W55 {
	width: 55px!important;
}

@media screen and (max-width:1161px) {
	.W55 {
		width: 3.4375rem!important;
	}
}

.H55 {
	height: 55px!important;
}

@media screen and (max-width:1161px) {
	.H55 {
		height: 3.4375rem!important;
	}
}

.W60 {
	width: 60px!important;
}

@media screen and (max-width:1161px) {
	.W60 {
		width: 3.75rem!important;
	}
}

.H60 {
	height: 60px!important;
}

@media screen and (max-width:1161px) {
	.H60 {
		height: 3.75rem!important;
	}
}

.W65 {
	width: 65px!important;
}

@media screen and (max-width:1161px) {
	.W65 {
		width: 4.0625rem!important;
	}
}

.H65 {
	height: 65px!important;
}

@media screen and (max-width:1161px) {
	.H65 {
		height: 4.0625rem!important;
	}
}

.W70 {
	width: 70px!important;
}

@media screen and (max-width:1161px) {
	.W70 {
		width: 4.375rem!important;
	}
}

.H70 {
	height: 70px!important;
}

@media screen and (max-width:1161px) {
	.H70 {
		height: 4.375rem!important;
	}
}

.W75 {
	width: 75px!important;
}

@media screen and (max-width:1161px) {
	.W75 {
		width: 4.6875rem!important;
	}
}

.H75 {
	height: 75px!important;
}

@media screen and (max-width:1161px) {
	.H75 {
		height: 4.6875rem!important;
	}
}

.W80 {
	width: 80px!important;
}

@media screen and (max-width:1161px) {
	.W80 {
		width: 5rem!important;
	}
}

.H80 {
	height: 80px!important;
}

@media screen and (max-width:1161px) {
	.H80 {
		height: 5rem!important;
	}
}

.W85 {
	width: 85px!important;
}

@media screen and (max-width:1161px) {
	.W85 {
		width: 5.3125rem!important;
	}
}

.H85 {
	height: 85px!important;
}

@media screen and (max-width:1161px) {
	.H85 {
		height: 5.3125rem!important;
	}
}

.W90 {
	width: 90px!important;
}

@media screen and (max-width:1161px) {
	.W90 {
		width: 5.625rem!important;
	}
}

.H90 {
	height: 90px!important;
}

@media screen and (max-width:1161px) {
	.H90 {
		height: 5.625rem!important;
	}
}

.W95 {
	width: 95px!important;
}

@media screen and (max-width:1161px) {
	.W95 {
		width: 5.9375rem!important;
	}
}

.H95 {
	height: 95px!important;
}

@media screen and (max-width:1161px) {
	.H95 {
		height: 5.9375rem!important;
	}
}

.W100 {
	width: 100px!important;
}

@media screen and (max-width:1161px) {
	.W100 {
		width: 6.25rem!important;
	}
}

.H100 {
	height: 100px!important;
}

@media screen and (max-width:1161px) {
	.H100 {
		height: 6.25rem!important;
	}
}

.W105 {
	width: 105px!important;
}

@media screen and (max-width:1161px) {
	.W105 {
		width: 6.5625rem!important;
	}
}

.H105 {
	height: 105px!important;
}

@media screen and (max-width:1161px) {
	.H105 {
		height: 6.5625rem!important;
	}
}

.W110 {
	width: 110px!important;
}

@media screen and (max-width:1161px) {
	.W110 {
		width: 6.875rem!important;
	}
}

.H110 {
	height: 110px!important;
}

@media screen and (max-width:1161px) {
	.H110 {
		height: 6.875rem!important;
	}
}

.W115 {
	width: 115px!important;
}

@media screen and (max-width:1161px) {
	.W115 {
		width: 7.1875rem!important;
	}
}

.H115 {
	height: 115px!important;
}

@media screen and (max-width:1161px) {
	.H115 {
		height: 7.1875rem!important;
	}
}

.W120 {
	width: 120px!important;
}

@media screen and (max-width:1161px) {
	.W120 {
		width: 7.5rem!important;
	}
}

.H120 {
	height: 120px!important;
}

@media screen and (max-width:1161px) {
	.H120 {
		height: 7.5rem!important;
	}
}

.W125 {
	width: 125px!important;
}

@media screen and (max-width:1161px) {
	.W125 {
		width: 7.8125rem!important;
	}
}

.H125 {
	height: 125px!important;
}

@media screen and (max-width:1161px) {
	.H125 {
		height: 7.8125rem!important;
	}
}

.W130 {
	width: 130px!important;
}

@media screen and (max-width:1161px) {
	.W130 {
		width: 8.125rem!important;
	}
}

.H130 {
	height: 130px!important;
}

@media screen and (max-width:1161px) {
	.H130 {
		height: 8.125rem!important;
	}
}

.W135 {
	width: 135px!important;
}

@media screen and (max-width:1161px) {
	.W135 {
		width: 8.4375rem!important;
	}
}

.H135 {
	height: 135px!important;
}

@media screen and (max-width:1161px) {
	.H135 {
		height: 8.4375rem!important;
	}
}

.W140 {
	width: 140px!important;
}

@media screen and (max-width:1161px) {
	.W140 {
		width: 8.75rem!important;
	}
}

.H140 {
	height: 140px!important;
}

@media screen and (max-width:1161px) {
	.H140 {
		height: 8.75rem!important;
	}
}

.W145 {
	width: 145px!important;
}

@media screen and (max-width:1161px) {
	.W145 {
		width: 9.0625rem!important;
	}
}

.H145 {
	height: 145px!important;
}

@media screen and (max-width:1161px) {
	.H145 {
		height: 9.0625rem!important;
	}
}

.W150 {
	width: 150px!important;
}

@media screen and (max-width:1161px) {
	.W150 {
		width: 9.375rem!important;
	}
}

.H150 {
	height: 150px!important;
}

@media screen and (max-width:1161px) {
	.H150 {
		height: 9.375rem!important;
	}
}

.W155 {
	width: 155px!important;
}

@media screen and (max-width:1161px) {
	.W155 {
		width: 9.6875rem!important;
	}
}

.H155 {
	height: 155px!important;
}

@media screen and (max-width:1161px) {
	.H155 {
		height: 9.6875rem!important;
	}
}

.W160 {
	width: 160px!important;
}

@media screen and (max-width:1161px) {
	.W160 {
		width: 10rem!important;
	}
}

.H160 {
	height: 160px!important;
}

@media screen and (max-width:1161px) {
	.H160 {
		height: 10rem!important;
	}
}

.W165 {
	width: 165px!important;
}

@media screen and (max-width:1161px) {
	.W165 {
		width: 10.3125rem!important;
	}
}

.H165 {
	height: 165px!important;
}

@media screen and (max-width:1161px) {
	.H165 {
		height: 10.3125rem!important;
	}
}

.W170 {
	width: 170px!important;
}

@media screen and (max-width:1161px) {
	.W170 {
		width: 10.625rem!important;
	}
}

.H170 {
	height: 170px!important;
}

@media screen and (max-width:1161px) {
	.H170 {
		height: 10.625rem!important;
	}
}

.W175 {
	width: 175px!important;
}

@media screen and (max-width:1161px) {
	.W175 {
		width: 10.9375rem!important;
	}
}

.H175 {
	height: 175px!important;
}

@media screen and (max-width:1161px) {
	.H175 {
		height: 10.9375rem!important;
	}
}

.W180 {
	width: 180px!important;
}

@media screen and (max-width:1161px) {
	.W180 {
		width: 11.25rem!important;
	}
}

.H180 {
	height: 180px!important;
}

@media screen and (max-width:1161px) {
	.H180 {
		height: 11.25rem!important;
	}
}

.W185 {
	width: 185px!important;
}

@media screen and (max-width:1161px) {
	.W185 {
		width: 11.5625rem!important;
	}
}

.H185 {
	height: 185px!important;
}

@media screen and (max-width:1161px) {
	.H185 {
		height: 11.5625rem!important;
	}
}

.W190 {
	width: 190px!important;
}

@media screen and (max-width:1161px) {
	.W190 {
		width: 11.875rem!important;
	}
}

.H190 {
	height: 190px!important;
}

@media screen and (max-width:1161px) {
	.H190 {
		height: 11.875rem!important;
	}
}

.W195 {
	width: 195px!important;
}

@media screen and (max-width:1161px) {
	.W195 {
		width: 12.1875rem!important;
	}
}

.H195 {
	height: 195px!important;
}

@media screen and (max-width:1161px) {
	.H195 {
		height: 12.1875rem!important;
	}
}

.W200 {
	width: 200px!important;
}

@media screen and (max-width:1161px) {
	.W200 {
		width: 12.5rem!important;
	}
}

.H200 {
	height: 200px!important;
}

@media screen and (max-width:1161px) {
	.H200 {
		height: 12.5rem!important;
	}
}

.W205 {
	width: 205px!important;
}

@media screen and (max-width:1161px) {
	.W205 {
		width: 12.8125rem!important;
	}
}

.H205 {
	height: 205px!important;
}

@media screen and (max-width:1161px) {
	.H205 {
		height: 12.8125rem!important;
	}
}

.W210 {
	width: 210px!important;
}

@media screen and (max-width:1161px) {
	.W210 {
		width: 13.125rem!important;
	}
}

.H210 {
	height: 210px!important;
}

@media screen and (max-width:1161px) {
	.H210 {
		height: 13.125rem!important;
	}
}

.W215 {
	width: 215px!important;
}

@media screen and (max-width:1161px) {
	.W215 {
		width: 13.4375rem!important;
	}
}

.H215 {
	height: 215px!important;
}

@media screen and (max-width:1161px) {
	.H215 {
		height: 13.4375rem!important;
	}
}

.W220 {
	width: 220px!important;
}

@media screen and (max-width:1161px) {
	.W220 {
		width: 13.75rem!important;
	}
}

.H220 {
	height: 220px!important;
}

@media screen and (max-width:1161px) {
	.H220 {
		height: 13.75rem!important;
	}
}

.W225 {
	width: 225px!important;
}

@media screen and (max-width:1161px) {
	.W225 {
		width: 14.0625rem!important;
	}
}

.H225 {
	height: 225px!important;
}

@media screen and (max-width:1161px) {
	.H225 {
		height: 14.0625rem!important;
	}
}

.W230 {
	width: 230px!important;
}

@media screen and (max-width:1161px) {
	.W230 {
		width: 14.375rem!important;
	}
}

.H230 {
	height: 230px!important;
}

@media screen and (max-width:1161px) {
	.H230 {
		height: 14.375rem!important;
	}
}

.W235 {
	width: 235px!important;
}

@media screen and (max-width:1161px) {
	.W235 {
		width: 14.6875rem!important;
	}
}

.H235 {
	height: 235px!important;
}

@media screen and (max-width:1161px) {
	.H235 {
		height: 14.6875rem!important;
	}
}

.W240 {
	width: 240px!important;
}

@media screen and (max-width:1161px) {
	.W240 {
		width: 15rem!important;
	}
}

.H240 {
	height: 240px!important;
}

@media screen and (max-width:1161px) {
	.H240 {
		height: 15rem!important;
	}
}

.W245 {
	width: 245px!important;
}

@media screen and (max-width:1161px) {
	.W245 {
		width: 15.3125rem!important;
	}
}

.H245 {
	height: 245px!important;
}

@media screen and (max-width:1161px) {
	.H245 {
		height: 15.3125rem!important;
	}
}

.W250 {
	width: 250px!important;
}

@media screen and (max-width:1161px) {
	.W250 {
		width: 15.625rem!important;
	}
}

.H250 {
	height: 250px!important;
}

@media screen and (max-width:1161px) {
	.H250 {
		height: 15.625rem!important;
	}
}

.W255 {
	width: 255px!important;
}

@media screen and (max-width:1161px) {
	.W255 {
		width: 15.9375rem!important;
	}
}

.H255 {
	height: 255px!important;
}

@media screen and (max-width:1161px) {
	.H255 {
		height: 15.9375rem!important;
	}
}

.W260 {
	width: 260px!important;
}

@media screen and (max-width:1161px) {
	.W260 {
		width: 16.25rem!important;
	}
}

.H260 {
	height: 260px!important;
}

@media screen and (max-width:1161px) {
	.H260 {
		height: 16.25rem!important;
	}
}

.W265 {
	width: 265px!important;
}

@media screen and (max-width:1161px) {
	.W265 {
		width: 16.5625rem!important;
	}
}

.H265 {
	height: 265px!important;
}

@media screen and (max-width:1161px) {
	.H265 {
		height: 16.5625rem!important;
	}
}

.W270 {
	width: 270px!important;
}

@media screen and (max-width:1161px) {
	.W270 {
		width: 16.875rem!important;
	}
}

.H270 {
	height: 270px!important;
}

@media screen and (max-width:1161px) {
	.H270 {
		height: 16.875rem!important;
	}
}

.W275 {
	width: 275px!important;
}

@media screen and (max-width:1161px) {
	.W275 {
		width: 17.1875rem!important;
	}
}

.H275 {
	height: 275px!important;
}

@media screen and (max-width:1161px) {
	.H275 {
		height: 17.1875rem!important;
	}
}

.W280 {
	width: 280px!important;
}

@media screen and (max-width:1161px) {
	.W280 {
		width: 17.5rem!important;
	}
}

.H280 {
	height: 280px!important;
}

@media screen and (max-width:1161px) {
	.H280 {
		height: 17.5rem!important;
	}
}

.W285 {
	width: 285px!important;
}

@media screen and (max-width:1161px) {
	.W285 {
		width: 17.8125rem!important;
	}
}

.H285 {
	height: 285px!important;
}

@media screen and (max-width:1161px) {
	.H285 {
		height: 17.8125rem!important;
	}
}

.W290 {
	width: 290px!important;
}

@media screen and (max-width:1161px) {
	.W290 {
		width: 18.125rem!important;
	}
}

.H290 {
	height: 290px!important;
}

@media screen and (max-width:1161px) {
	.H290 {
		height: 18.125rem!important;
	}
}

.W295 {
	width: 295px!important;
}

@media screen and (max-width:1161px) {
	.W295 {
		width: 18.4375rem!important;
	}
}

.H295 {
	height: 295px!important;
}

@media screen and (max-width:1161px) {
	.H295 {
		height: 18.4375rem!important;
	}
}

.W300 {
	width: 300px!important;
}

@media screen and (max-width:1161px) {
	.W300 {
		width: 18.75rem!important;
	}
}

.H300 {
	height: 300px!important;
}

@media screen and (max-width:1161px) {
	.H300 {
		height: 18.75rem!important;
	}
}

.W305 {
	width: 305px!important;
}

@media screen and (max-width:1161px) {
	.W305 {
		width: 19.0625rem!important;
	}
}

.H305 {
	height: 305px!important;
}

@media screen and (max-width:1161px) {
	.H305 {
		height: 19.0625rem!important;
	}
}

.W310 {
	width: 310px!important;
}

@media screen and (max-width:1161px) {
	.W310 {
		width: 19.375rem!important;
	}
}

.H310 {
	height: 310px!important;
}

@media screen and (max-width:1161px) {
	.H310 {
		height: 19.375rem!important;
	}
}

.W315 {
	width: 315px!important;
}

@media screen and (max-width:1161px) {
	.W315 {
		width: 19.6875rem!important;
	}
}

.H315 {
	height: 315px!important;
}

@media screen and (max-width:1161px) {
	.H315 {
		height: 19.6875rem!important;
	}
}

.W320 {
	width: 320px!important;
}

@media screen and (max-width:1161px) {
	.W320 {
		width: 20rem!important;
	}
}

.H320 {
	height: 320px!important;
}

@media screen and (max-width:1161px) {
	.H320 {
		height: 20rem!important;
	}
}

.W325 {
	width: 325px!important;
}

@media screen and (max-width:1161px) {
	.W325 {
		width: 20.3125rem!important;
	}
}

.H325 {
	height: 325px!important;
}

@media screen and (max-width:1161px) {
	.H325 {
		height: 20.3125rem!important;
	}
}

.W330 {
	width: 330px!important;
}

@media screen and (max-width:1161px) {
	.W330 {
		width: 20.625rem!important;
	}
}

.H330 {
	height: 330px!important;
}

@media screen and (max-width:1161px) {
	.H330 {
		height: 20.625rem!important;
	}
}

.W335 {
	width: 335px!important;
}

@media screen and (max-width:1161px) {
	.W335 {
		width: 20.9375rem!important;
	}
}

.H335 {
	height: 335px!important;
}

@media screen and (max-width:1161px) {
	.H335 {
		height: 20.9375rem!important;
	}
}

.W340 {
	width: 340px!important;
}

@media screen and (max-width:1161px) {
	.W340 {
		width: 21.25rem!important;
	}
}

.H340 {
	height: 340px!important;
}

@media screen and (max-width:1161px) {
	.H340 {
		height: 21.25rem!important;
	}
}

.W345 {
	width: 345px!important;
}

@media screen and (max-width:1161px) {
	.W345 {
		width: 21.5625rem!important;
	}
}

.H345 {
	height: 345px!important;
}

@media screen and (max-width:1161px) {
	.H345 {
		height: 21.5625rem!important;
	}
}

.W350 {
	width: 350px!important;
}

@media screen and (max-width:1161px) {
	.W350 {
		width: 21.875rem!important;
	}
}

.H350 {
	height: 350px!important;
}

@media screen and (max-width:1161px) {
	.H350 {
		height: 21.875rem!important;
	}
}

.W355 {
	width: 355px!important;
}

@media screen and (max-width:1161px) {
	.W355 {
		width: 22.1875rem!important;
	}
}

.H355 {
	height: 355px!important;
}

@media screen and (max-width:1161px) {
	.H355 {
		height: 22.1875rem!important;
	}
}

.W360 {
	width: 360px!important;
}

@media screen and (max-width:1161px) {
	.W360 {
		width: 22.5rem!important;
	}
}

.H360 {
	height: 360px!important;
}

@media screen and (max-width:1161px) {
	.H360 {
		height: 22.5rem!important;
	}
}

.W365 {
	width: 365px!important;
}

@media screen and (max-width:1161px) {
	.W365 {
		width: 22.8125rem!important;
	}
}

.H365 {
	height: 365px!important;
}

@media screen and (max-width:1161px) {
	.H365 {
		height: 22.8125rem!important;
	}
}

.W370 {
	width: 370px!important;
}

@media screen and (max-width:1161px) {
	.W370 {
		width: 23.125rem!important;
	}
}

.H370 {
	height: 370px!important;
}

@media screen and (max-width:1161px) {
	.H370 {
		height: 23.125rem!important;
	}
}

.W375 {
	width: 375px!important;
}

@media screen and (max-width:1161px) {
	.W375 {
		width: 23.4375rem!important;
	}
}

.H375 {
	height: 375px!important;
}

@media screen and (max-width:1161px) {
	.H375 {
		height: 23.4375rem!important;
	}
}

.W380 {
	width: 380px!important;
}

@media screen and (max-width:1161px) {
	.W380 {
		width: 23.75rem!important;
	}
}

.H380 {
	height: 380px!important;
}

@media screen and (max-width:1161px) {
	.H380 {
		height: 23.75rem!important;
	}
}

.W385 {
	width: 385px!important;
}

@media screen and (max-width:1161px) {
	.W385 {
		width: 24.0625rem!important;
	}
}

.H385 {
	height: 385px!important;
}

@media screen and (max-width:1161px) {
	.H385 {
		height: 24.0625rem!important;
	}
}

.W390 {
	width: 390px!important;
}

@media screen and (max-width:1161px) {
	.W390 {
		width: 24.375rem!important;
	}
}

.H390 {
	height: 390px!important;
}

@media screen and (max-width:1161px) {
	.H390 {
		height: 24.375rem!important;
	}
}

.W395 {
	width: 395px!important;
}

@media screen and (max-width:1161px) {
	.W395 {
		width: 24.6875rem!important;
	}
}

.H395 {
	height: 395px!important;
}

@media screen and (max-width:1161px) {
	.H395 {
		height: 24.6875rem!important;
	}
}

.W400 {
	width: 400px!important;
}

@media screen and (max-width:1161px) {
	.W400 {
		width: 25rem!important;
	}
}

.H400 {
	height: 400px!important;
}

@media screen and (max-width:1161px) {
	.H400 {
		height: 25rem!important;
	}
}

.W405 {
	width: 405px!important;
}

@media screen and (max-width:1161px) {
	.W405 {
		width: 25.3125rem!important;
	}
}

.H405 {
	height: 405px!important;
}

@media screen and (max-width:1161px) {
	.H405 {
		height: 25.3125rem!important;
	}
}

.W410 {
	width: 410px!important;
}

@media screen and (max-width:1161px) {
	.W410 {
		width: 25.625rem!important;
	}
}

.H410 {
	height: 410px!important;
}

@media screen and (max-width:1161px) {
	.H410 {
		height: 25.625rem!important;
	}
}

.W415 {
	width: 415px!important;
}

@media screen and (max-width:1161px) {
	.W415 {
		width: 25.9375rem!important;
	}
}

.H415 {
	height: 415px!important;
}

@media screen and (max-width:1161px) {
	.H415 {
		height: 25.9375rem!important;
	}
}

.W420 {
	width: 420px!important;
}

@media screen and (max-width:1161px) {
	.W420 {
		width: 26.25rem!important;
	}
}

.H420 {
	height: 420px!important;
}

@media screen and (max-width:1161px) {
	.H420 {
		height: 26.25rem!important;
	}
}

.W425 {
	width: 425px!important;
}

@media screen and (max-width:1161px) {
	.W425 {
		width: 26.5625rem!important;
	}
}

.H425 {
	height: 425px!important;
}

@media screen and (max-width:1161px) {
	.H425 {
		height: 26.5625rem!important;
	}
}

.W430 {
	width: 430px!important;
}

@media screen and (max-width:1161px) {
	.W430 {
		width: 26.875rem!important;
	}
}

.H430 {
	height: 430px!important;
}

@media screen and (max-width:1161px) {
	.H430 {
		height: 26.875rem!important;
	}
}

.W435 {
	width: 435px!important;
}

@media screen and (max-width:1161px) {
	.W435 {
		width: 27.1875rem!important;
	}
}

.H435 {
	height: 435px!important;
}

@media screen and (max-width:1161px) {
	.H435 {
		height: 27.1875rem!important;
	}
}

.W440 {
	width: 440px!important;
}

@media screen and (max-width:1161px) {
	.W440 {
		width: 27.5rem!important;
	}
}

.H440 {
	height: 440px!important;
}

@media screen and (max-width:1161px) {
	.H440 {
		height: 27.5rem!important;
	}
}

.W445 {
	width: 445px!important;
}

@media screen and (max-width:1161px) {
	.W445 {
		width: 27.8125rem!important;
	}
}

.H445 {
	height: 445px!important;
}

@media screen and (max-width:1161px) {
	.H445 {
		height: 27.8125rem!important;
	}
}

.W450 {
	width: 450px!important;
}

@media screen and (max-width:1161px) {
	.W450 {
		width: 28.125rem!important;
	}
}

.H450 {
	height: 450px!important;
}

@media screen and (max-width:1161px) {
	.H450 {
		height: 28.125rem!important;
	}
}

.W455 {
	width: 455px!important;
}

@media screen and (max-width:1161px) {
	.W455 {
		width: 28.4375rem!important;
	}
}

.H455 {
	height: 455px!important;
}

@media screen and (max-width:1161px) {
	.H455 {
		height: 28.4375rem!important;
	}
}

.W460 {
	width: 460px!important;
}

@media screen and (max-width:1161px) {
	.W460 {
		width: 28.75rem!important;
	}
}

.H460 {
	height: 460px!important;
}

@media screen and (max-width:1161px) {
	.H460 {
		height: 28.75rem!important;
	}
}

.W465 {
	width: 465px!important;
}

@media screen and (max-width:1161px) {
	.W465 {
		width: 29.0625rem!important;
	}
}

.H465 {
	height: 465px!important;
}

@media screen and (max-width:1161px) {
	.H465 {
		height: 29.0625rem!important;
	}
}

.W470 {
	width: 470px!important;
}

@media screen and (max-width:1161px) {
	.W470 {
		width: 29.375rem!important;
	}
}

.H470 {
	height: 470px!important;
}

@media screen and (max-width:1161px) {
	.H470 {
		height: 29.375rem!important;
	}
}

.W475 {
	width: 475px!important;
}

@media screen and (max-width:1161px) {
	.W475 {
		width: 29.6875rem!important;
	}
}

.H475 {
	height: 475px!important;
}

@media screen and (max-width:1161px) {
	.H475 {
		height: 29.6875rem!important;
	}
}

.W480 {
	width: 480px!important;
}

@media screen and (max-width:1161px) {
	.W480 {
		width: 30rem!important;
	}
}

.H480 {
	height: 480px!important;
}

@media screen and (max-width:1161px) {
	.H480 {
		height: 30rem!important;
	}
}

.W485 {
	width: 485px!important;
}

@media screen and (max-width:1161px) {
	.W485 {
		width: 30.3125rem!important;
	}
}

.H485 {
	height: 485px!important;
}

@media screen and (max-width:1161px) {
	.H485 {
		height: 30.3125rem!important;
	}
}

.W490 {
	width: 490px!important;
}

@media screen and (max-width:1161px) {
	.W490 {
		width: 30.625rem!important;
	}
}

.H490 {
	height: 490px!important;
}

@media screen and (max-width:1161px) {
	.H490 {
		height: 30.625rem!important;
	}
}

.W495 {
	width: 495px!important;
}

@media screen and (max-width:1161px) {
	.W495 {
		width: 30.9375rem!important;
	}
}

.H495 {
	height: 495px!important;
}

@media screen and (max-width:1161px) {
	.H495 {
		height: 30.9375rem!important;
	}
}

.M0 {
	margin: 0!important;
}

.MT0 {
	margin-top: 0!important;
}

.MR0 {
	margin-right: 0!important;
}

.MB0 {
	margin-bottom: 0!important;
}

.ML0 {
	margin-left: 0!important;
}

.PT0 {
	padding-top: 0!important;
}

.PR0 {
	padding-right: 0!important;
}

.PB0 {
	padding-bottom: 0!important;
}

.PL0 {
	padding-left: 0!important;
}

.P0 {
	padding: 0!important;
}

.M5 {
	margin: 5px!important;
}

.MT5 {
	margin-top: 5px!important;
}

.MR5 {
	margin-right: 5px!important;
}

.MB5 {
	margin-bottom: 5px!important;
}

.ML5 {
	margin-left: 5px!important;
}

.PT5 {
	padding-top: 5px!important;
}

.PR5 {
	padding-right: 5px!important;
}

.PB5 {
	padding-bottom: 5px!important;
}

.PL5 {
	padding-left: 5px!important;
}

.P5 {
	padding: 5px!important;
}

.M10 {
	margin: 10px!important;
}

.MT10 {
	margin-top: 10px!important;
}

.MR10 {
	margin-right: 10px!important;
}

.MB10 {
	margin-bottom: 10px!important;
}

.ML10 {
	margin-left: 10px!important;
}

.PT10 {
	padding-top: 10px!important;
}

.PR10 {
	padding-right: 10px!important;
}

.PB10 {
	padding-bottom: 10px!important;
}

.PL10 {
	padding-left: 10px!important;
}

.P10 {
	padding: 10px!important;
}

.M15 {
	margin: 15px!important;
}

.MT15 {
	margin-top: 15px!important;
}

.MR15 {
	margin-right: 15px!important;
}

.MB15 {
	margin-bottom: 15px!important;
}

.ML15 {
	margin-left: 15px!important;
}

.PT15 {
	padding-top: 15px!important;
}

.PR15 {
	padding-right: 15px!important;
}

.PB15 {
	padding-bottom: 15px!important;
}

.PL15 {
	padding-left: 15px!important;
}

.P15 {
	padding: 15px!important;
}

.M20 {
	margin: 20px!important;
}

.MT20 {
	margin-top: 20px!important;
}

.MR20 {
	margin-right: 20px!important;
}

.MB20 {
	margin-bottom: 20px!important;
}

.ML20 {
	margin-left: 20px!important;
}

.PT20 {
	padding-top: 20px!important;
}

.PR20 {
	padding-right: 20px!important;
}

.PB20 {
	padding-bottom: 20px!important;
}

.PL20 {
	padding-left: 20px!important;
}

.P20 {
	padding: 20px!important;
}

.M25 {
	margin: 25px!important;
}

.MT25 {
	margin-top: 25px!important;
}

.MR25 {
	margin-right: 25px!important;
}

.MB25 {
	margin-bottom: 25px!important;
}

.ML25 {
	margin-left: 25px!important;
}

.PT25 {
	padding-top: 25px!important;
}

.PR25 {
	padding-right: 25px!important;
}

.PB25 {
	padding-bottom: 25px!important;
}

.PL25 {
	padding-left: 25px!important;
}

.P25 {
	padding: 25px!important;
}

.M30 {
	margin: 30px!important;
}

.MT30 {
	margin-top: 30px!important;
}

.MR30 {
	margin-right: 30px!important;
}

.MB30 {
	margin-bottom: 30px!important;
}

.ML30 {
	margin-left: 30px!important;
}

.PT30 {
	padding-top: 30px!important;
}

.PR30 {
	padding-right: 30px!important;
}

.PB30 {
	padding-bottom: 30px!important;
}

.PL30 {
	padding-left: 30px!important;
}

.P30 {
	padding: 30px!important;
}

.M35 {
	margin: 35px!important;
}

.MT35 {
	margin-top: 35px!important;
}

.MR35 {
	margin-right: 35px!important;
}

.MB35 {
	margin-bottom: 35px!important;
}

.ML35 {
	margin-left: 35px!important;
}

.PT35 {
	padding-top: 35px!important;
}

.PR35 {
	padding-right: 35px!important;
}

.PB35 {
	padding-bottom: 35px!important;
}

.PL35 {
	padding-left: 35px!important;
}

.P35 {
	padding: 35px!important;
}

.M40 {
	margin: 40px!important;
}

.MT40 {
	margin-top: 40px!important;
}

.MR40 {
	margin-right: 40px!important;
}

.MB40 {
	margin-bottom: 40px!important;
}

.ML40 {
	margin-left: 40px!important;
}

.PT40 {
	padding-top: 40px!important;
}

.PR40 {
	padding-right: 40px!important;
}

.PB40 {
	padding-bottom: 40px!important;
}

.PL40 {
	padding-left: 40px!important;
}

.P40 {
	padding: 40px!important;
}

.M45 {
	margin: 45px!important;
}

.MT45 {
	margin-top: 45px!important;
}

.MR45 {
	margin-right: 45px!important;
}

.MB45 {
	margin-bottom: 45px!important;
}

.ML45 {
	margin-left: 45px!important;
}

.PT45 {
	padding-top: 45px!important;
}

.PR45 {
	padding-right: 45px!important;
}

.PB45 {
	padding-bottom: 45px!important;
}

.PL45 {
	padding-left: 45px!important;
}

.P45 {
	padding: 45px!important;
}

.M50 {
	margin: 50px!important;
}

.MT50 {
	margin-top: 50px!important;
}

.MR50 {
	margin-right: 50px!important;
}

.MB50 {
	margin-bottom: 50px!important;
}

.ML50 {
	margin-left: 50px!important;
}

.PT50 {
	padding-top: 50px!important;
}

.PR50 {
	padding-right: 50px!important;
}

.PB50 {
	padding-bottom: 50px!important;
}

.PL50 {
	padding-left: 50px!important;
}

.P50 {
	padding: 50px!important;
}

.M55 {
	margin: 55px!important;
}

.MT55 {
	margin-top: 55px!important;
}

.MR55 {
	margin-right: 55px!important;
}

.MB55 {
	margin-bottom: 55px!important;
}

.ML55 {
	margin-left: 55px!important;
}

.PT55 {
	padding-top: 55px!important;
}

.PR55 {
	padding-right: 55px!important;
}

.PB55 {
	padding-bottom: 55px!important;
}

.PL55 {
	padding-left: 55px!important;
}

.P55 {
	padding: 55px!important;
}

.M60 {
	margin: 60px!important;
}

.MT60 {
	margin-top: 60px!important;
}

.MR60 {
	margin-right: 60px!important;
}

.MB60 {
	margin-bottom: 60px!important;
}

.ML60 {
	margin-left: 60px!important;
}

.PT60 {
	padding-top: 60px!important;
}

.PR60 {
	padding-right: 60px!important;
}

.PB60 {
	padding-bottom: 60px!important;
}

.PL60 {
	padding-left: 60px!important;
}

.P60 {
	padding: 60px!important;
}

.M65 {
	margin: 65px!important;
}

.MT65 {
	margin-top: 65px!important;
}

.MR65 {
	margin-right: 65px!important;
}

.MB65 {
	margin-bottom: 65px!important;
}

.ML65 {
	margin-left: 65px!important;
}

.PT65 {
	padding-top: 65px!important;
}

.PR65 {
	padding-right: 65px!important;
}

.PB65 {
	padding-bottom: 65px!important;
}

.PL65 {
	padding-left: 65px!important;
}

.P65 {
	padding: 65px!important;
}

.M70 {
	margin: 70px!important;
}

.MT70 {
	margin-top: 70px!important;
}

.MR70 {
	margin-right: 70px!important;
}

.MB70 {
	margin-bottom: 70px!important;
}

.ML70 {
	margin-left: 70px!important;
}

.PT70 {
	padding-top: 70px!important;
}

.PR70 {
	padding-right: 70px!important;
}

.PB70 {
	padding-bottom: 70px!important;
}

.PL70 {
	padding-left: 70px!important;
}

.P70 {
	padding: 70px!important;
}

.M75 {
	margin: 75px!important;
}

.MT75 {
	margin-top: 75px!important;
}

.MR75 {
	margin-right: 75px!important;
}

.MB75 {
	margin-bottom: 75px!important;
}

.ML75 {
	margin-left: 75px!important;
}

.PT75 {
	padding-top: 75px!important;
}

.PR75 {
	padding-right: 75px!important;
}

.PB75 {
	padding-bottom: 75px!important;
}

.PL75 {
	padding-left: 75px!important;
}

.P75 {
	padding: 75px!important;
}

.M80 {
	margin: 80px!important;
}

.MT80 {
	margin-top: 80px!important;
}

.MR80 {
	margin-right: 80px!important;
}

.MB80 {
	margin-bottom: 80px!important;
}

.ML80 {
	margin-left: 80px!important;
}

.PT80 {
	padding-top: 80px!important;
}

.PR80 {
	padding-right: 80px!important;
}

.PB80 {
	padding-bottom: 80px!important;
}

.PL80 {
	padding-left: 80px!important;
}

.P80 {
	padding: 80px!important;
}

.M85 {
	margin: 85px!important;
}

.MT85 {
	margin-top: 85px!important;
}

.MR85 {
	margin-right: 85px!important;
}

.MB85 {
	margin-bottom: 85px!important;
}

.ML85 {
	margin-left: 85px!important;
}

.PT85 {
	padding-top: 85px!important;
}

.PR85 {
	padding-right: 85px!important;
}

.PB85 {
	padding-bottom: 85px!important;
}

.PL85 {
	padding-left: 85px!important;
}

.P85 {
	padding: 85px!important;
}

.M90 {
	margin: 90px!important;
}

.MT90 {
	margin-top: 90px!important;
}

.MR90 {
	margin-right: 90px!important;
}

.MB90 {
	margin-bottom: 90px!important;
}

.ML90 {
	margin-left: 90px!important;
}

.PT90 {
	padding-top: 90px!important;
}

.PR90 {
	padding-right: 90px!important;
}

.PB90 {
	padding-bottom: 90px!important;
}

.PL90 {
	padding-left: 90px!important;
}

.P90 {
	padding: 90px!important;
}

.M95 {
	margin: 95px!important;
}

.MT95 {
	margin-top: 95px!important;
}

.MR95 {
	margin-right: 95px!important;
}

.MB95 {
	margin-bottom: 95px!important;
}

.ML95 {
	margin-left: 95px!important;
}

.PT95 {
	padding-top: 95px!important;
}

.PR95 {
	padding-right: 95px!important;
}

.PB95 {
	padding-bottom: 95px!important;
}

.PL95 {
	padding-left: 95px!important;
}

.P95 {
	padding: 95px!important;
}

.M100 {
	margin: 100px!important;
}

.MT100 {
	margin-top: 100px!important;
}

.MR100 {
	margin-right: 100px!important;
}

.MB100 {
	margin-bottom: 100px!important;
}

.ML100 {
	margin-left: 100px!important;
}

.PT100 {
	padding-top: 100px!important;
}

.PR100 {
	padding-right: 100px!important;
}

.PB100 {
	padding-bottom: 100px!important;
}

.PL100 {
	padding-left: 100px!important;
}

.P100 {
	padding: 100px!important;
}

.W5P {
	width: 5%!important;
}

.W10P {
	width: 10%!important;
}

.W15P {
	width: 15%!important;
}

.W20P {
	width: 20%!important;
}

.W25P {
	width: 25%!important;
}

.W30P {
	width: 30%!important;
}

.W35P {
	width: 35%!important;
}

.W40P {
	width: 40%!important;
}

.W45P {
	width: 45%!important;
}

.W50P {
	width: 50%!important;
}

.W55P {
	width: 55%!important;
}

.W60P {
	width: 60%!important;
}

.W65P {
	width: 65%!important;
}

.W70P {
	width: 70%!important;
}

.W75P {
	width: 75%!important;
}

.W80P {
	width: 80%!important;
}

.W85P {
	width: 85%!important;
}

.W90P {
	width: 90%!important;
}

.W95P {
	width: 95%!important;
}

.W100P {
	width: 100%!important;
}

.text-left {
	text-align: left!important;
}

.text-right {
	text-align: right!important;
}

.text-center {
	text-align: center!important;
}

.sub-group-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	position: relative;
}

.sub-group-header .counts {
	color: #1b1a1a;
	font-size: 16px;
	font-weight: 400;
	align-self: flex-end;
}

.sub-group-header .counts strong {
	color: #037291;
	font-weight: 500;
}

.sub-group-header .right {
	margin-left: auto;
}

@media screen and (max-width:480px) {
	.sub-group-header {
		display: block;
		align-items: center;
	}

	.sub-group-header .counts {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.sub-group-header .right {
		text-align: center;
		padding-bottom: 2.08333rem;
	}
}

.group-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.group-header .title {
	color: #222;
	font-size: 1.625rem;
	line-height: 1em;
	font-weight: 500;
	flex-grow: 1;
}

@media screen and (max-width:1161px) {
	.group-header .title {
		font-size: .9375rem;
	}
}

.group-header .right {
	margin-left: auto;
}

.common-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 3px solid #525252;
}

.common-list .list-item {
	border-bottom: 1px solid #eaeaea;
	padding: 30px 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.common-list .list-item .edit-only {
	display: none;
}

.common-list .list-item .view-only {
	display: block;
}

.common-list .list-item.mode-edit .edit-only {
	display: block;
}

.common-list .list-item.mode-edit .view-only {
	display: none;
}

.common-list .list-item .list-item-body {
	flex-grow: 1;
}

.flex-container {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.flex-container.align-center {
	align-items: center;
}

.flex-container.justify-center {
	justify-content: center;
}

.align-start-self {
	align-self: flex-start;
}

@font-face {
	font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal;
}

:root {
	--swiper-theme-color: #007aff;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	transform: translate3d(0,0,0);
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height;
}

.swiper-container-3d {
	perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory;
}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-next:after,.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
	content: 'prev';
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto;
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
	content: 'next';
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000;
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0,0,0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0,-50%,0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right;
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white {
	--swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
	--swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}/*! Copyright (c) 2017. tom@axisj.com - github.com/thomasjang - www.axisj.com */@-webkit-keyframes ax-mask {
	from {
		opacity: 0;
	}

	to {
		opacity: .6;
	}
}

@-moz-keyframes ax-mask {
	from {
		opacity: 0;
	}

	to {
		opacity: .6;
	}
}

@keyframes ax-mask {
	from {
		opacity: 0;
	}

	to {
		opacity: .6;
	}
}

@-webkit-keyframes ax-mask-fade-out {
	from {
		opacity: .6;
	}

	to {
		opacity: 0;
	}
}

@-moz-keyframes ax-mask-fade-out {
	from {
		opacity: .6;
	}

	to {
		opacity: 0;
	}
}

@keyframes ax-mask-fade-out {
	from {
		opacity: .6;
	}

	to {
		opacity: 0;
	}
}

.ax-masking {
	-webkit-filter: blur(3px);
	-webkit-transform: scale(.96);
	-moz-transform: scale(.96);
	-ms-transform: scale(.96);
	-o-transform: scale(.96);
	transform: scale(.96);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.ax-mask {
	box-sizing: border-box;
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ax-mask *,.ax-mask :after,.ax-mask :before {
	box-sizing: border-box;
}

.ax-mask .ax-mask-bg {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
}

.ax-mask .ax-mask-content {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

.ax-mask .ax-mask-content * {
	color: inherit;
}

.ax-mask .ax-mask-content>div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.ax-mask.fade-out {
	-webkit-animation: ax-mask-fade-out .25s;
	-moz-animation: ax-mask-fade-out .25s;
	animation: ax-mask-fade-out .25s;
	opacity: 0;
}

@-webkit-keyframes ax-modal {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes ax-modal {
	0% {
		opacity: 0;
		-moz-transform: scale(.8);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes ax-modal {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes ax-modal-destroy {
	100% {
		opacity: 0;
		-webkit-transform: translateY(20%);
	}

	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes ax-modal-destroy {
	100% {
		opacity: 0;
		-moz-transform: translateY(20%);
	}

	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes ax-modal-destroy {
	100% {
		opacity: 0;
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		-ms-transform: translateY(20%);
		-o-transform: translateY(20%);
		transform: translateY(20%);
	}

	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes ax-modal-fullscreen {
	0% {
		-webkit-transform: translateY(20%);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes ax-modal-fullscreen {
	0% {
		-moz-transform: translateY(20%);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@keyframes ax-modal-fullscreen {
	0% {
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		-ms-transform: translateY(20%);
		-o-transform: translateY(20%);
		transform: translateY(20%);
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes ax-modal-fullscreen-destroy {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(100%);
	}
}

@-moz-keyframes ax-modal-fullscreen-destroy {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		-moz-transform: translateY(100%);
	}
}

@keyframes ax-modal-fullscreen-destroy {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@-webkit-keyframes ax-modal-fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes ax-modal-fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes ax-modal-fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes ax-modal-fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes ax-modal-fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes ax-modal-fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.ax5modal {
	-webkit-animation: ax-modal .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	-moz-animation: ax-modal .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	animation: ax-modal .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.6);
	z-index: 2000;
	position: fixed;
	left: 0;
	top: 0;
	box-sizing: content-box;
}

.ax5modal * {
	box-sizing: border-box;
}

.ax5modal :after,.ax5modal :before {
	box-sizing: border-box;
}

.ax5modal *,.ax5modal :after,.ax5modal :before {
	box-sizing: border-box;
}

.ax5modal .ax-modal-header {
	user-select: none;
	font-weight: 600;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: move;
}

.ax5modal .ax-modal-header .ax-modal-header-addon {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 10px;
}

.ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn] {
	border: 0;
	padding: 0 2px;
	background: 0 0;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	outline: 0;
}

.ax5modal .ax-modal-body {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0;
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	overflow: hidden;
}

.ax5modal .ax-modal-body iframe {
	border: 0 none;
}

.ax5modal .ax-modal-body .fadeIn {
	-webkit-animation: ax-modal-fade-in .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	-moz-animation: ax-modal-fade-in .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	animation: ax-modal-fade-in .3s cubic-bezier(.175,.885,.32,1.275) forwards;
}

.ax5modal .ax-modal-body .fadeOut {
	-webkit-animation: ax-modal-fade-out .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	-moz-animation: ax-modal-fade-out .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	animation: ax-modal-fade-out .3s cubic-bezier(.175,.885,.32,1.275) forwards;
}

.ax5modal .ax-modal-header {
	color: #222;
	background: #f5f5f5;
}

.ax5modal .ax-modal-header .ax-modal-header-addon a {
	color: #222;
	outline: 0;
}

.ax5modal.destroy {
	-webkit-animation: ax-modal-destroy .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	-moz-animation: ax-modal-destroy .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	animation: ax-modal-destroy .3s cubic-bezier(.175,.885,.32,1.275) forwards;
}

.ax5modal.fullscreen {
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	-webkit-animation: ax-modal-fullscreen .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	-moz-animation: ax-modal-fullscreen .3s cubic-bezier(.175,.885,.32,1.275) forwards;
	animation: ax-modal-fullscreen .3s cubic-bezier(.175,.885,.32,1.275) forwards;
}

.ax5modal.fullscreen.destroy {
	-webkit-animation: ax-modal-fullscreen-destroy .3s cubic-bezier(.19,1,.22,1) forwards;
	-moz-animation: ax-modal-fullscreen-destroy .3s cubic-bezier(.19,1,.22,1) forwards;
	animation: ax-modal-fullscreen-destroy .3s cubic-bezier(.19,1,.22,1) forwards;
}

.ax5modal.draged .ax-modal-header {
	opacity: .5;
}

.ax5modal.draged .ax-modal-body {
	opacity: .5;
}

.ax5modal [data-ax5modal-resizer] {
	position: absolute;
	display: block;
}

.ax5modal [data-ax5modal-resizer]:before {
	position: absolute;
	content: ' ';
	display: block;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=top] {
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=top]:before {
	width: 100%;
	height: 8px;
	left: 0;
	top: -4px;
	cursor: row-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=bottom] {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=bottom]:before {
	width: 100%;
	height: 8px;
	left: 0;
	top: -4px;
	cursor: row-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=left] {
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=left]:before {
	width: 8px;
	height: 100%;
	left: -4px;
	top: 0;
	cursor: col-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=right] {
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=right]:before {
	width: 8px;
	height: 100%;
	left: -4px;
	top: 0;
	cursor: col-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=top-left] {
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=top-left]:before {
	width: 8px;
	height: 8px;
	left: -4px;
	top: -4px;
	cursor: nwse-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=top-right] {
	right: 0;
	top: 0;
	width: 0;
	height: 0;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=top-right]:before {
	width: 8px;
	height: 8px;
	left: -4px;
	top: -4px;
	cursor: nesw-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=bottom-left] {
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=bottom-left]:before {
	width: 8px;
	height: 8px;
	left: -4px;
	top: -4px;
	cursor: nesw-resize;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=bottom-right] {
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer=bottom-right]:before {
	width: 8px;
	height: 8px;
	left: -4px;
	top: -4px;
	cursor: nwse-resize;
}

.ax5modal-resizer-background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	z-index: 2000;
	cursor: move;
}

.ax5modal-resizer {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2001;
	cursor: move;
	box-sizing: border-box;
	background-color: #ccc;
	border: 1px solid red;
	opacity: .3;
	border-radius: 4px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.6);
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: 0;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,.slick-slider .slick-track {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:after,.slick-track:before {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir=rtl] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.ax5modal.biz {
	border: 0 none;
	border-radius: .625rem;
}

.ax5modal.biz .ax-modal-header {
	background: #006699;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 400;
	padding-left: 1.875rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.ax5modal.biz .ax-modal-header .ax-modal-header-addon button {
	color: #fff;
}

.ax5modal.blue {
	border: 0 none;
	border-radius: .625rem;
}

.ax5modal.blue .ax-modal-header {
	background: #037291;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 400;
	padding-left: 1.875rem;
}

.ax5modal.blue .ax-modal-header .ax-modal-header-addon button {
	color: #fff;
}

.ax5modal.small {
	border: none;
	border-radius: .625rem;
}

.ax5modal.small .ax-modal-header {
	font-size: .9375rem;
	text-align: center;
}

@media screen and (max-width:480px) {
	.ax5modal.small .ax-modal-header {
		font-size: .9375rem;
		font-weight: 400;
	}
}

.btn {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	font-weight: 400;
	border: 1px solid transparent;
}

.btn.disabled,.btn:disabled {
	opacity: .65;
}

.btn:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.btn.primary {
	border-color: #037291;
	background-color: #037291;
	color: #fff;
}

.btn.default {
	border-color: #037291;
	background-color: #fff;
	color: #037291;
}

.btn.dark {
	border-color: #212121;
	background-color: #212121;
	color: #fff;
}

.btn.gray {
	border-color: #6a6a6a;
	background-color: #6a6a6a;
	color: #fff;
}

.btn.dark-gray {
	border-color: #323232;
	background: #323232;
	color: #fff;
}

.btn.dark-gray:hover {
	background-color: #1f1f1f;
	border-color: #1f1f1f;
}

.btn.outline {
	color: #444343;
	border-color: #bdbdbd;
	background-color: #fff;
}

.btn:focus {
	outline: 0;
}

.btn.icon-add {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	padding-left: 2.5rem;
	padding-right: 1.75rem;
}

.btn.icon-add i {
	margin-left: auto;
	font-size: .625rem;
}

.btn.ROUNDED1 {
	border-radius: .0625rem!important;
}

.btn.ROUNDED2 {
	border-radius: .125rem!important;
}

.btn.ROUNDED3 {
	border-radius: .1875rem!important;
}

.btn.ROUNDED4 {
	border-radius: .25rem!important;
}

.btn.ROUNDED5 {
	border-radius: .3125rem!important;
}

.btn.ROUNDED6 {
	border-radius: .375rem!important;
}

.btn.ROUNDED7 {
	border-radius: .4375rem!important;
}

.btn.ROUNDED8 {
	border-radius: .5rem!important;
}

.btn.ROUNDED9 {
	border-radius: .5625rem!important;
}

.btn.ROUNDED10 {
	border-radius: .625rem!important;
}

.btn.ROUNDED11 {
	border-radius: .6875rem!important;
}

.btn.ROUNDED12 {
	border-radius: .75rem!important;
}

.btn.ROUNDED13 {
	border-radius: .8125rem!important;
}

.btn.ROUNDED14 {
	border-radius: .875rem!important;
}

.btn.ROUNDED15 {
	border-radius: .9375rem!important;
}

.btn.ROUNDED16 {
	border-radius: 1rem!important;
}

.btn.ROUNDED17 {
	border-radius: 1.0625rem!important;
}

.btn.ROUNDED18 {
	border-radius: 1.125rem!important;
}

.btn.ROUNDED19 {
	border-radius: 1.1875rem!important;
}

.btn.ROUNDED20 {
	border-radius: 1.25rem!important;
}

.btn.ROUNDED21 {
	border-radius: 1.3125rem!important;
}

.btn.ROUNDED22 {
	border-radius: 1.375rem!important;
}

.btn.ROUNDED23 {
	border-radius: 1.4375rem!important;
}

.btn.ROUNDED24 {
	border-radius: 1.5rem!important;
}

.btn.ROUNDED25 {
	border-radius: 1.5625rem!important;
}

.btn.ROUNDED26 {
	border-radius: 1.625rem!important;
}

.btn.ROUNDED27 {
	border-radius: 1.6875rem!important;
}

.btn.ROUNDED28 {
	border-radius: 1.75rem!important;
}

.btn.ROUNDED29 {
	border-radius: 1.8125rem!important;
}

.btn.ROUNDED30 {
	border-radius: 1.875rem!important;
}

.btn.ROUNDED31 {
	border-radius: 1.9375rem!important;
}

.btn.ROUNDED32 {
	border-radius: 2rem!important;
}

.btn.ROUNDED33 {
	border-radius: 2.0625rem!important;
}

.btn.ROUNDED34 {
	border-radius: 2.125rem!important;
}

.btn.ROUNDED35 {
	border-radius: 2.1875rem!important;
}

.btn.ROUNDED36 {
	border-radius: 2.25rem!important;
}

.btn.ROUNDED37 {
	border-radius: 2.3125rem!important;
}

.btn.ROUNDED38 {
	border-radius: 2.375rem!important;
}

.btn.ROUNDED39 {
	border-radius: 2.4375rem!important;
}

.btn.ROUNDED40 {
	border-radius: 2.5rem!important;
}

.btn.ROUNDED41 {
	border-radius: 2.5625rem!important;
}

.btn.ROUNDED42 {
	border-radius: 2.625rem!important;
}

.btn.ROUNDED43 {
	border-radius: 2.6875rem!important;
}

.btn.ROUNDED44 {
	border-radius: 2.75rem!important;
}

.btn.ROUNDED45 {
	border-radius: 2.8125rem!important;
}

.btn.ROUNDED46 {
	border-radius: 2.875rem!important;
}

.btn.ROUNDED47 {
	border-radius: 2.9375rem!important;
}

.btn.ROUNDED48 {
	border-radius: 3rem!important;
}

.btn.ROUNDED49 {
	border-radius: 3.0625rem!important;
}

.btn.ROUNDED50 {
	border-radius: 3.125rem!important;
}

.btn.ROUNDED51 {
	border-radius: 3.1875rem!important;
}

.btn.ROUNDED52 {
	border-radius: 3.25rem!important;
}

.btn.ROUNDED53 {
	border-radius: 3.3125rem!important;
}

.btn.ROUNDED54 {
	border-radius: 3.375rem!important;
}

.btn.ROUNDED55 {
	border-radius: 3.4375rem!important;
}

.btn.ROUNDED56 {
	border-radius: 3.5rem!important;
}

.btn.ROUNDED57 {
	border-radius: 3.5625rem!important;
}

.btn.ROUNDED58 {
	border-radius: 3.625rem!important;
}

.btn.ROUNDED59 {
	border-radius: 3.6875rem!important;
}

.btn.ROUNDED60 {
	border-radius: 3.75rem!important;
}

.btn-write {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border: 0;
	padding: 0;
	background: 0 0;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(../images/buttons/btn-write.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 179px;
	height: 55px;
}

.btn-write.disabled,.btn-write:disabled {
	opacity: .65;
}

.btn-write:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.btn-write.review {
	background-color: transparent;
	background-image: url(../images/buttons/btn-write-review.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.btn-sign-in {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	display: block;
	margin: 0 auto;
	border: 0;
	padding: 0;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(../images/buttons/btn-sign-in.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 236px;
	height: 66px;
}

.btn-sign-in.disabled,.btn-sign-in:disabled {
	opacity: .65;
}

.btn-sign-in:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.btn-sign-in {
		background-size: 100%;
		width: 9.35417rem;
		height: 3.0625rem;
	}
}

.btn-story-listen {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/buttons/btn-story-listen.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 10.5rem;
	height: 3.1875rem;
	background-size: 100%;
	border: 0 none;
	text-indent: -9999px;
}

.btn-story-listen.disabled,.btn-story-listen:disabled {
	opacity: .65;
}

.btn-story-listen:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.btn-view-description {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/buttons/btn-view-description.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 8.6875rem;
	height: 3.375rem;
	background-size: 100%;
	border: 0 none;
	text-indent: -9999px;
}

.btn-view-description.disabled,.btn-view-description:disabled {
	opacity: .65;
}

.btn-view-description:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.btn-star {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/buttons/btn-star.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 8.6875rem;
	height: 3.375rem;
	background-size: 100%;
	border: 0 none;
	text-indent: -9999px;
}

.btn-star.disabled,.btn-star:disabled {
	opacity: .65;
}

.btn-star:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.form-group {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	padding: 1.25rem 1.5625rem;
	border-bottom: 1px solid #ececec;
	align-items: flex-start;
}

@media screen and (max-width:1161px) {
	.form-group {
		flex-wrap: wrap;
	}
}

.form-group .label {
	width: 12.5rem;
	flex-shrink: 0;
	color: #262626;
	font-size: 1rem;
	font-weight: 500;
	padding: .875rem 0;
}

@media screen and (max-width:1161px) {
	.form-group .label {
		width: 100%;
	}
}

.form-group .controls {
	flex-grow: 1;
	width: auto;
}

.form-group .controls .user-thumb {
	margin-right: 1.125rem;
}

@media screen and (max-width:480px) {
	.form-group .controls .user-thumb {
		margin-right: 10px;
	}
}

.form-group .controls .user-thumb img {
	border-radius: 100%;
	border: 1px solid rgba(0,0,0,.09);
}

.form-group .controls .user-name {
	color: #222;
	font-size: 1.125rem;
	font-weight: 400;
}

.form-group .controls .user-name+.user-id {
	margin-left: .3125rem;
}

.form-group .controls .user-id {
	color: #777;
	font-size: .9375rem;
	font-weight: 400;
}

.form-group .form-inner {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.form-group .form-inner {
		flex-wrap: wrap;
	}
}

.form-group .form-inner.align-center {
	align-items: center;
}

.form-group .form-info-text {
	color: #565656;
	font-size: .875rem;
	margin-top: 1rem;
	padding-left: .625rem;
}

.form-group .form-info-text.same-line {
	flex-shrink: 0;
	margin-top: 0;
}

@media screen and (max-width:1161px) {
	.form-group .form-info-text {
		display: block;
		width: 100%;
		margin-top: .5rem;
		padding-left: 0;
	}
}

.form-group .form-info-text>span {
	position: absolute;
	left: -5px;
}

.form-control-group {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
}

.form-control-group .form-control {
	margin-right: -1px;
}

.form-control-group .form-control:focus {
	position: relative;
	z-index: 1;
}

.required {
	font-size: 0;
}

.required:after {
	content: '*';
	color: red;
	font-size: 1rem;
	display: inline-block;
	margin-left: 5px;
}

.form-control {
	display: block;
	width: 100%;
	height: 3.25rem;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #c9c9c9;
	border-radius: 0;
	outline: 0;
}

.form-control:focus {
	border-color: #037291;
	outline: 0;
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1;
}

.form-control::-ms-clear {
	display: none;
}

.form-control-static {
	padding: .9375rem 0;
	line-height: 1.42857143;
	font-size: 1rem;
}

textarea.form-control {
	height: auto;
	resize: vertical;
}

@media screen and (max-width:480px) {
	select.form-control {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' width='100' height='100' fill='%238C98F2'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
		background-color: #fff;
		background-size: 12px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
	}
}

select.form-control.custom-arrow {
	background-image: url(../images/common/select-custom-arrow.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: calc(100% - 1.125rem);
	padding-right: 2.8125rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select.form-control.custom-arrow::-ms-expand {
	display: none;
}

.common-radio {
	position: relative;
	margin-right: 1.25rem;
}

.common-radio input[type=radio] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.common-radio input[type=radio]+label {
	display: inline-block;
	position: relative;
	padding-left: 1.875rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.common-radio input[type=radio]+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.78125rem;
	width: 1.5625rem;
	height: 1.5625rem;
	text-align: center;
	background: #fff;
	border: 1px solid #b4b4b4;
	border-radius: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
}

.common-radio input[type=radio]+label:after {
	content: '';
	position: absolute;
	top: 50%;
	left: .46875rem;
	margin-top: -.34375rem;
	width: .625rem;
	height: .625rem;
	background: #fff;
	border-radius: 100%;
	box-shadow: inset 0 0 10px rgba(0,0,0,.3);
}

.common-radio input[type=radio]+label:active:before {
	box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}

.common-radio input[type=radio]:checked+label:active:before {
	box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}

.common-radio input[type=radio]:checked+label:before {
	background: #fff;
	border-color: #037291;
}

.common-radio input[type=radio]:checked+label:after {
	background: #037291;
}

.common-checks {
	position: relative;
}

.common-checks input[type=checkbox] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.common-checks input[type=checkbox]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.common-checks input[type=checkbox]+label:before {
	content: '';
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	margin: -.25rem .5rem 0 0;
	text-align: center;
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #cacece;
	color: #ddd;
	border-radius: 3px;
}

.common-checks input[type=checkbox]+label:after {
	content: '';
	position: absolute;
	top: .4375rem;
	left: .375rem;
	background: url(../images/mystudy/icon-check01.png) no-repeat center center;
	background-size: 100%;
	width: .75rem;
	height: .625rem;
}

.common-checks input[type=checkbox]+label:active:before {
	box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}

.common-checks input[type=checkbox]:checked+label:active:before {
	box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}

.common-checks input[type=checkbox]:checked+label:before {
	border: 1px solid #037291;
	background: #037291;
}

.common-checks input[type=checkbox]:checked+label:after {
	background: url(../images/mystudy/icon-check02.png) no-repeat center center;
}

.checkbox-circle {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.checkbox-circle input[type=checkbox] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.checkbox-circle input[type=checkbox]+.label {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	color: #202020;
	font-size: .875rem;
}

.checkbox-circle input[type=checkbox]+.label:before {
	content: '\f00c';
	font-family: "Font Awesome 5 Pro"!important;
	display: block;
	text-align: center;
	width: 1.4375rem;
	height: 1.4375rem;
	line-height: 1.4375rem;
	margin-right: .4375rem;
	background: #fafafa;
	border: 1px solid #cacece;
	color: transparent;
	border-radius: 100%;
}

.checkbox-circle input[type=checkbox]:checked+.label:before {
	content: '\f00c';
	background: #037291;
	border-color: #037291;
	color: #fff;
}

.radio-circle {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.radio-circle input[type=radio] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.radio-circle input[type=radio]+.label {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	color: #202020;
	font-size: .875rem;
}

.radio-circle input[type=radio]+.label:before {
	content: '\f111';
	font-family: "Font Awesome 5 Pro"!important;
	font-weight: 700;
	display: block;
	text-align: center;
	width: 1.4375rem;
	height: 1.4375rem;
	line-height: 1.4375rem;
	margin-right: .4375rem;
	font-size: 10px;
	color: #ddd;
	background: #fafafa;
	border: 1px solid #cacece;
	border-radius: 100%;
}

.radio-circle input[type=radio]:checked+.label:before {
	background: #fff;
	border-color: #037291;
	color: #037291;
}

.form-control[data-toggle=datepicker] {
	background-color: transparent;
	background-image: url(../images/icon/icon-datepicker.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 24px 23px;
	background-position-y: center;
	background-position-x: calc(100% - 13px);
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.popup.opened {
	display: block;
}

.popup:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background-color: rgba(0,0,0,.65);
}

.popup.fullscreen .popup-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10002;
	background-color: #fff;
	overflow-y: auto;
	padding-top: 8.75rem;
}

@media screen and (max-width:480px) {
	.popup.fullscreen .popup-wrap {
		padding-top: 2.91667rem;
	}
}

.popup.fullscreen .popup-header {
	height: 8.75rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10003;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

@media screen and (max-width:480px) {
	.popup.fullscreen .popup-header {
		height: 2.91667rem;
		padding-left: .83333rem;
		padding-right: .83333rem;
	}
}

.popup.fullscreen .close-popup {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 3.5rem;
	height: 2.9375rem;
	background-color: transparent;
	background-image: url(../images/common/popup-close.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
	text-indent: -9999px;
	border: 0;
	padding: 0;
}

.popup.fullscreen .close-popup.disabled,.popup.fullscreen .close-popup:disabled {
	opacity: .65;
}

.popup.fullscreen .close-popup:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.popup.fullscreen .close-popup {
		width: 1.16667rem;
		height: .97917rem;
	}
}

.circle-progress {
	display: block;
	position: relative;
	width: 177px;
	height: 177px;
	margin: 0 auto;
}

.circle-progress .progress-percent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}

.circle-progress .progress-percent .percent {
	color: #202020;
	font-size: 30px;
	font-family: Roboto,sans-serif;
	fotn-weight: 700;
	text-align: center;
	display: block;
}

.circle-progress .progress-percent .helper {
	display: block;
	color: #7b7b7b;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

.circle-progress .circle-bg {
	position: absolute;
	z-index: 0;
	top: 4px;
	left: 4px;
	width: 170px;
	height: 170px;
	border: 29px solid #e5e5e5;
	border-radius: 100%;
	background-color: #fff;
}

.circle-progress .circle-canvas {
	position: relative;
	z-index: 1;
	transform: rotate(-90deg);
}

.pagination {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

@media screen and (max-width:480px) {
	.pagination {
		flex-wrap: nowrap;
		margin-top: 1.6875rem!important;
	}
}

.pagination li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #fff;
	color: #454545;
	border-radius: 100%;
}

@media screen and (max-width:480px) {
	.pagination li a {
		width: 1.875rem;
		height: 1.875rem;
	}

	.pagination li a i {
		font-size: .6875rem;
	}
}

.pagination li+li {
	margin-left: .625rem;
}

@media screen and (max-width:480px) {
	.pagination li+li {
		margin-left: .375rem;
	}
}

.pagination .first a,.pagination .last a,.pagination .next a,.pagination .prev a {
	border: 1px solid #e1e1e1;
	color: #000;
}

.pagination .current a {
	background-color: #037291;
	color: #fff;
}

.pagination .next,.pagination .prev+li {
	margin-left: 2.375rem;
}

@media screen and (max-width:480px) {
	.pagination .next,.pagination .prev+li {
		margin-left: .375rem;
	}
}

.status-label {
	width: 66px;
	height: 66px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	border-radius: 100%;
	font-weight: 400;
}

.status-label.orange {
	background-color: #ff8a00;
	font-size: 12px;
}

.status-label.black {
	background-color: #515151;
	font-size: 12px;
}

@media screen and (max-width:480px) {
	.status-label {
		width: 55px;
		height: 55px;
	}
}

input:focus {
	outline: 0;
}

textarea:focus {
	outline: 0;
}

input {
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
}

.common-tab {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.common-tab>li {
	flex-grow: 1;
	position: relative;
}

.common-tab>li a {
	height: 66px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #d2d2d2;
}

@media screen and (max-width:480px) {
	.common-tab>li a {
		height: 55px;
	}
}

.common-tab>li+li {
	margin-left: -1px;
}

.common-tab>li.current {
	z-index: 2;
}

.common-tab>li.current a {
	border-top-width: 2px;
	border-bottom-width: 0;
	border-top-color: #222;
}

.table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

.table th {
	background-color: #f9fafb;
	border-top: 2px solid #222;
	text-align: center;
	color: #222;
	font-weight: 500;
	font-size: 16px;
	border-bottom: 1px solid #e0e0e0;
	height: 66px;
}

.table td {
	border: 1px solid #e0e0e0;
	color: #222;
	font-size: 16px;
	font-weight: 300;
	padding: 28px 25px;
}

.modal-inner {
	padding-top: 4.75rem;
}

.modal-inner .modal-inner-header {
	background: #037291;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.modal-inner .modal-inner-header .container {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	height: 4.75rem;
	align-items: center;
}

.modal-inner .modal-inner-header .container .breadcrumbs {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:480px) {
	.modal-inner .modal-inner-header .container .breadcrumbs {
		flex-wrap: wrap;
		line-height: 1.2em;
	}
}

.modal-inner .modal-inner-header .container .breadcrumbs li {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

.modal-inner .modal-inner-header .container .breadcrumbs li.home {
	width: 1rem;
	height: .9375rem;
	background-color: transparent;
	background-image: url(../images/icon/icon-breadcrumb-home.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	text-indent: -9999px;
}

.modal-inner .modal-inner-header .container .breadcrumbs li.current {
	font-size: 20px;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.modal-inner .modal-inner-header .container .breadcrumbs li.current {
		font-size: 14px;
	}
}

.modal-inner .modal-inner-header .container .breadcrumbs li+li:before {
	content: '';
	display: block;
	background-color: transparent;
	background-image: url(../images/icon/icon-breadcrumb-arrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 6px;
	height: 9px;
	margin-left: 10px;
	margin-right: 7px;
}

.modal-inner .modal-inner-header .container .btn-modal-close {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	display: block;
	margin-left: auto;
	border-left: 1px solid #328da6;
	border-right: 1px solid #328da6;
	border-top: 0 none;
	border-bottom: 0 none;
	text-indent: -9999px;
	width: 4.125rem;
	height: 4.75rem;
	background-color: transparent;
	background-image: url(../images/buttons/btn-modal-close.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.modal-inner .modal-inner-header .container .btn-modal-close.disabled,.modal-inner .modal-inner-header .container .btn-modal-close:disabled {
	opacity: .65;
}

.modal-inner .modal-inner-header .container .btn-modal-close:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.modal-inner .modal-inner-header .container {
		height: 3.20833rem;
	}

	.modal-inner .modal-inner-header .container .breadcrumbs li {
		font-size: 14px;
	}

	.modal-inner .modal-inner-header .container .btn-modal-close {
		width: 3.125rem;
		height: 3.125rem;
		margin-right: -.83333rem;
	}
}

.main-event-banner {
	width: 274px;
	height: 274px;
	border-radius: 50%;
	position: absolute;
	top: 664px;
	left: 50%;
	margin-left: 384px;
}

@media screen and (max-width:1161px) {
	.main-event-banner {
		display: none;
	}
}

.main-event-banner .btn-event-close {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	background-color: transparent;
	background-image: url(../images/icon/banner-event-close.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	text-indent: -9999px;
	border: 0 none;
	padding: 0;
	z-index: 10;
	right: 60px;
	top: 0;
}

.main-event-banner .btn-event-close.disabled,.main-event-banner .btn-event-close:disabled {
	opacity: .65;
}

.main-event-banner .btn-event-close:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.main-event-banner .slide .slick-slide {
	width: 274px;
	height: 274px;
}

.main-event-banner .slide .slick-slide img {
	display: block;
	width: 274px;
	height: 274px;
	border-radius: 100%;
}

.main-event-banner .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -34px;
	position: relative;
}

.main-event-banner .slick-dots .pager-dot {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255,255,255,.2);
	margin: 0 3px;
}

.main-event-banner .slick-dots .slick-active .pager-dot {
	background: #fff;
}

@media screen and (max-width:480px) {
	.table-mobile {
		display: block;
	}

	.table-mobile thead {
		display: none;
	}

	.table-mobile tbody {
		display: block;
	}

	.table-mobile tbody td,.table-mobile tbody tr {
		display: block;
		border: none;
		padding: 0;
		width: 100%;
	}

	.table-mobile tbody tr {
		padding: 1.875rem 1.45833rem;
		border-bottom: 1px solid #efefef;
	}

	.table-mobile tbody td.text-cell {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: flex-start;
		text-align: left!important;
		font-size: .75rem;
		font-weight: 400;
		margin: 0;
		width: 100%;
		color: #222;
	}

	.table-mobile tbody td.text-cell:not([colspan]):before {
		content: attr(data-th);
		color: #5e5d5d;
		font-size: .75rem;
		width: 3.75rem;
		flex-shrink: 0;
	}

	.table-mobile tbody td.button-cell {
		padding: 1.66667rem 0 1.66667rem;
		border: none;
	}

	.table-mobile tbody td .class-lecture-info {
		display: block;
		height: auto;
	}

	.table-mobile tbody td .class-lecture-info .category {
		display: block;
		height: auto;
		font-size: .75rem;
		font-weight: 500;
		margin-bottom: .58333rem;
		border-right: 0 none;
	}

	.table-mobile tbody td .class-lecture-info .class-lecture-title {
		font-size: 1.02083rem;
		margin-left: 0!important;
		padding: 0;
		font-weight: 400;
		display: block;
		margin-right: 0!important;
	}

	.table-mobile tbody td .class-lecture-info .class-lecture-title br {
		display: none;
	}

	.table-mobile tbody td .class-lecture-info .class-lecture-title .class-lecture-term {
		font-weight: 300;
		font-size: .875rem;
		margin-top: .3125rem;
		display: block;
	}

	.table-mobile.table-phonics {
		border: 1px solid #ebedee;
		border-radius: 5px;
	}

	.table-mobile.table-phonics tbody td.text-cell {
		border-bottom: 1px solid #efefef;
		padding: .9375rem 0;
	}

	.table-mobile.table-phonics tbody td .class-lecture-info {
		border-bottom: 1px solid #eaeaea;
		padding-bottom: 1.04167rem;
	}

	.table-mobile.table-rec {
		border-top: 2px solid #000;
	}

	.table-mobile.table-rec tbody tr {
		padding-left: 0;
		padding-right: 3.33333rem;
		position: relative;
	}

	.table-mobile.table-rec tbody td.button-cell {
		height: 0!important;
		padding: 0!important;
	}

	.table-mobile.table-rec tbody td.button-cell .mobile-btn {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 2.70833rem!important;
		height: 2.70833rem!important;
		border: 1px solid #d4d4d4;
		font-size: .75rem;
		border-radius: .375rem!important;
		white-space: pre-wrap;
		line-height: 1.27778em;
		color: #212121;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info .category {
		width: 100%;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info .class-lecture-title {
		margin-right: .66667rem!important;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info .w36 {
		width: 3.125rem!important;
		font-size: .75rem;
		border-radius: 3px;
		font-weight: 500;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info .fs20 {
		font-size: 1.25rem;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info span {
		vertical-align: middle;
	}

	.table-mobile.table-rec-1 tbody td .class-lecture-info .mr5 {
		margin-right: .3125rem!important;
	}
}

.form-border {
	border-top: 3px solid #525252;
	padding-top: 30px;
}

@media screen and (max-width:480px) {
	.dn {
		display: none;
	}
}

.post-wrap {
	padding: 3.625rem 0 8.5rem;
}

.post-wrap .post-header {
	height: 5.3125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.post-wrap .post-header .post-header-label {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5.3125rem;
	height: 5.3125rem;
	flex-shrink: 0;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
}

.post-wrap .post-header .post-header-label.black {
	background-color: #515151;
	color: #fff;
}

.post-wrap .post-header .post-header-label.orange {
	background-color: #ff8a00;
	color: #fff;
}

@media screen and (max-width:480px) {
	.post-wrap .post-header .post-header-label.orange {
		font-size: 13px;
		line-height: 16px;
	}
}

.post-wrap .post-header .post-title-group {
	flex-grow: 1;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 1rem;
}

.post-wrap .post-header .post-title-group .post-category {
	color: #111;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
	margin: 0 0 1.25rem;
}

@media screen and (max-width:480px) {
	.post-wrap .post-header .post-title-group .post-category {
		margin: 0 0 16px;
	}
}

.post-wrap .post-header .post-title-group .post-title {
	color: #111;
	font-size: 2.125rem;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
}

@media screen and (max-width:480px) {
	.post-wrap .post-header .post-title-group {
		flex-grow: 0;
		margin-top: 30px!important;
	}
}

.post-wrap .post-header .post-header-right {
	margin-left: auto;
}

.post-wrap .post-header .post-header-right .datetime {
	display: block;
	color: #7a7979;
	font-size: 1.25rem;
	font-family: Roboto,sans-serif;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.post-wrap .post-header {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: auto;
	}

	.post-wrap .post-header .post-header-label {
		width: 46px;
		height: 42px;
		font-size: 13px;
	}

	.post-wrap .post-header .post-title-group {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		padding: 0 1rem;
	}

	.post-wrap .post-header .post-title-group .post-category {
		font-size: 17px;
		text-align: center;
		line-height: 1em;
		margin-top: 0;
	}

	.post-wrap .post-header .post-title-group .post-title {
		font-size: 23px;
		font-weight: 400;
	}

	.post-wrap .post-header .post-header-right {
		margin: 0 auto;
		margin-top: 1.04167rem;
	}

	.post-wrap .post-header .post-header-right .datetime {
		display: block;
		font-size: 14px;
		font-weight: 500;
	}
}

.post-wrap .post-information {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 5.9375rem;
	justify-content: center;
	color: #222;
	font-size: 1rem;
	font-weight: 400;
}

.post-wrap .post-information .post-author-thumb {
	width: 3.25rem;
	height: 3.25rem;
	margin-right: .6875rem;
	border-radius: 100%;
}

.post-wrap .post-information .post-information-divider {
	background-color: #d4d4d4;
	margin: 0 1.25rem;
	width: 1px;
	height: .875rem;
	border: 0 none;
}

.post-wrap .post-information .post-author-userid {
	color: #777;
	font-size: 14px;
	font-weight: 400;
}

@media screen and (max-width:480px) {
	.post-wrap .post-information {
		height: 58px;
	}

	.post-wrap .post-information span {
		font-size: 14px;
	}

	.post-wrap .post-information .post-author-thumb {
		width: 1.41667rem;
		height: 1.41667rem;
		margin-right: 5px;
	}
}

@media screen and (max-width:480px) {
	.post-wrap .post-infor-1 {
		margin-top: 8px;
	}
}

.post-wrap .post-body {
	padding: 3.75rem 0 4.6875rem;
	border-bottom: 1px solid #222;
	border-top: 1px solid #dfdfdf;
}

.post-wrap .post-body .question-box {
	padding-left: 7.1875rem;
	background-image: url(../images/icon/icon-question.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 4.0625rem 4.0625rem;
}

.post-wrap .post-body .question-box:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #dfdfdf;
	margin: 3.4375rem 0;
}

.post-wrap .post-body .answer-box {
	padding-left: 12.5rem;
	background-image: url(../images/icon/icon-answer.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 7.9375rem 4.0625rem;
}

@media screen and (max-width:480px) {
	.post-wrap .post-body {
		padding: 30px 30px;
		font-weight: 300;
		border-bottom: 1px solid #eaeaea;
	}

	.post-wrap .post-body .question-box {
		padding-left: 0;
		padding-top: 70px;
		margin-top: 0;
		background-image: url(../images/icon/icon-q-.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 59px 59px;
	}

	.post-wrap .post-body .question-box:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #dfdfdf;
		margin: 3.4375rem 0;
	}

	.post-wrap .post-body .answer-box {
		padding-top: 70px;
		margin-top: 0;
		background-image: url(../images/icon/icon-a-.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 94px 59px;
		padding-left: 38px;
	}
}

.post-wrap .post-like-wrap {
	margin-top: 2.8125rem;
}

.post-wrap .post-like-wrap .btn-post-like {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	width: 5.9375rem;
	height: 5.9375rem;
	border: 1px solid #037291;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 3.875rem;
	color: #037291;
	font-size: 1rem;
	text-align: center;
	font-family: Roboto,sans-serif;
	font-weight: 700;
	position: relative;
	border-radius: 100%;
	background-color: #fff;
	margin: 0 auto .9375rem;
}

.post-wrap .post-like-wrap .btn-post-like.disabled,.post-wrap .post-like-wrap .btn-post-like:disabled {
	opacity: .65;
}

.post-wrap .post-like-wrap .btn-post-like:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.post-wrap .post-like-wrap .btn-post-like:before {
	content: '';
	display: block;
	width: 2.375rem;
	height: 2.1875rem;
	position: absolute;
	background-color: transparent;
	background-image: url(../images/icon/icon-like.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.post-wrap .post-like-wrap .post-like-desc {
	text-align: center;
	color: #575757;
	font-size: 1rem;
	font-weight: 400;
}

@media screen and (max-width:480px) {
	.post-wrap .post-like-wrap .btn-post-like {
		width: 92px;
		height: 30px;
		padding-top: 77px;
		padding-bottom: 15px;
		font-size: 20px;
		font-weight: 700;
		margin: 0 auto 15px;
	}

	.post-wrap .post-like-wrap .btn-post-like:before {
		content: '';
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		background-color: transparent;
		background-image: url(../images/icon/icon-like.png);
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		top: 50%;
		left: 50%;
		background-size: 50%;
		transform: translate(-50%,-50%);
	}

	.post-wrap .post-like-wrap .post-like-desc {
		font-size: .625rem;
		font-weight: 300;
	}
}

.post-wrap .post-write-header {
	color: #111;
	text-align: center;
	font-size: 1.75rem;
	font-weight: 400;
	padding: 2.1875rem 0;
	line-height: 1em;
}

@media screen and (max-width:480px) {
	.post-wrap .post-write-header {
		padding: 0;
	}

	.post-wrap .post-write-header .title {
		font-size: 18px;
		font-weight: 400;
	}
}

.post-wrap .post-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-top: 2.1875rem;
}

.post-wrap .post-actions .btn+.btn {
	margin-left: .625rem;
}

.post-wrap .post-actions .left {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-right: auto;
}

.post-wrap .post-actions .center {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

.post-wrap .post-actions .right {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-left: auto;
}

@media screen and (max-width:480px) {
	.post-wrap .post-actions {
		margin-top: 23px;
	}

	.post-wrap .post-actions button {
		width: 90px!important;
		height: 50px!important;
	}

	.post-wrap .post-actions .left {
		margin-left: auto;
	}

	.post-wrap .post-actions .right {
		margin-right: auto;
	}

	.post-wrap .post-actions .right .btn.icon-add {
		padding-left: 15px;
		padding-right: 17px;
	}
}

@media screen and (max-width:480px) {
	.post-wrap .post-action .btn.icon-add {
		padding-left: 18px;
		padding-right: 10px;
	}
}

.post-wrap .comments-wrap {
	margin-top: 9.0625rem;
	border-top: 3px solid #222;
	padding-top: 1.5625rem;
}

.post-wrap .comments-wrap .comments-title {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
}

.post-wrap .comments-wrap .comments-write-form {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.post-wrap .comments-wrap .comments-write-form .textarea-wrap {
	background: #fff;
	flex-grow: 1;
	border: 1px solid #dedede;
	border-radius: 5px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-right: 1.25rem;
}

.post-wrap .comments-wrap .comments-write-form .textarea-wrap .user-thumb {
	width: 9.375rem;
	align-self: stretch;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.post-wrap .comments-wrap .comments-write-form .textarea-wrap .user-thumb .user-thumb-img {
	display: block;
	width: 100px;
	height: 100px;
}

.post-wrap .comments-wrap .comments-write-form .textarea-wrap textarea {
	border: 0 none;
	resize: none;
	flex-grow: 1;
	padding: 1.875rem 0;
	border-radius: 5px;
}

.post-wrap .comments-wrap .comments-write-form .textarea-wrap textarea:focus {
	outline: 0;
}

.post-wrap .comments-wrap .comments-write-form .btn-write-comment {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	flex-shrink: 0;
	width: 8.5rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	background-color: #037291;
	border: 0 none;
	border-radius: 5px;
	align-self: stretch;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
}

.post-wrap .comments-wrap .comments-write-form .btn-write-comment.disabled,.post-wrap .comments-wrap .comments-write-form .btn-write-comment:disabled {
	opacity: .65;
}

.post-wrap .comments-wrap .comments-write-form .btn-write-comment:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.post-wrap .comments-wrap .comments-write-form .btn-write-comment:before {
	content: '';
	display: block;
	width: 1.75rem;
	height: 1.8125rem;
	background-color: transparent;
	background-image: url(../images/icon/icon-write-comment.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
	margin: 0 auto 10px;
}

@media screen and (max-width:480px) {
	.post-wrap .comments-wrap .comments-write-form {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.post-wrap .comments-wrap .comments-write-form .textarea-wrap {
		background: #fff;
		flex-grow: 1;
		border: 1px solid #dedede;
		border-radius: 5px;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		margin-right: 10px;
	}

	.post-wrap .comments-wrap .comments-write-form .textarea-wrap .user-thumb {
		width: 70px;
		align-self: stretch;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.post-wrap .comments-wrap .comments-write-form .textarea-wrap .user-thumb .user-thumb-img {
		display: block;
		width: 40px;
		height: 40px;
	}

	.post-wrap .comments-wrap .comments-write-form .textarea-wrap textarea {
		border: 0 none;
		resize: none;
		flex-grow: 1;
		padding: 0;
		border-radius: 5px;
		height: 70px;
		padding-top: 23px;
		width: 100%;
	}

	.post-wrap .comments-wrap .comments-write-form .textarea-wrap textarea:focus {
		outline: 0;
	}

	.post-wrap .comments-wrap .comments-write-form .btn-write-comment {
		display: inline-block;
		margin: 0;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		flex-shrink: 0;
		width: 70px;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		background-color: #037291;
		border: 0 none;
		border-radius: 5px;
		align-self: stretch;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #fff;
		margin-right: 10px;
	}

	.post-wrap .comments-wrap .comments-write-form .btn-write-comment.disabled,.post-wrap .comments-wrap .comments-write-form .btn-write-comment:disabled {
		opacity: .65;
	}

	.post-wrap .comments-wrap .comments-write-form .btn-write-comment:not([disabled]):not(.disabled) {
		cursor: pointer;
	}

	.post-wrap .comments-wrap .comments-write-form .btn-write-comment:before {
		content: '';
		display: block;
		width: 23px;
		height: 23px;
		background-color: transparent;
		background-image: url(../images/icon/icon-write-comment.png);
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		background-size: 100%;
		margin: 0 auto 4px;
	}
}

.post-wrap .comments-wrap .comments-lists {
	margin-top: 3.125rem;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul {
	border-top: 3px solid #dadada;
	margin-top: 1.25rem;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item {
	border-bottom: 1px solid #ebebeb;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment {
	padding: 2.5rem 0;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .user-thumb {
	margin-left: .875rem;
	margin-right: .875rem;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .user-thumb img {
	display: block;
	width: 2.8125rem;
	border-radius: 100%;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .actions {
	margin-top: 2.1875rem;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like i {
	margin-right: .5625rem;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-comment-reply i {
	margin-left: .75rem;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-comment-reply span,.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like span {
	color: #037291;
	font-family: Roboto,sans-serif;
	font-weight: 700;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-comment-reply i,.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like i {
	color: #037291;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .reply-list {
	display: none;
	padding: 2.1875rem 2.1875rem 2.1875rem 5.3125rem;
	background-image: url(../images/icon/icon-comments-reply.png);
	background-position-x: 3.125rem;
	background-position-y: 3.4375rem;
	background-size: .875rem .8125rem;
	background-repeat: no-repeat;
	background-color: #f8f8f8;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .reply-list .comment-list-item:last-child {
	border-bottom: 0 none;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item.opened .reply-list {
	display: block;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-title {
	padding-left: 2rem;
	color: #3d3d3d;
	font-size: 1.125rem;
	font-weight: 400;
	background-image: url(../images/icon/icon-comments.png);
	background-repeat: no-repeat;
	background-position-x: 1px;
	background-position-y: top;
	line-height: 1.16667em;
}

.post-wrap .comments-wrap .comments-lists .comments-lists-title strong {
	color: #037291;
	font-weight: 700;
	font-family: Roboto,sans-serif;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .user-name {
	display: block;
	color: #222;
	font-size: 18px;
	font-weight: 500;
	margin-right: 8px;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .divider {
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #cacaca;
	margin: 0 5px;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .user-id {
	display: block;
	color: #777;
	font-size: 17px;
	font-weight: 500;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .datetime {
	display: block;
	color: #828181;
	font-size: 16px;
	font-weight: 300;
	font-family: Roboto,sans-serif;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .comment-list-body {
	flex-grow: 1;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-report {
	color: #7d7d7d;
	font-size: .875rem;
	font-weight: 500;
	margin-left: .9375rem;
	position: relative;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-report::before {
	content: '';
	display: block;
	width: .0625rem;
	height: .875rem;
	background: #dadada;
	position: absolute;
	left: -.5rem;
	top: .3125rem;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-re {
	color: #464545;
	font-size: .875rem;
	font-weight: 500;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-re:hover {
	color: #037291;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-del {
	color: #464545;
	font-size: .875rem;
	font-weight: 500;
	margin-left: .9375rem;
	position: relative;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-del::before {
	content: '';
	display: block;
	width: .1875rem;
	height: .1875rem;
	background: #dadada;
	position: absolute;
	left: -.625rem;
	top: .625rem;
}

.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-del:hover {
	color: #037291;
}

@media screen and (max-width:480px) {
	.post-wrap .comments-wrap {
		margin-top: 40px;
		padding-top: 40px;
		border-top: 2px solid #525252;
	}

	.post-wrap .comments-wrap .comments-title {
		font-size: 1rem;
		font-weight: 400;
		margin-bottom: 20px;
	}

	.post-wrap .comments-wrap .comments-lists {
		margin-top: 30px;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul {
		margin-top: 10px;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment {
		padding: 1.66667rem 0;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .user-thumb {
		margin-left: 5px;
		margin-right: 5px;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .user-thumb img {
		display: block;
		width: 2.29167rem;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .actions {
		margin-top: 2.1875rem;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like {
		margin-left: 4px;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like i {
		margin-right: .5625rem;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-comment-reply i {
		margin-left: .1875rem;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-comment-reply,.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like {
		border-radius: 5px;
		padding: 2px 5px;
		font-size: 14px;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-comment-reply span,.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .comment .btn-like span {
		font-weight: 700;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .reply-list {
		display: none;
		padding: 20px 10px 10px 10px;
		background-image: url(../images/icon/icon-comments-reply.png);
		background-position-x: 3.125rem;
		background-position-y: 3.4375rem;
		background-size: .875rem .8125rem;
		background-repeat: no-repeat;
		background-color: #f8f8f8;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item .reply-list .comment-list-item:last-child {
		border-bottom: 0 none;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-ul .comment-list-item.opened .reply-list {
		display: block;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-title {
		padding-left: 1.5rem;
		font-size: .8125rem;
		font-weight: 300;
		background-image: url(../images/icon/icon-comments.png);
		background-repeat: no-repeat;
		background-position-x: 3px;
		background-position-y: 2px;
		line-height: 24px;
	}

	.post-wrap .comments-wrap .comments-lists .comments-lists-title strong {
		color: #037291;
		font-weight: 700;
		font-family: Roboto,sans-serif;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		flex-wrap: wrap;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .user-name {
		display: block;
		color: #222;
		font-size: 14px;
		font-weight: 500;
		margin-right: 5px;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .user-id {
		display: block;
		font-size: 14px;
		font-weight: 500;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .writer-info .datetime {
		display: block;
		font-size: 14px;
		font-weight: 400;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .comment-list-body {
		flex-grow: 1;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-report {
		color: #7d7d7d;
		font-size: 14px;
		font-weight: 500;
		margin-left: .3125rem;
		position: relative;
		width: 30px;
		flex-shrink: 0;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-report::before {
		content: '';
		display: block;
		width: .0625rem;
		height: .5625rem;
		position: absolute;
		left: -8px;
		top: 8px;
		background: #d3d3d3;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-re {
		font-size: 14px;
		font-weight: 500;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-del {
		font-size: 14px;
		font-weight: 500;
		margin-left: .3125rem;
		position: relative;
	}

	.post-wrap .comments-wrap .comments-lists .comment-list-item .comment .btn-del::before {
		content: '';
		display: block;
		width: .125rem;
		height: .125rem;
		position: absolute;
		left: -4px;
		top: 11px;
		background: gray;
	}
}

@media screen and (max-width:480px) {
	.post-wrap .comments-wrap-1 {
		padding: 0 20px;
	}

	.post-wrap .comments-wrap-1 .comments-title {
		margin-top: 20px;
	}
}

@media screen and (max-width:480px) {
	.post-wrap .post-write-form .form-group {
		width: 100%;
		padding: 25px;
	}

	.post-wrap .post-write-form .form-group .label {
		font-size: 17px;
		padding: 10px 0;
	}

	.post-wrap .post-write-form .form-group .required:after {
		content: '*';
		color: red;
		font-size: 1rem;
		display: inline-block;
		margin-left: 4px;
	}

	.post-wrap .post-write-form .form-group .form-control {
		border: 1px solid #dddcdc;
		height: auto!important;
		width: 100%;
		font-size: 18px;
	}

	.post-wrap .post-write-form .form-group select {
		margin-left: 0!important;
	}

	.post-wrap .post-write-form .form-group .user-thumb img {
		width: 45px;
		height: 45px;
	}

	.post-wrap .post-write-form .form-group .user-name {
		font-size: 17px;
	}

	.post-wrap .post-write-form .form-group .user-id {
		font-size: 17px;
	}

	.post-wrap .post-write-form .form-group .form-info-text {
		font-size: 14px;
		color: #7a7a7a;
		margin-top: 10px;
	}
}

@media screen and (max-width:480px) {
	.post-wrap {
		padding: 0 0 6.66667rem 0;
	}
}

@media screen and (max-width:480px) {
	.post-wrap .post-wrap-inner {
		display: flex;
		flex-direction: column;
		height: auto;
	}
}

.speaking-popup-wrap {
	padding: 1.5625rem 2.5rem;
}

.speaking-popup-wrap table {
	width: 100%;
	text-align: center;
}

.speaking-popup-wrap table th {
	background: #f9fafb;
	padding: 1.5625rem 0;
	font-weight: 400;
	border-top: .0625rem solid #000;
}

.speaking-popup-wrap table td {
	border: .0625rem solid #e0e0e0;
	padding: 1.25rem;
	vertical-align: middle;
}

.speaking-popup-wrap table td .start {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	font-size: .875rem;
	line-height: 1rem;
	background: #ff8400;
	color: #fff;
	border-radius: .625rem;
	margin-right: .5rem;
}

.speaking-popup-wrap table td .end {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	font-size: .875rem;
	line-height: 1rem;
	background: #727272;
	color: #fff;
	border-radius: .625rem;
	margin-right: .375rem;
}

.speaking-popup-wrap table button {
	margin-left: 1.5625rem;
}

.speaking-popup-wrap table .class-ing {
	border: none;
	color: #fff;
	background: #40a;
	font-size: .875rem;
	padding: .25rem .4375rem;
	border-radius: .125rem;
}

.speaking-popup-wrap table .class-complete {
	border: none;
	color: #fff;
	background: #d3d3d3;
	font-size: .875rem;
	padding: .25rem .4375rem;
	border-radius: .125rem;
}

.speaking-popup-wrap .table_ {
	width: 16.5625rem;
	position: relative;
}

.speaking-popup-wrap .table_ .first {
	color: #fff;
	background: #0daad6!important;
}

.speaking-popup-wrap .table_ ul li {
	float: left;
	margin-bottom: .0625rem;
}

.speaking-popup-wrap .table_ ul li:nth-of-type(1) {
	width: 14.25rem;
	background: #b6e6f3;
	text-align: left;
	font-size: .875rem;
	padding-left: .625rem;
}

.speaking-popup-wrap .table_ ul li span {
	padding-left: .625rem;
}

.speaking-popup-wrap .table_ img {
	width: 1.4375rem;
	height: 1.4375rem;
	position: absolute;
	right: .375rem;
}

.speaking-popup-wrap .grammartest li {
	width: 100%;
	background: #b6e6f3;
	margin-bottom: .125rem;
	text-align: left;
	padding: .3125rem;
}

.speaking-popup-wrap .grammar {
	padding: .9375rem;
}

.speaking-popup-wrap .btn-sub {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/icon/icon-sub.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 2.5rem;
	height: 2.5rem;
	background-size: 100%;
	border: 0 none;
	text-indent: -9999px;
}

.speaking-popup-wrap .btn-sub.disabled,.speaking-popup-wrap .btn-sub:disabled {
	opacity: .65;
}

.speaking-popup-wrap .btn-sub:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap {
		padding: 30px 10px 80px 10px;
	}

	.speaking-popup-wrap table {
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		border-top: 3px solid #525252;
	}

	.speaking-popup-wrap table thead {
		display: none;
	}

	.speaking-popup-wrap table td,.speaking-popup-wrap table tr {
		display: block;
		width: 100%;
	}

	.speaking-popup-wrap table tr {
		margin-top: .625rem;
		padding: 1.25rem;
		border: 1px solid #d9d9d9;
	}

	.speaking-popup-wrap table .td-1 {
		font-size: 1.02083rem;
		font-weight: 400;
	}

	.speaking-popup-wrap table td {
		border: none;
		padding: .41667rem 0;
		vertical-align: middle;
	}

	.speaking-popup-wrap table td .start {
		display: inline-block;
		text-align: center!important;
		width: 1.14583rem;
		height: 1.14583rem;
		font-size: .75rem;
		line-height: .875rem;
		border-radius: .625rem;
		margin-right: .1875rem;
		margin-left: 1.66667rem;
	}

	.speaking-popup-wrap table td .end {
		display: inline-block;
		text-align: center!important;
		width: 1.14583rem;
		height: 1.14583rem;
		font-size: .75rem;
		line-height: .875rem;
		border-radius: .625rem;
		margin-right: .1875rem;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-day:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-time:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap table .th-time span {
		margin-left: 1.10417rem;
	}

	.speaking-popup-wrap table .th-text {
		position: relative;
		padding-bottom: 4.375rem;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-text:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-score:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap table .th-score span {
		margin-left: 2.29167rem;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-review:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap table .th-review span {
		margin-left: 2.29167rem;
	}

	.speaking-popup-wrap table .th-finaltest {
		position: relative;
		border-bottom: 2px solid #efefef;
		padding-bottom: 25px;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-finaltest:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap table .th-finaltest span {
		margin-left: 1.04167rem;
	}

	.speaking-popup-wrap table .th-finaltest .btn-sub-m {
		display: inline-block;
		margin: 0;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		background-color: transparent;
		background-image: url(../images/icon/icon-sub-m.png);
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		width: 2.5rem;
		height: 2.5rem;
		position: absolute;
		right: 0;
		bottom: 10px;
	}

	.speaking-popup-wrap table .th-finaltest .btn-sub-m.disabled,.speaking-popup-wrap table .th-finaltest .btn-sub-m:disabled {
		opacity: .65;
	}

	.speaking-popup-wrap table .th-finaltest .btn-sub-m:not([disabled]):not(.disabled) {
		cursor: pointer;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-grammartest:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap table .th-grammartest span {
		margin-left: 2.29167rem;
	}

	.speaking-popup-wrap table button {
		margin-left: 0;
	}

	.speaking-popup-wrap table .class-ing {
		font-size: .5rem;
		padding: .0625rem .1875rem;
		border-radius: .125rem;
		margin-left: .3125rem;
	}

	.speaking-popup-wrap table .class-complete {
		font-size: .5rem;
		padding: .0625rem .1875rem;
		border-radius: .125rem;
		margin-left: .3125rem;
	}

	.speaking-popup-wrap table .btn-postion {
		position: relative;
	}

	.speaking-popup-wrap table .th-btn {
		border: 1px solid #d9d9d9;
		border-radius: 40px;
		box-sizing: border-box;
		padding: 10px 0;
		width: 120px;
		text-align: center;
		position: absolute;
		right: 1.25rem;
		bottom: 1.875rem;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.speaking-popup-wrap table .th-btn:not([colspan]):before {
		content: attr(data-th);
	}
}

@media screen and (max-width:480px) {
	.speaking-popup-wrap table .th-btn .btn-sub {
		display: inline-block;
		margin: 0;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		background-color: transparent;
		background-image: url(../images/icon/icon-sub.png);
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		width: 22px;
		height: 25px;
	}

	.speaking-popup-wrap table .th-btn .btn-sub.disabled,.speaking-popup-wrap table .th-btn .btn-sub:disabled {
		opacity: .65;
	}

	.speaking-popup-wrap table .th-btn .btn-sub:not([disabled]):not(.disabled) {
		cursor: pointer;
	}

	.speaking-popup-wrap .table_ {
		width: 14.375rem;
		height: 5.3125rem;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		margin-left: 3.75rem;
	}

	.speaking-popup-wrap .table_ ul li {
		float: left;
		margin-bottom: .0625rem;
	}

	.speaking-popup-wrap .table_ ul li:nth-of-type(1) {
		width: 12.875rem;
		font-size: .625rem;
		padding-left: .1875rem;
	}

	.speaking-popup-wrap .table_ ul li span {
		padding-left: .375rem;
	}

	.speaking-popup-wrap .table_ img {
		width: 1.14583rem;
		height: 1.14583rem;
		position: absolute;
		right: .1875rem;
	}

	.speaking-popup-wrap .grammartest li {
		margin-bottom: .25rem;
		padding: .1875rem;
	}

	.speaking-popup-wrap .grammartest li:first-child {
		margin-top: 10px;
	}
}

.speaking-modal-container {
	text-align: center;
	box-sizing: border-box;
}

.speaking-modal-container p {
	font-size: 1.5625rem;
	padding-top: 4.6875rem;
	line-height: 3.125rem;
}

.speaking-modal-container p span {
	color: #037291;
	display: block;
}

.speaking-modal-container .btn-download {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/buttons/btn-download.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 6.25rem;
	height: 6.25rem;
	background-size: 100%;
	border: 0 none;
	text-indent: -9999px;
	margin-top: 2.875rem;
}

.speaking-modal-container .btn-download.disabled,.speaking-modal-container .btn-download:disabled {
	opacity: .65;
}

.speaking-modal-container .btn-download:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.speaking-modal-container p {
		font-size: 1.10417rem;
		padding-top: 2.60417rem;
		line-height: 1.10417rem;
	}

	.speaking-modal-container p span {
		font-size: .875rem;
		margin-top: .83333rem;
	}

	.speaking-modal-container .btn-download {
		display: inline-block;
		margin: 0;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		background-color: transparent;
		background-image: url(../images/buttons/btn-download.png);
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		width: 5.97917rem;
		height: 5.97917rem;
		margin-top: 1.875rem;
	}

	.speaking-modal-container .btn-download.disabled,.speaking-modal-container .btn-download:disabled {
		opacity: .65;
	}

	.speaking-modal-container .btn-download:not([disabled]):not(.disabled) {
		cursor: pointer;
	}
}

.writing-modal-container h4 {
	background-color: #e7e7e7;
	padding: 1.6875rem 3.625rem;
	text-align: left;
	font-size: 1.375rem;
	font-weight: 400;
}

.writing-modal-container p {
	font-size: 1.5rem;
	line-height: 2.125rem;
}

.writing-modal-container p:nth-of-type(2) {
	display: block;
	font-size: 1.25rem;
	color: #037291;
}

.writing-modal-container p .red {
	color: red;
}

.writing-modal-container p span {
	color: #000;
}

.writing-modal-container ul {
	padding-top: 1.875rem;
}

.writing-modal-container ul li {
	float: left;
	width: 100%;
}

.writing-modal-container ul li img {
	width: 2.8125rem;
	height: 2.8125rem;
}

.writing-modal-container ul li .writing-ox {
	width: 15%;
	text-align: center;
}

.writing-modal-container ul li .writing-text {
	width: 85%;
}

.writing-modal-container ul li .writing-text .one {
	width: 100%;
	border: 1px solid #ececec;
	margin-top: 1.875rem;
}

@media screen and (max-width:480px) {
	.writing-modal-container h4 {
		background-color: #e7e7e7;
		padding: 1.04167rem 1.04167rem;
		text-align: left;
		font-size: .875rem;
	}

	.writing-modal-container p {
		font-size: .9375rem;
		line-height: 1.875rem;
	}

	.writing-modal-container p:nth-of-type(2) {
		font-size: .875rem;
		font-weight: 400;
	}

	.writing-modal-container ul {
		padding-top: 1.25rem;
	}

	.writing-modal-container ul li img {
		width: 1.875rem;
		height: 1.875rem;
		margin-top: 10px;
	}

	.writing-modal-container ul li .writing-ox {
		width: 15%;
		text-align: center;
	}

	.writing-modal-container ul li .writing-text {
		width: 85%;
	}

	.writing-modal-container ul li .writing-text .one {
		width: 100%;
		border: 1px solid #ececec;
		margin-top: 1.25rem;
	}
}

.character-list-item {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.character-list-item li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
	font-size: 16px;
	font-weight: 400;
	color: #3996b0;
	line-height: 1em;
}

.character-list-item li i {
	margin-right: 5px;
	display: inline-block;
}

.character-list-item li .icon-buy {
	background: url("../images/mystudy/icon-buy.png") no-repeat center center;
	width: 17px;
	height: 23px;
	background-size: 100%;
}

.character-list-item li .icon-comment {
	background: url("../images/mystudy/icon-comment.png") no-repeat center center;
	width: 24px;
	height: 22px;
	background-size: 100%;
	margin-top: 3px;
}

.my-stydy-character {
	position: relative;
	width: 100%;
	text-align: center;
	background: #fff;
}

.my-stydy-character .container {
	width: 100%;
	background: #3996b0;
	padding-bottom: 5.625rem;
}

.my-stydy-character .container h4 {
	text-align: center;
	color: #fff;
	font-size: 1.875rem;
	padding-top: 6.25rem;
}

.my-stydy-character .container .slider_container .swiper-button-next,
    .my-stydy-character .container .slider_container .swiper-button-prev {
	width: 65px;
	height: 65px;
	text-indent: -9999px;
	z-index: 10;
}

.my-stydy-character .container .slider_container .swiper-slide {
	align-self: stretch;
	height: auto;
}

.my-stydy-character .container .slider_container .swiper-button-next {
	background-color: transparent;
	background-image: url("../images/mystudy/class-swiper-button-next.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	right: 15.625rem;
}

.my-stydy-character .container .slider_container .swiper-button-prev {
	background-color: transparent;
	background-image: url("../images/mystudy/class-swiper-button-prev.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	left: 15.625rem;
}

.my-stydy-character .container .slider_container .swiper-pagination {
	display: none;
}

.my-stydy-character .container .slider_container .imgbox {
	text-align: center;
	margin-top: 2.5rem;
}

.my-stydy-character .container p {
	text-align: center;
	color: #fff;
}

.my-stydy-character .container span {
	color: #feee03;
	font-weight: bold;
}

.my-stydy-character .container .btn-star {
	margin-left: 0.625rem;
}

.my-stydy-character .container .btn-star:focus {
	outline: none;
}

.my-stydy-character .container-tab {
	width: 74.375rem;
	margin: 0 auto;
	position: relative;
	margin-bottom: 12.5rem;
}

@media screen and (max-width: 1161px) {
	.my-stydy-character .container-tab {
		width: 100%;
	}
}

.my-stydy-character .container-tab .common-tab-character {
	position: absolute;
	top: -90px;
	width: 100%;
	z-index: 10;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.my-stydy-character .container-tab .common-tab-character > li {
	flex-grow: 1;
	position: relative;
}

.my-stydy-character .container-tab .common-tab-character > li a {
	height: 60px;
	width: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	border: 1px solid #82b6c5;
	border-top-left-radius: 0.3125rem;
	border-top-right-radius: 0.3125rem;
	color: #fff;
	font-weight: bold;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.my-stydy-character .container-tab .common-tab-character > li a {
		font-size: 15px;
		font-weight: 500;
	}
}

.my-stydy-character .container-tab .common-tab-character > li + li {
	margin-left: -1px;
}

.my-stydy-character .container-tab .common-tab-character > li.current {
	z-index: 2;
}

.my-stydy-character .container-tab .common-tab-character > li.current a {
	border-bottom-width: 0;
	background: #fff;
	color: #3996b0;
	font-weight: bold;
}

.my-stydy-character .container-tab .character-list {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.my-stydy-character .container-tab .character-list li {
	padding: 5px;
}

.my-stydy-character .container-tab .character-list .character-box {
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 0.3125rem;
	width: 210px;
	padding: 25px 0;
}

.my-stydy-character .container-tab .character-list .character-box > img {
	display: block;
	margin: 0 auto;
}

.my-stydy-character .container-tab .character-list .character-box .btn-change {
	display: block;
	margin: 0 auto;
	border: none;
	border: 1px solid #d9d9d9;
	border-radius: 1.25rem;
	width: 5rem;
	padding: 0.5rem;
	cursor: pointer;
}

.my-stydy-character .container-tab .character-list .character-box .btn-change:focus {
	outline: none;
}

.my-stydy-character .container-tab .character-list .character-box .btn-change:hover {
	color: #fff;
	background: #037291;
	border: none;
}

.my-stydy-character .container-tab .character-list .character-box p {
	padding-top: 0.625rem;
}

.my-stydy-character .container-tab .character-list .character-box-shop {
	margin: 0 auto;
	text-align: center;
	padding: 25px 0 25px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	width: 210px;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.my-stydy-character .container-tab .character-list .character-box-shop .label {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 65px 65px 0 0;
	text-transform: uppercase;
}

.my-stydy-character .container-tab .character-list .character-box-shop .label.new {
	border-color: #f53d5e transparent transparent transparent;
}

.my-stydy-character .container-tab .character-list .character-box-shop .label.sale {
	border-color: #1561d4 transparent transparent transparent;
}

.my-stydy-character .container-tab .character-list .character-box-shop .label span {
	color: #fff;
	font-size: 13px;
	position: absolute;
	top: -60px;
	left: 5px;
	display: block;
	font-weight: 500;
}

.my-stydy-character .container-tab .character-list .character-box-shop .score {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.my-stydy-character .container-tab .character-list .character-box-shop .score span {
	font-size: 20px;
}

.my-stydy-character .container-tab .character-list .character-box-shop .score .sale {
	font-size: 16px;
	color: #a1a1a1;
	text-decoration: line-through;
}

.my-stydy-character .container-tab .character-list .character-box-shop .score_img {
	padding-top: 0;
}

.my-stydy-character .container-tab .character-list .character-box-shop > img {
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase {
	display: block;
	margin: 0 auto;
	border: none;
	border: 1px solid #b2b2b2;
	border-radius: 1.25rem;
	margin-top: 1.125rem;
	width: 5rem;
	padding: 5px 5px 8px 5px;
	cursor: pointer;
}

.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase:disabled {
	border: 1px solid #ececec;
	background: #ececec;
	color: #aeaeae;
}

.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase:disabled:hover {
	border: 1px solid #ececec;
	background: #ececec;
	color: #aeaeae;
	cursor: auto;
}

.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase:hover {
	background: #037291;
	color: #fff;
	border: none;
}

.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase:focus {
	outline: none;
}

.my-stydy-character .container-tab .character-list .character-box-shop p {
	padding-top: 0.625rem;
}

.my-stydy-character .container-tab .character-list .character-box-shop:hover {
	box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
	border: 1px solid #3996b0;
}

@media screen and (max-width: 480px) {
	.my-stydy-character .container {
		padding-bottom: 68px;
	}

	.my-stydy-character .container h4 {
		text-align: center;
		font-size: 1.5rem;
		padding-top: 6.25rem;
		font-weight: 400;
	}

	.my-stydy-character .container .slider_container .swiper-button-next,
      .my-stydy-character .container .slider_container .swiper-button-prev {
		width: 65px;
		height: 65px;
		text-indent: -9999px;
		z-index: 10;
	}

	.my-stydy-character .container .slider_container .swiper-slide {
		align-self: stretch;
		height: auto;
	}

	.my-stydy-character .container .slider_container .swiper-button-next {
		background-color: transparent;
		background-image: url("../images/mystudy/class-swiper-button-next.png");
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		position: absolute;
		right: 0.625rem;
	}

	.my-stydy-character .container .slider_container .swiper-button-prev {
		background-color: transparent;
		background-image: url("../images/mystudy/class-swiper-button-prev.png");
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		position: absolute;
		left: 0.625rem;
	}

	.my-stydy-character .container .slider_container .swiper-pagination {
		display: none;
	}

	.my-stydy-character .container .slider_container .imgbox {
		text-align: center;
		margin-top: 2.5rem;
	}

	.my-stydy-character .container p {
		text-align: center;
		color: #fff;
	}

	.my-stydy-character .container span {
		color: #feee03;
		font-weight: bold;
	}

	.my-stydy-character .container .btn-star {
		display: block;
		margin: 0 auto;
		width: 138px;
		margin-bottom: 10px;
	}

	.my-stydy-character .container .btn-star:focus {
		outline: none;
	}

	.my-stydy-character .container-tab {
		width: 20.83333rem;
		margin: 0 auto;
		position: relative;
		margin-bottom: 4.66667rem;
	}

	.my-stydy-character .container-tab .common-tab-character {
		position: absolute;
		top: -76px;
		z-index: 10;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.my-stydy-character .container-tab .common-tab-character > li {
		flex-grow: 1;
		position: relative;
	}

	.my-stydy-character .container-tab .common-tab-character > li a {
		height: 50px;
		width: 7.08333rem;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		line-height: 2.625rem;
		font-weight: bold;
	}

	.my-stydy-character .container-tab .common-tab-character > li + li {
		margin-left: -1px;
	}

	.my-stydy-character .container-tab .common-tab-character > li.current {
		z-index: 2;
	}

	.my-stydy-character .container-tab .character-list {
		margin-top: 26px;
		margin-left: 0;
	}

	.my-stydy-character .container-tab .character-list li {
		width: 50%;
	}

	.my-stydy-character .container-tab .character-list .character-box {
		margin: 0 auto;
		text-align: center;
		box-sizing: border-box;
		border: 1px solid #d9d9d9;
		border-radius: 0.3125rem;
		width: 210px;
		padding: 25px 0 15px;
	}

	.my-stydy-character .container-tab .character-list .character-box > img {
		display: block;
		margin: 0 auto;
	}

	.my-stydy-character .container-tab .character-list .character-box .btn-change {
		display: block;
		margin: 40px auto 30px;
		border: none;
		border: 1px solid #d9d9d9;
		border-radius: 1.25rem;
		width: 5rem;
		padding: 0.5rem;
		cursor: pointer;
		background: #fff;
	}

	.my-stydy-character .container-tab .character-list .character-box .btn-change:focus {
		outline: none;
	}

	.my-stydy-character .container-tab .character-list .character-box .btn-change:hover {
		color: #fff;
		background: #037291;
		border: none;
	}

	.my-stydy-character .container-tab .character-list .character-box p {
		padding-top: 0.625rem;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop {
		padding: 20px;
		width: 100%;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop .score_img {
		padding-top: 0;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop > img {
		width: 130px;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase {
		display: block;
		margin: 0 auto;
		border: none;
		border: 1px solid #b2b2b2;
		border-radius: 1.25rem;
		margin-top: 1.125rem;
		width: 5rem;
		padding: 0.5rem;
		cursor: pointer;
		background: #fff;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase:hover {
		background: #037291;
		color: #fff;
		border: none;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop .btn-purchase:focus {
		outline: none;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop p {
		padding-top: 0.625rem;
	}

	.my-stydy-character .container-tab .character-list .character-box-shop:hover {
		box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
		border: 1px solid #3996b0;
	}
}

#layer-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease;
}

#layer-popup .btn-area {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
}

#layer-popup .btn-area a {
	display: flex;
	padding: 5px 20px 8px;
	border: 1px solid #3996b0;
	align-items: center;
	justify-content: center;
	color: #3996b0;
	border-radius: 5px;
	margin: 0 2.5px;
}

#layer-popup .btn-area a.save {
	background: #3996b0;
	color: #fff;
}

#layer-popup.opened {
	display: block;
	visibility: visible;
	opacity: 1;
}

#layer-popup:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	background-color: rgba(0, 0, 0, 0.61);
}

#layer-popup .popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1002;
	background: #fff;
	/*border-radius: 10px;*/
}

#layer-popup .popup-inner .btn-modal-close {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	position: absolute;
	right: -3.75rem;
	top: 0;
	width: 3.125rem;
	height: 3.125rem;
	display: block;
	border: 0 none;
	padding: 0;
	background: url(../images/common/btn_modal.png) no-repeat center/cover;
}

#layer-popup .popup-inner .btn-modal-close:disabled, #layer-popup .popup-inner .btn-modal-close.disabled {
	opacity: 0.65;
}

#layer-popup .popup-inner .btn-modal-close:not([disabled]):not(.disabled) {
	cursor: pointer;
}

#layer-popup .popup-inner .content {
	overflow: auto;
	padding: 2.5rem 2.5rem 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 70px;
	right: 0;
}

@media screen and (max-width: 768px) {
	#layer-popup .popup-inner .content {
		padding: 20px;
	}
}

#layer-popup .popup-inner .title {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #3996b0;
	margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
	#layer-popup .popup-inner .btn-modal-close {
		display: inline-block;
		margin: 0;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		position: absolute;
		right: 0;
		top: -3.125rem;
		width: 2.39583rem;
		height: 2.39583rem;
		display: block;
		border: 0 none;
		padding: 0;
		background: url(../images/common/btn_modal.png) no-repeat center/cover;
	}

	#layer-popup .popup-inner .btn-modal-close:disabled, #layer-popup .popup-inner .btn-modal-close.disabled {
		opacity: 0.65;
	}

	#layer-popup .popup-inner .btn-modal-close:not([disabled]):not(.disabled) {
		cursor: pointer;
	}
}

.buy-popup .popup-inner {
	/*width: 32.625rem;
	height: 32.625rem;*/
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.buy-popup .popup-inner {
		/*width: 18.89583rem;
		height: 27.4375rem;*/
		width: 100%;
		height: 100%;
	}
}

.buy-popup .thum-area .thum {
	display: block;
	margin: 0 auto 10px;
}

.buy-popup .thum-area .score {
	display: flex;
	justify-content: center;
	align-items: center;
}

.buy-popup .info-area {
	margin-top: 10px;
}

.buy-popup .info-area .label {
	font-size: 14px;
	color: #606060;
	margin-bottom: 5px;
}

.buy-popup .info-area .label::before {
	content: '*';
	color: #ec3a3a;
}

.buy-popup .info-area .post {
	display: inline-block;
	padding: 3px 20px 6px 20px;
	background: #bbb;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 5px;
	transition: all 0.2s;
}

.buy-popup .info-area .post:hover {
	background: #3996b0;
}

.buy-popup .info-area input {
	width: 100%;
	border: 1px solid #bbb;
	padding: 5px;
	transition: all 0.2s;
}

.buy-popup .info-area input + input {
	margin-top: 5px;
}

.buy-popup .info-area input:focus {
	border: 1px solid #3996b0;
}

.comment-popup .popup-inner {
	/*width: 37.5rem;
	height: 43.75rem;*/
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.comment-popup .popup-inner {
		/*width: 20.83333rem;
		height: 33.33333rem;*/
		width: 100%;
		height: 100%;
	}
}

.comment-popup .top-area {
	display: flex;
	align-items: center;
	justify-content: center;
}

.comment-popup .top-area .info-area {
	margin-left: 50px;
}

.comment-popup .top-area .info-area .score {
	display: flex;
}

.comment-popup .comment-area {
	display: flex;
	margin-top: 20px;
}

.comment-popup .comment-area .txt-box {
	width: 100%;
	margin-right: 5px;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 75px;
}

.comment-popup .comment-area .txt-box textarea {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 10px;
	resize: none;
}

.comment-popup .comment-area .txt-box img {
	width: 75px;
}

.comment-popup .comment-area .send {
	display: block;
	width: 70px;
	height: 75px;
	background-image: url("../images/icon/icon-write-comment.png");
	background-repeat: no-repeat;
	background-size: 18px;
	background-color: #3996b0;
	background-position: top 20px center;
	border-radius: 5px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	padding-top: 36px;
	font-size: 14px;
}

.comment-popup .comment-list .list .btn-re {
	color: #464545;
	font-size: .875rem;
	font-weight: 500;
}

.comment-popup .comment-list .list .btn-re:hover {
	color: #037291;
}

.comment-popup .comment-list .list .btn-del {
	color: #464545;
	font-size: .875rem;
	font-weight: 500;
	margin-left: .9375rem;
	position: relative;
	margin-right: 5px;
}

.comment-popup .comment-list .list .btn-del::before {
	content: '';
	display: block;
	width: .1875rem;
	height: .1875rem;
	background: #dadada;
	position: absolute;
	left: -.625rem;
	top: .625rem;
}

.comment-popup .comment-list .list .btn-del:hover {
	color: #037291;
}

.comment-popup .comment-list .edit-only {
	display: none;
}

.comment-popup .comment-list.mode-edit .edit-only {
	display: block;
}

.comment-popup .comment-list.mode-edit .view-only {
	display: none;
}

.comment-popup .comment-list .btn-no {
	margin-left: .3125rem;
	position: relative;
}

.comment-popup .comment-list .btn-no::before {
	content: '';
	display: block;
	width: .1875rem;
	height: .1875rem;
	background: #dadada;
	position: absolute;
	left: -.625rem;
	top: .625rem;
}

.comment-popup .comment-list .btn-no:hover {
	color: #037291;
}

.comment-popup .comment-list {
	margin-top: 30px;
}

.comment-popup .comment-list .txt {
	font-size: 14px;
	padding-left: 30px;
	color: #222;
	text-align: left;
	font-weight: 400;
	background: url(../images/icon/icon-comments.png) no-repeat left 3px;
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
	margin-bottom: 15px;
}

.comment-popup .comment-list .txt span {
	color: #037291;
}

.comment-popup .comment-list .list {
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.comment-popup .comment-list .list img {
	width: 45px;
	margin-right: 10px;
	border-radius: 100%;
}

.comment-popup .comment-list .list .info-box {
	flex: 1;
}

.comment-popup .comment-list .list .info-box .info {
	display: flex;
	align-items: center;
}

.comment-popup .comment-list .list .info-box .info p {
	margin-right: 5px;
	font-size: 15px;
}

@media screen and (max-width: 768px) {
	.comment-popup .comment-list .list .info-box .info p {
		font-size: 14px;
	}
}

.comment-popup .comment-list .list .info-box .info p.id {
	color: #7d7d7d;
}

.comment-popup .comment-list .list .info-box .info p.date {
	font-size: 13px;
}

.comment-popup .comment-list .list .info-box .txt-box {
	margin-top: 5px;
}

@media screen and (max-width: 768px) {
	.comment-popup .comment-list .list .info-box .txt-box {
		font-size: 15px;
	}
}

.comment-popup .comment-list .list .report {
	font-size: 13px;
	display: block;
	color: #7d7d7d;
	margin-left: 10px;
	position: relative;
	margin-right: 5px;
}

.comment-popup .comment-list .list .report::before {
	content: '';
	display: block;
	width: 1px;
	height: 14px;
	background: #dadada;
	position: absolute;
	left: -7px;
	top: 5px;
}

.comment-popup .comment-list .pagination {
	margin-top: 30px;
}

.comment-popup .comment-list .pagination li {
	margin-left: 5px;
}

.comment-popup .comment-list .pagination a {
	font-size: 13px;
}

#modalLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease;
}

#modalLayer.opened {
	display: block;
	visibility: visible;
	opacity: 1;
}

#modalLayer:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	background-color: rgba(0,0,0,.61);
}

#modalLayer .modalContent {
	width: 32.625rem;
	height: 32.625rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1002;
	text-align: center;
}

#modalLayer .modalContent .modal-content {
	width: 32.625rem;
	height: 32.625rem;
	border-radius: .625rem;
	background: #fff;
	padding: 0 2.5rem;
}

#modalLayer .modalContent .modal-content ul li {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 2.875rem;
}

#modalLayer .modalContent .modal-content ul li img {
	margin-right: .625rem;
}

#modalLayer .modalContent .modal-content ul li span {
	font-size: 1.375rem;
}

#modalLayer .modalContent .modal-content ul li p {
	font-size: 1rem;
	line-height: 2rem;
	position: relative;
	margin-left: 3.125rem;
}

#modalLayer .modalContent .modal-content ul li p::before {
	content: '';
	display: block;
	width: .625rem;
	height: .1875rem;
	background: #3996b0;
	position: absolute;
	left: -.9375rem;
	top: .9375rem;
}

#modalLayer .modalContent .modal-content ul li .block {
	display: block;
	font-size: 1rem;
	line-height: 2rem;
}

#modalLayer .modalContent .btn-modal-close {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	position: absolute;
	right: -3.75rem;
	top: 0;
	width: 3.125rem;
	height: 3.125rem;
	display: block;
	border: 0 none;
	padding: 0;
	background: url(../images/common/btn_modal.png) no-repeat center/cover;
}

#modalLayer .modalContent .btn-modal-close.disabled,#modalLayer .modalContent .btn-modal-close:disabled {
	opacity: .65;
}

#modalLayer .modalContent .btn-modal-close:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	#modalLayer .modalContent {
		width: 18.89583rem;
		height: 27.4375rem;
	}

	#modalLayer .modalContent .modal-content {
		width: 18.89583rem;
		height: 27.4375rem;
		border-radius: .625rem;
		padding: 0 2.5rem;
	}

	#modalLayer .modalContent .modal-content ul li {
		text-align: left;
		margin-top: 1.875rem;
		position: relative;
	}

	#modalLayer .modalContent .modal-content ul li img {
		margin-right: 0;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 2px;
		left: -30px;
	}

	#modalLayer .modalContent .modal-content ul li span {
		font-size: .9375rem;
	}

	#modalLayer .modalContent .modal-content ul li p {
		font-size: .75rem;
		line-height: 1.4;
		margin-left: 0;
		font-weight: 300;
	}

	#modalLayer .modalContent .modal-content ul li p::before {
		content: '';
		display: block;
		width: .375rem;
		height: .125rem;
		background: #3996b0;
		position: absolute;
		left: -.625rem;
		top: .5rem;
	}

	#modalLayer .modalContent .modal-content ul li .block {
		display: block;
		font-size: .75rem;
		line-height: 1.4;
	}

	#modalLayer .modalContent .modal-content ul li:first-child {
		border-bottom: 1px solid #d9d9d9;
		padding-bottom: 40px;
	}

	#modalLayer .modalContent .btn-modal-close {
		display: inline-block;
		margin: 0;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		user-select: none;
		text-decoration: none;
		outline: 0;
		vertical-align: middle;
		position: absolute;
		right: 0;
		top: -3.125rem;
		width: 2.39583rem;
		height: 2.39583rem;
		display: block;
		border: 0 none;
		padding: 0;
		background: url(../images/common/btn_modal.png) no-repeat center/cover;
	}

	#modalLayer .modalContent .btn-modal-close.disabled,#modalLayer .modalContent .btn-modal-close:disabled {
		opacity: .65;
	}

	#modalLayer .modalContent .btn-modal-close:not([disabled]):not(.disabled) {
		cursor: pointer;
	}
}

.grammar-modal-container .finaltest-head {
	background-color: #e7e7e7;
	padding-left: 3.3125rem;
	padding-top: 1.5625rem;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 5rem;
	z-index: 999;
}

.grammar-modal-container .finaltest-head h4 {
	color: #037291;
	text-align: left;
	font-size: 1.375rem;
	font-weight: 400;
	float: left;
}

.grammar-modal-container .finaltest-head p {
	font-size: 1.125rem;
	display: inline;
	color: #000;
	float: left;
	padding-left: 1.5625rem;
	padding-top: .3125rem;
	position: relative;
}

.grammar-modal-container .finaltest-head p::before {
	content: '';
	display: block;
	width: .3125rem;
	height: .3125rem;
	background: #00a7d5;
	position: absolute;
	left: .625rem;
	top: .9375rem;
}

.grammar-modal-container .finaltest-head p .name {
	padding-left: .9375rem;
	position: relative;
}

.grammar-modal-container .finaltest-head p .name::before {
	content: '';
	display: block;
	width: .3125rem;
	height: .3125rem;
	background: #00a7d5;
	position: absolute;
	left: .3125rem;
	top: .625rem;
}

.grammar-modal-container .finaltest-head .score {
	font-size: 2.875rem;
	color: #f31875;
	display: block;
	float: right;
	margin-right: 1.5625rem;
}

.grammar-modal-container .grammar-finaltest-list {
	margin-top: 7.5rem;
}

.grammar-modal-container .grammar-finaltest-list li {
	float: left;
	width: 100%;
}

.grammar-modal-container .grammar-finaltest-list li .grammar-ox {
	width: 15%;
	text-align: center;
	padding-top: 1.5625rem;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text {
	width: 85%;
	padding: 1.25rem;
	position: relative;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text .one {
	border: 1px solid #eee;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text .bold {
	font-weight: 700;
	padding-left: .625rem;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text .multiple {
	display: block;
	margin-bottom: 1.25rem;
	padding-left: .625rem;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text .score_01 {
	position: absolute;
	right: 3.125rem;
	top: 1.875rem;
	font-size: 1.75rem;
	color: #1fb010;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text .score_01 .score_text {
	color: #000;
	font-size: 1.125rem;
	margin-right: .625rem;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text .score_01 .red {
	color: red;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text-1 {
	width: 85%;
	padding: 1.25rem;
	position: relative;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text-1 .one {
	border: 1px solid #eee;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text-1 p {
	font-size: 1.625rem;
	line-height: 3.375rem;
	font-weight: 500;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text-1 .multiple-1 {
	margin-bottom: 3.125rem;
	display: block;
}

.grammar-modal-container .grammar-finaltest-list li .writing-text-1 .multiple-1 span {
	margin-right: 1.875rem;
	font-size: 1.125rem;
	line-height: 2.25rem;
}

@media screen and (max-width:480px) {
	.grammar-modal-container .finaltest-head {
		padding-left: .75rem;
		padding-top: .75rem;
		height: 4.27083rem;
	}

	.grammar-modal-container .finaltest-head h4 {
		font-size: .875rem;
		float: none;
	}

	.grammar-modal-container .finaltest-head p {
		font-size: .75rem;
		padding-left: .9375rem;
		padding-top: .5rem;
		float: none;
		position: relative;
	}

	.grammar-modal-container .finaltest-head p::before {
		content: '';
		display: block;
		width: .3125rem;
		height: .3125rem;
		background: #00a7d5;
		position: absolute;
		left: .3125rem;
		top: .9375rem;
	}

	.grammar-modal-container .finaltest-head p .name {
		padding-left: .9375rem;
		position: relative;
	}

	.grammar-modal-container .finaltest-head p .name::before {
		content: '';
		display: block;
		width: .3125rem;
		height: .3125rem;
		background: #00a7d5;
		position: absolute;
		left: .3125rem;
		top: .4375rem;
	}

	.grammar-modal-container .finaltest-head .score {
		font-size: 1.5rem;
		float: none;
		position: absolute;
		right: 0;
		bottom: 20px;
	}

	.grammar-modal-container .grammar-finaltest-list {
		margin-top: 5.41667rem;
	}

	.grammar-modal-container .grammar-finaltest-list li {
		float: left;
		width: 100%;
	}

	.grammar-modal-container .grammar-finaltest-list li .grammar-ox {
		width: 15%;
		text-align: center;
		padding-top: 1.5625rem;
	}

	.grammar-modal-container .grammar-finaltest-list li .grammar-ox img {
		width: 1.45833rem;
		height: 1.45833rem;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text {
		width: 85%;
		padding: .625rem;
		position: relative;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text .one {
		border: 1px solid #eee;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text .bold {
		font-weight: 700;
		padding-left: .625rem;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text .multiple {
		display: block;
		margin-bottom: 1.25rem;
		padding-left: .625rem;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text .score_01 {
		display: none;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text p {
		margin-left: 5px;
		font-weight: 300;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text-1 {
		width: 85%;
		padding: 1.25rem .625rem;
		position: relative;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text-1 .one {
		border: 1px solid #eee;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text-1 p {
		font-size: .9375rem;
		line-height: .9375rem;
		font-weight: 500;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text-1 .multiple-1 {
		margin-bottom: 1.66667rem;
		margin-top: 20px;
		display: block;
	}

	.grammar-modal-container .grammar-finaltest-list li .writing-text-1 .multiple-1 span {
		margin-right: 1.875rem;
		font-size: .875rem;
		line-height: 1.125rem;
		font-weight: 300;
	}
}

.speaking-answer-modal-container .finaltest-head {
	background-color: #e7e7e7;
	padding-left: 3.3125rem;
	padding-top: 1.5625rem;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 5rem;
	z-index: 999;
}

.speaking-answer-modal-container .finaltest-head h4 {
	color: #037291;
	text-align: left;
	font-size: 1.375rem;
	font-weight: 400;
	float: left;
}

.speaking-answer-modal-container .finaltest-head p {
	font-size: 1.125rem;
	display: inline;
	color: #000;
	float: right;
	padding-left: 1.5625rem;
	padding-top: .3125rem;
	position: relative;
	margin-right: 2.5rem;
}

.speaking-answer-modal-container .finaltest-head p::before {
	content: '';
	display: block;
	width: .3125rem;
	height: .3125rem;
	background: #00a7d5;
	position: absolute;
	left: .625rem;
	top: .9375rem;
}

.speaking-answer-modal-container .finaltest-head p .name {
	padding-left: .9375rem;
	position: relative;
}

.speaking-answer-modal-container .finaltest-head p .name::before {
	content: '';
	display: block;
	width: .3125rem;
	height: .3125rem;
	background: #00a7d5;
	position: absolute;
	left: .3125rem;
	top: .625rem;
}

@media screen and (max-width:480px) {
	.speaking-answer-modal-container .finaltest-head {
		padding-left: .75rem;
		padding-top: .75rem;
		height: 4.27083rem;
	}

	.speaking-answer-modal-container .finaltest-head h4 {
		font-size: .875rem;
		float: none;
	}

	.speaking-answer-modal-container .finaltest-head p {
		font-size: .75rem;
		padding-left: .9375rem;
		padding-top: .5rem;
		float: none;
		position: relative;
	}

	.speaking-answer-modal-container .finaltest-head p::before {
		content: '';
		display: block;
		width: .3125rem;
		height: .3125rem;
		background: #00a7d5;
		position: absolute;
		left: .3125rem;
		top: .9375rem;
	}

	.speaking-answer-modal-container .finaltest-head p .name {
		padding-left: .9375rem;
		position: relative;
	}

	.speaking-answer-modal-container .finaltest-head p .name::before {
		content: '';
		display: block;
		width: .3125rem;
		height: .3125rem;
		background: #00a7d5;
		position: absolute;
		left: .3125rem;
		top: .4375rem;
	}

	.speaking-answer-modal-container .finaltest-head .score {
		font-size: 1.5rem;
		float: none;
		position: absolute;
		right: 0;
		bottom: 20px;
	}
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list {
	margin-top: 5.5rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list .one {
	margin-top: 2.5rem;
	border: 1px solid #eee;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p {
	font-size: 1.5625rem;
	font-weight: 500;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .number {
	margin-right: 1.5625rem;
	position: relative;
	font-size: 1.25rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .number::before {
	content: '';
	display: block;
	border: 1px solid #b2b2b2;
	border-radius: .9375rem;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 0;
	left: -.5625rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_1 {
	color: #037291;
	margin-left: 2.1875rem;
	position: relative;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_1::before {
	content: '';
	display: block;
	width: .0625rem;
	height: .9375rem;
	background: #dadada;
	position: absolute;
	left: -.9375rem;
	top: .3125rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_2 {
	color: red;
	margin-left: 2.1875rem;
	position: relative;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_2::before {
	content: '';
	display: block;
	width: .0625rem;
	height: .9375rem;
	background: #dadada;
	position: absolute;
	left: -.9375rem;
	top: .3125rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p:nth-of-type(2) {
	margin-top: 1.875rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list .answer {
	font-size: 1.0625rem;
	margin-left: 2.1875rem;
	line-height: 2.125rem;
}

.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list li {
	padding: 1.25rem 2.875rem;
}

@media screen and (max-width:480px) {
	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list {
		margin-top: 5.5rem;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list .one {
		margin-top: 2.5rem;
		border: 1px solid #eee;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p {
		font-size: .9375rem;
		font-weight: 500;
		display: flex;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .number {
		margin-right: .625rem;
		position: relative;
		font-size: .9375rem;
		font-weight: 500;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .number::before {
		content: '';
		display: block;
		border-radius: .9375rem;
		width: 1.5rem;
		height: 1.5rem;
		position: absolute;
		top: 0;
		left: -.5rem;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_1 {
		margin-left: 1.25rem;
		position: relative;
		width: 75%;
		display: inline-block;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_1::before {
		content: '';
		display: block;
		width: .0625rem;
		height: .9375rem;
		position: absolute;
		left: -.9375rem;
		top: .3125rem;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_2 {
		color: red;
		margin-left: 1.25rem;
		position: relative;
		width: 75%;
		display: inline-block;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p .answer_2::before {
		content: '';
		display: block;
		width: .0625rem;
		height: .9375rem;
		background: #dadada;
		position: absolute;
		left: -.9375rem;
		top: .3125rem;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list p:nth-of-type(2) {
		margin-top: 1.875rem;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list .answer {
		font-size: .83333rem;
		margin-left: .625rem;
		line-height: 1.25rem;
	}

	.speaking-answer-modal-container .speaking-finaltest-container .speaking-finaltest-list li {
		padding: 1.25rem 1.25rem;
	}
}

.comment-list-item .edit-only {
	display: none;
}

.comment-list-item.mode-edit .edit-only {
	display: block;
}

.comment-list-item.mode-edit .view-only {
	display: none;
}

.comment-list-item .btn-no {
	margin-left: .3125rem;
	position: relative;
}

.comment-list-item .btn-no::before {
	content: '';
	display: block;
	width: .1875rem;
	height: .1875rem;
	background: #dadada;
	position: absolute;
	left: -.625rem;
	top: .625rem;
}

.comment-list-item .btn-no:hover {
	color: #037291;
}

.edit-btn {
	display: flex;
	margin-left: auto;
}

@media screen and (max-width:480px) {
	.edit-btn {
		width: 100%;
	}
}

.member-popup {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.member-popup .mask {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background: rgba(0,0,0,.4);
}

.member-popup .member-popup-wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 545px;
	border-radius: 10px;
	background-color: #fff;
	z-index: 100002;
	padding: 2.8125rem 3.5625rem 3.9375rem;
	max-height: 100vh;
	overflow-y: auto;
}

@media screen and (max-width:1161px) {
	.member-popup .member-popup-wrap {
		border-radius: 0;
		padding: 3.75rem 2.5rem 3.64583rem;
	}
}

.member-popup .member-popup-wrap .close {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/common/member-popup-close.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	width: 1.625rem;
	height: 1.6875rem;
	background-size: 100%;
	text-indent: -9999px;
	top: 1.375rem;
	right: 1.5625rem;
	border: 0 none;
	padding: 0;
}

.member-popup .member-popup-wrap .close.disabled,.member-popup .member-popup-wrap .close:disabled {
	opacity: .65;
}

.member-popup .member-popup-wrap .close:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:1161px) {
	.member-popup .member-popup-wrap .close {
		background-color: transparent;
		background-image: url(../images/common/member-popup-close-m.png);
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: center;
		width: 1.16667rem;
		height: 1.1875rem;
		background-size: 100%;
		top: 1.10417rem;
		right: 1.04167rem;
	}
}

.member-popup .login-title {
	color: #202020;
	font-size: 1.75rem;
	font-weight: 500;
	text-align: left;
	line-height: 1.39286em;
	margin-bottom: 2.8125rem;
}

.member-popup .login-title span {
	display: block;
}

@media screen and (max-width:1161px) {
	.member-popup .login-title {
		font-size: 1.4375rem;
	}
}

.member-popup .login-input {
	border-bottom: 2px solid #000;
	padding-left: 2.5rem;
	position: relative;
}

.member-popup .login-input:before {
	content: '';
	display: block;
	width: 1.125rem;
	height: 1.125rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.member-popup .login-input+.login-input {
	margin-top: .9375rem;
}

.member-popup .login-input.user-id:before {
	background-color: transparent;
	background-image: url(../images/icon/icon-login-id.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.member-popup .login-input.user-pass:before {
	background-color: transparent;
	background-image: url(../images/icon/icon-login-pass.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.member-popup .login-input input {
	display: block;
	width: 100%;
	border: 0;
	font-size: 16px;
	font-weight: 300;
	padding: 14px 0;
}

.member-popup .login-input input:focus {
	outline: 0;
}

.member-popup .login-options {
	margin: 20px 0 35px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.member-popup .login-options .divider {
	display: block;
	width: 1px;
	height: 13px;
	background: #ccc;
	margin: 0 10px;
}

.member-popup .login-options .right {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.member-popup .login-options .right {
		font-size: .75rem;
	}
}

.member-popup .btn-login {
	height: 3.3125rem;
	width: 100%;
	border-radius: 1.65625rem;
	margin: 0 0 1.875rem;
}

.member-popup .social-login-buttons {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.member-popup .social-login-buttons li+li {
	margin-left: 6px;
}

.member-popup .social-login-buttons li .social-button {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 2.875rem;
	height: 2.875rem;
	display: block;
	text-indent: -9999px;
}

.member-popup .social-login-buttons li .social-button.disabled,.member-popup .social-login-buttons li .social-button:disabled {
	opacity: .65;
}

.member-popup .social-login-buttons li .social-button:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.member-popup .social-login-buttons li .social-button.kakao {
	background-color: transparent;
	background-image: url(../images/icon/social-kakao.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.member-popup .social-login-buttons li .social-button.naver {
	background-color: transparent;
	background-image: url(../images/icon/social-naver.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.member-popup .social-login-buttons li .social-button.facebook {
	background-color: transparent;
	background-image: url(../images/icon/social-facebook.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.member-popup .social-login-buttons li .social-button.twitter {
	background-color: transparent;
	background-image: url(../images/icon/social-twitter.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.member-popup .divider-line {
	height: 1px;
	background: #e9e9e9;
	border: 0 none;
	margin: 45px -3.5625rem 30px;
}

.member-popup .other-title {
	color: #202020;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
	margin: 0 0 10px;
}

.member-popup .other-description {
	color: #585757;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.57143em;
}

.member-popup .btn-register {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 21.5625rem;
	height: 3.4375rem;
	border-radius: 1.71875rem;
	color: #202020;
	font-size: 16px;
	font-weight: 500;
	margin: auto;
}

.member-popup .btn-register i {
	margin-left: 13px;
	color: #585858;
	font-size: 12px;
}

.member-popup .title {
	color: #202020;
	font-size: 1.8125rem;
	text-align: center;
	margin-bottom: .625rem;
}

@media screen and (max-width:1161px) {
	.member-popup .title {
		font-size: 1.5rem;
	}
}

.member-popup .description {
	color: #696969;
	font-size: 16px;
	text-align: center;
	margin-bottom: 2.0625rem;
}

.member-popup .description span {
	display: block;
}

@media screen and (max-width:1161px) {
	.member-popup .description {
		font-size: .8125rem;
	}
}

.member-popup .member-popup-tab {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: .625rem;
}

.member-popup .member-popup-tab li {
	flex: 1;
	display: block;
	position: relative;
}

.member-popup .member-popup-tab li+li {
	margin-left: -1px;
}

.member-popup .member-popup-tab li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.125rem;
	border: 1px solid #bababa;
	color: #393939;
	font-size: .9375rem;
}

.member-popup .member-popup-tab li.current {
	z-index: 2;
}

.member-popup .member-popup-tab li.current a {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}

.member-popup .find-box {
	border: 1px solid #e3e3e3;
	padding: 1.25rem;
}

.member-popup .find-box .form-group {
	border-bottom: 0 none;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.member-popup .find-box .form-group .label {
	width: 5rem;
}

.member-popup .find-box .form-group .form-inner {
	flex-grow: 1;
}

.member-popup .btn-member-find {
	display: block;
	height: 3.3125rem;
	padding-left: 1.875rem;
	padding-right: 1.875rem;
	width: 100%;
	max-width: 15.625rem;
	border-radius: 1.65625rem;
	margin: 0 auto;
}

.member-popup .btn-member-find i {
	margin-left: 13px;
}

@media screen and (max-width:1161px) {
	.member-popup .btn-member-find {
		max-width: 11.95833rem;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: center;
	}

	.member-popup .btn-member-find i {
		margin-left: auto;
	}
}

.member-popup .result-text {
	padding: 3.75rem 0 3.125rem;
	color: #202020;
	font-size: 1.25rem;
	text-align: center;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.member-popup .result-text {
		margin-left: -.625rem;
		margin-right: -.625rem;
	}
}

.member-popup .result-text small {
	display: block;
	color: #4c4c4c;
}

.member-popup .result-text strong {
	color: #037291;
}

@media screen and (max-width:1161px) {
	.member-popup .result-text {
		font-size: 1.20833rem;
	}
}

.member-popup .find-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.member-popup .find-actions {
		margin-left: -.625rem;
		margin-right: -.625rem;
	}
}

.member-popup .find-actions .btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	width: auto;
	height: 3.3125rem;
	border-radius: 1.65625rem;
	margin: 0 0 1.875rem;
	padding-left: .9375rem;
	padding-right: .9375rem;
}

.member-popup .find-actions .btn i {
	margin-left: .8125rem;
}

@media screen and (max-width:1161px) {
	.member-popup .find-actions .btn {
		justify-content: flex-start;
		font-size: .875rem;
	}

	.member-popup .find-actions .btn i {
		margin-left: auto;
		font-size: 10px;
	}
}

.member-popup .find-actions .btn+.btn {
	margin-left: 15px;
}

@media screen and (max-width:1161px) {
	.member-popup .find-actions .btn+.btn {
		margin-left: .3125rem;
	}
}

.register {
	padding: 6.5625rem 0 13.75rem 0;
}

@media screen and (max-width:1161px) {
	.register {
		width: 100%;
		padding: 2.1875rem .83333rem 4.58333rem .83333rem;
	}
}

@media screen and (max-width:480px) {
	.register {
		padding: 3rem .83333rem 1.875rem .83333rem;
	}
}

.register>h3 {
	text-align: center;
	color: #202020;
	font-size: 2.125rem;
	font-weight: 500;
}

.register>h3>small {
	color: #696969;
	font-size: 1.125rem;
	font-weight: 300;
}

@media screen and (max-width:1161px) {
	.register>h3 {
		font-size: 1.0625rem;
	}

	.register>h3>small {
		font-size: .5625rem;
	}
}

@media screen and (max-width:480px) {
	.register>h3 {
		display: none;
	}
}

.register>h2 {
	text-align: center;
	color: #202020;
	font-size: 3rem;
	font-weight: 700;
	position: relative;
	display: block;
	margin-top: 5.3125rem;
	padding-bottom: 1.875rem;
}

.register>h2>span {
	display: none;
}

@media screen and (max-width:1161px) {
	.register>h2 {
		font-size: 2.25rem;
		margin-top: 2.65625rem;
		padding-bottom: .9375rem;
	}
}

@media screen and (max-width:480px) {
	.register>h2 {
		font-size: 1.5rem;
	}

	.register>h2>span {
		display: inline-block;
		margin-right: 5px;
	}
}

.register>h2:after {
	content: "";
	width: 5rem;
	height: .3125rem;
	background-color: #037291;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -2.5rem;
	bottom: 0;
}

@media screen and (max-width:1161px) {
	.register>h2:after {
		width: 1.66667rem;
		height: .10417rem;
		margin-left: -.83333rem;
	}
}

@media screen and (max-width:480px) {
	.register>h2:after {
		width: 2.70833rem;
		height: .1875rem;
		margin-left: -1.35417rem;
	}
}

.register .register-step {
	overflow: hidden;
	text-align: center;
	margin: 5rem 0 3.75rem 0;
}

@media screen and (max-width:1161px) {
	.register .register-step {
		margin: 1.66667rem 0 1.25rem 0;
	}
}

@media screen and (max-width:480px) {
	.register .register-step {
		margin: 1.45833rem 0 1.04167rem 0;
	}
}

.register .register-step>li {
	display: inline-block;
	position: relative;
	text-align: left;
	font-size: 1.125rem;
	padding: .9375rem 0 .9375rem 5.625rem;
	margin-right: 8.125rem;
	color: #202020;
}

@media screen and (max-width:1161px) {
	.register .register-step>li {
		padding: .625rem 0 .625rem 3.75rem;
		font-size: .375rem;
		margin-right: 4.375rem;
		line-height: 1.35;
	}
}

@media screen and (max-width:480px) {
	.register .register-step>li {
		padding: .625rem 0 .625rem 2.5rem;
		margin-right: 1.79167rem;
		font-size: .625rem;
	}
}

.register .register-step>li:after {
	content: "";
	background-color: transparent;
	background-image: url(../images/icon/icon-step-arrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: .75rem;
	height: 1.25rem;
	position: absolute;
	right: -5rem;
	top: 50%;
	margin-top: -.625rem;
	background-size: cover;
}

@media screen and (max-width:1161px) {
	.register .register-step>li:after {
		right: -2.5rem;
	}
}

@media screen and (max-width:480px) {
	.register .register-step>li:after {
		right: -1.25rem;
		width: .4375rem;
		height: .77083rem;
		margin-top: -.34375rem;
	}
}

.register .register-step>li:last-child {
	margin-right: 0;
}

.register .register-step>li:last-child:after {
	background-image: none;
}

.register .register-step>li>small {
	display: block;
	font-size: .875rem;
}

@media screen and (max-width:480px) {
	.register .register-step>li>small {
		font-size: .5rem;
	}
}

.register .register-step>li.active {
	color: #037291;
}

.register .register-step>li:nth-child(1):before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4.375rem;
	height: 4.375rem;
	display: block;
	background-image: url(../images/register/step-icon01.png);
	background-position: top left;
}

@media screen and (max-width:1161px) {
	.register .register-step>li:nth-child(1):before {
		background-size: cover;
		width: 2.8125rem;
		height: 2.8125rem;
	}
}

@media screen and (max-width:480px) {
	.register .register-step>li:nth-child(1):before {
		width: 2.29167rem;
		height: 2.29167rem;
		background-size: cover;
		top: 50%;
		margin-top: -1.14583rem;
	}
}

.register .register-step>li.active:nth-child(1):before {
	background-position: bottom left;
}

.register .register-step>li:nth-child(2):before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4.375rem;
	height: 4.375rem;
	display: block;
	background-image: url(../images/register/step-icon02.png);
	background-position: top left;
}

@media screen and (max-width:1161px) {
	.register .register-step>li:nth-child(2):before {
		background-size: cover;
		width: 2.8125rem;
		height: 2.8125rem;
	}
}

@media screen and (max-width:480px) {
	.register .register-step>li:nth-child(2):before {
		width: 2.29167rem;
		height: 2.29167rem;
		background-size: cover;
		top: 50%;
		margin-top: -1.14583rem;
	}
}

.register .register-step>li.active:nth-child(2):before {
	background-position: bottom left;
}

.register .register-step>li:nth-child(3):before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4.375rem;
	height: 4.375rem;
	display: block;
	background-image: url(../images/register/step-icon03.png);
	background-position: top left;
}

@media screen and (max-width:1161px) {
	.register .register-step>li:nth-child(3):before {
		background-size: cover;
		width: 2.8125rem;
		height: 2.8125rem;
	}
}

@media screen and (max-width:480px) {
	.register .register-step>li:nth-child(3):before {
		width: 2.29167rem;
		height: 2.29167rem;
		background-size: cover;
		top: 50%;
		margin-top: -1.14583rem;
	}
}

.register .register-step>li.active:nth-child(3):before {
	background-position: bottom left;
}

.register .info-box {
	border: 1px solid #e9e9e9;
	padding: 5.9375rem 0 5.625rem 0;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.register .info-box {
		padding: 5.9375rem 2.5rem 5.625rem 2.5rem;
	}
}

@media screen and (max-width:480px) {
	.register .info-box {
		margin: .75rem;
		padding: 3.75rem 0 3.75rem 0;
	}
}

.register .info-box>p {
	color: #202020;
	display: block;
	font-weight: 300;
	font-size: 1rem;
	line-height: 2;
	position: relative;
	padding: 7.5rem 0 3.75rem 0;
}

.register .info-box>p:after {
	content: "";
	background-color: transparent;
	background-image: url(../images/register/step-info-icon.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 4.875rem;
	height: 4.875rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2.4375rem;
	display: block;
	background-size: cover;
}

@media screen and (max-width:480px) {
	.register .info-box>p:after {
		width: 4.79167rem;
		height: 4.79167rem;
	}
}

.register .info-box>p>strong {
	display: block;
	font-size: 1.625rem;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.register .info-box>p>strong {
		font-size: 1.20833rem;
	}

	.register .info-box>p>strong>span {
		display: block;
	}
}

.register .info-box>p>strong.completed {
	color: #037291;
}

@media screen and (max-width:1161px) {
	.register .info-box>p {
		line-height: 1.5;
	}

	.register .info-box>p>strong {
		font-size: 1.25rem;
		word-break: keep-all;
	}
}

@media screen and (max-width:480px) {
	.register .info-box>p {
		font-size: .8125rem;
		word-break: keep-all;
	}

	.register .info-box>p>strong {
		margin-bottom: 1.04167rem;
	}
}

.register .term-box {
	text-align: left;
}

@media screen and (max-width:480px) {
	.register .term-box {
		margin: .75rem;
	}
}

.register .term-box>h4 {
	color: #111;
	font-size: 1.875rem;
	position: relative;
	display: inline-block;
	margin-top: 7.5rem;
}

.register .term-box>h4:first-child {
	margin-top: 5rem;
}

@media screen and (max-width:1161px) {
	.register .term-box>h4:first-child {
		margin-top: 2.5rem;
	}
}

@media screen and (max-width:480px) {
	.register .term-box>h4:first-child {
		margin-top: 1.66667rem;
	}
}

@media screen and (max-width:480px) {
	.register .term-box>h4 {
		font-size: 1.16667rem;
		margin-top: 2.5rem;
	}
}

.register .term-box>h4:after {
	content: "";
	width: 100%;
	height: 1.125rem;
	background-color: #b1e3f1;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

@media screen and (max-width:480px) {
	.register .term-box>h4:after {
		height: .58333rem;
	}
}

.register .term-box>ol {
	margin-top: 1.25rem;
}

@media screen and (max-width:480px) {
	.register .term-box>ol {
		margin-top: 2.08333rem;
	}
}

.register .term-box>ol>li>h5 {
	padding: 1.25rem 0;
	border-bottom: 1px solid #dbdbdb;
	color: #111;
	font-size: 1.5rem;
	margin-top: 3.125rem;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.register .term-box>ol>li>h5 {
		font-size: .9375rem;
		margin-top: 1.25rem;
		padding: .625rem 0;
	}
}

.register .term-box>ol>li>p {
	margin-top: .625rem;
	color: #676767;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.45;
	position: relative;
}

@media screen and (max-width:480px) {
	.register .term-box>ol>li>p {
		font-size: .89583rem;
	}
}

.register .term-box>ol>li>ol>li {
	color: #676767;
	font-size: 1rem;
	padding-left: 1.25rem;
	position: relative;
	margin-top: .625rem;
	font-weight: 400;
	line-height: 1.45;
}

.register .term-box>ol>li>ol>li.hypen {
	padding-left: .9375rem;
}

@media screen and (max-width:480px) {
	.register .term-box>ol>li>ol>li {
		font-size: .89583rem;
	}
}

.register .term-box>ol>li>ol>li>span {
	position: absolute;
	left: 0;
	top: 0;
}

.register .term-box>ol>li>ol>li>ol>li {
	padding-left: 1.875rem;
	position: relative;
}

.register .term-box>ol>li>ol>li>ol>li>span {
	position: absolute;
	left: 0;
	top: 0;
}

.register .btn-wrap {
	padding: 3.125rem 0;
	text-align: center;
}

.register .btn {
	font-size: 1rem;
	padding: .9375rem;
	border-radius: 1.875rem;
}

.register .btn.btn-auth {
	width: 8.125rem;
}

@media screen and (max-width:1161px) {
	.register .btn.btn-auth {
		width: 9.58333rem;
		font-size: .875rem;
		padding: .625rem;
		border-radius: 1.875rem;
	}
}

@media screen and (max-width:480px) {
	.register .btn.btn-auth {
		width: 9.58333rem;
		font-size: .875rem;
	}
}

.register .btn.btn-cancle,.register .btn.btn-confirm,.register .btn.btn-home,.register .btn.btn-login {
	width: 11.25rem;
	position: relative;
	padding: .9375rem 3.125rem .9375rem .9375rem;
}

.register .btn.btn-cancle:after,.register .btn.btn-confirm:after,.register .btn.btn-home:after,.register .btn.btn-login:after {
	content: "";
	position: absolute;
	background-size: cover;
	right: 1.5625rem;
	top: 50%;
}

@media screen and (max-width:480px) {
	.register .btn.btn-cancle,.register .btn.btn-confirm,.register .btn.btn-home,.register .btn.btn-login {
		width: 9.16667rem;
		font-size: .875rem;
	}
}

.register .btn.btn-home:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-home.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 15px;
	height: 13px;
	margin-top: -7.5px;
}

.register .btn.btn-login {
	margin-left: .9375rem;
}

@media screen and (max-width:480px) {
	.register .btn.btn-login {
		margin-left: .3125rem;
	}
}

.register .btn.btn-login:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-login-arrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 14px;
	height: 10px;
	margin-top: -4px;
}

.register .btn.btn-confirm:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-check.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 13px;
	height: 9px;
	margin-top: -4.5px;
}

.register .btn.btn-cancle:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-x.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 9px;
	height: 9px;
	margin-top: -4.5px;
}

@media screen and (max-width:480px) {
	.register .join-form {
		margin: 2.25rem .75rem;
	}
}

.register .join-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/icon/icon-select-arrow.png) no-repeat 94.5% 50%;
	background-repeat: no-repeat;
}

.register .join-form select::-ms-expand {
	display: none;
}

.register .join-form h3 {
	border-bottom: 2px solid #111;
	display: block;
	color: #111;
	font-size: 1.625rem;
	padding-bottom: .625rem;
}

.register .join-form h3>span {
	color: #e53324;
}

@media screen and (max-width:480px) {
	.register .join-form h3 {
		font-size: .9375rem;
	}
}

@media screen and (max-width:480px) {
	.register .join-form .form-group {
		display: block;
		padding: .41667rem 0;
	}

	.register .join-form .form-group .label {
		width: 100%;
		font-size: .8125rem;
	}

	.register .join-form .form-group .form-info-text {
		font-size: .625rem;
		line-height: 1.5;
	}
}

@media screen and (max-width:1161px) {
	.register .join-form .form-inner {
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner.other {
		display: block;
	}
}

.register .join-form .form-inner .form-control {
	height: 2.70833rem;
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner .form-control {
		font-size: .875rem;
	}
}

.register .join-form .form-inner .form-control.pull {
	width: 32.5rem;
}

@media screen and (max-width:1161px) {
	.register .join-form .form-inner .form-control.pull {
		width: 100%;
	}

	.register .join-form .form-inner .form-control.pull.other {
		width: 14.58333rem;
	}
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner .form-control.pull.other {
		width: 100%;
	}
}

.register .join-form .form-inner>button {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 6.25rem;
	margin-left: .9375rem;
	background-color: #d1d1d1;
	color: #000;
	border: none;
	border-radius: 5px;
}

.register .join-form .form-inner>button.disabled,.register .join-form .form-inner>button:disabled {
	opacity: .65;
}

.register .join-form .form-inner>button:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner>button {
		width: 100%;
		font-size: .875rem;
		margin-left: 0;
		margin-top: .625rem;
	}
}

.register .join-form .form-inner.birth .form-control {
	width: 10rem;
	margin-right: 1.25rem;
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner.birth .form-control {
		width: auto;
		flex: 1;
		margin-right: 0;
	}

	.register .join-form .form-inner.birth .form-control+.form-control {
		margin-left: .625rem;
	}
}

.register .join-form .form-inner.phone .form-control {
	width: 10rem;
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner.phone .form-control {
		flex: 1;
		margin-right: 0;
		width: 100%;
	}
}

.register .join-form .form-inner.phone .hypen {
	width: auto;
	margin: .625rem .5rem;
}

.register .join-form .form-inner.email .form-control {
	width: 18.125rem;
}

@media screen and (max-width:1161px) {
	.register .join-form .form-inner.email .form-control {
		width: 9.375rem;
	}
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner.email .form-control {
		width: 100%;
		margin-bottom: .9375rem;
	}
}

.register .join-form .form-inner.email .at {
	width: auto;
	margin: .625rem .5rem;
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner.email .at {
		width: 100%;
		display: none;
	}
}

.register .join-form .form-inner.email select {
	margin-left: .625rem;
	width: 8.125rem;
}

@media screen and (max-width:480px) {
	.register .join-form .form-inner.email select {
		margin-left: 0;
		width: 100%;
	}
}

.register .join-form .address1,.register .join-form .address2 {
	margin-top: .625rem;
}

.register .join-form .common-radio {
	padding: 1.125rem 0;
}

.register .join-form .agree-box {
	margin-top: 5.625rem;
}

.register .agree-box .form-group {
	padding: 1.25rem 0;
}

.register .agree-box .form-inner {
	margin: .625rem 0;
	justify-content: space-between;
	width: 100%;
	font-size: 1.125rem;
}

@media screen and (max-width:480px) {
	.register .agree-box .form-inner {
		font-size: .875rem;
	}
}

.register .agree-box .form-inner span {
	font-size: 1.125rem;
	color: #777;
}

@media screen and (max-width:480px) {
	.register .agree-box .form-inner span {
		font-size: .875rem;
	}
}

.register .agree-box .form-inner span.req {
	color: #f20000;
}

.register .agree-box .form-inner .btn-more {
	color: #606060;
	font-size: .9375rem;
	padding-right: .9375rem;
	background-color: transparent;
	background-image: url(../images/icon/icon-more-arrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-position: right center;
}

@media screen and (max-width:480px) {
	.register .agree-box .form-inner .btn-more {
		font-size: .75rem;
	}
}

@media screen and (max-width:480px) {
	.register .agree-box .check-box-wrap {
		display: block;
		width: 100%;
	}
}

.register .agree-box .check-box-wrap>.common-checks {
	float: left;
	margin-left: 1.875rem;
}

@media screen and (max-width:480px) {
	.register .agree-box .check-box-wrap>.common-checks {
		float: none;
		display: inline-block;
		margin: .625rem .625rem 0 0;
	}
}

.register .agree-box .btn-wrap {
	border-top: 2px solid #232323;
	text-align: center;
}

.find_id {
	padding: 6.5625rem 0 13.75rem 0;
}

@media screen and (max-width:1161px) {
	.find_id {
		width: 100%;
		padding: 2.1875rem .83333rem 4.58333rem .83333rem;
	}
}

@media screen and (max-width:480px) {
	.find_id {
		padding: 0 .83333rem 1.875rem .83333rem;
	}
}

.find_id>h3 {
	padding-top: 30px;
	text-align: center;
	color: #202020;
	font-size: 2.125rem;
	font-weight: 500;
}

.find_id>h3 small {
	color: #696969;
	font-size: 1.125rem;
	font-weight: 300;
}

@media screen and (max-width:480px) {
	.find_id>h3 small {
		font-size: .875rem;
		line-height: .8;
	}
}

@media screen and (max-width:1161px) {
	.find_id>h3 {
		font-size: 1.0625rem;
	}
}

@media screen and (max-width:480px) {
	.find_id>h3 {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:480px) {
	.find_id>h3 .br {
		display: block;
	}
}

.find_id .result-text {
	text-align: center;
	color: #202020;
	display: block;
	font-weight: 300;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative;
	padding: 7.5rem 0 3.75rem 0;
}

.find_id .result-text:after {
	content: "";
	background-color: transparent;
	background-image: url(../images/register/step-info-icon.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 4.875rem;
	height: 4.875rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2.4375rem;
	display: block;
	background-size: cover;
}

@media screen and (max-width:480px) {
	.find_id .result-text:after {
		width: 4.79167rem;
		height: 4.79167rem;
	}
}

.find_id .result-text>strong {
	display: inline-block;
	font-size: 1.625rem;
	font-weight: 500;
	color: #037291;
}

@media screen and (max-width:480px) {
	.find_id .result-text>strong {
		font-size: 1.20833rem;
	}

	.find_id .result-text>strong>span {
		display: block;
	}
}

.find_id .result-text>strong.completed {
	color: #037291;
}

.find_id .result-text>span {
	font-size: 1.625rem;
}

@media screen and (max-width:1161px) {
	.find_id .result-text {
		line-height: 1.5;
	}

	.find_id .result-text>strong {
		font-size: 1.25rem;
		word-break: keep-all;
	}
}

@media screen and (max-width:480px) {
	.find_id .result-text {
		font-size: 1.20833rem;
		word-break: keep-all;
	}

	.find_id .result-text>span {
		font-size: 1.02083rem;
	}
}

.find_id .btn-find-id {
	width: 180px;
}

.find_id .member-popup-tab {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: .625rem;
	margin-top: 2.5rem;
}

.find_id .member-popup-tab li {
	flex: 1;
	display: block;
	position: relative;
}

.find_id .member-popup-tab li+li {
	margin-left: -1px;
}

.find_id .member-popup-tab li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.125rem;
	border: 1px solid #bababa;
	color: #393939;
	font-size: .9375rem;
}

.find_id .member-popup-tab li.current {
	z-index: 2;
}

.find_id .member-popup-tab li.current a {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}

.find_id .btn-wrap {
	text-align: center;
}

.find_id .btn-wrap .fa-lock {
	margin-left: 10px;
}

.find_id .btn {
	font-size: 1rem;
	padding: .9375rem;
	border-radius: 1.875rem;
	margin-top: 1.875rem;
}

.find_id .btn.btn-cancle,.find_id .btn.btn-confirm,.find_id .btn.btn-home,.find_id .btn.btn-login {
	width: 11.25rem;
	position: relative;
	padding: .9375rem 3.125rem .9375rem .9375rem;
}

.find_id .btn.btn-cancle:after,.find_id .btn.btn-confirm:after,.find_id .btn.btn-home:after,.find_id .btn.btn-login:after {
	content: "";
	position: absolute;
	background-size: cover;
	right: 1.5625rem;
	top: 50%;
}

@media screen and (max-width:480px) {
	.find_id .btn.btn-cancle,.find_id .btn.btn-confirm,.find_id .btn.btn-home,.find_id .btn.btn-login {
		width: 9.16667rem;
		font-size: .875rem;
	}
}

.find_id .btn.btn-login {
	margin-left: .9375rem;
}

@media screen and (max-width:480px) {
	.find_id .btn.btn-login {
		margin-left: .3125rem;
	}
}

.find_id .btn.btn-login:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-login-arrow.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 14px;
	height: 10px;
	margin-top: -4px;
}

.find_id .btn.btn-login.dark {
	border-color: #212121;
	background-color: #212121;
	color: #fff;
}

.find_id .btn.btn-home:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-home.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 15px;
	height: 13px;
	margin-top: -7.5px;
}

.find_id .btn.btn-confirm:after {
	background-color: transparent;
	background-image: url(../images/icon/icon-check.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 13px;
	height: 9px;
	margin-top: -4.5px;
}

.find_id .find-id-form {
	border: 1px solid #d9d9d9;
	padding: 5rem 2.5rem;
	text-align: center;
}

.find_id .find-id-form .form-group {
	border: none;
	padding: .625rem 1.5625rem;
}

@media screen and (max-width:1161px) {
	.find_id .find-id-form .form-group .form-inner {
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner.other {
		display: block;
	}
}

.find_id .find-id-form .form-group .form-inner .form-control {
	height: 2.70833rem;
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner .form-control {
		font-size: .875rem;
	}
}

.find_id .find-id-form .form-group .form-inner .form-control.pull {
	width: 32.5rem;
}

@media screen and (max-width:1161px) {
	.find_id .find-id-form .form-group .form-inner .form-control.pull {
		width: 100%;
	}

	.find_id .find-id-form .form-group .form-inner .form-control.pull.other {
		width: 14.58333rem;
	}
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner .form-control.pull.other {
		width: 100%;
	}
}

.find_id .find-id-form .form-group .form-inner>button {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 6.25rem;
	margin-left: .9375rem;
	background-color: #d1d1d1;
	color: #000;
	border: none;
	border-radius: 5px;
}

.find_id .find-id-form .form-group .form-inner>button.disabled,.find_id .find-id-form .form-group .form-inner>button:disabled {
	opacity: .65;
}

.find_id .find-id-form .form-group .form-inner>button:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner>button {
		width: 100%;
		font-size: .875rem;
		margin-left: 0;
		margin-top: .625rem;
	}
}

.find_id .find-id-form .form-group .form-inner.email .form-control {
	width: 18.75rem;
}

@media screen and (max-width:1161px) {
	.find_id .find-id-form .form-group .form-inner.email .form-control {
		width: 9.375rem;
	}
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner.email .form-control {
		width: 100%;
		margin-bottom: .9375rem;
		display: block;
	}
}

.find_id .find-id-form .form-group .form-inner.email .at {
	width: auto;
	margin: .625rem .5rem;
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner.email .at {
		width: 100%;
		display: none;
	}
}

.find_id .find-id-form .form-group .form-inner.email select {
	margin-left: 1.25rem;
	width: 13.125rem;
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .form-group .form-inner.email select {
		margin-left: 0;
	}
}

.find_id .find-id-form .form-group label {
	width: 6.25rem;
}

.find_id .find-id-form .underline {
	border-bottom: 1px solid #e9e9e9;
}

@media screen and (max-width:480px) {
	.find_id .find-id-form .underline {
		border: none;
	}
}

@media screen and (max-width:480px) {
	.find_id .find-id-form {
		padding: 1.25rem 0 3.125rem 0;
	}
}

.register-edit-menu {
	width: 100%;
	border-bottom: 1px solid #dde1e3;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width:480px) {
	.register-edit-menu {
		margin-top: 3.125rem;
	}
}

.register-edit-menu a {
	display: block;
	font-size: 18px;
	color: #6d6d6d;
	margin: 0 30px;
	padding: 20px 0;
	font-weight: 500;
	position: relative;
	text-align: center;
}

@media screen and (max-width:480px) {
	.register-edit-menu a {
		font-size: .875rem;
		width: 50%;
		margin: 0;
		padding: .875rem 0;
	}
}

.register-edit-menu a.on,.register-edit-menu a:hover {
	color: #00566e;
}

.register-edit-menu a.on:before,.register-edit-menu a:hover:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: #00566e;
}

.register.edit .title-area {
	text-align: left;
}

.register.edit .title-area h3 {
	font-size: 39px;
}

@media screen and (max-width:480px) {
	.register.edit .title-area h3 {
		font-size: 1.25rem;
	}
}

.register.edit .title-area .txt {
	margin-top: 17px;
	font-size: 18px;
	color: #444;
	line-height: 30px;
}

@media screen and (max-width:480px) {
	.register.edit .title-area .txt {
		font-size: .8125rem;
		line-height: 1rem;
		margin-top: .625rem;
	}
}

.register.edit .title-area .txt span {
	color: #00566e;
}

.join-form.edit {
	margin-top: 50px;
	width: 100%;
	border: 1px solid #dedede;
	border-top: 2px solid #222;
}

@media screen and (max-width:1161px) {
	.join-form.edit {
		border: 0;
		border-top: 2px solid #222;
	}
}

@media screen and (max-width:480px) {
	.join-form.edit {
		width: auto;
		margin-bottom: 0;
		margin: 0;
		margin-top: 2.25rem;
		border-bottom: 1px solid #bdbdbd;
	}
}

.join-form.edit .form-group {
	padding: 0;
	align-items: stretch;
}

@media screen and (max-width:1161px) {
	.join-form.edit .form-group {
		border-bottom: 0;
	}
}

.join-form.edit .form-group .form-inner {
	width: 100%;
}

.join-form.edit .form-group textarea {
	width: 100%;
	border: 1px solid #c9c9c9;
	padding: 10px;
}

.join-form.edit .form-group textarea:focus {
	border: 1px solid #00566e;
}

.join-form.edit .form-group>div {
	padding: 20px 30px;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.join-form.edit .form-group>div {
		padding: 10px 0 30px;
	}
}

@media screen and (max-width:480px) {
	.join-form.edit .form-group>div {
		padding: .4375rem 0 1.3125rem;
	}
}

.join-form.edit .form-group .form-inner.pw {
	display: block;
	position: relative;
	width: 100%;
}

.join-form.edit .form-group .form-inner.pw .btn {
	margin-bottom: 13px;
}

.join-form.edit .form-group .form-inner.pw input {
	display: block;
}

.join-form.edit .form-group .form-inner.pw input+input,.join-form.edit .form-group .form-inner.pw span+input {
	margin-top: 13px;
}

.join-form.edit .form-group .form-inner.pw .form-info-text {
	position: absolute;
	top: 129px;
	left: 558px;
}

@media screen and (max-width:1161px) {
	.join-form.edit .form-group .form-inner.pw .form-info-text {
		position: static;
	}
}

@media screen and (max-width:480px) {
	.join-form.edit .form-group .txt {
		font-size: .9375rem;
	}
}

.join-form.edit .form-group .btn {
	display: inline-block;
	border-radius: 5px;
	padding: 9px 10px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.join-form.edit .form-group .btn.gray {
	background: #6a6a6a;
}

.join-form.edit label.label {
	background: #f8f8f8;
	padding: 30px 20px;
}

@media screen and (max-width:1161px) {
	.join-form.edit label.label {
		background: #fff;
		padding: 10px 0;
	}
}

@media screen and (max-width:480px) {
	.join-form.edit label.label {
		padding: .4375rem 0;
	}
}

.my-study-home .divider-line {
	background: #f1f2f2;
	border: 0 none;
	height: 1px;
	width: 100%;
}

.my-study-home .class-list-item {
	border: 1px solid #ebedee;
	background-color: #fff;
	position: relative;
}

.my-study-home .class-list-item:after {
	content: '';
	display: block;
	width: 100%;
	height: 12px;
	left: 0;
	bottom: -13px;
	background-color: transparent;
	background-image: url(../images/mystudy/class-item-bottom.gif);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.my-study-home .class-list-item.empty {
	height: calc(100% - 8px);
}

.my-study-home .class-list-item.empty .empty-text {
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #6f6f6f;
	font-size: 22px;
	text-align: center;
}

@media screen and (max-width:480px) {
	.my-study-home .class-list-item.empty .empty-text {
		height: 100%;
	}
}

.my-study-home .class-list-item+.class-list-item {
	margin-left: 14px;
}

.my-study-home .class-list-item .category {
	border-bottom: 1px solid #f1f1f1;
	padding: 0 29px;
	height: 55px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	color: #202020;
	font-size: 15px;
	font-weight: 500;
}

.my-study-home .class-list-item .item-body {
	padding: 29px;
}

.my-study-home .class-list-item .item-body .swiper-container {
	width: 100%;
}

.my-study-home .class-list-item .item-body .swiper-container .swiper-pagination {
	bottom: auto;
	top: -10px;
	text-align: right;
}

.my-study-home .class-list-item .item-body .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	transition: all .3s ease;
}

.my-study-home .class-list-item .item-body .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 18px;
	background: #0585a6;
}

@media screen and (max-width:480px) {
	.my-study-home .class-list-item .item-body .swiper-container .swiper-pagination {
		display: none;
	}

	.my-study-home .class-list-item .item-body .swiper-container .swiper-pagination .swiper-pagination-bullet {
		display: none;
	}

	.my-study-home .class-list-item .item-body .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		display: none;
	}
}

.my-study-home .class-list-item .item-body .swiper-container .swiper-button-next,.my-study-home .class-list-item .item-body .swiper-container .swiper-button-prev {
	color: #6b6b6b;
	top: 35%;
}

@media screen and (max-width:480px) {
	.my-study-home .class-list-item .item-body .swiper-container .swiper-button-next:after,.my-study-home .class-list-item .item-body .swiper-container .swiper-button-prev:after {
		display: none;
	}
}

.my-study-home .class-list-item .item-body .swiper-container .swiper-button-disabled {
	display: none;
}

.my-study-home .class-list-item .item-body .class-title {
	color: #202020;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	margin: 0 0 26px;
	text-align: center;
}

@media screen and (max-width:480px) {
	.my-study-home .class-list-item .item-body .class-title {
		margin: 0 0 17px;
	}
}

.my-study-home .class-list-item .item-body .class-step {
	color: #111;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	line-height: 1em;
	margin: 15px 0 25px;
}

.my-study-home .class-list-item .item-body .divider {
	display: block;
	border: 0 none;
	width: 100%;
	height: 1px;
	background-color: #efefef;
	margin-bottom: 15px;
}

.my-study-home .class-list-item .item-body .class-info {
	margin: 0 0 28px;
}

.my-study-home .class-list-item .item-body .class-info dl {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	font-size: 14px;
	font-weight: 400;
	color: #202020;
	line-height: 1.92857em;
}

.my-study-home .class-list-item .item-body .class-info dl dt {
	width: 50px;
	flex-shrink: 0;
	padding-left: 3px;
	position: relative;
}

.my-study-home .class-list-item .item-body .class-info dl dt:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #e5e5e5;
}

.my-study-home .class-list-item .item-body .class-info dl dd {
	flex-grow: 1;
	padding-left: 13px;
}

.my-study-home .class-list-item .item-body .class-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

.my-study-home .class-list-item .item-body .class-actions .btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 98px;
	height: 41px;
	border-radius: 20px;
	font-size: 14px;
}

.my-study-home .class-list-item .item-body .class-actions .btn+.btn {
	margin-left: 5px;
}

@media screen and (max-width:480px) {
	.my-study-home .class-list-item .item-body {
		padding: 1.875rem 1.45833rem;
	}
}

.my-study-home .page-sub {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	height: 19.0625rem;
	justify-content: center;
	align-items: center;
	background-color: #f2f4f5;
}

@media screen and (max-width:1161px) {
	.my-study-home .page-sub {
		height: 250px;
	}
}

.my-study-home .page-sub .form-control-group {
	box-shadow: 0 11px 18px 0 rgba(0,0,0,.09),inset 0 0 0 1px rgba(214,214,214,.004);
}

.my-study-home .page-sub .form-control-group .attand-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	border: 1px solid #d6d6d6;
	background-color: #fff;
	margin-right: -1px;
	width: 235px;
}

.my-study-home .page-sub .form-control-group .attand-info .thumb {
	height: 70px;
}

.my-study-home .page-sub .form-control-group .attand-info .user-name {
	display: block;
	color: #222;
	font-size: 16px;
	font-weight: 500;
	margin-right: 8px;
}

.my-study-home .page-sub .form-control-group .attand-info .user-id {
	display: block;
	color: #777;
	font-size: 16px;
	font-weight: 500;
}

.my-study-home .page-sub .form-control-group .attand-info .user-id {
	display: inline-block;
}

.my-study-home .page-sub .form-control {
	height: 70px;
}

.my-study-home .page-sub .form-ctrl-2 {
	height: 72px!important;
}

.my-study-home .page-sub .title {
	color: #222;
	font-size: 2.875rem;
	font-weight: 500;
	line-height: 1em;
}

@media screen and (max-width:1161px) {
	.my-study-home .page-sub .title {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .page-sub {
		display: block;
		height: auto;
		padding-bottom: 30px;
		box-sizing: border-box;
		margin-top: 3.25rem;
	}

	.my-study-home .page-sub .form-control-group {
		display: block;
		position: relative;
		margin-left: 1.04167rem;
		margin-right: 1.04167rem;
		box-shadow: none;
	}

	.my-study-home .page-sub .form-control-group input::placeholder {
		font-size: .875rem;
		font-weight: 300;
	}

	.my-study-home .page-sub .title {
		font-size: 32px;
		font-weight: 500;
		line-height: 1em;
		text-align: center;
		padding-top: 1.875rem;
	}

	.my-study-home .page-sub .form-control {
		height: 60px;
	}

	.my-study-home .page-sub .form-ctrl-2 {
		height: 62px!important;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .page-sub-1 {
		height: auto;
		padding-bottom: 30px;
	}

	.my-study-home .page-sub-1 .form-control-group {
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 16px 16px 0 rgba(0,0,0,.11),inset 0 0 0 2px rgba(3,114,145,.004);
	}

	.my-study-home .page-sub-1 .form-control-group .form-control {
		width: 100%!important;
		flex-grow: 1;
		margin-top: -1px;
		height: 60px!important;
	}

	.my-study-home .page-sub-1 .form-control-group .form-ctrl-1 {
		width: calc(100% - 60px)!important;
	}

	.my-study-home .page-sub-1 .form-control-group .btn {
		flex-shrink: 0;
		width: 60px!important;
		margin-top: -1px;
		margin-right: -1px;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .page-sub-2 {
		height: auto;
		padding-bottom: 30px;
	}

	.my-study-home .page-sub-2 .form-control-group {
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 16px 16px 0 rgba(0,0,0,.11),inset 0 0 0 2px rgba(3,114,145,.004);
		margin-right: 20px;
		margin-left: 20px;
	}

	.my-study-home .page-sub-2 .form-control-group .attand-info {
		width: 100%!important;
		height: 62px;
		flex-grow: 1;
		margin-right: 0;
	}

	.my-study-home .page-sub-2 .form-control-group .attand-info .thumb {
		width: 60px;
		height: 60px;
	}

	.my-study-home .page-sub-2 .form-control-group .form-ctrl-1 {
		width: calc(100% - 70px)!important;
		margin-top: -1px;
	}

	.my-study-home .page-sub-2 .form-control-group .btn-m- {
		flex-shrink: 0;
		width: 68px!important;
		margin-top: -1px;
		margin-right: -1px;
	}

	.my-study-home .page-sub-2 .form-control-group .form-ctrl-2 {
		width: calc(100% - 68px)!important;
		margin-top: -1px;
	}
}

.my-study-home .itc-community-list .text-check {
	border: 1px solid #d9d9d9;
	border-radius: .3125rem;
	width: 57.5rem;
	height: 4.875rem;
	background: #fafafa;
	resize: none;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .text-check {
		width: 15.95833rem;
		height: 3.20833rem;
		margin-bottom: 1.875rem;
		font-size: 15px;
	}
}

.my-study-home .itc-community-list .list-item.notice {
	background-color: #fbfbfb;
}

.my-study-home .itc-community-list .thumb {
	width: 120px;
}

.my-study-home .itc-community-list .thumb .name {
	text-align: center;
	margin-top: .625rem;
	font-size: 1rem;
}

.my-study-home .itc-community-list .thumb .name span {
	display: block;
	font-size: .875rem;
	color: #8d8d8d;
}

.my-study-home .itc-community-list .thumb .status-label,.my-study-home .itc-community-list .thumb img {
	margin-left: auto;
	margin-right: auto;
}

.my-study-home .itc-community-list .thumb img {
	display: block;
	width: 66px;
	height: 66px;
	border-radius: 100%;
	border: 1px solid #ddd;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .thumb img {
		width: 45px;
		height: 45px;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .thumb {
		width: 3.125rem;
	}

	.my-study-home .itc-community-list .thumb .orange {
		width: 40px;
		height: 40px;
	}
}

.my-study-home .itc-community-list .writer-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.my-study-home .itc-community-list .writer-info .user-name {
	display: block;
	color: #222;
	font-size: .875rem;
	font-weight: 500;
	margin-right: 2.5rem;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .writer-info .user-name {
		margin-right: 0;
	}
}

.my-study-home .itc-community-list .writer-info .divider {
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #cacaca;
	margin: 0 12px;
}

.my-study-home .itc-community-list .writer-info .user-id {
	display: block;
	color: #777;
	font-size: .875rem;
	font-weight: 500;
}

.my-study-home .itc-community-list .writer-info .datetime {
	display: block;
	color: #828181;
	font-size: .875rem;
	font-weight: 300;
	font-family: Roboto,sans-serif;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .writer-info .user-id {
		font-size: 14px;
	}

	.my-study-home .itc-community-list .writer-info .user-name {
		font-size: 14px;
	}

	.my-study-home .itc-community-list .writer-info .datetime {
		font-size: 14px;
	}
}

.my-study-home .itc-community-list a {
	display: block;
	width: 100%;
	color: #383838;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 40px;
}

.my-study-home .itc-community-list .actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.my-study-home .itc-community-list .actions .list-item-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.my-study-home .itc-community-list .actions .list-item-info dl {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.my-study-home .itc-community-list .actions .list-item-info dl dt {
	color: #8e8e8e;
	margin-right: 9px;
}

.my-study-home .itc-community-list .actions .list-item-info dl dd {
	color: #037291;
	font-size: 16px;
}

.my-study-home .itc-community-list .actions .list-item-info dl+dl:before {
	content: '';
	display: block;
	margin: 0 13px;
	width: 1px;
	height: 13px;
	background-color: #d4d4d4;
}

.my-study-home .itc-community-list .right-actions .btn.outline {
	width: 54px;
	height: 31px;
	border-radius: 15px;
	margin-left: 5px;
}

.my-study-home .itc-community-list .right-actions .btn.primary {
	width: 54px;
	height: 31px;
	border-radius: 15px;
}

.my-study-home .itc-community-list .list-item- {
	position: relative;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .list-item- .right-actions {
		position: absolute;
		left: 61px;
		bottom: 18px;
	}
}

.my-study-home .itc-community-list .description {
	color: #383838;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75em;
	height: 3.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	margin: 0 0 25px;
	width: 64.0625rem;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .description {
		width: 15.625rem;
	}
}

.my-study-home .itc-community-list .list-item-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.my-study-home .itc-community-list .list-item-header a {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
}

.my-study-home .itc-community-list .list-item-header .writer-info {
	margin-left: auto;
	flex-shrink: 0;
	margin-bottom: 0;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .list-item-header {
		display: block;
	}

	.my-study-home .itc-community-list .list-item-header a {
		margin-top: 10px;
	}
}

.my-study-home .itc-community-list .btn-like {
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 30px;
}

.my-study-home .itc-community-list .btn-like i {
	margin-right: 8px;
	color: #484238;
}

.my-study-home .itc-community-list .btn-like span {
	color: #037291;
	font-size: 16px;
}

.my-study-home .itc-community-list .list-item-1 {
	width: 74.0625rem;
	box-sizing: border-box;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .list-item-1 {
		width: 100%;
	}

	.my-study-home .itc-community-list .list-item-1 .thumb {
		width: 2.5rem;
	}

	.my-study-home .itc-community-list .list-item-1 .thumb .name {
		display: none;
	}

	.my-study-home .itc-community-list .list-item-1 .thumb .status-label,.my-study-home .itc-community-list .list-item-1 .thumb img {
		margin-left: auto;
		margin-right: auto;
	}

	.my-study-home .itc-community-list .list-item-1 .thumb img {
		display: block;
		width: 40px;
		height: 40px;
	}

	.my-study-home .itc-community-list .list-item-1 .list-item-body {
		margin-left: 10px;
	}

	.my-study-home .itc-community-list .list-item-1 .list-item-body .list-item-header .writer-info .divider {
		display: none;
	}

	.my-study-home .itc-community-list .list-item-1 .list-item-body .list-item-header .writer-info .user-id {
		display: none;
	}

	.my-study-home .itc-community-list .list-item-1 .list-item-body .list-item-header .writer-info .user-name {
		display: none;
	}

	.my-study-home .itc-community-list .list-item-1 .list-item-body .list-item-header .writer-info .datetime {
		display: none;
	}

	.my-study-home .itc-community-list .list-item-1 .description {
		font-size: 16px;
		font-weight: 300;
		line-height: 26px;
		height: 3.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		margin: 0 0 25px;
		width: 64.0625rem;
	}
}

@media screen and (max-width:480px) and (max-width:480px) {
	.my-study-home .itc-community-list .list-item-1 .description {
		width: 15.625rem;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .list-item-1 .actions {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: center;
	}

	.my-study-home .itc-community-list .list-item-1 .actions .btn-like {
		margin-right: 1.04167rem;
		border-radius: 5px;
	}

	.my-study-home .itc-community-list .list-item-1 .actions span {
		font-size: 14px;
		color: #777;
	}

	.my-study-home .itc-community-list .list-item-1 .actions .list-item-info {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.my-study-home .itc-community-list .list-item-1 .actions .list-item-info dl {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: center;
	}

	.my-study-home .itc-community-list .list-item-1 .actions .list-item-info dl dt {
		color: #8e8e8e;
		margin-right: 3px;
	}

	.my-study-home .itc-community-list .list-item-1 .actions .list-item-info dl dd {
		color: #037291;
		font-size: 14px;
		margin-left: .3125rem;
	}

	.my-study-home .itc-community-list .list-item-1 .actions .list-item-info dl+dl:before {
		content: '';
		display: block;
		margin: 0 13px;
		width: 1px;
		height: 13px;
		background-color: #d4d4d4;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .thumb-m {
		margin-right: 10px;
	}
}

.my-study-home .itc-community-list .mobile-only {
	display: none;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .mobile-only {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.my-study-home .itc-community-list .mobile-only .name {
		font-size: 14px;
	}

	.my-study-home .itc-community-list .mobile-only .id {
		color: #777;
		margin-left: 2px;
	}

	.my-study-home .itc-community-list .mobile-only .user-id {
		font-size: 14px;
		color: #777;
	}

	.my-study-home .itc-community-list .mobile-only .info-right {
		flex-shrink: 0;
		margin-left: auto;
	}

	.my-study-home .itc-community-list .mobile-only .user-name {
		font-size: 14px;
	}
}

.my-study-home .itc-community-list .mobile-only-bottom {
	display: none;
}

@media screen and (max-width:480px) {
	.my-study-home .itc-community-list .mobile-only-bottom {
		display: flex;
		width: 100%;
	}

	.my-study-home .itc-community-list .mobile-only-bottom .datetime {
		margin-left: auto;
	}
}

.my-study-home .class-lecture-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 52px;
}

.my-study-home .class-lecture-info .category {
	width: 100px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	height: 52px;
	border-right: 1px dashed #e0e0e0;
}

.my-study-home .class-lecture-info .class-lecture-title {
	color: #222;
	font-size: 18px;
	font-weight: 300;
	padding-left: 23px;
}

.my-study-home .class-lecture-info .class-lecture-term {
	color: #222;
	font-size: 16px;
	font-weight: 300;
	margin-top: 10px;
}

@media screen and (max-width:480px) {
	.my-study-home .class-lecture-info .class-lecture-term {
		font-size: 14px;
	}
}

.my-study-home .translate-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	width: 100%;
}

.my-study-home .translate-list .translate-list-item {
	flex-grow: 1;
	max-width: 30%;
	border: 1px solid #ebedee;
	border-radius: 5px;
	background-color: #fff;
	position: relative;
	padding: 2.8125rem 2.1875rem 1.6875rem 2.1875rem;
}

.my-study-home .translate-list .translate-list-item .category {
	height: 55px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	color: #202020;
	font-size: 16px;
	font-weight: 500;
}

.my-study-home .translate-list .translate-list-item .class-info {
	margin: 0 0 28px;
}

.my-study-home .translate-list .translate-list-item .class-info dl {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	font-size: 14px;
	font-weight: 400;
	color: #202020;
	line-height: 1.92857em;
}

.my-study-home .translate-list .translate-list-item .class-info dl dt {
	width: 50px;
	flex-shrink: 0;
	padding-left: 3px;
	position: relative;
}

.my-study-home .translate-list .translate-list-item .class-info dl dt:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #e5e5e5;
}

.my-study-home .translate-list .translate-list-item .class-info dl dd {
	flex-grow: 1;
	padding-left: 13px;
}

.my-study-home .translate-list .translate-list-item .class-actions {
	display: flex;
}

.my-study-home .translate-list .translate-list-item .class-actions .btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 98px;
	height: 41px;
	border-radius: 20px;
}

.my-study-home .translate-list .translate-list-item .class-actions .btn+.btn {
	margin-left: 5px;
}

.my-study-home .publish-scholl-swiper {
	margin: 0;
}

@media screen and (max-width:480px) {
	.my-study-home .H70 {
		height: 30px!important;
	}

	.my-study-home .title10 {
		margin-bottom: -10px;
	}

	.my-study-home .H25 {
		height: 0!important;
	}

	.my-study-home .H50 {
		height: 30px!important;
	}

	.my-study-home .title20 {
		margin-bottom: 20px;
	}

	.my-study-home .H45 {
		height: 30px!important;
	}

	.my-study-home .mt17 {
		margin-top: 17px;
	}

	.my-study-home .mb20 {
		margin-bottom: 20px;
	}

	.my-study-home .H160 {
		height: 125px!important;
	}

	.my-study-home .MT45 {
		margin-top: 23px!important;
	}
}

.my-study-home .my-class-info {
	padding: 47px 0;
	background-color: #f0f1f2;
}

.my-study-home .my-class-info .container {
	position: relative;
}

.my-study-home .my-class-info .swiper-button-next,.my-study-home .my-class-info .swiper-button-prev {
	width: 65px;
	height: 65px;
	text-indent: -9999px;
	z-index: 10;
}

.my-study-home .my-class-info .swiper-slide {
	align-self: stretch;
	height: auto;
}

.my-study-home .my-class-info .swiper-button-next {
	background-color: transparent;
	background-image: url(../images/mystudy/class-swiper-button-next.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	right: -32px;
}

@media screen and (max-width:480px) {
	.my-study-home .my-class-info .swiper-button-next {
		right: -5px;
	}
}

.my-study-home .my-class-info .swiper-button-prev {
	background-color: transparent;
	background-image: url(../images/mystudy/class-swiper-button-prev.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	left: -32px;
}

@media screen and (max-width:480px) {
	.my-study-home .my-class-info .swiper-button-prev {
		left: -5px;
	}
}

.my-study-home .my-class-info .title {
	line-height: 1em;
	color: #222;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	margin: 0 0 27px;
}

.my-study-home .my-class-info .class-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	width: 100%;
}

@media screen and (max-width:480px) {
	.my-study-home .my-class-info .title {
		font-size: 1.10417rem;
		font-weight: 500;
	}
}

.my-study-home .my-ask-info {
	padding: 60px 0 140px;
}

.my-study-home .my-ask-info .group-header {
	margin-bottom: 30px;
}

@media screen and (max-width:480px) {
	.my-study-home .my-ask-info .group-header .title {
		font-size: 1.10417rem;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .my-ask-info .group-header .right a {
		font-size: 14px;
	}
}

.my-study-home .my-ask-info .swiper-pagination {
	position: relative;
	bottom: auto;
	margin-top: 30px;
}

.my-study-home .my-ask-info .swiper-pagination .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	border-radius: 100%;
	border: 1px solid #0585a6;
	background-color: #fff;
	opacity: 1;
}

.my-study-home .my-ask-info .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #0585a6;
}

.my-study-home .my-ask-info .ask-item {
	height: 225px;
	border: 1px solid #e6e7e7;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	padding: 0 40px 35px;
	position: relative;
	align-items: center;
}

.my-study-home .my-ask-info .ask-item:after {
	content: '';
	display: block;
	position: absolute;
	background-color: transparent;
	background-image: url(../images/mystudy/ask-item-arrow.gif);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 24px;
	height: 16px;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}

.my-study-home .my-ask-info .ask-item .ask-content {
	flex-grow: 1;
	color: #222;
	font-size: 20px;
	font-family: Roboto,sans-serif;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.my-study-home .my-ask-info .ask-item .comments-count {
	color: #037291;
	font-size: 16px;
	font-family: Roboto,sans-serif;
	font-weight: 600;
	padding-left: 28px;
	background-image: url(../images/icon/icon-comments.png);
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: center;
}

.my-study-home .my-ask-info .ask-item .datetime {
	color: #222;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	line-height: 1em;
	font-family: Roboto,sans-serif;
}

.my-study-home .speaking-popup-wrap .form_lesson {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	height: 8.125rem;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:480px) {
	.my-study-home .speaking-popup-wrap .form_lesson .form-control-group {
		display: flex;
		flex-wrap: wrap;
	}

	.my-study-home .speaking-popup-wrap .form_lesson .form-control-group .form-control {
		width: 100%!important;
	}

	.my-study-home .speaking-popup-wrap .form_lesson .form-control-group .form-ctl-1 {
		width: calc(100% - 70px)!important;
		flex-grow: 1;
		margin-top: -1px;
	}

	.my-study-home .speaking-popup-wrap .form_lesson .form-control-group .btn-m {
		width: 70px;
		margin-top: -1px;
		margin-left: -1px;
		flex-shrink: 0;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .speaking-popup-wrap table td[data-th]:before {
		flex-shrink: 0;
		width: 5rem;
	}

	.my-study-home .speaking-popup-wrap table td.th-table-text {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.my-study-home .speaking-popup-wrap table td.th-table-text .table- {
		flex-grow: 1;
		margin-left: 0;
	}
}

.my-study-home .english-story-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.my-study-home .english-story-list li {
	padding: 45px 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border-bottom: 1px solid #ededed;
}

.my-study-home .english-story-list li .title {
	display: block;
	color: #111;
	font-size: 26px;
	font-weight: 500;
	line-height: 1em;
	margin: 0 0 20px;
}

@media screen and (max-width:480px) {
	.my-study-home .english-story-list li .title {
		font-size: .9375rem;
	}
}

.my-study-home .english-story-list li .description {
	margin: 0 0 15px;
	color: #3a3939;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.61111em;
	height: 6.44444em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

@media screen and (max-width:480px) {
	.my-study-home .english-story-list li .description {
		font-size: .8125rem;
		font-weight: 300;
	}
}

.my-study-home .english-story-list li .thumb {
	width: 290px;
	position: relative;
	margin-right: 38px;
}

.my-study-home .english-story-list li .thumb img {
	width: 290px;
	height: auto;
	display: block;
}

.my-study-home .english-story-list li .thumb .thumb-label {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.my-study-home .english-story-list li .thumb .thumb-label .level,.my-study-home .english-story-list li .thumb .thumb-label .score {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	height: 42px;
	width: 54px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	font-family: Roboto,sans-serif;
	justify-content: center;
	align-items: center;
}

.my-study-home .english-story-list li .thumb .thumb-label .score {
	background-color: #037291;
}

.my-study-home .english-story-list li .thumb .thumb-label .level {
	background-color: #ff8400;
}

@media screen and (max-width:480px) {
	.my-study-home .english-story-list li .thumb {
		width: 6.95833rem;
		margin-right: .625rem;
		margin-left: .625rem;
		position: relative;
	}

	.my-study-home .english-story-list li .thumb img {
		width: 5.27083rem;
	}

	.my-study-home .english-story-list li .thumb .thumb-label {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.my-study-home .english-story-list li .thumb .thumb-label .level,.my-study-home .english-story-list li .thumb .thumb-label .score {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		height: 1.1875rem;
		width: 1.5625rem;
		font-size: .625rem;
		justify-content: center;
		align-items: center;
	}
}

.my-study-home .english-story-list li .comment-info i {
	margin-right: 8px;
	color: #8e8e8e;
}

.my-study-home .english-story-list li .comment-info span {
	color: #037291;
	font-weight: 700;
	font-family: Roboto,sans-serif;
	font-size: 16px;
}

@media screen and (max-width:480px) {
	.my-study-home .english-story-list li {
		padding: 1.52083rem 0;
	}
}

.my-study-home .story-listen-view {
	padding-top: 2.1875rem;
}

.my-study-home .story-listen-view .btn-story-listen {
	margin-left: auto;
}

.my-study-home .story-listen-view .story-listen-content {
	margin-top: 3.125rem;
	margin-bottom: 3.125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
}

.my-study-home .story-listen-view .story-listen-content .figure {
	flex-shrink: 0;
}

.my-study-home .story-listen-view .story-listen-content .figure+.content-wrap {
	margin-left: 4.0625rem;
}

.my-study-home .story-listen-view .story-listen-content .content-wrap .title {
	color: #111;
	font-size: 2.5rem;
	font-family: Roboto,sans-serif;
	font-weight: 700;
	margin-bottom: .9375rem;
}

.my-study-home .story-listen-view .story-listen-content .content-wrap .content-wrap-inner {
	font-family: Roboto,sans-serif;
	font-weight: 300;
	line-height: 1.6em;
	font-size: 1.25rem;
}

.my-study-home .story-listen-view .story-listen-explain {
	background: #f2f4f7;
	padding: 4.375rem 0;
}

.my-study-home .story-listen-view .story-listen-explain .ex-title {
	color: #111;
	font-size: 1.75rem;
	font-weight: 600;
	font-family: Roboto,sans-serif;
	line-height: 1em;
	margin-bottom: .9375rem;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box {
	border-top: 2px solid transparent;
	background-color: #fff;
	border-radius: 9px;
	margin: 0 0 2.5rem;
	padding: 2.1875rem 2.5rem;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box .btn-view-description {
	display: none;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box.closed {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box.closed .content {
	display: none;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box.closed .btn-view-description {
	display: block;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box.blue {
	border-top-color: #3bcff8;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box.orange {
	border-top-color: #ffba00;
}

.my-study-home .story-listen-view .story-listen-explain .ex-box.gray {
	border-top-color: #b5b3ae;
}

@media screen and (max-width:480px) {
	.my-study-home .story-listen-view {
		padding-top: 0;
	}

	.my-study-home .story-listen-view .btn-story-listen {
		margin: 0 auto;
		width: 8.22917rem;
		margin-top: 30px;
	}

	.my-study-home .story-listen-view .story-listen-content {
		margin-top: 0;
		margin-bottom: 0;
		display: block;
		text-align: left;
	}

	.my-study-home .story-listen-view .story-listen-content .figure {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.my-study-home .story-listen-view .story-listen-content .figure+.content-wrap {
		margin-left: 0;
	}

	.my-study-home .story-listen-view .story-listen-content .content-wrap .title {
		font-size: 26px;
		font-weight: 400;
		margin-bottom: 0;
		margin-left: 10px;
	}

	.my-study-home .story-listen-view .story-listen-content .content-wrap .content-wrap-inner {
		font-weight: 300;
		line-height: 28px;
		font-size: 18px;
		margin-left: 10px;
		margin-bottom: 50px;
	}

	.my-study-home .story-listen-view .story-listen-explain {
		padding: 1.875rem 0;
	}

	.my-study-home .story-listen-view .story-listen-explain .ex-title {
		font-size: 1.10417rem;
		font-weight: 400;
		line-height: 1em;
		margin-bottom: .9375rem;
	}

	.my-study-home .story-listen-view .story-listen-explain .ex-box {
		font-size: .875rem;
		margin: 0 0 2.5rem;
		padding: 1.25rem .625rem;
		font-weight: 300;
	}

	.my-study-home .story-listen-view .story-listen-explain .ex-box .btn-view-description {
		display: none;
	}

	.my-study-home .story-listen-view .story-listen-explain .ex-box.closed {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.my-study-home .story-listen-view .story-listen-explain .ex-box.closed .content {
		display: none;
	}

	.my-study-home .story-listen-view .story-listen-explain .ex-box.closed .btn-view-description {
		display: block;
		width: 6.25rem;
	}
}

.my-study-home .translate-school-list {
	margin: 20px -8px 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

.my-study-home .translate-school-list .class-list-item {
	width: 33.333333%;
	border: 0 none;
	margin: 0;
	padding: 8px;
	align-self: stretch;
}

@media screen and (max-width:1161px) {
	.my-study-home .translate-school-list .class-list-item {
		width: 100%;
	}
}

.my-study-home .translate-school-list .class-list-item.empty {
	height: auto;
}

.my-study-home .translate-school-list .class-list-item .class-step {
	color: #111;
	font-size: 24px;
	font-weight: 500;
	padding-right: 80px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.4em;
	height: 36px;
}

@media screen and (max-width:1161px) {
	.my-study-home .translate-school-list .class-list-item .class-step {
		font-size: 1.16667rem;
	}
}

.my-study-home .translate-school-list .class-list-item .class-title {
	color: #222;
	font-weight: 700;
	font-size: 16px;
	text-align: left;
}

@media screen and (max-width:1161px) {
	.my-study-home .translate-school-list .class-list-item .class-title {
		font-size: .75rem;
	}
}

.my-study-home .translate-school-list .class-list-item:hover .item-body {
	border-color: #037291;
	box-shadow: 0 16px 16px 0 rgba(0,0,0,.11),inset 0 0 0 2px rgba(3,114,145,.004);
}

.my-study-home .translate-school-list .class-list-item .item-body {
	border: 1px solid #ebedee;
	border-radius: 5px;
	height: 317px;
}

.my-study-home .translate-school-list .class-list-item .item-body .swiper-container .swiper-button-next,.my-study-home .translate-school-list .class-list-item .item-body .swiper-container .swiper-button-prev {
	top: 25%;
}

.my-study-home .translate-school-list .class-list-item .item-body .swiper-container .swiper-button-prev {
	left: auto;
	right: 30px;
}

.my-study-home .translate-school-list .class-list-item .item-body .swiper-container .swiper-button-next {
	right: 0;
}

.my-study-home .translate-school-list .class-list-item .plain-text {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	height: 2.5625rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.my-study-home .translate-school-list .class-list-item .plain-text.blue {
	color: #037291;
}

.my-study-home .translate-school-list .class-list-item .plain-text.orange {
	color: #ff5400;
}

.my-study-home .translate-school-list .class-list-item:after {
	content: none;
}

.my-study-home .ask-list .category {
	width: 200px;
	color: #383838;
	font-size: 18px;
	font-weight: 400;
	padding: 0 35px;
}

.my-study-home .ask-list .status {
	width: 115px;
	padding: 0 25px;
}

.my-study-home .ask-list .list-item-body {
	flex-grow: 1;
}

.my-study-home .ask-list .list-item-body a {
	display: block;
	width: 100%;
	color: #383838;
	font-size: 18px;
	font-weight: 300;
	margin: 0 0 15px;
}

.my-study-home .ask-list .list-item-body .datetime {
	color: #828181;
	font-size: 16px;
	font-weight: 300;
	font-family: Roboto,sans-serif;
}

.my-study-home .ask-list .list-item-body .mobile-only {
	display: none;
}

@media screen and (max-width:480px) {
	.my-study-home .ask-list .list-item {
		display: block;
		position: relative;
		margin-left: 10px;
	}

	.my-study-home .ask-list .list-item .category {
		font-size: 16px;
		padding: 0;
		font-weight: 500;
	}

	.my-study-home .ask-list .list-item .status {
		width: 85px;
		padding: 0 25px;
		position: absolute;
		right: 0;
		top: 40px;
	}

	.my-study-home .ask-list .list-item .list-item-body {
		flex-grow: 1;
	}

	.my-study-home .ask-list .list-item .list-item-body a {
		display: block;
		width: 14.79167rem;
		font-size: 18px;
		font-weight: 400;
		margin-top: 10px;
	}

	.my-study-home .ask-list .list-item .list-item-body .datetime {
		color: #828181;
		font-size: 14px;
		font-weight: 400;
		font-family: Roboto,sans-serif;
	}
}

.my-study-home .mystudy-header.customer {
	display: none;
}

@media screen and (max-width:1161px) {
	.my-study-home .mystudy-header.customer {
		display: block;
	}
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center {
		padding-top: 46px;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center {
		padding-top: 3.25rem;
	}
}

.my-study-home .customer-center .top-visual {
	width: 100%;
	height: 484px;
	background: url(../images/mystudy/customer-bg.jpg) no-repeat center center;
	background-size: cover;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .top-visual {
		height: 11.75rem;
	}
}

.my-study-home .customer-center .top-visual .top-menu-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 27px;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center .top-visual .top-menu-area {
		display: none;
	}
}

.my-study-home .customer-center .top-visual .top-menu-area .menu {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.my-study-home .customer-center .top-visual .top-menu-area .menu a {
	display: block;
	color: #fff;
	font-size: 20px;
}

.my-study-home .customer-center .top-visual .top-menu-area .menu a+a {
	margin-left: 70px;
}

.my-study-home .customer-center .top-visual .txt-wrap {
	padding-top: 130px;
	padding-left: 126px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .top-visual .txt-wrap {
		padding-top: 3.4375rem;
		padding-left: 2.0625rem;
	}
}

.my-study-home .customer-center .top-visual .h2 {
	font-size: 50px;
	color: #fff;
	font-weight: 600;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .top-visual .h2 {
		font-size: 1.375rem;
	}
}

.my-study-home .customer-center .top-visual .txt {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	padding-top: 19px;
	line-height: 30px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .top-visual .txt {
		font-size: .6875rem;
		line-height: .9375rem;
	}
}

.my-study-home .customer-center .top-visual .txt span {
	display: block;
}

.my-study-home .customer-center .sub-menu-area {
	width: 100%;
	box-shadow: 0 11px 18px 0 rgba(0,0,0,.09),inset 0 0 0 1px rgba(214,214,214,.004);
	background: #037291;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .sub-menu-area .sub-menu-select {
		width: 100%;
	}
}

.my-study-home .customer-center .sub-menu-area .home {
	display: block;
	width: 69px;
	height: 69px;
	background: #0af url(../images/mystudy/icon-home.png) no-repeat center center;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .sub-menu-area .home {
		display: none;
	}
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown {
	position: relative;
	padding: 0 19px 0 27px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown {
		padding: 0 20px;
	}
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown:after {
	content: '';
	display: block;
	width: 1px;
	height: 33px;
	background: #328da6;
	position: absolute;
	right: 1px;
	top: 18px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown:after {
		content: none;
	}
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown .toggle-button {
	border: 0;
	outline: 0;
	background-color: #037291;
	color: #fff;
	height: 69px;
	width: 257px;
	text-align: left;
	cursor: pointer;
	position: relative;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown .toggle-button {
		height: 53px;
		font-size: 18px;
		width: 100%;
	}
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown .toggle-button:after {
	content: '';
	width: 11px;
	height: 6px;
	background: url(../images/mystudy/icon-arrow02.png) no-repeat center center;
	display: block;
	position: absolute;
	right: 0;
	top: 31px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown .toggle-button:after {
		top: 22px;
	}
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown .dropdown-menu {
	position: absolute;
	left: 0;
	width: 100%;
	background: #037291;
	padding: 0 27px 22px 27px;
	display: none;
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown .dropdown-menu a {
	display: block;
	color: #fff;
	font-size: 14px;
	border-top: 1px solid #328da6;
	padding: 16px 0;
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown.open .toggle-button:after {
	background: url(../images/mystudy/icon-arrow01.png) no-repeat center center;
}

.my-study-home .customer-center .sub-menu-area .sub-menu-dropdown.open .dropdown-menu {
	display: block;
}

.my-study-home .customer-center .tit-area {
	padding: 70px 0 56px;
	border-bottom: 2px solid #222;
	text-align: center;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .tit-area {
		padding: 50px 0 39px;
		border-bottom: 3px solid #222;
	}
}

.my-study-home .customer-center .tit-area .h2 {
	font-size: 42px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .tit-area .h2 {
		font-size: 27px;
	}
}

.my-study-home .customer-center .tit-area .txt {
	font-size: 18px;
	color: #666;
	margin-top: 17px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .tit-area .txt {
		font-size: 16px;
		margin-top: 10px;
	}
}

.my-study-home .customer-center .tit-area.no-border {
	border-bottom: 0;
}

.my-study-home .customer-center .personal-info-guide {
	padding: 0 25px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .personal-info-guide {
		padding: 20px 0 0;
	}
}

.my-study-home .customer-center .personal-info-guide .tit {
	font-size: 24px;
	margin-bottom: 15px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .personal-info-guide .tit {
		font-size: 20px;
		margin-bottom: 15px;
	}
}

.my-study-home .customer-center .personal-info-guide .box {
	width: 100%;
	padding: 30px;
	background: #f8f8f8;
	border: 1px solid #e3e3e3;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .personal-info-guide .box {
		padding: 20px;
	}
}

.my-study-home .customer-center .personal-info-guide .box li {
	color: #4c4c4c;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .personal-info-guide .box li {
		font-size: 16px;
	}
}

.my-study-home .customer-center .personal-info-guide .box li span {
	font-weight: 500;
	color: #222;
}

.my-study-home .customer-center .personal-info-guide .box li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #b1b2b3;
	margin-right: 10px;
	vertical-align: middle;
}

.my-study-home .customer-center .personal-info-guide .box li+li {
	margin-top: 10px;
}

.my-study-home .customer-center .personal-info-guide .check-box {
	text-align: right;
	margin-top: 20px;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]:checked+label::before {
	border: 1px solid #037291;
	background: #037291;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]:checked+label::after {
	background: url(../images/mystudy/icon-check02.png) no-repeat center center;
	background-size: 100%;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]+label {
	content: none;
	color: #3c3c3c;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]+label::after,.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]+label::before {
	content: '';
	display: inline-block;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]+label::before {
	border: 1px solid #acacac;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	margin-right: 5px;
}

.my-study-home .customer-center .personal-info-guide .check-box input[type=checkbox]+label::after {
	position: absolute;
	top: 10px;
	left: 6px;
	background: url(../images/mystudy/icon-check01.png) no-repeat center center;
	background-size: 100%;
	width: 12px;
	height: 10px;
}

.my-study-home .customer-center.news .tit-area {
	border-bottom: 0;
	padding-bottom: 45px;
}

.my-study-home .customer-center.news .news-slide {
	margin-bottom: 50px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center.news .news-slide {
		margin-bottom: 30px;
	}
}

.my-study-home .customer-center.news .news-slide .slide {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center.news .news-slide .slide {
		display: block;
	}
}

.my-study-home .customer-center.news .news-slide .slide .title-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	position: relative;
}

.my-study-home .customer-center.news .news-slide .slide .title-wrap .new-icon {
	display: inline-block;
	padding: 3px 16px 6px;
	background: #ff6c00;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center.news .news-slide .slide .title-wrap .new-icon {
		font-size: 11px;
		padding: 1px 10px 2px;
	}
}

.my-study-home .customer-center.news .news-slide .slide .title-wrap .num {
	margin-left: 130px;
	font-family: Roboto;
	font-size: 36px;
	font-weight: 600;
	margin-top: 10px;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center.news .news-slide .slide .title-wrap .num {
		margin-top: 7px;
		margin-left: 60px;
		font-size: 23px;
	}
}

.my-study-home .customer-center.news .news-slide .slide .title-wrap .title {
	margin-left: 35px;
	font-size: 28px;
	width: 440px;
	word-break: keep-all;
	line-height: 36px;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center.news .news-slide .slide .title-wrap .title {
		margin-left: 20px;
		font-size: 18px;
		width: 100%;
		word-break: keep-all;
		line-height: 24px;
	}
}

.my-study-home .customer-center.news .news-slide .slide .date {
	font-family: Roboto;
	color: #838282;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center.news .news-slide .slide .date {
		margin-top: 10px;
		margin-left: 100px;
		font-size: 14px;
	}
}

.my-study-home .customer-center.news .news-slide .slick-dots {
	margin-left: 194px;
	margin-top: 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center.news .news-slide .slick-dots {
		margin-left: 100px;
		margin-top: 20px;
	}
}

.my-study-home .customer-center.news .news-slide .slick-dots li {
	margin: 0 5px;
	position: relative;
}

.my-study-home .customer-center.news .news-slide .slick-dots li.slick-active .pager-dot {
	background: #037291;
}

@keyframes spinCircle {
	0% {
		transform: translate(-50%,-50%) rotate(0);
	}

	100% {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}

.my-study-home .customer-center.news .news-slide .slick-dots .slick-active.pro-ani:before {
	animation-name: spinCircle;
	animation-duration: 5s;
}

.my-study-home .customer-center.news .news-slide .slick-dots .slick-active:before {
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-top: 1px solid #037291;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-top: 4px;
	display: block;
	position: absolute;
	transform: translate(-50%,-50%);
}

.my-study-home .customer-center.news .news-slide .slick-dots .pager-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c3c3c3;
}

.my-study-home .customer-center .search-area {
	margin: 0 0 50px;
	width: 100%;
	position: relative;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .search-area {
		padding: 15px;
	}
}

.my-study-home .customer-center .search-area:before {
	content: '';
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	border-top: 1px solid #e4e4e4;
}

@media screen and (max-width:1161px) {
	.my-study-home .customer-center .search-area:before {
		content: none;
	}
}

.my-study-home .customer-center .search-area .inner {
	width: 100%;
	max-width: 686px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	position: relative;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .search-area .inner {
		display: block;
	}
}

.my-study-home .customer-center .search-area .form-control {
	width: 202px;
	border: 1px solid #d6d6d6;
	padding: 10px 25px;
	height: 62px;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .search-area .form-control {
		width: 100%;
	}
}

.my-study-home .customer-center .search-area .input-btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-left: -1px;
	width: 100%;
}

@media screen and (max-width:480px) {
	.my-study-home .customer-center .search-area .input-btn {
		margin-top: -1px;
		margin-left: 0;
	}
}

.my-study-home .customer-center .search-area .input-btn input {
	height: 62px;
	padding: 10px 25px;
	border: 1px solid #d6d6d6;
	width: 100%;
}

.my-study-home .customer-center .search-area .input-btn .btn {
	display: block;
	width: 72px;
	height: 62px;
	background: #fff url(../images/tschool/icons/icon-search.png) no-repeat center center;
	border: 1px solid #d6d6d6;
	margin-left: -1px;
	background-size: 20px;
}

.my-study-home .gallery-board-list {
	width: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

@media screen and (max-width:480px) {
	.my-study-home .gallery-board-list {
		display: block;
	}
}

.my-study-home .gallery-board-list .gallery-list {
	width: 33.3333%;
	padding: 10px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:480px) {
	.my-study-home .gallery-board-list .gallery-list {
		width: 100%;
		padding: 10px 0;
	}
}

.my-study-home .gallery-board-list .gallery-list .inner {
	border: 1px solid #e5e5e5;
	padding: 10px;
}

.my-study-home .gallery-board-list .gallery-list .thum {
	width: 100%;
	height: 243px;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width:480px) {
	.my-study-home .gallery-board-list .gallery-list .thum {
		height: auto;
	}
}

.my-study-home .gallery-board-list .gallery-list .thum .item {
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 13px;
	font-size: 12px;
	font-family: Roboto;
	padding: 0 11px;
	line-height: 27px;
	background: rgba(255,255,255,.5);
	border-radius: 30px;
}

.my-study-home .gallery-board-list .gallery-list .thum img {
	width: 100%;
}

@media screen and (max-width:1161px) {
	.my-study-home .gallery-board-list .gallery-list .thum img {
		width: auto;
	}
}

@media screen and (max-width:480px) {
	.my-study-home .gallery-board-list .gallery-list .thum img {
		width: 100%;
	}
}

.my-study-home .gallery-board-list .gallery-list .txt-area {
	display: block;
	padding: 20px;
}

.my-study-home .gallery-board-list .gallery-list .txt-area .title {
	font-size: 20px;
	line-height: 27px;
	word-break: keep-all;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media screen and (max-width:1161px) {
	.my-study-home .gallery-board-list .gallery-list .txt-area .title {
		font-size: 18px;
	}
}

.my-study-home .gallery-board-list .gallery-list .txt-area .date {
	font-family: Roboto;
	color: #757575;
	margin-top: 20px;
}

@media screen and (max-width:480px) {
	.my-study-home .gallery-board-list .gallery-list .txt-area .date {
		font-size: 14px;
	}
}

.my-study-home .gallery-board-list .gallery-list:hover {
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	transform: translate(0,-10px);
}

.my-study-home .paging-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 100px;
}

.my-study-home .paging-area .btn-wrap,.my-study-home .paging-area .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.my-study-home .paging-area .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.my-study-home .paging-area .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.my-study-home .paging-area .btn-wrap a:hover {
	background: #037291;
	border: 1px solid #037291;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.my-study-home .paging-area .btn-wrap a.first {
	background-image: url(../images/tschool/icons/icon-arrow06.png);
}

.my-study-home .paging-area .btn-wrap a.prev {
	background-image: url(../images/tschool/icons/icon-arrow07.png);
}

.my-study-home .paging-area .btn-wrap a.next {
	background-image: url(../images/tschool/icons/icon-arrow08.png);
}

.my-study-home .paging-area .btn-wrap a.last {
	background-image: url(../images/tschool/icons/icon-arrow09.png);
}

.my-study-home .paging-area .btn-wrap a.first:hover {
	background-image: url(../images/tschool/icons/icon-arrow06_over.png);
}

.my-study-home .paging-area .btn-wrap a.prev:hover {
	background-image: url(../images/tschool/icons/icon-arrow07_over.png);
}

.my-study-home .paging-area .btn-wrap a.next:hover {
	background-image: url(../images/tschool/icons/icon-arrow08_over.png);
}

.my-study-home .paging-area .btn-wrap a.last:hover {
	background-image: url(../images/tschool/icons/icon-arrow09_over.png);
}

.my-study-home .paging-area .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width:1161px) {
	.my-study-home .paging-area .num-wrap {
		margin: 0 10px;
	}
}

.my-study-home .paging-area .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.my-study-home .paging-area .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.my-study-home .paging-area .num-wrap a.on,.my-study-home .paging-area .num-wrap a:hover {
	background: #037291;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width:1161px) {
	.my-study-home .paging-area .num-wrap a.on,.my-study-home .paging-area .num-wrap a:hover {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.my-study-home .tab-area {
	width: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
	border-bottom: 2px solid #222;
}

.my-study-home .tab-area a {
	width: 16.666%;
	display: block;
	text-align: center;
	font-size: 16px;
	border: 1px solid #e0e0e0;
	background: #fbfbfb;
	padding: 15px 10px;
	margin-top: -1px;
	margin-left: -1px;
	font-weight: 500;
	position: relative;
}

@media screen and (max-width:1161px) {
	.my-study-home .tab-area a {
		width: 33.3333%;
	}
}

.my-study-home .tab-area a.on,.my-study-home .tab-area a:hover {
	background: #fff;
}

.my-study-home .tab-area a.on:before,.my-study-home .tab-area a:hover:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #037291;
}

.my-study-home .acc-board {
	padding: 10px 0;
}

.my-study-home .acc-board .board-list {
	border-bottom: 1px solid #e4e4e4;
}

.my-study-home .acc-board .board-list.on .acc-head .icon {
	background: #0af;
	color: #fff;
}

.my-study-home .acc-board .board-list.on .acc-head .down-icon {
	transform: rotate(180deg);
}

.my-study-home .acc-board .acc-head {
	position: relative;
	padding: 35px 65px;
}

.my-study-home .acc-board .acc-head .icon {
	display: block;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	border: 1px solid #e4e4e4;
	text-align: center;
	line-height: 43px;
	font-family: Roboto;
	font-size: 20px;
	color: #0af;
	font-weight: 500;
	position: absolute;
	left: 0;
	top: 26px;
}

@media screen and (max-width:480px) {
	.my-study-home .acc-board .acc-head .icon {
		font-size: 16px;
	}
}

.my-study-home .acc-board .acc-head .title {
	font-weight: 500;
}

.my-study-home .acc-board .acc-head .title span {
	color: #505050;
	font-weight: 400;
	margin-right: 10px;
	display: inline-block;
}

.my-study-home .acc-board .acc-head .down-icon {
	display: block;
	width: 15px;
	height: 8px;
	background: url(../images/mystudy/icon-arrow03.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 42px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

.my-study-home .acc-board .acc-body {
	margin-left: 65px;
	border-top: 1px solid #e4e4e4;
	position: relative;
	padding: 30px 35px 40px 65px;
	color: #3f3f3f;
	display: none;
}

@media screen and (max-width:480px) {
	.my-study-home .acc-board .acc-body {
		padding: 30px 35px 40px 0;
	}
}

.my-study-home .acc-board .acc-body p {
	font-weight: 400;
	line-height: 30px;
}

.my-study-home .acc-board .acc-body li:before {
	content: '- ';
	line-height: 30px;
}

.my-study-home .acc-board .acc-body .icon {
	position: absolute;
	top: 35px;
	left: 0;
	font-size: 20px;
	color: #ff4800;
	font-weight: 500;
	font-family: Roboto;
	line-height: 18px;
}

@media screen and (max-width:480px) {
	.my-study-home .acc-board .acc-body .icon {
		font-size: 16px;
		left: -40px;
	}
}

.my-study-home .acc-board .acc-body .icon:before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../images/mystudy/icon-re.png) no-repeat center center;
	vertical-align: top;
	margin-right: 10px;
}

@media screen and (max-width:480px) {
	.my-study-home .acc-board .acc-body .icon:before {
		width: 6px;
		height: 6px;
		background-size: 100%;
		margin-right: 5px;
	}
}

.my-study-home .post-wrap .post-header .post-header-label.orange {
	background: #ff8a00;
}

.my-study-home .post-wrap .post-information .post-count {
	font-weight: 500;
}

.my-study-home .post-wrap .post-information .post-count span {
	font-weight: 400;
}

.my-study-home .post-wrap .post-body .board-cotent-thum {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 80px;
}

@media screen and (max-width:1161px) {
	.t-school {
		padding-top: 3.29167rem;
		margin-left: 0;
	}
}

.t-school p {
	font-weight: 300;
}

.t-school .container {
	width: 1200px;
}

.t-school .container.section {
	margin: 60px auto 0;
}

@media screen and (max-width:1161px) {
	.t-school .container.section {
		margin: 30px auto 0;
	}
}

@media screen and (max-width:1200px) {
	.t-school .container {
		width: 100%;
	}
}

.t-school .tschool-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 4.625rem;
	padding: 0 4.375rem;
	background-color: transparent;
	position: fixed;
	left: 4.375rem;
	top: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid rgba(255,255,255,.19);
	transition: background-color .3s ease;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-header {
		left: 0;
		position: fixed;
		padding: 0 .83333rem;
		background-color: #fff;
		border-bottom-color: transparent;
		height: 3.29167rem;
	}

	.t-school .tschool-header .btn-toggle-menu {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.t-school .tschool-header .right-menus {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-header .right-menus {
		display: none;
	}
}

.t-school .tschool-header .right-menus a {
	color: #fff;
	font-size: .875rem;
	font-weight: 400;
}

.t-school .tschool-header .right-menus .btn.outline {
	margin-left: 24px;
	width: 71px;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	background: 0 0;
	border-color: #fff;
}

.t-school .tschool-header .right-menus .divider {
	width: 1px;
	height: 7px;
	background-color: #dad8d8;
	margin: 0 .75rem;
	display: inline-block;
	vertical-align: middle;
}

.t-school .tschool-header .logo {
	background-color: transparent;
	background-image: url(../images/common/logo-tschool-white.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 9.3125rem;
	height: 2.4375rem;
	background-size: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-header .logo {
		width: 5.4375rem;
		height: 1.41667rem;
		background-size: 100%;
		background-image: url(../images/common/logo-tschool.png);
	}
}

.t-school .tschool-header .my-page {
	display: inline-block;
	color: #fff;
	font-size: .9375rem;
	font-weight: 400;
	text-indent: -9999px;
	width: 1.75rem;
	height: 1.625rem;
	background-color: transparent;
	background-image: url(../images/common/icon-mypage.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.t-school .tschool-header .main-navigation li+li {
	margin-left: 0;
}

.t-school .tschool-header .main-navigation li a {
	color: #fff;
	position: relative;
	padding: 0 1.5625rem;
}

.t-school .tschool-header .main-navigation li a.on::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #037291;
	width: 100%;
}

.t-school .tschool-header .main-navigation li a strong {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	height: 74px;
	line-height: 74px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all .1s cubic-bezier(.645,.045,.355,1) 0s;
	-o-transition: all .1s cubic-bezier(.645,.045,.355,1) 0s;
	transition: all .1s cubic-bezier(.645,.045,.355,1) 0s;
	font-weight: 500;
	letter-spacing: -1px;
}

.t-school .tschool-header .main-navigation li a:hover strong {
	color: #fff;
	-webkit-transition: all .1s cubic-bezier(.645,.045,.355,1) .1s;
	-o-transition: all .1s cubic-bezier(.645,.045,.355,1) .1s;
	transition: all .1s cubic-bezier(.645,.045,.355,1) .1s;
}

.t-school .tschool-header .main-navigation li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	height: 53px;
	background: #fff;
	width: 100%;
	border-top: 1px solid #dfdfdf;
}

.t-school .tschool-header .main-navigation li .sub-menu>ul {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-start;
	padding: 0 250px;
}

.t-school .tschool-header .main-navigation li .sub-menu>ul>li>a {
	height: 52px;
	color: #727272;
	font-size: 15px;
	font-weight: 500;
	padding: 0 14px;
	border-bottom: 0 none;
}

.t-school .tschool-header .main-navigation li .sub-menu>ul>li>a strong {
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #727272;
	font-weight: 500;
}

.t-school .tschool-header .main-navigation li .sub-menu>ul>li>a:before {
	content: none;
}

.t-school .tschool-header .main-navigation li:hover .sub-menu {
	display: block;
}

.t-school .tschool-header.hover,.t-school.scrolled .tschool-header {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.t-school .tschool-header.hover .right-menus a,.t-school.scrolled .tschool-header .right-menus a {
	color: #282828;
}

.t-school .tschool-header.hover .right-menus .btn.outline,.t-school.scrolled .tschool-header .right-menus .btn.outline {
	color: #282828;
	border-color: #282828;
}

.t-school .tschool-header.hover .my-page,.t-school.scrolled .tschool-header .my-page {
	background-image: url(../images/common/icon-mypage-gray.png);
}

.t-school .tschool-header.hover .logo,.t-school.scrolled .tschool-header .logo {
	background-image: url(../images/common/logo-tschool.png);
}

.t-school .tschool-header.hover .main-navigation li a,.t-school.scrolled .tschool-header .main-navigation li a {
	color: #262626;
}

.t-school .tschool-header.hover .main-navigation li a strong,.t-school.scrolled .tschool-header .main-navigation li a strong {
	color: #262626;
}

.t-school .tschool-left-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 4.375rem;
	bottom: 0;
	z-index: 50;
	border-right: 1px solid #bfbfbf;
	background: #fff;
	padding-top: 4.5625rem;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-left-menu {
		display: none;
	}
}

.t-school .tschool-left-menu ul li a {
	width: 100%;
	height: 4.375rem;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.t-school .tschool-left-menu ul li span {
	display: block;
	color: #9b9e9e;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	transition: all .3s ease;
}

.t-school .tschool-left-menu ul li [class^=icon-menu-] {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.t-school .tschool-left-menu ul li .icon-menu-01 {
	background-image: url(../images/tschool/menu/icon-menu-01.png);
}

.t-school .tschool-left-menu ul li .icon-menu-02 {
	background-image: url(../images/tschool/menu/icon-menu-02.png);
}

.t-school .tschool-left-menu ul li .icon-menu-03 {
	background-image: url(../images/tschool/menu/icon-menu-03.png);
}

.t-school .tschool-left-menu ul li .icon-menu-04 {
	background-image: url(../images/tschool/menu/icon-menu-04.png);
}

.t-school .tschool-left-menu ul li .icon-menu-05 {
	background-image: url(../images/tschool/menu/icon-menu-05.png);
}

.t-school .tschool-left-menu ul li .icon-menu-06 {
	background-image: url(../images/tschool/menu/icon-menu-06.png);
}

.t-school .tschool-left-menu ul li+li {
	margin-top: -1px;
}

.t-school .tschool-left-menu ul li a:hover .icon-menu-01,.t-school .tschool-left-menu ul li.current a .icon-menu-01 {
	background-image: url(../images/tschool/menu/icon-menu-01-active.png);
}

.t-school .tschool-left-menu ul li a:hover .icon-menu-02,.t-school .tschool-left-menu ul li.current a .icon-menu-02 {
	background-image: url(../images/tschool/menu/icon-menu-02-active.png);
}

.t-school .tschool-left-menu ul li a:hover .icon-menu-03,.t-school .tschool-left-menu ul li.current a .icon-menu-03 {
	background-image: url(../images/tschool/menu/icon-menu-03-active.png);
}

.t-school .tschool-left-menu ul li a:hover .icon-menu-04,.t-school .tschool-left-menu ul li.current a .icon-menu-04 {
	background-image: url(../images/tschool/menu/icon-menu-04-active.png);
}

.t-school .tschool-left-menu ul li a:hover .icon-menu-05,.t-school .tschool-left-menu ul li.current a .icon-menu-05 {
	background-image: url(../images/tschool/menu/icon-menu-05-active.png);
}

.t-school .tschool-left-menu ul li a:hover .icon-menu-06,.t-school .tschool-left-menu ul li.current a .icon-menu-06 {
	background-image: url(../images/tschool/menu/icon-menu-06-active.png);
}

.t-school .tschool-left-menu ul li a:hover span,.t-school .tschool-left-menu ul li.current a span {
	color: #006581;
}

.t-school .tschool-footer {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer {
		margin-left: 0;
	}
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer .footer-top {
		height: auto;
	}
}

.t-school .tschool-footer .footer-top>.container {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer .footer-top>.container {
		display: block;
	}
}

.t-school .tschool-footer .footer-top>.container .footer-navigation {
	height: 4.875rem;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer .footer-top>.container .footer-navigation {
		height: auto;
		margin-top: 0;
		margin-bottom: 0;
		padding: .625rem 0;
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	.t-school .tschool-footer .footer-top>.container .footer-navigation li {
		padding: 10px 20px;
	}
}

.t-school .tschool-footer .footer-top>.container .social-links {
	margin-left: auto;
	height: 4.875rem;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer .footer-top>.container .social-links {
		height: auto;
		padding: 1.875rem 0;
	}
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer .footer-info .footer-content {
		margin-top: 0;
	}
}

.t-school .tschool-footer .footer-info .footer-content .container {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.t-school .tschool-footer .footer-info .footer-content .container {
		display: block;
	}

	.t-school .tschool-footer .footer-info .footer-content .container .family-site {
		margin-top: 1.875rem;
	}
}

.t-school .breadcrumbs {
	opacity: 0;
	-webkit-transform: translate(-20px,0);
	-ms-transform: translate(-20px,0);
	transform: translate(-20px,0);
}

.t-school .text--slide-up .char {
	display: inline-block;
	transition-duration: .4s;
	transition-property: all;
	opacity: 0;
	transform: translate(0,20%);
}

.t-school .text--slide-up .char:nth-child(1) {
	transition-delay: calc(400ms + (1 * 50ms) - 50ms);
	animation-delay: calc(400ms + (1 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(2) {
	transition-delay: calc(400ms + (2 * 50ms) - 50ms);
	animation-delay: calc(400ms + (2 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(3) {
	transition-delay: calc(400ms + (3 * 50ms) - 50ms);
	animation-delay: calc(400ms + (3 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(4) {
	transition-delay: calc(400ms + (4 * 50ms) - 50ms);
	animation-delay: calc(400ms + (4 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(5) {
	transition-delay: calc(400ms + (5 * 50ms) - 50ms);
	animation-delay: calc(400ms + (5 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(6) {
	transition-delay: calc(400ms + (6 * 50ms) - 50ms);
	animation-delay: calc(400ms + (6 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(7) {
	transition-delay: calc(400ms + (7 * 50ms) - 50ms);
	animation-delay: calc(400ms + (7 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(8) {
	transition-delay: calc(400ms + (8 * 50ms) - 50ms);
	animation-delay: calc(400ms + (8 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(9) {
	transition-delay: calc(400ms + (9 * 50ms) - 50ms);
	animation-delay: calc(400ms + (9 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(10) {
	transition-delay: calc(400ms + (10 * 50ms) - 50ms);
	animation-delay: calc(400ms + (10 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(11) {
	transition-delay: calc(400ms + (11 * 50ms) - 50ms);
	animation-delay: calc(400ms + (11 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(12) {
	transition-delay: calc(400ms + (12 * 50ms) - 50ms);
	animation-delay: calc(400ms + (12 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(13) {
	transition-delay: calc(400ms + (13 * 50ms) - 50ms);
	animation-delay: calc(400ms + (13 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(14) {
	transition-delay: calc(400ms + (14 * 50ms) - 50ms);
	animation-delay: calc(400ms + (14 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(15) {
	transition-delay: calc(400ms + (15 * 50ms) - 50ms);
	animation-delay: calc(400ms + (15 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(16) {
	transition-delay: calc(400ms + (16 * 50ms) - 50ms);
	animation-delay: calc(400ms + (16 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(17) {
	transition-delay: calc(400ms + (17 * 50ms) - 50ms);
	animation-delay: calc(400ms + (17 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(18) {
	transition-delay: calc(400ms + (18 * 50ms) - 50ms);
	animation-delay: calc(400ms + (18 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(19) {
	transition-delay: calc(400ms + (19 * 50ms) - 50ms);
	animation-delay: calc(400ms + (19 * 50ms) - 50ms);
}

.t-school .text--slide-up .char:nth-child(20) {
	transition-delay: calc(400ms + (20 * 50ms) - 50ms);
	animation-delay: calc(400ms + (20 * 50ms) - 50ms);
}

.t-school .page-header {
	height: 37.5rem;
	width: 100%;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .page-header {
		height: 11.66667rem;
	}
}

.t-school .page-header .bg-01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-01.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-01 {
		background-image: url(../images/tschool/bg/bg-01-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .bg-02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-02.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-02 {
		background-image: url(../images/tschool/bg/bg-02-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .bg-03 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-03.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-03 {
		background-image: url(../images/tschool/bg/bg-03-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .bg-04 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-04.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-04 {
		background-image: url(../images/tschool/bg/bg-04-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .bg-05 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-05.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-05 {
		background-image: url(../images/tschool/bg/bg-06-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .bg-06 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-06.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-06 {
		background-image: url(../images/tschool/bg/bg-06-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .bg-07 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-07.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .bg-07 {
		background-image: url(../images/tschool/bg/bg-07-m.jpg);
		background-size: 100% auto;
	}
}

.t-school .page-header .container {
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 4.625rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .container {
		padding-top: 0;
	}
}

.t-school .page-header .title {
	color: #fff;
	font-size: 4.375rem;
	font-weight: 500;
	line-height: 1em;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .title {
		font-size: 1.45833rem;
		text-align: center;
	}
}

.t-school .page-header .title.title-small {
	font-size: 56px;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .title.title-small {
		font-size: 1.16667rem;
		text-align: center;
	}
}

.t-school .page-header .title+.breadcrumbs {
	margin-top: 2.375rem;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .title+.breadcrumbs {
		margin-top: 0;
	}
}

.t-school .page-header .page-header-description {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin-top: 22px;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition-delay: .45s;
	opacity: 0;
	transform: translate(-40px,0);
}

@media screen and (max-width:1161px) {
	.t-school .page-header .page-header-description {
		font-size: .75rem;
		text-align: center;
	}
}

.t-school .page-header .breadcrumbs {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: auto;
	overflow: visible;
}

@media screen and (max-width:1161px) {
	.t-school .page-header .breadcrumbs {
		display: none;
	}
}

.t-school .page-header .breadcrumbs li {
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 1px solid rgba(255,255,255,.54);
	height: 4.125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	overflow: visible;
}

.t-school .page-header .breadcrumbs li .icon-home2 {
	background-color: transparent;
	background-image: url(../images/icon/icon-home2.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: .75rem;
	height: .75rem;
	margin-right: .5rem;
	display: block;
}

.t-school .page-header .breadcrumbs li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
}

.t-school .page-header .breadcrumbs li+li:before {
	content: '\f054';
	font-family: "Font Awesome 5 Pro"!important;
	margin: 0 .75rem;
	font-size: .875rem;
}

.t-school .page-header .breadcrumbs li.current {
	font-size: 1.5rem;
}

.t-school .page-header .breadcrumbs li.current a {
	border-bottom: 3px solid #fff;
	margin-bottom: -1px;
}

.t-school.loaded .breadcrumbs {
	opacity: 1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: all .6s cubic-bezier(.645,.045,.355,1) .4s;
	-o-transition: all .6s cubic-bezier(.645,.045,.355,1) .4s;
	transition: all .6s cubic-bezier(.645,.045,.355,1) .4s;
}

.t-school.loaded .text--slide-up .char {
	opacity: 1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.t-school.loaded .page-header-description {
	opacity: 1;
	transform: translate(0,0);
}

.t-school .sub-menu-select {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.t-school .sub-menu-dropdown {
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .sub-menu-dropdown {
		width: 50%;
	}
}

.t-school .sub-menu-dropdown .toggle-button {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 23.125rem;
	height: 3.75rem;
	background-color: #037291;
	padding-left: 2.375rem;
	padding-right: 4.5rem;
	position: relative;
	border: 0 none;
	color: #fff;
}

.t-school .sub-menu-dropdown .toggle-button.disabled,.t-school .sub-menu-dropdown .toggle-button:disabled {
	opacity: .65;
}

.t-school .sub-menu-dropdown .toggle-button:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:1161px) {
	.t-school .sub-menu-dropdown .toggle-button {
		width: 100%;
		height: 2.35417rem;
		padding-left: .75rem;
		padding-right: 2.375rem;
		font-size: .75rem;
	}
}

.t-school .sub-menu-dropdown .toggle-button:after {
	content: '';
	display: block;
	position: absolute;
	right: 1.3125rem;
	top: 1.5rem;
	background-color: transparent;
	background-image: url(../images/tschool/menu/select-menu-caret.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: .8125rem;
	height: .6875rem;
	transition: all .3s ease;
}

@media screen and (max-width:1161px) {
	.t-school .sub-menu-dropdown .toggle-button:after {
		width: .77083rem;
		height: .64583rem;
		right: .875rem;
		top: .85417rem;
	}
}

.t-school .sub-menu-dropdown .dropdown-menu {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 200;
}

.t-school .sub-menu-dropdown .dropdown-menu li {
	display: block;
}

.t-school .sub-menu-dropdown .dropdown-menu li a {
	display: block;
	background-color: #fff;
	font-size: 1rem;
	font-weight: 500;
	padding: 1.125rem 2.375rem;
	border-bottom: 1px solid #d0d0d0;
}

@media screen and (max-width:1161px) {
	.t-school .sub-menu-dropdown .dropdown-menu li a {
		padding: .5rem .75rem;
		font-size: .75rem;
	}
}

.t-school .sub-menu-dropdown .dropdown-menu li.current a {
	background-color: #f0f0f0;
}

.t-school .sub-menu-dropdown.open .toggle-button:after {
	transform: rotate(180deg);
}

.t-school .sub-menu-dropdown.open .dropdown-menu {
	display: block;
}

.t-school .lecture-introduce {
	padding: 10.625rem 0 8.4375rem;
}

.t-school .lecture-introduce .sub-bg {
	top: -60px!important;
	bottom: 394px!important;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce {
		padding: 4.16667rem 0 2.8125rem;
	}
}

.t-school .lecture-introduce .btn-learn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	width: 38.125rem;
	margin: 0 auto;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .btn-learn-wrap {
		display: block;
		width: 100%;
	}

	.t-school .lecture-introduce .btn-learn-wrap a {
		margin-top: .625rem;
	}
}

.t-school .lecture-introduce .btn-learn.kakao {
	background: #fff;
	color: #282727;
	border: 1px solid #282727;
}

.t-school .lecture-introduce .btn-learn.kakao i {
	width: 1.875rem;
	height: 1.6875rem;
	background: url(../images/tschool/icons/icon-kakao.png) no-repeat center center;
	background-size: 1.875rem;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .refund-table {
		width: 100%!important;
		table-layout: inherit!important;
	}

	.t-school .lecture-introduce .refund-table td,.t-school .lecture-introduce .refund-table th {
		white-space: nowrap;
	}
}

.t-school .lecture-introduce .refund-table .price-text {
	color: #f60!important;
	font-size: 1.25rem!important;
	font-weight: 500!important;
}

.t-school .lecture-introduce .responsive-table .info-txt {
	font-size: 14px;
	margin-top: 15px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .responsive-table .info-txt {
		font-size: 13px;
		line-height: 15px;
	}
}

.t-school .lecture-introduce .btn-learn {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border: 0 none;
	margin: 0 auto;
	width: 18.4375rem;
	height: 4.625rem;
	font-size: 1.125rem;
	color: #fff;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	align-items: center;
	justify-content: flex-start;
	border-radius: 2.3125rem;
	background: #037291;
	margin-top: 5rem;
}

.t-school .lecture-introduce .btn-learn.disabled,.t-school .lecture-introduce .btn-learn:disabled {
	opacity: .65;
}

.t-school .lecture-introduce .btn-learn:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .btn-learn {
		width: 14.47917rem;
		height: 3.02083rem;
		font-size: .875rem;
		border-radius: 1.51042rem;
		margin-top: 3.125rem;
	}
}

.t-school .lecture-introduce .btn-learn i {
	margin-left: auto;
}

.t-school .lecture-introduce .lecture-introduce-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .lecture-introduce-wrap {
		display: block;
	}
}

.t-school .lecture-introduce .text-wrap {
	order: 1;
	padding-left: 3.125rem;
	margin-right: 5rem;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .text-wrap {
		order: 2;
		margin-right: 0;
		padding-left: 0;
	}
}

.t-school .lecture-introduce .text-wrap .title {
	color: #202020;
	font-size: 2.875rem;
	font-weight: 300;
	line-height: 1.21739em;
	margin-bottom: 2.1875rem;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .text-wrap .title {
		font-size: 1.4375rem;
		margin-bottom: 1.04167rem;
	}
}

.t-school .lecture-introduce .text-wrap .title strong {
	font-weight: 700;
}

.t-school .lecture-introduce .text-wrap .title span,.t-school .lecture-introduce .text-wrap .title strong {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .text-wrap .title span,.t-school .lecture-introduce .text-wrap .title strong {
		display: inline;
	}
}

.t-school .lecture-introduce .text-wrap .description {
	color: #3d3c3c;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.77778em;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .text-wrap .description {
		font-size: .875rem;
	}
}

.t-school .lecture-introduce .text-wrap .description span {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .text-wrap .description span {
		display: inline;
	}
}

.t-school .lecture-introduce .figure {
	order: 2;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .figure {
		order: 1;
		margin-bottom: 2.91667rem;
	}
}

.t-school .lecture-introduce .figure:before {
	content: '';
	width: 16.875rem;
	height: 16.875rem;
	background: #e8e8e8;
	z-index: -1;
	position: absolute;
	left: -2.125rem;
	top: -2.125rem;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .figure .pc-only {
		display: none;
	}
}

.t-school .lecture-introduce .figure img {
	box-shadow: 0 10px 10px rgba(0,0,0,.2);
}

.t-school .lecture-introduce .figure .mobile-only {
	display: none;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-introduce .figure .mobile-only {
		display: block;
		max-width: 100%;
	}
}

.t-school .lecture-intro-box {
	padding: 6.25rem 0 8.125rem;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-intro-box {
		padding: 3.125rem 0 4.0625rem;
	}
}

.t-school .lecture-intro-box.bg-gray {
	background: #f6f7f8;
}

.t-school .lecture-intro-box .lecture-introduce-title {
	color: #202020;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 1.875rem;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-intro-box .lecture-introduce-title {
		font-size: 1.16667rem;
	}
}

.t-school .lecture-intro-box .figure-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width:1200px) {
	.t-school .lecture-intro-box .figure-list {
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
	}
}

@media screen and (max-width:1161px) {
	.t-school .lecture-intro-box .figure-list img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width:1161px) {
	.t-school .lecture-intro-box .figure-list li {
		width: 100%;
	}
}

.t-school .lecture-intro-box .figure-list+.lecture-introduce-title {
	margin-top: 3.125rem;
}

.t-school [data-animate] {
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
}

.t-school [data-animate].nv {
	opacity: 0;
	transform: translate(0,20px);
}

.t-school #float-right {
	position: absolute;
	top: 0;
	right: 16px;
	z-index: 2;
}

@media screen and (max-width:1161px) {
	.t-school #float-right {
		display: none;
	}
}

.t-school #float-right .aside-nav {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.t-school #float-right .link {
	display: block;
	background-color: transparent;
	background-image: url(../images/tschool/icons/btn-go-branch.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	box-shadow: 0 27px 32px 0 rgba(0,0,0,.1);
	width: 170px;
	height: 239px;
	margin-bottom: 5px;
	position: relative;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

.t-school #float-right .link .close {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/tschool/icons/icon-arrow11.png) no-repeat center center;
	top: 20px;
	right: 20px;
}

.t-school #float-right .grid-link {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	margin-bottom: 15px;
	box-shadow: 0 27px 32px 0 rgba(0,0,0,.1);
	border-radius: 8px;
}

.t-school #float-right .grid-link .left-link-list {
	width: auto;
	display: none;
	transition: all .3s ease;
	height: auto;
	align-self: stretch;
}

.t-school #float-right .grid-link .left-link-list li {
	height: 100%;
}

.t-school #float-right .grid-link .left-link-list li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	height: 100%;
	padding: 25px;
	background: #fff;
	border-left: 1px solid #e6e6e6;
	width: 212px;
	flex-direction: column;
	justify-content: space-between;
}

.t-school #float-right .grid-link .left-link-list li a .title {
	color: #202020;
	font-size: 20px;
	font-weight: 400;
}

.t-school #float-right .grid-link .left-link-list li a .datetime {
	color: #7c7c7c;
	font-size: 16px;
	font-weight: 300;
	font-family: Roboto,sans-serif;
}

.t-school #float-right .grid-link.opened .left-link-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-self: stretch;
}

.t-school #float-right .grid-link .left-link {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	display: block;
	width: 63px;
	background-color: #fff;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	height: auto;
	padding: 29px 0 0 13px;
	color: #202020;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -.04em;
	position: relative;
	text-align: left;
	transition: all .3s ease;
}

.t-school #float-right .grid-link .left-link.disabled,.t-school #float-right .grid-link .left-link:disabled {
	opacity: .65;
}

.t-school #float-right .grid-link .left-link:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.t-school #float-right .grid-link .left-link:hover {
	background-color: #ececec;
}

.t-school #float-right .grid-link .left-link i {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	color: #454545;
}

.t-school #float-right .grid-link .right-links .right-link {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	display: block;
	width: 107px;
	height: 120px;
	border: 0 none;
	padding: 0;
	text-align: left;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	padding-left: 20px;
	letter-spacing: -.04em;
	transition: all .3s ease;
}

.t-school #float-right .grid-link .right-links .right-link.disabled,.t-school #float-right .grid-link .right-links .right-link:disabled {
	opacity: .65;
}

.t-school #float-right .grid-link .right-links .right-link:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.t-school #float-right .grid-link .right-links .right-link:nth-child(1) {
	display: block;
	border-top-right-radius: 8px;
	background-color: transparent;
	background-image: url(../images/tschool/icons/icon-remote-access.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #0c8baf;
	background-position: 20px 24px;
	padding-top: 68px;
}

.t-school #float-right .grid-link .right-links .right-link:nth-child(1):hover {
	background-color: #0a6f8b;
}

.t-school #float-right .grid-link .right-links .right-link:nth-child(2) {
	display: block;
	border-bottom-right-radius: 8px;
	background-color: transparent;
	background-image: url(../images/tschool/icons/icon-apply.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #097c9c;
	background-position: 18px 24px;
	padding-top: 58px;
}

.t-school #float-right .grid-link .right-links .right-link:nth-child(2):hover {
	background-color: #075f78;
}

.t-school #float-right .btn-to-top {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	border-radius: 9px;
	background-color: transparent;
	background-image: url(../images/tschool/icons/icon-to-top.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #037291;
	border: 0 none;
	transition: all .3s ease;
	text-indent: -9999px;
}

.t-school #float-right .btn-to-top.disabled,.t-school #float-right .btn-to-top:disabled {
	opacity: .65;
}

.t-school #float-right .btn-to-top:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.t-school #float-right .btn-to-top:hover {
	background-color: #02556c;
}

.t-school #float-right .aside-nav-fold {
	display: none;
	width: 90px;
}

.t-school #float-right .aside-nav-fold ul {
	margin-bottom: 15px;
}

.t-school #float-right .aside-nav-fold li {
	padding: 17px 14px 0;
	background: #0c8baf;
}

.t-school #float-right .aside-nav-fold li:nth-child(1) a {
	background-image: url(../images/tschool/icons/quick-nav01.png);
}

.t-school #float-right .aside-nav-fold li:nth-child(2) a {
	background-image: url(../images/tschool/icons/quick-nav02.png);
}

.t-school #float-right .aside-nav-fold li:nth-child(3) a {
	background-image: url(../images/tschool/icons/quick-nav03.png);
}

.t-school #float-right .aside-nav-fold li:nth-child(4) a {
	background-image: url(../images/tschool/icons/quick-nav04.png);
}

.t-school #float-right .aside-nav-fold li a {
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding-top: 40px;
	padding-bottom: 20px;
	line-height: 17px;
}

.t-school #float-right .aside-nav-fold li:last-child {
	border-bottom-left-radius: 15px;
}

.t-school #float-right .aside-nav-fold li+li a {
	border-bottom: 1px solid #38a0bd;
}

.t-school #float-right .aside-nav-fold li:last-child a {
	border-bottom: 0;
}

.t-school #float-right .aside-nav-fold li.place {
	background-color: #00607b;
	padding-top: 55px;
	position: relative;
	border-top-left-radius: 15px;
}

.t-school #float-right .aside-nav-fold li.place .open {
	position: absolute;
	top: 10px;
	left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/tschool/icons/icon-arrow10.png) no-repeat center center;
}

.t-school #float-right .aside-nav-fold li.place a {
	padding-bottom: 25px;
}

.t-school #float-right .aside-nav-fold.on {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.t-school .label-icon {
	display: block;
}

.t-school .label-icon.speaking {
	width: 102px;
	height: 65px;
	background-image: url(../images/tschool/icons/label-icon-speaking.png);
}

.t-school .label-icon.junior {
	width: 102px;
	height: 65px;
	background-image: url(../images/tschool/icons/label-icon-junior.png);
}

.t-school .label-icon.writing {
	width: 77px;
	height: 66px;
	background-image: url(../images/tschool/icons/label-icon-writing.png);
}

.t-school .tab-area {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin-right: 1px;
}

.t-school .tab-area ul {
	max-width: 75rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
}

.t-school .tab-area ul li {
	flex: 1;
	margin-left: -1px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.t-school .tab-area ul li a {
	border: 1px solid #e7e7e7;
	border-bottom: 0;
	margin-bottom: -1px;
	display: block;
	text-align: center;
	padding: 20px;
	font-size: 20px;
	font-weight: 400;
	color: #5c5c5c;
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .tab-area ul li a {
		font-size: 15px;
		padding: 10px;
	}
}

.t-school .tab-area ul li a.on {
	border-top: 2px solid #3c3c3c;
	color: #3c3c3c;
	font-weight: 600;
	background: #f6f7f8;
}

.t-school .lecture-apply-wrap.pb_0 {
	padding-bottom: 0;
}

.t-school .apply-form-area {
	background: #f6f7f8;
	width: 100%;
}

.t-school .apply-form-area .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 150px;
	display: none;
}

@media screen and (max-width:1161px) {
	.t-school .apply-form-area .inner {
		width: 100%;
		padding: 20px 20px 70px;
	}
}

.t-school .apply-form-area .inner.free-form {
	width: 1200px;
}

@media screen and (max-width:1161px) {
	.t-school .apply-form-area .inner.free-form {
		width: 100%;
		padding: 20px 20px 70px;
	}
}

.t-school .apply-form-area .inner.level-form.visit {
	width: 1200px;
}

@media screen and (max-width:1161px) {
	.t-school .apply-form-area .inner.level-form.visit {
		width: 100%;
		padding: 20px 20px 70px;
	}
}

.t-school .apply-form-area .inner.on {
	display: block;
}

.t-school .apply-form-area .info-txt {
	margin-bottom: 50px;
}

@media screen and (max-width:1161px) {
	.t-school .apply-form-area .info-txt {
		margin-bottom: 10px;
	}
}

.t-school .apply-form-area .lecture-introduce-title {
	border-bottom: 2px solid #222;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 40px;
}

@media screen and (max-width:1161px) {
	.t-school .apply-form-area .lecture-introduce-title {
		font-size: 1.16667rem;
	}
}

.t-school .info-txt {
	font-size: 16px;
	color: #3d3c3c;
	padding-left: 25px;
	background: url(../images/tschool/icons/icon-info.png) no-repeat 0 5px;
}

@media screen and (max-width:1161px) {
	.t-school .info-txt {
		font-size: .75rem;
	}
}

.t-school .info-area .tit {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.t-school .info-area .tit {
		font-size: 16px;
	}
}

.t-school .info-area .box {
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff;
}

.t-school .info-area .box li {
	margin: 3px 0;
}

.t-school .info-area .box p {
	color: #3d3c3c;
}

@media screen and (max-width:1161px) {
	.t-school .info-area .box p {
		font-size: .75rem;
	}
}

.t-school .info-area .box p:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #858585;
	margin-right: 10px;
	margin-bottom: 4px;
}

.t-school .info-area .common-checks {
	float: right;
	margin-top: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .info-area .common-checks label {
		font-size: 13px;
	}
}

.t-school .form-area {
	margin-top: 30px;
	padding: 20px 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #cdcece;
}

.t-school .form-area .form-group {
	border-bottom: 0;
	padding: 10px;
}

.t-school .form-area .form-group .form-inner {
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .form-area .form-group .form-inner {
		max-width: 100%!important;
	}
}

.t-school .form-area .form-group .required::after {
	content: '*';
	color: red;
	margin-left: 5px;
}

.t-school .form-area .form-group .wd_50 {
	width: 50%;
}

.t-school .form-area .form-group .select {
	margin-right: 10px;
}

.t-school .form-area .form-group .phone {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.t-school .form-area .form-group .phone .hypen {
	margin: 0 10px;
}

.t-school .form-area .form-group .phone input[type=text],.t-school .form-area .form-group .phone select {
	flex: 1;
}

@media screen and (max-width:1161px) {
	.t-school .form-area .form-group .wd_50 {
		width: 100%;
	}

	.t-school .form-area .form-group .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.t-school .form-area .form-group .label {
		font-size: 14px;
		padding: 10px;
	}

	.t-school .form-area .form-group input[type=text],.t-school .form-area .form-group select {
		font-size: 14px;
		height: 45px;
		width: 100%!important;
		max-width: 100%!important;
	}
}

.t-school .form-area .form-group .form-control {
	background-color: #fff;
}

.t-school .form-area .form-group .date-picker {
	width: 100%;
	margin-right: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .form-area .form-group .date-picker {
		max-width: 100%!important;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.t-school .form-area .form-group .date-picker .form-control {
		font-size: 14px;
		height: 45px;
	}
}

.t-school .form-area .form-group textarea {
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .form-area .form-group textarea {
		font-size: 14px;
	}
}

.t-school .form-area .date .form-inner {
	flex: 1;
}

@media screen and (max-width:1161px) {
	.t-school .form-area .date .form-inner+.form-inner {
		margin-left: 10px;
	}
}

.t-school .info-area::after {
	content: '';
	display: block;
	clear: both;
}

.t-school .btn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t-school a.complete-btn {
	text-align: center;
	display: inline-block;
	padding: 16px 30px;
	background: #212121;
	border-radius: 30px;
	margin-top: 30px;
}

.t-school a.complete-btn span {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.t-school a.complete-btn span::after {
	content: '';
	margin-left: 20px;
	width: 10px;
	height: 13px;
	background: url(../images/tschool/icons/icon-bullet.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
}

@media screen and (max-width:1161px) {
	.t-school a.complete-btn span {
		font-size: 14px;
	}
}

.t-school .title-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.t-school .title-area .lecture-introduce-title {
	margin-bottom: 0!important;
}

.t-school .title-area .more-btn {
	display: inline-block;
	font-size: 14px;
	color: #696969;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.t-school .title-area .more-btn {
		font-size: 13px;
	}
}

.t-school .title-area .more-btn span {
	display: inline-block;
	background: url(../images/tschool/icons/icon-plus.png) no-repeat center center;
	width: 33px;
	height: 33px;
	border: 1px solid #ddd;
	border-radius: 5px;
	vertical-align: middle;
	margin-left: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .title-area .more-btn span {
		border-radius: 50%;
	}
}

.t-school .video-board-area .thum {
	width: 100%;
	min-height: 217px;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media screen and (max-width:1161px) {
	.t-school .video-board-area .thum {
		height: auto;
		min-height: inherit;
	}
}

.t-school .video-board-area .thum img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.t-school .video-board-area .thum .icon {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45px;
	height: 42px;
	background: #037291 url(../images/tschool/icons/icon-play.png) no-repeat center center;
	background-size: 12px;
	border-top-right-radius: 5px;
}

@media screen and (max-width:1161px) {
	.t-school .video-board-area .tit {
		font-size: 17px!important;
		margin-bottom: 10px!important;
	}

	.t-school .video-board-area .txt {
		font-size: 13px;
		line-height: 14px;
	}
}

.t-school .video-row-board .search-input-area {
	width: 774px;
	margin: 0 auto 25px;
}

@media screen and (max-width:1161px) {
	.t-school .video-row-board .search-input-area {
		width: 100%;
		margin-bottom: 15px;
	}
}

.t-school .video-row-board .search-input-area input[type=text] {
	background: #fff!important;
	text-align: center;
}

.t-school .video-row-board .video-board-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	flex-wrap: wrap;
}

@media screen and (max-width:1161px) {
	.t-school .video-row-board .video-board-area {
		flex-wrap: wrap;
		margin: 0;
	}
}

.t-school .video-row-board .video-board-area .box {
	width: 30.8%;
	margin: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.t-school .video-row-board .video-board-area .box {
		width: 100%;
		margin: 10px 0;
	}
}

.t-school .video-row-board .video-board-area .box .txt-box {
	padding: 30px;
}

.t-school .video-row-board .video-board-area .box .txt-box .tit {
	font-weight: 500;
	font-size: 18px;
}

.t-school .video-row-board .video-board-area .box:hover {
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	transform: translate(0,-10px);
}

.t-school .video-col-board {
	margin-top: 71px;
}

.t-school .video-col-board .title-area {
	border-bottom: 2px solid #222;
	padding-bottom: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .video-col-board .title-area {
		padding-bottom: 10px;
		margin-bottom: 0;
	}
}

.t-school .video-col-board .video-board-area {
	padding: 0 0 20px;
}

@media screen and (max-width:1161px) {
	.t-school .video-col-board .video-board-area {
		padding: 10px 0;
	}
}

.t-school .video-col-board .video-board-area .box {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	padding: 30px 0 40px;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width:1161px) {
	.t-school .video-col-board .video-board-area .box {
		padding: 20px 0;
	}
}

.t-school .video-col-board .video-board-area .box .thum {
	width: 345px;
	min-height: auto;
	border-radius: 5px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.t-school .video-col-board .video-board-area .box .thum {
		width: inherit;
		flex: 1;
	}
}

.t-school .video-col-board .video-board-area .box .thum:hover {
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	transform: translate(0,-5px);
}

.t-school .video-col-board .video-board-area .box .txt-box {
	text-align: left;
	margin-left: 30px;
	flex: 1;
}

.t-school .video-col-board .video-board-area .box .txt-box .tit {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

.t-school .video-col-board .video-board-area .box .txt-box .txt {
	font-weight: 300;
}

.t-school .video-col-board .video-board-area .box+.box {
	padding: 40px 0 50px;
}

@media screen and (max-width:1161px) {
	.t-school .video-col-board .video-board-area .box+.box {
		padding: 20px 0;
	}
}

.t-school .video-recommend .video-row-board {
	display: none;
}

.t-school .video-recommend .video-row-board.on {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .call-class-step {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		margin: 0 -10px;
		flex-direction: row-reverse;
	}
}

.t-school .call-step-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-left: -10px;
	margin-right: -10px;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area {
		flex: 1;
		display: block;
		margin: 0;
	}
}

.t-school .call-step-area .box {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 40px 50px;
	margin: 10px;
	position: relative;
	flex: 1;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area .box {
		padding: 20px;
		height: 254px;
	}
}

.t-school .call-step-area .box p {
	text-align: center;
	word-break: keep-all;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area .title {
		font-size: 16px;
	}
}

.t-school .call-step-area .title .allow-icon {
	display: none;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area .title .allow-icon {
		display: block;
	}
}

.t-school .call-step-area .call-step-img {
	display: block;
	width: 85px;
	height: 85px;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 30px auto;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area .call-step-img {
		width: 55px;
		height: 58px;
		background-size: 100%;
		margin: 15px auto;
	}
}

.t-school .call-step-area .tit {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area .tit {
		font-size: 17px;
	}
}

.t-school .call-step-area .txt {
	font-size: 16px;
	color: #4e4e4e;
}

@media screen and (max-width:1161px) {
	.t-school .call-step-area .txt {
		font-size: 13px;
	}
}

.t-school .allow-icon {
	display: block;
	width: 53px;
	height: 78px;
	position: absolute;
	top: 50%;
	right: -34px;
	z-index: 1;
	margin-top: -39px;
	background: url(../images/tschool/icons/icon-arrow.png) no-repeat center center;
	background-size: 100%;
}

.t-school .allow-icon.first {
	background: url(../images/tschool/icons/icon-arrow01.png) no-repeat center center;
	background-size: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .allow-icon {
		width: 35px;
		height: 55px;
		transform: rotate(90deg);
		top: inherit;
		left: 50%;
		margin-top: 0;
		bottom: 0;
		margin-bottom: -33px;
		margin-left: -17px;
	}
}

.t-school .student-step .title {
	border: 1px solid #0ab5e5;
	background: #0ab5e5;
}

.t-school .student-step .title .call-step-img {
	background-image: url(../images/tschool/icons/icon-school.png);
	width: 110px;
	height: 100px;
}

@media screen and (max-width:1161px) {
	.t-school .student-step .title .call-step-img {
		width: 60px;
		background-position: center center;
	}
}

.t-school .student-step .title .tit {
	color: #fff;
}

.t-school .student-step .call-step-img.step01 {
	background-image: url(../images/tschool/icons/icon-level01.png);
}

.t-school .student-step .call-step-img.step02 {
	background-image: url(../images/tschool/icons/icon-level02.png);
}

.t-school .student-step .call-step-img.step03 {
	background-image: url(../images/tschool/icons/icon-level03.png);
}

.t-school .student-step .last-step .allow-icon {
	transform: rotate(90deg);
	left: 50%;
	top: inherit;
	bottom: 0;
	margin-left: -26.5px;
	margin-bottom: -46px;
}

@media screen and (max-width:1161px) {
	.t-school .student-step .last-step .allow-icon {
		transform: rotate(180deg);
		top: 50%;
		margin-top: -27px;
		left: 0;
		margin-left: -21px;
	}
}

.t-school .adult-step .title {
	border: 1px solid #ffc704;
	background: #ffc704;
}

.t-school .adult-step .title .call-step-img {
	background-image: url(../images/tschool/icons/icon-adult.png);
	background-position: center center;
	width: 110px;
	height: 100px;
}

@media screen and (max-width:1161px) {
	.t-school .adult-step .title .call-step-img {
		width: 45px;
	}
}

.t-school .adult-step .call-step-img.step01 {
	background-image: url(../images/tschool/icons/icon-level04.png);
}

.t-school .adult-step .call-step-img.step02 {
	background-image: url(../images/tschool/icons/icon-level05.png);
}

.t-school .adult-step .last-step {
	border: 0;
	padding: 13px;
}

@media screen and (max-width:1161px) {
	.t-school .adult-step .last-step {
		padding: 0;
	}
}

.t-school .adult-step .last-step img {
	margin: 20px auto 0;
	display: block;
	max-width: 259px;
}

@media screen and (max-width:1161px) {
	.t-school .adult-step .last-step img {
		width: 100%;
		margin-top: 58px;
	}
}

.t-school .page-title {
	font-size: 46px;
	line-height: 46px;
	font-weight: 600;
	margin-left: 135px;
}

@media screen and (max-width:1161px) {
	.t-school .page-title {
		font-size: 20px;
		line-height: 20px;
		font-weight: 500;
		margin-bottom: 5px;
		margin-left: 0;
	}
}

.t-school .page-title.border {
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
	margin-left: 0!important;
}

@media screen and (max-width:1161px) {
	.t-school .page-title.border {
		font-size: 20px;
	}
}

.t-school .page-title.h4 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-left: 0!important;
}

@media screen and (max-width:1161px) {
	.t-school .page-title.h4 {
		font-size: 16px;
	}
}

.t-school .page-txt {
	font-size: 20px;
	color: #4e4d4d;
	width: 68%;
	margin-top: 26px;
	margin-left: 135px;
}

@media screen and (max-width:1161px) {
	.t-school .page-txt {
		font-size: 15px;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
}

@media screen and (max-width:1161px) {
	.t-school .writing-step-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.t-school .writing-step-wrap .step-wrap {
		flex: 2;
	}
}

.t-school .writing-step {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin: 0 -10px;
	flex-wrap: wrap;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step {
		display: block;
		margin: 0;
	}
}

@media screen and (max-width:1161px) {
	.t-school .writing-step.step01 {
		flex: 2;
	}
}

.t-school .writing-step.step02 .box.title {
	padding: 33px 50px;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step.step02 .box.title {
		padding: 10px 30px;
	}
}

.t-school .writing-step.step02 .box.last .allow-icon {
	transform: rotate(90deg);
	top: inherit;
	right: 0;
	left: 50%;
	margin-left: -26.5px;
	bottom: -43px;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step.step02 .box.last .allow-icon {
		margin-left: -17px;
		bottom: 0;
	}
}

.t-school .writing-step.step03 {
	flex-direction: row-reverse;
	margin-right: -1px;
}

.t-school .writing-step.step03 .box {
	width: 24.2%;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step.step03 .box {
		width: 100%;
	}
}

.t-school .writing-step.step03 .box .allow-icon {
	transform: rotate(180deg);
	right: 0;
	left: -33px;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step.step03 .box .allow-icon {
		right: -34px;
		left: 50%;
		transform: rotate(90deg);
	}
}

.t-school .writing-step .box {
	padding: 50px;
	margin: 5px;
	border: 1px solid #78c8df;
	width: 24%;
	text-align: center;
	position: relative;
	border-radius: 5px;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step .box {
		width: 100%;
		padding: 25px;
		margin: 5px 0;
	}
}

.t-school .writing-step .box.red {
	border: 1px solid #ff9995;
}

.t-school .writing-step .box.title {
	border: 1px solid #037291;
}

.t-school .writing-step .box.title p {
	font-size: 22px;
	margin: 10px 0;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step .box.title p {
		font-size: 16px;
		margin: 5px 0;
	}
}

.t-school .writing-step .num {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	border-radius: 30px;
	background: #3d3d3d;
	margin-bottom: 20px;
	font-weight: 300;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step .num {
		font-size: 13px;
	}
}

.t-school .writing-step .tit {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step .tit {
		font-size: 16px;
		margin-bottom: 5px;
	}
}

.t-school .writing-step .txt {
	font-size: 16px;
	color: #4e4e4e;
}

@media screen and (max-width:1161px) {
	.t-school .writing-step .txt {
		font-size: 13px;
	}
}

.t-school .step-arrow {
	width: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100px;
}

@media screen and (max-width:1161px) {
	.t-school .step-arrow {
		flex: 1;
		display: block;
		height: inherit;
		padding: 10px;
	}
}

.t-school .step-arrow div {
	position: relative;
}

.t-school .step-arrow .red {
	width: 75%;
	padding-left: 24%;
}

@media screen and (max-width:1161px) {
	.t-school .step-arrow .red {
		width: 100%;
		padding-left: 0;
		height: 28.125rem;
		padding-top: 12.5rem;
	}
}

.t-school .step-arrow .red i {
	background-image: url(../images/tschool/icons/icon-arrow02.png);
	left: 66.2%;
}

.t-school .step-arrow .blue {
	flex: 1;
}

.t-school .step-arrow .blue i {
	background-image: url(../images/tschool/icons/icon-arrow03.png);
}

.t-school .step-arrow i {
	background-position: -2px center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 89px;
	height: 28px;
	transform: rotate(-90deg);
	display: block;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -44px;
}

@media screen and (max-width:1161px) {
	.t-school .step-arrow i {
		transform: rotate(0);
		margin-left: 0;
		position: initial;
		width: auto;
		background-size: contain;
		background-position: center center;
	}
}

.t-school .step-arrow p {
	font-size: 14px;
	color: #636363;
	padding: 7px;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.t-school .step-arrow p {
		background: 0 0;
		font-size: 12px;
	}
}

.t-school .table-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	align-items: flex-start;
}

@media screen and (max-width:1161px) {
	.t-school .table-info {
		display: block;
	}
}

.t-school .table-info .tit {
	font-size: 22px;
	margin-bottom: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .table-info .tit {
		font-size: 15px;
		margin-bottom: 5px;
	}
}

.t-school .table-info ul li {
	font-size: 16px;
	color: #424242;
}

@media screen and (max-width:1161px) {
	.t-school .table-info ul li {
		font-size: 13px;
	}
}

.t-school .table-info ul li::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #b3b3b3;
	vertical-align: middle;
	margin-right: 10px;
}

.t-school .table-info .btn-learn {
	padding: 15px 30px;
	background: #037291;
	display: block;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
}

@media screen and (max-width:1161px) {
	.t-school .table-info .btn-learn {
		max-width: 260px;
		margin: 0 auto;
		margin-top: 20px;
		font-size: 13px;
	}
}

.t-school .table-info .btn-learn i {
	color: #fff;
	margin-left: 50px;
}

.t-school .refund-table.tb-type01 {
	width: 100%!important;
	table-layout: inherit!important;
}

.t-school .refund-table.tb-type01 td,.t-school .refund-table.tb-type01 th {
	white-space: nowrap;
}

.t-school .graph-area {
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .graph-area {
		overflow: auto;
	}
}

.t-school .graph-box {
	width: 100%;
	background: #f6f7f8;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box {
		width: 1000px;
	}
}

.t-school .graph-box .inner {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 2px solid #222;
	overflow: hidden;
	padding: 140px 30px 0;
	position: relative;
	min-height: 462px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .inner {
		width: 1000px;
		min-height: inherit;
		height: 370px;
	}
}

.t-school .graph-box .bar-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 107px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .bar-wrap {
		left: 18px;
		bottom: -99px;
	}
}

.t-school .graph-box .bar {
	margin: 0 43px;
	width: 56px;
	-webkit-box-shadow: 11px 13px 0 -1px rgba(0,0,0,.09);
	-moz-box-shadow: 11px 13px 0 -1px rgba(0,0,0,.09);
	box-shadow: 11px 13px 0 -1px rgba(0,0,0,.09);
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .bar {
		width: 35px;
		margin: 0 51px;
	}
}

.t-school .graph-box .bar.step01 {
	height: 0;
	background: #9d7bba;
}

.t-school .graph-box .bar.step02 {
	height: 0;
	background: #1da3c9;
}

.t-school .graph-box .bar.step03 {
	height: 0;
	background: #2dc5c8;
}

.t-school .graph-box .bar.step04 {
	height: 0;
	background: #60a979;
}

.t-school .graph-box .bar.step05 {
	height: 0;
	background: #ffc000;
}

.t-school .graph-box .bar.step06 {
	height: 0;
	background: #ffa146;
}

.t-school .graph-box .bar.step07 {
	height: 0;
	background: #ff8043;
}

.t-school .graph-box .txt-box {
	font-size: 16px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-bottom-right-radius: 10px;
	text-align: center;
	box-shadow: 0 5px 12px 0 rgba(136,136,136,.4);
	display: inline-block;
	position: absolute;
	color: #464646;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .txt-box {
		font-size: 13px;
	}
}

.t-school .graph-box .txt-box::after {
	content: '';
	width: 11px;
	height: 11px;
	margin-left: -6px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #fff;
	transform: rotate(-45deg);
	border: 1px solid #bdbdbd;
}

.t-school .graph-box .txt-box::before {
	content: '';
	width: 19px;
	height: 8px;
	margin-left: -9px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #fff;
	z-index: 1;
}

.t-school .graph-box .txt-box span {
	width: 11px;
	height: 11px;
	margin-left: -6px;
	position: absolute;
	left: 84%;
	bottom: -5px;
	background: #fff;
	transform: rotate(-45deg);
	border: 1px solid #bdbdbd;
}

.t-school .graph-box .txt-box span::after {
	content: '';
	width: 19px;
	height: 12px;
	margin-left: -6px;
	position: absolute;
	left: 50%;
	bottom: 2px;
	transform: rotate(45deg);
	background: #fff;
	z-index: 1;
}

.t-school .graph-box .txt-box.txt01 {
	top: 227px;
	left: 91px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .txt-box.txt01 {
		left: 13px;
	}
}

.t-school .graph-box .txt-box.txt02 {
	top: 164px;
	left: 283px;
	width: 210px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .txt-box.txt02 {
		left: 185px;
	}
}

.t-school .graph-box .txt-box.txt02::after {
	left: 18%;
}

.t-school .graph-box .txt-box.txt02::before {
	left: 18%;
}

.t-school .graph-box .txt-box.txt03 {
	top: 114px;
	left: 525px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .txt-box.txt03 {
		left: 430px;
	}
}

.t-school .graph-box .txt-box.txt04 {
	top: 65px;
	left: 710px;
	width: 210px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .txt-box.txt04 {
		left: 596px;
	}
}

.t-school .graph-box .txt-box.txt04::after {
	left: 18%;
}

.t-school .graph-box .txt-box.txt04::before {
	left: 18%;
}

.t-school .graph-box .txt-box.txt05 {
	top: 25px;
	left: 952px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box .txt-box.txt05 {
		left: 844px;
	}
}

.t-school .graph-box.grammer .inner {
	padding: 50px 30px 0;
	border-bottom: 0;
	min-height: 420px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .inner {
		padding: 30px 30px 0;
		min-height: 360px;
	}
}

.t-school .graph-box.grammer .tit-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

.t-school .graph-box.grammer .tit-wrap .tit {
	flex: 1;
	font-size: 26px;
	color: #8d8e8f;
	font-weight: 500;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .tit-wrap .tit {
		font-size: 15px;
	}
}

.t-school .graph-box.grammer .tit-wrap .tit span {
	display: block;
	font-size: 20px;
	margin-top: 10px;
	color: #222;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .tit-wrap .tit span {
		font-size: 14px;
		margin-top: 0;
	}
}

.t-school .graph-box.grammer .txt-box {
	color: #1da3c9;
	border: 1px solid #1da3c9;
	font-size: 14px;
	line-height: 16px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .txt-box {
		font-size: 13px;
	}
}

.t-school .graph-box.grammer .txt-box::after {
	border: 1px solid #1da3c9;
}

.t-school .graph-box.grammer .txt-box.txt01 {
	top: 142px;
	left: 546px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .txt-box.txt01 {
		top: 90px;
		left: 448px;
	}
}

.t-school .graph-box.grammer .txt-box.txt03 {
	top: 142px;
	left: 704px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .txt-box.txt03 {
		top: 90px;
		left: 566px;
	}
}

.t-school .graph-box.grammer .bar-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	width: 1200px;
	left: 0;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.grammer .bar-wrap {
		bottom: 0;
		width: 1000px;
	}
}

.t-school .graph-box.grammer .bar-wrap .group {
	flex: 1;
	margin: 0 3px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	border-bottom: 2px solid #222;
}

.t-school .graph-box.grammer .bar-wrap .group .bar {
	background: #ffc000;
}

.t-school .graph-box.grammer .bar-wrap .group.group01 .bar {
	margin: 0 25px;
}

.t-school .graph-box.grammer .bar-wrap .group.group02 .bar {
	margin: 0 12px;
}

.t-school .graph-box.grammer .bar-wrap .group.group02 .step03,.t-school .graph-box.grammer .bar-wrap .group.group02 .step05 {
	background: #1da3c9;
}

.t-school .graph-box.speaking .txt-wrap .txt01,.t-school .graph-box.speaking .txt-wrap .txt02,.t-school .graph-box.speaking .txt-wrap .txt03 {
	/*border: 1px solid #9fc752;
	color: #6c961b;*/
	border: 1px solid #ffc000;
	color: #df8402;
}

.t-school .graph-box.speaking .txt-wrap .txt01::after,.t-school .graph-box.speaking .txt-wrap .txt02::after,.t-school .graph-box.speaking .txt-wrap .txt03::after {
	border: 1px solid #9fc752;
}

.t-school .graph-box.speaking .txt-wrap .txt04,.t-school .graph-box.speaking .txt-wrap .txt05,.t-school .graph-box.speaking .txt-wrap .txt06 {
	border: 1px solid #9fc752;
	color: #6c961b;
}

.t-school .graph-box.speaking .txt-wrap .txt04::after,.t-school .graph-box.speaking .txt-wrap .txt05::after,.t-school .graph-box.speaking .txt-wrap .txt06::after {
	border: 1px solid #9fc752;
}

.t-school .graph-box.speaking .txt-wrap .txt07,.t-school .graph-box.speaking .txt-wrap .txt08,.t-school .graph-box.speaking .txt-wrap .txt09 {
	border: 1px solid #00aaff;
	color: #00aaff;
}

.t-school .graph-box.speaking .txt-wrap .txt07::after,.t-school .graph-box.speaking .txt-wrap .txt08::after,.t-school .graph-box.speaking .txt-wrap .txt09::after {
	border: 1px solid #00aaff;
}

.t-school .graph-box.speaking .txt-wrap .txt10::after {
	border: 1px solid #1da3c9;
	color: #097c9c;
}

.t-school .graph-box.speaking .txt-wrap .txt10::after {
	border: 1px solid #1da3c9;
}

.t-school .graph-box.speaking .txt-wrap .txt01 {
	top: 310px;
	left: 50px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt01 {
		top: 270px;
		left: 50px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt02 {
	top: 295px;
	left: 132px;
	width: auto;
}

.t-school .graph-box.speaking .txt-wrap .txt02::before {
	left: 50%;
}

.t-school .graph-box.speaking .txt-wrap .txt02::after {
	left: 50%;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt02 {
		top: 255px;
		left: 112px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt03 {
	top: 280px;
	left: 215px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt03 {
		top: 240px;
		left: 175px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt04 {
	top: 260px;
	left: 322px;
	width: auto;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt04 {
		top: 220px;
		left: 270px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt04::before {
	left: 50%;
}

.t-school .graph-box.speaking .txt-wrap .txt04::after {
	left: 50%;
}

.t-school .graph-box.speaking .txt-wrap .txt05 {
	top: 245px;
	left: 408px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt05 {
		top: 205px;
		left: 340px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt06 {
	top: 230px;
	left: 500px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt06 {
		top: 190px;
		left: 410px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt07 {
	top: 200px;
	left: 632px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt07 {
		top: 160px;
		left: 533px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt08 {
	top: 200px;
	left: 710px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt08 {
		top: 155px;
		left: 585px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt09 {
	top: 170px;
	left: 790px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt09 {
		top: 130px;
		left: 650px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt10 {
	top: 150px;
	left: 925px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt10 {
		top: 105px;
		left: 775px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt11 {
	top: 130px;
	left: 1010px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt11 {
		top: 90px;
		left: 840px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .txt-wrap .txt12 {
	top: 110px;
	left: 1090px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-box.speaking .txt-wrap .txt12 {
		top: 70px;
		left: 905px;
		padding: 7px
	}
}

.t-school .graph-box.speaking .bar-wrap .group01 .bar {
	background: #ffc000;
	margin: 0 13px!important;
}

.t-school .graph-box.speaking .bar-wrap .group01 .bar.step01 {
	margin-left: 55px!important;
}

.t-school .graph-box.speaking .bar-wrap .group02 .bar {
	background: #9fc752!important;
	margin: 0 15px!important;
}

.t-school .graph-box.speaking .bar-wrap .group03 .bar {
	background: #00aaff;
	margin: 0 15px;
}

.t-school .graph-box.speaking .bar-wrap .group04 .bar {
	background: #1da3c9;
	margin: 0 15px;
}

.t-school .graph-step {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 27px;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step {
		width: 1000px;
	}
}

.t-school .graph-step .inner {
	padding: 15px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step .inner {
		padding: 15px;
	}
}

.t-school .graph-step .num {
	width: 56px;
	margin: 0 43px;
	font-size: 16px;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step .num {
		width: auto;
		flex: 1;
		font-size: 13px;
	}
}

.t-school .graph-step img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step img {
		width: 400px;
	}
}

.t-school .graph-step.grammer {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	border-bottom: 0;
}

.t-school .graph-step.grammer .group {
	flex: 1;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step.grammer .group .tit {
		font-size: 13px;
	}
}

.t-school .graph-step.grammer .group.group01 .tit {
	width: 56px;
	margin: 0 25px;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step.grammer .group.group01 .tit {
		width: 35px;
		margin: 0 25px;
	}
}

.t-school .graph-step.grammer .group.group02 .tit {
	width: 56px;
	margin: 0 12px;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step.grammer .group.group02 .tit {
		width: 35px;
		margin: 0 12px;
	}
}

.t-school .graph-step.speaking {
	position: relative;
	margin-top: 0;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step.speaking {
		width: 1000px;
		margin: 0;
	}
}

.t-school .graph-step.speaking .title-box {
	position: absolute;
	left: 3px;
	top: 0;
}

.t-school .graph-step.speaking .title-box p {
	padding: 10.4px 15px;
	background: #0ab5e5;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-bottom: 1px;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step.speaking .title-box p {
		font-size: 13px;
	}
}

.t-school .graph-step.speaking .row02 {
	padding: 22px 10px!important;
}

.t-school .graph-step.speaking .group {
	padding: 0 3px;
}

.t-school .graph-step.speaking .group table {
	width: 100%;
	border: 1px solid #ddd;
}

@media screen and (max-width:1161px) {
	.t-school .graph-step.speaking .group table {
		font-size: 13px;
	}
}

.t-school .graph-step.speaking .group table th {
	padding: 10px 10px;
	text-align: center;
	font-weight: 500;
}

.t-school .graph-step.speaking .group table td {
	border: 1px solid #ddd;
	padding: 10px 10px;
	color: #525252;
}

.t-school .graph-step.speaking .group table .align-c {
	text-align: center;
}

.t-school .graph-step.speaking .group table .pl-60 {
	padding-left: 60px!important;
}

.t-school .grammer-enter {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-enter {
		display: block;
	}
}

.t-school .grammer-enter .box {
	flex: 1;
	margin: 0 3px;
	border: 1px solid #ddd;
	padding: 30px 30px 140px;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-enter .box {
		margin-bottom: 15px;
		padding: 20px 20px 80px;
	}
}

.t-school .grammer-enter .box .tit {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 15px;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-enter .box .tit {
		font-size: 16px;
	}
}

.t-school .grammer-enter .box .txt {
	font-size: 16px;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-enter .box .txt {
		font-size: 14px;
	}
}

.t-school .grammer-enter .box .txt span {
	display: block;
}

.t-school .grammer-enter .box .black-btn-book {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-enter .box .black-btn-book {
		bottom: 20px;
	}
}

.t-school .black-btn-book {
	display: inline-block;
	padding: 15px 25px;
	background: #222;
	border-radius: 30px;
	color: #fff;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	width: 175px;
}

@media screen and (max-width:1161px) {
	.t-school .black-btn-book {
		padding: 10px 25px;
		font-size: 14px;
	}
}

.t-school .black-btn-book span {
	display: block;
	color: #fff;
}

.t-school .black-btn-book i {
	width: 30px;
	height: 23px;
	background: url(../images/tschool/icons/icon-book.png) no-repeat center center;
	background-size: contain;
	display: inline-block;
}

@media screen and (max-width:1161px) {
	.t-school .black-btn-book i {
		width: 20px;
	}
}

.t-school .blue-btn-go {
	display: inline-block;
	padding: 15px 25px;
	background: #037291;
	border-radius: 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	width: 175px;
}

@media screen and (max-width:1161px) {
	.t-school .blue-btn-go {
		padding: 10px 25px;
		font-size: 14px;
	}
}

.t-school .basic-btn {
	display: inline-block;
	padding: 10px;
	text-align: center;
	border: 1px solid #cdcdcd;
	background: #fff;
	font-weight: 500;
	max-width: 200px;
	width: 200px;
	border-radius: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .basic-btn {
		font-size: 14px;
		height: auto;
	}
}

.t-school .sub-top-area {
	position: relative;
}

.t-school .sub-top-area .sub-bg {
	position: absolute;
	width: 100%;
	background-color: transparent;
	background-image: url(../images/tschool/bg/sub-bg.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	top: -160px;
	left: 0;
	bottom: 0;
	background-repeat: repeat-y;
	z-index: -1;
}

@media screen and (max-width:1161px) {
	.t-school .sub-top-area .sub-bg {
		display: none;
	}
}

.t-school .sub-top-area .sub-bg::after {
	content: '';
	display: block;
	position: absolute;
	width: 3px;
	height: 47px;
	background: #037291;
	left: 50%;
	top: 117px;
}

.t-school .sub-top-area .sub-bg.bg {
	top: 0;
}

.t-school .sub-top-area .sub-bg.bg::after {
	content: none;
}

.t-school .sub-top-area .sub-bg.bt-100 {
	bottom: -100px;
}

.t-school .sub-top-area .sub-bg.bt-200 {
	bottom: -200px;
}

.t-school .sub-top-area .tit-wrap {
	margin-left: 137px;
}

@media screen and (max-width:1161px) {
	.t-school .sub-top-area .tit-wrap {
		margin-left: 0;
	}
}

.t-school .sub-top-area .tit-wrap .page-title,.t-school .sub-top-area .tit-wrap .page-txt {
	margin-left: 0;
}

.t-school .content-wide {
	width: 100%;
	padding: 100px 0;
}

@media screen and (max-width:1161px) {
	.t-school .content-wide {
		padding: 30px 0;
	}
}

.t-school .content-wide.top-tab {
	padding: 35px 0 100px;
}

.t-school .bg-grey {
	background: #f6f7f8;
}

.t-school .container-title {
	color: #202020;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 1.875rem;
}

@media screen and (max-width:1161px) {
	.t-school .container-title {
		font-size: 1.16667rem;
	}
}

.t-school .orange {
	color: #f05a00!important;
}

.t-school .bold {
	font-weight: 500!important;
}

@media screen and (max-width:1161px) {
	.t-school .tb-wrap {
		overflow: auto;
	}
}

.t-school .tb-wrap table {
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .tb-wrap table {
		font-size: 13px;
	}
}

.t-school .tb-wrap table.table-style01 {
	border-top: 2px solid #222;
	border-bottom: 1px solid #cdcdcd;
}

.t-school .tb-wrap table.table-style01 td,.t-school .tb-wrap table.table-style01 th {
	padding: 20px;
	word-break: keep-all;
}

.t-school .tb-wrap table.table-style01 th {
	border-bottom: 1px solid #ddd;
	background: #f9fafb;
	font-weight: 400;
}

.t-school .tb-wrap table.table-style01 td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #3a3a3a;
}

.t-school .h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .h3 {
		font-size: 15px;
		font-weight: 500;
	}
}

.t-school .grammer-tip {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -30px;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip {
		margin: 0 -14px;
		justify-content: flex-start;
	}
}

.t-school .grammer-tip .grammer-box {
	padding: 12.5px;
	width: 33.3333%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip .grammer-box {
		width: 50%;
		padding: 5px;
	}
}

.t-school .grammer-tip .grammer-box .inner {
	background: #fff;
	padding: 60px 35px;
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip .grammer-box .inner {
		padding: 30px;
	}
}

.t-school .grammer-tip .grammer-box img {
	display: block;
	margin: 0 auto 35px;
	max-width: 214px;
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip .grammer-box img {
		margin-bottom: 15px;
	}
}

.t-school .grammer-tip .grammer-box p {
	text-align: center;
	font-weight: 300;
}

.t-school .grammer-tip .grammer-box .tit {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip .grammer-box .tit {
		font-size: 16px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip .grammer-box .txt {
		font-size: 14px;
	}
}

.t-school .grammer-tip .grammer-box .txt span {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .grammer-tip .grammer-box .txt span {
		display: inline-block;
	}
}

.t-school .grammer-tip.row02 {
	margin-top: 25px;
}

.t-school .tab-control {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.t-school .tab-control {
		display: none;
	}
}

.t-school .tab-control .btn {
	display: block;
	flex: 1;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 30px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

.t-school .tab-control .btn+.btn {
	margin-left: 15px;
}

.t-school .tab-control .btn span {
	font-size: 24px;
}

.t-school .tab-control .btn i {
	width: 50px;
	height: 50px;
	display: block;
	background: url(../images/tschool/icons/icon-go.png);
	margin-top: 7px;
	display: none;
}

.t-school .tab-control .btn.on {
	border-bottom: 4px solid #0ab5e5;
}

.t-school .tab-control .btn.on i {
	display: block;
}

.t-school .video-gallery-box {
	margin: 70px 0 150px;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box {
		margin: 30px 0 50px;
	}
}

.t-school .video-gallery-box .video-view {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.t-school .video-gallery-box .video-view img.thum {
	transition: all .7s;
	-webkit-transition: all .7s;
	max-width: 100%;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .video-view img.thum {
		width: 100%;
	}
}

.t-school .video-gallery-box .video-view:hover img.thum {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.t-school .video-gallery-box .video-thum-wrap {
	position: relative;
}

.t-school .video-gallery-box .play-btn {
	display: block;
	width: 102px;
	height: 102px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.22);
	background-repeat: no-repeat;
	background-position: 36px center;
	background-image: url(../images/tschool/icons/icon-playbtn.png);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .play-btn {
		width: 50px;
		height: 50px;
		background-size: 15px;
		background-position: 20px center;
	}
}

.t-school .video-gallery-box .slide-btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	position: absolute;
	right: 0;
	top: 536px;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .slide-btn {
		top: inherit;
		bottom: 10px;
		right: 10px;
	}
}

.t-school .video-gallery-box .slide-btn a {
	display: block;
	width: 58px;
	height: 58px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	padding: 16px 10px;
	margin: 2px;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .slide-btn a {
		width: 40px;
		height: 40px;
		padding: 7px 10px;
		font-size: 13px;
	}
}

.t-school .video-gallery-box .video-dsc {
	width: 1064px;
	position: relative;
	margin-top: -75px;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .video-dsc {
		margin-top: 0;
		width: 100%;
	}
}

.t-school .video-gallery-box .info-box {
	max-width: 1064px;
	min-height: 385px;
	width: 100%;
	padding: 35px 0 35px 63px;
	color: #fff;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .info-box {
		margin-top: 0;
		padding: 30px 20px;
	}
}

.t-school .video-gallery-box .info-box .info-box-wrap {
	background: #037291;
}

.t-school .video-gallery-box .info-box .tit {
	font-size: 30px;
	border-bottom: 1px solid #1a7f9b;
	padding-bottom: 25px;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .info-box .tit {
		font-size: 17px;
	}
}

.t-school .video-gallery-box .info-box .txt-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.t-school .video-gallery-box .info-box .txt-list .title {
	font-size: 22px;
	flex: 1;
	padding: 20px 0;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .info-box .txt-list .title {
		font-size: 16px;
	}
}

.t-school .video-gallery-box .info-box .txt-list .list {
	flex: 5;
	padding: 20px 0;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .info-box .txt-list .list {
		flex: 2;
		margin-left: 15px;
	}
}

.t-school .video-gallery-box .info-box .txt-list .list p {
	font-weight: 300;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .info-box .txt-list .list p {
		font-size: 13px;
	}
}

.t-school .video-gallery-box .info-box .txt-list .list p::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	vertical-align: middle;
	background: #0ab5e5;
	margin-right: 7px;
}

.t-school .video-gallery-box .info-box .txt-list .list p+p {
	margin-top: 10px;
}

.t-school .video-gallery-box .info-box .txt-list+.txt-list .list {
	border-top: 1px solid #1a7f9b;
}

.t-school .video-gallery-box .more-btn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-top: 40px;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .more-btn-wrap {
		margin-top: 20px;
	}
}

.t-school .video-gallery-box .more-btn-wrap a {
	flex: 1;
}

@media screen and (max-width:1161px) {
	.t-school .video-gallery-box .more-btn-wrap a {
		width: auto;
		max-width: inherit;
	}
}

.t-school .video-gallery-box .more-btn-wrap a+a {
	margin-left: 15px;
}

.t-school .video-recommand {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: -76px;
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand {
		display: block;
		margin-top: 20px;
	}
}

.t-school .video-recommand .thum-box {
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand .thum-box {
		width: 100%!important;
		height: 300px!important;
	}
}

.t-school .video-recommand .thum-box .img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	transition: all .7s;
	-webkit-transition: all .7s;
	max-width: 100%;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand .thum-box .img {
		width: 100%!important;
		height: 300px!important;
	}
}

.t-school .video-recommand .thum-box:hover .img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.t-school .video-recommand .video-box.left .thum-box {
	width: 504px;
	height: 655px;
	overflow: hidden;
}

.t-school .video-recommand .video-box.right .thum-box {
	width: 580px;
	height: 388px;
	overflow: hidden;
}

.t-school .video-recommand .video-box.right .thum-box.thum-box {
	margin-top: 60px;
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand .video-box.right .thum-box.thum-box {
		margin-top: 20px;
	}
}

.t-school .video-recommand .thum-box.box01 .img {
	background-image: url(../images/tschool/lecture/video-recommand-01.jpg);
}

.t-school .video-recommand .thum-box.box02 .img {
	background-image: url(../images/tschool/lecture/video-recommand-02.jpg);
}

.t-school .video-recommand .thum-box.box03 .img {
	background-image: url(../images/tschool/lecture/video-recommand-03.jpg);
}

.t-school .video-recommand .txt-wrap {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	color: #fff;
	font-weight: 600;
}

.t-school .video-recommand .txt-wrap .tit {
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand .txt-wrap .tit {
		font-size: 14px;
	}
}

.t-school .video-recommand .txt-wrap .name {
	font-size: 30px;
	font-weight: 400;
	margin-top: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand .txt-wrap .name {
		font-size: 16px;
		margin-top: 0;
	}
}

.t-school .video-recommand .txt-wrap .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background: #037291 url(../images/tschool/icons/icon-play.png) no-repeat center center;
	background-size: 16px;
}

@media screen and (max-width:1161px) {
	.t-school .video-recommand .txt-wrap .btn {
		width: 40px;
		height: 40px;
		background-size: 10px;
	}
}

.t-school .layer-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	z-index: 100;
}

.itc_company .layer-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	z-index: 100;
}

.t-school .layer-popup .popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	padding: 25px 60px;
}

.itc_company .layer-popup .popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	padding: 25px 60px;
}

@media screen and (max-width:1161px) {
	.t-school .layer-popup .popup-inner {
		width: 100%!important;
		padding: 70px 10px 10px;
	}

	.itc_company .layer-popup .popup-inner {
		width: 100%!important;
		padding: 70px 10px 10px;
	}
}

.t-school .layer-popup .popup-inner.video-view {
	width: 1230px;
}

.itc_company .layer-popup .popup-inner.video-view {
	width: 1230px;
}

.t-school .layer-popup .popup-inner .popup-ctn-wrap {
	position: relative;
	background: #fff;
	padding: 60px;
	margin: 0 auto;
}

.itc_company .layer-popup .popup-inner .popup-ctn-wrap {
	position: relative;
	background: #fff;
	padding: 60px;
	margin: 0 auto;
}

@media screen and (max-width:1161px) {
	.t-school .layer-popup .popup-inner .popup-ctn-wrap {
		padding: 20px;
	}

	.itc_company .layer-popup .popup-inner .popup-ctn-wrap {
		padding: 20px;
	}
}

.t-school .layer-popup .popup-inner .close {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	background: url(../images/tschool/icons/icon-close.png) no-repeat center center;
	top: 0;
	right: 0;
}

.itc_company .layer-popup .popup-inner .close {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	background: url(../images/tschool/icons/icon-close.png) no-repeat center center;
	top: 0;
	right: 0;
}

@media screen and (max-width:1161px) {
	.t-school .layer-popup .popup-inner .close {
		right: 50%;
		margin-right: -26px;
	}

	.itc_company .layer-popup .popup-inner .close {
		right: 50%;
		margin-right: -26px;
	}
}

.t-school .go-box-area {
	background: #fff;
	padding-top: 5px;
}

.t-school .go-box-area .row {
	padding: 30px 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width:1161px) {
	.t-school .go-box-area .row {
		display: block;
		padding: 15px 0;
	}
}

.t-school .go-box-area .row:last-child {
	border-bottom: 1px solid #cdcdcd;
}

.t-school .go-box-area .txt span {
	display: block;
	font-size: 15px;
	color: #656565;
}

@media screen and (max-width:1161px) {
	.t-school .go-box-area .txt span {
		font-size: 13px;
	}
}

.t-school .go-box-area .go-btn {
	flex: 1;
	margin: 9px;
	display: block;
	border-radius: 50px;
	padding: 20px 20px 20px 44px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #cdcdcd;
	font-size: 17px;
	height: 74px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.t-school .go-box-area .go-btn {
		padding: 15px 15px 15px 30px;
		font-size: 15px;
		border: 1px solid #cdcdcd;
		height: auto;
	}
}

.t-school .go-box-area .go-btn:hover {
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	transform: translate(0,-5px);
}

.t-school .go-box-area .go-btn .txt {
	font-weight: 400;
}

.t-school .go-box-area .go-btn .txt span {
	font-weight: 300;
}

.t-school .go-box-area .go-btn .icon {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .go-box-area .go-btn .icon {
		width: 30px;
		height: 30px;
	}
}

.t-school .go-box-area .go-btn .icon::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 14px;
	background: url(../images/tschool/icons/icon-arrow05.png) no-repeat left center;
	width: 28px;
	height: 8px;
}

@media screen and (max-width:1161px) {
	.t-school .go-box-area .go-btn .icon::after {
		background-size: 18px;
		top: 11px;
	}
}

.t-school .go-box-area .go-btn .icon.blue {
	background: #0ab5e5;
}

.t-school .go-box-area .go-btn .icon.yellow {
	background: #ffc000;
}

.t-school .go-box-area .go-btn .icon.navy {
	background: #037291;
}

.t-school .go-box-area .go-btn .icon.green {
	background: #5ea954;
}

.t-school .go-box-area .info-txt {
	margin-top: 20px;
	font-weight: 300;
}

@media screen and (max-width:1161px) {
	.t-school .go-box-area .info-txt {
		margin-top: 10px;
	}
}

.t-school .normal-info-box {
	color: #424242;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .normal-info-box {
		font-size: 13px;
	}
}

.t-school .normal-info-box ul {
	margin-top: 10px;
}

.t-school .normal-info-box ul li {
	margin: 2px 0;
}

.t-school .normal-info-box ul li::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #b3b3b3;
	width: 3px;
	height: 3px;
	margin-right: 5px;
}

.t-school .normal-info-box .basic-btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media screen and (max-width:1161px) {
	.t-school .normal-info-box .basic-btn {
		display: none;
	}
}

.t-school .section-introduce {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	padding: 0 139px;
	justify-content: space-between;
	margin: 80px 0 0;
}

@media screen and (max-width:1161px) {
	.t-school .section-introduce {
		padding: 0;
		margin: 20px 0 0;
	}
}

.t-school .section-introduce .text-wrap {
	width: 31%;
	padding-top: 130px;
}

@media screen and (max-width:1161px) {
	.t-school .section-introduce .text-wrap {
		width: 100%;
		padding-top: 0;
	}
}

.t-school .section-introduce .text-wrap .title {
	font-size: 46px;
	font-weight: 300;
	line-height: 50px;
}

.t-school .section-introduce .text-wrap .title strong {
	font-weight: 600;
}

@media screen and (max-width:1161px) {
	.t-school .section-introduce .text-wrap .title {
		font-size: 18px;
		line-height: 20px;
	}
}

.t-school .section-introduce .text-wrap .description {
	color: #3d3c3c;
	margin-top: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .section-introduce .text-wrap .description {
		font-size: 14px;
		margin-top: 10px;
	}
}

.t-school .section-introduce .text-wrap .description span {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .section-introduce .text-wrap .description span {
		display: inline-block;
	}
}

@media screen and (max-width:1161px) {
	.t-school .section-introduce img {
		display: none;
	}
}

.t-school .search-input-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:480px) {
	.t-school .search-input-area {
		display: block;
	}
}

.t-school .search-input-area select {
	flex: 1;
	font-size: 16px;
	padding: 5px 12px;
	height: auto;
}

@media screen and (max-width:1161px) {
	.t-school .search-input-area select {
		flex: 2!important;
	}
}

@media screen and (max-width:480px) {
	.t-school .search-input-area select {
		width: 100%!important;
		padding: 10px;
		font-size: 13px;
	}
}

.t-school .search-input-area .input-btn {
	flex: 7;
	margin-left: -1px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:480px) {
	.t-school .search-input-area .input-btn {
		width: 100%;
		margin-left: 0;
		margin-top: -1px;
	}
}

.t-school .search-input-area .input-btn input[type=text] {
	background: #f9f9f9;
	border: 1px solid #c9c9c9;
	flex: 1;
	padding: 18px 15px;
}

@media screen and (max-width:480px) {
	.t-school .search-input-area .input-btn input[type=text] {
		padding: 10px;
		font-size: 13px;
	}
}

.t-school .search-input-area .input-btn .btn {
	border: 1px solid #c9c9c9;
	width: 62px;
	height: 62px;
	margin-left: -1px;
	background: #fff url(../images/tschool/icons/icon-search.png) no-repeat center center;
	background-size: 20px;
}

@media screen and (max-width:480px) {
	.t-school .search-input-area .input-btn .btn {
		width: 46px;
		height: 46px;
	}
}

.t-school .social-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.t-school .social-list li {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: 183px;
	background-image: url(../images/tschool/icons/social-icon-set.png);
}

@media screen and (max-width:480px) {
	.t-school .social-list li {
		width: 30px;
		height: 30px;
		background-size: 121px;
	}
}

.t-school .social-list li+li {
	margin-left: 8px;
}

@media screen and (max-width:480px) {
	.t-school .social-list li+li {
		margin-left: 3px;
	}
}

.t-school .social-list li.blog {
	background-position: 0 0;
}

.t-school .social-list li.cafe {
	background-position: -46px 0;
}

@media screen and (max-width:480px) {
	.t-school .social-list li.cafe {
		background-position: -30px 0;
	}
}

.t-school .social-list li.kakao {
	background-position: -91px 0;
}

@media screen and (max-width:480px) {
	.t-school .social-list li.kakao {
		background-position: -61px 0;
	}
}

.t-school .social-list li.youtube {
	background-position: -138px 0;
}

@media screen and (max-width:480px) {
	.t-school .social-list li.youtube {
		background-position: -91px 0;
	}
}

.t-school .list li {
	margin: 5px;
	color: #515151;
	font-size: 14px;
}

.t-school .list li::before {
	content: '';
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/tschool/icons/icon-bullet-set01.png);
	background-size: 38px;
	vertical-align: middle;
}

.t-school .list li.location::before {
	background-position: left 0;
}

.t-school .list li.call::before {
	background-position: right 0;
}

.t-school .box-type-board {
	margin-top: 20px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -13px;
	margin-right: -13px;
}

@media screen and (max-width:480px) {
	.t-school .box-type-board {
		display: block;
	}
}

.t-school .box-type-board .list-box {
	width: 33.3333%;
}

@media screen and (max-width:480px) {
	.t-school .box-type-board .list-box {
		width: 100%;
	}
}

.t-school .box-type-board .list-box .inner {
	border: 1px solid #ddd;
	padding: 40px 30px;
	border-radius: 5px;
	margin: 13px;
	background: #fff;
}

@media screen and (max-width:1161px) {
	.t-school .box-type-board .list-box .inner {
		padding: 25px;
	}
}

.t-school .box-type-board .list-box .tit {
	font-size: 22px;
	margin-bottom: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .box-type-board .list-box .tit {
		font-size: 17px;
		margin-bottom: 15px;
	}
}

.t-school .box-type-board .list-box .social-list {
	margin-top: 55px;
}

@media screen and (max-width:1161px) {
	.t-school .box-type-board .list-box .social-list {
		margin-top: 15px;
	}
}

.t-school .paging-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.t-school .paging-area .btn-wrap,.t-school .paging-area .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t-school .paging-area .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.t-school .paging-area .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.t-school .paging-area .btn-wrap a:hover {
	background: #037291;
	border: 1px solid #037291;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.t-school .paging-area .btn-wrap a.first {
	background-image: url(../images/tschool/icons/icon-arrow06.png);
}

.t-school .paging-area .btn-wrap a.prev {
	background-image: url(../images/tschool/icons/icon-arrow07.png);
}

.t-school .paging-area .btn-wrap a.next {
	background-image: url(../images/tschool/icons/icon-arrow08.png);
}

.t-school .paging-area .btn-wrap a.last {
	background-image: url(../images/tschool/icons/icon-arrow09.png);
}

.t-school .paging-area .btn-wrap a.first:hover {
	background-image: url(../images/tschool/icons/icon-arrow06_over.png);
}

.t-school .paging-area .btn-wrap a.prev:hover {
	background-image: url(../images/tschool/icons/icon-arrow07_over.png);
}

.t-school .paging-area .btn-wrap a.next:hover {
	background-image: url(../images/tschool/icons/icon-arrow08_over.png);
}

.t-school .paging-area .btn-wrap a.last:hover {
	background-image: url(../images/tschool/icons/icon-arrow09_over.png);
}

.t-school .paging-area .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width:1161px) {
	.t-school .paging-area .num-wrap {
		margin: 0 10px;
	}
}

.t-school .paging-area .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.t-school .paging-area .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.t-school .paging-area .num-wrap a.on,.t-school .paging-area .num-wrap a:hover {
	background: #037291;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width:1161px) {
	.t-school .paging-area .num-wrap a.on,.t-school .paging-area .num-wrap a:hover {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.t-school .info-box-wrap {
	border: 1px solid #ddd;
	padding: 30px;
}

@media screen and (max-width:480px) {
	.t-school .info-box-wrap {
		padding: 20px;
	}
}

.t-school .info-box-wrap .tit {
	font-size: 20px;
}

@media screen and (max-width:480px) {
	.t-school .info-box-wrap .tit {
		font-size: 17px;
	}
}

.t-school .info-box-wrap ul {
	margin-top: 15px;
}

@media screen and (max-width:480px) {
	.t-school .info-box-wrap ul {
		margin-top: 10px;
	}
}

.t-school .info-box-wrap ul li {
	color: #3a3a3a;
}

@media screen and (max-width:480px) {
	.t-school .info-box-wrap ul li {
		font-size: 13px;
	}
}

.t-school .info-box-wrap ul li::before {
	content: '';
	width: 6px;
	height: 2px;
	background: #000;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
}

@keyframes visual-in {
	from {
		opacity: 0;
		background-size: auto 130%;
	}

	to {
		opacity: 1;
		background-size: auto 100%;
	}
}

@keyframes visual-out {
	from {
		opacity: 1;
		background-size: auto 100%;
	}

	to {
		opacity: 0;
		background-size: auto 150%;
	}
}

@keyframes opacity {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes ani-move1 {
	from {
		opacity: 0;
		top: 40px;
	}

	to {
		opacity: 1;
		top: 0;
	}
}

@keyframes ani-move2 {
	from {
		opacity: 0;
		margin-top: 60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}
}

@keyframes bg-move1 {
	from {
		opacity: 0;
		background-position-y: 30px;
	}

	to {
		opacity: 1;
		background-position-y: 0;
	}
}

@keyframes bg-move2 {
	from {
		background-position-x: -30%;
	}

	to {
		background-position-x: 50%;
	}
}

.t-school #main-content .sub-menu-dropdown .toggle-button {
	font-size: 14px;
}

@media screen and (max-width:480px) {
	.t-school #main-content .sub-menu-dropdown .toggle-button {
		font-size: 13px;
	}
}

.t-school #main-content .page-header {
	position: relative;
	height: 938px;
	overflow: hidden;
}

@media screen and (max-width:1161px) {
	.t-school #main-content .page-header {
		height: 500px;
	}
}

@media screen and (max-width:480px) {
	.t-school #main-content .page-header {
		height: 350px;
	}
}

.t-school #main-content .page-header .main-visual-play-btn {
	position: absolute;
	bottom: 64px;
	left: 50%;
	margin-left: 42px;
}

@media screen and (max-width:480px) {
	.t-school #main-content .page-header .main-visual-play-btn {
		bottom: 21px;
	}
}

.t-school #main-content .page-header .main-visual-play-btn::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 11px;
	background: rgba(255,255,255,.4);
	margin-right: 15px;
	position: absolute;
	left: -9px;
	bottom: 12px;
}

.t-school #main-content .page-header .main-visual-play-btn a {
	display: block;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}

.t-school #main-content .page-header .main-visual-play-btn a.on {
	display: none;
}

.t-school #main-content .page-header .main-visual-play-btn .pause {
	background: url(../images/tschool/icons/icon-play-stop.png) no-repeat center center;
}

.t-school #main-content .page-header .main-visual-play-btn .play {
	display: block;
	line-height: 30px;
}

.t-school #main-content .page-header .main-visual-play-btn .play.on {
	display: none!important;
}

.t-school #main-content .go-btn {
	display: inline-block;
	width: 176px;
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
	align-items: center;
	justify-content: space-between;
	top: 630px;
}

@media screen and (max-width:1161px) {
	.t-school #main-content .go-btn {
		font-size: 14px;
		top: 320px;
	}
}

@media screen and (max-width:480px) {
	.t-school #main-content .go-btn {
		font-size: 13px;
		top: 230px;
	}
}

.t-school #main-content .go-btn:hover {
	border: 1px solid #037291;
	background: #037291;
}

.t-school #main-content .go-btn.black {
	margin-top: 40px;
	border: 1px solid #ddd;
	color: #222;
	font-size: 14px;
}

@media screen and (max-width:480px) {
	.t-school #main-content .go-btn.black {
		margin-top: 25px;
	}
}

.t-school #main-content .go-btn.black i {
	color: #037291;
}

.t-school #main-content .go-btn.black:hover {
	color: #fff;
}

.t-school #main-content .go-btn.black:hover i {
	color: #fff;
}

.t-school .main-visual-slide {
	width: 100%;
	height: 938px;
	background-color: #fff;
}

@media screen and (max-width:1161px) {
	.t-school .main-visual-slide {
		height: 500px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-visual-slide {
		height: 350px;
	}
}

.t-school .main-visual-slide .slide {
	width: 100%;
	height: 938px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	animation: visual-out 2s ease-out forwards;
}

@media screen and (max-width:1161px) {
	.t-school .main-visual-slide .slide {
		height: 500px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-visual-slide .slide {
		height: 350px;
	}
}

.t-school .main-visual-slide .slide.slide01 {
	background-image: url(../images/tschool/bg/main-visual01.jpg);
}

.t-school .main-visual-slide .slide.slick-active {
	animation: visual-in 2s ease-out forwards;
}

.t-school .main-visual-slide .slide.slick-active .txt01 {
	animation: ani-move2 1s ease-out forwards;
}

.t-school .main-visual-slide .slide.slick-active .txt02 {
	animation: ani-move2 1s .5s ease-out forwards;
}

.t-school .main-visual-slide .slide.slick-active .go-btn {
	animation: ani-move2 1s 1s ease-out forwards;
}

.t-school .main-visual-slide .slide .descriptions {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	transition: all .5s ease-in-out;
}

@media screen and (max-width:1161px) {
	.t-school .main-visual-slide .slide .descriptions {
		width: 100%;
	}
}

.t-school .main-visual-slide .slide .descriptions .go-btn,.t-school .main-visual-slide .slide .descriptions p {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}

.t-school .main-visual-slide .slide .txt01 {
	top: 350px;
	font-size: 70px;
	font-weight: 200;
	line-height: 80px;
}

@media screen and (max-width:1161px) {
	.t-school .main-visual-slide .slide .txt01 {
		font-size: 40px;
		line-height: 50px;
		top: 150px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-visual-slide .slide .txt01 {
		font-size: 30px;
		line-height: 30px;
		top: 60px;
	}
}

.t-school .main-visual-slide .slide .txt01 span {
	font-weight: 700;
	display: block;
}

.t-school .main-visual-slide .slide .txt02 {
	font-size: 22px;
	top: 525px;
	line-height: 27px;
}

@media screen and (max-width:1161px) {
	.t-school .main-visual-slide .slide .txt02 {
		font-size: 17px;
		line-height: 20px;
		top: 257px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-visual-slide .slide .txt02 {
		font-size: 15px;
		line-height: 18px;
		top: 140px;
		padding: 0 50px;
	}
}

.t-school .main-visual-slide .slide .txt02 span {
	display: block;
}

@media screen and (max-width:480px) {
	.t-school .main-visual-slide .slide .txt02 span {
		display: inline;
	}
}

.t-school .main-visual-slide .slick-dots {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -62px;
	overflow: hidden;
}

@media screen and (max-width:480px) {
	.t-school .main-visual-slide .slick-dots {
		bottom: 30px;
	}
}

.t-school .main-visual-slide .slick-dots li {
	float: left;
	margin: 0 5px;
}

.t-school .main-visual-slide .slick-dots li .pager_dot {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.6);
	cursor: pointer;
	position: relative;
}

.t-school .main-visual-slide .slick-dots li.slick-active .pager_dot {
	border: 2px solid #fff;
}

.t-school .main-visual-slide .slick-dots li.slick-active .pager_dot::before {
	content: '';
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
}

.t-school .main-top-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.t-school .main-top-info {
		display: block;
	}
}

.t-school .main-top-info .login-info {
	height: 40px;
	width: 50%;
	padding-left: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .main-top-info .login-info {
		width: 100%;
		padding-left: 0;
	}
}

.t-school .main-top-info .login-info .member-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.t-school .main-top-info .login-info .member-info {
		justify-content: center;
		margin-top: 20px;
	}
}

.t-school .main-top-info .login-info .thum {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	display: inline-block;
}

.t-school .main-top-info .login-info .thum img {
	width: 100%;
	border-radius: 50%;
	border: 1px solid #ddd;
}

.t-school .main-top-info .login-info p {
	font-size: 14px;
	font-weight: 500;
}

.t-school .main-top-info .login-info p .id {
	color: #026b88;
}

.t-school .main-title-box .tit {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .main-title-box .tit {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 10px;
	}
}

.t-school .main-title-box .title-txt-area {
	margin-bottom: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .main-title-box .title-txt-area {
		margin-bottom: 0;
	}
}

.t-school .main-title-box .title-txt-area span {
	display: inline-block;
	font-size: 46px;
	font-weight: 700;
	letter-spacing: -4px;
}

@media screen and (max-width:1161px) {
	.t-school .main-title-box .title-txt-area span {
		font-size: 23px;
		font-weight: 600;
		letter-spacing: -2px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-title-box .title-txt-area span {
		font-size: 25px;
	}
}

.t-school .main-title-box .title-txt-area .weight_300 {
	font-weight: 300;
}

.t-school .main-title-box .desc-area {
	margin: 30px 0 50px;
}

@media screen and (max-width:1161px) {
	.t-school .main-title-box .desc-area {
		margin: 5px 0 5px;
	}
}

.t-school .main-title-box .desc-area span {
	display: block;
}

@media screen and (max-width:1161px) {
	.t-school .main-title-box .desc-area span {
		display: inline-block;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-title-box .desc-area span {
		font-size: 16px;
	}
}

.t-school .main-slide-section {
	width: 100%;
	padding: 0 0 0 70px;
	position: relative;
	margin: 94px 0 210px;
	height: 400px;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section {
		padding: 20px;
		margin: 55px 0;
		height: auto;
	}
}

.t-school .main-slide-section .desc-area p {
	font-size: 20px;
	color: #545454;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .desc-area p {
		font-size: 16px;
	}
}

.t-school .main-slide-section .main-title-box {
	width: 250px;
	position: absolute;
	left: 50%;
	top: 84px;
	margin-left: -605px;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .main-title-box {
		width: auto;
		position: static;
		margin-left: 0;
	}
}

.t-school .main-slide-section .slide-wrap {
	position: absolute;
	left: 50%;
	margin-left: -310px;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .slide-wrap {
		position: static;
		margin-left: 0;
		width: 100%;
	}
}

.t-school .main-slide-section .slide-wrap .slick-list {
	padding: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .slide-wrap .slick-list {
		padding: 30px 0!important;
	}
}

.t-school .main-slide-section .slide-wrap .slick-track {
	display: flex!important;
}

.t-school .main-slide-section .slide-wrap .slide {
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
	border: 1px solid #ddd;
	height: auto!important;
	width: 362px;
	overflow: hidden;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .slide-wrap .slide {
		width: 200px;
	}
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .slide-wrap .slide img {
		width: 100%;
	}
}

.t-school .main-slide-section .slide-wrap .slide .txt-area {
	padding: 20px 35px 20px 20px;
	position: relative;
	background-color: #fff;
}

.t-school .main-slide-section .slide-wrap .slide .txt-area .tit {
	font-size: 18px;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .slide-wrap .slide .txt-area .tit {
		font-size: 16px;
	}
}

.t-school .main-slide-section .slide-wrap .slide .txt-area .txt {
	font-size: 14px;
	color: #6f7071;
	margin-top: 5px;
}

.t-school .main-slide-section .slide-wrap .slide .txt-area .btn {
	position: absolute;
	top: 20px;
	right: 20px;
}

.t-school .main-slide-section .slide-wrap .slide:hover {
	border: 1px solid #037291;
	box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-moz-box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-ms-box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	-ms-transform: translate(0,-20px);
	-o-transform: translate(0,-20px);
	transform: translate(0,-20px);
}

.t-school .main-slide-section .slide-wrap .slide.slide {
	margin-left: 30px;
}

.t-school .main-slide-section .arrow-btn {
	position: absolute;
	top: 282px;
	left: 50%;
	margin-left: -600px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	width: 120px;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .arrow-btn {
		width: 180px;
		position: static;
		margin-left: 0;
		margin: 0 auto;
	}
}

.t-school .main-slide-section .arrow-btn a {
	display: block;
	width: 54px;
	height: 54px;
	border: 1px solid #ddd;
	border-radius: 50%;
	text-align: center;
	line-height: 48px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

.t-school .main-slide-section .arrow-btn a:hover {
	background: #037291;
	border: 1px solid #037291;
	color: #fff;
}

.t-school .main-slide-section .arrow-btn .go {
	color: #037291;
	font-size: 13px;
	display: none;
}

@media screen and (max-width:1161px) {
	.t-school .main-slide-section .arrow-btn .go {
		display: block;
	}
}

.t-school .main-slide-section .slick-dots {
	position: absolute;
	top: -15px;
	left: 750px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.t-school .main-slide-section .slick-dots li .pager_dot {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #e1e1e1;
	margin: 3px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
	cursor: pointer;
}

.t-school .main-slide-section .slick-dots li .pager_dot:hover {
	background: #037291;
}

.t-school .main-slide-section .slick-dots li.slick-active .pager_dot {
	background: #037291;
}

.t-school .main-video-area {
	margin-top: 160px;
	width: 100%;
	height: 740px;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width:1161px) {
	.t-school .main-video-area {
		margin-top: 30px;
		height: auto;
	}
}

.t-school .main-video-area .bg-img {
	background: url(../images/tschool/bg/main-video-bg.jpg) no-repeat top center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.t-school .main-video-area .content {
	width: 1270px;
	margin: 0 auto 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 165px 0 0;
}

@media screen and (max-width:1161px) {
	.t-school .main-video-area .content {
		display: block;
		padding: 70px 20px;
		width: 100%;
	}
}

.t-school .main-video-area .content .main-title-box {
	color: #fff;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .main-video-area .content .main-title-box .title-txt-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.t-school .main-video-area .content .main-title-box .title-txt-wrap .title-txt-area {
		margin-right: 10px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-video-area .content .main-title-box .title-txt-wrap {
		display: block;
	}

	.t-school .main-video-area .content .main-title-box .title-txt-wrap .title-txt-area {
		margin-right: 0;
	}
}

.t-school .main-video-area .content .main-title-box .go-btn {
	margin-top: 50px;
	font-size: 14px;
	border: 1px solid rgba(255,255,255,.4)!important;
}

@media screen and (max-width:1161px) {
	.t-school .main-video-area .content .main-title-box .go-btn {
		margin: 30px 0;
	}
}

.t-school .main-video-area .content .video-box {
	width: 725px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .main-video-area .content .video-box {
		margin: 0 auto;
		max-width: 725px;
		width: 100%;
		height: auto;
	}
}

.t-school .main-video-area .content .video-box a {
	display: block;
	position: relative;
}

.t-school .main-video-area .content .video-box a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	opacity: 0;
	z-index: 1;
}

.t-school .main-video-area .content .video-box a:hover::before {
	opacity: 1;
}

.t-school .main-video-area .content .video-box a img {
	transition: all .7s;
	-webkit-transition: all .7s;
	max-width: 100%;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

.t-school .main-video-area .content .video-box a:hover img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.t-school .main-video-area .content .video-box::before {
	content: '';
	display: block;
	width: 37px;
	height: 43px;
	background: url(../images/tschool/icons/icon-playbtn02.png) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.t-school .main-video-area .content .video-box .tit {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
}

@media screen and (max-width:1161px) {
	.t-school .main-video-area .content .video-box .tit {
		font-size: 14px;
	}
}

.t-school .main-quick-area {
	width: 100%;
	background: #213e46;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px;
}

@media screen and (max-width:1161px) {
	.t-school .main-quick-area {
		padding: 30px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-quick-area {
		display: block;
	}
}

.t-school .main-quick-area .box {
	display: block;
	width: 355px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 88px;
	color: #fff;
	position: relative;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
	padding: 95px 20px 0;
}

@media screen and (max-width:1161px) {
	.t-school .main-quick-area .box {
		width: 33.3333%;
		background-size: 50px;
		padding: 63px 20px 0;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-quick-area .box {
		width: 100%;
		padding: 75px 0 20px;
		background-position: center 25px;
		background-size: 45px;
	}
}

.t-school .main-quick-area .box .tit {
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.t-school .main-quick-area .box .tit {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-quick-area .box .tit {
		font-size: 16px;
	}
}

.t-school .main-quick-area .box .txt {
	font-size: 16px;
	color: #94adb4;
	word-break: keep-all;
	margin-top: 10px;
}

@media screen and (max-width:1161px) {
	.t-school .main-quick-area .box .txt {
		font-size: 14px;
		margin-top: 5px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-quick-area .box .txt {
		font-size: 13px;
	}
}

.t-school .main-quick-area .box.box01 {
	background-image: url(../images/tschool/icons/main-ico01.png);
}

.t-school .main-quick-area .box.box02 {
	background-image: url(../images/tschool/icons/main-ico02.png);
}

.t-school .main-quick-area .box.box03 {
	background-image: url(../images/tschool/icons/main-ico03.png);
	background-size: 77px;
}

@media screen and (max-width:1161px) {
	.t-school .main-quick-area .box.box03 {
		background-size: 50px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-quick-area .box.box03 {
		background-size: 45px;
	}
}

.t-school .main-quick-area .box+.box::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	background: #324c53;
}

@media screen and (max-width:480px) {
	.t-school .main-quick-area .box+.box::before {
		right: 0;
		bottom: inherit;
		width: 100%;
		height: 1px;
	}
}

.t-school .main-program-area {
	position: relative;
	margin: 210px 0;
	height: 900px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area {
		margin: 50px 0;
		padding: 20px;
		height: 1235px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area {
		height: 994px;
	}
}

.t-school .main-program-area .main-title-box {
	width: 370px;
	position: absolute;
	left: 50%;
	top: 84px;
	margin-left: -600px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .main-title-box {
		position: static;
		margin-left: 0;
		width: 100%;
	}
}

.t-school .main-program-area .main-title-box .desc-area {
	font-size: 20px;
	color: #545454;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box {
		position: absolute;
	}
}

.t-school .main-program-area .content-box .visual {
	position: absolute;
	overflow: hidden;
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .visual {
		height: 358px!important;
	}
}

.t-school .main-program-area .content-box .visual img {
	transition: all .7s;
	-webkit-transition: all .7s;
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .visual img {
		position: absolute;
	}
}

.t-school .main-program-area .content-box .visual.on img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.t-school .main-program-area .content-box .txt-box {
	position: absolute;
	display: block;
	background: rgba(255,255,255,.95);
	border: 1px solid #037291;
	border-radius: 5px;
	padding: 50px 40px;
	box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-moz-box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-ms-box-shadow: 0 7px 16px 8px rgba(177,177,177,.4);
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .txt-box {
		padding: 30px 15px;
	}
}

.t-school .main-program-area .content-box .txt-box .tit {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box .txt-box .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .txt-box .tit {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.t-school .main-program-area .content-box .txt-box .tit .blue {
	color: #037291;
}

.t-school .main-program-area .content-box .txt-box .txt {
	font-size: 16px;
	color: #6e6e6e;
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .txt-box .txt {
		font-size: 14px;
	}
}

.t-school .main-program-area .content-box .txt-box .txt span {
	display: block;
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .txt-box .txt span {
		display: inline;
	}
}

.t-school .main-program-area .content-box .txt-box .btn {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid #c4edf8;
	text-align: center;
	line-height: 48px;
	position: absolute;
	bottom: 50px;
	left: 40px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box .txt-box .btn {
		bottom: 30px;
		left: 20px;
		width: 40px;
		height: 40px;
		line-height: 36px;
	}
}

.t-school .main-program-area .content-box .txt-box .btn i {
	color: #037291;
}

.t-school .main-program-area .content-box .txt-box:hover {
	background: #037291;
}

.t-school .main-program-area .content-box .txt-box:hover .blue,.t-school .main-program-area .content-box .txt-box:hover p {
	color: #fff;
}

.t-school .main-program-area .content-box .txt-box:hover .btn {
	border: 1px solid #fff;
}

.t-school .main-program-area .content-box .txt-box:hover .btn i {
	color: #fff;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box.visit {
		left: 20px;
		top: 400px;
		right: 20px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box.visit {
		top: 235px;
	}
}

.t-school .main-program-area .content-box.visit .visual {
	max-width: 644px;
	width: 100%;
	height: 434px;
	left: 50%;
	top: 400px;
	margin-left: -600px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box.visit .visual {
		left: 0;
		margin-left: 0;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box.visit .visual {
		right: 96px;
		width: auto;
	}

	.t-school .main-program-area .content-box.visit .visual img {
		top: -26%;
		left: -100%;
	}
}

.t-school .main-program-area .content-box.visit .txt-box {
	width: 346px;
	height: 293px;
	left: 50%;
	margin-left: -135px;
	top: 436px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box.visit .txt-box {
		margin-left: 0;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box.visit .txt-box {
		width: auto;
		left: 100px;
		right: 0;
		height: 250px;
	}
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box.online {
		right: 20px;
		left: 20px;
	}
}

.t-school .main-program-area .content-box.online .visual {
	max-width: 348px;
	width: 100%;
	height: 516px;
	right: 50%;
	top: 53px;
	margin-right: -760px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box.online .visual {
		margin-right: 0;
		right: 0;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box.online .visual {
		left: 96px;
	}

	.t-school .main-program-area .content-box.online .visual img {
		top: -26%;
		right: 10%;
	}
}

.t-school .main-program-area .content-box.online .txt-box {
	width: 256px;
	height: 403px;
	right: 50%;
	margin-right: -520px;
	top: 105px;
}

@media screen and (max-width:1161px) {
	.t-school .main-program-area .content-box.online .txt-box {
		margin-right: -200px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-program-area .content-box.online .txt-box {
		margin-right: 0;
		left: 0;
		height: 250px;
		right: 100px;
		width: auto;
	}
}

.t-school .main-news-area {
	width: 100%;
	max-width: 927px;
	margin: 26px auto 226px;
}

@media screen and (max-width:1161px) {
	.t-school .main-news-area {
		padding: 20px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-news-area {
		margin: 50px auto;
	}
}

.t-school .main-news-area .list-wrap {
	margin-top: 54px;
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .list-wrap {
		margin-top: 30px;
	}
}

.t-school .main-news-area .list-wrap .board-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	background: #f6f6f6;
	padding: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .main-news-area .list-wrap .board-list {
		padding: 20px;
	}
}

.t-school .main-news-area .list-wrap .board-list+.board-list {
	margin-top: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .main-news-area .list-wrap .board-list+.board-list {
		margin-top: 15px;
	}
}

.t-school .main-news-area .list-wrap .board-list:hover {
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	transform: translate(0,-10px);
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

.t-school .main-news-area .list-wrap .board-list ul {
	margin-left: 45px;
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .list-wrap .board-list ul {
		margin-left: 20px;
	}
}

.t-school .main-news-area .list-wrap .board-list ul .tit {
	font-size: 22px;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.t-school .main-news-area .list-wrap .board-list ul .tit {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .list-wrap .board-list ul .tit {
		font-size: 16px;
	}
}

.t-school .main-news-area .list-wrap .board-list ul .txt {
	margin-top: 13px;
	color: #6e6e6e;
	font-size: 18px;
}

@media screen and (max-width:1161px) {
	.t-school .main-news-area .list-wrap .board-list ul .txt {
		font-size: 16px;
		margin-top: 10px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .list-wrap .board-list ul .txt {
		font-size: 14px;
		line-height: 16px;
	}
}

.t-school .main-news-area .list-wrap .board-list ul .date {
	color: #6e6e6e;
	margin-top: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .main-news-area .list-wrap .board-list ul .date {
		margin-top: 15px;
	}
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .list-wrap .board-list ul .date {
		font-size: 13px;
	}
}

.t-school .main-news-area .icon {
	width: 55px;
	height: 55px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .icon {
		width: 60px;
	}
}

.t-school .main-news-area .icon mark {
	background: 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
}

@media screen and (max-width:480px) {
	.t-school .main-news-area .icon mark {
		font-size: 13px;
	}
}

.t-school .main-news-area .icon.notice {
	background: #037291;
}

.t-school .main-news-area .icon.new {
	background: #ffa200;
}

.t-school .main-customer-area {
	width: 100%;
	height: 456px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .main-customer-area {
		height: auto;
	}
}

.t-school .main-customer-area .bg-img {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../images/tschool/bg/main-visual04.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.t-school .main-customer-area .content {
	width: 993px;
	margin: 0 auto;
	padding-top: 155px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .main-customer-area .content {
		width: 100%;
		padding: 70px 20px;
		display: block;
	}
}

.t-school .main-customer-area .main-title-box {
	color: #fff;
}

.t-school .main-customer-area .main-title-box .desc-area {
	font-size: 24px;
}

@media screen and (max-width:480px) {
	.t-school .main-customer-area .main-title-box .desc-area {
		font-size: 16px;
	}
}

.t-school .main-customer-area .btn-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.t-school .main-customer-area .btn-area {
		margin-top: 30px;
		align-items: stretch;
	}
}

.t-school .main-customer-area .btn-area a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 130px;
	height: 130px;
	border: 1px solid rgba(255,255,255,.3);
	color: #fff;
	background-repeat: no-repeat;
	background-position: center 24px;
	background-size: 34px;
	text-align: center;
	padding: 30px 10px;
	font-size: 18px;
	font-weight: 300;
}

@media screen and (max-width:1161px) {
	.t-school .main-customer-area .btn-area a {
		font-size: 14px;
		background-size: 24px;
		width: auto;
		height: auto;
		flex: 1;
		padding: 70px 10px 20px 10px;
		line-height: 15px;
	}
}

.t-school .main-customer-area .btn-area a+a {
	margin-left: 20px;
}

@media screen and (max-width:1161px) {
	.t-school .main-customer-area .btn-area a+a {
		margin-left: 10px;
	}
}

.t-school .main-customer-area .btn-area a:hover {
	border: 1px solid #fff;
	background-color: #fff;
	color: #037291;
	font-weight: 500;
}

.t-school .main-customer-area .btn-area a:nth-child(1) {
	background-image: url(../images/tschool/icons/customer-ico01.png);
}

.t-school .main-customer-area .btn-area a:nth-child(2) {
	background-image: url(../images/tschool/icons/customer-ico02.png);
}

.t-school .main-customer-area .btn-area a:nth-child(3) {
	background-image: url(../images/tschool/icons/customer-ico03.png);
}

.t-school .main-customer-area .btn-area a:nth-child(4) {
	background-image: url(../images/tschool/icons/customer-ico04.png);
}

.t-school .main-customer-area .btn-area a:nth-child(1):hover {
	background-image: url(../images/tschool/icons/customer-ico01_over.png);
}

.t-school .main-customer-area .btn-area a:nth-child(2):hover {
	background-image: url(../images/tschool/icons/customer-ico02_over.png);
}

.t-school .main-customer-area .btn-area a:nth-child(3):hover {
	background-image: url(../images/tschool/icons/customer-ico03_over.png);
}

.t-school .main-customer-area .btn-area a:nth-child(4):hover {
	background-image: url(../images/tschool/icons/customer-ico04_over.png);
}

@keyframes proBar {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.t-school .page-header .pro-bar {
	position: absolute;
	bottom: 0;
	height: 9px;
	left: 0;
	width: 0;
	background: #037291;
}

.t-school .pro-ani {
	animation: proBar 5s 1;
}

.t-school .main-visual-slide .slide:hover .pro-bar {
	animation-play-state: paused;
}

.t-school .t-school .lecture-apply-wrap .refund-title {
	font-size: 30px;
}

.t-school .p-96 {
	padding-bottom: 96px!important;
}

@media screen and (max-width:1161px) {
	.t-school .p-96 {
		padding-bottom: 50px!important;
	}
}

.t-school .mt_80 {
	margin-top: 80px!important;
}

@media screen and (max-width:1161px) {
	.t-school .mt_80 {
		margin-top: 40px!important;
	}
}

.t-school .pt-0 {
	padding-top: 0!important;
}

.t-school .pb-0 {
	padding-bottom: 0!important;
}

.t-school .pb_100 {
	padding-bottom: 100px!important;
}

@media screen and (max-width:1161px) {
	.t-school .pb_100 {
		padding-bottom: 40px!important;
	}
}

.t-school .pb_106 {
	padding-bottom: 106px!important;
}

@media screen and (max-width:1161px) {
	.t-school .pb_106 {
		padding-bottom: 40px!important;
	}
}

.t-school .pb_207 {
	padding-bottom: 207.5px!important;
}

@media screen and (max-width:1161px) {
	.t-school .pb_207 {
		padding-bottom: 40px!important;
	}
}

.t-school [data-aos=fade-up] {
	transform: translate3d(0,25px,0);
}

.t-school .lecture-apply-wrap {
	padding: 125px 0 150px;
}

.t-school .lecture-apply-wrap>.container {
	position: relative;
}

.t-school .lecture-apply-wrap>.container:before {
	content: '';
	display: block;
	width: 100%;
	height: 345px;
	background-color: transparent;
	background-image: url(../images/tschool/bg/bg-lecture_03.gif);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	top: -185px;
	left: 0;
	background-repeat: repeat-y;
	z-index: -1;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap>.container:before {
		content: none;
	}
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap {
		padding-top: 2.91667rem;
		padding-bottom: 5.41667rem;
	}
}

.t-school .lecture-apply-wrap .a-title {
	color: #202020;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	padding-left: 135px;
	margin: 0 0 20px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .a-title {
		padding-left: 0;
		font-size: 1.25rem;
	}
}

.t-school .lecture-apply-wrap .a-desc {
	color: #717171;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4em;
	padding-left: 135px;
	margin: 0 0 70px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .a-desc {
		padding-left: 0;
		font-size: .875rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item+.apply-item {
	margin-top: 27px;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon {
	flex-shrink: 0;
	width: 335px;
	margin-right: 5px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon .label-name {
	color: #201f1f;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1em;
	margin-top: 23px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon {
		display: none;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon:after {
	content: '';
	background-color: transparent;
	background-image: url(../images/tschool/icons/icon-plus-circle.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -19px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail {
	flex-grow: 1;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 50px 245px 50px 50px;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail {
		width: 100%;
		padding: 1.66667rem 1.25rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-bottom: 23px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap {
		margin-bottom: .83333rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title {
	color: #201f1f;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2em;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title {
		font-size: 1.10417rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title strong {
	font-weight: 700;
	color: #037291;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title-description {
	margin-left: 8px;
	color: #686767;
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title-description {
		font-size: .875rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl+dl {
	margin-top: 16px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl+dl {
		margin-top: .9375rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt {
	width: 116px;
	flex-shrink: 0;
	padding-left: 11px;
	color: #111;
	font-size: 15px;
	font-weight: 400;
	position: relative;
	line-height: 1.2em;
	align-self: stretch;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt {
		width: 4.33333rem;
		font-size: .75rem;
		padding-left: 0;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt:after {
	content: '';
	background: #e7e7e7;
	height: 14px;
	width: 1px;
	position: absolute;
	right: 0;
	top: 3px;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #a0a0a0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt:before {
		content: none;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd {
	flex-grow: 1;
	padding-left: 14px;
	color: #323030;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2em;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd {
		padding-left: .66667rem;
		font-size: .875rem;
		line-height: 1.4em;
	}

	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.radio-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.radio-wrap .radio-circle {
		width: 50%;
		margin-right: 0;
		margin-bottom: .52083rem;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd .radio-circle {
	margin-right: 20px;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.price-text {
	color: #f60;
	font-size: 20px;
	font-weight: 500;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.price-text strong {
	font-size: 24px;
	font-weight: 500;
	font-family: Roboto,sans-serif;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border: 0 none;
	border-radius: 28px;
	width: 180px;
	height: 55px;
	background-color: #037291;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding-right: 36px;
	position: absolute;
	top: 62px;
	right: 48px;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item.disabled,.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:disabled {
	opacity: .65;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 2.29167rem;
		font-size: .875rem;
		width: 12.08333rem;
		height: 3.02083rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:after {
	content: '\f00c';
	font-family: "Font Awesome 5 Pro"!important;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 27px;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:hover {
	background-color: #02556c;
}

.t-school .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:focus {
	outline: 0;
}

.t-school .lecture-apply-wrap .lecture-etc-service {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-top: 35px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-etc-service {
		display: block;
	}
}

.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border-radius: 22px;
	background: #fff;
	margin-left: 26px;
	width: 180px;
	height: 44px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	padding-right: 32px;
	border: 1px solid #c4c4c4;
	position: relative;
}

.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service.disabled,.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service:disabled {
	opacity: .65;
}

.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service {
		font-size: .75rem;
		width: 7.8125rem;
		height: 2.25rem;
		margin-top: .625rem;
		margin-left: 1.52083rem;
	}
}

.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service:focus {
	outline: 0;
}

.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service:hover {
	background: #ececec;
}

.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service:after {
	content: "\f159";
	font-family: "Font Awesome 5 Pro";
	color: #037291;
	font-size: 12px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 21px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-etc-service .btn-etc-service:after {
		right: .8125rem;
		font-size: .625rem;
	}
}

.t-school .lecture-apply-wrap .lecture-etc-service .etc-comment {
	padding-left: 74px;
	color: #4c4e4e;
	font-size: 16px;
	font-weight: 300;
	position: relative;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-etc-service .etc-comment {
		padding-left: 1.625rem;
		font-size: .75rem;
		line-height: 1.38889em;
	}
}

.t-school .lecture-apply-wrap .lecture-etc-service .etc-comment:before {
	content: '';
	display: block;
	background-color: transparent;
	background-image: url(../images/tschool/icons/icon-help-block.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 30px;
	top: 0;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .lecture-etc-service .etc-comment:before {
		width: .89583rem;
		height: .89583rem;
		background-size: 100%;
		left: .22917rem;
	}
}

.t-school .lecture-apply-wrap .page-divider {
	margin: 70px auto 135px;
	border: 0 none;
	display: block;
	height: 1px;
	width: 100%;
	background: #3c3c3c;
}

.t-school .lecture-apply-wrap .refund-title {
	color: #111;
	font-size: 26px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 22px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .refund-title {
		font-size: 1.16667rem;
		margin-bottom: 1.08333rem;
	}
}

.t-school .lecture-apply-wrap .refund-description {
	color: #373737;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.66667em;
	margin-bottom: 58px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .refund-description {
		font-size: .875rem;
		line-height: 1.42857em;
		margin-bottom: 3.02083rem;
	}
}

.t-school .lecture-apply-wrap .table .radio-wrap .radio-circle+.radio-circle {
	margin-left: 50px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .table .radio-wrap .radio-circle+.radio-circle {
		margin-left: 0;
	}
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .table .radio-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.t-school .lecture-apply-wrap .table .radio-wrap .radio-circle {
		width: 50%;
		margin-bottom: .45833rem;
	}
}

.t-school .lecture-apply-wrap .table tbody th {
	border-top: 1px solid #e0e0e0;
}

.t-school .lecture-apply-wrap .table tbody tr:first-child th {
	border-top: 1px solid #e0e0e0;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .type01.type02 td:nth-child(2) {
		border-top: 2px solid #000;
	}

	.t-school .lecture-apply-wrap .type01 thead {
		display: none;
	}

	.t-school .lecture-apply-wrap .type01 tbody {
		display: block;
		width: 100%;
	}

	.t-school .lecture-apply-wrap .type01 tbody tr {
		width: 100%;
		display: block;
	}

	.t-school .lecture-apply-wrap .type01 tbody th {
		display: none;
	}

	.t-school .lecture-apply-wrap .type01 tbody td {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: stretch;
		padding: 0;
		border: 0 none;
		color: #3c3c3c;
		font-size: .875rem;
		font-weight: 400;
	}

	.t-school .lecture-apply-wrap .type01 tbody td.border-th:first-child,.t-school .lecture-apply-wrap .type01 tbody td:first-child {
		border-top: 2px solid #000;
	}

	.t-school .lecture-apply-wrap .type01 tbody td:last-child {
		border-bottom: 1px solid #9c9c9c;
	}

	.t-school .lecture-apply-wrap .type01 tbody td+td {
		border-top: 1px solid #e0e0e0;
	}

	.t-school .lecture-apply-wrap .type01 tbody td:not([colspan]):before {
		content: attr(data-th);
		width: 5.35417rem;
		background: #f9fafb;
		color: #111;
		font-size: .8125rem;
		font-weight: 400;
		padding: 1.45833rem .79167rem;
		text-align: left;
		flex-shrink: 0;
	}

	.t-school .lecture-apply-wrap .type01 tbody td.price-text span {
		color: #f60;
	}

	.t-school .lecture-apply-wrap .type01 tbody td span {
		flex-grow: 1;
		padding: 1.45833rem 1.02083rem;
		text-align: left;
	}

	.t-school .lecture-apply-wrap .type01 tbody td span .form-control {
		margin-top: -.875rem;
		margin-bottom: -.875rem;
	}
}

.t-school .lecture-apply-wrap table td[data-th]:before {
	flex-shrink: 0;
	width: 5rem;
}

.t-school .lecture-apply-wrap table td.th-table-text {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.t-school .lecture-apply-wrap table td.th-table-text .table- {
	flex-grow: 1;
	margin-left: 0;
}

.t-school .lecture-apply-wrap .responsive-table {
	width: 100%;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .responsive-table {
		width: 100%;
		overflow-x: auto;
	}
}

.t-school .lecture-apply-wrap .responsive-table .refund-table {
	width: 100%;
	table-layout: fixed;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .responsive-table .refund-table {
		width: 56.14583rem;
	}
}

.t-school .lecture-apply-wrap .responsive-table .refund-table th {
	border-top: 2px solid #3c3c3c;
	background: #f9fafb;
	color: #111;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	height: 77px;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .responsive-table .refund-table th {
		font-size: .875rem;
		height: 3.47917rem;
	}
}

.t-school .lecture-apply-wrap .responsive-table .refund-table th:last-child {
	border-right: 0 none;
}

.t-school .lecture-apply-wrap .responsive-table .refund-table td {
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	color: #111;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
	padding: 23px;
}

@media screen and (max-width:1161px) {
	.t-school .lecture-apply-wrap .responsive-table .refund-table td {
		font-size: .75rem;
		padding: 1.04167rem;
	}
}

.t-school .lecture-apply-wrap .responsive-table .refund-table tr td:last-child {
	border-right: 0 none;
}

.t-school .payment-title {
	color: #111;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	line-height: 1em;
	margin-bottom: 65px;
}

@media screen and (max-width:1161px) {
	.t-school .payment-title {
		font-size: 1.3125rem;
		margin-bottom: 2.5rem;
	}
}

.t-school .payment-notice {
	margin-top: 40px;
	border: 1px solid #e8e8e8;
	padding: 30px;
}

@media screen and (max-width:1161px) {
	.t-school .payment-notice {
		margin-top: 1.39583rem;
		padding: 1.22917rem 1.04167rem;
	}
}

.t-school .payment-notice .notice-title {
	color: #f06000;
	font-size: 18px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 12px;
}

@media screen and (max-width:1161px) {
	.t-school .payment-notice .notice-title {
		font-size: .75rem;
	}
}

.t-school .payment-notice ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.t-school .payment-notice ul li {
	padding-left: 13px;
	position: relative;
	color: #474646;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.71429em;
}

@media screen and (max-width:1161px) {
	.t-school .payment-notice ul li {
		font-size: .6875rem;
		line-height: 1.51515em;
		padding-left: .625rem;
	}
}

.t-school .payment-notice ul li:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #c2c2c2;
	position: absolute;
	left: 3px;
	top: 11px;
}

@media screen and (max-width:1161px) {
	.t-school .payment-notice ul li:before {
		left: 0;
	}
}

.t-school .table td.border-th,.t-school .table th.border-th {
	border-top: 2px solid #000;
}

.t-school .table th.border-th {
	border-top: 2px solid #000!important;
}

.t-school .table tr td:first-child {
	border-left: 0 none;
}

.t-school .table tr td:last-child {
	border-right: 0 none;
}

.t-school .price-text {
	color: #f60;
	font-size: 20px;
	font-weight: 500;
}

.t-school .price-text strong {
	font-size: 24px;
	font-weight: 500;
	font-family: Roboto,sans-serif;
}

.t-school .payment-group-title {
	color: #111;
	font-size: 26px;
	font-weight: 500;
	text-align: left;
	line-height: 1em;
	margin-bottom: 25px;
}

@media screen and (max-width:1161px) {
	.t-school .payment-group-title {
		font-size: 1.10417rem;
		margin-bottom: .91667rem;
	}
}

.t-school .table+.payment-group-title {
	margin-top: 65px;
}

@media screen and (max-width:1161px) {
	.t-school .table+.payment-group-title {
		margin-top: 1.875rem;
	}
}

.t-school .payment-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 45px;
}

.t-school .payment-actions .btn+.btn {
	margin-left: 15px;
}

.language-study .container {
	width: 1200px;
}

.language-study .container.section {
	margin: 60px auto 0;
}

@media screen and (max-width: 1161px) {
	.language-study .container.section {
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 1200px) {
	.language-study .container {
		width: 100%;
	}
}

.language-study .tschool-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 99px;
	padding: 0 6.875rem;
	background-color: transparent;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid rgba(255, 255, 255, 0.19);
	transition: background-color .3s ease;
}

@media screen and (max-width: 1161px) {
	.language-study .tschool-header {
		left: 0;
		position: fixed;
		padding: 0 0.83333rem;
		background-color: #fff;
		border-bottom-color: transparent;
		height: 3.29167rem;
	}

	.language-study .tschool-header .btn-toggle-menu {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.language-study .tschool-header .right-menus {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.language-study .tschool-header .right-menus {
		display: none;
	}
}

.language-study .tschool-header .right-menus a {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 400;
}

.language-study .tschool-header .right-menus .btn.outline {
	margin-left: 24px;
	width: 71px;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	background: transparent;
	border-color: #fff;
}

.language-study .tschool-header .right-menus .divider {
	width: 1px;
	height: 7px;
	background-color: #dad8d8;
	margin: 0 0.75rem;
	display: inline-block;
	vertical-align: middle;
}

.language-study .tschool-header .logo {
	background-color: transparent;
	background-image: url("../images/language/icon/logo.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 156px;
	height: 45px;
	background-size: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .tschool-header .logo {
		width: 5.4375rem;
		height: 1.66667rem;
		background-size: 100%;
		background-image: url("../images/language/icon/logo-on.png");
	}
}

.language-study .tschool-header .my-page {
	display: inline-block;
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 400;
	text-indent: -9999px;
	width: 1.75rem;
	height: 1.625rem;
	background-color: transparent;
	background-image: url("../images/common/icon-mypage.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.language-study .tschool-header .main-navigation li + li {
	margin-left: 0;
}

.language-study .tschool-header .main-navigation li a {
	color: #ffffff;
	position: relative;
	padding: 0 1.5625rem;
}

.language-study .tschool-header .main-navigation li a.on::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	height: 2px;
	background: #c7f93d;
	width: 100%;
}

.language-study .tschool-header .main-navigation li a strong {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	height: 110px;
	line-height: 110px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	font-weight: 500;
	letter-spacing: -1px;
}

.language-study .tschool-header .main-navigation li a:hover strong {
	color: #fff;
	-webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	-o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.language-study .tschool-header .main-navigation li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	height: 53px;
	background: #fff;
	width: 100%;
	border-top: 1px solid #dfdfdf;
}

.language-study .tschool-header .main-navigation li .sub-menu > ul {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-start;
	padding: 0 250px;
}

.language-study .tschool-header .main-navigation li .sub-menu > ul > li > a {
	height: 52px;
	color: #727272;
	font-size: 15px;
	font-weight: 500;
	padding: 0 14px;
	border-bottom: 0 none;
}

.language-study .tschool-header .main-navigation li .sub-menu > ul > li > a strong {
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #727272;
	font-weight: 500;
}

.language-study .tschool-header .main-navigation li .sub-menu > ul > li > a:before {
	content: none;
}

.language-study .tschool-header .main-navigation li:hover .sub-menu {
	display: block;
}

.language-study.scrolled .tschool-header,
.language-study .tschool-header.hover {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.language-study.scrolled .tschool-header .right-menus a,
  .language-study .tschool-header.hover .right-menus a {
	color: #282828;
}

.language-study.scrolled .tschool-header .right-menus .btn.outline,
  .language-study .tschool-header.hover .right-menus .btn.outline {
	color: #282828;
	border-color: #282828;
}

.language-study.scrolled .tschool-header .my-page,
  .language-study .tschool-header.hover .my-page {
	background-image: url(../images/common/icon-mypage-green.png);
}

.language-study.scrolled .tschool-header .logo,
  .language-study .tschool-header.hover .logo {
	background-image: url(../images/language/icon/logo-on.png);
}

.language-study.scrolled .tschool-header .main-navigation li a,
  .language-study .tschool-header.hover .main-navigation li a {
	color: #262626;
}

.language-study.scrolled .tschool-header .main-navigation li a strong,
    .language-study .tschool-header.hover .main-navigation li a strong {
	color: #262626;
}

@media screen and (max-width: 768px) {
	.language-study .main-content {
		padding-top: 3.29167rem;
	}
}

.language-study .main-content .green {
	color: #85a700 !important;
}

.language-study .main-content .content {
	padding-top: 120px;
}

@media screen and (max-width: 768px) {
	.language-study .main-content .content {
		padding-top: 65px;
	}
}

.language-study .main-content .txt-wrap {
	text-align: center;
}

.language-study .main-content .txt-wrap .h2 {
	text-align: center;
	font-weight: 500;
	font-size: 30px;
	padding-top: 67px;
	background: url("../images/language/icon/icon-bullet01.png") no-repeat top center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content .txt-wrap .h2 {
		background-size: 42px;
		font-size: 25px;
		padding-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content .txt-wrap .h2 {
		font-size: 18px;
		padding-top: 22px;
		background-size: 30px;
		word-break: keep-all;
	}
}

.language-study .main-content .txt-wrap .h3 {
	text-align: center;
	font-weight: 300;
	font-size: 32px;
	padding-top: 67px;
	background: url("../images/language/icon/icon-bullet01.png") no-repeat top center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content .txt-wrap .h3 {
		background-size: 42px;
		font-size: 25px;
		padding-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content .txt-wrap .h3 {
		font-size: 18px;
		padding-top: 22px;
		background-size: 30px;
		word-break: keep-all;
	}
}

.language-study .main-content .txt-wrap .txt {
	font-size: 20px;
	color: #4f4f4f;
	line-height: 32px;
	margin-top: 25px;
	text-align: center;
	font-weight: 300;
}

@media screen and (max-width: 768px) {
	.language-study .main-content .txt-wrap .txt {
		font-size: 16px;
		margin-top: 10px;
		line-height: 24px;
	}
}

.language-study .main-content .txt-wrap .txt span {
	display: block;
}

.language-study .main-content .green-btn {
	margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
	.language-study .main-content .green-btn {
		margin: 32px auto 0;
	}
}

.language-study .green-btn {
	background: #1b8936;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	border-radius: 30px;
	width: 220px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.language-study .green-btn {
		width: 193px;
		font-size: 17px;
	}
}

.language-study .layout-footer.language-footer {
	background: #fff;
	justify-content: space-between;
	border-top: 1px solid #e6e6e6;
}

.language-study .layout-footer.language-footer .footer-content {
	padding: 50px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 1161px) {
	.language-study .layout-footer.language-footer .footer-content {
		padding: 30px;
		display: block;
		text-align: center;
	}

	.language-study .layout-footer.language-footer .footer-content dt, .language-study .layout-footer.language-footer .footer-content dd {
		color: #222;
	}
}

.language-study .layout-footer.language-footer .footer-content .ctn {
	width: 1300px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 1161px) {
	.language-study .layout-footer.language-footer .footer-content .ctn {
		width: 100%;
		display: block;
	}
}

.language-study .layout-footer.language-footer .footer-content .ctn .logo-footer {
	margin-top: 10px;
	margin-right: 54px;
}

@media screen and (max-width: 1161px) {
	.language-study .layout-footer.language-footer .footer-content .ctn .logo-footer {
		margin: 0 0 10px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .layout-footer.language-footer .footer-content .ctn .logo-footer {
		display: block;
		margin: 0 auto 10px;
		width: 130px;
	}
}


.language-study .layout-footer.language-footer .family-site {
	border: 1px solid #b5b5b5;
	color: #222;
}

@media screen and (max-width: 1161px) {
	.language-study .layout-footer.language-footer .family-site {
		margin-top: 20px;
	}
}

.language-study .tschool-footer {
	display: block;
}

.language-study .tschool-left-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 4.375rem;
	bottom: 0;
	z-index: 100;
	border-right: 1px solid #bfbfbf;
	background: #fff;
	padding-top: 4.5625rem;
}

@media screen and (max-width: 1161px) {
	.language-study .tschool-left-menu {
		display: none;
	}
}

.language-study .tschool-left-menu ul li a {
	width: 100%;
	height: 4.375rem;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.language-study .tschool-left-menu ul li span {
	display: block;
	color: #9b9e9e;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	transition: all .3s ease;
}

.language-study .tschool-left-menu ul li [class^="icon-menu-"] {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.language-study .tschool-left-menu ul li .icon-menu-01 {
	background-image: url("../images/tschool/menu/icon-menu-01.png");
}

.language-study .tschool-left-menu ul li .icon-menu-02 {
	background-image: url("../images/tschool/menu/icon-menu-02.png");
}

.language-study .tschool-left-menu ul li .icon-menu-03 {
	background-image: url("../images/tschool/menu/icon-menu-03.png");
}

.language-study .tschool-left-menu ul li .icon-menu-04 {
	background-image: url("../images/tschool/menu/icon-menu-04.png");
}

.language-study .tschool-left-menu ul li .icon-menu-05 {
	background-image: url("../images/tschool/menu/icon-menu-05.png");
}

.language-study .tschool-left-menu ul li .icon-menu-06 {
	background-image: url("../images/tschool/menu/icon-menu-06.png");
}

.language-study .tschool-left-menu ul li + li {
	margin-top: -1px;
}

.language-study .tschool-left-menu ul li.current a .icon-menu-01,
  .language-study .tschool-left-menu ul li a:hover .icon-menu-01 {
	background-image: url("../images/language/menu/icon-menu-01-active.png");
}

.language-study .tschool-left-menu ul li.current a .icon-menu-02,
  .language-study .tschool-left-menu ul li a:hover .icon-menu-02 {
	background-image: url("../images/language/menu/icon-menu-02-active.png");
}

.language-study .tschool-left-menu ul li.current a .icon-menu-03,
  .language-study .tschool-left-menu ul li a:hover .icon-menu-03 {
	background-image: url("../images/language/menu/icon-menu-03-active.png");
}

.language-study .tschool-left-menu ul li.current a .icon-menu-04,
  .language-study .tschool-left-menu ul li a:hover .icon-menu-04 {
	background-image: url("../images/language/menu/icon-menu-04-active.png");
}

.language-study .tschool-left-menu ul li.current a .icon-menu-05,
  .language-study .tschool-left-menu ul li a:hover .icon-menu-05 {
	background-image: url("../images/language/menu/icon-menu-05-active.png");
}

.language-study .tschool-left-menu ul li.current a .icon-menu-06,
  .language-study .tschool-left-menu ul li a:hover .icon-menu-06 {
	background-image: url("../images/language/menu/icon-menu-06-active.png");
}

.language-study .tschool-left-menu ul li.current a span,
  .language-study .tschool-left-menu ul li a:hover span {
	color: #52ad31;
}

.language-study .breadcrumbs {
	opacity: 0;
	-webkit-transform: translate(-20px, 0);
	-ms-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
}

.language-study .text--slide-up .char {
	display: inline-block;
	transition-duration: 400ms;
	transition-property: all;
	opacity: 0;
	transform: translate(0, 20%);
}

.language-study .text--slide-up .char:nth-child(1) {
	transition-delay: calc(400ms + (1 * 50ms) - 50ms);
	animation-delay: calc(400ms + (1 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(2) {
	transition-delay: calc(400ms + (2 * 50ms) - 50ms);
	animation-delay: calc(400ms + (2 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(3) {
	transition-delay: calc(400ms + (3 * 50ms) - 50ms);
	animation-delay: calc(400ms + (3 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(4) {
	transition-delay: calc(400ms + (4 * 50ms) - 50ms);
	animation-delay: calc(400ms + (4 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(5) {
	transition-delay: calc(400ms + (5 * 50ms) - 50ms);
	animation-delay: calc(400ms + (5 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(6) {
	transition-delay: calc(400ms + (6 * 50ms) - 50ms);
	animation-delay: calc(400ms + (6 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(7) {
	transition-delay: calc(400ms + (7 * 50ms) - 50ms);
	animation-delay: calc(400ms + (7 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(8) {
	transition-delay: calc(400ms + (8 * 50ms) - 50ms);
	animation-delay: calc(400ms + (8 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(9) {
	transition-delay: calc(400ms + (9 * 50ms) - 50ms);
	animation-delay: calc(400ms + (9 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(10) {
	transition-delay: calc(400ms + (10 * 50ms) - 50ms);
	animation-delay: calc(400ms + (10 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(11) {
	transition-delay: calc(400ms + (11 * 50ms) - 50ms);
	animation-delay: calc(400ms + (11 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(12) {
	transition-delay: calc(400ms + (12 * 50ms) - 50ms);
	animation-delay: calc(400ms + (12 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(13) {
	transition-delay: calc(400ms + (13 * 50ms) - 50ms);
	animation-delay: calc(400ms + (13 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(14) {
	transition-delay: calc(400ms + (14 * 50ms) - 50ms);
	animation-delay: calc(400ms + (14 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(15) {
	transition-delay: calc(400ms + (15 * 50ms) - 50ms);
	animation-delay: calc(400ms + (15 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(16) {
	transition-delay: calc(400ms + (16 * 50ms) - 50ms);
	animation-delay: calc(400ms + (16 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(17) {
	transition-delay: calc(400ms + (17 * 50ms) - 50ms);
	animation-delay: calc(400ms + (17 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(18) {
	transition-delay: calc(400ms + (18 * 50ms) - 50ms);
	animation-delay: calc(400ms + (18 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(19) {
	transition-delay: calc(400ms + (19 * 50ms) - 50ms);
	animation-delay: calc(400ms + (19 * 50ms) - 50ms);
}

.language-study .text--slide-up .char:nth-child(20) {
	transition-delay: calc(400ms + (20 * 50ms) - 50ms);
	animation-delay: calc(400ms + (20 * 50ms) - 50ms);
}

.language-study .page-header {
	height: 517px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header {
		height: 11.66667rem;
		margin-top: 47px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .page-header {
		height: 10.41667rem;
		margin-top: 0;
	}
}

.language-study .page-header .bg-02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url("../images/language/bg/bg-02.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .bg-02 {
		background-image: url(../images/language/bg/bg-02-m.jpg);
		background-size: 100% auto;
	}
}

.language-study .page-header .bg-03 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url("../images/language/bg/bg-03.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .bg-03 {
		background-image: url(../images/language/bg/bg-03-m.jpg);
		background-size: 100% auto;
	}
}

.language-study .page-header .bg-04 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url("../images/language/bg/bg-04.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .bg-04 {
		background-image: url(../images/language/bg/bg-04-m.jpg);
		background-size: 100% auto;
	}
}

.language-study .page-header .bg-05 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url("../images/language/bg/bg-05.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .bg-05 {
		background-image: url(../images/language/bg/bg-05-m.jpg);
		background-size: 100% auto;
	}
}

.language-study .page-header .bg-06 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	background-image: url("../images/language/bg/bg-06.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 140.9375rem 37.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .bg-06 {
		background-image: url(../images/language/bg/bg-06-m.jpg);
		background-size: 100% auto;
	}
}

.language-study .page-header .container {
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 4.625rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .container {
		padding-top: 0;
	}
}

.language-study .page-header .title {
	color: #ffffff;
	font-size: 70px;
	font-weight: 500;
	line-height: 1em;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .title {
		font-size: 1.45833rem;
		text-align: center;
	}
}

.language-study .page-header .title.title-small {
	font-size: 40px;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .title.title-small {
		font-size: 20px;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.language-study .page-header .title.title-small {
		font-size: 16px;
	}
}

.language-study .page-header .title + .breadcrumbs {
	margin-top: 2.375rem;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .title + .breadcrumbs {
		margin-top: 0;
	}
}

.language-study .page-header .page-header-description {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin-top: 22px;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition-delay: .45s;
	opacity: 0;
	transform: translate(-40px, 0);
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .page-header-description {
		font-size: 0.75rem;
		text-align: center;
	}
}

.language-study .page-header .breadcrumbs {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: auto;
	overflow: visible;
}

@media screen and (max-width: 1161px) {
	.language-study .page-header .breadcrumbs {
		display: none;
	}
}

.language-study .page-header .breadcrumbs li {
	color: #ffffff;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.54);
	height: 4.125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	overflow: visible;
}

.language-study .page-header .breadcrumbs li .icon-home2 {
	background-color: transparent;
	background-image: url("../images/icon/icon-home2.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 0.75rem;
	height: 0.75rem;
	margin-right: 0.5rem;
	display: block;
}

.language-study .page-header .breadcrumbs li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
}

.language-study .page-header .breadcrumbs li + li:before {
	content: '\f054';
	font-family: "Font Awesome 5 Pro" !important;
	margin: 0 0.75rem;
	font-size: 0.875rem;
}

.language-study .page-header .breadcrumbs li.current {
	font-size: 1.5rem;
}

.language-study .page-header .breadcrumbs li.current a {
	border-bottom: 3px solid #fff;
	margin-bottom: -1px;
}

.language-study.loaded .breadcrumbs {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	-o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}

.language-study.loaded .text--slide-up .char {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.language-study.loaded .page-header-description {
	opacity: 1;
	transform: translate(0, 0);
}

.language-study .sub04-01 .ctn-01 {
	width: 1200px;
	margin: 0 auto;
	padding: 135px 0 98px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .ctn-01 {
		width: 100%;
		padding: 100px 40px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .ctn-01 {
		padding: 50px 20px 20px;
	}
}

.language-study .sub04-01 .ctn-01 .txt {
	margin-top: -16px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .ctn-01 .txt {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .ctn-01 .txt {
		margin-top: 2.02083rem;
	}
}

.language-study .sub04-01 .ctn-02 {
	width: 100%;
	background: #f8f8f8;
	padding: 55px 0 140px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .ctn-02 {
		padding: 50px 40px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .ctn-02 {
		padding: 0.83333rem 0.83333rem 3.16667rem;
	}
}

.language-study .sub04-01 .ctn-02 .ctn-inner {
	width: 1180px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .ctn-02 .ctn-inner {
		width: 100%;
	}
}

.language-study .sub04-01 .search-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .search-area {
		display: block;
	}
}

.language-study .sub04-01 .search-area select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	font-size: 16px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url("../images/company/icon/ico-arrow03.png");
	background-position: right 7px center;
	height: 57px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .search-area select {
		height: auto;
		padding: 10px 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .search-area select {
		font-size: 13px;
	}
}

.language-study .sub04-01 .search-area select::-ms-expand {
	display: none;
}

.language-study .sub04-01 .search-area .search-select {
	border: 0;
	border-bottom: 2px solid #000000;
	width: 281px;
	margin-right: 25px;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .search-area .search-select {
		width: 100%;
		margin-right: 0;
	}
}

.language-study .sub04-01 .search-input {
	position: relative;
	width: 100%;
	height: 60px;
	padding-right: 62px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .search-input {
		margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .search-input {
		height: auto;
		margin-top: 0.83333rem;
		padding-right: 45px;
	}
}

.language-study .sub04-01 .search-input input {
	width: 100%;
	height: 100%;
	border: 2px solid #000;
	padding: 13px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .search-input input {
		font-size: 13px;
		padding: 10px;
	}
}

.language-study .sub04-01 .search-input .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 60px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-search.png");
	font-size: 0;
	display: block;
	background-size: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .search-input .search-btn {
		height: 60px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .search-input .search-btn {
		bottom: 0;
		width: 45px;
		height: 43px;
	}
}

.language-study .sub04-01 .box-type-board {
	margin-top: 20px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -13px;
	margin-right: -13px;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board {
		display: block;
	}
}

.language-study .sub04-01 .box-type-board .list-box {
	width: 33.3333%;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .box-type-board .list-box {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board .list-box {
		width: 100%;
	}
}

.language-study .sub04-01 .box-type-board .list-box .inner {
	padding: 40px 30px;
	margin: 13px;
	background: #fff;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .box-type-board .list-box .inner {
		padding: 25px;
	}
}

.language-study .sub04-01 .box-type-board .list-box .tit {
	font-size: 22px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .box-type-board .list-box .tit {
		font-size: 17px;
		margin-bottom: 15px;
	}
}

.language-study .sub04-01 .box-type-board .list-box .social-list {
	margin-top: 55px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub04-01 .box-type-board .list-box .social-list {
		margin-top: 15px;
	}
}

.language-study .sub04-01 .box-type-board .social-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.language-study .sub04-01 .box-type-board .social-list li {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: 183px;
	background-image: url("../images/tschool/icons/social-icon-set.png");
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board .social-list li {
		width: 30px;
		height: 30px;
		background-size: 121px;
	}
}

.language-study .sub04-01 .box-type-board .social-list li + li {
	margin-left: 8px;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board .social-list li + li {
		margin-left: 3px;
	}
}

.language-study .sub04-01 .box-type-board .social-list li.blog {
	background-position: 0 0;
}

.language-study .sub04-01 .box-type-board .social-list li.cafe {
	background-position: -46px 0;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board .social-list li.cafe {
		background-position: -30px 0;
	}
}

.language-study .sub04-01 .box-type-board .social-list li.kakao {
	background-position: -91px 0;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board .social-list li.kakao {
		background-position: -61px 0;
	}
}

.language-study .sub04-01 .box-type-board .social-list li.youtube {
	background-position: -138px 0;
}

@media screen and (max-width: 768px) {
	.language-study .sub04-01 .box-type-board .social-list li.youtube {
		background-position: -91px 0;
	}
}

.language-study .sub04-01 .box-type-board .list li {
	margin: 5px;
	color: #515151;
	font-size: 14px;
}

.language-study .sub04-01 .box-type-board .list li::before {
	content: '';
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url("../images/tschool/icons/icon-bullet-set01.png");
	background-size: 38px;
	vertical-align: middle;
}

.language-study .sub04-01 .box-type-board .list li.location::before {
	background-position: left 0;
}

.language-study .sub04-01 .box-type-board .list li.call::before {
	background-position: right 0;
}

.language-study .lecture-introduce {
	padding: 10.625rem 0 8.4375rem;
}

.language-study .lecture-introduce .sub-bg {
	top: -60px !important;
	bottom: 394px !important;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce {
		padding: 4.16667rem 0 2.8125rem;
	}
}

.language-study .lecture-introduce .btn-learn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	width: 38.125rem;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .btn-learn-wrap {
		display: block;
		width: 100%;
	}

	.language-study .lecture-introduce .btn-learn-wrap a {
		margin-top: 0.625rem;
	}
}

.language-study .lecture-introduce .btn-learn.kakao {
	background: #fff;
	color: #282727;
	border: 1px solid #282727;
}

.language-study .lecture-introduce .btn-learn.kakao i {
	width: 1.875rem;
	height: 1.6875rem;
	background: url(../images/tschool/icons/icon-kakao.png) no-repeat center center;
	background-size: 1.875rem;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .refund-table {
		width: 100% !important;
		table-layout: inherit !important;
	}

	.language-study .lecture-introduce .refund-table th, .language-study .lecture-introduce .refund-table td {
		white-space: nowrap;
	}
}

.language-study .lecture-introduce .refund-table .price-text {
	color: #ff6600 !important;
	font-size: 1.25rem !important;
	font-weight: 500 !important;
}

.language-study .lecture-introduce .responsive-table .info-txt {
	font-size: 14px;
	margin-top: 15px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .responsive-table .info-txt {
		font-size: 13px;
		line-height: 15px;
	}
}

.language-study .lecture-introduce .btn-learn {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border: 0 none;
	margin: 0 auto;
	width: 18.4375rem;
	height: 4.625rem;
	font-size: 1.125rem;
	color: #fff;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	align-items: center;
	justify-content: flex-start;
	border-radius: 2.3125rem;
	background: #037291;
	margin-top: 5rem;
}

.language-study .lecture-introduce .btn-learn:disabled, .language-study .lecture-introduce .btn-learn.disabled {
	opacity: 0.65;
}

.language-study .lecture-introduce .btn-learn:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .btn-learn {
		width: 14.47917rem;
		height: 3.02083rem;
		font-size: 0.875rem;
		border-radius: 1.51042rem;
		margin-top: 3.125rem;
	}
}

.language-study .lecture-introduce .btn-learn i {
	margin-left: auto;
}

.language-study .lecture-introduce .lecture-introduce-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .lecture-introduce-wrap {
		display: block;
	}
}

.language-study .lecture-introduce .text-wrap {
	order: 1;
	padding-left: 3.125rem;
	margin-right: 5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .text-wrap {
		order: 2;
		margin-right: 0;
		padding-left: 0;
	}
}

.language-study .lecture-introduce .text-wrap .title {
	color: #202020;
	font-size: 2.875rem;
	font-weight: 300;
	line-height: 1.21739em;
	margin-bottom: 2.1875rem;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .text-wrap .title {
		font-size: 1.4375rem;
		margin-bottom: 1.04167rem;
	}
}

.language-study .lecture-introduce .text-wrap .title strong {
	font-weight: 700;
}

.language-study .lecture-introduce .text-wrap .title span, .language-study .lecture-introduce .text-wrap .title strong {
	display: block;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .text-wrap .title span, .language-study .lecture-introduce .text-wrap .title strong {
		display: inline;
	}
}

.language-study .lecture-introduce .text-wrap .description {
	color: #3d3c3c;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.77778em;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .text-wrap .description {
		font-size: 0.875rem;
	}
}

.language-study .lecture-introduce .text-wrap .description span {
	display: block;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .text-wrap .description span {
		display: inline;
	}
}

.language-study .lecture-introduce .figure {
	order: 2;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .figure {
		order: 1;
		margin-bottom: 2.91667rem;
	}
}

.language-study .lecture-introduce .figure:before {
	content: '';
	width: 16.875rem;
	height: 16.875rem;
	background: #e8e8e8;
	z-index: -1;
	position: absolute;
	left: -2.125rem;
	top: -2.125rem;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .figure .pc-only {
		display: none;
	}
}

.language-study .lecture-introduce .figure img {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.language-study .lecture-introduce .figure .mobile-only {
	display: none;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-introduce .figure .mobile-only {
		display: block;
		max-width: 100%;
	}
}

.language-study .lecture-intro-box {
	padding: 6.25rem 0 8.125rem;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-intro-box {
		padding: 3.125rem 0 4.0625rem;
	}
}

.language-study .lecture-intro-box.bg-gray {
	background: #f6f7f8;
}

.language-study .lecture-intro-box .lecture-introduce-title {
	color: #202020;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 1.875rem;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-intro-box .lecture-introduce-title {
		font-size: 1.16667rem;
	}
}

.language-study .lecture-intro-box .figure-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width: 1200px) {
	.language-study .lecture-intro-box .figure-list {
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
	}
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-intro-box .figure-list img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-intro-box .figure-list li {
		width: 100%;
	}
}

.language-study .lecture-intro-box .figure-list + .lecture-introduce-title {
	margin-top: 3.125rem;
}

.language-study [data-animate] {
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.language-study [data-animate].nv {
	opacity: 0;
	transform: translate(0, 20px);
}

.language-study #float-right {
	position: absolute;
	top: 0;
	right: 16px;
	z-index: 2;
}

@media screen and (max-width: 1161px) {
	.language-study #float-right {
		display: none;
	}
}

.language-study #float-right .aside-nav {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.language-study #float-right .link {
	display: block;
	background-color: transparent;
	background-image: url("../images/tschool/icons/btn-go-branch.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	box-shadow: 0px 27px 32px 0px rgba(0, 0, 0, 0.1);
	width: 170px;
	height: 239px;
	margin-bottom: 5px;
	position: relative;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

.language-study #float-right .link .close {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url("../images/tschool/icons/icon-arrow11.png") no-repeat center center;
	top: 20px;
	right: 20px;
}

.language-study #float-right .grid-link {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	margin-bottom: 15px;
	box-shadow: 0px 27px 32px 0px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

.language-study #float-right .grid-link .left-link-list {
	width: auto;
	display: none;
	transition: all .3s ease;
	height: auto;
	align-self: stretch;
}

.language-study #float-right .grid-link .left-link-list li {
	height: 100%;
}

.language-study #float-right .grid-link .left-link-list li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	height: 100%;
	padding: 25px;
	background: #fff;
	border-left: 1px solid #e6e6e6;
	width: 212px;
	flex-direction: column;
	justify-content: space-between;
}

.language-study #float-right .grid-link .left-link-list li a .title {
	color: #202020;
	font-size: 20px;
	font-weight: 400;
}

.language-study #float-right .grid-link .left-link-list li a .datetime {
	color: #7c7c7c;
	font-size: 16px;
	font-weight: 300;
	font-family: Roboto, sans-serif;
}

.language-study #float-right .grid-link.opened .left-link-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-self: stretch;
}

.language-study #float-right .grid-link .left-link {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	display: block;
	width: 63px;
	background-color: #fff;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	height: auto;
	padding: 29px 0 0 13px;
	color: #202020;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.04em;
	position: relative;
	text-align: left;
	transition: all .3s ease;
}

.language-study #float-right .grid-link .left-link:disabled, .language-study #float-right .grid-link .left-link.disabled {
	opacity: 0.65;
}

.language-study #float-right .grid-link .left-link:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.language-study #float-right .grid-link .left-link:hover {
	background-color: #ececec;
}

.language-study #float-right .grid-link .left-link i {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	color: #454545;
}

.language-study #float-right .grid-link .right-links .right-link {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	display: block;
	width: 107px;
	height: 120px;
	border: 0 none;
	padding: 0;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	padding-left: 20px;
	letter-spacing: -0.04em;
	transition: all .3s ease;
}

.language-study #float-right .grid-link .right-links .right-link:disabled, .language-study #float-right .grid-link .right-links .right-link.disabled {
	opacity: 0.65;
}

.language-study #float-right .grid-link .right-links .right-link:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.language-study #float-right .grid-link .right-links .right-link:nth-child(1) {
	display: block;
	border-top-right-radius: 8px;
	background-color: transparent;
	background-image: url("../images/tschool/icons/icon-remote-access.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #0c8baf;
	background-position: 20px 24px;
	padding-top: 68px;
}

.language-study #float-right .grid-link .right-links .right-link:nth-child(1):hover {
	background-color: #0a6f8b;
}

.language-study #float-right .grid-link .right-links .right-link:nth-child(2) {
	display: block;
	border-bottom-right-radius: 8px;
	background-color: transparent;
	background-image: url("../images/tschool/icons/icon-apply.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #097c9c;
	background-position: 18px 24px;
	padding-top: 58px;
}

.language-study #float-right .grid-link .right-links .right-link:nth-child(2):hover {
	background-color: #075f78;
}

.language-study #float-right .btn-to-top {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	border-radius: 9px;
	background-color: transparent;
	background-image: url("../images/tschool/icons/icon-to-top.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #037291;
	border: 0 none;
	transition: all .3s ease;
	text-indent: -9999px;
}

.language-study #float-right .btn-to-top:disabled, .language-study #float-right .btn-to-top.disabled {
	opacity: 0.65;
}

.language-study #float-right .btn-to-top:not([disabled]):not(.disabled) {
	cursor: pointer;
}

.language-study #float-right .btn-to-top:hover {
	background-color: #02556c;
}

.language-study #float-right .aside-nav-fold {
	display: none;
	width: 90px;
}

.language-study #float-right .aside-nav-fold ul {
	margin-bottom: 15px;
}

.language-study #float-right .aside-nav-fold li {
	padding: 17px 19px 0;
	background: #0c8baf;
}

.language-study #float-right .aside-nav-fold li:nth-child(1) a {
	background-image: url("../images/tschool/icons/quick-nav01.png");
}

.language-study #float-right .aside-nav-fold li:nth-child(2) a {
	background-image: url("../images/tschool/icons/quick-nav02.png");
}

.language-study #float-right .aside-nav-fold li:nth-child(3) a {
	background-image: url("../images/tschool/icons/quick-nav03.png");
}

.language-study #float-right .aside-nav-fold li:nth-child(4) a {
	background-image: url("../images/tschool/icons/quick-nav04.png");
}

.language-study #float-right .aside-nav-fold li a {
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding-top: 40px;
	padding-bottom: 20px;
	line-height: 17px;
}

.language-study #float-right .aside-nav-fold li:last-child {
	border-bottom-left-radius: 15px;
}

.language-study #float-right .aside-nav-fold li + li a {
	border-bottom: 1px solid #38a0bd;
}

.language-study #float-right .aside-nav-fold li:last-child a {
	border-bottom: 0;
}

.language-study #float-right .aside-nav-fold li.place {
	background-color: #00607b;
	padding-top: 98px;
	position: relative;
	border-top-left-radius: 15px;
}

.language-study #float-right .aside-nav-fold li.place .open {
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url("../images/tschool/icons/icon-arrow10.png") no-repeat center center;
}

.language-study #float-right .aside-nav-fold li.place a {
	padding-bottom: 25px;
}

.language-study #float-right .aside-nav-fold.on {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.language-study .label-icon {
	display: block;
}

.language-study .label-icon.speaking {
	width: 102px;
	height: 65px;
	background-image: url(../images/tschool/icons/label-icon-speaking.png);
}

.language-study .label-icon.junior {
	width: 102px;
	height: 65px;
	background-image: url(../images/tschool/icons/label-icon-junior.png);
}

.language-study .label-icon.writing {
	width: 77px;
	height: 66px;
	background-image: url(../images/tschool/icons/label-icon-writing.png);
}

.language-study .tab-area {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin-right: 1px;
}

.language-study .tab-area ul {
	max-width: 75rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
}

.language-study .tab-area ul li {
	flex: 1;
	margin-left: -1px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.language-study .tab-area ul li a {
	border: 1px solid #e7e7e7;
	border-bottom: 0;
	margin-bottom: -1px;
	display: block;
	text-align: center;
	padding: 20px;
	font-size: 20px;
	font-weight: 400;
	color: #5c5c5c;
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .tab-area ul li a {
		font-size: 15px;
		padding: 10px;
	}
}

.language-study .tab-area ul li a.on {
	border-top: 2px solid #3c3c3c;
	color: #3c3c3c;
	font-weight: 600;
	background: #f6f7f8;
}

.language-study .lecture-apply-wrap.pb_0 {
	padding-bottom: 0;
}

.language-study .apply-form-area {
	background: #f6f7f8;
	width: 100%;
}

.language-study .apply-form-area .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 150px;
	display: none;
}

@media screen and (max-width: 1161px) {
	.language-study .apply-form-area .inner {
		width: 100%;
		padding: 20px 20px 70px;
	}
}

.language-study .apply-form-area .inner.free-form {
	width: 1200px;
}

@media screen and (max-width: 1161px) {
	.language-study .apply-form-area .inner.free-form {
		width: 100%;
		padding: 20px 20px 70px;
	}
}

.language-study .apply-form-area .inner.level-form.visit {
	width: 1200px;
}

@media screen and (max-width: 1161px) {
	.language-study .apply-form-area .inner.level-form.visit {
		width: 100%;
		padding: 20px 20px 70px;
	}
}

.language-study .apply-form-area .inner.on {
	display: block;
}

.language-study .apply-form-area .info-txt {
	margin-bottom: 50px;
}

@media screen and (max-width: 1161px) {
	.language-study .apply-form-area .info-txt {
		margin-bottom: 10px;
	}
}

.language-study .apply-form-area .lecture-introduce-title {
	border-bottom: 2px solid #222;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 40px;
}

@media screen and (max-width: 1161px) {
	.language-study .apply-form-area .lecture-introduce-title {
		font-size: 1.16667rem;
	}
}

.language-study .info-txt {
	font-size: 16px;
	color: #3d3c3c;
	padding-left: 25px;
	background: url("../images/tschool/icons/icon-info.png") no-repeat 0px 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .info-txt {
		font-size: 0.75rem;
	}
}

.language-study .info-area .tit {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.language-study .info-area .tit {
		font-size: 16px;
	}
}

.language-study .info-area .box {
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff;
}

.language-study .info-area .box li {
	margin: 3px 0;
}

.language-study .info-area .box p {
	color: #3d3c3c;
}

@media screen and (max-width: 1161px) {
	.language-study .info-area .box p {
		font-size: 0.75rem;
	}
}

.language-study .info-area .box p:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #858585;
	margin-right: 10px;
	margin-bottom: 4px;
}

.language-study .info-area .common-checks {
	float: right;
	margin-top: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .info-area .common-checks label {
		font-size: 13px;
	}
}

.language-study .form-area {
	margin-top: 30px;
	padding: 20px 0;
	border-top: 1px solid #cdcece;
	border-bottom: 1px solid #cdcece;
}

.language-study .form-area .form-group {
	border-bottom: 0;
	padding: 10px;
}

.language-study .form-area .form-group .form-inner {
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .form-area .form-group .form-inner {
		max-width: 100% !important;
	}
}

.language-study .form-area .form-group .required::after {
	content: '*';
	color: #ff0000;
	margin-left: 5px;
}

.language-study .form-area .form-group .wd_50 {
	width: 50%;
}

.language-study .form-area .form-group .select {
	margin-right: 10px;
}

.language-study .form-area .form-group .phone {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.language-study .form-area .form-group .phone .hypen {
	margin: 0 10px;
}

.language-study .form-area .form-group .phone select, .language-study .form-area .form-group .phone input[type="text"] {
	flex: 1;
}

@media screen and (max-width: 1161px) {
	.language-study .form-area .form-group .wd_50 {
		width: 100%;
	}

	.language-study .form-area .form-group .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.language-study .form-area .form-group .label {
		font-size: 14px;
		padding: 10px;
	}

	.language-study .form-area .form-group input[type="text"], .language-study .form-area .form-group select {
		font-size: 14px;
		height: 45px;
		width: 100% !important;
		max-width: 100% !important;
	}
}

.language-study .form-area .form-group .form-control {
	background-color: #fff;
}

.language-study .form-area .form-group .date-picker {
	width: 100%;
	margin-right: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .form-area .form-group .date-picker {
		max-width: 100% !important;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.language-study .form-area .form-group .date-picker .form-control {
		font-size: 14px;
		height: 45px;
	}
}

.language-study .form-area .form-group .video {
	display: block;
	margin: 0px auto;
}

.language-study .form-area .form-group .video a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.language-study .form-area .form-group .video a:before {
	content: '';
	display: block;
	width: 59px;
	height: 59px;
	position: absolute;
	bottom: 0%;
	left: 0%;
	transform: translate(-50%);
	background-color: #f59e24;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-play04.png");
	z-index: 1;
}

.language-study .form-area .form-group .video a:after {
	content: '';
	display: block;
	background: rgba(0, 0, 0, 0.29);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.language-study .form-area .form-group .video a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .form-area .form-group .video a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .form-area .form-group .video .tit {
	position: absolute;
	bottom: 60px;
	left: 3%;
	color: #fff;
	font-size: 15px;
	margin: 3px;
}

.language-study .form-area .form-group .video .txt {
	position: absolute;
	bottom: 30px;
	left: 3%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.language-study .form-area .form-group textarea {
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .form-area .form-group textarea {
		font-size: 14px;
	}
}

.language-study .form-area .form-group .more {
	color: #1b8936;
}

.language-study .form-area .date .form-inner {
	flex: 1;
}

@media screen and (max-width: 1161px) {
	.language-study .form-area .date .form-inner + .form-inner {
		margin-left: 10px;
	}
}

.language-study .info-area::after {
	content: '';
	display: block;
	clear: both;
}

.language-study .btn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.language-study a.complete-btn {
	text-align: center;
	display: inline-block;
	padding: 16px 30px;
	background: #212121;
	border-radius: 30px;
	margin-top: 30px;
}

.language-study a.complete-btn span {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.language-study a.complete-btn span::after {
	content: '';
	margin-left: 20px;
	width: 10px;
	height: 13px;
	background: url("../images/tschool/icons/icon-bullet.png") no-repeat center center;
	background-size: 100%;
	display: inline-block;
}

@media screen and (max-width: 1161px) {
	.language-study a.complete-btn span {
		font-size: 14px;
	}
}

.language-study .title-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.language-study .title-area .lecture-introduce-title {
	margin-bottom: 0 !important;
}

.language-study .title-area .more-btn {
	display: inline-block;
	font-size: 14px;
	color: #696969;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.language-study .title-area .more-btn {
		font-size: 13px;
	}
}

.language-study .title-area .more-btn span {
	display: inline-block;
	background: url("../images/tschool/icons/icon-plus.png") no-repeat center center;
	width: 33px;
	height: 33px;
	border: 1px solid #ddd;
	border-radius: 5px;
	vertical-align: middle;
	margin-left: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .title-area .more-btn span {
		border-radius: 50%;
	}
}

.language-study .video-group-title {
	color: #111111;
	font-size: 26px;
	font-weight: 500;
	text-align: left;
	line-height: 1em;
	margin-bottom: 25px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-group-title {
		font-size: 1.10417rem;
		margin-bottom: 0.91667rem;
	}
}

.language-study .table + .video-group-title {
	margin-top: 65px;
}

@media screen and (max-width: 1161px) {
	.language-study .table + .video-group-title {
		margin-top: 1.875rem;
	}
}

.language-study .video-board-area .thum {
	width: 100%;
	height: 215px;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-board-area .thum {
		height: auto;
		min-height: inherit;
	}
}

.language-study .video-board-area .thum img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.language-study .video-board-area .thum .icon1 {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 45px;
	height: 42px;
	background: #52ad31 url("../images/language/icon/icon-play03.png") no-repeat center center;
	background-size: 12px;
	border-top-right-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-board-area .tit {
		font-size: 17px !important;
		margin-bottom: 10px !important;
	}

	.language-study .video-board-area .txt {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .video-board-area .tit {
		font-size: 15px !important;
	}

	.language-study .video-board-area .txt {
		font-size: 13px;
	}
}

.language-study .video-list-area {
	display: block;
}

.language-study .video-list-area a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.language-study .video-list-area a:before {
	content: '';
	display: block;
	width: 45px;
	height: 42px;
	border-top-right-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 22px;
	transform: translate(-50%);
	background-color: #f59e24;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-play04.png");
	z-index: 1;
}

.language-study .video-list-area a:after {
	content: '';
	display: block;
	background: rgba(0, 0, 0, 0.29);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.language-study .video-list-area a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .video-list-area a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .video-row-board .search-input-area {
	width: 774px;
	margin: 0 auto 25px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .search-input-area {
		width: 100%;
		margin-bottom: 15px;
	}
}

.language-study .video-row-board .search-input-area input[type="text"] {
	background: #fff !important;
	text-align: left;
}

.language-study .video-row-board .video-board-area {
	width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .video-board-area {
		width: 100%;
		padding: 0 20px;
	}
}

.language-study .video-row-board .video-board-area .video-inner {
	margin-left: -7.5px;
	margin-right: -7.5px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .video-board-area .video-inner {
		flex-wrap: wrap;
		margin: 0;
	}
}

.language-study .video-row-board .video-board-area .box {
	width: 33.3333%;
	padding: 15px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .video-board-area .box {
		width: 50%;
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .video-row-board .video-board-area .box {
		width: 100%;
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .video-row-board .video-board-area .box + .box {
		margin-top: 20px;
	}
}

.language-study .video-row-board .video-board-area .box .inner {
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

.language-study .video-row-board .video-board-area .box .inner:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

.language-study .video-row-board .video-board-area .box .txt-box {
	padding: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .video-board-area .box .txt-box {
		padding: 20px;
	}
}

.language-study .video-row-board .video-board-area .box .txt-box .tit {
	font-weight: 500;
	font-size: 18px;
	margin: 10px 0 5px;
}

.language-study .video-row-board .video-board-area .box .txt-box .txt {
	font-weight: 300;
}

.language-study .video-row-board .video-board-area .box .txt-box .btn-area1 {
	font-size: 15px;
	min-width: 73px;
	padding: 5px 5px 7px;
	background: #b7b7b7;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .video-board-area .box .txt-box .btn-area1 {
		font-size: 13px;
	}
}

.language-study .video-row-board .video-board-area .box .txt-box .btn-area2 {
	font-size: 15px;
	min-width: 87px;
	padding: 5px 5px 7px;
	background: #208736;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	display: inline-block;
}

@media screen and (max-width: 1161px) {
	.language-study .video-row-board .video-board-area .box .txt-box .btn-area2 {
		font-size: 13px;
	}
}

.language-study .video-col-board {
	margin-top: 71px;
}

.language-study .video-col-board .title-area {
	border-bottom: 2px solid #222;
	padding-bottom: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-col-board .title-area {
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
}

.language-study .video-col-board .video-board-area {
	padding: 0px 0px 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-col-board .video-board-area {
		padding: 10px 0;
	}
}

.language-study .video-col-board .video-board-area .box {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	padding: 30px 0 40px;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 1161px) {
	.language-study .video-col-board .video-board-area .box {
		padding: 20px 0;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .video-col-board .video-board-area .box .ul-01 {
		width: 100%;
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.language-study .video-col-board .video-board-area .box .ul-01 .title-txt-area {
		margin-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .video-col-board .video-board-area .box .ul-01 {
		width: 100%;
		display: block;
	}

	.language-study .video-col-board .video-board-area .box .ul-01 .title-txt-area {
		margin-right: 0px;
	}
}

.language-study .video-col-board .video-board-area .box .thum {
	width: 345px;
	min-height: auto;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .video-col-board .video-board-area .box .thum {
		width: inherit;
		flex: 1;
	}
}

.language-study .video-col-board .video-board-area .box .thum:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

.language-study .video-col-board .video-board-area .box + .box {
	padding: 40px 0 50px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-col-board .video-board-area .box + .box {
		padding: 20px 0;
	}
}

.language-study .video-recommend .video-row-board {
	display: none;
}

.language-study .video-recommend .video-row-board.on {
	display: block;
}

.language-study .swiper-container {
	content: '';
	display: block;
	position: relative;
	width: 350px;
	height: 231px;
}

.language-study .swiper-button-prev {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0px;
	background-color: #fff;
	width: 45px;
	height: 42px;
	cursor: pointer;
	display: flex;
	border: 1px solid #e0e0e0;
	color: #000, #000;
}

.language-study .swiper-button-next {
	content: '';
	position: absolute;
	bottom: 0;
	left: 45px;
	background-color: #fff;
	width: 45px;
	height: 42px;
	cursor: pointer;
	display: flex;
	border: 1px solid #e0e0e0;
	color: #000, #000;
}

@media screen and (max-width: 1161px) {
	.language-study .call-class-step {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		margin: 0 -10px;
		flex-direction: row-reverse;
	}
}

.language-study .call-step-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-left: -10px;
	margin-right: -10px;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area {
		flex: 1;
		display: block;
		margin: 0px;
	}
}

.language-study .call-step-area .box {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 40px 50px;
	margin: 10px;
	position: relative;
	flex: 1;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area .box {
		padding: 20px;
		height: 254px;
	}
}

.language-study .call-step-area .box p {
	text-align: center;
	word-break: keep-all;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area .title {
		font-size: 16px;
	}
}

.language-study .call-step-area .title .allow-icon {
	display: none;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area .title .allow-icon {
		display: block;
	}
}

.language-study .call-step-area .call-step-img {
	display: block;
	width: 85px;
	height: 85px;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 30px auto;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area .call-step-img {
		width: 55px;
		height: 58px;
		background-size: 100%;
		margin: 15px auto;
	}
}

.language-study .call-step-area .tit {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area .tit {
		font-size: 17px;
	}
}

.language-study .call-step-area .txt {
	font-size: 16px;
	color: #4e4e4e;
}

@media screen and (max-width: 1161px) {
	.language-study .call-step-area .txt {
		font-size: 13px;
	}
}

.language-study .allow-icon {
	display: block;
	width: 53px;
	height: 78px;
	position: absolute;
	top: 50%;
	right: -34px;
	z-index: 1;
	margin-top: -39px;
	background: url("../images/language/icon/icon-arrow.png") no-repeat center center;
	background-size: 100%;
}

.language-study .allow-icon.first {
	background: url("../images/language/icon/icon-arrow01.png") no-repeat center center;
	background-size: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .allow-icon {
		width: 35px;
		height: 55px;
		transform: rotate(90deg);
		top: inherit;
		left: 50%;
		margin-top: 0;
		bottom: 0;
		margin-bottom: -33px;
		margin-left: -17px;
	}
}

.language-study .student-step .title {
	border: 1px solid #0ab5e5;
	background: #0ab5e5;
}

.language-study .student-step .title .call-step-img {
	background-image: url("../images/tschool/icons/icon-school.png");
	width: 110px;
	height: 100px;
}

@media screen and (max-width: 1161px) {
	.language-study .student-step .title .call-step-img {
		width: 60px;
		background-position: center center;
	}
}

.language-study .student-step .title .tit {
	color: #fff;
}

.language-study .student-step .call-step-img.step01 {
	background-image: url("../images/tschool/icons/icon-level01.png");
}

.language-study .student-step .call-step-img.step02 {
	background-image: url("../images/tschool/icons/icon-level02.png");
}

.language-study .student-step .call-step-img.step03 {
	background-image: url("../images/tschool/icons/icon-level03.png");
}

.language-study .student-step .last-step .allow-icon {
	transform: rotate(90deg);
	left: 50%;
	top: inherit;
	bottom: 0;
	margin-left: -26.5px;
	margin-bottom: -46px;
}

@media screen and (max-width: 1161px) {
	.language-study .student-step .last-step .allow-icon {
		transform: rotate(180deg);
		top: 50%;
		margin-top: -27px;
		left: 0;
		margin-left: -21px;
	}
}

.language-study .adult-step .title {
	border: 1px solid #ffc704;
	background: #ffc704;
}

.language-study .adult-step .title .call-step-img {
	background-image: url("../images/tschool/icons/icon-adult.png");
	background-position: center center;
	width: 110px;
	height: 100px;
}

@media screen and (max-width: 1161px) {
	.language-study .adult-step .title .call-step-img {
		width: 45px;
	}
}

.language-study .adult-step .call-step-img.step01 {
	background-image: url("../images/tschool/icons/icon-level04.png");
}

.language-study .adult-step .call-step-img.step02 {
	background-image: url("../images/tschool/icons/icon-level05.png");
}

.language-study .adult-step .last-step {
	border: 0;
	padding: 13px;
}

@media screen and (max-width: 1161px) {
	.language-study .adult-step .last-step {
		padding: 0;
	}
}

.language-study .adult-step .last-step img {
	margin: 20px auto 0;
	display: block;
	max-width: 259px;
}

@media screen and (max-width: 1161px) {
	.language-study .adult-step .last-step img {
		width: 100%;
		margin-top: 58px;
	}
}

.language-study .page-title {
	font-size: 46px;
	line-height: 46px;
	font-weight: 600;
	margin-left: 135px;
}

@media screen and (max-width: 1161px) {
	.language-study .page-title {
		font-size: 20px;
		line-height: 20px;
		font-weight: 500;
		margin-bottom: 5px;
		margin-left: 0;
	}
}

.language-study .page-title.border {
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
	margin-left: 0 !important;
}

@media screen and (max-width: 1161px) {
	.language-study .page-title.border {
		font-size: 20px;
	}
}

.language-study .page-title.h4 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-left: 0 !important;
}

@media screen and (max-width: 1161px) {
	.language-study .page-title.h4 {
		font-size: 16px;
	}
}

.language-study .page-txt {
	font-size: 20px;
	color: #4e4d4d;
	width: 68%;
	margin-top: 26px;
	margin-left: 135px;
}

@media screen and (max-width: 1161px) {
	.language-study .page-txt {
		font-size: 15px;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.language-study .writing-step-wrap .step-wrap {
		flex: 2;
	}
}

.language-study .writing-step {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin: 0 -10px;
	flex-wrap: wrap;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step {
		display: block;
		margin: 0;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step.step01 {
		flex: 2;
	}
}

.language-study .writing-step.step02 .box.title {
	padding: 33px 50px;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step.step02 .box.title {
		padding: 10px 30px;
	}
}

.language-study .writing-step.step02 .box.last .allow-icon {
	transform: rotate(90deg);
	top: inherit;
	right: 0;
	left: 50%;
	margin-left: -26.5px;
	bottom: -43px;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step.step02 .box.last .allow-icon {
		margin-left: -17px;
		bottom: 0;
	}
}

.language-study .writing-step.step03 {
	flex-direction: row-reverse;
	margin-right: -1px;
}

.language-study .writing-step.step03 .box {
	width: 24.2%;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step.step03 .box {
		width: 100%;
	}
}

.language-study .writing-step.step03 .box .allow-icon {
	transform: rotate(180deg);
	right: 0;
	left: -33px;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step.step03 .box .allow-icon {
		right: -34px;
		left: 50%;
		transform: rotate(90deg);
	}
}

.language-study .writing-step .box {
	padding: 50px;
	margin: 5px;
	border: 1px solid #78c8df;
	width: 24%;
	text-align: center;
	position: relative;
	border-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step .box {
		width: 100%;
		padding: 25px;
		margin: 5px 0;
	}
}

.language-study .writing-step .box.red {
	border: 1px solid #ff9995;
}

.language-study .writing-step .box.title {
	border: 1px solid #037291;
}

.language-study .writing-step .box.title p {
	font-size: 22px;
	margin: 10px 0px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step .box.title p {
		font-size: 16px;
		margin: 5px 0;
	}
}

.language-study .writing-step .num {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	border-radius: 30px;
	background: #3d3d3d;
	margin-bottom: 20px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step .num {
		font-size: 13px;
	}
}

.language-study .writing-step .tit {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step .tit {
		font-size: 16px;
		margin-bottom: 5px;
	}
}

.language-study .writing-step .txt {
	font-size: 16px;
	color: #4e4e4e;
}

@media screen and (max-width: 1161px) {
	.language-study .writing-step .txt {
		font-size: 13px;
	}
}

.language-study .step-arrow {
	width: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100px;
}

@media screen and (max-width: 1161px) {
	.language-study .step-arrow {
		flex: 1;
		display: block;
		height: inherit;
		padding: 10px;
	}
}

.language-study .step-arrow div {
	position: relative;
}

.language-study .step-arrow .red {
	width: 75%;
	padding-left: 24%;
}

@media screen and (max-width: 1161px) {
	.language-study .step-arrow .red {
		width: 100%;
		padding-left: 0;
		height: 28.125rem;
		padding-top: 12.5rem;
	}
}

.language-study .step-arrow .red i {
	background-image: url("../images/language/icon/icon-arrow02.png");
	left: 66.2%;
}

.language-study .step-arrow .blue {
	flex: 1;
}

.language-study .step-arrow .blue i {
	background-image: url("../images/language/icon/icon-arrow03.png");
}

.language-study .step-arrow i {
	background-position: -2px center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 89px;
	height: 28px;
	transform: rotate(-90deg);
	display: block;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -44px;
}

@media screen and (max-width: 1161px) {
	.language-study .step-arrow i {
		transform: rotate(0deg);
		margin-left: 0;
		position: initial;
		width: auto;
		background-size: contain;
		background-position: center center;
	}
}

.language-study .step-arrow p {
	font-size: 14px;
	color: #636363;
	padding: 7px;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .step-arrow p {
		background: none;
		font-size: 12px;
	}
}

.language-study .table-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	align-items: flex-start;
}

@media screen and (max-width: 1161px) {
	.language-study .table-info {
		display: block;
	}
}

.language-study .table-info .tit {
	font-size: 22px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .table-info .tit {
		font-size: 15px;
		margin-bottom: 5px;
	}
}

.language-study .table-info ul li {
	font-size: 16px;
	color: #424242;
}

@media screen and (max-width: 1161px) {
	.language-study .table-info ul li {
		font-size: 13px;
	}
}

.language-study .table-info ul li::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #b3b3b3;
	vertical-align: middle;
	margin-right: 10px;
}

.language-study .table-info .btn-learn {
	padding: 15px 30px;
	background: #037291;
	display: block;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
}

@media screen and (max-width: 1161px) {
	.language-study .table-info .btn-learn {
		max-width: 260px;
		margin: 0 auto;
		margin-top: 20px;
		font-size: 13px;
	}
}

.language-study .table-info .btn-learn i {
	color: #fff;
	margin-left: 50px;
}

.language-study .refund-table.tb-type01 {
	width: 100% !important;
	table-layout: inherit !important;
}

.language-study .refund-table.tb-type01 th, .language-study .refund-table.tb-type01 td {
	white-space: nowrap;
}

.language-study .graph-area {
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-area {
		overflow: auto;
	}
}

.language-study .graph-box {
	width: 100%;
	background: #f6f7f8;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box {
		width: 1000px;
	}
}

.language-study .graph-box .inner {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 2px solid #222;
	overflow: hidden;
	padding: 140px 30px 0;
	position: relative;
	min-height: 462px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .inner {
		width: 1000px;
		min-height: inherit;
		height: 370px;
	}
}

.language-study .graph-box .bar-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 107px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .bar-wrap {
		left: 18px;
		bottom: -99px;
	}
}

.language-study .graph-box .bar {
	margin: 0 43px;
	width: 56px;
	-webkit-box-shadow: 11px 13px 0px -1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 11px 13px 0px -1px rgba(0, 0, 0, 0.09);
	box-shadow: 11px 13px 0px -1px rgba(0, 0, 0, 0.09);
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .bar {
		width: 35px;
		margin: 0 51px;
	}
}

.language-study .graph-box .bar.step01 {
	height: 0px;
	background: #9d7bba;
}

.language-study .graph-box .bar.step02 {
	height: 0;
	background: #1da3c9;
}

.language-study .graph-box .bar.step03 {
	height: 0;
	background: #2dc5c8;
}

.language-study .graph-box .bar.step04 {
	height: 0;
	background: #60a979;
}

.language-study .graph-box .bar.step05 {
	height: 0;
	background: #ffc000;
}

.language-study .graph-box .bar.step06 {
	height: 0;
	background: #ffa146;
}

.language-study .graph-box .bar.step07 {
	height: 0;
	background: #ff8043;
}

.language-study .graph-box .txt-box {
	font-size: 16px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-bottom-right-radius: 10px;
	text-align: center;
	box-shadow: 0px 5px 12px 0px rgba(136, 136, 136, 0.4);
	display: inline-block;
	position: absolute;
	color: #464646;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .txt-box {
		font-size: 13px;
	}
}

.language-study .graph-box .txt-box::after {
	content: '';
	width: 11px;
	height: 11px;
	margin-left: -6px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #fff;
	transform: rotate(-45deg);
	border: 1px solid #bdbdbd;
}

.language-study .graph-box .txt-box::before {
	content: '';
	width: 19px;
	height: 8px;
	margin-left: -9px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: #fff;
	z-index: 1;
}

.language-study .graph-box .txt-box span {
	width: 11px;
	height: 11px;
	margin-left: -6px;
	position: absolute;
	left: 84%;
	bottom: -5px;
	background: #fff;
	transform: rotate(-45deg);
	border: 1px solid #bdbdbd;
}

.language-study .graph-box .txt-box span::after {
	content: '';
	width: 19px;
	height: 12px;
	margin-left: -6px;
	position: absolute;
	left: 50%;
	bottom: 2px;
	transform: rotate(45deg);
	background: #fff;
	z-index: 1;
}

.language-study .graph-box .txt-box.txt01 {
	top: 227px;
	left: 91px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .txt-box.txt01 {
		left: 13px;
	}
}

.language-study .graph-box .txt-box.txt02 {
	top: 164px;
	left: 283px;
	width: 210px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .txt-box.txt02 {
		left: 185px;
	}
}

.language-study .graph-box .txt-box.txt02::after {
	left: 18%;
}

.language-study .graph-box .txt-box.txt02::before {
	left: 18%;
}

.language-study .graph-box .txt-box.txt03 {
	top: 114px;
	left: 525px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .txt-box.txt03 {
		left: 430px;
	}
}

.language-study .graph-box .txt-box.txt04 {
	top: 65px;
	left: 710px;
	width: 210px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .txt-box.txt04 {
		left: 596px;
	}
}

.language-study .graph-box .txt-box.txt04::after {
	left: 18%;
}

.language-study .graph-box .txt-box.txt04::before {
	left: 18%;
}

.language-study .graph-box .txt-box.txt05 {
	top: 25px;
	left: 952px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box .txt-box.txt05 {
		left: 844px;
	}
}

.language-study .graph-box.grammer .inner {
	padding: 50px 30px 0;
	border-bottom: 0;
	min-height: 420px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .inner {
		padding: 30px 30px 0;
		min-height: 360px;
	}
}

.language-study .graph-box.grammer .tit-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

.language-study .graph-box.grammer .tit-wrap .tit {
	flex: 1;
	font-size: 26px;
	color: #8d8e8f;
	font-weight: 500;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .tit-wrap .tit {
		font-size: 15px;
	}
}

.language-study .graph-box.grammer .tit-wrap .tit span {
	display: block;
	font-size: 20px;
	margin-top: 10px;
	color: #222;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .tit-wrap .tit span {
		font-size: 14px;
		margin-top: 0px;
	}
}

.language-study .graph-box.grammer .txt-box {
	color: #1da3c9;
	border: 1px solid #1da3c9;
	font-size: 14px;
	line-height: 16px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .txt-box {
		font-size: 13px;
	}
}

.language-study .graph-box.grammer .txt-box::after {
	border: 1px solid #1da3c9;
}

.language-study .graph-box.grammer .txt-box.txt01 {
	top: 142px;
	left: 546px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .txt-box.txt01 {
		top: 90px;
		left: 448px;
	}
}

.language-study .graph-box.grammer .txt-box.txt03 {
	top: 142px;
	left: 704px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .txt-box.txt03 {
		top: 90px;
		left: 566px;
	}
}

.language-study .graph-box.grammer .bar-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	width: 1200px;
	left: 0;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.grammer .bar-wrap {
		bottom: 0;
		width: 1000px;
	}
}

.language-study .graph-box.grammer .bar-wrap .group {
	flex: 1;
	margin: 0 3px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	border-bottom: 2px solid #222;
}

.language-study .graph-box.grammer .bar-wrap .group .bar {
	background: #ffc000;
}

.language-study .graph-box.grammer .bar-wrap .group.group01 .bar {
	margin: 0 25px;
}

.language-study .graph-box.grammer .bar-wrap .group.group02 .bar {
	margin: 0 12px;
}

.language-study .graph-box.grammer .bar-wrap .group.group02 .step03, .language-study .graph-box.grammer .bar-wrap .group.group02 .step05 {
	background: #1da3c9;
}

.language-study .graph-box.speaking .txt-wrap .txt01, .language-study .graph-box.speaking .txt-wrap .txt02, .language-study .graph-box.speaking .txt-wrap .txt03 {
	border: 1px solid #9fc752;
	color: #6c961b;
}

.language-study .graph-box.speaking .txt-wrap .txt01::after, .language-study .graph-box.speaking .txt-wrap .txt02::after, .language-study .graph-box.speaking .txt-wrap .txt03::after {
	border: 1px solid #9fc752;
}

.language-study .graph-box.speaking .txt-wrap .txt04, .language-study .graph-box.speaking .txt-wrap .txt05, .language-study .graph-box.speaking .txt-wrap .txt06, .language-study .graph-box.speaking .txt-wrap .txt07 {
	border: 1px solid #ffc000;
	color: #df8402;
}

.language-study .graph-box.speaking .txt-wrap .txt04::after, .language-study .graph-box.speaking .txt-wrap .txt05::after, .language-study .graph-box.speaking .txt-wrap .txt06::after, .language-study .graph-box.speaking .txt-wrap .txt07::after {
	border: 1px solid #ffc000;
}

.language-study .graph-box.speaking .txt-wrap .txt08 {
	border: 1px solid #1da3c9;
	color: #097c9c;
}

.language-study .graph-box.speaking .txt-wrap .txt08::after {
	border: 1px solid #1da3c9;
}

.language-study .graph-box.speaking .txt-wrap .txt01 {
	top: 287px;
	left: 78px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt01 {
		top: 245px;
		left: 66px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt02 {
	top: 274px;
	left: 191px;
	width: auto;
}

.language-study .graph-box.speaking .txt-wrap .txt02::before {
	left: 50%;
}

.language-study .graph-box.speaking .txt-wrap .txt02::after {
	left: 50%;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt02 {
		top: 224px;
		left: 158px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt03 {
	top: 253px;
	left: 301px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt03 {
		top: 202px;
		left: 248px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt04 {
	top: 217px;
	left: 419px;
	width: auto;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt04 {
		top: 170px;
		left: 352px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt04::before {
	left: 50%;
}

.language-study .graph-box.speaking .txt-wrap .txt04::after {
	left: 50%;
}

.language-study .graph-box.speaking .txt-wrap .txt05 {
	top: 217px;
	left: 517px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt05 {
		top: 170px;
		left: 428px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt06 {
	top: 197px;
	left: 627px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt06 {
		top: 153px;
		left: 516px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt07 {
	top: 169px;
	left: 701px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt07 {
		top: 121px;
		left: 571px;
	}
}

.language-study .graph-box.speaking .txt-wrap .txt08 {
	top: 132px;
	left: 901px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-box.speaking .txt-wrap .txt08 {
		top: 97px;
		left: 740px;
	}
}

.language-study .graph-box.speaking .bar-wrap .group01 .bar {
	background: #9fc752;
	margin: 0 28px !important;
}

.language-study .graph-box.speaking .bar-wrap .group01 .bar.step01 {
	margin-left: 76px !important;
}

.language-study .graph-box.speaking .bar-wrap .group02 .bar {
	background: #ffc000 !important;
	margin: 0 21px !important;
}

.language-study .graph-box.speaking .bar-wrap .group03 .bar {
	background: #1da3c9;
	margin: 0 35px;
}

.language-study .graph-step {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 27px;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step {
		width: 1000px;
	}
}

.language-study .graph-step .inner {
	padding: 15px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step .inner {
		padding: 15px;
	}
}

.language-study .graph-step .num {
	width: 56px;
	margin: 0 43px;
	font-size: 16px;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step .num {
		width: auto;
		flex: 1;
		font-size: 13px;
	}
}

.language-study .graph-step img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step img {
		width: 400px;
	}
}

.language-study .graph-step.grammer {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	border-bottom: 0;
}

.language-study .graph-step.grammer .group {
	flex: 1;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step.grammer .group .tit {
		font-size: 13px;
	}
}

.language-study .graph-step.grammer .group.group01 .tit {
	width: 56px;
	margin: 0 25px;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step.grammer .group.group01 .tit {
		width: 35px;
		margin: 0 25px;
	}
}

.language-study .graph-step.grammer .group.group02 .tit {
	width: 56px;
	margin: 0 12px;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step.grammer .group.group02 .tit {
		width: 35px;
		margin: 0 12px;
	}
}

.language-study .graph-step.speaking {
	position: relative;
	margin-top: 0px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step.speaking {
		width: 1000px;
		margin: 0;
	}
}

.language-study .graph-step.speaking .title-box {
	position: absolute;
	left: 3px;
	top: 0;
}

.language-study .graph-step.speaking .title-box p {
	padding: 10.4px 15px;
	background: #0ab5e5;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-bottom: 1px;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step.speaking .title-box p {
		font-size: 13px;
	}
}

.language-study .graph-step.speaking .row02 {
	padding: 22px 10px !important;
}

.language-study .graph-step.speaking .group {
	padding: 0 3px;
}

.language-study .graph-step.speaking .group table {
	width: 100%;
	border: 1px solid #ddd;
}

@media screen and (max-width: 1161px) {
	.language-study .graph-step.speaking .group table {
		font-size: 13px;
	}
}

.language-study .graph-step.speaking .group table th {
	padding: 10px 10px;
	text-align: center;
	font-weight: 500;
}

.language-study .graph-step.speaking .group table td {
	border: 1px solid #ddd;
	padding: 10px 10px;
	color: #525252;
}

.language-study .graph-step.speaking .group table .align-c {
	text-align: center;
}

.language-study .graph-step.speaking .group table .pl-60 {
	padding-left: 60px !important;
}

.language-study .grammer-enter {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-enter {
		display: block;
	}
}

.language-study .grammer-enter .box {
	flex: 1;
	margin: 0 3px;
	border: 1px solid #ddd;
	padding: 30px 30px 140px;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-enter .box {
		margin-bottom: 15px;
		padding: 20px 20px 80px;
	}
}

.language-study .grammer-enter .box .tit {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 15px;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-enter .box .tit {
		font-size: 16px;
	}
}

.language-study .grammer-enter .box .txt {
	font-size: 16px;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-enter .box .txt {
		font-size: 14px;
	}
}

.language-study .grammer-enter .box .txt span {
	display: block;
}

.language-study .grammer-enter .box .black-btn-book {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-enter .box .black-btn-book {
		bottom: 20px;
	}
}

.language-study .black-btn-book {
	display: inline-block;
	padding: 15px 25px;
	background: #222;
	border-radius: 30px;
	color: #fff;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	width: 175px;
}

@media screen and (max-width: 1161px) {
	.language-study .black-btn-book {
		padding: 10px 25px;
		font-size: 14px;
	}
}

.language-study .black-btn-book span {
	display: block;
	color: #fff;
}

.language-study .black-btn-book i {
	width: 30px;
	height: 23px;
	background: url("../images/tschool/icons/icon-book.png") no-repeat center center;
	background-size: contain;
	display: inline-block;
}

@media screen and (max-width: 1161px) {
	.language-study .black-btn-book i {
		width: 20px;
	}
}

.language-study .blue-btn-go {
	display: inline-block;
	padding: 15px 25px;
	background: #037291;
	border-radius: 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	width: 175px;
}

@media screen and (max-width: 1161px) {
	.language-study .blue-btn-go {
		padding: 10px 25px;
		font-size: 14px;
	}
}

.language-study .basic-btn {
	display: inline-block;
	padding: 10px;
	text-align: center;
	border: 1px solid #cdcdcd;
	background: #fff;
	font-weight: 500;
	max-width: 200px;
	width: 200px;
	border-radius: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .basic-btn {
		font-size: 14px;
		height: auto;
	}
}

.language-study .sub-top-area {
	position: relative;
}

.language-study .sub-top-area .sub-bg {
	position: absolute;
	width: 100%;
	background-color: transparent;
	background-image: url("../images/tschool/bg/sub-bg.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	top: -160px;
	left: 0;
	bottom: 0;
	background-repeat: repeat-y;
	z-index: -1;
}

@media screen and (max-width: 1161px) {
	.language-study .sub-top-area .sub-bg {
		display: none;
	}
}

.language-study .sub-top-area .sub-bg::after {
	content: '';
	display: block;
	position: absolute;
	width: 3px;
	height: 47px;
	background: #037291;
	left: 50%;
	top: 117px;
}

.language-study .sub-top-area .sub-bg.bg {
	top: 0;
}

.language-study .sub-top-area .sub-bg.bg::after {
	content: none;
}

.language-study .sub-top-area .sub-bg.bt-100 {
	bottom: -100px;
}

.language-study .sub-top-area .sub-bg.bt-200 {
	bottom: -200px;
}

.language-study .sub-top-area .tit-wrap {
	margin-left: 137px;
}

@media screen and (max-width: 1161px) {
	.language-study .sub-top-area .tit-wrap {
		margin-left: 0;
	}
}

.language-study .sub-top-area .tit-wrap .page-title, .language-study .sub-top-area .tit-wrap .page-txt {
	margin-left: 0;
}

.language-study .content-wide {
	width: 100%;
	padding: 100px 0;
}

@media screen and (max-width: 1161px) {
	.language-study .content-wide {
		padding: 30px 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .content-wide {
		padding: 0px 0;
	}
}

.language-study .content-wide.top-tab {
	padding: 0px 0 100px;
}

.language-study .content-wide.top-tab1 {
	padding: 110px 0 100px;
}

@media screen and (max-width: 768px) {
	.language-study .content-wide.top-tab1 {
		padding: 40px 0 40px;
	}
}

.language-study .bg-grey {
	background: #f6f7f8;
}

.language-study .container-title {
	color: #202020;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 1.875rem;
}

@media screen and (max-width: 1161px) {
	.language-study .container-title {
		font-size: 1.16667rem;
	}
}

.language-study .orange {
	color: #f05a00 !important;
}

.language-study .bold {
	font-weight: 500 !important;
}

.language-study .tb-wrap {
	overflow: auto;
}

.language-study .tb-wrap table {
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .tb-wrap table {
		font-size: 13px;
	}
}

.language-study .tb-wrap table.table-style01 {
	border-top: 2px solid #222;
	border-bottom: 1px solid #cdcdcd;
}

.language-study .tb-wrap table.table-style01 th, .language-study .tb-wrap table.table-style01 td {
	padding: 20px;
	word-break: keep-all;
}

.language-study .tb-wrap table.table-style01 th {
	border-bottom: 1px solid #ddd;
	background: #f9fafb;
	font-weight: 400;
}

.language-study .tb-wrap table.table-style01 td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #3a3a3a;
}

.language-study .h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .h3 {
		font-size: 15px;
		font-weight: 500;
	}
}

.language-study .grammer-tip {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -30px;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip {
		margin: 0 -14px;
		justify-content: flex-start;
	}
}

.language-study .grammer-tip .grammer-box {
	padding: 12.5px;
	width: 33.3333%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip .grammer-box {
		width: 50%;
		padding: 5px;
	}
}

.language-study .grammer-tip .grammer-box .inner {
	background: #fff;
	padding: 60px 35px;
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip .grammer-box .inner {
		padding: 30px;
	}
}

.language-study .grammer-tip .grammer-box img {
	display: block;
	margin: 0 auto 35px;
	max-width: 214px;
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip .grammer-box img {
		margin-bottom: 15px;
	}
}

.language-study .grammer-tip .grammer-box p {
	text-align: center;
	font-weight: 300;
}

.language-study .grammer-tip .grammer-box .tit {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip .grammer-box .tit {
		font-size: 16px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip .grammer-box .txt {
		font-size: 14px;
	}
}

.language-study .grammer-tip .grammer-box .txt span {
	display: block;
}

@media screen and (max-width: 1161px) {
	.language-study .grammer-tip .grammer-box .txt span {
		display: inline-block;
	}
}

.language-study .grammer-tip.row02 {
	margin-top: 25px;
}

.language-study .tab-control {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .tab-control {
		display: none;
	}
}

.language-study .tab-control .btn {
	display: block;
	flex: 1;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 30px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

.language-study .tab-control .btn + .btn {
	margin-left: 15px;
}

.language-study .tab-control .btn span {
	font-size: 24px;
}

.language-study .tab-control .btn i {
	width: 50px;
	height: 50px;
	display: block;
	background: url("../images/tschool/icons/icon-go.png");
	margin-top: 7px;
	display: none;
}

.language-study .tab-control .btn.on {
	border-bottom: 4px solid #0ab5e5;
}

.language-study .tab-control .btn.on i {
	display: block;
}

.language-study .video-gallery-box {
	margin: 70px 0 150px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box {
		margin: 30px 0 50px;
	}
}

.language-study .video-gallery-box .video-view {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.language-study .video-gallery-box .video-view img.thum {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .video-view img.thum {
		width: 100%;
	}
}

.language-study .video-gallery-box .video-view:hover img.thum {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .video-gallery-box .video-thum-wrap {
	position: relative;
}

.language-study .video-gallery-box .play-btn {
	display: block;
	width: 102px;
	height: 102px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.22);
	background-repeat: no-repeat;
	background-position: 36px center;
	background-image: url("../images/tschool/icons/icon-playbtn.png");
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .play-btn {
		width: 50px;
		height: 50px;
		background-size: 15px;
		background-position: 20px center;
	}
}

.language-study .video-gallery-box .slide-btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	position: absolute;
	right: 0;
	top: 536px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .slide-btn {
		top: inherit;
		bottom: 10px;
		right: 10px;
	}
}

.language-study .video-gallery-box .slide-btn a {
	display: block;
	width: 58px;
	height: 58px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	padding: 16px 10px;
	margin: 2px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .slide-btn a {
		width: 40px;
		height: 40px;
		padding: 7px 10px;
		font-size: 13px;
	}
}

.language-study .video-gallery-box .video-dsc {
	width: 1064px;
	position: relative;
	margin-top: -75px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .video-dsc {
		margin-top: 0;
		width: 100%;
	}
}

.language-study .video-gallery-box .info-box {
	max-width: 1064px;
	min-height: 385px;
	width: 100%;
	padding: 35px 0 35px 63px;
	background: #037291;
	color: #fff;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .info-box {
		margin-top: 0;
		padding: 30px 20px;
	}
}

.language-study .video-gallery-box .info-box .tit {
	font-size: 30px;
	border-bottom: 1px solid #1a7f9b;
	padding-bottom: 25px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .info-box .tit {
		font-size: 17px;
	}
}

.language-study .video-gallery-box .info-box .txt-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.language-study .video-gallery-box .info-box .txt-list .title {
	font-size: 22px;
	flex: 1;
	padding: 20px 0;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .info-box .txt-list .title {
		font-size: 16px;
	}
}

.language-study .video-gallery-box .info-box .txt-list .list {
	flex: 5;
	padding: 20px 0;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .info-box .txt-list .list {
		flex: 2;
		margin-left: 15px;
	}
}

.language-study .video-gallery-box .info-box .txt-list .list p {
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .info-box .txt-list .list p {
		font-size: 13px;
	}
}

.language-study .video-gallery-box .info-box .txt-list .list p::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	vertical-align: middle;
	background: #0ab5e5;
	margin-right: 7px;
}

.language-study .video-gallery-box .info-box .txt-list .list p + p {
	margin-top: 10px;
}

.language-study .video-gallery-box .info-box .txt-list + .txt-list .list {
	border-top: 1px solid #1a7f9b;
}

.language-study .video-gallery-box .more-btn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-top: 40px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .more-btn-wrap {
		margin-top: 20px;
	}
}

.language-study .video-gallery-box .more-btn-wrap a {
	flex: 1;
}

@media screen and (max-width: 1161px) {
	.language-study .video-gallery-box .more-btn-wrap a {
		width: auto;
		max-width: inherit;
	}
}

.language-study .video-gallery-box .more-btn-wrap a + a {
	margin-left: 15px;
}

.language-study .video-recommand {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: -76px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand {
		display: block;
		margin-top: 20px;
	}
}

.language-study .video-recommand .thum-box {
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand .thum-box {
		width: 100% !important;
		height: 300px !important;
	}
}

.language-study .video-recommand .thum-box .img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand .thum-box .img {
		width: 100% !important;
		height: 300px !important;
	}
}

.language-study .video-recommand .thum-box:hover .img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .video-recommand .video-box.left .thum-box {
	width: 504px;
	height: 655px;
	overflow: hidden;
}

.language-study .video-recommand .video-box.right .thum-box {
	width: 580px;
	height: 388px;
	overflow: hidden;
}

.language-study .video-recommand .video-box.right .thum-box.thum-box {
	margin-top: 60px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand .video-box.right .thum-box.thum-box {
		margin-top: 20px;
	}
}

.language-study .video-recommand .thum-box.box01 .img {
	background-image: url("../images/tschool/lecture/video-recommand-01.jpg");
}

.language-study .video-recommand .thum-box.box02 .img {
	background-image: url("../images/tschool/lecture/video-recommand-02.jpg");
}

.language-study .video-recommand .thum-box.box03 .img {
	background-image: url("../images/tschool/lecture/video-recommand-03.jpg");
}

.language-study .video-recommand .txt-wrap {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	color: #fff;
	font-weight: 600;
}

.language-study .video-recommand .txt-wrap .tit {
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand .txt-wrap .tit {
		font-size: 14px;
	}
}

.language-study .video-recommand .txt-wrap .name {
	font-size: 30px;
	font-weight: 400;
	margin-top: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand .txt-wrap .name {
		font-size: 16px;
		margin-top: 0px;
	}
}

.language-study .video-recommand .txt-wrap .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background: #52ad31 url("../images/language/icon/icon-play.png") no-repeat center center;
	background-size: 16px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-recommand .txt-wrap .btn {
		width: 40px;
		height: 40px;
		background-size: 10px;
	}
}

.language-study .layer-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 100;
}

.language-study .layer-popup .popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	padding: 25px 60px;
}

@media screen and (max-width: 1161px) {
	.language-study .layer-popup .popup-inner {
		width: 100% !important;
		padding: 70px 10px 10px;
	}
}

.language-study .layer-popup .popup-inner.video-view {
	width: 1230px;
}

.language-study .layer-popup .popup-inner .popup-ctn-wrap {
	position: relative;
	background: #fff;
	padding: 60px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .layer-popup .popup-inner .popup-ctn-wrap {
		padding: 20px;
	}
}

.language-study .layer-popup .popup-inner .close {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	background: url("../images/tschool/icons/icon-close.png") no-repeat center center;
	top: 0;
	right: 0px;
}

@media screen and (max-width: 1161px) {
	.language-study .layer-popup .popup-inner .close {
		right: 50%;
		margin-right: -26px;
	}
}

.language-study .go-box-area {
	background: #fff;
	padding-top: 5px;
}

.language-study .go-box-area .row {
	padding: 30px 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 1161px) {
	.language-study .go-box-area .row {
		display: block;
		padding: 15px 0;
	}
}

.language-study .go-box-area .row:last-child {
	border-bottom: 1px solid #cdcdcd;
}

.language-study .go-box-area .txt span {
	display: block;
	font-size: 15px;
	color: #656565;
}

@media screen and (max-width: 1161px) {
	.language-study .go-box-area .txt span {
		font-size: 13px;
	}
}

.language-study .go-box-area .go-btn {
	flex: 1;
	margin: 9px;
	display: block;
	border-radius: 50px;
	padding: 20px 20px 20px 44px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #cdcdcd;
	font-size: 17px;
	height: 74px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .go-box-area .go-btn {
		padding: 15px 15px 15px 30px;
		font-size: 15px;
		border: 1px solid #cdcdcd;
		height: auto;
	}
}

.language-study .go-box-area .go-btn:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

.language-study .go-box-area .go-btn .txt {
	font-weight: 400;
}

.language-study .go-box-area .go-btn .txt span {
	font-weight: 300;
}

.language-study .go-box-area .go-btn .icon {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .go-box-area .go-btn .icon {
		width: 30px;
		height: 30px;
	}
}

.language-study .go-box-area .go-btn .icon::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 14px;
	background: url("../images/language/icon/icon-arrow05.png") no-repeat left center;
	width: 28px;
	height: 8px;
}

@media screen and (max-width: 1161px) {
	.language-study .go-box-area .go-btn .icon::after {
		background-size: 18px;
		top: 11px;
	}
}

.language-study .go-box-area .go-btn .icon.blue {
	background: #0ab5e5;
}

.language-study .go-box-area .go-btn .icon.yellow {
	background: #ffc000;
}

.language-study .go-box-area .go-btn .icon.navy {
	background: #037291;
}

.language-study .go-box-area .go-btn .icon.green {
	background: #5ea954;
}

.language-study .go-box-area .info-txt {
	margin-top: 20px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .go-box-area .info-txt {
		margin-top: 10px;
	}
}

.language-study .normal-info-box {
	color: #424242;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .normal-info-box {
		font-size: 13px;
	}
}

.language-study .normal-info-box ul {
	margin-top: 10px;
}

.language-study .normal-info-box ul li {
	margin: 2px 0;
}

.language-study .normal-info-box ul li::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #b3b3b3;
	width: 3px;
	height: 3px;
	margin-right: 5px;
}

.language-study .normal-info-box .basic-btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 1161px) {
	.language-study .normal-info-box .basic-btn {
		display: none;
	}
}

.language-study .section-introduce {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	padding: 0 139px;
	justify-content: space-between;
	margin: 80px 0 0px;
}

@media screen and (max-width: 1161px) {
	.language-study .section-introduce {
		padding: 0;
		margin: 20px 0 0;
	}
}

.language-study .section-introduce .text-wrap {
	width: 31%;
	padding-top: 130px;
}

@media screen and (max-width: 1161px) {
	.language-study .section-introduce .text-wrap {
		width: 100%;
		padding-top: 0;
	}
}

.language-study .section-introduce .text-wrap .title {
	font-size: 46px;
	font-weight: 300;
	line-height: 50px;
}

.language-study .section-introduce .text-wrap .title strong {
	font-weight: 600;
}

@media screen and (max-width: 1161px) {
	.language-study .section-introduce .text-wrap .title {
		font-size: 18px;
		line-height: 20px;
	}
}

.language-study .section-introduce .text-wrap .description {
	color: #3d3c3c;
	margin-top: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .section-introduce .text-wrap .description {
		font-size: 14px;
		margin-top: 10px;
	}
}

.language-study .section-introduce .text-wrap .description span {
	display: block;
}

@media screen and (max-width: 1161px) {
	.language-study .section-introduce .text-wrap .description span {
		display: inline-block;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .section-introduce img {
		display: none;
	}
}

.language-study .search-input-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 768px) {
	.language-study .search-input-area {
		display: block;
	}
}

.language-study .search-input-area select {
	flex: 1;
	font-size: 16px;
	padding: 5px 12px;
	height: auto;
}

@media screen and (max-width: 1161px) {
	.language-study .search-input-area select {
		flex: 2 !important;
	}
}

@media screen and (max-width: 768px) {
	.language-study .search-input-area select {
		width: 100% !important;
		padding: 10px;
		font-size: 13px;
	}
}

.language-study .search-input-area .input-btn {
	flex: 7;
	margin-left: -1px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 768px) {
	.language-study .search-input-area .input-btn {
		width: 100%;
		margin-left: 0;
		margin-top: -1px;
	}
}

.language-study .search-input-area .input-btn input[type="text"] {
	background: #f9f9f9;
	border: 2px solid #000;
	flex: 1;
	padding: 18px 15px;
}

@media screen and (max-width: 768px) {
	.language-study .search-input-area .input-btn input[type="text"] {
		padding: 10px;
		font-size: 13px;
	}
}

.language-study .search-input-area .input-btn .btn {
	border: 0px none;
	width: 62px;
	height: 65px;
	margin-left: -1px;
	background: #fff url("../images/language/icon/icon-search.png") no-repeat center center;
	background-size: 21px;
	background-color: #000;
}

@media screen and (max-width: 768px) {
	.language-study .search-input-area .input-btn .btn {
		width: 46px;
		height: 46px;
	}
}

.language-study .social-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.language-study .social-list li {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: 183px;
	background-image: url("../images/tschool/icons/social-icon-set.png");
}

@media screen and (max-width: 768px) {
	.language-study .social-list li {
		width: 30px;
		height: 30px;
		background-size: 121px;
	}
}

.language-study .social-list li + li {
	margin-left: 8px;
}

@media screen and (max-width: 768px) {
	.language-study .social-list li + li {
		margin-left: 3px;
	}
}

.language-study .social-list li.blog {
	background-position: 0 0;
}

.language-study .social-list li.cafe {
	background-position: -46px 0;
}

@media screen and (max-width: 768px) {
	.language-study .social-list li.cafe {
		background-position: -30px 0;
	}
}

.language-study .social-list li.kakao {
	background-position: -91px 0;
}

@media screen and (max-width: 768px) {
	.language-study .social-list li.kakao {
		background-position: -61px 0;
	}
}

.language-study .social-list li.youtube {
	background-position: -138px 0;
}

@media screen and (max-width: 768px) {
	.language-study .social-list li.youtube {
		background-position: -91px 0;
	}
}

.language-study .list li {
	margin: 5px;
	color: #515151;
	font-size: 14px;
}

.language-study .list li::before {
	content: '';
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url("../images/tschool/icons/icon-bullet-set01.png");
	background-size: 38px;
	vertical-align: middle;
}

.language-study .list li.location::before {
	background-position: left 0;
}

.language-study .list li.call::before {
	background-position: right 0;
}

.language-study .box-type-board {
	margin-top: 20px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -13px;
	margin-right: -13px;
}

@media screen and (max-width: 768px) {
	.language-study .box-type-board {
		display: block;
	}
}

.language-study .box-type-board .list-box {
	width: 33.3333%;
}

@media screen and (max-width: 768px) {
	.language-study .box-type-board .list-box {
		width: 100%;
	}
}

.language-study .box-type-board .list-box .inner {
	border: 1px solid #ddd;
	padding: 40px 30px;
	border-radius: 5px;
	margin: 13px;
	background: #fff;
}

@media screen and (max-width: 1161px) {
	.language-study .box-type-board .list-box .inner {
		padding: 25px;
	}
}

.language-study .box-type-board .list-box .tit {
	font-size: 22px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .box-type-board .list-box .tit {
		font-size: 17px;
		margin-bottom: 15px;
	}
}

.language-study .box-type-board .list-box .social-list {
	margin-top: 55px;
}

@media screen and (max-width: 1161px) {
	.language-study .box-type-board .list-box .social-list {
		margin-top: 15px;
	}
}

.language-study .paging-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.language-study .paging-area .btn-wrap, .language-study .paging-area .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.language-study .paging-area .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.language-study .paging-area .btn-wrap a:hover {
	background: #208736;
	border: 1px solid #208736;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.language-study .paging-area .btn-wrap a.first {
	background-image: url("../images/language/icon/icon-arrow06.png");
}

.language-study .paging-area .btn-wrap a.prev {
	background-image: url("../images/language/icon/icon-arrow07.png");
}

.language-study .paging-area .btn-wrap a.next {
	background-image: url("../images/language/icon/icon-arrow08.png");
}

.language-study .paging-area .btn-wrap a.last {
	background-image: url("../images/language/icon/icon-arrow09.png");
}

.language-study .paging-area .btn-wrap a.first:hover {
	background-image: url("../images/language/icon/icon-arrow06_over.png");
}

.language-study .paging-area .btn-wrap a.prev:hover {
	background-image: url("../images/language/icon/icon-arrow07_over.png");
}

.language-study .paging-area .btn-wrap a.next:hover {
	background-image: url("../images/language/icon/icon-arrow08_over.png");
}

.language-study .paging-area .btn-wrap a.last:hover {
	background-image: url("../images/language/icon/icon-arrow09_over.png");
}

.language-study .paging-area .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area .num-wrap {
		margin: 0 10px;
	}
}

.language-study .paging-area .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.language-study .paging-area .num-wrap a:hover, .language-study .paging-area .num-wrap a.on {
	background: #208736;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area .num-wrap a:hover, .language-study .paging-area .num-wrap a.on {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.language-study .paging-area01 {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 120px;
}

@media screen and (max-width: 768px) {
	.language-study .paging-area01 {
		margin-bottom: 30px;
	}
}

.language-study .paging-area01 .btn-wrap, .language-study .paging-area01 .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.language-study .paging-area01 .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area01 .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.language-study .paging-area01 .btn-wrap a:hover {
	background: #208736;
	border: 1px solid #208736;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.language-study .paging-area01 .btn-wrap a.first {
	background-image: url("../images/language/icon/icon-arrow06.png");
}

.language-study .paging-area01 .btn-wrap a.prev {
	background-image: url("../images/language/icon/icon-arrow07.png");
}

.language-study .paging-area01 .btn-wrap a.next {
	background-image: url("../images/language/icon/icon-arrow08.png");
}

.language-study .paging-area01 .btn-wrap a.last {
	background-image: url("../images/language/icon/icon-arrow09.png");
}

.language-study .paging-area01 .btn-wrap a.first:hover {
	background-image: url("../images/language/icon/icon-arrow06_over.png");
}

.language-study .paging-area01 .btn-wrap a.prev:hover {
	background-image: url("../images/language/icon/icon-arrow07_over.png");
}

.language-study .paging-area01 .btn-wrap a.next:hover {
	background-image: url("../images/language/icon/icon-arrow08_over.png");
}

.language-study .paging-area01 .btn-wrap a.last:hover {
	background-image: url("../images/language/icon/icon-arrow09_over.png");
}

.language-study .paging-area01 .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area01 .num-wrap {
		margin: 0 10px;
	}
}

.language-study .paging-area01 .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area01 .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.language-study .paging-area01 .num-wrap a:hover, .language-study .paging-area01 .num-wrap a.on {
	background: #208736;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1161px) {
	.language-study .paging-area01 .num-wrap a:hover, .language-study .paging-area01 .num-wrap a.on {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.language-study .info-box-wrap {
	border: 1px solid #ddd;
	padding: 30px;
}

@media screen and (max-width: 768px) {
	.language-study .info-box-wrap {
		padding: 20px;
	}
}

.language-study .info-box-wrap .tit {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.language-study .info-box-wrap .tit {
		font-size: 17px;
	}
}

.language-study .info-box-wrap ul {
	margin-top: 15px;
}

@media screen and (max-width: 768px) {
	.language-study .info-box-wrap ul {
		margin-top: 10px;
	}
}

.language-study .info-box-wrap ul li {
	color: #3a3a3a;
}

@media screen and (max-width: 768px) {
	.language-study .info-box-wrap ul li {
		font-size: 13px;
	}
}

.language-study .info-box-wrap ul li::before {
	content: '';
	width: 6px;
	height: 2px;
	background: #000;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
}

@keyframes visual-in {
	from {
		opacity: 0;
		background-size: auto 130%;
	}

	to {
		opacity: 1;
		background-size: auto 100%;
	}
}

@keyframes visual-out {
	from {
		opacity: 1;
		background-size: auto 100%;
	}

	to {
		opacity: 0;
		background-size: auto 150%;
	}
}

@keyframes opacity {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes ani-move1 {
	from {
		opacity: 0;
		top: 40px;
	}

	to {
		opacity: 1;
		top: 0;
	}
}

@keyframes ani-move2 {
	from {
		opacity: 0;
		margin-top: 60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}
}

@keyframes bg-move1 {
	from {
		opacity: 0;
		background-position-y: 30px;
	}

	to {
		opacity: 1;
		background-position-y: 0;
	}
}

@keyframes bg-move2 {
	from {
		background-position-x: -30%;
	}

	to {
		background-position-x: 50%;
	}
}

.language-study #main-content .sub-menu-dropdown .toggle-button {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.language-study #main-content .sub-menu-dropdown .toggle-button {
		font-size: 13px;
	}
}

.language-study #main-content .page-header {
	position: relative;
	height: 938px;
	overflow: hidden;
}

@media screen and (max-width: 1161px) {
	.language-study #main-content .page-header {
		height: 500px;
	}
}

@media screen and (max-width: 768px) {
	.language-study #main-content .page-header {
		height: 350px;
	}
}

.language-study #main-content .page-header .main-visual-play-btn {
	position: absolute;
	bottom: 64px;
	left: 50%;
	margin-left: 42px;
}

@media screen and (max-width: 768px) {
	.language-study #main-content .page-header .main-visual-play-btn {
		bottom: 21px;
	}
}

.language-study #main-content .page-header .main-visual-play-btn::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 11px;
	background: rgba(255, 255, 255, 0.4);
	margin-right: 15px;
	position: absolute;
	left: -9px;
	bottom: 12px;
}

.language-study #main-content .page-header .main-visual-play-btn a {
	display: block;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}

.language-study #main-content .page-header .main-visual-play-btn a.on {
	display: none;
}

.language-study #main-content .page-header .main-visual-play-btn .pause {
	background: url("../images/tschool/icons/icon-play-stop.png") no-repeat center center;
}

.language-study #main-content .page-header .main-visual-play-btn .play {
	display: block;
	line-height: 30px;
}

.language-study #main-content .page-header .main-visual-play-btn .play.on {
	display: none !important;
}

.language-study #main-content .go-btn {
	display: inline-block;
	width: 176px;
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	align-items: center;
	justify-content: space-between;
	top: 630px;
}

@media screen and (max-width: 1161px) {
	.language-study #main-content .go-btn {
		font-size: 14px;
		top: 320px;
	}
}

@media screen and (max-width: 768px) {
	.language-study #main-content .go-btn {
		font-size: 13px;
		top: 230px;
	}
}

.language-study #main-content .go-btn:hover {
	border: 1px solid #037291;
	background: #037291;
}

.language-study #main-content .go-btn.black {
	margin-top: 40px;
	border: 1px solid #ddd;
	color: #222;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.language-study #main-content .go-btn.black {
		margin-top: 25px;
	}
}

.language-study #main-content .go-btn.black i {
	color: #037291;
}

.language-study #main-content .go-btn.black:hover {
	color: #fff;
}

.language-study #main-content .go-btn.black:hover i {
	color: #fff;
}

.language-study .main-top-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-top-info {
		display: block;
	}
}

.language-study .main-top-info .login-info {
	height: 40px;
	width: 50%;
	padding-left: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-top-info .login-info {
		width: 100%;
		padding-left: 0;
	}
}

.language-study .main-top-info .login-info .member-info {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-top-info .login-info .member-info {
		justify-content: center;
		margin-top: 20px;
	}
}

.language-study .main-top-info .login-info .thum {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	display: inline-block;
}

.language-study .main-top-info .login-info .thum img {
	width: 100%;
	border-radius: 50%;
	border: 1px solid #ddd;
}

.language-study .main-top-info .login-info p {
	font-size: 14px;
	font-weight: 500;
}

.language-study .main-top-info .login-info p .id {
	color: #026b88;
}

.language-study .main-title-box .tit {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-title-box .tit {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 10px;
	}
}

.language-study .main-title-box .title-txt-area {
	margin-bottom: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-title-box .title-txt-area {
		margin-bottom: 0px;
	}
}

.language-study .main-title-box .title-txt-area span {
	display: inline-block;
	font-size: 46px;
	font-weight: 700;
	letter-spacing: -4px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-title-box .title-txt-area span {
		font-size: 23px;
		font-weight: 600;
		letter-spacing: -2px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-title-box .title-txt-area span {
		font-size: 25px;
	}
}

.language-study .main-title-box .title-txt-area .weight_300 {
	font-weight: 300;
}

.language-study .main-title-box .desc-area {
	margin: 30px 0 50px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-title-box .desc-area {
		margin: 5px 0 5px;
	}
}

.language-study .main-title-box .desc-area span {
	display: block;
}

@media screen and (max-width: 1161px) {
	.language-study .main-title-box .desc-area span {
		display: inline-block;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-title-box .desc-area span {
		font-size: 16px;
	}
}

.language-study .main-slide-section {
	width: 100%;
	padding: 0 0 0 70px;
	position: relative;
	margin: 94px 0 210px;
	height: 400px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section {
		padding: 20px;
		margin: 55px 0;
		height: auto;
	}
}

.language-study .main-slide-section .desc-area p {
	font-size: 20px;
	color: #545454;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .desc-area p {
		font-size: 16px;
	}
}

.language-study .main-slide-section .main-title-box {
	width: 250px;
	position: absolute;
	left: 50%;
	top: 84px;
	margin-left: -605px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .main-title-box {
		width: auto;
		position: static;
		margin-left: 0;
	}
}

.language-study .main-slide-section .slide-wrap {
	position: absolute;
	left: 50%;
	margin-left: -310px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .slide-wrap {
		position: static;
		margin-left: 0;
		width: 100%;
	}
}

.language-study .main-slide-section .slide-wrap .slick-list {
	padding: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .slide-wrap .slick-list {
		padding: 30px 0 !important;
	}
}

.language-study .main-slide-section .slide-wrap .slick-track {
	display: flex !important;
}

.language-study .main-slide-section .slide-wrap .slide {
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	border: 1px solid #ddd;
	height: auto !important;
	width: 362px;
	overflow: hidden;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .slide-wrap .slide {
		width: 200px;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .slide-wrap .slide img {
		width: 100%;
	}
}

.language-study .main-slide-section .slide-wrap .slide .txt-area {
	padding: 20px 35px 20px 20px;
	position: relative;
	background-color: #fff;
}

.language-study .main-slide-section .slide-wrap .slide .txt-area .tit {
	font-size: 18px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .slide-wrap .slide .txt-area .tit {
		font-size: 16px;
	}
}

.language-study .main-slide-section .slide-wrap .slide .txt-area .txt {
	font-size: 14px;
	color: #6f7071;
	margin-top: 5px;
}

.language-study .main-slide-section .slide-wrap .slide .txt-area .btn {
	position: absolute;
	top: 20px;
	right: 20px;
}

.language-study .main-slide-section .slide-wrap .slide:hover {
	border: 1px solid #037291;
	box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -20px);
	-moz-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	-o-transform: translate(0, -20px);
	transform: translate(0, -20px);
}

.language-study .main-slide-section .slide-wrap .slide.slide {
	margin-left: 30px;
}

.language-study .main-slide-section .arrow-btn {
	position: absolute;
	top: 282px;
	left: 50%;
	margin-left: -600px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	width: 120px;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .arrow-btn {
		width: 180px;
		position: static;
		margin-left: 0;
		margin: 0 auto;
	}
}

.language-study .main-slide-section .arrow-btn a {
	display: block;
	width: 54px;
	height: 54px;
	border: 1px solid #ddd;
	border-radius: 50%;
	text-align: center;
	line-height: 48px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

.language-study .main-slide-section .arrow-btn a:hover {
	background: #037291;
	border: 1px solid #037291;
	color: #fff;
}

.language-study .main-slide-section .arrow-btn .go {
	color: #037291;
	font-size: 13px;
	display: none;
}

@media screen and (max-width: 1161px) {
	.language-study .main-slide-section .arrow-btn .go {
		display: block;
	}
}

.language-study .main-slide-section .slick-dots {
	position: absolute;
	top: -15px;
	left: 750px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.language-study .main-slide-section .slick-dots li .pager_dot {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #e1e1e1;
	margin: 3px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	cursor: pointer;
}

.language-study .main-slide-section .slick-dots li .pager_dot:hover {
	background: #037291;
}

.language-study .main-slide-section .slick-dots li.slick-active .pager_dot {
	background: #037291;
}

.language-study .main-video-area {
	margin-top: 160px;
	width: 100%;
	height: 740px;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 1161px) {
	.language-study .main-video-area {
		margin-top: 30px;
		height: auto;
	}
}

.language-study .main-video-area .bg-img {
	background: url("../images/tschool/bg/main-video-bg.jpg") no-repeat top center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.language-study .main-video-area .content {
	width: 1270px;
	margin: 0px auto 0;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 165px 0 0;
}

@media screen and (max-width: 1161px) {
	.language-study .main-video-area .content {
		display: block;
		padding: 70px 20px;
		width: 100%;
	}
}

.language-study .main-video-area .content .main-title-box {
	color: #fff;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-video-area .content .main-title-box .title-txt-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
	}

	.language-study .main-video-area .content .main-title-box .title-txt-wrap .title-txt-area {
		margin-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-video-area .content .main-title-box .title-txt-wrap {
		display: block;
	}

	.language-study .main-video-area .content .main-title-box .title-txt-wrap .title-txt-area {
		margin-right: 0px;
	}
}

.language-study .main-video-area .content .main-title-box .go-btn {
	margin-top: 50px;
	font-size: 14px;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

@media screen and (max-width: 1161px) {
	.language-study .main-video-area .content .main-title-box .go-btn {
		margin: 30px 0;
	}
}

.language-study .main-video-area .content .video-box {
	width: 725px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-video-area .content .video-box {
		margin: 0 auto;
		max-width: 725px;
		width: 100%;
		height: auto;
	}
}

.language-study .main-video-area .content .video-box a {
	display: block;
	position: relative;
}

.language-study .main-video-area .content .video-box a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	z-index: 1;
}

.language-study .main-video-area .content .video-box a:hover::before {
	opacity: 1;
}

.language-study .main-video-area .content .video-box a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .main-video-area .content .video-box a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .main-video-area .content .video-box::before {
	content: '';
	display: block;
	width: 37px;
	height: 43px;
	background: url("../images/tschool/icons/icon-playbtn02.png") no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.language-study .main-video-area .content .video-box .tit {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-video-area .content .video-box .tit {
		font-size: 14px;
	}
}

.language-study .main-quick-area {
	width: 100%;
	background: #213e46;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-quick-area {
		padding: 30px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-quick-area {
		display: block;
	}
}

.language-study .main-quick-area .box {
	display: block;
	width: 355px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 88px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	padding: 95px 20px 0px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-quick-area .box {
		width: 33.3333%;
		background-size: 50px;
		padding: 63px 20px 0px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-quick-area .box {
		width: 100%;
		padding: 75px 0 20px;
		background-position: center 25px;
		background-size: 45px;
	}
}

.language-study .main-quick-area .box .tit {
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .main-quick-area .box .tit {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-quick-area .box .tit {
		font-size: 16px;
	}
}

.language-study .main-quick-area .box .txt {
	font-size: 16px;
	color: #94adb4;
	word-break: keep-all;
	margin-top: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-quick-area .box .txt {
		font-size: 14px;
		margin-top: 5px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-quick-area .box .txt {
		font-size: 13px;
	}
}

.language-study .main-quick-area .box.box01 {
	background-image: url("../images/tschool/icons/main-ico01.png");
}

.language-study .main-quick-area .box.box02 {
	background-image: url("../images/tschool/icons/main-ico02.png");
}

.language-study .main-quick-area .box.box03 {
	background-image: url("../images/tschool/icons/main-ico03.png");
	background-size: 77px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-quick-area .box.box03 {
		background-size: 50px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-quick-area .box.box03 {
		background-size: 45px;
	}
}

.language-study .main-quick-area .box + .box::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	background: #324c53;
}

@media screen and (max-width: 768px) {
	.language-study .main-quick-area .box + .box::before {
		right: 0;
		bottom: inherit;
		width: 100%;
		height: 1px;
	}
}

.language-study .main-program-area {
	position: relative;
	margin: 210px 0;
	height: 900px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area {
		margin: 50px 0;
		padding: 20px;
		height: 1235px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area {
		height: 994px;
	}
}

.language-study .main-program-area .main-title-box {
	width: 370px;
	position: absolute;
	left: 50%;
	top: 84px;
	margin-left: -600px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .main-title-box {
		position: static;
		margin-left: 0;
		width: 100%;
	}
}

.language-study .main-program-area .main-title-box .desc-area {
	font-size: 20px;
	color: #545454;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box {
		position: absolute;
	}
}

.language-study .main-program-area .content-box .visual {
	position: absolute;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .visual {
		height: 358px !important;
	}
}

.language-study .main-program-area .content-box .visual img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .visual img {
		position: absolute;
	}
}

.language-study .main-program-area .content-box .visual.on img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .main-program-area .content-box .txt-box {
	position: absolute;
	display: block;
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid #037291;
	border-radius: 5px;
	padding: 50px 40px;
	box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .txt-box {
		padding: 30px 15px;
	}
}

.language-study .main-program-area .content-box .txt-box .tit {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box .txt-box .tit {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .txt-box .tit {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.language-study .main-program-area .content-box .txt-box .tit .blue {
	color: #037291;
}

.language-study .main-program-area .content-box .txt-box .txt {
	font-size: 16px;
	color: #6e6e6e;
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .txt-box .txt {
		font-size: 14px;
	}
}

.language-study .main-program-area .content-box .txt-box .txt span {
	display: block;
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .txt-box .txt span {
		display: inline;
	}
}

.language-study .main-program-area .content-box .txt-box .btn {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid #c4edf8;
	text-align: center;
	line-height: 48px;
	position: absolute;
	bottom: 50px;
	left: 40px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box .txt-box .btn {
		bottom: 30px;
		left: 20px;
		width: 40px;
		height: 40px;
		line-height: 36px;
	}
}

.language-study .main-program-area .content-box .txt-box .btn i {
	color: #037291;
}

.language-study .main-program-area .content-box .txt-box:hover {
	background: #037291;
}

.language-study .main-program-area .content-box .txt-box:hover p, .language-study .main-program-area .content-box .txt-box:hover .blue {
	color: #fff;
}

.language-study .main-program-area .content-box .txt-box:hover .btn {
	border: 1px solid #fff;
}

.language-study .main-program-area .content-box .txt-box:hover .btn i {
	color: #fff;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box.visit {
		left: 20px;
		top: 400px;
		right: 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box.visit {
		top: 235px;
	}
}

.language-study .main-program-area .content-box.visit .visual {
	max-width: 644px;
	width: 100%;
	height: 434px;
	left: 50%;
	top: 400px;
	margin-left: -600px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box.visit .visual {
		left: 0px;
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box.visit .visual {
		right: 96px;
		width: auto;
	}

	.language-study .main-program-area .content-box.visit .visual img {
		top: -26%;
		left: -100%;
	}
}

.language-study .main-program-area .content-box.visit .txt-box {
	width: 346px;
	height: 293px;
	left: 50%;
	margin-left: -135px;
	top: 436px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box.visit .txt-box {
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box.visit .txt-box {
		width: auto;
		left: 100px;
		right: 0px;
		height: 250px;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box.online {
		right: 20px;
		left: 20px;
	}
}

.language-study .main-program-area .content-box.online .visual {
	max-width: 348px;
	width: 100%;
	height: 516px;
	right: 50%;
	top: 53px;
	margin-right: -760px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box.online .visual {
		margin-right: 0;
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box.online .visual {
		left: 96px;
	}

	.language-study .main-program-area .content-box.online .visual img {
		top: -26%;
		right: 10%;
	}
}

.language-study .main-program-area .content-box.online .txt-box {
	width: 256px;
	height: 403px;
	right: 50%;
	margin-right: -520px;
	top: 105px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-program-area .content-box.online .txt-box {
		margin-right: -200px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-program-area .content-box.online .txt-box {
		margin-right: 0;
		left: 0px;
		height: 250px;
		right: 100px;
		width: auto;
	}
}

.language-study .main-customer-area {
	width: 100%;
	height: 456px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-customer-area {
		height: auto;
	}
}

.language-study .main-customer-area .bg-img {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url("../images/tschool/bg/main-visual04.jpg");
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.language-study .main-customer-area .content {
	width: 993px;
	margin: 0 auto;
	padding-top: 155px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-customer-area .content {
		width: 100%;
		padding: 70px 20px;
		display: block;
	}
}

.language-study .main-customer-area .main-title-box {
	color: #fff;
}

.language-study .main-customer-area .main-title-box .desc-area {
	font-size: 24px;
}

@media screen and (max-width: 768px) {
	.language-study .main-customer-area .main-title-box .desc-area {
		font-size: 16px;
	}
}

.language-study .main-customer-area .btn-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-customer-area .btn-area {
		margin-top: 30px;
		align-items: stretch;
	}
}

.language-study .main-customer-area .btn-area a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 130px;
	height: 130px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	background-repeat: no-repeat;
	background-position: center 24px;
	background-size: 34px;
	text-align: center;
	padding: 30px 10px;
	font-size: 18px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .main-customer-area .btn-area a {
		font-size: 14px;
		background-size: 24px;
		width: auto;
		height: auto;
		flex: 1;
		padding: 70px 10px 20px 10px;
		line-height: 15px;
	}
}

.language-study .main-customer-area .btn-area a + a {
	margin-left: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-customer-area .btn-area a + a {
		margin-left: 10px;
	}
}

.language-study .main-customer-area .btn-area a:hover {
	border: 1px solid #fff;
	background-color: #fff;
	color: #037291;
	font-weight: 500;
}

.language-study .main-customer-area .btn-area a:nth-child(1) {
	background-image: url("../images/tschool/icons/customer-ico01.png");
}

.language-study .main-customer-area .btn-area a:nth-child(2) {
	background-image: url("../images/tschool/icons/customer-ico02.png");
}

.language-study .main-customer-area .btn-area a:nth-child(3) {
	background-image: url("../images/tschool/icons/customer-ico03.png");
}

.language-study .main-customer-area .btn-area a:nth-child(4) {
	background-image: url("../images/tschool/icons/customer-ico04.png");
}

.language-study .main-customer-area .btn-area a:nth-child(1):hover {
	background-image: url("../images/tschool/icons/customer-ico01_over.png");
}

.language-study .main-customer-area .btn-area a:nth-child(2):hover {
	background-image: url("../images/tschool/icons/customer-ico02_over.png");
}

.language-study .main-customer-area .btn-area a:nth-child(3):hover {
	background-image: url("../images/tschool/icons/customer-ico03_over.png");
}

.language-study .main-customer-area .btn-area a:nth-child(4):hover {
	background-image: url("../images/tschool/icons/customer-ico04_over.png");
}

@keyframes proBar {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.language-study .page-header .pro-bar {
	position: absolute;
	bottom: 0;
	height: 9px;
	left: 0;
	width: 0;
	background: #037291;
}

.language-study .pro-ani {
	animation: proBar 5s 1;
}

.language-study .main-visual-slide .slide:hover .pro-bar {
	animation-play-state: paused;
}

.language-study .t-school .lecture-apply-wrap .refund-title {
	font-size: 30px;
}

.language-study .p-96 {
	padding-bottom: 96px !important;
}

@media screen and (max-width: 1161px) {
	.language-study .p-96 {
		padding-bottom: 50px !important;
	}
}

.language-study .mt_80 {
	margin-top: 80px !important;
}

@media screen and (max-width: 1161px) {
	.language-study .mt_80 {
		margin-top: 40px !important;
	}
}

.language-study .pt-0 {
	padding-top: 0 !important;
}

.language-study .pb-0 {
	padding-bottom: 0 !important;
}

.language-study .pb_100 {
	padding-bottom: 100px !important;
}

@media screen and (max-width: 1161px) {
	.language-study .pb_100 {
		padding-bottom: 40px !important;
	}
}

.language-study .pb_106 {
	padding-bottom: 106px !important;
}

@media screen and (max-width: 1161px) {
	.language-study .pb_106 {
		padding-bottom: 40px !important;
	}
}

.language-study .pb_207 {
	padding-bottom: 207.5px !important;
}

@media screen and (max-width: 1161px) {
	.language-study .pb_207 {
		padding-bottom: 40px !important;
	}
}

.language-study [data-aos=fade-up] {
	transform: translate3d(0, 25px, 0);
}

.language-study .main-visual-slide {
	width: 100%;
	height: 1000px;
	/*height: 1258px;*/
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-visual-slide {
		height: 900px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide {
		height: 550px;
	}
}

.language-study .main-visual-slide .slide-wrap {
	width: 100%;
	height: 1000px;
	/*height: 1258px;*/
}

@media screen and (max-width: 1161px) {
	.language-study .main-visual-slide .slide-wrap {
		height: 900px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide .slide-wrap {
		height: 550px;
	}
}

.language-study .main-visual-slide .slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 1000px;
	/*height: 1258px;*/
}

@media screen and (max-width: 1161px) {
	.language-study .main-visual-slide .slide {
		height: 900px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide .slide {
		height: 550px;
	}
}

@keyframes ani-move2 {
	from {
		opacity: 0;
		margin-top: 60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}
}

@keyframes visual-in {
	from {
		opacity: 0;
		background-size: auto 130%;
	}

	to {
		opacity: 1;
		background-size: auto 100%;
	}
}

.language-study .main-visual-slide .slide .title {
	font-size: 70px;
	color: #fff;
	line-height: 70px;
	width: 500px;
	word-break: keep-all;
	margin: 0 auto;
	text-align: center;
	font-family: 'Roboto';
	font-weight: 500;
	padding-top: 300px;
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide .slide .title {
		font-size: 31px;
		padding-top: 60px;
		line-height: 31px;
		width: 200px;
		word-break: keep-all;
	}
}

.language-study .main-visual-slide .slide .txt {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.69);
	word-break: keep-all;
	line-height: 29px;
	margin: 0px auto 0;
	padding-top: 30px;
	width: 430px;
	text-align: center;
	opacity: 0;
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide .slide .txt {
		font-size: 16px;
		line-height: 24px;
		padding-top: 10px;
		word-break: keep-all;
		width: 200px;
	}
}

.language-study .main-visual-slide .slide.slick-active .title {
	animation: ani-move2 1s ease-out forwards;
}

.language-study .main-visual-slide .slide.slick-active .txt {
	animation: ani-move2 2s 1s ease-out forwards;
}

.language-study .main-visual-slide .slide01 {
	background-image: url("../images/language/bg/main-visual01.jpg");
}

.language-study .main-visual-slide .slide02 {
	background-image: url("../images/language/bg/main-visual02.jpg");
}

.language-study .main-visual-slide .slide03 {
	background-image: url("../images/language/bg/main-visual03.jpg");
}

.language-study .main-visual-slide .slide04 {
	background-image: url("../images/language/bg/main-visual04.jpg");
}

.language-study .main-visual-slide .slide05 {
	background-image: url("../images/language/bg/main-visual05.jpg");
}

.language-study .main-visual-slide .slide06 {
	background-image: url("../images/language/bg/main-visual06.jpg");
}

.language-study .main-visual-slide .down {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.56);
	background: url("../images/language/icon/icon-arrow01.png") no-repeat center center;
	position: absolute;
	left: 50%;
	bottom: 85px;
	margin-left: -26px;
}

.language-study .main-visual-slide .slick-dots {
	position: absolute;
	bottom: 464px;
	overflow: hidden;
	left: 50%;
	margin-left: -32px;
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide .slick-dots {
		bottom: auto;
		right: 41px;
		left: auto;
		top: 16px;
	}
}

.language-study .main-visual-slide .slick-dots li {
	float: left;
	margin: 0 5px;
}

.language-study .main-visual-slide .slick-dots .pager-dot {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.language-study .main-visual-slide .slick-dots .slick-active .pager-dot {
	width: 15px;
	border-radius: 10px;
	background: #fff;
}

.language-study .main-visual-slide .play-btn {
	position: absolute;
	bottom: 453px;
	left: 50%;
	margin-left: 20px; /*margin-left: 8px;*/
}

@media screen and (max-width: 480px) {
	.language-study .main-visual-slide .play-btn {
		bottom: auto;
		left: auto;
		right: 14px;
		top: 5px;
	}
}

.language-study .main-visual-slide .play-btn a {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
}

.language-study .main-visual-slide .play-btn a.on {
	display: none;
}

.language-study .main-visual-slide .play-btn a.pause {
	background-image: url("../images/language/icon/icon-pause.png");
}

.language-study .main-visual-slide .play-btn a.play {
	background-image: url("../images/language/icon/icon-play.png");
}

.language-study .main-apply {
	position: relative;
	width: 100%;
	padding-bottom: 408px;
}

@media screen and (max-width: 480px) {
	.language-study .main-apply {
		padding: 0 20px 288px 20px;
	}
}

.language-study .main-apply .txt-wrap .txt.green {
	font-size: 72px;
	font-weight: 300;
	line-height: 72px;
}

@media screen and (max-width: 480px) {
	.language-study .main-apply .txt-wrap .txt.green {
		font-size: 32px;
		line-height: 34px;
	}
}

.language-study .main-apply .gallery-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 1100px;
	margin: 84px auto 0;
}

@media screen and (max-width: 1161px) {
	.language-study .main-apply .gallery-area {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-apply .gallery-area {
		margin-top: 43px;
	}
}

.language-study .main-apply .gallery-area .part {
	width: 33.3333%;
	text-align: center;
	margin: 25px 0;
}

@media screen and (max-width: 480px) {
	.language-study .main-apply .gallery-area .part {
		width: 50%;
		padding: 0 23px;
	}
}

.language-study .main-apply .gallery-area .part img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	.language-study .main-apply .gallery-area .part img {
		width: 100%;
	}
}

.language-study .main-apply .gallery-area .part .title {
	font-size: 20px;
	margin-top: 20px;
}

.language-study .main-apply .gallery-area .part .txt {
	font-size: 16px;
	color: #4b4d4d;
	line-height: 24px;
	margin-top: 10px;
	word-break: keep-all;
}

.language-study .main-apply .gallery-area .part .txt span {
	display: block;
}

.language-study .main-apply .bg-img {
	width: 835px;
	height: 869px;
	background: url("../images/language/bg/main-bg01.png") no-repeat center center;
	position: absolute;
	bottom: 47px;
	left: 50%;
	z-index: -1;
	margin-left: -836px;
}

@media screen and (max-width: 480px) {
	.language-study .main-apply .bg-img {
		width: 363px;
		height: 378px;
		background-size: 100%;
		left: 0;
		bottom: 106px;
		margin-left: 0;
	}
}

.language-study .main-article {
	width: 100%;
	background-color: #e6e6e6;
	padding: 250px 0 114px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article {
		padding: 140px 20px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-article {
		padding: 68px 20px 50px;
	}
}

.language-study .main-article .inner {
	width: 1248px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-end;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article .inner {
		width: 100%;
	}
}

.language-study .main-article .txt-wrap {
	text-align: left;
	width: 675px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article .txt-wrap {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-article .txt-wrap {
		margin-bottom: 230px;
	}
}

.language-study .main-article .txt-wrap .title {
	font-size: 63px;
	font-weight: 300;
	line-height: 63px;
}

@media screen and (max-width: 480px) {
	.language-study .main-article .txt-wrap .title {
		font-size: 32px;
		line-height: 40px;
	}
}

.language-study .main-article .txt-wrap .txt {
	text-align: left;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article .txt-wrap .txt {
		text-align: center;
		word-break: keep-all;
	}
}

.language-study .main-article .txt-wrap ul {
	margin-top: 35px;
}

.language-study .main-article .txt-wrap ul li {
	font-size: 18px;
	margin: 5px 0;
}

@media screen and (max-width: 480px) {
	.language-study .main-article .txt-wrap ul li {
		font-size: 16px;
	}
}

.language-study .main-article .bg-img {
	width: 801px;
	height: 733px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url("../images/language/bg/main-bg02.jpg");
	position: absolute;
	z-index: 1;
	left: -98px;
	top: -201px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article .bg-img {
		bottom: -313px;
		top: auto;
		left: 30px;
		background-size: 100%;
		width: 572px;
		height: 524px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-article .bg-img {
		width: 356px;
		height: 326px;
		bottom: -101px;
		left: 50%;
		margin-left: -178px;
	}
}

@-webkit-keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1008px 0;
	}
}

@-moz-keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1008px 0;
	}
}

@keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1008px 0;
	}
}

.language-study .main-article .txt-ani {
	position: relative;
	z-index: 2;
	margin-top: 60px;
	width: 100%;
	height: 112px;
	background-image: url("../images/language/bg/txt-ani.png");
	-webkit-animation: scrollBad 3s linear infinite;
	-moz-animation: scrollBad 3s linear infinite;
	animation: scrollBad 3s linear infinite;
}

@media screen and (max-width: 480px) {
	.language-study .main-article .txt-ani {
		height: 50px;
		background-size: 100%;
		margin-top: 0;
	}
}

.language-study .main-review .gallery-area {
	width: 1296px;
	margin: 84px auto 170px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .main-review .gallery-area {
		width: 100%;
		padding: 30px;
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-review .gallery-area {
		margin: 70px 0;
	}
}

.language-study .main-review .gallery-area img {
	width: 100%;
}

.language-study .main-review .gallery-area > div {
	width: 50%;
}

@media screen and (max-width: 1161px) {
	.language-study .main-review .gallery-area > div {
		width: 100%;
	}
}

.language-study .main-review .gallery-area .video {
	padding: 2px;
}

.language-study .main-review .gallery-area .video a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.language-study .main-review .gallery-area .video a:before {
	content: '';
	display: block;
	width: 71px;
	height: 71px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	background-color: rgba(255, 255, 255, 0.51);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-play02.png");
	z-index: 1;
}

.language-study .main-review .gallery-area .video a:after {
	content: '';
	display: block;
	background: rgba(0, 0, 0, 0.29);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.language-study .main-review .gallery-area .video a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .main-review .gallery-area .video a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .main-review .gallery-area .video01 {
	display: block;
	width: 938px;
	height: 546px;
	margin: 0px auto;
}

.language-study .main-review .gallery-area .video01 a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.language-study .main-review .gallery-area .video01 a:before {
	content: '';
	display: block;
	width: 59px;
	height: 59px;
	border-radius: 50%;
	position: absolute;
	bottom: 20px;
	right: 20px;
	transform: translate(-50%);
	background-color: #f59e24;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-play04.png");
	z-index: 1;
}

.language-study .main-review .gallery-area .video01 a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.language-study .main-review .gallery-area .video01 a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .main-review .gallery-area .video01 a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .main-review .gallery-area .video01 .tit {
	position: absolute;
	bottom: 60px;
	left: 3%;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	margin: 3px;
}

.language-study .main-review .gallery-area .video01 .txt {
	position: absolute;
	bottom: 30px;
	left: 3%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.language-study .main-review .gallery-area .photo {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

.language-study .main-review .gallery-area .photo div {
	padding: 2px;
	width: 50%;
}

.language-study .main-cafe {
	margin-bottom: 197px;
}

@media screen and (max-width: 480px) {
	.language-study .main-cafe {
		margin-bottom: 140px;
		padding: 0 30px;
	}
}

.language-study .main-cafe .title {
	font-size: 40px;
	font-weight: 600;
}

@media screen and (max-width: 480px) {
	.language-study .main-cafe .title {
		font-size: 23px;
	}
}

@media screen and (max-width: 480px) {
	.language-study .main-cafe .txt {
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

.language-study .lecture-apply-wrap {
	padding: 125px 0 150px;
}

.language-study .lecture-apply-wrap > .container {
	position: relative;
}

.language-study .lecture-apply-wrap > .container:before {
	content: '';
	display: block;
	width: 100%;
	height: 345px;
	background-color: transparent;
	background-image: url("../images/tschool/bg/bg-lecture_03.gif");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	top: -185px;
	left: 0;
	background-repeat: repeat-y;
	z-index: -1;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap > .container:before {
		content: none;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap {
		padding-top: 2.91667rem;
		padding-bottom: 5.41667rem;
	}
}

.language-study .lecture-apply-wrap .a-title {
	color: #202020;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	padding-left: 135px;
	margin: 0 0 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .a-title {
		padding-left: 0;
		font-size: 1.25rem;
	}
}

.language-study .lecture-apply-wrap .a-desc {
	color: #717171;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4em;
	padding-left: 135px;
	margin: 0 0 70px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .a-desc {
		padding-left: 0;
		font-size: 0.875rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item + .apply-item {
	margin-top: 27px;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon {
	flex-shrink: 0;
	width: 335px;
	margin-right: 5px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon .label-name {
	color: #201f1f;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1em;
	margin-top: 23px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon {
		display: none;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-icon:after {
	content: '';
	background-color: transparent;
	background-image: url("../images/tschool/icons/icon-plus-circle.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -19px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail {
	flex-grow: 1;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 50px 245px 50px 50px;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail {
		width: 100%;
		padding: 1.66667rem 1.25rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-bottom: 23px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap {
		margin-bottom: 0.83333rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title {
	color: #201f1f;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2em;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title {
		font-size: 1.10417rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title strong {
	font-weight: 700;
	color: #037291;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title-description {
	margin-left: 8px;
	color: #686767;
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .item-title-wrap .item-title-description {
		font-size: 0.875rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl + dl {
	margin-top: 16px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl + dl {
		margin-top: 0.9375rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt {
	width: 116px;
	flex-shrink: 0;
	padding-left: 11px;
	color: #111111;
	font-size: 15px;
	font-weight: 400;
	position: relative;
	line-height: 1.2em;
	align-self: stretch;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt {
		width: 4.33333rem;
		font-size: 0.75rem;
		padding-left: 0;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt:after {
	content: '';
	background: #e7e7e7;
	height: 14px;
	width: 1px;
	position: absolute;
	right: 0;
	top: 3px;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #a0a0a0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dt:before {
		content: none;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd {
	flex-grow: 1;
	padding-left: 14px;
	color: #323030;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2em;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd {
		padding-left: 0.66667rem;
		font-size: 0.875rem;
		line-height: 1.4em;
	}

	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.radio-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.radio-wrap .radio-circle {
		width: 50%;
		margin-right: 0;
		margin-bottom: 0.52083rem;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd .radio-circle {
	margin-right: 20px;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.price-text {
	color: #ff6600;
	font-size: 20px;
	font-weight: 500;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .detail-list dl dd.price-text strong {
	font-size: 24px;
	font-weight: 500;
	font-family: Roboto, sans-serif;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border: 0 none;
	border-radius: 28px;
	width: 180px;
	height: 55px;
	background-color: #037291;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding-right: 36px;
	position: absolute;
	top: 62px;
	right: 48px;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:disabled, .language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item.disabled {
	opacity: 0.65;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 2.29167rem;
		font-size: 0.875rem;
		width: 12.08333rem;
		height: 3.02083rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:after {
	content: '\f00c';
	font-family: "Font Awesome 5 Pro" !important;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 27px;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:hover {
	background-color: #02556c;
}

.language-study .lecture-apply-wrap .lecture-apply-list .apply-item .item-detail .btn-submit-item:focus {
	outline: none;
}

.language-study .lecture-apply-wrap .lecture-etc-service {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-top: 35px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-etc-service {
		display: block;
	}
}

.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	border-radius: 22px;
	background: #fff;
	margin-left: 26px;
	width: 180px;
	height: 44px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	padding-right: 32px;
	border: 1px solid #c4c4c4;
	position: relative;
}

.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service:disabled, .language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service.disabled {
	opacity: 0.65;
}

.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service {
		font-size: 0.75rem;
		width: 7.8125rem;
		height: 2.25rem;
		margin-top: 0.625rem;
		margin-left: 1.52083rem;
	}
}

.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service:focus {
	outline: none;
}

.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service:hover {
	background: #ececec;
}

.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service:after {
	content: "\f159";
	font-family: "Font Awesome 5 Pro";
	color: #037291;
	font-size: 12px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 21px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-etc-service .btn-etc-service:after {
		right: 0.8125rem;
		font-size: 0.625rem;
	}
}

.language-study .lecture-apply-wrap .lecture-etc-service .etc-comment {
	padding-left: 74px;
	color: #4c4e4e;
	font-size: 16px;
	font-weight: 300;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-etc-service .etc-comment {
		padding-left: 1.625rem;
		font-size: 0.75rem;
		line-height: 1.38889em;
	}
}

.language-study .lecture-apply-wrap .lecture-etc-service .etc-comment:before {
	content: '';
	display: block;
	background-color: transparent;
	background-image: url("../images/tschool/icons/icon-help-block.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 30px;
	top: 0px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .lecture-etc-service .etc-comment:before {
		width: 0.89583rem;
		height: 0.89583rem;
		background-size: 100%;
		left: 0.22917rem;
	}
}

.language-study .lecture-apply-wrap .page-divider {
	margin: 70px auto 135px;
	border: 0 none;
	display: block;
	height: 1px;
	width: 100%;
	background: #3c3c3c;
}

.language-study .lecture-apply-wrap .refund-title {
	color: #111;
	font-size: 26px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 22px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .refund-title {
		font-size: 1.16667rem;
		margin-bottom: 1.08333rem;
	}
}

.language-study .lecture-apply-wrap .refund-description {
	color: #373737;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.66667em;
	margin-bottom: 58px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .refund-description {
		font-size: 0.875rem;
		line-height: 1.42857em;
		margin-bottom: 3.02083rem;
	}
}

.language-study .lecture-apply-wrap .table .radio-wrap .radio-circle + .radio-circle {
	margin-left: 50px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .table .radio-wrap .radio-circle + .radio-circle {
		margin-left: 0;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .table .radio-wrap {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.language-study .lecture-apply-wrap .table .radio-wrap .radio-circle {
		width: 50%;
		margin-bottom: 0.45833rem;
	}
}

.language-study .lecture-apply-wrap .table tbody th {
	border-top: 1px solid #e0e0e0;
}

.language-study .lecture-apply-wrap .table tbody tr:first-child th {
	border-top: 1px solid #e0e0e0;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .type01.type02 td:nth-child(2) {
		border-top: 2px solid #000;
	}

	.language-study .lecture-apply-wrap .type01 thead {
		display: none;
	}

	.language-study .lecture-apply-wrap .type01 tbody {
		display: block;
		width: 100%;
	}

	.language-study .lecture-apply-wrap .type01 tbody tr {
		width: 100%;
		display: block;
	}

	.language-study .lecture-apply-wrap .type01 tbody th {
		display: none;
	}

	.language-study .lecture-apply-wrap .type01 tbody td {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		align-items: stretch;
		padding: 0;
		border: 0 none;
		color: #3c3c3c;
		font-size: 0.875rem;
		font-weight: 400;
	}

	.language-study .lecture-apply-wrap .type01 tbody td.border-th:first-child, .language-study .lecture-apply-wrap .type01 tbody td:first-child {
		border-top: 2px solid #000;
	}

	.language-study .lecture-apply-wrap .type01 tbody td:last-child {
		border-bottom: 1px solid #9c9c9c;
	}

	.language-study .lecture-apply-wrap .type01 tbody td + td {
		border-top: 1px solid #e0e0e0;
	}

	.language-study .lecture-apply-wrap .type01 tbody td:not([colspan]):before {
		content: attr(data-th);
		width: 5.35417rem;
		background: #f9fafb;
		color: #111111;
		font-size: 0.8125rem;
		font-weight: 400;
		padding: 1.45833rem 0.79167rem;
		text-align: left;
		flex-shrink: 0;
	}

	.language-study .lecture-apply-wrap .type01 tbody td.price-text span {
		color: #ff6600;
	}

	.language-study .lecture-apply-wrap .type01 tbody td span {
		flex-grow: 1;
		padding: 1.45833rem 1.02083rem;
		text-align: left;
	}

	.language-study .lecture-apply-wrap .type01 tbody td span .form-control {
		margin-top: -0.875rem;
		margin-bottom: -0.875rem;
	}
}

.language-study .lecture-apply-wrap table td[data-th]:before {
	flex-shrink: 0;
	width: 5rem;
}

.language-study .lecture-apply-wrap table td.th-table-text {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.language-study .lecture-apply-wrap table td.th-table-text .table- {
	flex-grow: 1;
	margin-left: 0;
}

.language-study .lecture-apply-wrap .responsive-table {
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .responsive-table {
		width: 100%;
		overflow-x: auto;
	}
}

.language-study .lecture-apply-wrap .responsive-table .refund-table {
	width: 100%;
	table-layout: fixed;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .responsive-table .refund-table {
		width: 56.14583rem;
	}
}

.language-study .lecture-apply-wrap .responsive-table .refund-table th {
	border-top: 2px solid #3c3c3c;
	background: #f9fafb;
	color: #111111;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	height: 77px;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .responsive-table .refund-table th {
		font-size: 0.875rem;
		height: 3.47917rem;
	}
}

.language-study .lecture-apply-wrap .responsive-table .refund-table th:last-child {
	border-right: 0 none;
}

.language-study .lecture-apply-wrap .responsive-table .refund-table td {
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	color: #111111;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
	padding: 23px;
}

@media screen and (max-width: 1161px) {
	.language-study .lecture-apply-wrap .responsive-table .refund-table td {
		font-size: 0.75rem;
		padding: 1.04167rem;
	}
}

.language-study .lecture-apply-wrap .responsive-table .refund-table tr td:last-child {
	border-right: 0 none;
}

.language-study .payment-title {
	color: #111111;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	line-height: 1em;
	margin-bottom: 65px;
}

@media screen and (max-width: 1161px) {
	.language-study .payment-title {
		font-size: 1.3125rem;
		margin-bottom: 2.5rem;
	}
}

.language-study .payment-notice {
	margin-top: 40px;
	border: 1px solid #e8e8e8;
	padding: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .payment-notice {
		margin-top: 1.39583rem;
		padding: 1.22917rem 1.04167rem;
	}
}

.language-study .payment-notice .notice-title {
	color: #f06000;
	font-size: 18px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 12px;
}

@media screen and (max-width: 1161px) {
	.language-study .payment-notice .notice-title {
		font-size: 0.75rem;
	}
}

.language-study .payment-notice ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.language-study .payment-notice ul li {
	padding-left: 13px;
	position: relative;
	color: #474646;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.71429em;
}

@media screen and (max-width: 1161px) {
	.language-study .payment-notice ul li {
		font-size: 0.6875rem;
		line-height: 1.51515em;
		padding-left: 0.625rem;
	}
}

.language-study .payment-notice ul li:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #c2c2c2;
	position: absolute;
	left: 3px;
	top: 11px;
}

@media screen and (max-width: 1161px) {
	.language-study .payment-notice ul li:before {
		left: 0;
	}
}

.language-study .table th.border-th,
.language-study .table td.border-th {
	border-top: 2px solid #000;
}

.language-study .table th.border-th {
	border-top: 2px solid #000 !important;
}

.language-study .table tr td:first-child {
	border-left: 0 none;
}

.language-study .table tr td:last-child {
	border-right: 0 none;
}

.language-study .price-text {
	color: #ff6600;
	font-size: 20px;
	font-weight: 500;
}

.language-study .price-text strong {
	font-size: 24px;
	font-weight: 500;
	font-family: Roboto, sans-serif;
}

.language-study .payment-group-title {
	color: #111111;
	font-size: 26px;
	font-weight: 500;
	text-align: left;
	line-height: 1em;
	margin-bottom: 25px;
}

@media screen and (max-width: 1161px) {
	.language-study .payment-group-title {
		font-size: 1.10417rem;
		margin-bottom: 0.91667rem;
	}
}

.language-study .table + .payment-group-title {
	margin-top: 65px;
}

@media screen and (max-width: 1161px) {
	.language-study .table + .payment-group-title {
		margin-top: 1.875rem;
	}
}

.language-study .payment-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 45px;
}

.language-study .payment-actions .btn + .btn {
	margin-left: 15px;
}

.language-study .register-language {
	padding: 3.625rem 0 13.75rem 0;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language {
		width: 100%;
		padding: 1.20833rem 0.83333rem 4.58333rem 0.83333rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language {
		padding: 3rem 0.83333rem 1.875rem 0.83333rem;
	}
}

.language-study .register-language > h3 {
	text-align: center;
	color: #202020;
	font-size: 2.125rem;
	font-weight: 500;
}

.language-study .register-language > h3 > small {
	color: #696969;
	font-size: 1.125rem;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language > h3 {
		font-size: 20px;
	}

	.language-study .register-language > h3 > small {
		font-size: 0.5625rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language > h3 {
		font-size: 18px;
	}
}

.language-study .register-language > h2 {
	text-align: center;
	color: #202020;
	font-size: 3rem;
	font-weight: 700;
	position: relative;
	display: block;
	margin-top: 5.3125rem;
	padding-bottom: 1.875rem;
}

.language-study .register-language > h2 > span {
	display: none;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language > h2 {
		font-size: 2.25rem;
		margin-top: 2.65625rem;
		padding-bottom: 0.9375rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language > h2 {
		font-size: 1.5rem;
	}

	.language-study .register-language > h2 > span {
		display: inline-block;
		margin-right: 5px;
	}
}

.language-study .register-language .register-step {
	overflow: hidden;
	text-align: center;
	margin: 2.9375rem 0 3.75rem 0;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .register-step {
		margin: 0.97917rem 0 1.25rem 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .register-step {
		margin: 0.85417rem 0 1.04167rem 0;
		justify-content: center;
		align-items: center;
	}
}

.language-study .register-language .register-step > li {
	display: inline-block;
	position: relative;
	font-size: 0.9375rem;
	text-align: center;
	margin-right: 2.125rem;
	color: #e2e2e2;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	background: #fff;
	font-weight: 400;
	line-height: 7.5rem;
	width: 7.5rem;
	height: 7.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .register-step > li {
		font-size: 14px;
		line-height: 7.5rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .register-step > li {
		margin-right: 0;
		margin: 0 2px;
		width: 90px;
		height: 90px;
		line-height: 90px;
		font-size: 13px;
	}
}

.language-study .register-language .register-step > li:after {
	content: "";
	background-color: transparent;
	background-image: url("../images/language/icon/icon-step-arrow.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 0.5rem;
	height: 0.75rem;
	position: absolute;
	right: -1.625rem;
	top: 50%;
	margin-top: -0.625rem;
	background-size: cover;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .register-step > li:after {
		right: -20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .register-step > li:after {
		right: -18px;
		width: 0.4375rem;
		height: 0.77083rem;
		margin-top: -0.34375rem;
	}
}

.language-study .register-language .register-step > li:last-child {
	margin-right: 0;
}

.language-study .register-language .register-step > li:last-child:after {
	background-image: none;
}

.language-study .register-language .register-step > li.active {
	color: #fff;
	background-color: #f59e24;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form {
		margin: 2.25rem 0.75rem;
	}
}

.language-study .register-language .join-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../images/icon/icon-select-arrow.png") no-repeat 94.5% 50%;
	background-repeat: no-repeat;
}

.language-study .register-language .join-form select::-ms-expand {
	display: none;
}

.language-study .register-language .join-form h3 {
	border-bottom: 2px solid #111;
	display: block;
	color: #111;
	font-size: 1.625rem;
	padding-bottom: 0.625rem;
}

.language-study .register-language .join-form h3 > span {
	color: #e53324;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form h3 {
		font-size: 0.9375rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-group {
		display: block;
		padding: 20px 0;
	}

	.language-study .register-language .join-form .form-group .label {
		width: 100%;
		font-size: 12px;
		padding: 0;
	}

	.language-study .register-language .join-form .form-group .form-info-text {
		font-size: 12px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .join-form .form-inner {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner.other {
		display: block;
	}
}

.language-study .register-language .join-form .form-inner .form-control {
	height: 2.70833rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner .form-control {
		font-size: 0.875rem;
	}
}

.language-study .register-language .join-form .form-inner .form-control.pull {
	width: 32.5rem;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .join-form .form-inner .form-control.pull {
		width: 100%;
	}

	.language-study .register-language .join-form .form-inner .form-control.pull.other {
		width: 14.58333rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner .form-control.pull.other {
		width: 100%;
	}
}

.language-study .register-language .join-form .form-inner > button {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	width: 6.25rem;
	margin-left: 0.9375rem;
	background-color: #d1d1d1;
	color: #000;
	border: none;
	border-radius: 5px;
}

.language-study .register-language .join-form .form-inner > button:disabled, .language-study .register-language .join-form .form-inner > button.disabled {
	opacity: 0.65;
}

.language-study .register-language .join-form .form-inner > button:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner > button {
		width: 100%;
		font-size: 0.875rem;
		margin-left: 0;
		margin-top: 0.625rem;
	}
}

.language-study .register-language .join-form .form-inner.birth .form-control {
	width: 10rem;
	margin-right: 1.25rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner.birth .form-control {
		width: auto;
		flex: 1;
		margin-right: 0;
	}

	.language-study .register-language .join-form .form-inner.birth .form-control + .form-control {
		margin-left: 0.625rem;
	}
}

.language-study .register-language .join-form .form-inner.phone .form-control {
	width: 10rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner.phone .form-control {
		flex: 1;
		margin-right: 0;
		width: 100%;
	}
}

.language-study .register-language .join-form .form-inner.phone .hypen {
	width: auto;
	margin: 0.625rem 0.5rem;
}

.language-study .register-language .join-form .form-inner.email .form-control {
	width: 18.125rem;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .join-form .form-inner.email .form-control {
		width: 9.375rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner.email .form-control {
		width: 100%;
		margin-bottom: 0.9375rem;
	}
}

.language-study .register-language .join-form .form-inner.email .at {
	width: auto;
	margin: 0.625rem 0.5rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner.email .at {
		width: 100%;
		display: none;
	}
}

.language-study .register-language .join-form .form-inner.email select {
	margin-left: 0.625rem;
	width: 8.125rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .form-inner.email select {
		margin-left: 0;
		width: 100%;
	}
}

.language-study .register-language .join-form .address1,
  .language-study .register-language .join-form .address2 {
	margin-top: 0.625rem;
}

.language-study .register-language .join-form .common-radio {
	padding: 18px 0;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .join-form .common-radio {
		padding: 0;
	}
}

.language-study .register-language .join-form .common-radio:checked + .label:before {
	background: #fff;
	border-color: #037291;
	color: #037291;
}

.language-study .register-language .join-form .common-radio .form-info-text-language-01 {
	padding-left: 19px;
	font-size: 16px;
	line-height: 16px;
	color: #1b8936;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .join-form .common-radio .form-info-text-language-01 {
		padding-left: 32px;
		font-size: 15px;
	}
}

.language-study .register-language .join-form .common-radio .form-info-text-language-02 {
	padding-left: 25px;
	font-size: 16px;
	line-height: 16px;
	color: #f59e24;
}

.language-study .register-language .join-form .agree-box {
	margin-top: 5.625rem;
}

.language-study .register-language .agree-box .form-group {
	padding: 1.25rem 0;
}

.language-study .register-language .agree-box .form-inner {
	margin: 0.625rem 0;
	justify-content: space-between;
	width: 100%;
	font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .agree-box .form-inner {
		font-size: 0.875rem;
	}
}

.language-study .register-language .agree-box .form-inner span {
	font-size: 1.125rem;
	color: #777777;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .agree-box .form-inner span {
		font-size: 0.875rem;
	}
}

.language-study .register-language .agree-box .form-inner span.req {
	color: #f20000;
}

.language-study .register-language .agree-box .form-inner .btn-more {
	color: #606060;
	font-size: 0.9375rem;
	padding-right: 0.9375rem;
	background-color: transparent;
	background-image: url("../images/icon/icon-more-arrow.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-position: right center;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .agree-box .form-inner .btn-more {
		font-size: 0.75rem;
	}
}

.language-study .register-language .agree-box .form-inner p {
	margin-left: 1.875rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .agree-box .check-box-wrap {
		display: block;
		width: 100%;
	}
}

.language-study .register-language .agree-box .check-box-wrap > .common-checks {
	float: left;
	margin-left: 1.875rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .agree-box .check-box-wrap > .common-checks {
		float: none;
		display: inline-block;
		margin: 0.625rem 0.625rem 0 0;
	}
}

.language-study .register-language .agree-box .btn-wrap-language {
	border-top: 2px solid #232323;
	text-align: center;
	padding: 3.125rem 0;
}

.language-study .register-language .btn-wrap {
	padding: 3.125rem 0;
	text-align: center;
}

.language-study .register-language .btn {
	font-size: 1rem;
	padding: 0.9375rem;
	border-radius: 1.875rem;
}

.language-study .register-language .btn.btn-auth {
	width: 8.125rem;
}

@media screen and (max-width: 1161px) {
	.language-study .register-language .btn.btn-auth {
		width: 9.58333rem;
		font-size: 0.875rem;
		padding: 0.625rem;
		border-radius: 1.875rem;
	}
}

@media screen and (max-width: 768px) {
	.language-study .register-language .btn.btn-auth {
		width: 9.58333rem;
		font-size: 0.875rem;
	}
}

.language-study .register-language .btn.btn-home, .language-study .register-language .btn.btn-login, .language-study .register-language .btn.btn-confirm, .language-study .register-language .btn.btn-cancle {
	width: 11.25rem;
	position: relative;
	padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
}

.language-study .register-language .btn.btn-home:after, .language-study .register-language .btn.btn-login:after, .language-study .register-language .btn.btn-confirm:after, .language-study .register-language .btn.btn-cancle:after {
	content: "";
	position: absolute;
	background-size: cover;
	right: 1.5625rem;
	top: 50%;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .btn.btn-home, .language-study .register-language .btn.btn-login, .language-study .register-language .btn.btn-confirm, .language-study .register-language .btn.btn-cancle {
		width: 9.16667rem;
		font-size: 0.875rem;
	}
}

.language-study .register-language .btn.btn-home:after {
	background-color: transparent;
	background-image: url("../images/icon/icon-home.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 15px;
	height: 13px;
	margin-top: -7.5px;
}

.language-study .register-language .btn.btn-login {
	margin-left: 0.9375rem;
}

@media screen and (max-width: 768px) {
	.language-study .register-language .btn.btn-login {
		margin-left: 0.3125rem;
	}
}

.language-study .register-language .btn.btn-login:after {
	background-color: transparent;
	background-image: url("../images/icon/icon-login-arrow.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 14px;
	height: 10px;
	margin-top: -4px;
}

.language-study .register-language .btn.btn-confirm:after {
	background-color: transparent;
	background-image: url("../images/icon/icon-check.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 13px;
	height: 9px;
	margin-top: -4.5px;
}

.language-study .register-language .btn.btn-cancle:after {
	background-color: transparent;
	background-image: url("../images/icon/icon-x.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 9px;
	height: 9px;
	margin-top: -4.5px;
}

.language-study .language-header-color {
	background-color: #1b8936;
}

.language-study .main-news-area {
	width: 575px;
	margin: 80px auto 226px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area {
		padding: 20px;
		margin: 50px auto;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area {
		width: 100%;
		margin: 30px auto;
	}
}

.language-study .main-news-area .list-wrap .board-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	background: #f6f6f6;
	padding: 30px 30px 30px 45px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .list-wrap .board-list {
		padding: 30px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area .list-wrap .board-list {
		display: block;
		padding: 20px;
	}
}

.language-study .main-news-area .list-wrap .board-list + .board-list {
	margin-top: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .list-wrap .board-list + .board-list {
		margin-top: 15px;
	}
}

.language-study .main-news-area .list-wrap .board-list:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

.language-study .main-news-area .list-wrap .board-list ul {
	margin-left: 45px;
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area .list-wrap .board-list ul {
		margin-left: 0px;
		margin-top: 20px;
	}
}

.language-study .main-news-area .list-wrap .board-list ul .tit {
	font-size: 22px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .list-wrap .board-list ul .tit {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area .list-wrap .board-list ul .tit {
		font-size: 16px;
	}
}

.language-study .main-news-area .list-wrap .board-list ul .txt {
	color: #6e6e6e;
	font-size: 18px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .list-wrap .board-list ul .txt {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area .list-wrap .board-list ul .txt {
		font-size: 14px;
		line-height: 16px;
	}
}

.language-study .main-news-area .list-wrap .board-list ul .txt + .txt {
	margin-top: 13px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .list-wrap .board-list ul .txt + .txt {
		margin-top: 10px;
	}
}

.language-study .main-news-area .list-wrap .board-list ul .date {
	color: #6e6e6e;
	margin-top: 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .list-wrap .board-list ul .date {
		margin-top: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area .list-wrap .board-list ul .date {
		font-size: 13px;
	}
}

.language-study .main-news-area .notice {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	color: #1b8936;
	font-size: 23px;
	font-weight: 500;
	border-radius: 5px;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-news-area .notice {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-news-area .notice {
		justify-content: start;
		width: 100%;
		font-size: 18px;
		font-size: 17px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language {
		padding-top: 3.29167rem;
	}
}

.language-study .main-content-language .green {
	color: #85a700 !important;
}

.language-study .main-content-language .content {
	padding-top: 120px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .content {
		padding-top: 80px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .content {
		padding-top: 50px;
	}
}

.language-study .main-content-language .txt-wrap {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .txt-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.language-study .main-content-language .txt-wrap .h2 {
	text-align: center;
	font-weight: 500;
	font-size: 32px;
	line-height: 32px;
	padding-top: 45px;
	padding-bottom: 23px;
	background: url("../images/language/icon/icon-bullet01.png") no-repeat top center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .txt-wrap .h2 {
		background-size: 42px;
		font-size: 25px;
		padding-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .txt-wrap .h2 {
		background-size: 30px;
		font-size: 18px;
		padding-top: 22px;
	}
}

.language-study .main-content-language .txt-wrap .bullet {
	height: 12px;
	margin-bottom: 40px;
	background: url("../images/language/icon/icon-bullet01.png") no-repeat top center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .txt-wrap .bullet {
		background-size: 42px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .txt-wrap .bullet {
		background-size: 30px;
	}
}

.language-study .main-content-language .txt-wrap .txt-check {
	font-size: 17px;
	color: #4f4f4f;
	line-height: 17px;
	margin-top: 25px;
	text-align: center;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .txt-wrap .txt-check {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .txt-wrap .txt-check {
		font-size: 15px;
		margin-top: 10px;
		line-height: 24px;
		text-align: left;
		position: relative;
		padding-left: 30px;
	}
}

.language-study .main-content-language .txt-wrap .txt-check:before {
	content: '';
	background-color: transparent;
	background-image: url("../images/language/icon/icon-check-green.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 30px;
	height: 30px;
	padding-right: 25px;
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .txt-wrap .txt-check:before {
		position: absolute;
		top: -3px;
		left: 0px;
		background-size: 13px;
	}
}

.language-study .main-content-language .txt-wrap .txt-check span {
	display: block;
}

.language-study .main-content-language .txt-wrap .txt {
	font-size: 22px;
	color: #4f4f4f;
	line-height: 38px;
	margin-top: 20px;
	text-align: center;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .txt-wrap .txt {
		font-size: 18px;
		margin-top: 18px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .txt-wrap .txt {
		font-size: 15px;
		margin-top: 16px;
		line-height: 20px;
	}
}

.language-study .main-content-language .txt-wrap .txt span {
	color: #1b8936;
	font-weight: 400;
}

.language-study .main-content-language .apply-actions {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 48px;
}

.language-study .main-content-language .apply-actions .apply-btn,
  .language-study .main-content-language .apply-actions .apply-history-btn {
	background: #1b8936;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
	border-radius: 30px;
	width: 220px;
	margin: 0px 0px;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .apply-actions .apply-btn,
      .language-study .main-content-language .apply-actions .apply-history-btn {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .apply-actions .apply-btn,
      .language-study .main-content-language .apply-actions .apply-history-btn {
		width: 193px;
		font-size: 14px;
		text-align: left;
		padding: 7px 10px 10px 22px;
	}
}

.language-study .main-content-language .apply-actions .apply-btn:after,
    .language-study .main-content-language .apply-actions .apply-history-btn:after {
	content: '';
	margin-top: -4.5px;
	position: absolute;
	background-size: cover;
	right: 1.5625rem;
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .apply-actions .apply-btn:after,
        .language-study .main-content-language .apply-actions .apply-history-btn:after {
		margin-top: 0px;
		right: 20px;
	}
}

.language-study .main-content-language .apply-actions .apply-btn:after {
	width: 20px;
	height: 26px;
	top: 17px;
	background-color: transparent;
	background-image: url("../images/language/icon/icon-docu.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .apply-actions .apply-btn:after {
		background-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .apply-actions .apply-btn:after {
		top: 8px;
	}
}

.language-study .main-content-language .apply-actions .apply-history-btn:after {
	width: 17px;
	height: 13px;
	top: 22px;
	background-color: transparent;
	background-image: url("../images/language/icon/icon-check.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .apply-actions .apply-history-btn:after {
		background-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .apply-actions .apply-history-btn:after {
		top: 14px;
	}
}

.language-study .main-content-language .apply-actions .btn + .btn {
	margin-left: 20px;
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .apply-actions .btn + .btn {
		margin-left: 5px;
	}
}
/* 어학연수 신청서 작성 시 로그인 버튼 추가 */
.language-study .career-info {
	margin: 100px 0;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.language-study .career-info {
		margin: 70px 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .career-info {
		margin: 50px 0;
	}
}

.language-study .career-info p {
	font-size: 18px;
}

@media screen and (max-width: 768px) {
	.language-study .career-info p {
		font-size: 15px;
	}
}

.language-study .career-info .btn-learn {
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
	.language-study .career-info .btn-learn {
		margin-top: 20px;
	}
}

.language-study .btn-learn {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border: 0 none;
	margin: 0 auto;
	width: 295px;
	height: 74px;
	font-size: 18px;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	align-items: center;
	justify-content: flex-start;
	border-radius: 37px;
	background: #1b8936;
	margin-top: 80px;
}

.language-study .btn-learn:disabled, .language-study .btn-learn.disabled {
	opacity: 0.65;
}

.language-study .btn-learn:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width: 1161px) {
	.language-study .btn-learn {
		width: 220px;
		height: 44px;
		font-size: 14px;
		border-radius: 30px;
		margin-top: 50px;
	}
}

.language-study .btn-learn i {
	margin-left: auto;
}
/* 어학연수 신청서 작성 시 로그인 버튼 추가 */

.language-study .main-content-language .green-btn {
	margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .green-btn {
		margin: 32px auto 0;
	}
}

.language-study .main-content-language .form-group-introduce {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	padding: 1.25rem 1.5625rem;
	border-bottom: 1px solid #ececec;
	align-items: flex-start;
}

@media screen and (max-width: 1161px) {
	.language-study .main-content-language .form-group-introduce {
		padding: initial;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-content-language .form-group-introduce {
		flex-wrap: wrap;
		padding: initial;
	}
}

.language-study .circle-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 984px;
	margin: 120px auto 0;
}

@media screen and (max-width: 1161px) {
	.language-study .circle-area {
		width: 772px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .circle-area {
		width: 100%;
		margin-top: 43px;
	}
}

.language-study .circle-area .circle-box {
	display: block;
	text-align: center;
	flex: 1;
}

@media screen and (max-width: 768px) {
	.language-study .circle-area .circle-box {
		flex: none;
		width: 50%;
		margin-bottom: 20px;
	}
}

.language-study .circle-area .circle-box .circle-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #e8e8e8;
	border-radius: 50%;
	background: #fff;
	width: 176px;
	height: 176px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .circle-area .circle-box .circle-inner {
		width: 150px;
		height: 150px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .circle-area .circle-box .circle-inner {
		width: 130px;
		height: 130px;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .circle-area .circle-box .circle-inner img {
		width: 52px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .circle-area .circle-box .circle-inner img {
		width: 40px;
	}
}

.language-study .circle-area .circle-box .txt {
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 21px;
	word-break: keep-all;
}

@media screen and (max-width: 1161px) {
	.language-study .circle-area .circle-box .txt {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .circle-area .circle-box .txt {
		margin-top: 15px;
		font-size: 14px;
	}
}

.language-study .circle-area .circle-box .txt span {
	display: block;
}

.language-study .main-article-introduce {
	width: 100%;
	background-color: #f6f7f8;
	padding: 134px 0 178px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce {
		padding: 80px 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce {
		padding: 68px 20px 50px;
	}
}

.language-study .main-article-introduce .inner-introduce {
	width: 1248px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 140px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce .inner-introduce {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .inner-introduce {
		width: 100%;
		padding-bottom: 0px;
	}
}

.language-study .main-article-introduce .img-australia {
	position: absolute;
	z-index: 2;
	left: 170px;
	width: 899px;
	height: 123px;
	background-image: url("../images/language/bg/Australia.png");
	background-repeat: no-repeat;
	background-position: 0,0;
	background-color: transparent;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce .img-australia {
		width: 100%;
		background-image: url("../images/language/bg/Australia-t.png");
		left: 0;
		background-position: center center;
		background-size: 600px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .img-australia {
		width: 100%;
		height: 50px;
		background-image: url("../images/language/bg/Australia-m.png");
		background-size: 300px;
	}
}

.language-study .main-article-introduce .txt-australia {
	position: relative;
	width: 899px;
	z-index: 2;
	text-align: center;
	font-family: "Myriad Pro";
	font-size: 176px;
	line-height: 176px;
	font-weight: bold;
	color: #f7f8f9;
	text-shadow: -1px 0 #c3c3c3,
 0 1px #c3c3c3,
 1px 0 #c3c3c3,
 0 -1px #c3c3c3;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce .txt-australia {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .txt-australia {
		margin-bottom: 230px;
	}
}

.language-study .main-article-introduce .txt-wrap {
	text-align: left;
	width: 675px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce .txt-wrap {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .txt-wrap {
		margin-bottom: 230px;
	}
}

.language-study .main-article-introduce .txt-wrap .title {
	font-size: 63px;
	font-weight: 300;
	line-height: 63px;
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .txt-wrap .title {
		font-size: 32px;
		line-height: 40px;
	}
}

.language-study .main-article-introduce .txt-wrap .txt {
	text-align: left;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce .txt-wrap .txt {
		text-align: center;
		word-break: keep-all;
	}
}

.language-study .main-article-introduce .txt-wrap ul {
	margin-top: 35px;
}

.language-study .main-article-introduce .txt-wrap ul li {
	font-size: 18px;
	margin: 5px 0;
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .txt-wrap ul li {
		font-size: 16px;
	}
}

.language-study .main-article-introduce .bg-img-introduce {
	width: 1301px;
	height: 1168px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url("../images/language/bg/main-bg06.png");
	position: absolute;
	z-index: 1;
	left: -150px;
	top: -100px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-article-introduce .bg-img-introduce {
		left: -80px;
		top: -35px;
		background-size: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-article-introduce .bg-img-introduce {
		width: 356px;
		height: 326px;
		bottom: -101px;
		left: 50%;
		top: -40px;
		margin-left: -178px;
	}
}

@-webkit-keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1008px 0;
	}
}

@-moz-keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1008px 0;
	}
}

@keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1008px 0;
	}
}

.language-study .main-apply-introduce {
	padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
	.language-study .main-apply-introduce {
		padding-bottom: 50px;
	}
}

.language-study .introduce-gallery-area {
	width: 1208px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .introduce-gallery-area {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area {
		margin: 70px 0;
		display: block;
	}
}

.language-study .introduce-gallery-area img {
	width: 100%;
}

.language-study .introduce-gallery-area .photo-left {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	width: 50.33%;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area .photo-left {
		width: 100%;
	}
}

.language-study .introduce-gallery-area .photo-left .big-photo {
	padding: 5px;
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area .photo-left .big-photo {
		width: 100%;
		padding: 2px;
	}
}

.language-study .introduce-gallery-area .photo-left .small-photo {
	padding: 5px;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area .photo-left .small-photo {
		padding: 2px;
	}
}

.language-study .introduce-gallery-area .photo-right {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	width: 49.67%;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area .photo-right {
		width: 100%;
	}
}

.language-study .introduce-gallery-area .photo-right .big-photo {
	padding: 5px;
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area .photo-right .big-photo {
		padding: 2px;
	}
}

.language-study .introduce-gallery-area .photo-right .small-photo {
	padding: 5px;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.language-study .introduce-gallery-area .photo-right .small-photo {
		padding: 2px;
	}
}

.language-study .modal-inner .modal-inner-header .container .btn-modal-close {
	border-left: 1px solid #73b182;
	border-right: 1px solid #73b182;
}

.language-study .common-radio input[type="radio"]:checked + label:before {
	border: 1px solid #1b8936;
}

.language-study .common-radio input[type="radio"]:checked + label:after {
	background: #1b8936;
}

.language-study .form-control-static {
	font-size: 13px;
	line-height: 1.5em;
	padding: 0;
}

.language-study .btn.primary {
	border: 1px solid #1b8936;
	background: #1b8936;
}

@media screen and (max-width: 1161px) {
	.language-study .form-group .form-info-text {
		font-size: 13px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .common-radio input[type="radio"] + label {
		font-size: 13px;
	}

	.language-study .common-radio input[type="radio"] + label:before {
		width: 20px;
		height: 20px;
		top: 15px;
	}

	.language-study .common-radio input[type="radio"] + label:after {
		width: 10px;
		height: 10px;
		left: 5px;
		margin-top: -8px;
		top: 15px;
	}
}

.language-study .weekly-activity {
	position: relative;
	width: 100%;
	padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity {
		padding: 0 20px 65px 20px;
	}
}

.language-study .weekly-activity .txt-wrap .txt.green {
	font-size: 72px;
	font-weight: 300;
	line-height: 72px;
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .txt-wrap .txt.green {
		font-size: 32px;
		line-height: 34px;
	}
}

.language-study .weekly-activity .gallery-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 1100px;
	margin: 84px auto 0;
}

@media screen and (max-width: 1161px) {
	.language-study .weekly-activity .gallery-area {
		width: 100%;
		margin-top: 50px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area {
		margin-top: 43px;
	}
}

.language-study .weekly-activity .gallery-area .part {
	width: 25%;
	text-align: center;
	margin: 25px 0;
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area .part {
		width: 100%;
		padding: 0 23px;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area .part {
		width: 100%;
		padding: 0 23px;
	}
}

.language-study .weekly-activity .gallery-area .part img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .weekly-activity .gallery-area .part img {
		width: 200px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area .part img {
		width: 180px;
	}
}

.language-study .weekly-activity .gallery-area .part .title {
	font-size: 20px;
	margin-top: 20px;
	color: #1b8936;
}

@media screen and (max-width: 1161px) {
	.language-study .weekly-activity .gallery-area .part .title {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area .part .title {
		font-size: 15px;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .weekly-activity .gallery-area .part .txt {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area .part .txt {
		font-size: 13px;
	}
}

.language-study .weekly-activity .gallery-area .bullet {
	width: 12.5%;
	text-align: center;
	background-color: transparent;
	background-image: url("../images/language/icon/icon-bullet02.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 4.0625rem;
	height: 9px;
	position: relative;
	margin-top: 135px;
	background-size: cover;
}

@media screen and (max-width: 1161px) {
	.language-study .weekly-activity .gallery-area .bullet {
		background-size: contain;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity .gallery-area .bullet {
		background-image: none;
		margin-top: 0px;
	}
}

.language-study .weekly-activity-table {
	padding-bottom: 0;
	justify-content: center;
	margin: 65px auto 0;
}

.language-study .weekly-activity-table .responsive-table {
	width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.language-study .weekly-activity-table .responsive-table {
		width: 100%;
		overflow-x: auto;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity-table .responsive-table {
		width: 100%;
		overflow-x: auto;
	}
}

.language-study .weekly-activity-table .responsive-table .refund-table {
	width: 100%;
	table-layout: fixed;
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity-table .responsive-table .refund-table {
		width: 56.14583rem;
	}
}

.language-study .weekly-activity-table .responsive-table .refund-table th {
	border-top: 2px solid #1b8936;
	background: #f6f7f8;
	color: #111111;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: 15px;
	border-bottom: 1px solid #1b8936;
	border-right: 1px solid #e8e8e8;
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity-table .responsive-table .refund-table th {
		font-size: 13px;
	}
}

.language-study .weekly-activity-table .responsive-table .refund-table th:last-child {
	border-right: 0 none;
}

.language-study .weekly-activity-table .responsive-table .refund-table td {
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	color: #111111;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
	padding: 23px;
}

@media screen and (max-width: 768px) {
	.language-study .weekly-activity-table .responsive-table .refund-table td {
		font-size: 13px;
	}
}

.language-study .weekly-activity-table .responsive-table .refund-table .td-title {
	vertical-align: middle;
	text-align: center;
	font-weight: 400;
	background: #f6f7f8;
}

.language-study .weekly-activity-table .responsive-table .refund-table .td-txt {
	vertical-align: top;
}

.language-study .weekly-activity-table .responsive-table .refund-table tr td:last-child {
	border-right: 0 none;
}

.language-study .weekend-activity {
	position: relative;
	width: 100%;
	background-color: #f6f7f8;
	padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity {
		padding: 0 20px 65px 20px;
	}
}

.language-study .weekend-activity .txt-wrap .txt.green {
	font-size: 72px;
	font-weight: 300;
	line-height: 72px;
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .txt-wrap .txt.green {
		font-size: 32px;
		line-height: 34px;
	}
}

.language-study .weekend-activity .gallery-area > .inner {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 55px auto 0;
}

@media screen and (max-width: 1161px) {
	.language-study .weekend-activity .gallery-area > .inner {
		width: 100%;
		padding: 0 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .gallery-area > .inner {
		margin-top: 10px;
		width: 100%;
		display: block;
		padding: 0;
	}
}

.language-study .weekend-activity .gallery-area > .inner .box {
	width: 372px;
}

@media screen and (max-width: 1161px) {
	.language-study .weekend-activity .gallery-area > .inner .box {
		width: 33.3333%;
		padding: 0 10px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .gallery-area > .inner .box {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
}

.language-study .weekend-activity .gallery-area > .inner .box .inner {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	background: #fff;
}

@media screen and (max-width: 1161px) {
	.language-study .weekend-activity .gallery-area > .inner .box .inner img {
		width: 100%;
	}
}

.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box {
	padding: 30px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box {
		padding: 20px;
	}
}

.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box .title {
	font-size: 18px;
	color: #1b8936;
	margin-bottom: 10px;
}

@media screen and (max-width: 1161px) {
	.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box .title {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box .title {
		font-size: 15px;
		margin-bottom: 5px;
	}
}

.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box ul li {
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box ul li {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .gallery-area > .inner .box .inner .txt-box ul li {
		font-size: 13px;
	}
}

.language-study .weekend-activity .caution {
	width: 1200px;
	margin: 20px auto 0;
	text-align: right;
}

@media screen and (max-width: 1161px) {
	.language-study .weekend-activity .caution {
		width: 100%;
		padding-right: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .weekend-activity .caution {
		font-size: 12px;
	}
}

.language-study .daily-program {
	position: relative;
	width: 100%;
	padding-bottom: 130px;
}

@media screen and (max-width: 768px) {
	.language-study .daily-program {
		padding: 0 20px 65px 20px;
	}
}

.language-study .daily-program .txt-wrap .txt.green {
	font-size: 72px;
	font-weight: 300;
	line-height: 72px;
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .txt-wrap .txt.green {
		font-size: 32px;
		line-height: 34px;
	}
}

.language-study .daily-program .gallery-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	margin: 55px auto 0;
}

@media screen and (max-width: 1161px) {
	.language-study .daily-program .gallery-area {
		width: 100%;
		padding: 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area {
		margin-top: 20px;
		width: 100%;
		padding: 0;
	}
}

.language-study .daily-program .gallery-area .part {
	width: 50%;
	margin-bottom: 34px;
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area .part {
		width: 100%;
	}
}

.language-study .daily-program .gallery-area .part:nth-child(2n-1) {
	padding-right: 17px;
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area .part:nth-child(2n-1) {
		padding-right: 0;
	}
}

.language-study .daily-program .gallery-area .part:nth-child(2n) {
	padding-left: 17px;
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area .part:nth-child(2n) {
		padding-left: 0;
	}
}

.language-study .daily-program .gallery-area .part .inner {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	background: #fff;
}

.language-study .daily-program .gallery-area .part .inner .txt-box {
	padding: 30px;
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area .part .inner .txt-box {
		padding: 20px;
	}
}

.language-study .daily-program .gallery-area .part .inner .txt-box .title {
	font-size: 18px;
	color: #1b8936;
}

@media screen and (max-width: 1161px) {
	.language-study .daily-program .gallery-area .part .inner .txt-box .title {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area .part .inner .txt-box .title {
		font-size: 15px;
	}
}

.language-study .daily-program .gallery-area .part .inner .txt-box .txt {
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;
}

@media screen and (max-width: 1161px) {
	.language-study .daily-program .gallery-area .part .inner .txt-box .txt {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .daily-program .gallery-area .part .inner .txt-box .txt {
		font-size: 13px;
	}
}

@media screen and (max-width: 1161px) {
	.language-study .daily-program .gallery-area .part .inner img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-review-language {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.language-study .main-review-language .gallery-area {
	width: 1200px;
	margin: 40px auto 170px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .main-review-language .gallery-area {
		width: 100%;
		padding: 30px;
		display: block;
		margin-top: 0;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-review-language .gallery-area {
		margin: 30px 0;
		padding: 0;
		height: 100%;
	}
}

.language-study .main-review-language .gallery-area img {
	width: 100%;
}

.language-study .main-review-language .gallery-area > div {
	width: 50%;
}

@media screen and (max-width: 1161px) {
	.language-study .main-review-language .gallery-area > div {
		width: 100%;
	}
}

.language-study .main-review-language .gallery-area .video {
	padding: 2px;
}

.language-study .main-review-language .gallery-area .video a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.language-study .main-review-language .gallery-area .video a:before {
	content: '';
	display: block;
	width: 71px;
	height: 71px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	background-color: rgba(255, 255, 255, 0.51);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-play02.png");
	z-index: 1;
}

.language-study .main-review-language .gallery-area .video a:after {
	content: '';
	display: block;
	background: rgba(0, 0, 0, 0.29);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.language-study .main-review-language .gallery-area .video a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .main-review-language .gallery-area .video a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .main-review-language .gallery-area .video01 {
	display: block;
	max-width: 938px;
	margin: 0px auto;
	width: 100%;
}

.language-study .main-review-language .gallery-area .video01 a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.language-study .main-review-language .gallery-area .video01 a:before {
	content: '';
	display: block;
	width: 59px;
	height: 59px;
	border-radius: 50%;
	position: absolute;
	bottom: 30px;
	right: 30px;
	background-color: #f59e24;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/language/icon/icon-play04.png");
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.language-study .main-review-language .gallery-area .video01 a:before {
		width: 40px;
		height: 40px;
		bottom: 20px;
		right: 20px;
		background-size: 15px;
	}
}

.language-study .main-review-language .gallery-area .video01 a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.language-study .main-review-language .gallery-area .video01 a img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .main-review-language .gallery-area .video01 a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .main-review-language .gallery-area .video01 .tit {
	position: absolute;
	bottom: 60px;
	left: 3%;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin: 3px;
}

@media screen and (max-width: 1161px) {
	.language-study .main-review-language .gallery-area .video01 .tit {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-review-language .gallery-area .video01 .tit {
		bottom: 40px;
		font-size: 15px;
	}
}

.language-study .main-review-language .gallery-area .video01 .txt {
	position: absolute;
	bottom: 30px;
	left: 3%;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}

@media screen and (max-width: 1161px) {
	.language-study .main-review-language .gallery-area .video01 .txt {
		font-size: 25px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-review-language .gallery-area .video01 .txt {
		bottom: 20px;
		font-size: 17px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .main-review-language .gallery-area .video01 {
		max-width: 100%;
	}
}

.language-study .main-review-language .gallery-area .photo {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

.language-study .main-review-language .gallery-area .photo div {
	padding: 2px;
	width: 50%;
}

.language-study .sample-review-area {
	width: 1200px;
	margin: 0px auto 120px;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area {
		width: 100%;
		padding: 30px;
		display: block;
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sample-review-area {
		margin: 20px 0;
		padding: 10px 20px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sample-review-area .video-col-board {
		margin-top: 20px;
	}
}

.language-study .sample-review-area .video-col-board .title-area {
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .title-area {
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area {
	padding: 0px 0px 20px;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .video-board-area {
		padding: 10px 0;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	padding: 36px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	position: relative;
	padding-left: 345px;
	min-height: 283px;
	align-items: flex-start;
}

@media screen and (max-width: 768px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box {
		display: block;
		padding: 20px 0;
		min-height: auto;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box + .box {
	border-top: 0;
}

.language-study .sample-review-area .video-col-board .video-board-area .box img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic {
	width: 345px;
	min-height: auto;
	border-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic {
		width: inherit;
		flex: 1;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-next,
        .language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-prev {
	width: 39px;
	height: 39px;
	position: absolute;
	top: auto;
	bottom: 0;
	background-size: 12px;
	border: 1px solid #e0e0e0;
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-next {
	background: #ffffff url("../images/language/icon/icon-play-next.png") no-repeat center center;
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-prev {
	background: #ffffff url("../images/language/icon/icon-play-pre.png") no-repeat center center;
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container {
	content: '';
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	min-height: auto;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container {
		width: 350px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container {
		width: 100%;
		margin: 0 auto;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-slide {
	content: '';
	width: 350px;
	height: auto;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-slide {
		width: 350px;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-prev:after,
        .language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container-rtl .swiper-button-next:after {
	content: '';
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-next:after,
        .language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container-rtl .swiper-button-prev:after {
	content: '';
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-prev,
        .language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container-rtl .swiper-button-next {
	left: 0px;
	right: auto;
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-next,
        .language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-container-rtl .swiper-button-prev {
	left: 39px;
	right: auto;
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-prev.swiper-button-disabled, .language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-button-next.swiper-button-disabled {
	content: '';
	opacity: 100;
	cursor: auto;
	pointer-events: none;
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-pic .swiper-wrapper :hover {
	content: '';
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-video {
	width: 100%;
	border-radius: 5px;
	display: block;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box .thum-video {
		width: 100%;
		flex: 1;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box .thum-video:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.language-study .sample-review-area .video-col-board .video-board-area .box .more-btn {
	display: inline-block;
	font-size: 14px;
	color: #1b8936;
	font-weight: 500;
	margin-top: 7px;
}

@media screen and (max-width: 1161px) {
	.language-study .sample-review-area .video-col-board .video-board-area .box .more-btn {
		font-size: 13px;
		margin-top: 10px;
	}
}

.language-study .sample-review-area .video-col-board .video-board-area .box .more-btn span {
	display: inline-block;
	background: url("../images/language/icon/icon-more.png") no-repeat center center;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.language-study .video-board-area .thum, .language-study .video-board-area .thum-video {
	width: 100%;
	height: 215px;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-board-area .thum, .language-study .video-board-area .thum-video {
		height: auto;
		min-height: inherit;
	}
}

.language-study .video-board-area .thum img, .language-study .video-board-area .thum-video img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.language-study .video-board-area .thum .icon, .language-study .video-board-area .thum-video .icon {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45px;
	height: 42px;
	background: #f59e24 url("../images/tschool/icons/icon-play.png") no-repeat center center;
	background-size: 12px;
	border-top-right-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.language-study .video-board-area .tit {
		font-size: 17px !important;
		margin-bottom: 10px !important;
	}

	.language-study .video-board-area .txt {
		font-size: 13px;
		line-height: 19px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .video-board-area .tit {
		font-size: 15px !important;
	}

	.language-study .video-board-area .txt {
		font-size: 13px;
	}
}

.language-study .ul-01 {
	width: 100%;
	padding-right: 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.language-study .ul-01 {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.language-study .ul-01 {
		width: 100%;
		display: block;
		padding-right: 0;
	}
}

.language-study .ul-01 .li-01 {
	position: absolute;
	width: 345px;
	top: 30px;
	left: 0;
}

@media screen and (max-width: 768px) {
	.language-study .ul-01 .li-01 {
		position: static;
		width: 100%;
	}
}

.language-study .ul-01 .li-02 {
	width: 100%;
	padding-left: 30px;
}

@media screen and (max-width: 768px) {
	.language-study .ul-01 .li-02 {
		padding-left: 0;
		margin-top: 15px;
	}
}

.language-study .ul-01 .li-02 .tit {
	font-size: 20px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
	.language-study .ul-01 .li-02 .tit {
		font-size: 15px;
		white-space: normal;
	}
}

.language-study .ul-01 .li-02 .txt-box {
	margin-top: 17px;
	max-height: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.language-study .ul-01 .li-02 .txt-box p {
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
}

@media screen and (max-width: 1161px) {
	.language-study .ul-01 .li-02 .txt-box p {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .ul-01 .li-02 .txt-box p {
		font-size: 13px;
	}
}

.language-study .ul-01 .li-02 .more-box {
	display: none;
	padding-top: 10px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.language-study .ul-01 .li-02 .more-box {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.language-study .ul-01 .li-02 .more-box {
		font-size: 13px;
	}
}

.language-study .ul-01 .li-02 .more-box .close {
	font-size: 14px;
	color: #1b8936;
	font-weight: 500;
}

.language-study .ul-01 .li-02 .more-box .close span {
	display: inline-block;
	background: url("../images/language/icon/icon-more.png") no-repeat center center;
	width: 16px;
	height: 2px;
	vertical-align: middle;
	margin: 0 10px 2px 0;
}

.language-study .ul-01 .li-02 .more-box.on {
	display: none;
}

.itc_company .tschool-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 99px;
	background-color: transparent;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid rgba(255,255,255,.19);
	transition: background-color .3s ease;
}

.itc_company .tschool-header .inner {
	width: 1300px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.itc_company .tschool-header {
		left: 0;
		position: fixed;
		padding: 0 .83333rem;
		background-color: #fff;
		border-bottom-color: transparent;
		height: 3.29167rem;
	}

	.itc_company .tschool-header .btn-toggle-menu {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.itc_company .tschool-header .right-menus {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1161px) {
	.itc_company .tschool-header .right-menus {
		display: none;
	}
}

.itc_company .tschool-header .right-menus a {
	color: #fff;
	font-size: .875rem;
	font-weight: 400;
}

.itc_company .tschool-header .right-menus .btn.outline {
	margin-left: 24px;
	width: 71px;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	background: 0 0;
	border-color: #fff;
}

.itc_company .tschool-header .right-menus .divider {
	width: 1px;
	height: 7px;
	background-color: #dad8d8;
	margin: 0 .75rem;
	display: inline-block;
	vertical-align: middle;
}

.itc_company .tschool-header .logo {
	background-color: transparent;
	background-image: url(../images/company/icon/logo.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 124px;
	height: 41px;
	background-size: 100%;
}

@media screen and (max-width:1161px) {
	.itc_company .tschool-header .logo {
		width: 4.8125rem;
		height: 1.66667rem;
		background-size: 100%;
		background-image: url(../images/company/icon/logo-on.png);
	}
}

.itc_company .tschool-header .my-page {
	display: inline-block;
	color: #fff;
	font-size: .9375rem;
	font-weight: 400;
	text-indent: -9999px;
	width: 1.75rem;
	height: 1.625rem;
	background-color: transparent;
	background-image: url(../images/common/icon-mypage.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.itc_company .tschool-header .main-navigation li+li {
	margin-left: 0;
}

.itc_company .tschool-header .main-navigation li a {
	color: #fff;
	position: relative;
	padding: 0 1.5625rem;
}

.itc_company .tschool-header .main-navigation li a.on strong::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #0af;
	width: 100%;
}

.itc_company .tschool-header .main-navigation li a strong {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	height: 99px;
	line-height: 99px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all .1s cubic-bezier(.645,.045,.355,1) 0s;
	-o-transition: all .1s cubic-bezier(.645,.045,.355,1) 0s;
	transition: all .1s cubic-bezier(.645,.045,.355,1) 0s;
	font-weight: 500;
	letter-spacing: -1px;
}

.itc_company .tschool-header .main-navigation li a:hover strong {
	color: #fff;
	-webkit-transition: all .1s cubic-bezier(.645,.045,.355,1) .1s;
	-o-transition: all .1s cubic-bezier(.645,.045,.355,1) .1s;
	transition: all .1s cubic-bezier(.645,.045,.355,1) .1s;
}

.itc_company .tschool-header .main-navigation li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	height: 53px;
	background: #fff;
	width: 100%;
	border-top: 1px solid #dfdfdf;
}

.itc_company .tschool-header .main-navigation li .sub-menu>ul {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-start;
	padding: 0 250px;
}

.itc_company .tschool-header .main-navigation li .sub-menu>ul>li>a {
	height: 52px;
	color: #727272;
	font-size: 15px;
	font-weight: 500;
	padding: 0 14px;
	border-bottom: 0 none;
}

.itc_company .tschool-header .main-navigation li .sub-menu>ul>li>a strong {
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #727272;
	font-weight: 500;
}

.itc_company .tschool-header .main-navigation li .sub-menu>ul>li>a:before {
	content: none;
}

.itc_company .tschool-header .main-navigation li:hover .sub-menu {
	display: block;
}

.itc_company .tschool-left-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 4.375rem;
	bottom: 0;
	z-index: 101;
	border-right: 1px solid #bfbfbf;
	background: #fff;
	padding-top: 4.5625rem;
}

@media screen and (max-width:1161px) {
	.itc_company .tschool-left-menu {
		display: none;
	}
}

.itc_company .tschool-left-menu ul li a {
	width: 100%;
	height: 4.375rem;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.itc_company .tschool-left-menu ul li span {
	display: block;
	color: #9b9e9e;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	transition: all .3s ease;
}

.itc_company .tschool-left-menu ul li [class^=icon-menu-] {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.itc_company .tschool-left-menu ul li .icon-menu-01 {
	background-image: url(../images/tschool/menu/icon-menu-01.png);
}

.itc_company .tschool-left-menu ul li .icon-menu-02 {
	background-image: url(../images/tschool/menu/icon-menu-02.png);
}

.itc_company .tschool-left-menu ul li .icon-menu-03 {
	background-image: url(../images/tschool/menu/icon-menu-03.png);
}

.itc_company .tschool-left-menu ul li .icon-menu-04 {
	background-image: url(../images/tschool/menu/icon-menu-04.png);
}

.itc_company .tschool-left-menu ul li .icon-menu-05 {
	background-image: url(../images/tschool/menu/icon-menu-05.png);
}

.itc_company .tschool-left-menu ul li .icon-menu-06 {
	background-image: url(../images/tschool/menu/icon-menu-06.png);
}

.itc_company .tschool-left-menu ul li+li {
	margin-top: -1px;
}

.itc_company .tschool-left-menu ul li a:hover .icon-menu-01,.itc_company .tschool-left-menu ul li.current a .icon-menu-01 {
	background-image: url(../images/tschool/menu/icon-menu-01-active.png);
}

.itc_company .tschool-left-menu ul li a:hover .icon-menu-02,.itc_company .tschool-left-menu ul li.current a .icon-menu-02 {
	background-image: url(../images/tschool/menu/icon-menu-02-active.png);
}

.itc_company .tschool-left-menu ul li a:hover .icon-menu-03,.itc_company .tschool-left-menu ul li.current a .icon-menu-03 {
	background-image: url(../images/tschool/menu/icon-menu-03-active.png);
}

.itc_company .tschool-left-menu ul li a:hover .icon-menu-04,.itc_company .tschool-left-menu ul li.current a .icon-menu-04 {
	background-image: url(../images/tschool/menu/icon-menu-04-active.png);
}

.itc_company .tschool-left-menu ul li a:hover .icon-menu-05,.itc_company .tschool-left-menu ul li.current a .icon-menu-05 {
	background-image: url(../images/tschool/menu/icon-menu-05-active.png);
}

.itc_company .tschool-left-menu ul li a:hover .icon-menu-06,.itc_company .tschool-left-menu ul li.current a .icon-menu-06 {
	background-image: url(../images/tschool/menu/icon-menu-06-active.png);
}

.itc_company .tschool-left-menu ul li a:hover span,.itc_company .tschool-left-menu ul li.current a span {
	color: #006581;
}

.itc_company .text--slide-up .char {
	display: inline-block;
	transition-duration: .4s;
	transition-property: all;
	opacity: 0;
	transform: translate(0,20%);
}

.itc_company .text--slide-up .char:nth-child(1) {
	transition-delay: calc(400ms + (1 * 50ms) - 50ms);
	animation-delay: calc(400ms + (1 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(2) {
	transition-delay: calc(400ms + (2 * 50ms) - 50ms);
	animation-delay: calc(400ms + (2 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(3) {
	transition-delay: calc(400ms + (3 * 50ms) - 50ms);
	animation-delay: calc(400ms + (3 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(4) {
	transition-delay: calc(400ms + (4 * 50ms) - 50ms);
	animation-delay: calc(400ms + (4 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(5) {
	transition-delay: calc(400ms + (5 * 50ms) - 50ms);
	animation-delay: calc(400ms + (5 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(6) {
	transition-delay: calc(400ms + (6 * 50ms) - 50ms);
	animation-delay: calc(400ms + (6 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(7) {
	transition-delay: calc(400ms + (7 * 50ms) - 50ms);
	animation-delay: calc(400ms + (7 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(8) {
	transition-delay: calc(400ms + (8 * 50ms) - 50ms);
	animation-delay: calc(400ms + (8 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(9) {
	transition-delay: calc(400ms + (9 * 50ms) - 50ms);
	animation-delay: calc(400ms + (9 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(10) {
	transition-delay: calc(400ms + (10 * 50ms) - 50ms);
	animation-delay: calc(400ms + (10 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(11) {
	transition-delay: calc(400ms + (11 * 50ms) - 50ms);
	animation-delay: calc(400ms + (11 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(12) {
	transition-delay: calc(400ms + (12 * 50ms) - 50ms);
	animation-delay: calc(400ms + (12 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(13) {
	transition-delay: calc(400ms + (13 * 50ms) - 50ms);
	animation-delay: calc(400ms + (13 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(14) {
	transition-delay: calc(400ms + (14 * 50ms) - 50ms);
	animation-delay: calc(400ms + (14 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(15) {
	transition-delay: calc(400ms + (15 * 50ms) - 50ms);
	animation-delay: calc(400ms + (15 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(16) {
	transition-delay: calc(400ms + (16 * 50ms) - 50ms);
	animation-delay: calc(400ms + (16 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(17) {
	transition-delay: calc(400ms + (17 * 50ms) - 50ms);
	animation-delay: calc(400ms + (17 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(18) {
	transition-delay: calc(400ms + (18 * 50ms) - 50ms);
	animation-delay: calc(400ms + (18 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(19) {
	transition-delay: calc(400ms + (19 * 50ms) - 50ms);
	animation-delay: calc(400ms + (19 * 50ms) - 50ms);
}

.itc_company .text--slide-up .char:nth-child(20) {
	transition-delay: calc(400ms + (20 * 50ms) - 50ms);
	animation-delay: calc(400ms + (20 * 50ms) - 50ms);
}

.itc_company .page-header {
	height: 32.3125rem;
	width: 100%;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header {
		height: 10.77083rem;
		margin-top: 3.29167rem;
	}
}

.itc_company .page-header .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg {
		background-size: 100% auto;
	}
}

.itc_company .page-header .bg-01 {
	background-image: url(../images/company/bg/bg-01.jpg);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg-01 {
		background-image: url(../images/company/bg/bg-01-m.jpg);
		background-size: 100% auto;
	}
}

.itc_company .page-header .bg-02 {
	background-image: url(../images/company/bg/bg-02.jpg);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg-02 {
		background-image: url(../images/company/bg/bg-02-m.jpg);
		background-size: 100% auto;
	}
}

.itc_company .page-header .bg-03 {
	background-image: url(../images/company/bg/bg-03.jpg);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg-03 {
		background-image: url(../images/company/bg/bg-03-m.jpg);
		background-size: 100% auto;
	}
}

.itc_company .page-header .bg-04 {
	background-image: url(../images/company/bg/bg-04.jpg);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg-04 {
		background-image: url(../images/company/bg/bg-04-m.jpg);
		background-size: 100% auto;
	}
}

.itc_company .page-header .bg-05 {
	background-image: url(../images/company/bg/bg-05.jpg);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg-05 {
		background-image: url(../images/company/bg/bg-05-m.jpg);
		background-size: 100% auto;
	}
}

.itc_company .page-header .bg-06 {
	background-image: url(../images/company/bg/bg-06.jpg);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .bg-06 {
		background-image: url(../images/company/bg/bg-06-m.jpg);
		background-size: 100% auto;
	}
}

.itc_company .page-header .container {
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 4.625rem;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .container {
		padding-top: 0;
	}
}

.itc_company .page-header .title {
	color: #fff;
	font-size: 4.375rem;
	font-weight: 500;
	line-height: 1em;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .title {
		font-size: 1.45833rem;
		text-align: center;
	}
}

.itc_company .page-header .title.title-small {
	font-size: 56px;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .title.title-small {
		font-size: 1.16667rem;
		text-align: center;
	}
}

.itc_company .page-header .title+.breadcrumbs {
	margin-top: 2.375rem;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .title+.breadcrumbs {
		margin-top: 0;
	}
}

.itc_company .page-header .page-header-description {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin-top: 22px;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition-delay: .45s;
	opacity: 0;
	transform: translate(-40px,0);
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .page-header-description {
		font-size: .75rem;
		text-align: center;
	}
}

.itc_company .page-header .breadcrumbs {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: auto;
	overflow: visible;
}

@media screen and (max-width:1161px) {
	.itc_company .page-header .breadcrumbs {
		display: none;
	}
}

.itc_company .page-header .breadcrumbs li {
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 1px solid rgba(255,255,255,.54);
	height: 4.125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	overflow: visible;
}

.itc_company .page-header .breadcrumbs li .icon-home2 {
	background-color: transparent;
	background-image: url(../images/icon/icon-home2.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: .75rem;
	height: .75rem;
	margin-right: .5rem;
	display: block;
}

.itc_company .page-header .breadcrumbs li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
}

.itc_company .page-header .breadcrumbs li+li:before {
	content: '\f054';
	font-family: "Font Awesome 5 Pro"!important;
	margin: 0 .75rem;
	font-size: .875rem;
}

.itc_company .page-header .breadcrumbs li.current {
	font-size: 1.5rem;
}

.itc_company .page-header .breadcrumbs li.current a {
	border-bottom: 3px solid #fff;
	margin-bottom: -1px;
}

.itc_company.loaded .breadcrumbs {
	opacity: 1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: all .6s cubic-bezier(.645,.045,.355,1) .4s;
	-o-transition: all .6s cubic-bezier(.645,.045,.355,1) .4s;
	transition: all .6s cubic-bezier(.645,.045,.355,1) .4s;
}

.itc_company.loaded .text--slide-up .char {
	opacity: 1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.itc_company.loaded .page-header-description {
	opacity: 1;
	transform: translate(0,0);
}

.itc_company [data-animate] {
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s;
	transition: opacity .4s cubic-bezier(.645,.045,.355,1) 0s,transform .4s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .4s cubic-bezier(.645,.045,.355,1) 0s;
}

.itc_company [data-animate].nv {
	opacity: 0;
	transform: translate(0,20px);
}

.itc_company .tschool-header.hover,.itc_company.scrolled .tschool-header {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.itc_company .tschool-header.hover .right-menus a,.itc_company.scrolled .tschool-header .right-menus a {
	color: #282828;
}

.itc_company .tschool-header.hover .right-menus .btn.outline,.itc_company.scrolled .tschool-header .right-menus .btn.outline {
	color: #282828;
	border-color: #282828;
}

.itc_company .tschool-header.hover .my-page,.itc_company.scrolled .tschool-header .my-page {
	background-image: url(../images/common/icon-mypage-blue.png);
}

.itc_company .tschool-header.hover .logo,.itc_company.scrolled .tschool-header .logo {
	background-image: url(../images/company/icon/logo-on.png);
}

.itc_company .tschool-header.hover .main-navigation li a,.itc_company.scrolled .tschool-header .main-navigation li a {
	color: #262626;
}

.itc_company .tschool-header.hover .main-navigation li a strong,.itc_company.scrolled .tschool-header .main-navigation li a strong {
	color: #262626;
}

.itc_company .sub-nav {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #e6e6e6;
}

@media screen and (max-width:1161px) {
	.itc_company .sub-nav {
		display: none;
	}
}

.itc_company .sub-nav ul {
	width: 1180px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	text-align: center;
	margin: 0 auto;
}

.itc_company .sub-nav ul li {
	flex: 1;
}

.itc_company .sub-nav ul a {
	flex: 1;
	display: block;
	height: 70px;
	line-height: 70px;
	position: relative;
	font-size: 20px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

.itc_company .sub-nav ul a.on,.itc_company .sub-nav ul a:hover {
	color: #029eec;
}

.itc_company .sub-nav ul a.on::after,.itc_company .sub-nav ul a:hover::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #0af;
	bottom: 0;
	left: 0;
}

.itc_company .layout-footer.company-footer {
	background: #fff;
	justify-content: space-between;
	border-top: 1px solid #e6e6e6;
}

.itc_company .layout-footer.company-footer .footer-content {
	padding: 50px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width:1161px) {
	.itc_company .layout-footer.company-footer .footer-content {
		padding: 30px;
		display: block;
		text-align: center;
	}

	.itc_company .layout-footer.company-footer .footer-content dd,.itc_company .layout-footer.company-footer .footer-content dt {
		color: #222;
	}
}

.itc_company .layout-footer.company-footer .footer-content .ctn {
	width: 1300px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width:1161px) {
	.itc_company .layout-footer.company-footer .footer-content .ctn {
		width: 100%;
		display: block;
	}
}

.itc_company .layout-footer.company-footer .footer-content .ctn .logo-footer {
	margin-top: 10px;
	margin-right: 54px;
}

@media screen and (max-width:1161px) {
	.itc_company .layout-footer.company-footer .footer-content .ctn .logo-footer {
		margin: 0 0 10px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .layout-footer.company-footer .footer-content .ctn .logo-footer {
		display: block;
		margin: 0 auto 10px;
	}
}

.itc_company .layout-footer.company-footer .family-site {
	border: 1px solid #b5b5b5;
	color: #222;
}

@media screen and (max-width:1161px) {
	.itc_company .layout-footer.company-footer .family-site {
		margin-top: 20px;
	}
}

.itc_company .title-txt-wrap {
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .title-txt-wrap {
		display: block;
	}
}

.itc_company .title-txt-wrap .title {
	font-size: 26px;
	font-weight: 600;
	width: 19%;
}

@media screen and (max-width:1161px) {
	.itc_company .title-txt-wrap .title {
		font-size: 20px;
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .title-txt-wrap .title {
		font-size: 1.10417rem;
	}
}

.itc_company .title-txt-wrap .txt {
	width: 81%;
	font-size: 18px;
	line-height: 30px;
}

@media screen and (max-width:1161px) {
	.itc_company .title-txt-wrap .txt {
		font-size: 16px;
		line-height: 18px;
		width: 100%;
		margin-top: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .title-txt-wrap .txt {
		font-size: .75rem;
		line-height: 1.25rem;
	}
}

.itc_company .title-txt-wrap .txt01 {
	font-size: 30px;
}

@media screen and (max-width:1161px) {
	.itc_company .title-txt-wrap .txt01 {
		font-size: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .title-txt-wrap .txt01 {
		font-size: 1.10417rem;
	}
}

.itc_company .title-txt-wrap .txt02 {
	margin-top: 17px;
}

.itc_company .title-txt-wrap+.title-txt-wrap {
	margin-top: 70px;
}

@media screen and (max-width:1161px) {
	.itc_company .title-txt-wrap+.title-txt-wrap {
		margin-top: 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .title-txt-wrap+.title-txt-wrap {
		margin-top: 2.08333rem;
	}
}

.itc_company .paging-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 44px;
}

.itc_company .paging-area .btn-wrap,.itc_company .paging-area .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.itc_company .paging-area .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.itc_company .paging-area .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.itc_company .paging-area .btn-wrap a:hover {
	background: #0af;
	border: 1px solid #037291;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.itc_company .paging-area .btn-wrap a.first {
	background-image: url(../images/tschool/icons/icon-arrow06.png);
}

.itc_company .paging-area .btn-wrap a.prev {
	background-image: url(../images/tschool/icons/icon-arrow07.png);
}

.itc_company .paging-area .btn-wrap a.next {
	background-image: url(../images/tschool/icons/icon-arrow08.png);
}

.itc_company .paging-area .btn-wrap a.last {
	background-image: url(../images/tschool/icons/icon-arrow09.png);
}

.itc_company .paging-area .btn-wrap a.first:hover {
	background-image: url(../images/tschool/icons/icon-arrow06_over.png);
}

.itc_company .paging-area .btn-wrap a.prev:hover {
	background-image: url(../images/tschool/icons/icon-arrow07_over.png);
}

.itc_company .paging-area .btn-wrap a.next:hover {
	background-image: url(../images/tschool/icons/icon-arrow08_over.png);
}

.itc_company .paging-area .btn-wrap a.last:hover {
	background-image: url(../images/tschool/icons/icon-arrow09_over.png);
}

.itc_company .paging-area .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width:1161px) {
	.itc_company .paging-area .num-wrap {
		margin: 0 10px;
	}
}

.itc_company .paging-area .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:1161px) {
	.itc_company .paging-area .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.itc_company .paging-area .num-wrap a.on,.itc_company .paging-area .num-wrap a:hover {
	background: #0af;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width:1161px) {
	.itc_company .paging-area .num-wrap a.on,.itc_company .paging-area .num-wrap a:hover {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.itc_company .blue {
	color: #019eec;
}

.itc_company .blue02 {
	color: #037291;
}

.itc_company .gray {
	color: #696969;
}

.itc_company .b {
	font-weight: 600;
}

.itc_company .sub01-01 .ctn-01 {
	width: 1300px;
	margin: 0 auto;
	padding: 170px 60px 196px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-01 {
		width: 100%;
		padding: 50px 30px 70px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-01 {
		padding: 2.91667rem .83333rem 6.04167rem;
	}
}

.itc_company .sub01-01 .ctn-01>ul {
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-01>ul {
		display: block;
	}
}

.itc_company .sub01-01 .ctn-01>ul .title {
	font-size: 26px;
	font-weight: 600;
	width: 19%;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-01>ul .title {
		font-size: 20px;
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-01>ul .title {
		font-size: 1.10417rem;
	}
}

.itc_company .sub01-01 .ctn-01>ul .txt {
	width: 81%;
	font-size: 18px;
	line-height: 30px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-01>ul .txt {
		font-size: 16px;
		line-height: 18px;
		width: 100%;
		margin-top: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-01>ul .txt {
		font-size: .75rem;
		line-height: 1.25rem;
	}
}

.itc_company .sub01-01 .ctn-01>ul .txt01 {
	font-size: 30px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-01>ul .txt01 {
		font-size: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-01>ul .txt01 {
		font-size: 1.10417rem;
	}
}

.itc_company .sub01-01 .ctn-01>ul .txt02 {
	margin-top: 17px;
}

.itc_company .sub01-01 .ctn-01>ul+ul {
	margin-top: 70px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-01>ul+ul {
		margin-top: 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-01>ul+ul {
		margin-top: 2.08333rem;
	}
}

.itc_company .sub01-01 .ctn-02 {
	width: 1300px;
	margin: 0 auto;
	background: url(../images/company/bg/sub-bg01.png) no-repeat center top;
	padding: 640px 60px 290px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-02 {
		width: 100%;
		padding: 34.375rem 40px 200px;
		background-size: 96%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-02 {
		padding: 11.16667rem .83333rem 3.95833rem;
	}
}

.itc_company .sub01-01 .ctn-02 .txt01 {
	font-size: 28px;
	font-weight: 500;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-02 .txt01 {
		font-size: 20px;
	}
}

.itc_company .sub01-01 .ctn-02 .txt02 {
	font-size: 110px;
	font-weight: 600;
	color: #0af;
	margin-top: 25px;
	line-height: 104px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-02 .txt02 {
		font-size: 80px;
		line-height: 90px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-02 .txt02 {
		font-size: 2.29167rem;
		line-height: 2.16667rem;
		margin-top: .52083rem;
	}
}

.itc_company .sub01-01 .ctn-03 {
	width: 100%;
	position: relative;
	background-color: #62ba46;
	background-repeat: no-repeat;
	background-image: url(../images/company/bg/sub-bg02.png);
	background-position: center 330px;
	padding: 117px 0;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 {
		padding: 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 {
		padding: 3.125rem .83333rem;
		background-size: 100%;
	}
}

.itc_company .sub01-01 .ctn-03 .bg {
	width: 2000px;
	position: absolute;
	top: 0;
	right: 50%;
	bottom: 0;
	margin-right: 650px;
	background: #fff;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .bg {
		display: none;
	}
}

.itc_company .sub01-01 .ctn-03 .txt-wrap {
	width: 1180px;
	margin: 0 auto;
	color: #fff;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .txt-wrap {
		width: 100%;
	}
}

.itc_company .sub01-01 .ctn-03 .txt-wrap .title {
	font-size: 20px;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .txt-wrap .title {
		font-size: .75rem;
	}
}

.itc_company .sub01-01 .ctn-03 .txt-wrap .txt {
	font-size: 37px;
	line-height: 46px;
	margin-top: 20px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .txt-wrap .txt {
		font-size: 26px;
		line-height: 37px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .txt-wrap .txt {
		font-size: 1.10417rem;
		line-height: 1.41667rem;
		margin-top: .83333rem;
	}
}

.itc_company .sub01-01 .ctn-03 .txt-wrap .txt span {
	display: block;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .txt-wrap .txt span {
		display: inline;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap {
	width: 1300px;
	margin: 0 auto;
	padding: 100px 105px 0 38px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-end;
	position: relative;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap {
		width: 100%;
		padding: 50px 0 0;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap {
		padding: 0;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap .txt-bg {
	font-size: 200px;
	font-weight: 600;
	line-height: 182px;
	transform: rotate(90deg);
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 540px;
	left: -405px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .txt-bg {
		display: none;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap .history-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	width: 660px;
	margin-top: 50px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list {
		width: 100%;
		justify-content: center;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list {
		margin-top: 0;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list {
	width: 254px;
	margin-left: 75px;
	margin-bottom: 70px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list {
		width: 38%;
		margin: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list {
		width: 100%;
		margin-top: 2.08333rem;
		margin-left: 0;
		margin-bottom: 0;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list .year {
	color: #fff;
	font-size: 62px;
	line-height: 56px;
	height: 112px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list .year {
		font-size: 26px;
		line-height: 37px;
		height: 80px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list .year {
		height: auto;
		font-size: 1.47917rem;
		line-height: 1.33333rem;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list ul {
	width: 100%;
	border-top: 3px solid #fff;
	padding-top: 23px;
	margin-top: 20px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list ul {
		border-top: .16667rem solid #fff;
	}
}

.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list ul li {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-01 .ctn-03 .list-wrap .history-list .list ul li {
		font-size: .875rem;
		line-height: 1.25rem;
	}
}

.itc_company .sub01-02 .ctn-01 {
	width: 1300px;
	margin: 0 auto;
	padding: 170px 60px 0;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-01 {
		width: 100%;
		padding: 50px 30px 0;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-01 {
		padding: 2.91667rem .83333rem 0;
	}
}

.itc_company .sub01-02 .ctn-01>ul {
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-01>ul {
		display: block;
	}
}

.itc_company .sub01-02 .ctn-01>ul .title {
	font-size: 26px;
	font-weight: 600;
	width: 19%;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-01>ul .title {
		font-size: 20px;
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-01>ul .title {
		font-size: 1.10417rem;
	}
}

.itc_company .sub01-02 .ctn-01>ul .txt {
	width: 81%;
	font-size: 18px;
	line-height: 30px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-01>ul .txt {
		font-size: 16px;
		line-height: 18px;
		width: 100%;
		margin-top: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-01>ul .txt {
		font-size: .75rem;
		line-height: 1.25rem;
	}
}

.itc_company .sub01-02 .ctn-01>ul .txt01 {
	font-size: 30px;
	line-height: 46px;
	margin-top: -11px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-01>ul .txt01 {
		font-size: 20px;
		margin-top: 0;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-01>ul .txt01 {
		font-size: 1.10417rem;
	}
}

.itc_company .sub01-02 .ctn-01>ul .txt01 span {
	display: block;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-01>ul .txt01 span {
		display: inline;
	}
}

@-webkit-keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1251px 0;
	}
}

@-moz-keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1251px 0;
	}
}

@keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1251px 0;
	}
}

.itc_company .sub01-02 .ctn-02 .txt-ani {
	position: relative;
	z-index: 2;
	margin-top: 55px;
	width: 100%;
	height: 126px;
	background-image: url(../images/company/bg/txt-ani.png);
	background-repeat: repeat-x;
	-webkit-animation: scrollBad 3s linear infinite;
	-moz-animation: scrollBad 3s linear infinite;
	animation: scrollBad 3s linear infinite;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-02 .txt-ani {
		height: 3.08333rem;
		background-size: 100%;
		margin-top: .83333rem;
	}
}

.itc_company .sub01-02 .ctn-03 {
	width: 939px;
	margin: 0 auto;
	padding: 50px 0 180px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-02 .ctn-03 {
		width: 100%;
		padding: 40px 40px 100px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-03 {
		padding: 2.08333rem .83333rem 3.75rem;
	}
}

.itc_company .sub01-02 .ctn-03 .section+.section {
	margin-top: 70px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-03 .section+.section {
		margin-top: 2.70833rem;
	}
}

.itc_company .sub01-02 .ctn-03 .section .title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 15px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-03 .section .title {
		font-size: .9375rem;
		margin-top: 1.25rem;
		margin-bottom: .625rem;
	}
}

.itc_company .sub01-02 .ctn-03 .section ul li {
	font-size: 16px;
	color: #272727;
	margin-top: 5px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-02 .ctn-03 .section ul li {
		font-size: .75rem;
		margin-top: 0;
	}
}

.itc_company .sub01-02 .ctn-03 .section img {
	max-width: 100%;
}

.itc_company .sub01-03 .ctn-01 {
	width: 1180px;
	margin: 0 auto;
	padding: 147px 0 170px;
	background-image: url(../images/company/bg/sub-bg03.png);
	background-repeat: no-repeat;
	background-position: 320px top;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-03 .ctn-01 {
		width: 100%;
		padding: 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 {
		padding: 4.16667rem .83333rem;
		background-position: 5.95833rem top;
	}
}

.itc_company .sub01-03 .ctn-01 .list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.itc_company .sub01-03 .ctn-01 .list dt {
	font-size: 40px;
	margin-bottom: 30px;
	font-weight: 600;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list dt {
		font-size: .9375rem;
		margin-bottom: .75rem;
	}
}

.itc_company .sub01-03 .ctn-01 .list dd {
	font-size: 16px;
	color: #272727;
	line-height: 30px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list dd {
		font-size: .75rem;
		line-height: 1.04167rem;
	}
}

.itc_company .sub01-03 .ctn-01 .list dd span {
	display: block;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list dd span {
		display: inline;
	}
}

.itc_company .sub01-03 .ctn-01 .list.list {
	margin-top: 67px;
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list.list {
		margin-top: 1.1875rem;
	}
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-03 .ctn-01 .list img {
		width: 50%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list img {
		width: 11.54167rem;
	}
}

.itc_company .sub01-03 .ctn-01 .list:nth-child(2n-1) img {
	margin-right: 77px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-03 .ctn-01 .list:nth-child(2n-1) img {
		margin-right: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list:nth-child(2n-1) img {
		margin-right: 1.25rem;
	}
}

.itc_company .sub01-03 .ctn-01 .list:nth-child(2n) {
	justify-content: space-between;
	padding-left: 112px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub01-03 .ctn-01 .list:nth-child(2n) {
		padding-left: 0;
	}

	.itc_company .sub01-03 .ctn-01 .list:nth-child(2n) img {
		margin-left: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub01-03 .ctn-01 .list:nth-child(2n) img {
		margin-left: 1.25rem;
	}
}

.itc_company .sub02-01 {
	width: 1180px;
	margin: 0 auto;
	padding: 152px 0 134px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-01 {
		width: 100%;
		padding: 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 {
		padding: 3rem .83333rem 3.95833rem;
	}
}

.itc_company .sub02-01 .txt-wrap01 .txt {
	margin-top: -7px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-01 .txt-wrap01 .txt {
		margin-top: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap01 .txt {
		margin-top: 1.45833rem;
	}
}

.itc_company .sub02-01 .txt-wrap01 .txt01 {
	font-size: 24px;
	line-height: 40px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-01 .txt-wrap01 .txt01 {
		font-size: 20px;
		line-height: 25px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap01 .txt01 {
		font-size: 1.02083rem;
		line-height: 1.45833rem;
	}
}

.itc_company .sub02-01 .txt-wrap01 .txt01.txt01 {
	margin-top: 15px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap01 .txt01.txt01 {
		margin-top: .41667rem;
	}
}

.itc_company .sub02-01 .thum {
	max-width: 100%;
	margin: 75px 0 117px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .thum {
		margin: 4rem 0 3.25rem;
	}
}

.itc_company .sub02-01 .txt-wrap02 .title {
	line-height: 32px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap02 .title {
		line-height: 1.25rem;
	}
}

.itc_company .sub02-01 .txt-wrap02 .txt01 {
	padding-right: 120px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-01 .txt-wrap02 .txt01 {
		padding-right: 0;
	}
}

.itc_company .sub02-01 .txt-wrap02 .txt01 .tit {
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap02 .txt01 .tit {
		font-size: .9375rem;
	}
}

.itc_company .sub02-01 .txt-wrap02 .txt01 .tit span {
	font-size: 18px;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap02 .txt01 .tit span {
		font-size: .9375rem;
	}
}

.itc_company .sub02-01 .txt-wrap02 .txt01 .list {
	font-size: 16px;
	line-height: 30px;
	margin-top: 10px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap02 .txt01 .list {
		margin-top: .79167rem;
		font-size: .75rem;
		line-height: 1.16667rem;
	}
}

.itc_company .sub02-01 .txt-wrap02 .txt01+.txt01 {
	margin-top: 40px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-01 .txt-wrap02 .txt01+.txt01 {
		margin-top: .89583rem;
	}
}

.itc_company .sub02-02 .ctn-01 {
	width: 1180px;
	margin: 0 auto;
	padding: 170px 0 69px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .ctn-01 {
		width: 100%;
		padding: 50px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-01 {
		padding: 3rem .83333rem 2.39583rem;
	}
}

.itc_company .sub02-02 .chart-area {
	width: 100%;
	margin-top: 45px;
	border: 1px solid #ebebeb;
	padding: 30px 65px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area {
		padding: 30px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area {
		margin-top: 1.25rem;
		padding: 1.45833rem 1.04167rem;
	}
}

.itc_company .sub02-02 .chart-area .list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin: 10px 0;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area .list {
		margin: .625rem 0;
	}
}

.itc_company .sub02-02 .chart-area .graph {
	width: 757px;
	position: relative;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .graph {
		width: auto;
		flex: 3;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area .graph {
		flex: 2;
	}
}

.itc_company .sub02-02 .chart-area .graph p {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	width: 57px;
	height: 57px;
	line-height: 45px;
	background: #fff;
	border-radius: 50%;
	position: relative;
	z-index: 2;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area .graph p {
		font-size: .6875rem;
		width: 2.41667rem;
		height: 2.41667rem;
		line-height: 1.875rem;
	}
}

.itc_company .sub02-02 .chart-area .graph .bar {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 57px;
	background-image: url(../images/company/icon/ico-arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	z-index: 1;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area .graph .bar {
		height: 2.41667rem;
		background-image: url(../images/company/icon/ico-arrow01-m.png);
		background-size: 90%;
	}
}

.itc_company .sub02-02 .chart-area .graph .bar:before {
	content: '';
	display: block;
	position: absolute;
	height: 37px;
	left: 19px;
	top: 10px;
	border-radius: 30px;
	z-index: 1;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area .graph .bar:before {
		height: 1.5625rem;
		top: .41667rem;
	}
}

.itc_company .sub02-02 .chart-area .graph .bar:after {
	content: '';
	display: block;
	position: absolute;
	height: 37px;
	left: 19px;
	top: 10px;
	border-radius: 30px;
	background: #fff;
	z-index: 0;
}

.itc_company .sub02-02 .chart-area .txt {
	padding-left: 12px;
	font-size: 18px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .txt {
		flex: 1;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .chart-area .txt {
		padding-left: .52083rem;
		font-size: .75rem;
	}
}

.itc_company .sub02-02 .chart-area .list01 .graph p {
	border: 6px solid #fa0;
}

.itc_company .sub02-02 .chart-area .list01 .graph .bar::before {
	width: 177px;
	background: #fa0;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list01 .graph .bar::before {
		width: 30%;
	}
}

.itc_company .sub02-02 .chart-area .list01 .graph .bar:after {
	width: 190px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list01 .graph .bar:after {
		width: 31%;
	}
}

.itc_company .sub02-02 .chart-area .list02 .graph p {
	border: 6px solid #ff5a2b;
}

.itc_company .sub02-02 .chart-area .list02 .graph .bar::before {
	width: 238px;
	background: #ff5a2b;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list02 .graph .bar::before {
		width: 40%;
	}
}

.itc_company .sub02-02 .chart-area .list02 .graph .bar:after {
	width: 250px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list02 .graph .bar:after {
		width: 41%;
	}
}

.itc_company .sub02-02 .chart-area .list03 .graph p {
	border: 6px solid #464646;
}

.itc_company .sub02-02 .chart-area .list03 .graph .bar::before {
	width: 301px;
	background: #464646;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list03 .graph .bar::before {
		width: 50%;
	}
}

.itc_company .sub02-02 .chart-area .list03 .graph .bar:after {
	width: 310px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list03 .graph .bar:after {
		width: 51%;
	}
}

.itc_company .sub02-02 .chart-area .list04 .graph p {
	border: 6px solid #63bd46;
}

.itc_company .sub02-02 .chart-area .list04 .graph .bar::before {
	width: 370px;
	background: #63bd46;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list04 .graph .bar::before {
		width: 60%;
	}
}

.itc_company .sub02-02 .chart-area .list04 .graph .bar:after {
	width: 380px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list04 .graph .bar:after {
		width: 61%;
	}
}

.itc_company .sub02-02 .chart-area .list05 .graph p {
	border: 6px solid #0af;
}

.itc_company .sub02-02 .chart-area .list05 .graph .bar::before {
	width: 448px;
	background: #0af;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list05 .graph .bar::before {
		width: 70%;
	}
}

.itc_company .sub02-02 .chart-area .list05 .graph .bar:after {
	width: 460px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .chart-area .list05 .graph .bar:after {
		width: 71%;
	}
}

.itc_company .sub02-02 .ctn-02 {
	width: 100%;
	background: #f9f8f6;
	padding: 96px 0 158px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .ctn-02 {
		padding: 50px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 {
		padding: 2.16667rem .83333rem 4.0625rem;
	}
}

.itc_company .sub02-02 .ctn-02 .ctn-inner {
	width: 1180px;
	margin: 0 auto;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .ctn-02 .ctn-inner {
		width: 100%;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow {
	overflow: auto;
}

.itc_company .sub02-02 .ctn-02 .overflow .inner {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-02 .ctn-02 .overflow .inner {
		width: 1180px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .inner {
		width: 850px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap {
	width: 88px;
	padding-right: 32px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap {
		width: 75px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap p {
	font-size: 20px;
	font-weight: 600;
	padding-right: 20px;
	background: url(../images/company/icon/ico-arrow02.png) no-repeat right center;
	word-break: keep-all;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap p {
		font-size: 15px;
		padding-right: 15px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt01 {
	margin-top: 246px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt01 {
		margin-top: 168px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt02 {
	margin-top: 145px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt02 {
		margin-top: 71px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt03 {
	margin-top: 50px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt03 {
		margin-top: 41px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt04 {
	margin-top: 60px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .txt-wrap .txt04 {
		margin-top: 47px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area {
	width: 92%;
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step01 {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 94px;
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step01 .logo {
	width: 224px;
	height: 80px;
	background: #fff;
	margin: 0 auto;
	border-radius: 15px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step01 .logo {
		width: 190px;
		height: 60px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step01 .logo img {
	margin: 16px auto 0;
	display: block;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step01 .logo img {
		width: 60%;
		margin: 13px auto 0;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li p {
	text-align: center;
	width: 100%;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li p {
		font-size: 13px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li .desc {
	background: #0584a4;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 45px;
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li .effect {
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 110px;
	padding: 20px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li .effect {
		padding: 10px;
		height: 92px;
	}
}

.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li .time {
	background: #fff;
	font-size: 18px;
	color: #0584a4;
	border-radius: 30px;
	line-height: 40px;
	margin-top: 7px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .overflow .summary-area .step02 .depth02 li .time {
		font-size: 14px;
		line-height: 30px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step01 {
	background-image: url(../images/company/bg/summary-bg01.png);
	height: 168px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step01 {
		background-size: 55%;
		background-position: center 64px;
		height: 118px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step01 .logo {
	border: 2px solid #0584a4;
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 {
	width: 514px;
	background-repeat: no-repeat;
	background-position: center 166px;
	background-image: url(../images/company/bg/summary-bg02.png);
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 {
		width: 353px;
		background-position: center 91px;
		background-size: 69%;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 .title {
	font-size: 16px;
	text-align: center;
	color: #0584a4;
	border: 1px solid #0584a4;
	border-radius: 50%;
	background: #fff;
	font-weight: 600;
	line-height: 162px;
	width: 162px;
	height: 162px;
	margin: 0 auto;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 .title {
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-size: 14px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 .depth02 {
	margin-top: 70px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 .depth02 {
		margin-top: 34px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 .depth02 li {
	width: 165px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-school .summary-area .step02 .depth01 .depth02 li {
		width: 110px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-school .txt {
	text-align: center;
	margin-top: 80px;
	font-size: 30px;
	line-height: 44px;
	padding: 0 133px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-school .txt {
		margin-top: 2.41667rem;
		font-size: .9375rem;
		line-height: 1.45833rem;
		padding: 0 1.75rem;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-college {
	margin-top: 65px;
	border-top: 1px solid #e7e6e5;
	padding-top: 80px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-college {
		margin-top: 2.70833rem;
		padding-top: 2.5rem;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-college .txt-wrap {
	padding-top: 21px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-college .txt-wrap {
		padding-top: 56px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step01 {
	height: 142px;
	background-image: url(../images/company/bg/summary-bg03.png);
	background-position: center 90px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step01 {
		height: 99px;
		background-size: 74%;
		background-position: center 65px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step01 .logo {
	border: 2px solid #b75057;
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step02 {
	margin-top: 10px;
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step02 .depth02 {
	width: 100%;
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step02 .depth02 li {
	width: 261px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step02 .depth02 li {
		width: 185px;
	}
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .step02 .depth02 li .desc {
	background: #b75057;
}

.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .time {
	text-align: center;
	background: #fff;
	width: 100%;
	padding: 10px;
	color: #893e4b;
	font-size: 18px;
	border-radius: 30px;
	margin-top: 7px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-02 .ctn-02 .itc-college .summary-area .time {
		font-size: 14px;
		line-height: 30px;
	}
}

.itc_company .sub02-03 {
	width: 1180px;
	margin: 0 auto;
	padding: 140px 0 154px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-03 {
		width: 100%;
		padding: 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 {
		padding: 3rem .83333rem 2.39583rem;
	}
}

.itc_company .sub02-03 .ctn-01 {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	padding-bottom: 85px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-03 .ctn-01 {
		flex-wrap: wrap;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-01 {
		padding-bottom: 3.54167rem;
	}
}

.itc_company .sub02-03 .ctn-01 .list {
	flex: 1;
	padding-top: 145px;
	background-repeat: no-repeat;
	background-size: 77%;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub02-03 .ctn-01 .list {
		width: 50%;
		flex: none;
		margin: 15px 0;
		background-size: 184px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-01 .list {
		width: 100%;
		background-size: 10.125rem;
		padding-top: 5.625rem;
	}
}

.itc_company .sub02-03 .ctn-01 .list p {
	line-height: 30px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-01 .list p {
		font-size: .875rem;
		line-height: 1.25rem;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-01 .list.list {
		margin-top: 2.91667rem;
	}
}

.itc_company .sub02-03 .ctn-01 .list01 {
	background-image: url(../images/company/icon/ico01.png);
	background-position: center 10px;
}

.itc_company .sub02-03 .ctn-01 .list02 {
	background-image: url(../images/company/icon/ico02.png);
	background-position: center top;
}

.itc_company .sub02-03 .ctn-01 .list03 {
	background-image: url(../images/company/icon/ico03.png);
	background-position: center 10px;
}

.itc_company .sub02-03 .ctn-01 .list04 {
	background-image: url(../images/company/icon/ico04.png);
	background-position: center top;
}

.itc_company .sub02-03 .ctn-02 {
	padding: 70px 0 70px;
	border-top: 1px solid #ebebeb;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-02 {
		padding: 3.54167rem 0;
	}
}

.itc_company .sub02-03 .ctn-02 .title-txt-wrap .txt01 .tit {
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-02 .title-txt-wrap .txt01 .tit {
		font-size: .9375rem;
	}
}

.itc_company .sub02-03 .ctn-02 .title-txt-wrap .txt01 .list {
	font-size: 16px;
	line-height: 30px;
	margin-top: 10px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-02 .title-txt-wrap .txt01 .list {
		font-size: .75rem;
		line-height: 1.16667rem;
		margin-top: .83333rem;
	}
}

.itc_company .sub02-03 .ctn-02 .title-txt-wrap .txt01+.txt01 {
	margin-top: 40px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-02 .title-txt-wrap .txt01+.txt01 {
		margin-top: 1.66667rem;
	}
}

.itc_company .sub02-03 .ctn-03 {
	padding-top: 70px;
	border-top: 1px solid #ebebeb;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-03 {
		padding-top: 3.54167rem;
	}
}

.itc_company .sub02-03 .ctn-03 .title-txt-wrap .tit {
	line-height: 46px;
	margin-top: -10px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-03 .title-txt-wrap .tit {
		margin-top: 0;
		line-height: 1.33333rem;
	}
}

.itc_company .sub02-03 .ctn-03 .list-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	text-align: left;
	margin-top: 35px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-03 .list-wrap {
		margin-top: 0;
		flex-wrap: wrap;
		margin-left: -.375rem;
		margin-right: -.375rem;
	}
}

.itc_company .sub02-03 .ctn-03 .list-wrap li {
	flex: 1;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-03 .list-wrap li {
		flex: none;
		width: 50%;
		margin-top: 2.04167rem;
		padding: 0 .375rem;
	}
}

.itc_company .sub02-03 .ctn-03 .list-wrap img {
	max-width: 100%;
}

.itc_company .sub02-03 .ctn-03 .list-wrap p {
	font-weight: 600;
	margin-top: 15px;
	font-size: 16px;
}

@media screen and (max-width:480px) {
	.itc_company .sub02-03 .ctn-03 .list-wrap p {
		margin-top: .625rem;
		font-size: .6875rem;
	}
}

.itc_company .sub03-01 {
	width: 1180px;
	margin: 0 auto;
	padding: 130px 0;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 {
		width: 100%;
		padding: 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 {
		padding: 1.79167rem .83333rem 2.54167rem;
	}
}

.itc_company .sub03-01 .ctn-01 .box {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: 100%;
	border: 1px solid #ededed;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box {
		display: block;
	}
}

.itc_company .sub03-01 .ctn-01 .box .thum {
	width: 550px;
	height: 424px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box .thum {
		width: 100%;
		height: 45vw;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box .thum {
		height: 10.83333rem;
	}
}

.itc_company .sub03-01 .ctn-01 .box .txt-wrap {
	text-align: center;
	width: 628px;
	padding: 0 100px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box .txt-wrap {
		width: 100%;
		padding: 40px!important;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box .txt-wrap {
		padding: 2.29167rem 2.1875rem!important;
	}
}

.itc_company .sub03-01 .ctn-01 .box .txt-wrap .title {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 20px;
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box .txt-wrap .title {
		font-size: 1.10417rem;
		margin-bottom: .91667rem;
	}
}

.itc_company .sub03-01 .ctn-01 .box .txt-wrap .title:after {
	content: '';
	width: 48px;
	height: 3px;
	background: #0af;
	margin: 0 auto;
	display: block;
	margin-top: 25px;
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box .txt-wrap .title:after {
		width: 1.97917rem;
		height: .125rem;
		margin-top: .91667rem;
	}
}

.itc_company .sub03-01 .ctn-01 .box .txt-wrap .txt {
	line-height: 30px;
	word-break: keep-all;
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box .txt-wrap .txt {
		font-size: .8125rem;
		line-height: 1.125rem;
	}
}

.itc_company .sub03-01 .ctn-01 .box .txt-wrap .btn-go {
	display: inline-block;
	width: 135px;
	height: 43px;
	border: 1px solid #dedede;
	border-radius: 30px;
	padding: 7px 50px 7px 20px;
	font-weight: 500;
	font-size: 14px;
	background: url(../images/company/icon/ico-link.png) no-repeat 96px center;
	margin-top: 40px;
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box .txt-wrap .btn-go {
		width: 7.08333rem;
		height: 2.22917rem;
		text-align: left;
		padding: 0 .91667rem;
		line-height: 2.22917rem;
		font-size: .75rem;
		margin-top: 1.875rem;
		background: url(../images/company/icon/ico-link.png) no-repeat 4.79167rem center;
		background-size: 10%;
	}
}

.itc_company .sub03-01 .ctn-01 .box+.box {
	margin-top: 60px;
}

@media screen and (max-width:480px) {
	.itc_company .sub03-01 .ctn-01 .box+.box {
		margin-top: .83333rem;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(1) .thum {
	background: url(../images/company/thum/logo-thum01.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(1) .thum {
		background: url(../images/company/thum/logo-thum01-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(2) .thum {
	background: url(../images/company/thum/logo-thum02.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(2) .thum {
		background: url(../images/company/thum/logo-thum02-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(3) .thum {
	background: url(../images/company/thum/logo-thum03.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(3) .thum {
		background: url(../images/company/thum/logo-thum03-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(4) .thum {
	background: url(../images/company/thum/logo-thum04.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(4) .thum {
		background: url(../images/company/thum/logo-thum04-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(5) .thum {
	background: url(../images/company/thum/logo-thum05.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(5) .thum {
		background: url(../images/company/thum/logo-thum05-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(6) .thum {
	background: url(../images/company/thum/logo-thum06.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(6) .thum {
		background: url(../images/company/thum/logo-thum06-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(7) .thum {
	background: url(../images/company/thum/logo-thum07.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(7) .thum {
		background: url(../images/company/thum/logo-thum07-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(8) .thum {
	background: url(../images/company/thum/logo-thum08.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(8) .thum {
		background: url(../images/company/thum/logo-thum08-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(9) .thum {
	background: url(../images/company/thum/logo-thum09.jpg) no-repeat center center;
}

@media screen and (max-width:1161px) {
	.itc_company .sub03-01 .ctn-01 .box:nth-child(9) .thum {
		background: url(../images/company/thum/logo-thum09-m.jpg) no-repeat center top;
		background-size: 100%;
	}
}

.itc_company .sub03-01 .ctn-01 .box:nth-child(2n) {
	flex-direction: row-reverse;
}

.itc_company .sub03-01 .ctn-01 .box02 .txt-wrap {
	padding: 0 60px;
}

.itc_company .sub03-01 .ctn-01 .box03 .txt-wrap {
	padding: 0 56px;
}

.itc_company .sub03-01 .ctn-01 .box04 .txt-wrap {
	padding: 0 34px;
}

.itc_company .sub03-01 .ctn-01 .box05 .txt-wrap {
	padding: 0 25px;
}

.itc_company .sub04-01 .ctn-01 {
	width: 1180px;
	margin: 0 auto;
	padding: 135px 0 98px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .ctn-01 {
		width: 100%;
		padding: 100px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .ctn-01 {
		padding: 3rem .83333rem 2.0625rem;
	}
}

.itc_company .sub04-01 .ctn-01 .txt {
	margin-top: -16px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .ctn-01 .txt {
		margin-top: 30px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .ctn-01 .txt {
		margin-top: 2.02083rem;
	}
}

.itc_company .sub04-01 .ctn-02 {
	width: 100%;
	background: #f8f8f8;
	padding: 55px 0 140px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .ctn-02 {
		padding: 50px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .ctn-02 {
		padding: .83333rem .83333rem 3.16667rem;
	}
}

.itc_company .sub04-01 .ctn-02 .ctn-inner {
	width: 1180px;
	margin: 0 auto;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .ctn-02 .ctn-inner {
		width: 100%;
	}
}

.itc_company .sub04-01 .search-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .search-area {
		display: block;
	}
}

.itc_company .sub04-01 .search-area select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	font-size: 16px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(../images/company/icon/ico-arrow03.png);
	background-position: right 7px center;
	height: 57px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .search-area select {
		height: auto;
		padding: 10px 0;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .search-area select {
		font-size: .875rem;
	}
}

.itc_company .sub04-01 .search-area select::-ms-expand {
	display: none;
}

.itc_company .sub04-01 .search-area .search-select {
	border: 0;
	border-bottom: 2px solid #000;
	width: 281px;
	margin-right: 25px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .search-area .search-select {
		width: 100%;
		margin-right: 0;
	}
}

.itc_company .sub04-01 .search-input {
	position: relative;
	width: 100%;
	padding-right: 62px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .search-input {
		margin-top: 10px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .search-input {
		margin-top: .83333rem;
		padding-right: 2.54167rem;
	}
}

.itc_company .sub04-01 .search-input input {
	width: 100%;
	border: 2px solid #000;
	padding: 13px;
	font-size: 16px;
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .search-input input {
		font-size: .875rem;
	}
}

.itc_company .sub04-01 .search-input .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 60px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/company/icon/ico-search.png);
	font-size: 0;
	display: block;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .search-input .search-btn {
		height: 48px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .search-input .search-btn {
		height: auto;
		bottom: 0;
		width: 2.54167rem;
	}
}

.itc_company .sub04-01 .box-type-board {
	margin-top: 20px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -13px;
	margin-right: -13px;
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board {
		display: block;
	}
}

.itc_company .sub04-01 .box-type-board .list-box {
	width: 33.3333%;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .box-type-board .list-box {
		width: 50%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board .list-box {
		width: 100%;
	}
}

.itc_company .sub04-01 .box-type-board .list-box .inner {
	padding: 40px 30px;
	margin: 13px;
	background: #fff;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .box-type-board .list-box .inner {
		padding: 25px;
	}
}

.itc_company .sub04-01 .box-type-board .list-box .tit {
	font-size: 22px;
	margin-bottom: 20px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .box-type-board .list-box .tit {
		font-size: 17px;
		margin-bottom: 15px;
	}
}

.itc_company .sub04-01 .box-type-board .list-box .social-list {
	margin-top: 55px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub04-01 .box-type-board .list-box .social-list {
		margin-top: 15px;
	}
}

.itc_company .sub04-01 .box-type-board .social-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

.itc_company .sub04-01 .box-type-board .social-list li {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: 183px;
	background-image: url(../images/tschool/icons/social-icon-set.png);
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board .social-list li {
		width: 30px;
		height: 30px;
		background-size: 121px;
	}
}

.itc_company .sub04-01 .box-type-board .social-list li+li {
	margin-left: 8px;
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board .social-list li+li {
		margin-left: 3px;
	}
}

.itc_company .sub04-01 .box-type-board .social-list li.blog {
	background-position: 0 0;
}

.itc_company .sub04-01 .box-type-board .social-list li.cafe {
	background-position: -46px 0;
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board .social-list li.cafe {
		background-position: -30px 0;
	}
}

.itc_company .sub04-01 .box-type-board .social-list li.kakao {
	background-position: -91px 0;
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board .social-list li.kakao {
		background-position: -61px 0;
	}
}

.itc_company .sub04-01 .box-type-board .social-list li.youtube {
	background-position: -138px 0;
}

@media screen and (max-width:480px) {
	.itc_company .sub04-01 .box-type-board .social-list li.youtube {
		background-position: -91px 0;
	}
}

.itc_company .sub04-01 .box-type-board .list li {
	margin: 5px;
	color: #515151;
	font-size: 14px;
}

.itc_company .sub04-01 .box-type-board .list li::before {
	content: '';
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/tschool/icons/icon-bullet-set01.png);
	background-size: 38px;
	vertical-align: middle;
}

.itc_company .sub04-01 .box-type-board .list li.location::before {
	background-position: left 0;
}

.itc_company .sub04-01 .box-type-board .list li.call::before {
	background-position: right 0;
}

.itc_company .post-wrap .post-body {
	border-top: 0;
	border-bottom: 0;
}

.itc_company .comments-wrap {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.itc_company .comments-wrap .comments-lists .comments-lists-ul {
	border-top: 2px solid #000;
}

.itc_company .comment-list-body .btn-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-top: 15px;
}

.itc_company .comment-list-body .btn-area a {
	display: inline-block;
	font-size: 15px;
	padding: 5px 15px;
	border: 1px solid #ddd;
	border-radius: 30px;
	background: #fff;
	margin-right: 5px;
}

@media screen and (max-width:480px) {
	.itc_company .comment-list-body .btn-area a {
		font-size: .75rem;
	}
}

.itc_company .comment-reply-input {
	padding: 70px 0 50px;
}

.itc_company .comment-reply-input .txt {
	font-size: 20px;
	color: #44ae85;
	text-align: center;
	margin-bottom: 54px;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .txt {
		font-size: .75rem;
		margin-bottom: 1.875rem;
	}

	.itc_company .comment-reply-input .txt span {
		display: block;
	}
}

.itc_company .comment-reply-input .input-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	width: 100%;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .input-wrap {
		display: block;
	}
}

.itc_company .comment-reply-input .input-wrap .user {
	border: 2px solid #000;
	width: 281px;
	padding: 11px;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .input-wrap .user {
		width: 100%;
	}
}

.itc_company .comment-reply-input .input-wrap .user img {
	width: 46px;
}

.itc_company .comment-reply-input .input-wrap .user .user-name {
	display: inline-block;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .input-wrap .user .user-name {
		font-size: .75rem;
	}
}

.itc_company .comment-reply-input .input-wrap .user .user-name span {
	color: #777;
}

.itc_company .comment-reply-input .input-wrap .comment-box {
	width: 100%;
	margin-left: -2px;
	border: 2px solid #000;
	position: relative;
	padding-right: 86px;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .input-wrap .comment-box {
		margin-left: 0;
		margin-top: -2px;
	}
}

.itc_company .comment-reply-input .input-wrap .comment-box input {
	border: 0;
	font-size: 16px;
	padding: 22px;
	width: 100%;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .input-wrap .comment-box input {
		font-size: .875rem;
	}
}

.itc_company .comment-reply-input .input-wrap .comment-box .send-btn {
	position: absolute;
	background: #000;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 18px;
	text-align: center;
	line-height: 72px;
	width: 86px;
}

@media screen and (max-width:480px) {
	.itc_company .comment-reply-input .input-wrap .comment-box .send-btn {
		font-size: .875rem;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body {
		padding: 0;
	}
}

.itc_company .event01 .post-body .section01 {
	width: 100%;
	background-color: #12c180;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/company/bg/event-bg.jpg);
	text-align: center;
	padding: 150px 0 130px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section01 {
		background-size: 150%;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section01 {
		padding: 4.16667rem .83333rem 5.625rem;
		background-size: 200%;
	}
}

.itc_company .event01 .post-body .section01 .title {
	font-size: 90px;
	color: #fff;
	line-height: 120px;
	letter-spacing: -.08em;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section01 .title {
		font-size: 50px;
		line-height: 64px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section01 .title {
		font-size: 1.875rem;
		line-height: 2.66667rem;
	}
}

.itc_company .event01 .post-body .section01 .title span {
	font-size: 103px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section01 .title span {
		font-size: 55px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section01 .title span {
		font-size: 2.14583rem;
	}
}

.itc_company .event01 .post-body .section01 .title span strong {
	font-weight: 700;
}

.itc_company .event01 .post-body .section01 .txt {
	font-size: 22px;
	color: #fcff74;
	font-weight: 600;
	line-height: 34px;
	margin-top: 17px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section01 .txt {
		font-size: 17px;
		line-height: 27px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section01 .txt {
		font-size: .75rem;
		line-height: 1.25rem;
		margin-top: .72917rem;
	}
}

.itc_company .event01 .post-body .section01 .info-box {
	width: 607px;
	border-top: 1px solid #008147;
	margin: 33px auto 0;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 33px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section01 .info-box {
		width: 100%;
		font-size: 17px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section01 .info-box {
		font-size: .75rem;
		line-height: 1.16667rem;
	}
}

.itc_company .event01 .post-body .section01 .info-box:before {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 50%;
	display: block;
	margin: -5px auto 0;
	background: #008147;
}

.itc_company .event01 .post-body .section01 .info-box li:first-child {
	margin-top: 27px;
}

.itc_company .event01 .post-body .section02 {
	width: 100%;
	background: linear-gradient(0deg,#fbeecc 51%,#12c180 6%,#12c180 100%);
	background: -webkit-linear-gradient(90deg,#fbeecc 51%,#12c180 6%,#12c180 100%);
	background: -o-linear-gradient(90deg,#fbeecc 51%,#12c180 6%,#12c180 100%);
	background: -moz-linear-gradient(90deg,#fbeecc 51%,#12c180 6%,#12c180 100%);
	padding-bottom: 140px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section02 {
		padding: 0 40px 100px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section02 {
		padding: 0 .83333rem 3.54167rem;
	}
}

.itc_company .event01 .post-body .section02 .txt-box {
	width: 1190px;
	background: #fff;
	margin: 0 auto;
	border-bottom-left-radius: 95px;
	border-bottom-right-radius: 95px;
	text-align: center;
	font-size: 47px;
	line-height: 59px;
	font-weight: 600;
	padding: 85px 0;
	box-shadow: 0 26px 18px 1px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 26px 18px 1px rgba(177,177,177,.4);
	-moz-box-shadow: 0 26px 18px 1px rgba(177,177,177,.4);
	-ms-box-shadow: 0 26px 18px 1px rgba(177,177,177,.4);
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section02 .txt-box {
		width: 100%;
		font-size: 35px;
		line-height: 48px;
		padding: 70px 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section02 .txt-box {
		font-size: 1.10417rem;
		line-height: 1.3125rem;
		padding: 2.41667rem .83333rem;
		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
	}
}

.itc_company .event01 .post-body .section02 .txt-box .txt02 {
	color: #009059;
}

.itc_company .event01 .post-body .section02 .txt-box .txt02:after {
	content: '';
	display: block;
	height: 2px;
	width: 113px;
	background: #01a467;
	margin: 27px auto 45px;
}

.itc_company .event01 .post-body .section02 .txt-box img {
	max-width: 100%;
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section02 .txt-box img {
		width: 10.41667rem;
	}
}

.itc_company .event01 .post-body .section03 {
	background: #fbeecc;
	text-align: center;
	padding: 0 0 140px;
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section03 {
		padding: 0 .83333rem 2.91667rem;
	}
}

.itc_company .event01 .post-body .section03 .title {
	font-size: 54px;
	font-weight: 600;
	line-height: 59px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section03 .title {
		font-size: 35px;
		line-height: 45px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section03 .title {
		font-size: 1.16667rem;
		line-height: 1.22917rem;
	}
}

.itc_company .event01 .post-body .section03 dt {
	margin-top: 55px;
	font-size: 26px;
	font-weight: 600;
	display: inline-block;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section03 dt {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section03 dt {
		font-size: .8125rem;
		margin-top: 1.45833rem;
	}
}

.itc_company .event01 .post-body .section03 dt:before {
	content: '';
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #12c180;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 6px;
	display: inline-block;
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section03 dt:before {
		width: .22917rem;
		height: .22917rem;
	}
}

.itc_company .event01 .post-body .section03 dd {
	font-size: 26px;
	margin-top: 13px;
}

@media screen and (max-width:1161px) {
	.itc_company .event01 .post-body .section03 dd {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .event01 .post-body .section03 dd {
		font-size: .8125rem;
		margin-top: .41667rem;
	}
}

.itc_company .main-contents .title {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .title {
		font-size: 1.10417rem;
		line-height: 1.66667rem;
		margin-bottom: 1.5625rem;
	}
}

.itc_company .main-contents .title:after {
	content: '';
	display: inline-block;
	width: 9px;
	height: 17px;
	vertical-align: middle;
	margin-left: 17px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-image: url(../images/company/icon/ico-arrow04.png);
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .title:after {
		width: .45833rem;
		height: .79167rem;
		margin-bottom: .10417rem;
	}
}

.itc_company .main-contents .page-header {
	position: relative;
	height: 938px;
	overflow: hidden;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .page-header {
		height: 500px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .page-header {
		height: 350px;
		margin-top: 3.33333rem;
	}
}

.itc_company .main-contents .main-visual-slide {
	width: 100%;
	height: 938px;
	background-color: #fff;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide {
		height: 500px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .main-visual-slide {
		height: 350px;
	}
}

.itc_company .main-contents .main-visual-slide .slide {
	width: 100%;
	height: 938px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	animation: visual-out 2s ease-out forwards;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slide {
		height: 500px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .main-visual-slide .slide {
		height: 350px;
	}
}

.itc_company .main-contents .main-visual-slide .slide.slide01 {
	background-image: url(../images/company/bg/main-visual01.jpg);
}

.itc_company .main-contents .main-visual-slide .slide.slick-active {
	animation: visual-in 2s ease-out forwards;
}

.itc_company .main-contents .main-visual-slide .slide.slick-active .txt01 {
	animation: ani-move2 1s ease-out forwards;
}

.itc_company .main-contents .main-visual-slide .slide.slick-active .txt02 {
	animation: ani-move2 1s .5s ease-out forwards;
}

.itc_company .main-contents .main-visual-slide .slide .descriptions {
	position: relative;
	width: 1180px;
	height: 100%;
	margin: 0 auto;
	transition: all .5s ease-in-out;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slide .descriptions {
		width: 100%;
	}
}

.itc_company .main-contents .main-visual-slide .slide .descriptions .inner {
	margin-left: 680px;
	margin-top: 368px;
	width: 500px;
	height: 250px;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slide .descriptions .inner {
		width: auto;
		height: auto;
		margin-left: 25%;
		margin-top: 110px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .main-visual-slide .slide .descriptions .inner {
		position: absolute;
		top: 4.45833rem;
		left: 10.20833rem;
		margin-left: 0;
		margin-top: 0;
	}
}

.itc_company .main-contents .main-visual-slide .slide .descriptions p {
	color: #fff;
	text-align: center;
	opacity: 0;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slide .descriptions p span {
		display: block;
	}
}

.itc_company .main-contents .main-visual-slide .slide .txt01 {
	font-size: 64px;
	font-weight: 500;
	line-height: 74px;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slide .txt01 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .main-visual-slide .slide .txt01 {
		font-size: 2.04167rem;
		line-height: 2.29167rem;
	}
}

.itc_company .main-contents .main-visual-slide .slide .txt01 span {
	display: block;
}

.itc_company .main-contents .main-visual-slide .slide .txt02 {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	padding-top: 15px;
	color: #edf2f1;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slide .txt02 {
		font-size: 17px;
		line-height: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .main-visual-slide .slide .txt02 {
		font-size: .8125rem;
		line-height: 1.25rem;
	}
}

.itc_company .main-contents .main-visual-slide .slick-dots {
	position: absolute;
	bottom: 130px;
	left: 50%;
	margin-left: -39px;
	overflow: hidden;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .main-visual-slide .slick-dots {
		bottom: 155px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .main-visual-slide .slick-dots {
		bottom: 3.70833rem;
	}
}

.itc_company .main-contents .main-visual-slide .slick-dots li {
	float: left;
	padding: 10px;
}

.itc_company .main-contents .main-visual-slide .slick-dots li .pager_dot {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	position: relative;
}

.itc_company .main-contents .main-visual-slide .slick-dots li.slick-active .pager_dot::before {
	content: '';
	width: 24px;
	height: 24px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: -9px;
	top: -9px;
	display: block;
}

.itc_company .main-contents .quick-menu {
	width: 1014px;
	position: absolute;
	top: 938px;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-left-radius: 20px;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .quick-menu {
		width: 98%;
		top: 495px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .quick-menu {
		width: 95%;
		top: 434px;
	}
}

.itc_company .main-contents .quick-menu a {
	font-size: 18px;
	margin: 0 48px;
	padding-top: 72px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.itc_company .main-contents .quick-menu a:nth-child(1) {
	background-image: url(../images/company/icon/main-icon03.png);
}

.itc_company .main-contents .quick-menu a:nth-child(2) {
	background-image: url(../images/company/icon/main-icon02.png);
}

.itc_company .main-contents .quick-menu a:nth-child(3) {
	background-image: url(../images/company/icon/main-icon04.png);
}

.itc_company .main-contents .quick-menu a:nth-child(4) {
	background-image: url(../images/company/icon/main-icon01.png);
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .quick-menu a {
		font-size: 16px;
		margin: 0 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .quick-menu a {
		font-size: .75rem;
		padding-top: 2.875rem;
		line-height: 1.04167rem;
		word-break: keep-all;
		background-size: 2.45833rem;
		margin: 0 0.7rem;
	}
}

.itc_company .main-contents .event-banner {
	width: 274px;
	height: 274px;
	border-radius: 50%;
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	position: absolute;
	top: 664px;
	left: 50%;
	margin-left: 384px;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .event-banner {
		display: none;
	}
}

.itc_company .main-contents .event-banner .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -34px;
	position: relative;
}

.itc_company .main-contents .event-banner .slick-dots .pager-dot {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #079460;
	margin: 0 3px;
}

.itc_company .main-contents .event-banner .slick-dots .slick-active .pager-dot {
	background: #fff;
}

.itc_company .main-contents .brand-slide {
	width: 100%;
	background: #f1f1f2;
	padding: 160px 0 70px;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .brand-slide {
		padding: 160px 0 2.8125rem;
	}
}

.itc_company .main-contents .brand-slide .inner {
	width: 1177px;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .brand-slide .inner {
		width: 100%;
		padding: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .brand-slide .inner {
		padding: 0 1.45833rem;
	}
}

.itc_company .main-contents .brand-slide .title span {
	font-weight: 600;
}

.itc_company .main-contents .brand-slide .slide {
	margin-bottom: 24px;
}

.itc_company .main-contents .brand-slide .slide .slick-list {
	padding: 20px 0;
}

.itc_company .main-contents .brand-slide .slide .slick-list li {
	margin: 0 13.2px;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
	border-radius: 10px;
}

.itc_company .main-contents .brand-slide .slide .slick-list li:hover {
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	transform: translate(0,-10px);
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .brand-slide .slide li+li {
		margin-top: .83333rem;
	}

	.itc_company .main-contents .brand-slide .slide img {
		width: 100%;
	}
}

.itc_company .main-contents .brand-slide .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 23px;
}

.itc_company .main-contents .brand-slide .slick-dots .pager-dot {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #aeaeae;
	margin: 0 5px;
}

.itc_company .main-contents .brand-slide .slick-dots .slick-active .pager-dot {
	width: 15px;
	height: 6px;
	border-radius: 15px;
	background: #0af;
}

.itc_company .main-contents .video-area {
	width: 100%;
	background: #f1f1f2;
	padding: 0 0 115px;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .video-area {
		padding: 0 0 4rem;
	}
}

.itc_company .main-contents .video-area .title {
	text-align: center;
}

.itc_company .main-contents .video-area .title span {
	font-weight: 600;
}

.itc_company .main-contents .video-area .video-box {
	display: flex;
	justify-content: space-between;
	width: 1166px;
	margin: 0 auto;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .video-area .video-box {
		width: 100%;
		padding: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .video-area .video-box {
		display: block;
		padding: 0 1.375rem;
	}
}

.itc_company .main-contents .video-area .video-box a {
	display: block;
	position: relative;
	border-radius: 10px;
	width: 574px;
	height: 299px;
	overflow: hidden;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .video-area .video-box a {
		width: 49%;
		height: auto;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .video-area .video-box a {
		width: 100%;
	}

	.itc_company .main-contents .video-area .video-box a+a {
		margin-top: .625rem;
	}
}

.itc_company .main-contents .video-area .video-box a img {
	transition: all .7s;
	-webkit-transition: all .7s;
	max-width: 100%;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

.itc_company .main-contents .video-area .video-box a:hover img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.itc_company .main-contents .video-area .video-box .tit {
	position: absolute;
	top: 75px;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 22px;
	line-height: 40px;
	z-index: 1;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .video-area .video-box .tit {
		font-size: 14px;
		top: 40px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .video-area .video-box .tit {
		font-size: .75rem;
		top: 2.39583rem;
		line-height: 1.45833rem;
	}
}

.itc_company .main-contents .video-area .video-box .tit span {
	display: block;
	font-size: 28px;
	font-weight: 300;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .video-area .video-box .tit span {
		font-size: 1.02083rem;
	}
}

.itc_company .main-contents .video-area .video-box .play-btn {
	display: block;
	position: absolute;
	top: 166px;
	left: 50%;
	margin-left: -22.5px;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url(../images/company/icon/icon-play01.png);
	z-index: 1;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .video-area .video-box .play-btn {
		top: 138px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .video-area .video-box .play-btn {
		top: 7.29167rem;
		width: 1.5625rem;
		height: 1.5625rem;
		transform: translate(-50%,-50%);
		margin-left: 0;
	}
}

.itc_company .main-contents .board-area {
	width: 1177px;
	margin: 0 auto;
	padding: 64px 0 94px;
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .board-area {
		width: 100%;
		padding: 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area {
		padding: 3.875rem 0 4.20833rem 1.39583rem;
		display: block;
	}
}

.itc_company .main-contents .board-area .txt-area {
	width: 404px;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .txt-area {
		width: 100%;
	}
}

.itc_company .main-contents .board-area .txt-area .title {
	margin-bottom: 70px;
	font-weight: 600;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .txt-area .title {
		text-align: center;
		margin-bottom: 1.125rem;
	}
}

.itc_company .main-contents .board-area .txt-area ul {
	display: flex;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .txt-area ul {
		align-items: center;
		justify-content: center;
	}
}

.itc_company .main-contents .board-area .txt-area ul li+li {
	margin-left: 20px;
}

.itc_company .main-contents .board-area .txt-area ul a {
	display: inline-block;
	font-size: 18px;
	color: #838383;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .txt-area ul a {
		font-size: .8125rem;
	}
}

.itc_company .main-contents .board-area .txt-area ul a.on {
	color: #000;
	text-decoration: underline;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .board-area .list-area {
		flex: 1;
		overflow: auto;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .list-area {
		margin-top: 2.1875rem;
	}
}

.itc_company .main-contents .board-area .list-area .inner {
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .main-contents .board-area .list-area .inner {
		width: 777px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .list-area .inner {
		width: 40.625rem;
	}
}

.itc_company .main-contents .board-area .list-area .list-box {
	border-radius: 10px;
	width: 246px;
	height: 233px;
	background: #f6f6f6;
	padding: 30px 30px 70px 30px;
	position: relative;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .list-area .list-box {
		width: 13.08333rem;
		height: 11.125rem;
		padding: 1.45833rem 1.45833rem 3.45833rem ERM(70px/3);
	}
}

.itc_company .main-contents .board-area .list-area .list-box .category {
	font-weight: 500;
}

.itc_company .main-contents .board-area .list-area .list-box .txt {
	word-break: keep-all;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	margin-top: 15px;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .list-area .list-box .txt {
		font-size: 1.02083rem;
		margin-top: .77083rem;
		line-height: 1.25rem;
	}
}

.itc_company .main-contents .board-area .list-area .list-box .date {
	position: absolute;
	left: 30px;
	bottom: 40px;
	color: #838282;
	font-size: 14px;
	font-family: Roboto;
	font-weight: 500;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .list-area .list-box .date {
		font-size: .6875rem;
		bottom: 1.45833rem;
	}
}

.itc_company .main-contents .board-area .list-area .list-box+.list-box {
	margin-left: 17px;
}

@media screen and (max-width:480px) {
	.itc_company .main-contents .board-area .list-area .list-box+.list-box {
		margin-left: .66667rem;
	}
}

.itc_company .main-contents .board-area .list-area .list-box:hover {
	box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177,177,177,.4);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	transform: translate(0,-10px);
}

.itc_company .main-contents .board-area .list-area .list-box.hide {
	display: none;
}

.itc_company .main-contents .board-area .list-area .list-box.on {
	display: block;
}

.itc_company .sub05 .ctn-01 {
	width: 1180px;
	margin: 0 auto;
	padding: 140px 0 85px;
	border-bottom: 1px solid #ebebeb;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-01 {
		width: 100%;
		padding: 50px 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-01 {
		padding: 2.54167rem .83333rem 1.83333rem;
	}
}

.itc_company .sub05 .ctn-01 .title-txt-wrap li span {
	display: block;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-01 .title-txt-wrap li span {
		display: inline;
	}
}

.itc_company .sub05 .ctn-01 .title-txt-wrap .title {
	line-height: 39px;
}

.itc_company .sub05 .ctn-01 .title-txt-wrap .txt01 {
	font-size: 26px;
	line-height: 40px;
	margin-top: -4px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-01 .title-txt-wrap .txt01 {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-01 .title-txt-wrap .txt01 {
		margin-top: 0;
		line-height: 1.66667rem;
		font-size: 1.10417rem;
	}
}

.itc_company .sub05 .ctn-02 {
	width: 1180px;
	margin: 0 auto;
	padding: 70px 0 85px;
	border-bottom: 1px solid #ebebeb;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 {
		width: 100%;
		padding: 50px 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 {
		padding: 2.16667rem .83333rem 3.08333rem;
	}
}

.itc_company .sub05 .ctn-02 img {
	max-width: 100%;
	margin: 50px 0 100px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 img {
		margin: 1.83333rem 0 3.33333rem;
	}
}

.itc_company .sub05 .ctn-02 .title-txt {
	text-align: center;
	font-size: 26px;
	line-height: 44px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .title-txt {
		font-size: 18px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .title-txt {
		font-size: .9375rem;
		line-height: 1.45833rem;
	}
}

.itc_company .sub05 .ctn-02 .step .title {
	font-size: 26px;
	font-weight: 600;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .title {
		font-size: 1.10417rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap {
	margin-top: 70px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap {
		overflow: auto;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap {
		margin-top: 2.39583rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner {
		min-width: 780px;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li {
	flex: 1;
	position: relative;
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(1) .tit {
	background-image: url(../images/company/icon/sub-step-ico01.png);
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(1) .tit {
		background-size: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(1) .tit {
		background-size: 3.64583rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(2) .tit {
	background-image: url(../images/company/icon/sub-step-ico02.png);
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(2) .tit {
		background-size: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(2) .tit {
		background-size: 3.64583rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(3) .tit {
	background-image: url(../images/company/icon/sub-step-ico03.png);
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(3) .tit {
		background-size: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(3) .tit {
		background-size: 3.64583rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(4) .tit {
	background-image: url(../images/company/icon/sub-step-ico04.png);
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(4) .tit {
		background-size: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(4) .tit {
		background-size: 3.64583rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(5) .tit {
	background-image: url(../images/company/icon/sub-step-ico05.png);
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(5) .tit {
		background-size: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li:nth-child(5) .tit {
		background-size: 3.64583rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner li+li:before {
	content: '';
	display: block;
	width: 47px;
	height: 47px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url(../images/company/icon/ico-arrow05.png);
	position: absolute;
	top: 30px;
	left: -17px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner li+li:before {
		background-size: 50%;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner .tit {
	padding-top: 126px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner .tit {
		font-size: 16px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner .tit {
		padding-top: 4.29167rem;
		font-size: .8125rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner .txt {
	text-align: center;
	margin-top: 10px;
	line-height: 24px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner .txt {
		font-size: 14px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-02 .step .step-wrap .inner .txt {
		margin-top: .41667rem;
		font-size: .75rem;
		line-height: 1.16667rem;
	}
}

.itc_company .sub05 .ctn-02 .step .step-wrap .inner .txt span {
	display: block;
}

.itc_company .sub05 .ctn-03 {
	width: 1180px;
	margin: 0 auto;
	padding: 90px 0 90px;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-03 {
		width: 100%;
		padding: 50px 20px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 {
		padding: 3.22917rem .83333rem 2.8125rem;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap01 .tit {
	font-size: 20px;
	margin-bottom: 10px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap01 .tit {
		display: none;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap01 .list {
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap01 .list {
		font-size: .75rem;
		line-height: 1.33333rem;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .title {
	line-height: 32px;
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .title span {
	display: block;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap02 .title span {
		display: inline;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .txt02 {
	font-size: 26px;
	line-height: 43px;
	margin-top: -6px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap02 .txt02 {
		margin-top: 0;
		font-size: .9375rem;
		line-height: 1.58333rem;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .txt02 span {
	display: block;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap02 .txt02 span {
		display: inline;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .txt02 img {
	max-width: 100%;
	margin: 35px 0 50px;
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .txt01 .tit {
	font-size: 20px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap02 .txt01 .tit {
		font-size: .9375rem;
	}
}

.itc_company .sub05 .ctn-03 .txt-wrap02 .txt01 .list {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-03 .txt-wrap02 .txt01 .list {
		font-size: .75rem;
		line-height: .625rem;
		margin-top: .625rem;
		margin-bottom: 1.25rem;
	}
}

.itc_company .sub05 .ctn-04 {
	width: 100%;
	background: linear-gradient(180deg,#fff 69%,#1e202b 13%,#1e202b 100%);
	background: -webkit-linear-gradient(0deg,#fff 69%,#1e202b 13%,#1e202b 100%);
	background: -o-linear-gradient(0deg,#fff 69%,#1e202b 13%,#1e202b 100%);
	background: -moz-linear-gradient(0deg,#fff 69%,#1e202b 13%,#1e202b 100%);
}

.itc_company .sub05 .ctn-04 .inner {
	width: 1300px;
	margin: 0 auto;
	padding: 97px 60px 185px 60px;
	background: #1e202b;
	color: #fff;
}

@media screen and (max-width:1161px) {
	.itc_company .sub05 .ctn-04 .inner {
		width: 100%;
		padding: 50px;
	}
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-04 .inner {
		padding: 4.29167rem .83333rem 4.08333rem;
	}
}

.itc_company .sub05 .ctn-04 .txt01 {
	padding-bottom: 35px;
	margin-bottom: 27px;
	border-bottom: 1px solid #303138;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-04 .txt01 {
		padding-bottom: 1.58333rem;
		margin-bottom: 1.58333rem;
	}
}

.itc_company .sub05 .ctn-04 .tit {
	font-size: 20px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-04 .tit {
		font-size: .9375rem;
	}
}

.itc_company .sub05 .ctn-04 .tit:before {
	content: 'Q';
	display: inline-block;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background: #fff;
	color: #1e202b;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 42px;
	margin-right: 15px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-04 .tit:before {
		font-size: .625rem;
		line-height: 1.45833rem;
		width: 1.5rem;
		height: 1.5rem;
	}
}

.itc_company .sub05 .ctn-04 .answer {
	margin-top: 15px;
	padding-left: 107px;
	font-size: 18px;
	line-height: 32px;
	background-repeat: no-repeat;
	background-position: 20px 15px;
	background-image: url(../images/company/icon/ico-re.png);
	position: relative;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-04 .answer {
		font-size: .75rem;
		line-height: 1.25rem;
		padding-left: 3.85417rem;
		margin-top: 1.20833rem;
		background-position: .625rem .52083rem;
		background-size: .29167rem;
	}
}

.itc_company .sub05 .ctn-04 .answer:before {
	content: 'A';
	display: inline-block;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background: #0af;
	color: #1e202b;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 42px;
	position: absolute;
	left: 52px;
	top: -5px;
}

@media screen and (max-width:480px) {
	.itc_company .sub05 .ctn-04 .answer:before {
		font-size: .625rem;
		line-height: 1.45833rem;
		width: 1.5rem;
		height: 1.5rem;
		left: 1.8125rem;
		top: -REM(20px/3);
	}
}

.biz * {
	letter-spacing: -0.05em;
}

.biz .tschool-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 99px;
	background-color: transparent;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid rgba(255, 255, 255, 0.19);
	transition: background-color .3s ease;
}

.biz .tschool-header .inner {
	width: 1300px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.biz .tschool-header {
		left: 0;
		position: fixed;
		padding: 0 0.83333rem;
		background-color: #fff;
		border-bottom-color: transparent;
		height: 3.29167rem;
	}

	.biz .tschool-header .btn-toggle-menu {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.biz .tschool-header .right-menus {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.biz .tschool-header .right-menus {
		display: none;
	}
}

.biz .tschool-header .right-menus a {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 400;
}

.biz .tschool-header .right-menus .btn.outline {
	margin-left: 24px;
	width: 71px;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	background: transparent;
	border-color: #fff;
}

.biz .tschool-header .right-menus .divider {
	width: 1px;
	height: 7px;
	background-color: #dad8d8;
	margin: 0 0.75rem;
	display: inline-block;
	vertical-align: middle;
}

.biz .tschool-header .logo {
	background-color: transparent;
	background-image: url("../images/biz/logo.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 124px;
	height: 47px;
	background-size: 100%;
}

@media screen and (max-width: 1161px) {
	.biz .tschool-header .logo {
		width: 4.8125rem;
		height: 1.77083rem;
		background-size: 100%;
		background-image: url("../images/biz/logo.png");
	}
}

.biz .tschool-header .my-page {
	display: inline-block;
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 400;
	text-indent: -9999px;
	width: 1.75rem;
	height: 1.625rem;
	background-color: transparent;
	background-image: url("../images/common/icon-mypage.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.biz .tschool-header .main-navigation li + li {
	margin-left: 0;
}

.biz .tschool-header .main-navigation li a {
	color: #ffffff;
	position: relative;
	padding: 0 1.5625rem;
}

.biz .tschool-header .main-navigation li a.on strong::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #0873ff;
	width: 100%;
}

.biz .tschool-header .main-navigation li a strong {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	height: 99px;
	line-height: 99px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	font-weight: 500;
	letter-spacing: -1px;
}

.biz .tschool-header .main-navigation li a:hover strong {
	color: #fff;
	-webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	-o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.biz .tschool-header .main-navigation li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	height: 53px;
	background: #fff;
	width: 100%;
	border-top: 1px solid #dfdfdf;
}

.biz .tschool-header .main-navigation li .sub-menu > ul {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-start;
	padding: 0 250px;
}

.biz .tschool-header .main-navigation li .sub-menu > ul > li > a {
	height: 52px;
	color: #727272;
	font-size: 15px;
	font-weight: 500;
	padding: 0 14px;
	border-bottom: 0 none;
}

.biz .tschool-header .main-navigation li .sub-menu > ul > li > a strong {
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #727272;
	font-weight: 500;
}

.biz .tschool-header .main-navigation li .sub-menu > ul > li > a:before {
	content: none;
}

.biz .tschool-header .main-navigation li:hover .sub-menu {
	display: block;
}

.biz .tschool-left-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 4.375rem;
	bottom: 0;
	z-index: 101;
	border-right: 1px solid #bfbfbf;
	background: #fff;
	padding-top: 4.5625rem;
}

@media screen and (max-width: 1161px) {
	.biz .tschool-left-menu {
		display: none;
	}
}

.biz .tschool-left-menu ul li a {
	width: 100%;
	height: 4.375rem;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.biz .tschool-left-menu ul li span {
	display: block;
	color: #9b9e9e;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	transition: all .3s ease;
}

.biz .tschool-left-menu ul li [class^="icon-menu-"] {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.biz .tschool-left-menu ul li .icon-menu-01 {
	background-image: url("../images/tschool/menu/icon-menu-01.png");
}

.biz .tschool-left-menu ul li .icon-menu-02 {
	background-image: url("../images/tschool/menu/icon-menu-02.png");
}

.biz .tschool-left-menu ul li .icon-menu-03 {
	background-image: url("../images/tschool/menu/icon-menu-03.png");
}

.biz .tschool-left-menu ul li .icon-menu-04 {
	background-image: url("../images/tschool/menu/icon-menu-04.png");
}

.biz .tschool-left-menu ul li .icon-menu-05 {
	background-image: url("../images/tschool/menu/icon-menu-05.png");
}

.biz .tschool-left-menu ul li .icon-menu-06 {
	background-image: url("../images/tschool/menu/icon-menu-06.png");
}

.biz .tschool-left-menu ul li + li {
	margin-top: -1px;
}

.biz .tschool-left-menu ul li.current a .icon-menu-01,
  .biz .tschool-left-menu ul li a:hover .icon-menu-01 {
	background-image: url("../images/biz/icon-menu-01-active.png");
}

.biz .tschool-left-menu ul li.current a .icon-menu-02,
  .biz .tschool-left-menu ul li a:hover .icon-menu-02 {
	background-image: url("../images/biz/icon-menu-02-active.png");
}

.biz .tschool-left-menu ul li.current a .icon-menu-03,
  .biz .tschool-left-menu ul li a:hover .icon-menu-03 {
	background-image: url("../images/biz/icon-menu-03-active.png");
}

.biz .tschool-left-menu ul li.current a .icon-menu-04,
  .biz .tschool-left-menu ul li a:hover .icon-menu-04 {
	background-image: url("../images/biz/icon-menu-04-active.png");
}

.biz .tschool-left-menu ul li.current a .icon-menu-05,
  .biz .tschool-left-menu ul li a:hover .icon-menu-05 {
	background-image: url("../images/biz/icon-menu-05-active.png");
}

.biz .tschool-left-menu ul li.current a .icon-menu-06,
  .biz .tschool-left-menu ul li a:hover .icon-menu-06 {
	background-image: url("../images/biz/icon-menu-06-active.png");
}

.biz .tschool-left-menu ul li.current a span,
  .biz .tschool-left-menu ul li a:hover span {
	color: #006581;
}

.biz .text--slide-up .char {
	display: inline-block;
	transition-duration: 400ms;
	transition-property: all;
	opacity: 0;
	transform: translate(0, 20%);
}

.biz .text--slide-up .char:nth-child(1) {
	transition-delay: calc(400ms + (1 * 50ms) - 50ms);
	animation-delay: calc(400ms + (1 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(2) {
	transition-delay: calc(400ms + (2 * 50ms) - 50ms);
	animation-delay: calc(400ms + (2 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(3) {
	transition-delay: calc(400ms + (3 * 50ms) - 50ms);
	animation-delay: calc(400ms + (3 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(4) {
	transition-delay: calc(400ms + (4 * 50ms) - 50ms);
	animation-delay: calc(400ms + (4 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(5) {
	transition-delay: calc(400ms + (5 * 50ms) - 50ms);
	animation-delay: calc(400ms + (5 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(6) {
	transition-delay: calc(400ms + (6 * 50ms) - 50ms);
	animation-delay: calc(400ms + (6 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(7) {
	transition-delay: calc(400ms + (7 * 50ms) - 50ms);
	animation-delay: calc(400ms + (7 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(8) {
	transition-delay: calc(400ms + (8 * 50ms) - 50ms);
	animation-delay: calc(400ms + (8 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(9) {
	transition-delay: calc(400ms + (9 * 50ms) - 50ms);
	animation-delay: calc(400ms + (9 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(10) {
	transition-delay: calc(400ms + (10 * 50ms) - 50ms);
	animation-delay: calc(400ms + (10 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(11) {
	transition-delay: calc(400ms + (11 * 50ms) - 50ms);
	animation-delay: calc(400ms + (11 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(12) {
	transition-delay: calc(400ms + (12 * 50ms) - 50ms);
	animation-delay: calc(400ms + (12 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(13) {
	transition-delay: calc(400ms + (13 * 50ms) - 50ms);
	animation-delay: calc(400ms + (13 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(14) {
	transition-delay: calc(400ms + (14 * 50ms) - 50ms);
	animation-delay: calc(400ms + (14 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(15) {
	transition-delay: calc(400ms + (15 * 50ms) - 50ms);
	animation-delay: calc(400ms + (15 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(16) {
	transition-delay: calc(400ms + (16 * 50ms) - 50ms);
	animation-delay: calc(400ms + (16 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(17) {
	transition-delay: calc(400ms + (17 * 50ms) - 50ms);
	animation-delay: calc(400ms + (17 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(18) {
	transition-delay: calc(400ms + (18 * 50ms) - 50ms);
	animation-delay: calc(400ms + (18 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(19) {
	transition-delay: calc(400ms + (19 * 50ms) - 50ms);
	animation-delay: calc(400ms + (19 * 50ms) - 50ms);
}

.biz .text--slide-up .char:nth-child(20) {
	transition-delay: calc(400ms + (20 * 50ms) - 50ms);
	animation-delay: calc(400ms + (20 * 50ms) - 50ms);
}

.biz .page-header {
	height: 32.3125rem;
	width: 100%;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.biz .page-header {
		height: 10.77083rem;
		margin-top: 3.29167rem;
	}
}

.biz .page-header .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg {
		background-size: 100% auto;
	}
}

.biz .page-header .bg-01 {
	background-image: url("../images/company/bg/bg-01.jpg");
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg-01 {
		background-image: url("../images/company/bg/bg-01-m.jpg");
		background-size: 100% auto;
	}
}

.biz .page-header .bg-02 {
	background-image: url("../images/company/bg/bg-02.jpg");
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg-02 {
		background-image: url("../images/company/bg/bg-02-m.jpg");
		background-size: 100% auto;
	}
}

.biz .page-header .bg-03 {
	background-image: url("../images/company/bg/bg-03.jpg");
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg-03 {
		background-image: url("../images/company/bg/bg-03-m.jpg");
		background-size: 100% auto;
	}
}

.biz .page-header .bg-04 {
	background-image: url("../images/company/bg/bg-04.jpg");
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg-04 {
		background-image: url("../images/company/bg/bg-04-m.jpg");
		background-size: 100% auto;
	}
}

.biz .page-header .bg-05 {
	background-image: url("../images/company/bg/bg-05.jpg");
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg-05 {
		background-image: url("../images/company/bg/bg-05-m.jpg");
		background-size: 100% auto;
	}
}

.biz .page-header .bg-06 {
	background-image: url("../images/company/bg/bg-06.jpg");
}

@media screen and (max-width: 1161px) {
	.biz .page-header .bg-06 {
		background-image: url("../images/company/bg/bg-06-m.jpg");
		background-size: 100% auto;
	}
}

.biz .page-header .container {
	height: 100%;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 4.625rem;
}

@media screen and (max-width: 1161px) {
	.biz .page-header .container {
		padding-top: 0;
	}
}

.biz .page-header .title {
	color: #ffffff;
	font-size: 4.375rem;
	font-weight: 500;
	line-height: 1em;
}

@media screen and (max-width: 1161px) {
	.biz .page-header .title {
		font-size: 1.45833rem;
		text-align: center;
	}
}

.biz .page-header .title.title-small {
	font-size: 56px;
}

@media screen and (max-width: 1161px) {
	.biz .page-header .title.title-small {
		font-size: 1.16667rem;
		text-align: center;
	}
}

.biz .page-header .title + .breadcrumbs {
	margin-top: 2.375rem;
}

@media screen and (max-width: 1161px) {
	.biz .page-header .title + .breadcrumbs {
		margin-top: 0;
	}
}

.biz .page-header .page-header-description {
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin-top: 22px;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition-delay: .45s;
	opacity: 0;
	transform: translate(-40px, 0);
}

@media screen and (max-width: 1161px) {
	.biz .page-header .page-header-description {
		font-size: 0.75rem;
		text-align: center;
	}
}

.biz .page-header .breadcrumbs {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: auto;
	overflow: visible;
}

@media screen and (max-width: 1161px) {
	.biz .page-header .breadcrumbs {
		display: none;
	}
}

.biz .page-header .breadcrumbs li {
	color: #ffffff;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.54);
	height: 4.125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	overflow: visible;
}

.biz .page-header .breadcrumbs li .icon-home2 {
	background-color: transparent;
	background-image: url("../images/icon/icon-home2.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 0.75rem;
	height: 0.75rem;
	margin-right: 0.5rem;
	display: block;
}

.biz .page-header .breadcrumbs li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
}

.biz .page-header .breadcrumbs li + li:before {
	content: '\f054';
	font-family: "Font Awesome 5 Pro" !important;
	margin: 0 0.75rem;
	font-size: 0.875rem;
}

.biz .page-header .breadcrumbs li.current {
	font-size: 1.5rem;
}

.biz .page-header .breadcrumbs li.current a {
	border-bottom: 3px solid #fff;
	margin-bottom: -1px;
}

.biz.loaded .breadcrumbs {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	-o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}

.biz.loaded .text--slide-up .char {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.biz.loaded .page-header-description {
	opacity: 1;
	transform: translate(0, 0);
}

.biz [data-animate] {
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.biz [data-animate].nv {
	opacity: 0;
	transform: translate(0, 20px);
}

.biz.scrolled .tschool-header,
.biz .tschool-header.hover {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.biz.scrolled .tschool-header .right-menus a,
  .biz .tschool-header.hover .right-menus a {
	color: #282828;
}

.biz.scrolled .tschool-header .right-menus .btn.outline,
  .biz .tschool-header.hover .right-menus .btn.outline {
	color: #282828;
	border-color: #282828;
}

.biz.scrolled .tschool-header .my-page,
  .biz .tschool-header.hover .my-page {
	background-image: url(../images/common/icon-mypage-blue.png);
}

.biz.scrolled .tschool-header .logo,
  .biz .tschool-header.hover .logo {
	background-image: url(../images/biz/logo.png);
}

.biz.scrolled .tschool-header .main-navigation li a,
  .biz .tschool-header.hover .main-navigation li a {
	color: #262626;
}

.biz.scrolled .tschool-header .main-navigation li a strong,
    .biz .tschool-header.hover .main-navigation li a strong {
	color: #262626;
}

.biz .sub-nav {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #e6e6e6;
}

@media screen and (max-width: 1161px) {
	.biz .sub-nav {
		display: none;
	}
}

.biz .sub-nav ul {
	width: 1180px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	text-align: center;
	margin: 0 auto;
}

.biz .sub-nav ul li {
	flex: 1;
}

.biz .sub-nav ul a {
	flex: 1;
	display: block;
	height: 70px;
	line-height: 70px;
	position: relative;
	font-size: 20px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

.biz .sub-nav ul a.on, .biz .sub-nav ul a:hover {
	color: #029eec;
}

.biz .sub-nav ul a.on::after, .biz .sub-nav ul a:hover::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #0873ff;
	bottom: 0;
	left: 0;
}

.biz .layout-footer.company-footer {
	background: #fff;
	justify-content: space-between;
	border-top: 1px solid #e6e6e6;
}

.biz .layout-footer.company-footer .footer-content {
	padding: 50px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 1161px) {
	.biz .layout-footer.company-footer .footer-content {
		padding: 30px;
		display: block;
		text-align: center;
	}

	.biz .layout-footer.company-footer .footer-content dt, .biz .layout-footer.company-footer .footer-content dd {
		color: #222;
	}
}

.biz .layout-footer.company-footer .footer-content .ctn {
	width: 1300px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 1161px) {
	.biz .layout-footer.company-footer .footer-content .ctn {
		width: 100%;
		display: block;
	}
}

.biz .layout-footer.company-footer .footer-content .ctn .logo-footer {
	margin-top: 10px;
	margin-right: 54px;
}

@media screen and (max-width: 1161px) {
	.biz .layout-footer.company-footer .footer-content .ctn .logo-footer {
		margin: 0 0 10px;
	}
}

@media screen and (max-width: 480px) {
	.biz .layout-footer.company-footer .footer-content .ctn .logo-footer {
		display: block;
		margin: 0 auto 10px;
		width: 130px;
	}
}

.biz .layout-footer.company-footer .family-site {
	border: 1px solid #b5b5b5;
	color: #222;
}

@media screen and (max-width: 1161px) {
	.biz .layout-footer.company-footer .family-site {
		margin-top: 20px;
	}
}

.biz .title-txt-wrap {
	display: flex;
}

@media screen and (max-width: 1161px) {
	.biz .title-txt-wrap {
		display: block;
	}
}

.biz .title-txt-wrap .title {
	font-size: 26px;
	font-weight: 600;
	width: 19%;
}

@media screen and (max-width: 1161px) {
	.biz .title-txt-wrap .title {
		font-size: 20px;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.biz .title-txt-wrap .title {
		font-size: 1.10417rem;
	}
}

.biz .title-txt-wrap .txt {
	width: 81%;
	font-size: 18px;
	line-height: 30px;
}

@media screen and (max-width: 1161px) {
	.biz .title-txt-wrap .txt {
		font-size: 16px;
		line-height: 18px;
		width: 100%;
		margin-top: 20px;
	}
}

@media screen and (max-width: 480px) {
	.biz .title-txt-wrap .txt {
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
}

.biz .title-txt-wrap .txt01 {
	font-size: 30px;
}

@media screen and (max-width: 1161px) {
	.biz .title-txt-wrap .txt01 {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.biz .title-txt-wrap .txt01 {
		font-size: 1.10417rem;
	}
}

.biz .title-txt-wrap .txt02 {
	margin-top: 17px;
}

.biz .title-txt-wrap + .title-txt-wrap {
	margin-top: 70px;
}

@media screen and (max-width: 1161px) {
	.biz .title-txt-wrap + .title-txt-wrap {
		margin-top: 40px;
	}
}

@media screen and (max-width: 480px) {
	.biz .title-txt-wrap + .title-txt-wrap {
		margin-top: 2.08333rem;
	}
}

.biz .paging-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 44px;
}

.biz .paging-area .btn-wrap, .biz .paging-area .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.biz .paging-area .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.biz .paging-area .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.biz .paging-area .btn-wrap a:hover {
	background: #00aaff;
	border: 1px solid #037291;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.biz .paging-area .btn-wrap a.first {
	background-image: url("../images/tschool/icons/icon-arrow06.png");
}

.biz .paging-area .btn-wrap a.prev {
	background-image: url("../images/tschool/icons/icon-arrow07.png");
}

.biz .paging-area .btn-wrap a.next {
	background-image: url("../images/tschool/icons/icon-arrow08.png");
}

.biz .paging-area .btn-wrap a.last {
	background-image: url("../images/tschool/icons/icon-arrow09.png");
}

.biz .paging-area .btn-wrap a.first:hover {
	background-image: url("../images/tschool/icons/icon-arrow06_over.png");
}

.biz .paging-area .btn-wrap a.prev:hover {
	background-image: url("../images/tschool/icons/icon-arrow07_over.png");
}

.biz .paging-area .btn-wrap a.next:hover {
	background-image: url("../images/tschool/icons/icon-arrow08_over.png");
}

.biz .paging-area .btn-wrap a.last:hover {
	background-image: url("../images/tschool/icons/icon-arrow09_over.png");
}

.biz .paging-area .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width: 1161px) {
	.biz .paging-area .num-wrap {
		margin: 0 10px;
	}
}

.biz .paging-area .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.biz .paging-area .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.biz .paging-area .num-wrap a:hover, .biz .paging-area .num-wrap a.on {
	background: #00aaff;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1161px) {
	.biz .paging-area .num-wrap a:hover, .biz .paging-area .num-wrap a.on {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.biz .blue {
	color: #019eec;
}

.biz .blue02 {
	color: #037291;
}

.biz .gray {
	color: #696969;
}

.biz .b {
	font-weight: 600;
}

.biz .main-title {
	font-weight: 500;
	font-size: 42px;
	text-align: center;
	margin-bottom: 60px;
}

@media screen and (max-width: 1161px) {
	.biz .main-title {
		font-size: 35px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-title {
		font-size: 30px;
		margin-bottom: 35px;
	}
}

.biz .main-01 {
	width: 100%;
	position: relative;
	z-index: 1;
}

.biz .main-01 .title-area {
	background: url("../images/biz/bg01.jpg") no-repeat center center;
	background-size: cover;
}

.biz .main-01 .title-area .inner {
	padding: 160px 0 130px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.biz .main-01 .title-area .inner {
		width: 100%;
		padding: 160px 50px 100px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-01 .title-area .inner {
		padding: 130px 30px 50px;
	}
}

.biz .main-01 .title-area .logo-b {
	position: absolute;
	top: 100px;
	right: 0;
}

@media screen and (max-width: 1161px) {
	.biz .main-01 .title-area .logo-b {
		top: 80px;
		right: 50px;
		width: 120px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-01 .title-area .logo-b {
		right: 30px;
		width: 75px;
	}
}

.biz .main-01 .desc {
	margin-top: 62px;
	padding-top: 62px;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.biz .main-01 .desc {
		margin-top: 0;
	}
}

.biz .main-01 .desc:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 3px;
	background: #11475d;
}

.biz .main-01 .desc .txt01 {
	color: #11475e;
	font-size: 24px;
	line-height: 47px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.biz .main-01 .desc .txt01 {
		font-size: 20px;
		line-height: 35px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-01 .desc .txt01 {
		font-size: 17px;
		line-height: 28px;
	}
}

.biz .main-01 .desc .txt02 {
	font-size: 35px;
	font-weight: 500;
	color: #11475e;
	margin-top: 40px;
}

@media screen and (max-width: 1161px) {
	.biz .main-01 .desc .txt02 {
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-01 .desc .txt02 {
		font-size: 25px;
		line-height: 33px;
		word-break: keep-all;
		margin-top: 20px;
	}
}

.biz .main-01 .scroll {
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 155px;
	position: relative;
}

.biz .main-01 .scroll:before {
	content: '';
	display: block;
	width: 2px;
	height: 94px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: -103px;
	margin-left: -1px;
}

.biz .main-02 {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/biz/bg02.jpg") no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.biz .main-02 p {
	color: #fff;
	font-size: 60px;
	text-align: center;
	font-weight: 600;
	line-height: 80px;
}

@media screen and (max-width: 768px) {
	.biz .main-02 p {
		font-size: 40px;
		line-height: 56px;
	}
}

.biz .main-02 p span {
	display: block;
}

.biz .main-03 {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 1;
}

.biz .main-03 .inner {
	width: 1083px;
	margin: 0 auto;
	padding: 80px 0 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 1161px) {
	.biz .main-03 .inner {
		width: 100%;
		padding: 80px 30px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-03 .inner {
		display: block;
	}
}

.biz .main-03 .img-area {
	width: 427px;
	height: 563px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.biz .main-03 .img-area {
		width: 100%;
		height: 350px;
	}
}

.biz .main-03 .img-area img {
	position: absolute;
}

.biz .main-03 .img-area .img01 {
	left: -23px;
	top: 0;
}

@media screen and (max-width: 768px) {
	.biz .main-03 .img-area .img01 {
		width: 190px;
		left: 50%;
		margin-left: -143px;
	}
}

.biz .main-03 .img-area .img02 {
	left: 87px;
	top: 1px;
}

@media screen and (max-width: 768px) {
	.biz .main-03 .img-area .img02 {
		width: 190px;
		left: 50%;
		margin-left: -60px;
	}
}

.biz .main-03 .img-area .img03 {
	right: -26px;
	bottom: -42px;
}

@media screen and (max-width: 768px) {
	.biz .main-03 .img-area .img03 {
		width: 100px;
		left: 50%;
		bottom: 21px;
		margin-left: 49px;
	}
}

.biz .main-03 .txt-area p {
	font-size: 42px;
	font-weight: 300;
	line-height: 58px;
}

@media screen and (max-width: 1161px) {
	.biz .main-03 .txt-area p {
		font-size: 35px;
		line-height: 55px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-03 .txt-area p {
		font-size: 23px;
		line-height: 32px;
		word-break: keep-all;
		text-align: center;
	}
}

.biz .main-03 .txt-area p span {
	font-weight: 600;
}

.biz .main-03 .txt-area p .blue {
	color: #0873ff;
}

.biz .main-03 .txt-area p .yl {
	color: #ffb700;
}

.biz .main-03 .txt-area .btn {
	display: inline-block;
	padding: 20px 100px 20px 30px;
	font-size: 30px;
	font-weight: 500;
	color: #ffd500;
	text-align: left;
	background: #0873ff url("../images/biz/icon-down.png") no-repeat 90% center;
	background-size: 26px;
	border-radius: 50px;
	margin-top: 60px;
	box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 7px 16px 8px rgba(177, 177, 177, 0.4);
}

@media screen and (max-width: 1161px) {
	.biz .main-03 .txt-area .btn {
		font-size: 25px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-03 .txt-area .btn {
		margin: 30px auto 0;
		font-size: 18px;
		width: 220px;
		padding: 15px 90px 15px 30px;
		background-size: 18px;
		display: block;
	}
}

.biz .main-04 {
	width: 100%;
	padding: 104px 0;
	position: relative;
	z-index: 1;
	background-color: #efefef;
	overflow: hidden;
}

@keyframes background_animation {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1692px 0;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-04 {
		padding: 50px 20px;
	}
}

.biz .main-04 .bg {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url("../images/biz/bg03.png");
	background-repeat: repeat;
	background-size: cover;
	animation: 100s linear infinite background_animation;
}

.biz .main-04 .inner {
	width: 835px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .inner {
		width: 100%;
	}
}

.biz .main-04 .wrap {
	display: flex;
}

.biz .main-04 .wrap .box {
	flex: 1;
}

.biz .main-04 .box-wrap {
	margin-top: 85px;
	margin-left: -13px;
	margin-right: -13px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .box-wrap {
		margin-top: 55px;
	}
}

.biz .main-04 .box-wrap .box {
	padding: 0 20px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .box-wrap .box {
		padding: 0 5px;
	}
}

.biz .main-04 .box-wrap .box .box-inner {
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 44px 0 30px;
	box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	-webkit-box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	-moz-box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	-ms-box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	text-align: center;
	position: relative;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .box-wrap .box .box-inner {
		padding: 30px 0 20px;
	}
}

.biz .main-04 .box-wrap .box .box-inner .icon {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #0873ff url("../images/biz/icon-check.png") no-repeat center center;
	background-size: 21px;
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -24px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .box-wrap .box .box-inner .icon {
		width: 35px;
		height: 35px;
		margin-left: -17.5px;
		top: -17.5px;
		background-size: 15px;
	}
}

.biz .main-04 .box-wrap .box .box-inner .txt01 {
	font-size: 25px;
	font-weight: 300;
	font-family: 'Roboto';
}

@media screen and (max-width: 768px) {
	.biz .main-04 .box-wrap .box .box-inner .txt01 {
		font-size: 18px;
	}
}

.biz .main-04 .box-wrap .box .box-inner .txt02 {
	font-size: 35px;
	font-weight: 500;
	color: #0873ff;
	font-family: 'Roboto';
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .box-wrap .box .box-inner .txt02 {
		font-size: 25px;
	}
}

.biz .main-04 .txt-box {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .txt-box {
		margin-top: 20px;
		margin-left: -13px;
		margin-right: -13px;
	}
}

.biz .main-04 .txt-box .box {
	padding: 0 5px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .txt-box .box {
		padding: 0 2.5px;
	}
}

.biz .main-04 .txt-box .box p {
	padding: 17px 0;
	text-align: center;
	border-radius: 10px;
	background: #ffd500;
	font-weight: 500;
	font-size: 23px;
	box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	-webkit-box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	-moz-box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
	-ms-box-shadow: 0 3px 15px 1px rgba(177, 177, 177, 0.3);
}

@media screen and (max-width: 768px) {
	.biz .main-04 .txt-box .box p {
		font-size: 15px;
	}
}

.biz .main-04 .description {
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	.biz .main-04 .description {
		font-size: 13px;
		margin-top: 20px;
	}
}

.biz .main-05 {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 1;
	padding: 120px 0;
	margin-top: 400px;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 {
		padding: 80px 0;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 {
		padding: 60px 0;
	}
}

.biz .main-05 .inner {
	width: 1224px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .inner {
		width: 100%;
		padding: 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .inner {
		padding: 0 30px;
	}
}

.biz .main-05 .title01 {
	font-size: 30px;
	text-align: center;
	font-weight: 500;
	color: #0873ff;
	padding-top: 56px;
	background: url("../images/biz/logo01.png") no-repeat center top;
	background-size: 35px;
	margin-bottom: 15px;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .title01 {
		font-size: 25px;
		background-size: 30px;
		padding-top: 46px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .title01 {
		font-size: 20px;
		background-size: 25px;
		padding-top: 40px;
		margin-bottom: 5px;
	}
}

.biz .main-05 .title02 {
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .title02 {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .title02 {
		font-size: 16px;
	}
}

.biz .main-05 .course + .course {
	margin-top: 80px;
}

.biz .main-05 .course.course03 .thum {
	width: 190px !important;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .course.course03 .thum {
		width: 156px !important;
	}
}

.biz .main-05 .box-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap {
		display: block;
	}
}

.biz .main-05 .box-wrap .box {
	padding: 12px;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box {
		width: 100%;
		padding: 0px;
		margin: 10px 0;
	}
}

.biz .main-05 .box-wrap .box .box-inner {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	display: flex;
	padding: 30px;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner {
		display: block;
		padding: 20px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .left {
	width: 260px;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .box-wrap .box .box-inner .left {
		width: 200px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .left {
		width: 100%;
	}
}

.biz .main-05 .box-wrap .box .box-inner .left .thum {
	width: 156px;
	margin: 0 auto;
	display: block;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .box-wrap .box .box-inner .left .thum {
		width: 110px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .left ul {
	display: flex;
	margin-top: 15px;
}

.biz .main-05 .box-wrap .box .box-inner .left ul li {
	flex: 1;
	margin: 5px;
	padding: 5px 10px;
	text-align: center;
	background: #efefef;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #7b7b7b;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .left ul li {
		font-size: 13px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .right {
	padding-left: 30px;
	width: 340px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .right {
		padding-left: 0;
		width: 100%;
		margin-top: 10px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .right .btn-area {
	position: absolute;
	left: 23px;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .right .btn-area {
		position: static;
	}
}

.biz .main-05 .box-wrap .box .box-inner .tit {
	font-size: 20px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .box-wrap .box .box-inner .tit {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .tit {
		font-size: 16px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .tit span {
	margin-left: 10px;
	font-size: 16px;
	color: #0f5afb;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .box-wrap .box .box-inner .tit span {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .tit span {
		font-size: 13px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .txt-list {
	margin-top: 15px;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .txt-list {
		margin-top: 5px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .txt-list li {
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
	padding-left: 10px;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .box-wrap .box .box-inner .txt-list li {
		font-size: 16px;
		line-height: 20px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .txt-list li {
		font-size: 14px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .txt-list li + li {
	margin-top: 5px;
}

.biz .main-05 .box-wrap .box .box-inner .txt-list li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.biz .main-05 .box-wrap .box .box-inner .btn-area {
	display: flex;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .btn-area {
		margin-top: 10px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .btn-area li {
	flex: 1;
	margin: 5px;
}

.biz .main-05 .box-wrap .box .box-inner .btn-area li a {
	display: block;
	width: 100%;
	padding: 5px 15px;
	text-align: left;
	background: #fff url("../images/biz/arrow01.png") no-repeat 90% center;
	background-size: 17px;
	border: 1px solid #aaaaaa;
	font-size: 16px;
	color: #757575;
	font-weight: 500;
	border-radius: 30px;
	transition: all 0.2s;
}

@media screen and (max-width: 1161px) {
	.biz .main-05 .box-wrap .box .box-inner .btn-area li a {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .box-inner .btn-area li a {
		font-size: 13px;
	}
}

.biz .main-05 .box-wrap .box .box-inner .btn-area li a:hover {
	background: #0873ff url("../images/biz/arrow01_over.png") no-repeat 90% center;
	background-size: 17px;
	color: #fff;
	border: 1px solid #0873ff;
}

.biz .main-05 .box-wrap .box .level {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .level {
		border-width: 50px 50px 0 0;
	}
}

.biz .main-05 .box-wrap .box .level.level01 {
	border-color: #ffd500 transparent transparent transparent;
}

.biz .main-05 .box-wrap .box .level.level02 {
	border-color: #32b43c transparent transparent transparent;
}

.biz .main-05 .box-wrap .box .level.level03 {
	border-color: #fb790f transparent transparent transparent;
}

.biz .main-05 .box-wrap .box .level span {
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: -70px;
	left: 10px;
	width: 40px;
	display: block;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .box-wrap .box .level span {
		font-size: 13px;
		top: -49px;
		left: 4px;
	}
}

.biz .main-05 .course04 .info {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
}

.biz .main-05 .course04 .info li {
	width: 75px;
	margin: 0 5px;
	background: #efefef;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #7b7b7b;
	padding: 5px 10px;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .course04 .info li {
		font-size: 13px;
	}
}

.biz .main-05 .course04 .info li.lavel {
	background: #fb790f;
	color: #fff;
}

.biz .main-05 .course04 .box-wrap {
	justify-content: center;
}

.biz .main-05 .course04 .box-wrap .box {
	width: 33.3333%;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .course04 .box-wrap .box {
		width: 100%;
	}
}

.biz .main-05 .course04 .box-wrap .box .box-inner {
	display: block;
}

.biz .main-05 .course04 .box-wrap .box .box-inner .tit {
	text-align: center;
}

.biz .main-05 .course04 .box-wrap .box .box-inner img {
	width: 200px;
	display: block;
	margin: 20px auto 20px;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .course04 .box-wrap .box .box-inner img {
		width: 140px;
	}
}

.biz .main-05 .course04 .box-wrap .box .box-inner .img01 {
	width: 190px;
}

@media screen and (max-width: 768px) {
	.biz .main-05 .course04 .box-wrap .box .box-inner .img01 {
		width: 130px;
	}
}

.biz .layer-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 101;
	display: none;
}

.biz .layer-popup .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 770px;
	height: 100vh;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup .inner {
		width: 100%;
		height: 100%;
		transform: none;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}
}

.biz .layer-popup .inner .content {
	position: relative;
	background: #fff;
	padding: 40px;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup .inner .content {
		padding: 20px;
	}
}

.biz .layer-popup .inner .content .top-area {
	position: relative;
	width: 100%;
	padding-bottom: 15px;
	padding-right: 25px;
	border-bottom: 1px solid #222;
}

.biz .layer-popup .inner .content .top-area .title {
	font-size: 25px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup .inner .content .top-area .title {
		font-size: 18px;
	}
}

.biz .layer-popup .inner .content .top-area .close {
	display: block;
	width: 19px;
	height: 19px;
	background: url("../images/biz/close.png") no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.biz .layer-popup .inner .content .ctn {
	position: absolute;
	top: 100px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	overflow: auto;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup .inner .content .ctn {
		top: 100px;
		left: 20px;
		right: 20px;
		bottom: 20px;
	}
}

.biz .layer-popup.listPopup .ctn ol {
	display: flex;
	flex-wrap: wrap;
}

.biz .layer-popup.listPopup .ctn ol li {
	width: 50%;
	display: flex;
	align-items: baseline;
	margin: 5px 0;
}

.biz .layer-popup.listPopup .ctn ol li:nth-child(2n) {
	padding-left: 10px;
}

.biz .layer-popup.listPopup .ctn ol li:nth-child(2n-1) {
	padding-right: 10px;
}

.biz .layer-popup.listPopup .ctn .num {
	font-family: 'Roboto';
	font-size: 16px;
	color: #0873ff;
	font-weight: 400;
	margin-right: 15px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.listPopup .ctn .num {
		font-size: 13px;
	}
}

.biz .layer-popup.listPopup .ctn dt {
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.listPopup .ctn dt {
		font-size: 13px;
	}
}

.biz .layer-popup.listPopup .ctn dd {
	font-weight: 300;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.listPopup .ctn dd {
		font-size: 13px;
	}
}

.biz .layer-popup.bookPopup .top-area {
	padding-right: 70px !important;
}

.biz .layer-popup.bookPopup .title {
	text-transform: uppercase;
}

.biz .layer-popup.bookPopup .title .num {
	color: #0873ff;
}

.biz .layer-popup.bookPopup .title .small {
	font-size: 18px;
	text-transform: initial;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .title .small {
		font-size: 13px;
	}
}

.biz .layer-popup.bookPopup .tit-area {
	display: flex;
}

.biz .layer-popup.bookPopup .tit-area .title {
	text-transform: none;
	font-size: 20px;
	color: #0873ff;
	margin-right: 10px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .tit-area .title {
		font-size: 16px;
	}
}

.biz .layer-popup.bookPopup .tit-area .sound img {
	width: 20px;
}

.biz .layer-popup.bookPopup .worlds .list ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .worlds .list ul {
		display: block;
	}
}

.biz .layer-popup.bookPopup .worlds .list ul li {
	border: 1px solid #ddd;
	width: 33.3333%;
	margin-left: -1px;
	margin-top: -1px;
	padding: 10px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .worlds .list ul li {
		width: 100%;
		margin-left: 0;
		font-size: 14px;
	}
}

.biz .layer-popup.bookPopup .worlds .list ul li:nth-child(3n) {
	border-right: 0;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .worlds .list ul li:nth-child(3n) {
		border: 1px solid #ddd;
	}
}

.biz .layer-popup.bookPopup .worlds .list ul li:nth-child(3n+1) {
	border-left: 0;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .worlds .list ul li:nth-child(3n+1) {
		border: 1px solid #ddd;
	}
}

.biz .layer-popup.bookPopup .worlds .list ul li dd {
	font-weight: 300;
}

.biz .layer-popup.bookPopup .dialogue {
	margin-top: 50px;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap {
	margin-top: 20px;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list {
	width: 50%;
	border: 1px solid #ddd;
	margin-top: -1px;
	padding: 10px 20px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list {
		font-size: 14px;
	}
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list ul {
	padding-left: 23px;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list ul {
		padding-left: 14px;
	}
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list ul + ul {
	margin-top: 15px;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li:nth-child(2n) {
	border-right: 0;
	margin-left: -1px;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li:nth-child(2n-1) {
	border-left: 0;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list.kr ul {
	padding-left: 0px;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list.kr ul li {
	font-weight: 300;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap > ul li.list.en li {
	font-weight: 500;
}

.biz .layer-popup.bookPopup .dialogue .list-wrap .en ul.a::before {
	content: 'A';
	position: absolute;
	left: 0;
	display: block;
	font-size: 16px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #dddddd;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .dialogue .list-wrap .en ul.a::before {
		font-size: 13px;
		width: 23px;
		height: 23px;
	}
}

.biz .layer-popup.bookPopup .dialogue .list-wrap .en ul.b::before {
	content: 'B';
	position: absolute;
	left: 0;
	display: block;
	font-size: 16px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.bookPopup .dialogue .list-wrap .en ul.b::before {
		font-size: 13px;
		width: 23px;
		height: 23px;
	}
}

.biz .layer-popup.bookPopup .print {
	display: block;
	width: 25px;
	height: 23px;
	background: url("../images/biz/print.png") no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 26px;
}

.biz .layer-popup.speakPopup .inner {
	height: 38vh;
}

@media screen and (max-width: 768px) {
	.biz .layer-popup.speakPopup .inner {
		height: inherit;
	}
}

.biz .layer-popup.speakPopup .inner .tit {
	font-size: 18px;
}

.biz .layer-popup.speakPopup .inner .control {
	width: 100%;
	margin-top: 15px;
}

.biz .layer-popup.speakPopup .inner .file-save {
	display: block;
	margin: 20px auto 0;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: url("../images/buttons/btn-download.png") no-repeat center center;
	background-size: 100%;
}

.biz .layer-popup.speakPopup .inner .file-save span {
	font-size: 0;
}

.t-college .text-c {
	text-align: center;
}

.t-college .ctn-area {
	width: 100%;
	padding: 100px 0;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-area {
		padding: 50px 0px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .ctn-area {
		padding: 30px 0px;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-area.container {
		padding: 50px 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .ctn-area.container {
		padding: 30px 20px;
	}
}

.t-college .ctn-area.pb-0 {
	padding-bottom: 0;
}

.t-college .ctn-area .mt-100 {
	margin-top: 100px;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-area .mt-100 {
		margin-top: 50px;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-area .container {
		padding: 0px 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .ctn-area .container {
		padding: 0px 20px;
	}
}

.t-college .ctn-area .page-title {
	font-size: 26px;
	margin-bottom: 20px;
	font-weight: 600;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-area .page-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .ctn-area .page-title {
		font-size: 18px;
		font-weight: 500;
	}
}

.t-college .ctn-area .ctn {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-area .ctn {
		padding: 50px 30px;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.t-college .ctn-area .ctn {
		padding: 30px 20px;
	}
}

.t-college .sub-title {
	font-size: 40px;
	color: #8a3e4b;
	font-weight: 500;
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-title {
		font-size: 30px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-title {
		font-size: 20px;
	}
}

.t-college .sub-title:after {
	content: '';
	display: block;
	width: 60px;
	height: 5px;
	background: #8a3e4b;
	position: absolute;
	left: 0;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.t-college .sub-title:after {
		height: 3px;
		width: 40px;
	}
}

.t-college .sub-txt {
	font-size: 22px;
	font-weight: 400;
	color: #222;
	line-height: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-txt {
		font-size: 18px;
		line-height: 22px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-txt {
		font-size: 16px;
		line-height: 20px;
	}
}

.t-college .desc-wrap {
	width: 100%;
}

.t-college .desc-wrap li {
	font-size: 18px;
	color: #777777;
}

@media screen and (max-width: 1161px) {
	.t-college .desc-wrap li {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .desc-wrap li {
		font-size: 13px;
		line-height: 1.4em;
	}
}

.t-college .desc-wrap li + li {
	margin-top: 5px;
}

@media screen and (max-width: 768px) {
	.t-college .desc-wrap li + li {
		margin-top: 5px;
	}
}

.t-college .desc-wrap li span {
	color: #222;
	font-weight: 500;
}

.t-college .btn-learn {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	text-decoration: none;
	outline: 0;
	vertical-align: middle;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	border: 0 none;
	margin: 0 auto;
	width: 295px;
	height: 74px;
	font-size: 18px;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	align-items: center;
	justify-content: flex-start;
	border-radius: 37px;
	background: #612839;
	margin-top: 80px;
}

.t-college .btn-learn:disabled, .t-college .btn-learn.disabled {
	opacity: 0.65;
}

.t-college .btn-learn:not([disabled]):not(.disabled) {
	cursor: pointer;
}

@media screen and (max-width: 1161px) {
	.t-college .btn-learn {
		width: 220px;
		height: 44px;
		font-size: 14px;
		border-radius: 30px;
		margin-top: 50px;
	}
}

.t-college .btn-learn i {
	margin-left: auto;
}

.t-college .container {
	width: 1200px;
}

.t-college .container.section {
	margin: 60px auto 0;
}

@media screen and (max-width: 1161px) {
	.t-college .container.section {
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 1200px) {
	.t-college .container {
		width: 100%;
	}
}

.t-college .tschool-header {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 4.625rem;
	padding: 0 4.375rem;
	background-color: transparent;
	position: fixed;
	left: 4.375rem;
	top: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid rgba(255, 255, 255, 0.19);
	transition: background-color .3s ease;
}

@media screen and (max-width: 1161px) {
	.t-college .tschool-header {
		left: 0;
		position: fixed;
		padding: 0 0.83333rem;
		background-color: #fff;
		border-bottom-color: transparent;
		height: 3.29167rem;
	}

	.t-college .tschool-header .btn-toggle-menu {
		-webkit-display: flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.t-college .tschool-header .right-menus {
	margin-left: auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.t-college .tschool-header .right-menus {
		display: none;
	}
}

.t-college .tschool-header .right-menus a {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 400;
}

.t-college .tschool-header .right-menus .btn.outline {
	margin-left: 24px;
	width: 71px;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	background: transparent;
	border-color: #fff;
}

.t-college .tschool-header .right-menus .divider {
	width: 1px;
	height: 7px;
	background-color: #dad8d8;
	margin: 0 0.75rem;
	display: inline-block;
	vertical-align: middle;
}

.t-college .tschool-header .logo {
	background-color: transparent;
	background-image: url("../images/common/logo-tcollege-white.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 9.3125rem;
	height: 2.4375rem;
	background-size: 100%;
}

@media screen and (max-width: 1161px) {
	.t-college .tschool-header .logo {
		width: 5.4375rem;
		height: 1.41667rem;
		background-size: 100%;
		background-image: url(../images/common/logo-tcollege-red.png);
	}
}

.t-college .tschool-header .my-page {
	display: inline-block;
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 400;
	text-indent: -9999px;
	width: 1.75rem;
	height: 1.625rem;
	background-color: transparent;
	background-image: url("../images/common/icon-mypage.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}

.t-college .tschool-header .main-navigation li + li {
	margin-left: 0;
}

.t-college .tschool-header .main-navigation li a {
	color: #ffffff;
	position: relative;
	padding: 0 1.5625rem;
}

.t-college .tschool-header .main-navigation li a.on::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #b44f57;
	width: 100%;
}

.t-college .tschool-header .main-navigation li a strong {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	height: 74px;
	line-height: 74px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	font-weight: 500;
	letter-spacing: -1px;
}

.t-college .tschool-header .main-navigation li a:hover strong {
	color: #fff;
	-webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	-o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.t-college .tschool-header .main-navigation li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	height: 53px;
	background: #fff;
	width: 100%;
	border-top: 1px solid #dfdfdf;
}

.t-college .tschool-header .main-navigation li .sub-menu > ul {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-start;
	padding: 0 250px;
}

.t-college .tschool-header .main-navigation li .sub-menu > ul > li > a {
	height: 52px;
	color: #727272;
	font-size: 15px;
	font-weight: 500;
	padding: 0 14px;
	border-bottom: 0 none;
}

.t-college .tschool-header .main-navigation li .sub-menu > ul > li > a strong {
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #727272;
	font-weight: 500;
}

.t-college .tschool-header .main-navigation li .sub-menu > ul > li > a:before {
	content: none;
}

.t-college .tschool-header .main-navigation li:hover .sub-menu {
	display: block;
}

.t-college.scrolled .tschool-header,
.t-college .tschool-header.hover {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.t-college.scrolled .tschool-header .right-menus a,
  .t-college .tschool-header.hover .right-menus a {
	color: #282828;
}

.t-college.scrolled .tschool-header .right-menus .btn.outline,
  .t-college .tschool-header.hover .right-menus .btn.outline {
	color: #282828;
	border-color: #282828;
}

.t-college.scrolled .tschool-header .my-page,
  .t-college .tschool-header.hover .my-page {
	background-image: url(../images/common/icon-mypage-gray.png);
}

.t-college.scrolled .tschool-header .logo,
  .t-college .tschool-header.hover .logo {
	background-image: url(../images/common/logo-tcollege-red.png);
}

.t-college.scrolled .tschool-header .main-navigation li a,
  .t-college .tschool-header.hover .main-navigation li a {
	color: #262626;
}

.t-college.scrolled .tschool-header .main-navigation li a strong,
    .t-college .tschool-header.hover .main-navigation li a strong {
	color: #262626;
}

.t-college .tschool-left-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 4.375rem;
	bottom: 0;
	z-index: 50;
	border-right: 1px solid #bfbfbf;
	background: #fff;
	padding-top: 4.5625rem;
}

@media screen and (max-width: 1161px) {
	.t-college .tschool-left-menu {
		display: none;
	}
}

.t-college .tschool-left-menu ul li a {
	width: 100%;
	height: 4.375rem;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.t-college .tschool-left-menu ul li span {
	display: block;
	color: #9b9e9e;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	transition: all .3s ease;
}

.t-college .tschool-left-menu ul li [class^="icon-menu-"] {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	transition: all .3s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.t-college .tschool-left-menu ul li .icon-menu-01 {
	background-image: url("../images/tcollege/menu/icon-menu-01.png");
}

.t-college .tschool-left-menu ul li .icon-menu-02 {
	background-image: url("../images/tcollege/menu/icon-menu-02.png");
}

.t-college .tschool-left-menu ul li .icon-menu-03 {
	background-image: url("../images/tcollege/menu/icon-menu-03.png");
}

.t-college .tschool-left-menu ul li .icon-menu-04 {
	background-image: url("../images/tcollege/menu/icon-menu-04.png");
}

.t-college .tschool-left-menu ul li .icon-menu-05 {
	background-image: url("../images/tcollege/menu/icon-menu-05.png");
}

.t-college .tschool-left-menu ul li .icon-menu-06 {
	background-image: url("../images/tcollege/menu/icon-menu-06.png");
}

.t-college .tschool-left-menu ul li + li {
	margin-top: -1px;
}

.t-college .tschool-left-menu ul li.current a .icon-menu-01,
  .t-college .tschool-left-menu ul li a:hover .icon-menu-01 {
	background-image: url("../images/tcollege/menu/icon-menu-01-active.png");
}

.t-college .tschool-left-menu ul li.current a .icon-menu-02,
  .t-college .tschool-left-menu ul li a:hover .icon-menu-02 {
	background-image: url("../images/tcollege/menu/icon-menu-02-active.png");
}

.t-college .tschool-left-menu ul li.current a .icon-menu-03,
  .t-college .tschool-left-menu ul li a:hover .icon-menu-03 {
	background-image: url("../images/tcollege/menu/icon-menu-03-active.png");
}

.t-college .tschool-left-menu ul li.current a .icon-menu-04,
  .t-college .tschool-left-menu ul li a:hover .icon-menu-04 {
	background-image: url("../images/tcollege/menu/icon-menu-04-active.png");
}

.t-college .tschool-left-menu ul li.current a .icon-menu-05,
  .t-college .tschool-left-menu ul li a:hover .icon-menu-05 {
	background-image: url("../images/tcollege/menu/icon-menu-05-active.png");
}

.t-college .tschool-left-menu ul li.current a .icon-menu-06,
  .t-college .tschool-left-menu ul li a:hover .icon-menu-06 {
	background-image: url("../images/tcollege/menu/icon-menu-06-active.png");
}

.t-college .tschool-left-menu ul li.current a span,
  .t-college .tschool-left-menu ul li a:hover span {
	color: #b44f57;
}

.t-college .page-header {
	height: 560px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .page-header {
		height: 10.77083rem;
		margin-top: 3.29167rem;
	}
}

.t-college .page-header .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg {
		background-size: 100% auto;
	}
}

.t-college .page-header .bg-01 {
	background-image: url("../images/tcollege/bg/bg-01.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg-01 {
		background-image: url("../images/tcollege/bg/bg-01-m.jpg");
		background-size: 100% auto;
	}
}

.t-college .page-header .bg-02 {
	background-image: url("../images/tcollege/bg/bg-02.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg-02 {
		background-image: url("../images/tcollege/bg/bg-02-m.jpg");
		background-size: 100% auto;
	}
}

.t-college .page-header .bg-03 {
	background-image: url("../images/tcollege/bg/bg-03.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg-03 {
		background-image: url("../images/tcollege/bg/bg-03-m.jpg");
		background-size: 100% auto;
	}
}

.t-college .page-header .bg-04 {
	background-image: url("../images/tcollege/bg/bg-04.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg-04 {
		background-image: url("../images/tcollege/bg/bg-04-m.jpg");
		background-size: 100% auto;
	}
}

.t-college .page-header .bg-05 {
	background-image: url("../images/tcollege/bg/bg-05.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg-05 {
		background-image: url("../images/tcollege/bg/bg-05-m.jpg");
		background-size: 100% auto;
	}
}

.t-college .page-header .bg-06 {
	background-image: url("../images/tcollege/bg/bg-06.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .bg-06 {
		background-image: url("../images/tcollege/bg/bg-06-m.jpg");
		background-size: 100% auto;
	}
}

.t-college .page-header .page-header-description {
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin-top: 22px;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition-delay: .45s;
	opacity: 0;
	transform: translate(-40px, 0);
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .page-header-description {
		font-size: 0.75rem;
		text-align: center;
	}
}

.t-college .page-header .breadcrumbs {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: auto;
	overflow: visible;
}

@media screen and (max-width: 1161px) {
	.t-college .page-header .breadcrumbs {
		display: none;
	}
}

.t-college .page-header .breadcrumbs li {
	color: #ffffff;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.54);
	height: 4.125rem;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	overflow: visible;
}

.t-college .page-header .breadcrumbs li .icon-home2 {
	background-color: transparent;
	background-image: url("../images/icon/icon-home2.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 0.75rem;
	height: 0.75rem;
	margin-right: 0.5rem;
	display: block;
}

.t-college .page-header .breadcrumbs li a {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 100%;
}

.t-college .page-header .breadcrumbs li + li:before {
	content: '\f054';
	font-family: "Font Awesome 5 Pro" !important;
	margin: 0 0.75rem;
	font-size: 0.875rem;
}

.t-college .page-header .breadcrumbs li.current {
	font-size: 1.5rem;
}

.t-college .page-header .breadcrumbs li.current a {
	border-bottom: 3px solid #fff;
	margin-bottom: -1px;
}

.t-college.loaded .breadcrumbs {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	-o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}

.t-college.loaded .text--slide-up .char {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.t-college.loaded .page-header-description {
	opacity: 1;
	transform: translate(0, 0);
}

.t-college [data-animate] {
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.t-college [data-animate].nv {
	opacity: 0;
	transform: translate(0, 20px);
}

.t-college.scrolled .tschool-header,
.t-college .tschool-header.hover {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.t-college.scrolled .tschool-header .right-menus a,
  .t-college .tschool-header.hover .right-menus a {
	color: #282828;
}

.t-college.scrolled .tschool-header .right-menus .btn.outline,
  .t-college .tschool-header.hover .right-menus .btn.outline {
	color: #282828;
	border-color: #282828;
}

.t-college.scrolled .tschool-header .my-page,
  .t-college .tschool-header.hover .my-page {
	background-image: url(../images/common/icon-mypage-brown.png);
}

.t-college.scrolled .tschool-header .logo,
  .t-college .tschool-header.hover .logo {
	background-image: url(../images/common/logo-tcollege-red.png);
}

.t-college.scrolled .tschool-header .main-navigation li a,
  .t-college .tschool-header.hover .main-navigation li a {
	color: #262626;
}

.t-college.scrolled .tschool-header .main-navigation li a strong,
    .t-college .tschool-header.hover .main-navigation li a strong {
	color: #262626;
}

.t-college .lecture-introduce {
	padding: 120px 0 100px;
}

.t-college .lecture-introduce .sub-bg {
	top: -60px !important;
	bottom: 394px !important;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce {
		padding: 40px 0 50px;
	}
}

.t-college .lecture-introduce .btn-learn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	width: 38.125rem;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .btn-learn-wrap {
		display: block;
		width: 100%;
	}

	.t-college .lecture-introduce .btn-learn-wrap a {
		margin-top: 0.625rem;
	}
}

.t-college .lecture-introduce .btn-learn.kakao {
	background: #fff;
	color: #282727;
	border: 1px solid #282727;
}

.t-college .lecture-introduce .btn-learn.kakao i {
	width: 1.875rem;
	height: 1.6875rem;
	background: url(../images/tschool/icons/icon-kakao.png) no-repeat center center;
	background-size: 1.875rem;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .refund-table {
		width: 100% !important;
		table-layout: inherit !important;
	}

	.t-college .lecture-introduce .refund-table th,
      .t-college .lecture-introduce .refund-table td {
		white-space: nowrap;
	}
}

.t-college .lecture-introduce .refund-table .price-text {
	color: #ff6600 !important;
	font-size: 1.25rem !important;
	font-weight: 500 !important;
}

.t-college .lecture-introduce .responsive-table .info-txt {
	font-size: 14px;
	margin-top: 15px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .responsive-table .info-txt {
		font-size: 13px;
		line-height: 15px;
	}
}

.t-college .lecture-introduce .lecture-introduce-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .lecture-introduce-wrap {
		display: block;
	}
}

.t-college .lecture-introduce .text-wrap {
	order: 1;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .text-wrap {
		order: 2;
	}
}

.t-college .lecture-introduce .text-wrap .title {
	color: #8a3e4b;
	font-size: 40px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 100px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .text-wrap .title {
		font-size: 22px;
		margin-bottom: 15px;
	}
}

.t-college .lecture-introduce .text-wrap .title strong {
	font-weight: 500;
}

.t-college .lecture-introduce .text-wrap .title span,
      .t-college .lecture-introduce .text-wrap .title strong {
	display: block;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .text-wrap .title span,
          .t-college .lecture-introduce .text-wrap .title strong {
		display: inline;
	}
}

.t-college .lecture-introduce .text-wrap .description {
	color: #222;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .text-wrap .description {
		font-size: 14px;
		line-height: 20px;
	}
}

.t-college .lecture-introduce .text-wrap .description span {
	display: block;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .text-wrap .description span {
		display: inline;
		font-size: 16px;
		line-height: 20px;
	}
}

.t-college .lecture-introduce .figure {
	order: 2;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .figure {
		order: 1;
		margin-bottom: 2.91667rem;
	}
}

.t-college .lecture-introduce .figure:before {
	content: '';
	width: 16.875rem;
	height: 16.875rem;
	background: #e8e8e8;
	z-index: -1;
	position: absolute;
	left: -2.125rem;
	top: -2.125rem;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .figure .pc-only {
		display: none;
	}
}

.t-college .lecture-introduce .figure img {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.t-college .lecture-introduce .figure .mobile-only {
	display: none;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce .figure .mobile-only {
		display: block;
		max-width: 100%;
	}
}

.t-college .tab-area {
	width: 100%;
	background: #fff;
	margin-right: 1px;
	margin-bottom: 90px;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-area {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .tab-area {
		margin-bottom: 30px;
	}
}

.t-college .tab-area ul {
	max-width: 75rem;
	flex-wrap: wrap;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-area ul {
		width: 100%;
		max-width: none;
	}
}

.t-college .tab-area ul li {
	flex: 1;
	margin-left: -2px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: 12.5%;
	border: 2px solid #d0d0d0;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-area ul li {
		width: 25%;
		flex: auto;
		margin-bottom: -2px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .tab-area ul li {
		border: 1px solid #d0d0d0;
		margin-left: -1px;
		margin-bottom: -1px;
	}
}

.t-college .tab-area ul li a {
	margin-bottom: -1px;
	display: block;
	text-align: center;
	padding: 15px;
	font-size: 16px;
	font-weight: 300;
	color: #747373;
	width: 100%;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-area ul li a {
		font-size: 14px;
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .tab-area ul li a {
		font-size: 13px;
	}
}

.t-college .tab-area ul li a.on {
	color: #fff;
	font-weight: 400;
	background: #8a3e4b;
}

.t-college .page-txt {
	font-size: 20px;
	color: #4e4d4d;
	width: 68%;
	margin-top: 26px;
	margin-left: 135px;
}

@media screen and (max-width: 1161px) {
	.t-college .page-txt {
		font-size: 15px;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
}

.t-college .p-96 {
	padding-bottom: 96px !important;
}

@media screen and (max-width: 1161px) {
	.t-college .p-96 {
		padding-bottom: 50px !important;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .pd-left-12 {
		padding: 0 12px;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .pd-0 {
		padding: 0px 0px;
	}
}

.t-college .lecture-introduce.pb_0 {
	padding-bottom: 0;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-introduce.pb_30 {
		padding-bottom: 30px;
	}
}

.t-college .lecture-apply-wrap.pb_0 {
	padding-bottom: 0;
}

.t-college .lecture-apply-wrap.pt_0 {
	padding-top: 0;
}

.t-college .lecture-apply-wrap.pt_100 {
	padding-top: 100px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap.pt_100 {
		padding-top: 40px;
	}
}

.t-college .lecture-apply-wrap {
	padding: 100px 0 100px;
}

.t-college .lecture-apply-wrap > .container {
	position: relative;
}

.t-college .lecture-apply-wrap > .container:before {
	content: '';
	display: block;
	width: 100%;
	height: 345px;
	background-color: transparent;
	background-image: url("../images/tschool/bg/bg-lecture_03.gif");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	position: absolute;
	top: -185px;
	left: 0;
	background-repeat: repeat-y;
	z-index: -1;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap > .container:before {
		content: none;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap {
		padding: 50px 0;
	}
}

.t-college .responsive-table {
	width: 100%;
	margin-top: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .responsive-table {
		width: 100%;
		overflow-x: auto;
		margin-top: 20px;
	}
}

.t-college .responsive-table .refund-table {
	width: 100%;
}

.t-college .responsive-table .refund-table thead th {
	border-top: 3px solid #8a3e4b;
	border-bottom: 1px solid #8a3e4b;
}

.t-college .responsive-table .refund-table th {
	background: #eee;
	color: #111111;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	height: 60px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	word-break: keep-all;
	white-space: nowrap;
	padding: 10px;
}

@media screen and (max-width: 1161px) {
	.t-college .responsive-table .refund-table th {
		font-size: 15px;
		height: 45px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .responsive-table .refund-table th {
		font-size: 13px;
	}
}

.t-college .responsive-table .refund-table th:last-child {
	border-right: 0 none;
}

.t-college .responsive-table .refund-table td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #111111;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	padding: 10px 10px;
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
}

@media screen and (max-width: 1161px) {
	.t-college .responsive-table .refund-table td {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .responsive-table .refund-table td {
		font-size: 13px;
	}
}

.t-college .responsive-table .refund-table tr td:last-child {
	border-right: 0 none;
}

.t-college .video-board-area .thum {
	width: 100%;
	min-height: 217px;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-board-area .thum {
		height: auto;
		min-height: inherit;
	}
}

.t-college .video-board-area .thum img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.t-college .video-board-area .thum .icon {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45px;
	height: 42px;
	background: #8a3e4b url("../images/tschool/icons/icon-play.png") no-repeat center center;
	background-size: 12px;
	border-top-right-radius: 5px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-board-area .tit {
    /*font-size: 14px !important;*/;
	}

	.t-college .video-board-area .txt {
		font-size: 13px;
		line-height: 16px;
	}
}

.t-college .video-row-board .search-input-area {
	width: 774px;
	margin: 0 auto 25px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .search-input-area {
		width: 100%;
		margin-bottom: 15px;
	}
}

.t-college .video-row-board .search-input-area input[type="text"] {
	background: #fff !important;
	text-align: center;
}

.t-college .video-row-board .video-board-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	flex-wrap: wrap;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .video-board-area {
		flex-wrap: wrap;
		margin: 0;
	}
}

.t-college .video-row-board .video-board-area .box {
	width: 33.3333%;
	padding: 15px;
}

@media screen and (max-width: 768px) {
	.t-college .video-row-board .video-board-area .box {
		width: 100%;
		padding: 10px 0;
	}
}

.t-college .video-row-board .video-board-area .box .inner {
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	background: #fff;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .video-board-area .box {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-row-board .video-board-area .box {
		width: 100%;
	}
}

.t-college .video-row-board .video-board-area .box .txt-box {
	padding: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .video-board-area .box .txt-box {
		padding: 20px 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-row-board .video-board-area .box .txt-box {
		padding: 20px;
	}
}

.t-college .video-row-board .video-board-area .box .txt-box .item {
	display: flex;
	margin-bottom: 10px;
}

.t-college .video-row-board .video-board-area .box .txt-box .item li {
	min-width: 73px;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	border-radius: 5px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .video-board-area .box .txt-box .item li {
		font-size: 13px;
	}
}

.t-college .video-row-board .video-board-area .box .txt-box .item li + li {
	margin-left: 6px;
}

.t-college .video-row-board .video-board-area .box .txt-box .item .box-gray {
	background: #b7b7b7;
}

.t-college .video-row-board .video-board-area .box .txt-box .item .box-red {
	background: #8a3e4b;
}

.t-college .video-row-board .video-board-area .box .txt-box .tit {
	font-weight: 400;
	font-size: 18px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .video-board-area .box .txt-box .tit {
		margin-bottom: 10px;
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-row-board .video-board-area .box .txt-box .tit {
		font-size: 15px;
		font-weight: 500;
	}
}

.t-college .video-row-board .video-board-area .box .txt-box .txt {
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.t-college .video-row-board .video-board-area .box .txt-box .txt {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-row-board .video-board-area .box .txt-box .txt {
		font-size: 13px;
	}
}

.t-college .video-row-board .video-board-area .box .inner:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

.t-college .video-col-board {
	margin-top: 71px;
}

.t-college .video-col-board .title-area {
	border-bottom: 2px solid #222;
	padding-bottom: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-col-board .title-area {
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
}

.t-college .video-col-board .video-board-area {
	padding: 0px 0px 20px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-col-board .video-board-area {
		padding: 10px 0;
	}
}

.t-college .video-col-board .video-board-area .box {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	padding: 30px 0 40px;
	border-bottom: 1px solid #e8e8e8;
}

@media screen and (max-width: 1161px) {
	.t-college .video-col-board .video-board-area .box {
		padding: 20px 0;
	}
}

.t-college .video-col-board .video-board-area .box .thum {
	width: 345px;
	min-height: auto;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.t-college .video-col-board .video-board-area .box .thum {
		width: inherit;
		flex: 1;
	}
}

.t-college .video-col-board .video-board-area .box .thum:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

.t-college .video-col-board .video-board-area .box .txt-box {
	text-align: left;
	margin-left: 30px;
	flex: 1;
}

.t-college .video-col-board .video-board-area .box .txt-box .tit {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.t-college .video-col-board .video-board-area .box .txt-box .tit {
		font-size: 16px;
	}
}

.t-college .video-col-board .video-board-area .box .txt-box .txt {
	font-weight: 300;
}

.t-college .video-col-board .video-board-area .box + .box {
	padding: 40px 0 50px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-col-board .video-board-area .box + .box {
		padding: 20px 0;
	}
}

.t-college .tab-control {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: 60px;
}

.t-college .tab-control .btn {
	display: block;
	width: 385px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 30px 0px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-control .btn {
		width: 45%;
		padding: 15px 30px 0px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .tab-control .btn {
		padding: 0;
	}
}

.t-college .tab-control .btn:hover {
	color: #8a3e4b;
}

.t-college .tab-control .btn + .btn {
	margin-left: 20px;
}

.t-college .tab-control .btn span {
	font-size: 24px;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-control .btn span {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .tab-control .btn span {
		font-size: 15px;
	}
}

.t-college .tab-control .btn i {
	width: 70px;
	height: 71px;
	display: block;
	background: url("../images/tcollege/icons/icon-go.png");
	margin-top: 7px;
	background-size: 100%;
}

@media screen and (max-width: 1161px) {
	.t-college .tab-control .btn i {
		width: 50px;
		height: 51px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .tab-control .btn i {
		width: 30px;
		height: 31px;
	}
}

.t-college .tab-control .btn.on {
	border-bottom: 4px solid #ff9e01;
}

@media screen and (max-width: 768px) {
	.t-college .tab-control .btn.on {
		border-bottom: 3px solid #ff9e01;
	}
}

.t-college .video-gallery-box + .video-gallery-box {
	margin-top: 70px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box + .video-gallery-box {
		margin-top: 30px;
	}
}

.t-college .video-gallery-box .video-view {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.t-college .video-gallery-box .video-view img.thum {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .video-view img.thum {
		width: 100%;
	}
}

.t-college .video-gallery-box .video-view:hover img.thum {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.t-college .video-gallery-box .video-thum-wrap {
	position: relative;
}

.t-college .video-gallery-box .play-btn {
	display: block;
	width: 102px;
	height: 102px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.22);
	background-repeat: no-repeat;
	background-position: 36px center;
	background-image: url("../images/tschool/icons/icon-playbtn.png");
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .play-btn {
		width: 50px;
		height: 50px;
		background-size: 15px;
		background-position: 20px center;
	}
}

.t-college .video-gallery-box .slide-btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	position: absolute;
	right: 0;
	top: 536px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .slide-btn {
		top: inherit;
		bottom: 10px;
		right: 10px;
	}
}

.t-college .video-gallery-box .slide-btn a {
	display: block;
	width: 58px;
	height: 58px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	padding: 16px 10px;
	margin: 2px;
}

.t-college .video-gallery-box .slide-btn a:hover {
	color: #8a3e4b;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .slide-btn a {
		width: 40px;
		height: 40px;
		padding: 7px 10px;
		font-size: 13px;
	}
}

.t-college .video-gallery-box .video-dsc {
	width: 1064px;
	position: relative;
	margin-top: -75px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .video-dsc {
		margin-top: 0;
		width: 100%;
	}
}

.t-college .video-gallery-box .info-box {
	max-width: 1064px;
	min-height: 120px;
	width: 100%;
	padding: 35px 0 35px 63px;
	color: #fff;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .info-box {
		margin-top: 0;
		padding: 30px 20px;
	}
}

.t-college .video-gallery-box .info-box .info-box-wrap {
	background: #8a3e4b;
	padding: 45px;
	border: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .info-box-wrap {
		padding: 25px;
	}
}

.t-college .video-gallery-box .info-box .tit {
	font-size: 30px;
	border-bottom: 1px solid #1a7f9b;
	padding-bottom: 25px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .info-box .tit {
		font-size: 17px;
	}
}

.t-college .video-gallery-box .info-box .txt-list {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list {
		display: block;
	}
}

.t-college .video-gallery-box .info-box .txt-list .title {
	font-size: 22px;
	flex: auto;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .info-box .txt-list .title {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list .title {
		font-size: 15px;
		flex: none;
		margin-bottom: 5px;
	}
}

.t-college .video-gallery-box .info-box .txt-list .title span {
	display: block;
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list .title span {
		display: inline;
	}
}

.t-college .video-gallery-box .info-box .txt-list .list {
	flex: 5;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .info-box .txt-list .list {
		margin-left: 15px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list .list {
		flex: none;
		margin-left: 0;
	}
}

.t-college .video-gallery-box .info-box .txt-list .list p {
	font-weight: 300;
	padding-left: 10px;
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .info-box .txt-list .list p {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list .list p {
		font-size: 13px;
		line-height: 1.3em;
	}
}

.t-college .video-gallery-box .info-box .txt-list .list p::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	vertical-align: middle;
	background: #bf747a;
	position: absolute;
	left: 0;
	top: 10px;
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list .list p::before {
		top: 6px;
	}
}

.t-college .video-gallery-box .info-box .txt-list .list p + p {
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	.t-college .video-gallery-box .info-box .txt-list .list p + p {
		margin-top: 5px;
	}
}

.t-college .video-gallery-box .info-box .txt-list + .txt-list .list {
	border-top: 1px solid #1a7f9b;
}

.t-college .video-gallery-box .more-btn-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	margin-top: 40px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .more-btn-wrap {
		margin-top: 20px;
	}
}

.t-college .video-gallery-box .more-btn-wrap a {
	flex: 1;
}

@media screen and (max-width: 1161px) {
	.t-college .video-gallery-box .more-btn-wrap a {
		width: 220px;
		margin: auto;
	}
}

.t-college .video-gallery-box .more-btn-wrap a + a {
	margin-left: 15px;
}

.t-college .video-recommand {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: -76px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand {
		display: block;
		margin-top: 20px;
	}
}

.t-college .video-recommand .thum-box {
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand .thum-box {
		width: 100% !important;
		height: 300px !important;
	}
}

.t-college .video-recommand .thum-box .img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand .thum-box .img {
		width: 100% !important;
		height: 300px !important;
	}
}

.t-college .video-recommand .thum-box:hover .img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.t-college .video-recommand .video-box.left .thum-box {
	width: 504px;
	height: 655px;
	overflow: hidden;
}

.t-college .video-recommand .video-box.right .thum-box {
	width: 580px;
	height: 388px;
	overflow: hidden;
}

.t-college .video-recommand .video-box.right .thum-box.thum-box {
	margin-top: 60px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand .video-box.right .thum-box.thum-box {
		margin-top: 20px;
	}
}

.t-college .video-recommand .thum-box.box01 .img {
	background-image: url("../images/tschool/lecture/video-recommand-01.jpg");
}

.t-college .video-recommand .thum-box.box02 .img {
	background-image: url("../images/tschool/lecture/video-recommand-02.jpg");
}

.t-college .video-recommand .thum-box.box03 .img {
	background-image: url("../images/tschool/lecture/video-recommand-03.jpg");
}

.t-college .video-recommand .txt-wrap {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	color: #fff;
	font-weight: 600;
}

.t-college .video-recommand .txt-wrap .tit {
	font-size: 22px;
	font-weight: 400;
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand .txt-wrap .tit {
		font-size: 14px;
	}
}

.t-college .video-recommand .txt-wrap .name {
	font-size: 30px;
	font-weight: 400;
	margin-top: 10px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand .txt-wrap .name {
		font-size: 16px;
		margin-top: 0px;
	}
}

.t-college .video-recommand .txt-wrap .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background: #612839 url("../images/tschool/icons/icon-play.png") no-repeat center center;
	background-size: 16px;
}

@media screen and (max-width: 1161px) {
	.t-college .video-recommand .txt-wrap .btn {
		width: 40px;
		height: 40px;
		background-size: 10px;
	}
}

.t-college .layer-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 100;
}

.t-college .layer-popup .popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	padding: 25px 60px;
}

@media screen and (max-width: 1161px) {
	.t-college .layer-popup .popup-inner {
		width: 100% !important;
		padding: 70px 10px 10px;
	}
}

.t-college .layer-popup .popup-inner.video-view {
	width: 1230px;
}

.t-college .layer-popup .popup-inner .popup-ctn-wrap {
	position: relative;
	background: #fff;
	padding: 60px;
	margin: 0 auto;
}

@media screen and (max-width: 1161px) {
	.t-college .layer-popup .popup-inner .popup-ctn-wrap {
		padding: 20px;
	}
}

.t-college .layer-popup .popup-inner .close {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	background: url("../images/tschool/icons/icon-close.png") no-repeat center center;
	top: 0;
	right: 0px;
}

@media screen and (max-width: 1161px) {
	.t-college .layer-popup .popup-inner .close {
		right: 50%;
		margin-right: -26px;
	}
}

.t-college .red-btn-book {
	display: inline-block;
	padding: 15px 25px;
	background: #222;
	border-radius: 30px;
	color: #fff;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	width: 175px;
}

@media screen and (max-width: 1161px) {
	.t-college .red-btn-book {
		padding: 10px 25px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .red-btn-book {
		font-size: 13px;
	}
}

.t-college .red-btn-book:hover {
	background: #612839;
}

.t-college .red-btn-book span {
	display: block;
	color: #fff;
}

.t-college .red-btn-book i {
	width: 30px;
	height: 23px;
	background: url("../images/tschool/icons/icon-book.png") no-repeat center center;
	background-size: contain;
	display: inline-block;
}

@media screen and (max-width: 1161px) {
	.t-college .red-btn-book i {
		width: 20px;
	}
}

.t-college .red-btn-book-2 {
	display: inline-block;
	padding: 15px 25px;
	background: #612839;
	border-radius: 30px;
	color: #fff;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	width: 175px;
	margin: auto;
}

@media screen and (max-width: 1161px) {
	.t-college .red-btn-book-2 {
		padding: 10px 25px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .red-btn-book-2 {
		font-size: 13px;
	}
}

.t-college .red-btn-book-2 span {
	display: block;
	color: #fff;
}

.t-college .red-btn-book-2 i {
	width: 30px;
	height: 23px;
	background: url("../images/tschool/icons/icon-book.png") no-repeat center center;
	background-size: contain;
	display: inline-block;
}

@media screen and (max-width: 1161px) {
	.t-college .red-btn-book-2 i {
		width: 20px;
	}
}

.t-college .red-btn-print {
	display: inline-block;
	padding: 10px 25px;
	background: #612839;
	border-radius: 30px;
	color: #fff;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 175px;
	margin: auto;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.t-college .red-btn-print {
		font-size: 13px;
		padding: 7px 15px;
		min-width: 112px;
	}
}

.t-college .red-btn-print span {
	display: block;
	color: #fff;
}

.t-college .red-btn-print i {
	width: 30px;
	height: 23px;
	background: url("../images/tcollege/icons/print.png") no-repeat center center;
	background-size: contain;
	display: inline-block;
}

@media screen and (max-width: 1161px) {
	.t-college .red-btn-print i {
		width: 20px;
	}
}

.t-college .paging-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 44px;
}

.t-college .paging-area .btn-wrap,
  .t-college .paging-area .num-wrap {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t-college .paging-area .btn-wrap a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	margin: 0 5px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.t-college .paging-area .btn-wrap a {
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: 0 3px;
	}
}

.t-college .paging-area .btn-wrap a:hover {
	background: #ff9e01;
	border: 1px solid #fff;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}

.t-college .paging-area .btn-wrap a.first {
	background-image: url("../images/tschool/icons/icon-arrow06.png");
}

.t-college .paging-area .btn-wrap a.prev {
	background-image: url("../images/tschool/icons/icon-arrow07.png");
}

.t-college .paging-area .btn-wrap a.next {
	background-image: url("../images/tschool/icons/icon-arrow08.png");
}

.t-college .paging-area .btn-wrap a.last {
	background-image: url("../images/tschool/icons/icon-arrow09.png");
}

.t-college .paging-area .btn-wrap a.first:hover {
	background-image: url("../images/tschool/icons/icon-arrow06_over.png");
}

.t-college .paging-area .btn-wrap a.prev:hover {
	background-image: url("../images/tschool/icons/icon-arrow07_over.png");
}

.t-college .paging-area .btn-wrap a.next:hover {
	background-image: url("../images/tschool/icons/icon-arrow08_over.png");
}

.t-college .paging-area .btn-wrap a.last:hover {
	background-image: url("../images/tschool/icons/icon-arrow09_over.png");
}

.t-college .paging-area .num-wrap {
	margin: 0 15px;
}

@media screen and (max-width: 1161px) {
	.t-college .paging-area .num-wrap {
		margin: 0 10px;
	}
}

.t-college .paging-area .num-wrap a {
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.t-college .paging-area .num-wrap a {
		font-size: 14px;
		width: 30px;
		line-height: 30px;
	}
}

.t-college .paging-area .num-wrap a:hover, .t-college .paging-area .num-wrap a.on {
	background: #ff9e01;
	color: #fff;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1161px) {
	.t-college .paging-area .num-wrap a:hover, .t-college .paging-area .num-wrap a.on {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

.t-college .layout-footer.company-footer {
	background: #fff;
	justify-content: space-between;
	border-top: 1px solid #e6e6e6;
}

.t-college .layout-footer.company-footer .footer-content {
	padding: 50px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 1161px) {
	.t-college .layout-footer.company-footer .footer-content {
		padding: 30px;
		display: block;
		text-align: center;
	}

	.t-college .layout-footer.company-footer .footer-content dt,
        .t-college .layout-footer.company-footer .footer-content dd {
		color: #222;
	}
}

.t-college .layout-footer.company-footer .footer-content .ctn {
	width: 1300px;
	margin: 0 auto;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 1161px) {
	.t-college .layout-footer.company-footer .footer-content .ctn {
		width: 100%;
		display: block;
	}
}

.t-college .layout-footer.company-footer .footer-content .ctn .logo-footer {
	margin-top: 10px;
	margin-right: 54px;
}

@media screen and (max-width: 1161px) {
	.t-college .layout-footer.company-footer .footer-content .ctn .logo-footer {
		margin: 0 0 10px;
	}
}

@media screen and (max-width: 480px) {
	.t-college .layout-footer.company-footer .footer-content .ctn .logo-footer {
		display: block;
		margin: 0 auto 10px;
		width: 130px;
	}
}

.t-college .layout-footer.company-footer .family-site {
	border: 1px solid #b5b5b5;
	color: #222;
}

@media screen and (max-width: 1161px) {
	.t-college .layout-footer.company-footer .family-site {
		margin-top: 20px;
	}
}

.t-college .sub-top-area {
	position: relative;
}

.t-college .sub-top-area .sub-bg {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin-top: 100px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .sub-bg {
		display: none;
	}
}

.t-college .sub-top-area .sub-bg::after {
	content: '';
	display: block;
	position: absolute;
	width: 58px;
	height: 5px;
	background: #8a3e4b;
	margin-top: 39px;
}

.t-college .sub-top-area .sub-bg.bg {
	top: 0;
}

.t-college .sub-top-area .sub-bg.bg::after {
	content: none;
}

.t-college .sub-top-area .sub-bg.bt-100 {
	bottom: -100px;
}

.t-college .sub-top-area .sub-bg.bt-200 {
	bottom: -200px;
}

.t-college .sub-top-area .font-22 {
	color: #222;
	font-weight: 400;
	line-height: 30px;
	font-size: 22px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .font-22 {
		font-size: 18px;
		line-height: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-top-area .font-22 {
		font-size: 15px;
	}
}

.t-college .sub-top-area .lecture-apply-wrap h4 {
	font-size: 26px;
	margin-bottom: 25px;
	word-break: keep-all;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .lecture-apply-wrap h4 {
		font-size: 18px;
	}
}

.t-college .sub-top-area .lecture-apply-wrap ul {
	margin-bottom: 15px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .lecture-apply-wrap ul {
		margin-bottom: 20px;
	}
}

.t-college .sub-top-area .lecture-apply-wrap ul li {
	font-size: 18px;
	color: #222;
	line-height: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .lecture-apply-wrap ul li {
		font-size: 15px;
		line-height: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-top-area .lecture-apply-wrap ul li {
		font-size: 13px;
	}
}

.t-college .sub-top-area .lecture-apply-wrap ul li strong {
	color: #222;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .lecture-apply-wrap ul li strong {
		font-weight: 500;
	}
}

.t-college .sub-top-area .lecture-apply-wrap ul li span {
	color: #777;
}

.t-college .sub-top-area .lecture-apply-wrap .container {
	width: 1200px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-top-area .lecture-apply-wrap .container {
		width: 100%;
	}
}

.t-college .sub-top-area .lecture-apply-wrap .container p {
	text-align: center;
	margin-bottom: 0;
}

.t-college .sub-top-area .lecture-apply-wrap .video-row-board .txt-box {
	padding: 25px;
}

.t-college .sub-container {
	width: 100%;
	background: #f6f7f8;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-container {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-container {
		width: 100%;
	}
}

.t-college .sub-container .lecture-apply-wrap {
	display: flex;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-container .lecture-apply-wrap {
		display: block;
		width: 100%;
	}
}

.t-college .sub-container .lecture-apply-wrap .bar {
	height: 1px;
	width: 190px;
	background: #222;
	margin: 17px 24px 0 24px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-container .lecture-apply-wrap .bar {
		display: none;
	}
}

.t-college .sub-container .sub-right {
	width: 867px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-container .sub-right {
		width: 100%;
	}
}

.t-college .sub-container .sub-right .description {
	margin-bottom: 20px;
}

.t-college .sub-container .sub-right .t1 {
	margin-top: 40px;
}

.t-college .sub-container .sub-right .t1 a {
	margin-left: 10px;
	font-weight: 800;
	border-bottom: 1px solid #222;
	color: #222;
	font-size: 14px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-container .sub-right .t1 a {
		font-weight: 500;
	}
}

.t-college .sub-container .sub-right .t1 a img {
	padding-bottom: 3px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-container .sub-right .t1 a img {
		width: 66px;
	}
}

.t-college .sub-container .sub-right .t1 a:hover {
	color: #8a3e4b;
}

.t-college .sub-container .video-row-board .video-board-area .box {
	width: 50%;
}

@media screen and (max-width: 768px) {
	.t-college .sub-container .video-row-board .video-board-area .box {
		width: 100%;
	}
}

.t-college .sub-container .video-row-board .video-board-area .box p {
	text-align: center;
	margin-bottom: 0;
}

.t-college .sub-container .ma-0 {
	margin: 0px;
}

.t-college .sub-2 {
	background-color: #fff;
}

.t-college .sub-2 .container .lecture-apply-wrap .bar {
	padding: 0px 24px 0px 48px;
}

.t-college .sub-2 .container .video-row-board .video-board-area .box-n {
	width: 100%;
	border: none;
	border-radius: 0;
}

.t-college .sub-2 .container .video-row-board .video-board-area .box-n ul {
	display: flex;
}

@media screen and (max-width: 768px) {
	.t-college .sub-2 .container .video-row-board .video-board-area .box-n ul {
		display: block;
	}
}

.t-college .sub-2 .container .video-row-board .video-board-area .box-n .thum {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.t-college .sub-2 .container .video-row-board .video-board-area .box-n .thum li {
	padding: 0 17px;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.t-college .sub-2 .container .video-row-board .video-board-area .box-n .thum li {
		padding: 15px 0;
		width: 100%;
	}
}

.t-college .sub-2 .container .video-row-board .video-board-area .box-n .thum img {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #f6f6f6;
	padding: 20px 30px;
}

.t-college .part01.lecture-apply-wrap {
	padding: 100px 0;
}

.t-college .part01 .video-row-board .video-board-area .box {
	width: 33.3333%;
}

.t-college .part01 .video-row-board .video-board-area .box .txt-box .tit {
	margin-bottom: 0;
}

.t-college .sub-container .sub-right .box .txt-box {
	padding: 25px;
}

@media screen and (max-width: 1161px) {
	.t-college .part01.lecture-apply-wrap {
		padding: 50px 0;
	}
}

@media screen and (max-width: 768px) {
	.t-college .part01 .video-row-board .video-board-area .box {
		width: 100%;
	}

	.t-college .sub-container .sub-right .box .txt-box {
		padding: 15px;
	}
}

.t-college .lecture-apply-wrap ul {
	margin-bottom: 35px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap ul {
		margin-bottom: 20px;
	}
}

.t-college .lecture-apply-wrap ul li {
	font-size: 18px;
	color: #222;
	line-height: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap ul li {
		font-size: 15px;
		line-height: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .lecture-apply-wrap ul li {
		font-size: 13px;
	}
}

.t-college .lecture-apply-wrap ul li strong {
	color: #222;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap ul li strong {
		font-weight: 500;
	}
}

.t-college .lecture-apply-wrap ul li span {
	color: #777;
}

.t-college .lecture-apply-wrap .container {
	width: 1200px;
}

@media screen and (max-width: 1161px) {
	.t-college .lecture-apply-wrap .container {
		width: 100%;
	}
}

.t-college .lecture-apply-wrap .container p {
	text-align: center;
	margin-bottom: 0;
}

.t-college .lecture-apply-wrap .video-row-board .txt-box {
	padding: 13.5px;
}

.t-college .lecture-apply-wrap .video-row-board .txt-box.only-tit {
	padding: 25px;
}

.t-college .lecture-apply-wrap .video-row-board .txt-box.only-tit .tit {
	margin-bottom: 0;
}

.t-college .ctn-01 {
	width: 1200px;
	margin: 0 auto;
	padding-top: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-01 {
		width: 100%;
		padding-top: 0px;
	}
}

.t-college .ctn-01 .txt {
	margin-top: -16px;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-01 .txt {
		margin-top: 30px;
	}
}

.t-college .ctn-02 {
	width: 100%;
	background: #fff;
	padding: 55px 0 0px;
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-02 {
		padding: 20px 0 0;
	}
}

@media screen and (max-width: 768px) {
	.t-college .ctn-02 {
		padding: 10px 0 0;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-02 .ctn-inner {
		width: 100%;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .ctn-02 .ctn-inner .video-recommend {
		padding: 0;
	}
}

.t-college .search-area {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
}

@media screen and (max-width: 768px) {
	.t-college .search-area {
		display: block;
	}
}

.t-college .search-area select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	font-size: 16px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url("../images/company/icon/ico-arrow03.png");
	background-position: right 7px center;
	height: 60px;
}

@media screen and (max-width: 768px) {
	.t-college .search-area select {
		font-size: 13px;
	}
}

.t-college .search-area select::-ms-expand {
	display: none;
}

.t-college .search-area .search-select {
	border: 0;
	border-bottom: 2px solid #000000;
	width: 370px;
	margin-right: 27px;
}

@media screen and (max-width: 768px) {
	.t-college .search-area .search-select {
		width: 100%;
	}
}

.t-college .search-input {
	position: relative;
	width: 100%;
	padding-right: 62px;
}

@media screen and (max-width: 1161px) {
	.t-college .search-input {
		margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .search-input {
		padding-right: 48px;
	}
}

.t-college .search-input input {
	width: 100%;
	border: 2px solid #000;
	padding: 17px;
	font-size: 16px;
}

@media screen and (max-width: 1161px) {
	.t-college .search-input input {
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .search-input input {
		font-size: 13px;
	}
}

.t-college .search-input .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 62px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/company/icon/ico-search.png");
	font-size: 0;
	display: block;
}

@media screen and (max-width: 1161px) {
	.t-college .search-input .search-btn {
		height: 48px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .search-input .search-btn {
		width: 48px;
	}
}

.t-college .wh-a {
	width: auto;
}

@media screen and (max-width: 1161px) {
	.t-college .wh-a {
		padding: 40px 0 0 0px;
	}
}

.t-college .wh-1200 {
	width: 1200px !important;
	margin: auto !important;
}

@media screen and (max-width: 1161px) {
	.t-college .wh-1200 {
		width: 100% !important;
		padding: 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .wh-1200 {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .pt_0 {
		padding: 0;
	}
}

.t-college .bg-f6f7f8 {
	background-color: #f6f7f8;
}

.t-college .introduce {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce {
		padding: 30px;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce {
		padding: 20px;
		display: block;
	}
}

.t-college .introduce .img-box {
	width: 371px;
	background-image: url(../images/tcollege/thum/campus-thum01.jpg);
	background-size: 230px auto;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding: 0 30px 40px 0;
	margin-right: 70px;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .img-box {
		width: 470px;
		margin-right: 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce .img-box {
		width: 15.625rem;
		margin: 30px auto 0;
	}
}

.t-college .introduce .img-box img {
	width: 332px;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .img-box img {
		width: 100%;
	}
}

.t-college .introduce .lecture-apply-wrap {
	padding: 35px 35px 0 0;
	background-image: url("../images/tcollege/thum/campus-thum03.jpg");
	background-size: 230px auto;
	background-repeat: no-repeat;
	background-position: 100% 0%;
}

.t-college .introduce .lecture-apply-wrap li + li {
	margin-top: 25px;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .lecture-apply-wrap li + li {
		margin-top: 18px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce .lecture-apply-wrap li + li {
		margin-top: 7px;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .lecture-apply-wrap {
		background-size: 150px auto;
		padding: 30px 0;
		background-position: right 0;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce .lecture-apply-wrap {
		background-image: url("../images/tcollege/thum/campus-thum04.png");
		background-position: left bottom;
		padding: 30px 0 3px 20px;
	}
}

.t-college .introduce .lecture-apply-wrap .b {
	line-height: 30px;
	font-weight: 500;
	font-size: 23px;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .lecture-apply-wrap .b {
		line-height: 20px;
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce .lecture-apply-wrap .b {
		font-size: 15px;
		line-height: 22px;
	}
}

.t-college .introduce .lecture-apply-wrap .b span {
	display: block;
	color: #222;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .lecture-apply-wrap .b span {
		display: inline;
	}
}

.t-college .introduce .lecture-apply-wrap .description {
	font-size: 19px;
	line-height: 30px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .lecture-apply-wrap .description {
		font-size: 17px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce .lecture-apply-wrap .description {
		font-size: 15px;
		line-height: 22px;
	}
}

.t-college .introduce .lecture-apply-wrap .description span {
	font-size: 23px;
	color: #8a3e4b;
	font-weight: 500;
	display: block;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce .lecture-apply-wrap .description span {
		font-size: 17px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce .lecture-apply-wrap .description span {
		font-size: 15px;
		line-height: 22px;
	}
}

.t-college .introduce.switch {
	flex-direction: row-reverse;
}

.t-college .introduce.switch .img-box {
	margin-right: 0;
	margin-left: 70px;
}

@media screen and (max-width: 1161px) {
	.t-college .introduce.switch .img-box {
		margin-right: 0;
		margin-left: 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .introduce.switch .img-box {
		width: 15.625rem;
		margin: 30px auto 0;
	}
}

.t-college .introduce.switch .lecture-apply-wrap {
	padding: 35px 0 0 35px;
	background-position: left top;
	background-image: url("../images/tcollege/thum/campus-thum05.png");
}

@media screen and (max-width: 768px) {
	.t-college .introduce.switch .lecture-apply-wrap {
		background-image: url("../images/tcollege/thum/campus-thum04.png");
		background-position: left bottom;
		padding: 30px 0 3px 20px;
	}
}

@media screen and (max-width: 1161px) {
	.t-college .map {
		padding: 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .map {
		padding: 0 20px;
	}
}

.t-college .map .page-left {
	position: relative;
}

.t-college .map .page-left .btn-wrap {
	position: absolute;
	right: 0px;
	bottom: 0;
	display: flex;
}

@media screen and (max-width: 768px) {
	.t-college .map .page-left .btn-wrap {
		position: static;
		margin-top: 10px;
	}
}

.t-college .map .page-left .btn-wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 7px;
	border-radius: 5px;
}

@media screen and (max-width: 768px) {
	.t-college .map .page-left .btn-wrap a {
		height: 35px;
	}
}

.t-college .map .page-left .btn-wrap a img {
	display: block;
}

.t-college .map .page-left .btn-wrap a + a {
	margin-left: 5px;
}

.t-college .map .page-left .btn-wrap a.blog {
	background-color: #3fd41a;
}

.t-college .map .page-left .btn-wrap a.blog img {
	width: 45px;
}

.t-college .map .page-left .btn-wrap a.cafe {
	background-color: #01c73c;
}

.t-college .map .page-left .btn-wrap a.cafe img {
	width: 30px;
}

.t-college .map .page-left .btn-wrap a.youtube {
	background: #ff0000;
}

.t-college .map .page-left .btn-wrap a.youtube img {
	width: 62px;
}

.t-college .map .page-left .btn-wrap a.insta {
	background: #7b1cc7;
	background: -webkit-linear-gradient(150deg, #7b1cc7 0%, #dd2087 49%, #fae002 100%);
	background: -o-linear-gradient(150deg, #7b1cc7 0%, #dd2087 49%, #fae002 100%);
	background: linear-gradient(240deg, #7b1cc7 0%, #dd2087 49%, #fae002 100%);
}

.t-college .map .page-left .btn-wrap a.insta img {
	width: 30px;
}

.t-college .map iframe {
	height: 475px;
	margin-top: 30px;
	border: 1px solid #ddd;
}

@media screen and (max-width: 1161px) {
	.t-college .map iframe {
		height: 300px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .map iframe {
		height: 250px;
	}
}

.t-college .sub-contain {
	width: 100%;
}

.t-college .sub-contain .page-title.h4 {
	font-size: 26px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-contain .page-title.h4 {
		font-size: 20px;
	}
}

.t-college .teacher,
.t-college .study-site,
.t-college .study-vedio {
	width: 1200px;
	position: relative;
	margin: auto;
}

@media screen and (max-width: 1161px) {
	.t-college .teacher,
    .t-college .study-site,
    .t-college .study-vedio {
		width: 100%;
		padding: 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .teacher,
    .t-college .study-site,
    .t-college .study-vedio {
		padding: 0 20px;
	}
}

.t-college .teacher .lecture-apply-wrap,
  .t-college .study-site .lecture-apply-wrap,
  .t-college .study-vedio .lecture-apply-wrap {
	position: relative;
}

@media screen and (max-width: 1161px) {
	.t-college .teacher .lecture-apply-wrap,
      .t-college .study-site .lecture-apply-wrap,
      .t-college .study-vedio .lecture-apply-wrap {
		padding-top: 40px;
		padding-bottom: 80px;
	}
}

.t-college .teacher .slide-btn,
  .t-college .study-site .slide-btn,
  .t-college .study-vedio .slide-btn {
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	position: absolute;
	right: 0;
	top: 100px;
}

@media screen and (max-width: 1161px) {
	.t-college .teacher .slide-btn,
      .t-college .study-site .slide-btn,
      .t-college .study-vedio .slide-btn {
		top: auto;
		right: auto;
		padding-top: 10px;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
	}
}

.t-college .teacher .slide-btn a,
    .t-college .study-site .slide-btn a,
    .t-college .study-vedio .slide-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	padding: 16px 10px;
	margin: 2px;
}

@media screen and (max-width: 1161px) {
	.t-college .teacher .slide-btn a,
        .t-college .study-site .slide-btn a,
        .t-college .study-vedio .slide-btn a {
		width: 40px;
		height: 40px;
		padding: 7px 10px;
		font-size: 13px;
	}
}

.t-college .teacher .slide-btn a:hover,
      .t-college .study-site .slide-btn a:hover,
      .t-college .study-vedio .slide-btn a:hover {
	color: #8a3e4b;
}

.t-college .teacher .lecture-apply-wrap .container p {
	text-align: left;
}

.t-college .study-site .video-row-board .video-board-area {
	margin-left: 0;
	margin-right: 0;
}

.t-college .study-site .video-row-board .video-board-area .box {
	margin: 15px 5px;
	padding: 0;
}

.t-college .study-site .video-board-area .thum {
	min-height: 0;
}

.t-college .study-vedio {
	padding-bottom: 150px;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio {
		padding-bottom: 75px;
	}
}

.t-college .study-vedio .h4 {
	padding-top: 125px;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio .h4 {
		padding-top: 40px;
	}
}

.t-college .study-vedio .video-board-area {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio .video-board-area {
		flex-wrap: wrap;
		margin: 0;
	}
}

.t-college .study-vedio .video-board-area .box {
	width: 30.8%;
	margin: 15px;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	background: #fff;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio .video-board-area .box {
		width: 100%;
		margin: 10px 0px;
	}
}

.t-college .study-vedio .video-board-area .box .txt-box {
	padding: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio .video-board-area .box .txt-box {
		padding: 20px 30px;
	}
}

.t-college .study-vedio .video-board-area .box .txt-box .box-gray {
	display: inline-block;
	width: 80px;
	padding: 5px 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	background: #b7b7b7;
	margin: 0px 10px 10px 0px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio .video-board-area .box .txt-box .box-gray {
		font-size: 13px;
	}
}

.t-college .study-vedio .video-board-area .box .txt-box .box-red {
	display: inline-block;
	width: 80px;
	padding: 5px 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	background: #8a3e4b;
	margin: 0px 10px 10px 0px;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.t-college .study-vedio .video-board-area .box .txt-box .box-red {
		font-size: 13px;
	}
}

.t-college .study-vedio .video-board-area .box .txt-box .tit {
	font-weight: 500;
	font-size: 18px;
}

.t-college .study-vedio .video-board-area .box:hover {
	box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-moz-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-ms-box-shadow: 0 5px 11px 2px rgba(177, 177, 177, 0.4);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

.t-college .career-info {
	margin: 100px 0;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.t-college .career-info {
		margin: 70px 0;
	}
}

@media screen and (max-width: 768px) {
	.t-college .career-info {
		margin: 50px 0;
	}
}

.t-college .career-info p {
	font-size: 18px;
}

@media screen and (max-width: 768px) {
	.t-college .career-info p {
		font-size: 15px;
	}
}

.t-college .career-info .btn-learn {
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
	.t-college .career-info .btn-learn {
		margin-top: 20px;
	}
}

.t-college .career-none {
	text-align: center;
	margin: 100px 0;
}

@media screen and (max-width: 1161px) {
	.t-college .career-none {
		margin: 70px 0;
	}
}

@media screen and (max-width: 768px) {
	.t-college .career-none {
		margin: 50px 0;
	}
}

.t-college .career-none .img-box {
	width: 150px;
	height: 150px;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
	margin: 0 auto 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 1161px) {
	.t-college .career-none .img-box {
		width: 120px;
		height: 120px;
		margin: 0 auto 20px;
	}
}

.t-college .career-none img {
	width: 80px;
}

@media screen and (max-width: 1161px) {
	.t-college .career-none img {
		width: 50px;
	}
}

.t-college .career-none p {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #696969;
}

@media screen and (max-width: 1161px) {
	.t-college .career-none p {
		font-size: 16px;
	}
}

.t-college #main-content .sub-menu-dropdown .toggle-button {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.t-college #main-content .sub-menu-dropdown .toggle-button {
		font-size: 13px;
	}
}

.t-college #main-content .page-header {
	position: relative;
	height: auto;
	overflow: hidden;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .page-header {
      /* height: 500px; */;
	}
}

@media screen and (max-width: 768px) {
	.t-college #main-content .page-header {
      /* height: 350px; */;
	}
}

.t-college #main-content .main-visual-play-btn {
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.t-college #main-content .main-visual-play-btn {
		bottom: 21px;
	}
}

.t-college #main-content .main-visual-play-btn a {
	display: block;
	color: #fff;
	width: 15px;
	height: 15px;
	text-align: center;
	font-size: 10px;
}

.t-college #main-content .main-visual-play-btn a.on {
	display: none;
}

.t-college #main-content .main-visual-play-btn .pause {
	background: url("../images/tschool/icons/icon-play-stop.png") no-repeat center center;
}

.t-college #main-content .main-visual-play-btn .play {
	display: block;
	line-height: 30px;
}

.t-college #main-content .main-visual-play-btn .play.on {
	display: none !important;
}

.t-college #main-content .go-btn {
	display: inline-block;
	width: 176px;
	padding: 10px 20px;
	color: #fff;
	border: 4px solid #fff;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	font-size: 15px;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .go-btn {
		font-size: 14px;
		top: 340px;
		border: 2px solid #fff;
	}
}

@media screen and (max-width: 768px) {
	.t-college #main-content .go-btn {
		font-size: 13px;
		top: 190px;
		width: 130px;
		padding: 5px 10px;
	}
}

.t-college #main-content .go-btn:hover {
	border: 1px solid #b44f57;
	background: #b44f57;
}

.t-college #main-content .go-btn.black {
	margin-top: 40px;
	border: 1px solid #ddd;
	color: #222;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.t-college #main-content .go-btn.black {
		margin-top: 25px;
	}
}

.t-college #main-content .go-btn.black:hover {
	color: #fff;
}

.t-college #main-content .main-paging-area {
	align-items: center;
	width: 100%;
	background-color: #f5f5f5;
}

.t-college #main-content .main-paging-area .area-top {
	text-align: right;
	padding: 40px 30px 0px 0px;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .main-paging-area .area-top {
		padding: 15px 15px 0px 0px;
	}
}

.t-college #main-content .main-paging-area .area-top li {
	display: inline-block;
}

.t-college #main-content .main-paging-area .area-top .num {
	font-size: 15px;
	color: #c0c0c0;
	margin-right: 52px;
	font-weight: bold;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .main-paging-area .area-top .num {
		margin-right: 30px;
		font-size: 13px;
	}
}

.t-college #main-content .main-paging-area .area-top .num span {
	color: #222;
}

.t-college #main-content .main-paging-area .area-top .btn-wrap {
	margin-left: 234px;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .main-paging-area .area-top .btn-wrap {
		margin-left: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college #main-content .main-paging-area .area-top .btn-wrap {
		margin-left: 0px;
	}
}

.t-college #main-content .main-paging-area .area-top .btn-wrap a {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	margin-left: 35px;
	border-radius: 0;
	border: none;
	background-color: none;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .main-paging-area .area-top .btn-wrap a {
		margin-left: 20px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.t-college #main-content .main-paging-area .area-top .btn-wrap a {
		margin-left: 24px;
		font-size: 12px;
	}
}

.t-college #main-content .main-paging-area .area-top .btn-wrap a:hover {
	color: #893b49;
}

.t-college #main-content .main-paging-area .area-bottom {
	text-align: right;
	padding-right: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .main-paging-area .area-bottom {
		padding-right: 15px;
	}
}

.t-college #main-content .main-paging-area .area-bottom ul {
	display: inline-flex;
}

.t-college #main-content .main-paging-area .area-bottom li {
	display: inline-block;
	border-bottom: 1px solid #cbcbcb;
	width: 150px;
}

@media screen and (max-width: 1161px) {
	.t-college #main-content .main-paging-area .area-bottom li {
		width: 60px;
	}
}

@media screen and (max-width: 768px) {
	.t-college #main-content .main-paging-area .area-bottom li {
		width: 60px;
	}
}

.t-college #main-content .main-paging-area .area-bottom li.on {
	border-bottom: 1px solid #000;
}

.t-college .main-visual-slide {
	width: 100%;
	background-color: #fff;
}

.t-college .main-visual-slide .slide {
	width: 100%;
	height: 50vw;
	position: relative;
	text-align: center;
	animation: visual-out 2s ease-out forwards;
}

.t-college .main-visual-slide .slide.slide02 {
	background-image: url(../images/tcollege/bg/main-02.jpg);
}

.t-college .main-visual-slide .slide.slide03 {
	background-image: url(../images/tcollege/bg/main-03.jpg);
}

.t-college .main-visual-slide .slide.slick-active {
	animation: visual-in 2s ease-out forwards;
}

.t-college .main-visual-slide .slide.slick-active .txt01 {
	animation: ani-move2 1s ease-out forwards;
}

.t-college .main-visual-slide .slide.slick-active .bar {
	animation: ani-move2 1s 0.5s ease-out forwards;
}

.t-college .main-visual-slide .slide.slick-active .txt02 {
	animation: ani-move2 1s 1s ease-out forwards;
}

.t-college .main-visual-slide .slide.slick-active .go-btn {
	animation: ani-move2 1s 1.5s ease-out forwards;
}

.t-college .main-visual-slide .slide video {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
}

.t-college .main-visual-slide .slide .descriptions {
	position: absolute;
	text-align: center;
	top: 17vw;
	width: 100%;
	transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 1161px) {
	.t-college .main-visual-slide .slide .descriptions {
		top: 14vw;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-visual-slide .slide .descriptions {
		top: 11vw;
	}
}

.t-college .main-visual-slide .slide .descriptions p,
      .t-college .main-visual-slide .slide .descriptions .go-btn {
	color: #fff;
	opacity: 0;
}

.t-college .main-visual-slide .slide .txt01 {
	font-size: 20px;
	font-weight: 200;
	line-height: 35px;
	letter-spacing: 4px;
	margin-bottom: 15px;
}

@media screen and (max-width: 1161px) {
	.t-college .main-visual-slide .slide .txt01 {
		font-size: 17px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-visual-slide .slide .txt01 {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 10px;
	}
}

.t-college .main-visual-slide .slide .bar {
	width: 549px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	margin: 30px  auto;
}

@media screen and (max-width: 1161px) {
	.t-college .main-visual-slide .slide .bar {
		width: 400px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-visual-slide .slide .bar {
		width: 150px;
		margin: 12px auto;
	}
}

.t-college .main-visual-slide .slide .txt02 {
	font-size: 70px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 103px;
}

@media screen and (max-width: 1161px) {
	.t-college .main-visual-slide .slide .txt02 {
		font-size: 40px;
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-visual-slide .slide .txt02 {
		font-size: 20px;
		margin-bottom: 8vw;
	}
}

.t-college .main-visual-slide .slick-dots {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -62px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.t-college .main-visual-slide .slick-dots {
		bottom: 30px;
	}
}

.t-college .main-visual-slide .slick-dots li {
	float: left;
	margin: 0 5px;
}

.t-college .main-visual-slide .slick-dots li .pager_dot {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.6);
	cursor: pointer;
	position: relative;
}

.t-college .main-visual-slide .slick-dots li.slick-active .pager_dot {
	border: 2px solid #fff;
}

.t-college .main-visual-slide .slick-dots li.slick-active .pager_dot::before {
	content: '';
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
}

.t-college .main-top-info {
	width: 100%;
	position: relative;
	background-color: #f5f5f5;
}

@media screen and (max-width: 1161px) {
	.t-college .main-top-info {
		padding-top: 70px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-top-info {
		padding-top: 50px;
	}
}

@keyframes visual-in-t {
	from {
		opacity: 0;
		background-size: auto 450px;
	}

	to {
		opacity: 1;
		background-size: auto 400px;
	}
}

@keyframes visual-out-t {
	from {
		opacity: 1;
		background-size: auto 400px;
	}

	to {
		opacity: 0;
		background-size: auto 450px;
	}
}

@keyframes visual-in-m {
	from {
		opacity: 0;
		background-size: auto 300px;
	}

	to {
		opacity: 1;
		background-size: auto 250px;
	}
}

@keyframes visual-out-m {
	from {
		opacity: 1;
		background-size: auto 250px;
	}

	to {
		opacity: 0;
		background-size: auto 300px;
	}
}

.t-college .sub-visual-slide {
	width: 100%;
	height: 930px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide {
		height: 500px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide {
		height: 350px;
		paddinf-right: 30px;
	}
}

.t-college .sub-visual-slide .slick-dots {
	background-color: #fff;
	bottom: 0px;
	left: 0px;
	width: 995px;
	height: 87px;
	margin: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slick-dots {
		width: auto;
		right: 100px;
		height: 50px;
		bottom: -50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slick-dots {
		height: 30px;
		bottom: -30px;
		right: 60px;
	}
}

.t-college .sub-visual-slide .slick-dots li {
	margin: 0px 16px 0px 0px;
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slick-dots li {
		margin: 0px 10px 0px 0px;
	}
}

.t-college .sub-visual-slide .slick-dots li .pager_dot {
	width: 10px;
	height: 10px;
	border-radius: unset;
	border: unset;
	background-color: #ededed;
	cursor: pointer;
	position: relative;
}

.t-college .sub-visual-slide .slick-dots li.slick-active .pager_dot {
	width: 10px;
	height: 10px;
	border-radius: unset;
	border: unset;
	background-color: #ededed;
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slick-dots li.slick-active .pager_dot {
		width: 8px;
		height: 8px;
	}
}

.t-college .sub-visual-slide .slick-dots li.slick-active .pager_dot::before {
	content: '';
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: unset;
	display: block;
	left: 0;
	top: 0;
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slick-dots li.slick-active .pager_dot::before {
		width: 8px;
		height: 8px;
	}
}

.t-college .sub-visual-slide .slide {
	width: 100%;
	height: 930px;
	background-repeat: no-repeat;
	text-align: center;
	background-position: right bottom;
	background-size: contain;
}

.t-college .sub-visual-slide .slide.thum-suwon {
	background-image: url("../images/tcollege/thum/main-thum-suwon.jpg");
}

.t-college .sub-visual-slide .slide.thum-bundang {
	background-image: url("../images/tcollege/thum/main-thum-bundang.jpg");
}

.t-college .sub-visual-slide .slide.thum-ilsan {
	background-image: url("../images/tcollege/thum/main-thum-ilsan.jpg");
}

.t-college .sub-visual-slide .slide.thum-dongtan {
	background-image: url("../images/tcollege/thum/main-thum-dongtan.jpg");
}

.t-college .sub-visual-slide .slide.thum-daejeon {
	background-image: url("../images/tcollege/thum/main-thum-daejeon.jpg");
}

.t-college .sub-visual-slide .slide.thum-sejong {
	background-image: url("../images/tcollege/thum/main-thum-sejong.jpg");
}

.t-college .sub-visual-slide .slide.thum-gwangju {
	background-image: url("../images/tcollege/thum/main-thum-gwangju.jpg");
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide {
		height: 500px;
		background-size: cover;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slide {
		height: 350px;
		background-size: 400px;
	}
}

.t-college .sub-visual-slide .slide.slick-active .txt01 {
	animation: ani-move2 1s ease-out forwards;
}

.t-college .sub-visual-slide .slide.slick-active .bar {
	animation: ani-move2 1s 0.5s ease-out forwards;
}

.t-college .sub-visual-slide .slide.slick-active .txt02 {
	animation: ani-move2 1s 1s ease-out forwards;
}

.t-college .sub-visual-slide .slide.slick-active .go-btn {
	animation: ani-move2 1s 1.5s ease-out forwards;
}

.t-college .sub-visual-slide .slide .text-wrap {
	word-break: keep-all;
	width: 1200px;
	margin: 0 auto;
	padding-right: 650px;
	padding-top: 250px;
	text-align: left;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap {
		width: 410px;
		padding-top: 0;
		padding-right: 0;
		margin-top: 100px;
		margin-left: 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slide .text-wrap {
		width: 207px;
		margin-left: 20px;
		margin-top: 0;
	}
}

.t-college .sub-visual-slide .slide .text-wrap h4 {
	font-size: 22px;
	letter-spacing: -0.05px;
	font-weight: bold;
	margin-bottom: 35px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slide .text-wrap h4 {
		font-size: 14px;
		margin-bottom: 5px;
	}
}

.t-college .sub-visual-slide .slide .text-wrap h4 span {
	display: inline-block;
	width: 24px;
	height: 3px;
	background: #893b49;
	margin: 0px 15px 7px 0px;
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slide .text-wrap h4 span {
		width: 20px;
		margin: 0px 5px 3px 0px;
	}
}

.t-college .sub-visual-slide .slide .text-wrap .title {
	font-size: 50px;
	letter-spacing: -0.05px;
	font-weight: bold;
	margin-left: 0;
	margin-bottom: 46px;
	line-height: initial;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap .title {
		font-size: 24px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slide .text-wrap .title {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.t-college .sub-visual-slide .slide .text-wrap .title span {
	color: #893b49;
}

.t-college .sub-visual-slide .slide .text-wrap p {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.8px;
	margin-bottom: 40px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .slide .text-wrap p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
}

.t-college .sub-visual-slide .slide .text-wrap ul {
	display: flex;
	margin-bottom: 55px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap ul {
		margin-bottom: 25px;
	}
}

.t-college .sub-visual-slide .slide .text-wrap ul a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	background-color: #494949;
	position: relative;
	border-radius: 50%;
	margin-right: 8px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap ul a {
		width: 25px;
		height: 25px;
	}
}

.t-college .sub-visual-slide .slide .text-wrap ul a img {
	display: block;
	width: 17px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .slide .text-wrap ul a img {
		width: 10px;
	}
}

.t-college .sub-visual-slide .descriptions {
	position: relative;
	width: 930px;
	height: 100%;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .descriptions {
		width: 100%;
	}
}

.t-college .sub-visual-slide .descriptions p,
    .t-college .sub-visual-slide .descriptions .go-btn {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}

.t-college .sub-visual-slide .sub-go-btn {
	color: #222;
	border-radius: 30px;
	border: 1px solid e4e4e4;
	background-color: #fff;
	width: 180px;
	height: 55px;
	padding: 10px 30px;
	-webkit-display: flex;
	display: -ms-flex;
	display: flex;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	align-items: center;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .sub-go-btn {
		width: 150px;
		height: 40px;
		padding: 5px 20px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .sub-go-btn {
		width: 84px;
		height: 30px;
		padding: 5px 10px;
		font-size: 10px;
	}
}

.t-college .sub-visual-slide .sub-go-btn .far {
	margin-left: 30px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .sub-go-btn .far {
		margin-left: 20px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .sub-go-btn .far {
		margin-left: 10px;
	}
}

.t-college .sub-visual-slide .txt01 {
	top: 456px;
	font-size: 20px;
	font-weight: 200;
	line-height: 35px;
	letter-spacing: 0.21px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .txt01 {
		font-size: 17px;
		line-height: 20px;
		top: 180px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .txt01 {
		font-size: 15px;
		line-height: 18px;
		top: 80px;
		padding: 0 50px;
	}
}

.t-college .sub-visual-slide .bar {
	width: 549px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	top: 510px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .bar {
		top: 230px;
		width: 400px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .bar {
		top: 120px;
		width: 150px;
		padding: 0 50px;
	}
}

.t-college .sub-visual-slide .txt02 {
	font-size: 70px;
	top: 540px;
	line-height: 35px;
	font-weight: 500;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-visual-slide .txt02 {
		font-size: 40px;
		line-height: 50px;
		top: 260px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-visual-slide .txt02 {
		font-size: 25px;
		line-height: 30px;
		top: 140px;
		padding: 0 50px;
	}
}

.t-college .sub-accordion {
	position: absolute;
	top: 220px;
	right: 70px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-accordion {
		top: 70px;
		right: 30px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion {
		top: 50px;
		right: 10px;
	}
}

.t-college .sub-accordion .accordion {
	width: 240px;
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: -0.04px;
	line-height: 23px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-accordion .accordion {
		width: 180px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion {
		width: 120px;
	}
}

.t-college .sub-accordion .accordion .text-wrap {
	margin-bottom: 5px;
}

.t-college .sub-accordion .accordion .text-wrap:hover {
	cursor: pointer;
}

.t-college .sub-accordion .accordion .text-wrap.on dt {
	background-color: #883c49;
	color: #fff;
	display: block;
	position: relative;
}

.t-college .sub-accordion .accordion .text-wrap.on dt::after {
	border-top: 6px solid transparent;
	border-right: 10px solid #883c49;
	border-bottom: 6px solid transparent;
	content: "";
	position: absolute;
	top: 22px;
	left: -10px;
}

.t-college .sub-accordion .accordion .text-wrap.on dd {
	display: block;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-accordion .accordion .text-wrap.on dd {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion .text-wrap.on dd {
		font-size: 13px;
	}
}

.t-college .sub-accordion .accordion .accordion-wrap {
	background-color: #fff;
	padding: 0px 35px 0px 42px;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-accordion .accordion .accordion-wrap {
		padding: 0 30px;
		font-size: 14px;
		line-height: 45px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion .accordion-wrap {
		padding: 0 20px;
		font-size: 13px;
		line-height: 30px;
		font-weight: 500;
	}
}

.t-college .sub-accordion .accordion dd {
	display: none;
	background-color: #883c49;
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion dd {
		padding-bottom: 10px;
	}
}

.t-college .sub-accordion .accordion dd li {
	padding-bottom: 15px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-accordion .accordion dd li {
		padding-bottom: 5px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion dd li {
		padding-bottom: 0;
	}
}

.t-college .sub-accordion .accordion dd li a {
	position: relative;
	background: #883c49;
	text-decoration: none;
	padding: 0px 35px 0px 42px;
	display: block;
	color: #fff;
	font-weight: 300;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-accordion .accordion dd li a {
		padding: 0 30px;
		font-size: 13px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion dd li a {
		padding: 0 20px;
		font-size: 12px;
	}
}

.t-college .sub-accordion .accordion dd li a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255, 255, 255, 0.6);
	border-right: 2px solid rgba(255, 255, 255, 0.6);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -5px;
}

@media screen and (max-width: 768px) {
	.t-college .sub-accordion .accordion dd li a::after {
		top: 14px;
		width: 7px;
		height: 7px;
		right: 10px;
	}
}

.t-college .slick-dots {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -62px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.t-college .slick-dots {
		bottom: 30px;
	}
}

.t-college .slick-dots li {
	float: left;
	margin: 0 5px;
}

.t-college .slick-dots li .pager_dot {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.6);
	cursor: pointer;
	position: relative;
}

.t-college .slick-dots li.slick-active .pager_dot {
	border: 2px solid #fff;
}

.t-college .slick-dots li.slick-active .pager_dot::before {
	content: '';
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
}

.t-college .down img {
	z-index: 9;
	position: absolute;
	bottom: 7%;
	left: 50%;
	margin-left: -14.5px;
	animation-duration: 3s;
	animation-name: down;
	animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
	.t-college .down img {
		display: none;
	}
}

@keyframes down {
	from {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(30px);
	}

	to {
		transform: translateY(0px);
	}
}

@keyframes down-m {
	from {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(15px);
	}

	to {
		transform: translateY(0px);
	}
}

.t-college .sub-page-area {
	position: absolute;
	width: 1170px;
	height: 87px;
	bottom: 0;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-page-area {
		width: 100px;
		right: 0;
		height: 50px;
		bottom: -50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-page-area {
		width: 300px;
		height: 30px;
		bottom: -30px;
	}
}

.t-college .sub-page-area .btn-area {
	position: relative;
}

.t-college .sub-page-area .btn-area .btn-wrap {
	position: absolute;
	display: flex;
	right: 0;
}

.t-college .sub-page-area .btn-area .btn-wrap a {
	width: 87px;
	height: 87px;
	background-color: #454545;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	background-size: 10px;
}

@media screen and (max-width: 1161px) {
	.t-college .sub-page-area .btn-area .btn-wrap a {
		width: 50px;
		height: 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .sub-page-area .btn-area .btn-wrap a {
		width: 30px;
		height: 30px;
		background-size: 6px;
	}
}

.t-college .sub-page-area .btn-area .btn-wrap .prev {
	background-image: url(../images/tcollege/icons/arrow-01.png);
	border-right: 1px solid #ebebeb;
}

.t-college .sub-page-area .btn-area .btn-wrap .next {
	background-image: url(../images/tcollege/icons/arrow-02.png);
}

.t-college .main-video-view {
	width: 100%;
	position: relative;
	margin-top: 200px;
}

@media screen and (max-width: 1161px) {
	.t-college .main-video-view {
		margin-top: 100px;
		padding: 0 50px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-video-view {
		margin-top: 50px;
		padding: 0 30px;
	}
}

.t-college .main-video-view .half {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 46%;
	background-color: #f5f5f5;
}

@media screen and (max-width: 1161px) {
	.t-college .main-video-view .half {
		height: 50%;
		margin: 0px -10px;
	}
}

.t-college .main-video-view .view-player {
	width: 1536px;
	height: 480px;
	overflow: hidden;
	display: block;
	position: relative;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

@media screen and (max-width: 1161px) {
	.t-college .main-video-view .view-player {
		width: 100%;
		height: 100%;
		padding: 40px 0;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-video-view .view-player {
		padding: 20px 0;
	}
}

.t-college .main-video-view .view-player .text-box {
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 22px;
	z-index: 1;
}

.t-college .main-video-view .view-player .text-box .title {
	font-size: 45px;
	letter-spacing: 0.05px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1161px) {
	.t-college .main-video-view .view-player .text-box .title {
		font-size: 22px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-video-view .view-player .text-box .title {
		font-size: 18px;
		margin-bottom: 0;
	}
}

.t-college .main-video-view .view-player p {
	font-size: 18px;
	letter-spacing: 0.05px;
	line-height: inherit;
}

@media screen and (max-width: 1161px) {
	.t-college .main-video-view .view-player p {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-video-view .view-player p {
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-video-view .view-player img {
		width: 100%;
		height: 100%;
	}
}

.t-college .main-video-view .view-player:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.t-college .main-video-view span.play {
	display: block;
	left: 50%;
	margin: 0 auto 45px;
	width: 80px;
	height: 80px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px 20px;
	background-image: url(../images/tcollege/icons/icon-play.png);
	z-index: 1;
}

@media screen and (max-width: 1161px) {
	.t-college .main-video-view span.play {
		width: 40px;
		height: 40px;
		background-size: 10px 15px;
		margin-bottom: 3.5%;
	}
}

@media screen and (max-width: 768px) {
	.t-college .main-video-view span.play {
		width: 25px;
		height: 25px;
		background-size: 8px 10px;
	}
}

.t-college .main-video-view img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* 202102 메인비쥬얼 추가 */
.main-contents .main-visual-slide .slide.slide02 {background-image: url("../images/company/bg/main-visual02.jpg");}
.main-contents .main-visual-slide .slide.slide02 .descriptions {text-align: center;}
.main-contents .main-visual-slide .slide.slide02 .descriptions .inner {margin-left: 0; margin-top: 230px; width: auto; text-align: center;}
.main-contents .main-visual-slide .slide.slide02 .txt01 {font-size: 53px; color:#3e3d43; font-weight: 300; line-height: 1.2em;}
.main-contents .main-visual-slide .slide.slide02 .txt02 {font-size: 56px; font-weight: 600; color:#3e3d43; line-height: 1em; padding-top: 0;}
.main-contents .main-visual-slide .slide.slide02 .txt03 {font-size: 22px; color:#3e3d43; padding-top: 10px;}
.main-contents .main-visual-slide .slide.slide02 .txt03 img {display: inline-block; margin: -4px 5px 0; width: 27px;}
.main-contents .main-visual-slide .slide.slick-active .txt03 {animation: ani-move2 1s 1s ease-out forwards; padding-bottom: 45px;}
.main-contents .main-visual-slide .slide .more-btn {opacity: 0;color:#fff; font-size: 18px; padding: 10px 25px 13px; border-radius: 30px; border: 2px solid #fff; display: inline-block;}
.main-contents .main-visual-slide .slide.slick-active .more-btn {animation: ani-move2 1s 1.5s ease-out forwards;}

@media screen and (max-width: 1161px) {
    .main-contents .main-visual-slide .slide.slide02 .descriptions .inner {margin-top: 65px;}
    .main-contents .main-visual-slide .slide.slide02 .txt01 {font-size: 35px;}
    .main-contents .main-visual-slide .slide.slide02 .txt02 {font-size: 50px;}
    .main-contents .main-visual-slide .slide.slide02 .txt03 {font-size: 19px; padding-bottom: 30px;}
    .main-contents .main-visual-slide .slide .more-btn {font-size: 18px; padding: 7px 25px 10px;}
}

@media screen and (max-width: 480px) {
    .main-contents .main-visual-slide .slide.slide02 .descriptions .inner {position: static; padding: 46px 30px 30px; margin-top: 0;}
    .main-contents .main-visual-slide .slide.slide02 .txt01 {font-size: 20px;}
    .main-contents .main-visual-slide .slide.slide02 .txt02 {font-size: 25px;}
    .main-contents .main-visual-slide .slide.slide02 .txt03 {font-size: 14px;}
    .main-contents .main-visual-slide .slide.slide02 .txt03 span {display: block;}
    .main-contents .main-visual-slide .slide.slide02 .txt03 img {width: 20px;}
    .main-contents .main-visual-slide .slide .more-btn {font-size: 14px; padding: 5px 25px 6px;}
}

/* 202111 메인비쥬얼 추가 */
.main-contents .main-visual-slide .slide.slide03 {background-image: url("../images/company/bg/main-visual03.jpg");}
.main-contents .main-visual-slide .slide.slide03 .descriptions {text-align: center;}
.main-contents .main-visual-slide .slide.slide03 .descriptions .inner {margin-left: 680px;	margin-top: 300px;	width: 600px;	height: 300px;}


.main-contents .main-visual-slide .slide.slide03 .txt01 {font-size: 55px; font-weight: 600; color:#3e3d43; line-height: 1em; padding-top: 0;}
.main-contents .main-visual-slide .slide.slide03 .txt01 span {font-size: 130px; font-weight: 600; color:#fff; line-height: 1em; padding-top: 0;}
.main-contents .main-visual-slide .slide.slide03 .txt02 {font-size: 30px; font-weight: 500; color:#3e3d43; line-height: 1em; padding-top: 50px;}
.main-contents .main-visual-slide .slide.slide03 .txt03 {font-size: 22px; color:#3e3d43; padding-top: 10px;}
.main-contents .main-visual-slide .slide.slide03 .txt03 img {display: inline-block; margin: -4px 5px 0; width: 27px;}
.main-contents .main-visual-slide .slide.slick-active .txt03 {animation: ani-move2 1s 1s ease-out forwards; padding-bottom: 45px;}
.main-contents .main-visual-slide .slide .more-btn {opacity: 0;color:#fff; font-size: 18px; padding: 10px 25px 13px; border-radius: 30px; border: 2px solid #fff; display: inline-block;}
.main-contents .main-visual-slide .slide.slick-active .more-btn {animation: ani-move2 1s 1.5s ease-out forwards;}

@media screen and (max-width: 1161px) {
    .main-contents .main-visual-slide .slide.slide03 .descriptions .inner {width: auto; height: auto; margin-left: 25%; margin-top: 110px;}
    .main-contents .main-visual-slide .slide.slide03 .txt01 {font-size: 35px;}
	.main-contents .main-visual-slide .slide.slide03 .txt01 span {font-size: 35px;}
    .main-contents .main-visual-slide .slide.slide03 .txt02 {font-size: 25px; padding-top: 20px;}
    .main-contents .main-visual-slide .slide.slide03 .txt03 {font-size: 19px; padding-bottom: 30px;}
    .main-contents .main-visual-slide .slide .more-btn {font-size: 18px; padding: 7px 25px 10px;}
}

@media screen and (max-width: 480px) {
    .main-contents .main-visual-slide .slide.slide03 .descriptions .inner {position: absolute; top: 4.45833rem; left: 10.20833rem; margin-left: 0; margin-top: 0;}
    .main-contents .main-visual-slide .slide.slide03 .txt01 {font-size: 25px;}
  	.main-contents .main-visual-slide .slide.slide03 .txt01 span {font-size: 30px; line-height: 1em;}
    .main-contents .main-visual-slide .slide.slide03 .txt02 {font-size: 20px; padding-top: 20px;}
    .main-contents .main-visual-slide .slide.slide03 .txt03 {font-size: 14px;}
    .main-contents .main-visual-slide .slide.slide03 .txt03 span {display: block;}
    .main-contents .main-visual-slide .slide.slide03 .txt03 img {width: 20px;}
    .main-contents .main-visual-slide .slide .more-btn {font-size: 14px; padding: 5px 25px 6px;}
}

/* 이벤트 메인비쥬얼_202201 */
.main-visual-slide .slide.slide02 {background-image: url("/common/images/tschool/bg/main-visual-event.jpg"); text-align: center; display: flex; align-items: center; justify-content: center;}
.main-visual-slide .slide02 .img01 {opacity: 0; margin: 0 auto; position: absolute; top: 245px; left: 50%; transform: translateX(-50%);}
.main-visual-slide .slide02 .event-btn {display: inline-block; opacity: 0; position: absolute; top: 570px; left: 50%; transform: translateX(-50%);}
.main-visual-slide .slide02.slick-active .img01 {animation: ani-move2 1s ease-out forwards;}
.main-visual-slide .slide02.slick-active .event-btn {animation: ani-move2 1s 0.5s ease-out forwards}

@media all and (max-width:1160px) {
	.main-visual-slide .slide02 .img01 {width: 420px;}
    .main-visual-slide .slide02 .img02 {width: 300px;}
    .main-visual-slide .slide02 .event-btn {margin-top: 40px;}
}

@media all and (max-width:768px) {

	@keyframes visual-in-event {
    	from {opacity: 0;background-size: 130%}
    	to {opacity: 1;background-size: 100%;}
    }

    .main-visual-slide .slide.slide02.slick-active {animation: visual-in-event 2s ease-out forwards;}
    .main-visual-slide .slide.slide02 {background-image: url("/common/images/tschool/bg/main-visual-event-m.jpg"); display: block; padding: 50px 0;}
    .main-visual-slide .slide02 .img01 {width: 295px; max-width: 100%; top: 0;}
    .main-visual-slide .slide02 .img02 {width: 170px; max-width: 100%;}
    .main-visual-slide .slide02 .event-btn {top: 100px;}
}


/*2021년졸업식
.my-study-info.no-login {
    background-image: url('../images/mystudy/graduation-bg01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
    text-align: right;
}
.my-study-info.no-login .txt-box {width: 1200px; margin: 0 auto; text-align: right;}
.my-study-info.no-login .login-required-title {text-align: right; color:#fff; font-weight: 200; font-size: 36px; line-height: 1.2em;}
.my-study-info.no-login .border {display: flex; justify-content: flex-end;}
.my-study-info.no-login .border span {display: block; width: 110px; height: 3px; border-radius: 3px; background: #fff; margin: 20px 0; text-align: right;}
.my-study-info.no-login .txt01 {font-size: 26px; color:#ffef3a; font-weight: 700;}
.my-study-info.no-login .txt02 {color:#fff; font-size: 18px; line-height: 1.2em; margin-top: 10px;}
.mystudy-layer-popup {width: 416px; height: 433px; position: absolute; top: 170px; right: 300px; border: 1px solid #c4c4c4; z-index: 1;}*/
.mystudy-layer-popup {width: 402px; height: 480px; position: absolute; top: 170px; right: 300px; border: 1px solid #c4c4c4; z-index: 1;}
.mystudy-layer-popup .layer-ctn {position: absolute; top:0; left: 0; right: 0; bottom: 54px;}
.mystudy-layer-popup .layer-ctn .ctn {position: absolute; top:0; left: 0; right: 0; bottom: 0;}
.mystudy-layer-popup .close-btn {position: absolute; left:0; right:0; bottom:0; height: 54px; background:#fff; display: flex; border-top: 1px solid #c4c4c4;}
.mystudy-layer-popup .close-btn li {flex: 1;}
.mystudy-layer-popup .close-btn li a {display: flex; font-size: 16px; color:#404146; position: relative; width: 100%; height: 100%; align-items: center; justify-content: center;}
.mystudy-layer-popup .close-btn li + li a:before {content: ''; display: block; position: absolute; width: 1px; height: 26px; left:0; top: 13px; background:#c4c4c4;}

.mystudy-layer-popup .layer-ctn .popup1 {background: url('../images/mystudy/popup01.jpg') no-repeat center center; background-size: 100%;}
.mystudy-layer-popup .layer-ctn .popup1 .txt-box {text-align: center; padding-top: 95px;}
.mystudy-layer-popup .layer-ctn .popup1 .txt01 {font-size: 22px; color:#0b3da2; font-weight: 600;}
.mystudy-layer-popup .layer-ctn .popup1 .txt02 {font-size: 33px; color:#fcff26; font-weight: 600; margin-top: 10px;}
.mystudy-layer-popup .layer-ctn .popup1 .border {display: block; width: 32px; height: 5px; margin: 20px auto; background:#fcff26; border-radius: 5px;}
.mystudy-layer-popup .layer-ctn .popup1 .txt03 {color:#fff; font-size: 17px;}
.mystudy-layer-popup .layer-ctn .popup1 .more-btn {display: inline-block; padding: 10px 25px 13px; font-size: 17px; color:#fff; border: 3px solid #fff; border-radius: 30px; margin-top: 20px;}

@media screen and (max-width: 1161px) {
    .mystudy-layer-popup {right: 10px;}
    .my-study-info.no-login {margin-top: 47px;}
    .my-study-info.no-login .txt-box {width: 100%; padding: 0 30px;}
}

@media screen and (max-width: 768px) {
/*    .my-study-info.no-login {background-image: url('../images/mystudy/graduation-bg01m.jpg'); margin-top: 3.25rem;}
    .my-study-info.no-login .login-required-title {font-size: 17px;}
    .my-study-info.no-login .txt01 {font-size: 14px; font-weight: 500;}
    .my-study-info.no-login .txt02 {font-size: 13px; margin-top: 5px;}
    .my-study-info.no-login .txt02 span {display: block;}
    .my-study-info.no-login .border span {width: 50px; height: 2px; margin: 10px 0;}
	.mystudy-layer-popup {left: 50%; right: inherit; transform: translate(-50%, 0); width: 320px; height: 350px;}*/
    .mystudy-layer-popup {left: 50%; right: inherit; transform: translate(-50%, 0);}
    .mystudy-layer-popup .layer-ctn .popup1 .txt-box {padding-top: 73px;}
    .mystudy-layer-popup .layer-ctn .popup1 .txt01 {font-size: 18px;}
    .mystudy-layer-popup .layer-ctn .popup1 .txt02 {font-size: 25px; margin-top: 5px;}
    .mystudy-layer-popup .layer-ctn .popup1 .txt03 {font-size: 13px;}
    .mystudy-layer-popup .layer-ctn .popup1 .border {height: 3px; margin: 15px auto 9px;}
    .mystudy-layer-popup .layer-ctn .popup1 .more-btn {font-size: 13px; padding: 5px 25px 7px; border: 2px solid #fff; margin-top: 10px;}
    .mystudy-layer-popup .close-btn li a {font-size: 14px;}
}



/* 20201129크리스마스
.my-study-info.no-login {
    background-image: url('../images/mystudy/christmas-bg01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-study-info.no-login .login-required-title {color:#fff;}
.my-study-info.no-login .login-required-title strong {color:#ffd83a;}
.my-study-info {
    height: 376px;
    background-image: url('../images/mystudy/christmas-bg02.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.my-study-info .introduce,
.my-study-info .introduce strong {color:#ffd800;}
.my-study-info .user-info-detail,
.my-study-info .recent-login {color:#fff;}
.my-study-info .thumb {width: 140px; height: 140px; background: url('../images/mystudy/christmas-thum.png') no-repeat center center; background-size: 100%;}
.my-study-info .thumb img {width: 75px; height: 75px;}
.my-study-home .page-sub {
    background-image: url('../images/mystudy/christmas-bg03.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.my-study-home .page-sub-1 {height: 376px !important;}

.layout-mobile-menu .aside-top .aside-top-body .my-study-info {background-image: none;}

@media screen and (max-width: 768px) {
    .my-study-info {margin-top: 3.375rem; margin-bottom: 0;}
    .my-study-info.no-login {background-image: url('../images/mystudy/christmas-bg01-m.jpg'); height: 240px;}
    .my-study-info {background-image: url('../images/mystudy/christmas-bg02-m.jpg'); height: 250px;}
    .my-study-info .thumb {width: 70px; height: 70px; margin-bottom: 15px;}
    .my-study-info .thumb img {width: 40px; height: 40px;}
    .my-study-home .page-sub {background-image: url('../images/mystudy/christmas-bg03-m.jpg');}
    .my-study-home .page-sub-1 {height: 250px !important; padding-top: 17px; padding-bottom: 0 !important;}
    .my-study-home .page-sub .title {font-size: 30px !important;}
    .my-study-home .page-sub .form-control-group.MT40 {margin-top: 15px !important;}
}
*/
/*# sourceMappingURL=style.min.css.map */