/*-------------------------
 * 메인 페이지
 * - 180409 UI 업데이트 반영
 -------------------------*/

/* 섹션 */
.contentRow {position:relative; max-width:1200px; margin:0 auto; overflow:hidden;}

/* 캐러셀 콤보박스 */
/* .bannerOn .crslCombo {padding:110px 0 46px;} */
.crslCombo, 
.crslComboRecomme{padding:46px 0 38px;}
.crslCombo:after {content:''; clear:both; display:block;}
.crslCombo > .titleWrap{float:left;width:28%;}
.crslCombo > .prdList{float:left;width:72%;position:relative;}
.crslCombo .rear .head,
.crslCombo .rear .foot {text-align:left;}
.crslCombo .title {color:#222; line-height:1.05em; font-size:40px;}
.crslCombo .desc {font-size:18px;line-height:26px;margin-top:16px;color:#666;}
.crslCombo .foot {margin-top:26.67%;}
.crslComboRecomme .foot {margin-top:18.67%;}
.crslCombo .more {margin-top:0;}
.crslCombo .link{display:block;position:relative;}
.crslCombo .num{position:absolute;left:0;top:0;font-size:36px;color:#aaaaaa;line-height:1;}
.crslCombo .head {margin-top:0;}
.crslCombo .head,
.crslCombo .foot {padding:0 15px 0 0;}
.crslCombo .more .btn {padding:10px 24px; border-width:1px;border:1px solid #aaaaaa; font-size:11px;min-width:60px;text-align:center;}

.crslCombo .front .head,
.crslCombo .front .foot {text-align:left;}
.crslCombo .thumb {width:100%;margin:0 auto;}
.crslCombo.crslComboRecomme .thumb img {width:100%;}
.crslCombo .crslNav {display:table;}
.crslCombo .rear .crslNav {margin-left:auto;}
.crslCombo .crslNav:after {content:''; clear:both; display:block;}
.crslCombo .crslNav li {float:left; margin-right:8px;}
.crslCombo .crslNav button {display:inline-block; width:10px; height:10px; text-indent:-200%; overflow:hidden; background:#efefef; border:0 none; border-radius:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.crslCombo .crslNav .slick-active button {background-color:#024137;}

.crslCombo .label {display:block; margin:.25em auto; color:#222; line-height:1.25em; font-size:13px;max-width:82%;}
.crslCombo .price {display:block;font-size:12px;line-height:18px;color:#222222;font-weight:bold;}
.crslCombo .slide {text-align:center;box-sizing:border-box;padding:0 24px;}
.crslCombo .slick-slider{padding:0 15px;}
.crslCombo .textWrap{min-height:54px;display:block;}

.mainSeeAll{position:relative;margin:0 auto;}
.mainSeeAll .pcImg{display:block;height:450px;}
.mainSeeAll .mainSeeAllImg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.mainSeeAll .pcImg.pcImg_AU{display:none;}
/*호주일때*/
.mainSeeAll.mainSeeAll_AU .pcImg{display:none;}
.mainSeeAll.mainSeeAll_AU .pcImg.pcImg_AU{display:block;}
/*모바일일때*/
.mainSeeAll .moImg{display:none;}
/*버튼*/
.seeBtnArea{max-width:1200px;margin:0 auto;height:100%;width:100%;position:absolute;left:0;right:0;top:0;}
.mainSeeAll .btn_go{position:absolute;top:37.85%;right:0;box-sizing:border-box;display:block;width:28%;height:80px;}
.mainSeeAll .btn_go span{position:relative;box-sizing:border-box;display:block;font-size:24px;line-height:80px;padding-left:8.93%;font-weight:bold;color:#222;background:url(../images/main/BG_btnSeeAllOffers.png) repeat;border:1px solid #000;}
.mainSeeAll .btn_go:after{content:'';display:block;width:5px;height:8px;background:url(../images/main/btn_seeAllOffers.png) no-repeat 0 0;position:absolute;top:50%;right:8.93%;margin-top:-4px;}
.mainSeeAll .btn_go:hover span{background:#000;color:#fff;}
.mainSeeAll .btn_go:hover:after{background:url(../images/main/btn_seeAllOffers_on.png) no-repeat 0 0;}

@media screen and (max-width: 1200px){
  .contentRow{padding:0 1.2%;}
  .crslCombo .title{font-size:35px;}
  .crslCombo .desc{margin-top:10px;}
  .crslCombo .num{font-size:30px;}
  .crslCombo .slide {padding:0 12px;}
  .mainSeeAll .btn_go{right:10px;}

}

@media screen and (max-width: 950px){
  .crslCombo .title{font-size:28px;}
  .crslCombo .num{font-size:24px;}
  .mainSeeAll .btn_go span{font-size:16px;}
}

@media screen and (max-width: 768px) {
  .contentRow{padding:0 0%;}
  .mainSeeAll{}
  .mainSeeAll .pcImg{display:none;}
  .mainSeeAll .moImg{display:block;padding-top:49%;}
  .mainSeeAll .moImg.moImg_AU{display:none;}
  .mainSeeAll.mainSeeAll_AU .moImg{display:none;}
  /*호주일때*/
  .mainSeeAll.mainSeeAll_AU .pcImg.pcImg_AU{display:none;}
  .mainSeeAll.mainSeeAll_AU .moImg.moImg_AU{display:block;}
  /*버튼*/
  .seeBtnArea{left:0;top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
  .mainSeeAll .btn_go{margin-top:0;position:relative;top:0;left:0;width:48.28%;height:auto;}
  .mainSeeAll .btn_go span{line-height:1;font-size:22px;padding:11.45% 0 11.45% 10.71%;}
  .mainSeeAll .btn_go span:after{right:10.71%;}
  
  .mobilePadX {margin:0 2.25%;}
  .bannerOn  .crslCombo {padding:30px 0; padding:9.375vw 0;}
  .crslCombo {padding:30px 0; padding:9.375vw 0;}
  .crslCombo > .front,
  .crslCombo > .rear{width:50%; box-sizing:border-box;}
  .crslCombo > .front{float:left;}
  .crslCombo > .rear{float:right;}
  .crslCombo .rear .head,
  .crslCombo .rear .foot {text-align:right;}
  .crslCombo .head,
  .crslCombo .foot {padding:0 15px;}
  .crslCombo .title {font-size:44px;}
  .crslCombo .desc {font-size:24px;line-height:1.05em;margin-top:5px;}
  .crslCombo .foot {margin-top:50px;}
  .crslCombo .more {margin-top:30px;}
  .crslCombo .head {margin-top:30px;}
  .crslCombo .label {font-size:12px;}
  .crslCombo .price {display:none;}
  .crslCombo .num {display:none;}
  .crslCombo .more .btn {padding:.55em 1.5em;font-size:22px;border:2px solid #222;}
  .crslCombo .label {max-width:75%; font-size:24px;}
  .crslCombo .slick-slider{padding:0;}
  .crslCombo .textWrap{min-height:auto;}
  
  .crslCombo .arrow{display:none;}
  /*whats new*/
  .mainJustin .crslNav{display:none;}
  .mainJustin .foot{margin-top:66px;}
}

@media screen and (max-width:640px) {
  .crslCombo .foot {margin-top:38px;}
  .mainJustin .foot{margin-top:54px;}
  .crslCombo .title {font-size:29px;}
  .crslCombo .desc {font-size:18px;}
  .crslCombo .more {margin-top:20px;}
  .crslCombo .more .btn {font-size:17px;}
  .crslCombo .label {font-size:18px;}
  .mainSeeAll .btn_go span{font-size:16px;}
}
@media screen and (max-width:480px) {
  .crslCombo .head {margin-top:15px;}
  .crslCombo .head,
  .crslCombo .foot {padding:0 10px;}
  .crslCombo .foot {margin-top:37px;}
  .mainJustin .foot{margin-top:53px;}
  .crslCombo .title {font-size:20px;letter-spacing:-0.03em;}
  .crslCombo .desc {font-size:12px;}
  .crslCombo .more {margin-top:15px;}
  .crslCombo .more .btn {border-width:1px; font-size:11px;}
  .crslCombo .label {font-size:12px;}
  .mainSeeAll .btn_go span{font-size:12px;}
}
@media screen and (max-width:360px) {
  .crslCombo .title {font-size:19px;}
}

/* 풀 블리드 배너 */
.fbBanner {position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;}
.fbBanner .cont {position:absolute; top:0; left:0; width:100%; height:100%; color:inherit;}
.fbBanner .contInner {display:table; width:100%; height:100%; color:inherit;}
.fbBanner .contCenter {position:relative; display:table-cell; vertical-align:middle; text-align:center; color:inherit;}
.fbBanner .head {display:table; margin:0 auto; color:inherit;}
.fbBanner .title {margin-bottom:3px; font-size:28px;}
.fbBanner .divider {width:15px; margin:10px auto; border-top:1px solid currentColor;}
.fbBanner .desc {margin-top:3px; font-size:20px;}
.fbBanner .more {margin-top:20px;}
.fbBanner .more .btn {padding-top:.6em; padding-bottom:.6em; border-width:2px; font-size:22px;}

@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
  .fbBanner .title {font-size:20px;}
  .fbBanner .desc {font-size:15px;}
  .fbBanner .more .btn {font-size:16px;}
}
@media screen and (max-width:480px) {
  .fbBanner .title {font-size:14px;}
  .fbBanner .desc {font-size:10px;}
  .fbBanner .more .btn {border-width:1px; font-size:11px;}
}

/* ? */
#wrap.mainVisualOver {height:auto !important;}
#wrap.mainVisualOver .mainVisual {}
#wrap.mainVisualOver #mainScrollArea  {position:relative;}
#wrap #mainScrollArea {position:fixed; left:0; top:0; width:100%;}

/* 메인 비주얼 */
.mainVisualWrap {overflow:hidden; position:absolute; left:0; top:70px; width:100%; /* height:100%; */ height: calc( 100% - 70px ); background:#ffffff; z-index:100;}
.mainVisual {position:relative; width:100%; height:100%;}
.mainVisual ul {position:relative; overflow:hidden; width:100%; height:100%;}
.mainVisual ul li {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
.mainVisual ul li .bg {position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mainVisual ul li .img {max-height:100%;}
.mainVisual ul li .img img {position:relative; left:50%; max-width:none; height:100%;}
.mainVisual ul li .cont {position:absolute; left:0; bottom:9%; width:100%; text-align:center; z-index:5;}
.mainVisual ul li .cont .txt {margin:0 2%;}
/* .mainVisual ul li .cont .txt .title {line-height:1; font-size:50px; font-weight:bold; color:#ffffff;}
.mainVisual ul li .cont .txt .desc {display:inline-block; min-width:213px; margin-top:22px; padding:12px 20px 0; font-size:18px; font-weight:bold; color:#ffffff; border-top:1px solid #ffffff;} */
.mainVisual ul li .cont .txt .title {display:inline-block; padding:0 20px 22px 20px; margin-bottom:12px; border-bottom:1px solid #fff; line-height:1; font-size:50px; font-weight:bold; color:#ffffff;}
.mainVisual ul li .cont .txt .desc {display:block; min-width:213px; margin-top:0; padding:0; font-size:18px; font-weight:bold; color:#ffffff; border-top:0;}
.mainVisual ul li .cont .btn {margin-top:27px;}
.mainVisual ul li .cont .btn a {display:inline-block; overflow:hidden; position:relative; min-width:104px; padding:0 10px; line-height:38px; font-size:14px; font-weight:bold; color:#ffffff; border:1px solid #ffffff; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.mainVisual ul li .cont .btn a span {display:block; position:relative;}
.mainVisual ul li .cont .btn a .cover {position:absolute; left:0; top:100%; width:100%; height:100%;}
.mainVisual ul li .cont.txtColorType1 .btn a {color:#ffffff;}
.mainVisual ul li .cont.txtColorType1 .btn a .cover {background:#ffffff}
.mainVisual ul li .cont.txtColorType1 .btn a:hover {color:#222222;}
.mainVisual ul li .cont.txtColorType2 .btn a {color:#222222; border:1px solid #222222;}
.mainVisual ul li .cont.txtColorType2 .btn a .cover {background:#222222}
.mainVisual ul li .cont.txtColorType2 .btn a:hover {color:#ffffff;}
.mainVisual ul li .cont.txtColorType2 .txt .desc {border-color:#222222;}
.mainVisual ul li .cont.txtColorType2 .txt .title {border-color:#222222;}
.mainVisual .slick-list,
.mainVisual .slick-track {height:100%;}
/* .bannerOn.pcWrap .mainVisual ul li .bg{top:42px;} */
/*
.mainVisual.wideVisual {}
.mainVisual.wideVisual ul li .img {}
.mainVisual.wideVisual ul li .img img {left:0; top:50%; width:100%; height:auto; max-height:none;}
*/
.mainVisualNavi {position:absolute; left:0; top:50%; width:100%; z-index:6;}
.mainVisualNavi .btnArea {position:relative; max-width:1200px; margin:0 auto;}
.mainVisualNavi .btnArea .btnPrev {position:absolute; left:0; top:0;}
.mainVisualNavi .btnArea .btnNext {position:absolute; right:0; top:0;}

/*
#flicking.mainVisual ul li {float:left; position:relative; opacity:1; filter:alpha(opacity=100);}
#flicking.mainVisual ul li .img img {left:0; margin-left:0 !important; opacity:0 !important;}
#flicking.mainVisual ul li .cont {bottom:7%; transform:scale(0.67); -webkit-transform:scale(0.67); -ms-transform:scale(0.67); -o-transform:scale(0.67); -moz-transform:scale(0.67);
transform-origin:50% 100%;  -webkit-transform-origin:50% 100%;  -ms-transform-origin:50% 100%;  -o-transform-origin:50% 100%;  -moz-transform-origin:50% 100%;
}
#flicking.mainVisual ul li .cont .txt {margin:0 -20%;}

.language_L012 #flicking.mainVisual ul li .cont {bottom:7%; transform:scale(0.58); -webkit-transform:scale(0.58); -ms-transform:scale(0.58); -o-transform:scale(0.58); -moz-transform:scale(0.58);}
.language_L012 #flicking.mainVisual ul li .cont .txt {margin:0 -28%;}
*/

.mainVisualPages {position:absolute; bottom:3%; left:0; display:block; width:100%; z-index:6; text-align:center;}
.mainVisualPages .slick-dots {display:table; margin:0 auto; font-size:0; line-height:0;}
.mainVisualPages .slick-dots li {display:inline-block;}
.mainVisualPages .slick-dots button {display:inline-block; width:10px; height:10px; margin:0 4px; overflow:hidden; background:rgba(255,255,255,.6); border:0 none; border-radius:100%; text-indent:-200%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.mainVisualPages .slick-dots .slick-active button {background-color:white;}

@media screen and (max-width:1260px){
  .mainVisualNavi .btnArea {margin:0 2%;}
}
@media screen and (max-width: 768px){
  #wrap #mainScrollArea {position:static !important;}
  .mainVisualWrap {position:relative;top:40px;}
  .mainVisualWrap:before {content:''; display:block; padding-bottom:122.65625%;}/* 640x785 */
  .mainVisual{position:absolute; top:0; left:0;}
  .mainVisual ul li {}
  .mainVisual ul li .img {}
  .mainVisual ul li .cont {bottom: 11%;}
  .mainVisual ul li .cont .txt .title {font-size:40px;}
  .mainVisual ul li .cont .txt .desc {padding-top:0; border-top:0 none; font-size:16px;}/* [180404] 구분선 삭제 */
  .mainVisual ul li .cont .btn {margin-top:20px;}
  .mainVisual ul li .cont .btn a {line-height:34px; border-radius:2px;}
  .mainVisualNavi {top:52%;}
  .mainVisualNavi .btnArea .btnPrev {width:22px;}
  .mainVisualNavi .btnArea .btnNext {width:22px;}
  .mainVisualPages {position:absolute; bottom:3%; left:0; display:block; width:100%; z-index:6; text-align:center;}
  .mainVisualPages .slick-dots {display:table; margin:0 auto; font-size:0; line-height:0;}
  .mainVisualPages .slick-dots li {display:inline-block;}
  .mainVisualPages .slick-dots button {display:inline-block; width:10px; height:10px; margin:0 4px; overflow:hidden; background:rgba(255,255,255,.6); border:0 none; border-radius:100%; text-indent:-200%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
  .mainVisualPages .slick-dots .slick-active button {background-color:white;}
}
@media screen and (max-width: 640px){
  .mainVisual ul li .bg {top:-10vw; right:-10vw; left:-10vw;}
  .mainVisual ul li .cont .txt .title {border:0;margin-bottom:2%;padding:0 0 2% 0;font-size:26px;}
  .mainVisual ul li .cont .txt .title font {font-size: 15px !important;letter-spacing: -0.5px;}
  .mainVisual ul li .cont .txt .desc {font-size:12px;}

  .mainVisualNavi {top:48%;}
  .mainVisualNavi .btnArea .btnPrev {width:16px;}
  .mainVisualNavi .btnArea .btnNext {width:16px;}
  
  /*20181011 메인 LEARN MORE 이벤트 사파리 브라우저 이슈 사항
  .mainVisual ul li .cont .btn a .cover{display: none;}
  .mainVisual ul li .cont.txtColorType1 .btn a:hover {color:#fff;}
  .mainVisual ul li .cont.txtColorType2 .btn a:hover {color:#222;}
  20181011*/
}

/* 베스트 */
.mainBest {}

/* 혜택 이벤트 */
.mainEvent .fbBanner {padding-bottom: 54.48276%; color:white; background-image:url('../images/main/offers_event.jpg');}

/* 저스트인 */
.mainJustin {}

/*화살표*/
.crslCombo .arrow a{display:block;position:absolute;top:50%;margin-top:-14px;}
.crslCombo .arrow a.btnLeft{left:0;}
.crslCombo .arrow a.btnRight{right:0;}
@media screen and (max-width:768px) {
  .mainJustin .arrow a{display:none;}
  .mainJustin {margin-top:40px}
}
/* 베스트
.mainBest .more {position:absolute; right:0; top:35px;}
.mainBest .more a {text-decoration:underline; font-size:12px; font-weight:bold; color:#666666;}
.mainBest .listWrap {position:relative;}
.mainBest .listWrap .btnPrev {display:none; position:absolute; left:0; top:40%; margin-top:-20px; z-index:5;}
.mainBest .listWrap .btnNext {display:none; position:absolute; right:0; top:40%; margin-top:-20px; z-index:5;}
.mainBest .listWrap .btnPrev:hover {background:#f5f5f5;}
.mainBest .listWrap .btnNext:hover {background:#f5f5f5;}
.mainBest .listWrap .list {}
.mainBest .listWrap .list:after {content:''; display:block; clear:both;}
.mainBest .listWrap .list ul {float:left; position:relative;}
.pcWrap .mainBest .listWrap .list {width:auto !important;}
.pcWrap .mainBest .listWrap .list ul {width:auto !important; left:0 !important; transform:translate(0px, 0px) translateZ(0px) !important;}
.pcWrap .mainBest .listWrap .list ul:nth-of-type(3) {display:none;}
.pcWrap .mainBest .listWrap .list ul:nth-of-type(4) {display:none;}
.mainBest .listWrap .list ul li {float:left; position:relative; width:272px; margin-right:36px;}
.mainBest .listWrap .list ul li.last-child {margin-right:0;}
.mainBest .listWrap .list ul li a {display:block; position:relative;}
.mainBest .listWrap .list ul li .no {position:absolute; left:0; top:0; width:70px;}
.mainBest .listWrap .list ul li .thumb {display:block; text-align:center;}
.mainBest .listWrap .list ul li .name {display:block; margin-top:10px; text-align:center; line-height:1.4; font-size:13px; color:#222222;}
.mainBest .listWrap .list ul li .point {display:block; margin-top:5px; text-align:center; font-size:12px; font-weight:bold; color:#666666;}
.mainBest .listWrap .list ul li .point img {height:15px;}
.mainBest .listWrap .list ul li .price {display:block; margin-top:8px; text-align:center; font-size:12px; font-weight:bold; color:#222222;}
.mainBest .listWrap .list ul li .desc {margin-top:3px; text-align:center; line-height:1.4; font-size:13px; color:#666666}
.mainBest .listWrap .list ul li .desc img {position:relative; top:-1px;}
.mainBest .listWrap .list ul li .desc span {display:inline-block; padding-left:20px; background:url(../images/main/BG_mainPdtDesc.gif) no-repeat left 2px;}
@media screen and (max-width: 1220px){
.mainBest .more {position:absolute; right:2%;}
.mainBest .listWrap .list {}
.mainBest .listWrap .list ul {width:50%;}
.pcWrap .mainBest .listWrap .list ul {width:50% !important;}
.mainBest .listWrap .list ul li {width:50%; margin-right:0;}
.mainBest .listWrap .list ul li a {margin:0 4.5%;}
}
@media screen and (max-width: 768px){
.mainBest {margin-top:5%; padding-top:0;}
.mainBest .more {display:none;}
.mainBest .listWrap {}
.mainBest .listWrap .btnPrev {display:block;}
.mainBest .listWrap .btnNext {display:block;}
.mainBest .listWrap .list {position:relative;}
.mainBest .listWrap .list ul {width:100%;}
.mainBest .listWrap .list ul li {width:50%;}
.mainBest .listWrap .list ul li .no {width:20%;}
.mainBest .listWrap .list ul li:nth-of-type(1) {display:block;}
.mainBest .listWrap .list ul li:nth-of-type(2) {display:block;}
.mainBest .listWrap .list ul.ul2 {position:absolute; left:100%; top:0; width:100%;}
#flicking2 .list ul {position:relative !important;}
}
*/

/* 영상,이벤트
.mainEvent {overflow:hidden; max-width:1200px; margin:35px auto 0;}
.mainEvent .eventL {float:left;}
.mainEvent .eventR {float:right;}
.mainEvent .eventUnit {position:relative; width:48.5%;}
.mainEvent .eventUnit ul {overflow:hidden; position:relative;}
.mainEvent .eventUnit ul li {position:absolute; left:0; top:0; width:100%; opacity:0; filter:alpha(opacity=0);}
.mainEvent .eventUnit ul li.on {position:relative; z-index:3;}
.mainEvent .eventUnit ul li .thumb {position:relative; padding-top:54.4%;}
.mainEvent .eventUnit ul li .thumb img {position:absolute; left:0; top:0; width:100%; height:100%;}
.mainEvent .eventUnit ul li .thumb iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.mainEvent .eventUnit ul li .title {position:absolute; left:6%; top:9%; font-size:14px; color:#ffffff;}
.mainEvent .eventUnit ul li .txt {position:absolute; left:6%; bottom:15%; font-size:13px; color:#ffffff;}
.mainEvent .eventUnit ul li .txt .p {font-size:13px; color:#ffffff;}
.mainEvent .eventUnit ul li .txt .p2 {margin-top:5px;}
.mainEvent .eventUnit .navi {position:absolute; left:0; bottom:7%; width:100%; text-align:center; line-height:0; font-size:0; z-index:4;}
.mainEvent .eventUnit .navi a {display:inline-block; overflow:hidden; width:14px; height:14px; margin:0 4px; vertical-align:middle; border-radius:50%; background:#cececf;}
.mainEvent .eventUnit .navi a.on {background:#235e39;}
.mainEvent .eventUnit .navi a span {line-height:0; font-size:0; opacity:0;}
@media screen and (max-width: 768px){
.mainEvent .eventUnit {float:none; width:auto; margin:2.25%;}
}
@media screen and (max-width: 640px){
.mainEvent .eventUnit .navi a {width:10px; height:10px;}
}
*/

/* JEJU BENEFIT */
.mainJeju .fbBanner {height:450px; margin-top:35px; color:white; background-image: url('/resources/images/main/BG_jeju.jpg'); background-attachment:fixed;}

@media screen and (max-width:768px) {
  .mainJeju {padding-top:49%;}
  .mainJeju .fbBanner {height:0; margin-top:1%; padding-top:49.21875%; background-attachment:inherit; background-size:150% auto; background-position: center 75%;}
}
/* JEJU BENEFIT
.mainJeju {position:relative; height:450px; margin-top:35px; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mainJeju .cont {position:absolute; left:0; top:50%; width:100%; margin-top:-60px; text-align:center;}
.mainJeju .cont .txt {line-height:1.4; font-size:18px; color:#fffefe;}
.mainJeju .cont .txt strong {font-size:26px;}
.mainJeju .cont .txt a {color:#fffefe;}
.mainJeju .cont .more {margin-top:30px;}
.mainJeju .cont .more a {display:inline-block; padding:0 20px; line-height:28px; font-size:11px; font-weight:bold; color:#ffffff; border:1px solid #ffffff;}
.mainJeju .cont .more a:hover {color:#222222; background:#ffffff;}
.mainJeju .mLink {display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
.mainJeju .mLink span {opacity:0; filter:alpha(opacity=0); line-height:0; font-size:0;}
@media screen and (max-width: 768px){
.mainJeju {height:0; margin-top:1%; padding-top:40%; background-attachment:inherit; background-size:150% auto;}
.mainJeju .cont {margin-top:-20px;}
.mainJeju .cont .txt {font-size:12px;}
.mainJeju .cont .txt strong {font-size:18px;}
.mainJeju .cont .more {display:none;}
.mainJeju .mLink {display:block;}
}
*/

/* 공지
.mainBbs {overflow:hidden; max-width:1200px; margin:40px auto 0;}
.mainBbs .bbsL {float:left; width:48.5%;}
.mainBbs .bbsL .bbsCont {position:relative; min-height:101px; padding-left:130px;}
.mainBbs .bbsL .bbsCont .thumb {position:absolute; left:0; top:0; width:101px;}
.mainBbs .bbsL .bbsCont .cate {font-size:13px; color:#222222;}
.mainBbs .bbsL .bbsCont .title {margin-top:15px; font-size:18px; color:#222222;}
.mainBbs .bbsL .bbsCont .txt {margin-top:7px; font-size:13px; color:#666666;}
.mainBbs .bbsL .bbsCont .txt.tw_lang{font-family:'新宋体';}
.mainBbs .bbsL .bbsCont .more {margin-top:13px; }
.mainBbs .bbsL .bbsCont .more a {text-decoration:underline; font-size:12px; font-weight:bold; color:#666666;}
.mainBbs .bbsL .notice {}
.mainBbs .bbsL .store {margin-top:45px; padding-top:30px; border-top:1px solid #ebebeb;}
.mainBbs .bbsL .store .thumb {top:30px;}
.mainBbs .bbsR {float:right; width:48.5%;}
.mainBbs .bbsR .inniFinder {height:250px; padding-top:80px; text-align:center; background:url(../images/main/BG_inniFinder.jpg) no-repeat center center; background-size:cover;}
.mainBbs .bbsR.jp_finder .inniFinder {background:url(../images/main/BG_inniFinder_jp.jpg) no-repeat center center; border: 1px solid #EBEBEB; background-size:cover;}
.mainBbs .bbsR.jp_finder .inniFinder .title{font-family: DFGothic; background:none;}

.mainBbs .bbsR .inniFinder .title {padding-top:45px; font-size:18px; font-weight:bold; color:#222222; background:url(../images/main/BG_finder.png) no-repeat center top;}
.mainBbs .bbsR .inniFinder .txt {margin-top:12px; line-height:1.4; font-size:13px; color:#666666;}
.mainBbs .bbsR .inniFinder .btn {margin-top:28px;}
.mainBbs .bbsR .inniFinder .btn a {display:inline-block; padding:0 30px; line-height:28px; font-size:11px; font-weight:bold; color:#222222; border:1px solid #222222;}
.mainBbs .bbsR .inniFinder .btn a:hover {color:#ffffff; background:#222222;}
@media screen and (max-width: 1220px){
.mainBbs {margin:2% 1.1% 0;}
}
@media screen and (max-width: 768px){
.mainBbs {margin:2% 0 0;}
.mainBbs .bbsL {float:none; width:auto; margin:2.25%;}
.mainBbs .bbsR {float:none; width:auto; margin:7% 2.25% 2.25%;}
}
@media screen and (max-width: 640px){
.mainBbs .bbsL {overflow:hidden;}
.mainBbs .bbsL .bbsCont {padding:0;}
.mainBbs .bbsL .bbsCont .thumb {position:static;width: 45%;margin-right: 5%;float: left;}
.mainBbs .bbsL .bbsCont .thumb img {width:100%;}
.mainBbs .bbsL .bbsCont .cate {margin-top:0;}
.mainBbs .bbsL .bbsCont .title{margin-top:5px; font-size:14px;}
.mainBbs .bbsL .bbsCont .txt{font-size:12px;}
.mainBbs .bbsL .notice {float:left; width:100%; margin-bottom:5%;}
.mainBbs .bbsL .store {float:left; width:100%; margin:0; border:none;}
.mainBbs .bbsL .bbsCont .more{text-align:right;}
.mainBbs .bbsR .inniFinder {height:auto; padding:11% 7%;}
}
*/

/* 퀵메뉴
.quickMenu {overflow:hidden; position:relative; max-width:1200px; margin:40px auto 0;}
.quickMenu .quickMenuList {width:31.3%; height:290px;}
.quickMenu .quickMenuList1 {position:absolute; left:0; top:0; background:url(../images/main/BG_quickMenu1.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList2 {margin:0 auto; background:url(../images/main/BG_quickMenu2.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList3 {position:absolute; right:0; top:0; background:url(../images/main/BG_quickMenu3.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList .cont {padding:70px 50px 0 13%;}
.quickMenu .quickMenuList .cate {font-size:14px; font-weight:bold; color:#ffffff;}
.quickMenu .quickMenuList .cate a {color:#ffffff;}
.quickMenu .quickMenuList .title {margin-top:8px; font-size:26px; font-weight:bold; color:#ffffff;}
.quickMenu .quickMenuList .title a {color:#ffffff;}
.quickMenu .quickMenuList .btn {margin-top:40px;}
.quickMenu .quickMenuList .btn a {display:inline-block; width:109px; text-align:center; line-height:28px; font-size:11px; font-weight:bold; color:#ffffff; border:1px solid #ffffff;}
.quickMenu .quickMenuList .btn a:hover {color:#222222; background:#ffffff;}
@media screen and (max-width: 800px){
.quickMenu .quickMenuList .cont br {display:none;}
}
@media screen and (max-width: 768px){
.quickMenu {margin:0.5% 2.25% 0;}
.quickMenu .quickMenuList {position:relative; width:100%; height:auto; min-height:50px; margin-top:3%; padding-top:33%;}
.quickMenu .quickMenuList1 {margin-top:0; background:url(../images/main/BG_quickMenu1_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList2 {background:url(../images/main/BG_quickMenu2_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList3 {background:url(../images/main/BG_quickMenu3_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList .cont {position:absolute; left:8%; top:50%; width:84%; margin-top:-43px; padding:0;}
.quickMenu .quickMenuList .btn {display:none;}
}

2016-12-19 오픈 퀵메뉴
.quickMenu {overflow:hidden; position:relative; max-width:1200px; margin:40px auto 0;}
.quickMenu:after{content:''; display:block; clear:both; }
.quickMenu .quickMenuList {float:left;position:static;width:24.3%;height: 290px;margin-left:0.9%;}
.quickMenu .quickMenuList1 {margin-left:0; background:url(../images/main/BG_quickMenu1.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList2 {background:url(../images/main/BG_quickMenu2.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList3 {background:url(../images/main/BG_quickMenu3.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList4 {background:url(../images/main/BG_quickMenu4.jpg) no-repeat right top; background-size:auto 100%;}
.quickMenu .quickMenuList .cont {padding:70px 50px 0 7%;}
.quickMenu .quickMenuList .cate {font-size:14px; font-weight:bold; color:#ffffff;}
.quickMenu .quickMenuList .cate a {color:#ffffff;}
.quickMenu .quickMenuList .title {margin-top:18px; font-size:22px; font-weight:bold; color:#ffffff;}
.quickMenu .quickMenuList .title a {color:#ffffff;}
.quickMenu .quickMenuList .btn {margin-top:40px;}
.quickMenu .quickMenuList .btn a {display:inline-block; width:109px; text-align:center; line-height:28px; font-size:11px; font-weight:bold; color:#ffffff; border:1px solid #ffffff;}
.quickMenu .quickMenuList .btn a:hover {color:#222222; background:#ffffff;}

.id_quickMenu .quickMenuList {width: 31.34%;margin-left: 2.98%;}
.id_quickMenu .quickMenuList1 {margin-left:0;background: url(../images/main/BG_quickMenu1.jpg) no-repeat right top;background-size:auto 100%;}
.id_quickMenu .quickMenuList2 {background: url(../images/main/BG_quickMenu2.jpg) no-repeat right top;background-size:auto 100%;}
.id_quickMenu .quickMenuList3 {background: url(../images/main/BG_quickMenu3.jpg) no-repeat right top;background-size:auto 100%;}


@media screen and (max-width: 800px){
.quickMenu .quickMenuList .cont br {display:none;}
}
@media screen and (max-width: 768px){
.quickMenu {margin:0.5% 2.25% 0;}
.quickMenu .quickMenuList {position:relative; width:100%; height:auto; min-height:50px; margin-top:3%; padding-top:33%;}
.quickMenu .quickMenuList1 {margin-top:0; background:url(../images/main/BG_quickMenu1_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList2 {background:url(../images/main/BG_quickMenu2_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList3 {background:url(../images/main/BG_quickMenu3_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList4 {background:url(../images/main/BG_quickMenu4_640.jpg) no-repeat right center; background-size:100% auto;}
.quickMenu .quickMenuList .cont {position:absolute; left:8%; top:50%; width:84%; margin-top:-43px; padding:0;}
.quickMenu .quickMenuList .btn {display:none;}
.id_quickMenu .quickMenuList {margin-left:0;}

}
*/

/* 기타 */
.mBr{display:none;}

@media screen and (max-width: 768px) {
  .mBr{display:inline-block;}
  }