.PolicyBg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.personalPolicy{
	padding:20px;width:100%;height:100%;overflow-y:scroll;background-color:#f0f4ff59;border:6px solid #494c8ff7;box-sizing:border-box;
}
.personalCloseBtn{position:fixed;display:block;width:24px;height:24px; background-size: cover;background-image:url('../_img/sub/servicecenter/closeBtn.png');text-indent:-9999px;z-index:9999;}

.float_checkwrap{float: left;}


/* 취업현황 수강료문의 21.10.18 */

.jobemployask {width: 100%; background-color: #F2F2F2;}
.jobemployask .jobemployask_wrap {width: 95%; max-width: 1280px; margin: 0 auto;}

.jobemployask .jobemploy {float: none; width: 100%; padding-top: 35px; position: relative;}
.jobemployask .classask {float: none; width: 100%; height: auto;}
div.jobemploy .bx-wrapper {padding:14px 0;}



.jobemployask .jobemploy h1 {font-size: 20px; color: #333; font-weight: bold; padding-bottom: 5px;}
.jobemployask .jobemploy p {font-size: 14.14px; color:#ACACAC; }
.jobemployask .jobemploy .grayline1 {width: 100%; height: 1px; background-color: #DFDFDF;margin-bottom:20px;}

.jobemployask .jobemploy ul {margin:0 auto; width:100% !important;text-align:center;}
.jobemployask .jobemploy li > a {color: #333;}
.jobemployask .jobemploy li {width:100% !important;max-width: 511px !important; height: 70px; background-color: #fff; border: 1px solid #EAEAEA; border-radius: 10px; font-size: 16px; line-height: 1.5; box-shadow: 1px 1px 5px 1px lightgray; text-align: left;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.jobemployask .jobemploy li span {width: 90%; font-size: 16px; color: #999999; padding-left: 10px; padding-right: 15px;  padding-right: 10px;}
.jobemployask .jobemploy li a > .employ_box2 > .newnavy {width: 10%; padding: 0 10px; font-size: 12px; background-color: #2D3381; color: #fff;}

.jobemployask .jobemploy li .employ_box1 {float: left; width: 85%; margin-top: 10px; font-size: 15px; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jobemployask .jobemploy li .employ_box2 {display: inline-block; float: right; width: 13%; margin-top: 15px;}


.jobemployask .classask_leftline {display:none;}
.jobemployask .classask_wrap {width: 100%; margin: 0 auto; padding-top: 80px; padding-left: 0px; }
.jobemployask .classask_wrap span {font-size: 14px; cursor: pointer;}
.jobemployask .classask h1 {font-size: 20px; color: #333; font-weight: bold; padding-bottom: 5px;}
.jobemployask .classask p {font-size: 14.14px; color:#ACACAC; }
.jobemployask .classask .grayline2 {width: 100%; height: 1px; background-color: #DFDFDF; margin-bottom: 35px;}


/* 수강료조회 */
.classask_wrap tr {width: 99%; border: 1px solid #6166A0; padding: 10px; background-color: #fff;}
.classask_wrap td {width: 99%; border: 1px solid #6166A0; padding: 10px; background-color: #fff;}
.classask_wrap table {width:100%; max-width:430px; height: 292px; margin:0 auto;}
.classask .tablename {width: 20%; background-color:#2D3381; color: #fff; font-size: 15px;}
.classask td {font-size: 14px;}
.classask .tableflex {display: flex;}
.classask .tableflex .checkwrap {width: 50%;max-width: fit-content;padding-right: 10px;}
.classask .tableflex .checkwrap > div {padding: 5px 0 5px;}

.classask .tableflex {display: flex; font-size: 14px;}
.classask .checkwrap {display: flex; flex-direction: column;}
.classask .checkwrap > div {padding: 3px;}
.classask .tableselect1 {width: 150px; height: 25px; border: 1px solid #DDDDDD; background-color: #fff;}
.classask .tableinput1 {width: 150px; height: 25px; border: 1px solid #DDDDDD;}
.classask .tableselect2 {width: 70px; height: 25px; border: 1px solid #DDDDDD;background-color: #fff;}
.classask .tableinput2 {width: 70px; height: 25px; border: 1px solid #DDDDDD;}
.classask .classask_agree {padding: 20px 0 10px; text-align:center;}
.classask .classask_agree span {font-size: 14px; padding-left: 3px; line-height: 1.25;}

.checkwrap input[id="c1"] + label {display: inline-block; width: 15px; height: 15px; margin: 4px 5px -16px 0;border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.checkwrap input[id="c1"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c1"] { display: none;}

.checkwrap input[id="c2"] + label {display: inline-block; width: 15px; height: 15px; margin: 4px 5px -16px 0;border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.checkwrap input[id="c2"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c2"] { display: none;}

.checkwrap input[id="c3"] + label {display: inline-block; width: 15px; height: 15px; margin: 4px 5px -2px 0;border: 1px solid #707070; cursor: pointer;}.checkwrap input[id="c3"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c3"] { display: none;}

.checkwrap input[id="c4"] + label {display: inline-block; width: 15px; height: 15px; margin:4px 5px -16px 0;border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.checkwrap input[id="c4"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c4"] { display: none;}

.checkwrap input[id="c5"] + label {display: inline-block; width: 15px; height: 15px; margin: 4px 5px -16px 0;border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.checkwrap input[id="c5"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c5"] { display: none;}

.checkwrap input[id="c6"] + label {display: inline-block; width: 15px; height: 15px; margin: 4px 5px -16px 0;border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.checkwrap input[id="c6"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c6"] { display: none;}

.checkwrap input[id="c7"] + label {display: inline-block; width: 15px; height: 15px; margin: 4px 5px -16px 0;border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.checkwrap input[id="c7"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.checkwrap input[id="c7"] { display: none;}

.classask_agree input[id="c8"] + label {display: inline-block; width: 15px; height: 15px; margin:4px 5px -16px 0; border: 1px solid #707070; cursor: pointer;	vertical-align: top;}
.classask_agree input[id="c8"]:checked + label {border: 1px solid #2297F4; background-color:#fff; background-image: url(../_img/main/checked.png);}
.classask_agree input[id="c8"] { display: none;}

.table_searchbutton {text-align: center; margin: 30px 0 20px;padding-bottom:20px;}
.table_searchbutton > button { position: relative; width: 200px; height: 40px; border: none; border-radius: 10px; background-color:#2D3381; color: white; font-size: 16px; font-weight: bold; }
.table_searchbutton > button > img {position: absolute; top: 11px; left: 48px; width: 18px; height: 18px; }
.table_searchbutton > button > span {font-size: 16px; padding-left:20px;}



/* ========END 취업현황 수강료문의 */

*{box-sizing: border-box; }
h2{font-size: 18px; line-height: 18px; min-height: 18px; }
h3{font-size: 16px; line-height: 16px; min-height: 16px; }
h4{font-size: 14px; line-height: 12px; min-height: 14px; }
h5{font-size: 14px; line-height: 1.5; min-height: 13px; }
h6{font-size: 12px; line-height: 1.5; }
p{font-size: 12px; line-height: 1.5; }
span{font-size: 10px; line-height: 1.5; }

.bx-controls{}
.bx-wrapper .bx-controls-direction{width: 72px; height: 32px; position: relative; z-index: 500; display: none; }
.bx-wrapper .bx-controls-direction > a{width: 32px; height: 32px; display: inline-block; }
.bx-wrapper .bx-controls-direction > a:before{content: ''; position: absolute; width: 2px; height: 10px; display: block; background-color: #fff; transform: rotate(-45deg); top: 8px; left: 15px; }
.bx-wrapper .bx-controls-direction > a:after{content: ''; position: absolute; width: 2px; height: 10px; display: block; background-color: #fff; transform: rotate(45deg); top: 14px; left: 15px; }
.bx-wrapper .bx-controls-direction > a.bx-prev:before{transform: rotate(45deg); }
.bx-wrapper .bx-controls-direction > a.bx-prev:after{transform: rotate(-45deg); }
.bx-wrapper .bx-controls-direction > a.bx-next:before{}
.bx-wrapper .bx-controls-direction > a.bx-next:after{}

/* .swiper-button-box{} */
/* .portfolioBox .swiper-button-box{display: block; } */
.swiper-button{
	display: none;
	position: absolute; top: 0; width: 100%; height: 100%;
	/* background-color: rgba(255, 217, 0, 0.411); */
}
.swiper-button > div{width: 32px; height: 32px; display: inline-block; background-color: rgba(0,0,0,.3); border-radius: 40px; }
.swiper-button > div:before{content: ''; position: absolute; width: 2px; height: 10px; display: block; background-color: #fff; transform: rotate(-45deg); top: 8px; left: 15px; }
.swiper-button > div:after{content: ''; position: absolute; width: 2px; height: 10px; display: block; background-color: #fff; transform: rotate(45deg); top: 14px; left: 15px; }
.swiper-button > div.swiper-button-prev:before{transform: rotate(45deg); }
.swiper-button > div.swiper-button-prev:after{transform: rotate(-45deg); }
.swiper-button-prev,
.swiper-button-next{
	top: 50%; transform: translateY(-50%);
	margin-top: unset;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{width: 90px; background-color: #1C7DEC; }

.slick-slider *{height: 100%; }
.slick-slide{position: relative; }
.slick-slide img{width: 100%; object-fit: cover; }
.slick-arrow{width: 32px; height: 32px; display: inline-block; background-color: rgba(0,0,0,.3); border-radius: 40px; border: 0; position: absolute; top: 50%; margin-top: -16px; text-indent: -99999px; z-index: 500; }
.slick-arrow:before{content: ''; position: absolute; width: 2px; height: 10px; display: block; background-color: #fff; transform: rotate(-45deg); top: 8px; left: 15px; }
.slick-arrow:after{content: ''; position: absolute; width: 2px; height: 10px; display: block; background-color: #fff; transform: rotate(45deg); top: 14px; left: 15px; }
.slick-prev{left: 2.5%; }
.slick-prev:before{transform: rotate(45deg); }
.slick-prev:after{transform: rotate(-45deg); }
.slick-next{right: 2.5%; }

.contents{}
.contents > span{margin: 0 auto; text-align: center; position: fixed; bottom: 5%; display: none; left: 50%; margin-left: 65px; transition: all ease .4s; opacity: .5; z-index: 500; }
.contents.on > span{margin-left: -10px; }
.contents > span > img{animation: mouse 2s infinite; margin: 0 auto; }
@keyframes mouse {
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(4px);
	}
}
.content{}

/* 배너 전체보기 팝업 css */
.bannerDetailBtn{
	width: 30px;
	height: 30px;
	border:none;
	border-radius:50%;
	background-color: rgb(0 0 0 / 37%);
	position: absolute;
	bottom: 4px;
	left: 50%;
  transform: translateX(-50%);
	z-index: 600;
	cursor: pointer;
	padding:5px 8px ;
	cursor: pointer;
}
.bannerDetailBtn p{
	color: white;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-align:left;
	display: none;
}
.bannerDetailBtn:before{
	content:"";
	width:2px;
	height:15px;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.bannerDetailBtn:after{
	content:"";
	width:2px;
	height:15px;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(90deg);
}


.banner{width: 100%; height: 0; position: relative; padding-bottom: 40%; overflow: hidden; margin: 0 auto 16px; }
.banner .bx-wrapper{width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.banner .bx-wrapper .bx-viewport{height: 100%; }
.banner .bx-wrapper .bx-pager{bottom: 8px; left: 0; }
.banner .bx-prev{left: 8px; }
.banner .bx-next{right: 8px; }
.bannerSlide{width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bannerSlide .slick-slide{height: 100%; }
.bannerSlide .slick-slide > a{width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; }
.bannerSlide .slick-slide > a > img{
	width: 100%; height: 100%; object-fit: cover;
	max-width: 2000px;
	margin: 0 auto;
}
.banner .bx-controls{max-width: 1280px; margin: 0 auto; }
.banner .bx-controls-direction{position: absolute;top: 50%;width: 95%; left: 2.5%; max-width: 1280px; margin-top: -24px; z-index: 500; }


.quick{width: 100%; margin: 0 auto 40px; }
.quick > div{width: 95%; margin: 0 auto 20px; }
.quickCall{display: none; text-align: right; }
.quickCall > h6{color: #797979; font-weight: normal; display: inline-block; }
.quickCall > h2{color: #0091DE; font-weight: bold; display: inline-block; }
.quickNotice{width: 100%; height: 28px; border-radius: 30px; border: 1px solid #ccc; box-shadow: 0 2px 10px rgba(0, 0, 0, .1); position: relative; }
.quickNotice > h4{vertical-align: middle; color: #2196F3; font-weight: bold; width: 70px; margin-left: 16px; line-height: 28px; position: absolute; top: 0; z-index: 5000; }
.quickNotice > h4 > a {color:#2196F3;}
.quickNotice > .bx-wrapper{width: 100%; position: absolute; top: 0; padding-left: 100px; padding-right: 32px; }
/*.quickNotice .bx-controls{display: none; }*/
.quickNotice .bx-controls{display: block; }
.quickNotice .bx-controls .bx-controls-direction{z-index: 100; }
.quickNotice .bx-controls .bx-controls-direction{position: absolute; right: 8px; top: 0; width: 14px; height: 28px; display: block; }
.quickNotice .bx-controls .bx-controls-direction > a:before{background-color: #ccc; top: 0; left: 6px; height: 8px; }
.quickNotice .bx-controls .bx-controls-direction > a:after{background-color: #ccc; top: 5px; left: 6px; height: 8px; }
.quickNotice .bx-controls .bx-prev{transform: rotate(90deg); width: 14px; height: 14px; background-color: transparent; left: 0; }
.quickNotice .bx-controls .bx-next{transform: rotate(90deg); width: 14px; height: 14px; top: auto; bottom: 0; background-color: transparent; left: 0; }

.noticeList{width: 100%; height: 100%;visibility:hidden;opacity:0;}
.noticeList > li{width: 100%; height: 100%; }
.noticeList > li > a{width: 100%; height: 28px; color: #333; vertical-align: middle; line-height: 28px; }

.quick > ul{width: 95%; margin: 0 auto; display: flex; justify-content: space-between; vertical-align: middle; }
.quick > ul > li{float: left; width: 20%; margin: 0; padding: 8px 0; transition: all ease .6s; }
.quick > ul > li > a{text-align: center; overflow: hidden; }
.quick > ul > li > a > img{display: block; width: 100%; height: 32px; object-fit: contain; margin-bottom: 8px; }
.quick > ul > li > a > p{display: block; color: #333; }
.quick > ul > li:hover{background-color: rgba(120, 180, 255,.1); border-radius: 8px; }
.quick > ul > li.quick5{display: none; }

.course{width: 100%; margin: 0 auto 40px; }
.courseTitle{width: 95%; margin: 0 auto 8px; padding-bottom: 4px; position: relative; border-bottom: 1px solid #dfdfdf; }
.courseTitle > h2{display: block; color: #333; font-weight: bold; margin-bottom: 4px; }
.courseTitle > p{display: block; color: #acacac; }
.courseTitle > p > span{display: none; }
.courseSearch{position: absolute; right: 0; bottom: 8px; }
.courseSearch input{border-radius: 30px; border: 1px solid #DFDFDF; text-indent: 4px; font-size: 11px; height: 22px; }
.courseSearch button{width: 22px; height: 100%; border: 0; background-color: transparent; position: absolute; right: 0; bottom: 0; display: table; text-align: center; padding: 0; }
.courseSearch button > svg{color: #ccc; font-size: 12px; display: table-cell; vertical-align: middle; margin: 0 auto; }

/* mian kdc css 별도 적용 */
.mainKdc{}
.mainKdc .courseBannerBox{width: 95%; margin: 0 auto;}
.mainKdc .courseBannerBox:last-child{border-top: 1px solid #DFDFDF; margin-top: 10px;}
.mainKdc .courseBannerBox--off .swiper-button{
	top: 4px; height: calc(100% - 94px);
	/* top: 8px; height: calc(100% - 102px); */
}
.mainKdc .courseBannerBox--on .swiper-button{
	top: 4px; height: calc(100% - 58px);
	/* top: 8px; height: calc(100% - 102px); */
}

.mainKdc .mainKdc_tagOnOff{
	font-family:'Noto Sans KR', sans-serif;
	font-size: 14px; font-weight: 500; color: #2197F4;
	width: 94px; height: 28px; background-color: #EAEEF0; border-radius: 16px;
	line-height: 28px; text-align: center;
	margin-top: 20px; margin-bottom: 12px;
}
/* .mainKdc .mainKdc_tagOnOff{
	font-family:'Noto Sans KR', sans-serif;
	font-size: 19px; font-weight: 500; color: #2197F4;
	width: 126px; height: 31px; background-color: #EAEEF0; border-radius: 16px;
	line-height: 31px; text-align: center;
	margin-top: 20px; margin-bottom: 12px;
} */
.mainKdc .courseBanner{width: 100% !important; left: unset !important; }
/* ------------------------- */

/* svg 변경 */
.courseSearch .resetBtn object{width: .6875em; vertical-align: -0.125em;}
.courseSearch .searchBtn object{width: 1em; vertical-align: -0.125em;}

#searchCourseBtn{border-radius: 50%; background-color: #2196f3; }
#searchCourseBtn > svg{color: #fff; }
#resetCourseBtn{right: 22px; }
.courseBanner{width: 100%; width: 97.5%; left: 2.5%; }
.courseBanner > ul{width: 100%; }
.courseBanner > ul > li{padding: 4px; border-radius: 4px; transition: all ease .4s; }
.courseBanner > ul > li:hover{background-color: #f5f5f5; }
.courseBanner > ul > li > a{}
.courseBanner > ul > li > a > div{overflow: hidden; border-radius: 10px; height: 0; padding-bottom: 61.68831168831169%; position: relative; border: 1px solid #efefef; }
.courseBanner > ul > li > a > div > img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.courseBanner > ul > li > a > h5{color: #333; font-weight: bold; margin: 4px 0; }
.courseBanner > ul > li > a > h6{color: #797979; font-weight: normal; }

.portfolioTitle{width: 95%; margin: 0 auto 8px; border-bottom: 1px solid #dfdfdf; padding-bottom: 12px; }
.portfolioTitle > h2{color: #fff; font-weight: bold; margin-bottom: 8px; }
.portfolioTitle > h3{color: #acacac; }
.portfolioTitle > h3 > a{float: right; }
.portfolioTitle > h3 > a > svg{color: rgba(255,255,255,.75); font-size: 14px; font-weight: normal; }

/* svg 변경 */
.portfolioTitle object {width: 18px;}

/* -------포폴 리뉴얼---------- */
.portfolio--rnw{width: 100%; max-width: 1280px; background-color: unset; margin-bottom: 50px; padding: 20px 0;}
.portfolio--rnw .portfolioTitle{margin-bottom: 25px;}
.portfolio--rnw .portfolioTitle>h2{color: #000;}
.portfoGridGrp--fir{
	width: 95%; margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 15px; row-gap: 12px
}
.portfoGridGrp--secn{
	width: 95%; margin: 0 auto;
	display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 12px
}
.portfoGridGrp--secn_rgt{display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px;}
.portfoGridGrp--secn_lft{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-area: span 1 / span 2; column-gap: 15px; row-gap: 12px
}
.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){
	grid-area: span 2 / span 1; height: 330px;
}
.portfoGridGrp--fir .portfoGridGrp_box:nth-child(5){grid-area: span 1 / span 2;}
.portfoGridGrp_box{border-radius: 10px; overflow: hidden; height: 159px; position: relative;}
.portfoGridGrp_box:has(.portfoVid){
	display: flex; align-items: flex-end; justify-content: flex-start;
	background-image: linear-gradient(0deg, rgb(0 0 0/ 90%), transparent);
}
.portfoGridGrp_box .portfoVid{position: absolute; top: 0; left: 0; z-index: -1;}
.portfoTxtBox{
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 10;
	display: flex; flex-direction: column; align-items: flex-start;	justify-content: end;
}
.portfoTxt{color: #fff; padding: 10px 5px; box-sizing: border-box; width: 100%;}
.portfoTxt_p{font-size: 12px; font-weight: 400; line-height: 15px; letter-spacing: -1px;}
.portfoTxt_h3{font-size: 14px; font-weight: 500; line-height: 18px; margin-top: 5px;}
.portfoArrow{
	width: 25px; height: 25px;
	position: absolute; top: 7px; right: 6px;
}
.portfoArrow img{width: 100%; object-fit: cover;}
.portfoGridGrp_box img{width: 100%; height: 100%; object-fit: cover;}
/* ---------------------- */

.review{text-align: center; margin: 0 auto 40px; }
.review > h3{position: relative; font-weight: bold; margin: 0 auto 16px; text-align: center; display: inline-block; }
.review > h3:after{width: 100%; height: 8px; content: ''; display: block; background-color: #ccc; bottom: -5px; position: absolute; z-index: -50; }
.review > h6{color: #999; font-weight: normal; margin-bottom: 40px; }
.review ul{text-align: left; }
.review ul > li > h4{width: 95%; color: #333; font-weight: 500; position: relative; padding-left: 8px; margin: 0 auto 8px; }
.review ul > li > h4 > a{font-size: 11px; color: #acacac; }
.review ul > li > h4:before{content: ''; width: 2px; height: 100%; display: inline-block; background-color: #333; position: absolute; border-radius: 5px; left: 0; }
.interviewBanner{}
.interviewBanner > li{padding-bottom: 8px; }
.review1{margin-bottom: 60px; position: relative; }
.review1 > .bx-wrapper{overflow: hidden; }
/*.review1 > .bx-wrapper > .bx-viewport{overflow: visible !important; }*/
.review1 > a{position: absolute; top: 0; right: 2.5%; margin-right: 4px; color: #ccc; font-size: 14px; font-weight: normal; }
.review1 .bx-controls{width: 95%; left: 2.5%; position: absolute; top: 35%; }
.review1 .bx-controls-direction{width: auto; margin: 0 auto; z-index: 500; }

/* svg 변경 */
.review1 object {width: 18px;}

.interviewImg{width: 100%; height: 0; padding-bottom: 61.8047%; position: relative;}
.interviewImg > a{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; }
.interviewImg > a > img{width: 100%; height: 100%; object-fit: cover; }
.interviewText{width: 95%; height: 132px; margin: -40px auto 0; background-color: #fff; border-radius: 8px; position: relative; padding: 16px; /*left: 2.5%; */box-shadow: 0 3px 7px rgba(0,0,0,.15); }
.interviewText > a{}
.interviewText > a > h3{margin-bottom: 16px; min-height: 45px; font-weight: bold; color: #333; line-height: 1.2; }
.interviewText > h4{font-size: 14px; margin-bottom: 4px; color: #595959; }
.interviewText > p{}
.review2{}
.review2_p::before{
	content: '';
	width: 2px;
	height: 8px;
	display: block;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(-45deg);
}
.review2_p::after{
	content: '';
	width: 2px;
	height: 8px;
	display: block;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg);
}
/* svg 변경 */

.reviewBanner{width: 95% !important; margin: 0 auto; }
.reviewBanner > li{/*display: table; */ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; height: 52px; position: relative; box-sizing: border-box; background-color: #f9f9f9;}
.reviewBanner > li > span{display: block; height: 50%; width: 100%; float: left;margin-bottom: -16px; }
.reviewBanner > li > div{clear: both; height: 100%; padding: 0 12px; }
.reviewBanner > li > div > a{
	display: block; margin-bottom: 4px; color: #333;
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.reviewBanner > li > div > a:hover{color: #333; }
.reviewBanner > li > div > h6{display: inline; color: #333; }

.employ{width: 100%; height: 0; padding-bottom: 120%; background-image: url('../_img/main/employBgM.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; margin: 0 auto 40px; }
.employ > div{width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 40px 0; }
/*.employ > div{position: absolute; width: 100%; height: 100%; top: 0; left: 0; }*/
.employTitle{text-align: center; position: relative; width: 65%; margin: 0 auto; opacity: 0; margin-top: -40px; }
.employTitle:before{content: ''; display: block; position: absolute; background-image: url("../_img/main/leaf1.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 42px; height: 95px; left: -45px; top: 50%; margin-top: -48px; }
.employTitle:after{content: ''; display: block; position: absolute; background-image: url("../_img/main/leaf2.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 42px; height: 95px; right: -45px; top: 50%; margin-top: -48px; }
.employTitle > h2{margin-bottom: 16px; }
.employTitle > h2 > img{width: 150px; }
.employTitle > h4{color: #BA9B68; line-height: 1.5; word-break: keep-all; }
.employBanner{width: 100%; margin: 0 auto; position: absolute !important; opacity: 0; /*margin-top: -40px;*/ bottom: 40px; }
.employBanner li{width: 50%; }
.employBanner li > div{width: 100%; height: 0; padding-bottom: 130%; position: relative; }
.employBanner li > div > div{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url('../_img/main/trophy.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.employBanner li > div > div > div{text-align: center; background-color: rgba(255,255,255,.1); padding: 8px; margin: 25% auto 0; width: 90%; border-radius: 4px; }
.employBanner li > div > div > div > h4{color: #fff; font-weight: bold; padding: 0 4px; }
.employBanner li > div > div > div > h6{color: #efefef; }
.employBanner li > div > div > div > p{color: #fff; font-weight: bold; }
.employ .swiper-button{width: 100%;margin: 0 auto; display: none; }
.employ .swiper-button > div{background-color: transparent; }
.employ .swiper-button > div:before{background-color: #86CB69; }
.employ .swiper-button > div:after{background-color: #86CB69; }

.sns a{ color: #333;}
.snsTitle{width: 95%; margin: 50px auto 16px; border-bottom: 1px solid #dfdfdf; padding-bottom: 8px; }
.snsTitle > h2{font-weight: bold; color: #333; margin-bottom: 4px; }
.snsTitle > p{color: #acacac; }
.snsTitle > p > a > svg{font-size: 14px; }

/* svg 변경 */
.snsTitle object {width: 18px; }

.snsBannerSet{width: 95%; margin: 0 auto;}
.snsBannerSet__cate{font-size: 14px;}

/* 수정 */
/* .snsBannerSetCh .snsBanner2{height: 420px;}  */
.snsBannerSetCh .swiper-slide > a{height: auto !important; padding-bottom: unset !important; position: relative !important;}
.snsBannerSetCh .swiper-slide div{
	opacity: 1 !important; background-color: unset !important;
	transition:unset; position:unset !important;
}
.snsBannerSetCh .snsBanner2__sld .snsBnr2SldImg{width: 100% !important;}
.snsBannerSetCh .snsBnr2SldImg img{
	width: 100%; height: 100%; 
}
.snsBannerSetCh .snsBnr2SldTxtBox{margin-top: 6px;}

.snsBannerSetCh .snsBnr2SldTxtBox__cate--wrap{
	display: flex !important; align-items: center; margin-bottom: 5px; gap: 8px;
}
.snsBannerSetCh .snsBnr2SldTxtBox__cate{
	color: #5c5c5c;
	font-size: 13px; font-weight: 400;
	line-height: 16px; width: fit-content;
}
.snsBnr2SldTxtBox__cate span{
	padding-right: 10px; position: relative; font-size: inherit;
}
.snsBnr2SldTxtBox__cate span:last-child{padding-right: unset;}
.snsBnr2SldTxtBox__cate span:last-child::after{content: none;}
.snsBnr2SldTxtBox__cate span::after{
	content: "";
	width: 1px; height: 12px;
	background-color: #a1a1a1;
	position: absolute; top: 4.5px; right: 4px;

}
.snsBannerSetCh .snsBnr2SldTxtBox__tit{
	color: #333;
	font-size: 13px; font-weight: 400; line-height: 17px;
	margin-bottom: 8px;
  display: -webkit-box;  
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 3;  /* 최대 2줄 표시 */
  overflow: hidden;  
  text-overflow: ellipsis;
}
.snsBannerSetCh .snsBnr2SldTxtBox__new{
		font-family: 'Noto Sans KR';
    background-color: #feeff1;
    color: #f3314e;
    padding: 0px 4px 1px 3px;
    border-radius: 3px;
    font-size: 13px;
    width: fit-content; height: 18px; line-height: 19px;
    display: flex; align-items: center; justify-content: center;
}

.sns .swiper-slide{/*width: 100%; height: 0; padding-bottom: 83%; position: relative;*/ overflow: hidden; }
.sns .swiper-slide > a{width: 100%; height: 0; padding-bottom: 100%; display: block; position: relative; left: 0; top: 0; }
.sns .swiper-slide div{transition: all ease .4s; width: 100%; height: 100%; position: absolute; opacity: 0; background-color: rgba(0,0,0,.8); display: block; }
.sns .swiper-slide:hover div{opacity: 1; }
.sns .swiper-slide div > h4{color: #fff; font-weight: bold; display: grid; text-align: center; vertical-align: middle; line-height: 1.5; width: 100%; height: 100%; padding: 0 16px; align-items: center; word-break: keep-all; }
.sns .swiper-slide > a > img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
/* .sns > ul{width: 95%; margin: 40px auto; }
.sns > ul > li{width: 32%; border: 2px solid #acacac; border-radius: 5px; }
.sns > ul > li:hover{border: 0; background-color: #424242; }
.sns > ul > li:nth-of-type(2){margin: 0 2%; }
.sns > ul > li > a{width: 100%; height: 28px; line-height: 28px; display: block; text-align: center; color: #595959; font-weight: bold; }
.sns > ul > li:hover > a{color: #fff; } */

/* new 마크 추가 */
.snsNewMrk{
	position: absolute;
	top: 10px;
	left: 10px;
	width: fit-content !important;
	z-index: 10;
	height: fit-content !important;
	opacity: 1 !important;
}

.snsNewMrk p {
	background:#db3ff5;
	width: 25px;
	height: 25px;
	position: relative;
	text-align: center;
}
.snsNewMrk p:before,
.snsNewMrk p:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 25px;
	width: 25px;
	background: #db3ff5;
}
.snsNewMrk p:before {
	transform: rotate(30deg);
}
.snsNewMrk p:after {
	transform: rotate(60deg);
}
.snsNewMrk p > span{
	position: absolute;
	left: -0.5px;
	top: 4.8px;
	z-index: 100;
	color: #fff;
	width: 100%;
}

/* --- */

.snsBannerSet > a{ width: auto; margin-bottom: 4px; display: inline-block;border-radius: 50px; margin-bottom: 8px; overflow: hidden;}
.snsBannerSet__cate{padding: 0 8px 1px 8px; color: #fff; }
.snsBannerSet__cate--ytb{background-color:#f00;}
.snsBannerSet__cate--sns{background-color: #2196F3; }

.youtubeBanner{margin-bottom: 20px; border-bottom: 1px solid #efefef; padding-bottom: 20px !important; }

.youtubeBanner .swiper-slide > a{padding-bottom: 56.5% !important; }
.ytp-large-play-button {position: absolute;left: 50%;top: 50%;width: 68px;height: 48px;margin-left: -34px;margin-top: -24px;-webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1);transition: opacity .25s cubic-bezier(0,0,0.2,1);z-index: 63; border: 0; background-color: transparent; }
.ytp-large-play-button-bg {-webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);fill: #212121;fill-opacity: .8;}
.youtubeBanner .swiper-slide > a:hover .ytp-large-play-button-bg {fill: #f00; fill-opacity: 1;}
.youtubeBanner .swiper-button{
	top: 0; height: calc(100% - 20px);
}

.jobemployask .jobemploy p > a > svg {font-size: 20px; margin-right: 0px; margin-bottom: 8px;}
.jobemployask .jobemploy p > a  {float: right; top: 50px; right: 650px; color: #333; font-size: 20px;}

/* svg 변경 */
.jobemploy object {width: 18px; margin-right: 0px; margin-bottom: 5px;}

/* ///////// 하단버튼  21.10.15*/
.bottomBtn {width: 100%; height:50px; margin: 0 auto; padding-top: 120px; padding-bottom: 180px;}
.bottomBtnWrap {display: inline-block; width: 100%;}
.bottomBtn .bottomBtn_box { display:inline-block;  zoom:1; width:50%; height: 50px; margin-bottom: 5px; text-align: center;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap > a { display:inline-block;width:100%;max-width: 292px; height: 50px; color: #333; font-size: 16px; font-weight: bold; padding-left: 80px; font-family: 'Noto Sans KR', sans-serif; background-color: #fff; border: 1px solid #E1E0DF; line-height: 3;border-radius: 10px;text-align:left !important; box-shadow: 1px 1px 10px #ededed;
background: linear-gradient(to left, #fff 50%, #2196F3 50%);
background-size: 200% 100%;
background-position:right bottom;
transition:all 0.5s ease;
}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap > a:hover{
	background-position:left bottom;
	border: 1px solid #2196F3;
	color:#fff;
}


.bottomBtn .bottomBtn_box .bottomBtn_iconwrap_1 > a { display:inline-block;width:100%;max-width: 292px; height: 50px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 80px; font-family: 'Noto Sans KR', sans-serif; background-color: #fff; border: 1px solid #E1E0DF; line-height: 3;border-radius: 10px;text-align:left !important; box-shadow: 1px 1px 10px #ededed;
	background: linear-gradient(to left, #2196F3 50%, #fff 50%);
	background-size: 200% 100%;
	background-position:right bottom;
	transition:all 0.5s ease;
	}
	.bottomBtn .bottomBtn_box .bottomBtn_iconwrap_1 > a:hover{
		background-position:left bottom;
		border: 1px solid #fff;
		color:#2196F3;
	}


.bottomBtn .bottomBtn_box .bottomBtn_iconwrap {width:100%;max-width:292px; display: inline-block;position:relative;}

.bottomBtn .bottomBtn_box .bottomBtn_iconwrap  .bottomBtn_icon1 {position: absolute; z-index:1; top:1px; left: 0; width: 50px; height: 48px; border-radius: 10px; cursor: pointer; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap  .bottomBtn_icon2 {position: absolute; z-index:1; top:0; left: 0; width: 50px; height: 50px; border-radius: 10px; cursor: pointer; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap .bottomBtn_icon3 {position: absolute; z-index:1; top:0; left: 0; width: 50px; height: 50px; border-radius: 10px; cursor: pointer; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap .bottomBtn_icon4 {position: absolute; z-index:1; top:0; left: 0; width: 50px; height: 50px; border-radius: 10px; cursor: pointer; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap .bottomBtn_icon1-1 {position: absolute; z-index:1; top:0; right: 0; width: 16px; height: 50px; border-radius: 0 10px 10px 0; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap .bottomBtn_icon2-1 {position: absolute; z-index:1; top:0; right: 0; width: 16px; height: 50px; border-radius: 0 10px 10px 0; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap .bottomBtn_icon3-1 {position: absolute; z-index:1; top:0; right: 0; width: 16px; height: 50px; border-radius: 0 10px 10px 0; background-color:#2297F4;}
.bottomBtn .bottomBtn_box .bottomBtn_iconwrap .bottomBtn_icon4-1 {position: absolute; z-index:1; top:0; right: 0; width: 16px; height: 50px; border-radius: 0 10px 10px 0; background-color:#2297F4;}

.bottomBtn_box img {z-index: 1;}
.bottomBtn_box .bottomBtn_img1 {padding-top: 12px; }
.bottomBtn_box .bottomBtn_img2 {padding-top: 12px; }
.bottomBtn_box .bottomBtn_img3 {padding-top: 13px; }
.bottomBtn_box .bottomBtn_img4 {padding-top: 15px; }


/* /////////END/////// 하단버튼 21.10.15 */


/* popup */

.highschoolCoursePopupBox{position: fixed; z-index: 12000; top: 350px; left: 36%; }
.highschoolCoursePopup{width: 350px; height: auto; overflow: hidden; border-radius: 10px; position: absolute;  z-index: 12000; box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, .3); top: 50%; left: 50%; margin-left: -125px; margin-top: -150px; }
.highschoolCoursePopup > div{width: 100%; height: 28px; background-color: #ff6d21; line-height: 24px;}
.highschoolCoursePopup > div > input{width: 0; height: 0; display: inline; overflow: hidden; opacity: 0; }
.highschoolCoursePopup > div > label{display: inline-block; cursor: pointer; }
.highschoolCoursePopup > div > label > span{width: 12px;height: 12px;border-radius: 50%;border: solid 1px #fff;display: inline-block;position: relative;margin-right: 4px; vertical-align: middle; }
.highschoolCoursePopup > div > label > span:before{left: 0px;top: 1px;width: 8px;height: 4px;border-bottom: solid 1px #fff;border-left: solid 1px #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;display: block;}
.highschoolCoursePopup > div > label > span:after{ content: '';position: absolute;display: block; }
.highschoolCoursePopup > div > input:checked + label > span:before{content: ''; }
.highschoolCoursePopup > div > label > p{color: #fff; display: inline-block; font-size: 12px; vertical-align: middle; }
.highschoolCoursePopup > div > button{width: 20px; height: 20px; position: absolute; background-color: transparent; border: 0; right: 4px; top: 4px; padding: 0; }
.highschoolCoursePopup > div > button > span{width: 100%; height: 100%; position: relative; display: block; }
.highschoolCoursePopup > div > button > span:before{content: ''; width: 2px; height: 10px; display: block; transform: rotate(45deg); background-color: #fff; position: absolute; left: 9px;top: 5px;}
.highschoolCoursePopup > div > button > span:after{content: ''; width: 2px; height: 10px; display: block; transform: rotate(-45deg); background-color: #fff; position: absolute; left: 9px;top: 5px;}
.highschoolCoursePopup img{width: 350px; }
.highschoolCoursePopup > a {display: block;}

/* ------------------------------------------------------------------------------------------------------------------------------------- */


@media all and (min-width: 320px){
	.quickmenu_new .popolhide{ display: none;}

	.jobemployask .jobemploy li {display: inline-block;}

	.bx-wrapper .bx-pager.bx-default-pager a.active{width: 120px; }
	h2{font-size: 20px; line-height: 20px; min-height: 20px; }
	h3{font-size: 16px; line-height: 16px; min-height: 16px; }
	h4{font-size: 20px; line-height: 20px; min-height: 20px; }
	h5{font-size: 14px; min-height: 14px; }
	h6{font-size: 13px; }
	p{font-size: 13px; }
	.quickNotice{height: 32px; }
	.quickNotice > h4{line-height: 32px; position: absolute; top: 0; z-index: 5000;}
	.noticeList > li > a{height: 32px; line-height: 32px; }
	.courseSearch input{height: 24px; width: 180px; }

	.courseSearch button{width: 24px; }
	#resetCourseBtn{right: 24px; }
	.interviewText{height: 140px; }
	.employ{padding-bottom: 70%; }
	.employ > div{padding: 60px 0; }
	.employTitle:before{width: 72px; height: 170px; left: -80px; top: 50%; margin-top: -85px; }
	.employTitle:after{width: 72px; height: 170px; right: -80px; top: 50%; margin-top: -85px; }
	.employBanner li > div > div > div{padding: 12px 0; width: 90%; }


	/* 320 // quickmenu_new 2021.10.12 */
	.quickmenu_new {width: 40%; height: 100px; position: relative; padding-top: 10px;}
	.quickmenu_new .quickwrap {display: flex; flex-direction: inherit; justify-content: space-between;  width: 85%; height: 100px;}
	.quickmenu_new .quickwrap .quickwrap_img {width: 70px; height: 70px; padding: 10px;}
	.quickmenu_new .quickwrap .quickwrap_img > img {color: #fff;}
	.quickmenu_new .quickwrap .quickwrap_text {width: 70px; height: 30px; text-align: center; line-height: 1.5;}
	.quickmenu_new .quickwrap_text .quickwrap_bluetext {color: #2297F4;}
	.quickmenu_new .quickwrap .quickwrap_text a {color:#333; font-weight: bold; font-size: 13.72px;}
	.quickmenu_new .quickwrap .quickwrap_text a.change2 {color:#2297F4; font-weight: bold; font-size: 13.72px;}

	.quickmenu_new .quickwrap .quickwrap_imgbox1 { width: 51px; height: 51px; padding-top: 12px; padding-left: 12px; margin: 0 auto; background-color: #2297F4; border-radius: 10px;  background-image: url('../_img/main/quick1.png');}
	.quickmenu_new .quickwrap .on1 { width: 51px; height: 51px; background-image: url('../_img/main/mainicon_hover1.png');}

	.quickmenu_new .quickwrap .quickwrap_imgbox2 {width: 51px; height: 51px; padding-top: 12px; padding-left: 15px; margin: 0 auto; background-color: #fff; border-radius: 10px; background-image: url('../_img/main/quick2.png');}
	/* .quickmenu_new .quickwrap .on2 {width: 51px; height: 51px; background-image: url('../_img/main/mainicon_hover2.png');} */

	.quickmenu_new .quickwrap .quickwrap_imgbox3 {width: 51px; height: 51px; padding-top: 14px; padding-left: 11px;  margin: 0 auto; background-color: #fff; border-radius: 10px;  background-image: url('../_img/main/quick3.png');}
	/* .quickmenu_new .quickwrap .on3 {width: 51px; height: 51px; background-image: url('../_img/main/mainicon_hover3.png');} */

	.quickmenu_new .quickwrap .quickwrap_imgbox4 {width: 51px; height: 51px; padding-top: 11px; padding-left: 12px; margin: 0 auto; background-color: #fff; border-radius: 10px;  background-image: url('../_img/main/quick4.png');}
	/* .quickmenu_new .quickwrap .on4 {width: 51px; height: 51px; background-image: url('../_img/main/mainicon_hover4.png');} */

	.quickmenu_new .quickwrap .quickwrap_imgbox5 {width: 51px; height: 51px; padding-top: 13px; padding-left: 11px; margin: 0 auto; background-color: #fff; border-radius: 10px; background-image: url('../_img/main/quick5.png');}
	/* .quickmenu_new .quickwrap .on5 {width: 51px; height: 51px; background-image: url('../_img/main/mainicon_hover5.png');} */

	.quickmenu_new .quickwrap .quickwrap_imgbox6 {width: 51px; height: 51px; padding-top: 12px; padding-left: 12px; margin: 0 auto; background-color: #2297F4; border-radius: 10px; background-image: url('../_img/main/quick6.png');}
	.quickmenu_new .quickwrap .on6 {width: 51px; height: 51px; background-image: url('../_img/main/mainicon_hover6.png');}

	.quickmenu_new .quickwrap .quickwrap_bluebox { width: 50px; height: 50px; margin: 0 auto; background-color: #2297F4; border: #2297F4; border-radius: 10px;}
	.quickmenu_new .quickwrap_text span {color:#2297F4 ; font-weight: bold; font-size: 13.72px;}
	.quickmenu_new .quickwrap_text span.change1{color:#002855 ; font-weight: bold; font-size: 13.72px;}
	.quickmenu_new .popolhide{ display: none;}

	.quickmenu_new .quickwrap {width: 100%;}

	.bottomBtn .bottomBtn_box .bottomBtn_iconwrap {width:100%;max-width:200px; display: inline-block;position:relative;}


	.jobemployask .jobemploy li .employ_box1 {float: left; width: 80%; margin-top: 10px; font-size: 15px; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.jobemployask .jobemploy li .employ_box2 {display: inline-block; float: right; width: 15%; margin-top: 15px;}

	/* Moema */

	.button--moema:hover {
		-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
		transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
		-webkit-animation: anim-moema-1 0.3s forwards;
		animation: anim-moema-1 0.3s forwards;
	}
	@-webkit-keyframes anim-moema-1 {
		60% {
			-webkit-transform: scale3d(0.8, 0.8, 1);
			transform: scale3d(0.8, 0.8, 1);
		}
		85% {
			-webkit-transform: scale3d(1.1, 1.1, 1);
			transform: scale3d(1.1, 1.1, 1);
		}
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
	}
	@keyframes anim-moema-1 {
		60% {
			-webkit-transform: scale3d(0.8, 0.8, 1);
			transform: scale3d(0.8, 0.8, 1);
		}
		85% {
			-webkit-transform: scale3d(1.1, 1.1, 1);
			transform: scale3d(1.1, 1.1, 1);
		}
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
@media all and (min-width: 420px) {
	.highschoolCoursePopupBox {left: 41%;}

	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--fir{column-gap: 18px; row-gap: 14px;}
	.portfoGridGrp--secn{row-gap: 14px;}
	.portfoGridGrp--secn_rgt{column-gap: 18px;}
	.portfoGridGrp--secn_lft{column-gap: 18px; row-gap: 14px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 362px;}
	.portfoGridGrp_box{height: 174px;}
	/* ---------------------- */
}

@media all and (min-width:480px){
	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--fir{grid-template-columns: repeat(3, 1fr);}
	.portfoGridGrp--secn{grid-template-columns: repeat(3, 1fr); column-gap: 18px;}
	.portfoGridGrp--secn_rgt{grid-template-columns: 1fr; row-gap: 14px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 320px;}
	.portfoGridGrp_box{height: 153px;}
	/* ---------------------- */
}

@media all and (min-width: 540px) {
	.bannerDetailBtn{width: 34px;	height: 34px;}
	.bannerDetailBtn:before{height:18px;}
	.bannerDetailBtn:after{height:18px;}

	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--fir{row-gap: 16px;}
	.portfoGridGrp--secn_rgt{row-gap: 16px;}
	.portfoGridGrp--secn_lft{row-gap: 16px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 360px;}
	.portfoGridGrp_box{height: 172px;}
	/* ---------------------- */
}

@media all and (min-width: 640px) {
	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--fir{column-gap: 20px; row-gap: 18px;}
	.portfoGridGrp--secn{column-gap: 20px;}
	.portfoGridGrp--secn_rgt{row-gap: 18px;}
	.portfoGridGrp--secn_lft{column-gap: 20px; row-gap: 18px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 402px;}
	.portfoGridGrp_box{border-radius: 15px; height: 192px;}
	.portfoTxt{padding: 18px 12px;}
	.portfoTxt_p{font-size: 13px; line-height: normal; letter-spacing: unset;}
	.portfoTxt_h3{font-size: 16px; line-height: 20px; margin-top: 3px;}
	.portfoArrow{top: unset; bottom: 7px; right: 7px;}
	/* ---------------------- */

}

@media all and (min-width: 768px){
	.quickmenu_new .popolhide{ display: block;}

	.jobemployask .jobemploy h1{font-size: 30px;}
	.jobemployask .jobemploy ul {display: table;margin:0 auto; width:80% !important;text-align:center;}
	.jobemployask .jobemploy li {display: inline-block;}
	.jobemployask .jobemploy p > a > svg {font-size: 20px; margin-right: 25px; margin-bottom: 8px;}

	.jobemployask .jobemploy li .employ_box1 {float: left; width: 80%; margin-top: 10px; font-size: 15px; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.jobemployask .jobemploy li .employ_box2 {display: inline-block; float: right; width: 12%; margin-top: 15px;}

	.quickmenu_new .quickwrap {width: 100%;}

	.jobemployask .classask h1{font-size: 30px;}
	.classask .tableselect2 {width: 89px; height: 25px; border: 1px solid #DDDDDD;background-color: #fff;}
	.classask .tableinput2 {width: 89px; height: 25px; border: 1px solid #DDDDDD;}


	.bx-wrapper .bx-pager.bx-default-pager a.active{width: 140px; }
	h2{font-size: 28px; line-height: 28px; min-height: 28px; }
	h3{font-size: 20px; line-height: 22px; min-height: 22px; }
	h4{font-size: 18px; line-height: 18px; min-height: 18px; }
	h5{font-size: 14px; min-height: 14px; }
	h6{font-size: 12px; }
	p{font-size: 14px; }
	span{font-size: 11px; }

	.bx-wrapper .bx-controls-direction{height: 40px; display: block; }
	.bx-wrapper .bx-controls-direction > a{width: 40px; height: 40px; }
	.bx-wrapper .bx-controls-direction > a:before{width: 2px; height: 12px; top: 10px; left: 19px; }
	.bx-wrapper .bx-controls-direction > a:after{width: 2px; height: 12px; top: 18px; left: 19px; }

	.swiper-button{display: block; }
	.swiper-button > div{width: 40px; height: 40px; }
	.swiper-button > div:before{width: 2px; height: 12px; top: 10px; left: 19px; }
	.swiper-button > div:after{width: 2px; height: 12px; top: 18px; left: 19px; }

	.slick-arrow{width: 40px; height: 40px; margin-top: -20px;}
	.slick-arrow:before{ width: 2px;height: 12px;top: 10px;left: 19px; }
	.slick-arrow:after{ width: 2px;height: 12px;top: 18px;left: 19px;}
	.contents > .content{}

	.quick > ul > li > a > img{height: 40px; }
	.quick > div:after{content: ''; display: block; clear: both; }
	.quickCall {display: block; float: right; }

	.noticeList > li > a{height: 40px; line-height: 40px; }
	.quickNotice{float: left; width: 100%; height: 40px; }
	.quickNotice > h4 {margin-left: 28px; line-height: 40px; color:#2196F3; position: absolute; top: 0; z-index: 5000; }
	.quickNotice > h4 > a {cursor: pointer; color:#2196F3; }
	.quickNotice > .bx-wrapper{padding-left: 120px; }
	.quickNotice .bx-controls{display: block; }
	.quickNotice .bx-controls .bx-controls-direction{position: absolute; right: 8px; top: 0; width: 20px; height: 40px; }
	.quickNotice .bx-controls .bx-controls-direction > a:before{background-color: #ccc; top: 2px; left: 8px; height: 10px; }
	.quickNotice .bx-controls .bx-controls-direction > a:after{background-color: #ccc; top: 8px; left: 8px; height: 10px; }
	.quickNotice .bx-controls .bx-prev{transform: rotate(90deg); width: 20px; height: 20px; }
	.quickNotice .bx-controls .bx-next{transform: rotate(90deg); width: 20px; height: 20px; top: auto; bottom: 0; }
	.quick > div{margin: 0 auto 40px; }
	.quick > ul > li{width: 14.66666667%; }
	.quick > ul > li.quick5{display: block; }
	.courseTitle{margin: 0 auto 16px; }
	.courseTitle > h2{display: inline-block; }
	.courseTitle > p{display: inline-flex; align-items: center; }
	.courseTitle > p > span{display: inline-block; }
	.courseSearch input{width: 310px; height: 32px; font-size: 14px; text-indent: 8px; }
	.courseSearch button{width: 32px; }
	#resetCourseBtn{right: 32px; }


	.portfolioTitle{ width: 95%; margin: 0 auto 16px; border-bottom: 1px solid #dfdfdf; padding-bottom: 8px; }
	.portfolioTitle > h2{color: #333; }
	.portfolioTitle > h3{color: #999; }
	.portfolioTitle > h3 > a{margin-right: 8px; }
	.portfolioTitle > h3 > a > svg{color: #595959; font-size: 18px; }


	/* -------포폴 리뉴얼---------- */
	.portfolio--rnw{margin: 0 auto 120px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 502px;}
	.portfoGridGrp_box{height: 242px;}
	.portfoTxt{padding: 25px 18px;}
	.portfoTxt_p{font-size: 14px;}
	.portfoTxt_h3{font-size: 18px; line-height: 24px;}
	.portfoArrow{width: 30px; height: 30px; bottom: 10px; right: 10px;}
	/* ---------------------- */

	.review > h3{margin: 0 auto 24px; }
	.review > h3:after{}
	.review > ul{width: 95%; margin: 0 auto; }
	.review > ul:after{content: ''; display: block; clear: both; }
	.review ul > li > h4{width: 100%; }
	.review ul > li > h4 > a{font-size: 12px; }
	.review1{width: 58%; position: relative; float: left;}
	.review1:after{content: ''; display: block; width: 1px; height: 108%; position: absolute; background-color: #dfdfdf; right: -2%; top: 0; }
	.review1 > a{color: #333; font-size: 14px; top: 4px; margin-right: 0; }
	.review1 > ul{width: 100%; }
	.review1 > ul > li{position: relative; }
	.interviewImg > a{border-radius: 8px; overflow: hidden; border: 1px solid #efefef; }
	.interviewText{height: 140px; }
	.review2{width: 40%; float: right; }

	.employ{padding-bottom: 600px; background-image: url('../_img/main/employBgT.jpg'); margin: 0 auto 80px; }/*employBgP*/
	.employ > div{padding: 80px 0; }
	.employTitle > h2{margin-bottom: 40px; }
	.employTitle > h2 > img{width: auto; }
	.employBanner{}
	.employBanner li{width: 25%; }
	.employBanner li > div > div > div{padding: 16px 0; width: 85%; }
	.employBanner li > div > div > div > h4{padding: 0 8px; }
	.employ .swiper-button{display: block; }


	/* 수정 */
	.snsBannerSet__cate{font-size: 16px;}
	.snsBannerSetCh .snsBnr2SldTxtBox{margin-top: 8px;}
	.snsBannerSetCh .snsBnr2SldTxtBox__cate--wrap{margin-bottom: 7px;}
	.snsBannerSetCh .snsBnr2SldTxtBox__cate{
		font-size: 14px; line-height: 18px;
	}
	.snsBannerSetCh .snsBnr2SldTxtBox__tit{font-size: 14px; font-weight: 500; line-height: 19px;}
	.snsBannerSetCh .snsBnr2SldTxtBox__new{
		font-size: 14px; height: 19px; line-height:17px; padding: 0 4px 0.5px 3px;
	}
	.snsBnr2SldTxtBox__cate span{padding-right: 12px;}
	.snsBnr2SldTxtBox__cate span::after{top: 5px; right: 5px;}
	/* -- */
	.snsTitle{margin: 80px auto 40px; }
	.snsTitle > p > a > svg{color: #595959; font-size: 18px; }

	.snsNewMrk p > span{left: -1px;}
	.snsBannerSet > a{margin-bottom: 16px; }
	.youtubeBanner{margin-bottom: 40px; }

	.bottomBtnWrap {display: inline-block; width: 100%;}

	.bottomBtn .bottomBtn_box .bottomBtn_iconwrap {width:100%;max-width:292px; display: inline-block;position:relative;}

	/* mian kdc css 별도 적용 */
	.mainKdc .mainKdc_tagOnOff{font-size: 16px; width: 110px; height: 30px; line-height: 30px;}
}

@media all and (min-width:840px){
	.portfoGridGrp_box{height: 290px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 598px;}

}
/* ----------------------------------------------------------------------------------------------------------- */
@media all and (min-width: 1024px){
	.highschoolCoursePopupBox{top: 330px; left: 300px;}

	/* 배너 전체보기 팝업 css */
	.bannerDetailBtn{
		width: 82px;
		height: 32px;
		line-height: 32px;
		border-radius:5px;
		left: unset;
		transform:unset;
		right: 31.5%;
	}
	.bannerDetailBtn p{display: block;}
	.bannerDetailBtn:before{height:13px; right:15%;	left: unset;}
	.bannerDetailBtn:after{height:13px;	right:15%;left: unset;}

	.banner .slick-dots{position: absolute; bottom: 8px; width: 100%; height: auto; text-align: center; }
	.banner .slick-dots > li{display: inline-block; margin: 0 2px; }
	.banner .slick-dots > li > button{width: 8px; height: 8px; background-color: #ccc; border-radius: 8px; border: 0; padding: 0; text-indent: -9999px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); transition: all ease .4s; }
	.banner .slick-dots > li.slick-active > button{width: 120px; background-color: #1C7DEC; }

	.quickmenu_new .popolhide{ display: block;}
	.quickmenu_new .quickwrap {width: 85%;}
	.jobemployask .jobemployask_wrap {width:98%;}
	.jobemployask .jobemploy .grayline1 {width: 90%;}

	.bottomBtnWrap {display: inline-block; width: 50%;}

	.jobemployask .jobemploy {float: left; width: 59%; height: 620px; padding-top: 35px;position: relative;}
	.jobemployask .jobemploy li {display: block; width: 511px !important; font-size: 16px;}
	.jobemployask .classask {float: right; width: 41%; height: 620px;}
	.jobemployask .classask_leftline {display:block;float: left; width: 1%; height: 560px; margin: 27px auto; border-left: 1px solid #DFDFDF; }
	.jobemployask .classask_wrap {width: 100%; margin: 0 auto; padding-top: 35px; padding-left: 50px; }
	.jobemployask .classask .grayline2 {width: 90%;}

	.classask_wrap table {margin:0;}
	.classask .classask_agree {text-align:left;}

	.jobemployask .jobemploy ul {display: table;margin:0 auto; width:80% !important;text-align:center;}
	.jobemploy object {width: 18px; margin-right: 25px; margin-bottom: 0px;}

	.quickmenu_new .quickwrap {width: 85%;}

	.classask .tableselect2 {width: 89px; height: 25px; border: 1px solid #DDDDDD;background-color: #fff;}
.classask .tableinput2 {width: 89px; height: 25px; border: 1px solid #DDDDDD;}

	.contents > span{display: block; }

	.banner{height: 450px; padding-bottom: 0; margin: 0 auto 40px; }
	.banner .bx-controls-direction{width: 1280px; left: 50%; margin-left: -640px; }

	.banner .slick-prev{left: 50%; margin-left: -600px; }
	.banner .slick-next{right: 50%; margin-right: -600px; }

	.quick{width: 98%; max-width: 1280px; }
	.quick:after{content: ''; display: block; clear: both; }
	.quick > div{width: 50%; float: right; }
	.quick > ul{width: 50%; float: left; }
	.quickCall{float: none; margin-bottom: 8px; }
	.quickCall > h6{display: inline-block; margin-right: 8px; }
	.quickNotice{width: 100%; margin-top: 0; float: none; }

	.course{max-width: 1280px; width: 98%; }
	/* .course > div{width: 100%; } */
	.courseTitle{width: 100%;}
	.courseBanner{width: 100%; left: 0; }

	.courseBanner > ul > li{width: 308px; padding: 8px; border-radius: 8px; }
	.courseBanner > ul > li > a > h5{height: 42px; }
	.mainKdc .courseBannerBox--off .swiper-button{
		top: 8px; height: calc(100% - 102px);
	}
	.mainKdc .courseBannerBox--on .swiper-button{
		top: 8px; height: calc(100% - 66px);
	}

	.portfolioTitle{width: 98%; }


	/* -------포폴 리뉴얼---------- */
	.portfolio--rnw{width: 98%;}
	.portfoGridGrp--fir{column-gap: 25px; row-gap: 25px; width: 98%;}
	.portfoGridGrp--secn{column-gap: 25px; width: 98%;}
	.portfoGridGrp--secn_rgt{row-gap: 25px;}
	.portfoGridGrp--secn_lft{column-gap: 25px; row-gap: 25px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 699px;}
	.portfoGridGrp_box{height: 337px;}
	.portfoTxt{padding: 35px 25px;}
	.portfoTxt_h3{font-size: 25px; font-weight: 600; line-height: 30px;}
	.portfoTxt_p{font-size: 16px;}
	.portfoArrow{width: 35px; height: 35px; bottom: 15px; right: 15px;}
	/* ---------------------- */

	.review{margin-bottom: 120px; }
	.review > ul{max-width: 1280px; margin: 0 auto; width: 98%; }
	.review > ul:after{content: ''; display: block; clear: both; }

	.review1{float: left;}
	.review1:after{right: -2%; }
	.review1 > a{font-size: 22px; top: auto; bottom: 215px; right: 12px; z-index: 500; }
	.interviewBanner > li{padding-bottom: 0; }
	.review1 .bx-controls{width: 88px; position: absolute; right: 4px; bottom: 4px; left: auto; top: auto; }

	.review1 .bx-controls-direction > a{background-color: rgba(0,0,0,.75); }
	.review1 .bx-controls-direction > .bx-prev{}
	.review1 .bx-controls-direction > .bx-next{}
	.review2{float: right; }
	.reviewBanner{width: 100% !important; }
	.interviewImg{width: 85%; padding-bottom: 52%; }
	.interviewText{background-color: rgba(0,0,0,.75); border-radius: 8px; height: 148px; width: 58%; position: absolute; right: 0; left: auto; bottom: 56px; }
	.interviewText > a{}
	.interviewText > a > h3{color: #fff; }
	.interviewText > h4{color: #fff; }
	.interviewText > p{color: #fff; }

	.employ{padding-bottom: 600px; margin-bottom: 132px; }
	.employ > div{padding: 120px 0; }
	.employTitle{width: 500px; margin-bottom: 70px; }

	.employBanner{max-width: 1280px; width: 98%; position: static !important; margin-top: -40px; }
	.employBanner li{width: 16.66666666%; }

	.employ .swiper-button{width: 1280px;margin: 0 auto;position: absolute;bottom: 180px; }
	.employ .swiper-button > div{background-color: transparent; }
	.employ .swiper-button > div.swiper-button-prev{left: -50px; }
	.employ .swiper-button > div.swiper-button-next{right: -50px; }


	.sns {max-width: 1280px; margin: 0 auto; left: 0; width: 100%; }
	.snsTitle{max-width: 1280px; width: 98%; margin-top: 100px; }
	.sns .swiper-slide{width: 100%; padding-bottom: 0; }


	/* mian kdc css 별도 적용 */
	.mainKdc .courseBannerBox{width: 100%;}
	.mainKdc .mainKdc_tagOnOff{
		font-size: 17px; width: 120px; height: 31px; line-height: 31px; 
	}
}

@media all and (min-width: 1100px){
	h2{font-size: 36px; line-height: 36px; min-height: 36px; }

	.bannerDetailBtn{right: 33%;}

	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--fir{column-gap: 31px; row-gap: 30px;}
	.portfoGridGrp--secn{column-gap: 31px;}
	.portfoGridGrp--secn_rgt{row-gap: 30px;}
	.portfoGridGrp--secn_lft{column-gap: 31px; row-gap: 30px;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 790px;}
	.portfoGridGrp_box{height: 380px;}
	/* ---------------------- */


}
@media all and (min-width: 1200px){
	.bannerDetailBtn{right: 34%;}

	/* -------포폴 리뉴얼---------- */
	.portfolio--rnw{margin-bottom: 80px;}
	.portfolio--rnw .portfolioTitle{margin-bottom: 35px; width: 100%;}
	/* ---------------------- */
}

/* --------------------------------------------------------------------------------------------------------- */
@media all and (min-width: 1280px){
	.jobemployask .jobemploy ul{margin:0; width:100% !important; text-align: left;}
	.jobemployask .jobemploy:before{content: '';display: block;position: absolute;background-image: url("../../_img/main/leaf.png");background-position: center center;background-repeat: no-repeat;background-size: contain;width: 115%;height: 900px;left: -178px;top: -60px;margin-top: 0px;}

	/* mian kdc css 별도 적용 */
	.mainKdc .mainKdc_tagOnOff{font-size: 19px; width: 126px;}

	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 830px;}
	.portfoGridGrp_box{border-radius: 18px; height: 400px;}
	.portfoTxt{padding: 40px 30px;}
	.portfoTxt_h3{font-size: 32px; line-height: 40px;}
	.portfoArrow{width: 40px; height: 40px;	bottom: 21px; right: 20px;}
	/* ---------------------- */

}
/* --------------------------------------------------------------------------------------------------------- */

@media all and (min-width:1540px){
	.bannerDetailBtn{right: 36%;}

	/* -------포폴 리뉴얼---------- */
	.portfoGridGrp--fir,
	.portfoGridGrp--secn{width: 100%;}
	.portfoGridGrp--secn_lft .portfoGridGrp_box:nth-child(2){height: 890px;}
	.portfoGridGrp_box{height: 430px;}
	.portfolio--rnw{margin-bottom: 100px;}
	.portfolio--rnw .portfolioTitle{margin-bottom: 50px;}
	/* ---------------------- */
}
@media all and (min-width:1700px){.bannerDetailBtn{right: 38%;}}
@media all and (min-width:1800px){.bannerDetailBtn{right: 37.5%;}}
@media all and (min-width: 2000px){	}