/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
/*  margin-bottom: 60px; */
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
 /* -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff; */
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('/Global/Gbl_Images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0;
  background: url('/Global/Gbl_Images/controls_prev.png') no-repeat 0 0; background-size:100%;
}

.bx-wrapper .bx-next {
  right: 0;
  background: url('/Global/Gbl_Images/controls_next.png') no-repeat 0 0; background-size:100%;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/Global/Gbl_Images/controls2.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/Global/Gbl_Images/controls2.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.bxslider_paging {position:fixed !important; bottom:80px !important; left:50% !important; text-align:center; z-index:999;transform: translate(-50%, -50%);}
.bxslider_paging a {display:inline-block; width:25px; height:25px; line-height:25px; background: rgba(255, 255, 255, 0.5); margin:0 1px; color:#bbbbbb; border-radius:30px;}
.bxslider_paging a.on, .bxslider_paging a:hover {background: rgba(28, 60, 120, 0.7); color:#fafafa; font-weight:600;}

#layerpop_area {position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); z-index:99999;}

#layerpop_area .layerpop_close {display:inline-block; position:absolute; top:4px; right:10px; /*background:#eeeeee;*/ width:33px; height:33px; text-align:center; /*border-radius:50px;*/ padding:0;}
#layerpop_area .layerpop_close span {font-size:18px;}
/* #layerpop_area .layerpop {width:100%; max-width:1024px; height:auto; background:#ffffff; border-radius:15px; padding:15px 0; margin:0 auto; position:absolute;  left:50%; transform:translate(-50%,-50%); } */
#layerpop_area .layerpop {width:100%; max-width:1024px; height:auto; background:#ffffff; border-radius:15px; padding:5px 0 15px 0; margin:0 auto; position:absolute;   }

.layerpop .layerpop_tit {font-size:1.1em; font-weight:600; padding:0 35px 5px 10px; color:#333333; width:100%; letter-spacing:-1px;}
.layerpop .layerpop_con {width:100%; height:auto; overflow:hidden; z-index:999909;}

.layerpop .layerpop_btn {position:relative !important ;margin:15px 0 35px 0; text-align:left; padding:0 0 0 14px !important;z-index:99999 !important;}
.layerpop .layerpop_btn a {display:inline-block; width:40px; text-align:center;}
.layerpop .layerpop_btn a span {display:inline-block; width:100%; font-size:0.9em; color:#777777;}

/*.layerpop #bx-page {float:right;margin:12px 10px 0 0;background: rgba(28, 60, 120, 0.7); color:#fafafa; font-weight:600;padding:0 10px 2px;border-radius:15px}*/

.layerpop #bx-page {float:right;margin:6px 10px 0 0; color:#999999; font-weight:500; padding:0 10px 2px;border-radius:15px; height:25px; line-height:25px !important;}

.layerpop #bx-page span#nPage {display:inline-block; /*background: rgba(28, 60, 120, 0.7); border-radius:30px;*/ width:30px !important; height:25px !important; line-height:25px !important;color:#ea8c1d; font-weight:600 !important; letter-spacing:-1px; text-align:center !important; padding:4px 0 0 0; font-size:15.5px; /*position:absolute; top:0px; left:-18px;*/}
.layerpop #bx-page span#totPage  {display:inline-block; /*background:#d7d7d7; border-radius:30px;*/ width:30px !important; height:25px !important; line-height:25px !important; color:#333333; letter-spacing:-1px; text-align:center !important; font-weight:600 !important;  padding:4px 0 0 0; font-size:15px; font-weight:600 !important;}

.layerpop_close2 {position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; text-align:center; font-weight:600; background:#69729f; color:#fafafa; border-radius:0 0 15px 15px;display:table;}


/* 공유하기 */
.layerpop #bx-page span.nPage_v2 {padding:0 !important; line-height:25px !important;}
.layerpop #bx-page span.totPage_v2 {padding:0 !important; line-height:25px !important;}

.layerpop_listtit {font-size:1.2em !important; font-weight:600; padding:20px 15px 15px 0 !important; color:#333333; width:100%; letter-spacing:-1.5px; text-align:center; border-top:1px solid #eeeeee;}
.layerpop_listtit span {color:#304390; display:inline-block; margin:0;}
.layerpop_listtit img {width:85px !important;  display:inline-block !important;}

.layerpop_list {width:100%; padding:5px 15px 15px 15px;}
.layerpop_list div {margin:0; -moz-box-sizing: border-box; box-sizing: border-box; padding:0;}
.layerpop_listcon {margin:5px 8px !important; border:1px solid #dddddd; border-radius:8px; text-align:left;z-index:2000}
.layerpop_listcon img {border-radius:8px 8px 0 0;width:100%;height:100%;}
.layerpop_listcon span {display:inline-block; padding:10px 7px; letter-spacing:-1px; min-height:60px; text-align:left;}

/*  마지막 명함  */

.SMSBTN {background:#304390; border-radius:5px; color:#fafafa; border:none; padding:6px 0;}
.CALLBTN {background:#f07d00; border-radius:5px; color:#ffffff; border:none; padding:6px 0;}

 #cradNews_share {position:absolute; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5);display:none;}
 #cradNews_share .cardNews_layerpop {width:80%; max-width:767px; height:auto; background:#ffffff; border-radius:5px; padding:5px 0; margin:5% auto; }

 #cradNews_share .snsShare {width:90%;display: grid; grid-template-columns: auto auto;top:10%;margin:auto}
 #cradNews_share .snsShare .linkDiv {margin:1%;}
 #cradNews_share .snsShare .SH_KAKAO {background-color:#FCE000}
 #cradNews_share .snsShare .SH_SMS {background-color:#007BB6}
 #cradNews_share .snsShare .SH_EMAIL {background-color:#F36523}
 #cradNews_share .snsShare .SH_BAND {background-color:#30B87A}

 .URLSHARE {width:90%;margin:10px auto;display: grid; grid-template-columns: 70% 30%;top:10%;margin:auto ;padding: 0 0 20px 0 }
 .URLSHARE .copy_url input {width:100%;height:40px;border:2px solid #c0c0c0}
 .URLSHARE .copy_btn button {width:100%;height:40px;border:2px solid #c0c0c0}
 .snsShare .linkDiv .snstitle {width:100%;text-align:center;position:relative;top:-20%;font-weight:600;color:#FFF;font-size:2rem}
 .snsShare .linkDiv:first-child .snstitle{color:#3C1E20;font-size:2rem;font-weight:600;}

/* 모바일 카드뉴스 공유페이지 전자명함 버튼 /Global/Gbl_Mobile/Course/_Course_cardnews_View.asp */
.CALL_WRAP {width:100%;position:block;display:none; }
.CALL_WRAP .CALL_BTN {width:60%;margin:0 auto;display: grid; grid-template-columns: 50% 50%;padding: 0 0 20px 0;column-gap:10px; }
/* ==============================  */

@media only screen and (max-width: 460px) { /* col-xs, 스마트폰 */ /*767 */

.layerpop .layerpop_tit {font-size:1.1em; font-weight:600; padding:0 30px 5px 10px; color:#333333; width:100%; letter-spacing:-2px;}
.layerpop .layerpop_listtit {font-size:1.15em; font-weight:600; padding:0 15px 15px 0; color:#333333; width:100%; letter-spacing:-2px; text-align:center;}
.layerpop .layerpop_listtit img {width:80px;}
.CALLWRAP .SMSBTN {background:#304390; border-radius:5px; color:#fafafa; border:none; padding:6px 10px;}
.CALLWRAP .CALLBTN {background:#f07d00; border-radius:5px; color:#ffffff; border:none; padding:6px 10px;}
}
.grayed-out {filter: grayscale(90%);}


/* 모바일 카드뉴스 공유페이지 전자명함 버튼 /Global/Gbl_Mobile/Course/_Course_cardnews_View.asp  2023-07-21*/
.layerpop_con .detailCon-next,.layerpop_con  .detailCon-prev {position:absolute; top: 45%; transform: translateY(-50%); width:55px; height:80px; z-index:10;}
.layerpop_con  .detailCon-next {right:0; background:url(/Global/Gbl_Images/slide_next.png) 0 0 no-repeat; background-size:55px auto;}
.layerpop_con  .detailCon-prev {left:0; background:url(/Global/Gbl_Images/slide_prev.png) 0 0 no-repeat; background-size:55px auto;}
.layerpop_con  .detail_next.swiper-button-disabled + .detail_prev {display:none;}


.CALLWRAP {width:100%;position:block;}
.CALLWRAP .CALL_BTN {width:60%;margin:0 auto;display: grid; grid-template-columns: 50% 50%;padding: 0 0 20px 0;column-gap:10px; }


#cardNews_share {position:absolute; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5);z-index:999999;display:none }
#cardNews_share .cardnews_layerpop {position:absolute;width:80%; max-width:767px; height:auto; background:#ffffff; border-radius:5px; padding:5px 0; margin:5% auto;z-index:999999;left:50%;transform: translate(-50%, 10%);}
#cardNews_share .layerpop_close {display:inline-block; position:absolute; top:4px; right:10px; /*background:#eeeeee;*/ width:33px; height:33px; text-align:center; /*border-radius:50px;*/ padding:0;}
#cardNews_share .layerpop_close span {font-size:18px;}


 #cardNews_share .snsShare {width:90%;display: grid; grid-template-columns: auto auto;top:10%;margin:auto}
 #cardNews_share .snsShare .linkDiv {margin:1%;}
 #cardNews_share .snsShare .SH_KAKAO {background-color:#FCE000}
 #cardNews_share .snsShare .SH_SMS {background-color:#007BB6}
 #cardNews_share .snsShare .SH_EMAIL {background-color:#F36523}
 #cardNews_share .snsShare .SH_BAND {background-color:#30B87A}