@charset "utf-8";
/* 비주얼 */

#wrapper {min-height: 1280px;}

#container .sub_visual.b1  {background:url('/resource/edu2021/images/sub/sub_bg01.jpg') no-repeat center top / cover; text-align: left;}
#container .sub_visual.b2  {background:url('/resource/edu2021/images/sub/sub_bg02.jpg') no-repeat center top / cover; text-align: left;}
#container .sub_visual.b3  {background:url('/resource/edu2021/images/sub/sub_bg03.jpg') no-repeat center top / cover; text-align: left;}
#container .sub_visual.b4  {background:url('/resource/edu2021/images/sub/sub_bg04.jpg') no-repeat center top / cover; text-align: left;}
#container .sub_visual.b5  {background:url('/resource/edu2021/images/sub/sub_bg05.jpg') no-repeat center top / cover; text-align: left;}
#container .sub_visual.b6  {background:url('/resource/edu2021/images/sub/sub_bg06.jpg') no-repeat center top / cover; text-align: left;}

#container .sub_visual .wrap {padding:100px 2%;}

#container .sub_visual .sub_top_title h2 {color:#fff; font-size:45px; font-weight:600; line-height:60px; margin-bottom:10px;text-shadow:0 0 15px rgba(0, 0, 0, 0.4);}
#container .sub_visual .sub_top_text {display:inline-block;color:#fff;font-size: 16px;line-height: 24px;font-weight:400; text-shadow:0 0 15px rgba(0, 0, 0, 0.4);}
#container .sub_visual .sub_top_text img {display:inline-block;}

#container .sub_visual .path {visibility:hidden;}
#container .sub_visual .path ul {font-size:0;}
#container .sub_visual .path ul li {display:inline-block; position:relative; margin-left:10px; padding-left:17px; color:#fff; font-size:15px; line-height:17px; vertical-align:middle; text-shadow:0 0 15px rgba(0, 0, 0, 0.4);}
#container .sub_visual .path ul li:before {display:block; position:absolute; top:2px; left:0; width:7px; height:13px; background:url('/site/lll/images/sub/sub_sprite.png') no-repeat left -58px;}
#container .sub_visual .path ul li:first-child {margin-left:0; padding-left:0; width:15px; height:14px; background:url('/site/lll/images/sub/sub_sprite.png') no-repeat left -102px; font-size:0;}
#container .sub_visual .path ul li:first-child:before {display:none;}
.sub4 #container .sub_visual .sub_title h2, .sub4 #container .sub_visual .path ul li {color:#fff; text-shadow:0 0 4px rgba(0, 0, 0, 1);}


@media screen and (max-width:1000px) {
	#wrapper {min-height: auto;}
	#container .sub_visual .wrap {padding:50px 2%}
	#container .sub_visual .sub_title h2 {font-size:25px; line-height:30px;}
}

@media screen and (max-width:640px) {
	#wrapper {min-height: 640px;}
	#container .sub_visual .sub_top {display: none;}
}


/* 사이드 */
#container .side {position:relative; z-index:20; margin-bottom:20px;}

@media screen and (max-width:640px) {
	#container .side {margin-bottom:25px;}
}

/* 중앙정렬 넓이 */
#container .side .side_menu .depth1 {width:1240px;}

@media screen and (max-width:1200px) {
	#container .side .side_menu .depth1 {width:1000px;}
}
@media screen and (max-width:1000px) {
	#container .side .side_menu {display:none;}
}

#left_menu {position:relative;float:left;left:0;top:-20px;width:20%;padding:0;margin:0;list-style:none;box-sizing:border-box;}
#left_menu h2 {text-align:center; padding:60px 20px; background:url('/resource/edu2021/images/sub/lmenu_tit.gif') no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
#left_menu .on > a:before {width:100%; border-right:5px solid #364fc7; transition:.3s;}

#left_menu .title {color: #fff;font-size: 24px;font-weight: bold;margin-bottom:10px;}

#left_menu li {float:left;width:100%;font-size:11pt;font-weight:600;line-height:1.4em;border:1px solid #DBDBDB;background-color:#fff; margin-bottom:5px;}
#left_menu li a {color:000;display:block;padding: 15px 32px 15px 20px;background:url(/resource/edu2021/images/sub/minus.png) no-repeat 92% 20px;}
#left_menu li a:hover, #left_menu li a.hover,
#left_menu li.on a {color:#fff;text-decoration:none;background-image:none;background:#228be6 url(/resource/edu2021/images/sub/plus.png) no-repeat 92% 20px; border:none;}

#mid_content {margin:50px 0;float: right; width: 77%;}

@media (max-width:1000px) {
	#left_menu {display: none;}
	#left_menu, #mid_content {float: none; width:100%;}
	#mid_content {margin: 30px 0;}
}

/* 서브 타이틀 */
#container .sub_contents {margin: 0; padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
#container .sub_contents .sub_title {margin-bottom:30px; font-size: 45px; line-height:60px;font-weight: 600; text-align: center; letter-spacing: -.05em;}

#container .sub_contents .sub_title_01 {
	margin:30px 0;font-size:30px;font-weight:600;line-height: 1.7em;
	text-align: center; letter-spacing: -.05em;
}

#container .sub_contents .sub_title_02 {
	display:inline-block;width:100%;margin:30px 0;font-size:30px;
	line-height: 1.7em;text-align: center; letter-spacing: -.05em;
}
#container .sub_contents .sub_title_02 b {color:#339af0;}

.moBR {display: none;}
.pcBR {display:block;}

.mt30 {margin-top:30px !important;}
.w30p {width: 30% !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w70 {width: 70px !important;}
.w120 {width: 120px !important;}
.w200 {width: 200px !important;}
.w600 {width: 600px !important;}

.fc_red {color: #f03e3e!important;}

@media screen and (max-width:1000px) {
	#container .sub_contents .sub_title {font-size: 30px; line-height:45px; text-align: center;}
}

@media (max-width: 640px){
	#container .sub_contents .sub_title_01,
	#container .sub_contents .sub_title_02 {font-size: 20px;}
	.moBR {display: block;}
	.pcBR {display:none;}
}

/* 서브 내용 */
#container .sub_contents .sub_text_box {padding: 15px 20px;border: 1px solid #ddd;background-color: #f5f5f5;margin-bottom: 30px;}
#container .sub_contents .sub_text_box p {position:relative;margin-bottom: 5px;padding-left:10px;color: #444;font-size: 16px;line-height: 1.7em;}
#container .sub_contents .sub_text_box .left_text p::before {display: block;content: "";position: absolute;left: 0px; top: 20%; width: 3px; height: 3px;background: #666;}

#container .sub_contents .sub_text_box .left_text p:nth-child(2) {font-size:14px;font-weight: bold;}
#container .sub_contents .sub_text_box .left_text p:nth-child(2)::before {display: none}

#container .sub_contents .sub_text_box .left_text {position:relative;float: left; width:65%;}
#container .sub_contents .sub_text_box .right_img {float: right;width: 30%;text-align: center;}

#container .sub_contents .sub_text_box .search-keyword {font-size:16px;text-align: center;}
#container .sub_contents .sub_text_box .search-keyword strong {color:#0469b4;}

@media screen and (max-width:640px) {
	#container .sub_contents .sub_text_box .left_text,
	#container .sub_contents .sub_text_box .right_img {float: none; width: 100%;}

	#container .sub_contents .sub_text_box .right_img {display: none;}
}


/* 교육 내용 */
#container .tab_menu .tab_wrap ul.tabs {margin:0 auto;text-align: center;}
#container .tab_menu .tab_wrap .tabs li {
	position: relative;display:inline-block;width:25%; height: 45px;font-size:18px;
	color:#333;line-height: 45px;margin: 0 -1px -1px 0;
	border: 1px solid #d7d7d7;box-sizing: border-box; cursor: pointer;overflow: hidden;
	white-space: nowrap;text-overflow: ellipsis;
}
#container .tab_menu .tabs li.active {background-color: #0469b4;color: #fff;font-weight:600;}

ul.tabs {text-align: center;}
.tab-content {display: none; width: 100%;float: left;}
.tab-content.active {display: inherit;}

.tab-contents {display: none; width: 100%;float: left;}
.tab-contents.active {display: inherit;}

#container .program_menu .tab_wrap > ul li.tab-link.w25 {width: 25%;}
#container .program_menu .tab_wrap > ul li.tab-link.w33 {width: 33.333%;}

.tab_menu .tab_wrap{margin: 30px 0;}

@media screen and (max-width:640px) {
	#container .tab_menu .tab_wrap .tabs li {width:50%;}
	#container .program_menu .tab_wrap > ul li.tab-link {width: 100%;}
	#container .program_menu .tab_wrap > ul li.tab-link.w33 {width: 100%;}
}

/* 주요 사업 */

#container .program_menu {position:relative;}
#container .program_menu .tab_wrap {position:relative;}
#container .program_menu .tab_wrap > ul.clearfix > li {float:left;}
#container .program_menu .tab_wrap > ul > li > .tab_content {display:none;}
#container .program_menu .tab_wrap > ul.clearfix > li > .tab_content {position:absolute; top:100%; left:0; width:100%;}
#container .program_menu .tab_wrap > ul > li.active > .tab_content {display:block;}

#container .program_menu .tab_wrap ul.tabs {margin:0 auto;text-align: center;}
#container .program_menu .tab_wrap .tabs li {
	position: relative;display:inline-block;width:50%;height: 45px;font-size:18px;
	color:#333;line-height: 45px;margin: 0 -1px -1px 0;
	border: 1px solid #d7d7d7;box-sizing: border-box; cursor: pointer;overflow: hidden;
	white-space: nowrap;text-overflow: ellipsis;font-weight:600;
}
#container .program_menu .tabs li.active {background-color: #0469b4;color: #fff;}

#container .program_menu .tab_wrap ul.tab {margin:0 auto;padding:20px 0;text-align: center;}
#container .program_menu .tab_wrap .tab li {
	position: relative;display:inline-block;width:50%; height: 45px;font-size:18px;
	color:#333;line-height: 45px;margin: 0 -1px -1px 0;
	border: 1px solid #d7d7d7;box-sizing: border-box; cursor: pointer;overflow: hidden;
	white-space: nowrap;text-overflow: ellipsis;
}

#container .program_menu .tab li.active {background-color: #0469b4;color: #fff;}

@media screen and (max-width:640px) {
	#container .program_menu .tab_wrap > ul li.tab-link.w25 {width:50%;}
}


#container .program_menu .tab-content .text_box {padding: 15px 20px;border: 4px solid #ddd;border-radius:20px;background-color: #fff;margin: 30px 0;}
#container .program_menu .tab-content .text_box .title {
	position:relative;color: #01519a;font-size: 20px;font-weight:600;line-height:35px;
	border-bottom:1px dotted #ddd; margin-bottom:20px;padding-bottom: 20px;padding-left:10px;
}

#container .program_menu .tab-content .text_box .left_text_01 .title,
#container .program_menu .program_wrap .text_box .left_text_01 .title {border:0;}

#container .program_menu .tab-content .text_box .left_text p::before {display: block;content: "";position: absolute;left: 0px; top: 30%; width: 3px; height: 3px;background: #666;}

#container .program_menu .tab-content .text_box .left_text p:nth-child(2) {font-size:16px;line-height: 1.7em;}
#container .program_menu .tab-content .text_box .left_text p:nth-child(2)::before {display: none}

#container .program_menu .tab-content .text_box .left_text,
#container .program_menu .tab-content .text_box .left_text_01,
#container .program_menu .text_box .left_text_01 {position:relative;float: left; width:65%;}
#container .program_menu .tab-content .text_box .right_img {float: right;width: 30%;text-align: center;}

.q1 {padding-left:30px;}
.q1 .title {position: relative;font-size:20px;line-height:1.7em;color:#5aa6d8; margin-bottom: 20px;}
.q1 .title:before {position: absolute;display: block;left: -25px;top: 0;content: url('/resource/edu2021/images/sub/q.png');}
.q1 p {font-size: 16px;}

.process {margin:30px 0;}


.img_box03 {margin-bottom: 30px;display: inline-block;max-width: 100%;font-size:0 !important;}
.img_box03 * {box-sizing: border-box;}
.img_box03 p:first-child {margin-left: 0;}
.img_box03 p {width: calc(50% - 10px);margin: 0 5px; display: inline-block; vertical-align: top;}

.img_box03 p img  {border:4px solid #ddd; border-bottom-left-radius: 50px; border-top-right-radius: 50px;}


@media screen and (max-width:600px) {
  .img_box03{margin-bottom:10px;width:100%;}
	.img_box03 p {width: 100%; margin: 0; display: block;}
	.img_box03 p:first-child {margin-bottom: 10px;}
	.img_box03 p img  {width:100%;border:0; border-bottom-left-radius: 0; border-top-right-radius: 0;}
}

.pc_img {display: block;}
.m_img {display: none;}


#container .program_menu .q1 {margin: 30px 0;}

@media screen and (max-width:640px) {

	#container .program_menu .tab-content .text_box .left_text,
	#container .program_menu .tab-content .text_box .left_text_01,
	#container .program_menu .text_box .left_text_01,
	#container .program_menu .tab-content .text_box .right_img {float: none;}

	#container .program_menu .tab-content .text_box .left_text,
	#container .program_menu .tab-content .text_box .left_text_01,
	#container .program_menu .text_box .left_text_01 {width: 100%;}
	#container .program_menu .tab-content .text_box .right_img {display: none;}

	#container .program_menu .tab-content .text_box .title {margin-bottom: 20px;padding-bottom: 20px;}

	/*#container .program_menu .tab_wrap .tabs li {padding: 0 3%;}*/

	.q1 .title:before {top:2px;}

	.img_box,
	.img_box02 {margin-bottom: 50px;}
	.pc_img {display: none;}
	.m_img {display: block;}
}


#container .program_menu .program_wrap {position:relative;}

#container .program_menu .program_wrap .text_box {padding: 15px 20px;border: 4px solid #ddd;border-radius:20px;background-color: #fff;}
#container .program_menu .program_wrap .text_box .title {
	position:relative;color: #01519a;font-size: 20px;line-height:35px;font-weight: 600;
	border-bottom:1px dotted #ddd; margin-bottom:20px;padding-bottom: 20px;padding-left:10px;
}
#container .program_menu .program_wrap .text_box .left_text p{position:relative;}
#container .program_menu .program_wrap .text_box .left_text p::before {display: block;content: "";position: absolute;left: 0px; top: 30%; width: 3px; height: 3px;background: #666;}

#container .program_menu .program_wrap .text_box .left_text p:nth-child(2) {font-size:16px;line-height: 1.7em;}
#container .program_menu .program_wrap .text_box .left_text p:nth-child(2)::before {display: none}

#container .program_menu .program_wrap .text_box .left_text p:nth-child(3){padding-left:10px;}
#container .program_menu .program_wrap .text_box .left_text p:nth-child(3)::before {top:10px;}

#container .program_menu .program_wrap .text_box .left_text {position:relative;float: left; width:65%;}
#container .program_menu .program_wrap .text_box .right_img {float: right;width: 30%;text-align: center;}

@media screen and (max-width:1024px) {
	#container .program_menu .program_wrap .text_box .left_text p:nth-child(3)::before {top:8px;}
}

@media screen and (max-width:640px) {
	#container .program_menu .text_box .title {margin-bottom: 20px;padding-bottom: 20px;}

	#container .program_menu .program_wrap .text_box .left_text,
	#container .program_menu .program_wrap .text_box .right_img {float: none;}

	#container .program_menu .program_wrap .text_box .left_text {width: 100%;}
	#container .program_menu .program_wrap .text_box .right_img {display: none;}

	.q1 .title:before {top:2px;}

	.img_box {margin-bottom: 50px;}
	.pc_img {display: none;}
	.m_img {display: block;}
}

.table_inner {margin: 30px 0;}

table {
	display: table;
	width: 100%;
	border-top: 2px solid #0469b4;
	border-bottom: 1px solid #a5a5a5;
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	box-sizing: border-box;
	text-indent: initial;
}

colgroup { display: table-column-group;}

tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}

tr {display: table-row; vertical-align: inherit; border-color: inherit;}



tbody tr th {
	position: relative;height: 30px;padding: 10px;border-top: 1px solid #ddd;background: #fff;
	font-size: 16px; font-weight:600; color: #333333;line-height: 20px;background: #f5f5f5;vertical-align:middle;
}

tbody tr td {height: 30px;padding: 10px;border-top: 1px solid #ddd;/*background: #fff;*/font-size: 16px;color: #666;line-height: 1.5em;word-break: keep-all;vertical-align:middle;}

tbody tr:first-child th,
tbody tr:first-child td {border-top-width: 0;}

.program_table {width:100%;margin: 30px 0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;}
.program_table .table_inner {overflow:hidden;width:100%;margin:0 auto;}
.program_table * {box-sizing: border-box;word-wrap: break-word;word-break: keep-all;}


.program_table th {height: 30px;padding: 10px;background: #f5f5f5;font-size: 16px;line-height: 1.5em;}

.program_table tr th {
	position: relative;
	height: 30px;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	background: #f5f5f5;
	word-break: keep-all;
}

.program_table tr td {text-align:center;height: 30px;padding: 10px;border: 1px solid #ddd;background: #fff;font-size: 16px;color: #666;line-height: 1.5em;word-break: keep-all;}

.program_table .subject {text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.program_table .name {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.program_table .name.txt_left{text-align:left}
.program_table tr:first-child th,
.program_table tr:first-child td {border-top-width: 0;}

@media screen and (max-width:1023px) {
	.program_table * {width: 100%;}
}

.board_menu .program_table tr td {height: 50px;}

.board_menu .board_wrap .right_box .select_box {width: 100px;}
.board_menu .board_wrap .right_box .select_box select {width: 80px;border:0;}

.time_table {width:100%;margin: 30px 0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;}
.time_table .table_inner {overflow:hidden;width:100%;margin:0 auto;}
.time_table .table_inner .basic_table{margin-top:0;}
.time_table * {box-sizing: border-box;word-wrap: break-word;word-break: keep-all;}

.time_table tbody tr td {float: none !important;display: table-cell !important;}


.time_table th {height: 30px;padding: 10px;background: #f5f5f5;font-size: 16px;line-height: 1.5em;}

.time_table tr th {
	position: relative;height: 30px;padding: 10px;border-top: 1px solid #ddd;background: #fff;
	font-size: 16px; color: #333333;line-height: 20px;background: #f5f5f5;word-break: keep-all;
}

.time_table tr td {text-align:center;height: 30px;padding: 10px;border-top: 1px solid #ddd;background: #fff;font-size: 16px; color: #666;line-height: 1.5em;word-break: keep-all;}

.time_table .subject {text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.time_table tr:first-child th,
.time_table tr:first-child td {border-top-width: 0;}



tbody > .top_view td {font-weight: bold;}
tbody > .top_view .no {color: #0469b4;}

@media screen and (max-width:1023px) {
	.board_menu .board_wrap .right_box .select_box {width: 100%;}
}

@media screen and (min-width:641px) {
	tbody tr th {width:180px;}
}

@media screen and (max-width:640px) {
	colgroup {display: none;}

	.program_table thead,
	.program_table tr .first,
	.program_table tr .no,
	.program_table tr .last {display: none;}
	.program_table tr .tit {width: 100%;}

	.program_table tr .name,
	.program_table tr .date {float: left;width:auto;padding: 0 10px;}
	.program_table tr .center {font-size:16px;font-weight: 600;}

	.program_table .table_inner colgroup {display: block;}
	.program_table tbody tr {display:inline-block;border-bottom: 1px solid #ddd;}
	.program_table tbody tr td {height:auto;border:0;text-align: left; display: table-cell;}

	.program_table tbody .tit {font-weight: 600;margin-bottom: 10px;}

	tbody tr th{box-sizing: border-box;display: block;float: left;width: 100%;height: auto;padding: 10px;text-align: left;background: none;}
	tbody tr td{box-sizing: border-box;display: block;float: left;width: 100%;height: auto; padding: 0 10px 10px;border-top-width: 0;}
    
    .list_group .bbs_table th,
    .list_group .bbs_table td{float: none;width: auto;text-align: left;}
  
	.board_menu .program_table thead,
	.board_menu .program_table tr .no {display: none;}

	.board_menu .board_wrap .right_box .select_box {width: 30%;}
	.board_menu .right_box .input_box {width: 70%;padding-right: 15%;}
	.right_box #input_sel {width: 90%;}

	.board_menu .program_table tr td {height: 40px;}
	.board_menu .board_wrap .right_box .select_box {width: 100px;}
}

.class_info .program_table * {box-sizing: border-box;}
.class_info .program_table .tit {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.class_info .program_table .edu {font-weight: 600;}
.class_info .program_table .status span{
	display:inline-block;padding:5px; width: 100%; background: #666;color:#fff;
	font-size:12px;font-weight:600;text-align: center;
}
.class_info .program_table .status.type01 span {background: #e32d00}
.class_info .program_table .status.type02 span {background: #2d8bcf}

@media (max-width:640px) {
	.class_info .program_table thead,
	.class_info .program_table .num,
	.class_info .program_table .name {display: none;}

	.class_info .program_table tbody tr {display: inline-block; border-bottom: 1px solid #ddd;}
	.class_info .program_table .status{
		padding:0; width: 100%; background: #666;color:#fff;
		font-weight:600;text-align: center;height:30px;line-height: 30px;
	}

	.class_info .program_table .status.type01 span,
	.class_info .program_table .status.type02 span {font-size: 16px;}

	.class_info .program_table .status span {padding:0;font-size: 14px;}

	.class_info .program_table .date2 {display: none;}
}




.ex_box {margin: 30px 0;}
.ex_box .img_box01 {float: left; width:45%;}
.ex_box .table_inner {float: right; width: 53%;margin:0;}
.ex_box tbody tr th {height: 60px;}

.tab-content .ex_box.l4 {margin: 30px 0;}
/*.tab-content .ex_box.l4 .img_box01 {float: left; width:48%;}*/
/*.tab-content .ex_box.l4 .table_inner {float: right; width: 50%;margin:0;}*/
.tab-content .ex_box.l4 .img_box01 {float: left; width:40%;}
.tab-content .ex_box.l4 .table_inner {float: right; width: 58%;margin:0;}
.tab-content .ex_box.l4 tbody tr th {height: 45px;}

.pc_img.b1 {display: block;}
.m_img.b1 {display: none;}

@media (max-width: 1400px){
	.tab-content .ex_box.l4 .img_box01,
	.tab-content .ex_box.l4 .table_inner {float: none; width: 100%;}
	.tab-content .ex_box.l4 .img_box01 {margin-bottom: 30px;}
	.pc_img.b1 {display: none;}
	.m_img.b1 {display: block;}
}

@media screen and (max-width: 1000px){
	.ex_box tbody tr th {height: 30px;}

	.tab-content .ex_box.l4 .img_box01 {width:48%;}
	.tab-content .ex_box.l4 .table_inner {width: 50%;}
}

@media screen and (min-width: 641px){
	.ex_box .table_inner tbody tr th {width: 100px; font-size: 16px;}
	.ex_box .table_inner tbody tr td {padding:15px; height:50px;}
	.ex_box .table_inner tbody tr td {padding:15px; height:30px;}


	.tab-content .ex_box.l4 .table_inner tbody tr th {width: 100px; font-size: 16px;}
	.tab-content .ex_box.l4 .table_inner tbody tr td {padding:15px; height:50px;}
	.tab-content .ex_box.l4 .table_inner tbody tr td {padding:15px; height:30px;}
}

@media screen and (max-width:640px) {
	.ex_box .img_box01,
	.ex_box .table_inner {float: none; width: 100%;}

	.ex_box .img_box01 {margin-bottom: 30px;}


	.tab-content .ex_box.l4 .img_box01,
	.tab-content .ex_box.l4 .table_inner {float: none; width: 100%;}

	.tab-content .ex_box.l4 .img_box01 {margin-bottom: 30px;}
}

.btn_site {padding-bottom:50px;text-align: center;}
.btn_site a {
	display: inline-block;margin: 0;padding: 10px 25px;border: 1px solid #ffffff;border-radius: 0px;
	background: #1a93c4;box-sizing: border-box;font-size: 15px;font-weight: normal;
	color: #fff;text-align: center;letter-spacing: -1px;line-height: 1em;
}
.btn_site a:link,
.btn_site a:visited{color:#fff;} 

.btn_group {width:100%;text-align: center;margin-bottom: 30px;}

.btn_group .btn_01,
.btn_group .btn_02 {display: inline-block;width: 30%;}

.btn_group .btn_01 {background-color: #5aa6d8;border: 1px solid #5aa6d8;margin-right:20px;}
.btn_group .btn_01 a {display: inline-block; width: 160px; height: 50px; line-height: 50px; color: #fff; font-size: 16px;  font-weight: 400;  text-align: center;}

.btn_group .btn_02 {background-color: #fff;border: 1px solid #333;}
.btn_group .btn_02 a {display: inline-block;width: 160px; height: 50px;line-height: 50px; border: 1pxsolid #333;color: #333;font-size: 16px;font-weight: 400;text-align: center;}


@media (min-width: 1000px) {
	.btn_site a {font-size: 18px;padding: 15px 50px;}
}


@media (max-width: 640px) {

	.btn_group .btn_01,
	.btn_group .btn_02 {width: 100%;}
	.btn_group .btn_01 {margin-right:0px;margin-bottom: 20px;}
}

/* 강좌, 검색창 */
.search_box {margin: 30px 0; font-size: 16px; line-height: 24px;}

.left_box {float: left;}
.left_box .total {padding-top:20px;color: #333;font-size: 16px; line-height:24px; font-weight: bold;}
.left_box .total .point_color {color:#0469b4;}


.right_box {float: right; display: inline-block;}
.right_box .inner {display: inline-block; text-align: right;}
.right_box .inner div {position: relative;display: inline-block;}

.right_box .select_box {
	margin: 2px 0px;padding: 0px 30px 0px 10px;width: 100%;max-width: 180px; height:45px;line-height: 45px;border: 1px solid #ccc;
	appearance: none;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;
	background-color: #fff;vertical-align: middle
}
.right_box .select_box {text-align: left;}

.right_box .select_box.w01,
.right_box .select_box.w02,
.right_box .select_box.w03,
.right_box .select_box.w04 {padding: 0px 10px 0px 10px;width: 100%;max-width: 180px;}

.right_box .select_box.w01 select {width: 150px;}
.right_box .select_box.w02 select {width: 120px;}
.right_box .select_box.w04  {width: 100px;}
.right_box .select_box.w04 select {width: 150px;}

.tab_wrap .right_box .select_box.w120 {width: 120px;max-width: 120px;}
.tab_wrap .right_box select#search_sel {border:0;}
.tab_wrap .right_box select#keyword_sel {border:0;}

.right_box .select_box select {font-size: 14px;}

.right_box .input_box {padding-right: 85px;}
.right_box #input_sel {margin-left:-1px; padding:0px 8px; width:180px; height:45px; line-height:45px; border:1px solid #ccc}
.right_box input::placeholder {font-size: 14px;}

.right_box .input_box {position:relative; display:inline-block; margin:2px 0px;}
.right_box .input_box input[type=submit] {position:absolute; right:0px; top:0px;padding-right:113px}


.btn-search {width:80px; height:45px; line-height:40px; border-width:0px; background:#333; color:#fff; font-size:16px;}
.right_box .btn-search {position: absolute;right: 0px;top: 0px;}
.left_box *, .right_box * {box-sizing:border-box;}

@media screen and (min-width:1000px) {
	.content_search .inner .select_box {width: auto;margin-right: 5px;}

	.tab_wrap .right_box .select_box.w120 {max-width: 100%;}

	.right_box .select_box.w01 {width: 28%;}
	.right_box .select_box.w02 {width: 25%;}

	.right_box .select_box.w03 {width: 19%;}
	.right_box .select_box.w04 {width: 31%;}
}

@media screen and (max-width:1000px) {
	.left_box, .right_box {float: none; width: 100%;}
	.right_box .inner {width: 100%;}
	.left_box .total {padding-top:0; padding-bottom: 20px;}
	.right_box .select_box {width: 100%;max-width:100%;}
	.right_box .select_box #search_sel {max-width: 1000px;}
	.right_box .input_box {width: 36%; padding-right: 9.5%;}
	.right_box #input_sel {margin-left:0;margin-right:1%;width:100%; max-width: 1000px;}
	.right_box .input_box #input_sel input {width:80%}
	.right_box .input_box .btn-search {width: 25%;}
	.right_box .select_box.w01 {width: 30%;}
	.right_box .select_box.w02 {width: 23%;}
	.right_box .select_box.w03 {width: 30%;}
	.right_box .select_box.w04 {width: 50%;}
	.right_box .select_box.w03 #keyword_sel,
	.right_box .select_box.w04 #keyword_sel {width:95%;}

}

@media screen and (max-width:640px) {
	.tab_wrap .right_box .select_box.w120 {width: 100%;max-width: 100%;}
	.tab_wrap .right_box .select_box.w120 #search_sel {width: 100%;min-width:280px;max-width: 300px;}
	.w120 {width: 99% !important;}

	#container .main_content03 .learning_list > ul > li:nth-child(4) ~ li {display:none;}
	.right_box .select_box.w01,
	.right_box .select_box.w02 {display:inline-block; width: 49%;max-width: unset;}
	.right_box .select_box.w02 {padding: 0px 25px 0px 10px;}

	.right_box .select_box.w03,
	.right_box .select_box.w04 {display:inline-block; width: 49%;max-width: unset;}

	.right_box .input_box {width: 99%; padding-right: 26%;}
	.right_box .select_box #search_sel {width:100%;}

	.right_box .select_box.w03 #keyword_sel {width:95%;}
	.right_box .select_box.w04 #keyword_sel {width:95%;}
}


.board_list {margin:0; padding:0;}
.board_list .edu_list {border:1px solid #ddd; border-bottom-width:0;font-size: 12px;color: #222;box-sizing: border-box;}
.board_list .edu_list strong {font-size:16px; font-weight: bold; color: #fff;}



#tab-1 .edu_list {background-color: #2c3748;}
#tab-1 .edu_list.bg01 {background-color: #2c3748;}
#tab-1 .edu_list.bg02 {background-color: #495b77;}
#tab-1 .edu_list.bg03 {background-color: #6980a3;}
#tab-2 .edu_list {background-color: #364357;}
#tab-3 .edu_list {background-color: #3f4f67;}
#tab-4 .edu_list {background-color: #495b77;}
#tab-5 .edu_list {background-color: #536787;}
#tab-6 .edu_list {background-color: #5c7397;}
#tab-7 .edu_list {background-color: #6980a3;}

#tab-2 #tab-3 .edu_list {background-color: #2c3748;}
#tab-2 #tab-4 .edu_list {background-color: #364357;}
#tab-2 #tab-5 .edu_list {background-color: #3f4f67;}
#tab-2 #tab-6 .edu_list {background-color: #495b77;}
#tab-2 #tab-7 .edu_list {background-color: #536787;}
#tab-2 #tab-8 .edu_list {background-color: #5c7397;}
#tab-2 #tab-9 .edu_list {background-color: #6980a3;}



.board_list .edu_tit .title > a,
.board_list .edu_info > li {display: inline-block; max-width: 92%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size: 15px;color: #222;}

.board_list .edu_info > ul {overflow: hidden;}
.board_list .edu_info > ul > li {float: none; margin-right: 0;font-size: 16px;}

.board_list .edu_info > ul > li strong {position: relative;display: inline-block;padding-left: 10px;}
.board_list .edu_info > ul > li strong:before {display: block;content: '';position: absolute;left: 0px;top: 49%;width: 3px;height: 3px;background: #ccc;}
.board_list .edu_info > ul > li span {display: inline;}

.board_list .edu_num {position: absolute; right: 0; top: 17px;width: 115px;height: calc(100% - 45px);border-left: 1px dashed #d7d7d7;text-align: center;}

.board_list > .edu-cnt {overflow: hidden;margin-bottom: 8px;font-size: 0;}
.edu-cnt {padding-top:45px;}

.board_list .edu-cnt > li {display: inline-block;font-size: 13px;}
.board_list .edu-cnt > li > span {display: block;}

.board_list .edu-cnt > li > .t,
.board_list .edu-cnt > li > .n {font-size: 15px;margin-bottom: 1px;color: #333;}

.board_list .edu-cnt > li strong a {font-size: 16px;font-weight: bold;}

.board_list .edu-cnt > li:first-child {padding-right: 1px;}
.board_list .edu-cnt > li:first-child + li > .t,
.board_list .edu-cnt > li:first-child + li > .n {position: relative;}

.board_list .edu-cnt > li:first-child + li > .t::before,
.board_list .edu-cnt > li:first-child + li > .n::before {display: inline-block;content: "/";width: 20px;height: 20;margin-right: 10px;}

.board_list .edu-cnt > li:first-child .n strong {color: #666;}
.board_list .edu-cnt > li:last-child .n strong {color: #2d8bcf;}

.board_list .edu-cnt li .btn_01,
.board_list .edu-cnt li .btn_02 {
	display: inline-block; padding:4px 8px; font-size: 12px; text-align: center;
	min-width:100px; max-width:120px; height: 30px; line-height: 30px;color: #fff; white-space: nowrap;
}

.board_list .edu-cnt li .btn_01 {background-color: #666; margin-bottom: 5px;}
.board_list .edu-cnt li .btn_02 {background-color: #0469b4;}

.board_list .edu_tit {position: relative;}
.board_list .edu_tit .title > * {vertical-align: top;}
.board_list .edu_tit .edu_type_box {display: inline-block;text-align: center;border-style: solid;border-width: 3px;border-radius: 15px;}

.board_list .edu_tit .edu_type_box {border-color: #91a7ff; color: #91a7ff;}
.board_list .edu_tit .edu_type_box.type2 {border-color: #f03e3e; color: #f03e3e;}
.board_list .edu_tit .edu_type_box.type3 {border-color: #4263eb; color: #4263eb;}
.board_list .edu_tit .edu_type_box.type4 {border-color: #495057; color: #495057;}
.board_list .edu_tit .edu_type_box.type5 {border-color: #364fc7; color: #364fc7;}


.board_list .edu_tit .edu_type_box.color.type2 {background-color: #f03e3e; color: #fff;}
.board_list .edu_tit .edu_type_box.color.type3 {background-color: #4263eb; color: #fff;}


.board_list .edu_tit .edu_type_box.color.type2,
.board_list .edu_tit .edu_type_box.color.type3 {display: none;}


@media screen and (min-width:1000px) {
	.board_list {position: relative; display: table; padding: 0;width: 100%;table-layout: fixed;border: 1px solid #d7d7d7;}

	.board_list .num_list {
		display: table-cell;width: 100px; padding: 0 10px; background: #f5f5f5; border-right: 1px solid #ddd;
		font-size: 16px;font-weight: 600;vertical-align: middle; text-align: center;
	}
	.board_list .edu_list {display: table-caption;}
	.board_list .edu_tit {display: table-cell;}

	.board_list .edu_tit {width: 100%;padding: 20px 25px;vertical-align: top;}
	.board_list .edu_tit .title {max-width:80%;margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #ddd;}
	.board_list .edu_tit .edu_type_box {margin-left: 5px;padding: 0 10px;min-width: 120px;font-size: 14px;font-weight:600;height: 24px;line-height: 21px;}

	.board_list .edu_tit .title > * {vertical-align: middle;}

	.board_list .edu_tit .title > a,
	.board_list .edu_info > li {font-size: 18px;}


	.board_list {margin: 20px 0;}
	.board_list .title > a {max-width: 78%;}

	.board_list .edu_list {width: 100%;padding: 10px 20px; vertical-align: middle;text-align: left;}
	.board_list .edu_list strong {font-size:18px;}

	.board_list .edu_info > ul > li {position: relative; float: left; margin-right: 20px;padding:5px 0;}
	.board_list .edu_info > ul > li:nth-child(2) {float: none !important;}
	.board_list .edu_info > ul > li span {display: inline-block;}

	.board_list .edu_num {display: block;top: 50px;width: 160px;height: calc(100% - 60px);}

	.board_list .edu_tit .title {position: relative;}
	.board_list .edu_tit .edu_type_box {position: absolute;top: 0;right: 10px;}
}

@media screen and (max-width:1000px) {
	.board_list {margin-bottom: 20px;border: 1px solid #ddd;}
	.board_list .edu_list,
	.board_list .edu_tit {padding: 10px 20px;}
	.board_list .num_list {display: none;}

	.board_list .edu_list strong {font-size: 18px;}

	.board_list .edu_tit .title a {font-size:18px;max-width: 70%;}
	.board_list .edu_tit .edu_type_box {position: absolute;top:5px;right: 15px;min-width: 80px;}

	.board_list .title {margin-bottom:10px;}

	.board_list .edu-cnt,
	.board_list .edu_num {display: none;}

	.board_list .edu_tit .edu_type_box.color.type2,
	.board_list .edu_tit .edu_type_box.color.type3 {display: block;}
}


.board_write{margin:30px 0; border-top:2px solid #0469b4;}
.board_write ul li{padding:12px 7px 15px; border-bottom:1px solid #ddd}
.board_write ul li.title{border-bottom:1px solid #333}
.board_write ul li dl{display:table; width:100%}
.board_write ul li dl dt{display:table-cell; font-weight:bold; color:#333; font-size:16px; width:20%}
.board_write ul li dl dt span{font-weight:normal}
.board_write ul li dl dt span.ps{display:inline-block; font-size:14px}
.board_write ul li dl dt span.ps:before{display:inline-block; content:''; margin:-1px 5px 0px 9px; width:2px; height:12px; background:#aaa; vertical-align:middle }
.board_write ul li dl dd{display:table-cell; margin-top:12px}

.board_write ul li.readonly dl dt,
.board_write ul li.readonly dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write ul li.oneline dl dt,
.board_write ul li.oneline dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write input[type=file]{margin:1px; padding:6px 5px; width:50%; height:40px; border:1px solid #ccc; vertical-align:middle;  box-sizing:border-box}
.board_write input[type=text],
.board_write input[type=password]{margin:1px; padding:0px 5px; height:40px; line-height:40px; width:100%; border:1px solid #ccc; vertical-align:middle; background:#fff; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
.board_write input[type=radio],
.board_write input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.board_write select{vertical-align:middle; margin:2px 0px; padding:6px; min-width:120px; height: 40px; line-height: 40px;}
.board_write textarea{padding:10px; width:100%; border:1px solid #ccc; box-sizing:border-box}
.board_write img{vertical-align:middle}
.board_write label {margin-right: 5px;}

.board_write #box input[type=text] {width: 95%;}

.board_write #box input[type=button] {margin-left: 5px;font-size:24px;}
.board_write label input[type=date] {
	margin: 1px; padding: 0px 5px; height: 40px; line-height: 40px; border: 1px solid #ccc;
	vertical-align: middle; background: #fff; box-sizing: border-box;appearance: none; -moz-appearance: none;
	-webkit-appearance: none; -o-appearance: none; -ms-appearance: none;
}

.board_write #box p {margin: 5px 0;}

.board_write input[type=text]#title {width:85%;}
.board_write input[type=text]#Datepicker {margin: 1px; padding: 0px 5px; width:20%;height: 40px; line-height: 40px; border: 1px solid #ccc;
	vertical-align: middle; background: #fff; box-sizing: border-box;appearance: none; -moz-appearance: none;
	-webkit-appearance: none; -o-appearance: none; -ms-appearance: none;}
.board_write .ui-datepicker-trigger {margin-left: -30px;margin-right: 10px;}


.board_write input[type=text]#Datepicker_start,
.board_write input[type=text]#Datepicker_end,
.board_write input[type=text]#datepicker_start,
.board_write input[type=text]#datepicker_end {width: 20%;}


.ui-datepicker-div {z-index: 999;}
.ui-datepicker-calendar tbody tr td {display: table-cell;float: none;}

.board_write .board_check {margin-left: 5px;}

.box_wrap {text-align: center;}
.box_wrap * {box-sizing: border-box;}
.btn_list.center {float:none; display:inline-block; text-align: center;}

.personal_info input[type=text]#Datepicker {margin: 1px; padding: 0px 5px; width:20%;height: 40px; line-height: 40px; border: 1px solid #ccc;
	vertical-align: middle; background: #fff; box-sizing: border-box;appearance: none; -moz-appearance: none;
	-webkit-appearance: none; -o-appearance: none; -ms-appearance: none;}
.personal_info .ui-datepicker-trigger {margin-left: -30px;margin-right: 10px;}



@media screen and (max-width:1000px) {
	.board_write input[type=text]#title {width:100%;}
}

@media screen and (max-width:640px) {
	.board_write select {min-width: 148px;}
	.board_write #datepicker,
	.board_write #cate1,
	.board_write #cate2 {width: 100% !important;}

	.board_write input[type=text]#Datepicker {width:100%;}
}

textarea, select {border: 1px solid #c9c9c9; background: #fff;}

.need{font-size:0.93em; color:#a50e0e}
.chkList li{display:inline-block; padding:0px !important; margin-left:3%; border:0px !important}
.chkList li:first-child{margin-left:0%}
.chkList.line1 li{display:block; margin-left:0%}
.chkList li input:checked+label{font-weight:bold; color:#333}
.chkList li input[type=radio],
.chkList li input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px}
/*
.paging {margin-top: 10px; margin-bottom: 30px; text-align: center; box-sizing: border-box;}
.paging * {box-sizing: border-box;-webkit-box-sizing: border-box;}

.paging .num {display: inline-block;height: 28px;line-height: 28px;}

.paging a {display: inline-block;margin: 0;padding: 0 11px;height: 28px; line-height: 28px;font-size: 13px; color: #999;text-decoration: none; border: 0;background-color: #f9f9f9;box-shadow: none; transition-duration: .3s;}

.paging a:hover,
.paging strong {display: inline-block;margin: 0;padding: 0 11px; height: 28px; line-height: 28px; font-size: 13px; border: 0;color: white; background-color: #666; border-radius: 20px;}
*/

@media screen and (max-width:640px) {
	.paging {margin-bottom: 50px;}
	.paging .num a:nth-child(5) ~ a {display:none;}
}

.course_table {border-top:2px solid #979797;width:100%;margin-bottom:30px;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
.course_table tbody th {background-color:#f7f7f7;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;font-size:16px;font-weight: bold;text-align:left;padding:15px;vertical-align:middle;color:#333;}
.course_table tbody td {border-bottom:1px solid #e4e4e4;font-size:16px;text-align:left;padding:15px;vertical-align:middle;border-right:1px solid #e4e4e4}
.course_table a {color:#0469b4;}
.course_table .pic {height: fit-content;}
.course_table .pic img {height: 100%;margin-bottom: 10px;}

.info_box {margin:30px 0;}

.board_inner {display:inline-block;margin-top: 30px;}

.personal {position: relative;padding-left: 22px;}
.personal .title {margin-bottom:10px;font-size: 20px;}
.personal .title:before {display: block;content: '';position: absolute;left: 0;top: 7px;width: 8px;height: 8px;border: 4px solid #228be6;border-radius: 50%;box-sizing:content-box;}

.personal_info {border-top:2px solid #979797;width:100%;margin-bottom:30px;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
.personal_info tbody th{background-color:#f7f7f7;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;font-size:16px;font-weight: bold;text-align:left;padding:15px;vertical-align:middle;color:#333;}
.personal_info tbody td{border-bottom:1px solid #e4e4e4;font-size:16px;text-align:left;padding:15px;vertical-align:middle;border-right:1px solid #e4e4e4}
.personal_info a{color:#0469b4;}

.personal_info tbody tr td > input[type=text],
.personal_info tbody tr td > input[type=number],
.personal_info tbody tr td > input[type=password] {box-sizing: border-box;width:100%;max-width: 100%;height: 30px;margin: 2px 0;padding: 0 5px;border: 1px solid #ddd;font-size: 14px;vertical-align: middle;}

.personal_info tbody tr td > label #s_v1 {box-sizing: border-box;width:20%;max-width: 100%;height: 30px;margin: 2px 0;padding: 0 5px;border: 1px solid #ddd;font-size: 14px;vertical-align: middle;}
.personal_info tbody tr td > label #s_v3 {box-sizing: border-box;width:90%;max-width: 100%;height: 30px;margin: 2px 0;padding: 0 5px;border: 1px solid #ddd;font-size: 14px;vertical-align: middle;}
.personal_info tbody tr td > label input[type=tel] {box-sizing: border-box;width:20%;height: 30px;margin: 2px 0;padding: 0 5px;border: 1px solid #ddd;font-size: 14px;vertical-align: middle;}
.personal_info tbody tr td > label input[type=date] {box-sizing: border-box;height: 30px;margin: 2px 0;padding: 0 5px;border: 1px solid #ddd;vertical-align: middle;}


@media screen and (max-width:1000px) {
	.personal_info tbody tr td > label #s_v1,
	.personal_info tbody tr td > label #s_v3 {width: 100%;}
	.personal_info tbody tr td > label input[type=tel] {width: 30%;}
	.personal_info tbody tr td > label input[type=date] {width: 100%;}
}

@media screen and (max-width:600px) {
	.personal_info tbody tr td > label #s_v1 {width: 50%;}
	.personal_info tbody tr td > label #s_v3 {width: 100%;}
	.personal_info tbody tr td > label input[type=tel] {width: 20%;}
}

.terms {margin-top: 30px;}

.agree_wrap .title {position: relative;padding-left: 22px;font-size: 18px;margin-bottom:10px;}
.agree_wrap .title:before {display: block;content: '';position: absolute;left: 0;top: 4px;width: 8px;height: 8px;border: 4px solid #228be6;border-radius: 50%;}
.agree_wrap .agree {padding:10px;background:#f6f6f6}
.agree_wrap .agree_box {display:block;overflow:auto;height:150px;padding:12px;border:1px solid #ddd;background:#fff;-webkit-overflow-scrolling:touch}
.agree_wrap .agree_box h5 {margin:40px 0 0;padding:0;font-size:14px;font-weight:600;color:#000}
.agree_wrap .agree_box h5:first-child {margin-top:0}
.agree_wrap .agree_box p,
.agree_wrap .agree_box ul,
.agree_wrap .agree_box ol {margin:15px 0 0;padding:0;font-size:14px;list-style-type:none}
.agree_wrap .agree_box li {margin-top:10px;padding-left:10px}
.agree_wrap .agree_box p {padding-left:10px}

.agree_wrap .agree_check_box {margin:10px 0 0}
.agree_wrap .agree_check_box:after {content:'';display:block;clear:both}
.agree_wrap .agree_check_box span {display:inline-block;line-height: 14px;}
.agree_wrap .agree_check_box input {float:left}
.agree_wrap .agree_check_box label {float:left;margin-left:5px;font-size:12px;color:#333;cursor:pointer}
.agree_wrap .agree_check_box input[type=radio] {-webkit-appearance: radio;}
.agree_wrap .agree_check_box input[type=checkbox] {display:none}

.btn_wrap {margin-top:30px;margin-bottom:80px;}
.btn_list {float: left;}
.btn_edu {float: right;}

.btn_list.center {float:none;display:inline-block;text-align: center;}

.btn_type1,
.btn_type2 {
	box-sizing:border-box;display:inline-block;position:relative;height:45px;margin:0;padding:12px 30px;
	background:#dfdfdf;font-size:13px;color:#5f5f5f;font-weight:bold;line-height:21px;cursor:pointer
}


.btn_type1:hover:before,
.btn_type2:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)}

.btn_type1.highlight {background:#4e4e4e;color:#ffffff}
.btn_type2.highlight {background:#228be6;color:#ffffff}

.btn_type1.highlight:hover:before,
.btn_type2.highlight:hover:before {background:rgba(255, 255, 255, .15)}

.btn_add {margin:30px 0; text-align: center;}
.btn_add a {
	display: inline-block;margin: 0;padding: 0 15px; height: 30px; line-height: 30px;font-size: 14px; font-weight: normal;
	letter-spacing: normal;color: #fff;background: #1a93c4; border: 0;border-radius: 5px; text-decoration: none !important;
	cursor: pointer;vertical-align: middle;text-shadow: none;box-shadow: none;transition-duration: .3s;box-sizing: content-box;
}
@media screen and (max-width:640px) {
	.btn_wrap {margin-bottom: 50px;width: 100%}
	.btn_list, .btn_edu {float: none;display:inline-block;width: 48%;}
	.btn_type1.highlight, .btn_type2.highlight {width: 100%;text-align: center;}

	.box_wrap .btn_list.center {width: 48%;}
}

.img_tit {overflow:hidden;padding:50px 0;}
.img_tit:after {content:''; display:block; clear:both;}
.img_tit * {box-sizing:border-box;}
.img_tit .img_inner {width: 100%;}
.img_tit .item {float:left; position:relative;}
.img_tit .item a {display:block; text-decoration:none;}
.img_tit .figure {display:block;}
.img_tit .figure img {max-width:100%; vertical-align:bottom;}
.img_tit .caption {display:block; text-align:center;word-break:keep-all;}
.img_tit .caption .caption_inner {display:block; padding:10px;}
.img_tit .caption .caption_inner > span {display:block; line-height:1.4em;}
.img_tit .caption .caption_inner > span.subject {font-size:14px; font-weight:600;color:#777777;}

@media (min-width: 1024px){
	.img_tit .item {width:25%;padding:0 10px 10px;}
	.img_tit .caption .caption_inner {padding:20px;}
}

@media (max-width: 1023px){
	.img_tit.col_m2 .item {width:50%;}
	.img_tit .item {width:25%;padding:0 10px 15px;}
}


.detail h1 {margin-bottom: 30px;padding: 0;color: #333;font-size: 22px;line-height: 30px;text-align: left;word-break: keep-all;}

.hgroup * {box-sizing: border-box;}

.hgroup {border-top: 2px solid #666; border-bottom: 1px solid #999;}

.hgroup > ul {font-size: 15px;list-style: none;}

.hgroup > ul > li {position: relative;color: #666;font-size: 12px;}
.hgruop > ul > li:last-child {width: 100%;}

.hgruop > .col1 > li:not(:first-child),
.hgruop > .col2 > li:not(:first-child) {border-bottom: 1px solid #999;}

.hgroup > .col1 {width: 100%;}
.hgroup > .col1 li {float:left; width: 50%;}

.hgroup > .col2 {margin-top:0;border-top: 1px solid #d7d7d7;}

.hgroup > ul > li .title {
	padding: 15px 20px;width: 150px;min-width: 150px;font-size: 15px; float: left;
	font-weight: bold;color: #5a5a5a;text-align: left;
}
.hgroup > ul > li .detail {padding: 15px 20px;font-size: 15px;float: left;color: #5a5a5a;}

.hgroup > ul > li span {vertical-align: middle;}

.detail .conbody {margin: 30px 10px;font-size: 16px;color: #444;line-height: 1.5em;min-height: 180px;}

.row * {box-sizing: border-box;}
.row {border-top: 1px solid #666;border-bottom: 1px solid #999;}
.row.next {border-top-width: 0;}
.row > ul {width: 100%;float: left;}

.row > .title {
	padding: 15px 20px;width: 150px;min-width: 150px;font-size: 15px; float: left; cursor: pointer;
	border-right: 1px solid #d7d7d7;font-weight: bold;color: #5a5a5a; background-color: #f5f5f5;text-align: left;
}
.row > .detail {
	padding: 15px 20px;font-size: 15px;float: left;color: #5a5a5a;cursor: pointer;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.btngroup {padding: 15px 0; text-align: center; width: 100%; margin: 30px 0 50px;}
.btngroup .left {float: left;}
.btngroup .right {float: right;}

.btngroup .ui-button {
	position: relative;display: inline-block;zoom: 1;margin: 0;padding: 0 15px;height: 30px;line-height: 30px;font-size: 13px;font-weight: normal;
	letter-spacing: normal;color: white !important;background: #666 !important;border: 0;border-radius: 5px;text-decoration: none !important;
	cursor: pointer;vertical-align: middle;text-shadow: none;box-shadow: none;box-sizing: content-box;
}

@media (max-width: 640px){
	.hgroup > ul > li .title,
	.hgroup > ul > li .detail {padding:10px 15px;}

	.hgroup > ul > li .title {width:130px;min-width: 130px;}

	.hgroup > .col1,
	.hgroup > .col1 > li {float:none; width: 100%;}

	.hgroup > .col2 {border-top:0;}

	.row > li {width: 100%;}
	.row > .title,
	.row > .detail {float:none; display: inline-block; width: 100%; padding:10px 15px;}

	.btngroup {padding: 0}
}
.greet_sign div * {vertical-align: top;}

.greet_txt {margin:30px 0;}
.greet_txt p {font-size: 18px; color: #333; line-height: 1.7em; word-break: keep-all;}
.greet_sign {text-align: right;margin-top:30px;margin-bottom:50px;}
.greet_sign p {font-size: 16px; color: #333; line-height: 1.7em; word-break: keep-all;}

@media (max-width: 640px){
	.greet_txt p {font-size: 16px;}
	.greet_sign p {font-size: 14px;}
}

.tab-content .contents {margin-bottom: 50px}
.iksan_tit {padding-left:30px;}

.iksan_box .title {
	position:relative;display: inline-block; font-size: 24px;font-weight:600;
	line-height: 1.7em; color: #339af0;margin-bottom: 20px;
}

.iksan_tit .title:before {
	display: block;content:'';
	position: absolute;left: -25px; top: 10px; width: 10px; height: 10px;
	border: 4px solid #228be6;border-radius: 50%;box-sizing:content-box;
}

.iksan_box p {font-size: 16px;line-height: 1.7em;letter-spacing: -.05em;}


.iksan_box .blue_line {
	display: block;margin: 30px 0;border:2px solid #d0ebff;
}

@media (max-width: 640px){
	.iksan_box .title  {font-size: 20px;}
	.iksan_tit .title:before {top:8px;}
	.iksan_box p {font-size: 14px;}
}

#map {margin-bottom: 30px;}
.address_ul {margin:30px 0;}
.address_ul li {font-size: 16px;line-height: 1.7em;letter-spacing: -.05em;}

.class_info {margin-top:30px;}

#mid_content .depth1_list {width: 100%;}
#mid_content .depth1_list > .depth1_item {float:left; width: 50%;min-height: 400px;margin-bottom:30px;}
#mid_content .depth1_list > .depth1_item .depth1_text {
	display: block; line-height: 25px; padding: 15px 0 15px 5px;
	margin-right: 30px; font-size: 20px; font-weight:600; border-bottom: 2px solid #0c5fcb;
}


#mid_content .depth2 .depth2_list{padding: 10px 0 20px 10px; margin-right: 30px; border-bottom: 1px solid #e1e1e1;}
#mid_content .depth1_list > .depth2_item {
	display: block; line-height: 20px; padding: 15px 0 15px 5px;border-bottom: 1px solid #e1e1e1;
}

#mid_content .depth2_list .depth2_item a {display: block; line-height: 20px; padding: 5px 0; font-size: 16px;}


#mid_content .depth2_list > .depth2_item .depth2_text:before {display: inline-block;width: 20px;text-align: center; content: "-";}

#mid_content .depth1_list > .depth1_item a:nth-child(3),
#mid_content .depth1_list > .depth1_item a:last-child {margin-right:0;}

@media (max-width: 1000px){
	#mid_content .depth1_list > .depth1_item {width: 50%;min-height: auto;}
}

.process_box {margin:30px 0;}
.process_box * {box-sizing: border-box;}
.process_box .process_list {margin-left:-60px;}
.process_box .process_list .item {position:relative;float:left; width:20%; margin-top:30px; padding-left:55px; text-align:center;}
.process_box .process_list li + li:before {position:absolute;display:inline-block; left:25px; width:8px;height:140px;background: url('/resource/edu2021/images/sub/r_arrow.png') no-repeat 0 50%;}
.process_box .process_list .item:nth-child(-n + 5) {margin-top:0;}

.box.line2 {border-radius: 50%; border: 6px solid #5aa6d8;}

.process_box .process_list .item .img_area {width:140px;height:140px; padding:0; margin:0 auto;}
.process_box .process_list .item .img_area:after {display:inline-block; content:''; height:100%; vertical-align:middle;}
.process_box .process_list .item .img_area img {vertical-align:middle;}
.process_box .process_list .item .info_area {display:inline-block;margin-top:30px;}
.process_box .process_list .item .info_area .title {display:inline-block;font-size: 18px;font-weight: 600;color:#666;line-height: 1.5em;}
.process_box .process_list .item .info_area .content {display:block;margin-top:5px;font-size:12px}

@media (max-width: 1168px){
	.process_box .process_list .item .img_area {height:110px;width: 110px;}
}

@media (max-width: 1023px){
	.process_box .process_list {margin-left:-30px;}
	.process_box .process_list .item {width:33.333%;padding-left: 30px;}

	.process_box .process_list .item .img_area {width:244px;height:244px;}
	.process_box .process_list .item .info_area .content {font-size:14px}
	.process_box .process_list .item:nth-child(3n) {margin-bottom: 30px;}

	.process_box .process_list li + li:before {display: none;}
}

@media (max-width: 767px){
	.process_box .process_list .item {width:50%;}
	.process_box .process_list .item:nth-child(2n) {margin-bottom: 30px;}
	.process_box .process_list .item:nth-child(3n) {margin-bottom: 0;}

	.process_box .process_list .item .img_area {width:165px;height: 165px;}
	.process_box .process_list .item .info_area {margin-top:15px;}
	.process_box .process_list .item .info_area .title {font-size: 16px;}
	.process_box .process_list .item .info_area .content {font-size:14px}
}

@media (max-width: 467px){
  .process_box .process_list{margin-left:0;}
  .process_box .process_list .item {width:80%;margin:0 auto 20px;float: none;padding-left: 0;}
  .process_box .process_list .item:nth-child(2n) {margin-bottom: 20px;}
  .process_box .process_list .item:nth-child(3n) {margin-bottom: 20px;}
  .process_box .process_list .item:last-child {margin-bottom: 0;}
}

#shape_box {margin:30px 0; display: inline-block; text-align:center; vertical-align: top;}
#shape_box * {box-sizing: border-box;}
#shape_box .shape_text {display:inline-block;vertical-align:top;}
#shape_box .shape_text div:nth-child(-n + 5) {margin-top:0;}

.shape_text div {width: calc(16.666% - 20px); max-width: 100%; display:table; height:130px; font-size:0}
.shape_text p {
	display:table-cell;overflow:hidden;margin:0;padding:15px 20px;box-sizing:border-box;
	border:6px solid #35b1d6;font-size:20px;font-weight:bold;color:#35b1d6;
	letter-spacing:-.03em;line-height:1.5em;vertical-align:middle;text-align:center;
}

.shape_text.round p {border-radius:50%}



@media all and (min-width:1024px){
	#shape_box {width:100%;}
	.shape_text div {margin: 0 10px;}
	.shape_text p {font-size:20px}
}

@media all and (max-width:1200px){
  .shape_text div{margin:0 6px;width: calc(16.666% - 12px);}
}

@media all and (max-width:1200px){
	#shape_box .shape_text {margin-left:0;}
	.shape_text div {width: 100%;}
	#shape_box div:nth-child(3n) {margin-bottom: 30px;}

	.shape_text {width:30%; margin: 0px 10px;}
	.shape_text div {height: 227px;padding-left:30px;}

}

@media all and (max-width:767px){
	#shape_box div:nth-child(2n) {margin-bottom: 30px;}
	#shape_box div:nth-child(3n) {margin-bottom: 0;}

	.shape_text {width:45%;}
	.shape_text div {width:100%;height: 160px;padding-left:0px;}
}

.arrow_img {text-align: center;}

.round_box {padding: 15px 20px;border: 4px solid #ddd; border-radius: 20px; background-color: #fff; margin-top:20px;}
.round_box .box_text {font-size:20px; font-weight:600; text-align: center; line-height: 1.5em;}


.ico_box {display: inline-block;}
.ico_box_list * {box-sizing: border-box;}
.ico_box_list ul li {
	float:left; width: calc(20% - 20px); margin:0 10px; padding:100px 0px 30px; text-align:center; max-height: 160px;
	border-radius:10px; background-color:#fff; border:4px solid #5aa6d8; background-repeat:no-repeat; background-position:center 30px;
}
.ico_box_list li:nth-child(5n) {margin-bottom: 30px;}

.ico_box_list ul li p {margin-top: 10px;}
.ico_box_list ul li p span {display:block; font-size:16px; font-weight:600; color:#2c2865; line-height:1.6em;}

.ico_box_list ul li.edu01 {background-image:url(/resource/edu2021/images/sub/ico01.png);}
.ico_box_list ul li.edu02 {background-image:url(/resource/edu2021/images/sub/ico02.png);}
.ico_box_list ul li.edu03 {background-image:url(/resource/edu2021/images/sub/ico03.png);}
.ico_box_list ul li.edu04 {background-image:url(/resource/edu2021/images/sub/ico04.png);}
.ico_box_list ul li.edu05 {background-image:url(/resource/edu2021/images/sub/ico05.png);}
.ico_box_list ul li.edu06 {background-image:url(/resource/edu2021/images/sub/ico06.png);}
.ico_box_list ul li.edu07 {background-image:url(/resource/edu2021/images/sub/ico07.png);}
.ico_box_list ul li.edu08 {background-image:url(/resource/edu2021/images/sub/ico08.png);}
.ico_box_list ul li.edu09 {background-image:url(/resource/edu2021/images/sub/ico09.png);}

@media all and (max-width:1023px){
	.ico_box_list li:nth-child(5n) {margin-bottom: 10px;}

	.ico_box_list ul li {width: 100%;margin: 0 0 10px 0;padding: 20px 10px 20px 90px;text-align: left;background-size: 60px;background-position: 15px center;}

  	.ico_box_list ul li p {margin-top:0;}
	.ico_box_list ul li p span {display:block;font-size: 16px;color:#666;line-height:1.6;}
}

.ico_box02 {display: inline-block;width: 100%;height:100%;max-width: 100%;}
.ico_box02 .ico_box_list * {box-sizing: border-box;}
.ico_box02 .ico_box_list ul li {
	position: relative; float:left; display: flex;align-items: center;justify-content: center;width: calc(25% - 20px); margin:0 10px; padding:100px 0px 30px; text-align:center; max-height: 200px;
	border-radius:10px; background-color:#fff; border:4px solid #5aa6d8; background-repeat:no-repeat; background-position:center 30px;
}

.ico_box02 .ico_box_list li + li:before {
	position: absolute; display: inline-block; top:70px; right: 95%; width: 50px;height: 50px;
	background: url(/resource/edu2021/images/sub/box_arrow.png) no-repeat;
}

.ico_box02 .ico_box_list ul li p {margin-top: 20px;}
.ico_box02 .ico_box_list ul li p span {display:block; font-size:16px; font-weight:600; color:#666; line-height:1.5em;}

.ico_box02 .ico_box_list ul li.edu01 {background-image:url(/resource/edu2021/images/sub/ico02_01.png);}
.ico_box02 .ico_box_list ul li.edu02 {background-image:url(/resource/edu2021/images/sub/ico02_02.png);}
.ico_box02 .ico_box_list ul li.edu03 {background-image:url(/resource/edu2021/images/sub/ico02_03.png);}
.ico_box02 .ico_box_list ul li.edu04 {background-image:url(/resource/edu2021/images/sub/ico02_04.png);}

.ico_box03 .ico_box_list ul li {padding: 30px 20px;min-height: 200px;width: calc(16.6% - 20px);}
.ico_box03 .ico_box_list ul li p {margin-top: 0px;}

@media all and (max-width:1023px){
	.ico_box02 .ico_box_list li + li:before {display: none;}
	.ico_box02 .ico_box_list li:nth-child(2n) {margin-bottom: 10px;}
	.ico_box02 .ico_box_list ul li p {margin-top: 0px;}

	.ico_box02 .ico_box_list ul li {width: 100%;margin: 0 0 10px 0;padding: 20px 10px 20px 90px;text-align: left;background-size: 60px;background-position: 15px center;}


	.ico_box02 .ico_box_list ul li p span {display:block;font-size: 16px;color:#666;line-height:1.6;}

	.ico_box03 .ico_box_list ul li {padding: 20px; text-align: center;min-height: 100px;}
}

.edu_box {display: inline-block; width: 100%;}
.edu_box .edu_box_list * {box-sizing: border-box;}
.edu_box .edu_box_list ul li {
	float:left; width: calc(20% - 20px); margin:0 10px; padding:80px 0px 30px; text-align:center; max-height: 160px;
	background-color:#f5f5f5; border-radius:50%;background-repeat:no-repeat; background-position:center 20px;
}
.edu_box .edu_box_list li:nth-child(5n) {margin-bottom: 30px;}

.edu_box .edu_box_list ul li p {margin-top: 10px;}
.edu_box .edu_box_list ul li p span {display:block; font-size:16px; font-weight:600; color:#666; line-height:1.5em;letter-spacing: -0.2em;}

.edu_box .edu_box_list ul li.edu01 {background-image:url(/resource/edu2021/images/sub/edu01.png);}
.edu_box .edu_box_list ul li.edu02 {background-image:url(/resource/edu2021/images/sub/edu02.png);}
.edu_box .edu_box_list ul li.edu03 {background-image:url(/resource/edu2021/images/sub/edu03.png);}
.edu_box .edu_box_list ul li.edu04 {background-image:url(/resource/edu2021/images/sub/edu04.png);}
.edu_box .edu_box_list ul li.edu05 {background-image:url(/resource/edu2021/images/sub/edu05.png);}


@media all and (max-width:1023px){

	.edu_box .edu_box_list ul li {margin: 0 5px;width: 48%;height: 160px; max-height: unset;border-radius: unset;}
	.edu_box .edu_box_list ul li:nth-child(2n){margin-bottom: 30px;}
	.edu_box_list ul li p span {display:block;font-size: 16px;color:#666;line-height:1.6;}
}

@media all and (max-width:640px){

	.edu_box .edu_box_list ul li {width: calc((100% - 20px) / 2);}
}

.txt_exp {font-size:12px;line-height: 1.5em;color:#999;}

.goal_box_list {display:inline-block;margin: 0 auto;}
.goal_box_list * {box-sizing: border-box;}
.goal_box_list > div {float: left;width: 20%;padding:5px;margin:30px 0;}
.goal_box .goal_top{position: relative; width: 90%; margin: 0 auto; padding-bottom: 85%; text-align: center; border-radius: 50%;}
.goal_box .goal_top ul {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 100%;height: 60%;}
.goal_box .goal_top ul li img {height: 65px;display: none;}
.goal_box .goal_top ul li h4 {padding: 10px 0 5px; font-size: 16px; font-weight: bold;}
.goal_box .goal_top ul li {font-size: 18px; color: #fff;}
.goal_box .goal_bot {padding-top: 20px;}
.goal_box .goal_bot ul li+li {margin-top: 10px;}
.goal_box .goal_bot ul li p {position: relative; padding-left: 10px; font-size: 14px; line-height: 1.6em; color: #333; word-break: keep-all;}
.goal_box .goal_bot ul li p:before {content: ''; display:block;position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #b8d3ea;}

.goal_box:nth-child(even) .goal_top {background: #74c0fc;}
.goal_box:nth-child(odd) .goal_top {background: #339af0;}

@media all and (max-width:1023px){
	.goal_box_list > div{width: 50%; min-height: 450px;}
	.goal_box .goal_top {padding-bottom: 75%;}
	.goal_box .goal_top ul {height: 50%;}

	.goal_box .goal_bot ul li p:before {display: none;}

}

@media all and (max-width:600px){
	.goal_box_list > div{width: 50%; min-height: 365px; max-height: auto;}

	.goal_box .goal_top {padding-bottom: 85%;}
	.goal_box .goal_top ul {height: 80%;}
	.goal_box .goal_top ul li img {height: 55px;/* display: none; */}
	.goal_box .goal_top ul li h4 {font-size: 14px; padding: 0 0 5px;}

}

.video_box {width: 100%;}
.video_box * {box-sizing: border-box;}

.video_box .item {float: left; display: table; position: relative; width: 100%; margin-bottom:30px; padding: 20px 10px; border-radius: 10px; background-color: #f6f6f6;}
.video_box .item:after {content:''; display:block; clear:both;}
.video_box .item a {display:block; text-decoration:none;}

.video_box .figure {display: table-cell;vertical-align: middle; width: 130px;margin: 0 auto; padding: 0;}
.video_box .figure img {max-width:100%; vertical-align:top;}

.video_box .caption span {display: block;}
.video_box .caption .subject {margin-bottom: 10px;font-size: 16px; font-weight: bold; color: #333;}
.video_box .caption .content {font-size: 12px; color: #777777; line-height: 1.5em;}

@media all and (min-width:1024px){
	.video_box .item {padding:25px 15px;}
	.video_box .figure {float:left; margin:0;}

	.video_box .caption {overflow:hidden; margin-top:0;}
	.video_box .caption > span {text-align:left;}
	.video_box .item {width: calc(50% - 20px);margin: 0 10px;}

	.video_box .caption .subject {font-size: 16px; font-weight: 600; color: #333;}
	.video_box .caption .content {color: #666;}
}

.intro_box {width: 100%;}
.intro_box * {box-sizing: border-box;}

.intro_box .item {float: left; display: table; position: relative; width: 100%; margin-bottom:30px; padding: 20px 10px; border-radius: 10px; background-color: #f6f6f6;}
.intro_box .item:after {content:''; display:block; clear:both;}
.intro_box .item a {display:block; text-decoration:none;}

.intro_box .figure {display: table-cell;vertical-align: middle; width: 110px;margin: 0 auto; padding: 0;}
.intro_box .figure img {max-width:100%; vertical-align:top;}

.intro_box .caption span {display: block;}
.intro_box .caption .subject {margin-bottom: 10px;font-size: 16px; font-weight: bold; color: #333;}
.intro_box .caption .content {font-size: 14px; color: #777777; line-height: 1.5em;}

@media all and (min-width:1024px){
	.intro_box .item {padding:25px 15px;}
	.intro_box .figure {float:left; margin:0;}

	.intro_box .caption {overflow:hidden; margin-top:0;}
	.intro_box .caption > span {text-align:left;}
	.intro_box .item {width: calc(50% - 20px);margin: 0 10px;}
	.intro_box .item:nth-child(2n) {margin-bottom: 20px;}

	.intro_box .caption .subject {font-size: 16px; font-weight: 600; color: #333;}
	.intro_box .caption .subject.sml {font-size: 15px;}
	.intro_box .caption .content {color: #666;}
}

.img_list_wrap * {box-sizing: border-box;}

.img_list_wrap > .img_list {float:left;width:calc(100% / 5);padding:0;margin:0;box-sizing:border-box;font-size:0;text-align:center;}
.img_list_wrap > .img_list:nth-child(5n+1){clear:both;}
.img_list_wrap > .img_list a{display:block;}
.img_list_wrap > .img_list p{display:inline-block;position:relative;width:70px;height:70px;line-height:70px;border-radius:50%;box-sizing:border-box;}
.img_list_wrap > .img_list p img{vertical-align:middle;}
.img_list_wrap > .img_list dl{position:relative;padding:10px;font-size:14px;}
.img_list_wrap > .img_list dl dt{margin-bottom:20px;color:#333;font-size:18px;font-weight:bold;}
.img_list_wrap > .img_list dl dd{margin:0;color:#666;font-size:16px;}

@media all and (max-width:1023px){
	.img_list_wrap > .img_list {width:calc(100% / 3);}
	.img_list_wrap > .img_list:nth-child(5n+1){clear:none;}
	.img_list_wrap > .img_list:nth-child(3n+1){clear:both;}
	.img_list_wrap > .img_list dl dt{margin-bottom:10px;font-size:18px;}
	.img_list_wrap > .img_list dl dd{font-size:16px;}

	.img_list_wrap > .img_list:nth-child(3n) {margin-bottom: 20px;}
}
@media all and (max-width:767px){
	.img_list_wrap > .img_list{width:calc(100% / 2);margin:0;padding:0;}
	.img_list_wrap > .img_list:nth-child(3n+1){clear:none;}
	.img_list_wrap > .img_list:nth-child(2n+1){clear:both;}

	.img_list_wrap > .img_list:nth-child(3n) {margin-bottom: 0px;}
	.img_list_wrap > .img_list:nth-child(2n) {margin-bottom: 20px;}
}

@media all and (min-width:1000px){
	.img_list_wrap > .img_list dl{margin-top:20px; padding-top:20px;}
	.img_list_wrap > .img_list dl:before{
		content:'';display:block;position:absolute;top:0;left:0;right:0;margin:-4px auto 0;
		width:8px;height:8px;border-radius:50%;background:#ddd;
	}
	.img_list_wrap > .img_list dl:after{
		content:'';display:block;position:absolute;
		top:0;left:0;width:100%;height:1px;background:#ddd;
	}
	.img_list_wrap > .img_list:nth-child(5n) dl:after{width:50%;}
	.img_list_wrap > .img_list:nth-child(5n+1) dl:after{width:50%;left:auto;right:0;}
}

.Left{float:left;}
.Right{float:right;}

.historyList {display:inline-block;clear:both;width:100%;background:url(/resource/edu2021/images/sub/historyline.gif) repeat-y center top;margin-top:30px;padding:0;}

.historyList.line > ul > li:after {border:1px solid #228be6;}
.historyList.line > ul > li em {color:#228be6;}
.historyList.line > ul > li:nth-child(odd) em:after {background:#228be6;}
.historyList.line > ul > li:nth-child(even) em:after {background:#228be6;}

.historyList > ul > li {width:50%;position:relative;box-sizing:border-box;margin-top:80px;}
.historyList > ul > li:after {clear:both;display:block;content:'';width:17px;height:17px;border-radius:100%;background:#fff;position:absolute;top:21px}
.historyList > ul > li:nth-child(odd):after {left:-9px;}
.historyList > ul > li:nth-child(even):after {right:-9px;}
.historyList > ul > li em {font-size:30px;font-weight:bold;letter-spacing:-2px;line-height:1;}

.historyList > ul > li:nth-child(odd) {margin-left:50%;padding-left:70px}
.historyList > ul > li:nth-child(even) {padding-right:70px;text-align:right;}
.historyList > ul > li:nth-child(odd) em {position:absolute;left:0;top:15px;padding-left:70px;}
.historyList > ul > li:nth-child(odd) em:after {position:absolute;left:0px;top:15px;width:55px;height:1px;background:#228be6;content:'';display:block;clear:both}
.historyList > ul > li:nth-child(even) em {position:absolute;right:0;top:15px;padding-right:70px;}
.historyList > ul > li:nth-child(even) em:after {position:absolute;right:0px;top:15px;width:55px;height:1px;background:#228be6;content:'';display:block;clear:both}

.historyList > ul > li:nth-child(odd) .detail {padding:15px 0 15px 80px; position:relative;text-align:left; overflow:hidden}
.historyList > ul > li:nth-child(even) .detail {padding:15px 80px 15px 0; position:relative;text-align:right; overflow:hidden}
.historyList .detail li {line-height:1.7em;position:relative;padding-left:10px; min-width:51%; padding-bottom:20px; color:rgba(85, 85, 85, 0.64); overflow:hidden}
.historyList > ul > li:nth-child(even) .detail li p.Left{float:right; margin:0 0 0 15px;}

.historyList .detail li p.Left{margin:0 15px 0 0; color:#292929; font-weight:600; width:10%;}
.historyList .detail li p.Right{width:100%;}

@media (max-width:1000px){
	.historyList {background-position:left top;margin:0 auto;padding:0px 0; width:96%}
	.historyList > ul > li {width:100%;padding-top:50px;margin-bottom:30px;}

	.historyList > ul > li:nth-child(odd) {margin-left:0;padding-left:20px;}
	.historyList > ul > li:nth-child(even) {text-align:left;padding-left:20px;}
	.historyList > ul > li:nth-child(even) em {left:0;right:auto;padding-right:0;padding-left:20px;}
	.historyList > ul > li:nth-child(odd) em {padding-left:20px;}
	.historyList > ul > li:nth-child(odd) em:after {width:20px;}
	.historyList > ul > li:nth-child(odd) .detail{padding-left:0;}
	.historyList > ul > li:nth-child(even) .detail{text-align:left;}

	.historyList > ul > li:after {width:12px;height:12px;top:24px;}
	.historyList > ul > li:nth-child(odd):after {left:-6px;}
	.historyList > ul > li:nth-child(even):after {right:auto;left:-6px}
	.historyList > ul > li:nth-child(even) em:after {right:auto;left:0}
	.historyList > ul > li:nth-child(even) .detail li p.Left{float:left; margin:0 15px 0 0;}

	.historyList .detail li {font-size:14px}
	.historyList .detail li p.Left{margin:0 15px 0 0; color:#292929; font-weight:500; width:10%;}
	.historyList .detail li p.Right{width:80%;}

	.historyList > ul > li:nth-child(even) em {padding-right:20px;}
	.historyList > ul > li:nth-child(even) em:after {width:20px;}
	.historyList > ul > li:nth-child(even) {padding-right:10px;}
	.historyList > ul > li:nth-child(odd) {padding-right:10px;}
	.historyList > ul > li:nth-child(even) .detail{padding-right:0;}
}




.room {display: inline-block; max-width: 100%;}
.room * {box-sizing: border-box;}

.room p {
	width: calc(33% - 10px);margin: 0 5px;display: inline-block;
	font-size:16px;font-weight:600;text-align:center;vertical-align: top;
}
.room p:first-child {margin-left: 0;}
.room p img {width: 100%;}
.room .button {
	display:inline-block;width: 100%;max-width: 320px;padding: 0 30px;/*height: 40px;*/
	line-height: 32px; color: #fff;font-size: 15px; font-weight: bold;
	letter-spacing: -0.5px; background: #29304a
}
.room .btn_edu	{ display:flex; width:100%;}
.room .btn_edu a	{ width:100%; display:block; }
.room .text			{ display:flex; width:100%; padding:15px 10px; line-height:1.3; color:#fff; font-size:15px; font-weight:bold; letter-spacing:-0.5px; background:#ff9800; justify-content:center;}

input[type=checkbox] {-webkit-appearance: checkbox;}
input[type=checkbox] {margin-right: 5px;}

@media (max-width:640px){
	.room p {width: 100%; margin-bottom: 10px;}
	.room .button {max-width: unset;}
}

.info__wrap{
	padding: 80px 200px 0;
	max-width:1920px;
	margin: 70px auto 0;
}
.info__title{margin-bottom:80px;}
.info__title h2{
	margin-bottom:10px;;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #000000;
}
.info__title .date{
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	color: #888888;
}
.info_txt h3,
.info_B h3{
	margin-bottom:20px;
	padding-bottom:10px;
	font-size: 26px;
	font-weight: bold;
	line-height: 2.85;
	letter-spacing: -0.65px;
	text-align: left;
	color: #000000;
	border-bottom: solid 1.5px #000000;
}
.info_txt h5,
.info_B h5{
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	text-align: left;
	color: #000000;
}
.info_txt p{
	margin-bottom:20px;
	padding:0 0 20px 16.5px;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #000000;
	border-bottom: solid 0.5px #888888;
}
.info_txt p span{
	display: block;
	text-indent: -16px;
	margin-left: 16.5px;
}
.info_txt p span span{
	display: block;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #888888;
}

.info_long{
	padding:19.5px 0 20px;
	border-top: solid 1.5px #000000;
	border-bottom: solid 0.5px #888888;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #000000;
}
.info_B p span{
	display: block;
	text-indent: -16px;
	margin-left: 16.5px;

	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #000000;
}
.info_B p span.tnone {
	display: block;
	text-indent: 0;
	margin-left: 0;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #000000;
}

.info_B p span b{
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	text-align: left;
	color: #000000;
}
.info_B p span span,
.info_B p span span span{
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #888888;
}


.info_B .t1{
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #888888;
	text-indent: 0;
	margin-left: 0;
}
.info_B .t2{
	font-size: 12px;
	line-height: 1.67;
	text-align: left;
	color: #888888;
}

.info_txt .info_B p.p1{
	margin-bottom:0;
	padding:0;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #000000;
	border:0;
}

.info_B svg{margin-bottom:20px;}

@media (max-width: 767px){
	.info__wrap {
		padding: 20.5px 20px 0;
		margin: 70px auto 0;
	}
	.info__title {margin-bottom: 30px;}

}

/* 20211130 수정 */

#container .sub_contents .sub_text_box p {font-size: 14px;}
#container .sub_contents .sub_text_box .left_text p:nth-child(2) {font-size:12px;font-weight: bold;}
#container .sub_contents .sub_text_box .left_text .add {font-size:14px;line-height: 1.7em;}
.sub_text_box .program_file {margin:0; padding: 0; text-align:left;}

.personal_info tbody tr td #email1,
.personal_info tbody tr td #email2,
.personal_info tbody tr td #email_select {box-sizing: border-box;height: 30px;margin: 2px 0;padding: 0 5px;border: 1px solid #ddd;font-size: 14px;vertical-align: middle;}


.personal_info .d_form {
	margin: 0.2em 0; font-size: 1em; padding: 0.5em; border: 1px solid #ccc; border-color: #dbdbdb #d2d2d2 #d0d0d0 #d2d2d3;
	box-shadow: inset 0.1em 0.1em 0.15em rgb(0 0 0 / 10%); vertical-align: middle; line-height: 1.25em; outline: 0; width: 20em;
}

.personal_info .d_form.mini{width:7em}
.personal_info .d_form.large{width:38em}

.personal_info .d_btn{
	display:inline-block;padding:.5em 1em;margin:.4em .15em;border:1px solid #ccc;border-color:#dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
	cursor:pointer;color:#464646;border-radius:.2em;vertical-align:middle;font-size:1em;line-height:1.25em;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));background-image:-moz-linear-gradient(top,#fff,#f2f2f2);
	background-image:-o-gradient(top,#fff,#f2f2f2);background-image:linear-gradient(top,#fff,#f2f2f2)
}

.personal_info .d_btn:hover{
	color:#464646;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e5e5e5));
	background-image:-moz-linear-gradient(top,#fff,#e5e5e5);background-image:-o-linear-gradient(top,#fff,#e5e5e5);
	background-image:linear-gradient(top,#fff,#e5e5e5)
}

.personal_info .d_btn:active{
	border-color:#999;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#dbdbdb));
	background-image:-moz-linear-gradient(top,#ebebeb,#dbdbdb);background-image:-o-linear-gradient(top,#ebebeb,#dbdbdb);
	background-image:linear-gradient(top,#ebebeb,#dbdbdb);background-image:inset 0 1px .24em rgba(0,0,0,.4)
}

.board_write ul li dl dt {vertical-align: middle;}

#container .program_menu .program_wrap .text_box .left_text_02 {position: relative; float: left; width: 65%;}
#container .program_menu .program_wrap .text_box .left_text_02 p.title::before {
	display: block;content: "";position: absolute;left: 0px;top: 15%;width: 3px;height: 3px;background: #666;
}

.facility_table {width:100%;margin: 30px 0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;}
.facility_table * {box-sizing: border-box;word-wrap: break-word;word-break: keep-all;}

.facility_table .table_inner {overflow:hidden;width:100%;margin:0 auto;}
.facility_table table {border-top: 0;}

.facility_table th {height: 30px;padding: 10px;background: #f5f5f5;font-size: 16px;line-height: 1.5em;}

.facility_table tr th {
	position: relative;height: 30px;padding: 10px;border-top: 1px solid #ddd;background: #fff;
	font-size: 16px; color: #333333;line-height: 20px;background: #f5f5f5;word-break: keep-all;
}
.facility_table tr td{height: 30px;padding: 10px;border-top: 1px solid #ddd;background: #fff;font-size: 16px; color: #666;line-height: 1.5em;word-break: keep-all;}
.facility_table .first,
.facility_table .tit {font-weight:bold;text-align:center;}
.facility_table .name {text-align:left;}
.facility_table .first {font-size:18px;background-color:#4dabf7; color:#fff;}

.facility_table tr:first-child th,
.facility_table tr:first-child td {border-top-width: 0;}

.left_text .etc {margin-bottom: 5px; padding-left: 10px; font-size: 14px;font-weight: bold; line-height: 1.5em;}

.building_list_01, .building_list_02,
.building_list_03 {position:relative;display:inline-block;width:100%;margin: 30px auto;overflow:hidden;}

.building_list_01 *,
.building_list_02 *,
.building_list_03 * {box-sizing: border-box;}

.building_list_01::before,
.building_list_02::before,
.building_list_03::before {content: '';display: block;position: absolute;top: 40%;left: 0;width: 100%;height: 2px;background: #ddd;}

.building_list_01::after,
.building_list_02::after,
.building_list_03::after{display:block;clear:both;content:'';}

.building_list_01 li,
.building_list_03 li{
	display: inline-block;position: relative;float:left;width:20%; padding:0 5px;
	font-size:14px;font-weight:400;color:#333;text-align:center;
}

.building_list_02 li{
	display: inline-block;position: relative;float:left;width:16.666%; padding:0 5px;
	font-size:14px;font-weight:400;color:#333;text-align:center;
}
.building_list_02 li:first-child {width: 15%;}

.building_list_01 li p:after,
.building_list_02 li p:after,
.building_list_03 li p:after {display: inline-block; content: '';height: 100%; vertical-align: middle;}

.building_list_01 li.ico2 p, .building_list_01 li.ico3 p,
.building_list_01 li.ico5 p,
.building_list_02 li.ico2 p, .building_list_02 li.ico3 p,
.building_list_02 li.ico4 p, .building_list_02 li.ico5 p,
.building_list_02 li.ico6 p,
.building_list_03 li.ico2 p, .building_list_03 li.ico3 p {margin:0 auto;border-radius:50%;}

.building_list_01 li.ico1 p, .building_list_01 li.ico4 p,
.building_list_02 li.ico1 p, .building_list_03 li.ico1 p {width:80px; height: 80px;}

.building_list_01 li.ico1 p, .building_list_01 li.ico4 p {margin:16% auto;background-color:#fff;border:2px solid #ff922b;border-radius:50%;}
.building_list_02 li.ico1 p {margin:25% auto;background-color:#fff;border:2px solid #ff922b;border-radius:50%;}
.building_list_03 li.ico1 p {margin:20% auto;background-color:#fff;border:2px solid #ff922b;border-radius:50%;}

.building_list_01 li.ico1 p span, .building_list_01 li.ico4 p span,
.building_list_02 li.ico1 p span, .building_list_03 li.ico1 p span {font-size:16px; font-weight:bold; color:#ff922b;}

.building_list_01 li img,
.building_list_02 li img,
.building_list_03 li img {vertical-align: middle}

.building_list_01 li strong,
.building_list_02 li strong,
.building_list_03 li strong {margin-top:15px;display:block;font-size:14px;font-weight:600;}

.personal p {font-size: 16px; line-height: 1.7em;}

.agree_wrap .program_table {margin: 30px 0 0;}
.table_etc {display: inline-block;margin-top:10px;}
.table_etc p {font-size: 14px; color: #666;}

.program_file {margin-top:-20px; padding:5px 0; text-align: right;}
.program_file li{display:inline-block;}
.program_file span{display:inline-block; padding:0 10px 0 25px; background:url('/resource/edu2021/images/sub/down_icon.png') left 5px no-repeat;}
.program_file span a{display:inline-block; padding:5px 0;}

#mid_content .depth1_list > .depth1_item:nth-child(1),
#mid_content .depth1_list > .depth1_item:nth-child(2) {min-height: 280px}

.row > .detail {width: 80%;word-break: keep-all;}

/* 20211130 서브 좌측메뉴 색상 수정 */

#left_menu li a:hover, #left_menu li a.hover, #left_menu li.on a {background: #ffa94d url(/resource/edu2021/images/sub/plus.png) no-repeat 92% 20px;}

/* 20211130 평생학습도시 익산, 비전 및 목표 색상 수정 */

#container .program_menu .tabs li.active {background-color:#f76707;}
.goal_box:nth-child(odd) .goal_top {background: #ffc078;}
.goal_box:nth-child(even) .goal_top {background: #ffa94d;}
#container .sub_contents .sub_title_02 b {color: #f44502;}

/* 20211130 평생학습도시 익산, 평생학습도시 선언문 색상 수정 */
.iksan_tit .title:before {border: 4px solid #ff922b;}
.iksan_box .title {color:#ff922b}
.iksan_box .blue_line {border:2px solid #ffe8cc;}

/* 20211130 평생학습도시 익산, 주요연혁 색상 수정 */
.historyList.line > ul > li:after {border: 1px solid #ff922b;}
.historyList.line > ul > li em {color: #ff922b;}
.historyList.line > ul > li em {color:#ff922b;}
.historyList.line > ul > li:nth-child(odd) em:after,
.historyList.line > ul > li:nth-child(even) em:after {background: #ff922b;}

/* 20211130 박스 타이틀 색상 수정 */
#container .program_menu .program_wrap .text_box .title {color:#f44502}

/* 20211130 질문 이미지, 문구 수정 */
.q1 .title {color: #333;}

/* 20211130 시설안내 색상 수정 */
.facility_table .first {background-color: #ffc078}
.personal .title:before {border: 4px solid #ff922b;}


/* 20211130 대관신청 색상 수정 */
.room .button {background: #ffc078;}
.btn_type2.highlight {background: #f44502}

/* 20211130 표 상단 선 색상 수정 */
table {border-top: 2px solid #ff922b;}

/* 20211130 수강신청 색상 수정 */
#container .tab_menu .tabs li.active {background-color: #f76707;}
.left_box .total .point_color {color: #f44502;}
.agree_wrap .title:before {border: 4px solid #ff922b;}

/* 20211130 우리동네늘배움터 색상 수정 */
.box.line2 {border: 6px solid #ffd8a8}

/* 20211130 평생학습관에서 「놀다, 웃다, 나누다」색상 수정 */
#container .program_menu .tab-content .text_box .title {color: #f44502;}


.shape_text p {color: #ffc078; border: 6px solid #ffc078;}

/* 20211130 학습동아리 지원사업 색상 수정 */
.ico_box02 .ico_box_list ul li {border: 4px solid #ffc078;}
.ico_box_list ul li p span {color:#f76707;}

/* 20211130 사이버학이시습센터 버튼 색상 수정 */
.btn_site a {background: #ff922b;}

/* 20211130 익산행복학교 색상 수정 */
.ico_box_list ul li {border: 4px solid #ffc078;}

/* 20211130 게시판 색상 수정 */
tbody > .top_view .no {color: #f44502;}
.btn_add a {background: #ff922b;}
.btn_group .btn_01 {background: #ff922b;}
.board_write {border-top: 2px solid #ff922b;}

/* 20211130 강사은행제, 학습동아리 색상 수정 */
#container .program_menu .tab li.active {background-color: #ff922b;}
.board_list .edu-cnt li .btn_02 {background-color: #ff922b;}

/* 20211130 마이페이지 이수현황, 시설대관 현황 수정 */
.class_info .program_table .status.type02 span {background: #666;}

/* 20211130 사이트맵 라인 색상 수정 */
#mid_content .depth1_list > .depth1_item .depth1_text {border-bottom: 2px solid #ff922b;}

/* 20211130 검색창 검색 문구 색상 수정 */
#container .sub_contents .sub_text_box .search-keyword strong {color:#f44502}

@media (max-width: 1000px){
	#container .program_menu .program_wrap .text_box .left_text_02 p.title::before {top:13%;}

	.building_list_01,
	.building_list_02,
	.building_list_03 {margin: 30px 0;}

	.building_list_01 li, .building_list_02 li,
	.building_list_03 li {width:33.333%;margin-bottom: 10px;}

	.building_list_01::before, .building_list_02::before,
	.building_list_03::before {display: none;}

	.building_list_01 li.ico1, .building_list_01 li.ico4,
	.building_list_02 li.ico1, .building_list_03 li.ico1 {display: none;}

	.program_file {margin-top: 0;text-align: left;}
}

@media (max-width: 640px){
	#container .sub_contents .sub_text_box .left_text p::before {top:10%;}
	#container .program_menu .program_wrap .text_box .left_text_02 {float: none; width:100%;}

	.facility_table .first:last-child {display: none;}
	.facility_table .tit {text-align:left;}
	.facility_table tbody tr td {height: auto;text-align: left;display: table-cell;}

	.building_list_01 li, .building_list_02 li,
	.building_list_03 li {width:50%;margin-bottom: 10px;}
}

@media (max-width: 420px){
	#container .program_menu .program_wrap .text_box .left_text_02 p.title::before {top:10%;}
}

/* end */

.program_menu .q1 .basic_ul{background: #f5f5f5;padding: 20px;}
.program_menu .q1 .basic_ul li{position:relative; padding:3px 0 3px 10px}
.program_menu .q1 .basic_ul li:before{content: ''; display:block;position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #e97e1a;}
.program_menu .q1 .basic_ul li li{padding:2px 0 0 10px}
.program_menu .q1 .basic_ul li li:before{height:1px; top:13px; background:#b27a44}

.w100{text-align:center;}
.w100 img{width:100%;}

@media all and (min-width:1023px) {
	.w100 img{width:auto;}
}
table.course_table td img {max-height: none;max-width: 100%;width: 100%;}
@media all and (min-width:1023px) {
	table.course_table td img {width: auto;}
}

.n_vission {font-family:'Gmarketsans';padding:20px 0;border-radius:10px;border:solid 1px #f3e4dd;text-align:center;box-sizing:border-box;}
.n_vission div{margin-top:40px;}
.n_vission div:last-child{margin:0}
.n_vission h4{font-size:1.25rem;color:#3f3f3f;margin:0 0 35px 0;padding:0 10px;position:relative;display:inline-block;}
.n_vission h4:before{display:block;content:'';width:100%;height: 13px;background:#fcf5e4;position:absolute;bottom: 6px;left:0;z-index:-1;}
.n_vission p, .n_vission li{font-size:15px;}
.n_vission span{display:block;/* padding:17px; */border-radius:10px;font-size:17px;border: 2px solid transparent;background-image: linear-gradient(#fff,#fff),linear-gradient(to right,#ffe7c9,#ffbf95 100%);background-origin:border-box;background-clip:content-box, border-box;line-height: 40px;margin: 5px 0;}
.n_vission strong{font-size:0;width:250px;height:92px;display:block;background:url('/resource/contentsfile/CONTENTS_FILE/168895209129641.png')no-repeat top center;background-size:250px; margin:0 auto;}
.n_vission ul{display:flex;justify-content:center;flex-wrap:wrap;align-items: stretch;gap:0;}
.n_vission ul li{background:#fcf7f0;border-radius:10px;padding:10px;width:46%;margin: 0 2% 50px 2%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position: relative;}
.n_vission ul li i{line-height:1.2;width: 100%;margin:5px 0}
.n_vission ul li i.i2{color:#9b4110;position: absolute;bottom: -50px;left: 50%;transform: translate(-50%, 0);}
.n_vission ul li:nth-child(2n){background:#ffe7c9;}
.n_vission ul li:before{display:block;content:'';background:url('/resource/contentsfile/CONTENTS_FILE/168871667302991.png')no-repeat;width:70px;height:70px;margin:0 auto 10px auto;}
.n_vission ul .i1:before{background-position:17px 0px;}
.n_vission ul .i2:before{background-position:-162px 0px;}
.n_vission ul .i3:before{background-position:-333px 0px;}
.n_vission ul .i4:before{background-position:-515px 0px;}
.n_vission ul .i5:before{background-position:-695px 0px;}
.n_vission div:last-child:before{display:block;content:'';width:185px;height:137px;background:url('/resource/contentsfile/CONTENTS_FILE/168871667303498.png')no-repeat top center;margin:0 auto;}

/* Tablet */
@media all and (min-width:768px) {
	.n_vission {padding:30px 30px 50px 30px;}
	.n_vission h4{font-size:1.8rem;}
	.n_vission p{display:flex;justify-content:space-between;}
	.n_vission span{width:49%;margin:0 .5%;line-height: 55px;}
	.n_vission strong{width:600px;background-size:auto;height:185px;}
  	.n_vission ul{gap:15px 0;align-items:center;}
	.n_vission ul li{width:27.333%;padding: 20px 10px;}
  	.n_vission ul li:nth-child(2n){margin-top: 27px;}
  	
}

/* Desktop */
@media all and (min-width:1023px) {
	.n_vission ul li{width:18%;margin:0 1%;min-height:191px;}

}



/*소식지 스킨*/
.news_list {width: 100%; border-top: 2px solid #2f68c2;}
.news_list li {text-align: center; padding: 30px 0;border-bottom: 1px solid #ccd6e7;line-height: 1.25em; position: relative;}
.news_list li.list_none {margin-bottom: 0;}
.news_list li>a {display:block;}
.news_list .img {border: 1px solid #e9ebed;display: block; width: 100%; margin: 0 auto 25px auto; border-radius: 5px; overflow: hidden;}
.news_list li>a img {width:100%;transition: .2s ease;display:block;}
.news_list .basic_btn {margin: 15px 0;}
.news_list strong {display: block; font-size: 20px; font-weight: 400; margin-bottom: 10px;}
.news_list em {font-style: normal; color: #636363;}

.news_list li>a:hover img, .news_list li>a:active img, .news_list li>a:focus img {scale: 1.1;}

.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;font-size:16px;font-weight:400;padding: 9px 20px;margin:0 5px 10px 5px;background:#2f68c2;transition:.2s ease-out;color:#fff;position:relative;border-radius:4px}
.basic_btn a:hover,.basic_btn a:focus{background:#464646}
.basic_btn a:after{content:"";display:inline-block;width:12px;height:12px;vertical-align:middle;background: url('/images/sub/ico_con.png') no-repeat;position:absolute;top:50%;right:20px;transform:translate(0, -50%)}

/* Tablet */
@media all and (min-width:768px) {
	.news_list {display: flex; flex-wrap: wrap;column-gap: 4%;}
	.news_list li {width: 48%;}
	.news_list .img{display: flex;align-items: center;background: #e7e8ec;height: 380px;}
	.news_list li.list_none {width: 100%;}
}

/* Pc */
@media all and (min-width:1023px) {
	.news_list{column-gap: 4.5%;}
	.news_list li {width: 21.5%;}
	.news_list .img {border-radius: 10px;height:280px;}

}

/*2025 개편 수정*/
#container .program_menu .tab_wrap .tabs li {height:100%;padding:12px;line-height:1.3;font-weight:400;}
#container .program_menu .tabs li.active {font-weight:600;}
#container .program_menu .tab_wrap .tab li  {height:100%;padding:12px;line-height:1.3;}

#container .basic_table{border-top: 2px solid #ff922b !important;border-bottom: 1px solid #a5a5a5 !important;}
#container .basic_table strong{font-weight:600;}
#container .program_table{border-top: 2px solid #ff922b !important;}
#container .program_menu .text_box p strong{font-weight:600;}
}