/* 팝업 슬라이더 */
.popup_slider { position:relative; margin-bottom:2px; }
.popup_slider .swiper-slide img { width:100%; cursor:pointer; }
.popup_slider.swiper .page_btn { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding-top:0; z-index:1; }
.popup_slider.swiper .page_btn [ class^="swiper-button-"] { box-shadow:0 0 14px rgba(0,0,0,0.3); }
.popup_slider.swiper .page_btn .swiper-button-prev { left:10px; background:url('../images/main_new/slide_prev_black.png') center #fff no-repeat; }
.popup_slider.swiper .page_btn .swiper-button-next { right:10px; background:url('../images/main_new/slide_next_black.png') center #fff no-repeat; }

.main_visual video { width:100%; }

.special_slider { position:relative; }
.mct_special .swiper .page_btn.bottom { bottom:10px; width:500px; }
.mct_special .swiper .page_btn .swiper-pagination { width:200px; }
.mct_special [class^="swiper-button-"] { margin-top:-240px; }

.mct_dr { position:relative; }
.mct_dr .dr_slider { position:absolute; left:0; bottom:0; width:100%; }
.mct_dr .page_btn { position:absolute; left:50%; bottom:40%; transform:translateX(-50%); width:90%; z-index:1; }
.mct_dr [class^="swiper-button-"] { margin-top:-100px; }

.mct_intro { position:relative; }
.mct_intro [class^="item0"] .txt { padding:90px 40px; }
.mct_intro p.label { font-family:'Gmarket Sans'; font-size:28px; font-weight:bold; color:#c2c2c2; }
.mct_intro h2 { padding-top:28px; line-height:1.3; font-size:58px; font-weight:200; letter-spacing:-2px; }
.mct_intro h2 + p { padding-top:40px; font-size:28px; line-height:1.5; word-break:keep-all; }
.mct_intro ul + p { padding-top:40px; font-size:24px; line-height:1.4; word-break:keep-all; }
.mct_intro ul { display:flex; margin-top:50px; }
.mct_intro li { display:flex; width:130px; height:130px; margin-left:14px; border-radius:130px; text-align:center; align-items:center; }
.mct_intro li:nth-child(1) { background-color:#b1333d; margin-left:0; }
.mct_intro li:nth-child(2) { background-color:#403d3d; }
.mct_intro li:nth-child(3) { background-color:#929899; }
.mct_intro li:nth-child(4) { background-color:#d0ac56; }
.mct_intro li:nth-child(5) { background-color:#5d9b36; }
.mct_intro li p { width:100%; padding-top:10px; line-height:1.3; font-family:'Gmarket Sans'; font-size:22px; color:#fff; }
.mct_intro .img img { width:100%; }
.mct_intro .item01 ul { width:90%; margin-left:auto; margin-right:auto; flex-wrap:wrap; justify-content:center; }
.mct_intro .item01 li { display:inline-flex; }
.mct_intro .item01 li:nth-child(4) { margin-left:0; margin-top:18px; }
.mct_intro .item01 li:nth-child(5) { margin-top:18px; }

.why_slider:after { position:absolute; left:50%; top:-1px; transform:translateX(-50%); display:block; width:0px; height:0px; border-top:30px solid #fafbfb; border-left:22px solid transparent; border-right:22px solid transparent; z-index:1; content:''; }

.mct_treat { position:relative; overflow:hidden; }
.mct_treat ul { display:flex; flex-wrap: wrap; padding:0 10px; }
.mct_treat li { position:relative; padding:10px; }
.mct_treat li a { position:absolute; left:10px; top:10px; display:block; width:calc(100% - 20px); height:calc(100% - 20px); -webkit-tap-highlight-color : transparent !important; z-index:3; }
.mct_treat li .img { border-radius:24px; overflow:hidden; }
.mct_treat li .img img { width:100%; transition:ease-out 0.5s; }
.mct_treat li .txt { position:absolute; left:14px; top:50%; width:calc(100% - 28px); transform:translateY(-50%); padding-left:40px; z-index:2; }
.mct_treat li p { color:#fff; font-size:26px; font-weight:300; letter-spacing:-0.5px; line-height:1.3; }
.mct_treat li h3 { display:inline-block; padding-top:8px; color:#fff; font-size:44px; font-weight:bold; border-bottom:2px solid #fff; }

.mct_bna { padding-bottom:100px; }
.mct_bna .bna_tab { margin-bottom:60px; padding:0 20px; }
.mct_bna .bna_tab ul { display:flex; }
.mct_bna .bna_tab li { width:25%; border:1px solid #ddd; border-left:0; }
.mct_bna .bna_tab li a { display:block; height:70px; padding-top:21px; font-size:28px; text-align:center; color:#999; box-sizing:border-box; -webkit-tap-highlight-color : transparent !important; }
.mct_bna .bna_tab li:first-child { border-left:1px solid #ddd; }
.mct_bna .bna_tab li.on { border:3px solid #c82c3d; }
.mct_bna .bna_tab li.on a { color:#c82c3d; font-weight:500; padding-top:19px; }
.mct_bna .btn_more { display:block; width:360px; height:70px; line-height:70px; margin:50px auto 0; font-size:28px; font-weight:500; color:#fff; text-align:center; background-color:#939595; border-radius:60px; transition:ease-out 0.3s; }
.mct_bna .btn_more:hover { background-color:#444; transition:ease-out 0.3s; }

.bna_slider { padding:0 20px; }
.bna_slider .swiper-slide { background-color:#f7f7f7; padding:20px 18px 0; box-sizing:border-box; }
.bna_slider [class^="img_"] { position:relative; }
.bna_slider [class^="img_"] p { position:absolute; left:0; top:0; width:90px; height:32px; line-height:34px; font-size:19px; font-weight:500; color:#fff; background-color:#111; text-align:center; }
.bna_slider [class^="img_"] img { width:100%; }
.bna_slider .img_before:after { position:absolute; left:50%; bottom:-24px; transform:translateX(-50%); display:block; width:47px; height:47px; border-radius:47px; background:url('../images/main_new/bna_arrow.png') center 57% #fff no-repeat; box-shadow:0 0 18px rgba(0,0,0,0.4); z-index:1; content:''; }
.bna_slider .img_after { margin-top:3px; }
.bna_slider .img_after p { background-color:#b1333d; font-weight:600; }
.bna_slider .bna_info { padding:24px; text-align:center; word-break:keep-all; }
.bna_slider .bna_info p { font-size:24px; font-weight:bold; line-height:1.3; word-break:keep-all; }
.bna_slider .bna_info p + span { display:block; padding-top:4px; font-size:20px; line-height:1.3; color:#777; }
.bna_slider [class^="swiper-button-"] { top:158px; transform:translateY(0); width:60px; height:60px; }
.bna_slider .swiper-button-prev { left:10px; background:url('../images/main_new/slide_prev_wh.png') center #111 no-repeat; }
.bna_slider .swiper-button-next { right:10px; background:url('../images/main_new/slide_next_wh.png') center #111 no-repeat; }