

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         »çÁøÅ©°Ôº¸±â
///////////////////////////////////////////////////////////////////////////////////////////*/
.modal-popup {overflow-x:hidden;width:100%;background:#f4f4f4;z-index:10001;-webkit-overflow-scrolling:touch; }
.modal-popup .pop-head {display:block; position:relative; background-color:#222;  color:#fff; height:auto;font-size:16px; line-height:1.4em; font-weight:300; padding:15px 20px ; }
.modal-popup .pop-head strong{vertical-align:middle; }
.modal-popup .pop-head  span {display:inline-block; vertical-align:middle;  font-size:16px; margin-left:20px; }
.modal-popup .pop-head em {display:inline-block; vertical-align:top; width:1px; height:16px; background:rgba(255,255,255,0.2); margin:5px 10px 0; }


html.with-featherlight{}
.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;text-align:center;white-space:nowrap;cursor:pointer;background:rgba(0,0,0,0.6)}
.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle; }
.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:0;border:1px solid #000;min-width:auto; max-height:auto;
                                              border-radius:0px; background:#fff;cursor:auto;white-space:normal;  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.featherlight .featherlight-inner{display:block}
.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:10px;right:10px;line-height:30px;width:30px;cursor:pointer;text-align:center;font-family:Arial,sans-serif; font-size:25px;color:#fff; background:transparent; border:0;padding:0}
.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}
.featherlight iframe{border:0; overflow-y:hidden !important;}
.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.slideWrap { display:block; width:100%;position:relative;overflow:hidden; }
.slideWrap *,
.slideWrap *:after,
.slideWrap *:before {	margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

.bxslider-wrap {position:relative; }
.bxslider-wrap ul.bxslider { position:relative; display:block; clear:both;}
.bxslider-wrap ul.bxslider li {width:100%; min-height:423px; max-height:423px;  background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.bxslider-wrap ul.bxslider li img {width:100%; max-width:100%; min-height:423px; max-height:423px;  }
.slideWrap  .count {position:absolute;right:20px; bottom:20px; width:65px; height:32px; line-height:32px;  border-radius:30px; font-family:'NanumGothic';  background-color:rgba(0,0,0,0.4) ; color:#fff; font-size:14px; text-align:center; z-index:333}
.slideWrap  .big-view {position:absolute; left:20px; bottom:20px;width:40px; height:40px; text-align:center; z-index:333;border-radius:3px;  background-color:rgba(0,0,0,0.4) }
.slideWrap  .big-view:after {content:"\e90d";font-family:'xeicon'; display:inline-block;font-size:30px;  line-height:40px; color:#fff;  }

.expand{z-index:10;position:absolute; bottom:10px; left:10px; width:30px; height:30px;background:rgba(0,0,0,0.3) url('/image/expand.png') no-repeat center ; background-size:auto 16px; border-radius:4px; }
.expand a{display:inline-block; width:100%; height:22px;  }

 
.bx-wrapper .bx-controls-direction a {	position: absolute; top: 50%; margin-top: -30px; outline: 0;	width: 35px; text-align:center; padding:0; height: 60px;  background-color:rgba(0,0,0,0.2); z-index: 333; color:rgba(255,255,255,0) }
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}
.bx-wrapper .bx-prev {left: 0px;}
.bx-wrapper .bx-prev:before {content:"\e93d"; display:inline-block; font-family:'xeicon'; font-size:28px; line-height:60px; color:#fff; text-align:center; text-indent:none; }
.bx-wrapper .bx-next {right: 0px;}
.bx-wrapper .bx-next:before {content:"\e940"; display:inline-block; font-family:'xeicon'; font-size:28px; line-height:60px; color:#fff; text-align:center; }

#bx-pager  { position: relative; display:flex; flex-wrap: wrap; padding:0px; list-style: none; margin-top:5px; font-size:0; width: 100%;  }
#bx-pager li {   margin:0; padding:0; width: 10%; padding:0.5px;}
#bx-pager li a { position:relative; display:block; width:100%; min-height:41px;  max-height:41px; padding: 0; margin: 0; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:0; opacity:0.6; transition: all 0.2s ease-in;}
#bx-pager li a img {width:100%; min-height:41px; max-height:41px; }
#bx-pager li a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid transparent; z-index:55; transition: all 0.2s ease-in;}
#bx-pager li a.active:after {border-color:#02a9f6}
#bx-pager li a.active, #bx-pager li a:hover {  opacity:1}
#bx-pager li a.active:after {content:' (Active)';}

/*layer popup */
.popup #bx-pager{display:none !important}
.popup .slideWrap *,
.popup .slideWrap *:after,
.popup .slideWrap *:before {	margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}


.popup {background-color:#181a1b;}
.popup .slideWrap {position:relative;  margin:0 !important;}
.popup .slideWrap .head {position:relative; display:block; height:60px; padding:15px 20px; background-color:#222;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);font-family:'Nanumgothic' }
.popup .slideWrap .head h2 {display:inline-block; vertical-align:middle;  color:#fff; font-size:20px; }
.popup .slideWrap .head h2 span {display:inline-block; vertical-align:middle; margin-left:20px; color:#fff; font-size:15px; }
.popup .slideWrap .head h2 span em {display:inline-block; vertical-align:middle; width:1px; height:15px; background:rgba(255,255,255,0.4); margin:0 12px; }

.popup .bxslider-wrap ul.bxslider li { min-height:600px !important; max-height:600px !important;  }
.popup .bxslider-wrap ul.bxslider li img  {min-height:600px !important; max-height:600px !important; margin:0 auto ; /*object-fit: cover; */}

.popup .bx-controls-direction2 a {	position: absolute;	top: 50%;	margin-top: -30px;	outline: 0;	width: 35px; text-align:center; padding:0; height: 60px;  background-color:rgba(0,0,0,0.2); z-index: 333; color:rgba(255,255,255,0) }
.popup .bx-controls-direction2 a.disabled {	display: none;}
.popup .bx-controls-direction2 .bx-prev {left: 0px;}
.popup .bx-controls-direction2 .bx-prev:before {content:"\e93d"; display:inline-block; font-family:'xeicon'; font-size:28px; line-height:60px; color:#fff; text-align:center; text-indent:none; }
.popup .bx-controls-direction2 .bx-next {right: 0px;}
.popup .bx-controls-direction2 .bx-next:before {content:"\e940"; display:inline-block; font-family:'xeicon'; font-size:28px; line-height:60px; color:#fff; text-align:center; }


