@charset "utf-8";

/*_____ scope - main-contents _____*/

/* common */
.section{width: 100%;height: 780px;overflow: hidden}
.section .inner > h3{padding: 70px 0 36px;color: #222;text-align: center; font: 38px "KTL";}

/* scroll-nav */
.scroll-nav{position: fixed;z-index: 99;right: 60px;top: 48%;margin-top: -76px}
.scroll-nav li{margin: 0 0 8px}
.scroll-nav li a{margin: 0 0 8px;display: block;width: 11px;height: 11px;background: url(../images/main/ico-dot.png) no-repeat 0 100%;text-indent: -9999em}
.scroll-nav li.active a{background-position: 0 0}
.scroll-nav li.btn-top{position: fixed;right: 70px;bottom: 30px}
.scroll-nav li.btn-top a{display: block;width: 64px;height: 64px;background: url(../images/main/btn-top.png) no-repeat}

/* bxSlider reset */
.bx-wrapper{margin: 0;border: none;box-shadow: none}
.bx-wrapper img{display: inline-block;max-width: initial}

/* brand */
.brand-area { overflow: hidden; width: 100%; height: 780px;}

.brand-area .brand-list { overflow: hidden;}
.brand-area .brand-list li { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.brand-area .brand-list .img-txt { margin: 286px 0 40px; text-align: center;}
.brand-area .brand-list .img-desc { text-align: center; font-size: 18px;}
.brand-area .brand-list .img-desc a { color: #fff;}
.brand-area .banner-img { width: 1920px; margin: auto;}

/* key-visual */
.key-visual {height: 780px;z-index: 1;overflow: hidden;position: relative; background: #000;}
.key-visual .bx-wrapper{background-color: #000}
.key-visual li.item{display: block;width: 100%;height: 780px;background-repeat:no-repeat;background-position:50% 50%;animation: visual-out 2s ease-out forwards;transition:all 0.5s ease-in-out}
.key-visual li.item.active{animation: visual-in 2s ease-out forwards}
@keyframes visual-in {
	from {opacity: 0;background-size: auto 130%}
	to {opacity: 1;background-size: auto 100%}
}
@keyframes visual-out {
	from {opacity: 1;background-size: auto 100%}
	to {opacity: 0;background-size: auto 150%}
}
.key-visual li.item .descriptions .inner>span{position: absolute;left: 0;right: 0;display:inline-block;text-align: center;animation: visual-out 1s ease-out forwards}
.key-visual li.item .descriptions .inner>a{position: absolute}
.key-visual li.item.type1{text-align: center}
.key-visual li.item.type1 .descriptions .inner .txt1{top: 210px;opacity: 0}
.key-visual li.item.type1.active .descriptions .inner .txt1{animation: key-visual-type1 1s ease-out forwards}
.key-visual li.item.type1 .descriptions .inner .txt2{top: 375px;color: #fff;font-size: 21px;opacity: 0}
.key-visual li.item.type1.active .descriptions .inner .txt2{animation: key-visual-type1 1s 0.5s ease-out forwards}
.key-visual li.item.type1 .descriptions .inner>a{left: 50%;top: 447px;margin-left: 5px;border-color: #fff;color: #fff;opacity: 0}
.key-visual li.item.type1 .descriptions .inner>a:hover{background-color: rgba(0, 0, 0, 0.2)}
.key-visual li.item.type1 .descriptions .inner>a.play{margin-left: -196px}
.key-visual li.item.type1 .descriptions .inner>a.play .ico-play{background-image: url(../images/main/btn-arrow-white.png); background-position: 100% 56%;}
.key-visual li.item.type2 .descriptions .inner>a .ico-play{background-position: 100% 56%;}
.key-visual li.item.type1.active .descriptions .inner>a{animation: opacity 1s 1.5s ease-out forwards}
.key-visual li.item.type2 .descriptions .inner .txt1{top: 375px;text-align: left;opacity: 0}
.key-visual li.item.type2.active .descriptions .inner .txt1{animation: key-visual-type2 1.5s ease-out forwards}
.key-visual li.item.type2 .descriptions .inner .txt2{top: 375px;text-align: right;opacity: 0}
.key-visual li.item.type2.active .descriptions .inner .txt2{animation: key-visual-type2-2 1.5s ease-out forwards}
.key-visual li.item.type2 .descriptions .inner .txt3{top: 538px;text-align: right;padding: 0 20px 0 0;opacity: 0}
.key-visual li.item.type2.active .descriptions .inner .txt3{animation: key-visual-type1 1s 0.5s ease-out forwards}
.key-visual li.item.type2 .descriptions .inner>a{right: 20px;top: 583px;opacity: 0}
.key-visual li.item.type2.active .descriptions .inner>a{animation: opacity 1s 1.5s ease-out forwards}
.key-visual li.item.video{margin: 0 auto;text-align: center}
.key-visual li.item.video video{position: absolute;left: 0}
.key-visual .bx-controls .bx-controls-direction{width:1080px;margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;margin-top: -22px}
.key-visual .bx-controls .bx-controls-direction a{outline: inherit;width: 25px;height: 44px;background: url(../images/main/btn-arrow.png) no-repeat 0 0;z-index: 10}
.key-visual .bx-controls .bx-controls-direction a.bx-prev{margin-left: -20px}
.key-visual .bx-controls .bx-controls-direction a.bx-next{margin-right: -20px;background-position: 100% 0}
.key-visual .bx-controls .bx-controls-auto{position:absolute;z-index: 10;left: 0;right: 50% !important;bottom: 25px;width: auto !important;padding: 0;text-align: right}
.key-visual .bx-controls .bx-pager{position:absolute;z-index: 10;left: 50%;right: 0;bottom: 25px;padding: 0;text-align: left !important}
.key-visual .bx-controls .bx-pager a {display: inline-block;width: 11px;height: 11px;background: url(../images/main/btn-controls.png) no-repeat 100% 0 !important;margin: 0 5px}
.key-visual .bx-controls .bx-pager a.active {background-position: -20px 100% !important}
.key-visual .controls {position:absolute;z-index: 100;left:0;right:0;top:653px;width:1080px;margin: 0 auto;text-align: center}
.key-visual .controls .controls-wrap{display: inline-block;padding: 5px 26px;background-color: rgba(0,0,0,0.2);border-radius: 17px}
.key-visual .controls .controls-wrap button{background-image: url(../images/main/btn-controls.png);background-repeat: no-repeat;border: none}
.key-visual .controls .auto{display: inline-block;margin: 0 0 0 10px; float: right;}
.key-visual .controls .auto button{display: inline-block;width: 10px;height: 12px}
.key-visual .controls .auto button.play{background-position: 0 100%;display: none}
.key-visual .controls .auto button.stop{background-position: -10px 100%}
.key-visual .controls .pager {position: relative; top: -1px; display: inline-block;}
.key-visual .controls .pager button {display: inline-block;width: 11px;height: 11px;background-position: -31px 100%}
.key-visual .controls .pager button.active {background-position: -20px 100%}
.banner{position: fixed;z-index: 1000;bottom: 0;left: 0;right: 0;background-color: #333;color: #fff;height: 50px;line-height: 50px}
.banner p{display: inline-block;width: 800px;font-size: 20px}
.banner .option-area label{color: #cfcfcf;font-size: 14px;line-height: 15px}
.banner button{display: inline-block;color: #cfcfcf;font-size: 14px;padding: 0 0 0 22px;background: url(../images/main/btn-close.png) no-repeat 0 6px;margin: 0 0 0 15px}

/* banner */
.top-banner{position: fixed;top: -81px;left: 0;right: 0;z-index: 2000;height: 81px;line-height: 81px;background: url(../images/main/bg-banner-top.png) no-repeat 50% 0;text-align: center}
.top-banner img{margin:0;}
.top-banner span{color: #222;margin: 0 10px}
.top-banner a.detail-view{display: inline-block;border: 1px solid #000;border-radius: 2px;color: #333;font-size: 14px; height:31px; line-height: 31px;padding: 0 30px 0 14px; background: url(../images/main/top-banner-bul.png) no-repeat right 8px;}
.top-banner .close{position: absolute;right: -6px;top: 40%;width: 174px;height: 27px;background: url(../images/main/btn-close-banner.png) no-repeat 0 0;font-size: 16px;color: #222;text-indent: -9999em}
.top-banner .close-area { position: absolute; top: 28px; right: 18px; height: 27px; line-height: 27px;}
.top-banner .close-area label { color: #222 !important; letter-spacing: -1px; font-size: 16px;}
.top-banner .close-area .btn-close { display: inline-block; margin-left: 10px; width: 27px; height: 27px; background: url(../images/common/btn-layer-close2.png) no-repeat right 0 top 0; color: transparent; vertical-align: middle;}

/* click-click 배너 start */
.click-banner2 .inner { position: relative;}
.click-banner2.top { position: fixed; right: 0; left: 0; z-index: 2000;display: none; height: auto;}
.click-banner2.top.block { display: block;}
/*.click-banner2.top .img { height: 130px; color: transparent;}*/
/*.click-banner2.top .close-area { position: absolute; right: 18px; top: 52px;}*/
/*.click-banner2.top .close-area label { color: #222 !important; letter-spacing: -1px; font-size: 16px;}*/
/*.click-banner2.top .close-area .btn-close { display: inline-block; margin-left: 10px; width: 27px; height: 27px; background: url(../images/common/btn-layer-close2.png) no-repeat right 0 top 0; color: transparent; vertical-align: middle;}*/
.click-banner2.bottom {position: fixed;right: 0;bottom: 0;left: 0;z-index: 10000;display: none; background-color: #000;}
/*.click-banner2.bottom .option-area label { color: #cfcfcf !important; font-size: 14px; line-height: 15px;}*/
/*.click-banner2.bottom button { display: inline-block; margin: 0 0 0 15px; padding: 0 0 0 22px; background: url(../images/main/btn-close.png) no-repeat 0 6px; color: #cfcfcf; font-size: 14px;}*/
/*.click-banner2.bottom .close-area { position: absolute; right: 0; bottom: 30px;}*/

.banner{position: fixed;z-index: 1000;bottom: 0;left: 0;right: 0;background-color: #333;color: #fff;height: 50px;line-height: 50px}
.banner p{display: inline-block;width: 800px;font-size: 20px}
.banner .option-area label{color: #cfcfcf;font-size: 14px;line-height: 15px}
.banner button{display: inline-block;color: #cfcfcf;font-size: 14px;padding: 0 0 0 22px;background: url(../images/main/btn-close.png) no-repeat 0 6px;margin: 0 0 0 15px}
/* click-click 배너 end */

@keyframes opacity{
	from {opacity: 0}
	to {opacity: 1}
}
@keyframes key-visual-type1{
	from {opacity: 0;margin-top: 60px}
	to {opacity: 1;margin-top: 0}
}
@keyframes key-visual-type2{
	from {opacity: 0;margin-left: -140px}
	to {opacity: 1;margin-left: 0}
}
@keyframes key-visual-type2-2{
	from {opacity: 0;margin-right: -140px}
	to {opacity: 1;margin-right: 0}
}

/* fare-area */
.fare-area{background:url(../images/main/bg-fare.jpg) no-repeat 50% 0}
.fare-area .inner>h3{color: #fff}
.fare-area ul{overflow: hidden}
.fare-area ul li{float: left;width: 353px;height: 278px;margin: 10px 0 0 9.5px;background-repeat: no-repeat;background-position: 100% 0;background-size: 100%;position: relative}
.fare-area ul li h4{display: table;width: 100%;height: 100%;text-align: center;color: #fff;font-size: 28px;letter-spacing: -0.5px}
.fare-area ul li h4 span{display: table-cell;vertical-align: middle}
.fare-area ul li div{position: absolute;top: 279px;bottom: 0;width: 100%;padding: 36px 0 0;background-color: #fff;text-align: center;font-size: 17px;opacity: 0;transition:all 0.3s ease-out}
.fare-area ul li.active div{top:0;opacity: 1}
.fare-area ul li div strong{font-size: 28px;color: #222}
.fare-area ul li div p{margin: 5px 0; color: #666}
.fare-area ul li div span{display: block;color: #222}
.fare-area ul li div span em{font-size: 30px;color: #da2b38;font-family:"Spoqa Han Sans";font-weight:700}
.fare-area ul li div .link {display:inline-block;width: 48px;height: 48px;background: url(../images/main/btn_more.png) no-repeat 0 0;text-indent: -9999em;margin: 16px 0 0}
.fare-area ul li.list1{width:1078px;padding:0;margin: 0;background-size: auto 278px}
.fare-area ul li.list1 h4 span {padding-left:360px;}
.fare-area ul li.list2{margin-left: 0;clear: both}
.fare-area ul li .img-1 { position: absolute; bottom: 0; left:0;}
.fare-area ul li .img-2 { position: absolute; bottom: -278px; left:0; opacity: 0;}
.fare-area ul li.list1 div{top:0;opacity: 1;left: 0;width: 288px;text-align: left;padding: 36px}
.fare-area ul li.list1 div:after{content: '';display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;position: absolute;right: -14px;top: 50%;margin-top: -10px}
.fare-area ul li.list1 div span{position: absolute;right: 36px;bottom: 36px}

/* product-area */
.product-area{background: url(../images/main/bg-product.jpg) no-repeat 50% 100%}
.product-area .inner{height: 780px}
.product-area .bx-wrapper{background: transparent}
.product-area .bx-wrapper .bx-pager{text-align: center;position: absolute;left: 0;right: 0;bottom: 42px}
.product-area .bx-wrapper .bx-pager .bx-pager-item{display: inline-block;margin: 0 4px}
.product-area .bx-wrapper .bx-pager a{display: inline-block;width: 7px;height: 7px;border: 2px solid #666;border-radius: 50%;background: transparent;text-indent: -9999em}
.product-area .bx-wrapper .bx-pager a.active{background: #666}
.product-area .bx-controls .bx-controls-direction a{display: none;width: 88px;height: 88px;background: transparent url(../images/main/btn-slider.png) no-repeat 0 0;text-indent: -9999em;position: absolute;top: 50%;z-index: 100;margin-top: -44px;border: 1px solid #aaa; border-radius: 50%;}
.product-area .bx-controls .bx-controls-direction a.bx-prev{left: 0}
.product-area .bx-controls .bx-controls-direction a.bx-next{right: 0;background-position: 100% 0;}

/* benefit-area */
.benefit-area{background: url(../images/main/bg-line.gif) repeat-x 0 188px;background-size: 50% 1px;overflow-x: hidden}
.benefit-area .benefit-slider{margin: 17px 0 0}
.benefit-area .tab-menus{width: 885px}
.benefit-area .tab-menus .item{float: left;width: 177px;height: 50px}
.benefit-area .tab-menus .item>a{display: inline-block;width: 160px;text-align: center;color: #d92c38;border: 2px solid #d92c38;background-color: #fff;border-radius: 24px;padding: 7px 0}
.benefit-area .tab-menus .item>a:hover,
.benefit-area .tab-menus .item.active > a{color: #fff;background-color: #d92c38;}
.benefit-area .tab-menus .item>a:hover:after,
.benefit-area .tab-menus .item.active > a:after{content: '';display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 8px solid #d92c38;position: absolute;left: 50%;bottom: 1px;margin-left: -7px}
.benefit-area .nav{width: 100%;height: 42px;position: absolute;left: 50%;top: 163px;margin-left: 332px;background-color: #fff;padding: 0 0 0 20px}
.benefit-area .tab-contents{margin: 30px 0 0}
.benefit-area .tab-contents > li{display: none}
.benefit-area .tab-contents > li:first-child{display: block}
.benefit-area .event-slider{position: relative}
.benefit-area .event-slider:before{content: '';display: block;position: absolute;z-index: 0;left: -50px;right: -50px;top: 39px;bottom: 0;background-color: #efefef}
.benefit-area .event-slider .descriptions{padding: 0 53px 52px}
.benefit-area .event-slider .item .pic{float: left;margin: 0 67px 0 0}
.benefit-area .event-slider .item strong{display: inline-block;padding: 104px 0 0;margin: 0 0 0 3px;border-bottom: 3px solid #d92c38;font-size: 22px;font-weight: bold;color: #222}
.benefit-area .event-slider .item h4{font-size: 30px;color: #222;font-weight: bold;letter-spacing: -0.5px;margin: 25px 0 20px}
.benefit-area .event-slider .item ul li{margin: 0 0 5px}
.benefit-area .event-slider .item ul li em{color: #222;letter-spacing: -0.25px;font-weight: bold}
.benefit-area .event-slider .item ul li em:after{content: '|';display: inline-block;padding: 0 10px;color: #a3a3a3;font-size: 12px;font-weight: normal}
.benefit-area .event-slider .item .btn-group{margin: 45px 0 0}
.benefit-area .event-slider .item .btn-group a { margin-left: 10px;}
.benefit-area .event-slider .item .btn-group a:first-child { margin-left: 0;}
.benefit-area .event-slider .bx-controls .bx-controls-direction a{display: block;width: 48px;height: 48px;background: url(../images/main/btn-arrow-group2.png) no-repeat 0 0;text-indent: -9999em;position: absolute;top: 50%}
.benefit-area .event-slider .bx-controls .bx-controls-direction a.bx-prev{left: 0}
.benefit-area .event-slider .bx-controls .bx-controls-direction a.bx-next{right: 58px;background-position: 100% 0}
.benefit-area .event-slider .bx-controls .bx-controls-direction a.disabled{display: none}

/* olleh-tv-area */
.olleh-tv-area{width:100%;height:780px;background:url(../images/main/bg-olleh-tv.jpg) no-repeat center top}
.olleh-tv-area .inner>h3{color: #fff}
.olleh-tv-area .btn-group{position: absolute;right: 0;top: 70px}
.olleh-tv-area .btn-group>li{display: inline-block;margin-left:5px;}
.olleh-tv-area .btn-group>li:first-child{margin-left:0;}
.olleh-tv-area .btn-group>li>a{display: block;font-size: 16px;width: 144px;height: 47px;line-height: 37px;color: #fff;text-align: center}
/*.olleh-tv-area .btn-group>li:first-child>a{border-color: #ff9c00;background: #ff9c00 url(../images/main/icon-list.png) no-repeat 36px 50%}*/
.olleh-tv-area .btn-group>li:first-child>a>span{display: inline-block;text-indent: 25px}
.olleh-tv-area .owl-carousel .owl-stage-outer{overflow: visible}
.olleh-tv-area .slider{position: relative;width: 100%;height: 540px;margin: 30px auto 0;overflow: hidden}
.olleh-tv-area .slider .slider-wrap{width: 1500px;position: absolute;z-index: 1;left: 50%;top: 40px;bottom: 0;margin-left: -759px;overflow: hidden;transition:all 0.5s ease-in-out}
.olleh-tv-area .slider .slider-wrap:before{content: '';display: block;width: 210px;height: 300px;background: url(../images/main/img-gradation-left.png) no-repeat 70% 0;position: absolute;left: 0;top: 0;z-index: 1000}
.olleh-tv-area .slider .slider-wrap:after{content: '';display: block;width: 210px;height: 300px;background: url(../images/main/img-gradation-right.png) no-repeat 30% 0;position: absolute;right: 0;top: 0;z-index: 1000}
.olleh-tv-area .slider .owl-item{position: static}
.olleh-tv-area .slider .owl-item .item .pic{position: relative;width: 210px}
.olleh-tv-area .slider .owl-item .item .pic:after{display: block;content: '';position: absolute;width: 100%;top: 0;bottom: 0;background-color: #fff;opacity: 0.5}
.olleh-tv-area .slider .owl-item .item .pic img{width: 210px}
.olleh-tv-area .slider .owl-item.center{margin: 0 10px 0 12px}
.olleh-tv-area .slider .owl-item.center .item{width: 208px;z-index: 1;position: relative}
.olleh-tv-area .slider .owl-item.center .item img{width: 208px}
.olleh-tv-area .slider .owl-item.center .item .pic:after{background-color: transparent}
.olleh-tv-area .slider .owl-item.center .item .txt{display: block;bottom: -153px}
.olleh-tv-area .slider .owl-nav{position: absolute;top: 25%;left: 50%;display: block;margin:-44px 0 0 -537px;width: 1080px; opacity:0;}
.olleh-tv-area .slider .owl-nav button{position: absolute;z-index: 10;top: 0;width: 88px;height: 88px;background: transparent url(../images/main/btn-slider.png) no-repeat 0 0;text-indent: -9999em}
.olleh-tv-area .slider .owl-nav button:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #aaa; border-radius: 50%; content: '';}
.olleh-tv-area .slider .owl-nav button.owl-prev{left: -10px}
.olleh-tv-area .slider .owl-nav button.owl-next{right: -10px;background-position: 100% 0}
.olleh-tv-area .slider .owl-nav button:hover{background: transparent url(../images/main/btn-slider.png) no-repeat 0 0;}
.olleh-tv-area .slider .owl-nav button.owl-next:hover{background-position: 100% 0}
.olleh-tv-area .slider .img-phone{display: block;width: 225px;height: 414px;background: url(../images/main/box.png) no-repeat 50% 0;position: absolute;z-index: 2;left: 50%;top: -2px;margin-left: -113px;transition:all 0.5s ease-in-out}
.olleh-tv-area .slider .info{display: block}
.olleh-tv-area .slider .info>li{opacity: 0;width: 1080px;position: absolute;z-index: 11;left: 50%;bottom:-100px;margin-left: -540px;color: #fff;text-align: center;transition:all 0.5s ease-in-out}
.olleh-tv-area .slider .info>li.active{animation: olleh-info 0.8s forwards}
.no-cssanimations .olleh-tv-area .slider .info>li:first-child{opacity: 1;bottom: 3px}
@keyframes olleh-info {
	from {bottom: -100px;opacity: 0}
	to {bottom: 3px;opacity: 1}
}
.olleh-tv-area .slider .info em{ position: relative; top: -8px; display: inline-block;padding: 25px 0 20px;width: 100%;height: 32px;background: url(../images/main/bg-rank.png) no-repeat 50% 0; line-height:8px;}
.olleh-tv-area .slider .info div{float: left;width: 47%;height: auto;text-align: right;color: #fff;border-right: 1px solid #fff;padding: 5px 3% 5px 0}
.olleh-tv-area .slider .info div h4{color: #fff;margin: 0 0 10px;font-size: 30px;line-height: 1;font-weight: 800}
.olleh-tv-area .slider .info div h4 i ~ i { display: inline-block; margin: -1px 0 0 4px; width: 31px; height: 31px; border-radius: 50%; background: #fff; color: #d63469; vertical-align: middle; text-align: center; font-size: 16px; line-height: 30px;}
.olleh-tv-area .slider .info div span{display: inline-block;border: 2px solid #fff;padding: 2px 10px;margin: 0 0 0 10px;border-radius: 15px}
.olleh-tv-area .slider .info p{float: left;width: 46%;padding: 3px 0 3px 3%;text-align: left;}

/* olympics-area */
.olympics-area{height: auto;letter-spacing: -0.5px;overflow: hidden; padding-bottom:50px;}
.olympics-area .txt{height: 110px;padding: 300px 0 0;background: url(../images/main/img-olympics.jpg) no-repeat 50% 138px;text-align: center;font-size: 24px;color: #222;font-weight: bold;letter-spacing:-0.25px}
.olympics-area .txt .d-day{width: 201px;height: 201px;background: url(../images/main/bg-circle.png) no-repeat 0 0;position: absolute;z-index: 10;right: -65px;bottom: -130px}
.olympics-area .txt .d-day span{display: block;width: 139px;height: 139px;color: #fff;text-align: center;font-size: 14px;padding: 36px 0 0}
.olympics-area .txt .d-day span strong{display: block;font-size: 30px;font-family:"Spoqa Han Sans";font-weight:700}
.olympics-area .video-wrap{height: 191px;text-align: center}
.olympics-area .video-wrap .play{display: inline-block;line-height: 60px;font-size: 30px;color: #fff;padding: 46px 80px 46px 0;background: url(../images/main/ico-play.png) no-repeat 100% 50%}
.olympics-area .video-wrap .video{padding: 72px 0 0;display: none}
.olympics-area .video-wrap .close{display: block;width: 201px;height: 201px;background: url(../images/main/bg-circle.png) no-repeat 0 0;position: absolute;z-index: 10;right: -65px;top: -70px;display: none}
.olympics-area .video-wrap .close span{display: block;width: 139px;height: 139px;color: transparent;text-align: center;font-size: 14px;padding: 57px 0 0;background: url(../images/main/ico-close.png) no-repeat 50% 55px}
.olympics-area .custom-center{margin-top: -42px}
.olympics-area .customer-area{width: 1077px;margin: 0 auto;border: 1px solid #666;background: #fff url(../images/main/ico-customer-center.png) no-repeat 277px 93%	;overflow: hidden}
.olympics-area .customer-area > li{float: left;width: 33%;height: 336px;border-left: 1px solid #666}
.olympics-area .customer-area > li:first-child{border: none}
.olympics-area .customer-area h4{font-size: 22px;color: #000;font-weight: bold;margin: 30px 0 0 45px}
.olympics-area .customer-area li ul{margin: 30px 0 0 45px}
.olympics-area .customer-area li li{position: relative;padding: 0 0 0 13px}
.olympics-area .customer-area li li:before{content: '';display: inline-block;width: 3px;height: 3px;background-color: #666;position: absolute;left: 0;top: 50%}
.olympics-area .customer-area li li a{display: inline-block;line-height: 28px;font-size: 15px;color: #666}

@media screen and (max-width:1380px) {
	/* key-visual */
	.key-visual .controls .inner,
	.next-contents .inner{left: 60px}
	.key-visual li.item{background-position: 41% 50% !important}

	/* olleh-tv */
	.olleh-tv-area .slider .slider-wrap{margin-left: -700px}
	.olleh-tv-area .slider .img-phone{margin-left: -44px}
	.olleh-tv-area .slider .info>li{margin-left: -480px}
}

/* 한줄공지 */
.one-notice { margin-bottom: -50px; height: auto;}
.one-notice .notice{ height: 54px;border-top: 1px solid #e5e5e5;background-color: #f6f6fb;color: #222;line-height: 54px}
.one-notice .notice h3{display: inline-block;padding: 0;font-weight: bold;font-size: 18px}
.one-notice .notice h3:after{display: inline-block;margin: 0 22px -2px 20px;width: 1px;height: 15px;background-color: #c6c6c6;content: ""}
.one-notice .notice p{display: inline-block;max-width: 800px}
.one-notice .notice p a{color: #222;font-size: 16px}
.one-notice .notice p a span{margin: 0 0 0 20px}
.one-notice .notice .notice-date { }
.one-notice .notice .btn-more-area {float: right;overflow:hidden;}
.one-notice .notice .btn-more{ display: inline-block;margin:15px 0 0 15px;padding: 4px 13px 5px;border: 1px solid #bfbfbf;color: #222;font-size: 13px;line-height: 1}

/* 웰컴 팝업 */
/*#popup-welcome { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; text-align: center;}*/
#popup-welcome { position: fixed; right: 0; left: 0; z-index: 10000; margin: auto; width: 1080px;}
#popup-welcome > div { position: absolute; margin: inherit;}
#popup-welcome .layer-header { height: 76px; line-height: 76px;}
#popup-welcome .layer-contents { position: relative; padding-bottom: 180px; background: #edf1f9;}
#popup-welcome .bx-slider { padding-bottom: 34px;}
#popup-welcome .bx-slider .welcome-area .title{font-size:30px;color:#222;font-weight:bold;text-align:center;}
#popup-welcome .bx-slider .welcome-area .sub-title{display:block;margin:8px 0;font-size:16px;color:#444;text-align:center;}
#popup-welcome .bx-slider .controls { bottom: -20px; width: inherit;}
#popup-welcome .bx-slider .controls .controls-wrap { background: none;}
#popup-welcome .bx-slider .controls .controls-wrap .auto { vertical-align: middle;}
#popup-welcome .service-info { position: absolute; bottom: 40px; left: 0;}
#popup-welcome .service-info p{float:left;}
#popup-welcome .service-info p a{display:block;height:100px;}
#popup-welcome .service-info p a img{width:352px;height:100px;}
#popup-welcome .service-info p:first-child a img{width:362px;height:100px;}
#popup-welcome .bottom-info { position: absolute; bottom: 0; left: 0; padding-left: 30px; width: 684px; height: 40px; background: #fff; text-align: left; line-height: 40px; font-size: 14px; color: #888;}
#popup-welcome .btn.circle { width: 70px; height: 69px; border: 0; background-image: url(../images/main/bg-btn-direction-welcome.png);}
#popup-welcome .btn.circle.prev-navygray { background-position: 0 0;}
#popup-welcome .btn.circle.next-navygray { background-position: -70px 0;}
#popup-welcome .bxslider li { float: left;}

	/* 상품보유고객 */
#popup-welcome .bx-slider .welcome-area > a{display:block;width:100%;height:100%;}
#popup-welcome .bx-slider .welcome-fare{overflow:hidden;width:516px;height:328px;margin:auto;padding-top:40px;box-sizing:border-box;}
#popup-welcome .bx-slider .welcome-fare > p{float:left;width:33.333%;height:50%;text-align:center;font-weight:bold;font-size:16px;color:#222;}
#popup-welcome .bx-slider .welcome-fare > p > a{display:block;width:100%;height:100%;color:#222;}
#popup-welcome .bx-slider .welcome-fare > p > a > span{display:block;margin-top:12px;}
#popup-welcome .bx-slider .welcome-fare > p.y24-fare img{margin-left:7px;}
#popup-welcome .bx-slider .welcome-benefit .membership-btns{padding-top:11px;}
#popup-welcome .bx-slider .welcome-benefit .membership-btns .btn{display:inline-block;width:157px;height:38px;margin:9px 0 0 9px;border:1px solid #555;border-radius:3px;font-size:15px;color:#222;text-align:center;line-height:38px;}
#popup-welcome .bx-slider .welcome-benefit .membership-btns .btn:first-child{margin-left:0;}
	/* 상품미보유고객 */
#popup-welcome .bx-slider .welcome-membership .membership-btns{padding-top:11px;}
#popup-welcome .bx-slider .welcome-membership .membership-btns .btn{display:inline-block;width:auto;min-width:97px;height:38px;margin:0 0 0 9px;padding:0 8px;border:1px solid #555;border-radius:3px;font-size:15px;color:#222;text-align:center;line-height:38px;box-sizing:border-box;}
#popup-welcome .bx-slider .welcome-membership .membership-btns .btn:first-child{margin-left:0;}

.banner-img {display:block; overflow:hidden; width:100%; height: 100%;}

/* click 레이어 */
/*#popup-click { position: fixed; right: 0; left: 0; z-index: 10000; margin: auto; width: 1080px;}*/
/*#popup-click > div { position: fixed; right:initial !important; margin: inherit;}*/
/*#popup-click > div.the-center { position: fixed; top: 0; right: 0 !important; bottom: 0; left: 0; margin: auto;}*/
/*#popup-click > div .img-click { margin-top: 34px;}*/
/*#popup-click > div .layer-contents { text-align: center;}*/
/*#popup-click > div .layer-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; border-top: 1px solid #ccc; color: #888; text-align: left; font-size: 14px; line-height: 38px;}*/
/*#popup-click > div .layer-footer input { margin: 0 8px 0 30px; width: 16px; height: 16px; vertical-align: middle;}*/
/*#popup-click > div .layer-footer label { letter-spacing: -1.4px; color: #666;}*/
#popup-click .layer-close { top: 20px; right: 20px;}