@charset "utf-8";

/*레이아웃에 대한 css*/
* {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#333;
}
ul,ol {
	list-style:none;
	text-align:center;
}
.su-mainmenu li {
	display:inline;
	position: relative;
}
.fixed {
	position:sticky;
	background-color:#fff;
	top:0;
	z-index:1000;
}
body {
	font-family: 'PretendardR',sans-serif;
	margin:0;
	letter-spacing:-0.7px;
}
body {
	overflow-x:hidden
}
img {
	max-width:100%;
	height: auto;
}
/*230626 css*/
.gray-txt ul {
	margin-bottom: 0;
}
/* 상단메뉴 */
.su-mainheader-top_wrap {
	width: 100%;
	height: 56px;
	background-color: #fff;
}

.m_su-mainheader-top {
	top: 0px;
	left: 0px;
	text-align: left;
	position: absolute;
	font-size: 18px;
	font-weight: 700;
}

.m_su-mainheader-top img {
	///margin-top: 20px;
}
.m_su-mainheader_menu {
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: right;
	padding-right: 20px;
}
.m_su-mainheader_menu img {
	width: 24px;
}
/*상단메뉴 목록*/
.su-mainmenu-wrap {
	width: 100%;
	height: 45px;
	z-index: 1000;
	margin-top: -4px;
	background-color: #fff;
}
.su-mainmenu {
	/* overflow-x:auto; */
	white-space:nowrap;
	line-height:45px;
	border-bottom:1px solid #ddd;
}
.su-mainmenu a {
	color:#353535;
	padding-left:15px;
	font-size:14px;
	text-decoration:none;
}
.su-mainmenu a:hover {
	color:#0085ac;
	font-weight:700;
}
.su-mainmenu a.on {
	color:#0085ac;
	font-weight:700;
}
.su-mainmenu a:checked {
	color:#0085ac;
	font-weight: 700;
}
/*서브메뉴 목록*/
.sub_su-mainmenu {
	overflow-x:scroll;
	white-space:nowrap;
	line-height:30px;
	background-color:#f0f0f0;
	border-bottom:1px solid #ddd;
}
.sub_su-mainmenu a {
	color:#000;
	padding-left:15px;
	font-size:12px;
	text-decoration:none;
}
.sub_su-mainmenu a:hover {
	color:#0A304A;
	font-weight:700;
}
.sub_su-mainmenu a.on {
	color:#0A304A;
	font-weight: 700;
}
/*탑메뉴-로그인부분*/
.login_wrap {
	width:100%;
	height:974px;
	z-index:3000;
}
.login_wrap {
	transition:transform .7s,-webkit-transform .7s;
	height:100%;
}
.login {
	width: 100%;
	///height: 415px;
	margin: 0 auto;
	///line-height: 120px;
}
.top_logo {
	float:left;
	width:430px;
	height:120px;
	line-height:150px;
}
.top_menu {
	width:770px;
	height:120px;
	float:left;
	color:#9c2311;
	text-align:left;
	line-height:110px;
}
.top_menu a {
	color:#fff;
	font-weight:600;
	margin-right:30px;
	padding:1px;
}
.top_menu a:hover {
	color: #0083ad;
}
/*드롭다운*/
.top_menu .dropdown {
	text-align:center;
	position:relative;
	display:inline-block;
}
.top_menu .dropdown-button {
	background:none;
	font-size:16px;
	border:none;
	color:#fff;
	font-weight:bold;
}
.top_menu .dropdown-content {
	display:none;
	position:absolute;
	right:-16px;
	width:100px;
	height:auto;
	opacity:0.9;
	line-height:35px;
	margin-top:-40px;
}
.top_menu .dropdown-content a {
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:14px;
	margin-right:0px;
}
.top_menu .dropdown-content a:hover {
	color:#0083ad;
}
.top_menu .dropdown:hover .dropdown-content {
	display:block;
}
.top_menu .dropdown:hover .dropdown-button {
	color: #0083ad;
}
/*드롭다운 끝*/
/*배경 움직*/
.login_wrap .login .bg {
	pointer-events:none;
	inset:0px;
	z-index:-1;
	position:absolute;
	top:100px;
	max-height:390px;
	background: url(/img/lab/itall_lab/bg8.png) top right / cover no-repeat;
}
.bg {
	opacity:1;
	/*-webkit-transform:scale(1.1);-ms-transform:scale(1.1);*/
	transform:scale(1.1);
	/*-webkit-transition:opacity 10s .2s,-webkit-transform 10s .2s;-o-transition:transform 10s .2s,opacity 10s .2s;*/
	transition:transform 10s .2s,opacity 10s .2s;
	/*transition:transform 10s .2s,opacity 10s .2s,-webkit-transform 10s .2s;*/
}
.login_wrap .login iframe {
	width:100%;
	margin:0px auto;
	text-align:center;
	max-width:100%;
	margin-top: -40px;
}
/*로그인*/
.main_wrap1 {
	width:100%;
	height:60px;
	background:#003a5d no-repeat center;
}
.main1 {
	width:100%;
	line-height:46px;
	text-align:center;
	margin:0 auto;
}
.main1 p {
	float: left;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 60px;
}
/*수시전형일정*/
.main_wrap2 {
	width:100%;
	height:80px;
	background:#fff no-repeat center;
}
.main2 {
	width:100%;
	height:40px;
	text-align:center;
	margin:0 auto;
	padding:20px;
	padding-top:19px;
}
.main2 span {
	float:left;
	color:#003a5d;
	font-weight:700;
	font-size:16px;
	width:30%;
}
.main2 p {
	width:40%;
	float:left;
	color:#55565a;
	font-size:16px;
	font-weight:400;
}
.main2 div {
	width:15%;
	background-color:#003a5d;
	float:left;
	color:#fff;
	font-size:14px;
	padding:10px;
	border-radius:10px;
	margin-top: -30px;
}
/*리얼후기*/
.main_wrap3 {
	width:100%;
	height:100%;
	background:#f3f5f7 no-repeat center;
}
.main3 {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
/*학습컨설팅*/
.main_wrap4 {
	width:100%;
	height:100%;
	background:#fff url("") no-repeat center;
}
.main4 {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
/*탭*/
.tab_content {
	width:100%;
	font-size:15px;
	margin:0 auto;
	text-align:left;
	background-color:#003a5d;
	padding-bottom:40px;
}
.tab_content_nn_n {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
/* input을 안보이게 처리 */
/*input[type="radio"]{display: none;}*/
/* label에 대한 버튼속성 */
/*input[type="radio"]+label{display:inline-block;color:#fff;font-size:0.9em;cursor:pointer;margin:0 auto;text-align:center;font-weight:700;height:30px;line-height:30px;padding-top:40px;padding-right: 10px;}*/
input[type="radio"]:hover+label {
	color:#ffa400;
}
input[type="radio"]:checked+label {
	color: #ffa400;
}
/* 컨텐츠 영역 */
.conbox {
	width:100%;
	height:100%;
	margin:0 auto;
	display:none;
	margin-top:30px;
	text-align:center;
}
input[id="tab01"]:checked ~ .con1 {
	display: block;
}
/* 인풋에 체크가 해당 요소보이게 설정 */
input[id="tab02"]:checked ~ .con2 {
	display:block;
}
input[id="tab03"]:checked ~ .con3 {
	display:block;
}
input[id="tab04"]:checked ~ .con4 {
	display:block;
}
input[id="tab05"]:checked ~ .con5 {
	display:block;
}
input[id="tab06"]:checked ~ .con6 {
	display: block;
}
/*2개 배너구역*/
.main_wrap5 {
	width:100%;
}
.main5 {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
/*컨설팅*/
.main_wrap6_top {
	width:100%;
	height:94px;
	background:#fff url("../img/img_08_01.png") no-repeat center;
}
.main_wrap6 {
	width:100%;
	height:100%;
	background:#fff no-repeat center;
}
.main6 {
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
}
.main6-1 {
	width:30%;
	text-align:center;
	margin:0 auto;
	float:left;
}
.main6-2 {
	width:30%;
	text-align:center;
	margin:0 auto;
	margin-left:5%;
	float:left;
}
.main6-3 {
	width:30%;
	text-align:center;
	margin:0 auto;
	margin-left:5%;
	margin-bottom:22px;
	float: left;
}
/*매거진*/
.main_wrap7_top {
	width:100%;
	background:#fff url("../img/img_09_01.png") no-repeat center;
}
.main7 {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
/*3개 배너영역*/
.main_wrap8 {
	width:100%;
	height:100%;
	background:#fff no-repeat center;
}
.main8 {
	width:100%;
	text-align:center;
	margin:0 auto;
}
/*.main8-1{width:282px;height:401px;text-align:center;margin:0 auto;margin-left:67px;float:left;}.main8-2{width:282px;height:401px;text-align:center;margin:0 auto;margin-left:22px;float: left;}*/
/*2개 배너구역*/
.main_wrap9 {
	width:100%;
	background:#fff;
}
.main9 {
	width:100%;
	text-align:center;
	margin: 0 auto;
}
/*미디*/
.main_wrap10 {
	width:100%;
	background:#fff no-repeat center;
	padding-bottom:30px;
}
.main10 {
	width:100%;
	text-align:center;
	margin:0 auto;
}
.main10 .notice_list {
	margin-left:20px;
}
.main10 .notice_list ul {
	text-decoration:none;
	color:222222;
	font-weight:700;
	font-size:0.9em;
	text-align:left;
}
.main10 .notice_list li {
	line-height:29px;
}
.main10 .notice_list #select {
	color: #ffa400;
}


.servicecenter_wrap {
	background-color: #184d71;
	width: 100%;
	text-align: left;
	color: #fff;
	display: block;
	padding: 30px 20px;
	box-sizing: border-box; /* ← 필수! */
}
/*고객센터*/
#servicecenter_wrap_title {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px;
}
/*입학문의 방문상담신청*/
#servicecenter_wrap_title .swt-t1 {
	font-size:1rem;
	font-weight:100;
	vertical-align: top;
}
/*전화번호*/
.servicecenter_wrap_body {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#servicecenter_wrap_call {
	display: inline;
}
#servicecenter_wrap_call a {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .03em;
}
#servicecenter_wrap_call span {
	padding: 0;
	margin: 0;
}
/*회색두줄*/
#servicecenter_wrap_time {
	color: #ccc;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .02em;
}
/*1:1게시판*/
#servicecenter_wrap_board {
	width:45%;
	height:35px;
	background-color:#052338;
	display:inline-block;
	text-align:center;
	margin-left:20px;
}
#servicecenter_wrap_board_text {
	line-height:35px;
	display: inline;
}

/*잇올*/
.servicecenter_itall {
	background-color: #0a304a;
	width: 100%;
	text-align: left;
	color: #999;
	box-sizing: border-box;
	padding: 40px 20px;
}
#servicecenter_itall_logo {
	
}
#servicecenter_itall_logo img {
	width: 90px;
}

#servicecenter_itall_ad {
	width: 100%;
	display: inline-block;
	
	font-size: 11px;
	font-weight: 400;
	margin: 20px 0 0 0;
	letter-spacing: .015em;
}

#servicecenter_itall_ad p {
	font-size: 11px;
	font-weight: 400;
	color: #fff;
}

#servicecenter_itall_ad p a {
	color: #fff;
	letter-spacing: .015em;
}

/*드롭다운*/
.servicecenter_itall .dropbtn {
	background-color:#231A1E;
	color:white;
	padding:16px;
	font-size:1rem;
	border:1px solid #f3f3f3;
	width:98%;
}
.servicecenter_itall .dropbtn:hover,
.dropbtn:focus {
	background-color:#231A1E;
	border:1px solid #f3f3f3;
}
.servicecenter_itall .dropdown {
	position:relative;
	display:inline-block;
	color:white;
}
.servicecenter_itall .dropdown-content {
	display:none;
	position:absolute;
	background-color:#231A1E;
	min-width:98%;
	bottom:58px;
	z-index:1;
	border:1px solid #f3f3f3;
}
.servicecenter_itall .dropdown-content a {
	color:white;
	padding:12px 16px;
	text-decoration:none;
	display:block;
}
.servicecenter_itall .dropdown a:hover {
	background-color:#fff;
	color:#231A1E;
}
.servicecenter_itall .show {
	display: block;
}
/*풀다운하단 회사그룹*/
/*드롭다운*/
.servicecenter_re {
	width:780px;
	float:left;
	padding-top:10px;
	opacity:0.5;
}
.servicecenter_itall .dropbtn {
	background-color:#0a304a;
	color:white;
	padding:7px;
	font-size:1rem;
	border:1px solid #f3f3f3;
	width:230px;
	float:left;
	opacity:0.5;
}
.servicecenter_itall .dropbtn:hover,
.dropbtn:focus {
	background-color:#0a304a;
	border:1px solid #f3f3f3;
}
.servicecenter_itall .dropdown {
	position:relative;
	display:inline-block;
	color:white;
}
.servicecenter_itall .dropdown-content {
	display:none;
	position:absolute;
	background-color:#0a304a;
	min-width:230px;
	bottom:36px;
	z-index:1;
	border:1px solid #f3f3f3;
	width:230px;
}
.servicecenter_itall .dropdown-content a {
	color:white;
	padding:12px 16px;
	text-decoration:none;
	display:block;
	opacity:0.8;
}
.servicecenter_itall .dropdown a:hover {
	background-color:#fff;
	color:#231A1E;
}
.servicecenter_itall .show {
	display: block;
}

.ui-state-active {
	border:none;
	background:#f6f6f6;
	color:#000000;
}
.accordion1 {
	margin-bottom:-30px;
	overflow-y:hidden;
}
.accordion4 {
	margin-bottom:-30px;
	overflow-y:hidden;
}
.accordion li {
	display:block;
	height:40px;
	font-size:14px;
}
.ui-widget-content {
	border:none;
	background:#ffffff;
	color:#333333;
}
.ui-accordion .ui-accordion-header {
	height:50px;
	line-height:33px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border:none;
	background:#f6f6f6;
	font-weight:normal;
	color:#454545;
}
.homepage-idong {
	width:100%;
}
.homepage-idong a {
	display:block;
	border:1px solid #f6f6f6;
	width:33.33%;
	height:50px;
	text-align:center;
	float:left;
	line-height:50px;
	text-decoration:none;
	color:#fff;
	background-color: #0A304A;
}
/* ★★★★★게시판 css*/
/*상단*/
.m_board-top_wrap {
	width:100%;
	text-align:center;
	margin-top:60px;
}
.m_board-top_wrap .border-board {
	width:60px;
	border-top:3px solid #0A304A;
	margin:0 auto;
	height:10px;
}
.m_board-top_wrap .board-top {
	font-size: 24px;
	font-weight: 700;
	color: #333;
}
.m_board-top_wrap .sec_tit_sub {
	font-size: 12px;
	font-weight: 400;
	color: #333;

	padding-top: 12px;
}

/*검색 부분*/
/*게시판 검색*/
.m_board_search_wrap {
	width:100%;
	height:60px;
	margin:0 auto;
}
.m_board_search_wrap .m_board_search_wrap .m_board_search_wrap_n {
	width:100%;
	margin:0 auto;
}
.m_board_search_wrap .m_board_search2 {
	text-align:left;
}
.m_board_search_wrap .board_search .select {
	text-align:left;
}
#txtKeyWd {
	width:45%;
	height:45px;
}
.m_board_search2 .default {
	float:right;
	width:50px;
	height:43px;
	font-size:14px;
	line-height:40px;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
	margin-left:9px;
}
.m_board_search_wrap .m_board_search2 select {
	width:23%;
	height:45px;
	padding:2px 30px 2px 8px;
	line-height:20px;
	border:1px solid #fff;
	color:#666;
	float:left;
	margin-right:10px;
	font-size:12px;
	color:#0A304A;
	background-color:#fff;
}
.m_board_search_wrap .m_board_search2 option {
	font-weight:normal;
	display:block;
	white-space:pre;
	min-height:1.2em;
	padding:0px 2px 1px;
	font-size:12px;
}
.m_board_search_wrap .m_board_search2 input {
	float:left;
	height:39px;
	padding:2px 30px 2px 8px;
	line-height:20px;
	border:1px solid #ddd;
	color:#666;
	outline:none;
}
.m_board_search_wrap .m_board_search2 .search {
	float:left;
	width:50px;
	height:45px;
	font-size:14px;
	line-height:40px;
	background:#fff;
	text-align:center;
	border-left:none;
}
.m_board_search_wrap .board_search .search a {
	text-decoration:none;
	color: #666;
}
/*내용*/
.m_board_list {
	width:95%;
	margin:0 auto;
	border-bottom:1px solid #ddd;
}
.m_board_list .m_board_list_center {
	color:#0A304A;
	font-size:13px;
	text-align:left;
}
.m_board_list .m_board_list_title {
	font-size:15px;
	margin-top:-10px;
	text-align:left;
}
.m_board_list .m_board_list_date {
	font-size:12px;
	margin-top: -10px;
}
/*페이징*/
.board-number_wrap {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
}
.board-number_wrap a {
	text-decoration:none;
	color:#000;
}
.board-number_wrap .bbs_pge_arrow {
	width:32px;
	height:32px;
	line-height:32px;
	margin:5px;
}
.board-number_wrap .board-number {
	display:inline-block;
	position:relative;
	margin-top:25px;
}
.board-number_wrap .bbs_pge_num {
	min-width:30px;
	height:32px;
	line-height:32px;
	font-size:15px;
	margin:20px;
}
.board-number_wrap .bbsselected {
	color:#0A304A;
	border-bottom:1px solid #0A304A;
	font-weight: bold;
}
/*페이지 숫자*/
.m_board_num_wrap {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
}
.m_board_num_wrap .m_board_num_left {
	display:inline-block;
	color:#0A304A;
	font-weight:bold;
	font-size:22px;
}
.m_board_num_wrap .m_board_num {
	display:inline-block;
}
.m_board_num_wrap .m_board_num_right {
	display:inline-block;
	color:#0A304A;
	font-weight:bold;
	font-size: 22px;
}
/* ★★★★★게시판뷰페이지 css*/
/*내용*/
.m_board_listview {
	width:95%;
	margin:0 auto;
}
.m_board_listview .m_board_listview_center {
	color:#0A304A;
	font-size:13px;
	text-align:left;
}
.m_board_listview .m_board_listview_title {
	font-size:17px;
	margin-top:-10px;
	font-weight:bold;
}
.m_board_listview .m_board_listview_date {
	font-size:12px;
	margin-top:-10px;
}
.m_board_listview_n img {
	max-width: 100%;
}
/*★★★★★게시판 뷰페이지-첨부파일페이지 css*/
/*첨부파일*/
.m_board_file_wrap {
	width:100%;
	height:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.m_board_file1 {
	width:20%;
	background-color:#F2E7E7;
	border-top:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	text-align:center;
	z-index:1;
	position:absolute;
	line-height:72px;
}
.m_board_file2 {
	width:100%;
	border-top:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	text-align:center;
	padding-left:26%;
	height:74px;
}
.m_board_listview_n {
	text-align: left;
}
/*이전글다음글목록*/
.m_board_file2 a {
	padding-left:3%;
	color:#000;
	text-decoration:none;
}
.m_board_previous_wrap {
	width:50%;
}
.m_board_previous {
	border:1px solid #d4d4d4;
	width:72px;
	height:40px;
	font-size:13px;
	line-height:13px;
	float:left;
}
.m_board_previous p {
	padding:14px;
}
.m_board_previous_wrap2 {
	width:50%;
	float:right;
}
.m_board_p_list {
	background-color:#0A304A;
	width:72px;
	height:40px;
	font-size:15px;
	line-height:13px;
	float:right;
}
.m_board_p_list p {
	padding:14px;
	text-align:center;
	color: #fff;
}
/*★★★★★갤러리형 리스트*/
/*내용*/
.m_board_glist {
	width:95%;
	margin:0 auto;
}
.m_board_glist .m_youtube_thumb img {
	width:100%;
}
.m_board_glist .m_youtube_thumb {
	width:100%;
}
.m_board_glist .m_youtube_info {
	width:100%;
}
.m_board_glist .m_theme_category {
	width:80px;
	height:25px;
	background-color:#0A304A;
	text-align:center;
	color: #fff;
}
/*★★★★★로그인*/
.m_login-top_wrap {
	width:100%;
}
.m_login-top {
	text-align:left;
	color:#000;
	font-size: 24px;
}
/*내용*/
.m_wrapper-login .wrap-login {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0 auto;
}
.m_wrapper-login .text {
	flex-basis:100%;
	margin-bottom:20px;
	font-size:35px;
}
.m_wrapper-login .wrap-form {
	flex-basis:100%;
}
.m_wrapper-login .btn-login {
	flex-basis:150px;
	margin-left:10px;
}
.wrapper-account input[type='text'],
.wrapper-account input[type='password'] {
	width:100%;
	height:45px;
	border:1px solid #ddd;
	outline:none;
	transition:.2s ease border;
}
.m_wrapper-login input[type='url'],
input[type='number'],
input[type='date'],
input[type='text'],
input[type='password'],
input[type='file'] {
	box-sizing:border-box;
	display:inline-block;
	width:100%;
	height:45px;
	padding:0 15px;
	border:1px solid #ddd;
	font-size:13px;
	color:#111;
	letter-spacing:-.05em;
	font-weight:700;
}
.m_wrapper-login .m_wrap-option {
	margin-top:20px;
	font-size:13px;
	line-height:20px;
	text-align:left;
}
.m_wrapper-login .btn-login .btn {
	height:100px;
	width:150px;
}
.m_wrapper-login .btn.btn-color1 {
	border-color:#1378A9;
	color:#fff;
	background-color:#1378A9;
}
.m_wrapper-login .wrap-btn>a,
.wrap-btn>button,
.wrap-btn>input[type='button'] {
	flex:1;
}
.m_wrapper-login .wrap-form input[type=password] {
	margin-top:10px;
	padding:0 15px;
}
.m_wrapper-login .wrapper-account input[type='text'],
.wrapper-account input[type='password'] {
	width:100%;
	height:45px;
	border:1px solid #ddd;
	outline:none;
	transition:.2s ease border;
}
.m_wrapper-login .m_login_bt {
	width:100%;
	height:56px;
	background-color:#0A304A;
	color:#fff;
	text-align:center;
	line-height:56px;
	font-size:17px;
	font-weight:bold;
}
.m_wrapper-login .m_login_members {
	text-align:left;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}
.m_wrapper-login .idsearch {
	color: #0A304A;
}
/*★★★★★회원가입-1단계*/
.m_join-top_wrap {
	width:100%;
	text-align:center;
	margin-top:30px;
}
.m_join-top_wrap .join-top {
	font-size:24px;
	font-weight:700;
}
.m_join-top .m_login_members {
	text-align:left;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}
.m_join-top .m_join_wrap-option {
	margin-top:20px;
	font-size:13px;
	line-height:20px;
	text-align:left;
}
.m_join_1 {
	width:100%;
	height:120px;
	border:1px solid #d4d4d4;
}
.m_join-top .m_top_bt {
	width:100%;
	height:56px;
	background-color:#0A304A;
	color:#fff;
	text-align:center;
	line-height:56px;
	font-size:17px;
	font-weight:bold;
}
.m_join_top {
	font-size:18px;
	color:#707070;
	line-height:23px;
}
.m_join_text {
	color:#707070;
}
.m_join_border {
	border-bottom:1px solid #ddd;
	height:30px;
}
.m_join_text a {
	text-decoration:underline;
	color:#707070;
	right:0;
	position:absolute;
	padding-right:20px;
	font-size: 12px;
}
/*★★★★★회원가입-3단계*/
.m_join-top .m_top_bt1 {
	width:100%;
	height:40px;
	background-color:#0A304A;
	color:#fff;
	text-align:center;
	line-height:41px;
	font-size:17px;
	font-weight:bold;
}
.m_join-top .m_top_bt2 {
	width:100%;
	height:40px;
	background-color:#3a3a3a;
	color:#fff;
	text-align:center;
	line-height:41px;
	font-size:17px;
	font-weight:bold;
}
.m_join-top a {
	text-decoration:none;
}
.m_join_3step {
	text-align:center;
}
.m_join_3step_n {
	width:100%;
	height:210px;
	background-color: #f8f8f8;
}
/*★★★★★회원가입-2단계*/
.m_login_members_2step {
	font-weight:bold;
	font-size:14px;
}
.n_2step_bt_1 {
	background-color:#0A304A;
	width:19%;
	height:45px;
	float:right;
	text-align:center;
	line-height:45px;
	color:#fff;
	font-size: 13px;
}
/*메인슬라이드 자리*/
.su-main-slide-1 {
	height:460px;
	background:url(/img/gate/bg.png) center;
	background-size:cover;
	animation: breath 4s;
}
/*메인 하단 슬라이드 자리*/
.su-main-slide-2 {
	height: 190px;
}
/*★★★★★갤러리형 뷰페이지*/
.m_ic_video-wrap {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.m_ic_video-wrap iframe,
.m_ic_video-wrap object,
.m_ic_video-wrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.m_ic_video_text_wrap {
	width:100%;
	padding:20px;
}
.m_ic_video_title {
	font-size:20px;
	font-weight:bold;
}
.m_ic_video_n {
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background-color:#fbf8f8;
}
.m_ic_video_n p {
	margin:10px;
}
.comment_wrap {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
.comment {
	width:100%;
	margin:0 auto;
	text-align:left;
	border-top:1px solid #e3d1d2;
	border-bottom:1px solid #e3d1d2;
	color:#505050;
}
.comment span {
	font-size:16px;
	margin:10px;
}
.comment p {
	display:inline-block;
	font-size:14px;
}
.comment div {
	font-size:14px;
	margin: 10px;
}
/*재원생건의*/
#id_MyWord_Wrap {
	float:left;
	padding-top:10px;
	padding-left:10px;
}
#id_MyWord_Wrap label {
	float:left;
	padding-top:10px;
	padding-left:10px;
}
.write_wrap2 .write_w2 {
	width:100px;
	height:43px;
	line-height:43px;
	background-color:#d8d8d8;
	margin-top:3px;
	margin-left:10px;
	text-align:center;
	color:#fff;
	font-size:14px;
}
.write_wrap2 .write_w2.on {
	background-color: #1378A9;
}
/*댓글기능 css*/
.comment div {
	font-size:14px;
	margin:5px;
}
.comment_wrap {
	width:100%;
		margin-top:100px;
		margin-bottom:20px;
}
.comment_wrap #txtUserName {
	width:15%;
}
.comment_wrap #txtComment {
	width:51%;
}
.comment {
	width:100%;
		margin:0 auto;
		text-align:left;
		border-top:1px solid #e3d1d2;
		border-bottom:1px solid #e3d1d2;
	color:#505050;
		margin-top:20px;
}
.comment_bin {
	height:3px;
}
.comment span {
	font-size:16px;
	margin:10px;
}
.comment p {
	display:inline-block;
		font-size:14px;
}
.comment_n {
	font-size:14px;
	margin:10px;
}
.comment_edit {
	width:93%;
		margin:0 auto;
		position:absolute;
		text-align:right;
		font-size:12px;
}
.comment_edit a {
	color:#7c3b3b;
}
.comment_write_wrap {
	width:100%;
	margin:0 auto;
}
.comment_write_wrap .comment_write {
	width:100%;
		height:50px;
	margin:0 auto;
		text-align:left;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.comment_write_wrap .comment_write p {
	float:left;
	line-height:50px;
	width:10%;
	background-color:#f8f3f3;
	text-align:center;
	font-size:14px;
}
.comment_write_wrap .comment_write input {
		float:left;
	width:60%;
	height:35px;
	line-height:20px;
	border:1px solid #ddd;
	color:#666;
	outline:none;
	margin-top:4px;
	margin-left:7px;
}
.comment_write_wrap .comment_write .write_w {
	display:inline-block;
	width:11%;
	height:43px;
	line-height:43px;
	background-color:#1378A9;
	margin-top:2px;
	margin-left:7px;
	text-align:center;
	color:#fff;
	font-size:14px;
}
.comment_write_wrap .comment_write .default {
	display:inline-block;
	width:11%;
	height:43px;
	line-height:43px;
	background-color:#1378A9;
	margin-top:2px;
	margin-left:20px;
	text-align:center;
	color:#fff;
	font-size: 14px;
}
/*게시판보기 목록*/
.board_viewbt_wrap {
	width:100%;
	height:40px;
	margin:0 auto;
}
.board_viewbt {
	width:100%;
	height:40px;
	margin:0 auto;
	text-align:right;
	margin-top:30px;
	margin-bottom: 30px;
}
/*게시판 버튼*/
.btnBoard_70 {
	width:70px;
	height:43px;
	line-height:43px;
	background-color:#d8d8d8;
	margin-top:3px;
	text-align:center;
	color:#fff;
	font-size:14px;
	margin-bottom:20px;
}
.btnBoard_70.on {
	background-color:#1378A9;
}
.m_ibhack_wrap .ibhack_footer textarea {
	float:left;
	width:100%;
	height:300px;
	padding:2px 30px 2px 8px;
	line-height:20px;
	border:1px solid #ddd;
	color:#666;
	outline:none;
	margin-bottom: 20px;
}
/*221115 - 학원설립운영등록증 정보조회*/
.footer_btn {
	color:#cccccc;
	padding:0px 3px;
	font-size:0.79rem;
	letter-spacing:-1px;
	text-decoration: underline;
}


/* 231030 main popup */
.modal_popup{
    display: none;
    position: relative;
    z-index: 1000; 
    margin:0 auto; 
}
.modal_popup:before{
    display:block; 
    content:""; 
    position:fixed; 
    left:0; 
    top:0; 
    z-index:22222;
    width:100%; 
    height:100%; 
    background-color: rgba(0,0,0,.7); 
}
.pop_contents{
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:222222;
    width: 86%;
    max-width: 400px;
    border-radius: 10px;
}
.pop_contents a{
    display: block;
}
.modal_popup .btn_wrap{
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    position: relative; 
    width: 100%;
    padding: 14px 18px;
    background-color: #fff;
}
.pop_contents .btn_close{
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #707070;
    font-weight: 600;
    vertical-align: middle;
}
.modal_popup .btn_wrap label{
    margin-bottom: 0;
    margin-left: 4px;
    font-size: 14px;
    color: #707070;
    font-weight: 600;
}
.modal_popup .btn_close_today{
    font-size: 14px;
}
.pop_contents .btn_close i{
    font-size: 30px;
}
.lesson_info {
	margin-left: 4px;
	padding: 2px 5px;
    border-radius: 30px;
    background: #B2B8C0;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    text-align: center;
}


.float_dm{
    position: fixed; 
    left: 5px; 
    bottom: 0; 
    z-index: 20;
    width: 140px;
    height: 140px; 
    margin-top:20px;
}
.float_dm a{
    display: block;
    max-width: 87%;
}
.float_dm img{
    max-width: 100%;
}
.float_dm .float_ban_close{
    
    color: #999;
}

.float_ban_wrap{
    position: absolute;
    top: 120px;
    right: -18px;
    z-index: 20;
}
.float_ban_conbox{
    position: absolute;
    right: 0;
    width: 140px;
    height: 140px;
}
.float_ban_conbox:nth-child(1){
    top: 0;
}
.float_ban_conbox:nth-child(2){
    top: 140px;
}
.float_ban_conbox:nth-child(3){
    top: 280px;
}
.float_ban_conbox a{
    display: block;
    max-width: 87%;
}
.float_ban_conbox a img{
    max-width: 100%;
}
.float_ban_close{
    position: absolute;
    right: 25px;
    top: -6px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    font-size: 20px;
    color: #fff;
    line-height: 1em;
    text-align: center;
}

/* 231228 swal popup */
.swal2-popup *{
	word-break: keep-all;
}
.swal_inner{
	padding-top: 30px;
	text-align: left;
}


/* media */
@media screen and (max-width: 380px){
    #servicecenter_itall_ad {
        //width: 80%;
    }
}


/* ============================
240925.
migrate MEMBERS-ONLY MENU 
from SPARTA => to LAB
============================ */
/* common */
.lab_container{
	margin-top: 30px;
}
.lab_container .color_key{
	color: #007298;
}

/* gnb */
.dropdown-list{
	display: none;
	position: absolute;
	top: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 130px;
	background-color: #fff;
}
.dropdown-list li a{
	display: block;
	padding: 12px 10px;
	color: #353535;
	font-size: 14px;
	line-height: 1em;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.dropdown-list li.on a{
	color: #007298;
}

/* board */
.lab_container #id_MyWord_Wrap{
	float: none;
	padding-top: 0;
	padding-left: 0;
}
.lab_container #id_MyWord_Wrap label{
	float: none;
	padding-top: 0;
}
.lab_container .subject_board_top .mywrote label{
	margin: 0;
}
.lab_container #txtKeyWd{
	width: auto;
}
.lab_container .board .board-list{
	text-align: left;
}
.lab_container .board .board-list .board-sub span:before{
	top: 3px;
}
.lab_container .slide_tab_btn{
	text-decoration: none;
}
.lab_container .board .board-list .board-tit .notice{
	border-color: #007298;
}
.lab_container .pagination{
	justify-content: center;
}
.lab_container .btn_write{
	background-color: #007298;
	color: #fff;
}

/* 교과자료실 */
.subj_pds_wrap .board-search li:nth-of-type(2){
	width: 90px;
}
.subj_pds_wrap #txtKeyWd{
	width: 90px;
}
.lab_container .post-cmt,
.lab_container .btn.color_type1{
	background-color: #007298;
}
.lab_container .board-view-head .board-sub span{
	vertical-align: top;
}
.lab_container .attach_wrap .btn_add,
.lab_container .btn.color_type3{
	border-color: #007298;
	color: #007298;
}
.lab_container .board_write_wrap + .btn_wrap .btn{
	background-color: #007298;
}
.lab_container .subject_board_top .mywrote input[type="checkbox"]:checked+label:before{
	background-color: #007298;
}
.lab_container .board_write_wrap {
	text-align: left;
}

.lab_container .pagination span,
.lab_container .pagination a{
	width:35px;
	height:30px;
	margin:0px 0 0 3px;
	color:#666;
	font-size:13px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #b9b9b9;
	border-radius:5px;
	background:#fff;
	text-align:center;
	outline:none;
	font-family: 'pretendard';
}
.lab_container .pagination span{
	color:#fff;
	background-color:#292C37;
	font-weight:bold;
}
.lab_container .pagination .bbs_pge_arrow:first-child {
	margin-right:6px;
}
.lab_container .pagination .bbs_pge_arrow:last-child {
	margin-left:10px;
}
.lab_container .pagination .bbs_pge_arrow{
	color:#424242;
}
.lab_container .comm_list_top .btn_wrap a, 
.lab_container .comm_list_top .btn_wrap span{
	color: #007298;
}

.qna_container .cont-wrap input[type="checkbox"]{
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	clip: unset;
}
.qna_container .attach_wrap label{
	font-size: 14px;
	word-break: keep-all;
}


/* 온라인 테스트 */
.lab_container .exam_container{
	margin-top: 30px;
}
.lab_container .exam_top_wrap,
.lab_container .exam .exam-tab li .btn.on,
.lab_container .exam-grading-wrap .exam-list li button.on{
	background-color: #007298;
}
.lab_container .exam_container .exam_tab_menu.tab-section a.on{
	color: #007298;
}
.lab_container .exam_intro_wrap .item li{
	text-align: left;
}
.lab_container .exam_lec_contents .quick_wrap .swiper-pagination-bullet-active{
	background-color: #007298;
}
.lab_container .comment_list .comm_text p{
	text-align: left;
}


/*메인 swiper*/
.swiper .titleWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.titleWrap .title {
	font-weight: 600;
	font-size: 16px;
	color: #333;
}

.titleWrap .go {
	font-weight: 500;
	font-size: 12px;
	color: #333;
	cursor: pointer;
}


.labfw_b_img {
	position: relative;      /* 내부 절대위치 기준이 됨 */
	width: 100%;             /* 필요 시 너비 조절 */
	height: 100%;           /* 원하는 높이로 조절 */
	background-color: #f9f9f9; /* 확인용 배경 */
}

.labfw_b_img .go {
	position: absolute;

	right: 10px;
	bottom: 130px;

	font-size: 14px;
	color: #333;
	cursor: pointer;
}

.labfw_b_img img {
	position: absolute;

	bottom: 10px;
	right: 10px;
	width: 40px; /* 필요 시 이미지 크기 조정 */
}


/* 페이징 */
.paging_wrap .pagination {font-size: 0px; text-align: center; margin-top: 30px; position: relative;}
.paging_wrap .pagination * {display: inline-block; vertical-align: middle;}
.paging_wrap .pagination li,.pagination button {margin: 0 0 0 5px;}
.paging_wrap .pagination li a {width:30px; height:30px; color:#666; font-size:13px; line-height:30px; text-decoration: none; border: 1px solid #b9b9b9; border-radius: 5px; background:#fff; text-align: center; outline: none;}
.paging_wrap .pagination li a:hover {color: #ffffff; background: #9fa0a0; border: 1px solid #9fa0a0; font-weight: bold;}
.paging_wrap .pagination li.active a {color: #fff; text-decoration: none; background-color: #292C37; font-weight: bold; }
.paging_wrap .pagination li.active a:hover {background: #292C37; color: #fff; font-weight: bold; cursor: default;}
.paging_wrap .pagination .prev {margin-right: 10px;}
.paging_wrap .pagination .next {margin-left: 10px;}
.paging_wrap.pagination .first a, .pagination .prev a, .pagination .next a, .pagination .last a {color: #424242;}


/*float banner*/
.floatBanWrap {
	position: fixed;
	top: 265px;
	//left: calc(50% + 100px);
	left: calc(100% - 100px);
	z-index: 10;

	animation: floatUpDown 2.5s ease-in-out infinite;
}
.floatBanConbox {
	position: relative;
}
.floatBanConbox:nth-child(0) {
	top: 265px;
}
.floatBanConbox:nth-child(1) {
	top: 205px;
}
.floatBanConbox a {
	display: block;
	width: 80px;
}

.floatBanConbox a img {
    max-width: 100%;
}
.floatBanClose {
    position: absolute;
    
    top: 0;
	right: 0;
    margin: 5px;
    border: none;
    background: none;
    font-size: 25px;
    color: #999;
	cursor: pointer;
	width: 12.5px !important;
	height: 28.67px !important;
}

@keyframes floatUpDown {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0px); }
}