@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');

.PolicyBg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.personalPolicy{position:fixed;display:none;margin-top:-350px;margin-left:-350px;left:50%;top:50%;padding:20px;width:100%;max-width:700px;height:100%;max-height:700px;overflow-y:scroll;background-color:#EEF8FF;border:10px solid #000795;box-sizing:border-box;}
.personalCloseBtn{position:fixed;display:block;width:39px;height:39px;background-image:url('/assets/_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:after{content: '';display: block;position: absolute;background-image: url("../_img/main/leaf.png");background-position: center center;background-repeat: no-repeat;background-size: contain;width: 42px;height: 95px;right: -45px;top: 50%;margin-top: -48px;} */

.jobemployask .jobemploy h1 {font-size: 35.7px; 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: 35.7px; 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(/assets/_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(/assets/_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(/assets/_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(/assets/_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(/assets/_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(/assets/_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(/assets/_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(/assets/_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{display: none; }
.portfolioBox .swiper-button-box{display: block; }
.swiper-button{}
.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{}

.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{}
.banner{width: 100%; height: 0; position: relative; padding-bottom: 50%; 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; }
.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; }
.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.slick-active{}
.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; }

.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; 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; }
#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; }

.portfolio{width: 100%; margin: 0 auto 40px; background-color: #333; padding: 20px 0; }
.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; }
.portfolioBox{width: 100%; position: relative; padding-left: 2.5% !important; }
.slick-slider .portfolioBanner{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }
.slick-slider .portfolioBanner > div{position: relative; width: 100%; height: 100%; }
.slick-slider .portfolioImg{width: 100%; height: 0; padding-bottom: 61.8047%; position: relative; border-radius: 10px 0 0 10px; overflow: hidden; }
.slick-slider .portfolioImg > img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.slick-slider .portfolioText{position: relative; width: 95%; margin: 0 auto; margin-top: -4px; }
.slick-slider .portfolioText > h3{color: #fff; font-weight: bold; margin-bottom: 8px; text-shadow: 0 -1px 3px rgba(0,0,0,.3);}
.slick-slider .portfolioText > p{color: #fff; height: auto; }
.slick-slider .portfolioText > h2{display: none; }
/*.slick-slider .portfolioText{position: relative; width: 95%; margin: 0 auto; margin-top: -4px; }
.slick-slider .portfolioText > div{}
.slick-slider .portfolioText > div > h3{color: #fff; font-weight: bold; margin-bottom: 8px; text-shadow: 0 -1px 3px rgba(0,0,0,.3);}
.slick-slider .portfolioText > div > p{color: #fff; height: auto; }
.slick-slider .portfolioText > div > h2{display: none; }*/

.portfolioBox .swiper-button-box{margin: 0 auto; position: absolute; height: 32px; right: 2.5%; bottom: 0; }
.portfolioBox .swiper-button-box > div{}
.portfolioBox .swiper-button{width: 70px; position: absolute; top: 0; right: 0; }
.portfolioBox .swiper-button:after{content: ''; display: block; clear: both; }
.portfolioBox .swiper-button > div{width: 32px; height: 32px; display: inline-block; background-color: rgba(255,255,255,.3); border-radius: 50%; top: 0; margin: 0; }
.portfolioBox .swiper-button > div:before{content: '';position: absolute;width: 2px;height: 10px;display: block;background-color: #fff;transform: rotate(-45deg);top: 8px;left: 15px; }
.portfolioBox .swiper-button > div:after{content: '';position: absolute;width: 2px;height: 10px;display: block;background-color: #fff;transform: rotate(45deg);top: 14px;left: 15px; }
.portfolioBox .swiper-button > div.swiper-button-prev{left: 0;}
.portfolioBox .swiper-button > div.swiper-button-next{right: 0; }
.portfolioBox .swiper-button > div.swiper-button-prev:before{transform: rotate(45deg); }
.portfolioBox .swiper-button > div.swiper-button-prev:after{transform: rotate(-45deg); }
.portfolioBox .swiper-button > div.swiper-button-next:before{}
.portfolioBox .swiper-button > div.swiper-button-next:after{}
.portfolioBanner .slick-slide{margin-left: 8px; }

.portfolioBox .slick-arrow{bottom: 0; left: auto; right: 2.5%; top: auto; background-color: transparent; }
.portfolioBox .slick-prev{margin-right: 40px; }
.portfolioBox .slick-next{}

.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; }
.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: 50px; font-weight: bold; color: #333; line-height: 1.5; }
.interviewText > h4{font-size: 14px; margin-bottom: 4px; color: #595959; }
.interviewText > p{}
.review2{}
.reviewBanner{width: 95% !important; margin: 0 auto; }
.reviewBanner > li{/*display: table; */border-radius: 30px; border: 1px solid #dfdfdf; height: 48px; width: 100% !important; position: relative; }
.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: #797979; }
.reviewBanner > li > div > a:hover{color: #333; }
.reviewBanner > li > div > h6{display: inline; color: #333; }
.reviewBanner > li > div > h6 > span{}
.reviewBanner > li > svg{position: absolute; right: 16px; color: #ccc; top: 50%; margin-top: -6px; }

.employ{width: 100%; height: 0; padding-bottom: 120%; background-image: url('/assets/_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("/assets/_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("/assets/_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('/assets/_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; }
.sns .swiper-container{width: 97.5%; left: 2.5%; }
.sns .swiper-wrapper{}
.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,.3); 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; }

.snsBanner > a{ width: auto;margin-bottom: 4px;display: inline-block;background-color: #f00;color: #fff;border-radius: 50px;padding: 0 8px; margin-bottom: 8px; }
.snsBanner2 > a{background-color: #2196F3; }
.youtubeBanner{margin-bottom: 20px; border-bottom: 1px solid #efefef; padding-bottom: 20px !important; }
.youtubeBanner > ul{}
.youtubeBanner .swiper-slide{}
.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;}

.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;}

/* ///////// 하단버튼  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;
}
/* .btnhover::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #000;
  -webkit-transform: scaleX(.3);
  transform: scaleX(.3);
  opacity: 0;
  transition: all .3s;
	border-radius: 10px;
	box-shadow: 1px 1px 10px #ededed;
}
.btnhover:hover::before{
  opacity: 0.4;
  background-color: #2297F4;
	border-radius: 10px;
	box-shadow: 1px 1px 10px #ededed;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
  transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
} */

.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:0; left: 0; width: 50px; height: 50px; 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 */


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







@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: 768px){

	.quickmenu_new .popolhide{ display: block;}
	/* .bott.bottomBtn .bottomBtn_boxomBtnWrap {max-width: 290px; margin-bottom: 15px;}
	.bottomBtnWrap {float: left; width: 100%;} */

	.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%;}
	/* .bottomBtn .bottomBtn_box {width: 100%;}
	.bottomBtn .bottomBtn_box > a {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;}


.bx-wrapper .bx-pager.bx-default-pager a.active{width: 140px; }
	h2{font-size: 36px; line-height: 36px; min-height: 36px; }
	h3{font-size: 22px; 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-box{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-block; }
	.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; }

	.portfolio{width: 100%; margin: 0 auto 120px; background-color: transparent; }
	.portfolioTitle{max-width: 1280px; 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; }
	.portfolioBox{position: relative; padding-left: 0 !important; }
	.portfolioBox .swiper-button{width: 88px; position: absolute; bottom: 5%; right: 2.5%; }
	.portfolioBox .swiper-button > div{width: 40px; height: 40px; }
	.portfolioBox .swiper-button > div:before{width: 2px;height: 12px;top: 10px;left: 19px; }
	.portfolioBox .swiper-button > div:after{width: 2px;height: 12px;top: 18px;left: 19px; }
	.portfolioBox .swiper-button > div.swiper-button-prev:before{}
	.portfolioBox .swiper-button > div.swiper-button-prev:after{}
	.portfolioBox .swiper-button > div.swiper-button-next:before{}
	.portfolioBox .swiper-button > div.swiper-button-next:after{}
	.portfolioBox .slick-track{position: absolute; }
	.portfolioBox .slick-arrow{bottom: 5%; left: auto; right: 2.5%; top: auto; }
	.portfolioBox .slick-arrow:before{box-shadow: 0 0 2px rgba(0,0,0,.75); }
	.portfolioBox .slick-arrow:after{box-shadow: 0 0 2px rgba(0,0,0,.75); }
	.portfolioBox .slick-prev{margin-right: 48px; }
	.portfolioBox .slick-next{}

	.portfolioBanner{width: 100%; height: 100%; display: block; left: 0; top: 0; }
	.portfolioBanner > div{position: relative; width: 100%; height: 0; padding-bottom: 61.8047% !important; overflow: hidden; }
	.portfolioBanner .slick-slide{margin-left: 0; }
	.slick-slider .portfolioImg{width: 100%; height: 100%; padding-bottom: 0; border-radius: 0; position: absolute; left: 0; top: 0; }
	.slick-slider .portfolioText{position: absolute; bottom: 5%; text-align: center; width: 100%; height: auto; left: 0; }
	.slick-slider .portfolioText > h2{display: block; color: #fff; opacity: .75; font-weight: bold; font-size: 18px; margin-bottom: 16px;text-shadow: 0 0 2px rgba(0,0,0,1);}
	.slick-slider .portfolioText > h2 > span{width: 2px; height: 16px; display: inline-block; margin: 0 16px; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,1); }
	.slick-slider .portfolioText > h3{color: #fff; margin-bottom: 8px; line-height: 1.3; font-size: 18px; font-style: italic;text-shadow: 0 0 2px rgba(0,0,0,1);}
	.slick-slider .portfolioText > p{color: #fff; opacity: .75; font-size: 14px; font-style: italic;text-shadow: 0 0 2px rgba(0,0,0,1);}
	/*.slick-slider .portfolioText{width: 98%; height: 100%; max-width: 1280px; margin: 0 auto; position: absolute; left: 1%; }
	.slick-slider .portfolioText > div{position: absolute; background-color: rgba(255,255,255,.85); bottom: 5%; height: auto; padding: 20px 32px; left: 2.5%; min-width: 260px; max-width: 360px; margin-left: 0; }
	.slick-slider .portfolioText > div > h3{color: #333; margin-bottom: 8px; height: 56px; line-height: 1.3; text-shadow: none; }
	.slick-slider .portfolioText > div > p{color: #595959; }
	.slick-slider .portfolioText > div > h2{display: block; color: #000; opacity: .3; font-weight: bold; margin-top: 16px; }
	.slick-slider .portfolioText > div{left: 0; border-radius: 8px; }*/
	.portfolioBox .swiper-button-box{width: 100%; height: 40px; bottom: 5%; position: absolute; left: 0; }
	.portfolioBox .swiper-button-box > div{position: relative; width: 100%; max-width: 1280px; height: 100%; }
	.portfolioBox .swiper-button{width: 88px; height: 100%; }

	.review{}
	.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 > .bx-wrapper{border-radius: 5px; }*/
	.review1:after{content: ''; display: block; width: 1px; height: 100%; 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: 120px; }
	.review2{width: 40%; float: right; }

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

	.snsTitle{margin: 80px auto 40px; }
	.snsTitle > p > a > svg{color: #595959; font-size: 18px; }
	.sns > ul{margin: 80px auto; }
	.snsBanner > 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;}


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


@media all and (min-width: 1024px){

	.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;}

	/* .jobemployask {width: 100%; height: 620px; background-color: #F2F2F2; 	background-image: url(../_img/main/leaf.png); background-position: 9% 80%;}

	.jobemployask .jobemployask_wrap {position: relative; width: 1280px; height: 620px; margin: 0 auto;}

	.jobemployask .jobemploy {float: left; width: 59%; height: 620px; padding-top: 35px;}
	.jobemployask .jobemploy h1 {font-size: 35.7px; color: #333; font-weight: bold; padding-bottom: 5px;}
	.jobemployask .jobemploy p {font-size: 14.14px; color:#ACACAC; }
	.jobemployask .jobemploy .grayline1 {width: 90%; height: 1px; background-color: #DFDFDF;} */

	/* .jobemployask .jobemploy ul {margin: 0 auto;display: table;}
	.jobemployask .jobemploy li {top: 0; width: 511px; height: 60px; background-color: #fff; border: 1px solid #EAEAEA; border-radius: 10px; font-size: 18px; padding: 15px; margin-top: 20px; line-height: 1.5; box-shadow: 1px 1px 5px 1px lightgray;}
	.jobemployask .jobemploy li span {font-size: 16px; color: #999999; padding-left: 10px; padding-right: 15px;}
	.jobemployask .jobemploy li > .newnavy {padding: 0 10px; font-size: 12px; background-color: #2D3381; color: #fff;}

	.jobemployask .classask {float: right; width: 41%; height: 620px;}
	.jobemployask .classask_leftline {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 h1 {font-size: 35.7px; color: #333; font-weight: bold; padding-bottom: 5px;}
	.jobemployask .classask p {font-size: 14.14px; color:#ACACAC; }
	.jobemployask .classask .grayline2 {width: 90%; height: 1px; background-color: #DFDFDF; margin-bottom: 35px;} */


	/* 수강료조회 */
	/* table, tr, td {width: 99%; border: 1px solid #6166A0; padding: 10px; background-color: #fff;}
	table {width:430px; height: 292px;} */
	/* .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: 35%;}
	.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;}
	.classask .tableinput1 {width: 150px; height: 25px; border: 1px solid #DDDDDD;}
	.classask .tableselect2 {width: 89px; height: 25px; border: 1px solid #DDDDDD;}
	.classask .tableinput2 {width: 89px; height: 25px; border: 1px solid #DDDDDD;}
	.classask .classask_agree {padding: 20px 0 10px;}
	.classask .classask_agree span {font-size: 12px; padding-left: 3px; line-height: 1.25;} */

	.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{}
	.contents > span{display: block; }
	.content{}
	.banner{height: 555px; 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%; }
	.courseBanner{width: 100%; left: 0; }
	.courseBanner > ul{}
	.courseBanner > ul > li{width: 308px; padding: 8px; border-radius: 8px; }
	.courseBanner > ul > li > a{}
	/*.courseBanner > ul > li > a > div{width: 100%; height: 190px; }*/
	.courseBanner > ul > li > a > div > img{}
	.courseBanner > ul > li > a > h5{height: 42px; }
	.courseBanner > ul > li > a > h6{}

	.portfolio{}
	.portfolioBox{height: auto; padding-bottom: 0; padding-left: 0 !important; }
	.portfolioBox > .bx-wrapper{position: relative; }
	.portfolioTitle{max-width: 1280px; width: 98%; }
	.portfolioBanner{position: static; }
	.portfolioBanner > div{height: 680px; padding-bottom: 0 !important; }
	.portfolioBanner > div > .portfolioImg{position: absolute; }
/*	.slick-slider .portfolioText{width: 98%; max-width: 1280px; margin: 0 auto; position: relative; }
	.slick-slider .portfolioText > div{left: 0; }*/
	.slick-slider .portfolioText{}
	.slick-slider .portfolioText > div{}
	.portfolioBox .swiper-button-box{width: 100%; height: 40px; bottom: 5%; position: absolute; left: 0; }
	.portfolioBox .swiper-button-box > div{position: relative; width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; }
	.portfolioBox .swiper-button{width: 88px; height: 100%; }

	.portfolioBox .slick-arrow{bottom: 5%; left: auto; right: 51%; top: auto; margin-right: -640px; }
	.portfolioBox .slick-prev{margin-right: -592px; }
	.portfolioBox .slick-next{}

	.review{margin-bottom: 120px; }
	.review > ul{max-width: 1280px; margin: 0 auto; width: 98%; }
	.review > ul:after{content: ''; display: block; clear: both; }
	.review > ul > li{}
	.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{}
	.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; }
	.reviewBanner > li{padding: 0 16px; }
	.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; }
	.employTitle > h2{}
	.employTitle > h4{}
	.employBanner{max-width: 1280px; /*bottom: 5%; */ width: 98%; position: static !important; margin-top: -40px; }
	.employBanner li{width: 16.66666666%; }
	.employBanner li > div > div{}
	.employBanner li > div > div > h4{}
	.employBanner li > div > div > h6{}
	.employBanner li > div > div > p{}
	.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-container{width: 98%;left: 0; }
	.sns .swiper-wrapper{}
	.sns .swiper-slide{width: 100%; padding-bottom: 0; }
	.sns .swiper-slide > a{}
	.sns .swiper-slide > a > img{}
	.sns > ul{width: 98%; margin: 100px auto; }
	.sns > ul > li{}
	.sns > ul > li > a{height: 56px; line-height: 56px; }
	/* .bottomBtn .bottomBtn_box {width:50%;}
	.bottomBtn .bottomBtn_box > a {width: 70%; max-width:214px;}

	.bottomBtnWrap {float: left; width: 50%;} */

}

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

@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;}
}

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

@media all and (min-width: 2000px){
	.bannerSlide .slick-slide > a > img{object-fit: contain; }
	/* .jobemployask .jobemployask_wrap {margin: 0 auto;  width: 1024px; height: 620px; position: relative;} */
}