@charset "utf-8";

/* ¸ÞÀÎºñÁÖ¾ó */
.mainvisual{margin-top:89px;}

.fullwidthbanner-container{width:100% !important; max-width:100% !important; position: relative; padding:0; max-height:600px !important; overflow:hidden;}
.fullwidthbanner {width:100% !important; height:100%; max-height:600px !important; position:relative; overflow:hidden;}

.tp-hide-revslider,.tp-caption.tp-hidden-caption {visibility:hidden !important; display:none !important;}
.tp-caption {position: absolute;}
.tp-caption.big {color: #fff; font-size: 2.723em; /* 38px */ letter-spacing: -0.02em; padding: 5px 15px;}
.tp-caption.text-shadow {text-shadow: 0 0 4px rgba(0,0,0,.7);}
.tp-width {width:100%;}
.tp-caption.mid {color:#444; line-height:20px;  font-size:20px; font-weight:600; letter-spacing:-0.03em; font-family:notokrM;}
.tp-caption.mid span{color:#ee6434; font-size:24px; font-weight:600; text-shadow:1px 1px 1px rgba(255,255,255,0.4); letter-spacing:-0.03em; font-family:notokrM;}

.tp-caption.small {margin-top:5px}
.tp-caption a.small_btn {color:#fff; line-height:22px; padding:5px 12px; font-size:14px; font-weight:600; text-shadow:none; font-family: "Nanum Gothic"; border:1px solid #fff; border-radius:2px;text-shadow: none;}
.tp-caption a.small_btn:hover {background: #3b86ac;color:#fff; border: 1px solid #3b86ac; border-radius:2px;}

.tp-caption.big2 {color: #fff; font-size: 1.923em; /* 38px */ letter-spacing: -0.02em; padding: 5px 15px;text-align:center;}
.tp-caption.small2 {color:#fff; line-height: 28px; padding: 8px 12px; font-size: 16px; font-weight: 600; text-shadow: none; font-family: "Nokora"; text-align:center;}
.tp-caption.mid2 {color:#fff; line-height:50px; padding: 8px 12px; font-size: 24px; font-weight: 600; text-shadow: none; font-family: "Raleway"; text-align:center;}

/* Colors */
.tp-caption.black {color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.75);background-color: #1a1a1a;}
.tp-caption.white {color: #000; background-color: #fff;}
.tp-caption.colored {color: #fff;background: #b6d82f;}
.tp-caption.colored ::-moz-selection {background: #333;}
.tp-caption.colored ::selection {background: #333;} 
.tp-caption.video {box-shadow: 0 0 7px rgba(0,0,0,0.4);}

/* ¹öÆ° */
.tp-caption .button {display: inline-block; padding: 10px 18px;color: #fff;background: #b6d82f; font-size: 1.333em; /* 16px */}
.tp-caption.round, .tp-caption .round {border-radius:5px;}
.tp-caption .button:hover, .tp-caption .button.colored:hover {color: #fff;}

.tp_inner_padding {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;max-height:none !important; }
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img {-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;}
.tp-simpleresponsive img {max-width:none;}

.noFilterClass {filter:none !important;}

.caption.fullscreenvideo {left:0px; top:0px; position:absolute; width:100%; height:100%;}
.caption.fullscreenvideo iframe {width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {left:0px; top:0px; position:absolute; width:100%; height:100%;}
.tp-caption.fullscreenvideo iframe  {width:100% !important; height:100% !important;}

.tp-bannertimer {width:100%; height:10px; background: url("/img/main/vsl_timer.png"); position:absolute; z-index:200;}
.tp-bannertimer.tp-bottom {bottom:0px !important; height:5px;}

/** ÇÏ´Ü ¹öÆ° **/
.tp-bullets {position:absolute; bottom:5px !important; overflow: hidden; z-index: 100; opacity: 1 !important; padding:7px;}
.tp-bullets .bullet {margin-right:7px; float: left; width:13px; height:13px; border-radius:50%; display: block; background-color: rgba(0,0,0,0.4); cursor: pointer; text-indent: -999em;}
.tp-bullets .bullet.last {margin:0;}
.tp-bullets .bullet.selected {cursor: default; background-color: rgba(255,255,255,0.9);}

@media only screen and (max-width: 1151px){
.tp-bullets,.tp-bullets .bullet,.tp-bullets .bullet.last,.tp-bullets .bullet.selected{display:none !important}
}

@media only screen and (max-width: 768px){.tp-caption a.small_btn{font-size:95%;}
}

/*ÁÂ¿ì ¹öÆ°*/
.tp-leftarrow, .tp-rightarrow { position: absolute; top: 50%; margin-top: -35px !important; display: block; cursor: pointer; text-indent: -999em; z-index: 100; opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;}
.tp-leftarrow{width:66px; height: 68px; background:url("/img/main/vsl_arrows_l.png") no-repeat;}
.tp-rightarrow{width:66px; height: 68px; background:url("/img/main/vsl_arrows_r.png") no-repeat;}
.tp-leftarrow:hover {background:url("/img/main/vsl_arrows_l_hover.png") no-repeat;} 
.tp-rightarrow:hover {background:url("/img/main/vsl_arrows_r_hover.png") no-repeat;}


.fullwidthbanner-container:hover .tp-leftarrow,
.fullwidthbanner-container:hover .tp-rightarrow {opacity: 1;}


.tp-simpleresponsive img {-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;}
.tp-simpleresponsive ul { list-style:none; padding:0; margin:0;}
.tp-simpleresponsive > ul > li { list-stye:none; position:absolute; visibility:hidden;}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:10000px; height:10000px;  background: url("/img/main/vsl_coloredbg.png") repeat;}
.tp-loader {background:url("/img/main/vsl_loader.gif") no-repeat 10px 10px; background-color: #fff;  margin:-22px; top:50%; left:50%; z-index:10000; position:absolute; width:44px; height:44px; border-radius: 3px;} 
