@charset "utf-8";

.page_box .mobile select {}
.page_box .mobile select {
	border-radius:0 !important; height:40px !important; border:1px solid #dedede !important; min-width:50px;
	cursor:pointer; padding:8px 45px 8px 20px !important;
	background-image:url(/img/common_responsive/select.png) !important;
	background-repeat:no-repeat !important;
	background-position:calc(100% - 15px) center !important;
	/*background-size:7% !important;*/
	border:1px solid transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
.page_box .mobile select {background-size:15% !important;}


/* 게시판 페이징-모바일용 */
.page_box {position:relative; margin-top:30px; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%;}
.page_box .mobile>li:last-child {padding-right:0;}
/*
.page_box .mobile .prev,
.page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/img/common_responsive/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/img/common_responsive/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}

/* 게시판 페이징 - pc용 */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; height:40px; line-height:1;}
.page_box .pc.pagination>li>a.active {color:#fff; background:#fff !important; color:#333; position:relative; border:1px solid #dedede;}
.page_box .pc.pagination>li>a.active:before {position:absolute; bottom:0; left:0; height:5px; width:100%; background:#32be5d; display:block; content:"";}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
.page_box .pc.pagination .prev {margin-right:10px;}
.page_box .pc.pagination .next {margin-left:10px;}
.page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:100px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}
.page_box .pc li a.prev {margin-right:10px;}
.page_box .pc li a.next {margin-left:10px;}

/* 교육 - 교육신청 (리스트:갤러리형) */
.layout-list-gallery {margin-left:-50px;}
.layout-list-gallery:after {display:block; content:""; clear:both;}
.layout-list-gallery>a {float:left; display:inline-block; width:calc(100%/3 - 50px - 1px); margin-left:50px; border:1px solid #ddd; border-radius:10px; overflow:hidden; transition:.3s;}
.layout-list-gallery>a:hover {box-shadow:3px 3px 5px rgba(0, 0, 0, .08);}
.layout-list-gallery>a:nth-child(3)~a {margin-top:50px;}
.layout-list-gallery>a .img {transition:1s;}


	/*리스트,뷰 (공통)*/
	.listType1>*+* {margin-top:10px;}
	.listType1 span.cate {display:inline-block; padding:5px 20px; background:#eee; border-radius:50px; line-height:1; border:1px solid #ddd; font-size:15px; font-weight:400; color:#000; transition:.3s;}
	.listType1 p.tit {font-size:18px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.listType1 ul.dotList {margin-top:15px; padding-top:15px; border-top:1px dotted #ccc;}
	.listType1 ul.dotList>li {padding-left:10px; position:relative;}
	.listType1 ul.dotList>li:before {
		position:absolute; top:10px; left:0; width:2px; height:2px; background:#aaa; display:block; content:"";
	}
	.listType1 ul.dotList>li:after {display:block; content:""; clear:both;}
	.listType1 ul.dotList>li>span {float:left; display:inline-block; font-size:15px;}
	.listType1 ul.dotList>li .detail-tit {width:30%; color:#888;}
	.listType1 ul.dotList>li .detail-con {width:70%;}
	.listType1 ul.dotList>li+li {margin-top:5px;}

	/*리스트*/
	.layout-list-gallery>a .listType1 {padding:20px 30px 30px;}
	.layout-list-gallery>a .listType1 .titWrap {height:66px; position:relative;}
	.layout-list-gallery>a .listType1 .titWrap p.tit {padding-top:35px;}
	.layout-list-gallery>a .listType1 span.cate {position:absolute; top:0; left:0;}
	.layout-list-gallery>a:hover .listType1 span.cate {background:#ffa800; border:1px solid #ffa800; color:#fff;}

	/*뷰*/
	.layout-view-typeA .listType1 {padding:30px; border:1px solid #ddd; border-radius:10px;}
	.layout-view-typeA .listType1 ul.stateWrap {font-size:0;}
	.layout-view-typeA .listType1 ul.stateWrap>li {display:inline-block;}
	.layout-view-typeA .listType1 ul.stateWrap>li+li {margin-left:10px;}
	.layout-view-typeA .listType1 ul.stateWrap>li>span {
		display:block !important;
		padding:5px 20px; border-radius:50px; line-height:1; font-size:15px; font-weight:400;
		background:#ffa800; border:1px solid #ffa800; color:#fff;
	}
		.layout-view-typeA .listType1 span.ing.type1 {background:#fff; border:1px solid #ccc; color:#000;}
		.layout-view-typeA .listType1 span.ing.type2 {background:#32be5d; border:1px solid #32be5d; color:#fff;}
		.layout-view-typeA .listType1 span.ing.type3 {background:#bbb; border:1px solid #bbb; color:#fff;}
		.layout-view-typeA .join .formGroup:after {display:block; clear:both; content:"";}
		.layout-view-typeA .join .formGroup>* {float:left; display:inline-block;}
		.layout-view-typeA .join .formGroup>div {width:calc(100% - 206px);}
		.layout-view-typeA .join .formGroup>div textarea {width:100%;}
		.layout-view-typeA .join .formGroup>div.inputWrap .fac>div>* {display:inline-block; vertical-align:middle; height:40px; line-height:40px;}
		.layout-view-typeA .join .formGroup>div.inputWrap .fac.checkWrap_sunnong input[type='radio']+label {background-position:0 center !important;}
		.layout-view-typeA .join .formGroup>div.inputWrap .fac.checkWrap_sunnong .other>input {display:none !important;}
		
	.layout-view-typeA .listType1 ul.dotList:after {display:block; content:""; clear:both;}
	.layout-view-typeA .listType1 ul.dotList li {float:left; display:inline-block; width:50%;}
	.layout-view-typeA .listType1 ul.dotList li .detail-tit {width:20%;}
	.layout-view-typeA .listType1 ul.dotList li .detail-con {width:80%;}
	.layout-view-typeA .listType1 ul.dotList li+li {margin-top:0;}
	.layout-view-typeA .listType1 ul.dotList li:nth-child(2)~li {margin-top:10px;}
	.layout-view-typeA .free-write {padding:30px; border:1px solid #ddd; border-radius:10px; margin-top:30px;}
	
	/*뷰- 온라인강의실*/
	.online_view .layout-view-typeA .listType1:after {display:block; clear:both; content:"";}
	.online_view .layout-view-typeA .listType1>div {float:left; display:inline-block;}
	.online_view .layout-view-typeA .listType1>div.img {width:300px;}
	.online_view .layout-view-typeA .listType1>div.con {width:calc(100% - 300px); padding-left:50px; margin-top:0;}
	.online_view .layout-view-typeA .listType1>div.con .stateWrap {margin-bottom:10px;}
	/* .online_view .layout-view-typeA .listType1>div.con ul.dotList {margin-top:20px; padding-top:20px; border-top:1px dotted #ddd;} */
	
	/*신청폼*/
	.layout-view-typeA .Wrap {border:1px solid #ddd; background:#fff; border-radius:10px; margin-top:30px; overflow:hidden;} /*fffbf5*/
	.layout-view-typeA .Wrap p.tit {padding:20px 30px; border-bottom:1px solid #ddd; background:#f9f9f9; font-size:20px; font-weight:400; color:#000;}
	.layout-view-typeA .innerWrap {padding:30px;}
	.layout-view-typeA .innerWrap .formGroup:nth-of-type(1) {padding-top:0;}
	.layout-view-typeA .innerWrap .formGroup:nth-last-of-type(1) {padding-bottom:0; border-bottom:0;}
	.layout-view-typeA .innerWrap .formGroup .labelName {padding-left:0;}
	.layout-view-typeA .innerWrap.agree {padding:0; border:0; border-radius:0; background-color:#fff;}
	.layout-view-typeA .checkWrap_sunnong {padding-bottom:0;}
	.layout-view-typeA .checkWrap_sunnong input[type='checkbox']+label {padding-right:0;}
	
	/* 교육일정::달력 start -------------------- */
	.calendar-btn ul {text-align:center; font-size:0;}
	.calendar-btn ul li {display:inline-block; vertical-align:middle;}
	.calendar-btn ul li a {display:block; padding:0 20px; text-align:center; /* border:1px solid #ddd; */}
	.calendar-btn ul .yymm {padding:0 20px; color:#000; font-size:26px; font-weight:300;}
	.calendar-btn ul .yymm span {font-weight:500; letter-spacing:-1px;}
	
	.calendar-btn ul li[class*="i-"] a {
		height:40px;
		background-repeat:no-repeat;
		background-position:center;
		background-size:16px;
	}
	.calendar-btn ul li.i-prev-y a {background-image:url(../images/common/i-prev-y.png);}
	.calendar-btn ul li.i-prev-m a {background-image:url(../images/common/i-prev-m.png); /* border-left:0; */}
	.calendar-btn ul li.i-next-m a {background-image:url(../images/common/i-next-m.png); /* border-right:0; */}
	.calendar-btn ul li.i-next-y a {background-image:url(../images/common/i-next-y.png);}
	
	.calendar-btn ul li.i-prev-y a:hover {background-image:url(../images/common/i-prev-y-000.png);}
	.calendar-btn ul li.i-prev-m a:hover {background-image:url(../images/common/i-prev-m-000.png);}
	.calendar-btn ul li.i-next-m a:hover {background-image:url(../images/common/i-next-m-000.png);}
	.calendar-btn ul li.i-next-y a:hover {background-image:url(../images/common/i-next-y-000.png);}
	
	table.calendar-view {width:100%; word-break:break-all; margin:20px auto;}
	table.calendar-view td {width:14.28%; height:100px;}
	table.calendar-view td font {display:none;}
	table.calendar-view tr {width:100%;}
	table.calendar-view tr th {padding:10px 0; color:#000; text-align:center; background:#f9f9f9; border:1px solid #e5e5e5; border-top:1px solid #000; font-weight:400 !important;}
	table.calendar-view tr td {border:1px solid #e5e5e5; vertical-align:top; padding:10px 15px 15px;}
	table.calendar-view tr td:first-child span, table.calendar-view tr th:first-child span {color:#ff0000;}
	table.calendar-view tr td:last-child span, table.calendar-view tr th:last-child span {color:#0980dd;}/*33549d*/
	table.calendar-view tr td>span {display:block; color:#000; text-align:right; margin-bottom:10px;}
	table.calendar-view tr td.today {background:#e8f0fe !important;}
	table.calendar-view td div.cal-link a p.check {font-size:16px; font-weight:300; color:#000;}
	table.calendar-view td div.cal-link a p.check>* {display:inline-block; vertical-align:middle;}
	table.calendar-view td div.cal-link a p.check>img {height:20px; margin-right:7px;}
	
	table.calendar-view td .cal-link+.cal-link {margin-top:10px; padding-top:10px; border-top:1px dashed #e5e5e5;}
	table.calendar-view tr td div.num {visibility:hidden; height:0;} 
	/* -------------------- 교육일정::달력 end */
	
	
	
	
	/*마이페이지-교육신청정보*/
	.edu_apply table.type2 tbody tr td {word-break:break-all;}
	.edu_apply table.type2 tbody tr td:nth-of-type(5),
	.edu_apply table.type2 tbody tr td:nth-of-type(6) {text-align:center;}
	
	.edu_apply table.type2 span.ing {
		display:inline-block !important;
		padding:5px 20px; border-radius:50px; line-height:1; font-size:15px; font-weight:400; width:100px; text-align:center;
		background:#ffa800; border:1px solid #ffa800; color:#fff;
	}
		.edu_apply table.type2 span.ing.type1 {background:#fff; border:1px solid #ccc; color:#000;}
		.edu_apply table.type2 span.ing.type2 {background:#32be5d; border:1px solid #32be5d; color:#fff;}
		.edu_apply table.type2 span.ing.type3 {background:#bbb; border:1px solid #bbb; color:#fff;}
		
	/*마이페이지 - 온라인강의실*/
	.courseList-tab {}
	.courseList-tab ul {overflow:hidden; border-bottom:1px solid #000; margin-bottom:50px;}
	.courseList-tab ul li {float:left; width:200px; text-align:center;}
	.courseList-tab ul li:first-child a {border-radius:5px 0 0 0;}
	.courseList-tab ul li:last-child a {border-radius:0 5px 0 0;}
	.courseList-tab ul li a {display:block; padding:20px 0; border:1px solid #e5e5e5; color:#666; line-height:1; font-size:18px; font-weight:400; color:#333;}
	.courseList-tab ul li+li a {border-left:1px solid transparent;}
	.courseList-tab ul li:hover a {background-color:#f5f5f5;}
	.courseList-tab ul li.on a {background:#32be5d; color:#fff; border-color:#32be5d;}
	
	.courseList {}
	.courseList b.acc1 {color:#138c38; font-weight:500;}
	.courseList td a {}
	.courseList td a.btn {
		display:inline-block;
		padding:5px 20px; border-radius:50px; line-height:1; font-weight:400;
		background:#ffa800; border:1px solid #ffa800; color:#fff;
	}
	.courseList td a.btn:hover {color:#fff !important;}
	
	.courseList td a.btn_second {width: 110px;
    background: #3eb25d;
    display: block;
    color: #fff;
    padding: 2px 10px;
    margin: 0 auto;
    border-radius: 100px;}
	
	.courseList td a.btn_line {display:inline-block; text-decoration:underline !important; color:#000; margin-bottom: 5px;}
	
	.courseList td a.btn.print {background:#30a4e0; border-color:#30a4e0;}
	
	
	/* 공통::상단검색박스 */
	.search_box {width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}
	.search_box>div {float:left;}
	.search_box .count {width:50%;}
	.search_box .count .all-now-count {text-align:left; font-size:14px; color:#000; height:50px; padding-top:25px;}
	.search_box .kind {width:20%; padding-right:5px;}
	.search_box .search {width:30%; position:relative;}
	.search_box .search>input {padding-right:62px !important;}
	.search_box .search .search_btn {
		position:absolute; top:0; right:0;
		width:50px; height:50px; line-height:50px;
		background-color:#138c38; color:#fff; font-size:16px;
		background-image:url(../images/common/icon_search_fff.png);
		background-repeat:no-repeat;
		background-position:center;
		border-radius:0 5px 5px 0 !important;
	}
	.search_box .kink select {width:100%;}
	
	/* 200131 D.G 교육신청 페이지 교체로 인한 스타일 추가 */
	.search_box.type-edu .inputWrap:last-child {width:80%;}
	.search_box.type-edu select {width:100%;}
	
	/*기간검색*/
	.search_box.type-period {padding-left:50%; position:relative;}
	.search_box.type-period .calendar {width:100%; padding-right:52px;}
	.search_box.type-period .calendar>div {float:left; width:50%; position:relative;}
	.search_box.type-period .calendar>div:nth-child(1) {padding-right:5px;}
	.search_box.type-period .calendar>div:nth-child(2) {padding-left:5px; position:relative;}
	.search_box.type-period .calendar>div:nth-child(2):before {
		position:absolute; top:20px; left:-2px;
		display:block; content:"";
		width:5px; height:1px; background:#000;
	}
	.search_box.type-period .search {position:absolute; top:0; right:0;}
	
	
	/* 레이어팝업-상품후기 및 문의 작성 */
	.popup_write {z-index:10000; position:fixed; left:0; top:0; display:table; width:100%; height:100%; text-align:center; visibility:hidden; background:rgba(0,0,0,.5);}
	.popup_write.on {visibility:visible;}
	.popup_write .tcWrap {display:table-cell; vertical-align:middle; text-align:center;}
	.popup_writeCon {display:inline-block; width:700px; background:#fff; top:0; border-radius:10px; overflow:hidden;}
	.popup_write_head {position:relative; background:#ffa800; color:#fff; padding:20px 40px; line-height:1;}
	.popup_write_head p {font-size:20px; font-weight:500; text-align:left;}
	.popup_write_head a {display:inline-block; position:absolute;top: 0;right: 20px;line-height: 52px;}
	.popup_write_head a img{height: 17px;}
	.popup_write_body {padding:20px 40px; font-size:14px; color:#000;}
	.popup_write_body>div {text-align:left; padding-bottom:20px; font-size:14px;}
	.popup_write_body>div span {}
	.popup_write_body p {text-align:left; font-size:14px; padding-bottom:10px; color:#555;}
	.popup_write_body p.tit {font-size:20px; color:#138c38; font-weight:500;}
	.popup_write_body p.tit b {color:#000; font-weight:500; padding-left:10px;}
	
	.popup_write_body p.sub {font-size:16px; color:#555; font-weight:400;}
	.popup_write_body p.sub b {padding-left:10px; font-weight:400;}
	
	.popup_write_body .inputWrap {width:100%; padding:10px; display:table; background:#f9f9f9; border-bottom:1px dotted #ccc;}
	.popup_write_body .inputWrap:nth-of-type(1) {border-top:1px solid #000;}
	.popup_write_body .inputWrap:nth-last-of-type(1) {border-bottom:1px solid #ddd;}
	.popup_write_body .inputWrap>* {display:table-cell; vertical-align:middle;}
	.popup_write_body .inputWrap label {width:120px; text-align:left; padding:10px 0; line-height:1.4; font-size:14px; vertical-align:top; font-weight:400;}
	.popup_write_body .inputWrap input {background:#fff; width:100%; padding:10px !important; line-height:1.4 !important; font-size:14px !important; height:auto !important;}
	.popup_write_body .inputWrap textarea {background:#fff; width:100%; margin-right:20px;  padding:10px !important; line-height:1.4 !important; font-size:14px !important; height:90px !important;}
	.popup_write_body .inputWrap.call {}
	.popup_write_body .inputWrap.call input {width:30%;}
	.popup_write_body .inputWrap.call input+span {width:10px;}
	.popup_write_body .inputWrap.mail {}
	.popup_write_body .inputWrap.mail input {}
	.popup_write_body .inputWrap.mail input+span {}
	.popup_write_body .inputWrap.mail select {}
	.popup_write_body .inputWrap.auto {}
	.popup_write_body .inputWrap.auto div {}
	.popup_write_body .inputWrap.auto div span {}
	.popup_write_body .inputWrap.auto p {}
	.popup_write_body .inputWrap.auto p span {}
	
	
	.popup_write_foot {padding:0 0 50px; font-size:0; text-align:center;}
	
	.layer-btn {
		padding:8px 15px; font-size:14px; display:inline-block; min-width:120px; text-align:center;
		border:1px solid #ccc; border-radius:30px;
	}
	.layer-btn.on {border:1px solid #000; font-weight:500; color:#000;}
	.layer-btn+.layer-btn {margin-left:5px;}
	
	/*뷰-온라인강의실*/
	.listType1 ul.notice {font-size:0; margin-top:20px;}
	.listType1 ul.notice li {display:inline-block;}
	/* .listType1 ul.notice li+li {margin-left:20px;} */
	.listType1 ul.notice li>* {display:block; font-size:15px; font-weight:400; color:#000; padding:10px 20px 10px 45px; border:1px solid #ddd; border-radius:30px; line-height:1;
	background-color:#f9f9f9; background-position:20px 8px; background-repeat:no-repeat;}
	.listType1 ul.notice li.type1 span {background-image:url(../images/common/i-certify.svg); background-size:20px}
	.listType1 ul.notice li.type1 span b {color:#32be5d; font-weight:500;}
	
	.listType3 h3 {text-align:center; font-size:24px; font-weight:500; color:#000; padding-bottom:30px;}
	.listType3 table.type2 .play_btn {text-indent:-9999px; display:inline-block; width:80px; height:50px;
	background-image:url(../images/common/i-play-1.svg); background-size:60%; background-repeat:no-repeat; background-position:center;}
	/*.listType3 table.type2 .play_btn:hover {background-color:#32be5d; background-image:url(../images/common/i-playOn.svg); border-color:#32be5d;}*/
	.listType3 table.type2 .play_btn:hover {background-image:url(../images/common/i-playOn-1.svg);}
	.listType3 table.type2 tbody td:nth-child(2) {text-align:left;}
	
	.online_view .listType3 {margin-top:50px;}
	.online table.type2 tbody tr td {transition:.3s;}
	.online table.type2 tbody tr:hover td {background:#f3fff7 !important;}
	
	.online_view table.type2 tbody tr td {transition:.3s;}
	.online_view table.type2 tbody tr:hover td {background:#f3fff7 !important;}
	
	/* ********** 구인정보 list ********** */
	table.person-infor tr>* {padding:20px 30px;}
	table.person-infor thead tr th {font-size:12px; font-weight:500; background-color:#f9f9f9; font-size:16px; color:#000; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
	table.person-infor tbody tr td {border-bottom:1px solid #eee; font-size:14px; transition:.3s;}
	table.person-infor tbody tr td:last-child {text-align:center;}
	table.person-infor tbody tr:hover td {background-color:#f4fff7; border-bottom:1px solid #ccc;}
	table.person-infor tbody tr td:first-child a {display:inline-block; padding:5px 0 5px 30px; word-break:break-all; background:no-repeat left 4px/22px url("../images/job/view-link.svg");}
	table.person-infor tbody tr td:first-child a:hover {background:no-repeat left 4px/22px url("../images/job/view-link-on.svg"); color:#32be5d; font-weight:500;}
	table.person-infor tbody tr td+td {border-left:1px solid #eee;}
	table.person-infor tbody tr td>*+* {margin-top:5px;}
	table.person-infor tbody tr td p.tit_header {font-size:17px; font-weight:500; color:#000;}
	table.person-infor tbody tr td p.sub_work {color:#888;}
	table.person-infor tbody tr td ul.barType {font-size:0; margin-top:30px;}
	table.person-infor tbody tr td ul.barType li {display:inline-block; margin-right:30px; position:relative;}
	table.person-infor tbody tr td ul.barType li:before {position:absolute; top:5px; right:-15px; content:""; width:1px; height:15px; background:#ccc;}
	table.person-infor tbody tr td ul.barType li:last-child:before {display:none;}
	table.person-infor tbody tr td ul.barType li span {display:block; font-size:14px; color:#888;}
	table.person-infor tbody tr td b {font-weight:500; color:#000;}
	
	/* ********** 구인정보 view ********** */
	.infor_detail .sub-section {border-radius:30px; border:3px solid #0070a6}
	.recruit-view-title {position:relative; padding:70px 70px 40px; border-bottom:10px solid #39a9df}
	.recruit-view-title h3 {font-size:18px; font-weight:400; color:#000}
	.recruit-view-title p {margin-top:10px; padding-right:350px; font-size:30px; font-weight:500; color:#000; line-height:1.3; word-break:break-all;}
	.recruit-view-part {padding:40px 70px; border-bottom:1px solid #e5e5e5}
	.recruit-view-part:after {clear:both; content:''; display:block;}
	.recruit-view-part>div {position:relative; float:left; width:15%;}
	.recruit-view-part>div:after {position:absolute; right:0; top:-40px; content:''; display:inline-block; width:1px; height:60px; background:#000}
	.recruit-view-part>div>h4 {font-size:24px; font-weight:700; color:#0070a6;}
	.recruit-view-part>div>i {display:block; width:90px; height:60px; background-size:60px !important; margin-top:20px;}

	.recruit-view-part>ul {float:left; width:85%; padding-left:85px;}
	.recruit-view-part>ul>dl {margin-bottom:15px;}
	.recruit-view-part>ul>dl:after {clear:both; content:''; display:block}
	.recruit-view-part>ul>dl:last-child {margin-bottom:0}
	.recruit-view-part>ul>dl>dt {float:left; display:inline-block; width:170px; font-weight:400; color:#000;}
	.recruit-view-part>ul>dl>dd {float:left; position:relative; display:inline-block; width:calc(100% - 170px); padding-left:35px; color:#888;}
	/*.recruit-view-part>ul>dl>dd:before {position:absolute; left:0; top:12px; content:''; display:inline-block; width:10px; height:1px; background:#000;}*/
	.recruit-view-part>ul>dl>dd img {width:100%;}
	.recruit-view-part>ul>dl>dd>a {display:inline-block; word-break:break-all}
	.recruit-view-part>ul>dl>dd>a .btnHomepage {display:inline-block; padding:10px 30px 12px; padding-left:50px; color:#fff; font-size:15px; font-weight:400; line-height:1; border-radius:50px; background:#364f6d url(../images/job/i-home02.png) no-repeat left 25px top 10px;}

	/* 채용공고 자세히 보기 - 기업정보 섹션 */
	.recruit-view-part.part1 {background:#0070a6}
	.recruit-view-part.part1>div:after {position:absolute; right:0; top:-40px; content:''; display:inline-block; width:1px; height:60px; background:#fff}
	.recruit-view-part.part1>div>h4 {font-size:24px; font-weight:700; color:#fff;}
	.recruit-view-part.part1>div>i {display:block; width:90px; height:60px; background-size:60px !important;}

	.recruit-view-part.part1 dl dt,
	.recruit-view-part.part1 dl dd {color:#fff}
	/*.recruit-view-part.part1>ul>dl>dd:before {position:absolute; left:0; top:50%; content:''; display:inline-block; width:10px; height:1px; background:#fff;}*/
	.recruit-view-part.part1>ul>dl>dd>a {color:#fff;}
	.recruit-view-part.part1>ul>dl>dd>a:hover {text-decoration:underline !important}

	/* 채용공고 자세히 보기 - 각 섹션 아이콘 설정 */
	.recruit-view-part.part1>div>i {background:url(../images/job/recruit_view_icon01.png) no-repeat center center}
	.recruit-view-part.part2>div>i {background:url(../images/job/recruit_view_icon02.png) no-repeat center center}
	.recruit-view-part.part3>div>i {background:url(../images/job/recruit_view_icon03.png) no-repeat center center}
	.recruit-view-part.part4>div>i {background:url(../images/job/recruit_view_icon04.png) no-repeat center center}
	.recruit-view-part.part5>div>i {background:url(../images/job/recruit_view_icon05.png) no-repeat center center}
	.recruit-view-part.part6>div>i {background:url(../images/job/recruit_view_icon06.png) no-repeat center center}
	
	/*sns공유*/
	dl dd.snsWrap {overflow:hidden;}
	dl dd.snsWrap a {
		display:block; float:left; width:30px; height:30px; border-radius:5px;
		background:#f5f5f5 center no-repeat;
	}
	dl dd.snsWrap a+a {margin-left:10px;}
	dl dd.snsWrap a.blog {background-image:url(../images/job/i-blog.png)}
	dl dd.snsWrap a.twitter {background-image:url(../images/job/i-twitter.png)}
	dl dd.snsWrap a.facebook {background-image:url(../images/job/i-facebook.png)}
	dl dd.snsWrap a.kakao {background-image:url(../images/job/i-kakao.png)}
	dl dd.snsWrap a.line {background-image:url(../images/job/i-line.png)}
	dl dd.snsWrap span.hidden {display:none;}
	


/* ************************ 태블릿 (0~991) ************************ */
@media screen and (max-width: 991px) {
	.page_box {margin-top:40px;}
	
/* 교육 - 교육신청 (리스트:갤러리형) */
.layout-list-gallery {margin-left:-50px;}
.layout-list-gallery:after {display:block; content:""; clear:both;}
.layout-list-gallery>a {float:left; display:inline-block; width:calc(100%/2 - 50px); margin-left:50px; border:1px solid #ddd; border-radius:10px; overflow:hidden; transition:.3s;}
.layout-list-gallery>a:hover {box-shadow:3px 3px 5px rgba(0, 0, 0, .08);}
.layout-list-gallery>a:nth-child(2)~a {margin-top:50px;}
.layout-list-gallery>a .img {transition:1s;}


	/*리스트,뷰 (공통)*/
	.listType1>*+* {margin-top:10px;}
	.listType1 span.cate {display:inline-block; padding:5px 20px; background:#eee; border-radius:50px; line-height:1; border:1px solid #ddd; font-size:15px; font-weight:400; color:#000; transition:.3s;}
	.listType1 p.tit {font-size:18px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.listType1>ul.dotList {margin-top:15px; padding-top:15px; border-top:1px dotted #ccc;}
	.listType1>ul.dotList>li {padding-left:10px; position:relative;}
	.listType1>ul.dotList>li:before {
		position:absolute; top:10px; left:0; width:2px; height:2px; background:#aaa; display:block; content:"";
	}
	.listType1>ul.dotList>li:after {display:block; content:""; clear:both;}
	.listType1>ul.dotList>li>span {float:left; display:inline-block; font-size:15px;}
	.listType1>ul.dotList>li .detail-tit {width:30%; color:#888;}
	.listType1>ul.dotList>li .detail-con {width:70%;}
	.listType1>ul.dotList>li+li {margin-top:5px;}

	/*리스트*/
	.layout-list-gallery>a .listType1 {padding:20px 30px 30px;}
	.layout-list-gallery>a .listType1 .titWrap {height:66px; position:relative;}
	.layout-list-gallery>a .listType1 .titWrap p.tit {padding-top:35px;}
	.layout-list-gallery>a .listType1 span.cate {position:absolute; top:0; left:0;}
	.layout-list-gallery>a:hover .listType1 span.cate {background:#ffa800; border:1px solid #ffa800; color:#fff;}

	/*뷰*/
	.layout-view-typeA .listType1 {padding:30px; border:1px solid #ddd; border-radius:10px;}
	.layout-view-typeA .listType1 ul.stateWrap {font-size:0;}
	.layout-view-typeA .listType1 ul.stateWrap>li {display:inline-block;}
	.layout-view-typeA .listType1 ul.stateWrap>li+li {margin-left:10px;}
	.layout-view-typeA .listType1 ul.stateWrap>li>span {
		display:block !important;
		padding:5px 20px; border-radius:50px; line-height:1; font-size:15px; font-weight:400;
		background:#ffa800; border:1px solid #ffa800; color:#fff;
	}
		.layout-view-typeA .listType1 span.ing.type1 {background:#fff; border:1px solid #ccc; color:#000;}
		.layout-view-typeA .listType1 span.ing.type2 {background:#32be5d; border:1px solid #32be5d; color:#fff;}
		.layout-view-typeA .listType1 span.ing.type3 {background:#bbb; border:1px solid #bbb; color:#fff;}
		.layout-view-typeA .join .formGroup .inputWrap {height:auto !important;}
		.layout-view-typeA .join .formGroup:after {display:block !important; clear:both; content:""; }
		.layout-view-typeA .join .formGroup>* {float:left; display:inline-block;}
		.layout-view-typeA .join .formGroup>div {width:calc(100% - 206px);}
		.layout-view-typeA .join .formGroup>div textarea {width:100%;}
		
	.layout-view-typeA .listType1 ul.dotList:after {display:block; content:""; clear:both;}
	.layout-view-typeA .listType1 ul.dotList li {float:left; display:inline-block; width:50%;}
	.layout-view-typeA .listType1 ul.dotList li .detail-tit {width:20%;}
	.layout-view-typeA .listType1 ul.dotList li .detail-con {width:80%;}
	.layout-view-typeA .listType1 ul.dotList li+li {margin-top:0;}
	.layout-view-typeA .listType1 ul.dotList li:nth-child(2)~li {margin-top:10px;}
	.layout-view-typeA .free-write {padding:30px; border:1px solid #ddd; border-radius:10px; margin-top:30px;}
	
	/*뷰- 온라인강의실*/
	.online_view .layout-view-typeA .listType1 ul.dotList li {width:100%;}
	.online_view .layout-view-typeA .listType1 ul.dotList li+li {margin-top:5px;}
	
	/*신청폼*/
	.layout-view-typeA .Wrap {border:1px solid #ddd; background:#fff; border-radius:10px; margin-top:30px; overflow:hidden;} /*fffbf5*/
	.layout-view-typeA .Wrap p.tit {padding:20px 30px; border-bottom:1px solid #ddd; background:#f9f9f9; font-size:20px; font-weight:400; color:#000;}
	.layout-view-typeA .innerWrap {padding:30px; margin-top:0;}
	.layout-view-typeA .innerWrap .formGroup:nth-of-type(1) {padding-top:0;}
	.layout-view-typeA .innerWrap .formGroup:last-child {padding-bottom:0; border-bottom:0;}
	.layout-view-typeA .innerWrap .formGroup .labelName {padding-left:0;}
	.layout-view-typeA .innerWrap.agree {padding:0; border:0; border-radius:0; background-color:#fff;}
	.layout-view-typeA .checkWrap_sunnong {padding-bottom:0;}
	.layout-view-typeA .checkWrap_sunnong input[type='checkbox']+label {padding-right:0;}
	
	
	
	
	/* ********** 구인정보 view ********** */
	.recruit-view-title p {padding-right:0;}
	.recruit-view-part>* {float:left; width:100% !important; padding-left:0; padding-right:0;}
	.recruit-view-part>div:after,
	.recruit-view-part.part1>div:after {display:none !important;}
	.recruit-view-part>div>i {position:absolute; right:0; top:-20px; margin-top:0;}
	.recruit-view-part>div>i,
	.recruit-view-part.part1>div>i {height:50px !important; background-size:50px !important;}
	
	.recruit-view-part>ul {padding-left:0; margin-top:20px; padding-top:20px; border-top:1px dotted #ddd;}
	.recruit-view-part.part1>ul {border-top:1px dotted rgba(255,255,255,.3) !important;}
	
	.recruit-view-title {padding:50px 50px 30px; border-bottom:7px solid #39a9df;}
	.recruit-view-part {padding:40px 50px 30px; border-bottom:1px solid #0070a6;}

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.page_box {margin-top:30px;}
	
/* 교육 - 교육신청 (리스트:갤러리형) */
.layout-list-gallery {margin-left:-20px;}
.layout-list-gallery>a {width:calc(100%/1 - 20px); margin-left:20px;}
.layout-list-gallery>a:nth-child(1)~a {margin-top:20px;}
	
	/*리스트*/
	.layout-list-gallery>a .img {height:200px !important;}
	.layout-list-gallery>a .listType1 .titWrap {height:auto;}
	.layout-list-gallery>a .listType1 .titWrap>*+* {margin-top:5px;}
	.layout-list-gallery>a .listType1 .titWrap p.tit {padding-top:0;}
	.layout-list-gallery>a .listType1 span.cate {position:static;}
	
	/*뷰*/
	.layout-view-typeA .listType1 ul.dotList li {width:100%;}
	.layout-view-typeA .listType1 ul.dotList li:nth-child(1)~li {margin-top:10px;}
	.layout-view-typeA .listType1 ul.dotList li>span {width:100% !important;}
	.layout-view-typeA .free-write {padding:30px;}
	
	.layout-view-typeA .innerWrap.agree {padding:30px !important;}
	.layout-view-typeA .innerWrap {margin-top:0;}
	
	/*마이페이지 - 수강중인과정*/
	.courseList-tab ul {border-bottom:0; margin-bottom:30px;}
	.courseList-tab ul li {width:100%;}
	.courseList-tab ul li:first-child a {border-radius:5px 5px 0 0;}
	.courseList-tab ul li:last-child a {border-radius:0 0 5px 5px;}
	.courseList-tab ul li a {font-size:14px; padding:15px 0;}
	.courseList-tab ul li+li a {border-top:1px solid transparent; border-left:1px solid #e5e5e5;}
	
	.courseList td a.btn_second {width:97px; margin:0; padding:2px 10px; text-align:center;}
	
	table.online tr {padding:10px 0; border-top:1px solid #000 !important;}
	.search_box .count {width:0;}
	.search_box .kind {width:100%; padding-right:0;}
	.search_box .search {width:100%; margin-top:5px;}
	
	
	/*뷰- 온라인강의실*/
	.online_view .layout-view-typeA .listType1>div.img {width:100%;}
	.online_view .layout-view-typeA .listType1>div.con {width:100%; padding-left:0; margin-top:30px;}
	.online_view .layout-view-typeA .listType1>div.con .stateWrap {margin-bottom:10px;}
	
	.online_view table tbody tr td:nth-child(1) {background:#f9f9f9; border-bottom:1px solid #ddd !important;}
	.online_view table tbody tr td:last-child {padding:10px 20px; border-top:1px dotted #ccc !important; text-align:right !important;}
	
	/*레이어팝업*/
	.popup_write .tcWrap {padding:0 5vw;}
	.popup_writeCon {width:100%;}
	
	/*만족도 조사 참여하기*/
	.popup_write_body .inputWrap {}
	.popup_write_body .inputWrap {display:block;}
	.popup_write_body .inputWrap>* {display:inline-block; width:100%;}
	
	
	/* ********** 구인정보 list ********** */
	table[class*="person-infor"] {display:table;}
	table[class*="person-infor"]>* {display:table-row-group;}
	table[class*="person-infor"] tr {display:table-row;}
	table[class*="person-infor"] th, table[class*="person-infor"] td {display:table-cell; width:auto;}
	
	table[class*="person-infor"] tr+tr {margin-top:30px;}
	table[class*="person-infor"] tr,
	table[class*="person-infor"] tr>* {display:block;}
	table.person-infor thead tr th {display:none;}
	table.person-infor tbody tr td {
		text-align:left; border:0; border-left:1px solid #ccc; border-right:1px solid #ccc; font-size:15px;
		position:relative;
	}
	table.person-infor tbody tr td+td {border-left:1px solid #ccc;}
	table.person-infor tbody tr td {border-bottom:1px solid #eee !important;}
	table.person-infor tbody tr td:first-child {border:1px solid #ccc; border-bottom:1px dotted #ccc; background:#f4fff7 !important; font-weight:500; color:#000;}
	table.person-infor tbody tr td:last-child {border-bottom:1px solid #ccc; text-align:left;}
	table.person-infor tbody tr td p.tit {background:#fff !important; color:#999; font-weight:400; font-size:12px; line-height:1.6;}
	
	table.person-infor tbody tr:hover>td {background:#fff; border-bottom:1px solid #eee !important;}
	table.person-infor tbody tr:hover>td:first-child {border-bottom:1px dotted #ccc !important;}
	table.person-infor tbody tr:hover td:last-child {border-bottom:1px solid #ccc !important;}
	
	table.person-infor tbody tr td ul.barType {margin-top:5px;}
	table.person-infor tbody tr td:first-child a {width:100%;}
	
	
	/* ********** 구인정보 view ********** */
	.recruit-view-title {padding:40px 30px 20px;}
	.recruit-view-part {padding:40px 30px 30px;}
	
	.recruit-view-part dl dt,
	.recruit-view-part dl dd {width:100% !important;}
	.recruit-view-part>ul>dl>dd {padding-left:0;}
	.recruit-view-part>ul>dl>dd:before,
	.recruit-view-part.part1>ul>dl>dd:before {display:none;}
	.recruit-view-part.part1 dl dt {font-weight:500;}
	.recruit-view-part.part1 dl dd {opacity:.7;}
	
	.recruit-view-title p {font-size:24px;}
	
	.recruit-view-part>ul>dl>dd>a .btnHomepage {padding-top:7px; padding-bottom:7px; margin-top:5px; background-position:left 25px top 7px !important;} 
	.recruit-view-part>ul>dl>dd.snsWrap {margin-top:5px;}
	
}