/* 비주얼 */
.vs-img{width:100%;margin:0 auto;overflow: hidden;position: relative;}
.vs-img ul.visual{
    width: 100%;
    margin: 0px 0;
    height: 100%;
}
.vs-img ul.visual li{
    width: 100%;
    height: 100%;
}
.vs-img ul.visual li .pc_visual{width:100%;height:100%; min-height: 820px; background:url('/pages/basic/img/main/visual1.jpg') top center no-repeat;font-size:0;}
.vs-img ul.visual li .mo_visual{width:100%;height:100%;}
.vs-img ul.visual li .pc_visual img, .vs-img ul.visual li .mo_visual img{width:100%;height:100%;object-fit: cover;}
.vs-img ul.visual li .mo_visual{display:none;}

/*이달의 채용*/
.vs-img .recruit {
    width: 600px;
    position: absolute;
    z-index: 500;
    left: 17%;
    top: 482px;
    }
.recruit .re_tit{border: solid 1px #00000057;padding: 9px 10px;color:#fff;font-size: 25px;width: 400px;text-align: center;background: #00000045;border-radius: 25px;margin-bottom: 20px;}
.recruit .re_info{width:100%; float:left; background:#fff;padding: 10px 24px;border-radius: 30px;height: 160px;margin-left: 5px;}
.recruit .re_info dl dt{font-weight: 600;font-size: 26px;margin: 5px 0 10px 0;width: 290px;}
.recruit .re_info dl dt span{float:right}
.recruit .re_info dl dt span a.btn_more{background:url('/pages/basic/img/main/main_more.png') center no-repeat;font-size:0;width: 25px;height: 25px;display: block;right: 15px;float: right;margin-top:0px;z-index: 600;position: absolute;}
.recruit .re_info dl dd {font-size:16px;display:inline-block;width: 100%;float: left;margin-top: 6px;}
.recruit .re_info dl dd .point{width: 25%;color:#d43333;font-size: 74px;float: left;text-align: center;border-right: solid 1px #c3c3c3;margin-right: 16px;height: 80px;}
.recruit .re_info dl dd .point span{color:#d43333;font-size: 20px;font-weight: 600;}
.recruit .re_info dl dd .re_subinfo{width:68px;font-size:16px;width: 70%;float: left;margin-left: 8px;}
.recruit .re_info dl dd .re_subinfo dl dt{font-size: 18px;}


.vs-img #visual_button {
    letter-spacing: 30px;
    flex-wrap: nowrap;
    z-index:50;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 1400px;
    margin: 0 auto;
    position: relative;
    }
.vs-img #visual_button .swiper-pagination-bullets {
    display: flex;
    position: absolute;
    bottom: 111px;
    left: 0;
}
.vs-img #visual_button .swiper-pagination-bullets span {
    background-color: #BEBEBE;
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    font-size: 0;
    margin-right: 6px;
    width: 122px;
    height: 5px;
    }

.vs-img #visual_button .swiper-pagination-bullets span.active {
    background-color: #3380E8;
    height: 10px;
    margin-top: -4px;
}





.sns-box{width: calc(100% - 710px);position: relative;}
.sns-box .sns-link{display: block;width: 100%;height: 56px;}
.sns-box .sns-link ul{float:right;margin-right: 0;}
.sns-box .sns-link ul li{margin-left: 8px;float: left;}
.sns-box .sns-link ul li a{width: 56px;height: 56px;display: inline-block;border-radius: 100%;background: gainsboro;float: left; position: relative; transition: all .3s;}

.sns-box .sns-link ul li a:hover {transform: translateY(-10px); }

.sns-box{position: absolute;bottom:35px;right: 4%;}
.sns-box .sns-link ul li:nth-child(1) a{background:#ff0000;}
.sns-box .sns-link ul li:nth-child(2) a{background: linear-gradient(156deg, rgba(158,62,166,1) 0%, rgba(222,68,129,1) 50%, rgba(231,96,99,1) 100%);}
.sns-box .sns-link ul li:nth-child(3) a{background:#5064a8;}
.sns-box .sns-link ul li a:before{content:'';display: inline-block;width: 100%;position: relative;height: 100%;}
.sns-box .sns-link ul li:nth-child(1) a:before{background:url('/pages/basic/img/main/ip-sns-ico1.png') center no-repeat;}
.sns-box .sns-link ul li:nth-child(2) a:before{background:url('/pages/basic/img/main/ip-sns-ico2.png') center no-repeat;}
.sns-box .sns-link ul li:nth-child(3) a:before{background:url('/pages/basic/img/main/ip-sns-ico4.png') center no-repeat;}

.sns-box ul.sns-btn{
    display: flex;
    align-items: center;
    margin: 6px 0 20px;
}


/* 공지사항 */
.m-info{
    width: 1400px;
    margin: 70px auto;
    display: flex;
}

.m-info .notice {padding: 0 40px 0 0;width: 50%;}
.main_title2 {
    position: relative;
}

.main_title2 h3 {
    font-size: 30px;
    color: #000000;
    padding-bottom: 1.5rem;
    font-weight: bold;
    }
.main_title2 a.btn_more {
    background: url(/pages/basic/img/main/notice_more.png) right center no-repeat;
    width: 70px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
}
.notice ul {
    position: relative;
    width: 100%;
    padding:25px;
    background:#fff;
    border: solid 1px #dddddd;
    border-radius: 20px;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
 .notice ul li {
    width: 100%;
    position: relative;
    height: 45px;
}
.notice ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #858585;
    top: 15px;
}
 .notice ul li a {
    color: #000;
    line-height: 37px;
    padding-left: 20px;
}
 .notice ul li a:hover{color:#2c9ffb}
.notice ul li a span.tit{
         display: inline-block;
         width: 80%;
         overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
         }
.notice ul li a span.date {
    font-size: 16px;
    color: #818181;
    position: absolute;
    right: 0;
    font-weight: 300;
    text-align: center;
}


/*채용정보*/
.m-info .notice2 {padding: 0 0px 0 20px;width: 50%;}
.main_title2 {
    position: relative;
}

.main_title2 h3 {
    font-size: 30px;
    color: #000000;
    padding-bottom: 1.5rem;
    font-weight: bold;
    }
.main_title2 a.btn_more {
    background: url(/pages/basic/img/main/notice_more.png) right center no-repeat;
    width: 70px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
}
.notice2 ul {
    position: relative;
    width: 100%;
    padding:25px;
    background:#fff;
    border: solid 1px #dddddd;
    border-radius: 20px;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
 .notice2 ul li {
    width: 100%;
    position: relative;
    height: 45px;
}
.notice2 ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #858585;
    top: 15px;
}
 .notice2 ul li a {
    color: #000;
    line-height: 37px;
    padding-left: 20px;
}
 .notice2 ul li a:hover{color:#2c9ffb}
.notice2 ul li a span.tit{
         display: inline-block;
         width: 72%;
         overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
         margin-left: 50px;
         }
.notice2 ul li a span.date {
    font-size: 16px;
    color: #818181;
    position: absolute;
    right: 0;
    font-weight: 300;
    text-align: center;
}
.notice2 ul li a span.start{color:#fff;background:#e63a3a;font-size:14px;display: inline-block;position: absolute;padding: 0 10ox;width: 40px;height: 26px;top: 8px;text-align: center;line-height: 26px;}
.notice2 ul li a span.start.end { color: #000; background: #ddd; }   /* 대기 = 회색 */
.notice2 ul li a span.start.wait  {color: #000; background: #ddd;} /* 마감 = 빨강 */
.notice2 ul li a span.start.ing  { color:#fff;background:#e63a3a; } /* 접수중 = 파랑 */
.notice2 ul li a span.last{color:#fff;background:#000;font-size:14px;display: inline-block;position: absolute;padding: 0 10ox;width: 40px;height: 26px;top: 8px;text-align: center;line-height: 26px;}
/* 바로가기 */
.m-course{
    width: 1400px;
    margin: 70px auto;
    display: flex;
}
.m-course .tit{
    width: 340px;
    /* float: left; */
    padding-top: 40px;
}
.m-course .tit h6{
    color: #2F69DC;
    font-size: 25px;
    font-weight: 500;
    margin-left: 3px;
}
.m-course .tit h5{
    font-size: 46px;
    color: #000;
    margin: 20px 0 30px;
    font-weight: 500;
    letter-spacing: -1px;
}
.m-course .tit h5 span{font-weight: 700;}
.m-course .tit p{
    font-size: 19px;
    line-height: 32px;
}
.m-course .tit .pn-btn{
    margin-top: 100px;
}
.m-course .tit .pn-btn button{
    width: 78px;
    height: 78px;
    border: 2px solid #0C3985;
    box-sizing: border-box;
    background: #fff;
    margin-right: 4px;
	background:url('/pages/basic/img/main/course-arrpw.png') center no-repeat;
	transition: ease-in-out .25s;
}
.m-course .tit .pn-btn button:hover{background:#0C3985 url(/pages/basic/img/main/course-arrow-w.png) center no-repeat;}
.m-course .tit .pn-btn button:first-child{}
.m-course .tit .pn-btn button:last-child{
    transform: rotate(-180deg);
}
.m-course .course-w{
    width: calc(100% - 339px);
    height: 480px;
    overflow: hidden;
	display: flex;
	padding-left: 1px;
}
.m-course .course-w .swiper-wrapper{display: flex;}
.m-course .course-w .course{
    width: 353px;
    border: 1px solid #DCDCDC;
    padding: 30px;
    box-sizing: border-box;
    float: left;
    height: 418px;
    text-align: center;
    border-left: 0;
}
.m-course .course-w .course:first-child{border-left: 1px solid #DCDCDC;}
.m-course .course-w .course .img{
    width: 100%;
    height: 220px;
    background: #ddd;
    overflow: hidden;
}
.m-course .course-w .course .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.m-course .course-w .course p{
    font-size: 23px;
    color: #000000;
    margin: 38px 0 20px;
    font-weight: 700;
}
.m-course .course-w .course span{
    font-size: 17px;
    line-height: 24px;
}





/* 반응형 */
@media screen and (max-width: 1400px) {
     .vs-img ul.visual li .pc_visual{width:100%; height:100%; min-height: 590px;background-size: cover;}
	 .vs-img .recruit {
    width: 600px;
    position: absolute;
    z-index: 500;
    left: 12%;
    top: 340px;
}
	.vs-img #visual_button, .m-info, .m-license .license, .m-course{width:100%;padding: 0 2%;}
	.m-info .m-info-img .consult .img{width: 80%;}
}

@media screen and (max-width: 1200px) {
	.m-info .m-info-txt{width: 100%;padding: 100px 50px;box-sizing: border-box;}
	.m-info .m-info-txt h6, .m-course .tit h6{font-size: 22px;}
	.m-info .m-info-txt h5,.m-course .tit h5{font-size: 36px;margin: 20px 0;}
	.m-info .m-info-txt p, .m-course .tit p{font-size: 17px;line-height: 28px;}
	.m-info .m-info-txt:after{display:none;}
	.m-info .m-info-img{width: 100%;background: #fff;padding: 0;}
	.m-info .m-info-img:before, .m-info .m-info-img .consult .img, .m-info .m-info-img .consult a{display:none;}
	.m-info .m-info-img:after{bottom: 10px;left:inherit;right: 30px;}
	.m-license h6{font-size: 31px;}
	.m-license{padding: 60px 0;}
	.m-course .tit{width: 260px;}
	.m-course .course-w{width: calc(100% - 260px);}

	.m-course .tit .pn-btn button{width: 65px;height: 65px;}

    .m-info .notice {float:left; padding: 0 20px 0 0;}
	    .m-info .notice2{float:left}
		.notice ul li a span.tit { display: inline-block;width: 70%;}
		.notice2 ul li a span.tit { display: inline-block;width: 62%;}
}


@media screen and (max-width: 960px) {
.vs-img .recruit{display:none}
.vs-img ul.visual li .pc_visual {
        min-height: 440px;}
		.notice ul li a {font-size: 16px;}
		.notice ul li a span.date{font-size: 14px;}
		.notice2 ul li a {font-size: 16px;}
		.notice2 ul li a span.date{font-size: 14px;}
}
@media screen and (max-width: 900px) {
	.m-license{display: inline-block;}
	.m-license .license{display: inherit;}
	.m-license .license dl{width: calc(100% / 2 - 8px);float: left;margin-bottom:15px;height: 310px;}
	.m-license .license dl:nth-child(even){margin-right:0;}
	.m-license .license dl dd{font-size: 16px;}

	.m-course{display: inline-block;margin: 60px auto;}
	.m-course .tit{width: 100%;padding-top: 0;position:relative;margin-bottom: 20px;}
	.m-course .tit .pn-btn{position: absolute;right: 0;bottom: 30px;margin-top: 0;}
	.m-course .course-w{width: 100%;}
	.m-info {margin: 50px auto;}
	.m-info .m-info-img:after{display:none;}
	    .notice2 ul li a span.tit {
        width: 55%;}
	.m-course .course-w .course span{font-size: 14px;letter-spacing: -0.5px;}
	.m-course .course-w .course p{margin: 25px 0 15px;font-size: 21px;}
	.m-course .course-w .course{padding: 20px;}
	.circle-ico{background-size: 80px;}
	.circle-w{bottom: 3%;}
	#circle .circle-line{padding: 2px;border: 1px solid #fff;}
	#circle .circle-line svg{width: 130px; height:130px;}
	#circle .circle-line:before{width: 90px;height: 90px;}
}


@media screen and (max-width: 690px) {
	.vs-img ul.visual li .pc_visual{display:none;}
	.vs-img ul.visual li .mo_visual{display:block; width: 100%;height:100%; min-height:403px; background: url(/pages/basic/img/main/visual1_m.jpg) top center no-repeat; 
	background-size: contain;}
	    .m-info {display: block;  margin: 20px auto; padding: 0 30px;}
	.m-info .notice {
    padding: 0 0px 0 0;
    width: 98%;
}
.m-info .notice2 {
    padding: 0 0px 0 0;
    width: 98%;}
}
@media screen and (max-width: 560px)
   {
 .vs-img ul.visual li .mo_visual {
    height:100%; min-height:340px;}
}

@media screen and (max-width: 500px) {
   .vs-img ul.visual li .mo_visual {
    height:100%; min-height:300px;}
	.m-info .m-info-txt{padding: 50px 30px;}
	.m-info .m-info-txt h6{font-size: 19px;}
	.m-info .m-info-txt h5{font-size: 29px;margin: 15px 0 25px 0;}
	.m-info .m-info-txt p{font-size: 16px;line-height: 24px;}
	.m-info .m-info-img:after{display:none;}
	.m-license{padding: 60px 40px;}
	.m-license h6{font-size: 28px;font-weight: 600;margin-bottom: 25px;}
	.m-license .license dl{width: 100%;height: inherit;padding: 20px 20px;}
	    .m-course {
        padding: 0 40px;
        display: inline-block;}
		    .m-course {
        margin: 40px auto;}
	.m-course .tit .pn-btn button{width: 55px;height: 55px;}
	.m-course .tit .pn-btn{right: 0;top: 100px;}
	.m-course .tit{height: 158px;}
	.m-course .course-w .course{height:380px;}
    .m-info .notice2 {margin-top:30px}
.sns-box{position: absolute;top:35px;right: 2%;}

}