@charset "utf-8";
.not-scroll {overflow: hidden;}
.not-scroll .body-wrap {overflow-y: scroll;}

.inner {width: 100%;max-width: 1170px;margin-left: auto;margin-right: auto;}
.space-xxs {margin-top: 10px !important;}
.space-xs {margin-top: 20px !important;}
.space-s {margin-top: 30px !important;}
.space-m {margin-top: 40px !important;}
.space-l {margin-top: 60px !important;}
.space-xl {margin-top: 80px !important;}
.flex {display: flex;}
.red {color: #B60005 !important;}
.red.underline {text-decoration: underline;}
.no-result {display: flex;align-items: center;justify-content: center;text-align: center;}
.no-result p {width: 100%;padding: 30px 0;color: #222222;}
.tac {text-align: center;}
.bottom-container{position:relative;}
.bottom-container .family {width: 6rem;height: 6rem;background-color: #70bf9f;position:absolute;top:-30px;text-align:center; right:23rem;}
.bottom-container .family a{font-size: 1.6rem; letter-spacing: -0.96px; color: #000; line-height:6rem; position:relative;width:100%; height:100%; display:block;}
.bottom-container .family a:after{content:'^'; line-height:4rem; position:absolute; left:50%; margin-left:-0.5rem;}
@media (max-width: 1024px) {/* pad */
	.m-none {display: none !important;}
}
@media (max-width: 767px) {/* mobile */
	.space-xs {margin-top: 10px !important;}
	.space-s {margin-top: 20px !important;}
	.space-m {margin-top: 40px !important;}
	.space-l {margin-top: 30px !important;}
	.space-xl {margin-top: 40px !important;}
	.mobile-hide {display: none !important;}
	.m-col {flex-direction: column;}
	.no-result p {padding: 20px 0;}
	.bottom-container .family { display:none; }
}


/* common */
.common-list01 li {display: flex;align-items: flex-start;font-size: 1.6rem;font-weight: 300;color: #222;}
.common-list01 li:before {content: '';display: inline-block;min-width: 4px;min-height: 4px;margin-top: 0.9rem;margin-right: 10px;background-color: #B60005;border-radius: 50%;}
.common-list01 li + li {margin-top: 10px;}
.common-list01 .small {display: block;margin-top: 5px;font-size: 1.4rem;font-weight: 300;}
.common-list02 li {display: flex;align-items: flex-start;}
.common-list02 li + li {margin-top: 10px;}
.common-list02 .tit {position: relative;width: 100px;display: flex;align-items: center;}
.common-list02 .tit span {font-weight: 500;color: #B60005;}
.common-list02 .tit:after {content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 1px;height: 20px;margin-top: -10px;background-color: #CFCFD0;}
.common-list02 .tit .hover-icon {margin-left: 6px;}
.common-list02 .con {flex: 1;margin-left: 20px;}
.common-list02 .bar {position: relative;width: 200px;height: 20px;background-color: #F5F5F5;border-radius: 10px;}
.common-list02 .bar .progress {position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: #EBA000;border-radius: 10px;font-size: 1.4rem;color: #FFFFFF;}
.common-list03 {padding: 20px;background-color: #FCF5F5;}
.common-list03 li {position: relative;padding-left: 30px;font-size: 1.4rem;line-height: 20px;}
.common-list03 li + li {margin-top: 10px;}
.common-list03 li:before {content: '';position: absolute;top: 0;left: 0;display: inline-block;width: 20px;height: 20px;background: url("/images/ico_warning_pc.svg") no-repeat 0 0;background-size: cover;}
.common-txt01 {font-size: 2rem;font-weight: 500;}
.common-txt02 {font-size: 1.4rem;font-weight: 400;}
.common-txt03 {font-size: 2.4rem;font-weight: 700;}
.common-circle {display: flex;align-items: center;width: 100%;}
.common-circle li {flex: 1;display: flex;align-items: center;justify-content: center;padding: 0 20px;}
.common-circle li + li {border-left: 1px dashed #CFCFD0;}
.common-circle .c-tit {flex: 1;text-align: center;}
.common-circle .c-con {display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;border-width: 6px;border-style: solid;border-radius: 50%;font-size: 1.7rem;font-weight: 500;}
.common-circle .c-con u {font-weight: 400;color: #999999;}
.common-circle .c-blue {border-color: #3A77A8;color: #3A77A8;}
.common-circle .c-red {border-color: #B60005;color: #B60005;}
.common-circle .c-gray {border-color: #CFCFD0;color: #666666;}
.common-circle.type1 li {flex-direction: row;}
.common-circle.type1 .c-tit {margin-right: 10px;}
.common-circle.type2 li {flex-direction: column-reverse;}
.common-circle.type2 .c-tit {margin-top: 10px;}
.hover-icon {position: relative;}
.hover-icon .h-info {position: absolute;bottom: 100%;left: 50%;display: none;min-width: 240px;margin-bottom: 10px;padding: 10px;background-color: rgba(0,0,0,0.7);font-size: 1.3rem;color: #FFFFFF;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hover-icon .h-info:after {content: '';position: absolute;bottom: -10px;left: 50%;margin-left: -5px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: rgba(0,0,0,0.7) transparent transparent transparent;}
.rainbow1,
.rainbow2,
.rainbow3,
.rainbow4{
	padding-left:140px;
	position:relative;
	margin:10px 0;
}
.rainbow1{
	height: 118px;
	border-radius: 5px;
	box-shadow: 0px 33px 76px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	border-left:5px solid #02cc9a;
	display:flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
}
.rainbow1 > div:first-child,
.rainbow2 > div:first-child,
.rainbow3 > div:first-child,
.rainbow4 > div:first-child{
	width:140px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1.2rem;
	bottom:0;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:2.4rem;
	font-weight: bold;
	text-align:center;
	height:2.4rem;
	border-right:1px solid #333;
}
.rainbow1 > div:first-child{
	color:#02cc9a;
}
.rainbow1 > div:last-child,
.rainbow2 > div:last-child,
.rainbow3 > div:last-child,
.rainbow4 > div:last-child{
	display:flex;
	font-size: 1.6rem;
	text-align: left;
	align-items: center;
	color: #333;
	padding:0 20px;
}
.rainbow2{
	height: 118px;
	border-radius: 5px;
	box-shadow: 0px 33px 76px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	border-left:5px solid #00bbb8;
	display:flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
}
.rainbow2 > div:first-child{
	color:#00bbb8;
}
.rainbow3{
	height: 118px;
	border-radius: 5px;
	box-shadow: 0px 33px 76px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	border-left:5px solid #428dfc;
	display:flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
}
.rainbow3 > div:first-child{
	color:#428dfc;
}
.rainbow4{
	height: 118px;
	border-radius: 5px;
	box-shadow: 0px 33px 76px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	border-left:5px solid #4b4bcb;
	display:flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
}
.rainbow4 > div:first-child{
	color:#4b4bcb;
}
@media (max-width: 1024px) {/* pad */
	.common-list02 .tit .hover-icon {display: none;}
	.common-circle.type1 li {flex-direction: column-reverse;}
	.common-circle.type1 .c-tit {margin-right: 0;margin-top: 10px;}
	.common-circle.type2 {justify-content: center;}
}
@media (max-width: 767px) {/* mobile */
	.common-list02 .tit {width: 80px;}
	.common-list02 .tit:after {height: 14px;margin-top: -7px;}
	.common-list02 .con {margin-left: 10px;}
	.common-list02 .bar {max-width: 200px;width: 100%;height: 16px;}
	.common-list03 {padding: 10px;}
	.common-list03 li {padding-left: 22px;font-size: 1.4rem;line-height: 18px;}
	.common-list03 li:before {top: 2px;width: 16px;height: 16px;}
	.common-circle li {padding: 0 10px;}
	.common-circle .c-con {width: 72px;height: 72px;}
}


.tbl-txt {position: relative;display: flex;justify-content: space-between;align-items: center;margin-top: 20px;font-size: 2rem;font-weight: 500;}
.tbl-txt [class*="ui__btn"] {max-width: 105px;}
.tbl-txt .small {font-size: 1.4rem;font-weight: 400;color: #7D7D7D;}
.tbl-box {border-top: 1px solid #B60005;background-color: #FFFFFF;line-height: 1.5;}
.tbl-box .item-tr {display: flex;border-bottom: 1px solid #CFCFD0;}
.tbl-box .item-tr2 {display: flex;}
/* .tbl-box .item-th {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 14px;max-width: 240px;background-color: rgba(182,0,5,0.04);font-weight: 500;text-align: center;} */
.tbl-box .item-th {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 14px;max-width: 240px;background-color: rgba(252,245,245);font-weight: 500;text-align: center;}
.tbl-box .item-td {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 14px; max-width:790px;}
.tbl-box .item-td2 {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 0px 14px;}
.tbl-box .item-col {flex: 1;display: flex;flex-direction: column;justify-content: center;border-right: 1px solid #CFCFD0;}
.tbl-box .item-col:last-of-type {border-right: 0;}
.tbl-box .item-col2 {flex: 1;display: flex;flex-direction: column;justify-content: center;border-right: 1px solid #CFCFD0;}
.tbl-box .item-col2:last-of-type {border-right: 0;}
.tbl-box.type1 .item-th {max-width: 360px;align-items: center;}
.tbl-box.type1 .item-th span {font-size: 1.4rem;}
.tbl-box.type2 .item-th {max-width: 140px;text-align: left;}
.tbl-box.type3 .item-th {max-width: none;flex: 1 1 auto;}
.tbl-box.type3 .item-td {flex: 1 1 auto;}
.tbl-box.type4 .item-th {max-width: 100px;text-align: left;}
.tbl-box.type4 .item-td textarea {height: 100px;}
.tbl-box table {text-align: center;}
.tbl-box table .small {font-size: 1.4rem;}
.tbl-box table .tal {text-align: left;}
.tbl-box table th {padding: 14px 10px;font-weight: 500;background-color: rgba(182,0,5,0.04);border-right: 1px solid #CFCFD0;}
.tbl-box table th:last-of-type {border-right: 0;}
.tbl-box table td {height: 50px;border-right: 1px solid #CFCFD0;border-bottom: 1px solid #CFCFD0;}
.tbl-box table td:last-of-type {border-right: 0;}
.tbl-box table th + td {border-left: 0;}
.tbl-box table.w-tbl {display: table;}
.tbl-box table.m-tbl {display: none;}
.tbl-box table.a-tbl td {height: auto;padding: 14px 5px;}
.tbl-box table.n-tbl td {height: auto;padding: 14px 20px;}


.board-info-line {display: flex;align-items: center;margin-top: 10px;}
.board-info-line span {position: relative;display: inline-block;margin-right: 10px;padding-right: 10px;font-size: 1.4rem;color: #999999;}
.board-info-line span:last-of-type {margin-right: 0;padding-right: 0;}
.board-info-line span:after {content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 1px;height: 10px;margin-top: -5px;background-color: #999999;}
.board-info-line span:last-of-type:after {display: none;}
.board-list {border-top: 1px solid #B60005;}
.board-list .item {display: flex;align-items: center;border-bottom: 1px solid #CFCFD0;}
.board-list .num {width: 90px;display: flex;align-items: center;justify-content: center;text-align: center;}
.board-list .center {flex: 1;padding: 14px 15px;}
.board-list .center .tit {display: flex;align-items: center;}
.board-list .center .tit i {margin-left: 10px;}
.board-list .center .tit.t1 {display: block;}
.board-list .center .tit.t1 span {display: block;font-weight: 500;}
.board-list .center .tit.t1 p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4em;width: 100%;height: 2.8em;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;font-size: 1.5rem;}
.board-list .last .ui__icon-download {margin-right: 10px;}
.board-top-btn {display: flex;justify-content: flex-end;}
.board-view {border-top: 1px solid #B60005;}
.board-view .vhead {display: flex;align-items: center;border-bottom: 1px solid #CFCFD0;}
.board-view .vhead .center {flex: 1;padding: 14px 0;}
.board-view .vhead .tit {display: flex;align-items: center;}
.board-view .vhead .tit h4 {font-size: 2rem;font-weight: 400;}
.board-view .vfile {padding: 14px;border-bottom: 1px solid #CFCFD0;}
.board-view .vfile dl {display: flex;}
.board-view .vfile dl dt {display: inline-block;margin-right: 20px;font-weight: 500;}
.board-view .vfile dl dd + dd {margin-top: 10px;}
.board-view .vfile dl a {display: flex;align-items: center;}
.board-view .vfile dl a + a {margin-top: 10px;}
.board-view .vfile dl a span {display: inline-block;margin-left: 10px;}
.board-view .vbody {min-height: 100px;padding: 14px 0 34px 0;border-bottom: 1px solid #CFCFD0;}
.board-view .vbody img {max-width: 100%;width: auto;}
.board-view .vbody img + img {margin-top: 20px;}
.board-view .vbody > p + img {margin-top: 20px;}
.board-view .vbody > p {margin-top: 20px;}
.board-view .vbody .questions-box {max-width: 560px;padding: 20px;border: 1px solid #CFCFD0;}
.board-view .vbody .attach {display: flex;align-items: center;height: 52px;padding: 0 14px;background-color: #F5F5F5;}
.board-view .vbody .attach dt {font-weight: 500;}
.board-view .vbody .attach dd {margin-left: 20px;display: flex;align-items: center; white-space:nowrap;
 overflow:hidden; text-overflow:ellipsis;}
.board-view .vbody .attach dd i {margin-right: 10px;}
.board-view .vcommit {border-bottom: 1px solid #CFCFD0;}
.board-view .vcommit .tit {display: flex;align-items: center;height: 52px;padding: 0 14px;background-color: #FCF5F5;font-size: 1.6rem;font-weight: 500;}
.board-view .vcommit .attach {display: flex;align-items: center;height: 52px;padding: 0 14px;background-color: #F5F5F5;}
.board-view .vcommit .attach dt {font-weight: 500;}
.board-view .vcommit .attach dd {margin-left: 20px;display: flex;align-items: center;}
.board-view .vcommit .attach dd i {margin-right: 10px;}
.board-view .vcommit .txt {position: relative;padding: 14px;}
.board-view .vcommit .txt p {max-width: 720px;}
.board-view .vcommit .txt .date {position: absolute;top: 14px;right: 14px;font-size: 1.4rem;font-weight: 300;color: #999999;}
.board-view .vpage dl {display: flex;align-items: center;padding: 14px 10px;border-bottom: 1px solid #CFCFD0;}
.board-view .vpage dl dt {display: flex;align-items: center;margin-right: 30px;font-weight: 500;}
.board-view .vpage dl dt:before {content: '';display: inline-block;width: 20px;height: 20px;margin-right: 10px;background-repeat: no-repeat;background-position: 0 0;}
.board-view .vpage dl.prev dt:before {background-image: url("/images/ico_expand_close_pc.svg");}
.board-view .vpage dl.next dt:before {background-image: url("/images/ico_expand_open_pc.svg");}
.board-view .vpage dl dd {width: 100%;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-view .vpage dl dd a {color: #666666;}
.board-write {width: 100%;}
.board-write input[type=text],
.board-write input[type=password],
.board-write select {height: 32px;}
.board-write textarea {}
.board-write .form-box {display: flex;align-items: center;}
.board-write .form-box .box {position: relative;display: flex;align-items: center;max-width: 230px;}
.board-write .form-box .box.w100 {max-width: 100%;width: 100%;}
.board-write .form-box .box > * + * {margin-left: 10px;}
.board-write .form-box .box-t {flex: 1;margin-left: 20px;font-size: 1.4rem;color: #7D7D7D;}
.board-write .form-box .ui__form-btn + .ui__form-btn {margin-left: 20px;}
.board-write .form-box .ui__icon-calendar {position: absolute;top: 50%;right: 10px;margin-top: -10px;}
.board-write .form-box .date-input {-ms-min-width: auto;min-width: 180px;}
.board-write .form-box .small-input {max-width: 60px;}
.board-write .form-box .space {margin: 0 6px;}
.board-write .edit-area {height: 400px;background-color: #F5F5F5;border: 1px solid #CFCFD0;}
.board-write .recaptcha-area {height: 60px;background-color: #F5F5F5;border: 1px solid #CFCFD0;}
.board-write [class*="ui__btn"] {height: 32px;padding: 0 12px;font-size: 1.4rem;}
.board-write .questionnaire-area {border-bottom: 1px solid #E7E7E7;}
.board-write .questionnaire-area .list li + li {margin-top: 20px;}
.board-write .questionnaire-area .list h5 {font-size: 1.6rem;font-weight: 500;}
.board-write .questionnaire-area .list textarea {margin-top: 20px;height: 160px;}
.board-write .questionnaire-area .txt {padding: 30px 0;color: #222222;text-align: center;}
.board-write .questionnaire-area .txt span {display: inline-block;margin-right: 10px;font-size: 1.6rem;font-weight: 400;color: #7D7D7D;}
.board-write .questionnaire-area .txt .t1 {}
.board-write .questionnaire-area .txt .t2 {margin-top: 20px;}
.board-write .questionnaire-area .txt .t3 {margin-top: 10px;font-size: 2rem;font-weight: 500;}
.board-write .questionnaire-area .txt .t4 {margin-top: 30px;font-weight: 500;}
.board-policy {margin-top: 20px;}
.board-policy .txt {padding: 20px;background-color: #F5F5F5;}
.board-policy .txt dl + dl {margin-top: 10px;}
.board-policy .txt dt {display: flex;align-items: flex-start;font-weight: 500;}
.board-policy .txt dt:before {content: '';display: inline-block;min-width: 4px;min-height: 4px;margin-top: 0.9rem;margin-right: 10px;background-color: #B60005;border-radius: 50%;}
.board-policy .txt dd {margin-top: 6px;padding-left: 14px;font-size: 1.4rem;font-weight: 300;}
.board-policy .agree {display: flex;align-items: center;justify-content: space-between;padding: 20px;border: 1px solid #CFCFD0;}
.board-picture {width: 140px;margin-left: 30px;}
.board-picture .blank {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 140px;height: 150px;border: 1px dashed #CFCFD0;}
.board-picture .blank p {margin-top: 10px;font-size: 1.4rem;color: #7D7D7D;}
.board-picture .imgarea {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 140px;height: 150px;border: 1px dashed #CFCFD0;}
.board-picture .btns {margin-top: 20px;}
.board-picture .btns [class*="ui__btn"] {height: 32px;padding: 0 12px;font-size: 1.4rem;}
.board-picture .btns [class*="ui__btn"] + [class*="ui__btn"] {margin-top: 10px;}
.board-flex {display: flex;}
.total-career {display: flex;align-items: center;margin-top: 10px;padding: 14px;background-color: #F5F5F5;}
.total-career .box {display: flex;align-items: center;}
.total-career .box dt {margin-right: 50px;font-weight: 500;}
.total-career .box dd {display: flex;align-items: center;}
.total-career .box dd input {width: 80px;height: 32px;margin-right: 6px;}
.total-career .box dd span {margin-right: 20px;}
.total-career .box-t {font-size: 1.4rem;color: #7D7D7D;}
.photo-list {display: flex;flex-wrap: wrap;}
.photo-list .item {flex: 1 1 20%;max-width: 210px;margin-right: 30px;margin-top: 30px;padding-bottom: 15px;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
.photo-list .item:nth-of-type(4n) {margin-right: 0;}
.photo-list .item .tit {display: block;}
.photo-list .item .img {display: block;position: relative;width: 100%;height: 0;padding-bottom: 56.26%;overflow: hidden;}
.photo-list .item .img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);object-fit: cover;}
.photo-list .item .txt {display: block;margin-top: 14px;}

.gray-box {padding: 20px;background-color: #F5F5F5;}
.gray-box .common-list01 li p {font-weight: 500;}

.guide-box {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px 10px;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;text-align: center;}
.guide-box h4 {margin: 20px 0 10px;font-size: 2.4rem;}

@media (max-width: 1024px) {/* pad */
	.tbl-box .item-tr {flex-wrap: wrap;}
	.tbl-box .item-tr2 {flex-wrap: wrap;}
	.tbl-box.type1 .item-th {max-width: 220px;}
	.tbl-box.type2 .item-th {max-width: none;width: 140px;flex: none;}
	.tbl-box.type2 .item-td {width: calc(100% - 140px);flex: 1 0 auto;}
	.tbl-box table.n-tbl td {padding: 14px;}

	.board-view .vcommit .txt .date {position: relative;top: auto;right: auto;display: block;margin-top: 20px;}
	.board-write .form-box .date-input {min-width: 120px;}
	.photo-list .item {margin-right: 20px;}
	.photo-list .board-info-line {flex-direction: column;align-items: flex-start;}
	.photo-list .board-info-line span {margin-right: 0;padding-right: 0;}
	.photo-list .board-info-line span:after {display: none;}
}
@media (max-width: 767px) {/* mobile */
	.tbl-txt {position: relative;display: block;padding-bottom: 28px;}
	.tbl-txt [class*="ui__btn"] {position: absolute;bottom: 0;right: 0;height: 28px !important;font-weight: 400;}
	.tbl-box {overflow-x: auto;}
	.tbl-box .item-th {padding: 10px 5px;max-width: 110px;}
	.tbl-box .item-td {padding: 10px 10px;}
	.tbl-box .item-col {border-right: 0;}
	.tbl-box .item-col + .item-col {margin-top: 20px;}
	.tbl-box .item-col + .item-col2 {margin-top: 0px;}
	.tbl-box .m-col .item-th {max-width: 100%;padding: 10px 10px;text-align: left;}
	.tbl-box.type1 .item-th {max-width: 100px;}
	.tbl-box.type2 .item-tr {flex-direction: column;padding: 20px 0;}
	.tbl-box.type2 .item-tr2 {flex-direction: column;padding: 20px 0;}
	.tbl-box.type2 .item-th {max-width: 100%;width: 100%;flex: 1;padding: 0;background-color: transparent;font-size: 1.4rem;}
	.tbl-box.type2 .item-td {width: 100%;flex: 1;margin-top: 10px;padding: 0;}
	.tbl-box.type2 .item-td2 {width: 100%;flex: 1;margin-top: 10px;padding: 0;}
	.tbl-box.type2 .item-td + .item-th {margin-top: 20px;}
	.tbl-box.type3 .item-tr {flex-direction: column;padding: 20px 0;}
	.tbl-box.type3 .item-tr2 {flex-direction: column;padding: 20px 0;}
	.tbl-box.type3 .item-th {max-width: 100%;width: 100%;flex: 1;align-items: flex-start;padding: 0;background-color: transparent;font-size: 1.4rem;}
	.tbl-box.type3 .item-td {width: 100%;flex: 1;margin-top: 10px;padding: 0;}
	.tbl-box.type3 .item-td2 {display:none;}
	.tbl-box.type3 .item-td + .item-th {margin-top: 20px;}
	.tbl-box.type3 .form-box {flex-direction: row;align-items: center;}
	.tbl-box table th {padding: 10px;border-bottom: 1px solid #CFCFD0;}
	.tbl-box table td {height: 40px;}
	.tbl-box table.w-tbl {display: none;}
	.tbl-box table.m-tbl {display: table;}
	.tbl-box table.a-tbl {width: 767px;}
	.tbl-box table.a-tbl td {padding: 10px;}
	.tbl-box table.n-tbl td {padding: 10px;}

	.board-info-line span {margin-right: 5px;padding-right: 5px;}
	.board-list .num {display: none;}
	.board-list .center {width: 100%;padding: 10px 5px 10px 0;}
	.board-list .center .tit.t1 p {height: 1.4em;-webkit-line-clamp: 1;}
	.board-view .vhead .tit h4 {font-size: 1.8rem;}
	.board-view .vfile {padding: 10px;}
	.board-view .vfile dl dt {display: none;}
	.board-view .vfile dl dd {width: 100%;}
	.board-view .vfile dl dd + dd {margin-top: 6px;}
	.board-view .vfile dl a {min-width: 0;}
	.board-view .vfile dl a + a {margin-top: 6px;}
	.board-view .vfile dl a span {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.board-view .vfile dl i {flex-shrink: 0;}
	.board-view .vbody {min-height: 80px;padding-bottom: 0px;}
	.board-view .vbody .questions-box {padding: 10px;font-size: 1.6rem;}
	.board-view .vbody .questions-box > li {padding-left: 0;}
	.board-view .vbody .questions-box > li:before {position: relative;top: auto;left: auto;font-size: 1.6rem;}
	.board-view .vbody .questions-box .commentary {margin-left: 0;}
	.board-view .vcommit .tit {height: 38px;}
	.board-view .vcommit .attach {height: 38px;}
	.board-view .vpage dl {padding: 10px;}
	.board-view .vpage dl dt {margin-right: 20px;}
	.board-view .vpage dl dt:before {margin-right: 6px;}
	.board-write .form-box {flex-direction: column;align-items: flex-start;}
	.board-write .form-box input[type=text], .board-write .form-box input[type=password], .board-write .form-box select {height: 40px;}
	.board-write .form-box .box {max-width: 100%;width: 100%;}
	.board-write .form-box .box-t {margin-left: 0;margin-top: 6px;}
	.board-write .form-box .box.w100 input[type=text] {min-width: auto;}
	.board-write .form-box .box.m-col > * + * {margin-left: 0;margin-top: 10px;}
	.board-write .questionnaire-area .list textarea {margin-top: 10px;height: 100px;}
	.board-write .questionnaire-area .txt {padding: 20px 0;}
	.board-write .questionnaire-area .txt .t4 {margin-top: 20px;}
	.board-write [class*="ui__btn"] {height: 40px;font-size: 1.6rem;}
	.board-policy .txt {padding: 12px;}
	.board-policy .agree {flex-direction: column;padding: 0;}
	.board-policy .agree p {width: 100%;padding: 10px;border-bottom: 1px solid #CFCFD0;}
	.board-policy .agree .ui__form-btn {margin: 10px 0;}
	.board-flex {flex-direction: column;}
	.board-picture {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin: 0;padding: 20px 0;}
	.board-picture .btns {display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 10px;}
	.board-picture .btns [class*="ui__btn"] {height: 40px;font-size: 1.6rem;}
	.board-picture .btns [class*="ui__btn"] + [class*="ui__btn"] {margin-top: 0;margin-left: 10px;}
	.total-career {flex-direction: column;align-items: flex-start;}
	.total-career .box dt {margin-right: 20px;}
	.total-career .box dd span {margin-right: 10px;}
	.total-career .box dd input {width: 70px;}
	.total-career .box-t {margin-top: 10px;}
	.photo-list .item {flex: 1 1 40%;max-width: none;margin-top: 20px;margin-right: 20px;padding-bottom: 10px;}
	.photo-list .item:nth-of-type(4n) {margin-right: 20px;}
	.photo-list .item:nth-of-type(2n) {margin-right: 0;}
	.photo-list .item .txt {margin-top: 10px;}

	.gray-box {padding: 12px;}

	.guide-box {padding: 20px 10px;}
	.guide-box h4 {margin: 10px 0 6px;font-size: 2.1rem;}
	.guide-box p br {display: none;}
}
@media (max-width: 420px) {/* etc */
	.tbl-box table.a-tbl {width: 600px;}
	.tbl-box table.a-tbl td {padding: 10px 5px;}
	.tbl-box table.n-tbl td {padding: 10px 5px;}
}


/* header */
.top-container {position: relative;background-color: #FFFFFF;border-bottom: 1px solid #E7E7E7;}
.top-container .inner {position: relative;max-width: 1400px;height: 130px;display: flex;align-items: center;justify-content: space-between;z-index: 999;}
.top-container .gnb {flex: 1;display: flex;align-items: center;justify-content: flex-end;height: 100%;}
.top-container .util {position: absolute;top: 36px;right: 0;display: flex;align-items: center;justify-content: flex-end;-webkit-transition: all 0.2s ease;transition: all 0.2s ease; z-index:999;}
.top-container .util a {margin-right: 20px;font-size: 1.4rem; white-space:nowrap;}
.top-container .util .uname {display: flex;margin-right: 20px;font-size: 1.4rem;}
.top-container .menu-area {position: relative;display: flex;flex-direction: column; align-items: flex-end;justify-content: flex-end;height: 100%;}
.top-container .menu {position: relative;}
.top-container .menu:after {content: '';position: fixed;top: 130px;left: 0;display: none;width: 100%;height: 230px;background-color: #FFFFFF;border-top: 1px solid #e4e4e4;box-shadow: 0px 12px 16px rgba(0,0,0,0.15);box-sizing: border-box;z-index: 98;}
.top-container .depth01 {position: relative;display: flex;align-items: center;flex-wrap: nowrap;z-index: 99;}
.top-container .depth01-item {position: relative;}
.top-container .depth01-item > a {position: relative;display: flex;width: 150px;height: 110px;align-items: flex-end; line-height:74px; justify-content: center;font-size: 2rem;-webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
.top-container .depth01-item > a:after {content: '';position: absolute;bottom: 0;left: 0;display: block;width: 0;height: 2px;overflow: hidden;background-color: #B60005;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.top-container .depth01-item:hover > a:after {width: 100%;}
.top-container .depth01-item.hide {display: none;}
.top-container .depth02 {position: absolute;top: 100%;left: 0;display: none;width: 100%;padding: 15px 0;text-align: center;}
.top-container .depth02-item {line-height: 2; font-size:1.6rem;}
.top-container .depth02-item > a {color: #7D7D7D;-webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
.top-container .depth02-item > a:hover {font-weight: 500;color: #B60005;}
.top-container .depth02-item.selected > a {font-weight: 500;color: #B60005;}
.top-container .all-menu-btn {width: 48px;height: 48px;margin-left: 22px;padding: 0;background-image: url("/images/btn_all-menu.svg");background-repeat: no-repeat;background-position: 0 0;background-size: cover;text-indent: -9999px;color: transparent;}
.top-container .all-menu-btn.close {background-image: url("/images/btn_close.svg");}
.top-container .all-menu-overlay {position: fixed;top: 0;right: -100%;display: block;width: 100%;height: 100%;background-color: #FFFFFF;z-index: 998;-webkit-transition: right 0.2s ease;transition: right 0.2s ease;}
.top-container .all-menu-overlay.active {right: 0;}
.top-container.hover .menu:after {display: block;}
.top-container.hover .depth02 {display: block;}
.top-container.active .util {position: absolute;right: 0;top: 50%;margin-top: -11px;}
.top-container.active .menu {margin-top: 0;margin-top: 0;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.top-container.active .menu-area {justify-content: center;}
.top-container.active .depth01 {align-items: stretch;}
.top-container.active .depth01-item {padding: 0 30px;border-left: 1px solid #E7E7E7;}
.top-container.active .depth01-item:first-of-type {border-left-color: transparent;}
.top-container.active .depth01-item > a {width: 120px;height: auto;justify-content: flex-start;font-size: 2rem;font-weight: 700;}
.top-container.active .depth01-item > a:after {display: none;}
.top-container.active .depth01-item:hover > a {color: #B60005;}
.top-container.active .depth02 {position: relative;top: auto;left: auto;display: block;text-align: left;}
.top-container .logo > a { align-items:flex-end; line-height:74px; display:flex; height:86px;}

.top-lect-container {position: relative;background: linear-gradient(93deg, #d14b41 0%, #650200 100%);}
.top-lect-container .inner {position: relative;display: flex;align-items: center;justify-content: space-between;}
.top-lect-container .title-box {flex: 1;display: flex;align-items: center;}
.top-lect-container .title-box a {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 90px;height: 100px;background-color: transparent;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}
.top-lect-container .title-box a span {display: block;margin-top: 6px;font-size: 1.6rem;font-weight: 500;color: #FFFFFF;}
.top-lect-container .title-box a.selected {background-color: #FFFFFF;}
.top-lect-container .title-box a.selected span {color: #B60005;}
.top-lect-container .title-box dl {flex: 1;display: flex;flex-direction: column;margin-left: 30px;color: #FFFFFF;}
.top-lect-container .title-box dl dt {font-size: 1.5rem;font-weight: 400;color: rgba(255,255,255,0.7);}
.top-lect-container .title-box dl dd {font-size: 2.4rem;font-weight: 700;}
.top-lect-container .btn-box {display: flex;align-items: center;border-right: 1px solid rgba(255,255,255,0.45);}
.top-lect-container .btn-box a {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 90px;height: 100px;border-left: 1px solid rgba(255,255,255,0.45);}
.top-lect-container .btn-box a span {display: block;margin-top: 10px;font-size: 1.6rem;color: #FFFFFF;}
.top-lect-container .btn-box a.selected {background-color: #FFFFFF;}
.top-lect-container .btn-box a.selected span {color: #B60005;font-weight: 500;}
.top-lect-container a.selected .ui__icon-classroom01 {background-image: url("/images/ico_classroom01_on_pc.svg");}
.top-lect-container a.selected .ui__icon-classroom02 {background-image: url("/images/ico_classroom02_on_pc.svg");}
.top-lect-container a.selected .ui__icon-classroom03 {background-image: url("/images/ico_classroom03_on_pc.svg");}
.top-lect-container a.selected .ui__icon-classroom04 {background-image: url("/images/ico_classroom04_on_pc.svg");}
.top-lect-container a.selected .ui__icon-classroom05 {background-image: url("/images/ico_classroom05_on_pc.svg");}
.top-lect-container a.selected .ui__icon-classroom06 {background-image: url("/images/ico_classroom06_on_pc.svg");}

.top-info {border-bottom: 1px solid #E7E7E7;}
.top-info .inner {display: flex;align-items: center;justify-content: space-between;height: 60px;}
.top-info .top-info-btn {width: 25px;height: 25px;}

@media (max-width: 1410px) {/* laptop */
	.top-container .inner {padding-left: 25px;padding-right: 25px;}
	.top-container .depth01-item > a {width: 100px;font-size: 1.6rem; align-items:center;}
	.top-container .depth02-item > a {font-size: 1.4rem;}
}
@media (max-width: 1024px) {/* pad */
	.top-container {position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background-color: #FFFFFF;}
	.top-container .logo {min-width: 380px;}
	.top-container .menu-area {display: none;}
	.top-container .util {width: 100%;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
	.top-container .util a {flex: 1;justify-content: center;height: 50px;margin-right: 0;border-left: 1px solid #CFCFD0;}
	.top-container .util .uname {flex: 1;justify-content: center;align-items: center;height: 50px;margin-right: 0;font-size: 1.6rem;}
	.top-container .depth01 {flex-direction: column;}
	.top-container .depth01-item > a {width: auto;align-items:center;}
	.top-container.active .util {position: relative;right: auto;top: auto;margin-top: 0;}
	.top-container.active .menu-area {display: flex;justify-content: center;position: absolute;top: 120px;left: 0;width: 100%;height: auto;}
	.top-container.active .menu {position: relative;top: 0;left: 0;-webkit-transform: none;transform: none;width: 100%;overflow-y: auto;}
	.top-container.active .depth01-item {padding: 0;border: 0;}
	.top-container.active .depth01-item > a {width: 100%;height: 70px;padding: 0 30px;justify-content: space-between;}
	.top-container.active .depth01-item > a:hover {color: #000;}
	.top-container.active .depth01-item > a:after {position: relative;bottom: auto;left: auto;display: block;width: 32px;height: 32px;background: transparent url("/images/ico_expand_open_pc.svg") no-repeat 0 0;background-size: cover;}
	.top-container.active .depth01-item.selected > a {color: #B60005;}
	.top-container.active .depth01-item.selected > a:after {transform: rotateX(180deg);}
	.top-container.active .depth01-item.selected .depth02 {max-height: 30rem;}
	.top-container.active .depth02 {overflow-y: auto;max-height: 0;padding: 0 30px;background-color: #FCF5F5;-webkit-transition: max-height 0.2s ease-out;transition: max-height 0.2s ease-out;}
	.top-container.active .depth02-item:first-of-type {padding-top: 20px;}
	.top-container.active .depth02-item:last-of-type {padding-bottom: 20px;}
	.top-container.active .depth02-item > a {display: block;font-size: 1.8rem;color: #000;}
	.top-container.active .depth02-item.selected > a {color: #B60005;}

	.top-lect-container .inner {padding-bottom: 100px;}
	.top-lect-container .title-box dl {position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;margin: 0;padding: 20px 25px;background-color: #FFFFFF;border-bottom: 1px solid #CFCFD0;}
	.top-lect-container .title-box dl dt {color: rgba(0,0,0,0.7);}
	.top-lect-container .title-box dl dd {color: #000000;}
	.top-lect-container .title-box a {width: 86px;height: 90px;}
	.top-lect-container .btn-box a {width: 86px;height: 90px;}
}
@media (max-width: 767px) {/* mobile */
	.top-container .inner {height: 60px;padding-left: 20px;padding-right: 20px;line-height:0;}
	.top-container .logo {min-width: auto;}
	.top-container .logo > a {height:auto;}
	.top-container .logo img {height:30px !important; margin-top:-5px;}
	.top-container .all-menu-btn {margin-left: 0;width: 30px;height: 30px;}
	.top-container .util{flex-wrap:wrap;}
	.top-container .util a {height: 40px; display:inline-block; line-height:40px; text-align:center; border-left:0;}
	
	.top-container .util .uname {height: 40px;}
	.top-container.active .menu-area {top: 60px;}
	.top-container.active .depth01-item > a {height: 60px;padding: 0 16px;align-items:center;}
	.top-container.active .depth01-item > a:after {width: 20px;height: 20px;}
	.top-container.active .depth02 {padding: 0 16px;}
	.top-container.active .depth02-item:first-of-type {padding-top: 16px;}
	.top-container.active .depth02-item:last-of-type {padding-bottom: 16px;}

	.top-lect-container [class*="ui__icon"] {width: 30px;height: 30px;}
	.top-lect-container .inner {padding-bottom: 64px;}
	.top-lect-container .title-box dl {height: 64px;padding: 10px 20px;}
	.top-lect-container .title-box dl dt {font-size: 1.6rem;}
	.top-lect-container .title-box dl dd {font-size: 1.9rem;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
	.top-lect-container .title-box a {width: 62px;height: 70px;}
	.top-lect-container .title-box a span {font-size: 1.4rem;}
	.top-lect-container .btn-box a {width: 62px;height: 70px;}
	.top-lect-container .btn-box a span {font-size: 1.4rem;}
}


/* footer */
.bottom-container {position: relative;background-color: #2d3d45;}
.bottom-container:after {content: '';position: absolute;top: 72px;left: 0;display: block;width: 100%;height: 1px;background-color: #5C5A59;}
.bottom-container .inner {max-width: 1400px;display: flex;align-items: center;justify-content: space-between;}
.bottom-container .inner.f1 {padding-top: 26px;padding-bottom: 26px;}
.bottom-container .inner.f2 {padding-top: 20px;padding-bottom: 50px;}
.bottom-container .links {display: flex;align-items: center;justify-content: center;}
.bottom-container .links li {position: relative;}
.bottom-container .links li + li:after {content: '';position: absolute;top: 5px;left: 0;display: inline-block;width: 1px;height: 12px;background-color: #5C5A59;}
.bottom-container .links a {display: block;padding: 0 20px;color: #fff; font-size:1.6rem;}
.bottom-container .info {display: flex;align-items: center;}
.bottom-container .info img {width: 315px;}
.bottom-container .info p {margin-left: 20px;font-size: 1.4rem;color: #fff;line-height: 1.6;}
.bottom-container .info p span.let{padding-left:26px; position:relative;}
.bottom-container .info p span.let:after{content:''; width:1px; height:12px; position:absolute; left:13px; top:50%; margin-top:-6px; background-color:#878787;}
.bottom-container .info p br.br_mobile{display:none;}
.bottom-container .sns {display: flex; align-items: center;}
.bottom-container .sns li {margin: 0 10px;}
.bottom-container .sns img {width: 149px;}

@media (max-width: 1410px) {/* laptop */
	.bottom-container .inner {padding-left: 25px;padding-right: 25px;}
}
@media (max-width: 1024px) {/* pad */
	.bottom-container:after {top: 88px;}
	.bottom-container .inner.f1 {padding-top: 20px;padding-bottom: 20px;}
	.bottom-container .inner.f2 {padding-top: 20px;padding-bottom: 40px;flex-direction: column;}
	.bottom-container .links a {padding: 0 10px;}
	.bottom-container .info {flex-direction: column;}
	.bottom-container .info p {margin-left: 0;margin-top: 20px;}
	.bottom-container .sns {margin-top: 20px;}
}
@media (max-width: 767px) {/* mobile */
	.bottom-container:after {display: none;}
	.bottom-container .inner.f1 {padding: 0;flex-direction: column;align-items: stretch;}
	.bottom-container .inner.f2 {padding-top: 0;padding-left: 20px;padding-right: 20px;}
	.bottom-container .links {padding: 20px 10px;border-bottom: 1px solid #5C5A59;}
	.bottom-container .links a {font-size: 1.4rem;}
	.bottom-container .info img {width: 205px;}
	.bottom-container .info p {text-align: center;}
	.bottom-container .info p br{ display:none; }
	.bottom-container .info p br.br_mobile{ display:block; }
	.bottom-container .sns img {width: 100px;}
	.bottom-container .info p span.let{padding-left:6px; position:relative;}
	.bottom-container .info p span.let:after{content:none;} 
}


/* content */
.view-container {position: relative;min-height: 860px;}
.view-container.sub {padding-bottom: 60px;}
.view-container.sub-lect {padding-bottom: 80px;}

@media (max-width: 1410px) {/* laptop */
	.view-container .inner {padding-left: 25px;padding-right: 25px;}
}
@media (max-width: 1024px) {/* pad */
	.view-container {margin-top: 120px;min-height: 300px;}
	.view-container.sub-lect {margin-top: 0;}
}
@media (max-width: 767px) {/* mobile */
	.view-container {margin-top: 60px;}
	.view-container.sub-lect {margin-top: 0;padding-bottom: 40px;}
	.view-container .inner {padding-left: 20px;padding-right: 20px; font-size:2rem; padding-top:30px;}
}


/* sub common */
.sub-visual {height: 200px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.sub-visual.s1 {background-image: url("/images/banner/rectangle-805-copy.png");}
.sub-visual.s2 {background-image: url("/images/banner/group-4921.png");}
.sub-visual.s3 {background-image: url("/images/banner/group-4913.png");}
.sub-visual.s4 {background-image: url("/images/banner/group-491-smart-object-group.png");}
.sub-visual.s5 {background-image: url("/images/banner/group-49.png");}
.sub-visual.s6 {background-image: url("/images/banner/group-493.png");}
.sub-visual.s7 {background-image: url("/images/banner/group-49.png");}
.sub-common .s1 .lnb h2 {background-image: url("/images/intr/플립-교육-소개.png");}
.sub-common .s2 .lnb h2 {background-image: url("/images/intr/플립-교육-소개.png");}
.sub-common .s3 .lnb h2 {background-image: url("/images/apply/수강신청.png");}
.sub-common .s4 .lnb h2 {background-image: url("/images/intr/플립-교육-소개.png");}
.sub-common .s5 .lnb h2 {background-image: url("/images/intr/플립-교육-소개.png");}
.sub-common .s6 .lnb h2 {background-image: url("/images/intr/플립-교육-소개.png");}
.sub-common .s7 .lnb h2 {background-image: url("/images/intr/플립-교육-소개.png");}
.sub-common {width: 100%;}
.sub-common .inner {position: relative;height: 100%;}
.sub-common .lnb {position: absolute;top: 100%;left: 0;margin-top: -76px;width: 210px;}
.sub-common .lnb h2 {display: flex;align-items: center;height: 76px;padding: 0 20px;font-size: 2.4rem;color: #FFFFFF;background-position: 0 0;background-repeat: no-repeat;background-size: cover;}
.sub-common .lnb ul li a {display: flex;align-items: center;justify-content: space-between;height: 52px;padding: 0 20px;border: 1px solid #CFCFD0;border-top-width: 0px;background-color: #FFFFFF;}
.sub-common .lnb ul li a:after {content: '';display: inline-block;width: 20px;height: 20px;background: url("/images/ico_next_off_pc.svg") no-repeat 0 0;}
.sub-common .lnb ul li.selected a {background-color: #000000;color: #FFFFFF;}
.sub-common .lnb ul li.selected a:after {background: url("/images/ico_next_w_on.svg") no-repeat 0 0;}
.sub-common .location {position: absolute;bottom: 20px;right: 0;display: flex;align-items: center;}
.sub-common .location .home {display: flex;width: 20px;height: 20px;text-indent: -9999px;background: url("/images/ico_home_w.svg") no-repeat 0 0;}
.sub-common .location span {display: flex;align-items: center;color: #FFFFFF; font-size:1.6rem;}
.sub-common .location span:before {content: '';margin: 0 6px;display: inline-block;width: 20px;height: 20px;background: url("/images/ico_next_w_on.svg") no-repeat 0 0;}

.sub-content {display: flex;justify-content: flex-end;}
.sub-content .in-content {width: 100%;max-width: 930px;padding-top: 60px;}
.sub-title {position: relative; text-align:center;}
.sub-title h3 {font-size: 3.6rem;}
.sub-tit {position: relative;display: flex;flex-direction:column; align-items: center; justify-content:center; font-size:2rem; color:#555; }
.sub-tit span{color:#428dfc; }
.sub-tit:before {/*content: '';display: inline-block;width: 30px;height: 2px;margin-right: 20px;background-color: #B60005;*/}
.sub-tit h4 {font-size: 2.8rem; color:#555; font-weight:400;}
.sub-tit .ui__icon-more {position: absolute;right: 0;}
.sub-txt {color: #222222;line-height: 1.5;}
.sub-btns {position: relative;display: flex;align-items: center;justify-content: center;}
.sub-btns [class*="ui__btn"] {width: 150px;height: 48px;}
.sub-btns [class*="ui__btn"].auto {min-width: 200px;width: auto;}
.sub-btns [class*="ui__btn"] + [class*="ui__btn"] {margin-left: 10px;}
.sub-btns .right {position: absolute;top: 0;right: 0;}
.sub-btns.tal {justify-content: flex-start;}
.sub-btns.tar {justify-content: flex-end;}

@media (max-width: 1170px) {/* etc */
	.sub-common .lnb {left: 25px;}
	.sub-common .lnb ul {height: 0;overflow: hidden;}
	.sub-common .location {right: 25px;}

	.sub-content .in-content {max-width: 100%;}
}
@media (max-width: 1024px) {/* pad */
	.sub-visual {height: 140px;}
	.sub-common .location {display: none;}

	.m-sub-menu {margin-top: 60px;padding-left: 25px;padding-right: 25px;}
	.m-sub-menu ul {display: flex;flex-wrap: wrap;align-items: center;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
	.m-sub-menu ul li {width: 50%;}
	.m-sub-menu ul li a {display: flex;align-items: center;justify-content: space-between;height: 50px;padding: 0 20px;background-color: #FFFFFF;}
	.m-sub-menu ul li a:after {content: '';display: inline-block;width: 20px;height: 20px;background: url("/images/ico_next_off_pc.svg") no-repeat 0 0;}
}
@media (max-width: 767px) {/* mobile */
	.sub-visual {height: 100px;}
	.sub-common .lnb {left: 0;width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;margin-top: -48px;}
	.sub-common .lnb h2 {height: 48px;justify-content: center;font-size: 2.3rem;}
/*	.sub-common .s1 .lnb h2 {background-image: url("/images/img_subtitle01_bg_m.svg");}*/
/*	.sub-common .s2 .lnb h2 {background-image: url("/images/img_subtitle02_bg_m.svg");}*/
/*	.sub-common .s3 .lnb h2 {background-image: url("/images/img_subtitle03_bg_m.svg");}*/
/*	.sub-common .s4 .lnb h2 {background-image: url("/images/img_subtitle04_bg_m.svg");}*/
/*	.sub-common .s5 .lnb h2 {background-image: url("/images/img_subtitle05_bg_m.svg");}*/
/*	.sub-common .s6 .lnb h2 {background-image: url("/images/img_subtitle06_bg_m.svg");}*/
/*	.sub-common .s7 .lnb h2 {background-image: url("/images/img_subtitle07_bg_m.svg");}*/

	.sub-content .in-content {padding-top: 30px;}
	.sub-title h3 {font-size: 2.3rem;}
	.sub-tit {align-items: flex-start;}
	.sub-tit:before {width: 20px;margin-right: 10px;margin-top: 12px;}
	.sub-tit h4 {font-size: 2.1rem;font-weight: 500;}
	.sub-btns [class*="ui__btn"] {width: 100%;height: 40px;}
	.sub-btns [class*="ui__btn"].auto {min-width: auto;width: 100%;font-size: 1.6rem;text-align: center;}
	.sub-btns .right {position: relative;top: auto;right: auto;}
	.sub-btns + .ui__pagination {margin-top: 20px;}

	.m-sub-menu {margin-top: 30px;padding-left: 20px;padding-right: 20px;}
	.m-sub-menu ul li {width: 100%;}
	.m-sub-menu ul li a {height: 40px;}
}


/* 회원서비스 */
.member {height: 100%;}
.member.bg-y {background-color: #F5F5F5;}
.member.bg-y .body-wrap {height: 100%;}
.member.bg-y .view-container {flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: auto;}
.member.bg-y .view-container .inner {max-width: 960px;}
.member .view-container .inner {max-width: 840px;}
.member .body-wrap {display: flex;flex-direction: column;width: 100%;}

.memb-footer {display: flex;justify-content: center;width: 100%;margin-top: 30px;padding: 30px 0;font-size: 1.4rem;color: #7D7D7D;text-align: center;}

.memb-login {position: relative;display: flex;align-items: flex-end;justify-content: center;}
.memb-login:after {content: '';position: absolute;top: 0;left: 50%;display: block;width: 1px;height: 100%;background-color: #CFCFD0;}
.memb-login > div {flex: 1;width: 360px;margin-left: 60px;margin-right: 60px;}
.memb-login .login-box h2 {font-size: 3.6rem;}
.memb-login .login-box button {height: 60px;font-size: 2rem;font-weight: 700;}
.memb-login .login-box li {margin-top: 10px;}
.memb-login .login-box li:first-of-type {margin-top: 30px;}
.memb-login .login-box li:last-of-type {margin-top: 20px;}
.memb-login .login-info dl:last-of-type {margin-top: 20px;padding-top: 20px;border-top: 1px solid #DADADA;}
.memb-login .login-info dt {display: flex;align-items: center;font-weight: 300;color: #222;}
.memb-login .login-info dt span {flex: 1;}
.memb-login .login-info dt:before {content: '';display: inline-block;width: 4px;height: 4px;margin-right: 10px;background-color: #B60005;border-radius: 50%;}
.memb-login .login-info dd {display: flex;align-items: center;margin-top: 15px;margin-left: 14px;}
.memb-login .login-info dd a {color: #222;}
.memb-login .login-info dd a + a {margin-left: 20px;}

.memb-tit {text-align: center;}
.memb-tit h2 {font-size: 3.6rem;}

.memb-step ul {display: flex;align-items: center;justify-content: center;}
.memb-step li {position: relative;display: flex;flex-direction: column;margin: 0 30px;}
.memb-step li i {display: inline-block;width: 60px;height: 60px;background-repeat: no-repeat;background-position: 0 0;}
.memb-step li i.step01 {background-image: url("/images/ico_join01_off.svg");}
.memb-step li.current i.step01 {background-image: url("/images/ico_join01_on.svg");}
.memb-step li i.step02 {background-image: url("/images/ico_join02_off.svg");}
.memb-step li.current i.step02 {background-image: url("/images/ico_join02_on.svg");}
.memb-step li i.step03 {background-image: url("/images/ico_join03_off.svg");}
.memb-step li.current i.step03 {background-image: url("/images/ico_join03_on.svg");}
.memb-step li span {display: block;margin-top: 10px;color: #666;}
.memb-step li.current span {font-weight: 500;color: #B60005;}
.memb-step li + li:after {content: '';position: absolute;top: 30px;right: 100%;display: block;width: 60px;height: 2px;background: #E7E7E7;}
.memb-step > p {margin-top: 30px;color: #222;line-height: 1.5;}

.memb-terms {position: relative;}
.memb-terms .terms-all {display: flex;align-items: center;justify-content: space-between;margin: 0 20px;}
.memb-terms .terms-all p {margin-right: 10px;font-size: 2rem;font-weight: 500;}
.memb-terms .terms-list {margin-top: 20px;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
.memb-terms .terms-list .list-txt {position: relative;display: flex;align-items: center;justify-content: space-between;height: 50px;margin: 0 20px;padding-left: 30px;cursor: pointer;}
.memb-terms .terms-list .list-txt {background: url("/images/ico_expand_open_pc.svg") no-repeat 0 50%;}
.memb-terms .terms-list .active .list-txt {background: url("/images/ico_expand_close_pc.svg") no-repeat 0 50%;}
.memb-terms .terms-list .list-panel {height: 200px;overflow-y: auto;padding: 14px;background-color: #F5F5F5;line-height: 1.5;}

.memb-btns {display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.memb-btns [class*="ui__btn"] {max-width: 150px;height: 48px;}
.memb-btns [class*="ui__btn"] + [class*="ui__btn"] {margin-left: 10px;}

.memb-form {position: relative;}
.memb-form .star {color: #B60005;font-weight: inherit;}
.memb-form .description {margin-bottom: 10px;font-size: 1.4rem;}
.memb-form > ul {border-top: 1px solid #B60005;padding: 10px 0;}
.memb-form > ul:last-of-type {border-bottom: 1px solid #CFCFD0;}
.memb-form > ul + ul {border-color: #CFCFD0;}
.memb-form > ul li {display: flex;align-items: center;padding: 10px 0;}
.memb-form .form-tit {min-width: 160px;margin-right: 20px;font-weight: 500;}
.memb-form .form-item {flex: 1;}
.memb-form .form-item .box {display: flex;align-items: center;max-width: 480px;}
.memb-form .form-item .box button {max-width: 120px;}
.memb-form .form-item .box > * + * {margin-left: 10px;}
.memb-form .form-item .box > .ui__form-btn + .ui__form-btn {margin-left: 20px;}
.memb-form .form-item .box-t {margin-top: 10px;font-size: 1.4rem;color: #7D7D7D;}

.memb-complete {position: relative;}
.memb-complete .complete-tit {text-align: center;}
.memb-complete .complete-tit span {margin: 0 auto;}
.memb-complete .complete-tit h3 {margin-top: 30px;font-size: 2.4rem;}
.memb-complete .complete-tit h3 span {color: #B60005;}
.memb-complete .complete-txt {text-align: center;margin-top: 20px;padding-bottom: 30px;}
.memb-complete .complete-txt p {margin-top: 20px;}

.memb-search {position: relative;}
.memb-search .search-txt {margin-top: 20px;color: #222;}
.memb-search .search-box {display: flex;flex-direction: column;align-items: center;margin-top: 30px;padding: 30px;display: flex;justify-content: center;background-color: #F5F5F5;}
.memb-search .search-box input {max-width: 400px;}
.memb-search .search-box input + input {margin-top: 10px;}

@media (max-width: 1024px) {/* pad */
	.member.bg-y .view-container {justify-content: flex-start;}
	.member.bg-y .view-container .inner {max-width: 530px;}

	.memb-login {flex-direction: column;margin-top: 120px;}
	.memb-login:after {display: none;}
	.memb-login > div {width: 100%;margin: 0;}
	.memb-login .login-info {display: flex;align-items: stretch;justify-content: center;margin-top: 60px;padding-top: 60px;border-top: 1px solid #CFCFD0;}
	.memb-login .login-info dl {flex: 1;}
	.memb-login .login-info dl:last-of-type {margin-top: 0;padding-top: 0;border-top: 0;margin-left: 20px;padding-left: 20px;border-left: 1px solid #CFCFD0;}
}
@media (max-width: 767px) {/* mobile */
	.memb-footer {margin-top: 10px;}

	.memb-login {margin-top: 60px;}
	.memb-login .login-box h2 {font-size: 2.3rem;}
	.memb-login .login-box li:first-of-type {margin-top: 20px;}
	.memb-login .login-info {margin-top: 30px;padding-top: 30px;flex-direction: column;}
	.memb-login .login-info dl:last-of-type {margin-left: 0;padding-left: 0;border-left: 0;margin-top: 30px;}
	.memb-login .login-info dd {margin-top: 10px;}
	.memb-login .login-box button {height: 40px;font-size: 1.6rem;}

	.memb-tit h2 {font-size: 2.3rem;}

	.memb-step > p {margin-top: 20px;}

	.memb-terms .terms-all {margin: 0 10px;}
	.memb-terms .terms-all p {font-size: 1.8rem;}
	.memb-terms .terms-list {margin-top: 10px;}
	.memb-terms .terms-list .list-txt {height: auto;margin: 0 10px;padding-top: 10px;padding-bottom: 10px;}
	.memb-terms .terms-list .list-panel {height: 140px;padding: 10px;}

	.memb-btns {margin-top: 20px;}
	.memb-btns [class*="ui__btn"] {max-width: 100%;height: 40px;}

	.memb-form > ul li {flex-direction: column;align-items: flex-start;}
	.memb-form .form-tit {width: 100%;margin-right: 0;}
	.memb-form .form-item {margin-top: 10px;width: 100%;}
	.memb-form .form-item .box {max-width: 100%;}
	.memb-form .form-item .box > * + * {margin-left: 6px;}

	.memb-complete .complete-tit h3 {margin-top: 20px;font-size: 2.1rem;}
	.memb-complete .complete-txt {margin-top: 10px;padding-bottom: 0;}

	.memb-search .search-box {margin-top: 20px;padding: 20px;}
	.memb-search .search-box input {max-width: 100%;}
}
@media (max-width: 1024px) and (orientation: landscape) {
	.member.bg-y .view-container {flex: 0 0 auto;}
	.memb-footer {margin-top: 40px;}
}


/* SHAPE 소개 */
.intr-line {margin-top: 20px;padding-top: 20px;border-top: 1px solid #DADADA;text-align: right;}
.intr-line p {color: #666666;}
.intr-line span {display: block;margin-top: 10px;font-size: 2rem;font-weight: 700;}

.intr01 .tit {position: relative;max-width: 100%;height: 190px;background-image: url("/images/sub01_img01_pc.png");background-repeat: no-repeat;background-position: 50% 0;}
.intr01 .tit h5 {position: absolute;top: 0;left: 270px;width: 525px;padding: 30px 0;text-align: center;font-size: 3.2rem;}
.intr01 .tit h5:before {content: '“';position: absolute;top: 0;left: 0;font-size: 7.2rem;opacity: 0.2;}
.intr01 .tit h5:after {content: '”';position: absolute;top: 50px;right: 0;font-size: 7.2rem;opacity: 0.2;}
.intr01 .tit dl {display: flex;}
.intr01 .tit dl:first-of-type {margin-left: 60px;}
.intr01 .tit dl:last-of-type {margin-left: 140px;}
.intr01 .tit dl dt {color: #B60005;}
.intr01 .tit dl dd {margin-left: 5px;font-weight: 400;}
.intr01 .tit p {position: absolute;bottom: 7px;left: 240px;color: #FFFFFF;}
.intr01 .txt p {margin-top: 20px;color: #222;}

.intr02 .img {width: 210px;height: 300px;background-image: url("/images/sub01_img02_pc.png");background-repeat: no-repeat;background-position: 0 0;background-size:cover;}
.intr02 .txt {flex: 1;margin-left: 30px;}
.intr02 .txt h5 {font-size: 2rem;font-weight: 500;}
.intr02 .txt p {margin-top: 20px;color: #222;}

.intr03 .tit {display: flex;align-items: center;/*background-color: #FAFAFA;*/}
.intr03 .tit h5 {display: flex;align-items: center;justify-content: center;width: 210px;height: 60px;text-align: center;background: linear-gradient(106deg, #FF483B 0%, #650200 100%);font-size: 2.4rem;color: #FFFFFF;}
.intr03 .tit p {margin-left: 30px;font-size: 2rem;}
.intr03 .box {position: relative;width: 400px;height: 400px;margin: 20px auto 0;}
.intr03 .box:before {content: '';position: absolute;top: 0;left: 50%;display: block;width: 0;height: 100%;border: 1px dashed #CFCFD0;z-index: 9;}
.intr03 .box:after {content: '';position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 0;border: 1px dashed #CFCFD0;z-index: 9;}
.intr03 .box ul {display: flex;flex-wrap: wrap;width: 100%;height: 100%;}
.intr03 .box ul li {position: relative;width: 50%;height: 50%;}
.intr03 .box ul li p {position: absolute;text-align: center;}
.intr03 .box ul li p strong {display: block;font-size: 2rem;}
.intr03 .box ul li p span {display: block;margin-top: 10px;color: #7D7D7D;}
.intr03 .box ul li.b1 p {top: 55px;left: 0;}
.intr03 .box ul li.b2 p {top: 55px;right: 0;}
.intr03 .box ul li.b3 p {bottom: 55px;left: 0;}
.intr03 .box ul li.b4 p {bottom: 55px;right: 0;}
.intr03 .box .circle {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;margin-top: -100px;margin-left: -100px;background: linear-gradient(90deg, #FFCB6C 0%, #95CFE2 100%);border-radius: 50%;z-index: 10;}
.intr03 .box .circle p {width: 160px;height: 160px;margin: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #FFFFFF;border-radius: 50%;}
.intr03 .box .circle p span {display: block;font-size: 1.8rem;color: #7D7D7D;}
.intr03 .box .circle p strong {display: block;font-size: 2.8rem;margin-top: 10px;}
.intr03 .txt {margin-top: 20px;}
.intr03 .txt dl {display: flex;}
.intr03 .txt dl dt {margin-right: 60px;font-size: 2rem;font-weight: 500;color: #B60005;}
.intr03 .txt dl dd {flex: 1;}
.intr03 .txt dl dd p {font-size: 1.8rem;}

.intr04 .txt p + p {margin-top: 20px;}
.intr04 .txt p span {font-weight: 700;color: #B60005;}
.intr04 .list3 {display: flex;}
.intr04 .list3 li {flex: 1;text-align: center;border-right: 1px dashed #e7e7e7;}
.intr04 .list3 li:last-of-type {border-right-color: transparent}
.intr04 .list3 img {max-width: 80px;}
.intr04 .list3 p {margin-top: 20px;}
.intr04 .list3 p span {color: #B60005;}
.intr04 .list4 {display: flex;}
.intr04 .list4 li {flex: 1;text-align: center;}
.intr04 .list4 img {max-width: 80px;}
.intr04 .list4 p {margin-top: 20px;}
.intr04 .recomm1 {height: 417px;padding: 50px 30px;background: url("/images/sub01_img15_pc.jpg") no-repeat center;}
.intr04 .recomm1 h3 {font-size: 2.4rem;font-weight: 500;}
.intr04 .recomm1 ul {padding-top: 10px;}
.intr04 .recomm1 li {position: relative;display: flex;align-items: center;margin-top: 20px;}
.intr04 .recomm1 li p {display: flex;align-items: center;height: 48px;margin-left: 24px;padding-left: 44px;font-size: 1.8rem;background-color: #fff;box-shadow: 0px 3px 12px rgba(187, 156, 156, 0.25);}
.intr04 .recomm1 li span {position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;font-weight: 700;color: #fff;border-radius: 50%;box-shadow: 0px 3px 12px rgba(187, 156, 156, 0.25);}
.intr04 .recomm1 li:nth-of-type(1) p {width: 230px;}
.intr04 .recomm1 li:nth-of-type(1) span {background-color: #D5797C;}
.intr04 .recomm1 li:nth-of-type(2) p {width: 280px;}
.intr04 .recomm1 li:nth-of-type(2) span {background-color: #C8484C;}
.intr04 .recomm1 li:nth-of-type(3) p {width: 330px;}
.intr04 .recomm1 li:nth-of-type(3) span {background-color: #C23034;}
.intr04 .recomm1 li:nth-of-type(4) p {width: 380px;}
.intr04 .recomm1 li:nth-of-type(4) span {background-color: #B60005;}
.intr04 .recomm2 {display: flex;justify-content: space-between;}
.intr04 .recomm2 li {width: 300px;background-color: #fff;box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);}
.intr04 .recomm2 .list_top {display: flex;padding: 20px;}
.intr04 .recomm2 .list_top img {width: 83px;background-color: #f5f5f5;}
.intr04 .recomm2 .list_top dl {margin-left: 20px;}
.intr04 .recomm2 .list_top dl dt {font-size: 1.8rem;font-weight: 700;}
.intr04 .recomm2 .list_top dl dd {margin-top: 10px;font-size: 1.4rem;color: #222;}
.intr04 .recomm2 .list_top dl dd span {display: block;color: #999999;}
.intr04 .recomm2 .list_bot {height: 280px;overflow-y: auto;padding: 20px;background-color: #FCF5F5;}
.intr04 .recomm2 .list_bot p {word-break: break-all;}
.intr04 .box ul {position: relative;display: flex;justify-content: space-between;text-align: center;padding-top: 12px;}
.intr04 .box ul:after {content: '';position: absolute;top: 100%;left: 50%;display: inline-block;width: 783px;height: 0px;margin-top: 36px;border-bottom: 1px dashed #707070;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.intr04 .box li {position: relative;}
.intr04 .box li p {width: 145px;height: 100px;padding: 45px 0 30px;background-color: #F5F5F5;font-size: 1.8rem;font-weight: 700;}
.intr04 .box li:last-of-type p {padding: 35px 0 20px;font-size: 1.6rem;}
.intr04 .box li span {position: absolute;top: -16px;left: 50%;display: flex;align-items: center;justify-content: center;width: 80px;height: 32px;margin-left: -40px;border-radius: 30px;font-weight: 700;color: #fff;}
.intr04 .box li:after {content: '';position: absolute;top: 100%;left: 50%;display: inline-block;width: 0px;height: 32px;margin-top: 4px;border-right: 1px dashed #707070;}
.intr04 .box li:nth-of-type(1) span {background-color: #CFCFD0;}
.intr04 .box li:nth-of-type(2) span {background-color: #B1B1B1;}
.intr04 .box li:nth-of-type(3) span {background-color: #888888;}
.intr04 .box li:nth-of-type(4) span {background-color: #636363;}
.intr04 .box li:nth-of-type(5) span {background-color: #464646;}
.intr04 .box li:nth-of-type(6) span {background-color: #222222;}
.intr04 .box strong {position: relative;display: flex;align-items: center;justify-content: center;width: 210px;height: 52px;margin: 100px auto 0;background: transparent linear-gradient(180deg, #FF483B 0%, #650200 100%);font-size: 2rem;font-weight: 700;color: #fff;}
.intr04 .box strong:after {content: '';position: absolute;bottom: 100%;left: 50%;display: inline-block;width: 0px;height: 32px;margin-bottom: 31px;border-right: 1px dashed #707070;}
.intr04 .box strong:before {content: '';position: absolute;bottom: 100%;left: 50%;display: inline-block;width: 0px;height: 0px;margin-bottom: 16px;border-top: 9px solid #414141;border-bottom: 9px solid transparent;border-right: 9px solid transparent;border-left: 9px solid transparent;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.intr04 [class*="ui__btn"] {padding: 0 18px;}

.intr05 .list {position: relative;display: flex;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
.intr05 .list + .list {margin-top: 20px;}
.intr05 .list > img {max-width: 170px;}
.intr05 .list > dl {flex: 1;}
.intr05 .list dt {padding: 16px 30px;background-color: #FCF5F5;color: #7D7D7D;}
.intr05 .list dt strong {display: inline-block;margin-right: 10px;font-size: 2rem;font-weight: 700;color: #000;}
.intr05 .list dd {padding: 10px 30px 20px;background-color: #FFFFFF;}
.intr05 .list dd p {display: flex;align-items: center;margin-top: 10px;}
.intr05 .list dd p span {display: inline-block;min-width: 80px;margin-right: 20px;font-weight: 500;color: #B60005;border-right: 1px solid #CFCFD0;}
.intr05 .list dd .flex p {width: 50%;}

.intr06 .maps {height: 360px;background-color: #F5F5F5;}
.intr06 .txt {display: flex;margin-top: 30px;}
.intr06 .txt dl {flex: 1;padding-right: 10px;}
.intr06 .txt dl dt {margin-bottom: 20px;font-size: 2rem;font-weight: 500;}

.intr07 .txt {display: flex;justify-content: space-between;}
.intr07 .txt dl {position: relative;text-align: center;flex: 1 1 auto;}
.intr07 .txt dl dt {font-weight: 500;}
.intr07 .txt dl dd {font-size: 1.8rem;margin-top: 20px;}
.intr07 .txt dl:before {content: '';position: absolute;top: 50%;right: 0;display: block;width: 1px;height: 54px;margin-top: -27px;background-color: #E7E7E7}
.intr07 .txt dl:last-of-type:before {display: none;}

@media (max-width: 1170px) {/* etc */
	.intr04 .box ul:after {width: 85%;}
}
@media (max-width: 1024px) {/* pad */
	.intr01 .tit {max-width: 720px;margin: 0 auto;background-image: url("/images/sub01_img01_pad.png");}
	.intr01 .tit h5 {width: 440px;}
	.intr01 .tit dl:last-of-type {margin-left: 60px;}

	.intr04 .recomm1 {margin-left: -25px;margin-right: -25px;padding: 50px 25px;}
	.intr04 .recomm2 li {width: 32%;}
	.intr04 .recomm2 .list_top img {display: none;}
	.intr04 .recomm2 .list_top dl {display: flex;flex-direction: column;margin: 0;min-width: 0;}
	.intr04 .recomm2 .list_top dl dt {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
	.intr04 .box ul {flex-wrap: wrap;}
	.intr04 .box ul:after {width: 70%;margin-top: -20px;}
	.intr04 .box li {width: 30%;margin-bottom: 55px;}
	.intr04 .box li p {width: 100%;}
	.intr04 .box strong {margin-top: 44px;}

	.intr07 .txt {flex-wrap: wrap;}
	.intr07 .txt dl {flex-basis: 50%;margin: 10px 0;}
	.intr07 .txt dl:nth-of-type(2n):before {display: none;}
	.intr07 .txt dl dd {margin-top: 10px;}
}
@media (max-width: 767px) {/* mobile */
	.intr01 .tit {max-width: 360px;height: 160px;background-image: url("/images/sub01_img01_m.png");}
	.intr01 .tit h5 {width: 240px;left: 100px;font-size: 2.3rem;}
	.intr01 .tit h5:before {font-size: 5rem;}
	.intr01 .tit h5:after {top: 20px;font-size: 5rem;}
	.intr01 .tit dl:first-of-type {margin-left: 22px;}
	.intr01 .tit dl:last-of-type {margin-left: 22px;}
	.intr01 .tit p {left: 130px;font-size: 1.4rem;}
	.intr01 .tit p span {display: block;}

	.intr02 .img {display: none;}
	.intr02 .txt {margin-left: 0;}
	.intr02 .txt h5 {display: flex;align-items: center;font-size: 1.6rem;}
	.intr02 .txt h5:before {content: '';display: inline-block;margin-right: 20px;width: 100px;height: 144px;background-image: url("/images/sub01_img02_m.png");background-repeat: no-repeat;background-position: 0 0;}
	.intr02 .txt h5 span {flex: 1;}

	.intr03 .tit {align-items: flex-start;flex-direction: column;background-color: #FFFFFF;}
	.intr03 .tit h5 {width: 100%;height: 40px;}
	.intr03 .tit p {width: 100%;margin-left: 0;margin-top: 10px;padding: 9px 20px;font-size: 1.8rem;background-color: #FAFAFA;}
	.intr03 .box {width: 300px;height: 300px;}
	.intr03 .box ul li p strong {font-size: 1.8rem;}
	.intr03 .box ul li p span {margin-top: 5px;}
	.intr03 .box ul li.b1 p {top: 32px;}
	.intr03 .box ul li.b2 p {top: 32px;}
	.intr03 .box ul li.b3 p {bottom: 32px;}
	.intr03 .box ul li.b4 p {bottom: 32px;}
	.intr03 .box .circle {width: 160px;height: 160px;margin-top: -80px;margin-left: -80px;}
	.intr03 .box .circle p {width: 120px;height: 120px;}
	.intr03 .box .circle p span {font-size: 1.6rem;}
	.intr03 .box .circle p strong {font-size: 2.3rem;margin-top: 5px;}
	.intr03 .txt dl {flex-direction: column;}
	.intr03 .txt dl dt {margin-right: 0;}
	.intr03 .txt dl dd {margin-top: 20px;}

	.intr04 .list3 {flex-direction: column;}
	.intr04 .list3 li {display: flex;align-items: center;padding: 20px 0;border-right: 0;border-bottom: 1px dashed #e7e7e7;text-align: left;}
	.intr04 .list3 li:last-of-type {border-bottom-color: transparent;}
	.intr04 .list3 p {margin-top: 0;margin-left: 20px;}
	.intr04 .list4 {flex-wrap: wrap;}
	.intr04 .list4 li {min-width: 50%;}
	.intr04 .list4 li:nth-of-type(1) {margin-bottom: 20px;}
	.intr04 .list4 li:nth-of-type(2) {margin-bottom: 20px;}
	.intr04 .list4 p {margin-top: 10px;}
	.intr04 .recomm1 {height: 274px;margin-left: -20px;margin-right: -20px;padding: 20px;background: url("/images/sub01_img15_m.jpg") no-repeat center;background-size: cover;}
	.intr04 .recomm1 li {margin-top: 14px;}
	.intr04 .recomm1 li p {display: flex;align-items: center;height: 36px;margin-left: 18px;padding-left: 28px;}
	.intr04 .recomm1 li span {width: 36px;height: 36px;}
	.intr04 .recomm1 li:nth-of-type(1) p {width: 150px;}
	.intr04 .recomm1 li:nth-of-type(2) p {width: 200px;}
	.intr04 .recomm1 li:nth-of-type(3) p {width: 250px;}
	.intr04 .recomm1 li:nth-of-type(4) p {width: 300px;}
	.intr04 .recomm2 li {display: none;width: 48%;}
	.intr04 .recomm2 li:nth-of-type(1) {display: block;}
	.intr04 .recomm2 li:nth-of-type(2) {display: block;}
	.intr04 .recomm2 .list_top {padding: 10px;}
	.intr04 .recomm2 .list_top dl dd {margin-top: 5px;}
	.intr04 .recomm2 .list_top dl dd span {display: none;}
	.intr04 .recomm2 .list_bot {height: 170px;padding: 10px;}
	.intr04 .recomm2 .list_bot p {font-size: 1.4rem;}
	.intr04 .box ul:after {width: 68%;margin-top: -18px;}
	.intr04 .box li {width: 32%;margin-bottom: 35px;}
	.intr04 .box li:after {height: 13px;}
	.intr04 .box li p {height: 77px;padding: 35px 0 15px;}
	.intr04 .box li:last-of-type p {padding: 30px 0 10px;font-size: 1.4rem;}
	.intr04 .box li span {top: -12px;width: 60px;height: 24px;margin-left: -30px;}
	.intr04 .box strong {width: 160px;height: 40px;margin-top: 20px;}
	.intr04 .box strong:after {height: 13px;margin-bottom: 22px;}
	.intr04 .box strong:before {border-width: 6px;margin-bottom: 9px;}

	.intr05 .list > img {position: absolute;top: 0;left: 0;max-width: 80px;}
	.intr05 .list dt {margin-left: 80px;padding: 8px 0;text-align: center;}
	.intr05 .list dt strong {font-size: 1.8rem;font-weight: 500;}
	.intr05 .list dd {padding: 0 0 10px 0;}
	.intr05 .list dd .flex {display: block;}
	.intr05 .list dd .flex p {width: 100%;}
	.intr05 .list dd p {align-items: flex-start;flex-direction: column;}
	.intr05 .list dd p span {display: block;min-width: 100%;margin: 0;margin-bottom: 5px;border-right: 0;}
	.intr05 .list dd > p:first-of-type {height: 60px;margin-left: 80px;padding-left: 20px;}

	.intr06 .maps {height: 180px;}
	.intr06 .txt {flex-direction: column;}
	.intr06 .txt dl + dl {margin-top: 20px;margin-bottom: 10px;}
	.intr06 .txt dl dt {margin-bottom: 10px;}
	.intr07 .txt {flex-direction: column;}
	.intr07 .txt dl {margin: 0;flex: 1;}
	.intr07 .txt dl + dl {margin-top: 20px;padding-top: 20px;}
	.intr07 .txt dl:before {top: 0;left: 50%;width: 54px;height: 1px;margin-top: 0;margin-left: -27px;}
	.intr07 .txt dl:nth-of-type(2n):before {display: block;}
	.intr07 .txt dl:first-of-type:before {display: none;}
}
@media (max-width: 420px) {/* etc */
	.intr01 .tit {margin-left: -20px;margin-right: -20px;}
}


/* 입학안내 */
.entr01 .btn {display: flex;align-items: center;}
.entr01 .btn .ui__btn--white {max-width: 200px;height: 48px;}
.entr01 .btn .ui__btn--white + .ui__btn--white {margin-left: 10px;}
.entr01 .pdf-area {margin-top: 20px;height: 580px;background-color: #F5F5F5;}

.entr02 .step {display: flex;}
.entr02 .step ul {flex: 1;position: relative;display: flex;}
.entr02 .step ul li {flex: 1 1 145px;position: relative;padding: 0 10px;text-align: center;z-index: 9;}
.entr02 .step ul li span {display: inline-block;margin: 0 auto;padding: 0 5px;background-color: #FFFFFF;}
.entr02 .step ul li span i {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;font-weight: 500;color: #FFFFFF;border-radius: 50%;}
.entr02 .step ul li p {margin-top: 20px;font-size: 1.8rem;font-weight: 500;}
.entr02 .step ul li.item1 span i {background-color: #F0CBCC;}
.entr02 .step ul li.item2 span i {background-color: #E1989A;}
.entr02 .step ul li.item3 span i {background-color: #D36568;}
.entr02 .step ul li.item4 span i {background-color: #C43236;}
.entr02 .step ul li.item5 span i {background-color: #BD181D;}
.entr02 .step ul li.item6 span i {background-color: #B60005;}
.entr02 .step ul:after {content: '';position: absolute;top: 17px;display: block;width: 100%;height: 2px;background-color: #E7E7E7;}
.entr02 .step ul:first-of-type:after {left: 60px;}
.entr02 .step ul:last-of-type:after {right: 60px;}

.entr03 .txt p {font-size: 2rem;}

.entr04 {margin-bottom: 150px;}
.entr04 .thumb-popup {position: relative;}
.entr04 .thumb-default {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 400px;background: linear-gradient(180deg, #9DBE5E 0%, #FFCB6F 100%);text-align: center;}
.entr04 .thumb-default .tit {font-size: 3.2rem;color: #FFFFFF;}
.entr04 .thumb-default .tit dl {display: flex;align-items: center;margin-top: -50px;}
.entr04 .thumb-default .tit dl:first-of-type {margin-left: -50px;}
.entr04 .thumb-default .tit dl:first-of-type:before {content: '“';display: inline-block;font-size: 7.2rem;opacity: 0.5;margin-right: 5px;}
.entr04 .thumb-default .tit dl:last-of-type {margin-left: 50px;}
.entr04 .thumb-default .tit dl:last-of-type:after {content: '”';display: inline-block;font-size: 7.2rem;opacity: 0.5;margin-left: 5px;}
.entr04 .thumb-default .tit dt {font-weight: 700;text-shadow: 0px 4px 12px rgba(0,0,0,0.4);}
.entr04 .thumb-default .tit dd {margin-left: 5px;text-shadow: 0px 4px 12px rgba(0,0,0,0.4);}
.entr04 .thumb-default .txt p {font-size: 1.5rem;color: #FFFFFF;}
.entr04 .thumb-default .info {margin-top: 30px;}
.entr04 .thumb-default .info span {display: inline-block;padding: 5px 25px;font-size: 1.8rem;font-weight: 500;color: #73983D;background: rgba(255,255,255,0.5);border-radius: 18px;}
.entr04 .thumb-btn {position: absolute;bottom: -84px;left: 0;width: 100%;z-index: 10;}
.entr04 .thumb-btn ul {display: flex;justify-content: space-around;align-items: flex-end;}
.entr04 .thumb-btn li {font-size: 1.8rem;text-align: center;cursor: pointer;}
.entr04 .thumb-btn li p {margin-top: 20px;opacity: 0.4;}
.entr04 .thumb-btn li .circle {position: relative;width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;overflow: hidden;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.entr04 .thumb-btn li .circle:after {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(255,255,255,0.6);border-radius: 50%;}
.entr04 .thumb-btn li .circle img {width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.entr04 .thumb-btn li.current .circle {width: 120px;height: 120px;border: 4px solid #F8CA6D;}
.entr04 .thumb-btn li.current .circle:after {display: none;}
.entr04 .thumb-btn li.current p {opacity: 1;}
.entr04 .thumb-con {position: absolute;top: 0;left: 0;display: block;width: 100%;z-index: 9;}
.entr04 .thumb-con li {position: absolute;top: 4px;left: 4px;display: none;width: calc(100% - 8px);height: 392px;padding: 25px 25px 100px 25px;overflow-y: auto;background: #FFFFFF;color: #222222;}
.entr04 .thumb-con button {position: absolute;top: 25px;right: 25px;display: none;width: 20px;height: 20px;}
.entr04 .thumb-con button.current {display: flex;}
.entr04 .thumb-con h5 {font-size: 2rem;}
.entr04 .thumb-con .t1 {margin-top: 12px;}
.entr04 .thumb-con .t2 {margin-top: 20px;font-weight: 300;}

@media (max-width: 767px) {/* mobile */
	.entr01 .btn .ui__btn--white {max-width: 180px;height: 40px;}

	.entr02 .step {flex-direction: column;}
	.entr02 .step ul + ul {margin-top: 20px;}
	.entr02 .step ul:after {width: 70%;}
	.entr02 .step ul:first-of-type:after {left: 15%;}
	.entr02 .step ul:last-of-type:after {right: 15%;}
	.entr02 .step ul li {padding: 0;}
	.entr02 .step ul li p {margin-top: 10px;}
	.entr02 .step ul li span i {width: 32px;height: 32px;font-weight: 400;}

	.entr03 .txt p {font-size: 1.6rem;}

	.entr04 {margin-bottom: 100px;}
	.entr04 .thumb-default {height: 250px;}
	.entr04 .thumb-default .tit {font-size: 2.3rem;}
	.entr04 .thumb-default .tit dl {display: flex;align-items: center;margin-top: -30px;}
	.entr04 .thumb-default .tit dl:first-of-type {margin-left: -10px;}
	.entr04 .thumb-default .tit dl:first-of-type:before {font-size: 5rem;}
	.entr04 .thumb-default .tit dl:last-of-type {margin-left: 10px;}
	.entr04 .thumb-default .tit dl:last-of-type:after {font-size: 5rem;}
	.entr04 .thumb-default .txt p {font-size: 1.4rem;}
	.entr04 .thumb-default .info {margin-top: 15px;}
	.entr04 .thumb-default .info span {padding: 6px 20px;font-size: 1.6rem;}
	.entr04 .thumb-btn {bottom: -68px;}
	.entr04 .thumb-btn li .circle {width: 48px;height: 48px;}
	.entr04 .thumb-btn li.current .circle {width: 56px;height: 56px;}
	.entr04 .thumb-btn li p {margin-top: 10px;font-size: 1.6rem;}
	.entr04 .thumb-btn li p span {display: block;font-size: 1.4rem;}
	.entr04 .thumb-con li {height: 242px;padding: 10px 10px 40px;}
	.entr04 .thumb-con h5 {font-size: 1.6rem;}
	.entr04 .thumb-con .t1 {margin-top: 6px;}
	.entr04 .thumb-con .t2 {margin-top: 10px;}
	.entr04 .thumb-con button {display: none;}
	.entr04 .thumb-con button.current {display: none;}
}
@media (max-width: 420px) {/* etc */
	.entr04 .thumb-btn ul {justify-content: space-between;}
	.entr04 .thumb-btn li:last-of-type {display: none;}
	.entr04 .thumb-btn li p {font-size: 1.4rem;}
	.entr04 .thumb-con li:last-of-type {display: none;}
}


/* 교육과정/특징 */
.educ01 .cul-step {display: flex;align-items: center;}
.educ01 .cul-step li {display: flex;align-items: center;justify-content: center;flex: 1;height: 120px;font-size: 1.5rem;text-align: center;}
.educ01 .cul-step [class*="item"] {position: relative;color: #FFFFFF;}
.educ01 .cul-step [class*="item"]:after {content: '';position: absolute;top: 50%;right: -5px;display: inline-block;width: 10px;height: 10px;margin-top: -5px;transform: rotate(45deg);z-index: 10;}
.educ01 .cul-step li.item01 {background: #E9B2B3;}
.educ01 .cul-step li.item01:after {background: #E9B2B3;}
.educ01 .cul-step li.item02 {background: #E2999B;}
.educ01 .cul-step li.item02:after {background: #E2999B;}
.educ01 .cul-step li.item03 {background: #DA7F81;}
.educ01 .cul-step li.item03:after {background: #DA7F81;}
.educ01 .cul-step li.item04 {background: #CF595C;}
.educ01 .cul-step li.item04:after {background: #CF595C;}
.educ01 .cul-step li.item05 {background: #C43337;}
.educ01 .cul-step li.item05:after {background: #C43337;}
.educ01 .cul-step li.item06 {background: #B60005;}
.educ01 .cul-step li.item06:after {display: none;}
.educ02 .imgs {display: flex;}
.educ02 .imgs img:first-of-type {width: 35.5%;}
.educ02 .imgs img:last-of-type {width: 61.5%;margin-left: 3%;}
.educ03 .t-box {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #B60005;background-color: rgba(182,0,5,0.04);}
.educ03 .t-box [class*="ui__btn"] {width: 170px;padding: 0 15px;margin-right: 14px;}
.educ03 .t-box dl {flex: 1;padding: 14px;}
.educ03 .t-box dt {font-size: 2.4rem;font-weight: 700;}
.educ03 .t-box dd {margin-top: 10px;color: #666666;}
.educ03 .b-box {padding: 14px;border-bottom: 1px solid #CFCFD0;}
.educ03 .b-box p {color: #222222;line-height: 1.5;}
.educ04 .box {display: flex;}
.educ04 .box .item {flex: 1;padding: 0 60px;}
.educ04 .box .item i {margin: 0 auto;}
.educ04 .box .item h5 {position: relative;margin-top: 20px;padding-bottom: 12px;font-size: 2rem;font-weight: 500;text-align: center;}
.educ04 .box .item h5:after {content: '';position: absolute;bottom: 0;left: 50%;display: inline-block;width: 30px;height: 2px;margin-left: -15px;background-color: #B60005;}
.educ04 .box .item:last-of-type {border-left: 1px dashed #E7E7E7;}

@media (max-width: 1024px) {/* pad */
	.educ01 .cul-step {flex-direction: column;}
	.educ01 .cul-step li {width: 100%;height: auto;padding: 10px;}
	.educ01 .cul-step [class*="item"]:after {position: absolute;top: auto;bottom: -5px;right: auto;left: 50%;margin-top: 0;margin-left: -5px;}
	.educ04 .box .item {padding: 0 5%;}
}
@media (max-width: 767px) {/* mobile */
	.educ02 .imgs {flex-direction: column;align-items: center;}
	.educ02 .imgs img:first-of-type {max-width: 100%;width: auto;height: auto;}
	.educ02 .imgs img:last-of-type {max-width: 100%;width: auto;height: auto;margin-left: 0;margin-top: 10px;}
	.educ03 .t-box {align-items: stretch;}
	.educ03 .t-box [class*="ui__btn"] {width: 50px;height: auto;margin-right: 0;padding: 0;flex-direction: column;line-height: 1.4; text-align: center;}
	.educ03 .t-box [class*="ui__btn"] .arrow {margin-left: 0;margin-top: 5px;}
	.educ03 .t-box dl {padding: 10px;}
	.educ03 .t-box dt {font-size: 1.8rem;}
	.educ03 .b-box {padding: 10px;}
	.educ04 .box {flex-direction: column;}
	.educ04 .box .item {padding: 0;}
	.educ04 .box .item:last-of-type {margin-top: 20px;padding-top: 20px;border-left: 0;border-top: 1px dashed #E7E7E7;}
}


/* 기업교육 */
.ente01 .list {position: relative;display: flex;flex-wrap: wrap;}
.ente01 .list:after {content: '';position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 0;border-top: 1px dashed #E7E7E7;}
.ente01 .list li {flex: 1 1 25%;padding: 0 10px;text-align: center;border-right: 1px dashed #E7E7E7;}
.ente01 .list li:nth-of-type(4n) {border-right: 0;}
.ente01 .list li i {margin: 0 auto;}
.ente01 .list li p {margin-top: 20px;}
.ente01 .list li p span {display: block;font-weight: 500;}
.ente01 .list li.border-on {margin-top: 40px;}
.ente02 .box {display: flex;}
.ente02 .box .item {flex: 1 1 33%;padding: 0 20px;border-right: 1px dashed #E7E7E7;}
.ente02 .box .item:last-of-type {border-right: 0;}
.ente02 .box .item .txt {text-align: center;}
.ente02 .box .item .txt h5 {position: relative;padding-bottom: 12px;font-size: 2rem;font-weight: 500;}
.ente02 .box .item .txt h5:after {content: '';position: absolute;bottom: 0;left: 50%;display: inline-block;width: 30px;height: 2px;margin-left: -15px;background-color: #B60005;}
.ente02 .box .item .txt p {height: 72px;margin-top: 20px;font-weight: 300;color: #222;}
.ente02 .box .chart-box {margin-top: 30px;}
.ente02 .box .chart-box .doughnut {position: relative;height: 200px;}
.ente02 .box .chart-box .doughnut canvas {position: absolute;top: 0;left: 50%;width: 400px;margin-left: -200px;}
.ente02 .box .chart-box .legend {margin-top: 20px;padding: 9px 14px;background: #F5F5F5;}
.ente02 .box .chart-box .legend ul {display: flex;align-items: center;flex-wrap: wrap;height: 68px;}
.ente02 .box .chart-box .legend ul li {flex: 1 1 50%;padding: 5px 0;}
.ente02 .box .chart-box .legend ul li span {display: flex;align-items: center;justify-content: center;}
.ente02 .box .chart-box .legend ul li i {display: inline-block;width: 12px;height: 12px;margin-right: 10px;}
.ente02 .box .chart-box .bar {position: relative;width: 100%;height: 325px;margin: 0 auto;}
.ente02 .box .chart-box .bar canvas {width: 100%;}
.ente02 .enquiry {display: flex;align-items: center;justify-content: space-between;padding: 20px;background-color: #FCF5F5;}
.ente02 .enquiry .left {display: flex;align-items: center;}
.ente02 .enquiry .left span {margin: 0 20px 0 10px;}
.ente02 .enquiry .left strong {font-size: 2.4rem;}
.ente02 .enquiry .right {display: flex;align-items: center;}
.ente02 .enquiry .right a {width: 190px;height: 48px;padding: 0;justify-content: center;}
.ente02 .enquiry .right a + a {margin-left: 10px;}
.ente03 .list img {width: auto;max-width: 100%;}
.ente03 .list {display: flex;flex-wrap: wrap;border-top: 1px solid #CFCFD0;border-left: 1px solid #CFCFD0;}
.ente03 .list li {flex: 1 1 20%;display: flex;align-items: center;justify-content: center;height: 80px;padding: 10px;border-bottom: 1px solid #CFCFD0;border-right: 1px solid #CFCFD0;}
.ente03 .txt {margin-top: 10px;text-align: right;color: #7D7D7D;}

@media (max-width: 1024px) {/* pad */
	.ente01 .list li p span {display: inline-block;}
	.ente02 .box {flex-direction: column;}
	.ente02 .box .item {flex: 1;margin-bottom: 30px;padding-bottom: 30px;border-right: 0;border-bottom: 1px dashed #E7E7E7;}
	.ente02 .box .item:last-of-type {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
	.ente02 .box .item .txt p {height: auto;}
	.ente02 .box .chart-box .legend {width: 400px;margin: 20px auto 0;}
	.ente02 .enquiry {flex-direction: column;}
	.ente02 .enquiry .right {margin-top: 10px;}
}
@media (max-width: 767px) {/* mobile */
	.ente01 .list {flex-direction: column;}
	.ente01 .list:after {display: none;}
	.ente01 .list li {flex: 1;display: flex;align-items: center;padding: 20px 0;text-align: left;border-right: 0;border-bottom: 1px dashed #E7E7E7;}
	.ente01 .list li:first-of-type {padding-top: 0;}
	.ente01 .list li i {margin: 0;}
	.ente01 .list li p {flex: 1;margin-top: 0;margin-left: 20px;}
	.ente01 .list li.border-on {margin-top: 0;}
	.ente02 .box .item {margin-bottom: 20px;padding-bottom: 20px;padding-left: 0;padding-right: 0;}
	.ente02 .box .chart-box {overflow: hidden;margin-top: 20px;}
	.ente02 .box .chart-box .doughnut {height: 180px;}
	.ente02 .box .chart-box .doughnut canvas {width: 360px;margin-left: -180px;}
	.ente02 .box .chart-box .legend {width: 100%;margin-top: 10px;padding: 10px 20px;}
	.ente02 .box .chart-box .legend ul {flex-wrap: nowrap;height: auto;}
	.ente02 .box .chart-box .legend ul li {flex: 1;}
	.ente02 .enquiry {padding: 10px;}
	.ente02 .enquiry .left {flex-direction: column;width: 100%;}
	.ente02 .enquiry .left span {margin: 10px 0 0 0;}
	.ente02 .enquiry .left strong {font-size: 2.1rem;}
	.ente02 .enquiry .right {flex-direction: column;width: 100%;}
	.ente02 .enquiry .right a {width: 100%;height: 40px;}
	.ente02 .enquiry .right a + a {margin-left: 0;margin-top: 10px;}
	.ente03 .list li {flex: 1 1 50%;height: 72px;padding: 8px;}
}


/* 대학원 생활 */
.livi01 {height: 540px;padding: 250px 15px 30px;background-image: url("/images/sub05_img01_pc.jpg");background-repeat: no-repeat;background-position: 50% 0;}
.livi01 .trion__slide {}
.livi01 .trion__slide-item {}
.livi01 .center {margin: 0 15px;border: 1px solid #CFCFD0;background-color: #FFFFFF;}
.livi01 .center img {width: auto;max-width: 100%;max-height: 130px;}
.livi01 .center p {display: flex;align-items: center;justify-content: center;font-weight: 500;}
.livi01 .center .num {height: 40px;font-size: 1.8rem;color: #FFFFFF;background-color: #EBA000;}
.livi01 .center .award {height: 40px;font-size: 1.4rem;color: #EBA000;;background-color: rgba(235,160,0,0.1);}
.livi01 .center .name {height: 50px;}
.livi02 .common-list01 {display: flex;flex-wrap: wrap;margin-top: 10px;}
.livi02 .common-list01 li {flex: 1 1 25%;max-width: 230px;margin-top: 10px;}
.livi03 .tit {position: relative;max-width: 100%;height: 200px;background-image: url("/images/sub05_img02_pc.png");background-repeat: no-repeat;background-position: 0 0;}
.livi03 .tit > div {position: absolute;top: 30px;left: 25%;display: flex;align-items: center;color: #FFFFFF;}
.livi03 .tit h5 {font-size: 2.8rem;font-weight: 400;}
.livi03 .tit h5 strong {font-weight: 700;}
.livi03 .tit span {display: inline-block;margin-left: 10px;padding: 4px 12px;font-size: 1.4rem;background-color: rgba(255,255,255,0.2);border-radius: 15px;}
.livi03 .tit p {position: absolute;top: 90px;left: 25%;color: #FFFFFF;}
.livi03 .txt p {margin-top: 20px;color: #222;}
.livi03 .txt p span {display: block;font-weight: 500;}
.livi04 .org-stage {display: flex;justify-content: center;text-align: center;padding-bottom: 30px;}
.livi04 .org-stage dl {position: relative;border: 1px solid #CFCFD0;}
.livi04 .org-stage dl + dl {margin-left: 30px;}
.livi04 .org-stage dl.type1 {width: 210px;}
.livi04 .org-stage dl.type2 {width: 100%;}
.livi04 .org-stage dl dt {display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;font-size: 1.5rem;color: #B60005;font-weight: 500;background-color: #FCF5F5;}
.livi04 .org-stage dl dd {padding: 14px;background-color: #FFFFFF;}
.livi04 .org-stage dl dd span {font-size: 1.8rem;}
.livi04 .org-stage dl dd li {font-weight: 300;}
.livi04 .org-stage dl dd li + li {margin-top: 10px;}
.livi04 .org-stage.line1 dl:before {content: '';position: absolute;bottom: -31px;left: 50%;display: inline-block;width: 481px;height: 1px;background-color: #CFCFD0;margin-left: -240px;}
.livi04 .org-stage.line1 dl:after {content: '';position: absolute;top: 100%;left: 50%;display: inline-block;width: 1px;height: 30px;background-color: #CFCFD0;}
.livi04 .org-stage.line2 {padding-top: 30px;}
.livi04 .org-stage.line2 dl:before {content: '';position: absolute;bottom: 100%;left: 50%;display: inline-block;width: 1px;height: 31px;background-color: #CFCFD0;}
.livi04 .org-stage.line2 dl:after {content: '';position: absolute;top: 100%;left: 50%;display: inline-block;width: 1px;height: 31px;background-color: #CFCFD0;}
.livi04 .org-stage.line2 dl:nth-of-type(2):after {display: none;}

@media (max-width: 1024px) {/* pad */
	.livi01 {margin-left: -25px;margin-right: -25px;}
	.livi03 .tit > div {left: 27%;}
	.livi03 .tit p {left: 27%;}
}
@media (max-width: 767px) {/* mobile */
	.livi01 {height: 450px;margin-left: -20px;margin-right: -20px;padding: 200px 10px 30px;background-image: url("/images/sub05_img01_m.jpg");background-color: #302618;}
	.livi01 .center {margin: 0 10px;}
	.livi01 .center img {max-height: 110px;}
	.livi01 .center .num {height: 37px;}
	.livi01 .center .award {height: 30px;}
	.livi01 .center .name {height: 40px;}
	.livi02 .common-list01 {margin-top: 0;}
	.livi02 .common-list01 li {flex: 1 1 50%;max-width: none;}
	.livi03 .tit {max-width: 378px;height: 214px;margin: 0 -20px;background-image: url("/images/sub05_img02_m.png");}
	.livi03 .tit > div {top: 20px;left: 145px;flex-direction: column-reverse;align-items: flex-start;}
	.livi03 .tit h5 {margin-top: 5px;font-size: 2.1rem;}
	.livi03 .tit span {margin-left: 0;}
	.livi03 .tit p {top: 86px;left: 145px;width: 205px;font-size: 1.4rem;font-weight: 300;}
	.livi03 .tit p br {display: none;}
	.livi04 .org-stage {padding-bottom: 0;}
	.livi04 .org-stage dl.type1 {width: 100%;margin-bottom: 20px;}
	.livi04 .org-stage dl.type1 + dl.type1 {margin-left: 0;}
	.livi04 .org-stage dl.type2 + dl.type2 {margin-left: 10px;}
	.livi04 .org-stage dl dt {height: 37px;}
	.livi04 .org-stage dl dd {padding: 10px;}
	.livi04 .org-stage dl dd li {font-size: 1.5rem;}
	.livi04 .org-stage.line1 dl:before {display: none;}
	.livi04 .org-stage.line1 dl:after {height: 21px;}
	.livi04 .org-stage.line2 {flex-direction: column;padding-top: 0;}
	.livi04 .org-stage.line2 dl:before {bottom: -22px;left: 50%;width: 51%;height: 1px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
	.livi04 .org-stage.line2 dl:after {height: 21px;}
	.livi04 .org-stage.line2 dl:nth-of-type(2):after {display: inline-block;}
	.livi04 .org-stage.line3 {padding-top: 20px;}
	.livi04 .org-stage.line3 dl:before {content: '';position: absolute;bottom: 100%;left: 50%;display: inline-block;width: 1px;height: 21px;background-color: #CFCFD0;}
}


/* 나의 강의실 */
.lect-status {border-top: 1px solid #B60005;}
.lect-status .item {border-bottom: 1px solid #CFCFD0;}
.lect-status .i-top {display: flex;align-items: center;justify-content: space-between;padding: 14px;background-color: rgba(252,245,245,0.65);}
.lect-status .i-top .tit h5 {font-size: 2.4rem;}
.lect-status .i-top .tit p {margin-top: 10px;color: #666666;}
.lect-status .i-top .btns {display: flex;align-items: center;}
.lect-status .i-top .btns [class*="ui__btn"] {width: 150px;height: 48px;}
.lect-status .i-top .btns [class*="ui__btn"] i {margin-left: 0;}
.lect-status .i-top .btns [class*="ui__btn"] + [class*="ui__btn"] {margin-left: 10px;}
.lect-status .i-bot {display: flex;align-items: center;justify-content: space-between;padding: 14px;background-color: #FFFFFF;}
.lect-status .i-bot .info {width: 320px;margin-right: 40px;}
.lect-status .i-bot .rating {flex: 1;border-left: 1px solid #CFCFD0;}
.classroom-home {display: flex;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
.classroom-home .home-tit {display: flex;flex-direction: column;width: 360px;}
.classroom-home .home-tit h3 {flex: 1;display: flex;align-items: center;justify-content: center;background-color: rgba(252,245,245,0.65);font-size: 2rem;}
.classroom-home .home-tit .btns {display: flex;}
.classroom-home .home-tit .btns [class*="ui__btn"] {height: 48px;}
.classroom-home .home-info {flex: 1;padding: 20px 30px;}
.classroom-status {display: flex;}
.classroom-status > div {width: 100%;max-width: 570px;}
.classroom-status > div + div {margin-left: 30px;}
.classroom-status .status-tit {display: flex;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #CFCFD0;}
.classroom-status .status-tit h4 {font-size: 1.8rem;}
.classroom-status .status-info {margin-top: 20px;}
.classroom-status .status-info .con {display: flex;align-items: center;justify-content: space-between;}
.classroom-status .status-info .con .bar {width: 340px;}
.classroom-status .status-info .con .per {margin-left: 20px;padding-left: 20px;border-left: 1px solid #CFCFD0;color: #999999;}
.classroom-status .status-info .con .per span {color: #000;}
.classroom-status .bdlist li + li {margin-top: 20px;}
.classroom-status .bdlist li a {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.questions-box {counter-reset: list;font-size: 1.4rem;}
.questions-box > li {position: relative;padding-left: 25px;line-height: 1.5;}
.questions-box > li:before {counter-increment: list;content: counter(list, decimal-leading-zero) '.';position: absolute;top: 0;left: 0;font-size: 1.4rem;}
.questions-box > li + li {margin-top: 20px;}
.questions-box .q {color: #000000;}
.questions-box .q p img {
	width: auto; height: auto;
}
.questions-box .a {margin-top: 10px;}
.questions-box .ui__form-btn + .ui__form-btn {margin-top: 6px;}
.questions-box .commentary {display: flex;align-items: center;margin-left: -25px;margin-top: 10px;padding: 10px;background-color: #FCF5F5;}
.questions-box .commentary > div {flex: 1;}
.questions-box .commentary dl {display: flex;}
.questions-box .commentary dl + dl {margin-top: 6px;}
.questions-box .commentary dt {color: #666666;}
.questions-box .commentary dd {margin-left: 10px;}
.questions-box .commentary [class*="ui__btn"] {max-width: 100px;height: 32px;}
.survey-box {padding: 0 20px;}
.survey-box li {margin-top: 20px;}
.survey-box li p {margin-bottom: 14px;}
.survey-box li textarea {height: 160px;}
.eval-tit {padding: 20px;display: flex;align-items: center;justify-content: space-between;background-color: #FCF5F5;}
.eval-tit h4 {flex: 1;font-size: 2rem;font-weight: 400;}
.eval-tit .time {display: flex;align-items: center;}
.eval-tit .time dl {display: flex;align-items: center;justify-content: center;width: 180px;margin-right: 10px;padding: 4px 14px;background-color: #FFFFFF;}
.eval-tit .time dl dt {position: relative;margin-right: 10px;padding-right: 10px;}
.eval-tit .time dl dt:after {content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 1px;height: 16px;margin-top: -8px;background-color: #CFCFD0;}
.eval-tit .time dl dd {font-weight: 500;}
.eval-tit .time [class*="ui__btn"] {max-width: 100px;height: 32px;font-size: 1.4rem;}
.eval-tit .total dl {display: flex;align-items: center;font-size: 1.6rem;}
.eval-tit .total dl dt {position: relative;margin-right: 10px;padding-right: 10px;}
.eval-tit .total dl dt:after {content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 1px;height: 16px;margin-top: -8px;background-color: #CFCFD0;}
.eval-tit .total dl dd {color: #999999;}
.eval-tit .total dl dd strong {font-size: 2rem;font-weight: 500;}
.eval-box {display: flex;border-top: 1px solid #B60005;border-bottom: 1px solid #CFCFD0;}
/* .eval-box .box-l {width: 145px;padding: 20px 10px;background-color: #F5F5F5} */
.eval-box .box-l {width: 16%;padding: 20px 10px;background-color: #F5F5F5}
.eval-box .box-l h5 {font-size: 1.6rem;font-weight: 500;text-align: center;}
.eval-box .box-l .mark {margin-top: 20px;padding: 10px;font-size: 1.4rem;background-color: #FFFFFF;}
.eval-box .box-l .mark .ui__form-btn + .ui__form-btn {margin-top: 10px;}
.eval-box .box-l .answer {margin-top: 20px;display: flex;flex-wrap: wrap;text-align: center;}
.eval-box .box-l .answer p {font-size: 1.4rem;}
.eval-box .box-l .answer li {margin-right: 10px;margin-bottom: 10px;}
.eval-box .box-l .answer li:nth-of-type(5n) {margin-right: 0;}
.eval-box .box-r {width: 84%;padding: 20px;background-color: #FFFFFF;}


@media (max-width: 1024px) {/* pad */
	.lect-status .i-bot .info {margin-right: 20px;}
	.lect-status .i-bot .ptxt {padding: 14px;}

	.classroom-home {flex-direction: column;}
	.classroom-home .home-tit {width: 100%;}
	.classroom-home .home-tit h3 {padding: 24px;}
	.classroom-home .home-info {padding: 14px;}
	.classroom-status {flex-direction: column;}
	.classroom-status > div {max-width: 100%;}
	.classroom-status > div + div {margin-left: 0;margin-top: 60px;}
	.classroom-status .status-info .con .bar {width: 100%;}
	.survey-box {padding: 0 14px;}
	.survey-box li {margin-top: 14px;}
}
@media (max-width: 767px) {/* mobile */
	.lect-status .i-top {padding: 0;align-items: stretch;}
	.lect-status .i-top .tit {padding: 10px;}
	.lect-status .i-top .tit h5 {font-size: 1.8rem;}
	.lect-status .i-top .btns {position: relative;width: 82px;}
	.lect-status .i-top .btns [class*="ui__btn"] {position: absolute;top: 0;right: 0;width: 100%;height: 100%;line-height: 1.5;}
	.lect-status .i-top .btns [class*="ui__btn"] i {display: none;}
	.lect-status .i-top .btns [class*="ui__btn"] + [class*="ui__btn"] {margin-left: 0;}
	.lect-status .i-top.b2 {flex-direction: column;}
	.lect-status .i-top.b2 .btns {width: auto;}
	.lect-status .i-top.b2 .btns [class*="ui__btn"] {position: relative;top: auto;right: auto;height: 40px;}
	.lect-status .i-bot {padding: 0;flex-direction: column;}
	.lect-status .i-bot .info {width: 100%;padding: 10px;margin-right: 0;}
/*	.lect-status .i-bot .rating {width: 100%;padding: 10px;border-left: 0;border-top: 1px solid #CFCFD0;}*/
	.lect-status .i-bot .rating {border:0; display:block;}
	.lect-status .i-bot .ptxt {padding: 10px;}

	.classroom-home .home-tit h3 {padding: 10px 10px 20px;}
	.classroom-home .home-tit .btns [class*="ui__btn"] .arrow {display: none;}
	.classroom-home .home-info {padding: 10px;}
	.classroom-status .status-info .con {width: 100%;}
	.classroom-status .status-info .con .bar {max-width: 100%;}
	.classroom-status .status-info .con .per {margin-left: 10px;padding-left: 10px;}
	.classroom-status .m-col .tit {margin-bottom: 10px;}
	.classroom-status .m-col .tit:after {display: none;}
	.classroom-status .bdlist li + li {margin-top: 10px;}
	.survey-box {padding: 0 10px;}
	.survey-box li {margin-top: 10px;}
	.survey-box li p {margin-bottom: 10px;}
	.survey-box li textarea {height: 80px;}
}

/* 정책 */
.policy .plc-contents {display: flex;padding: 20px 40px;border: 1px solid #CFCFD0;}
.policy .plc-contents .bx {flex: 1;}
.policy .plc-contents .bx dl + dl {margin-top: 20px;}
.policy .plc-contents .bx dt {font-size: 1.4rem;font-weight: 500;}
.policy .plc-contents .bx dd {margin: 10px 0 0 10px;font-size: 1.4rem;color: #333333;}
.policy .plc-text h4 {margin-top: 30px;font-size: 2.4rem;}
.policy .plc-text h5 {margin-top: 20px;font-size: 1.6rem;}
.policy .plc-text li {margin-top: 5px;font-size: 1.4rem;}
.policy .plc-text p {margin-top: 5px;font-size: 1.4rem;}
.policy .plc-text li li {margin-left: 1.6rem;}
.policy .plc-text li p {margin-left: 1.6rem;}
.policy .plc-text dt {margin-top: 20px;font-size: 1.6rem;font-weight: 500;}
.policy .plc-text dd {margin-top: 5px;font-size: 1.4rem;}
.policy .plc-text [class*="ui__btn"] {max-width: 250px;height: 50px;margin: 0 auto;}
.policy .plc-text table {margin-top: 10px;table-layout: fixed;text-align: center;}
.policy .plc-text table th {padding: 5px;font-size: 1.4rem;font-weight: 500;background: #eee;border: 1px solid #CFCFD0;}
.policy .plc-text table td {padding: 5px;font-size: 1.4rem;font-weight: 400;background: #fff;border: 1px solid #CFCFD0;}


@media (max-width: 767px) {/* mobile */
	.policy .plc-contents {flex-direction: column;padding: 20px;}
	.policy .plc-contents .bx + .bx {margin-top: 20px;}
	.policy .plc-text h4 {font-size: 2rem;}
}