/********************************************************
■ 비주얼
********************************************************/
#visual {width:100%; z-index: 0; position:relative; height:30rem;}
#visual .vis_bg{position:absolute; top:0; bottom:0; right:0; left:0; z-index:-1; height:30rem; }
#visual .vis_bg  .main_img{width:100%;  display:flex;justify-content:center;flex-direction: column; height: 100%; padding:0 4rem;}
#visual .vis_bg  .bx_txt {width:100%; padding-left:7.5rem; margin:0 auto; color:#fff; text-shadow: 1px 2px 3px rgb(0 0 0 / 10%); font-size:0.9rem; line-height:1.6;}
#visual .vis_bg  .bx_txt h3{font-size:2.5rem; font-weight:300; line-height:1.2;margin:1rem 0 2rem}
#visual .vis_bg  .bx_txt h3 b{font-weight:600;}
#visual .vis_bg  .bx_banner{width:100%; padding-left:7.5rem; margin:3.5rem auto 0; margin-top:;}
#visual .vis_bg  .bx_banner ul li{display:inline-block; vertical-align:top; margin-right:1.7rem; line-height:1.3; text-align:center;}
#visual .vis_bg  .bx_banner ul li a{color:#fff;  }
#visual .vis_bg  .bx_banner ul li a span{display:flex; justify-content: center;align-items: center; width:5rem; height:5rem; margin:0 auto 10px; background:#fff; border:1px solid #fff; border-radius:10px;  transition: all 0.2s ease-out 0s; }
#visual .vis_bg  .bx_banner ul li a:hover span{background:#bcd9f4}


#visual .vban{position:absolute; right:0; top:0; width:80px; z-index:10; font-size:0.8rem;}
#visual .vban div{display: inline-table; vertical-align: top; word-break:break-all;}
#visual .vban div a{display: table-cell;  width:80px;  text-align: center; vertical-align: middle; border-right:none !important; border-top:none !important; border-radius:25px 0 0 25px;     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
#visual .vban div a span{position:relative; display:inline-block; width:17px;  line-height: 1.05; padding-bottom:1.8rem;}
#visual .vban div:nth-of-type(1) a{background:#fff; color:#333; height:12rem; }
#visual .vban div:nth-of-type(1) a i{background:#333; color:#fff;}
#visual .vban div:nth-of-type(2) a{ background:#333; color:#fff; height:18rem; }
#visual .vban div a i{position:absolute; left:-2px; bottom:0; background:#fff; color:#333; border-radius:50%; font-size:0.8rem; width:1.3rem; height:1.3rem; line-height:1.3rem; text-align:center; }

@media (max-width: 1600px){
	#visual .vis_bg .main_img{padding:0 2rem;}
	#visual .vis_bg  .bx_txt,
	#visual .vis_bg  .bx_banner{padding-left:0;}
}

@media (max-width: 767px){
	#visual{height:32rem;}
	#visual .vis_bg{height:32rem; }
	#visual .vis_bg .main_img{padding: 0 1rem 4rem;}
	#visual .vis_bg .bx_txt{padding-top:2rem;}
	#visual .vis_bg .bx_txt h3{font-size:2rem; text-shadow: 1px 2px 3px rgb(0 0 0 / 50%); }
	#visual .vis_bg .bx_txt p{padding-right:30%;}
	#visual .vis_bg .bx_banner{margin:1.5rem auto 0;}
	#visual .vis_bg .bx_banner ul li{margin-right:.5rem;}
	#visual .vis_bg .bx_banner ul li a span{align-items: normal; width:3rem; height:3rem; padding:0.5rem;}

	#visual .vban{width:100%; top:auto; bottom:0; display:flex;}
	#visual .vban div{width:50%;}
	#visual .vban div a{border-radius:10px 10px 0 0;line-height: 1.3; justify-content: space-between; padding:0.75rem 0.5rem; height:3.5rem;}
	#visual .vban div a span{width:auto; padding-bottom:0; }
	#visual .vban div a i{position:relative; left:auto; bottom:auto; flex-shrink: 0; margin-top:0; margin-left:10px;}
	#visual .vban div:nth-of-type(1) a,
	#visual .vban div:nth-of-type(2) a{height:auto; }
}
@media (max-width: 580px){
	#visual .vban div a span{font-size: 10px;}
}


/********************************************************
■ 메인컨텐츠 공통
********************************************************/
/* 강의 섹션 배경 */
/* #cts1{background:#f1f6ff;} */
#cts1{background:#F7FAFF;}
#cts2{background:url('/images/default/main/sub_bg2.jpg') no-repeat 50% 50%; background-size: cover;}
#cts3{background:url('/images/default/main/sub_bg3.jpg') no-repeat 50% 50%; background-size: cover;}
#cts4 {background:url('/images/default/main/sub_bg5.jpg') no-repeat 50% 50%; background-size: cover;}

#container {position:relative;}
.pro_list_wrap{padding:4rem 4rem;}
.pro_list_wrap .inn{ margin:0 auto; position:relative; padding-left:7.5rem;}
.pro_list .list_cont .more{position:absolute; right:1.5rem; top:1.2rem; display:inline-block; height:2rem; line-height:2rem; padding:0 0.5rem; text-align:center; color:#333; border:1px solid #d2d2d2; background:#fff; font-size:.75rem; border-radius:2rem; transition: all 0.2s ease-out 0s;}
.pro_list .list_cont .more i{margin-left:.5rem; margin-top:-2px; transition: all 0.2s ease-out 0s; }
.pro_list .list_cont .more:hover{ border-color:#2c67d5; color:#2c67d5;}
.pro_list .list_cont .more:hover i{transform: rotate(90deg );}
.single .pro_list .list_cont .more{right:0; top:-2.8rem;}

.swiper-button-prev, .swiper-button-next{background:#fff url('/images/default/main/arrow.svg') no-repeat 50% 50%; background-size:16px 9px; width:2.25rem; height:2.25rem; top:50%; transform:translateY(-50%);  z-index:10;position:absolute; cursor:pointer; border:1px solid #ddd; border-radius:50%; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.swiper-button-prev{transform: scaleX(-1);  left:0; }
.swiper-button-next{left:auto; right:0; }

@media (max-width: 1030px){
	.single .pro_list .list_cont .more{right:0; top: auto;}
	.swiper-button-prev{left:-1.125rem; }
	.swiper-button-next{right:-1.125rem; }
}

/* 강의섹션 소주제 */
.list_s_cate {display:flex; justify-content: center; padding:0; margin: 1.4rem 4rem 0; background:#ecf3ff; box-shadow: 0px 1px 30px 0px rgba(44, 87, 173, 0.06); border-radius:0.4rem; overflow:hidden;}
.list_s_cate ul {display:inline-flex; gap:2vw; height:2.75rem;}
.list_s_cate button {display:block; padding:0 1.5rem; width:100%; height:100%; font-size:1rem; font-weight:500; color:#777877; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); position:relative;}
.list_s_cate button:after {content:''; display:block; width:0; height:4px; background:#2c67d5; border-radius:0.2rem 0.2rem 0 0; box-shadow: 3px 4px 9px 0px rgba(44, 103, 213, 0.32); position:absolute; bottom:0; left:0;  transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.list_s_cate li:is(.on,:hover) button {color:#2c67d5}
.list_s_cate li:is(.on,:hover) button:after {width:100%;}
.s_cate_tab {display:none;}
.s_cate_tab.on {display:block;}
.s_cate_tab .swiper-slide {transition:unset;}

@media (max-width: 1440px){
	.list_s_cate ul {gap:0.5rem 0.8rem;}
	.list_s_cate button {padding:0 0.4rem; font-size:0.85rem;}
}
@media (max-width: 1024px){
	.list_s_cate { margin: 1.4rem 1.5rem 0; }
}
@media (max-width: 768px){
	.list_s_cate { margin: 1rem 1rem 0; background:transparent; box-shadow:unset; overflow:visible}
	.list_s_cate ul {flex-wrap:wrap; height:auto;  width:100%;}
	.list_s_cate ul > li {width:calc((100% - 0.8rem * 1)/2)}
	.list_s_cate button {padding: 0.5rem 1rem; font-size:0.88rem; background:#ecf3ff; border-radius:0.5rem;}
	.list_s_cate button:after {display:none;}
	.list_s_cate li:is(.on,:hover) button {background:#2c67d5; color:#fff}
}


/* 좌측 퀵메뉴 */
.title{position:absolute; left:4rem; top:7.75rem; border-radius:0.5rem; z-index:10;width:6.25rem;}
.title > div:not(:first-child) {margin-top:0.45rem; }
.title .box{display:flex; justify-content: center;align-items: center; flex-direction: column;  width:100%; height:5rem; color:#191919; background:#dadfe3; text-align:center; line-height: 1; border-radius:0 0.6rem 0.6rem 0; transition:all 0.3s;  position: relative;  z-index: 1; box-shadow: 0 0 8px rgba(64, 177, 248, 0.2);}
.title .box > a {display:flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; padding: 0.7rem 0;}
.title .box b{font-size:0.9rem; font-weight:600;}
.title .box b em{font-weight:400;}
.title .box span{display: inline-block; font-size:.8rem; margin-top: 0.2rem; color:#666666; transition:all 0.3s;}
.title .box.on {color:#fff;}
.title .box.on span {color:#fff;}

.title ul{padding:1rem 0 0.3rem; width: 95.2%; background:#fff; border:1px solid #dadfe3; border-radius:0 0 0.4rem 0.4rem;  margin-top: -0.8rem; box-shadow: 0 0 8px rgba(64, 177, 248, 0.2);}
.title ul li{height:auto; width:100%; border-radius:0 0.4rem 0.4rem 0; color:#888;}
.title ul li a{position:relative; display:flex; width:100%; height:100%; padding: 0.3rem 0.75rem; font-size:0.8rem; border-radius:0 0.4rem 0.4rem 0; align-items:center; justify-content: space-between; transition:all 0.3s; line-height: 1; z-index:0;}
.title ul li a em {font-size:0.6rem;}
.title ul li.on a{color:#fff; font-weight:600;}
.title ul li.on a:before{content : ""; display : block; position : absolute; left : 0; top:0;  width :104.8%; height : 100%; background : #40b1f8; z-index:-1; border-radius:0 8px 8px 0;} 
.title ul .tit{width:calc(6rem - 10px); display: flex; align-items: center;  justify-content: center; padding:0.5rem 0rem; height:auto; line-height:1.3;border-radius:8px; background:#f7f7f7; color:#888; text-align:center; }
.title ul .tit em{display:block; font-size:0.5rem;}
.title ul li + .tit{margin-top:5px;}

/* 타이틀 fixed */
.title.fixed {position:fixed; top: 1rem;}

@media (max-width: 1600px){
	.title {left:1rem;}
	.title .box{padding:0.6rem 0 0.3rem;}
	.title .box b{font-size:1rem;}
	.title ul .tit{font-size:0.8rem;}
}
@media (max-width: 767px){
	.title, .title.fixed {position:static; margin: 2rem 1rem 0; width: calc(100% - 2rem);}
	.title .box{flex-direction: row; justify-content: normal; width:100%; height:auto; padding: 1rem; border-radius:0.6rem;}
	.title .box br{display:none;}
	.title .box > a {padding:0; justify-content: normal;flex-direction: row;}
	.title ul{display:flex; flex-wrap:wrap; justify-content: space-between;  margin-top: -0.6rem; padding: 1rem 0.5rem 0.3rem; width:100%;}
	.title ul li{}
	.title ul li.on a:before{ border-radius:0.4rem; width:100%;}
	.title ul .tit{width:100%;}
	.title ul .tit br{display:none}
	.title ul li:not(:first-child) {margin:0;}
	.title ul .tit em{display:inline-block;}
	.title ul li a em {font-size:0.75rem;}


}
@media (max-width: 450px){
	.title ul li a {padding: 0.5rem;}
}

/* 강의 목록 */
.pro_list{position:relative;  background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.pro_list .list_top{border-bottom:1px solid #D2D2D2; display:flex; justify-content: flex-start; padding:1.5rem 0 .5rem; margin: 0 1.5rem; }
.pro_list_wrap .inn > .pro_list:not(:last-child) {margin-bottom:1.5rem;}
.pro_list .list_top h4{position:relative; display:flex; gap:0.5rem; align-items: center; font-size:1.3rem; color:#191919; }
.pro_list .list_top h4 .part{display:inline-block;  flex-shrink: 0; height:2rem; line-height:1.85rem; width:4.5rem; text-align:center; color:#2C67D5; border:2px solid #2C67D5;  font-size:.9rem; border-radius:2rem;}
.pro_list .list_top h4 em{display:inline-block; color:#666; font-size:.9rem; font-weight:400;}
.pro_list .list_top h4 em i{color:#2C67D5;}




.pointDiv{text-align:center; font-size:0.9rem; }
.pointDiv span{display:inline-block;  color:#fff;  padding:1rem 4rem 0.9rem; border-radius:2.5rem 2.5rem 0 0;}
.pointDiv span strong{font-weight:700; font-size:1.2rem; }
.pointDiv.p01 span{background:#229EED;}
.pointDiv.p02 span{background:#933DDC; border-radius:2.5rem;}

.list_cont{padding:1.5rem 1rem 2.5rem;}
.single .list_cont{padding:2rem 1rem 2.5rem;}
.list_cont .pro_list_swipe {position:relative; padding:0 3rem;}
.list_cont .pro_list_swipe .swiper-wrapper {padding-top:0.4rem;}
.item{position: relative;  border-radius:10px; border:1px solid #ddd; background:#F6F8FA; transition: all 0.2s ease-out 0s; height: auto; width:calc((100% - 2rem * 1)/2);}
.item .thumbImg{position: relative; border-radius:10px 10px 0 0 ; overflow: hidden;}
.item .thumbImg span{position: relative; display: block; width:100%; padding-top:56%;}
.item .thumbImg em{ position:absolute; left:0; bottom:-40px; width:100%; background:rgba(0,0,0,0.7); color:#fff; padding:0 10px; height:40px; line-height:40px; text-align:right; font-size:16px; transition: all 0.2s ease-out 0s;}
.item .item_txt{padding:1rem;}
.item .item_txt .sub span{display:inline-block; height:1.5rem; line-height:1.5rem; width:3.5rem; font-size:.75rem; color:#fff; text-align:center; border-radius:1rem; background:#2C67D5;}
.item .item_txt .subject{font-weight: 500;position:relative;  margin:.75rem 0;}
.item .item_txt .subject a{display:flex; gap:5px;}
.item .item_txt .subject b{}
.item .item_txt .subject span{display: inline-block;  text-overflow: ellipsis;  overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; height: 3em;}

.item .item_txt .name{font-size:.8rem; color:#666666; line-height:1; }
.item .item_txt .name b{position: relative; color:#191919; font-weight:500; padding-right:.5rem; margin-right:.5rem}
.item .item_txt .name b:after{content:''; position:absolute; right:0px; top:5%; width:1px; height:90%; background:#bdbdbd;}
.item .item_txt ul{justify-content: space-between; margin-top:.75rem;}

.item .item_txt ul li{width:48%;}
.item .item_txt ul li a{display:flex; justify-content: space-between; align-items: center; background:#fff; border:1px solid #fff; color:#333; height:2rem; line-height:2rem; padding:0 .5rem; font-size:.65rem; text-align:center; border-radius:1rem; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.item .item_txt ul li a.preview{display:none;}
.item .item_txt ul li a [class*="icon"]{display:inline-block; width:.9rem; height:.9rem; vertical-align:middle; background-position:50%;background-repeat:no-repeat; background-size:100%;  }
.item .item_txt ul li a .icon_play{background-image:url('/images/default/main/icon_play.svg');}
.item .item_txt ul li a .icon_down{background-image:url('/images/default/main/icon_down.svg');}
.item .item_txt ul li a:hover{border:1px solid #2c67d5;}
.item .new_icon{position:absolute; right:.5rem; top:-0.35rem; background:url('/images/default/main/new_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem; font-size:0; z-index:1;}
.item .up_icon{position:absolute; right:3rem; top:-0.35rem; background:url('/images/default/main/up_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem; font-size:0; z-index:1;}
.item .ing_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/ing_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem; font-size:0; z-index:1;}
.item .end_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/end_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem; font-size:0; z-index:1;}
.item:hover {/* box-shadow:0 0 30px rgba(44,87,173,0.2); */}
.item:hover .thumbImg em{bottom:0;}

.noData{ display: flex; justify-content: center;  align-items: center;  flex-direction: column; border-radius:10px; border:1px solid #ddd; background:#F6F8FA;  }
.noData p{color:#666; font-size:1rem; margin-top:1rem;}


@media (max-width: 1600px){
	.pro_list_wrap{padding:4rem 1rem;}
	.noData{display:none;}
}
@media (max-width: 1030px){
	.pro_list .list_cont .more{position:relative; right:auto; top:auto; margin:1rem auto 0; display:block; }
	.pointDiv{padding:0 0.5rem;}
	.pointDiv span{ display:block; line-height: 1;}
	.pro_list .list_top h4 em i {line-height:1.5;}
}
@media (max-width: 767px){
	.pro_list_wrap .inn{padding-left:0;}

	.list_cont .pro_list_swipe{padding:0;}
	.pro_list .list_top{margin:0 .5rem; padding: 0.8rem 0rem;}
	.pro_list .list_top h4{padding-left:0; line-height: 1.3;   font-size: 1.25rem;}
	.pro_list .list_top h4 .part{position:relative; left:auto; top:auto; display: block; margin-bottom:0.25rem;}
	.item:hover {margin-top:0;}
	.item .item_txt ul{flex-wrap:wrap; padding-right:0;}
	.item .item_txt ul li{width:100%;}
	.item_txt ul li:nth-of-type(2){margin-top:.5rem;}

	.item_row{flex-direction: column;}
	.item_row .thumbImg{width:100%; border-radius:10px 10px 0 0;}
	.item_row .thumbImg span{padding-top:56%; height:auto;}
	.item_row .item_txt{width:100%;}

	.pointDiv span{padding:1rem 0 0.8rem;}
	.pointDiv span strong{display:block; margin-bottom: 0.3rem;}
}
@media (max-width: 450px){
	.pro_list .list_top {gap:0.5rem;}
	#cts1 .pro_list .list_top, #cts4 .pro_list .list_top {flex-direction: column; align-items: center;}
	.pro_list .list_top h4 {flex-direction: column;}
}



/********************************************************
■ 공지사항 + 배너롤링
********************************************************/
#cts6{display:flex; flex-wrap: wrap; background:#F5F5F5; padding: 3.5rem 0;}
#cts6 > div{background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:1.5rem;}
#cts6 > div .head{display:flex; justify-content: space-between; align-items: center; margin-bottom:.5rem;}
#cts6 > div .head h4{color:#121f47; font-size:1.5rem; }
#cts6 > div .head .more{display:inline-block; height:2.25rem; line-height:2.25rem; padding:0 1rem; text-align:center; color:#333; border:1px solid #d2d2d2;  font-size:.8rem; border-radius:2rem; transition: all 0.2s ease-out 0s;}
#cts6 > div .head .more i{margin-left:.5rem; margin-top:-2px; transition: all 0.2s ease-out 0s; }
#cts6 > div .head .more:hover{ border-color:#2c67d5; color:#2c67d5;}
#cts6 > div .head .more:hover i{transform: rotate(90deg );}

.notice_wrap{flex:0 0 calc(70% - 2rem); margin-right:2rem; width: calc(70% - 2rem);}
.notice_wrap .notice ul{}
.notice_wrap .notice ul li{}
.notice_wrap .notice ul li span{display:inline-block; background:#e0f0fa; border-radius:1.5rem; color:#4264c4; font-size:.7rem; padding:.3rem .75rem; }
.notice_wrap .notice ul li a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.5em;height: 3em;  color:#000; font-weight:600; font-size:1rem;  margin:.75rem 0 1.5rem;}
.notice_wrap .notice ul li p.date{color:#999; font-size:.8rem; padding-bottom:.75rem; border-bottom:1px solid #ddd; margin-bottom:.75rem; }
.notice_wrap .notice ul li p.context{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em; }
.notice_wrap .notice .swiper-pagination{display:none;}
.notice_wrap .notice .swiper-pagination.disabled{display:none;}

.banner_wrap{flex:0 0 30%; width: 30%;}
.banner_wrap .swiper-slide{border-radius:10px; height:12rem; }
.banner_wrap .control{position:relative;  display: flex;  align-items: center;}
.banner_wrap .control .banpagin{margin-right:.5rem;}
.banner_wrap .control .banPrev,
.banner_wrap .control .banNext{flex-shrink: 0; width:.5rem; height:1.3rem; margin:0 .2rem;  background:url('/images/default/main/icon_arrow.svg')no-repeat 50% 50%;  background-size:.5rem 1.3rem; cursor:pointer;}
.banner_wrap .control .banPrev{transform: scaleX(-1);}
.banner_wrap .control .play{width:1rem; font-size:0; position:relative; cursor:pointer;}
.banner_wrap .control .play:before{content:'\f00a'; font-family: 'remixicon' !important; font-size:1rem; color:#000;  }
.banner_wrap .control .play.on:before{content:'\efd9';}


@media (max-width: 1600px){
	#cts6{padding:3.5rem 2rem;}
}
@media (max-width: 1300px){
	#cts6{padding:3.5rem 1rem;}
	#cts6 > div{padding:1rem;}
	.notice_wrap{flex:0 0 calc(60% - 1rem);  width: calc(60% - 1rem);margin-right:1rem;}
	.banner_wrap{flex:0 0 40%; width: 40%;}
	.notice_wrap .notice .swiper-pagination{display:block;}
}
@media (max-width: 767px){
	.notice_wrap{flex:0 0 100%;  width: 100%; margin-right:0; margin-bottom:1rem;}
	.banner_wrap{flex:0 0 100%; width: 100%;}
	.banner_wrap .swiper-slide{height:auto; padding-top:59%;}
}


/********************************************************
■ 유튜브
********************************************************/
#cts6{background:#F5F5F5 url('/images/default/main/youtube_bg.jpg')no-repeat 50% bottom; background-size: cover;}
#cts6 h4{width:100%; text-align:center;  margin-bottom:1.5rem; font-size: 1.75rem;  color: #191919; font-weight:400; }
#cts6 h4 b{font-weight:700;}
.youtube_wrap{position:relative; width:1600px; margin:0 auto;}
.youtubeWrap{position:relative; overflow:hidden; background:#fff;  padding-top:56.25%;}
.youtubeWrap iframe{position:absolute; width:100%; left:0; top:0;}
.courseTit{margin-top:1rem;}
.swiper12 .swiper-button-prev,
.swiper12 .swiper-button-next{}
.youtube_wrap  .swiper-button-next{right:-1rem;}
.youtube_wrap  .swiper-button-prev{left:-1rem;}

@media (max-width: 1600px){
	.youtube_wrap {width:100%; padding:0 1rem;}
}
@media (max-width: 1030px){
	.youtube_wrap  .swiper-button-next{right:0rem;}
	.youtube_wrap  .swiper-button-prev{left:0rem;}
}


/********************************************************
■ 팝업 롤링 추가
********************************************************/
.layerPopup {position:absolute;top:200px;left:10rem; width:450px; background:#fff;line-height:auto;z-index:100;border:10px solid #15334F;box-shadow:0 0 4px rgba(0,0,0,0.2); padding-bottom:40px;}
.layerPopWrap{position:relative; width:100%; height:100%;}
.layerPopup ul li img{width:100%;}
.layerPopup .bx-wrapper .bx-pager{bottom:1rem; width:100%; text-align:center;}


@media (max-width:1030px){	
	.layerPopup {left:50% !important;  transform:translateX(-50%);}	
}
@media (max-width:767px){
	.mobile_dim{width: 100%; height:100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1039; display: inline-block; background: rgba(0,0,0,0.5);}
	.layerPopup img{width:100% !important;}
	.layerPopup {left:5% !important;  transform:translateX(0%); width:90% !important; height:auto !important; top:130px;}
	.chkvsb{font-size:0.7rem !important;}
}