/* 메인 동영상 */
/*
.video{background:var(--bg-light-gray);position:relative}
.video video{width:100%;position:absolute;top:0%;left:50%;-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
.visualBox{position:relative;max-width:1400px;margin:0 auto}
@media screen and (max-width:1024px){
    .video{width:100vw;height:576px;position:relative;overflow:hidden;z-index:1000}
    .video.hide{display:none}
    .video video{width:1024px;height:100%;display:block;overflow:hidden;object-fit:cover}
}
 */
 
/* main-visual/ 메인이미지 */
.main-visual{width:100%;height:600px;position:relative;overflow:hidden;background:url('/img/ips/main/main_visual.webp') 50% 50% no-repeat;margin-top:130px}
.main-visual .inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:right;z-index:10}
.main-visual .inner p{color:#fff}
.main-visual .inner p.text1{font-size:28px;font-weight:400}
.main-visual .inner p.text2{font-size:60px;position:relative;letter-spacing:-2PX;font-weight:600}
.main-visual .inner p.text2 span{color:#eed188}
.main-visual .inner p.text2::after{content:'';position:absolute;width:30px;height:1px;background-color:#fff;right:2px;bottom:-15px;opacity:.9}
.main-visual .inner p.text3{color:rgba(255,255,255,.5);font-size:28px;margin-top:30px;letter-spacing:2px;font-weight:300}
@media screen and (max-width:1440px){
	.main-visual{margin-top:110px;background:url(/img/ips/main/main_visual.webp) 35% 50% no-repeat}
	.main-visual .inner{padding-right:30px}
}
@media screen and (max-width:1080px){
	.main-visual{width:100%;height:360px;background-size:auto 100%}
	.main-visual:after{height:200px}
	.main-visual{margin-top:70px}
	.main-visual .inner p.text1{font-size:24px;font-weight:400}
	.main-visual .inner p.text2{font-size:38px;position:relative;letter-spacing:-.05em;font-weight:600}
	.main-visual .inner p.text2::after{content:'';position:absolute;width:30px;height:1px;background-color:#fff;left:48%;bottom:-15px;opacity:.9}
	.main-visual .inner p.text3{font-size:20px;margin-top:30px;letter-spacing:2px;font-weight:300}
}
@media screen and (max-width:768px){
	.main-visual{width:100%;height:360px}
	.main-visual{margin-top:60px}
	.main-visual:after{height:180px}
	.main-visual .inner p.text1{font-size:20px;font-weight:400}
	.main-visual .inner p.text2{font-size:32px;position:relative;letter-spacing:-.05em;font-weight:600}
	.main-visual .inner p.text2::after{content:'';position:absolute;width:30px;height:1px;background-color:#fff;left:48%;bottom:-15px;opacity:.9}
	.main-visual .inner p.text3{font-size:18px;margin-top:30px;letter-spacing:2px;font-weight:300}
}
@media screen and (max-width:640px){
	.main-visual{width:100%;height:300px}
	.main-visual:after{height:180px}
	.main-visual .inner p.text1{font-size:16px;font-weight:400}
	.main-visual .inner p.text2{font-size:28px;position:relative;letter-spacing:-.05em;font-weight:600}
	.main-visual .inner p.text2::after{content:'';position:absolute;width:30px;height:1px;background-color:#fff;left:48%;bottom:-15px;opacity:.9}
	.main-visual .inner p.text3{font-size:16px;margin-top:30px;letter-spacing:2px;font-weight:300}
}
@media screen and (max-width:480px){
	.main-visual{width:100%;height:200px}
	.main-visual:after{height:160px}
	.main-visual{margin-bottom:8px}
	.main-visual .inner p.text1{font-size:12px;font-weight:400}
	.main-visual .inner p.text2{font-size:20px;position:relative;letter-spacing:-.05em;font-weight:600}
	.main-visual .inner p.text2::after{content:'';position:absolute;width:30px;height:1px;background-color:#fff;left:48%;bottom:-15px;opacity:.9}
	.main-visual .inner p.text3{font-size:10px;margin-top:30px;letter-spacing:2px;font-weight:300}
}

/* 타이틀 */
.main-cont{padding:104px 40px 80px}
.main-title-box{position:relative;margin:0 0 30px 0;z-index:10}
.main-title-box::after{content:'';display:block;clear:both}
.main-title-box .btn-box align-center{margin-top:50px}
.main-title-box .title-item{width:100%;font-size:40px;color:#323232;font-weight:800;text-align:center;position:relative}
.main-title-box .title-item h2{background-color:#fff;padding-right:20px;padding-left:0;margin-bottom:0;font-size:38px;color:inherit;font-weight:inherit}
.main-title-box .title-item h2::before{display:none}
.main-title-box .title-item .btn-more{width:60px;height:60px;font-size:0;background-color:#fff;position:absolute;right:0;top:0}
.main-title-box .title-item .btn-more::before{content:'';width:4px;height:30px;background-color:rgb(180, 180, 180);border-radius:3px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.4s}
.main-title-box .title-item .btn-more::after{content:'';width:30px;height:4px;background-color:#b4b4b4;border-radius:3px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.4s}
.main-title-box .title-item .btn-more:hover::before{background-color:var(--green)}
.main-title-box .title-item .btn-more:hover::after{background-color:var(--green)}
.main-title-box p{font-size:24px;margin-top:18px}

.main-title-box.bg .title-item h2{background-color:#f7f7f7}
.main-title-box.bg .title-item .btn-more{background-color:#f7f7f7}
.main-title-box.bg .title-item::after{background-color:#e3e3e3}
 
ul.main-tab-list{display:flex;margin-bottom:40px}
ul.main-tab-list li{padding-right:80px;position:relative;font-size:38px;font-weight:800;color:#787878;cursor:pointer}
ul.main-tab-list li::before{content:'';width:0;height:6px;background-color:#007a33;position:absolute;left:0;top:-24px}
ul.main-tab-list li.active::before{width:40px}
ul.main-tab-list li::after{content:'';width:6px;height:30px;background-color:rgba(10,10,10,0.1);position:absolute;top:30px;right:37px;transform:translateY(-50%)}
ul.main-tab-list li:last-child::after{content:none}
ul.main-tab-list li.active{color:#323232}

/* 공지사항 */
.board-wrap{overflow:hidden} 
.board-wrap ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:25px 25px;width:100%;position:relative}
.board-wrap ul::after{content:'';display:block;clear:both}
.board-wrap ul li{}
.board-wrap ul li:last-child{margin-right:0}
.board-wrap ul li a{width:100%;height:280px;background-color:var(--white);border:1px solid #ccc;padding:30px 25px 25px;display:flex;flex-direction:column;justify-content:space-between;transition:.4s}

.board-wrap ul li a .fixed img{width:20px}
.board-wrap ul li a .fixed{font-weight:500;color:var(--light-gray);display:inline-block}

.board-wrap ul li a .normal{display:inline-block;width:20px;height:18px;position:relative}/* 일반공지 */
.board-wrap ul li a .normal::before{position:absolute;content:"";width:20px;height:1px;background-color:var(--gray);top:8px;transition:.4s}
.board-wrap ul li a:hover .normal::before{background-color:var(--green)}
.board-wrap ul li a strong{font-weight:500;width:100%;height:55px;margin:0 0 10px 0;font-size:20px;line-height:26px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px}/* 제목 */
.board-wrap ul li a p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.board-wrap ul li a .info{color:#888}
.board-wrap ul li a .info dl{font-weight:400;width:100%;font-size:18px;color:var(--light-gray);margin:0 0 6px 0;position:relative}
.board-wrap ul li a .info dl:last-child{margin:0}
.board-wrap ul li a .info dl::after{content:'';display:block;clear:both}
.board-wrap ul li a .info dl dt{color:#787878;width:68px;float:left}
.board-wrap ul li a .info dl dd{color:#787878;width:calc(100% - 68px);float:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.board-wrap ul li a:hover{border:1px solid var(--green)}

/*더보기*/
.main-cont .btn.green{width:200px;height:50px;border:#007a33 1px solid;transition:.4s;font-size:100%}

/* 공지사항 item 반응형 */
@media screen and (max-width:1440px){
	.main-cont .inner{max-width:100%}
	.board-wrap ul li a{padding:30px 25px 28px;height:238px;font-size:85%}
	.board-wrap ul li a .fixed img{width:20px;height:18px;background-color:bar green}   
	.board-wrap ul li a .fixed{width:20px;height:18px;font-size:16px;margin:0 0 12px 0}
	.board-wrap ul li a strong{height:40px;font-size:16px;line-height:20px;margin:0 0 12px 0}
	.board-wrap ul li a .info dl,dt{font-size:100%;margin:0 0 4px 0}
	.s0401 .board-wrap ul li a .info dl,dt{margin:0 !important}
	.s0402 .board-wrap ul li a .info dl,dt{margin:0 !important}
}
@media screen and (max-width:1080px){
	.main-cont{padding:84px 28px 40px}
 	 ul.main-tab-list li{font-size:32px}
 	.main-title-box strong span{font-size:32px}
    .board-wrap ul{grid-template-columns:1fr 1fr;grid-gap:15px 15px}
    .board-wrap ul li{}
    .board-wrap ul li a{padding:30px 25px 28px;height:238px}
    .board-wrap ul li a .fixed img{ margin-bottom:8px}
    ul.main-tab-list li::after{top:22px}   
}
@media screen and (max-width:768px){
	.main-title-box strong span{font-size:18px}
	ul.main-tab-list li::before{top:-18px}
	.board-wrap ul li a .fixed{}
	.board-wrap ul li a .normal{}
	.board-wrap ul{margin-bottom:30px}
}
@media screen and (max-width:750px){
	.main-cont{padding:58px 20px 40px}
    .board-wrap ul li a{padding:12px;height:162px}
    
    .board-wrap ul li a .fixed img{width:18px}
    .board-wrap ul li a .fixed{margin:0 0 8px 0}
    .board-wrap ul li a .nomal{ margin:0 0 8px 0}
    
    .board-wrap ul li a strong{height:38px;font-size:14px;line-height:18px;margin:0 0 8px 0}
    .board-wrap ul li a .info dl{font-size:12px}
    .board-wrap ul li a .info dl dt{width:56px}
    .board-wrap ul li a .info dl dd{width:calc(100% - 56px)}
     .main-cont .btn.green{width:160px;height:42px;font-size:96%}
}
@media screen and (max-width:640px){
	.main-cont .mt50{margin-top:40px !important}
	.board-wrap ul li a .fixed img{width:16px;margin-bottom:10px}
	.board-wrap ul li a .fixed{ margin:0 14px 0 0}
	.board-wrap ul li a .normal{margin:0 14px 0 0}
} 
@media screen and (max-width:480px){
	ul.main-tab-list{margin-bottom:28px}
    .board-wrap ul{display:block}
    .board-wrap ul li{width:100%;margin:0 0 12px 0}
    .board-wrap ul li a{padding:12px;height:156px}
    .board-wrap ul li a strong{height:auto}
    .board-wrap ul li:nth-child(2){margin:0 0 12px 0}
    .board-wrap ul li:nth-child(3){margin:0 0 12px 0}
    .board-wrap ul li:last-child{margin:0}
    .main-cont .mt50{margin-top:30px !important}
    .main-cont .btn.green{width:140px;height:38px;font-size:90%}
} 
	
/* 공지사항 더보기 반응형 */	
@media screen and (min-width:480px){
	.class .btn.green{display:none}
	.gallery .btn.green{display:none}
}	

/* IP 온라인 교육과정 ,갤러리 */
@media screen and (max-width:1080px){
	.main-title-box strong{font-size:28px}
	.main-title-box p{font-size:22px;margin-top:8px}
	.main-title-box strong::before{height:4px;width:28px;top:-10px}
}



@media screen and (max-width:768px){
	.main-cont{padding:58px 20px 40px}
	ul.main-tab-list li{padding-right:60px;font-size:22px}
	ul.main-tab-list li::after{width:4px;height:20px;top:50%;right:21%}
	ul.main-tab-list li.active::before{width:28px}
	ul.main-tab-list li::before{height:4px}
	
	/* IP 온라인 교육과정 ,갤러리 */
	.main-title-box strong{font-size:22px}
	.main-title-box p{font-size:16px;margin-top:0px}
	.main-title-box strong::before{height:4px;width:28px;top:-10px}
	
	.main-title-box strong .btn-more{width:40px;height:40px}
	.main-title-box strong .btn-more::after{width:24px}
	.main-title-box strong .btn-more::before{height:24px}
}

@media screen and (max-width:480px){
	ul.main-tab-list li{padding-right:0;font-size:18px;width:calc(100% / 3);text-align:center}
	ul.main-tab-list li::after{content:none}
	ul.main-tab-list li.active::before{width:100%}
	ul.main-tab-list li::before{height:2px;top:auto;bottom:-8px}
	
	.main-cont{padding-top:40px}
	.main-cont.class{padding-top:52px}
	.main-cont.gallery{padding-top:52px}

	/* IP 온라인 교육과정 ,갤러리 */
	.main-title-box strong{font-size:18px;display:flex;align-items:center;justify-content:center}
	.main-title-box p{font-size:12px;display:flex;align-items:center;justify-content:center}
	.main-title-box strong::before{height:2px;width:28px;top:-50%;left:46%}
	.main-title-box strong .btn-more{display:none}
	.main-title-box strong span{padding-right:0}
}

@media screen and (max-width:320px){
	.main-cont{padding-top:30px}
	.main-cont.class{padding-top:42px}
	.main-cont.gallery{padding-top:42px}
}

/*공지사항 타이틀,버튼 반응형--e*/


/* 더보기 */
.main-title-box strong::after{display:none}
.main-title-box strong .btn-more::after{display:none}
.main-title-box strong .btn-more::before{display:none}

.class mt50{margin-top:20px}
.class .btn.green{width:140px;height:38px;border:#007a33 1px solid;transition:.4s;font-size:90%}

.gallery mt50{margin-top:20px}
.gallery .btn.green{width:140px;height:38px;border:#007a33 1px solid;transition:.4s;font-size:90%}

.hide{font-size:0}
        
/* 갤러리 */
.gallery{background-color:#f7f7f7}
ul.gallery-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:25px 25px;width:100%}
ul.gallery-list.flex{display:flex}
ul.gallery-list li.item{position:relative}
ul.gallery-list li.item a{display:block;position:relative}
ul.gallery-list li.item a::after{width:100%;height:0;background:rgba(14,118,58,.9) url('/img/lms/com/pattern.png') repeat;content:'';position:absolute;bottom:0;left:0;z-index:20;transition:.8s}
ul.gallery-list li.item .thumb{width:100%;padding-top:calc(100% * 0.68);border:1px solid #ddd;position:relative;overflow:hidden}
ul.gallery-list li.item .thumb img{width:106%;max-width:none;height:auto;font-size:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;padding-top:0 !important;transition:.4s}
ul.gallery-list li.item a:hover .thumb img{width:140%}
ul.gallery-list li.item .thumb .basic-img{width:100%;background:var(--bg-light-gray);position:absolute;padding-top:calc(100% * 0.54);transform:translateY(-122%)}
ul.gallery-list li.item .thumb .basic-img::after{width:100%;height:100%;background:url('/img/ips/com/logo_v2.png') 50% 50% no-repeat;background-size:59%;opacity:.2;position:absolute;top:0;left:0;content:''}
ul.gallery-list li.item .info{position:absolute;bottom:0;width:100%;padding:10px 0;color:var(--white);background:rgba(0, 0, 0, .6);text-align:center;z-index:30}
ul.gallery-list li.item .info .season{width:100%;color:var(--green);display:block;margin:0 0 4px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:.4s}
ul.gallery-list li.item .info strong{width:100%;font-size:20px;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:.4s}
ul.gallery-list li.item .info .bottom{display:none}
ul.gallery-list li.item .info .bottom dl{width:100%;font-size:14px;color:var(--light-gray);display:flex;margin:0 0 4px 0}
ul.gallery-list li.item .info .bottom dl:last-child{margin:0}
ul.gallery-list li.item .info .bottom dl dt{width:60px}
ul.gallery-list li.item .info .bottom dl dd{width:calc(100% - 60px)}
ul.gallery-list li.null{width:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:200;color:var(--black);background:var(--bg-light-gray);padding:60px 0}
@media screen and (max-width:1280px){
    ul.gallery-list li.item .info strong{font-size:16px;margin:0 0 8px 0}
}
@media screen and (max-width:1080px){
	ul.gallery-list{grid-template-columns:1fr 1fr;grid-gap:15px 15px}
}
@media screen and (max-width:640px){
    ul.gallery-list li.item .info strong{font-size:14px;margin:0 0 6px 0}
}

@media screen and (max-width:480px){
	ul.gallery-list{display:block}
    ul.gallery-list li.item{width:100%;margin:0 0 12px 0}
    ul.gallery-list li.item .info strong{margin:0}
}

/* logo banner */
.logo_banner{width:100%;height:120px;padding:0 40px;background-color:#f7f7f7;border-top:1px solid #e3e3e3;display:flex;align-items:center;justify-content:space-around}
.logo_banner li{width:calc(100% / 6);align-items:center;justify-content:center}


.slick-list{height:100% !important}
.slick-track{height:100% !important;display:flex !important}
.logo_banner li{display:flex !important;justify-content:center;float:none}
.logo_banner li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}

@media (max-width:1500px){
	.logo_banner .banner1 img{width:90%}
	.logo_banner .banner2 img{width:90%}
	.logo_banner .banner3 img{width:90%}
	.logo_banner .banner4 img{width:90%}
	.logo_banner .banner5 img{width:90%}
	.logo_banner .banner6 img{width:90%}
	.logo_banner .banner7 img{width:90%}
}
@media (max-width:1280px){
	.logo_banner{height:90px}
}

@media (max-width:768px){
	.logo_banner{height:70px}
	.logo_banner .banner8 img{width:60%}
}

@media (max-width:468px){
	.logo_banner{height:42px}
}