@charset "utf-8";
/* Common Class */
.wrap {
	min-width:1240px;
	margin:0 auto;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.inner {
	width:1240px;
	height:inherit;
	margin:0 auto;
}
_:-ms-fullscreen, :root .inner {
	width:1245px;
}
.inner:after {
	content:"";
	clear:both;
	display:block;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.space-xsmall {
	margin-top:10px !important;
}
.space-small {
	margin-top:20px !important;
}
.space-medium {
	margin-top:30px !important;
}
.space-large {
	margin-top:60px !important;
}
.space-xlarge {
	margin-top:80px !important;
}
.link--primary {
	font-weight:600;
	color:#887153;
}
.transform-x {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.transform-y {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.transform-xy {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.skyblue {
	color:#887153;
}
.red {
	color:#e64d3e;
}
.gray {
	color:#777777;
}
.orange {
	color:#ab9575;
}
.underline {
	text-decoration:underline;
}
.badge {
	display:inline-block;
	padding:1px 11px 2px;
	font-size:13px;
	border-width:1px;
	border-style:solid;
	border-radius:14px;
}
.badge--required {
	color:#ab9575;
	background-color:#fff;
	border-color:#ab9575;
}
.badge--optional {
	color:#1b2c44;
	background-color:#fff;
	border-color: #1b2c44;
}
/* Layout */
/* Header */
.header {
	background:#fff;
}
.header.blue {
	background:#1b2c44;
}
.header.blue .logo a {
	background-image:url("/images/common/ico_gnb_logo_classroom.png");
}
.header.blue .gnb__depth-name01>a {
	color:#fff;
}
.header.blue .top {
	background:#121e2f;
	border-bottom:1px solid #3b4e69;
}
.header.blue .top__menu-item--point {
	background:#ab9575;
}
.top {
	height:40px;
	background:#1b2c44;
	border-bottom:1px solid #777777;
}
.top__notice {
	float:left;
	height:100%;
	overflow:hidden;
}
.top__roll {
	position:relative;
	height:auto;
}
.top__roll-item {
	position:relative;
	height:auto;
	padding-left:34px;
}
.top__roll-item:before {
	content:"";
	position:absolute;
	top:8px;
	left:0;
	display:inline-block;
	width:24px;
	height:24px;
	background:url("/images/common/ico_notice.png") no-repeat center center;
}
.top__roll-item a {
	display:inline-block;
	height:40px;
	font-size:14px;
	color:#fff;
	line-height:40px;
}
.top__roll-item strong {
	color:#c5b394;
}
.top__menu {
	height:100%;
	float:right;
	border-left:1px solid #777777;
}
.top__menu:after {
	content:"";
	clear:both;
	display:block;
}
.top__menu-item {
	width:108px;
	height:100%;
	float:left;
	border-right:1px solid #777777;
}
.top__menu-item>a {
	display:inline-block;
	width:100%;
	height:100%;
	padding:10px 0;
	font-size:14px;
	color:#dadada;
	text-align:center;
}
.top__menu-item--user {
	position:relative;
	width:160px;
	background:url("/images/common/ico_expand_open_w.png") no-repeat 80% 50%;
}
.top__menu-item--user>a {
	padding:10px 20px;
	text-align:left;
}
.top__menu-item--point {
	background:#887153;
}
.top__menu-item--point>a {
	color:#fff;
}
.top__menu .user-menu {
	position:absolute;
	display:none;
	width:100%;
	background:#f5f5f5;
	z-index:120;
}
.top__menu .user-menu li {
	border-top:1px solid #dadada;
}
.top__menu .user-menu a {
	display:block;
	padding:8px 20px;
	font-size:14px;
	color:#000000;
}
.h-wrap {
	position:relative;
	height:112px;
	border-bottom:1px solid #dadada;
}
.logo {
	float:left;
	margin-top:29px;
}
.logo a {
	display:block;
	width:382px;
	height:53px;
	background:url("/images/common/ico_gnb_logo.png") no-repeat center center;
}
.gnb {
	float:right;
	height:100%;
}
.gnb__slide {
	position:absolute;
	top:112px;
	left:0;
	overflow:hidden;
	display:none;
	width:100%;
	height:231px;
	border-bottom:1px solid #dadada;
	z-index:100;
}
.gnb__slide:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:50%;
	height:100%;
	background:#f5f5f5;
}
.gnb__slide::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:50%;
	height:100%;
	background:#ffffff;
}
.gnb__slide>div {
	position:relative;
	z-index:1;
}
.gnb__depth01:after {
	content:"";
	clear:both;
	display:block;
}
.gnb__depth-name01 {
	float:left;
	padding:41px 30px;
}
.gnb__depth-name01>a {
	position:relative;
	font-family:"한국외대체","Noto Sans",sans-serif;
	font-weight:300;
	font-size:20px;
}
.gnb__depth-name01>a:after {
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	display:inline-block;
	width:100%;
	height:100%;
	padding:10px;
}
.gnb__depth-name01:last-of-type {
	padding-right:0;
}
.gnb__depth-title {
	float:left;
	width:310px;
	height:100%;
	background:url("/images/common/img_menu_bg.png") no-repeat right center;
}
.gnb__depth-title strong {
	display:block;
	padding:30px;
	font-size:24px;
	font-weight:600;
	color:#000;
}
.gnb__depth02 {
	float:left;
	width:930px;
	height:100%;
	background:#fff;
}
.gnb__depth02:after {
	content:"";
	clear:both;
	display:block;
}
.gnb__depth02 .gnb__box {
	position:relative;
	float:left;
	width:309px;
	height:100%;
	border-right:1px solid #dadada;
}
.gnb__depth02 .gnb__box>li+li {
	padding-top:10px;
}
.gnb__depth-name02 {
	padding:30px 30px 10px;
}
.gnb__depth-name02>a {
	font-size:18px;
}
.gnb__depth03 {
	margin-top:13px;
}
.gnb__depth-name03 {
	position:relative;
	margin-top:8px;
}
.gnb__depth-name03:after {
	content:"";
	position:absolute;
	top:-3px;
	left:-20px;
	width:100%;
	width:100%;
	height:0;
	padding:0 20px;
	overflow:hidden;
	background:#1b2c44;
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
}
.gnb__depth-name03:hover:after {
	height:32px;
}
.gnb__depth-name03>a {
	position:relative;
	font-size:16px;
	color:#777777;
	z-index:1;
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
}
.gnb__depth-name03:hover>a {
	color: #fff;
}
/* Footer */
.footer {
	background:#ffffff;
}
.footer.blue {
	background:#121e2f;
}
.footer.blue .f-logo p {
	background-image:url("/images/common/ico_footer_logo_classroom.png");
}
.footer.blue .bot {
	background:#233652;
	border-top:0;
}
.footer.blue .bot__menu-item a {
	color:#ffffff;
}
.footer.blue .bot__menu-item a:hover,.footer.blue .bot__menu-item a:focus {
	color:#c5b394;
}
.footer.blue .bot__menu-item:first-of-type a {
	color:#c5b394;
}
.footer.blue .bot__family-btn {
	color:#fff;
	background-color:#121e2f;
	background-image:url("/images/common/ico_expand_open_w.png");
	border-color:#3b4e69;
}
.footer.blue .bot__family-btn.on {
	background-image:url("/images/common/ico_expand_close_w.png");
}
.footer.blue .bot__sites {
	border-color:#54545c;
}
.footer.blue .bot__sites-item {
	background-color:#121e2f;
	border-color:#54545c;
}
.footer.blue .bot__sites-item a {
	color:#fff;
}
.footer.blue .f-wrap {
	border-color:#3b4e69;
}
.footer.blue .f-text .address {
	color:#fff;
}
.footer.blue .f-text .copyright {
	color:#939396;
}
.footer.blue .f-text .powered {
	color:#939396;
}
.footer.blue .f-contact {
	border-color:#3b4e69;
}
.footer.blue .f-box {
	background:#233652;
	border-color:#3b4e69;
}
.footer.blue .f-box-title {
	color:#fff;
	background:#777777;
}
.footer.blue .f-box-number {
	color:#fff;
}
.footer.blue .f-box-fax {
	color:#bfb095;
}
.bot {
	border-top:1px solid #dadada;
}
.bot__menu {
	float:left;
}
.bot__menu:after {
	content:"";
	clear:both;
	display:block;
}
.bot__menu-item {
	float:left;
	margin-right:40px;
	padding:8px 0;
}
.bot__menu-item a {
	font-size:14px;
	color:#777777;
}
.bot__menu-item a:hover,.bot__menu-item a:focus {
	font-weight:600;
	color:#887153;
}
.bot__menu-item:first-of-type a {
	font-weight:600;
	color:#887153;
}
.bot__family {
	float:right;
	position:relative;
	width:181px;
	background:#f5f5f5;
}
.bot__family-btn {
	width:100%;
	height:100%;
	padding:10px 20px;
	font-size:14px;
	color:#777777;
	text-align:left;
	background:#f5f5f5 url("/images/common/ico_expand_open_g.png") no-repeat 90% center;
	cursor:pointer;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
}
.bot__family-btn.on {
	background-image:url("/images/common/ico_expand_close_g.png");
}
.bot__sites {
	display:none;
	width:100%;
	position:absolute;
	bottom:40px;
	left:0;
	border:1px solid #dadada;
}
.bot__sites-item {
	border-bottom:1px solid #dadada;
	background:#f5f5f5;
}
.bot__sites-item:last-of-type {
	border-bottom:0;
}
.bot__sites-item a {
	display:block;
	padding:5px 20px;
	font-size:14px;
	color:#777777;
}
.f-wrap {
	border-top:1px solid #dadada;
}
.f-info {
	float:left;
	display:table;
}
.f-logo {
	display:table-cell;
	vertical-align:middle;
	padding:20px 0;
}
.f-logo p {
	display:inline-block;
	width:100px;
	height:80px;
	background:url("/images/common/ico_footer_logo.png") no-repeat center center;
}
.f-text {
	display:table-cell;
	vertical-align:middle;
	padding:20px 30px;
}
.f-text .address {
	font-size:14px;
	color:#444;
}
.f-text .copyright {
	margin-top:8px;
	font-size:12px;
	color:#c6c6c6;
}
.f-text .powered {
	margin-top:3px;
	font-size:9px;
	color:#c6c6c6;
}
.f-text .powered img {
	width:90px;
	vertical-align:top;
	margin-top:1px;
}
.f-contact {
	float:right;
	overflow:hidden;
	border-right:1px solid #dadada;
}
.f-box {
	float:left;
	width:180px;
	height:126px;
	padding:20px 0;
	border-left:1px solid #dadada;
	background:rgba(245,245,245,0.4);
	text-align:center;
}
.f-box-title {
	display:inline-block;
	padding:1px 10px;
	font-size:12px;
	color:#777777;
	background:rgba(136,113,83,0.3);
	border-radius:16px;
}
.f-box-number {
	margin-top:6px;
	font-size:20px;
	font-weight:600;
	color:#000000;
}
.f-box-fax {
	margin-top:2px;
	font-size:12px;
	color:#777777;
}
.f-box-fax strong {
	font-size: 15px;
}
/* Header-lecture */
.header-lecture {
	position:relative;
}
.header-lecture:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:50%;
	height:112px;
	background:#79d5fb;
	z-index:4;
}
.header-lecture:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:50%;
	height:112px;
	background:#fcb449;
	z-index:4;
}
.top-lecture {
	position:relative;
	height:112px;
	background:url("/images/common/img_classroom_top.png") no-repeat center center;
	z-index:5;
}
.hl__home {
	float:left;
	width:112px;
	height:112px;
	background:#fff;
	text-align:center;
}
.hl__home a {
	display:block;
	width:100%;
	height:100%;
	padding-top:63px;
	font-size:18px;
	font-weight:600;
	color:#000000;
	background:url("/images/common/btn_class_home_b.png") no-repeat 50% 30%;
}
.hl__go {
	float:left;
	display:table;
	margin-top:26px;
	margin-left:30px;
}
.hl__go>p {
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
	color:#fff;
}
.hl__go .go-lecture {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:300px;
}
.hl__go .go-lecture-btn {
	width:100%;
	padding:17px 20px 16px;
	font-size:18px;
	font-weight:600;
	color:#1b2c44;
	text-align:left;
	background:#fff url("/images/common/ico_expand_open_b.png") no-repeat 92% 50%;
}
.hl__go .go-lecture-btn.on {
	background-image:url("/images/common/ico_expand_close_b.png");
}
.hl__go .go-lecture-list {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	border:1px solid #dadada;
	z-index:6;
}
.hl__go .go-lecture-list a {
	display:block;
	padding:12px 20px;
	font-size:18px;
	background:#fff;
}
.hl__go .go-lecture-list a+a {
	border-top:1px solid #dadada;
}
.hl__btns {
	float:right;
	overflow:hidden;
	height:112px;
	text-align:center;
	border-right:1px solid #fff;
}
.hl__btns a {
	float:left;
	display:block;
	width:110px;
	height:100%;
	padding-top:63px;
	font-size:18px;
	font-weight:600;
	color:#fff;
	background-repeat:no-repeat;
	background-position:50% 30%;
	border-left:1px solid #fff;
}
.hl__btns a.exit {
	background-image:url("/images/common/btn_ exit_w.png");
}
.hl__btns a.setting {
	background-image:url("/images/common/ico_support_w.png");
}
.gnb-lecture {
	background:#fff;
	border-bottom:1px solid #dadada;
}
.gnb-lecture__depth01 {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:space-around;
	justify-content:space-around;
	text-align:center;
}
.gnb-lecture__depth-name01 {
	position:relative;
	padding:30px 0 30px;
}
.gnb-lecture__depth-name01>a {
	position:relative;
	font-size:20px;
	color:#000000;
}
.gnb-lecture__depth-name01>a:before {
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	display:inline-block;
	width:100%;
	height:100%;
	padding:10px;
}
.gnb-lecture__depth-name01:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	display:block;
	width:145px;
	height:2px;
	background:#fff;
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.gnb-lecture__depth-name01.current>a {
	font-weight:600;
	color:#887153;
}
.gnb-lecture__depth-name01.current2>a {
	font-weight:600;
	color:#887153;
}
.gnb-lecture__depth-name01.current:after {
	background:#887153;
}
.gnb-lecture__depth-name01.current .gnb-lecture__depth02 {
	display:block;
}
.gnb-lecture__depth02 {
	top:100%;
	display:none;
	width:145px;
	padding:13px 5px;
	border:1px solid #dadada;
	border-top:0;
	z-index:100;
}
.gnb-lecture__depth-name02 {
	margin-top:12px;
}
.gnb-lecture__depth-name02:first-of-type {
	margin-top:0;
}
.gnb-lecture__depth-name02>a:hover {
	font-weight:600;
	color: #887153;
}
/* IE9 flex처리 */
@media screen and (min-width:0\0) {
	.gnb-lecture__depth-name01 {
		float:left;
		margin-left:65px;
	}
	.gnb-lecture__depth-name01:first-of-type {
		margin-left: 0;
	}
}
/* Buttons */
.btn {
	display:inline-block;
	vertical-align:middle;
	width:180px;
	height:60px;
	padding:16px 0;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}
.btn--bigger {
	width:235px;
}
.btn--auto {
	width:auto;
	padding-left:18px;
	padding-right:18px;
}
.btn--dialog {
	width:100px;
	height:40px;
	padding:8px 0;
	font-size:16px;
	margin-right:0;
}
.btn--primary {
	background-color:#1b2c44;
	color:#fff;
}
.btn--secondary {
	background-color:#c6c6c6;
	color:#fff;
}
.btn--tertiary {
	background-color:#887153;
	color:#fff;
}
.btn--info {
	background-color:#f5f5f5;
	color:#1b2c44;
}
.btn--light {
	background-color:#ffffff;
	color:#000;
	border:1px solid #000000;
	font-weight:600;
}
.btn--dark {
	background-color:#000000;
	color:#fff;
}
.btn--icon {
	display:inline-block;
	width:100%;
	height:40px;
	padding:7px 0;
	font-size:16px;
	text-align:center;
}
.btn--normal {
	width:120px;
	height:40px;
	padding:6px 0;
	font-size:16px;
}
.btn--normal2 {
	width:140px;
	height:40px;
	padding:8px 0;
	font-size:16px;
	font-weight:400;
}
.btn--normal3 {
	width:180px;
	height:40px;
	padding:8px 0;
	font-size:16px;
	font-weight:400;
}
.btn--normal4 {
	width: 170px;
}
/* Modal Popup */
.modal {
	position:relative;
	display:none;
	z-index:100;
}
.modal__overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background:rgba(0,0,0,0.6);
	z-index:9998;
}
.modal__content {
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:640px;
	min-height:200px;
	padding:30px 30px 60px;
	background:#fff;
	z-index:9999;
}
.modal__header {
	position:relative;
}
.modal__body {
	margin-top:30px;
}
.modal__footer {
	margin-top:20px;
	text-align:center;
}
.modal__title {
	font-size:20px;
	color:#000000;
}
.modal__title strong {
	color:#887153;
}
.modal__sub-title {
	margin-top:20px;
	font-size:18px;
	color:#000000;
}
.modal__sub-title:first-of-type {
	margin-top:0;
}
.modal__close {
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:24px;
	background:#fff url("/images/common/btn_close_b.png") no-repeat center center;
	text-indent:-9999px;
}
.modal__content .table th {
	padding:10px;
}
.modal__content .table td {
	padding:10px 10px 11px;
}
.modal__content .table td.no-list {
	padding:20px;
	font-size:18px;
}
.modal__content .body-dv {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #dadada;
	word-break: keep-all;
}
/* Dialog */
.dialog {
	display:none;
}
.ui-widget-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background:rgba(0,0,0,0.6);
	z-index:9998;
}
.ui-dialog {
	padding:30px;
	box-sizing:border-box;
	background:#fff;
	z-index:9999;
}
.ui-dialog-titlebar {
	display:none;
}
.ui-dialog-buttonset {
	margin-top:30px;
	text-align:right;
}
.ui-dialog-buttonset .btn {
	margin-left: 10px;
}
/* Tab */
.tab__menu {
	display:table;
	width:100%;
	text-align:center;
}
.tab__menu:after {
	content:"";
	clear:both;
	display:block;
}
.tab__menu-item {
	display:table-cell;
	padding:16px 3px 15px;
	font-size:18px;
	color:#939396;
	background:#f5f5f5;
	border:1px solid #c6c6c6;
	border-bottom:2px solid #000000;
	cursor:pointer;
	-webkit-transition:background 0.2s;
	transition:background 0.2s;
}
.tab__menu-item.current {
	font-weight:600;
	color:#000000;
	background:#fff;
	border:2px solid #000000;
	border-bottom:0;
}
.tab__menu-item .icon {
	vertical-align:sub;
	margin-right:5px;
}
.tab__panel {
	margin-top:30px;
}
.tab__panel-content {
	display:none;
}
.tab__panel-content.current {
	display:block;
}
.tab__title {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #dadada;
}
.tab__title:first-of-type {
	margin-top:0;
	padding-top:0;
	border-top:0;
}
.tab__title h4 {
	font-size:24px;
	color:#000000;
}
.tab__img {
	width:100%;
	margin-top: 20px;
}
/* Table */
.table-box {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
}
.table-box.abat {
	margin-top:-1px;
	border-top:0;
	table-layout:fixed;
}
.table-box.abat table th,.table-box.abat table td {
	width:6.25%;
	padding:12px 2px;
	font-size:14px;
}
.table.line-style {
	text-align:center;
}
.table.line-style th {
	border-right:1px solid #dadada;
}
.table.line-style thead th:last-of-type {
	border-right:0;
}
.table.line-style td {
	border-right:1px solid #dadada;
}
.table.line-style td:last-of-type {
	border-right:0;
}
.table.line-style td.iebd {
	border-left:1px solid #dadada;
}
.table th {
	padding:23px 5px;
	background:#f5f5f5;
	border-bottom:1px solid #dadada;
}
.table td {
	padding:21px 12px;
	background:#ffffff;
	border-bottom:1px solid #dadada;
}
.table td h5 {
	margin-bottom:6px;
	font-size:16px;
	color:#000000;
}
.table td ul+h5,.table td ol+h5,.table td p+h5 {
	margin-top:10px;
}
.table td.inner-list {
	padding:0;
}
.table td.txt-center {
	text-align:center;
}
.table td.txt-left {
	text-align:left;
}
.table td.txt-right {
	text-align:right;
}
.table td.no-list {
	padding:30px;
	font-size:20px;
	color:#000000;
	text-align:center;
}
.table td.yellow {
	background:rgba(232,165,65,0.15);
}
.table .sum {
	background:rgba(230,223,213,0.3);
}
.table .cols {
	border-right:1px solid #dadada;
	font-weight:600;
	text-align:center;
}
.table .star {
	color:#e64d3e;
}
.table .red {
	font-size:14px;
}
.table .ab {
	color:#3c8092;
}
.table .at {
	color:#000000;
}
.table .th-btn {
	width:66px;
	height:40px;
	margin-top:10px;
}
.table .input-wrap {
	width:auto;
}
.table .vertical {
	text-align:center;
}
.table .date-pick {
	position:relative;
}
.table .date-pick i {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.table .input-wrap select,.table .vertical select {
	padding-left:10px;
	height:40px;
}
.table .input-wrap input,.table .vertical input {
	text-indent:10px;
	height:40px;
}
.table .input-wrap button,.table .vertical button {
	margin-left:10px;
	height:40px;
}
.table .input-wrap .input--full {
	width:100%;
}
.table .input-wrap .input--type01 {
	width:120px;
}
.table .input-wrap .input--type02 {
	width:160px;
}
.table .input-wrap .input--type03 {
	width:200px;
}
.table .input-wrap .input--type04 {
	width:340px;
}
.table .input-wrap .input--type05 {
	width:90px;
}
.table .vertical .input--full {
	width:100%;
	margin-left:0;
}
.table .vertical .input--type01 {
	width:60px;
}
.table .vertical .input--type02 {
	width:110px;
}
.table .vertical .input--type03 {
	width:120px;
}
.table .input-wrap+.input-wrap {
	margin-top:10px;
}
.table .radio-box {
	margin-left:20px;
}
.table .radio-box:first-of-type {
	margin-left:0;
}
.table input+.check-box {
	margin-left:20px;
}
.table .waiting {
	color:#777777;
}
.table .complete {
	color:#887153;
	font-weight:600;
}
.table .td-tit {
	min-height:105px;
	margin-top:10px;
	margin-bottom:0;
	font-size:18px;
	word-break:keep-all;
}
.table .td-date {
	display:block;
	margin-top:30px;
	font-size:14px;
	color:#777777;
}
.table .line {
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:24px;
	margin:0 10px;
	background: #dadada;
}
/* Form */
.radio-box {
	display:inline-block;
	margin-left:30px;
}
.radio-box label {
	font-size:18px;
	color:#000000;
}
.check-box {
	position:relative;
	display:inline-block;
}
.check-box label {
	font-size:18px;
	color:#000000;
}
.check-box.no-txt input[type="checkbox"]+label:before {
	margin:0;
}
.file-box {
	position:relative;
	display:inline-block;
}
.file-name {
	display:inline-block;
	vertical-align:middle;
	width:300px;
	margin-left:3px;
	color:#777777;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.file-list {
	overflow:hidden;
	padding:10px 20px;
	background:#f5f5f5;
	border:1px solid #dadada;
}
.file-list dt {
	float:left;
	margin-right:20px;
	font-weight:600;
	color:#000000;
}
.file-list dd {
	float:left;
	color:#000000;
}
.file-list dd a {
	display:block;
}
.file-list dd a+a {
	margin-top:6px;
}
.file-list dd i {
	margin-right:10px;
}
.input-label {
	display:table-cell;
	vertical-align:middle;
	width:140px;
	font-size:18px;
	color:#000000;
}
.input-wrap {
	display:table;
	width:100%;
}
.input-wrap.type-2 input {
	width:310px;
}
.input-wrap.type-3 select {
	width:136px;
}
.input-wrap.type-4 input {
	width:92px;
}
.input-wrap.type-4 select {
	width:90px;
}
.input-wrap .dash {
	display:table-cell;
	/* vertical-align:middle; */
	width:18px;
	text-align:center;
}
.input-wrap .whelk {
	display:table-cell;
	vertical-align:middle;
	width:28px;
	text-align:center;
}
.input-wrap .space {
	display:table-cell;
	vertical-align:middle;
	width:10px;
	text-align:center;
}
.input-wrap .char {
	display:inline-block;
	vertical-align:middle;
	width:15px;
	margin-left:10px;
	margin-right:20px;
}
.input-wrap .input-info {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding-left:12px;
	font-size:14px;
	color:#777777;
}
.input-wrap .input-info:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:2px;
	margin-right:10px;
	background:#887153;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.input-wrap.type-3 select,.input-wrap.type-4 select {
		position:relative;
		display:inline-block;
	}
}
.input-blank {
	text-align:center;
}
.input-blank .picture {
	padding:10px;
	border:1px dashed #cfcfd0;
}
.input-blank .picture p {
	margin-top:10px;
	font-size:14px;
	color:#7d7d7d;
}
.input-blank .btns .btn {
	margin-top:6px;
}
.button-wrap {
	margin-top:30px;
	position:relative;
	width:100%;
	height:60px;
	text-align:center;
	font-size:0;
}
.button-wrap button,.button-wrap a {
	margin:0 5px;
}
.button-wrap .right {
	position:absolute;
	top:0;
	right:0;
	margin:0;
}
.attach-box {
	padding:20px 30px;
	background:#f5f5f5;
	border:1px solid #dadada;
	font-size:0;
}
.attach-box dt {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	font-size:16px;
	font-weight:600;
}
.attach-box dd {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#000000;
}
.attach-box dd+dt {
	margin-left:50px;
}
.attach-box select {
	width:340px;
	height:40px;
	padding-left:12px;
}
.attach-box h4 {
	position:relative;
	font-size:16px;
}
.attach-box h5 {
	position:relative;
	font-size:18px;
	color:#887153;
}
.attach-box h5.modern {
	margin-top:12px;
	font-size:16px;
	color:#000000;
}
.attach-box h5.modern:first-of-type {
	margin-top:0;
}
.attach-box h5:before {
	content:"-";
	position:absolute;
	top:0;
	left:-12px;
	display:inline-block;
	color:#887153;
}
.attach-box h5+h5 {
	margin-top:12px;
}
.attach-box ol {
	margin-top:12px;
	font-size:16px;
}
.attach-box p {
	margin-top:6px;
	font-size:14px;
	color:#000000;
}
.attach-box p a {
	font-size:16px;
	font-weight:400;
}
.attach-box+.agree-box {
	border-top:0;
}
.agree-box {
	position:relative;
	padding:21px 20px;
	background:#fff;
	border:1px solid #dadada;
}
.agree-box .check-box {
	position:absolute;
	top:17px;
	right:20px;
}
.attach-box .attach-item {
	position:relative;
	display:table;
	margin-top:6px;
}
.attach-box .attach-item:before {
	content:"";
	position:absolute;
	top:9px;
	left:-12px;
	display:inline-block;
	width:6px;
	height:2px;
	background:#1b2c44;
}
.attach-box .attach-item:first-of-type {
	margin-top:0;
}
.attach-box .attach-item dt {
	display:table-cell;
	vertical-align:top;
	width:70px;
	margin-right:10px;
	font-size:14px;
	font-weight:normal;
	color:#777777;
}
.attach-box .attach-item dd {
	display:table-cell;
	vertical-align:top;
	font-size:14px;
	color:#000000;
}
.warning {
	position:relative;
	margin-top:10px;
}
.warning>p {
	font-size:14px;
	color:#3c8092;
	margin-left:30px;
	text-indent:-30px;
}
.warning>p+p {
	margin-top:6px;
}
.warning>p:before {
	content:"";
	display:inline-block;
	vertical-align:text-top;
	width:20px;
	height:20px;
	margin-right:10px;
}
.warning p.warn01:before {
	background:url("/images/common/ico_warning_01.png") no-repeat center center;
	background-size:cover;
}
.warning p.warn02:before {
	background:url("/images/common/ico_warning_02.png") no-repeat center center;
	background-size:cover;
}
.checkup {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
}
.checkup__list {
	padding:30px 0;
}
.checkup__list-item {
	margin-top:30px;
}
.checkup__list-item:after {
	content:"";
	clear:both;
	display:block;
}
.checkup__list-item:first-of-type {
	margin-top:0;
}
.checkup__list-txt {
	float:left;
	width:700px;
	margin-left:20px;
	font-size:18px;
	font-weight:600;
	color:#000000;
}
.checkup__list-txt.clearfix {
	float:none;
	width:100%;
	margin-left:0;
	padding-left:20px;
}
.checkup__list-btn {
	float:left;
	width:220px;
	margin-right:20px;
}
.checkup__list-box {
	padding:0 30px;
}
.checkup__result {
	margin-top:30px;
	padding:30px;
	background:#f5f5f5;
	border:1px solid #dadada;
}
.checkup__result-txt {
	text-align:center;
}
.checkup__result-txt .icon {
	margin-right:10px;
}
.checkup__result-txt p {
	display:inline-block;
	vertical-align:middle;
	color:#000000;
	font-weight:600;
	word-break:keep-all;
	text-align:left;
}
.checkup__result-btn {
	margin-top:20px;
	text-align:center;
}
.checkup__result-btn .btn {
	margin:0 3px;
}
.checkup__frame {
	margin-top:20px;
}
.checkup__frame iframe {
	border:0;
}
.checkup__frame p {
	margin-top:12px;
	font-size:14px;
	color:#777777;
	text-align: center;
}
/* Icon */
.icon {
	display:inline-block;
	vertical-align:middle;
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
}
.icon-zoom {
	width:32px;
	height:32px;
	background-image:url("/images/common/btn_zoom.png");
	border-radius:5px;
	background-size:20px 20px;
}
.icon-download {
	width:24px;
	height:24px;
	background-image:url("/images/common/btn_download.png");
	background-color:transparent;
}
.icon-document {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_file.png");
	background-color:transparent;
	margin-top:-4px;
	margin-right:10px;
}
.icon-lecture {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_show_lecture.png");
	background-color:transparent;
	margin-top:-4px;
	margin-right:10px;
}
.icon-file {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_file.png");
	background-color:transparent;
	text-indent:-9999px;
}
.icon-download-view {
	width:24px;
	height:24px;
	background-image:url("/images/common/btn_download.png");
	background-color:transparent;
	vertical-align:sub;
}
.icon-alarm {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_notice_b.png");
	background-color:transparent;
	text-indent:-9999px;
}
.icon-delete {
	width:24px;
	height:24px;
	background-image:url("/images/common/btn_close_g.png");
	background-color:transparent;
	text-indent:-9999px;
}
.icon-ie {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_guide_ie.png");
	background-color:transparent;
}
.icon-chrome {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_guide_chrome.png");
	background-color:transparent;
}
.icon-edge {
	width: 24px;
	height: 24px;
	background-image: url("/images/common/ico_guide_edge.png");
	background-color: transparent;
	background-size: contain;
}
.icon-whale {
	width: 134px;
	height: 134px;
	background-image: url("/images/common/ico_guide_whale.png");
	background-color: transparent;
	background-size: contain;
}
.icon-safari {
	width: 134px;
	height: 134px;
	background-image: url("/images/common/ico_guide_safari.png");
	background-color: transparent;
	background-size: contain;
}
.icon-pc {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_guide_pc.png");
	background-color:transparent;
}
.icon-finder {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_guide_finder.png");
	background-color:transparent;
}
.icon-messeage {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_messeage.png");
	background-color:transparent;
}
.icon-info {
	width:20px;
	height:20px;
	background-image:url("/images/common/ico_info_over.png");
	background-color:transparent;
	text-indent:-9999px;
	cursor:pointer;
	vertical-align:sub;
}
.icon-save {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_save_w.png");
	background-color:transparent;
	margin-top:-4px;
	margin-right:10px;
}
.icon-folder {
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_popup_assignment_title_01.png");
	background-color:transparent;
	margin-top:-4px;
	margin-right:10px;
}
.icon-dot-three {
	width:2px;
	height:10px;
	background-image:url("/images/common/ico_guide_chrome_option.png");
	background-color:transparent;
	margin:-3px 3px 0;
}
.icon-feature01 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_01.png");
	background-color:transparent;
}
.icon-feature02 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_02.png");
	background-color:transparent;
}
.icon-feature03 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_03.png");
	background-color:transparent;
}
.icon-feature04 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_04.png");
	background-color:transparent;
}
.icon-feature05 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_05.png");
	background-color:transparent;
}
.icon-feature06 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_06.png");
	background-color:transparent;
}
.icon-feature07 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_07.png");
	background-color:transparent;
}
.icon-feature08 {
	width:80px;
	height:80px;
	background-image:url("/images/common/ico_intro_ feature_list_08.png");
	background-color:transparent;
}
.icon-sns01 {
	width:36px;
	height:36px;
	background-image:url("/images/common/ico_sns_01.png");
	background-color:transparent;
}
.icon-sns02 {
	width:36px;
	height:36px;
	background-image:url("/images/common/ico_sns_02.png");
	background-color:transparent;
}
.icon-sns03 {
	width:36px;
	height:36px;
	background-image:url("/images/common/ico_sns_03.png");
	background-color:transparent;
}
.icon-sns04 {
	width:36px;
	height:36px;
	background-image:url("/images/common/ico_sns_04.png");
	background-color:transparent;
}
.icon-blank {
	width:90px;
	height:93px;
	background-image:url("/images/common/ico_blank.png");
	background-color:transparent;
}
.icon-calendar {
	width:20px;
	height:20px;
	background-image:url("/images/common/btn_calendar.png");
	background-color: transparent;
}
.icon-print {
	width:20px;
	height:20px;
	background-image:url("/images/common/btn_print.png");
	background-color: transparent;
}
/* FAQ */
.faq {
	margin-top:30px;
}
.faq__category {
	text-align:center;
}
.faq__category:after {
	content:"";
	clear:both;
	display:block;
}
.faq__category-item {
	display:block;
	float:left;
	width:calc(100% / 6 - 0.001px);
	padding:11px 5px 10px;
	font-size:18px;
	color:#939396;
	background:#f5f5f5;
	border:1px solid #c6c6c6;
	border-left:0;
}
.faq__category-item:first-of-type {
	border-left:1px solid #c6c6c6;
}
.faq__category-item.current {
	font-weight:600;
	color:#fff;
	background:#1b2c44;
	background-color:#1b2c44;
}
.faq__list {
	margin-top:30px;
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
}
.faq__list .icon {
	position:absolute;
	top:22px;
	left:30px;
	width:32px;
	height:32px;
	font-size:18px;
	font-weight:600;
	line-height:32px;
	border-radius:5px;
}
.faq__list-q {
	position:relative;
	padding:22px 30px 23px 82px;
	border-bottom:1px solid #dadada;
	cursor:pointer;
}
.faq__list-q p {
	color:#000000;
}
.faq__list-q .icon {
	color:#000000;
}
.faq__list-q .arrow {
	position:absolute;
	top:50%;
	right:30px;
	display:inline-block;
	width:20px;
	height:20px;
	margin-top:-10px;
	background-image:url("/images/common/ico_expand_open_g.png");
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
}
.faq__list-q .arrow:after {
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	display:inline-block;
	width:100%;
	height:100%;
	padding:10px;
}
.faq__list-q.view .arrow {
	background-image:url("/images/common/ico_expand_close_off.png");
}
.faq__list-a {
	display:none;
	background:#f5f5f5;
}
.faq__list-a .list-box {
	position:relative;
	padding:20px 30px 20px 82px;
	border-bottom:1px solid #dadada;
}
.faq__list-a .icon {
	color:#fff;
	line-height:32px;
	background-color:#887153;
}
.faq__list-a p {
	position:relative;
	font-size:16px;
	color:#000000;
	word-break:keep-all;
}
.inner-tab .faq__category-item {
	width:auto;
	padding:11px 10px 10px;
	cursor:pointer;
}
.inner-tab .faq__category-item.item1 {
	width:25%;
}
.inner-tab .faq__category-item.item2 {
	width:22%;
}
.inner-tab .faq__category-item.item3 {
	width:25%;
}
.inner-tab .faq__category-item.item4 {
	width:28%;
}
.inner-tab .faq__panel-content {
	display:none;
	margin-top:40px;
}
.inner-tab .faq__panel-content.current {
	display:block;
}
.inner-tab .tab-sub-tit {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #dadada;
	font-size:24px;
	color:#000000;
}
.inner-tab .tab-sub-tit:first-of-type {
	margin-top:0;
	padding-top:0;
	border-top:0;
}
.inner-tab .tab-sub-num {
	margin-top:30px;
	font-size:20px;
	color:#000000;
}
.inner-tab .common-txt01 {
	word-break:keep-all;
}
.inner-tab .common-list01 {
	padding-left:10px;
	word-break:keep-all;
}
.inner-tab.other-type .faq__category-item {
	width:49%;
	margin:5px 1% 5px 0;
	border-left:1px solid #dadada;
}
.inner-tab.other-type .faq__category-item:nth-of-type(2n) {
	margin-right:0;
}
.inner-tab.other-type img {
	max-width: 100%;
}
/* Tooltop */
.tooltip {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.tooltip__box {
	position:absolute;
	bottom:120%;
	left:50%;
	display:none;
	min-width:160px;
	padding:8px 12px;
	background:#fff;
	border:1px solid #dadada;
	box-shadow:0px 4px 6px rgba(0,0,41,0.3);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:10;
}
.tooltip__box p {
	font-size:13px;
	font-weight:normal;
	color:#000000;
	text-align:left;
}
.tooltip__box:after {
	content:"";
	position:absolute;
	bottom:-5px;
	left:50%;
	display:inline-block;
	width:0;
	height:0;
	margin-left:-5px;
	border-top:5px solid #fff;
	border-right:5px solid transparent;
	border-left: 5px solid transparent;
}
/* Sub Title */
.sub__title {
	position:relative;
	width:100%;
	height:240px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.sub__title.bg01 {
	background-image:url("/images/common/img_sub_bg_01.png");
}
.sub__title.bg02 {
	background-image:url("/images/common/img_sub_bg_02.png");
}
.sub__title.bg03 {
	background-image:url("/images/common/img_sub_bg_03.png");
}
.sub__title.bg04 {
	background-image:url("/images/common/img_sub_bg_04.png");
}
.sub__title.bg05 {
	background-image:url("/images/common/img_sub_bg_05.png");
}
.sub__title.bg06 {
	background-image:url("/images/common/img_sub_bg_06.png");
}
.sub__title.bg07 {
	background-image:url("/images/common/img_sub_bg_07.png");
}
.sub__title-head {
	padding-top:100px;
	font-size:32px;
	font-weight:600;
	color:#fff;
	text-align:center;
}
.sub__unit {
	width:100%;
	height:50px;
	background:#fff;
	border-bottom:1px solid #dadada;
}
.sub__unit.fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.sub__unit-location {
	float:left;
	position:relative;
}
.sub__unit-location:after {
	content:"";
	clear:both;
	display:block;
}
.sub__unit-location>li {
	float:left;
	padding:3px 0;
}
.sub__unit-location .home {
	margin:10px 20px 10px 0;
}
.sub__unit-location .home a {
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	text-indent:-9999px;
	background:url("/images/common/btn_home.png") no-repeat center center;
}
.sub__unit-location .home a:after {
	content:"";
	position:absolute;
	top:-5px;
	left:-5px;
	display:inline-block;
	width:100%;
	height:100%;
	padding:5px;
}
.sub__unit-location .depth01,.sub__unit-location .depth02,.sub__unit-location .depth03 {
	position:relative;
	min-width:200px;
}
.sub__unit-location .depth01:after,.sub__unit-location .depth02:after,.sub__unit-location .depth03:after {
	content:"";
	position:absolute;
	top:13px;
	left:0;
	display:inline-block;
	width:1px;
	height:24px;
	background:#dadada;
}
.sub__unit-location .depth01>a,.sub__unit-location .depth02>a,.sub__unit-location .depth03>a {
	display:block;
	padding:10px 20px;
	font-size:16px;
	color:#777777;
}
.sub__unit-location .depth01>a:after,.sub__unit-location .depth02>a:after,.sub__unit-location .depth03>a:after {
	content:"";
	position:absolute;
	top:13px;
	right:15px;
	display:inline-block;
	width:24px;
	height:24px;
	background-image:url("/images/common/ico_expand_open_g.png");
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:5px;
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
}
.sub__unit-location .depth03 {
	width:250px;
}
.sub__unit-location .menu-list {
	display:none;
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	height:auto;
	background:#fff;
	border:1px solid #dadada;
	border-top:none;
	z-index:10;
}
.sub__unit-location .menu-list li {
	border-top:1px solid #dadada;
}
.sub__unit-location .menu-list li:first-of-type {
	border-top:none;
}
.sub__unit-location .menu-list a {
	display:block;
	padding:8px 20px;
	font-size:14px;
	color:#777777;
}
.sub__unit-btns {
	float:right;
}
.sub__unit-btns:after {
	content:"";
	clear:both;
	display:block;
}
.sub__unit-btns>li {
	position:relative;
	float:left;
	padding:13px 20px;
	border-right:1px solid #dadada;
}
.sub__unit-btns>li:last-of-type {
	padding-right:0;
	border-right:none;
}
.sub__unit-btns a {
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center center;
}
.sub__unit-btns a.btn-share {
	background-image:url("/images/common/btn_share.png");
}
.sub__unit-btns a.btn-print {
	background-image:url("/images/common/btn_print.png");
}
.sub__unit-btns a.btn-top {
	background-image:url("/images/common/btn_top.png");
}
.sub__unit-btns .share {
	display:none;
	position:absolute;
	top:70%;
	left:-130px;
	width:330px;
	height:130px;
	padding:13px 20px;
	background:url("/images/common/img_box_sns.png") no-repeat center center;
	background-size:100% 100%;
	z-index:10;
}
.sub__unit-btns .share:after {
	content:"";
	clear:both;
	display:block;
}
.sub__unit-btns .share>li {
	float:left;
	width:25%;
	height:100%;
	text-align:center;
}
.sub__unit-btns .share a {
	width:100%;
	height:100%;
	padding:20px 0;
	text-indent:0;
}
.sub__unit-btns .share strong {
	display:block;
	margin-top:6px;
	font-size:14px;
	font-weight:normal;
	color:#000000;
}
.sub__unit.fixed+.container {
	margin-top: 50px;
}
/* Container */
.container {
	position:relative;
	width:1240px;
	margin:0 auto;
	padding:60px 0 80px;
	min-height: calc(100vh - 370px);
}
.container:after {
	content:"";
	clear:both;
	display: block;
}
/* LNB */
.lnb {
	float:left;
	width:240px;
}
.lnb__title {
	position:relative;
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.lnb__title.bg01 {
	background-image:url("/images/common/img_sub_sidemeun_bg_01.png");
}
.lnb__title.bg02 {
	background-image:url("/images/common/img_sub_sidemeun_bg_02.png");
}
.lnb__title.bg03 {
	background-image:url("/images/common/img_sub_sidemeun_bg_03.png");
}
.lnb__title.bg04 {
	background-image:url("/images/common/img_sub_sidemeun_bg_04.png");
}
.lnb__title.bg05 {
	background-image:url("/images/common/img_sub_sidemeun_bg_05.png");
}
.lnb__title.bg06 {
	background-image:url("/images/common/img_sub_sidemeun_bg_06.png");
}
.lnb__title.my-lectureroom {
	display:block;
	height:100px;
	background-image:url("/images/common/img_sub_sidemeun_bg_ mylectureroom.png");
}
.lnb__title.my-lectureroom .lnb__title-head {
	padding-top:31px;
}
.lnb__title.my-lectureroom .go-lecture {
	display:block;
}
.lnb__title .go-lecture {
	position:relative;
	display:none;
	width:200px;
	margin:12px auto 0;
}
.lnb__title .go-lecture-btn {
	width:100%;
	padding:12px 20px;
	font-size:16px;
	color:#1b2c44;
	text-align:left;
	background:#fff url("/images/common/ico_expand_open_b.png") no-repeat 90% 50%;
	box-shadow:0px 3px 6px rgba(0,0,41,0.3);
}
.lnb__title .go-lecture-btn.on {
	background-image:url("/images/common/ico_expand_close_b.png");
}
.lnb__title .go-lecture-list {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index:6;
}
.lnb__title .go-lecture-list a {
	display:block;
	padding:8px 20px;
	background:#fff;
	border-top:1px solid #dadada;
}
.lnb__title-head {
	padding-top:30px;
	font-size:26px;
	font-weight:600;
	color:#fff;
	text-align:center;
}
.lnb__depth01 {
	margin-top:30px;
	border-top:1px solid #dadada;
}
.lnb__depth-name01 {
	border-bottom:1px solid #dadada;
}
.lnb__depth-name01>a {
	position:relative;
	display:block;
	padding:15px 20px 16px;
	font-size:16px;
	color:#000000;
	z-index:5;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.lnb__depth-name01.current>a {
	font-weight:600;
	color:#fff;
	background:#1b2c44;
	box-shadow:0px 3px 6px #c7c7c7;
}
.lnb__depth-name01 .lnb__depth-use {
	position:relative;
}
.lnb__depth-name01 .lnb__depth-use:after {
	content:"";
	position:absolute;
	top:17px;
	right:20px;
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url("/images/common/ico_expand_open_g.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
}
.lnb__depth-name01.current .lnb__depth-use:after {
	background-image:url("/images/common/ico_expand_close_w-1.png");
}
.lnb__depth-name01.current .lnb__depth02 {
	max-height:500px;
}
.lnb__depth02 {
	position:relative;
	max-height:0;
	overflow:hidden;
	background:#f5f5f5;
	z-index:4;
	-webkit-transition:max-height 0.2s;
	transition:max-height 0.2s;
}
.lnb__depth-name02 {
	margin:16px 0;
	padding:0 15px;
}
.lnb__depth-name02:first-of-type {
	margin-bottom:0;
}
.lnb__depth-name02>a {
	font-size:16px;
	color:#777777;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
.lnb__depth-name02>a:hover {
	color:#1b2c44;
}
.lnb__depth-name02.current>a {
	font-weight:600;
	color:#1b2c44;
}
.lnb__banner {
	margin-top:30px;
}
.lnb__banner a {
	display:block;
	width:100%;
	height:100%;
}
.lnb__banner-btn {
	position:relative;
	width:100%;
	height:72px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.lnb__banner-btn--support {
	background-image:url("/images/common/btn_support.png");
}
.lnb__banner-btn--application {
	background-image: url("/images/common/btn_application.png");
}
/* Content - 박스 */
.lnb+.content {
	min-height:520px;
}
.content {
	position:relative;
	float:right;
	min-height:300px;
	width:960px;
}
.content.full {
	width:100%;
	padding-left:0;
	margin-left:0;
}
.box {
	margin-top: 30px;
}
/* Content - 텍스트 */
.bar {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:16px;
	background:rgba(171,149,117,0.3);
	z-index:4;
}
.page-title {
	position:relative;
	display:inline-block;
}
.page-title h3 {
	position:relative;
	font-size:40px;
	font-weight:600;
	color:#000000;
	z-index:5;
}
.page-sub-title {
	position:relative;
	margin-top:30px;
}
.page-sub-title:first-of-type {
	margin-top:0;
	padding-top:30px;
	border-top:1px solid #dadada;
}
.page-sub-title h4 {
	font-size:24px;
	font-weight:600;
	color:#000000;
}
.page-sub-title .refer {
	position:absolute;
	bottom:6px;
	right:0;
	font-size:14px;
	color:#000000;
}
.page-sub-title .star {
	color:#e64d3e;
}
.page-sub-title+.page-sub-text {
	margin-top:20px;
}
.page-sub-text {
	position:relative;
	margin-top:30px;
}
.page-sub-text:first-of-type {
	margin-top:20px;
}
.page-sub-text h5 {
	font-size:20px;
	font-weight:600;
	color:#000000;
}
.page-sub-text h5 button {
	width:66px;
	height:40px;
	margin-left:10px;
	padding:0;
	font-size:16px;
	vertical-align:baseline;
}
.page-sub-text .refer {
	position:absolute;
	bottom:6px;
	right:0;
	font-size:14px;
	color:#000000;
}
.page-sub-text .star {
	color:#e64d3e;
}
.page-sub-text.modern {
	display:inline-block;
	margin-top:0;
}
.page-sub-text.modern p {
	position:relative;
	font-size:24px;
	font-weight:600;
	color:#000000;
	z-index:5;
}
.page-btn {
	position:absolute;
	top:0;
	right:0;
}
.common-txt01 {
	color:#000000;
}
.common-txt02 {
	margin-top:20px;
}
.common-txt02 p {
	font-size:14px;
	color:#777777;
}
.common-txt02 p:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:2px;
	margin-right:10px;
	background:#e8a541;
}
.common-txt03 {
	font-size:18px;
	color: #000000;
}
/* Content - 리스트 */
.common-list01>li {
	position:relative;
	padding-left:16px;
	font-size:16px;
	color:#000000;
	text-align:left;
}
.common-list01>li:before {
	content:"";
	position:absolute;
	top:12px;
	left:0;
	display:inline-block;
	width:6px;
	height:2px;
	background:#887153;
}
.common-list01 ol li:before {
	content:"●";
	font-size:10px;
	display:inline-block;
	vertical-align:top;
	margin:5px 5px 0 0;
}
.common-list02>li {
	font-size:14px;
	color:#777777;
}
.common-list02>li:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:2px;
	margin-right:10px;
	background:#e8a541;
}
.common-list03>li {
	color:#000000;
}
ol.common-list01>li {
	margin-top:10px;
	padding-left:0;
}
ol.common-list01>li:before {
	display:none;
}
ol.common-list01>li:first-of-type {
	margin-top:0;
}
ol.common-list01>li>ol {
	margin-top:10px;
	padding-left: 10px;
}
/* Content - 게시판 */
.board {
	position:relative;
}
.board__search {
	padding:13px;
	background:#f5f5f5;
	border:1px solid #dadada;
	font-size:0;
	text-align:center;
}
.board__search select {
	display:inline-block;
	width:120px;
	height:40px;
	margin-right:10px;
}
.board__search input {
	display:inline-block;
	width:360px;
	height:40px;
}
.board__search button {
	display:inline-block;
	width:66px;
	height:40px;
}
.board__list {
	position:relative;
}
.board__list .alarm {
	font-weight:600;
}
.board__list .link:hover {
	color:#1b2c44;
}
.board__photo+.board__btn {
	height:auto;
}
.board__list+.board__btn {
	height:auto;
}
.board__view {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
}
.board__view-title {
	padding:22px 20px 21px;
	background:#f5f5f5;
}
.board__view-title h4 {
	font-size:20px;
	color:#000000;
}
.board__view-title .info {
	overflow:hidden;
	margin-top:20px;
}
.board__view-title .info li {
	float:left;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #dadada;
	font-size:14px;
	color:#777777;
}
.board__view-title .info li:first-of-type {
	margin-left:0;
	padding-left:0;
	border-left:0;
}
.board__view-title .info li strong {
	display:inline-block;
	margin-right:10px;
}
.board__view-file {
	padding:21px 20px;
	color:#000000;
}
.board__view-file dt {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	font-weight:600;
}
.board__view-file dd {
	display:inline-block;
	vertical-align:middle;
}
.board__view-file ul li {
	margin-top:10px;
}
.board__view-file ul li:first-of-type {
	margin-top:0;
}
.board__view-file a {
	color:#000000;
}
.board__view-file .icon {
	margin-right:10px;
}
.board__view-content {
	padding:30px 20px;
	border-top:1px solid #dadada;
	word-break:keep-all;
}
.board__view-content img {
	max-width:600px;
}
.board__view-content p {
	margin-top:20px;
}
.board__view-content p:first-of-type {
	margin-top:0;
}
.board__view-content .in-content-btn {
	margin-top:30px;
	text-align:center;
}
.board__view-control {
	border-top:1px solid #000000;
}
.board__view-control dl {
	overflow:hidden;
	padding:21px 20px;
	border-top:1px solid #dadada;
}
.board__view-control dl dt {
	float:left;
	padding-right:30px;
	font-weight:600;
	background-repeat:no-repeat;
	background-position:center right;
}
.board__view-control dl.prev dt {
	background-image:url("/images/common/ico_expand_close_g.png");
}
.board__view-control dl.next dt {
	background-image:url("/images/common/ico_expand_open_g.png");
}
.board__view-control dl dd {
	float:left;
	padding-left:20px;
	color:#000000;
}
.board__view-control a:hover {
	color:#1b2c44;
}
.board__view-reply {
	padding:20px 20px 30px;
	border-top:1px solid #000000;
}
.reply__title {
	overflow:hidden;
}
.reply__title h4 {
	float:left;
	font-size:18px;
	color:#000000;
}
.reply__title p {
	float:right;
	font-size:14px;
	color:#777777;
	margin-top:3px;
}
.reply__title strong {
	display:inline-block;
	margin-right:10px;
}
.reply__text {
	margin-top:20px;
	word-break:keep-all;
}
.board__btn {
	position:relative;
	width:100%;
	height:60px;
	text-align:center;
}
.board__btn .right {
	position:absolute;
	top:0;
	right:0;
	margin:0;
}
.board__btn button,.board__btn a {
	margin:0 3px;
}
.board__pagination {
	text-align:center;
	font-size:0;
}
.board__pagination a {
	display:inline-block;
	vertical-align:middle;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:18px;
}
.board__pagination a.prev {
	margin-right:20px;
	background:url("/images/common/btn_table_prev.png") no-repeat center center;
	text-indent:-9999px;
}
.board__pagination a.next {
	margin-left:20px;
	background:url("/images/common/btn_table_next.png") no-repeat center center;
	text-indent:-9999px;
}
.board__pagination a:hover,.board__pagination a.active {
	color:#847257;
	font-weight:600;
}
.board__view-comment {
	padding:20px 0 30px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.comment__title {
	padding:0 20px;
	font-size:18px;
	color:#000000;
}
.comment__title .count {
	display:inline-block;
	margin-left:10px;
	font-size:16px;
	font-weight:normal;
}
.comment__list {
	padding:0 20px;
}
.comment__list-item {
	position:relative;
	padding:20px 0;
	border-top:1px solid #dadada;
}
.comment__list-item:first-of-type {
	border-top:0;
}
.comment__list-item .item-tit {
	font-weight:600;
	color:#000000;
}
.comment__list-item .item-txt {
	max-width:90%;
	margin-top:10px;
	color:#000000;
	word-break:keep-all;
}
.comment__list-item .item-delete {
	position:absolute;
	top:20px;
	right:0;
}
.comment__write {
	position:relative;
	padding:20px;
	background:#f5f5f5;
	border:1px solid #dadada;
}
.comment__write .writer-tit {
	font-weight:600;
	color:#000000;
}
.comment__write .writer-count {
	position:absolute;
	top:22px;
	right:20px;
	display:inline-block;
	font-size:14px;
	color:#777777;
}
.comment__write .writer-txt {
	height:84px;
	margin-top:10px;
	padding:2px;
	border:0;
	background:transparent;
}
.comment__write .writer-btn {
	position:absolute;
	bottom:20px;
	right:20px;
	width:66px;
	height:40px;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
.board__write {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
}
.board__write-title {
	display:table;
	width:100%;
	padding:16px 0;
}
.board__write-title+.board__write-title {
	padding-top:0;
}
.board__write-title dt {
	display:table-cell;
	vertical-align:middle;
	width:100px;
	padding-left:20px;
	font-weight:600;
	color:#000000;
}
.board__write-title dd {
	display:table-cell;
}
.board__write-title select {
	width:180px;
	height:40px;
	padding-left:10px;
}
.board__write-title input {
	height:40px;
	text-indent:10px;
}
.board__write-title .datepicker {
	width:280px;
}
.board__write-content {
	border-top:1px solid #dadada;
}
.board__write-file {
	padding:13px 0;
	border-top:1px solid #000000;
}
.board__write-file:after {
	content:"";
	clear:both;
	display:block;
}
.board__write-file dt {
	float:left;
	width:100px;
	margin-top:8px;
	font-weight:600;
	color:#000000;
	text-align:center;
}
.board__write-file dd {
	float:left;
	width:860px;
	position:relative;
}
.board__write-file .file-delete-all {
	margin-left:20px;
	background:none;
	font-weight:600;
	color:#777777;
}
.board__write-file .file-total {
	position:absolute;
	top:10px;
	right:0;
	display:inline-block;
	font-size:14px;
	color:#777777;
}
.board__write-file .file-data {
	margin-top:13px;
	padding:20px;
	background:#f5f5f5;
	border:1px solid #dadada;
}
.board__write-file .file-data-item:first-of-type {
	margin-top:0;
}
.board__write-file .file-data-item {
	position:relative;
	margin-top:10px;
}
.board__write-file .file-data-item i {
	margin:0 5px;
}
.board__write-file .file-name {
	max-width:500px;
	color:#000000;
}
.board__write-file .file-size {
	position:absolute;
	top:4px;
	right:0;
	font-size:14px;
	color:#777777;
}
.board__photo-total {
	font-size:18px;
	color:#000000;
}
.board__photo-list:after {
	content:"";
	clear:both;
	display:block;
}
.board__photo-list .photo-list-item {
	float:left;
	width:300px;
	margin-top:30px;
	margin-right:30px;
	border-bottom:1px solid #000000;
}
.board__photo-list .photo-list-item:nth-of-type(3n) {
	margin-right:0;
}
.board__photo-list .no-list {
	clear:both;
	margin-top:30px;
	padding:30px;
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	font-size:20px;
	color:#000000;
	text-align:center;
}
.board__photo-list .img-box {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.26%;
	overflow:hidden;
}
.board__photo-list .img-box img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	object-fit:cover;
	width:100%;
}
.board__photo-list .tit-box {
	width:300px;
	height:80px;
	padding:13px 20px 14px;
	background:#f5f5f5;
}
.board__photo-list .tit-box h4 {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size:18px;
	color:#000000;
	line-height:1.4em;
	height:2.8em;
	word-break:keep-all;
}
.board__photo-list .info-box {
	overflow:hidden;
	padding:13px 20px;
}
.board__photo-list .info-box p {
	float:left;
	width:50%;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	color:#777777;
}
.board__photo-list .info-box ul {
	float:right;
	width:50%;
	overflow:hidden;
}
.board__photo-list .info-box li {
	float:left;
	margin-left:9px;
	padding-left:9px;
	font-size:14px;
	color:#777777;
	border-left:1px solid #dadada;
}
.board__photo-list .info-box li:first-of-type {
	margin-left:0;
	padding-left:0;
	border-left:0;
}
.board__photo-list .vertical-img {
	height:100%;
}
.board__photo-list .horizontal-img {
	width: 100%;
}
/** 2020-09-13 **/
.kmodal {position:relative;display:none;z-index:100;}
.kmodal__overlay {position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.6);z-index:9998;}
.kmodal__content {position:fixed;top:0;left:50%;width:1200px;height:100%;background:#fff;z-index:9999; margin-left:-600px;}
.kmodal__header {position:relative;padding:1.2rem 2rem;background:#142e5a;}
.kmodal__body {height:calc(100% - 50px);padding:2rem;overflow-y:auto;overflow-x:hidden;}
.kmodal__title {font-size:1.8rem;color:#fff;}
.kmodal__title strong {font-size:1.6rem;color:#275ba7;}
.kmodal__sub-title {margin-top:2rem;font-size:1.6rem;color:#2b2b35;}
.kmodal__sub-title:first-of-type {margin-top:0;}
.kmodal__close {position:absolute;top:50%;right:2rem;width:2rem;height:2rem;margin-top:-1rem;text-indent:-9999px;}
.kmodal__close:before,
.kmodal__close:after {content:"";position:absolute;top:50%;display:inline-block;width:100%;height:2px;background:#fff;}
.kmodal__close:before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:0;}
.kmodal__close:after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:0;}
.kmodal__content .table td {word-break:keep-all;}
.kmodal__content .table.line-style th,
.kkmodal__content .table.line-style td {font-size:1.4rem;}
.kmodal__content .table.no-line-style th {text-align:center;border-bottom:1px solid #dadada;}
.kmodal__content .body-dv {margin-top:1rem;padding-top:1rem;border-top:1px solid #dadada;word-break:keep-all;}
.kmodal__content .body-dv.other-type {margin-top:2rem;padding-top:2rem;}
.kmodal__content .attach-box .attach-item dl {font-size:1.3rem;}
.popup__info h5 { margin-top: 2rem; font-size: 1.6rem; color: #2b2b35; }
.popup__info dl { margin-top: 1rem;}
.popup__info dl > dt { font-size: 1.2rem; font-weight:bold;}

.mfp-cc .mfp-content{
	height:536px;
	max-width: 450px;
}

.mfp-dd .mfp-content{
	height:711px;
	max-width: 400px;
}
.exam_pop_view .mfp-content{
	width:1000px;
	min-height:800px;
	height:100vh;
}
.table td .ico-new,
.notice-list li .ico-new{
	/*
	position: absolute;
	top: 2px;
	right: -30px;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 23px;
	font-size: 14px;
	font-style: normal;
	color: #fff;
	text-align: center;
	background: #e8a541;
	border-radius: 5px;
	*/
	position:absolute;
	top:2px;
	right:0;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:18px;
	font-size:14px;
	font-style:normal;
	color:#fff;
	text-align:center;
	background:#c5b394;
	border-radius:5px;
}
.mpopup_view_white iframe{
	background: #fff;
}
.exam_pop_view .mfp-container{
	padding:20px 0;
}
.exam_pop_view .mfp-content {
    width: 1000px;
    height:600px;
}
.margin-t4 {
	margin-top: 4px;
}