@charset "utf-8";

.hidden { position:absolute; font-size:0; line-height:0; left:-10000px;}
.orange-text { color:#ff4800 !important; }
.black-text { color:#111 !important; }
.float-right { float:right; }
.text-center { text-align:center; }
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt30 { margin-top:30px !important; }

ul.list-bullet {}
ul.list-bullet li { background:url(../images/dc_club/list_bullet.png) 2px 8px no-repeat; padding-left:8px; }
ul.list-bullet li + li { margin-top:5px; }
table { border-collapse:collapse; }
table.table-grey { border-top:2px solid #202020; }
table.table-grey th { background:#f9f9f9; color:#000; font-weight:500; }
table.table-grey td { color:#555; background:#fff; }
table.table-grey th, table.table-grey td { padding:10px; border:1px solid #ccc; }
table.table-grey th.left, table.table-grey td.left { border-left:0; }
table.table-grey th.right, table.table-grey td.right { border-right:0; }

/* 멤버십 */
.dc-page { width:100%; letter-spacing:-0.02em; font-size:15px; padding-bottom:100px; padding-top:143px; line-height:150%; font-family: 'Noto Sans KR', sans-serif;  }
.dc-page * { box-sizing:border-box; }
.dc-page .box-wrap { width:1080px; margin:0 auto; }
.dc-page .dcpage-top { background:#f1f1f1; text-align:center; width:100%;  padding:25px; }

.membership-tab-wrap { position:relative; margin:0; }
.membership-tab-wrap:before { position:absolute; width:100%; height:260px; content:'';  background-image: linear-gradient(112deg, #e5501c , #d1291f); top:0; left:0; z-index:-1; }
.membership-tab-wrap h2 { font-size:28px; color:#fff; padding:40px 0 30px; text-align:center; font-weight:500; }

.membership-tab-nav { text-align:center; }
.membership-tab-nav .nav { display:inline-block; margin:0; padding:0;  }
.membership-tab-nav .nav > li { width:343px; height:234px; float:left; display:block; }
.membership-tab-nav .nav > li + li { margin-left:60px; }
.membership-tab-nav .nav > li a { display:block; width:343px; height:234px; }
.membership-tab-nav .nav > li a span { font-size:0; text-indent:-10000px; }
.membership-tab-nav .nav > li a.tab_dc { background:url(../images/dc_club/tab_dc_off.png) left top no-repeat; }
.membership-tab-nav .nav > li a.tab_pr { background:url(../images/dc_club/tab_pm_off.png) left top no-repeat; }
.membership-tab-nav .nav > li a.tab_dc:hover,
.membership-tab-nav .nav > li.on a.tab_dc { background:url(../images/dc_club/tab_dc_on.png) left top no-repeat; }
.membership-tab-nav .nav > li a.tab_pr:hover,
.membership-tab-nav .nav > li.on a.tab_pr { background:url(../images/dc_club/tab_pm_on.png) left top no-repeat; }

.membership-tab-cnt { margin-top:10px; }

.member-summary { background:#edeeef; padding:30px 40px; }
.member-summary .title { color:#000; font-size:40px; }
.member-summary .title strong { font-weight:300; }
.member-summary .title .orange-text { font-weight:500; }
.member-summary .title small { font-size:20px; color:#777; font-weight:100; line-height:30px; padding-bottom:10px; display:inline-block; }
.member-summary .sum-list { margin-top:40px; color:#777; }
.member-summary .price-wrap { text-align:right; margin-top:30px; }
.member-summary .price-wrap .price { font-size:30px; color:#333; }
.member-summary .price-wrap .price .orange-text { font-size:34px; font-weight:600; }
.member-summary .price-wrap small { font-size:15px; color:#777; line-height:30px;}
.member-summary .icon { float:right; margin-top:25px; }
.member-summary .icon:after  { display:block; clear:both; content:''; }
.member-summary .icon li { width:60px; height:60px; border-radius:100%; background:url(../images/dc_club/iconset.png);  float:left;}
.member-summary .icon li + li { margin-left:10px; }
.member-summary .icon li.icon1 { background-position:0 0; background-color:#c4c4c4;  }
.member-summary .icon li.icon2 { background-position:-60px 0; background-color:#c4c4c4;  }
.member-summary .icon li.icon3 { background-position:-120px 0; background-color:#c4c4c4;  }

.detail-tab-nav { text-align:center; margin-top:50px; width:100%; background:#fff; padding:5px; z-index:10; position:relative; }
.detail-tab-nav .navi { display:inline-block; }
.detail-tab-nav .navi li { display:block; width:135px; height:40px; float:left; }
.detail-tab-nav .navi li + li { margin-left:5px; }
.detail-tab-nav .navi li a { display:block; width:100%; line-height:40px; border-radius:20px; background:#ecf1f5; color:#404040; text-align:center; }
.detail-tab-nav .navi li a:hover,
.detail-tab-nav .navi li a.on { background:#ff4800; color:#fff;  }

.detail-cnt-wrap { margin-top:90px; }
.detail-cnt-wrap:after { display:block; clear:both; content:''; }
.detail-cnt-wrap > h3 { float:left; width:150px; height:40px; line-height:40px; font-size:20px; color:#ff4800; border:1px solid #ff4800; border-radius:20px; text-align:center; font-weight:400; }
.detail-cnt-wrap .detail-cnt { width:calc(100% - 210px); float:right; }
.detail-cnt .benefit-top { text-align:center; }
.detail-cnt .big-text { font-size:40px; color:#000; font-weight:200; }
.detail-cnt .big-text .strong { font-weight:500; }
.detail-cnt .big-text small { font-size:17px; color:#777; font-weight:100; display:block; text-align:center; padding-bottom:15px; }
.detail-cnt .benefit-box { width:100%;  position:relative; margin-top:30px; }
.detail-cnt .benefit-box ul { border:1px solid #ccc; }
.detail-cnt .benefit-box ul:after { display:block; clear:both; content:''; }
.detail-cnt .benefit-box:before { position:absolute; content:''; display:block; width:49px; height:22px; background:url(../images/dc_club/tri.png) center center no-repeat; top:0px; 
left:50%; transform:translateX(-50%); z-index:2;}
.detail-cnt .benefit-box:after { position:absolute; content:''; display:block; width:49px; height:22px; background:url(../images/dc_club/tri_1.png) center center no-repeat; bottom:0px; 
left:50%; transform:translateX(-50%); z-index:2;}
.detail-cnt .benefit-box ul li { display:block; width:50%; float:left; padding:30px; text-align:center; }
.detail-cnt .benefit-box ul li + li  { background:url(../images/dc_club/dotted_line_v.png) left top repeat-y; }
.detail-cnt .benefit-box .text-1 { font-size:22px; color:#202020; font-weight:600; }
.detail-cnt .benefit-box .icon { margin-top:15px;  }
.detail-cnt .benefit-box .text-2 { margin-top:15px; font-size:16px; line-height:26px; color:#555;  }
.detail-cnt h4.title { font-size:26px; color:#111; font-weight:600; margin-top:60px; }
.detail-cnt h4.title small { font-size:17px; font-weight:300; }
.detail-cnt h5.title-1 { font-size:22px; color:#111; font-weight:300; margin-top:30px; margin-bottom:15px; }
.detail-cnt h5.title-1 b { font-weight:500; }
.detail-cnt h5.title-1 span { display:inline-block; margin-left:15px; color:#51769d; }
.detail-cnt h5.title-1.icon-title { padding-left:45px; position:relative; }
.detail-cnt h5.title-1.ico-1:before { display:block; width:40px; height:40px; border-radius:100%; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
background:url(../images/dc_club/iconset_1.png) 0 0 no-repeat; background-color:#ccc; margin-right:5px; }
.detail-cnt h5.title-1.ico-2:before { display:block; width:40px; height:40px; border-radius:100%; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
background:url(../images/dc_club/iconset_1.png) -40px 0 no-repeat; background-color:#ccc; margin-right:5px; }
.detail-cnt h5.title-1.ico-3:before { display:block; width:40px; height:40px; border-radius:100%; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
background:url(../images/dc_club/iconset_1.png) -80px 0 no-repeat; background-color:#ccc; margin-right:5px; }
.detail-cnt .popup-btn { margin-top:20px; text-align:center; position:relative; margin-bottom:50px;}
.detail-cnt .popup-btn a.org-btn { display:inline-block; width:190px; height:35px; line-height:35px; font-size:14px; font-weight:500; margin:0 10px; text-align:center; }
a.org-btn {  border:1px solid #ff4800; border-radius:3px; color:#ff4800; }
a.org-btn:hover {  border:1px solid #ff4800; border-radius:10px; background:#ff4800; color:#fff; transition:all 0.3s; }
.detail-cnt .caution { font-size:14px; color:#888; }
.detail-cnt .benefit-box-2 { background:#efefef; border:1px solid #ccc; padding:0 40px; }
.detail-cnt .benefit-box-2 ul { height:auto; overflow:hidden; }
.detail-cnt .benefit-box-2 ul li { display:inline-block; float:left; padding:40px; }
.detail-cnt .benefit-box-2 ul li.benefit-ico1 { background:url(../images/dc_club/present_g1.png) left center no-repeat; padding-left:97px; }
.detail-cnt .benefit-box-2 ul li.benefit-ico2 { background:url(../images/dc_club/present_g2.png) left center no-repeat; padding-left:79px; }
.go-join-wrap { text-align:center; }
.go-join-wrap a.go-join { display:inline-block; margin:0 20px;  }
.go-join-wrap a.go-join .button { display:inline-block; width:100%; height:38px; line-height:38px; text-align:center; border:1px solid #ff4800; border-radius:10px; color:#ff4800; margin-top:5px; }
.go-join-wrap a.go-join:hover .button { background:#d1291f; color:#fff; }
.go-join-wrap a.go-join .img-wrap { width:340px; height:205px; overflow:hidden; position:relative; }
.go-join-wrap a.go-join .img-wrap:after {content:""; position:absolute; left:0; top:-100%; width:200%; height:100%; background:#fff; opacity:0.25; transform-origin:0 100%; transform:rotate(-48deg); transition:top 0.5s 0s;}
.go-join-wrap a.go-join:hover .img-wrap:after { top:10%; }

.member-save-wrap { margin-top:90px; width:100%; background:#edeeef; padding:40px 0;  }
.member-save-wrap h4.title { font-size:26px; color:#111; font-weight:600; }
.member-save-wrap .save-text { margin-top:20px; text-align:center; font-size:30px; color:#777; }
.member-save-wrap .present-text { text-align:center; margin-top:40px; }
.member-save-wrap .present-text p { font-size:38px; line-height:55px; color:#333; text-align:left; display:inline-block; padding-left:130px; background:url(../images/dc_club/gaip.png)left center no-repeat; font-weight:200;
min-height:96px;   }

.member-bottom-banner { margin-top:35px; position:relative;}
.member-bottom-banner:after {display:block; clear:both; content:''; }
.member-bottom-banner .box-wrap:after {display:block; clear:both; content:''; }
.member-bottom-banner .box-wrap { position:relative; }
.member-bottom-banner .member-b-banner { width:350px; height:150px; padding:20px; border:1px solid #ccc; position:relative; float:left; margin-left:15px; }
.member-bottom-banner .member-b-banner.first { margin-left:0; }
.member-bottom-banner .member-b-banner strong { font-size:22px; color:#333; }
.member-bottom-banner .member-b-banner p { font-size:15px; color:#777; line-height:25px; margin-top:15px; }
.member-bottom-banner .member-b-banner img { position:absolute; bottom:20px; right:20px; }

.scroll-btm-banner { bottom:-100px; position:fixed;  transition: bottom 0.3s; z-index:200; width:100%; left:0; font-family: 'Noto Sans KR', sans-serif; }
.scroll-btm-banner .join-inq { height:60px; width:870px; background:#e24b1c; border-radius:8px; padding:13px 30px 14px 30px; box-shadow: 3px 3px 5px rgba(00,00,00,.3); 
position:absolute; bottom:0; left:50%; margin-left:-330px; box-sizing:border-box; }
.scroll-btm-banner .join-inq a { font-size:18px; color:#fff; line-height:37px; }
.scroll-btm-banner .join-inq a:first-child { float:left; }
.scroll-btm-banner .join-inq a:last-child { float:right; }
.scroll-btm-banner .move-top { position:absolute; bottom:0; left:50%; margin-left:560px;  }

/* 국내1박 2일 골프장 목록 팝업 */
.pop-gc { position:absolute; top:40px; left:0; background:#fff; width:600px; border:3px solid #5999a3; z-index:210; display:none;}
.pop-gc header.title  { background:#5999a3; color:#ffec00; text-align:center; padding:7px; font-size:20px; }
.pop-gc .pop-gc-close { float:right; width:34px; height:34px; border:1px solid #fff; background:url(../images/dc_club/pop_close.png) center center no-repeat; background-size:20px 20px; cursor:pointer; text-indent:-10000px;}
.pop-gc .golfcourse-list { padding:20px; }
.pop-gc .golfcourse-list .table { border-top:2px solid #587478; text-align:left; width:100%; }
.pop-gc .golfcourse-list .table th,
.pop-gc .golfcourse-list .table td { padding:8px 15px; border-bottom:1px solid #587478; }
.pop-gc .golfcourse-list .table th { width:80px; font-size:16px; color:#587478; text-align:center; background:#dfe9ea; font-weight:500; }
.pop-gc .golfcourse-list .table td,
.pop-gc .golfcourse-list .table td a {font-size:14px; color:#777;  }


/* 서비스 이용방법 */
.service-use-pop .service-pop-close { width:34px; height:34px; background:url(../images/dc_club/pop_close.png) center center no-repeat; background-size:20px 20px; 
cursor:pointer; text-indent:-10000px; position:absolute; top:0; right:0; background-color:#815531; border:none; }
.service-use-pop { position:absolute; top:0; left:200px; width:600px; transform:translateY(-50%); display:none; z-index:210; }
.use_info_container { border:5px solid #ffc124; position:relative; z-index:210; }
.use_info_box { padding-top:20px;background-color:#ffea68;text-align:center;overflow:hidden;}
.use_info_box .use_info_label {display:inline-block;width:25%;height:22px;line-height:22px;border-radius:4px;background-color:#ffc124;font-size:12px;font-weight:bold;letter-spacing:-0.3px;color:#fff;}
.use_info_box .use_info_title {margin-top:15px;font-size: 24px;font-weight: bold;line-height: 1.25;letter-spacing: -1px;text-align: center;color: #543d3d;}
.use_info_box .use_info_desc {margin-top:7px;font-size: 14px;letter-spacing: -0.6px;text-align: center;color: #6c4a4a;}
.use_info_box .phone-box {width:71%;height:100%;margin:30px auto 0;background-color:#fff;border:4px solid #F4DFCA;border-radius:30px 30px 0 0;overflow:hidden;}
.use_info_box .phone-box .phone-top {height:53px;line-height:0;padding-top:25px;background-color:#fff;box-sizing:border-box;}
.use_info_box .phone-box .phone-top .dot {display:inline-block;width:4px;height:4px;background-color:#3e3e3e;border-radius:50%;}
.use_info_box .phone-box .phone-top .line {display:inline-block;width:35px;height:4px;margin-left:3%;background-color:#3e3e3e;border-radius:2px;}
.use_info_box .phone-box .phone-cont {min-height:100%;padding:35px 20px 50px 20px;margin:0 4.1674% 0 3.7268%;background-color:#ffea68;}
.use_info_box .phone-box .phone-cont p {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -1px;
	text-align: center;
	color: #543d3d;
}
.use_info_box .phone-box .phone-cont .logo-title {height:37px;line-height:37px;}
.use_info_box .phone-box .phone-cont .ico-talk {display:inline-block;width:37px;height:37px;vertical-align:text-top;background:url(../img/ico_papa_talk2.png) no-repeat center;background-size:100%;}
.use_info_box .phone-box .phone-cont p .ms_bold_text_16 {display:block;letter-spacing:-1px;color: #543d3d;}
.use_info_box .phone-box .phone-cont .btn-plus-friend {display:block;width:100%;height:45px;line-height:45px;margin:30px auto 0;background-color:#815531;font-size:14px;font-weight:bold;letter-spacing:-0.4px;color:#fff;}