@charset "utf-8";

/*=============== container ===============*/
/* sitemap */
.sitemapWrap .modal-header{
	padding: 0 !important;
}
.sitemap{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.sitemap dl{
	width: 19%;
	float: left;
	margin: 0 0.5%
}
.sitemap dt{
	font-size: 16px;
	font-weight: 500;
	padding: 15px 5px;
	margin: 10px 0;
	background-color: #0aafe5;
	color: #fff;
	border-radius: 5px
}

.sitemap dd a{
	font-size: 12px;
	font-weight: 400; 
	color: #666;
	padding: 10px 0;
	letter-spacing: -1px;
}
.sitemap dd a:hover{
	text-decoration: underline;
}

/*visual area*/
.visualArea1 {
    width:100%;
    height:160px;
    background:#d7d4cf url('../image/img/img_visual_sub1.png') top center no-repeat;
	background-size: cover;
}
.visualArea1 .textWrap {
    max-width:1280px;
    margin:auto;
    position:relative;
}
.visualArea1 .textWrap p {
    width:577px;
    height:153px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../image/text/text_visual_sub1.png') no-repeat;
    position:absolute;
    top:42px;
    left:5px;
}

/*visual area*/
.visualArea2 {
    width:100%;
    height:160px;
    background:#d7d4cf url('../image/img/img_visual_sub2.png') top center no-repeat;
	background-size: cover;
}
.visualArea2 .textWrap {
    max-width:1280px;
    margin:auto;
    position:relative;
}
.visualArea2 .textWrap p {
    width:577px;
    height:153px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../image/text/text_visual_sub2.png') no-repeat;
    position:absolute;
    top:42px;
    left:5px;
}
.visualArea3 {
    width:100%;
    height:160px;
    background:#d7d4cf url('../image/img/img_visual_sub3.png') top center no-repeat;
	background-size: cover;
}
.visualArea3 .textWrap {
    max-width:1280px;
    margin:auto;
    position:relative;
}
.visualArea3 .textWrap p {
    width:577px;
    height:153px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../image/text/text_visual_sub3.png') no-repeat;
    position:absolute;
    top:42px;
    left:3px;
}

.visualArea4 {
    width:100%;
    height:160px;
    background:#d7d4cf url('../image/img/img_visual_sub4.png') top center no-repeat;
	background-size: cover;
}
.visualArea4 .textWrap {
    max-width:1280px;
    margin:auto;
    position:relative;
}
.visualArea4 .textWrap p {
    width:577px;
    height:153px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../image/text/text_visual_sub4.png') no-repeat;
    position:absolute;
    top:42px;
    left:5px;
}
.visualArea5 {
    width:100%;
    height:160px;
    background:#d7d4cf url('../image/img/img_visual_sub5.png') top center no-repeat;
	background-size: cover;
}
.visualArea5 .textWrap {
    max-width:1280px;
    margin:auto;
    position:relative;
}
.visualArea5 .textWrap p {
    width:577px;
    height:153px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../image/text/text_visual_sub5.png') no-repeat;
    position:absolute;
    top:42px;
    left:5px;
}

.visualArea6 {
    width:100%;
    height:160px;
    background:#d7d4cf url('../image/img/img_visual_sub6.png') top center no-repeat;
	background-size: cover;
}
.visualArea6 .textWrap {
    max-width:1280px;
    margin:auto;
    position:relative;
}
.visualArea6 .textWrap p {
    width:577px;
    height:153px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../image/text/text_visual_sub6.png') no-repeat;
    position:absolute;
    top:42px;
    left:5px;
}


/*nav area*/
.navArea {
    height:80px;
    line-height:80px;
    border-bottom:0px solid #f3f3f3;
    position: relative;
    top: -40px;
    left: 0;
}
.navWrap {
    max-width:1280px;
    margin:auto;
    background-color: #0972c5;
}
.navWrap > ul {
    display:inline-block;
}
.navWrap > ul > li {
    display:inline-block;
    margin-left:20px;
    position:relative;
	/*margin-top: -1px;*/
}
.navWrap > img {
    border-right:1px solid #ddd;
    padding:0 20px;
}
.navWrap > ul > li >  a {
    color:#fff;
    font-size:20px;
}
.navWrap > ul > li.active >  a {
	background: #fff;
}
.navWrap > ul > li > a::after {
    content:'';
    display:inline-block;
    width:30px;
    height:30px;
    vertical-align:middle;
    background:url('../image/icon/icon_select_2.png') no-repeat;
    margin-left:10px;
    margin-top:-2px;
	transform: rotate(360deg);
}
.navWrap > ul .box_subNav {
    display:none;
    min-width:180px;
    border:1px solid #ddd;
    background:#fff;
    padding:20px;
    position:absolute;
    top:70px;
    left:0;
    z-index:3;
}
.navWrap > ul > li.active .box_subNav {
    display:block;
}
.navWrap > ul .box_subNav a {
    color:#777;
    font-size:18px;
    line-height:36px;
}
.navWrap > ul .box_subNav > li {
    line-height:1;
}
.navWrap > ul .box_subNav > li a {
    display:inline-block;
    position:relative;
	background-color: #fff;
}
.navWrap > ul .box_subNav > li:hover a::after {
    content:'';
    width:100%;
    border-bottom:1px solid #777;
    position:absolute;
    bottom:7px;
    left:0;
}
.text_title2 {
    font-size:20px;
	font-weight:300;
	color:#343434;
}

.navBot{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.navBot ul{
	display: block;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}
.navBot ul li{
	display: inline-block;
	margin: 0 3px 10px 3px;
	border: 1px solid #333;
	box-sizing: border-box;
	overflow: hidden;
}
.navBot ul li.upd{
	display: inline-block;
	margin: 0 0 0 5px;
	border: 0px solid #333;
	box-sizing: border-box;
	overflow: hidden;
}
.navBot ul li.upd a{
	font-size: 12px;
    padding: 10px;
    letter-spacing: -0.5px;
}
.navBot ul li.upd{
	display: inline-block;
	margin: 0 5px;
	border: 0px solid #333;
	box-sizing: border-box;
	overflow: hidden;
}
.navBot ul li a{
	display: block;
	font-size: 16px;
	padding: 15px 20px;
	transition: all 0.2s;
	color: #333;
	letter-spacing: -1px;
}
.navBot ul li a:hover{
	display: block;
	background: #333;
	color: #fff;
}
.navBot ul li a.on{
	display: block;
	background: #333;
	color: #fff;
}


/*edu area*/



#eduSlide {
    width:90%;
    margin:auto;
    position:relative;
}

#eduSlide .box_slide > div {
    width:98%;
    border-radius:10px;
    background:#ebeef0;
    margin:auto;
    padding:28px;
}
#eduSlide .box_slide .text_title {
    display:block;
    width:100%;
    color:#343434;
    font-size:18px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
    padding:15px 0;
}
#eduSlide .box_slide li {
    width:100%;
    color:#777;
    font-size:16px;
    line-height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
#eduSlide .box_slide li::before {
    content:url('../image/icon/icon_list.jpg');
    line-height:22px;
    vertical-align:top;
    margin-right:5px;
}
#eduSlide .box_slide .btn_register {
    width:100%;
    height:44px;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:44px;
    background:#434343;
    margin-top:25px;
}
#eduSlide .box_slide .btn_register a {
	display:block;
}

#eduSlide .slick-arrow {
    top:78px;
}
#eduSlide .slick-prev {
    left:-50px;
}
#eduSlide .slick-next {
    right:-50px;
}

/*list wrap*/
.sub_img2 {margin:0 auto; text-align:center;}
.listWrap {
    text-align:center;
    padding: 30px 0 60px 0;
}
.listWrapBox{
    padding: 15px 20px !important;
    overflow: hidden !important;
    background: #f9f9f9 !important;
    border: 1px solid #d9d9d9 !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
	margin-bottom: 30px;
}
.listWrap select {
    height:45px;
    border:1px solid #c8d1db;
    border:1px solid #ccc;
    background:url('../image/icon/icon_select_3.jpg') center right no-repeat #fff;
    text-align: left;
}
.listWrap .box_date select {
    width:117px;
    margin-top:8px;
    background-color: #fff;
}
.listWrap .box_month {
    width: calc(100% - 350px);
    margin-left: 15px;
	margin-top: 8px;
}
.listWrap .box_month li {
    width:6%;
	margin: 0 3px;
    cursor:pointer;
}
.listWrap .box_month li span {
    display:block;
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px;
    /*background:url('../image/btn/btn_month.jpg') no-repeat;
    background-size:contain;*/
    margin:auto;
	border-radius: 5px;
}
.listWrap .box_month li:hover span {
	background-color: #527ee5;
	color: #fff;
	opacity: .8;
}
.listWrap .box_month li.select span {
    color:#fff;
    /*background:url('../image/btn/btn_month_on.jpg') no-repeat;
    background-size:contain;*/
	background-color: #527ee5;
	color: #fff;
}

.listWrap .box_sort {
    margin-top:30px;
	margin-bottom: 15px;
}
.listWrap .box_sort.eduSch {
	margin-bottom: 0px;
}
.listWrap .box_sort .box_cate select {
    width: auto !important;
	padding-right: 30px;
	text-indent: -1px;
}
.listWrap .box_search select {
    width:117px;
}
.listWrap .box_search input[type=text] {
    width:168px;
    height:44px;
    border:1px solid #c8d1db;
}
.listWrap .box_search button {
    height:44px;
    color:#fff;
    background:#434343;
    padding:0 30px;
}

.listWrap .box_list {
    width:100%;
    text-align: left;
    border-top: 3px solid #555;
    border-bottom: 3px solid #555;
    margin: 25px 0 35px;
    padding: 20px 0;
}
.listWrap .box_list li {
    /* border-bottom:1px solid #e5e5e5; */
    border: 1px solid #e5e5e5;
    padding: 15px 10px;
    margin: 5px 0;
    flex-wrap: nowrap;
}
.listWrap.cst .box_list li {
    padding: 20px 10px;
}
.edu_info_wrap {
	display: flex;
}
.listWrap .box_list .img_logo {
	display: flex;
    align-items: center;
    width:180px;
    text-align:left;
}
.listWrap .box_list .img_logo> img{
    width: 179px !important;
    height: 112px !important;
}
.listWrap .box_list .img_logo.imgView> img{
    width: 250px !important;
    height: 250px !important;
}
.listWrap .box_list .text_title {
    display:flex;
    align-items:center;
    padding-left: 30px;
    padding-right: 10px;
    max-width: 580px;
}
.listWrap .box_list .text_title strong {
    color:#181818;
    font-size:22px;
    font-weight:500;
    cursor: pointer;
}
.listWrap.cst .box_list .text_title strong {
    line-height: 1.2;
}
.listWrap .box_list .text_title .eduTypeWrap{
    margin-top: 0;
	margin-bottom: 15px;
}
.listWrap .box_list .text_title .eduTypeWrap .price.free{
    font-weight: 400;
	color: #03a9f3;
}
.listWrap .box_list .text_title .eduTypeWrap .price.pay{
    font-weight: 400;
	color: #ff0000;
}
.listWrap .box_list .text_title .eduTypeWrap .eduLabel{
    margin: 0 3px 0 0;
}
.listWrap .box_list .text_title .eduTypeWrap .eduType{
    margin: 0 3px 0 0;
}
.listWrap .box_list .text_title .eduTypeWrap .eduType1{
    color: #ff7800;
}
.listWrap .box_list .text_title .eduSbj{
	font-size: 22px;
}
.listWrap .box_list .text_title .Sbj{
	color: #0071bc;
	margin: 0 0 0 3px;
}
.listWrap .box_list .text_title .eduStnt{
	margin-top: 10px;
}

.listWrap .box_list .icon_tag {
    display:inline-block;
    height:28px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:28px;
    border-radius:5px;
    padding:0 10px;
	margin: 0 0 3px 10px;
	vertical-align: middle;
}

/* 접수중 */
.listWrap .box_list .icon_tag.ing {
    background:#ff7800;
}
/* 마감 */
.listWrap .box_list .icon_tag.end {
    background:#888888;
}
/* 대기중 */
.listWrap .box_list .icon_tag.wait {
    background:#cccccc;
}
/* 수강증 */
.listWrap .box_list .icon_tag.sic {
    background:#85bf54;
}
/* 수료 */
.listWrap .box_list .icon_tag.comp {
    background:#f44266;
}
/* 미수료 */
.listWrap .box_list .icon_tag.compNo {
    background:#333333;
}
/* 교육종료 */
.listWrap .box_list .icon_tag.eduend {
    background:#995c27;
}

.listWrap .box_list .text_title p {
    color:#3d3d3d;
    margin-top:15px;
	line-height: 1.5;
}
.listWrap.cst .box_list .text_title p {
    margin-top:5px;
}
.listWrap .box_list .text_info {
    display:block;
    width:33%;
    color:#3d3d3d;
}
.listWrap .box_list .text_info>div{
    margin-top: 5px;
}
.listWrap .box_list .text_info .eduBtn {
    font-size: 16px;
}
.listWrap .box_list .text_info .color {
    color:#ff0000;
}
.listWrap .box_list .text_info .edudtType {
	padding-bottom: 10px;
	align-items: flex-start;
}
.listWrap .box_list .text_info .edudtType1{
	display: block;
}
.listWrap .box_list .text_info .edudtType1 .dday{
	color: #ff0000;
	font-weight: 500;
}
.listWrap .box_list .text_info .edudtType2{
	display: block;
}
.listWrap .box_list .text_info .edudtType1>b, .listWrap .box_list .text_info .edudtType2>b{
	font-weight: 400;
	margin: 0 0 0 3px;
}
.listWrap .box_list .text_info .edudtType3{
	display: block;
	font-weight: 400;
}
.listWrap .box_list .text_info .edudtType3 > strong{
	margin: 0 0 0 3px;
	font-weight: 400;
}

.listWrap .box_list .text_progress {
    display:block;
	width: calc(100% - 20%);
	border-radius: 5px;
	padding: 10px 15px;
	margin-left: 20%;
	color: #fff;
}
.listWrap .box_list .text_progress span{
	margin-right: 40px;
}
.listWrap .box_list .text_progress span b{
	font-weight: 400;
	padding: 0 3px;
}
.listWrap .box_list .text_progress span:last-child{
	margin-right: 0px;
}

.myEduView .myedu_text {
	width: calc(100% - 180px);
    padding-left: 20px;
}  
.myEduView .listWrap .box_list .text_progress {
	width: 100%;
    margin-top: 10px;
    margin-left: 0;
}
.myEduView .listWrap .box_list .text_title {
	width: calc(100% - 250px);
    padding: 0;
}
.myEduView .listWrap .box_list .text_info {
	width:auto; 
}
.myEduView .listWrap .box_list li.room>.flex {
	width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0 10px;  
}
/* 단체교육 신청 */
.Terms {
    border: 1px solid #e5e5e5;
    height: 250px;
    width: 100%;
    padding: 15px 10px;
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: left;
}

.empbox {
    background-repeat: repeat;
    background-image: url(../image/empbox_pattern.png);
    padding: 7px;
}
.empbox .innerbox {
	background-color: #fff;
    padding: 20px;
}


.listWrap .box_list .btn_view {
	background:#85bf54;
	color:#fff;
	/*padding:15px 20px;*/
	border-radius: 5px;
}
.listWrap .btn_calendar {
    display:inline-block;
    height:45px;
    color:#0071bc;
    font-size:16px;
    text-align:center;
    line-height:45px;
    border-radius:5px;
    background:#fff;
    padding:0 40px;
	margin: 0 0 0 15px;
    border: 1px solid #0071bc;
    box-sizing: border-box;
}
.listWrap .btn_calendar.on {
    display:inline-block;
    height:45px;
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:45px;
    border-radius:5px;
    background:#0071bc;
    padding:0 40px;
	margin: 0 0 0 15px;
}
.listWrap .btn_calendar2 {
    display:inline-block;
    height:45px;
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:45px;
    border-radius:5px;
    background:#0071bc;
    padding:0 40px;
	margin: 0 0 0 15px;
}
.listWrap .btn_list {
    display:inline-block;
    height:45px;
    color:#0071bc;
    font-size:16px;
    text-align:center;
    line-height:45px;
    border-radius:5px;
    background:#fff;
    padding:0 5px;
	margin: 5px;
    border: 1px solid #0071bc;
    box-sizing: border-box;
	width: calc(100% / 5 - 10px);
}
.listWrap .btn_list.on {
    display:inline-block;
    height:45px;
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:45px;
    border-radius:5px;
    background:#0071bc;
    padding:0 5px;
}
.cal_btn {width:100%; margin-top:30px; float:left; margin-bottom:30px; text-align:Center;}

.cal_btn .btn_calendar2 {
    display:inline-block;
    height:53px;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:53px;
    border-radius:5px;
    background:#0071bc;
    padding:0 50px;
	margin:0 auto;
}

.listWrap.listWrapTop{
    padding: 0 0 60px 0;
	/*margin-bottom: 30px;*/
}
.listWrap.listWrapTop .box_sort{
	margin-top: 0;
	float: right;
	width: 100%;
}


.listWrap .box_list .eduDetail .img_logo{
	width: 35%;
	padding: 25px;
}
.listWrap .box_list .eduDetail .img_logo img{
    width: 100%;
    text-align:left;
}
.listWrap .box_list .eduDetail .img_logo div{
	width: 250px;
	margin: 10px 0;
	text-align: left;
	line-height: 28px;
}
.listWrap .box_list .eduDetail .img_logo div ul{
	display: block;
	padding: 0;
	overflow: hidden;
}
.listWrap .box_list .eduDetail .img_logo div ul li{
	border: 0;
	padding: 0;
	margin: 0;
}

.listWrap .box_list ul li.eduDetail {
	border: 1px solid #555;
	box-sizing: border-box;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.listWrap .box_list .eduDetail .text_info{
	width: 65%;
}
.listWrap .box_list .eduDetail .text_info ul{
	display: block;
	width: 100%;
	padding: 20px;
	overflow: hidden;
}
.listWrap .box_list .eduDetail .text_info ul li{
	border: 0;
	padding: 0;
	color: #333;
}

.listWrap .box_list .eduDetail .text_info ul li.eduTit{
	margin: 0;
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.listWrap .box_list .eduDetail .text_info ul li a{
	display: inline-block;
	padding: 0px 10px;
	border-radius: 3px;
	margin-left: 5px;
	height: 30px;
	line-height: 30px;
	vertical-align: top;
}
.listWrap .box_list .eduDetail a.downBtn{
	display: inline-block;
	padding: 0px 10px;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin-top: 10px;
}
.listWrap .box_list .eduDetail .text_info ul li a i{
	padding-right: 5px;
	color: #666;
}
.listWrap .box_list .eduDetail .text_info ul li>span strong.tit{
	font-size: 22px;
	font-weight: 500;
	color: #181818;
}
.listWrap .box_list .eduDetail .text_info .icon_tag {
    display:inline-block;
    height:28px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:28px;
    border-radius:5px;
    padding:0 10px;
    margin: 0 0 6px 10px;
	vertical-align: middle;
}

.listWrap .box_list .eduDetail .text_info .icon_tag.ing {
    background:#ff7800;
}
.listWrap .box_list .eduDetail .text_info .icon_tag.end {
    background:#4e4e4e;
}
.listWrap .box_list .eduDetail .text_info .icon_tag.wait {
    background:#85bf54;
}
.listWrap .box_list .eduDetail .text_info .color {
    font-size: 14px;
}
.listWrap .box_list .eduDetail .text_info .icon_tag.etc {
    background:#fff;
	border: 1px solid #d8d8d8;
	color: #4195f5;
	border-radius: 25px;
	font-weight: 400;
	font-size: 13px;
	margin: 0 10px 6px 0;
	vertical-align: top;
}

.listWrap .tb03 caption{
	font-size: 18px;
	text-align: left;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
	color: #4195f5;
}
.listWrap .tb03 td{
	border: 1px solid #e5e5e5;
}
.listWrap .tb03 td p{
	font-size: 12px;
	color: #333;
	padding-bottom: 5px;
}
.listWrap .tb03 td p span.sub_tit{
	font-size: 16px;
	font-weight: 400;
	display: block;
	padding-bottom: 10px;
}


.box_sort .srchCtgry{
	width: 208px;
	height: 45px;
	border: 1px solid #c8d1db;
	background: url("../image/icon/icon_select_3.jpg") center right no-repeat #fff;
	margin-right: 15px;
	float: left;
    text-align: left;
}
.box_sort .srchSido{
	width: 120px;
	height: 45px;
	border: 1px solid #c8d1db;
	background: url("../image/icon/icon_select_3.jpg") center right no-repeat #fff;
	margin-right: 15px;
	float: left;
    text-align: left;
}

.eduWrap .box_sort .srchAgency{
	width: 200px !important;
	height: 45px;
	border: 1px solid #c8d1db;
	background: url("../image/icon/icon_select_3.jpg") center right no-repeat #fff;
	margin-right: 15px;
	float: left;
    text-align: left;
}

.listWrap .sortWrap{
    text-align: left;
    margin-bottom: 20px;
}

.listWrap .sortWrap>ul li{
    display: inline-block;
    border: 0;
    padding: 0 10px 0 0;
    float: left;
}
.listWrap .sortWrap>ul li a{
    display: inline-block;
    float: left;
    color: #333;
}
.listWrap .sortWrap>ul li span{
    display: inline-block;
    float: left;
    margin-left: 10px;
    color: #ccc;
}


/* timetable remodal */
.tbBox{
	display: block;
	padding: 0 15px;
	margin: 30px auto;
	max-height: 300px;
	overflow-y: auto;
}
.tbBox table{
	width: 100%;
}
.tbBox table th{
	line-height: 40px;
}
.tbBox table td{
	line-height: 1.5;
}
.tbBox a:hover{
	text-decoration: underline;
}




#divpop{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#divpop table{
	width: 100%;
	overflow: hidden;
}

#divpop td.tit{
	display: block;
	width: 100%;
	font-size: 18px;
	background: #333;
	color: #fff;
	padding: 20px 15px;
	vertical-align: middle;
}
#divpop td.tit img{
	margin: 0 10px 5px 0;
}
#divpop td.mapCon{
	height: 200px;
}

#divpop td.mapTxt{
	text-align: left;
	padding: 20px;
	line-height: 1.5;
}
#divpop td.mapTxt > p{
	max-height: 100px;
	overflow-y: auto;
}

#divpop td.mapBtn{
	text-align: center;
	padding: 20px;
}
#divpop td.mapBtn a{
	display: inline-block;
	background: #333;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
}


.sub_txt {width:100%; overflow: hidden; display: flex; justify-content: flex-start;}
.sub_txt>span {font-size:22px; width:100%; display:flex; line-height:22px; margin-bottom:20px; font-weight: 500; gap: 10px;}
.sub_txt2 {width:100%; text-align:left;}
.sub_txt2>span {font-size:22px; width:100%; float:left; line-height:22px; margin-bottom:20px;}
.sub_txt2>span>img {margin-bottom:5px; margin-right:10px;}
.sub_img {margin-top:40px; float:left; margin-bottom:40px;}

.sub_txt2 {font-size:20px;margin-top:50px; margin-bottom:20px; width:100%;}
.tb01 {width:100%; line-height:50px;}
.tb01 th {background:#f4f4f4; border-top:2px solid #555555; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; height:50px;}
.tb01 td {border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; height:50px; text-align:center; width:33%; color:#464545; }
.tb02 {width:100%; table-layout: fixed;}
.tb02 a {color:#464545;}
.tb02 th {background:#f4f4f4; border-top:2px solid #555555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:50px; line-height:50px;}
.tb02 td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:50px; text-align:center; color:#464545; vertical-align:middle;}
.tb02 td.text {text-align:left; padding-left:15px;}
.tb02 td.text > a {width: 92%;}
.tb02 td.text img {margin-left:10px;}
.tb02 td input{border: 1px solid #ccc; width: 100%; height: 35px; border-radius: 5px; text-indent: 0; letter-spacing: -0.75px;}
.tb02 td select{height: 35px; letter-spacing: -0.75px; border: 1px solid #ccc;}
.tb03 {width:100%; line-height:20px;}
.tb03 span {font-weight:bold; margin-right:10px;}
.tb03 th {width:130px; background:#f4f4f4; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:15px 0; vertical-align:middle;}
.tb03 td {border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:15px; color:#464545; vertical-align:middle; text-align:left; padding-left:15px;}
.tb04 {width:100%; line-height:20px; border-top:2px solid #555555; margin-top:30px;}
.tb04 th {width:130px; background:#f4f4f4; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:15px 0; vertical-align:middle;}
.tb04 th:first-child {border-left: 0px solid #e5e5e5;}
.tb04 td {border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:15px 10px; color:#464545; vertical-align:middle; text-align:left;}
.tb04 td:first-child {border-left: 0px solid #e5e5e5;}
.tb04 input {width:100%; border:1px solid #e5e5e5; height:35px; border-radius:5px;}
.tb04 textarea {width:100%; height:200px; border:1px solid #e5e5e5;}
.tb04 .license_text {width:100%; border:1px solid #e5e5e5; height:150px; padding:15px 10px; margin-bottom:10px; overflow-x: hidden; overflow:scroll;}
.tb05 {width:100%; line-height:50px; border-top:2px solid #555555; line-height:22px;}
.tb05 th {background:#f4f4f4; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 0; display: table-cell; vertical-align: middle}
.tb05 td {border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; padding:10px 0; color:#464545; display: table-cell; vertical-align: middle}
.tb05 td.left {text-align:left; padding-left:10px;}
.tb05 td textarea {width:95%; border:1px solid #e5e5e5;}
.tb06 {width:100%; line-height:20px; border-top:2px solid #555555; margin-top:30px;}
.tb06 th {width:130px; background:#f4f4f4; border-bottom:1px solid #e5e5e5; border-right:0; padding:15px 10px; vertical-align:middle;}
.tb06 td {border:0 !important; border-bottom:1px solid #e5e5e5 !important; border-right:0; padding:15px 10px; color:#464545; vertical-align:middle; text-align:left; padding-left:15px;}
.tb06 input {width:80%; border:1px solid #e5e5e5; height:35px;}
.tb06 textarea {width:80%; height:200px; border:1px solid #e5e5e5;}
/* mypage table */
.tb07 {width:100%; text-align: center; border-top: 2px solid #555;}
.tb07 th {
	background:#f4f4f4; 
	border-right: 1px solid #ebedf2;
	border-bottom:1px solid #ebedf2; 
	padding: 0 10px; 
	vertical-align:middle;
	height: 40px;
	line-height: 40px;
}
.tb07 td {
    border-right: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2;
    font-weight: 400;
    text-align: center;
    word-break: break-all;
    padding: 10px;
    box-sizing: border-box;
	vertical-align: middle;
}

.tb07 button {}
.tb07 input {width:80%; border:1px solid #e5e5e5; height:35px;}
.tb07 textarea {width:80%; height:200px; border:1px solid #e5e5e5;}

/* layerPop table */
.tb08 {width:100%; text-align: center;}
.tb08 th {
	background:#f4f4f4; 
	border-right: 1px solid #ebedf2;
	border-bottom:1px solid #ebedf2; 
	padding: 0 10px; 
	vertical-align:middle;
	height: 40px;
	line-height: 40px;
}
.tb08 td {
    border-right: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2;
    font-weight: 400;
    text-align: center;
    word-break: break-all;
    padding: 10px;
    box-sizing: border-box;
	vertical-align: middle;
}

.tb08 button {}
.tb08 input {width:80%; border:1px solid #e5e5e5; height:35px;}
.tb08 textarea {width:80%; height:200px; border:1px solid #e5e5e5;}


/* mypage user info box */
.userInfobox{
    padding: 20px;
    background-color: #fcfcfc;
    border: 8px solid #ebebeb;
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
}

.stdntRt{
    width: 100%;
    display: inline-block;
    overflow: hidden;
    margin: 40px 0;
}
.stdntRt ul{
    display: flex;
    overflow: hidden;
    justify-content: space-between;
}
.stdntRt ul li{
    width: 24%;
    line-height: 40px;
    display: flex;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    justify-content: space-between;
}
.stdntRt span{}
.stdntRt .icon{
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 20px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    float: left;
}
.stdntRt .icon i{
    color: #fff;
}
.stdntRt .title{
    display: inline-block;
    text-align: left;
    font-size: 16px;
    color: #333;
    float: left;
}
.stdntRt .num{
    float: right;
    text-align: right;
}
.stdntRt .num strong{
    padding-right: 15px;
}

.userInfobox .po_ab{
    right: 20px;
    bottom: 20px;
}


/* 수강증tb */
.siCard{
	padding: 40px 20px;
	display: block;
	border: 1px solid #333;
	box-sizing: border-box;
}
.siCard h3{
	font-size: 28px;
	text-align: center;
	padding: 0 0 30px 0;
	letter-spacing: 15px;
}
.siCard table{
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #0972c5;
}
.siCard table th{
	border-top: 0;
	border-bottom: 1px solid #ccc;
	border-right: 0px solid #555;
}
.siCard table td{
	border-bottom: 1px solid #ccc;
	border-right: 0;
    padding: 15px 10px;
    line-height: 1.5;
    letter-spacing: -0.75px;
}



.nm_size {width:230px; height:30px; border:1px solid #eeeeee;}
.p_size {width:100px; height:30px; border:1px solid #eeeeee;}
.tb03 select {width:100px; height:30px; border:1px solid #eeeeee;}
.tb03 input {font-size:14px; letter-spacing:-1.1px;}
.tb03 .add input {margin-top:5px;}
.tb03 .btn_add {padding:0px 20px; background:#353535; color:#fff; vertical-align:middle; margin-left:1px; display: block; height: 30px; line-height: 30px; font-weight: 400;}
.tb03 a {display:inline-block;}
.red {color:#ed174d;}
.ta_size {width:98%; height:100px; border:1px solid #eeeeee;}
.cal_title {width:100%; margin: 20px auto; text-align:center; font-size:22px; line-height:48px; vertical-align:middle;}
.cal_title a {display:inline;}
.cal_title li {line-height:48px; vertical-align:middle; display:inline;}
.cal_title li.date {padding:0 28px;}
.cal_title li span {font-size:28px; font-weight:bold; color:#0071bc;}
.tb_btn {width:100%; margin-bottom: 50px;}
.tb_btn li.left {float:left; background:#a1a1a1; color:#fff; height:40px; padding:0 30px; line-height:40px; margin-top:15px; border-radius: 5px;}
.tb_btn li.right {float:right; background:#434343; color:#fff; height:40px; padding:0 30px; line-height:40px; margin-top:15px; border-radius: 5px;}
.tb_btn li.pay {float:right; background:#0071bc; color:#fff; height:40px; padding:0 30px; line-height:40px; margin-top:15px; border-radius: 5px;}
.tb_btn ul{border-bottom: 0!important; border-top: 1px solid #d4d4d4;}
.apply_c {width:100%; border-top:2px solid #555555; border-bottom:1px solid #e5e5e5; padding:65px; text-align:center;}
.apply_c span.ap01 {font-size:22px; width:100%; display:block; margin-bottom:18px;}
.apply_c span.ap02 {font-size:16px; width:100%; display:block; margin-bottom:34px;}
.apply_c span.ap03 {font-size:40px; width:100%; display:block; color:#334655; margin-bottom:27px;}
.apply_c span.ap03 b {font-weight:bold; font-size:40px;}
.apply_c span.ap04 {font-size:16px; width:100%; display:block; color:#666666;}
.btn_comp {width:100%; height:55px; margin:0 auto; text-align:center;}
.btn_comp a {display:inline-block; padding:15px 40px; background:#505050; color:#fff; text-align:center;border-radius:5px; font-size:18px; width:300px; margin:0 auto;}
.btn_comp a.btn_mp {background:#03a9f3;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt80 {margin-top:80px;}
.tstyle_view {width:100%; margin-top:30px; text-align:left;}
.tstyle_view .title {border-top:1px solid #969696; font-size:20px; padding:20px 10px 0 10px;}
.tstyle_view ul.head{padding:10px 0 20px 10px; font-size:13px; border-bottom:1px solid #e9e9e9;}
.tstyle_view ul.head li {display:inline-block;}
.tstyle_view ul.head span {color:#888; margin-right:5px;}
.tstyle_view ul.head li p {width:2px; height:.6rem; background-color:#d3d8dd; position:static; margin-right:10px; margin-left:10px; display:inline-block;}
.tstyle_view ul.head li a{color: #333;}
.tstyle_view ul.head li .tb_file{display:inline-block; padding: 10px 10px 0 0;}
.tstyle_view .tb_contents {clear:both; padding:40px 20px; line-height:30px; border-bottom:1px solid #e9e9e9;}
.tstyle_view .tb_contents p{width: 100%; height: auto; overflow: hidden;}
.tstyle_view .tb_contents p img{width: auto; max-width: 100%;}
.tstyle_view .btn_list { padding-top:20px; padding-bottom:30px;}
.online_text {text-align:left; color:#0071ba; font-size:18px;}
.pass {width:70%; height:50px; border:1px solid #e9e9e9; display:block; margin:0 auto; margin-bottom:20px;}
.pop_title {color:#0071ba; font-size:24px; margin-bottom: 20px;}
.tap_apply {width:100%;}
.tap_apply li {float:left; width:20%; text-align:center; height:50px; line-height:50px; border:1px solid #e5e5e5;  margin-bottom:20px;}
.tap_apply li.active {background:#004ea0; color:#fff;}
.tap_apply a {color:#000;}
.print {width:100%;}
.print ul {width:100%;}
.print li {display:inline-block; border:1px solid #e5e5e5; border-radius:5px; width:24%; padding:35px 0; text-align:Center; font-size:16px; line-height:25px; margin:20px auto 35px auto; float: none !important;}
.print li img {display:block; text-align:center; margin:0 auto; margin-bottom:15px;}
.print li span {font-size:22px;}
.print li span.text {font-size:16px; display: inline-block; padding: 0 10px;}
.print li p.p_on {background:#434343; color:#fff; text-align:center; width:70%; margin:0 auto; margin-top:25px; padding:8px 0; border-radius:3px; line-height: 1.5;}
.print li p.p_off {background:#707070; color:#fff; text-align:center; width:70%; margin:0 auto; margin-top:25px; padding:8px 0; border-radius:3px;}
.print .printTxt{
	text-align: left;
	margin: 15px 0;
}
.print .printTxt p{
	font-size: 16px;
	display: block;
	padding: 5px 15px;
}
.print li.arrow{
	border: 0;
	width: 5%;
	line-height: 255px;
}
.login_tiitle {width:100%; text-align:center; font-size:40px; border-bottom:2px solid #555555; padding:20px 0;}
.login_box {width:530px; text-align:center; margin:0 auto; padding:50px; border:1px solid #e5e5e5; border-radius:5px; margin-top:60px;}
.login_box span {font-size:23px; display:block; margin-bottom:30px;}
.login_box input {width:400px; height:50px; border:1px solid #e5e5e5; margin-top:10px;}
.login_box .btn_login {background:#434343; color:#fff; text-align:center; width:400px; margin:0 auto; padding:20px 0; margin-top:30px;}
.login_box .login_ck {margin-top:10px;}
.login_box .login_ck a {margin-left:10px; display:inline-block; color:#000}
.idpw_box {width:48%; text-align:center; margin:0 auto; padding:50px; border:1px solid #e5e5e5; border-radius:5px; margin-top:60px; display:inline-block; vertical-align:top;}
.pdl10 {margin-left:10px;}
.idpw_box ul {margin-top:20px;}
.idpw_box li input {width:100%; height:50px; border:1px solid #e5e5e5; margin-top:10px;}
.idpw_box li input.phone {width:28%; height:50px; border:1px solid #e5e5e5; margin:0 5px; margin-top:10px;}
.idpw_box li input.email {width:30%; height:50px; border:1px solid #e5e5e5; margin:0 5px 0 0; margin-top:10px;}
.idpw_box li select.email{width: 30%; height: 50px; border: 1px solid #e5e5e5; margin: 0; margin-top: 10px; border-radius: 0;}
.idpw_box li.idpw_text {text-align:left;}
.idpw_box .idpw_title {font-size:23px; display:block; margin-bottom:30px;}
.idpw_box .btn_find {background:#434343; color:#fff; text-align:center; width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
.step01 {width:100%; text-align:left; text-align:center;}
.step01 .step_arrow {display:inline-block;}
.step01 .step {width:23%; margin-top:30px; display:inline-block;}
.step01 .step li {display:inline-block; vertical-align:middle;}
.step01 .step li.step_txt {margin-left:30px;}
.step01 .step li.arrow {padding:0 40px;}
.cert {width:32%; text-align:center; margin:0 auto; padding:50px; border:1px solid #e5e5e5; border-radius:5px; margin-top:60px; display:inline-block; margin-right:10px;}
.cert ul {margin-top:20px;}
.cert li img {margin-bottom:30px;}
.cert .btn_find {background:#434343; color:#fff; text-align:center; width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
.cert .title {font-size:30px; line-height:50px;}
.certficate {width:560px; height:840px; background:url('../image/img/bg_certi.png') no-repeat; margin:0 auto;}
.certficate .c_title {text-align:center; font-size:35px; font-weight:bold;}
.certficate .c_title01 {padding-top:50px; text-align:center; font-size:35px; font-weight:bold;}
.certficate .c_text {font-size:20px; text-align:center; margin-top:64px;}
.certficate .c_text01 {font-size:18px; text-align:center; margin-top:100px; line-height:26px;}
.certficate .name {font-size:50px; text-align:center; margin-top:46px; font-weight:bold;font-family: 'Damion', cursive;
font-family: 'Lora', serif;}
.certficate .c_text2 {font-size:18px; text-align:center; margin-top:46px; line-height:40px;}
.certficate .c_text02 {font-size:18px; text-align:center; margin-top:46px; line-height:40px; text-align:left;}
.certficate .c_text2 span {font-size:25px;}
.certficate .c_text3 {float:right; margin-top:40px; margin-right:30px;}
.certficate .c_text3 span {text-align:left; line-height:22px;}
.certficate .c_text4 {float:left; margin-top:40px; width:100%; margin-left:20px; vertical-align:middle;}
.certficate .c_text4 li {float:left;text-align:left; line-height:30px;}
.certficate .c_text4 img {margin-left:30px; margin-top:10px; width:150px;}
.certficate .c_text5 {float:left; width:100%; margin-top:40px;}
.certficate .c_text5 li.c_left {float:left; margin-left:20px;}
.certficate .c_text5 li.c_right {float:right; margin-right:20px;}
.int_tit {font-size:30px; line-height:40px; display:block; margin-bottom:30px;}
.int_sub {font-size:18px; line-height:26px; color:#3d3d3d;}
.sub_int>img{margin-bottom:30px; width:100%;}

.Terms {border:1px solid #e5e5e5; height:250px; width:100%; padding:15px 10px; margin-bottom:10px; overflow-x: hidden; overflow:scroll; margin-top:30px; text-align:left;}
.term_ck {text-align:left; margin-top:10px;}
.btn_step2 {margin-top:30px;}
.btn_step2 a {margin-right:10px;}
.btn_step01 {
    display:inline-block;
    height:53px;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:53px;
    border-radius:5px;
    background:#353535;
    padding:0 50px;
}
.btn_step02 {
    display:inline-block;
    height:53px;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:53px;
    border-radius:5px;
    background:#969696;
    padding:0 50px;
}
.btn_step3 {width:100%; margin-top:30px; float:left; text-align:center; margin-bottom:50px;}
.btn_step3 a {margin-right:10px;}
.btn_step01 {
    display:inline-block;
    height:53px;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:53px;
    border-radius:5px;
    background:#353535;
    padding:0 50px;
}

/* join */


.step2 .tb03{
	border-top: 3px solid #555;
	box-sizing: border-box;
}
.step2 .tb03 td{
	padding: 15px;
}
.tb03 input{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
	vertical-align: middle;
}
.tb03 select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 5px;
}

.tb03 .sptxt{
	font-weight: 400;
	font-size: 12px;
}
.tb03 .red{
	margin-right: 0;
}

.userSchBtn{
	position: relative;
}
.userSchBtn span{
	position: absolute;
	bottom: 15px;
	right: 12%;
	color: #b7cc1a;
	font-size: 16px;
}

.facInfo .btn{
	width: 50%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.apply_c{
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color: #f4f4f4;
	display: block;
	padding: 30px;
	margin-bottom: 50px;
}
.apply_c>p{
	line-height: 1.5;
}
.apply_c>p span{
	line-height: 1.5;
}


.certi_box {}
.certi_box .each_box {
	float:left; 
	width:50%; 
	padding:0 20px; 
	text-align:center;
}
.certi_box .each_box.ipin {
	border-right:1px solid #d1d1d1;
}
.certi_box .tit {
	margin-bottom:25px; 
	padding-top:110px; 
	background:url('../image/icon/join_ipin.png') center 0 no-repeat; 
	font-size:1.46em;
	color: #333;
}
.certi_box .each_box.phone .tit {
	background-image:url('../image/icon/join_phone.png');
}
.certi_box .txt {
	max-width:400px; 
	height:60px; 
	margin:0 auto 25px; 
	color:#777; 
	word-break:keep-all; 
	line-height: 1.2;
}
.certi_box .btn_wrap {
	padding-top:0; 
	text-align:center;
}
.certi_box.one .each_box {
	float:none; 
	width:100%; 
	border: 0 none;
}

@media screen and (max-width:640px){
	/* join_certi */
	.certi_box {padding:0 7%;}
	.certi_box .each_box {float:none;width:100%;padding:0;}
	.certi_box .each_box:first-child {padding-bottom:20px; border-right:0 none; border-bottom:1px solid #d1d1d1;}
	.certi_box .each_box:last-child {padding-top:20px;}
	.certi_box .tit {margin-bottom: 10px; padding-top: 70px; background-size: 60px;}
	.certi_box .each_box.phone .tit {background-size: 40px;}
	.certi_box .txt {height: auto; margin-bottom: 10px;}
	.certi_box.one .each_box {padding:0 !important; border:0 none;}
}

/*page*/
.board_pager {float:left; width:100%; padding-top:20px;}
.pagination {display: table; margin:0 auto;}
.pagination a {
  color: black;
  float: left;
  padding: 8px 11px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}
.pagination a.active {
  background-color: #0aafe5;
  color: white;
  border: 1px solid #0aafe5;
}
.pagination a:hover:not(.active) {background-color: #ddd;}

[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:hover:after {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.7);

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #FFFFFF;
	font-size: 12px;
	content: attr(data-tooltip-text);

  margin-bottom: 10px;
	top: 130%;
	left: 0;    
	padding: 10px 12px;
	position: absolute;
	width: auto;
	min-width: 100px;
	max-width: 300px;
	word-wrap: break-word;

	z-index: 9999;
}

/* 자료실 */
.selectBox{
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 15px;
}
.selectBox .dataSlct{
	width: 30%;
	float: left;
}
.searchBox{
	width: auto;
	height: auto;
	float: right;
	margin-bottom: 15px;
}
.searchBox .box_sort{
	margin-top: 0;
}
.searchBox .box_search{
	width: auto;
	float: right;
}


/* 이전교육이력 */
.pe_table .tb02 input{
	margin-right: 0;
	margin-top: 15px;
}
.pe_table th{
	padding: 5px;
	height: auto;
	line-height: 1;
	vertical-align: middle;
}
.pe_table th input{
	margin-top: 40px;
}
.pe_table .tb02 td{
	padding: 10px 5px;
	line-height: 1.2;
}
.pe_table td a{
	color: #fff;
}

/* 교육안내 */

/* 보육교직원 안전교육 */
.h4_label {
    display: block;
    margin: 30px 0 30px;
    font-size: 20px;
    font-weight: 500;
    padding-left: 25px;
    color:#303030;
	position: relative;
	overflow: hidden;
}
.h4_label::before{
    content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	/*background: url('../image/icon/sub_tit_icon.png') no-repeat;*/
	background-size: 16px;
}
.h5_label {
    position: relative;
    display: block;
    margin: 35px 0 17px;
    padding: 20px 37px;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    border: 1px solid #ddd;
}

.list_type1 > li {
    display: block;
    line-height: 30px;
    padding-left: 15px;
    font-size: 15px;
    color:#666;
    position: relative;
    overflow: hidden;
	margin-left: 12px;
}
.list_type1 > li::before{
    display: block;
    content: "";
    position: absolute;
    left: 2px;
    top: 12px;
    width: 5px;
    height: 5px;
    background-color: #555;
    transform: rotate(45deg);
}

.list_type1 > li.box_li{
    border: 1px solid #dbdbdb;
    padding: 10px;
    padding-left: 15px;
    margin-top: 10px;
}
.list_type121 > li{
    background: 0;
    padding-left: 0;
}

.list_type1 > li b {
    color:#333;
}

.list_type2 > li {
    display: block;
    line-height: 30px;
    padding-left: 15px;
    font-size: 15px;
    color:#666;
    position: relative;
    overflow: hidden;
}

.common_text {
    display: block;
    line-height: 30px;
    font-size: 15px;
    color: #666;
}

.bg_box {
    padding: 30px;
    background: #f5f5f5;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}
.bg_box1_2 .text1 {
    margin:0 0 25px;
    font-size:18px;
    font-weight:400;
    color:#333;
}
.bg_box1_2 .text2 {
    margin:0 0 15px;
    font-size:15px;
    font-weight:400;
    color:#444;
}
.bg_box1_2 ul {
    margin:0 0 35px;
}

.ol_type1 {
    display:block;
}
.ol_type1 li {
    display:block;
    float:left;
    width:24%;
    line-height:49px;
    margin-left:1px;
    font-size:15px;
    color:#fff;
    background:#999;
    border-radius:3px;
    overflow:hidden;
}
.ol_type1 li:first-child {
    margin-left:0;
}
.ol_type1 li span {
    display:inline-block;
    width:37px;
    margin-right:5px;
    font-size:15px;
    color:#fff;
    text-align:center;
    background:#555;
    border-right:1px solid #999;
    box-sizing: border-box;
}

.sub_int .tb04 td{
	text-align: center;
}

/* 보육교직원 응급처치교육 */
.s1_0 .bg_box22 {
    background: #f9f9f9;
    border:1px dashed #ddd;
    border-right: 0;
    border-left: 0;
    padding:20px 40px;
}
.s1_0 .bg_box22 h6 {
    font-size: 18px;
    font-weight: 500;
}

.s1_0 .bg_box22 li {
    margin-bottom: 5px;
}
.s1_0 .bg_box22 li span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    width: 65px;
    line-height: 27px;
    background:#666;
    text-align: center;
    margin-right: 15px;
    border-radius:25px;
}
.s1_0 .bg_box22 li b {
    display: inline-block;
    font-weight: 400;
    font-size:15px;
    color: #606060;
}

/* 231004 추가 */

/* 교육안내 */

.h4_label {
    display: block;
    margin: 30px 0 30px;
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 500;
    padding-left: 23px;
    color:#303030;
	position: relative;
	overflow: hidden;
}
.h4_label::before{
    content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	width: 10px;
	height: 10px;
    background-color: #38b4e5 !important;
	/*background: url('../image/icon/sub_tit_icon.png') no-repeat;
	background-size: 16px;*/
}
.h5_label {
    position: relative;
    display: block;
    margin: 35px 0 17px;
    padding: 20px 37px;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    border: 1px solid #ddd;
}

.list_type1 > li {
    display: block;
    line-height: 30px;
    padding-left: 15px;
    font-size: 15px;
    color:#666;
    position: relative;
    overflow: hidden;
	margin-left: 12px;
}
.list_type1 > li::before{
    display: block;
    content: "";
    position: absolute;
    left: 2px;
    top: 12px;
    width: 5px;
    height: 5px;
    background-color: #555;
    transform: rotate(45deg);
}

.list_type1 > li.box_li{
    border: 1px solid #dbdbdb;
    padding: 10px;
    padding-left: 15px;
    margin-top: 10px;
}
.list_type121 > li{
    background: 0;
    padding-left: 0;
}

.list_type1 > li b {
    color:#333;
}

.list_type2 > li {
    display: block;
    line-height: 30px;
    padding-left: 15px;
    font-size: 15px;
    color:#444;
    position: relative;
    overflow: hidden;
}

.common_text {
    display: block;
    line-height: 30px;
    font-size: 15px;
    color: #666;
}

.bg_box {
    padding: 30px;
    background: #f5f5f5;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}
.bg_box1_2 .text1 {
    margin:0 0 25px;
    font-size:18px;
    font-weight:400;
    color:#333;
}
.bg_box1_2 .text2 {
    margin:0 0 15px;
    font-size:15px;
    font-weight:400;
    color:#444;
}
.bg_box1_2 ul {
    margin:0 0 35px;
}

.ol_type1 {
    display:block;
}
.ol_type1 li {
    display:block;
    float:left;
    width:24%;
    line-height:49px;
    margin-left:1px;
    font-size:15px;
    color:#fff;
    background:#999;
    border-radius:3px;
    overflow:hidden;
}
.ol_type1 li:first-child {
    margin-left:0;
}
.ol_type1 li span {
    display:inline-block;
    width:37px;
    margin-right:5px;
    font-size:15px;
    color:#fff;
    text-align:center;
    background:#555;
    border-right:1px solid #999;
    box-sizing: border-box;
}

.sub_int .tb04 td{
	text-align: center;
}

.cont.edu1 .listType2{
	padding: 0 0 0 20px;
}

.s1_0 .bg_box22 {
    background: #f9f9f9;
    border:1px dashed #ddd;
    border-right: 0;
    border-left: 0;
    padding:20px 40px;
}
.s1_0 .bg_box22 h6 {
    font-size: 18px;
    font-weight: 500;
}

.s1_0 .bg_box22 li {
    margin-bottom: 5px;
}
.s1_0 .bg_box22 li span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    width: 65px;
    line-height: 27px;
    background:#666;
    text-align: center;
    margin-right: 15px;
    border-radius:25px;
}
.s1_0 .bg_box22 li b {
    display: inline-block;
    font-weight: 400;
    font-size:15px;
    color: #606060;
}


.listType1 > li{
	position: relative;
	padding-left: 15px;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	line-height: 1.7;
	text-align: left;
}
.listType1 > li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #38b4e5;
}
.listType2 > li{
	position: relative;
    padding: 4px 0 4px 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #444;
	text-align: left;
}
.listType2 > li:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #969696;
    border-radius: 2px;
}

/* 231004 추가 */


/* 교육 신청방법 */
.sub_int .step{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0;
    padding:0;
    list-style:none;
}
.sub_int .step li{
    position:relative;
    width:calc(100% / 4);
    margin: 5px 0;
}
.sub_int .step li:last-child{width:200px}
.sub_int .step li:after{
    position:absolute;
    top:50%;
    left:calc(200px + (100% - 200px)/ 2 - 5px);
    display:block;
    margin-top: -15px;
    content:'';
    border-width: 10px 0 10px 15px;
    border-style:solid;
    border-color:transparent transparent transparent #d6d6d6;
}
.sub_int .step li:last-child:after{
	content:none;
}
.sub_int .step li div{
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:200px;
    height:200px;
    border:2px dotted #dedede;
    border-radius:100%;
    background-color:#f9f9f9;
}
.sub_int .step li div:after{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    content:'';
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-width:2px;
    border-style:solid;
	border-color: #0aafe5;
    border-radius:100%;
    background-color:#fff;
}
.sub_int .step li div .step-number{
    font-size:15px;
    line-height:28px;
    position:absolute;
    z-index:1;
    top:55px;
    left:50%;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:80px;
    height:28px;
    margin-left:-40px;
    text-align:center;
    color:#fff;
    border-radius:14px;
	background-color: #0aafe5;
}

.sub_int .step li div strong{
    font-size:19px;
    font-weight:700;
    position:absolute;
    z-index:1;
    top: 105px;
    display:block;
    width:100%;
    text-align:center;
    letter-spacing:-.05em
}
.sub_int .step li div strong span{
	display:block;
}
.sub_int .txt{
	margin-top:55px;
}
.sub_int .txt li~li{
	margin-top:20px;
}
.sub_int .txt strong{
	font-size:16px;
	font-weight:500;
}

/* foot menu */
.div_outline{
	display: block;
	height: 350px;
	padding: 0 15px;
}
.div_outline strong{
	font-weight: 500;
}
.div_outline textarea{
	width: 100%;
	height: 350px;
	padding: 10px;
	font-size: 13px;
	letter-spacing: -0.5px;
	outline: 0;
	border-radius: 0;
}

.email_area {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.email_area .email_box {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.email_area .email_box .big_txt {
    margin-bottom: 20px;
    font-size: 20px;
    color: #222;
    font-weight: 700;
}
.email_area .email_box .normal_txt {
    margin: 0 10%;
    font-size: 15px;
    color: #555;
    line-height: 1.5;
    text-align: justify;
    word-break: keep-all;
}


/* faq */
.faqWrap{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.faqAccordion {
    width: 100%;
    margin: 0 auto;
	text-align: left;
}
.faqAccordion>li {
    background: #fff;
    margin-top: 10px;
}
.faqAccordion>li:first-child {
    margin-top: 0;
}
.faqAccordion>li>a {
    display: block;
    height: 78px;
    line-height: 78px;
    position: relative;
    font-size: 18px;
    color: #222;
    border: 1px solid #e5e5e5;
    padding-left: 81px;
    background-image: url("../image/icon/faq_plus_icon.png");
    background-position-y: 27px;
    background-position-x: 97%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.faqAccordion>li>a .q-mark {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 27px;
    left: 31px;
    background: url("../image/icon/faq_q_mark.png");
    text-indent: -9999px;
}
.faqAccordion>li .answerArea {
    display: none;
    border: 1px solid #c8c8c8;
    border-top: none;
    padding-left: 81px;
    padding-bottom: 30px;
    position: relative;
    box-sizing: border-box;
}
.faqAccordion>li .answerArea .a-mark {
    display: inline-block;
    width: 26px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 31px;
    background: url("../image/icon/faq_a_mark.png");
    text-indent: -9999px;
}
.faqAccordion>li .answerArea .answer {
    font-size: 16px;
    color: #636363;
    line-height: 26px;
    font-weight: 500;
}
.faqAccordion>li.active>a {
	background-color: #fff;
    border: 3px solid #3784c4;
	border-radius: 0;
    border-bottom: 0;
    line-height: 74px;
    padding-left: 79px;
    font-weight: 500;
    background-image: url("../image/icon/faq_minus_icon.png");
    background-position-y: 25px;
    background-position-x: 97%;
    background-repeat: no-repeat;
}
.faqAccordion>li.active>a .q-mark {
    top: 25px;
    left: 29px;
}
.faqAccordion>li.active .answerArea {
    border: 3px solid #3784c4;
    border-top: none;
    padding-left: 79px;
	padding-right:65px;
	line-height: 1.5;
}
.faqAccordion>li.active .answerArea .a-mark {
    left: 29px;
}


/********* player **********/
.onlineView{
	background-color: #333 !important;
	margin-bottom: 0 !important;
	padding: 35px 35px 0px 35px !important;
}
.onlineListWrap{
	position: absolute;
	top: 0;
	right: -300px;
	width: 350px;
	height: 88%;
	z-index: 999;
	transition: all ease-in-out .3s;
}


.toggleBtn{
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background-color: #ffc50c;
	font-size: 16px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;
}

.onlineListWrap.hh{
	height: 100% !important;
}

.onlineList{
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	overflow-y: auto;
	background-color: rgba(0, 0, 0, .3);
	z-index: 1;
	padding: 0 10px 12px 10px;
	transition: all ease-in-out .3s;
}
.onlineView .pagination{
	margin: 10px auto;
}
.onlineView .pagination a{
	border: 0;
	color: #fff;
	font-size: 18px;
}
.onlineView .pagination strong{
	color: #ffc50c;
}
.onlineView .pagination a i{
	font-size: 20px;
}
.onlineView .pagination a:hover{
	background: none;
}
.onlineList .palyList{
	width: 100%;
	height: auto;
}
.onlineList .palyList ul li{
	display: block;
	padding: 20px;
	background-color: #fff;
	margin-bottom: 5px;
	text-align: left;
	border-radius: 10px;
}
.onlineList .palyList ul li:last-child{
	margin-bottom: 0;
}
.onlineList .palyList ul li a{
	display: block;
}
.onlineList .palyList ul li span{
	font-size: 14px;
	color: #333;
}
.onlineList .palyList ul li span.num{
	display: inline-block;
	color: #fff;
	padding: 3px 6px;
	font-size: 12px;
	background-color: #ffc50c;
}
.onlineList .palyList ul li span.text{
	display: inline-block;
	padding-left: 5px;
	width: 85%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.onlineList .palyList ul li span.name{
	display: block;
	padding-top: 5px;
}

.videoWrap{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.iframeP{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.videoCon{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.onlineView .modal-footer .pagination{
	margin: 0px auto;
}
.onlineView .modal-footer .pagination a{
	font-size: 18px;
}


/* edu detail */
.eduDt{
	width: 100%;
	margin-bottom: 20px;
	word-break: break-all;
	box-sizing: border-box;
	line-height: 20px;
}
.eduDtTab {
	display: block;
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}
.eduDtTab li{
	display: inline-block;
    text-align: center;
	padding: 0 10px;
	vertical-align: middle;
	font-size: 12px;
	color: #ccc;
}
.eduDtTab li a {
	display: block;
    font-size: 18px;
    color: #333;
	cursor: pointer;
}
.eduDtCont{
	padding: 15px;
	border: 1px solid #e5e5e5;
	text-align: left;
}
.eduDtCont p{
	margin-bottom: 5px;
	font-size: 15px;
	color: #333;
}
.eduDtCon {
	margin: 10px 0 40px 0;
}
.h3label{
	text-align: left;
	font-size: 18px;
	color: #4195f5;
	font-weight: 400;
	margin: 20px 0 15px 0;
}
.eduDtCon .tb06{
	margin-top: 0;
}

.EduDt td p{
	padding-bottom: 0 !important;
	margin-bottom: 5px !important;
}
.EduDt td p span{
	font-weight: 400 !important;
	margin-right: 0 !important;
}
.EduDt td span{
	font-weight: 400 !important;
	margin-right: 0 !important;
}
.EduDt td ul li{
	display: block;
	padding-left: 30px !important;
}
.EduDt td .tb06{
	margin-top: 5px;
}

/* 교육신청 입력폼 */
.eduRcept{
	width: 100%;
	margin-bottom: 20px;
	word-break: break-all;
	box-sizing: border-box;
	line-height: 20px;
	border: 1px solid #e5e5e5;
	padding: 15px;
}

.eduRcept .tb04{
	margin-top: 0;
	margin-bottom: 40px;
}
.eduRcept .tb06 {
	margin-bottom: 40px;
}
.eduRcept .tb06 input{
	border-radius: 5px;
}

.eduRcept .Terms{
	border: 1px solid #e5e5e5;
    height: auto;
    width: 100%;
    padding: 20px 15px;
    margin-bottom: 0px;
    overflow-x: hidden;
    overflow: hidden;
    margin-top: 0;
    text-align: left;
	font-size: 15px;
}
.eduRcept .Terms h4{
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 400;
}
.eduRcept .Terms p{
	display: block;
	padding: 5px 0;
	color: #454545;
}
.eduRcept .Terms ul{
	display: block;
	text-align: left;
}
.eduRcept .Terms ul li{
	display: block;
	padding: 5px 0;
	color: #454545;
}
.eduRcept .tb04 select{
	min-width: 90px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	padding: 0 15px 0 5px;
}
.eduRcept .tb04 .userEmail3{
	width: 15%;
}
.eduRcept .tb04 input{
	width: 50%;
	vertical-align: middle;
}
.eduRcept .tb04 .ip1{
	width: 15%;
}

/* remodal calendar */
.remodal.cal .cal_title{
	margin: 10px auto;
}
.remodal.cal #calendar .date{
	margin-bottom: 5px;
}
.remodal.cal #calendar .days li{
	height: 100px;
}
.remodal.cal #calendar .event-desc{
	min-width: 60px;
	text-align: left;
	margin: 0;
}
.remodal.cal #calendar .time{
	font-size: 12px;
	letter-spacing: -0.5px;
}

.remodal.cal #calendar .event .am {
    display: inline-block;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 5px;
    line-height: 13px;
    background: #4195f5;
    box-sizing: border-box;
    color: #fff;
    margin: 2px 0px 2px 5px;
}
.remodal.cal #calendar .event .pm {
    display: inline-block;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 5px;
    line-height: 13px;
    background: #00c292;
    box-sizing: border-box;
    color: #fff;
    margin: 2px 0px 2px 5px;
}


/* detail */
.detailWrap{
    display: block;
    /*justify-content: space-between;*/
}
.detailTit{
	width: 850px;
	float: left;
}
.detailCon{
    width: 850px;
    float: left;
}
.detailInfo{
    width: 400px;
    float: right;
}
.dtInfoThum{
    width: 400px;
    height: 250px;
}

.dtInfoTxt .text_info{
    padding: 20px 15px;
    border: 1px solid #ccc;
}
.dtInfoTxt .text_info ul li{
    padding: 3px 0;
	line-height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.dtInfoTxt .text_info ul li span{
    letter-spacing: -1px;
}
.dtInfoTxt .text_info ul li span.dt{
    width: 15%;
}
.dtInfoTxt .text_info ul li span.dd{
    width: 83%;
}

.detailInfo .icon_tag {
    display:inline-block;
    height:25px;
    color:#fff;
    font-size:12px;
    font-weight:500;
    line-height:25px;
    border-radius:5px;
    padding: 0 10px;
	margin: 0 0 0 3px;
	vertical-align: middle;
}


/* 마이페이지 교육 리스트 */
.srchYear{
	display: block;
	font-size: 16px;
	padding: 10px 20px 13px 10px;
	transition: all 0.2s;
	color: #333;
	letter-spacing: -1px;
	border: 0;
    background: url("../image/icon/icon_select_3.jpg") center right no-repeat #fff;
    text-align: left;
	width: 90px;
	border-radius: 0px;
	margin-right: 0;
}
.srchYear:active, .srchYear:focus{
	outline: none;
	border: 0;
}



/* 마이페이지 교육 상세 */
.listWrap .box_list li.room {
	padding-top: 35px;
	position: relative;
}
.listWrap .box_list li.room .roomTit{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 35px;
	line-height: 35px;
}
.roomOut{
	position: absolute;
	right: 0;
	display: inline-block;
	padding-right: 5px;
}
.tb07 td .roomType{
	height: 30px;
	line-height: 30px;
}


.tb03.edutb td p{
	padding-bottom: 0 !important;
}
.tb03.edutb td p span{
	font-weight: 400 !important;
}
.tb03.edutb td span{
	font-weight: 400 !important;
	margin-right: 0 !important;
}
.tb03.edutb td ul{
	border-bottom: 0 !important;
	padding-left: 10px;
	margin-bottom: 0 !important;
	width: 100% !important;
	overflow: hidden;
}
.tb03.edutb td ul li{
	display: block !important;
	float: none !important;
	padding-left: 10px !important;
}

/* 마이페이지 테이블 */
.rp{
	display: inline-block;
	margin-left: 3px;
	color: #ee3f22;
}
.newBtn{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: #ee3f22;
	border-radius: 4px;
	margin-left: 5px;
	font-size: 12px;
	text-align: center;
}

td.noti > a{
	font-weight: 500 !important;
	color: #369eff !important;
}

/* comment */
.commentWrap{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.commentNum{
	display: block;
	padding: 15px 0;
}
.commentList{
	display: block;
	border: 1px solid #efefef;
	padding: 15px;
	margin-bottom: 15px;
}
.commentList ul{
	border-bottom: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}
.commentList ul li{
	width: 100%;
	margin-left: 0;
	display: block;
	margin: 5px 0;
}
.commentList .profile_info{
	display: block;
	padding: 5px 0;
}
.commentList .profile_info .txt_name{
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	color: #369eff;
}
.commentList .profile_info .txt_date{
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #959595;
	margin-left: 5px;
}

.commentList .box_post{
	display: block;
	width: 100%;
}
.commentList .box_post .desc_info{
	background: #fff;
	width: 100%;
	height: auto;
	line-height: 1.5;
	text-align: left;
}
.commentList .box_post .desc_info .original_comment{
	color: #545454;
	font-size: 14px;
}
.commentList .box_post .desc_info .comtTa{
	width: 85%;
	border: 1px solid #e5e5e5;
}


.commentWrite{
	display: block;
	border: 1px solid #efefef;
	padding: 15px;
	margin-bottom: 15px;
}
.commentWrite .comtTa{
	width: calc(100% - 120px);
	height: 85px;
	margin-right: 0;
	vertical-align: top;
	border: 1px solid #e5e5e5;
	padding: 5px;
}
.commentWrite .comtBtn{
	width: 100px;
	height: 85px;
	margin-left: 15px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	vertical-align: top;
	font-size: 15px;
}



/* 강사 마이페이지 */
.remodal.scView{
	max-width: 700px;
}

.edu8 .tb04{
	margin-top: 15px;
}
.edu8 .common_table{
	margin-bottom: 40px;
}

.topTab{
	text-align: left;
}
.eduQbtn{
	display: inline-block;
	padding: 8px 25px;
	background: #0aafe5;
	color: #fff;
	font-size: 17px;
	border-radius: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.eduBtn{
	margin-bottom: 5px;
}

.p_type1{
	font-size: 14px;
	margin-bottom: 5px;
}
/***** • list_type3 *****/
.list_type3>li {
    display: block;
    line-height: 18px;
    padding-left: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
	word-break: keep-all;
	margin-bottom: 5px;
}
.list_type3>li::before{
    line-height: 18px;
    font-size: 14px;
	content: "• ";
    position: absolute;
    top: -1px;
	left: 1px;
}
/***** - list_type4 *****/
.list_type4>li {
    display: block;
    line-height: 20px;
    padding-left: 10px;
    font-size: 14px;
    color:#666;
	word-break: keep-all;
	position: relative;
	overflow: hidden;
}
.list_type4>li::before{
    line-height: 20px;
    font-size: 14px;
	content: "- ";
    position: absolute;
    top: 0px;
	left: 0px;
}
/***** ※ list_type5 *****/
.list_type5>li {
    display: block;
    line-height: 20px;
    padding-left: 15px;
    font-size: 14px;
    color:#666;
	word-break: keep-all;
	position: relative;
	overflow: hidden;
}
.list_type5>li::before{
    line-height: 20px;
    font-size: 13px;
	content: "※ ";
    position: absolute;
    top: 0px;
	left: 0px;
}
/***** * list_type6 *****/
.list_type6>li {
    display: block;
    line-height: 20px;
    padding-left: 10px;
    font-size: 14px;
    color:#666;
	word-break: keep-all;
	position: relative;
	overflow: hidden;
}
.list_type6>li::before{
    line-height: 20px;
    font-size: 14px;
	content: "* ";
    position: absolute;
    top: 0px;
	left: 0px;
}



.cstmainVisual{
	width: 100%;
	height: 750px;
	overflow: hidden;
}
.cstmainVisual img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.cstInfoWrap .cstcon{
    margin-bottom: 30px;
}
.cstInfoWrap .h4_label{
	margin: 10px 0;
}
.cstInfoWrap .cstcon1 li{
	width: 30%;
	float: left;
	min-height: 80px;
}
.cstInfoWrap .cstcon1 li:nth-child(odd){
	margin-right: 15px;
    width: 65%;
}
.cstcon1 li span{
	display: block;
	line-height: 16px;
    margin-bottom: 5px;
}

.cstcon .con{
	display: block;
	padding: 0;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.cstcon2 .con{
	padding: 20px;
	background-color: #f4f4f4;
    border-radius: 10px 0 10px 0;
}
.cstcon .steps{
	display: block;
	text-align: left;
	overflow: hidden;
    margin-bottom: 20px;
}
.cstcon .steps h3{
    display: block;
}
.cstcon .steps h3 span{
    font-size: 14px;
    font-weight: 500;
    background-color: #7f8f12;
    padding: 12px 20px;
    margin: 5px 0 10px 0; 
    display: inline-block;
    color: #fff; 
    border-radius: 10px 10px 10px 0;
}
.cstcon .steps li{
	display: inline-block;
    vertical-align: middle;
}
.steps li:last-child{
    background: none;
}
.cstcon .steps .arrow{
	width: 14px;
	vertical-align: middle;
	margin: 0 15px;
}
.cstcon .steps .arrow img{
	width: 100%;
}

.cstcon .con li img{
	width: 100%;
}
.cstcon .con li .txt{
	text-align: center;
	display: block;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -1px;
	background-color: #fff;
    border-radius: 10px 0px 10px 0px;
    border: 3px solid #b7cc1a;
    box-sizing: border-box;
    margin-top: 0;
}
.cstcon .con li:first-child .txt{
	background-color: #fff;
}

.cstcon .tb04 td{
    padding: 10px;
    padding-left: 10px;
    letter-spacing: -0.5px;
}


.cstRgsWrap {min-height:500px;}
.cstRgsWrap .tb04{
    margin-top: 0;
}
.cstRgsWrap .cs_top_sec {padding:40px 0 115px;background:#c3e2c0 url(../images/consulting/cs_top_bg.jpg) no-repeat center top;background-size:auto 100%;}
.cstRgsWrap .cs_top_sec .tit {width:1050px;margin:0 auto;font-size:45px;font-weight:800;color:#3d7a34;line-height:60px;letter-spacing:-2.5px;}
.cstRgsWrap .cs_top_sec .tit > span {display:block;color:#65b359;}

.cstRgsWrap .cs_cont {position:relative;width:1050px;margin:-70px auto 0;padding:50px 35px;background:#fff;border:solid 1px #d4d4d4;box-sizing:border-box;}
.cstRgsWrap .cs_cont .cs_gnb {position:absolute;top:-20px;right:0px;font-size:0;}
.cstRgsWrap .cs_cont .cs_gnb > li {display:inline-block;margin-left:5px;vertical-align:top;}
.cstRgsWrap .cs_cont .cs_gnb > li > a {display:block;padding:0 20px;border-radius:40px;font-size:14px;color:#fff;text-align:center;line-height:40px;}
.cstRgsWrap .cs_cont .cs_gnb > li.csg01 > a {background:#3d7a34;}
.cstRgsWrap .cs_cont .cs_gnb > li.csg02 > a {background:#3d7a34;}
.cstRgsWrap .cs_cont .cs_gnb > li.csg03 > a {background:#ee6419;}
.cstRgsWrap .cs_cont .list_table .num, .cstRgsWrap .cs_cont .list_table .date,
.cstRgsWrap .cs_cont .list_table .stat {text-align:center;}
.cstRgsWrap .cs_cont .list_table .stat > span {display:inline-block;width:90%;color:#fff;line-height:30px;vertical-align:middle;}
.cstRgsWrap .cs_cont .list_table .stat > span.stat_ing {background:#65b359;}
.cstRgsWrap .cs_cont .list_table .stat > span.stat_fin {background:#000;}

.list_table .stat {text-align:center;}
.list_table .stat > span {display:inline-block;width:90%;color:#fff;line-height:30px;vertical-align:middle;}
.list_table .stat > span.stat_ing {background:#65b359;}
.list_table .stat > span.stat_fin {background:#000;}

.cstRgsWrap .view_title {display:block; padding:15px 10px; font-size:110%; font-weight:bold; word-break:break-all; background:#fff; border-bottom:1px solid #ddd; overflow:hidden;}
.cstRgsWrap .author_area { display:block; padding:10px 10px; font-size:12px; border-bottom:1px solid #ddd; overflow:hidden; }
.cstRgsWrap .author_arae:after { display:block; content:""; clear:both; }
.cstRgsWrap .author_area .author_left { display:block; float:left; }
.cstRgsWrap .author_area .author_right { display:block; float:right; }
.cstRgsWrap .author_area span { display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.cstRgsWrap .read_area { position:relative; display:block; min-height:200px; padding:20px 10px; border-bottom:1px solid #ddd;;overflow:hidden; }

.cstRgsWrap .agree_box {margin-bottom:30px; overflow: hidden;}
.cstRgsWrap .agree_box textarea {width:100%;height:250px;padding:10px;border:solid 1px #e4e4e4;font-family:'Nanum Gothic', serif;font-size:12px;color:#555;line-height:1.5;resize:none;box-sizing:border-box;}
.cstRgsWrap .agree_box .chk {padding:10px 0;text-align:right;}
.cstRgsWrap .agree_box .chk input[type=radio] {margin-left:20px;vertical-align:middle;}
.cstRgsWrap .agree_box .chk label {display:inline-block;margin-left:2px;vertical-align:middle;}
.cstRgsWrap .cs_w {margin-bottom:30px;}
.cstRgsWrap .cs_w .cs_w_noti {margin-bottom:5px;text-align:right;}
.cstRgsWrap .cs_w .cs_w_tit {position:relative;margin-bottom:10px;padding-left:18px;font-size:16px;font-weight:500;}
/*.cstRgsWrap .cs_w .cs_w_tit:before {content:"";position:absolute;left:0;top:5px;width:8px;height:8px;background:#37ba51;}*/
.cstRgsWrap .cs_w .cs_w_tit > span {font-size:13px;font-weight:400;color:#999;}
/*.cstRgsWrap .cs_w .table_layout {border-top:solid 2px #3d7a34;}*/
.cstRgsWrap .cs_w .cs_w_table {width:100%;border-collapse:collapse;border-spacing:0;}
.cstRgsWrap .cs_w .cs_w_table th {padding:15px 0; font-size:16px;color:#444; text-align:center;}
.cstRgsWrap .cs_w .cs_w_table td {padding:10px 20px;text-align:left;}
.cstRgsWrap .cs_w .cs_w_table td:last-child {border-right:none;}
.cstRgsWrap .cs_w .cs_w_table td input[type=text] {width:100%;height:30px;padding:0 5px;background:#fff;border:solid 1px #ccc;line-height:30px;vertical-align:middle;box-sizing:border-box; border-radius: 5px;}
.cstRgsWrap .cs_w .cs_w_table td select {width:100%;height:30px;padding:0 5px;border:solid 1px #ccc;line-height:30px;vertical-align:middle;box-sizing:border-box;}
.cstRgsWrap .cs_w .cs_w_table td input[type=text]:disabled,
.cstRgsWrap .cs_w .cs_w_table td select:disabled {background:#f3f3f3;}
.cstRgsWrap .cs_w .cs_w_table td textarea {width:100%;height:250px;padding:10px;border:solid 1px #e4e4e4;font-family:'Nanum Gothic', serif;font-size:12px;color:#555;line-height:1.5;resize:none;box-sizing:border-box;}
.cstRgsWrap .cs_w .cs_w_table th .btn_info {display:block;width:50%;margin:5px auto 0;padding:5px 0;background:#3d7a34;font-size:14px;color:#fff;}
.cstRgsWrap .cs_w_btm .cs_w_btm_tit {position:relative;margin-bottom:10px;padding-left:20px;font-size:18px;font-weight:700;}
.cstRgsWrap .cs_w_btm .cs_w_btm_tit:before {content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border:solid 4px #37ba51;border-radius:100%;}

.cstRgsWrap .table_layout{
}

.cstRgsWrap .cs_w_btm .gbox {padding:20px 30px;background:#f5f5f5;font-size:15px;line-height:24px;}
.cstRgsWrap .cs_w_btm .chk {padding:10px 0;text-align:right;}
.cstRgsWrap .cs_w_btm .chk input[type=checkbox] {margin-left:20px;vertical-align:middle;}
.cstRgsWrap .cs_w_btm .chk label {display:inline-block;margin-left:2px;vertical-align:middle;}

.cstRgsWrap .btn_area {margin:20px 0 0;text-align:center;}
.cstRgsWrap .btn_area > a.btn01 {background:#65b359;border:solid 1px #3d7a34;color:#fff;}
.cstRgsWrap .btn_area > input[type=submit].btn01 {background:#65b359;border:solid 1px #3d7a34;color:#fff;}
.cstRgsWrap .btn_area > a.btn03 {float:right;}

.cstRgsWrap .cs_fin_box {padding:10px;border:solid 1px #dbdbdb;}
.cstRgsWrap .cs_fin_box .box_sub {padding:40px 0;background:#f5f5f5;text-align:center;}
.cstRgsWrap .cs_fin_box .tit {font-size:40px;font-weight:800;color:#333;}
.cstRgsWrap .cs_fin_box .tit > span {color:#3d7a34;}
.cstRgsWrap .cs_fin_box .stit {margin:10px 0 30px;font-size:16px;font-weight:700;color:#333;}
.cstRgsWrap .cs_fin_box .txt {font-size:14px;color:#999;line-height:26px;}
.cstRgsWrap .cs_fin_btm_sec {margin-top:50px;text-align:center;}
.cstRgsWrap .cs_fin_btm_sec > a {display:inline-block;width:220px;background:#3d7a34;font-size:22px;color:#fff;line-height:55px;vertical-align:top;}


.cstRgsWrap .cs_w .cs_w_tit:before {
    content:"";
    position:absolute;
    left:0;
    top: 50%;
	margin-top: -3px;
    width:6px;
    height:6px;
    background-color: #f8d017;
}
.cstRgsWrap .cs_w .cs_w_tit:after {
    content:"";
    position:absolute;
    left:6px;
    top: 50%;
	margin-top: -3px;
    width:6px;
    height:6px;
    background-color: #d9dd31;
}

.cstRgsWrap table th label{
	font-size: 16px;
	font-weight: 500;
	cursor: default;
}
.tb04 .ip_rdo{
    width: 20px;
    border: 0;
    height: auto;
}
.cstRgsWrap .agree_p{
    font-size: 18px;
    line-height: 1.2;
}

.cstRgsWrap .mb_tel li{
    float: left;
    width: 30%;
}
.cstRgsWrap .mb_tel .hif{
    width: 5%;
    text-align: center;
    line-height: 30px;
}

.cstTbSub{
    width: 300px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    display: none;
    position: absolute;
    top: 10%;
    left: 49%;
    box-shadow: 5px 5px 15px #999;
    z-index: 999;
}
.cstTbSub img{
    width: 100%;
}
.cstTbSub p{
    display: block;
    padding: 10px 0 0 0;
    font-size: 14px;
    color: #666;
    line-height: 1.2;
    text-align: left;
}
.cstTbSub p strong{
	font-weight: 700;
}

.cstTbSubPop.cstTbSub{
    width: 300px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
    z-index: 999;
}

.bdInfo{
	font-size: 16px;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

.imgFileEdit{
	padding: 5px 10px;
	color: #999;
}

.cstFacTd{
	padding: 20px 20px 21px 20px !important;
}


/* SelfCheckGrid */

.scName{
	width: 100%;
	overflow: hidden;
	text-align: left;
	background-color: #f9f9f9;
	border: 1px dotted #ccc;
	border-radius: 5px;
}
.scName ul{
	display: block;
	padding: 20px;
}
.scName ul li{
	display: block;
	font-size: 14px;
	padding: 5px 0;
}
.scName ul li span{
	display: inline-block;
	width: 70px;
}
.scName ul li input{
	width: 70px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #c8d1db;
	box-sizing: border-box;
	padding: 0 5px;
}
.scName ul li input.name{
	width: 180px;
}
.scName ul li input.tel{
	width: 150px;
}

.cst .board_tab{
	border-bottom: 0;
}
.cst .board_tab li p{
	border-radius: 0;
	background: #fff;
	border: 1px solid #333;
	box-sizing: border-box;
}
.cst .board_tab li p a{
	border-radius: 0;
	color: #333;
}
.cst .board_tab li.active a{
	background: #333;
	color: #fff;
}


.cont_box{
	margin-bottom: 50px;
}
.h5_label{
	display: block;
	padding: 15px 15px 15px 25px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	text-align: left;
	background: #f9f9f9;
	border: 2px dotted #dedede;
	border-radius: 5px;
	position: relative;
}
.h5_label:before{
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #333;
	border: 3px double #fff;
}
.cst .cont_box .tb04 td{
	padding: 15px;
}
.cst .cont_box .tb04 input[type=radio] {
	width: 15px;
}
.cst .cont_box .tb04 .comnt{
	width: 90%;
	height: 50px !important;
}
.cst .span_blue{
	color: #03a9f3;
	display: block;
}

.cst .finBtn{
	right: 0;
}


/* 만족도조사 */
.scName.fb{
	line-height: 2;
	margin-bottom: 35px;
}
.fb_table .tb04{
	margin: 15px 0 35px 0;
}
.fb_table .tb04 td{
	padding: 15px;
}
.fb_table .tb04 td p{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.fb_table .tb04 td input[type=text]{
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	vertical-align: middle;
	border-radius: 5px;
}
.fb_table .tb04 td input[type=radio]{
	width: 20px;
	border: 0;
	height: auto;
}
.fb_table .tb04 td input[type=checkbox]{
	width: 20px;
	border: 0;
	height: auto;
    margin-right: 0;
}
.fb_table .tb04 td input[type=checkbox]:after{
	width: 20px;
	border: 0;
	height: auto;
    content: none;
}
.fb_table .tb04 td select{
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	vertical-align: middle;
	border-radius: 5px;
    font-size: 13px;
    text-indent: 5px;
}
.fb_table .tb04 td select.fbDate{
	width: 50px;
}


.rdg{
	padding: 15px 0 !important
}
.chk_list{
	
}

.chk_list li{
	width: 20%;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.bot_tit{
	font-size: 24px;
	padding: 20px;
	font-weight: 500;
}

.fbTarea{
	height: 150px;
	padding: 5px;
	margin: 20px 0 30px 0;
}

.chk_list {
	font-size:0;
}
.chk_list > li {
	display:inline-block;
	width:50%;
	box-sizing:border-box;
}
.chk_list > li {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.chk_list > li input[type=radio] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
	overflow:hidden;
}
/*
.chk_list > li input[type=radio] + label {
	position:relative;
	display:block;
	padding:0 5px;
	font-size:14px;
	line-height:24px;
	cursor:pointer;
	box-sizing:border-box;
}
*/
.common_text.ty02 .chk_list {
	border:solid 1px #ddd;
}
.common_text.ty02 .chk_list > li input[type=radio] + label {
	line-height:40px;
}
.chk_list > li input[type=radio]:checked + label {
	background:#03a9f3;
	color:#fff;
}
.chk_list.ty02 > li {
	width:20%;
	border-right:solid 1px #ddd;
}
.chk_list.ty02 > li:last-child {
	border:none;
}
.chk_list.ty02 > li input[type=radio] + label {
	font-size:16px;
	font-weight:700;
	color:#aaa;
}
.chk_list.ty02 > li input[type=radio]:checked + label {
	background:none;
	color:#03a9f3;
}
/*
.chk_list.ty02 > li input[type=radio]:checked + label:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 0 0 -12px;
	background:#03a9f3;
	border-radius:100%;
}
*/
.chk_list.fs > li input[type=radio] + label {
	height:32px;
	font-size:12px;
	line-height:16px;
	letter-spacing:-1px;
	word-break:break-all;
}
.chk_list.ty03 {
	border:solid #ddd;
	border-width:1px 0 1px 1px;
}
.chk_list.ty03 > li {
	border-right:solid 1px #ddd;
}
.chk_list.ty03 > li input[type=radio] + label {
	text-align:center;
	line-height:40px;
}

/* 교육만족도조사 */
.fb_table1 .chk_list{
	display: block;
	padding: 0 10px;
	text-align: center;
}

.fb_table1 .chk_list li{
	margin-right: 15px;
}
.fb_table1 .chk_list li:last-child{
	margin-right: 0;
}

.fb_table1 .chk_list > input[type=radio] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
	overflow:hidden;
}
.fb_table1 .chk_list > input[type=radio] + label {
	position:relative;
	display:block;
	padding:0 5px;
	font-size:14px;
	line-height:24px;
	cursor:pointer;
	box-sizing:border-box;
}
.common_text.ty02 .chk_list {
	border:solid 1px #ddd;
}
.common_text.ty02 .chk_list > input[type=radio] + label {
	line-height:40px;
}

/*
.fb_table .chk_list > li input[type=radio]:checked + label {
	background:#03a9f3;
	color:#fff;
}
*/
.fb_table1 .chk_list.ty02 > li {
	width: auto;
	border-right:solid 0px #ddd;
}
.fb_table1 .chk_list.ty02 > li:last-child {
	border:none;
}
.fb_table1 .chk_list.ty02 > li input[type=radio] + label {
	font-size:16px;
	font-weight:700;
	color:#aaa;
}
.fb_table1 .chk_list.ty02 > li input[type=radio]:checked + label {
	background:none;
	color:#03a9f3;
}
/*
.fb_table1 .chk_list.ty02 > li input[type=radio]:checked + label:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 0 0 -12px;
	background:#03a9f3;
	border-radius:100%;
}
*/


.fb_table1 .tb04 td li{
	display: inline-block;
}
.fb_table1 .tatd{
	padding: 20px 15px;
	vertical-align: middle;
}
.fb_table1 .fbTarea{
	height: auto;
	vertical-align: middle;
	margin: 0;
}


/* checkbox */
.fb_table1 .chk_list input[type=checkbox] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
	overflow:hidden;
}
.fb_table1 .chk_list li input[type=checkbox]:after {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
    background: none;
	overflow:hidden;
    margin-right: 0;
}
/*
.fb_table1 .chk_list li input[type=checkbox] + label {
	position:relative;
	display:block;
	padding:0 5px;
	font-size:14px;
	line-height:24px;
	cursor:pointer;
	box-sizing:border-box;
}
*/

.fb_table1.ty02 .chk_list li input[type=checkbox] + label {
	line-height:40px;
}
.fb_table1 .chk_list li input[type=checkbox]:checked + label {
	background:#03a9f3;
	color:#fff;
}

.fb_table1 .chk_list.ty02 li input[type=checkbox] + label {
	font-size:16px;
	font-weight:700;
	color:#aaa;
}
.fb_table1 .chk_list.ty02 li input[type=checkbox]:checked + label {
	background:none;
	color:#03a9f3;
}
/*
.fb_table1 .chk_list.ty02 li input[type=checkbox]:checked + label:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 0 0 -12px;
	background:#03a9f3;
	border-radius:100%;
}
*/




.fbTopTxt{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.fbTopTxt p{
	font-weight: 500;
	text-align: right;
	padding-bottom: 5px;
	font-size: 16px;
}
.fbTopTxt p span{
	display: inline-block;
	font-weight: 400;
	text-align: left;
	min-width: 80px;
}

.chk_list.yn{
	border: 1px solid #ccc;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	width: 60%;
}
.chk_list.yn li {
	position:relative;
	display:inline-block;
	width: 50%;

}
.chk_list.yn > li input[type=radio] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
	overflow:hidden;
}
.chk_list.yn > li input[type=radio] + label {
	position:relative;
	display:block;
	padding:0 5px;
	font-size:14px;
	height: 40px;
	line-height: 40px;
	cursor:pointer;
}
.chk_list.yn > li input[type=radio]:checked + label {
	color:#03a9f3;
}


/* 확인증 */
.cfm{
	width: 595px;
	height: 842px;
	margin: 0 auto;
	padding: 55px 55px 65px 55px;
	overflow: hidden;
	text-align: center;
	position: relative;
	background: url("/ecsia/resources/user/image/cfmBg.png") no-repeat center;
}
.cfm h2{
	font-size: 13px;
	margin-bottom: 45px;
}
.cfm h1{
	font-size: 50px;
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 5px;
	font-weight: 500;
}
.cfm .cfmhd{
	border-bottom: 1px solid #555555;
	box-sizing: border-box;
	margin-bottom: 30px;
	text-align: left;
	/*padding-bottom: 30px;*/
	overflow: hidden;
}
.cfm .cfmhd h3{
	margin-bottom: 10px;
	font-size: 20px;
}
.cfm .cfmhd span{
	display: inline-block;
}
.cfm .cfmhd .cfmTit{
	font-weight: 400 !important;
	width: 10%;
	color: #666;
}
.cfm .cfmhd .cfmCon{
	font-weight: 500;
	width: 88%;
	margin-bottom: 10px;
}
.cfm ul{
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
}
.cfm ul.con{
	margin-bottom: 50px;
}
.cfm ul li{
	display: block;
	margin-bottom: 10px;
	line-height: 1.3;
}
.cfm ul li span{
	display: inline-block;
	font-size: 14px;
	letter-spacing: -.5px;
}
.cfm ul li .cfmtit{
	width: 100px;
	font-weight: 500;
	color: #666;
}
.cfm ul li .cfmCont{
	padding-left: 5px;
}
.cfm .txt1{
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 50px;
}
.cfm .date{
	font-size: 16px;
	margin-bottom: 50px;
}
.cfm .bot_Cname{
	font-size: 35px;
	font-weight: 700;
}
.cfm .bot_Cname>span{
	vertical-align: middle;
}

.cfm .bot_Cname .fLogo{
	vertical-align: bottom;
}
.cfm .bot_Cname .fLogo img{
	width: 80%;
}


/*location*/
.location .board_tab_onoff ul {
	display: flex;
	padding-left: 0;
	border-bottom: 0;
}
.location .board_tab_onoff ul li{
	display: inline-flex;
	width: 50%;
	margin-left: 0;
}
.location .board_tab_onoff ul p{
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-radius: 8px;
}
.location .board_tab_onoff ul p a{
	font-size: 18px;
}

.location .active a {
    background: #527ee5;
    border-radius: 8px;
}


.infoBox {
    width: 100%;
    padding: 20px 0px;
}
.infoBox dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.infoBox dt, .infoBox dd {
    display: flex;
    padding: 10px;
    font-size: 18px;
}

.infoBox dt {
    width: 200px;
    font-weight: 600;
    align-items: center;
}
.infoBox dt::before {
    width: 5px;
    height: 5px;
    display: flex;
    content: '';
    background: #dddddd;
    border-radius: 50%;
    align-items: center;
    margin-right: 10px;
}

.infoBox dd {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}



.transportBox dl {
    position: relative;
    font-size: 0px;
    padding: 48px 0px 48px 117px;
    border-bottom: 1px solid rgb(216, 216, 216);
}
.transportBox dl::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background: rgb(237, 245, 250);
    border-radius: 100%;
}
.transportBox dl.trsp1::after {
    background: url(../image/icon/transport_train.png) center center no-repeat;
}
.transportBox dl.trsp2::after {
    background: url(../image/icon/transport_bus1.png) center center no-repeat;
}
.transportBox dl.trsp3::after {
    background: url(../image/icon/transport_bus2.png) center center no-repeat;
}
.transportBox dl.trsp4::after {
    background: url(../image/icon/transport_car.png) center center no-repeat;
}
.transportBox dl::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -40px;
    width: 80px;
    height: 80px;
}
.transportBox dl dt {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
    color: #454545;
}
.transportBox dl dd {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.2;
}
.transportBox dl dd b {
    margin-right: 10px;
    display: inline-block;
    font-weight: 500;
}
.transportBox dl dd span {
    display: block;
    font-weight: 400;
    margin-top: 8px;
}


/******* 지정서  *******/
.glistWrap{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.glist{
	margin: 0 -20px -20px;
}
.glist li{
	position: relative;
	float: left;
	width: calc(25% - 40px);
	margin: 20px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
}
.glist li a{
	display: block;
}

.glist li .fileType:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
}
.glist li .fileType{
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	background-size: 100%;
}
.glist li .fileType .altTxt{
	position: absolute;
	overflow: hidden;
	margin: -1px;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
}

.glist li a .thumb{
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 320px;
	border-bottom: 1px solid #dfdfdf;
}
.glist li a .thumb .img{
	position: relative;
	display: block;
	vertical-align: middle;
}
.glist li a .thumb .img img{
	width: 100%;
	vertical-align: middle;
}
/*
.glist li a .thumb .img:before{
	content: "";
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
}
*/

.glist li a .desc{
	position: relative;
	height: auto;
	padding: 20px;
	text-align: left;
}
.glist li a .desc .cate{
	color: #0aafe5;
	font-size: 14px;
}
.glist li a .desc .subj{
	color: #333;
	font-size: 18px;
	padding: 15px 0 20px 0;
	font-weight: 500;
}
.glist li a .desc .writ{
	color: #888;
	font-size: 14px;
}

.glist li a .desc .date:before {
    padding-left: 7px;
    padding-right: 10px;
    color: #bebebe;
	content: "|";
    display: inline-block;
    margin-top: -2px;
    font-size: 11px;
    vertical-align: middle;
}

.glistWrap .glist li a:hover .subj{
	text-decoration: underline;
	color: #0aafe5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
}

/* 갤러리 이미지 스타일 */
.gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.gallery img {
    width: 200px;
    margin: 10px;
    cursor: pointer;
}

/* 팝업 스타일 */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 어두운 배경 */
    z-index: 999;
}

/*
.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	width: 90%;
	max-width: 895px;
}
*/
.popup-content {
    position: relative;
    top: 0;
    text-align: center;
	width: 90%;
	max-width: 895px;
	height: 100%;
	padding: 50px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	vertical-align: middle;
}
.popup-content:after {
    display: inline-block;
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.popup-image {
	clear: both;
	margin-top: 0;
	max-width: 100%;
	max-height: 100%;
	border: 0 none;
	vertical-align: middle;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
	font-size: 60px;
	font-weight: 400;
}

/******* 지정서  *******/

.tableRespon{
	width: 100%;
}



/*=============== media query ===============*/
@media all and (min-width: 1101px) {
	.print li{
		min-height: 295px;
		vertical-align: top;
	}
}

/*=============== media query ===============*/
@media all and (max-width: 1280px) {

    .visualArea1 .textWrap,
    .navWrap {
        width:100%;
    }
    
    .visualArea2 .textWrap,
    .navWrap {
        width:100%;
    }
    
    .visualArea3 .textWrap,
    .navWrap {
        width:100%;
    }
    
    .visualArea4 .textWrap,
    .navWrap {
        width:100%;
    }
    
    .visualArea5 .textWrap,
    .navWrap {
        width:100%;
    }
    
    .visualArea6 .textWrap,
    .navWrap {
        width:100%;
    }

    /*visual area*/
    .visualArea1 {
        height:190px;
        background:url('../image/img/img_visual_sub1.png') center right no-repeat;
    }
    .visualArea1 .textWrap p {
        width:333px;
        height:188px;
        background:url('../image/text/text_visual_sub1.png') no-repeat;
        background-size:contain;
        top:42px;
        left:33px;
    }
	.visualArea2 {
        height:190px;
        background:url('../image/img/img_visual_sub2.png') center right no-repeat;
    }
    .visualArea2 .textWrap p {
        width:333px;
        height:188px;
        background:url('../image/text/text_visual_sub2.png') no-repeat;
        background-size:contain;
        top:42px;
        left:33px;
    }
    .visualArea3 {
        height:190px;
        background:url('../image/img/img_visual_sub3.jpg') center right no-repeat;
    }
    .visualArea3 .textWrap p {
        width:333px;
        height:188px;
        background:url('../image/text/text_visual_sub3.png') no-repeat;
        background-size:contain;
        top:42px;
        left:33px;
    }
	.visualArea4 {
        height:190px;
        background:url('../image/img/img_visual_sub4.png') center right no-repeat;
    }
    .visualArea4 .textWrap p {
        width:333px;
        height:188px;
        background:url('../image/text/text_visual_sub4.png') no-repeat;
        background-size:contain;
        top:42px;
        left:33px;
    }
    .visualArea5 {
        height:200px;
        background:url('../image/img/img_visual_sub5.png') center right no-repeat;
    }
    .visualArea5 .textWrap p {
        width:333px;
        height:188px;
        background:url('../image/text/text_visual_sub5.png') no-repeat;
        background-size:contain;
        top:42px;
        left:33px;
    }
	.visualArea6 {
        height:190px;
        background:url('../image/img/img_visual_sub6.png') center right no-repeat;
    }
    .visualArea6 .textWrap p {
        width:333px;
        height:188px;
        background:url('../image/text/text_visual_sub6.png') no-repeat;
        background-size:contain;
        top:42px;
        left:33px;
    }

    /*nav area*/
    .navArea {
        padding:0 10px;
    }

    /*edu slide*/
    #eduSlide {
        width:100%;
    }

    /*list wrap*/
    .listWrap {
        padding:30px 0;
    }
    .listWrap .box_month {
        width:100%;
        margin:20px 0 0;
    }
    .listWrap .box_month li span {
        width:55px;
        height:55px;
        line-height:55px;
    }
    .listWrap .box_sort {
        margin-top:20px;
    }
    .listWrap .box_sort .box_cate select {
        width:150px;
    }
    .listWrap .box_search input[type=text] {
        width:150px;
    }
	.listWrap .box_search #searchWord{
		width: 150px;
	}
    .listWrap .box_sort .box_cate {
        width:100%;
        margin-top: 5px;
    }
	.eduWrap .box_sort .srchAgency{
		margin-right: 5px;
	}
    .listWrap .box_sort .box_cate select {
        width:100% !important;
		margin: 5px 0;
    }
    .listWrap .box_search {
        width:100% !important;
        margin-top:5px;
    }
    .listWrap .box_search input[type=text] {
        width:calc(100% - 209px);
    }
    .listWrap .box_search button {
        float:right;
    }

	.box_sort .box_search #srchWrd{
		width: calc(100% - 86px) !important;
	}
	
	.listWrap .btn_calendar{
		margin: 5px 0 30px 0;
    }
    .listWrap.listWrapTop .box_cate.hd_cate{
        display: none !important;
    }
    .listWrap .box_search input[type=text] {
       /*width: calc(100% - 500px);*/
    }

	.cstmainVisual{
		height: 750px;
	}

    .eanWrap .section{
        padding: 0 40px 40px;
    }

	.ctmainVisual{
		height: 750px;
	}

	.print li{
		min-height: 295px;
		vertical-align: top;
	}

    .grid_1100{
        padding: 20px;
    }
    
	.detailTit{
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}
	.detailCon{
	    width: 100%;
	    float: left;
	}
	.detailInfo{
	    width: 100%;
	    float: left;
	}
	.dtInfoThum{
	    width: 100%;
	    height: auto;
	}
	.dtInfoThum img{
		width: 100% !important;
		
	}
	.dtInfoTxt .text_info ul li{
		justify-content: flex-start;
		gap: 10px;
	}
	.dtInfoTxt .text_info ul li span.dd {
	    text-align: left;
	    width: calc(100% - 15% - 10px);
	}
    

}
@media(max-width:1024px) {
	.listWrap .box_list li {
	flex-wrap: wrap;
	}
	.listWrap .box_list .text_info {
	width: 100%;
	padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
	}
	.listWrap .box_list .text_info>div {
	display: flex; 
    align-items: center;
    justify-content: space-between;
	}
	.listWrap .box_list .text_title {
	max-width: 100%;
	}
	.listWrap .box_list .text_info .edudtType {
	display: inline-block;
	padding-bottom: 0;
	}
	.listWrap .box_list .text_info .edudtType1 {
	margin-right: 10px;
	}
	.listWrap .box_list .text_info .edudtType3 {
	display: block;
    padding-left: 0; 
    padding-top: 10px; 
	}
	.myEduView .listWrap .box_list .text_title {
	width: 100%; 
	} 
	.myEduView .myedu_text {
	width: calc(100% - 250px);
	}
	.myEduView .listWrap .box_list .img_logo {
	width: 250px;
    margin: 0 auto;  
	}
	.myEduView .listWrap .box_list .img_logo>img {
	width: 250px !important;
	height: auto !important;
	}
	.myEduView .listWrap .box_list .text_info {
	padding-top: 8px;
        border-top: 0;
        margin-top: 0; 
	}
}
@media all and  (min-width: 280px) and (max-width: 767px){
    #wrap {
        min-width:280px;
    }

	.visualArea1{
		height: 120px;
	}
	.visualArea2{
		height: 120px;
	}
	.visualArea3{
		height: 120px;
	}
	.visualArea4{
		height: 120px;
	}
	.visualArea5{
		height: 120px;
	}
	.visualArea6{
		height: 120px;
	}
	
    .visualArea1 .textWrap p{
        width: 220px;
		top: 25px;
    }
    .visualArea2 .textWrap p{
        width: 220px;
		top: 25px;
    }
    .visualArea3 .textWrap p{
        width: 220px;
		top: 25px;
    }
    .visualArea4 .textWrap p{
        width: 220px;
		top: 25px;
    }
    .visualArea5 .textWrap p{
        width: 220px;
		top: 25px;
    }
    .visualArea6 .textWrap p{
        width: 220px;
		top: 25px;
    }

    /*list wrap*/
	
    .eduWrap .listWrap{
        overflow: hidden;
    }
    .eduWrap .listWrap.listWrapTop{
        padding: 0;
    }

    .listWrap .box_month li {
        width:16.6666%;
    }
    .listWrap .box_month li span {
        margin-bottom:5px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .listWrap .box_sort .box_cate {
        width:100%;
        margin-top: 5px;
    }
    .listWrap .box_sort .box_cate select {
        /*width:49.55%;*/
        width:100% !important;
		margin-top: 5px;
    }
    .listWrap .box_search {
        width:100%;
        margin-top: 0px;
    }
    .listWrap .box_search select{
        float: left;
    }
    .listWrap .box_search input[type=text] {
        width:calc(100% - 85px);
		margin-top: 5px;
		float: left;
    }
	.box_sort .box_search>input{
		width: calc(100% - 86px) !important;
	}
    .listWrap .box_search button {
        float:right;
		margin-top: 5px;
    }
	
	.listWrap .btn_calendar{
		margin: 5px 0 30px 0;
	}
	.listWrap .box_list{
		margin: 0;
		padding: 0;
	}
	.listWrap .box_list .eduDetail .img_logo{
		width: 100%;
		padding: 0;
	}
	.listWrap .box_list .eduDetail .text_info{
		width: 100%;
	}

    .listWrap .box_list .text_title {
        width:100%;
        text-align:center;
    }

	.listWrap .box_list .icon_tag {
		height:26px;
		font-size:12px;
		line-height:25px;
		padding:0 8px;
		margin-left:6px;
	}

	.listWrap .box_list .eduDetail .text_info ul{
		padding: 0;
	}
	.listWrap .box_list .eduDetail .text_info ul li{
		text-align: left;
		line-height: 1.5;
	}
	.listWrap .box_list .eduDetail .text_info ul li span{
		font-size: 12px;
		letter-spacing: -0.5px;
	}
	.listWrap .box_list .eduDetail .text_info ul li a{
		margin-left: 0;
	}
	.listWrap .box_list .text_info .eduBtn{
		float: none !important;
		margin-right: 0;
	}
    .listWrap .box_list .text_title > div {
        width:100%;
    }
    .listWrap .box_list .text_info {
        width:100%;
        text-align:center;
        margin-bottom:20px;
    }
    .listWrap .box_list .text_info > div {
        width:100%;
    }
    .listWrap .box_list .img_logo {
        width:100%;
        margin:auto;
        text-align: center;
    }
	.listWrap .box_list .btn_view {
		background:#85bf54;
		color:#fff;
		padding:15px 20px;
		border-radius: 5px;
		margin-top:15px;
	}
    .sub_img2 img {width:100%;}
    
    .eduWrap .listWrap .box_sort .box_cate.hd_cate{
        display: none !important;
    }
    .listWrap{
        padding: 0;
    }
    .eduWrap .box_sort .srchCtgry {
        margin-bottom: 5px;
        display: block;
        float: none;
        width: 100%;
    }
    .box_sort .box_cate .srchAgency{
        width: 100%;
        margin-bottom: 10px;
    }
    .listWrap .box_search .srchColumn{
        width: 100%;
    }

    .listWrap .btn_calendar {
        display:inline-block;
        height:45px;
        color:#0071bc;
        font-size: 12px;
        text-align:center;
        line-height:45px;
        border-radius:5px;
        background:#fff;
        padding:0 8px;
        margin: 0 0 0 5px;
        border: 1px solid #0071bc;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .listWrap .btn_calendar.on {
        font-size: 12px;
        color:#fff;
        background:#0071bc;
        padding: 0 8px;
        margin: 0 0 0 5px;
        box-sizing: border-box;
    }

    .listWrap .btn_list {
        display:inline-block;
        height:45px;
        color:#0071bc;
        font-size:12px;
        text-align:center;
        line-height:45px;
        border-radius:5px;
        background:#fff;
        padding:0 8px;
        margin: 0 0 0 0px;
        border: 1px solid #0071bc;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .listWrap .btn_list.on {
        font-size: 12px;
        color:#fff;
        background:#0071bc;
        padding: 0 8px;
        margin: 0;
    }

	.selectBox{
		margin-bottom: 10px;
	}
	.selectBox .dataSlct{
		width: 100%;
	}
	
	
	.edu_info_wrap {
		flex-direction: column;
	}
	.listWrap .box_list .img_logo {
		width: 100%;
	    max-width: 300px;
	    margin: auto;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.listWrap .box_list .text_title {
		text-align: left;
		padding: 0;
	}
	.listWrap .box_list .text_info .edudtType {
		display: block;
		text-align: left;
		padding-bottom: 10px;
	}
	.listWrap .box_list .text_info .edudtType1 {
	margin-right: 0;
	}
	.listWrap .box_list .text_info .btn04 {
	width: 100%;
	margin-top: 14px;
	}
	.listWrap .box_list .text_info > div {
	flex-direction: column;
	}
	.listWrap .box_list .img_logo>img {
	width: 100% !important;
	height: auto !important;
	}
	
	.myEduView .listWrap .box_list li.room>.flex {
	flex-direction: column;
	}
	.myEduView .listWrap .box_list .img_logo {
	width: 100%;
	}
	.myEduView .myedu_text {
	width: 100%;
   	padding-left: 0;
	}
	.myEduView .listWrap .box_list .img_logo>img {
	width: 100% !important; 
	}
	.myEduView .listWrap .box_list .text_info > div {
	align-items: flex-start; 
	}
	.myEduView .listWrap .box_list .text_progress {
	margin-top: 0;
	}
	.myEduView .listWrap .box_list .text_info {
	argin-bottom: 0; 
	}
	.listWrap .box_list .text_info .edudtType3 {
	padding-top: 0; 
	}
	/* 지정서 */
	.glist li{
		position: relative;
		float: left;
		width: calc(50% - 40px);
		margin: 20px;
		border-radius: 12px;
		overflow: hidden;
		border: 1px solid #dfdfdf;
		box-sizing: border-box;
	}

	/******** faq ********/
	.faqAccordion>li>a {
		height: auto;
		line-height: 1.5;
		padding: 20px 15px 20px 35px;
		background: none;
		font-weight: 500;
	}
	.faqAccordion>li>a>span{
		font-size: 14px;
		display: block;
		width: 100%;
		height: 100%;
		word-break: break-all;
	}
	.faqAccordion>li>a .q-mark {
		width: 20px;
		height: 20px;
		top: 50%;
		margin-top: -10px;
		left: 7px;
		background-size: 20px;
	}
	.faqAccordion>li .answerArea {
		display: none;
		border: 1px solid #c8c8c8;
		border-top: none;
		padding-left: 81px;
		padding-bottom: 30px;
		position: relative;
		box-sizing: border-box;
	}
	.faqAccordion>li .answerArea .a-mark {
		display: inline-block;
		width: 20px;
		height: 18px;
		position: absolute;
		top: 8px;
		left: 31px;
		text-indent: -9999px;
	}
	.faqAccordion>li .answerArea .answer {
		font-size: 14px;
		line-height: 26px;
		font-weight: 500;
		letter-spacing: -0.5px;
		word-break: break-all;
	}
	.faqAccordion>li.active>a {
		border-bottom: 0;
		line-height: 1.5;
		padding-left: 35px;
		background: none;
	}
	.faqAccordion>li.active>a .q-mark {
		top: 50%;
		margin-top: -10px;
		left: 7px;
	}
	.faqAccordion>li.active .answerArea {
		padding: 0px 15px 20px 32px;
	}
	.faqAccordion>li.active .answerArea .a-mark {
		left: 7px;
		background-size: 20px;
		background-repeat: no-repeat;
	}
	/******** faq ********/

	/******** player ********/

	.remodal.onlineView {
		padding: 35px 15px 15px 15px;
		margin-bottom: 0;
	}
	.onlineListWrap{
		display: none;
	}
	/******** player ********/




	.cstRgsWrap .agree_box{

		margin-bottom: 0;
	}
	.tb04 th, .tb04 td{
		font-size: 12px !important;
		padding: 5px !important;
		letter-spacing: -1.5px;
	}
	.tb04 th label, .cstRgsWrap .tb04 td label, .cs_w  p, .tb04 span, .tb04 input, .tb04 select{
		font-size: 12px !important;
		letter-spacing: -1px;
	}
	.tb04{
		width: 100% !important;
	}
	.tb04 .mb_tel li{
		width: 100% !important;
	}
	.tb04 .mb_tel .hif{
		height: 10px;
		line-height: 10px;
	}
	.cs_w .cs_w_table td select{
		padding: 0;
		background-size: 15px;
		width: 100%;
	}
	.cs_w .cs_w_table td input[type=text]{
		padding: 2px;
		text-indent: 0px;
		width: 100% !important;
	}
	.cs_w .cs_w_table td input[type=password]{
		padding: 2px;
		text-indent: 0px;
		width: 100% !important;
	}

    /* 교육안내 */
    .edu1 div .btn01{
        margin-bottom: 5px;
    }
    .ol_type1 li{
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0;
    }

	/* 필수의무교육안내 */
	.eduQbtn{
		font-size: 14px;
	}
	.eduBtn{
		margin-bottom: 5px;
	}
	
	.p_type1{
		font-size: 12px;
	}
	/***** • list_type3456 *****/
	.list_type3>li ,.list_type3>li::before ,
	.list_type4>li ,.list_type4>li::before ,
	.list_type5>li ,.list_type5>li::before ,
	.list_type6>li ,.list_type6>li::before {
		font-size: 12px;
	}

    /* 교육 신청방법 */
    .step li{
        position:relative;
        width:calc(100% / 4);
        margin: 5px 0;
    }
    .step li:last-child{width:70px}
    .step li:after{
        position:absolute;
        top:50%;
        left:calc(70px + (100% - 70px)/ 2 - 2px);
        display:block;
        margin-top: -5px;
        content:'';
        border-width: 5px 0 5px 5px;
    }
    .step li div{
        width: 70px;
        height: 70px;
        border: 1px dotted #dedede;
    }
    .step li div:after{
        width:calc(100% - 10px);
        height:calc(100% - 10px);
    }
    .step li div .step-number{
        font-size: 12px;
        line-height: 20px;
        width: 50px;
        height: 20px;
        top: 15px;
        margin-left: -25px;
        color:#b7cc1a;
        background-color: #fff;
    }
    .step li div strong{
        font-size: 12px;
        font-weight: 500;
        top: 35px;
    }


	.imgBox a{
		width: 100%;
		text-align: center;
	}
	.imgBox img{
		width: 100%;
	}
	.imgBox .text{
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
	}



	.ctWrap .h4_label{
		margin: 0 0 15px 0;
	}
	.ctWrap h2 .btn04{
		margin: 5px 0;
	}
	.ctcon4 .down_btn {
		margin: 30px auto 0 auto;
	}
	.ctcon4 .down_btn a{
		margin: 5px 10px;
		font-size: 14px;
	}
	.ctcon4 strong{
		color: #ff2525;
		text-decoration: underline;
	}

	.ctWrap .cont{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 30px auto 45px;
	}
	.ctcon .con{
		padding: 20px;
	}
	.ctcon .steps li{
		display: block;
		width: 100%;
		margin-bottom: 7px;
	}
	.ctcon .con li .img{
		display: inline-block;
		float: left;
		width: 80px;
		height: 80px;
		margin-right: 15px;
	}
	.ctcon .con li .txt{
		display: inline-block;
		float: left;
		font-size: 14px;
		text-align: left;
		line-height: 1.3;
	}
	.ctcon .steps .arrow{
		display: none;
	}

	.tb_btn.mgb0{
		margin-bottom: 15px !important;
	}
	.tb_btn .eanType {
		width: 100% !important;
	}

	.cst.listWrap .box_list .text_title{
		padding-left: 0;
	}
	.cst.listWrap .box_list .text_title strong{
		font-size: 18px;
	}
	.cst.listWrap .box_list .text_title .icon_tag{
		font-size: 12px;
		height: 25px;
		line-height: 25px;
	}
	.cst.listWrap .box_list .text_title p{
		margin-bottom: 5px;
	}
	.cst.listWrap .box_list .text_info{
		margin-bottom: 0;
	}
	.cstDatatb colgroup col:nth-child(3), .cstDatatb colgroup col:nth-child(5){
		display: none;
	}
	.cstDatatb th:nth-child(3), .cstDatatb th:nth-child(5){
		display: none;
	}
	.cstDatatb td:nth-child(3), .cstDatatb td:nth-child(5){
		display: none;
	}

	.tb02 td, .tb02 th{
		font-size: 12px;
		letter-spacing: -1px;
	}

	.board_pager{
		margin-left: 0;
	}
	
	.tableRespon{
		overflow-x: scroll;
		padding-bottom: 5px;
		padding-top: 20px;
		position: relative;
	}
	.tableRespon:before{
		position: absolute;
		top: 0;
		left: 0;
		content: '· 좌우로 스크롤 해주세요 ·';
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        color: #0972c5;
	}
	.tableRespon .tb07{
		width: 1280px;
	}

}


@media all and  (min-width: 280px) and (max-width: 320px){
	#content{
		padding: 20px 10px 20px !important;
	}
	.tb02 th, .tb02 td, .tb02 td a{
		font-size: 12px !important;
		word-break: break-all;
		line-height: 1.2;
		vertical-align: middle;
	}
	.cstRgsWrap .cs_w .cs_w_table td select{
		padding: 0;
		background-size: 10px;
	}
	
	.topTab{
		text-align: center;
	}

    /* 교육 신청방법 */
    .step li{
        position:relative;
        width:calc(100% / 4);
        margin: 5px 0;
    }
    .step li:last-child{width:65px}
    .step li:after{
        display:none;
    }
    .step li div{
        width: 65px;
        height: 65px;
    }
    .step li div:after{
        width:calc(100% - 5px);
        height:calc(100% - 5px);
    }
    .step li div .step-number{
        font-size: 12px;
        line-height: 20px;
        width: 50px;
        height: 20px;
        top: 13px;
        margin-left: -25px;
        color:#b7cc1a;
        background-color: #fff;
    }
    .step li div strong{
        font-size: 12px;
        font-weight: 500;
        top: 33px;
    }

	.onlineView{
		min-height: 200px !important;
	}

    .glist li {
        position: relative;
        float: left;
        width: calc(100% - 40px);
        margin: 20px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #dfdfdf;
        box-sizing: border-box;
    }

}

#calendar {
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
#calendar a {
  color: #8e352e;
  text-decoration: none;
}
#calendar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#calendar li {
  display: block;
  float: left;
  width: 14.342%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin-right: -1px;
  margin-bottom: -1px;
}
#calendar ul.weekdays {
  height: 40px;
  background: #0071bc;
}
#calendar ul.weekdays li {
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  border: none !important;
  padding: 10px 6px;
  color: #fff;
  font-size: 13px;
}
#calendar .days li {
  /* height: 120px; */
  height: 135px;
}
#calendar .days li:hover {
  background: #d3d3d3;
}
#calendar .date {
  text-align: center;
  margin-bottom: 18px;
  padding: 4px;
  color: #525252;
  width: 20px;
  border-radius: 50%;
  float: left;
  font-size:12px;
}
#calendar .event {
  clear: both;
  display: block;
}
#calendar .event .am{
	display: inline-block;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px 7px;
	margin-top: 2px;
	line-height: 13px;
	background: #4195f5;
	box-sizing: border-box;
	color: #fff;
	margin: 2px 0;
}
#calendar .event .pm{
	display: inline-block;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px 7px;
	margin-top: 2px;
	line-height: 13px;
	background: #00c292;
	box-sizing: border-box;
	color: #fff;
}

#calendar .event-desc .num{
	cursor: pointer;
	display: inline-block;
	color: #ff5050;
	font-weight: 500;
	padding: 0 2px;
}
#calendar .event-desc {
  color: #666;
  margin: 3px 0 5px 0;
  text-decoration: none;
  clear: both;
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
  padding: 0px 1px;
  margin-top: 2px;
  line-height: 13px;
  box-sizing: border-box;
  text-decoration: none;
}
#calendar .other-month {
  background: #f5f5f5;
  color: #666;
}
.calmore{
	text-align: center;
}


/* eduCalList */
.flex.calEdu{
	justify-content: center;
	margin-bottom: 0;
	padding: 10px 0;
}
.calEduDate span{
	font-size: 20px;
}
.calEduDate .dt{
	display: inline-block;
}
.calEduDate .am, .calEduDate .pm{
	display: inline-block;
	color: #ff0000;
	font-weight: 500;
}
.calEduDate .edu{
	display: inline-block;
}

.calEdu .calEduBtn{
	background: none;
	padding: 0 5px;
	margin: 0 20px;
}
.calEdu .calEduBtn i{
	font-size: 20px;
	vertical-align: middle;
}


/* board_tab_onoff */
.board_tab_onoff{
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
}
.board_tab_onoff > ul{
	border-bottom: 1px solid #d4d4d4;
	padding-left: 10px;
	margin-bottom: 15px;	
	text-align: left;
}
.board_tab_onoff > ul li{
	display: inline-block;
	margin-left: 3px;	
}
.board_tab_onoff > ul p{
	height: 40px;
	width: 150px;
	line-height: 40px;
	text-align: center;
	background: #d4d4d4;
	border-radius: 10px 10px 0 0;
}
.board_tab_onoff > ul p a{
	display: block;
	font-weight: 500;
	color: #fff;
}

.active a{
	background: #f44266;
	border-radius: 10px 10px 0 0;		
}

.sub_tab_con{
	width: 100%;
	overflow: hidden;
}


/* board_tab_onoff */
.board_tab_onoff{
	width: 100%;
	overflow: hidden;
}
.board_tab_onoff ul{
	border-bottom: 1px solid #d4d4d4;
	padding-left: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}
.board_tab_onoff ul li{
	display: inline-block;
	margin-left: 3px;
	float: left;
}
.board_tab_onoff ul p{
	height: 40px;
	width: 130px;
	line-height: 40px;
	text-align: center;
	background: #d4d4d4;
	border-radius: 10px 10px 0 0;
}
.board_tab_onoff ul p a{
	display: block;
	font-weight: 500;
	color: #fff;
}

.active a{
	background: #03a9f3;
	border-radius: 10px 10px 0 0;		
}

.sub_tab_con{
	width: 100%;
	overflow: hidden;
}



/* mypage instrctrEdu Detail */
.tb_text{
	margin-bottom: 10px;
	float: left;
}

.tb02{
	margin-bottom: 20px;
}
.tb02 td{
	padding: 5px;
}

/* page */
.page{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.page .inner{
	width: 100%;
	margin: 15px auto;
	overflow: hidden;
}
.page .inner div{
	background-color: #ffffff;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
	text-align: center;
	margin-right: 2px;
	display: inline-block;
	cursor: pointer;
	width: 28px;
	height: 28px;
}
.page .inner div a{
	color: #333333;
	width: 20px;
	height: 23px;
	display: inline-block;
	padding-top: 8px;
	font-size: 12px;
	font-family: "����","����",Dotum;
}
.page .inner .page_now{
	background-color: #333333;
	border: 1px solid #333333;
}
.page .inner .page_now a{
	color: #ffffff !important;
}
.page .inner .page_prev0, .page .inner .page_prev, .page .inner .page_next0, .page .inner .page_next{
	width: 46px;
	height: 28px;
}
.page .inner .page_prev0 a, .page .inner .page_prev a, .page .inner .page_next0 a, .page .inner .page_next a{
	width: 46px;
	height: 28px;
}

/* 출결현황 팝업 */
.scView th{
	background-color: #f4f4f4;
}



#wrapper{
	width: 100%;
	overflow: hidden;
}

.side_bar {
	width: 220px;
	background: #041731;
	height: 100%;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
	z-index: 9999;
}
.side_nav {
	padding-left: 20px;
}
.side_nav >li {
	position: relative;
}
.side_nav >li>a {
	color: #ffffff;
	font-size: 13px;
	height: 50px;
	line-height: 50px;
	display: block;
	font-family: "Noto Sans KR" , sans-serif;	
}
.side_nav >li> img {
	position: absolute;
	right: 20px;
	top: 20px;
}
.side_nav i {
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	width: 18px;
	margin-right: 7px;
}
.side_nav >li>a img {
	margin-right: 10px;
	position: relative;
	top: 3px;
}
.side_nav >li>ul>li> a {
	color: #bdbdbd;
	font-size: 13px;
	height: 35px;
	line-height: 30px;
	letter-spacing: -1px;
}
.side_nav >li>ul {
	padding-left: 28px;
	display: none;
}




.logo{
	display: block;
	padding: 20px 30px 10px 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;		
}
.logo img{
	width: 100%;
}

.menu_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 220px;
    background: #041831;
    border-top: 1px solid #2f3544;
    z-index: 9999;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;	
	transition:all 0.2s ease-in-out;		
}

.content-wrapper .menu_footer {
    width: 60px;
}

.menu_copy {
    padding: 10px 20px;
    background: #09203a;
    color: #c5c5c5;
    font-size: 14px;
    font-weight: 400;
}

.menu_copy a {
    color: #c5c5c5;
    font-weight: 400;
	display: block;
}
.menu_copy a span{
	display: inline;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;	
	transition:all 0.1s ease-in-out;		
}
.menu_copy a span.side_bar_open{
	display: none;
}




/* cont_wrap */

.cont_wrap{
	width: calc(100% - 220px);
	float: left;
	background: #f6f7f9;
	background: #fff;
	height: 100%;
	min-height: 100%;
	margin-left: 220px;
	margin-right: auto;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;	
	transition:all 0.2s ease-in-out;
}

.title_name{
	width: 100%;
	overflow: hidden;
}
.title_name h1{
	font-size: 24px;
	color: #333;
	padding: 15px;
	margin: 25px;
	border: 1px solid #eff0f6;
	position: relative;
	font-weight: 500;
}
.title_name h1 ul{
	position: absolute;
	top: 22px;
	right: 15px;
}
.title_name h1 ul li {
	float:left;
	font-size:14px;
	font-weight: 400;
}


/* board_tab_onoff */
.board_tab_onoff{
	width: 100%;
	overflow: hidden;
}
.board_tab_onoff ul{
	border-bottom: 1px solid #d4d4d4;
	padding-left: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}
.board_tab_onoff ul li{
	display: inline-block;
	margin-left: 3px;	
}
.board_tab_onoff ul p{
	height: 40px;
	width: 130px;
	line-height: 40px;
	text-align: center;
	background: #d4d4d4;
	border-radius: 10px 10px 0 0;
}
.board_tab_onoff ul p a{
	display: block;
	font-weight: 500;
	color: #fff;
}

.active a{
	background: #03a9f3;
	border-radius: 10px 10px 0 0;		
}

.sub_tab_con{
	width: 100%;
	overflow: hidden;
}


/* 회원정보 */

.member_info{
	display: inline-block;
	overflow: hidden;
	border: 0;
	margin: 20px 0 30px 0;
	background: #fbfbfb;
	padding: 15px 25px 15px 15px;
	border-radius: 8px;
}
.member_info td{
	border: 0;
	text-align: left;
}
.member_info td img{
	width: 120px;
	border: 1px solid #d4d4d4;
}

.rec{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	background: #fb9678;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-align: center;
	margin-left: 0px;
	cursor: pointer;
	border-radius: 5px;		
}
.recNo{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	background: #d4d4d4;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-align: center;
	margin-left: 0px;
	cursor: pointer;
	border-radius: 5px;		
}

.exp{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	background: #03a9f3;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-align: center;
	margin-left: 0px;
	cursor: pointer;
	border-radius: 5px;		
}
.expNo{
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	background: #d4d4d4;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-align: center;
	margin-left: 0px;
	cursor: pointer;
	border-radius: 5px;	
}

.file_span{
	height: 18px;
	line-height: 18px;
	margin: 5px 0;
}
.file_icon{
	width: 18px;
	margin-right: 7px;
	vertical-align: top;
}


/* 관리자계정등록 */
.menu_td > label{
	display: inline-block;
}
.menu_td .sub_menuIp{
	display: block;
	vertical-align: top;
}
.menu_td > label > input{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	vertical-align: middle;
}
.menu_td .sub_menuIp label{
	margin-right: 15px;
}
.menu_td .sub_menuIp input{
	margin-right: 5px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.accessList{
	max-width: 99%;
	max-height: 350px;
	overflow-y: scroll;
}

.textareaCon{
	width: 100%;
	height: 100px;
}

.multiSelectBoxWrap{
	width: 90%;
	float: left;
	overflow: hidden;
}
.multiSelectBox{
	width: 100%;
	height: 100px;
	margin-top: 5px;
}
.multiSelectBoxBtn{
	float: left;
	margin-top: 20px;
}
.multiSelectBoxBtn button{
	display: block;
	margin: 5px;
}


/* 자유게시판 */
.listRe{
	padding-left: 50px;
	position: relative;
}
.listRe:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "ㄴ [Re]";
	color: #03a9f3;
}


/* 카테고리관리 */
.ctgryWrap{
	width: 45%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	position: relative;
}
.ctgrytb{
	width: 100%;
	min-height: 500px;
	max-height: 600px;
	overflow-y: auto;
	border: 1px solid #ebedf2;
	overflow: hidden;
	table-layout: fixed;
}

.ctgrytb th{
	background-color: #ddd9c3;
}
.ctgrytb th, .ctgrytb td{
	border-bottom: 0;
}




.ctgryTb{
	width: 100%;
	position: relative;
	overflow: hidden;
	border: 1px solid #ebedf2;
	box-sizing: border-box;
	text-align: center;
	height: 500px;
	max-height: 500px;
	overflow-y: auto;	
}
.ctgryTb_line{
	position: absolute;
	top: 43px;
	width: 1px;
	height: 500px;
	background-color: #ebedf2;
	box-sizing: border-box;
	z-index: 9;
}
.ctgryTb_line.line1{
	left: 10%;
}
.ctgryTb_line.line2{
	right: 35%;
}
.ctgryTb_line.line3{
	right: 20%;
}


.ctgryTit{
	display: block;
	overflow: hidden;
	text-align: center;
	background: #ddd9c3;
}
.ctgryTit ul{
	display: block;
	text-align: center;
}
.ctgryTit li{
	display: block;
	height: 50px;
	line-height: 50px;
	font-weight: 500;
	font-size: 16px;
	float: left;
	/* border-right: 1px solid #ebedf2; */
	box-sizing: border-box;
}
.ctgryTit li:first-child{
	width: 10%;
}
.ctgryTit li:nth-child(2){
	width: 55%;
}
.ctgryTit li:nth-child(3){
	width: 15%;
}
.ctgryTit li:last-child{
	width: 20%;
	border-right: 0;
}


.ctgryCon{
	display: block;
	text-align: center;
}
.ctgryCon li{
	display: block;
	height: 50px;
	line-height: 50px;
}
.ctgryCon li span{
	display: block;
	/* border-right: 1px solid #ebedf2; */
	box-sizing: border-box;
	float: left;
	padding: 1%;
}

.ctgryCon li span:first-child{
	width: 10%;
}
.ctgryCon li span:nth-child(2){
	width: 55%;

}
.ctgryCon li span:nth-child(3){
	width: 15%;
}
.ctgryCon li span:last-child{
	width: 20%;
	border-right: 0;
}
.ctgryCon li span button{
	background: none;
	padding: 0 10px;
}


.ctgrytbBth{
	display: block;
	padding: 10px;
	border: 1px solid #ebedf2;
	border-top: 0;
	box-sizing: border-box;
}




/* ctgryPop */
.ctgryBox{
	display: block;
	padding: 0 15px;
	margin: 30px auto;
}
.ctgryBox table{
	width: 100%;
	border: 1px solid #ebedf2;
}
.ctgryBox table th{
	background-color: #ddd9c3;
}
.ctgryBox table td label{
	cursor: pointer;
}




/* modal_popup */
.remodal{
	max-width: 800px;
	min-height: 250px;
	margin-bottom: 0;
}

.modal-content{
/* 	position: absolute;
	top: 50%;
	left: 50%;
	padding: 35px;
	width: 85%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%); */
}

.modal-header{
	border-bottom: 0 !important;
	padding: 15px 15px 0px 15px !important;
}
.modal-header .tit{
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	border-bottom: 2px solid #333;
	padding: 20px 30px 15px;
	color: #333;
	word-break: break-all;
	margin-bottom: 0;
}
.modal-header button.close{
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 1px;
	top: 3px;
	text-align: center;
	background-color: #fff;
}

.modal-body {
	overflow-y: auto;
	min-height: 100px;
	text-align: center;
}

.modal-footer{
	border-top: 0px solid #e5e5e5 !important;
}


/* MessagePop */

.remodal.messagePop{
	max-width: 400px;
	min-height: 300px;
	margin-bottom: 0;
	border-radius: 5px;
	position: relative;
}
.remodal.messagePop1{
	max-width: 400px;
	min-height: 300px;
	margin-bottom: 0;
	border-radius: 5px;
	position: relative;
}
.remodal.messagePop2{
	max-width: 400px;
	min-height: 300px;
	margin-bottom: 0;
	border-radius: 5px;
	position: relative;
}
.remodal.messagePop1:after{
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -35px;
	content: "";
	width: 70px;
	height: 70px;
	background: url("../image/icon/pop_check1.png") no-repeat center;
}
.remodal.messagePop2:after{
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -35px;
	content: "";
	width: 70px;
	height: 70px;
	background: url("../image/icon/pop_check2.png") no-repeat center;
}
.remodal.messagePop3{
	max-width: 500px;
	min-height: 300px;
	margin-bottom: 0;
	border-radius: 5px;
	position: relative;
}
.remodal.messagePop3:after{
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -35px;
	content: "";
	width: 70px;
	height: 70px;
	background: url("../image/icon/pop_check2.png") no-repeat center;
}
.messagePop .modal-header{
	padding: 0px 15px !important;
}

.messageTxt{
	padding: 20px 15px;
	min-height: 100px;
	font-size: 16px;
}


/* file_box */
.fileBox {
	margin: 30px auto;
}
.fileBox .fileName {
	display: inline-block;
	width: 50%;
	height: 34px;
	padding-left: 10px;
	margin-right: 0px;
	line-height: 30px;
	border: 1px solid #e9e9e9;
	color: #818181;
	font-size: 12px;
	background-color: #f9f9f9;
	vertical-align: middle;
}
.fileBox .btn_file {
	display: inline-block;
	border: 1px solid #333333;
	width: 90px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	font-size: 12px;
}
.fileBox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
}

/* main_dashboard */
.main_con{
   width: 48%;
   overflow: hidden;
   border-radius: 15px;
   box-shadow: 3px 3px 10px #ccc;
   float: left;
   margin-bottom: 2%;
}
.main_con1{
   margin-right: 4%;
}
.main_con3{
   margin-right: 4%;
}
.main_con .tbBox{
   min-height: 300px;
}

.main_con .tbBox table th{
   border-right: 0;
}
.main_con .tbBox table td{
   border-right: 0;
   border-bottom: 1px dashed #ebedf2;
}


/*** calendar ***/
.calendar .pignose-calendar{
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.calendar .pignose-calendar .pignose-calendar-top .pignose-calendar-top-date{
	line-height: 1;
	padding: 1.5em 0;
}
.calendar .pignose-calendar.pignose-calendar-blue .pignose-calendar-top{
	padding: 2em 0;
	line-height: 1;
	background-color: #0d72ef;
}

.calendar .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a{
	border-radius: 0;
	background-color: #0d72ef !important;
}

.pignose-calendar-wrapper .pignose-calendar{
	border-radius: 5px;
	overflow: hidden;
}
.pignose-calendar-wrapper.pignose-calendar-wrapper-active{
	-webkit-transform: translate(-50%,-50%) !important;
	-moz-transform: translate(-50%,-50%) !important;
	-ms-transform: translate(-50%,-50%) !important;	
	-o-transform: translate(-50%,-50%) !important;
	transform: translate(-50%,-50%) !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	width: 90%;
	
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top{
	background-color: #00c292 !important;
}
.pignose-calendar .pignose-calendar-header{
	margin-top: 0 !important;
}
.pignose-calendar .pignose-calendar-body{
	padding: 1em 1.2em !important;
}
.pignose-calendar .pignose-calendar-unit{
	height: 2.6em !important;
	line-height: 2.6em !important;
}

.pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button-apply{
	background-color: #0d72ef !important;
}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a{
	border-radius: 0 !important;
	background-color: #00c292 !important;
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat, .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun{
	color: #fb9678 !important;
}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a{
	color: #fb9678 !important;
}


.input_calendar{
	padding-right: 42px;
	cursor: pointer;
	background: url("../images/btn_date.png")no-repeat top right;
	background-position-x: 110px;
	background-position-y: -6px;
}

/* popup */
#divpop{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
	visibility: visible;
	border: 1px solid #333;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	
	overflow-x: hidden;
	overflow-y: hidden;
}
#divpop .fl{
	border-bottom: 0;
	padding: 5px;
	color: #fff;
	cursor: pointer;
}
#divpop .fr{
	margin: 0;
	padding: 5px;
	background-color: #666;
}
#divpop .fr a{
	color: #fff;
	padding: 0px 10px;
}


.addrWrap{
	height: auto;
	line-height: 40px;
}
.addrWrap .addr{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	vertical-align: middle;
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
}
.addrWrap .addr3{
	width: 30%;
}
.addr, .addr1, .addr2, .addr3, .addr4{
	color: #818181;
}
.addrWrap button{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	vertical-align: middle;
}

/* login */
.login_box {
	width: 450px;
	width: 530px;
	/*height: 550px;*/
	background: #fff;
	margin: 0 auto;
	margin-top: 150px;
	margin-top: 60px;
	text-align: center;
	border-radius: 5px;
}
.login_box .login_logo {
	text-align: center;
	padding-top: 80px;
	display: block;
}
.login_box .login_logo img{
	width: 90px;
}
.login_box .login_tx {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	margin-top: 20px;
}
.login_box .login_form {
	margin-top: 40px;
}
.login_box input {
	/*display: block;*/
	margin: 0 auto;
	margin-top: 10px;
	width: 300px;
	width: 400px;
	height: 50px;
	line-height: 46px;
	padding: 0 20px;
	font-size: 16px;
	color: #555;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
}
.login_box a {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	/*width: 300px;*/
	/*height: 50px;*/
	/*line-height: 46px;*/
	padding: 0px;
	font-size: 14px;
	text-align: left;
}
.login_box>span{
	line-height: 1.2;
}

/* login_tab_onoff */
.login_tab_onoff{
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}
.login_tab_onoff .login_tab{
	width: 400px;
	padding: 0px;
	margin: 0 auto;
	border-bottom: 4px solid #0972c5;
	margin-bottom: 5px;
	overflow: hidden;
}
.login_tab_onoff .login_tab li{
	display: inline-block;
	width: 50%;
	margin-left: 0px;
	float: left;
}
.login_tab_onoff .login_tab p{
	height: 50px;
	width: 100%;
	line-height: 50px;
	text-align: center;
	background: #fff;
	border: 1px solid #0972c5;
	box-sizing: border-box;
}
.login_tab_onoff .login_tab p a{
	display: block;
	font-weight: 500;
	color: #0972c5;
	font-size: 16px;
}

.login_tab_onoff .login_tab .active a{
	background: #0972c5;
	color: #fff !important;
	border-radius: 0;
}

.login_tab_con{
	width: 100%;
	overflow: hidden;
}
.login_tab_con .cont{
	dispaly:none;
}
.login_tab_con .login_box{
	border: 0;
	margin-top: 0;
	padding: 20px 50px 50px 50px;
}



/* etc_error */
.error {
	width: 100%;
	min-width: 320px;
	height: 100%;
	overflow: hidden;
	text-align: center;
}
.error_box{
/* 	width: 800px;
	height: 500px; */
	display: inline-block;
	margin: 200px auto;
	overflow: hidden;
}

.error .error_tx {
	display: inline-block;
	text-align: left;
	font-size: 20px;
	margin-top: 130px;
	line-height: 1.2;
	/* width: 545px; */
	width: 70%;
}
.error .error_tx h1{
	font-size: 40px;
}
.error .error_btn {
	margin-top: 30px;
	text-align: left;
}
.error .error_btn a{
	font-size: 18px;
}
.error .error_btn img {
	width: 20px;
	vertical-align: middle;
	margin-right: 3px;
	margin-bottom: 3px;
}

.back_ico2{
	display: none;
}
.error .error_btn a.btn_blackl:hover .back_ico2{
	display: inline-block;
}
.error .error_btn a.btn_blackl:hover .back_ico1{
	display: none;
}
.error .error_img {
	/* width: 255px; */
	text-align: right;
	display: inline-block;
	margin-top: 40px;
	width: 30%;
}





/* 교육관리 */

.tbBox{
	display: block;
	padding: 0 15px;
	margin: 30px auto;
	max-height: 300px;
	overflow-y: auto;
}

#timeRegist{
	max-width: 1000px !important;
}

#example .input_calendar{
	background-position-x: 90px;
}

.epriceWrap{
	width: 100%;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}
.epriceWrap{
	width: 100%;
	height: 0px;
	overflow: hidden;
	transition: all ease-in-out .2s;
}

.tb03.chk td{
	border-bottom: 0;
}

.addttWrap{
    /*border-bottom: 1px solid #999;*/
}

.tbBox th span.prd{
	padding: 0 4px !important;
}
.tbBox td span.prd{
	padding: 0 6.5px !important;
}

.cont .tb03.mov td{
	padding: 30px 10px !important;
}
.cont .tb03 td.mov img{
	width: 250px;
	border: 2px solid #ebebeb;
	box-sizing: border-box;
}

.fbCon{
    width: 100%;
    margin: 50px auto;
    overflow: hidden;
}
.fbCon table.tb03{
    border-top: 0;
    border-bottom: 0;
    padding: 
}
.fbCon tr{
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.fbCon table.tb03 td{
    border-top: 0;
    border-bottom: 0;
}

.del{
    background-color: #fff;
}

.fbScore tr:first-child{
	box-sizing: border-box;
}
.fbScore td{
    border: 0 !important;
}
.fbScore td label{
    cursor: pointer !important;
}

.modal-header .tit.fdb{
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    border-bottom: 0;
    padding: 20px 0px 15px;
    color: #333;
}


.fbtb{
	border-top: 2px solid #ebedf2;
	border-bottom: 2px solid #ebedf2;
}
.fbtb tr{
	border: 0;
}
.fbtb th{
	background-color: #f7f8fa;
}
.fbtb td{
	border-right: 0;
	border-bottom: 1px dashed #ebedf2;
}
.tbGray{
	background-color: #f7f8fa;
}
.fbtb td.tbGray:last-child{
	border-left: 1px solid #ebedf2;
}

.tbBox.fbCon{
	margin: 30px auto;
	padding: 0;
	overflow-y: auto;
}


.fbWrap{
	padding: 20px;
	border-radius: 15px;
}
.graphtd{
	width: 300px !important;
}
.tb05 .mcqtd:last-child{
	border-bottom: 0;
}
.upBtn{
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0 8px;
}
.downBtn{
	padding: 0 8px;
	border-radius: 0;
	border-left: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-left:-4px;
}
.downBtn:hover{
	border-left: 0;
}
.delBtn{
	padding: 0 8px;
}
.saqWrap .downBtn{
	margin-left: -3px;
}

.timetb th{
	background-color: #f4f4f4 !important;
}
.timetb.tb02{
	line-height: 1.5;
}
.timetb.tb02 th, .timetb.tb02 td{
	border-right: 0;
}
.timetb.tb02 td a{
	color: #fff;
}

.edutb{
	border-top: 2px solid #555;
}



/* 시간대별 상세등록 */
#toggle{
	margin: 30px auto;
}
#toggle .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a{
	color: #fff;
}
#toggle .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a{
	color: #fb9678 !important;
}
#toggle .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a{
	color: #fb9678 !important;
}
#toggle .pignose-calendar.pignose-calendar-default .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle-active a{
	color: #fff !important;
	background: #00c292 !important;
	border-radius: 0 !important;
}


/* 수료증 */
.certi{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 95px 75px 100px 75px;
	overflow: hidden;
	text-align: center;
	background: url("../../admin/images/certi_bg.png") no-repeat center;
}
.certi h1{
	font-size: 40px;
	margin-bottom: 30px;
	text-align: center;
	font-family: 'ChosunGs', serif !important;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: normal;
}
.certi h1 span{
	font-size: 30px;
	font-weight: normal;
	font-family: 'Playball', cursive !important;
	font-family: 'NotoSerifCJKkr', cursive !important;
	letter-spacing: 1px;
}
.certi h3{
	font-size: 13px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
}
.certi ul{
	display: block;
	margin-bottom: 30px;
}
.certi ul li{
	font-size: 16px;
	padding-bottom: 5px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 900;
	margin-bottom: 5px;
}
.certi ul li span{
	font-size: 16px;
	padding-bottom: 5px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 900;
}

.certi p.txt1{
	font-size: 24px;
	line-height: 1.5;
	text-indent: 1em;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.certi p.txt2{
	font-size: 24px;
	margin-bottom: 50px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	font-family: 'Playball', cursive !important;
	font-family: 'NotoSerifCJKkr', cursive !important;
}

.certi p.date{
	font-size: 16px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: bold;
}
.certi p.date span{
	font-family: 'NotoSerifCJKkr', serif !important;
}
.certi .bot_Cname{
	font-size: 35px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'ChosunGs', serif !important;
	font-family: 'NotoSerifCJKkr', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi .bot_Cname .stp{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: -99;
}

.btn_step3{
	width: 100%;
	margin-top: 20px;
	float: left;
	text-align: center;
	margin-bottom: 50px;
}
.btn_step3 a{
	margin-right: 10px;
}
.btn_step01{
	display: inline-block;
	height: 53px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	line-height: 53px;
	border-radius: 5px;
	background: #353535;
	padding: 0 50px;
}


/*********** 수료증 ************/
/******* 재직자, 미취업자, KOLAS 수료증 *******/
.certi1{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 95px 75px 100px 75px;
	overflow: hidden;
	text-align: center;
	/*background: url("../../user/image/img/certi_bg01.png") no-repeat center;*/
	background: url("../../user/image/img/certi_bg04.png") no-repeat center;
    background-size: cover;
}
.certi1 h1{
	font-size: 45px;
	margin: 50px 0;
	text-align: center;
	font-family: 'ChosunGs', serif !important;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: normal;
    /*letter-spacing: 35px;*/
}
.certi1 h1 span{
	font-size: 30px;
	font-weight: normal;
	font-family: 'Playball', cursive !important;
	font-family: 'NotoSerifCJKkr', cursive !important;
	letter-spacing: 1px;
}
.certi1 h3{
	font-size: 14px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
    font-weight: 400;
}
.certi1 ul{
	display: block;
}
.certi1 ul li{
	font-size: 15px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 900;
    vertical-align: top;
    height: 25px;
    line-height: 0;
}
.certi1 ul li div{
	font-size: 16px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
    display: inline-block;
}
.certi1 ul li .certiNameTit{
    width: 62px;
    text-align: justify!important;
}

.certi1 ul li .certiNameTit:after{
    content: "";
    display: inline-block;
    width: 100%;
}

.certi1 ul li .certiName{
    letter-spacing: -1px;
}

.certi1 p.txt1{
	font-size: 20px;
	line-height: 1.5;
	text-indent: 1em;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
	letter-spacing: -0.75px;
    text-align: justify;
    display: block;
    padding: 40px 0 50px 0;
}
.certi1 p.txt2{
	font-size: 24px;
	margin-bottom: 50px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	font-family: 'NotoSerifCJKkr', cursive !important;
}

.certi1 p.date{
	font-size: 16px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
}
.certi1 p.date .ctMonth{
    padding-left: 5px;
}
.certi1 p.date .ctDate{
    padding-left: 5px;
}
.certi1 p.date span{
	font-family: 'NotoSerifCJKkr', serif !important;
}
.certi1 .bot_Cname{
	font-size: 35px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'ChosunGs', serif !important;
	font-family: 'NotoSerifCJKkr', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi1 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: -99;
}

.certiTable{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 30px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg05.png") no-repeat center;
	background-size: cover;
}

.certiTable .sub_txt span {
    font-size: 16px;
    width: 100%;
    float: left;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 500;
    text-align: left;
}
.certiTable .tb02{
	border-left: 1px solid #ccc;
}
.certiTable .tb02 th{
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	font-size: 13px;
	font-weight: 500;
}
.certiTable .tb02 td{
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	letter-spacing: -1px;
	font-size: 12px;
}


/******* 6시그마, ISO9001 합격증 *******/
.certi2{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 55px 115px 70px 50px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg02.png") no-repeat center;
    background-size: cover;
    position: relative;
}
.certi2 h1{
	font-size: 50px;
	margin: 50px 0;
	text-align: center;
	font-family: 'Times New Roman', serif !important;
	font-weight: normal;
    letter-spacing: 2px;
}
.certi2 h1 span{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
    padding: 10px 0 0 0;
}
.certi2 h3{
	font-size: 14px;
	margin-bottom: 5px;
	font-family: 'Times New Roman', serif !important;
    font-weight: 400;
}
.certi2 ul{
	display: block;
}
.certi2 ul li{
	font-size: 14px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
    margin: 10px 0;
}
.certi2 ul li div{
	font-size: 18px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
    display: inline-block;
}
.certi2 ul li .certiNameTit{
    font-size: 30px;
}

.certi2 p.txt1{
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
	letter-spacing: -0.75px;
    text-align: justify;
    display: block;
    padding: 35px 0 50px 0;
}
.certi2 p.txt2{
	font-size: 15px;
	margin-bottom: 60px;
	line-height: 1.5;
	text-indent: 1em;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
	letter-spacing: -0.75px;
    text-align: justify;
}


.certi2 .bot_Cname{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'Times New Roman', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi2 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	left: 50%;
    margin-left: -70px;
	z-index: -99;
}
.certi2 .bot_Cname .stp img{
    width: 100px;
}

.certi2 .bot_copy{
    position: absolute;
    bottom: 50px;
    left: 55px;
}
.certi2 .bot_copy img{
	width: 40px;
    float: left;
}
.certi2 .bot_copy .pcaa{
	width: 60px;
    padding: 5px 0 0 0;
}
.certi2 .bot_copy span{
    float: left;
    padding: 8px 0 0 5px;
    text-align: left;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #888;
}



/******* QME 합격증 *******/
.certi3{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 60px 115px 70px 50px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg02.png") no-repeat center;
    background-size: cover;
	position: relative;
}
.certi3 h1{
	font-size: 50px;
	margin: 50px 0;
	text-align: center;
	font-family: 'Times New Roman', serif !important;
	font-weight: normal;
    letter-spacing: 2px;
}
.certi3 h1 span{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
    padding: 10px 0 0 0;
}
.certi3 h3{
	font-size: 13px;
	margin-bottom: 5px;
	font-family: 'Times New Roman', serif !important;
    font-weight: 400;
}
.certi3 ul{
	display: block;
}
.certi3 ul li{
	font-size: 13px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
    margin: 10px 0;
}
.certi3 ul li div{
	font-size: 18px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
    display: inline-block;
}
.certi3 ul li .certiNameTit{
    font-size: 30px;
}

.certi3 p.txt1{
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
	letter-spacing: -0.75px;
    text-align: justify;
    display: block;
    padding: 25px 0 25px 0;
}
.certi3 p.txt2{
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
	letter-spacing: -1px;
    text-align: justify;
}

.lineStyle li{
	padding-left: 12px;
	position: relative;
}
.lineStyle li:before{
	content: '-';
	position: absolute;
	left: 0;
}

.certi3 .bot_Cname{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'Times New Roman', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi3 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	left: 50%;
    margin-left: -70px;
	z-index: -99;
}
.certi3 .bot_Cname .stp img{
    width: 100px;
}

.certi3 .bot_copy{
    position: absolute;
	bottom: 55px;
	left: 55px;
}
.certi3 .bot_copy img{
	width: 40px;
    float: left;
}
.certi3 .bot_copy .pcaa{
	width: 60px;
    padding: 5px 0 0 0;
}
.certi3 .bot_copy span{
    float: left;
    padding: 8px 0 0 5px;
    text-align: left;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #888;
}



/******* ICE 합격증 *******/
.certi4{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 70px 115px 70px 50px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg02.png") no-repeat center;
    background-size: cover;
}
.certi4 h1{
	font-size: 50px;
	margin: 50px 0;
	text-align: center;
	font-family: 'Times New Roman', serif !important;
	font-weight: normal;
    letter-spacing: 2px;
}
.certi4 h1 span{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
    padding: 10px 0 0 0;
}
.certi4 h3{
	font-size: 13px;
	margin-bottom: 5px;
	font-family: 'Times New Roman', serif !important;
    font-weight: 400;
}
.certi4 ul{
	display: block;
}
.certi4 ul li{
	font-size: 13px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
    margin: 10px 0;
    line-height: 1.2;
}
.certi4 ul li div{
	font-size: 18px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
    display: inline-block;
}
.certi4 ul li .certiNameTit{
    font-size: 24px;
}

.certi4 p.txt1{
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
	letter-spacing: -0.75px;
    text-align: justify;
    display: block;
    padding: 25px 0 25px 0;
}
.certi4 p.txt2{
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
	letter-spacing: -1px;
    text-align: justify;
}

.certi4 .bot_Cname{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'Times New Roman', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi4 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	left: 50%;
    margin-left: -70px;
	z-index: -99;
}
.certi4 .bot_Cname .stp img{
    width: 100px;
}

.certi4 .bot_copy{
    margin-top: 30px;
}
.certi4 .bot_copy img{
	width: 40px;
    float: left;
}
.certi4 .bot_copy .pcaa{
	width: 60px;
    padding: 5px 0 0 0;
}
.certi4 .bot_copy span{
    float: left;
    padding: 8px 0 0 5px;
    text-align: left;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #888;
}
.certi4 .tb01{
    margin: 20px 0;
    border: 1px solid #e5e5e5;
}
.certi4 .tb01 th{
    font-size: 12px;
    letter-spacing: -0.5px;
    height: auto;
    line-height: 1.5;
    padding: 5px 0;
    border-top: 0;
    font-family: 'Times New Roman', serif !important;
}
.certi4 .tb01 td{
    height: auto;
    line-height: 1.5;
    padding: 5px 10px;
    font-size: 12px;
    font-family: 'Times New Roman', serif !important;
}

/* lineStyle */
.certi4 .lineStyle {
    overflow: hidden;
}
.certi4 .lineStyle li{
    padding-left: 15px;
    position: relative;
}
.certi4 .lineStyle li:before{
    content: '-';
    position: absolute;
    top: 0px;
    left: 0;
}


/******* GMP 합격증 *******/
.certi5{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 70px 115px 70px 50px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg02.png") no-repeat center;
    background-size: cover;
}
.certi5 h1{
	font-size: 50px;
	margin: 30px 0;
	text-align: center;
	font-family: 'Times New Roman', serif !important;
	font-weight: bold;
    letter-spacing: 2px;
}
.certi5 h1 span{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
    padding: 10px 0 0 0;
}
.certi5 h2{
	font-size: 32px;
	margin: 20px 0;
	text-align: center;
	font-family: 'Times New Roman', serif !important;
	font-weight: 900;
    letter-spacing: -1px;
}
.certi5 h2 span{
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 1px;
    padding: 5px 0 0 0;
}
.certi5 h3{
	font-size: 13px;
	margin-bottom: 5px;
	font-family: 'Times New Roman', serif !important;
    font-weight: 400;
}
.certi5 ul{
	display: block;
}
.certi5 ul li{
	font-size: 13px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
    margin: 10px 0;
    line-height: 1.2;
}
.certi5 ul li div{
	font-size: 18px;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
    display: inline-block;
}
.certi5 ul li .certiNameTit{
    font-size: 24px;
}

.certi5 p.txt1{
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 600;
	letter-spacing: -0.75px;
    text-align: justify;
    display: block;
    padding: 25px 0 25px 0;
}
.certi5 p.txt2{
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.5;
	font-family: 'Times New Roman', serif !important;
	font-weight: 400;
	letter-spacing: -1px;
    text-align: justify;
}

.certi5 .bot_Cname{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'Times New Roman', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi5 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	left: 50%;
    margin-left: -70px;
	z-index: -99;
}
.certi5 .bot_Cname .stp img{
    width: 100px;
}

.certi5 .bot_copy{
    margin-top: 30px;
}
.certi5 .bot_copy img{
	width: 40px;
    float: left;
}
.certi5 .bot_copy .pcaa{
	width: 60px;
    padding: 5px 0 0 0;
}
.certi5 .bot_copy span{
    float: left;
    padding: 8px 0 0 5px;
    text-align: left;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #888;
}
.certi5 .tb01{
    width: 47%;
    margin: 0px 5px 20px 5px;
    border: 1px solid #e5e5e5;
}
.certi5 .tb01 th{
    font-size: 12px;
    letter-spacing: -0.5px;
    height: auto;
    line-height: 1.5;
    padding: 5px 0;
    border-top: 0;
    font-family: 'Times New Roman', serif !important;
}
.certi5 .tb01 td{
    height: auto;
    line-height: 1.5;
    padding: 5px;
    font-size: 12px;
    font-family: 'Times New Roman', serif !important;
    letter-spacing: -0.5px;
}

.certi5 ul.lineStyle{
	width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.certi5 ul.lineStyle > li{
	position: relative;
	padding-left: 117px;
	margin: 5px 0;
    letter-spacing: -0.75px;
}
.certi5 ul.lineStyle > li > em{
	position: absolute;
	left: 0;
}

.certi5 .lineStyle li em{
	font-style: normal;
    display: inline-block;
    width: 113px;
}
.certi5 .lineStyle li em::before{
	content: ':';
    position: absolute;
    right: 0;
}



/******* 6시그마, ISO, 수료증 *******/
.certi6{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 70px 50px 70px 50px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg03.png") no-repeat center;
    background-size: cover;
    position: relative;
}
.certi6 h1{
    font-size: 45px;
    margin: 50px 0;
    text-align: center;
    font-family: 'ChosunGs', serif !important;
    font-weight: normal;
    letter-spacing: 35px;
}
.certi6 h1 span{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
    padding: 10px 0 0 0;
    font-family: 'Times New Roman', serif !important;
}
.certi6 h3{
	font-size: 13px;
	margin-bottom: 5px;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
    font-weight: 400;
}
.certi6 ul{
	display: block;
}
.certi6 ul li{
	font-size: 15px;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
	font-weight: 900;
    vertical-align: top;
    height: 25px;
    line-height: 0;
    letter-spacing: -1px;
}
.certi6 ul li div{
	font-size: 15px;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
	font-weight: 400;
    display: inline-block;
}
.certi6 ul li .certiNameTit{
    width: 82px;
    text-align: justify!important;
}
.certi6 ul li .certiNameTiteng{
    width: 78px;
    margin: 0 3px 0 1px;
    position: relative;
}
.certi6 ul li .certiNameTiteng::before {
    content: ':';
    position: absolute;
    right: 0;
}

.certi6 ul li .colon{
    width: 10px;
    text-align: center;
}
.certi6 ul li .certiName{
    width: calc(100% - 150px);
    width: calc(100% - 165px);
    text-align: left !important;
    letter-spacing: -1.5px;
}

.certi6 ul li .certiNameTit:after{
    content: "";
    display: inline-block;
    width: 100%;
}
.certi6 p.txt1{
	font-size: 18px;
	line-height: 1.5;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
	font-weight: 400;
	letter-spacing: -1.5px;
    text-align: justify;
    display: block;
    padding: 30px 0 40px 0;
}

.certi6 .bot_Cname{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'Times New Roman', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi6 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	left: 50%;
    margin-left: -70px;
	z-index: -99;
}
.certi6 .bot_Cname .stp img{
    width: 100px;
}

.certi6 .bot_copy{
    position: absolute;
    bottom: 55px;
    left: 60px;    
}
.certi6 .bot_copy img{
	width: 40px;
    float: left;
}
.certi6 .bot_copy .pcaa{
	width: 60px;
    padding: 5px 0 0 0;
}
.certi6 .bot_copy span{
    float: left;
    padding: 8px 0 0 5px;
    text-align: left;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #888;
}

.certi6 ul li.line2{
	height: 40px;
}
.certi6 ul li.line2 .certiName{
	position: relative;
}
.certi6 ul li.line2 .certiName::before{
	content: '선임심사원 과정';
	position: absolute;
	left: 0;
	top: 18px;
}



/******* KOLAS 수료증 *******/
.certi7{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 95px 75px 100px 75px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg_kolas.png") no-repeat center;
    background-size: cover;
}
.certi7 h1{
	font-size: 45px;
	margin: 60px 0;
	text-align: center;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: normal;
}
.certi7 h1 span{
	font-size: 30px;
	font-weight: normal;
	font-family: 'NotoSerifCJKkr', cursive !important;
	letter-spacing: 1px;
}
.certi7 h3{
	font-size: 14px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
    font-weight: 400;
}
.certi7 ul{
	display: block;
}
.certi7 ul li{
	font-size: 16px;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
	font-weight: 900;
    vertical-align: top;
    height: 25px;
    line-height: 0;
    letter-spacing: -1px;
}
.certi7 ul li div{
	font-size: 16px;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
	font-weight: 400;
    display: inline-block;
}
.certi7 ul li .certiNameTit{
    width: 82px;
    text-align: justify!important;
}
.certi7 ul li .certiNameTiteng{
    width: 63px;
    margin: 0 3px 0 1px;
    position: relative;
}
.certi7 ul li .certiNameTiteng::before {
    content: ':';
    position: absolute;
    right: 0;
}

.certi7 ul li .colon{
    width: 10px;
    text-align: center;
}
.certi7 ul li .certiName{
    width: calc(100% - 150px);
    text-align: left !important;
    letter-spacing: -0px;
}

.certi7 ul li .certiNameTit:after{
    content: "";
    display: inline-block;
    width: 100%;
}

.certi7 p.txt1{
	font-size: 18px;
	line-height: 1.5;
	text-indent: 1em;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
	letter-spacing: -0px;
    text-align: justify;
    display: block;
    padding: 40px 0 50px 0;
}
.certi7 p.txt2{
	font-size: 24px;
	margin-bottom: 50px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	font-family: 'NotoSerifCJKkr', cursive !important;
}

.certi7 p.date{
	font-size: 16px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
}
.certi7 p.date .ctMonth{
    padding-left: 5px;
}
.certi7 p.date .ctDate{
    padding-left: 5px;
}
.certi7 p.date span{
	font-family: 'NotoSerifCJKkr', serif !important;
}
.certi7 .bot_Cname{
	font-size: 35px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'NotoSerifCJKkr', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi7 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: -99;
}

/******* 식약처 수료증 *******/
.certi8{
	width: 595px;
	height: 842px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 95px 70px 100px 70px;
	overflow: hidden;
	text-align: center;
	background: url("../../user/image/img/certi_bg04.png") no-repeat center;
    background-size: cover;
}
.certi8 h1{
	font-size: 45px;
	margin: 60px 0;
	text-align: center;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: normal;
}
.certi8 h1 span{
	font-size: 30px;
	font-weight: normal;
	font-family: 'NotoSerifCJKkr', cursive !important;
	letter-spacing: 1px;
}
.certi8 h3{
	font-size: 14px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
    font-weight: 400;
}
.certi8 ul{
	display: block;
}
.certi8 ul li{
    font-size: 16px;
    font-family: 'NotoSerifCJKkr', 'Times New Roman', serif !important;
    font-weight: 900;
    vertical-align: top;
    min-height: 25px;
    letter-spacing: -1px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.certi8 ul li div{
	font-size: 16px;
	font-family: 'NotoSerifCJKkr','Times New Roman', serif !important;
	font-weight: 400;
    display: inline-block;
}
.certi8 ul li .certiNameTit{
    width: 103px;
    width: 100px;
    text-align: justify!important;
}

.certi8 ul li .colon{
    width: 10px;
    text-align: center;
}
.certi8 ul li .certiName{
    width: calc(100% - 113px);
    text-align: left !important;
    letter-spacing: -0.75px;
}

.certi8 ul li .certiNameTit:after{
    content: "";
    display: inline-block;
    width: 100%;
}

.certi8 ul li.line2 {
    height: 40px;
}
.certi8 ul li.line2 .certiName{
	position: relative;
}
.certi8 ul li.line2 .certiName::before{
	content: '부적합 사례분석 실습';
	position: absolute;
	left: 0;
	top: 18px;
}

.certi8 ul li.line2_2 .certiName::before{
	content: '측정불확도 실습';
	position: absolute;
	left: 0;
	top: 18px;
}


.certi8 p.txt1{
	font-size: 18px;
	line-height: 1.5;
	text-indent: 1em;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
	letter-spacing: -0px;
    text-align: justify !important;
    display: block;
    padding: 60px 0 60px 0;
}
.certi8 p.txt2{
	font-size: 24px;
	margin-bottom: 50px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	font-family: 'NotoSerifCJKkr', cursive !important;
}

.certi8 p.date{
	font-size: 16px;
	margin-bottom: 25px;
	font-family: 'NotoSerifCJKkr', serif !important;
	font-weight: 400;
}
.certi8 p.date .ctMonth{
    padding-left: 5px;
}
.certi8 p.date .ctDate{
    padding-left: 5px;
}
.certi8 p.date span{
	font-family: 'NotoSerifCJKkr', serif !important;
}
.certi8 .bot_Cname{
	font-size: 35px;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: 'NotoSerifCJKkr', serif !important;
	display: inline-block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
}
.certi8 .bot_Cname .stp{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: -99;
}


/* fix_sidebar */
 .fix_sidebar .side_bar{
	width: 60px;
}
.fix_sidebar .cont_wrap{
	width: calc(100% - 60px);
	margin-left: 60px;
}
.fix_sidebar .side_nav > li > img{
	display: none;
}
.fix_sidebar .side_nav > li > a > span{
	display: none;
}
.fix_sidebar .side_nav li a img{
	display: none;
}
.fix_sidebar .menu_footer{
	width: 60px;
}
.fix_sidebar .logo {
	width: 33px;
	padding: 20px 0px 10px 15px;
	overflow: hidden;
}
.fix_sidebar .logo img{
	width: 120px;
}
.fix_sidebar .side_nav >li>ul{
	display: none!important;
}
.fix_sidebar .menu_copy a span.side_bar_close{
	display: none;
}
.fix_sidebar .menu_copy a span.side_bar_open{
	display: block !important;
}


/* dashboard */
.dashboard-stats{
	display: block;
	text-align: center;
	overflow: hidden;
	margin-bottom: 30px;
}
.dashboard-stats .cont{
	/* float: left; */
	width: 32%;
	display: inline-block;
	margin-right: 1%;
}
.dashboard-stats .cont:nth-child(3){
	margin-right: 0;
}
.dashboard-stats .cont:last-child{
	margin-right: 0;
}
.white-box{
	border-radius: 8px;
	/* padding: 0 25px; */
	background: #fff;
	margin-bottom: 15px;
}
.dashboard-stats .cont i{
	font-size: 13px;
	color: #fff;
	padding-top: 12px;
}

.front-dashboard .white-box{
	padding: 13px 12px;
	background: #fbfbfb;
}
.front-dashboard .col-xs-3 div span{
	border-radius: 50%;
	width: 38px;
	height: 38px;
	display: inline-block !important;
}
.widget-title{
	font-size: 13px;
	color: #333;
	font-weight: 400;
	text-transform: capitalize;
}
.dashboard-stats .col-xs-9 .counter{
	font-size: 13px;
}


.bg-success-gradient{
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}

.bg-danger-gradient{
    background-image: linear-gradient(to right, #fa709a 0%, #fe8f40 100%);
}

.bg-warning-gradient{
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

.bg-info-gradient{
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}

.bg-inverse-gradient{
    background-image: linear-gradient(to right, #434343 0%, black 100%);
}

.bg-pur-gradient{
    background-image: linear-gradient(120deg, #e0c0fd 0%, #ed84ef 100%);
}

.bg-pink-gradient{
    background-image: linear-gradient(120deg, #0faed4 0%, #9d31fe 100%);
}


.listWrapBox{
    padding: 15px 20px !important;
    overflow: hidden !important;
    background: #f9f9f9 !important;
    border: 1px solid #d9d9d9 !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
}
.box_sort{
	margin-top: 0;
	float: right;
	width: 100%;
}
.box_sort .box_cate select {
    width:208px;
}
.box_search select {
    width:117px;
    height: 45px;
}
.box_search input[type=text] {
    width:168px;
    height:44px;
    border:1px solid #c8d1db;
}
.box_search input[type=password] {
    width:168px;
    height:44px;
    border:1px solid #c8d1db;
}
.box_search button {
    height:44px;
    color:#fff;
    background:#434343;
    padding:0 30px;
	/*margin-top: 5px;*/
}
.box_sort .srchCtgry{
	width: 208px;
	height: 45px;
	border: 1px solid #c8d1db;
	background: url("../image/icon/icon_select_3.jpg") center right no-repeat #fff;
	margin-right: 15px;
	float: left;
}
.box_sort .srchAgency{
	width: 180px;
	height: 45px;
	border: 1px solid #c8d1db;
	background: url("../image/icon/icon_select_3.jpg") center right no-repeat #fff;
	margin-right: 15px;
	float: left;
}



.sortWrap{
    text-align: left;
    margin-bottom: 20px;
}

.sortWrap>ul li{
    display: inline-block;
    border: 0;
    padding: 0 10px 0 0;
    float: left;
}
.sortWrap>ul li a{
    display: inline-block;
    float: left;
    color: #333;
}
.sortWrap>ul li span{
    display: inline-block;
    float: left;
    margin-left: 10px;
    color: #ccc;
}

span.prd{
	margin: 0 15px;
}


@media (min-width: 280px) and (max-width: 767px) {
	#calendar .weekdays, #calendar .other-month {
		display: none;
	  }
	  #calendar li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	  }
	  #calendar .date {
		float: none;
	  }
		  
	.print {width:100%;}
	.print ul {width:100%; padding-left: 0;}
	.print li {display:inline-block; border:1px solid #e5e5e5; border-radius:5px; width:96%; padding:35px 0; text-align:Center; font-size:16px; line-height:25px; margin-top:20px;}
	.print li img {display:block; text-align:center; margin:0 auto; margin-bottom:15px;}
	.print li span {font-size:22px;}
	.print li p.p_on {background:#434343; color:#fff; text-align:center; width:70%; margin:0 auto; margin-top:25px; padding:8px 0; border-radius:3px;}
	.print li p.p_off {background:#707070; color:#fff; text-align:center; width:70%; margin:0 auto; margin-top:25px; padding:8px 0; border-radius:3px;}
	.login_box {width:95%; text-align:center; margin:0 auto; padding:50px; border:1px solid #e5e5e5; border-radius:5px; margin-top:40px;}
	.login_box span {font-size:18px; display:block; margin-bottom:30px; line-height:22px;}
	.login_box input {width:90%; height:50px; border:1px solid #e5e5e5; margin-top:10px;}
	.login_box .btn_login {background:#434343; color:#fff; text-align:center; width:90%; margin:0 auto; padding:20px 0; margin-top:15px;}
	.login_box .login_ck {margin-top:10px;}
	.login_box .login_ck a {margin-left:10px; display:inline-block; color:#000}
	.idpw_box {width:98%; text-align:center; margin:0 auto; padding:50px; border:1px solid #e5e5e5; border-radius:5px; margin-top:60px; display:inline-block; vertical-align:top;}
	.pdl10 {margin-left:10px;}
	.idpw_box ul {margin-top:20px;}
	.idpw_box li input {width:100%; height:50px; border:1px solid #e5e5e5; margin-top:10px;}
	.idpw_box li input.phone {width:27%; height:50px; border:1px solid #e5e5e5; margin:0 5px; margin-top:10px;}
	.idpw_box li input.email {width:27%; height:50px; border:1px solid #e5e5e5; margin:0 5px; margin-top:10px;}
	.idpw_box li select.email{width: 30%; height: 50px; border: 1px solid #e5e5e5; margin: 0 5px; margin-top: 10px; border-radius: 0;}
	.idpw_box li.idpw_text {text-align:left;}
	.idpw_box .idpw_title {font-size:23px; display:block; margin-bottom:30px;}
	.idpw_box .btn_find {background:#434343; color:#fff; text-align:center; width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
	
	.step01 {width:100%; text-align:left; text-align:center;}
	.step01 .step_arrow {display:inline-block;}
	.step01 .step {width:46%; margin-top:30px; display:inline-block;}
	.step01 .step li {display:inline-block; vertical-align:middle;}
	.step01 .step li.step_txt {margin-left:30px;}
	.step01 .step li.arrow {padding:0 40px;}
	.cert {width:90%; text-align:center; margin:0 auto; padding:50px; border:1px solid #e5e5e5; border-radius:5px; margin-top:30px; display:inline-block; margin-right:10px;}
	.cert ul {margin-top:20px;}
	.cert li img {margin-bottom:30px;}
	.cert .btn_find {background:#434343; color:#fff; text-align:center; width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
	.cert .title {font-size:30px; line-height:50px;}
	.sub_img {margin-top:40px; float:left; margin-bottom:40px;}
	.sub_img img {width:100%;}
	.error_box{
		padding: 10px;
		margin: 30% auto 0 auto;
	}
	.error .error_tx{
		width: 70%;
		margin-top: 20px;
		font-size: 18px;
		text-align: justify;
		letter-spacing: -0.5px;
	}
	.error .error_tx h1{
		font-size: 38px;
	}
	.error .error_img{
		position: absolute;
		top: 150px;
		right: 0px;
	}
	.error .error_img img{
		width: 100%;
	}
	.error .error_btn{
		width: 100%;
	}	
	.error .error_btn a{
		width: 49%;
	}

    .navBot ul{
    }
	.navBot ul li{
		margin: 0 3px 5px 3px;
	}
	.navBot ul li a{
		font-size: 12px;
		padding: 10px 6px;
		letter-spacing: -1px;
	}
	.navBot ul li.upd a{
		padding: 10px 5px;
		letter-spacing: -1px;
	}


    .listWrap .box_sort{
        margin-bottom: 10px;
		margin-top: 0;
    }
	.listWrap.cst .box_sort{
		margin-bottom: 30px;
	}
	.tstyle_view ul.head li{
		margin: 2px 0px;
	}

    .listWrap .box_list .img_logo{
        margin-bottom: 5px;
    }
    .listWrap .box_list .text_title strong{
        line-height: 1.2;
    }
    .listWrap .box_list .btn_view{
        line-height: 1;
    }

    .board_tab_onoff ul li{
        margin-left: 0;
    }
    .board_tab_onoff ul p{
        height: 30px;
        line-height: 30px;
        width: 74px;
    }
    .board_tab_onoff ul p a{
        font-size: 12px;
    }
    .timetb th{
        font-size: 12px;
        letter-spacing: -1px;
		background-color: #f7f8fa !important;
    }
    .timetb td{
        padding: 5px;
        font-size: 12px;
        letter-spacing: -1px;
    }

    .timetb th:first-child{
        display: none;;
    }
    .timetb td:first-child{
        display: none;;
    }
    .timetb td .btn04{
        font-size: 12px;
        padding: 5px;
        line-height: 20px;
        display: block;
    }

    .edutb th, .edutb td{
        font-size: 12px;
    }
    .edutb th{
        width: 90px;
    }
    .print li p.p_on{
        line-height: 1;
    }

	.box_sort .srchCtgry{
		width: 100%;
	}

	.searchBox{
		width: 100%;
		height: auto;
	}

}


@media (min-width: 768px) and (max-width: 1024px) {
	
 	.side_bar {
		width: 220px;
		background: #041731;
		height: 100%;
		float: left;
		position: fixed;
		top: 0;
		left: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;	
	}
	.side_nav {
		padding-left: 20px;
	}
	.side_nav >li {
		position: relative;
	}
	.side_nav >li>a {
		color: #ffffff;
		font-size: 13px;
		height: 50px;
		line-height: 50px;
		display: block;
		font-family: "Noto Sans KR" , sans-serif;	
	}
	.side_nav >li> img {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.side_nav i {
		font-size: 14px;
		color: #ffffff;
		cursor: pointer;
		width: 18px;
		margin-right: 7px;
	}
	.side_nav >li>a img {
		margin-right: 10px;
		position: relative;
		top: 3px;
	}
	.side_nav >li>ul>li> a {
		color: #bdbdbd;
		font-size: 13px;
		height: 35px;
		line-height: 30px;
		letter-spacing: -1px;
	}
	.side_nav >li>ul {
		padding-left: 28px;
		display: none;
	}




	.logo{
		display: block;
		padding: 20px 30px 10px 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;	
		transition: all 0.2s ease-in-out;		
	}
	.logo img{
		width: 100%;
	}

	.menu_footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 220px;
		background: #041831;
		border-top: 1px solid #2f3544;
		z-index: 9999;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;	
		transition:all 0.2s ease-in-out;		
	}

	.content-wrapper .menu_footer {
		width: 60px;
	}

	.menu_copy {
		padding: 10px 20px;
		background: #09203a;
		color: #c5c5c5;
		font-size: 14px;
		font-weight: 400;
	}

	.menu_copy a {
		color: #c5c5c5;
		font-weight: 400;
		display: block;
	}
	.menu_copy a span{
		display: inline;
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-ms-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;	
		transition:all 0.1s ease-in-out;		
	}
	.menu_copy a span.side_bar_open{
		display: none;
	}
	

	.side_bar{
		width: 60px;
	}
	.cont_wrap{
		width: calc(100% - 60px);
		margin-left: 60px;
	}
	.side_nav > li > img{
		display: none;
	}
	.side_nav > li > a > span{
		display: none;
	}
	.side_nav li a img{
		display: none;
	}
	.menu_footer{
		width: 60px;
	}
	.logo {
		width: 33px;
		padding: 20px 0px 10px 15px;
		overflow: hidden;
	}
	.logo img{
		width: 120px;
	}
	.side_nav >li>ul{
		display: none!important;
	}
	.menu_copy a span.side_bar_close{
		display: none;
	}
	.menu_copy a span.side_bar_open{
		display: block !important;
	}


	/* fix_sidebar */
	 .fix_sidebar .side_bar{
		width: 60px;
	}
	.fix_sidebar .cont_wrap{
		width: calc(100% - 60px);
		margin-left: 60px;
	}
	.fix_sidebar .side_nav > li > img{
		display: none;
	}
	.fix_sidebar .side_nav > li > a > span{
		display: none;
	}
	.fix_sidebar .side_nav li a img{
		display: none;
	}
	.fix_sidebar .menu_footer{
		width: 60px;
	}
	.fix_sidebar .logo {
		width: 33px;
		padding: 20px 0px 10px 15px;
		overflow: hidden;
	}
	.fix_sidebar .logo img{
		width: 120px;
	}
	.fix_sidebar .side_nav >li>ul{
		display: none!important;
	}
	.fix_sidebar .menu_copy a span.side_bar_close{
		display: none;
	}
	.fix_sidebar .menu_copy a span.side_bar_open{
		display: block !important;
	} 	
	
	.glist li{
		width: calc(33.3333% - 40px);
	}
	
}


.box_sort .box_cate .srchAgency{
    background: url("../image/icon/icon_select_4.jpg") center right no-repeat #fff;
    border: 1px solid #0071bc;
    color: #0071bc;
}

.modal-header .tit.fdb{
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    border-bottom: 0;
    padding: 20px 0px 15px;
    color: #333;
}
.fbScore .tb03 span{
    font-weight: 500;
}
.fbScore td{
    border: 0 !important;
}
.fbScore td label{
    cursor: pointer !important;
}



/* 231005 hy 공지사항 이전,다음글 */
.bbsViewList{
	display: table;
	width: 100%;
	border-top: 1px solid #000;
	margin-top: 20px;
	line-height: 1.5em;
}
.bbsViewList .tableRow{
	display: table-row;
	line-height: 1.5em;
	border-bottom: 1px solid #ddd;
}
.bbsViewList .tableRow .tableCell{
	display: table-cell;
	padding: 15px 20px;
	vertical-align: middle;
	line-height: 1.5em;
}
.bbsViewList .tableRow:last-child .tableCell.tableHead{
    border-top: 1px solid #ddd;
}

.bbsViewList .tableRow .tableCell.tableHead{
	background: #f4f4f4;
	font-weight: 500;
	width: 15%;
}
.bbsViewList .tableRow .tableCell.tit{
	width: 85%;
}
.bbsViewList .tableRow .tableCell.tit:last-child{
	border-top: 1px solid #ddd;
}
.bbsViewList .tableRow .tableCell p{
	text-align: left;
	line-height: 1.5em;
	font-size: 16px;
}
.bbsViewList .tableRow .tableCell p.prev ,.bbsViewList .tableRow .tableCell p.next{
	text-align: center;
	font-size: 16px;
	position: relative;
}
.bbsViewList .tableRow .tableCell a{
	font-size: 16px;
}


@media (max-width: 768px){
	
	.bbsViewList .tableRow .tableCell p.prev, .bbsViewList .tableRow .tableCell p.next{
		font-size: 12px;
	}
	.bbsViewList .tableRow .tableCell a{
		font-size: 12px;
	}	
}

/* 231005 hy 공지사항 이전,다음글 */



.mypopWrap .board_tab_onoff.tapWrap .board_tab p{
	height: 40px;
	width: 85px;
	line-height: 40px;
	text-align: center;
	background: #d4d4d4;
	border-radius: 10px 10px 0 0;
}
.mypopWrap .board_tab_onoff.tapWrap .board_tab p a{
	display: block;
	font-weight: 500;
	color: #fff;
    letter-spacing: -1px;
}



.h4_style{
	font-size: 20px;
	font-weight: bold;
	padding-left: 15px;
	position: relative;
	background: url("/resources/user/image/icon/h4_style.png")no-repeat top 5px left;
	vertical-align: middle;
}
.h4_style > img{
	margin-left: 5px;
	vertical-align: middle;
}

.testView {
	min-height: 500px;
	padding: 0 0 10px 0!important;
}

.testView .remodal-close{
	content:' '!important;
	width: 50px;
	background-color: #666;
	color: #fff;
	letter-spacing: -1px;
	top: 15px;
	right: 15px;
}
.testView .remodal-close:hover{
	color: #fff !important;
}
.testView .remodal-close:before{
	content:' '!important;
}
.testView .madal-header{
	
}
.testTop{
	background-color: #f4f4f4;
	padding: 20px 20px;
	text-align: left;
}
.testTop h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.testTop h3 strong{
	color: darkblue;
	font-weight: 600;
}
.testTop ul{}
.testTop ul li{
	display: inline;
	padding: 0 10px 0 0;
}
.testTop ul li:after{
	content: '|';
	font-size: 14px;
	color: #888;
	margin-left: 10px;
}
.testTop ul li:last-child:after{
	content: '';
	margin-left: 0;
}
.testTop ul li span{}

.testInfo{
    
}
.testInfo .tit{
    font-size: 24px;
	font-weight: 500;
	margin: 30px 0 0 0
}

.testInfo > div.tl{
    padding: 15px;
	background-color: #fff;
	border: 2px dotted #ccc;
	margin: 15px;
	border-radius: 10px;
}

.testInfo ul li {
    font-size: 14px;
    line-height: 1.2;
}

ul.textList1 > li{
	position: relative;
	padding-left: 10px;
	margin: 10px 0;
}
ul.textList1 > li:before{
	position: absolute;
	content:'';
	width: 3px;
	height: 3px;
	background-color: #666;
	top: 7px;
	left: 0;
}

ul.numList1{
	padding-left: 15px;
}

ul.numList1 > li{
	position: relative;
	padding-left: 20px;
	margin: 10px 0 0 0;
}
ul.numList1 > li > em{
	position: absolute;
	left: 0;
}

ul.numList2 > li{
	position: relative;
	padding-left: 20px;
	
}
ul.numList2 > li > em{
	position: absolute;
	left: 0;
}

ul.lineList1 > li{
	position: relative;
	padding-left: 20px;
	margin: 5px 0;
}
ul.lineList1 > li > em{
	position: absolute;
	left: 0;
}

ul li em{
	font-style: normal;
}

.testCont{
	margin: 15px;
}

.testQ{
	display: inline-block;
	width: 68%;
	margin-right: 2%;
	float: left;
}

.testQ > p{
	display: block;
	padding: 10px 15px;
	background-color: #03a9f3;
	color: #fff;
	font-weight: 500;
}

.testQlist{
	height: 400px;
	overflow-y: auto;
	padding: 30px;
}

.testQ dl{
	display: block;
}
.testQ dl dt{
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 20px 0;
}
.testQ dl dd{
	font-size: 15px;
	margin: 10px 0;
}
.testQ dl dd label{
	margin-left: 20px;
}
.testQlist dl dd input{
	border: 1px solid #e5e5e5;
    border-radius: 5px;
    height: 35px;
}


/* radio */
.testQ dl dd input[type=radio] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
	overflow:hidden;
}
.testQ dl dd input[type=radio] + label {
	position:relative;
	display:block;
	padding:0 5px;
	font-size:14px;
	line-height:24px;
	cursor:pointer;
	box-sizing:border-box;
}

.testQ dl dd input[type=radio]:checked + label {
	background: url("../image/icon/check-mark.png")no-repeat left center;
}

/* checkbox */
.testQ dl dd input[type=checkbox] {
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	border:none;
	overflow:hidden;
}
.testQ dl dd input[type=checkbox] + label {
	position:relative;
	display:block;
	padding:0 5px;
	font-size:14px;
	line-height:24px;
	cursor:pointer;
	box-sizing:border-box;
}

.testQ dl dd input[type=checkbox]:checked + label {
	background: url("../image/icon/check-mark.png")no-repeat left center;
}





/* testSlide
.testQ #testSlide{
	width: 660px;
	height: 500px;
	overflow: hidden;
}

.testQ .slide .slick-arrow{
	border-radius: 4px;
	border: none;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	width: 100px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	text-indent: 0;
	background: none;
}

.testQ .slide .slick-arrow.slick-prev{
	background-color: #03a9f3;
	background-color: #666666;
	bottom: 0;
	right: 50%;
}
.testQ .slide .slick-arrow.slick-next{
	background-color: #f4511e;
	background-color: #03a9f3;
	transform: none;
	bottom:0;
	left: 50%;
  }


.testQ .slide .slick-arrow span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}


.testQ .slide .slick-next span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.testQ .slide .slick-next:hover span {
padding-right: 25px;
}
.testQ .slide .slick-next:hover span:after {
	opacity: 1;
	right: 0;
}

.testQ .slide .slick-prev span:after {
	content: '\00ab';
	position: absolute;
	opacity: 0;
	top: 0;
	left: -20px;
	transition: 0.5s;
}

.testQ .slide .slick-prev:hover span {
	padding-left: 25px;
}
.testQ .slide .slick-prev:hover span:after {
	opacity: 1;
	left: 0;
}

#testSlide .slick-track{
	width: 656px !important;
}
#testSlide .main_slide{
	width: 660px !important;
	height: 500px !important;
}
*/



/* 시험지영역 이전,다음 버튼 */
.nextBtn {
	border-radius: 4px;
	background-color: #f4511e;
	background-color: #03a9f3;
	border: none;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	width: 100px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
  }
  
  .nextBtn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }
  
  .nextBtn span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }
  
  .nextBtn:hover span {
	padding-right: 25px;
  }
  
  .nextBtn:hover span:after {
	opacity: 1;
	right: 0;
  }


  .prevBtn {
	border-radius: 4px;
	background-color: #03a9f3;
	background-color: #666666;
	border: none;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	width: 100px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
  }
  
  .prevBtn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }
  
  .prevBtn span:after {
	content: '\00ab';
	position: absolute;
	opacity: 0;
	top: 0;
	left: -20px;
	transition: 0.5s;
  }
  
  .prevBtn:hover span {
	padding-left: 25px;
  }
  
  .prevBtn:hover span:after {
	opacity: 1;
	left: 0;
  }

  .finBtn {
	border-radius: 4px;
	border: none;
	background-color: #527ee5;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	width: 100px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
  }

  .finBtn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }
  
  .finBtn span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }
  
  .finBtn:hover span {
	padding-right: 25px;
  }
  
  .finBtn:hover span:after {
	opacity: 1;
	right: 0;
  }



  /* 답안지 */
  .testA{
	display: inline-block;
	width: 30%;
	float: right;
}

.testA > p{
	display: block;
	padding: 10px 15px;
	background-color: #545454;
	color: #fff;
	font-weight: 500;
}

.tbWrap{
	max-height: 485px;
	overflow-y: auto;
}
.testA .tb{
	width: 100%;
	margin-top: 20px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}
.testA .tb th{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 0px solid #333;
	text-align: left;
	padding: 10px;
}
.testA .tb td{
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 0px solid #333;
	text-align: left;
	word-break: keep-all;
	line-height: 1.5;
}
.testA .tb th:first-child{
	border-left: 0!important;
}
.testA .tb td:first-child{
	border-left: 0!important;
}

.testA .tb .ansNo{
	padding: 3px 8px;
	border-radius: 4px;
	background-color: #fb9678;
	color: #fff;
	font-size: 12px;
	margin-left: 5px;
}

.testA .tb .ansFin{
	padding: 3px 8px;
	border-radius: 4px;
	background-color: #00c292;
	color: #fff;
	font-size: 12px;
	margin-left: 5px;
}

.testA .tb .ansCrrt{
	font-weight: 700;
	color: #00c292;
}
.testA .tb .ansWrng{
	font-weight: 700;
	color: #fb9678;
}


/* 설문결과 */
.fbtb{
	border-top: 1px solid #ebedf2;
	border-bottom: 1px solid #ebedf2;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
	box-sizing: border-box;
}
.fbtb tr{
	border: 0;
}
.fbtb th{
	border-bottom: 1px solid #ebedf2;
	background-color: #f7f8fa;
	padding: 10px;
	font-size: 15px;
}
.fbtb td{
	border-right: 0;
	border-bottom: 1px dashed #ebedf2;
	padding: 10px;
}

.fbtb td.tbGray{
	background-color: #f7f8fa;
	width: 130px;
}
.fbtb td.tbGray:last-child{
	border-left: 1px dashed #ebedf2;
}

.tbBox.fbCon{
	margin: 30px auto;
	padding: 0;
	overflow-y: auto;
}

.fbConTit{
	background-color: #f4f4f4;
	padding: 20px 20px;
	text-align: left;
}
.fbConTit h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.fbConTit h3 strong{
	color: darkblue;
	font-weight: 600;
}

.fbConTit ul li{
	display: inline-block;
	padding: 0 20px 0 0;
	position: relative;
}
.fbConTit ul li:first-child:after{
	content: '|';
	font-size: 14px;
	color: #acacac;
	/*margin-left: 10px;*/
	visibility: visible;
	position: absolute;
	right: 5px;
	top: 0;
}
.fbConTit ul li:last-child{
	float: right;
	padding: 0;
}



/* 접수중 */
.detailInfo .icon_tag.ing {
    background:#ff7800;
}
/* 마감 */
.detailInfo .icon_tag.end {
    background:#888888;
}
/* 대기중 */
.detailInfo .icon_tag.wait {
    background:#cccccc;
}
/* 수강증 */
.detailInfo .icon_tag.sic {
    background:#85bf54;
}
/* 수료 */
.detailInfo .icon_tag.comp {
    background:#f44266;
}
/* 미수료 */
.detailInfo .icon_tag.compNo {
    background:#333333;
}
/* 교육종료 */
.detailInfo .icon_tag.eduend {
    background:#995c27;
}


.eduTit .icon_tag.ing {
    background:#ff7800;
}
.eduTit .icon_tag.end {
    background:#4e4e4e;
}
.eduTit .icon_tag.wait {
    background:#85bf54;
}
.eduTit .color {
    font-size: 14px;
}
.eduTit .icon_tag.etc {
    background:#fff;
	border: 1px solid #d8d8d8;
	color: #4195f5;
	border-radius: 25px;
	font-weight: 400;
	font-size: 13px;
	margin: 0 10px 6px 0;
	vertical-align: top;
}

.eduTit .icon_tag {
    display:inline-block;
    height:28px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:28px;
    border-radius:5px;
    padding:0 10px;
    margin: 0 0 6px 10px;
	vertical-align: middle;
}
.eduTit .fc_blue{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: 400;
}
.eduTit .tit{
	font-size: 24px;
	font-weight: 500;
}

.eduDt .board_tab_onoff{}
.eduDt .board_tab_onoff .board_tab{
	border-bottom: 1px solid #000;
}
.eduDt .board_tab_onoff .board_tab li{
	margin: 0;
}
.eduDt .board_tab_onoff .board_tab li p{
	background-color: #fafafc;
	height: 50px;
	line-height: 50px;
	border-radius: 0;
	border-top: 1px solid #e4e5ed;
	border-left: 1px solid #e4e5ed;
	border-right: 1px solid #e4e5ed;
}
.eduDt .board_tab_onoff .board_tab li p a{
	color: #555;
	font-size: 14px;
	font-weight: 400;
}
.eduDt .board_tab_onoff .board_tab li.active p{
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #fff;
	position: relative;
}
.eduDt .board_tab_onoff .board_tab li.active p::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	height: 2px;
}
.eduDt .board_tab_onoff .board_tab li.active a{
	background-color: #fff;
	font-weight: 500;
	color: #000;
}
.eduDt .board_tab_con{
	border: 1px solid #ccc;
	min-height: 700px;
	padding: 20px;
}
.eduDt .board_tab_con .cont{
	/*border: 1px solid #ccc;*/
	min-height: 700px;
	/*padding: 20px;*/
}
.eduDt .board_tab_con .cont img{
	width: 100% !important;
	height: auto !important;
}


/*인사말*/

.img_wrap {float: right; max-width: 20%;}
.txt_wrap {float: left; max-width: 75%;}
.txt_wrap .bar {width: 50px; height: 3px; background: #00689e; margin: 20px 0;}
.tit_wrap .tit {font-size: 1.375em; color: #3f3f3f; font-weight: 600;}
.tit_wrap .tit1 {margin-bottom: 8px;}
.tit_wrap .tit .tit_span {color: #00689e;}
.txt_wrap .box {margin-bottom: 20px;}
.txt_wrap .txt_box .t1 {color: #3f3f3f; line-height: 150%; font-size:15px;}



.writer_box {position: absolute; bottom: 50px; right: 0; text-align: right;}
.writer_box .writer {color: #3f3f3f; font-size: 0.938em;}
.writer_box .writer span {padding-left: 16px;color: #3f3f3f; font-size: 1.250em; font-weight: 600; font-family: 'NanumMyeongjo';}




/******* 마이페이지 증빙서류 ********/
.certiListWrap{}
.certiListWrap ul{
	text-align: left;
}
.certiListWrap ul li{
	display: flex;
	padding: 15px 20px;
	border: 1px solid #ccc;
	width: 100%;
	align-items: flex-end;
	flex-flow: wrap;
	margin: 10px 0;
}
.certiListWrap ul li span{
	display: inline-block;
	float: left;
	width: 40%;
}
.certiListWrap ul li span:nth-child(3){
	clear: both;
}

/* edu intro */
.grayBoxR{
	padding: 30px 20px;
	background-color: #eeeeee;
	border-radius: 15px;
	margin-bottom: 30px;
}
.grayBox{
	padding: 30px 20px;
	background-color: #eeeeee;
	margin-bottom: 30px;
}
.eduIntroList{

}
.eduIntroList > dl{
	padding: 30px 0 40px 0;
	border-bottom: 2px dashed #eee;
}
.eduIntroList > dl:last-child{
	border-bottom: 0px dashed #ccc;
}
.eduIntroList > dl > dt{
	font-size: 24px;
	font-weight: 500;
	padding: 10px;
	/*border-bottom: 2px solid #eee;*/
	color: #0071ba;
	letter-spacing: -1px;
}
.eduIntroList dl dd ul{
	display: block;
	padding: 10px 20px 20px 20px;
}
.eduIntroList dl dd ul li:first-child{
	font-size: 18px;
	color: #0071ba;
	margin-bottom: 15px;
	margin-left: 5px;
}
.eduIntroList dl dd ul li:first-child:before{
	display: none;
}
.eduIntroList dl dd ul li{
	font-size: 15px;
	margin-left: 17px;
}

/* 연간일정표 */
.edu_cal_table{
	width: 100%;
	border-top: 2px solid #555;
	border-spacing: 0;
	border-collapse: collapse;
}
.edu_cal_table th{
	background-color: #f4f4f4;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding: 15px 0;
	vertical-align: middle;
}
.edu_cal_table th:first-child{
	border-left: 0;
}
.edu_cal_table td{
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	letter-spacing: -0.75px;
	line-height: 1.2;
}
.edu_cal_table td:first-child{
	border-left: 0;
}


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

	.edu_cal_table th, .edu_cal_table td{
		padding:7px 5px;
	}
	.basic_table_box.scroll {
		position:relative; 
		z-index:1; 
		overflow:auto; 
		padding:20px 0; 
		background:url('../images/basic/lr_arr_ico.png') 48% 0 no-repeat; 
		background-size:30px; 
		animation: tblScrollAni 2s infinite;
	}
	
	.infoBox dl {
	    flex-direction: column;
	}
	.infoBox dt {
	    width: 100%;
	}
	
	.navWrap > ul > li > a{
		font-size: 12px;
	}
}


/* 센터장에게바란다 */
/* circle */
.center_top_box {
    width: 100%;
    margin: 30px 0;
    padding: 30px 30px 30px 120px;
    border-radius: 15px;
    background-color: #f9f9f9;
    line-height: 1.2;
    background: url(../image/icon/write_mail.png) #f9f9f9 no-repeat left 30px center;
}
.center_top_box .list_type1 > li {
    display: block;
    line-height: 30px;
    padding-left: 20px;
    font-size: 16px;
    color:#333;
    position: relative;
    overflow: hidden;
	margin-left: 0px;
	letter-spacing: -1px;
}
.center_top_box .list_type1 > li::before{
    display: block;
    content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 5px;
    height: 5px;
    background-color: #0972c5;
    border-radius: 50%;
}


/* join */
.agreeInfoWrap{
	padding: 30px 25px;
	border: 1px solid #d2d2d2;
	background: #fcfcfc;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 15px;
}
.agreeInfoWrap .agreeInfo{
	margin-top: 25px;
	display: flex;
	flex-direction: row;
}
.agreeInfoWrap .agreeInfo:first-child{
	margin-top: 0;
}
.agreeInfo .num{
	display: flex;
	width: 20px;
	height: 20px;
	background: #0972c5;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.agreeInfo .text{
	display: flex;
	flex-direction: column;
	width: 98%;
	padding-left: 7px;
	font-size: 18px;
	color: #565656;
	text-align: left;
}
.agreeInfo .title{
	display: flex;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}
.agreeInfo .text span{
	font-size: 16px;
	color:#565656;
	text-align: left;
	line-height: 1.5;
}


.userTypeWrap>span.fs_22{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}
.userTypeWrap .mgr5{
	zoom: 1.5;
}
.userTypeWrap label{
	display: inline-flex;
	align-items: center;
	flex-direction: row;
}