@charset "euc-kr";

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');

/* VIP¶ó¿îÁö */
.vip_lounge_wrap *{line-height:1; box-sizing:border-box;}

.vip_lounge_wrap .top_visual{height:350px; padding:110px 0 113px; background:url(/images/community/bg_visual_lounge.jpg) no-repeat center top; text-align:center;}
.vip_lounge_wrap .top_visual h3{font-size:41px; color:#000;}
.vip_lounge_wrap .top_visual p{margin-top:20px; font-size:19px; color:#010101; line-height:33px;}

.vip_lounge_wrap .vip_check{position:relative; height:116px; background:url(/images/community/bg_lounge_vip.jpg) no-repeat 50% 50%; text-align:center;}
.vip_lounge_wrap .vip_check .btn_check{position:absolute; left:50%; top:50%; margin-left:226px; transform: translateY(-50%);}
.vip_lounge_wrap .vip_check .btn_check span{display:block; width:240px; background:#e8e1da; border:3px solid #b29d86; border-radius:5px; font-size:16px; font-weight:700; color:#653a0c; line-height:50px;}

.vip_benefit_info{width:1100px; margin:0 auto; text-align:center; letter-spacing:-0.05em;}
.vip_benefit_info h4{font-size:35px; font-weight:700; color:#1e1e1e;}
.vip_benefit_info h5{padding:60px 0 20px; font-size:19px; font-weight:700; color:#111; text-align:left;}
.vip_benefit_info h5 span{color:#cb8d0a;}
.vip_benefit_info .tit{padding:90px 0 80px;}
.vip_benefit_info .tit p{margin-top:30px; font-size:16px; color:#585858;}

.vip_benefit_info .tab_wrap ul{font-size:0;}
.vip_benefit_info .tab_wrap li{display:inline-block; padding:0 30px;}
.vip_benefit_info .tab_wrap li span{display:inline-block; padding:10px 0; font-size:22px; color:#767676; border-bottom:2px solid #fff; cursor:pointer;}
.vip_benefit_info .tab_wrap li.on span{font-weight:700; color:#000; border-color:#cb8d0a;}

.vip_benefit_info .tab_wrap.fixed{position:fixed; left:0; right:0; top:0; background:#fff; border-bottom:1px solid #dcdcdc; z-index:1;}
.vip_benefit_info .tab_wrap.fixed + .section_wrap{margin-top:44px;}

.vip_benefit_info .section_wrap{padding-bottom:100px;}
.vip_benefit_info .section_wrap > div{display:none;}
.vip_benefit_info .section_wrap > div:nth-child(1){display:block;}

.vip_benefit_info .period{overflow:hidden; margin-top:50px; border:1px solid #dcdcdc;}
.vip_benefit_info .period dl{float:left; width:50%; padding:67px 0 65px;}
.vip_benefit_info .period dl + dl{border-left:1px solid #dcdcdc;}
.vip_benefit_info .period dt{margin-bottom:26px; font-size:19px; font-weight:700; color:#cb8d0a;}
.vip_benefit_info .period dd{font-size:17px; color:#676766; line-height:33px;}
.vip_benefit_info .period dd span{display:block; color:#b0b0b0; line-height:33px;}

.vip_benefit_info .tbl{width:100%; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.vip_benefit_info .tbl th{background:#f4f4f4;}
.vip_benefit_info .tbl th, .vip_benefit_info .tbl td{padding:15px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:16px; color:#111; line-height:25px;}
.vip_benefit_info .tbl td span{display:block; font-size:12px; color:#666; line-height:18px;}

.vip_benefit_info .guide_txt{margin-top:60px; padding:30px 40px; border:1px solid #dcdcdc; background:#f4f4f4; text-align:left;}
.vip_benefit_info .guide_txt h5{padding:0 0 15px; text-align:center;}
.vip_benefit_info .guide_txt li{font-size:15px; color:#676766; line-height:31px;}

.vip_benefit_info .benefit_info{padding:10px 0 0; text-align:left;}
.vip_benefit_info .benefit_info dl{position:relative; margin-bottom:60px; padding:10px 0 0 210px;}
.vip_benefit_info .benefit_info dl:before{content:''; position:absolute; left:36px; top:0; width:130px; height:130px; background:url(/_Img/Content/icon_lounge_spr.png) no-repeat 0 0;}
.vip_benefit_info .benefit_info dl:nth-child(2):before{background-position:0 -170px;}
.vip_benefit_info .benefit_info dl:nth-child(3):before{background-position:0 -340px;}
.vip_benefit_info .benefit_info dt{margin-bottom:10px; font-size:18px; font-weight:700; color:#111;}
.vip_benefit_info .benefit_info dd ul{margin-bottom:10px;}
.vip_benefit_info .benefit_info dd li{font-size:15px; color:#575757; line-height:31px;}
.vip_benefit_info .benefit_info dd a,
.vip_benefit_info .tbl td a{display:inline-block; padding:0 15px; border:1px solid #cb8d0a; border-radius:3px; font-size:15px; color:#cb8d0a; line-height:32px;}

.vip_benefit_info .inner_tab{margin:10px -7px 50px;}
.vip_benefit_info .inner_tab:after{content:''; display:block; clear:both;}
.vip_benefit_info .inner_tab li{position:relative; float:left; width:calc(100% / 3); padding:0 7px;}
.vip_benefit_info .inner_tab li span{display:block; background:#efebe5; border:1px solid #d4cdc0; font-size:20px; font-weight:700; color:#aa9a77; line-height:47px; text-align:center; cursor:pointer;}
.vip_benefit_info .inner_tab li.on span{background:#795812; border-color:#795812; color:#fff;}
.vip_benefit_info .inner_tab li.on:after{content:''; position:absolute; left:50%; bottom:-10px; width:0px; height:0px; margin-left:-14px; border-top:20px solid #795812; border-right:14px solid transparent; border-left:14px solid transparent;}
.vip_benefit_info .inner_tab_conts .benefit_info{display:none; /* min-height:578px; */}
.vip_benefit_info .inner_tab_conts .benefit_info:nth-child(1){display:block;}

/* ·¹À̾îÆ˾÷_¿¬°£ ÀÌ¿ë ½ÇÀû */
.layer_mileage_usage{position:relative; width:800px; height:596px; background:#fff; border:1px solid #717171; display:none;}
.layer_mileage_usage .btn_layer_close{position:absolute; right:24px; top:13px; width:30px; height:30px; background:url(/_Img/Content/mileage/icon_close.png) no-repeat center center; text-indent:-9999px;}
.layer_mileage_usage .title{padding:20px 30px; font-size:18px; font-weight:700; color:#222; border-bottom:1px solid #cdcdcd;}
.layer_mileage_cont{position:relative; padding:30px 30px 40px;}
.layer_mileage_cont .tit{margin-bottom:20px; font-size:18px; color:#222;}
.layer_mileage_cont .select_wrap{position:absolute; right:30px; top:30px; width:132px; border:1px solid #c9c9c9;}
.layer_mileage_cont .select_wrap select{width:100%; padding:6px 10px 5px; border:none;}
.layer_mileage_cont .tbl{width:100%;}
.layer_mileage_cont .tbl th{height:38px; background:#008649; border:1px solid #008649; font-size:13px; color:#fff; text-align:center;}
.layer_mileage_cont .tbl tbody td{padding:10px 0; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; font-size:13px; color:#555; line-height:16px; text-align:center;}
.layer_mileage_cont .tbl tbody td:first-child{border-left:1px solid #c9c9c9;}
.layer_mileage_cont .tbl tbody td.txt_l{padding-left:20px; padding-right:20px; text-align:left;}
.layer_mileage_cont .tbl tbody .no_data td{padding:50px 0;}
.layer_mileage_cont .guide_txt{margin-top:40px; padding:15px 20px; background:#f0f0f0;}
.layer_mileage_cont .guide_txt p{margin-bottom:8px; font-size:14px; color:#454545;}
.layer_mileage_cont .guide_txt li{padding:3px 0; font-size:13px; color:#777; line-height:15px;}
.layer_mileage_cont .txt_info{position:relative; margin:30px 0 15px; font-size:14px; color:#656565;}
.layer_mileage_cont .txt_info .btn_type_01{position:absolute; right:0; top:-10px; display:inline-block; height:34px; margin-top:0; padding:0 10px; background:#7a7a7a; font-size:13px; font-weight:700; color:#fff; line-height:32px;}
.layer_mileage_cont .txt_info .btn_type_01:after{content:''; display:inline-block; width:4px; height:6px; margin:13px 0 0 5px; background:url(/_Img/Content/mileage/icon_arrow02.png) no-repeat 0 0; vertical-align:top;}

/* vip¶ó¿îÁö Àӽà ¾È³»ÆäÀÌÁö */
.vip_temp_wrap{text-align:center;}
.vip_temp_wrap .top_box{background:url(/_Img/Content/community/vip_temp_main_bg.jpg) no-repeat center top; border-bottom:10px solid #4a2e08;}
.vip_temp_wrap .info_box{padding-bottom:51px; background:url(/_Img/Content/community/vip_temp_bg.jpg) no-repeat center top;}
.vip_temp_wrap .banner{font-size:0; line-height:0;}
.vip_temp_wrap .banner a{display:inline-block; margin:0 8px;}

/* VIP ¸í¿¹ÀÇÀü´ç */
#Container.container_winner{padding:0}
.winner_wrap{text-align:center;}
.winner_visual{height:529px; background:url("/_Img/Content/community/vip_main.jpg") no-repeat center top;}
.winner_visual p{color:#a0988c; font-size:16px; line-height:30px; letter-spacing:-0.05em; padding:332px 0 25px;}
.winner_visual a{color:#af9977; font-size:14px; line-height:34px; letter-spacing:-0.05em; display:inline-block; width:186px; height:35px; box-sizing:border-box; border:1px solid #af9977; border-radius:3px;}
.winner_tabs{display:block; width:100%; height:94px; box-sizing:border-box; background:#301e0f; border-top:1px solid #49301d; border-bottom:1px solid #49301d;}
.winner_tabs .main_tab{width:890px; margin:0 auto; position:relative;}
.winner_tabs .main_tab li{position:relative;}
.winner_tabs .main_tab li a{font-size:26px; line-height:92px; color:#dbd0c7; font-style:oblique; transition:all 0.2s; cursor:pointer;}
.winner_tabs .main_tab li.on a{color:#d1a75d;}
.winner_tabs .main_tab li:after{content:''; display:block; width:82px; height:7px; background:#d1a75d; position:absolute; bottom:0; left:21px; transform: scaleX(0); transition:all 0.1s;}
.winner_tabs .main_tab li.on:after{transform: scaleX(1);}
.winner_tabs .main_tab .slick-arrow{font-size:0; border:0; width:20px; height:39px; position:absolute; top:27px;}
.winner_tabs .main_tab .slick-prev{background:url("/_Img/Content/community/vip_arrow_l.png") no-repeat center top; left:-60px;}
.winner_tabs .main_tab .slick-next{background:url("/_Img/Content/community/vip_arrow_r.png") no-repeat center top; right:-60px;}
.winner_cont .winner{display:none; background:#342f23 url("/_Img/Content/community/vip_bg.jpg") repeat-X center top; padding:88px 0;}
.winner_cont .winner.on{display:block;}
.winner_cont .winner .inner{width:1100px; margin:0 auto; overflow:hidden;}
.winner_cont .winner .inner .tab{float:left;}
.winner_cont .winner .sub_tab a{display:block; box-sizing:border-box; width:368px; height:353px; background:url("/_Img/Content/community/vip_subtab_off.png") no-repeat center top; margin-bottom:16px; padding:45px 75px 0 46px;}
.winner_cont .winner .sub_tab a.on{background-image:url("/_Img/Content/community/vip_subtab_on.png"); }
.winner_cont .winner .sub_tab a img{display:block;}
.winner_cont .winner .sub_tab a p{font-family: 'Nanum Myeongjo', serif; font-size:22px; color:#342f23; font-weight:800; line-height:1em; padding-top:27px;}
.winner_cont .winner .sub_tab a span{display:block; font-size:18px; color:#88131b; font-weight:700; padding-top:15px;}
.winner_cont .winner .sub_cont{width:710px; background:#fff; padding:40px 0; margin-left:22px;}
.winner_cont .winner .sub_cont img{display:none;}
.winner_cont .winner .sub_cont img.on{display:inline-block;}

.winner_cont .winner_2019{background:#342f23 url("/_Img/Content/community/vip_bg_2019.jpg") repeat-X center top; padding:80px}
.winner_cont .winner_2019 .inner{overflow:visible;}
.winner_cont .winner_2019 .inner iframe{margin:26px 0 44px; box-shadow:0px 0px 15px rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.15);}
.winner_cont .winner_2019 .inner > img:last-child{margin-left:-46px;}