@charset "utf-8";

/*_____ fare - main-contents _____*/

/* player-area */
.mb15{margin-bottom:15px !important;}
.mb30{margin-bottom:30px !important;}
.mb60{margin-bottom: 60px !important;}
.ml40{margin-left: 40px !important;}

.player-area.movie-pack{background:url("../images/fare/sub/img-player-07.jpg") top center no-repeat;}
.player-area.comb-dc{background:url("../images/fare/sub/img-player-08.jpg") top center no-repeat;}
.player-area .txt p.reference{font-style: normal;font-size: 16px;color: #fff;float: left;font-weight: normal;}
.player-area .txt p.reference:before{content: '*';vertical-align: sub;margin-right:2px;}

/* forth-purpose-area */
.detail-plan-area .column .inner.m-pack p{font-size:19px;line-height:26px;color:#454545;padding-top:20px;}

.mpack-thum-bx{margin-top:40px;}
.mpack-thum-bx ul.list{display: block;text-align: center;overflow:hidden;margin:0 auto;background:#fff;}
.mpack-thum-bx ul.list > li {display:inline-block;width: 175px;margin-right:154px;padding:0;vertical-align: top;}
.mpack-thum-bx ul.list > li:last-child{margin-right:0;}
.mpack-thum-bx ul.list > li > .item{width:100%;height:100%;display:block}
.mpack-thum-bx ul.list > li > .item .img{width:100%;}
.mpack-thum-bx ul.list > li > .item .img img{width:175px;height:175px;padding:0;}
.mpack-thum-bx ul.list > li > .item .titles{display:block;padding:0;text-align:center;}
.mpack-thum-bx ul.list > li > .item .titles span{display:block;line-height:1.4;margin-top:14px;color:#222;white-space:nowrap;}
.mpack-thum-bx ul.list > li > .item .tit{font-size:24px;font-weight: bold;}
.mpack-thum-bx ul.list > li > .item .txt{font-size:19px;font-weight:normal;margin-bottom:5px;}

/* 무비팩 슬라이더 */
.m-pack{position: relative;text-align: center;width: 1080px;min-height: 409px;margin: 47px auto 110px;padding: 21px 0 0}
.m-pack:after{display: block;clear: both;content: ""}

.m-pack .nav button{margin-top: -35px}
.m-pack .nav button.prev{left: 62px;}
.m-pack .nav button.next{right: 62px;}
.m-pack .nav button .btn.circle {width: 80px;height: 80px;text-indent:-9999px;border: none;/* border-radius:50%; */background-image:url("../images/fare/sub/bg-btn-mpack.png");background-repeat:no-repeat;background-color: inherit;}
.m-pack .nav button .btn.circle.prev-white {background-position:0px 0;}
.m-pack .nav button .btn.circle.next-white {background-position:-80px 0;}
.m-pack .nav button:hover .btn.circle.prev-white {background-position:-160px 0;}
.m-pack .nav button:hover .btn.circle.next-white {background-position:-240px 0;}

.m-pack .mpack-list{display: block;margin:0 auto;text-align: center;min-height: 430px;}
.m-pack .bxslider .item, .mpack-list li{height: inherit;}
.m-pack .movie-bx .thum{position: relative;width:657px;height:388px;margin:0 auto;}
.m-pack .movie-bx .thum:after{content: '';display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5)}
.m-pack .movie-bx .thum img{width:100%;height:100%;padding:0;}
.m-pack .movie-bx .intro{position:absolute;display:block;width:728px;height:86px;left:0;bottom:0;background:url("../images/fare/sub/bg-thum-intro.png") repeat-x 100%;display: none}
.m-pack li.active .movie-bx .intro{display: block}
.m-pack .movie-bx .intro > dl{margin:25px 28px;}
.m-pack .movie-bx .intro > dl dt{display: inline-block;vertical-align: middle;line-height:30px;font-size:24px;color:#fff;float: left;}
.m-pack .movie-bx .intro > dl dt .age{width: 20px;height: 20px;color:#fff;font-size:18px;line-height:30px;background:#f6ae00;box-sizing:border-box;border-radius: 30px;text-align:center;padding: 2px 5px;font-weight: bold;}
.m-pack .movie-bx .intro > dl dt b{font-weight: bold;}
.m-pack .movie-bx .intro > dl dd{display: inline-block;width: 440px;vertical-align: middle;text-align: left;color: #fff;font-size:18px;line-height:28px;float: left;padding-left:30px;}
.m-pack .zoom{position: absolute;left: 50%;top: 0;z-index: 100;margin-left: -364px}
.m-pack .zoom .movie-bx .thum{width: 728px;height: 430px}
.m-pack .zoom .movie-bx .thum img{width: 728px;height: 430px}
.m-pack .zoom .movie-bx .thum:after{display: none}
.m-pack .zoom .movie-bx .intro{display: block}


/* 총액결합할인 */
.detail-plan-area .column .inner .thumb-total-dc{display:block;position: relative;width:100%;height: auto; background:url("../images/fare/sub/thum-total-dc-01.png") no-repeat;left:38px;padding-top:318px;margin:65px 0 60px;}
.detail-plan-area .column .inner .thumb-total-dc span.blind{font-size: 0;line-height: 0;text-indent: -9999px;}
.detail-plan-area .column .inner .thumb-total-dc h3 + p{font-size: 22px;color:#222;line-height: 1.4;}
.detail-plan-area .column .inner .thumb-total-dc  .btn.is-red{height: 65px;line-height: 65px;border-radius: 60px;font-size: 24px;margin: 15px 0 25px;}
.detail-plan-area .column .inner .thumb-total-dc  .btn.is-red:hover {color:#fff;}
.detail-plan-area .column .inner p.reference{font-size: 16px;color:#222;line-height: 20px;}
.detail-plan-area .column .inner p.reference:before{content: '※';line-height: 20px;vertical-align: top;margin-right:2px;}

.total-dc-step-bx{display: block;width:1080px;height:625px;margin-bottom: 110px;}
.total-dc-step-bx:after{display: block;clear: both;content: "";}
.total-dc-step-bx > ol > li{display: inline-block;width:530px;float: left;}
.total-dc-step-bx > ol > li:last-child{float: right;;}
.total-dc-step-bx > ol > li .step-list{display:block;width:100%;min-height: 620px;position: relative;width: 526px;border: 2px solid #222;border-radius: 2px;}
.total-dc-step-bx > ol > li .step-list:after{display:block; content:'';position:absolute;right:-2px;bottom:-2px;width:47px;height:47px;background:url(../images/fare/sub/international/bg-service-box.jpg) no-repeat;}
.total-dc-step-bx > ol > li .step-list .tit{font-size: 30px;font-weight: bold;display: block;text-align: center;line-height: 67px;background: #fac3c8;color:#222;}
.total-dc-step-bx > ol > li:first-child .step-list .tit, .total-dc-step-bx > ol > li:only-child .step-list .tit{background: #fac3c8;}
.total-dc-step-bx > ol > li:last-child .step-list .tit{background:#bcd9ec;}
.total-dc-step-bx > ol > li .step-list .htxt{font-size: 24px;font-weight: bold;display: block;text-align: center;margin-top: 42px;color: #222;}
.total-dc-step-bx > ol > li .step-list .selbx{display: block;width:100%;overflow: hidden;padding: 0 20px;box-sizing: border-box;}
.total-dc-step-bx > ol > li .step-list .selbx > li{float:left;width:50%;position: relative;}
.total-dc-step-bx > ol > li .step-list .selbx > li .sel-img{display: block;margin: 25px 20px 10px;}
.total-dc-step-bx > ol > li .step-list .selbx > li .sel-img img{width: 200px;}
.total-dc-step-bx > ol > li .step-list .selbx.plus li:last-child .sel-img:after{position: absolute;top: 50%;left: -30px;z-index: 100;content:"";width:62px;height: 62px;background:url(../images/fare/sub/img-plus-gray.png) no-repeat;margin-top: -58px;}
.total-dc-step-bx > ol > li .step-list .selbx > li .sel-txt{display: table;width: 100%;min-height: 70px;padding: 0 20px;box-sizing: border-box;}
.total-dc-step-bx > ol > li .step-list .selbx > li .sel-txt span{display: table-cell;vertical-align: middle;}
.total-dc-step-bx > ol > li .step-list .selbx dd.wrap span b{font-weight: bold;}
.total-dc-step-bx > ol > li .step-list .total-price{position: absolute;left:0;bottom: 55px;display: block;width: 100%;}
.total-dc-step-bx > ol > li .step-list .total-price.plus{background:url(../images/fare/sub/bg-price-plus.png) no-repeat;background-position: center 0;}
.total-dc-step-bx > ol > li .step-list .total-price p{text-align:center;padding-top: 20px;}
.total-dc-step-bx > ol > li .step-list .total-price p b{display:inline-block; color:#d71826;font-size: 36px;vertical-align:middle;}
.total-dc-step-bx > ol > li .step-list .total-price p span{display: inline-block;vertical-align:middle;font-weight: normal;font-size: 30px;}


/* qna */
.qna-accor-list .accordions {width:100%;border-top:3px solid #555}
.qna-accor-list .accordions .accordion-trigger {display:block;height: auto;padding-left:30px;color:#666;border-bottom:1px solid #d0cfd5;text-align: left;position: relative;height: 70px;}
/*.qna-accor-list .accordions li:last-child .accordion-trigger, .qna-accor-list .accordions li:last-child .accordion-contents{border-bottom:none;}*/
.qna-accor-list .accordions .accordion-trigger:before {position:absolute;right:30px;top: 30px;display:block;width:22px;height:11px;content:"";background-image:url(../images/common/bg-accordions-arrow-black.png);background-repeat:no-repeat;background-position:0 0;}
.qna-accor-list .accordions .accordion-trigger.active:before {background-position:0 -11px;}
.qna-accor-list .accordions .accordion-contents {padding: 0 80px;border-bottom:1px solid #d0cfd5;display: none;text-align: left;}
.qna-accor-list .accordions .txt-bx{position: relative;display: block;}
.qna-accor-list .accordions .accordion-contents .txt-bx{padding:20px 0;}
.qna-accor-list .accordions .txt-bx span{font-size: 18px;color: #222;}
.qna-accor-list .accordions .txt-bx p{font-size: 18px;color: #222;padding-left: 40px;}
.qna-accor-list .accordions .txt-bx span.ico-q{position: absolute;left: 0;top: 23px;width:25px;line-height:25px;font-size:18px;color:#fff;background-color:#d71827;box-sizing:border-box;border-radius:100%;text-align:center;font-weight:bold;}
.qna-accor-list .accordions .txt-bx span.ico-q.blue{background-color:#000;}


/* bullet list */
ul.bullet{margin:15px 0;}
ul.bullet > li ul.bullet {margin:5px 0;}
ul.bullet.type>li{ font-size:17px; line-height:24px; color:#666; position:relative; margin-top:6px;padding-left: 13px;text-align: left;}
ul.bullet.type>li:first-child{ margin-top:0px; }
ul.bullet.type>li:before{ position:absolute; left:0px; top:0px;}
ul.bullet.type>li.red{color:#d71827;}

ul.bullet.type.a{}
ul.bullet.type.a>li{ padding-left:6px;}
ul.bullet.type.a>li:before{ width:2px; height:2px; background:#666; position:absolute; left:0px; top:7px;  content:""; }

ul.bullet.type.b{}
ul.bullet.type.b>li{ padding-left:17px;}
ul.bullet.type.b>li:before{ content:"※";font-weight: bold;}

ul.bullet.type.c{}
ul.bullet.type.c>li{ padding-left:14px;}
ul.bullet.type.c>li:before{ content:"-"; top:-2px;font-weight: bold;}


ul.bullet.type.d{}
ul.bullet.type.d>li{ padding-left:14px;}
ul.bullet.type.d>li:before{ content:"*";  top:0px;font-weight: bold;}

/* 아코디언 컨텐츠 내 item */
.thum-family{display: block;position: relative;width: 100%;height:520px;margin:45px 0 60px;background: url(../images/fare/sub/mobile/img-family-safe-01.png) no-repeat 50% 50%;}
.thum-family .safe-item{position: absolute;width:240px;min-height:240px;}
.thum-family .safe-item:nth-child(1){top:0;left:50px;}
.thum-family .safe-item:nth-child(2){top:0;right:50px;}
.thum-family .safe-item:nth-child(3){bottom:0;left:50px;}
.thum-family .safe-item:nth-child(4){bottom: 0;right: 50px;}
.thum-family .safe-item > div.img{text-align:center;margin-bottom:6px;}
.thum-family .safe-item > div.img img{}
.thum-family .safe-item > div.tit{font-size: 19px;font-weight: bold;line-height: 1.4;margin-bottom: 12px;vertical-align: top;}
.thum-family .safe-item > div.desc{font-size:19px;line-height: 1.4;color:#454545;vertical-align: top;}

.safe-bx-area{overflow: hidden;display: block;width: 100%;margin-top:20px;}
.safe-bx-area .safe-not-bx{float:left;border:1px solid #666;box-sizing: border-box;}
.safe-bx-area.on-side .first{width:22%;margin-right:1%;}
.safe-bx-area.on-side .last{width:77%;}
.safe-bx-area.both-side .safe-not-bx{width:54%}
.safe-bx-area.both-side .first, .safe-bx-area.both-side .last{width:22%}
.safe-bx-area.both-side .first{margin-right:1%;}
.safe-bx-area.both-side .last{margin-left:1%;}
.safe-bx-area .safe-not-bx .tit{display: block;padding:17px 10px;font-weight: bold;color: #222;font-size: 18px;line-height:normal;border-bottom: 1px solid #222;background:#f5f5f5;text-align:center}
.safe-bx-area .safe-not-bx .safe-list:after{content:"";display:block;clear:both}
.safe-bx-area .safe-not-bx .safe-list > li{float: left;display:table;width:100%;padding:20px 0;}
.safe-bx-area .safe-not-bx .safe-list .ico-bx{position:relative;display:table-cell;height:147px;vertical-align:middle}
.safe-bx-area .safe-not-bx .safe-list .ico-bx:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:#000}
.safe-bx-area .safe-not-bx .safe-list .ico-bx .img{display: block;}
.safe-bx-area .safe-not-bx .safe-list .ico-bx .desc{display: block;margin-top: 5px;}
.safe-bx-area .safe-not-bx .only li{float:none;}
.safe-bx-area .safe-not-bx .safe-list > li:first-child .ico-bx:before{background:none}
.safe-bx-area .safe-not-bx .multi-n4 > li{width: 25%;}
.safe-bx-area .safe-not-bx .multi-n3 > li{width: 33.33333333333333%;}
.safe-bx-area .safe-not-bx .multi-n2 > li{width: 50%;}

.safe-bx-area .safe-not-bx.half{width:100%}
.safe-bx-area .safe-not-bx.half .safe-list >li{width:50%}
.safe-bx-area .safe-not-bx.half .ico-bx{height:124px}
.safe-bx-area .safe-not-bx .ico-bx.safe-hori .img{display:inline-block;vertical-align:middle}
.safe-bx-area .safe-not-bx .ico-bx.safe-hori .bullet{display:inline-block;padding-left:34px;margin:0;vertical-align:middle}