@charset "utf-8";

@font-face {font-family:"BebasNeueBold"; font-style:normal; font-weight:400; src:url(../font/BebasNeueBold.woff) format("woff"), url(../font/BebasNeueBold.ttf) format("truetype")}
@font-face {font-family:"BebasNeueBook"; font-style:normal; font-weight:400; src:url(../font/BebasNeueBook.woff) format("woff"), url(../font/BebasNeueBook.ttf) format("truetype")}
@font-face {font-family:"akrobatbold"; font-style:normal; font-weight:400; src:url(../font/AkrobatBold.woff) format("woff"), url(../font/AkrobatBold.ttf) format("truetype")}

/*reset*/
body, div, section, article, header, aside, footer, video, audio, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, thead, tbody, tfoot, em, strong, span, th, td, a {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-break:break-all}
fieldset,img,button,input, select, textarea {border:0; font-family:inherit; background:none}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
ul,ol,li {list-style:none}
caption {font-size:1px; height:0; line-height:0; opacity:0}
h1, h2, h3, h4, h5, h6 {font-size:13px; font-weight:normal}
a {text-decoration:none; color:#000; background-color:transparent}
iframe {border:0}
button, label, a {cursor:pointer}
textarea {resize:none}
input,textarea {-webkit-user-select:text;user-select:text}
textarea,select,input[type=email],input[type=file],input[type=hidden],input[type=image],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=checkbox],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local] {outline:none;  -webkit-appearance:none; -moz-appearance:none; border-radius:0}
button,input:focus,select:focus,textarea:focus,iframe {outline:0}

html{height:100%; line-height:1.2; touch-callout:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-text-size-adjust:none;text-size-adjust:none}
* {
    /* -webkit-touch-callout:none;                prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
body {min-width:320px; height:100%; line-height:1.2; -webkit-text-size-adjust:none}
.blind {position:absolute; left:-3000px; top:0; color:transparent; font-size:1px; width:1px; height:1px; line-height:0}
.fix-body {overflow:hidden; position:fixed; left:0; top:0; right:0}
.fixture {overflow:hidden; position:fixed; z-index:400; left:0; right:0; bottom:0}

/* floating button */
.fixbtn {position:fixed; z-index:300; left:0; bottom:0; right:0; height:54px; padding-top:18px; color:#fff; font-size:17px; background:#2971cd; text-align:center; outline:0}
.fixbtn:visited {color:#fff}
.fixbtn.type_gray {background:#666}

.fixbtn.ico_circle {display:block; width:54px; height:54px; left:auto; bottom:83px; right:20px; padding-top:18px; background:#358bf2; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-shadow:4px 4px 20px rgba(0,0,0,.2); font-size:1px; color:transparent; text-indent:-2000px}
.fixbtn.ico_circle:active {background:#1a6dd1}

.ico_phone:after {content:""; display:block; position:absolute; left:0; width:22px; height:22px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -33px -39px no-repeat; background-size:113px 86px}
.ico_filter {position:absolute; right:0; top:0; width:42px; height:42px}
.ico_filter:after {content:""; position:absolute; left:50%; top:50%; width:19px; height:19px; margin:-9px 0 0 -9px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -65px -39px no-repeat; background-size:113px 86px}
.ico_filter select {display:block; position:relative; z-index:2; width:42px; height:42px; padding-top:42px}
.ico_added:after {content:""; position:absolute; left:50%; top:50%; width:18px; height:18px; margin:-9px 0 0 -9px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -95px 0 no-repeat; background-size:113px 86px}
.ico_player {display:inline-block; position:absolute; width:25px; height:25px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) 0 -39px no-repeat; background-size:113px 86px}

/* tab */
.tab {position:fixed; z-index:300; left:0; top:0; right:0; height:50px; border-bottom:1px solid #efefef; background:#fff}
.tab:after {content:""; display:block; clear:both}
.tab_link {float:left; overflow:hidden; display:block; position:relative; width:50%; height:50px; padding-top:16px; text-align:center; color:#959595; font-size:16px}
.tab_link.on {color:#2471cd; font-weight:bold}
.tab_link.on:after {content:""; display:block; position:absolute; left:50%; bottom:0; width:154px; height:3px; margin-left:-77px; background:#3f95fc}
.tab_link.on:after {content:""; display:block; position:absolute; left:50%; bottom:0; width:105px; height:3px; margin-left:-52px; background:#3f95fc}
.tab.topstyle {top:50px}
.tab3rd .tab_link {width:33%}
.tab3rd .tab_link:first-child {width:34%}
.monostyle {position:relative}
.monostyle .tab_link {color:#323232}
.monostyle .tab_link.on:after {width:105px; margin-left:-52px; background:#323232}
.blockstyle {z-index:510; left:0; top:0; right:0; border-bottom:1px solid #272727; background:#1e1e1f}
.blockstyle .tab_link {color:#828282}
.blockstyle .tab_link.on {color:#3f95fc}
.index_top {position:relative; z-index:401}

/* title bar */
.shadowwrap {overflow:hidden; background:#eee}
.shadowbox {margin-bottom:8px; border-bottom:1px solid #e1e1e1}
.titlebar {position:relative; min-height:42px; background:#efefef}
.titlebar_tit {padding:13px 20px 0; font-size:15px; color:#474747}
.noticebar {position:relative; overflow:hidden; display:block; height:50px; padding:17px 15px 0 76px; font-size:14px; color:#323232; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background:#fff; border-top:1px solid #eee}
.ico_notice {position:absolute; left:20px; top:19px; width:46px; height:11px; font-size:1px; color:transparent; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -40px 0 no-repeat; background-size:113px 86px}
.headinfo {position:relative; min-height:90px; padding:21px 72px 20px 20px; background:#fff}
.headinfo_tit {padding-bottom:6px; font-size:20px; font-weight:bold}
.headinfo_user {display:inline-block; padding-left:7px; font-size:15px; color:#666; vertical-align:top}
.headinfo_unit {display:inline-block; position:relative; padding-right:7px; font-size:15px; color:#666; vertical-align:top}
.headinfo_unit:after {content:""; position:absolute; display:block; right:0; top:2px; width:1px; height:10px; background:#979797}
.headinfo_contact {display:block; position:absolute; right:-10px; top:0; width:72px; height:90px;}
.headinfo_contact:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background:#d8d8d8}
.headinfo_contact:after {left:50%; top:34px; margin-left:-11px}

.productbox {border-top:1px solid #dfdfdf; background:#fff}
.infobox {padding:20px 22px; background:#fff; border-top:1px solid #dfdfdf}
.infobox:first-child {border:0}
.tab+.productbox {border-top:0}
.productbox_tit {padding-bottom:2px; font-size:16px; font-weight:bold}
.introwrap {position:relative; min-height:95px; padding:13px 0 15px 100px}
.intro_profile {position:absolute; left:2px; top:17px; display:block; width:77px; height:77px}
.introthumnail {overflow:hidden; display:block; width:77px; height:77px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.introthumnail_no {background:#efefef}
.intro_play {right:0; bottom:0; font-size:1px; color:transparent; text-indent:-2000px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.introbox_tit {padding-bottom:6px; font-size:16px; color:#323232}
.introbox_content {position:relative; padding-left:13px; line-height:21px; font-size:14px; color:#666}
.introbox_content:before {content:""; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#7b7b7b; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.shopinfobox {padding:13px 0 5px}
.shopinfo {line-height:22px; font-size:15px; color:#323232}
.shoplocation {overflow:hidden; padding-top:15px; height:180px}
.shopaddress {display:block; padding:15px 0 5px; font-size:15px;}
.shoptitle {font-size:15px; font-weight:bold}

/* 리포트 */
.reportbox_tit1 {padding-bottom:15px; color:#fff; font-size:28px; text-align:center; letter-spacing:-2px}
.reportbox_tit2 {padding-bottom:15px; color:rgba(255,255,255,.9); font-size:24px; text-align:center; letter-spacing:-2px}
.reportbox1 {position:relative; padding:30px 0 20px}
.reportbox2 {position:relative; padding:30px 0 60px; background:#1a1a1b}
.report_guidement {padding:0 30px; font-size:16px; color:#888; line-height:22px}
.category_list {position:absolute; left:0; right:0; bottom:20px; padding:20px 0; text-align:center}
.category_list .category_item {display:inline-block; margin-right:20px; color:#888; vertical-align:top}
.category_report {position:relative; top:5px; display:inline-block; width:9px; height:8px; margin-right:8px; font-size:1px; color:transparent; text-indent:-2000px; background:#616161; vertical-align:top}
.category_report.on {background:#c1801e}

.month_title {position:relative; height:35px; margin:0 30px; border-bottom:1px solid #333}
.month_prev {position:absolute; left:0; top:8px; color:#d2d2d2; font-size:15px}
.month_next {position:absolute; right:0; top:8px; color:#d2d2d2; font-size:15px}

.report_graph1  {width:250px; min-height:300px; margin:0 auto}
.report_graph2 {width:330px; min-height:230px; margin:0 auto; padding-bottom:10px}
.report_graph2 .no_practice {width:100%}
.report_graph3 {padding-bottom:40px}
.report_graph_nodata {padding:30px 0}
.report_graph_nodata img {display:block; max-width:330px; margin:0 auto}
.report_graph_nodata + .category_list {position:static}
.gdr_report {padding-top:50px}
.gdr_report .blockstyle {z-index:499}
.gdr_report .highcharts-legend {display:none}
.assay_view {min-height:240px; padding:0 30px; font-family:"BebasNeueBold";}
.assaybox {position:relative; height:68px; border-bottom:1px solid #222}
.assay_tit {position:absolute; z-index:2; width:52px; height:67px; padding-top:31px; left:50%; top:0; margin-left:-26px; background:#1a1a1b; font-size:13px; color:#777; text-align:center}
.assay_tit span {display:block; position:absolute; top:11px; left:50%; width:72px; margin-left:-36px}
.assay_graphs {position:absolute; left:0; top:11px; width:50%; height:35px; padding-right:26px}
.assay_databox {position:relative; left:0; bottom:0; right:0; width:100%; height:6px; background:#292929}
.assay_data {display:block; min-height:29px; padding-bottom:5px; font-size:20px; color:#d2d2d2}
.assay_range {display:block; position:absolute; right:0; top:0; height:6px; background:#515151; -webkit-transition:width .5s; -moz-transition:width .5s; transition:width .5s}
.assay_graphs.on .assay_data {color:#3f95fc}
.assay_graphs.on .assay_range {color:#3f95fc; background: -moz-linear-gradient(left, rgba(13,142,247,1) 1%, rgba(0,118,214,1) 100%); background: -webkit-linear-gradient(left, rgba(13,142,247,1) 1%,rgba(0,118,214,1) 100%); background: linear-gradient(to right, rgba(13,142,247,1) 1%,rgba(0,118,214,1) 100%)}
.assay_graphs.direction_r {left:auto; right:0; padding:0 0 0 26px; text-align:right}
.assay_graphs.direction_r .assay_range {left:0; right:auto}
.assay_graphs.direction_r.on .assay_range {background: -moz-linear-gradient(left, rgba(0,118,214,1) 100%, rgba(13,142,247,1) 1%); background: -webkit-linear-gradient(left, rgba(0,118,214,1) 100%, rgba(13,142,247,1) 1%); background: linear-gradient(to right, rgba(0,118,214,1) 100%, rgba(13,142,247,1) 1%)}
.ico_g:after {content:""; display:block; width:20px; height:20px; margin:5px auto 0; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -58px -15px no-repeat; background-size:113px 86px}
.ico_o:after {content:""; display:block; width:20px; height:20px; margin:5px auto 0; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -89px -63px no-repeat; background-size:113px 86px}
.ico_u:after {content:""; display:block; width:20px; height:20px; margin:5px auto 0; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -32px -15px no-repeat; background-size:113px 86px}
.ico_s:after {content:""; display:block; width:20px; height:20px; margin:5px auto 0; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) 0 -64px no-repeat; background-size:300px 300px}

.miniscore_card {min-height:218px; background:#2b2b2c}
.miniscore_visual1 {position:relative; padding-bottom:80px; border-bottom:1px solid #262626}
.miniscore_visual2 {position:relative; padding-bottom:70px; border-bottom:1px solid #262626}
.mini_chart1 {width:280px; height:200px; margin:0 auto}
.mini_chart2 {width:320px; height:200px; margin:0 auto}
.miniscore_tit {padding:36px 0 25px; font-size:24px; text-align:center; color:#fff}
.miniscore_summary{height:124px; padding:25px 0 0 20px}
.miniscore_summary_title{font-size:18px; color:#fff; opacity:.8; font-weight:bold}
.miniscore_summary_date{padding-top:4px; font-size:15px; color:#fff; opacity:.4}
.miniscore_summary_score{display:block; position:absolute; top:71px; right:21px; font-size:35px; color:#fff; font-family:"BebasNeueBold"}
.miniscore_inout {padding-top:20px}
.miniscore_inout:after {content:""; display:block; clear:both}
.miniscore_summary_in{float:left; display:block; width:46px; height: 22px; line-height:16px; padding-top:3px; margin-left:6px; border-radius: 10px; background-color: #606060; border:1px solid #606060; font-size:14px; color:#fff; text-align: center}
.miniscore_summary_out{float:left; display:block; width:46px; height: 22px; line-height:16px; padding-top:3px; margin-left:6px; border-radius: 10px; background-color: #2b2b2c; border:1px solid #555555; font-size:14px; color:#777777; text-align: center}

.scorecard_table {font-size:14px}
.scorecard_table thead th {border-right:1px solid #2a2a2a; height:31px; font-weight:normal; color:#acacac; text-align:center; background:#212121}
.scorecard_table thead th:first-child {text-align:left; padding-left:10px}
.scorecard_table thead th:last-child {border:0}
.scorecard_table tbody th {border-right:1px solid #383839; height:31px; color:#acacac; text-align:left; background:#303031; padding-left:10px; font-weight:normal}
.scorecard_table tbody td {border-right:1px solid #383839; height:31px; font-size:14px; color:#a8a8a8; text-align:center; background:#303031}
.scorecard_table tbody td:last-child {border:0}

/* mini round detail page */
.gdr_miniscore {padding-top:-50px}
.gdr_miniscore .highcharts-container {margin:0 auto}
.gdr_miniscore .assay_tit {position:absolute; z-index:2; width:120px; height:auto; padding-top:15px; left:50%; top:0; margin-left:-60px; background:none; font-size:13px; color:#777; text-align:center; letter-spacing:-1px}
.gdr_miniscore .assay_tit:after {display:none}
.gdr_miniscore .assay_graphs {padding-right:2px}
.gdr_miniscore .assay_graphs.direction_r {padding-left:3px}

.miniscore_compare {padding-bottom:30px}
.prequel {height:44px;margin:0 30px; text-align:center}
.prequel:after {content:""; display:block; clear:both}
.prequel_prev {float:left; position:relative; width:50%; padding:0 20px}
.prequel_next {float:left; position:relative; width:50%; padding:0 20px}
.prequel_date {line-height:1; font-size:13px; color:#555;}
.prequel_tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; display:block; padding-top:1px; font-size:14px; color:#e9e9e9}
.prequel_prev_btn {position:absolute; left:-10px; top:0; height:44px; width:27px; }
.prequel_next_btn {position:absolute; right:-10px; top:0; height:44px; width:27px; }


/* mini round */
.gdr_mini {padding:50px 0 87px}
.mini_report {padding:30px 0 48px; background:#1e1e1f}
.mini_report_tit {padding-bottom:25px; text-align:center; font-size:15px; color:#888; opacity:.9}
.mini_report_view {min-height:200px}
.mini_resultbox {padding-top:30px}
.mini_result {width:210px; margin:0 auto;}
.mini_result:after {content:""; display:block; clear:both}
.mini_resultlist {float:left; width:70px; height:71px; text-align:center}
.mini_result_value {display:block; padding-bottom:3px; font-size:26px; color:#c8c8c8; font-family:"BebasNeueBold"}
.mini_result_unit {display:block; padding-bottom:2px; font-size:12px; color:#787878}
.mini_line {width:100%; height : 1px; background:#181818}
.mini_cclist {padding-bottom:25px}
.mini_cclink {display:block; position:relative; height:86px; padding:21px 60px 0 25px; border-bottom:1px solid #282828}
.mini_cc_top {}
.mini_cc_tit {display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; max-width:100%; padding:0 20px 7px 0; font-size:18px; color:#cbcbcb}
.mini_cc_date {display:block; font-size:15px; color:#666}
.mini_cc_score {position:absolute; right:25px; top:25px; font-size:32px; color:#dedede; font-family:"BebasNeueBold"}
.mini_cc_view {display:block; margin:0 auto; width:146px; height:45px; padding-top:10px; color:#808080; font-size:16px; border:1px solid #3f3f3f; border-radius:30px; text-align:center;}
.mini_cc_view:after {content:""; display:inline-block; position:relative; top:8px; width:10px; height:6px; margin-left:5px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-arr-activity.svg) no-repeat; -webkit-background-size:10px 6px; -moz-background-size:10px 6px; background-size:10px 6px; vertical-align:top}

.ico_new {display:inline-block; position:absolute; right:0; top:4px; width:16px; height:16px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico-list-new.png) no-repeat; -webkit-background-size:16px 16px; -mobackground-size:16px 16px-; background-size:16px 16px; border-radius:50%; font-size:1px; color:transparent; text-indent:-2000px}
.gir_list {position:absolute; left:0; right:0; bottom:0px; padding:30px 0; text-align:center}
.gir_list .gir_item {display:inline-block; margin-right:0px; color:#888; vertical-align:top}
.gir_report {position:relative; top:5px; display:inline-block; width:9px; height:8px; margin-right:8px; font-size:1px; color:transparent; text-indent:-2000px; background:#565656; vertical-align:top}
.gir_report.on {background:#f13838}


/* slidePaging */
.slidePaging {position:relative; height:70px; width:148px; margin:0 auto; padding-bottom:30px; text-align:center}
.slidePaging .prev_view {display:block; position:absolute; left:0; top:0; height:44px; width:28px}
.slidePaging .prev_view:after {content:""; display:block; position:absolute; left:50%; top:50%; margin:-6px 0 0 -4px; width:8px; height:12px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -70px -72px no-repeat; background-size:113px 86px}
.slidePaging .current_view {position:relative; top:7px; color:#eee; font-size:28px; font-family:"BebasNeueBold"}
.slidePaging .next_view {display:block; position:absolute; right:0; top:0; height:44px; width:28px}
.slidePaging .next_view:after {content:""; display:block; position:absolute; left:50%; top:50%; margin:-6px 0 0 -4px; width:8px; height:12px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -70px -72px no-repeat; background-size:113px 86px; -webkit-transform:rotate(180deg)}
.slidePaging .one {opacity:.4}

.ico_err_l:after {content:""; display:block; position:absolute; left:50%; top:50%; margin:-6px 0 0 -4px; width:8px; height:12px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -70px -72px no-repeat; background-size:113px 86px}
.ico_err_r:after {content:""; display:block; position:absolute; left:50%; top:50%; margin:-6px 0 0 -4px; width:8px; height:12px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -70px -72px no-repeat; background-size:113px 86px; -webkit-transform:rotate(180deg)}


/* 검색 uio */
.searchbar {position:relative; height:56px; margin-bottom:7px; padding:10px 40px 10px 48px; background:#fff; border-bottom:1px solid #e1e1e1}
.searchbar:before {content:""; display:block; position:absolute; left:20px; top:50%; width:16px; height:15px; margin-top:-8px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -95px -28px no-repeat; background-size:113px 86px}
.searchbar_link {position:absolute; left:0; top:0; right:0; bottom:0; padding:18px 20px 0 48px; font-size:15px; color:#555}
.searchbar_link:visited {color:#555}
.searchbar input[type="text"] {display:block; width:100%; height:35px; padding:6px 0 3px 0; line-height:20px; font-size:17px}
.searchbar input[type="text"]::-webkit-input-placeholder {font-size:15px; padding:0; color:#555}
.searchbar_btn {position:absolute; right:0; top:0; width:43px; height:55px; outline:0; font-size:1px; color:transparent; text-indent:-2000px}
.searchbar_btn:after {content:""; display:block; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; width:13px; height:13px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites.png) -50px -72px no-repeat; background-size:113px 86px}

/* 유저 매장레슨 */
.userpage {padding:50px 0 58px}
.usersearch {padding:50px 0 0}

/* 프리미엄 데이터 없음 */
.nodata_premium {position: absolute;top: 50%;left: 0;right: 0;margin-top:-110px;font-size: 16px;color: #6a6a6a;text-align: center;}
.nodata_premium_img {display:block; width:198px; margin:0 auto}
.nodata_premium_tit {display:block; font-size:18px; color:#414244; font-weight:bold; font-size:18px; padding:38px 0 5px}
.nodata_premium_ment {font-size:16px; color:#414244}

.nodata_premium {}
.delegate_box {position:relative; display:block; min-height:149px; margin-bottom:7px; border-bottom:1px solid #e1e1e1; color:#fff}
.delegate_box:visited {color:#fff}
.delegate_box:after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)}
.delegate_info {position:absolute; z-index:2; left:0; right:0; bottom:0; font-size:14px}
.delegate_inner {padding:0 15px 24px}
.delegate_notice_on {padding-bottom:11px}
.delegate_box .noticebar {height:40px; padding:12px 15px 0 72px; color:rgba(255,255,255,.8); background:rgba(0,0,0,.2); border:0}
.delegate_box .ico_notice {top:14px}
.delegate_tit {padding-bottom:4px; color:#fff; font-size:20px; font-weight:bold}
.delegate_mark {position:relative; z-index:2; font-weight:bold}
.delegat_img {display:block; width:100%}
.ico_partition:after {content:""; display:inline-block; position:relative; width:1px; height:10px; margin:0 7px; background:rgba(255,255,255,.5)}
.ico_partition_type2:after {content:""; display:inline-block; position:relative; top:1px; width:1px; height:12px; margin:0 10px; background:#c4c4c4}

.infoboxuio {position:relative; padding-right:110px; min-height:110px; background:#fff}
.infoboxuio_tit {padding:29px 22px; font-size:19px; line-height:24px; color:#323232}
.infoboxuio_tit em {color:#2471cd}
.infoboxuio_link {position:absolute; right:0;top:0; display:block; width:110px; height:110px; padding:29px 0 0; font-size:13px; color:#777; text-align:center}
.infoboxuio_link:before {content:""; display:block; width:29px; height:29px; margin:0 auto 4px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico-mypro.png) no-repeat; -webkit-background-size:29px 29px; -moz-background-size:29px 29px; background-size:29px 29px}
.infoboxuio_link:after {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:26px; margin-top:-13px; background:#e7e7e7}

/* profile_box */
.profile_box {position:relative; height:100px; margin-bottom:6px; padding:0 20px 0 90px; background:#fff; border-bottom:1px solid #e1e1e1}
.profile_pic {position:absolute; left:20px; top:50%; margin-top:-25px; display:block; width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.profile_pic.no_pic {background:#e2e2e2}
.profile_clearbox {position:relative; height:100px}
.profile_clearbox:after {content:""; display:block; clear:both}
.profile_link {float:left; position:relative; display:block; width:33%; height:100px; padding-top:32px; text-align:center; color:#666; font-size:13px}
.profile_link:before {content:""; display:block; position:absolute; left:0; top:38px; width:1px; height:26px; background:#e7e7e7}
.profile_link:first-child {width:34%}
.profile_link:first-child:before {display:none}
.profile_mark1 {display:block; padding-top:5px; font-weight:bold; font-size:17px; color:#276cbe}
.profile_mark2 {display:block; padding-top:3px; font-weight:bold; font-size:17px; color:#2f2f2f}

.thumlist {position:relative; }
.thumlist_link {display:block; position:relative; height:111px; padding:12px 20px 12px 162px; border-bottom:1px solid #ebebeb; background:#fff}
.thumlist_link:visited {color:#000}
.thumlist_link.on {background:#f9fbff}
.thumlist_btn_public {display:block; position:absolute; left:116px; bottom:5px; width:26px; height:26px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) no-repeat; -webkit-background-size:300px 300px; -moz-background-size:300px 300px; background-size:300px 300px}
.thumlist_btn_public.public {background-position:-59px -62px}
.thumlist_btn_public.cancel {background-position:-117px -62px}
.thumlist_btn_public.request {left:0; top:0; line-height:16px; width:147px; height:110px; padding-top:28px; font-size:13px; text-align:center; color:#fff; background:rgba(0,0,0,.6)}
.thumlist_btn_public.request:before {content:""; display:block; width:20px; height:20px; margin:0 auto 3px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) -30px -95px no-repeat; -webkit-background-size:300px 300px; -moz-background-size:300px 300px; background-size:300px 300px}
.thumlist_btn_public.standby {left:0; top:0; line-height:16px; width:147px; height:110px; padding-top:28px; font-size:13px; text-align:center; color:#fff; background:rgba(0,0,0,.6)}
.thumlist_btn_public.standby:before {content:""; display:block; width:20px; height:20px; margin:0 auto 3px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) 0 -95px no-repeat; -webkit-background-size:300px 300px; -moz-background-size:300px 300px; background-size:300px 300px}

.thumlist_pic {position:absolute; left:0; top:0; width:147px; height:110px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}
.thumlist_pic.no_pic {background:#e2e2e2}
.thumlist_tit {overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2;-webkit-box-orient:vertical; word-break:break-all; height:40px; line-height:20px; margin-bottom:9px; font-size:15px; color:#000}
.thumlist_user {overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap; margin-bottom:4px; font-size:14px;}
.thumlist_date {font-size:14px; color:#555}
.thumlist_comment {position:absolute; right:20px; bottom:15px; color:#777; font-size:14px; font-weight:bold}
.thumlist_comment:before {content:""; position:relative; top:4px; display:inline-block; width:16px; height:15px; margin-right:4px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico_talk.png) no-repeat; -webkit-background-size:15px 14px; -moz-background-size:15px 14px; background-size:15px 14px}
.thumlist.on .thumlist_comment {color:#276cbe}
.thumlist.on .thumlist_comment:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/images/ico_talk_on.png)}

/* pro lesson list */
.list_lesson {padding:50px 0 58px}
.pro_userlist{padding-top:50px}

/* product lesson */
.product_lesson {padding:0px 0 58px}

.itemlink {display:block; position:relative; height:121px; padding:13px 20px 11px 167px; border-bottom:1px solid #ebebeb; background:#fff}
.itemlink:visited {color:#000}
.itemlink_pic {position:absolute; left:20px; top:11px; width:132px; height:99px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}
.itemlink_pic.no_pic {background:#e2e2e2}
.itemlink_tit {overflow:hidden; height:38px; line-height:20px; margin-bottom:16px; font-size:16px; color:#000; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2;-webkit-box-orient:vertical; word-break:break-all}
.itemlink_user {margin-bottom:3px; font-size:14px; color:#323232}
.itemlink_date {font-size:14px; color:#555}
.slidebox {position:relative; overflow:hidden}
.slidebox ul:after {content:""; display:block; clear:both}
.slideitem {float:left}
.slideitem img {width:100%; height:100%; vertical-align:top}
.slidebox_paging {position:absolute; right:14px; bottom:13px; width:44px; height:22px; padding-top:4px; line-height:15px; font-size:14px; color:#fff; text-align:center; background:rgba(0,0,0,.5); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.slidebox_current {font-weight:bold}

/* Header */
.header_gdr {overflow:hidden; position:relative; z-index:301; height:46px; text-align:center; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; background:#2b2b2c}
.header_gdr-back {position:absolute; left:0; top:0; width:50px; height:46px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-backkey-grey.svg) 16px 50% no-repeat; -webkit-background-size:13px 22px; -moz-background-size:13px 22px; background-size:13px 22px}
.header_gdr-prevbtn {display:inline-block; position:relative; top:3px; width:40px; height:40px; vertical-align:top; text-align:center}
.header_gdr-prevbtn:before {content:""; display:block; position:relative; top:12px; width:9px; height:16px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_header_errow.svg) no-repeat; -webkit-background-size:9px 16px; -moz-background-size:9px 16px; background-size:9px 16px}
.header_gdr-date {overflow:hidden; display:inline-block; min-width:120px; max-width:170px; position:relative; height:46px; padding-top:14px; font-size:15px; color:rgba(255, 255, 255, 0.6); vertical-align:top; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; vertical-align:top}
.header_gdr-nextbtn {display:inline-block; position:relative; top:3px; width:40px; height:40px; vertical-align:top; text-align:center}
.header_gdr-nextbtn:before {content:""; display:block; position:relative; top:12px; width:9px; height:16px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_header_errow.svg) no-repeat; -webkit-background-size:9px 16px; -moz-background-size:9px 16px; background-size:9px 16px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg)}
.header_gdr-datepicker {overflow:hidden; position:absolute; z-index:100; right:0; top:0; width:50px; height:50px; text-align:center}
.header_gdr-datepicker:before {content:""; display:inline-block; position:relative; top:15px; width:18px; height:17px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_calendar.svg) no-repeat; -webkit-background-size:18px 17px; background-size:18px 17px}
.header_gdr-title {overflow:hidden; height:50px; padding:15px 0 0 0; font-size:18px; color:#d2d2d2; text-overflow:ellipsis; white-space:nowrap; word-break:break-all}
.header_gdr-close {position:absolute; right:0; top:0; width:60px; height:46px; line-height:1; color:#888; font-size:15px; outline:none;padding: 0;}

/* Header gray style */
.header_gdr.graystyle {z-index:509}
.header_gdr.graystyle .header_gdr-date {height:46px; font-size:15px; color:#999}

.month-picker {position:absolute; z-index:500; left:0; top:97px; right:0; padding:10px 0; background:#1e1e1f}
.month-picker ul {overflow:hidden; height:123px;}
.month-picker li {float:left; width:14.2%; height:52px; padding:10px 0; text-align:center}
.month-picker li:first-child {width:14.8%}
.month-picker .pick {display:block; width:32px; height:32px; margin:0 auto; font-size:17px; font-weight:bold; color:#5e5e5e; border-radius:50%}
.month-picker .pick.on {color:#3f95fc}
.month-picker .pick.current {color:#1e1e1f; background:#3f95fc}


.header_main {box-shadow:0 3px 3px rgba(0,0,0,.1)}
.header_noshadow {box-shadow:none}
.header_basic {position:fixed; left:0; top:0; z-index:500; width:100%; height:50px; padding:0 50px; text-align:center; background:#fff;border-bottom:1px solid #d6d6d6}
.header_basic.has_main {padding: 15px 0!important;}
.header_basic.has_main .header_basic-title {padding: 0 15px!important;height: auto;display: flex;}
.header_basic.has_main .header_basic-title .header_basic-gdr-bi {margin: 0 0;}
.header_basic-back {position:absolute; left:0; top:0; width:50px; height:50px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-backkey-black.svg) 16px 50% no-repeat; -webkit-background-size:13px 22px; -moz-background-size:13px 22px; background-size:13px 22px}
.header_basic-close {position:absolute; left:0; top:0; width:50px; height:50px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-backkey-close.svg) 16px 50% no-repeat; -webkit-background-size:18px 18px; -moz-background-size:18px 18px; background-size:18px 18px}
.header_basic-title {overflow:hidden; height:50px; padding:15px 30px; font-size:18px; color:#030303; text-overflow:ellipsis; white-space:nowrap; word-break:break-all}
/* .header_basic-gdr-bi {display:block; position:relative; top:2px; width:67px; height:19px; margin:0 auto; color:transparent; font-size:1px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/img-gdr-bi.svg) no-repeat; -webkit-background-size:67px 19px; -moz-background-size:67px 19px; background-size:67px 19px} */
.header_basic-gdr-bi {display:block; position:relative; top:2px; width:71px; height:20px; margin:0 auto; color:transparent; font-size:1px; background:url(../images/group_6.png) no-repeat; -webkit-background-size:67px 19px; -moz-background-size:67px 19px; background-size:67px 19px}
.header_basic-move {overflow:hidden; position:absolute; right:0; top:0; max-width:120px; height:50px; padding:15px 10px 0; text-align:center; color:#030303}
.header_tab {min-width:320px; height:50px; background:#fff; border-bottom:1px solid #d6d6d6}
.header_tab-box {padding:0 10%}
.header_tab-box:after {content:""; display:block; clear:both}
.header_tab-link {float:left; position:relative; display:block; width:33.33%; height:50px;  text-align:center; font-size:16px; line-height:20px; padding-top:15px; color:#444}
.header_tab-link.on {color:#2471cd}
.header_tab-link.on:after {content:""; position:absolute; left:0; right:0; bottom:0; display:block; height:2px; background:#3f95fc}
.header_glass {position:fixed;height:50px; padding:0 50px; text-align:center}
.header_glass-back {position:absolute; z-index:1;left:0; top:0; width:50px; height:50px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico/ico_back.png) 16px 50% no-repeat; -webkit-background-size:13px 22px; -moz-background-size:13px 22px; background-size:13px 22px}
.header_glass-title {overflow:hidden; height:50px; padding:15px 0 0 0; font-size:18px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all}

/* Nav */
.floating_nav {position:fixed; z-index:300; left:0; right:0; bottom:0; width:100%; min-width:320px; height:58px; border-top:1px solid #262626; background:#171717; -webkit-box-shadow:0 0 12px rgba(0,0,0, .1); -moz-box-shadow:0 0 12px rgba(0,0,0, .1); box-shadow:0 0 12px rgba(0,0,0, .1)}
.floating_nav.basic {background:#fff; border-top:1px solid #dedede}
.floating_nav-btn {float:left; overflow:hidden; display:block; width:25%; height:58px; padding-top:4px; text-align:center; line-height:12px; font-size:11px; color:#7e7e7e}
.floating_nav-btn:visited {color:#7e7e7e}
.floating_nav-btn.on {color:#4a8ff6}
.floating_nav-btn-activity:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_activity_gray.svg) 50% 50% no-repeat; -webkit-background-size:19px 19px; -moz-background-size:19px 19px; background-size:19px 19px}
.floating_nav-btn-lesson:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_lesson_gray.svg) 50% 50% no-repeat; -webkit-background-size:20px 18px; -moz-background-size:20px 18px; background-size:20px 18px}
.floating_nav-btn-gdr:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_gdr_gray.svg) 50% 50% no-repeat; -webkit-background-size:20px 19px; -moz-background-size:20px 19px; background-size:20px 19px}
.floating_nav-btn-nasmo:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_nasmo_gray.svg) 50% 50% no-repeat; -webkit-background-size:19px 20px; -moz-background-size:19px 20px; background-size:19px 20px}
.floating_nav-btn-lesson:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_lesson_gray.svg) 50% 50% no-repeat; -webkit-background-size:19px 20px; -moz-background-size:19px 20px; background-size:19px 20px}
.floating_nav-btn-more:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_more_gray.svg) 50% 50% no-repeat; -webkit-background-size:14px 15px; -moz-background-size:14px 15px; background-size:14px 15px}
.basic .floating_nav-btn-activity:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_activity_black.svg) 50% 50% no-repeat; -webkit-background-size:19px 19px; -moz-background-size:19px 19px; background-size:19px 19px}
.basic .floating_nav-btn-lesson:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_lesson_black.svg) 50% 50% no-repeat; -webkit-background-size:20px 18px; -moz-background-size:20px 18px; background-size:20px 18px}
.basic .floating_nav-btn-gdr:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_gdr_black.svg) 50% 50% no-repeat; -webkit-background-size:20px 19px; -moz-background-size:20px 19px; background-size:20px 19px}
.basic .floating_nav-btn-nasmo:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_nasmo_black.svg) 50% 50% no-repeat; -webkit-background-size:19px 20px; -moz-background-size:19px 20px; background-size:19px 20px}
.basic .floating_nav-btn-lesson:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_lesson_black.svg) 50% 50% no-repeat; -webkit-background-size:19px 20px; -moz-background-size:19px 20px; background-size:19px 20px}
.basic .floating_nav-btn-more:before {content:""; display:block; height:33px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_more_black.svg) 50% 50% no-repeat; -webkit-background-size:14px 15px; -moz-background-size:14px 15px; background-size:14px 15px}
.floating_nav-btn.on .floating_nav-btn-activity:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_activity_blue.svg)}
.floating_nav-btn.on .floating_nav-btn-lesson:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_lesson_blue.svg)}
.floating_nav-btn.on .floating_nav-btn-gdr:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_gdr_blue.svg)}
.floating_nav-btn.on .floating_nav-btn-nasmo:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_nasmo_blue.svg)}
.floating_nav-btn.on .floating_nav-btn-lesson:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_lesson_blue.svg)}
.floating_nav-btn.on .floating_nav-btn-more:before {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_menu_more_blue.svg)}

/* layout */
section{overflow:hidden}
.header {/*position:relative;*/ z-index:500; left:0; right:0; top:0; width:100%;}
.header.glass {position:absolute}
.footer {position:relative}


/* golfzonSwipe JS */
.golfzon-swipe {position:relative; overflow:hidden; visibility:hidden}
.golfzon-swipe-init {visibility:visible !important}
.golfzon-slide {display:block; bottom:0; text-decoration:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-size:cover}
/* golfzonSwipe - Slide effect */
.golfzon-effect-slide .golfzon-slide {display:block; opacity:0; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.golfzon-effect-slide .golfzon-current-slide {display:block; opacity:1}
.golfzon-effect-slide .golfzon-previous-slide {-webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); left:-24px}
.golfzon-effect-slide .golfzon-next-slide {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); left:32px}
.golfzon-direction-next .golfzon-previous-slide {opacity:1; display:block}
.golfzon-direction-previous .golfzon-next-slide {opacity:1; display:block}
/* golfzonSwipe - Touch styles */
.golfzon-touch-enabled.golfzon-is-touching .golfzon-previous-slide {opacity:1; display:block}
.golfzon-touch-enabled.golfzon-is-touching .golfzon-next-slide {opacity:1; display:block}
/* golfzonSwipe - Fade effect */
.golfzon-effect-fade .golfzon-slide {-webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; -webkit-transition-timing-function:ease-in; -moz-transition-timing-function:ease-in; -o-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0; display:none}
.golfzon-effect-fade .golfzon-current-slide {opacity:1; display:block; left:24px}
/* golfzonSwipe - none hide */
.golfzon-swipe-none-hide .golfzon-previous-slide {opacity:1; display:block; left:16px}
.golfzon-swipe-none-hide .golfzon-current-slide {opacity:1; display:block; left:24px}

/* dimmed */
.dimmed {display:none; position:fixed; z-index:500; left:0; top:0; right:0; bottom:0; min-height:100%; background:rgba(0,0,0,.8)}
.map_dimmed {position:fixed; z-index:500; left:0; top:50px; right:0; bottom:0; min-height:100%; background:rgba(0,0,0,.8); display:none; cursor:pointer}

/* popup layer */
.poplayer {opacity:0; display:none; position:fixed; z-index:600; left:0; right:0; top:50%; margin:-90px auto 0; width:300px; height:185px; padding-bottom:55px; background:#fff; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden}
.poplayer-open {opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px)}
.poplayer_msg {padding:44px 0 30px; letter-spacing:-1px}
.poplayer_msg-lesson {line-height:24px; font-size:17px; color:#000; padding:0 5px}
.poplayer_btn-box {position:absolute; left:0; right:0; bottom:0; background:#ececec}
.poplayer_btn-box:after {content:""; display:block; clear:both}
.poplayer_btn-cancel {float:left; display:block; width:50%; height:55px; padding-top:16px; font-size:16px; color:#666; border-top:1px solid #e2e2e2}
.poplayer_btn-ok {float:left; display:block; width:50%; height:55px; padding-top:16px; font-size:16px; color:#0071c9; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2}

/* popup layer type2 */
.layer_check {position:fixed; z-index:600; left:50%; top:50%; width:310px; min-height:200px; margin:-130px 0 0 -155px}
.layer_checkin {padding:30px 28px 70px; background:#fff}
.layer_check_tit {display:block; padding-bottom:20px; font-size:18px; color:#000; text-align:center; letter-spacing:-1px}
.layer_check_ment {padding-bottom:13px; font-size:14px; color:#747474; line-height:18px}
.layer_check_ment2 {padding-bottom:13px; font-size:14px; color:#747474; line-height:18px; text-align:center}
.layer_check_listing {padding-bottom:10px}
.layer_check_list {position:relative; display:block; padding-left:10px; line-height:21px; font-size:14px; color:#0a3d7b}
.layer_check_list:before {content:""; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background:#0a3d7b; border-radius:50%}
.layer_check_btnbox {position:absolute; left:0; bottom:0; right:0;}
.layer_check_btnbox:after {content:""; display:block; clear:both}
.layer_check_button {display:block; height:55px; padding-top:17px; font-size:16px; color:#fff; background:#2471cd; text-align:center}
.layer_check_btn {display:block; float:left; width:50%; height:55px; padding-top:17px; font-size:16px; color:#fff; background:#2471cd; text-align:center}
.layer_check_alert {display:block; height:55px; padding-top:17px; font-size:16px; color:#000; background:#fff; text-align:center; border-top:1px solid #e2e2e2}
.layer_check_btn_cancel {border-top:1px solid #e2e2e2}
.layer_check_btn_confirm {display:block; float:left; width:50%; height:55px; padding-top:17px; font-size:16px; color:#2471cd; background:#fff; text-align:center; border:1px solid #e2e2e2; border:1px 0 0 1px}
.layer_check_cancel {display:block; float:left; width:50%; height:55px; padding-top:17px; font-size:16px; color:#666; background:#ececec; border-top:1px solid #e2e2e2; text-align:center}

/* popup layer type3 */
.layer_pop {position:fixed; z-index:600; left:50%; top:50%; width:310px; height:440px; margin:-220px 0 0 -155px}
.layer_pop_title {height:60px; padding-top:19px; font-size:20px; color:#000; font-weight:bold; text-align:center; border-bottom:1px solid #dfe5ee; background:#fff; letter-spacing:-1px}
.layer_popin {padding:19px 25px 70px; background:#fff}
.layer_pop_tit {display:block; padding-bottom:5px; font-size:16px; color:#006fec; letter-spacing:-1px}
.layer_pop_ment {font-size:13px; color:#717882; line-height:15px; letter-spacing:-1px}
.layer_pop_listing {padding:25px 0 0}
.layer_pop_list {position:relative; display:block; margin-bottom:15px; padding:2px 0 0 50px; font-size:14px; color:#000}
.layer_pop_list:before {content:""; display:block; position:absolute; left:0; top:0; width:40px; height:40px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png); -webkit-background-size:300px 300px;  -moz-background-size:300px 300px;  background-size:300px 300px; border-radius:50%}
.layer_pop_list.list_type1:before {background-position:0 -130px}
.layer_pop_list.list_type2:before {background-position:-41px -130px}
.layer_pop_list.list_type3:before {background-position:-41px -171px}
.layer_pop_list.list_type4:before {background-position:0 -171px}
.layer_pop_comment {display:block; padding-top:4px; color:#969ba2; font-size:13px}
.layer_pop_btnbox {position:absolute; left:0; bottom:0; right:0;}
.layer_pop_btnbox:after {content:""; display:block; clear:both}
.layer_pop_button {display:block; height:55px; padding-top:17px; font-size:16px; color:#fff; background:#2471cd; text-align:center}
.layer_pop_btn {display:block; float:left; width:50%; height:55px; padding-top:17px; font-size:16px; color:#fff; background:#2471cd; text-align:center}

/* layer_alert */
.layer_alert {position:fixed; z-index:600; left:50%; top:50%; width:310px; min-height:150px; margin:-75px 0 0 -155px; background:#fff}
.layer_alertin {padding:30px 28px; background:#fff}
.layer_alert_tit {display:block; font-size:17px; color:#000; text-align:center; letter-spacing:-1px}
.layer_alert_btnbox {position:absolute; left:0; bottom:0; right:0;}
.layer_alert_btnbox:after {content:""; display:block; clear:both; }
.layer_alert_button {display:block; height:55px; padding-top:17px; font-size:16px; color:#000; background:#fff; text-align:center; border-top:1px solid #e2e2e2}

.layer_alert_cancel {display:block; float:left; width:50%; height:55px; padding-top:17px; font-size:16px; color:#000; border-top:1px solid #e2e2e2; text-align:center}
.layer_alert_btn {display:block; float:left; width:50%; height:55px; padding-top:17px; font-size:16px; color:#2471cd; text-align:center; border:1px solid #e2e2e2; border-width:1px 0 0 1px}

/* 2019-04-11 */
.layer_popup_wrap { position:fixed; z-index:600; left:50%; top:50%; width:310px; margin:0 0 0 -155px; background:#fff; }
.layer_popup { padding:30px 28px; background:#fff; }
.layer_popup_tit { display:block; font-size:17px; color:#000; text-align:center; letter-spacing:-1px; line-height:1.6; word-spacing:-1px; }
.layer_popup_tit2 { display:block; font-size:20px; color:#000; text-align:center; font-weight:bold; }
.layer_popup_tit strong { font-size:18px; }
.layer_popup_txt_l { display:block; margin:15px 0 0; font-size:14px; color:#747474; line-height:1.4; letter-spacing:-1px; }
.layer_popup_txt_c { display:block; margin:15px 0 0; font-size:14px; color:#747474; line-height:1.4; text-align:center; letter-spacing:-1px; }
.layer_popup_txt_s { display:block; margin:15px 0 0; font-size:13px; color:#747474; line-height:1.4; letter-spacing:-1px; }
.layer_popup_sub { display:block; margin:10px 0 0; font-size:17px; color:#0a3d7b; text-align:center; letter-spacing:-1px; }
.layer_popup_list { margin:10px 0 0; }
.layer_popup_list li { position:relative; padding:0 0 0 13px; color:#0a3d7b; font-size:14px; line-height:18px; }
.layer_popup_list li::before { content:""; display:block; position:absolute; top:8px; left:3px; width:3px; height:3px; background:#0a3d7b; }
.layer_popup_btn_box { border-top:1px solid #e2e2e2; }
.layer_popup_btn_box:after {content:""; display:block; clear:both; }
.layer_popup_button { display:block; font-size:16px; color:#000; background:#fff; text-align:center; line-height:55px; }
.btn_type02 .layer_popup_button { float:left; width:50%; }
.btn_type02 .layer_popup_button:last-child { color:#2471cd; border-left:1px solid #e0e0e0; }
.btn_type_b .layer_popup_button,
.btn_type_r .layer_popup_button { color:#666666; background:#ececec; }
.btn_type_b .layer_popup_button:last-child { color:#FFFFFF; background:#2471cd; }
.btn_type_r .layer_popup_button:last-child { color:#FFFFFF; background:#d44040; }

.layer_popup_table { margin:30px 0 0; }
.layer_popup_table ul { padding:16px 0; border:1px solid #efefef; border-left:0; border-right:0; }
.layer_popup_table ul li { position:relative; margin-bottom:13px; padding-left:60px; font-size:14px; }
.layer_popup_table ul li:last-child { margin:0; }
.layer_popup_table ul li:after {content:""; display:block; clear:both; }
.layer_popup_table ul li strong { display:block; position:absolute; top:0; left:0; width:60px; color:#747474; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.layer_popup_table ul li p { display:block; color:#000000; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.layer_popup_table ul li p em { font-weight:bold; }

.complete_wrap { position:relative; } 
.complete_cont { padding:130px 25px 90px; } 
.complete_tit { color:#000000; font-size:20px; text-align:center; font-weight:bold; }
.complete_tit::before { content:""; display:block; width:57px; height:57px; margin:0 auto 17px; background:url('http://i.gzcdn.net/images/v3/newgdr/images/ico_complete2.png') center center no-repeat; background-size:57px 57px; border:1px solid #2e6cff; border-radius:50%; overflow:hidden; }
.complete_txt { display:block; margin:12px 0 0; color:#616161; font-size:14px; text-align:center; line-height:18px; letter-spacing:-1px; }
.complete_table { margin:110px 0 0; }
.complete_table ul { padding:18px 0; border:1px solid #e1e1e1; border-left:0; border-right:0; }
.complete_table ul li { position:relative; margin-bottom:15px; padding-left:70px; }
.complete_table ul li:last-child { margin:0; }
.complete_table ul li:after {content:""; display:block; clear:both; }
.complete_table ul li strong { display:block; position:absolute; top:0; left:0; width:70px; color:#818181; font-size:15px; }
.complete_table ul li p { display:block; color:#000000; font-size:17px; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.complete_table ul li p em { color:#2471cd; font-weight:bold; }
.complete_btn { }
.complete_btn:after {content:""; display:block; clear:both; }
.complete_btn .button { float:left; width:40%; height:60px; color:#FFFFFF; font-size:16px; background:#424242; font-weight:bold; line-height:60px; text-align:center; }
.complete_btn .button:last-child { width:60%; background:#2471cd; }

/* // 2019-04-11 */



/* angular module calendar */
.multiple_calander {position:absolute; z-index:500; left:0; top:50px; right:0}
.multiple-date-picker {position:absolute; z-index:500; left:0; top:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:#1e1e1f; text-align:center}
.picker-top-row {height:46px; padding-top:1px; color:#4e4e4f; text-align:center; background:#2b2b2c; border-bottom:1px solid #080808}
.picker-navigate {width:26%}
.picker-navigate:hover {cursor:pointer}
.picker-navigate.disabled,.picker-navigate.disabled:hover {cursor:default}
.picker-month {display:inline-block; min-width:120px; max-width:170px; height:45px; padding-top:14px; font-size:15px; color:rgba(255, 255, 255, 0.6)}
.picker-days-week-row {height:40px; border-bottom:1px solid #2f2f2f}
.picker-days-week-row:after {content:""; display:block; clear:both }
.picker-days-week-cell {width:13.9%; float:left; display:inline-block; padding-top:11px; color:#4e4e4f; font-size:12px; vertical-align:top}
.picker-days-row {padding:12px 0 18px; color:#4e4e4f; font-size:17px}
.picker-days-row:after {content:""; display:block; clear:both }
.picker-days-row > div {width:13.9%; float:left; display:inline-block}
.picker-day {width:auto; height:50px; padding-top:11px}
.picker-day.picker-off,.picker-day.picker-off:hover {cursor:default}
.picker-day.picker-empty,.picker-day.picker-empty:hover {cursor:default}
.picker-day .cell {height:32px; line-height:20px; padding-top:7px}
.picker-day .picker-other-month {color:#1e1e1f;}
.picker-day .cell-select {width:32px; height:32px; margin:0 auto;  line-height:20px;  padding-top:7px; color:#000; background:#3f95fc; font-weight:bold; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.picker-day .cell-selected {width:32px; height:32px; margin:0 auto; line-height:1; padding-top:6px; color:#3f95fc}
.picker-nav-left-arrow {display:inline-block; position:relative; top:2px; width:40px; height:40px; vertical-align:top; text-align:center}
.picker-nav-left-arrow:before {content:""; display:block; width:40px; height:40px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_header_errow.svg) 50% 50% no-repeat; -webkit-background-size:9px 16px; -moz-background-size:9px 16px; background-size:9px 16px}
.picker-nav-right-arrow {display:inline-block; position:relative; top:2px; width:40px; height:40px; vertical-align:top; text-align:center; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg)}
.picker-nav-right-arrow:before {content:""; display:block; width:40px; height:40px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_header_errow.svg) 50% 50% no-repeat; -webkit-background-size:9px 16px; -moz-background-size:9px 16px; background-size:9px 16px}
.btn_close_calender {display:block; position:absolute; right:0; top:0; width:50px; height:46px; padding-top:14px; line-height:1; font-size:15px; color:#999; text-align:center; z-index:501}

/* smart login */
.smart-login-wrap {display:none}
.smart-login-wrap + .activity_nodata .use_banner1 { margin-top:-124px; }
.smart-login-wrap + .activity_nodata .use_banner2 { margin-top:-86px; }
.smart-login { position:relative; top:-1px; z-index:300; min-width:345px; height:60px; padding:6px 0 0; background:#FFFFFF; box-shadow:0 3px 3px rgba(0,0,0,.1); text-align:center; }
.smart-login .input_smartlogin { display:inline-block; width:250px; height:43px; padding:0 0 0 16px; color:#e6e6e6; font-size:20px; border:1px solid #c7c7c7; border-radius:3px 0 0 3px; letter-spacing:4.9px; vertical-align:top; }
.smart-login .input_smartlogin::placeholder { position:relative; top:-3px; font-size:15px; }
.smart-login .btn_smartlogin { display:inline-block; width:95px; height:43px; color:#FFFFFF; font-size:14px; background-color:#8492a8; line-height:43px; font-weight:bold; border-radius:0 3px 3px 0; vertical-align:top; }
.smart-login.active .input_smartlogin { color:#323232; font-weight:bold; }
.smart-login .activeBtn { background-color:#2c72da; }
.smart-login .input_smartlogin::-webkit-input-placeholder { padding:0; color:#E6E6E6; font-size:14px; letter-spacing:0; font-weight:normal; line-height:41px; }
.smart-login .input_smartlogin::-moz-placeholder { padding:0; color:#E6E6E6; font-size:14px; letter-spacing:0; font-weight:normal; line-height:41px; }
.smart-login .input_smartlogin:-ms-input-placeholder { padding:0; color:#E6E6E6; font-size:14px; letter-spacing:0; font-weight:normal; line-height:41px; }
.smart-login .input_smartlogin:-moz-placeholder { padding:0; color:#E6E6E6; font-size:14px; letter-spacing:0; font-weight:normal; line-height:41px; }
.smart-login .delay-time { display:inline-block; width:250px; height:43px; color:#323232; font-size:20px; border:1px solid #c7c7c7; /*border-right:0;*/ border-radius:3px 0 0 3px; vertical-align:top; font-weight:bold; text-align:center; line-height:39px; }

.login-area { position:relative; z-index:300; height:59px; padding:0 92px 0 24px; background:#FFFFFF; }
.login-area p { color:#262b2f; font-size:17px; font-weight:bold; line-height:59px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.login-area a { display:block; position:absolute; top:14px; right:20px; width:71px; height:31px; color:#757575; font-size:14px; border:1px solid #757575; border-radius:15.5px; text-align:center; line-height:29px; }

.txt-banner { height:54px; background-color:#2795f6; }
.txt-banner a { display:block; position:relative; padding:0 44px 0 24px; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.txt-banner a::after { content:""; position:absolute; top:22px; right:22px; width:7px; height:7px; border:2px solid #FFFFFF; border-top:0; border-left:0; transform:rotate(-45deg); }
.warning-banner { position:relative; top:-1px; height:48px; background-color:#da2020; z-index:10; }
.warning-banner p { padding:15px 15px 0 ; color:#FFFFFF; font-size:15px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }

/* Activity */
.activity {padding:50px 0 70px; overflow:hidden}
.activity_notice {position:relative; height:54px}
.activity_notice-fix {position:fixed; left:0; top:50px; z-index:300; width:100%; height:54px; padding:18px 80px 0 48px; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.1)}
.activity_notice-title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:16px; color:#000}
.activity_notice-more {position:absolute; right:15px; top:14px; height:26px; padding:6px 10px 0; border:1px solid #d9d9d9; font-size:12px; text-align:center; color:#666; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px}
.activity-event-ico:before {content:""; display:block; position:absolute; left:15px; top:15px; width:23px; height:23px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-noti.svg) no-repeat; -webkit-background-size:23px 23px; -moz-background-size:23px 23px; background-size:23px 23px}
.activity_card-cover {position:relative}
.activity_card-box {margin-bottom:30px; padding-top:23px}
.activity_card-type {padding-top:0}
.activity_card-moving {overflow:visible !important; padding-left:24px}
.activity_card-moving:after {content:""; display:block; clear:both}
.activity_card-view {overflow:hidden; position:relative; height:235px; padding:0 4px 20px; background:#262b2f; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0}
.activity_card-title {padding:17px 0 10px 16px; font-size:20px; color:#fff}
.activity_card-date {display:block; padding:0 0 14px 26px; font-weight:bold; font-size:18px; color:#232323}
.activity_card-data {display:block; position:absolute; left:24px; bottom:16px; font-size:14px; color:#888; letter-spacing:-1px}
.activity_card-data .activity-lump {display:inline-block; margin-right:7px}
.activity_card-info {height:95px; padding:21px 4% 0}
.activity_card-item {display:block; float:left; width:33.3%; text-align:center}
.activity_card-value {display:block; padding-bottom:3px; font-size:26px; line-height:32px; font-family:"BebasNeueBold"; color:#000}
.activity_card-txt {display:block; font-size:12px; color:#666}
.activity_card-symbol {display:block; width:262px; margin:0 auto}
.activity_driver {z-index:5}
.activity_wood {z-index:4}
.activity_iron {z-index:3}
.activity_range {z-index:2}
.activity_range .highcharts-container {text-align:center !important}
.activity_card-score {position:absolute; left:0; right:0; top:61px; text-align:center; font-size:17px; color:#5adfb1}
.activity_card-score-left {position:absolute; left:0; right:0; top:61px; text-align:center; font-size:17px; color:#00aefb}
.activity_card-score-right {position:absolute; left:0; right:0; top:61px; text-align:center; font-size:17px; color:#ef4b4b}
.activity .mark-core {display:inline-block; position:relative; top:2px; margin-left:2px; font-family:"BebasNeueBold"; font-size:21px}
.activity_nasmo {margin-top:-16px; padding-bottom:15px}
.activity_nasmo-titlebox {height:27px; margin-bottom:17px}
.activity_nasmo-title {display:inline-block; line-height:21px; padding:4px 10px 0 30px; font-weight:bold; font-size:18px; color:#000; vertical-align:top}
.activity_nasmo-totalview {display:inline-block; text-align:center; height:29px; margin-left:-4px; padding:7px 10px 0; border:1px solid #ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:12px; color:#666; vertical-align:top}
.activity_nasmo-box {overflow-x:auto; position:relative}
.activity_nasmo-moving {height:190px; padding:0 10px 0 21px}
.activity_nasmo-moving:after {content:""; display:block; clear:both}
.activity_nasmo-item {float:left; width:140px; height:180px; margin-right:10px; padding:20px 0; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; -webkit-box-shadow:1px 3px 3px rgba(0,0,0,.1); -moz-box-shadow:1px 3px 3px rgba(0,0,0,.1); box-shadow:1px 3px 3px rgba(0,0,0,.1)}
.activity_nasmo-thum {display:block; width:88px; height:88px; margin:0 auto 11px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.activiey-nasmo-club {display:inline-block; font-size:21px; color:#000; vertical-align:bottom; font-family:"BebasNeueBold"}
.activiey-nasmo-club:after {content:""; display:inline-block; width:3px; height:3px; margin:0 1px 0 6px; background:#a0a0a0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; vertical-align:middle}
.activiey-nasmo-unit {display:inline-block; position:relative; top:-4px; margin-left:-3px; color:#000;vertical-align:bottom; font-weight:bold; font-family:"AkrobatBold"; font-size:18px}
.activiey-nasmo-score {display:inline-block; font-size:21px; color:#000; vertical-align:bottom; font-family:"BebasNeueBold"}
.activity_nasmo-date {display:block; padding-top:5px; font-size:12px; color:#888}
.activity_card-chart {width:282px; height:140px; text-align:center}
.activity .golfzon-slide {overflow:hidden; width:290px; height:325px; margin-right:8px; padding:0; background:#fff; -webkit-box-shadow:2px 3px 4px rgba(0,0,0,.1); -moz-box-shadow:2px 3px 4px rgba(0,0,0,.1); box-shadow:2px 3px 4px rgba(0,0,0,.1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.activity_guide {margin-bottom:25px; background:#fff}
.activity_guide-img {display:block; width:100%}
.activity_more-box {height:70px; margin-top:24px; padding:0 0 25px}
.activity_more-view {display:block; position:relative; width:154px; height:45px; margin:0 auto; padding-top:12px; font-size:16px; color:#424242; text-align:center; border:1px solid #c6c6c6; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; letter-spacing:-1px}
.activity_more-view:after {content:""; display:inline-block; position:relative; top:6px; width:10px; height:6px; margin-left:5px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-arr-activity.svg) no-repeat; -webkit-background-size:10px 6px; -moz-background-size:10px 6px; background-size:10px 6px; vertical-align:top}
.activity_more-view:active {background:#ddd}
.activity_nodata-box {position:absolute; top:50%; left:0; right:0; min-height:345px; margin:0 auto; margin-top:-172px}
.activity_nodata-down {margin-top:-147px}
.activity_nodata-sample {position:relative; width:210px; height:235px; margin:0 auto; -webkit-box-shadow:0 6px 26px rgba(0,0,0,.2); -moz-box-shadow:0 6px 26px rgba(0,0,0,.2); box-shadow:0 6px 26px rgba(0,0,0,.2)}
.activity_nodata-list {position:absolute; left:0; top:0; width:210px; margin:0 auto; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; background:#262b2f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.activity_nodata-list.activity-current {opacity:1; z-index:3 ; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s}
.activity_nodata-img {overflow:hidden; display:block; width:210px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.activity_nodata-ment {padding-top:23px; line-height:22px; font-size:18px; color:#4c4c4c; text-align:center; letter-spacing:-1px}
.activity_nodata-link {display:block; width:190px; height:45px; margin:20px auto 0; padding-top:14px; color:#fff; font-size:16px; text-align:center; border-radius:30px; background:#2471cd; letter-spacing:-1px}

.nodata-box {position:absolute; top:50%; left:0; right:0; min-height:345px; margin:0 auto; margin-top:-172px}
.nodata-down {margin-top:-147px}
.nodata-sample {position:relative; width:210px; height:235px; margin:0 auto; -webkit-box-shadow:0 6px 26px rgba(0,0,0,.2); -moz-box-shadow:0 6px 26px rgba(0,0,0,.2); box-shadow:0 6px 26px rgba(0,0,0,.2)}
.nodata-list {position:absolute; left:0; top:0; width:210px; margin:0 auto; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.nodata-list.current {opacity:1; z-index:3 ; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s}
.nodata-img {overflow:hidden; display:block; width:210px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.nodata-ment {padding-top:23px; line-height:22px; font-size:18px; color:#4c4c4c; text-align:center; letter-spacing:-1px}
.nodata-link {display:block; width:190px; height:45px; margin:20px auto 0; padding-top:14px; color:#fff; font-size:16px; text-align:center; border-radius:30px; background:#2471cd; letter-spacing:-1px}

/* 2019-04-11 추가 */
/* 즐겨찾기 */ 
.bookmark-wrap { position:fixed; left:0; top:50px; z-index:300; width:100%; height:54px; padding:18px 95px 0 25px; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.1)}
.bookmark-tit { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:16px; color:#000; }
.btn_bookmark_reservation { position:absolute; right:15px; top:12px; height:31px; padding:0 10px; background:#2c72da; font-size:14px; color:#FFFFFF; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; line-height:31px; }
.bookmark-wrap.on .bookmark-tit { font-weight:bold; }
.bookmark-wrap.reservationed { padding-right:120px; }
.bookmark-wrap.reservationed .bookmark-tit { font-weight:bold; }
.bookmark-wrap.reservationed .btn_bookmark_reservation { border:1px solid #3074d9; background:none; color:#3074d9; line-height:29px; }

/* qr코드 */
.qrcode-wrap { position:absolute; top:16px; right:20px; width:20px; height:20px; overflow:hidden; }
.qrcode-wrap img { width:100%; }
/* // 2019-04-11 추가 */

/* lesson nodata */
.nodata_gdr {position: absolute;  top: 50%;  left: 0;  right: 0;  margin-top: -52px;  font-size: 16px;  color: #6a6a6a;  text-align: center;  }
.nodata_gdr:before {content:""; display: block;  width: 53px;  height: 53px;  margin: 0 auto 14px;  background: url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-ico2.svg) no-repeat;  -webkit-background-size: 53px 53px;  -moz-background-size: 53px 53px;  background-size: 53px 53px;}

.nodata_ico_type1, .nodata_ico_type2, .nodata_ico_type3, .nodata_ico_type5 {position: absolute;  top: 50%;  left: 0;  right: 0;  margin-top: -52px;  font-size: 16px;  color: #6a6a6a;  text-align: center;  }
.nodata_ico_type1:before {content:""; display: block;  width: 55px;  height: 53px;  margin: 0 auto 14px;  background: url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) no-repeat;  -webkit-background-size:300px 300px;  -moz-background-size:300px 300px;  background-size:300px 300px}
.nodata_ico_type2:before {content:""; display: block;  width: 54px;  height: 41px;  margin: 11px auto 14px; background: url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) -61px 0 no-repeat;  -webkit-background-size:300px 300px;  -moz-background-size:300px 300px;  background-size:300px 300px}
.nodata_ico_type3:before {content:""; display: block;  width: 41px;  height: 42px;  margin: 11px auto 14px; background: url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) -123px 0 no-repeat;  -webkit-background-size:300px 300px;  -moz-background-size:300px 300px;  background-size:300px 300px}
.nodata_ico_type4 {padding:70px 0; font-size:16px; color:#757575; text-align:center}
.nodata_ico_type5:before {content:""; display: block;  width: 55px;  height: 53px;  margin: 0 auto 14px;  background: url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) -172px 0 no-repeat; -webkit-background-size:300px 300px;  -moz-background-size:300px 300px;  background-size:300px 300px}

.userguide {position:relative; padding-top:50px}
.userguide_head {display:block; width:100%}
.userguide_body {display:block; width:100%}
.userguide_btn-close {position:absolute; z-index:2; right:0; top:0; width:52px; height:52px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/user_guide_close.svg) 50% 50% no-repeat; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size:20px 20px}

/* 나스모 */
.nasmo_inven {padding:50px 0 70px}
.nasmo_list {overflow:hidden}
.nasmo_list-title {overflow:hidden; height:29px; line-height:29px; text-align:center; border-bottom:1px solid #dcdcdc; background:#e8e8e8; font-size:12px; color:#626262}
.nasmo_list-item {overflow:hidden; position:relative; height:78px; background:#fff}
.nasmo_list-thumnail {display:block; position:absolute; left:0; top:0; bottom:0; width:94px; height:78px; padding-top:24px}
.nasmo_list-thumnail:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; display:block; background:rgba(0,0,0,.3)}
.nasmo_list-thumnail:after {content:""; position:relative; display:block; width:30px; height:30px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_pract_play.svg) no-repeat; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px}
.nasmo_list-info {display:block; height:78px; margin-left:94px; padding:27px 25px 0 16px; border-bottom:1px solid #dadada}
.nasmo_list-info:after {content:""; position:absolute; right:14px; top:50%; margin-top:-7px; width:7px; height:14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-arrow-nasmolist.svg) no-repeat; -webkit-background-size:7px 14px; -moz-background-size:7px 14px; background-size:7px 14px}
.nasmo_list-clubname {font-size:25px; color:#000; font-family:"BebasNeueBold", sans-serif; vertical-align:middle}
.nasmo_list-carry {margin:0 3px; font-size:25px; color:#000; font-family:"BebasNeueBold"; vertical-align:top}
.nasmo_list-carry:before {content:""; display:inline-block; position:relative; top:11px; width:3px; height:3px; margin-right:5px; background:#a0a0a0; vertical-align:top; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.nasmo_list-unit {display:inline-block; position:relative; top:3px; margin-left:-2px; vertical-align:top; font-weight:bold; color:#000; font-family:"AkrobatBold"; font-size:18px }
.nasmo_list-angle-left {display:inline-block; position:relative; top:2px; width:12px; height:18px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-direction-left.svg) 0 50% no-repeat; -webkit-background-size:10px 17px; -moz-background-size:10px 17px; background-size:10px 17px; vertical-align:top}
.nasmo_list-angle-right {display:inline-block; position:relative; top:2px; width:12px; height:18px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-direction-right.svg) 0 50% no-repeat; -webkit-background-size:10px 17px; -moz-background-size:10px 17px; background-size:10px 17px; vertical-align:top}
.nasmo_list-angle-straight {display:inline-block; position:relative; top:2px; width:12px; height:18px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-direction-straight.svg) 0 50% no-repeat; -webkit-background-size:12px 18px; -moz-background-size:12px 18px; background-size:12px 18px; vertical-align:top}
.nasmo_view {padding-bottom:60px}
.nasmo_video {position:relative; min-height:180px; max-height:220px; text-align:center; background-size:cover}
.nasmo_video-info {position:absolute; left:0; top:50%; right:0; margin-top:33px; text-align:center}
.nasmo_video-dim {position:absolute; left:0; top:0; right:0; bottom:0; min-height:180px; max-height:100%; padding:46px 0 20px; background:rgba(21, 21, 22, 0.4)}
.nasmo_video-play {display:block; position:relative; z-index:400; width:54px; height:54px; margin:0 auto 17px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_pract_play.svg) no-repeat; -webkit-background-size:54px 54px; -moz-background-size:54px 54px; background-size:54px 54px}
.nasmo_video-play-share {display:block; position:absolute; z-index:400; top:50%; left:50%; width:54px; height:54px; margin:-31px 0 0 -27px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_pract_play.svg) no-repeat; -webkit-background-size:54px 54px; -moz-background-size:54px 54px; background-size:54px 54px}
.nasmo_video-stop-share {position:absolute;top:50%;left:50%;margin:-31px 0 0 -27px;width:54px;height:54px;background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_pause.svg) no-repeat;background-size:54px 54px;-webkit-background-size:54px 54px}

.nasmo_video-facebook {position:absolute; z-index:301; right:50px; top:0; width:40px; height:40px; background:#3b5998; border-radius:50%; color:#fff; font-weight:bold}
.nasmo_video-kakao {position:absolute; z-index:301; right:100px; top:0; width:40px; height:40px; background:#f9e81e; border-radius:50%; color:#3f3035; font-weight:bold}
.nasmo_video-kakao-story {position:absolute; z-index:301; right:150px; top:0; width:40px; height:40px; background:#f9e81e; border-radius:50%; color:#3f3035; font-weight:bold}
.nasmo_video-menu {position:absolute; z-index:301; right:0; top:0; width:38px; height:40px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/icon-actionbar-more.png) 50% 9px no-repeat; -webkit-background-size:11px 26px; -moz-background-size:11px 26px; background-size:11px 26px}
.nasmo_video-share {position:absolute; z-index:301; right:38px; top:0; width:32px; height:40px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico-share.png) 50% 50% no-repeat; -webkit-background-size:19px 19px; -moz-background-size:19px 19px; background-size:19px 19px}
.nasmo_video-download {position:absolute; z-index:301; right:75px; top:0; width:32px; height:40px; background:url('../images/ico-download.png') 50% 50% no-repeat; -webkit-background-size:19px 19px; -moz-background-size:19px 19px; background-size:19px 19px}

.nasmo_video-canvas {position:relative;margin:0 auto;width:100%;max-width:640px;max-height:480px;min-width:288px;min-height:215px;background-image:url(http://i.gzcdn.net/mui/img/nasmo/thumb_576x429.png); background-color:#000;-webkit-background-size:288px 215px;background-position:center;background-size:cover}
.size_up_2 {display:block;box-sizing:border-box;width:90px;height:32px;background:url(http://i.gzcdn.net/mui/img/n_nasmo/btn_nasmo_swing.png) 9px 7px no-repeat rgba(0,0,0,.4);position:absolute;top:12px;right:14px;background-size:14px 14px;-webkit-background-size:14px 14px;font-size:13px;color:#fff;line-height:16px;padding:8px 5px 8px 29px;border:1px solid rgba(255,255,255,.4);border-radius:3px;}
.time_wrap {display:block;position:absolute;height:16px;width:100%;bottom:16px;left:0}
.graph_wrap {padding:0 43px}
.time_loading {position:absolute; left:12px; top:0; color:#fff; font-size:11px}
.graph_timer {width:100%; height:12px; position:relative}
.bg_bar {display:block; position:absolute; left:0; top:5px; width:100%; height:1px; background:#fff; opacity:.5}
.now_posi {display:block; position:absolute; top:5px; height:1px; background:#fff}
.now_posi strong {display:block;width:35px;height:35px;background:url(http://i.gzcdn.net/mui/img/n_nasmo/btn_progress.png) 50% 50% no-repeat;position:absolute;top:-17px;right:-17px;background-size:15px 15px;-webkit-background-size:15px 15px;padding:10px}
.time_all {position:absolute;top:0;right:40px;color:#fff;font-size:11px;}
.time_wrap .time_all {right:12px}
.graph_wrap .size_up {display:block;width:14px;height:14px;background:url(http://i.gzcdn.net/mui/img/n_nasmo/btn_size.png) no-repeat;position:absolute;top:0;right:14px;background-size:14px 14px;-webkit-background-size:14px 14px}

.layer_menu {position:fixed; z-index:500; left:0; right:0; bottom:0; padding-top:10px; background:#fff}
.layer_menu-kakaotalk {display:block; position:relative; height:54px; padding-left:60px; font-size:16px; color:#000; letter-spacing:-1px; text-decoration:none; background-color:transparent; text-align:left}
.layer_menu-kakaotalk:before {content:""; display:block; position:absolute; left:16px; top:12px; width:30px; height:30px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/btn-share-kakaotalk.png) no-repeat; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px}
.layer_menu-kakaostory {display:block; position:relative; width:100%; height:54px; padding-left:60px; font-size:16px; color:#000; letter-spacing:-1px; text-align:left}
.layer_menu-kakaostory:before {content:""; display:block; position:absolute; left:16px; top:12px; width:30px; height:30px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/btn-share-kakaostory.png) no-repeat; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px}
.layer_menu-facebook {display:block; position:relative; width:100%; height:54px; padding-left:60px; font-size:16px; color:#000; letter-spacing:-1px; text-decoration:none; background-color:#fff; border:0; border-radius:0; text-align:left}
.layer_menu-facebook:before {content:""; display:block; position:absolute; left:16px; top:12px; width:30px; height:30px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/btn-share-facebook.png) no-repeat; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px}
.layer_menu-video-del {display:block; position:relative; height:54px; padding:17px 0 0 60px; font-size:16px; color:#000; letter-spacing:-1px}
.layer_menu-video-del:before {content:""; display:block; position:absolute; left:16px; top:12px; width:30px; height:30px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/btn-nasmo-delete.png) no-repeat; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px}
.layer_menu-cancle {display:block; overflow:hidden; height:56px; margin-top:10px; padding-top:18px; font-size:16px; color:#585858; text-align:center; background:#ececec; border-top:1px solid #dcdcdc}
.layer_landing {position:absolute; z-index:500; left:20px; right:20px; top:130px; height:350px; background:#fff}

.nasmo_video-menu-del {position:absolute; right:6px; top:44px; width:76px; height:37px; padding-top:10px; font-size:15px; color:#2d2d2d; background:#fff; border-radius:3px}
.nasmo_video-menu-del:before {content:""; display:inline-block; position:relative; top:1px; margin-right:5px; width:14px; height:15px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico-nasmodelete.jpg) no-repeat; -webkit-background-size:14px 15px; -moz-background-size:14px 15px; background-size:14px 15px; vertical-align:top}
.nasmo_video-menu-del:active {background-color:#ececec}
.nasmo_video-club {color:#fff; font-family:"BebasNeueBold"; font-size:30px;  vertical-align:middle}
.nasmo_video-club:after {content:""; display:inline-block; width:4px; height:4px; margin:0 7px; background:rgba(255,255,255,.6); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; vertical-align:middle}
.nasmo_video-score {color:#fff; font-family:"BebasNeueBold"; font-size:30px;  vertical-align:middle}
.nasmo_video-unit {display:inline-block; position:relative; top:1px; margin-left:2px; vertical-align:top; font-weight:bold; color:#fff; font-family:"AkrobatBold"; font-size:24px}
.nasmo_video-lesson {display:block; width:127px; height:37px; margin:17px auto 0;  padding:7px 0 0 0; font-size:15px; color:#4e9fff; border:1px solid #4e9fff; border-radius:22px; -moz-border-radius:22px}
.nasmo_view-shot {padding-bottom:35px; background:#fff; background:#fff}
.nasmo_view-shot-title {padding:27px 0 29px; font-size:21px; color:#000; font-weight:bold; text-align:center}
.nasmo_view-ball {padding-bottom:35px; background:#fff; border-top:7px solid #e8e8e8; background:#fff}
.nasmo_view-ball-title {padding:28px 0 29px; font-size:21px; color:#000; font-weight:bold; text-align:center}
.nasmo_view-graph {min-height:130px; padding-top:15px}
.nasmo_view-graph-view {position:relative; width:239px; height:100px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/graph-base-ballinfo-w-1.svg) 0 100% no-repeat; -webkit-background-size:249px 84px; -moz-background-size:249px 84px; background-size:249px 84px}
.nasmo_view-graph-rpm {position:absolute; left:50%; top:0; margin-left:-10px; font-family:"BebasNeueBold"; color:#282d31; font-size:18px}
.nasmo_view-graph-rpmunit {font-family:"AkrobatBold"; font-size:13px}
.nasmo_view-graph-img {display:block; width:239px}
.nasmo_view-graph-angle {display:block; position:absolute; bottom:5px; left:70px; font-size:18px; font-family:"BebasNeueBold"; color:#282d31}
.nasmo_view-graph-speed {display:block; position:absolute; top:0; left:202px; height:37px; font-size:30px; font-family:"BebasNeueBold"; color:#005ed6; vertical-align:bottom }
.nasmo_view-graph-unit {position:relative; top:-8px; margin-left:2px; line-height:1; font-size:16px; color:#005ed6; font-family:"AkrobatBold"; vertical-align:bottom}
.nasmo_view-nodata {border-top:0}
.nasmo_view-nodata .nasmo_view-detailscore {line-height:30px; font-size:30px}
.nasmo_view-nodata .nasmo_view-graph-view {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/graph-base-ballinfo-w-2.svg)}
.nasmo_view-detail {padding:28px 8% 0; text-align:center}
.nasmo_view-detail:after {content:""; display:block; clear:both}
.nasmo_view-detailist {display:inline-block; min-width:20%}
.nasmo_view-detailscore {line-height:37px; font-size:30px; font-family:"BebasNeueBold"; color:#000; letter-spacing:-1px}
.nasmo_view-detailtitle {padding-top:6px; line-height:1; font-size:12px; color:#3e3e3e}
.nasmo_view-detailunit {line-height:1; font-size:12px; color:#3e3e3e}
.nasmo_nodata {position:absolute; top:50px; left:0; right:0; bottom:0}
.nasmo_nodata-share {background:#e8e8e8}
.nasmo_nodata-ment {position:absolute; top:50%; left:0; right:0; margin-top:-52px; font-size:16px; color:#6a6a6a; text-align:center}
.nasmo_nodata-ment:before {content:""; display:block; width:53px; height:53px; margin:0 auto 14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-nasmo.svg) no-repeat; -webkit-background-size:53px 53px; -moz-background-size:53px 53px; background-size:53px 53px}

.section_share video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-fullscreen-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
    width: 5px;
}
.section_share video::-webkit-media-controls-timeline {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-current-time-display{
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-time-remaining-display {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-mute-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-toggle-closed-captions-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}
.section_share video::-webkit-media-controls-volume-slider {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
}

.section_share video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
    width: 5px;
}

.section_share video::-webkit-media-controls-overlay-play-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0;
    pointer-events: none;
    width: 5px;
}

/* GDR Practice */

.practicing {margin-top:-1px; padding:50px 0 60px; background:#1e1e1f}
.pract_block-info {padding-bottom:18px}
.pract_block-info:after {content:""; display:block; clear:both}
.pract_block-list {display:inline-block; margin-right:13px; vertical-align:top}
.pract_block-rateunit {line-height:42px; font-size:34px; color:#fff; font-family:"BebasNeueBook"}
.pract_block-btn-play {position:absolute; top:13px; right:0; width:55px; height:55px; text-align:center; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_pract_play.svg) 50% 50% no-repeat; -webkit-background-size:27px 27px; -moz-background-size:27px 27px; background-size:27px 27px; opacity:.7}
.pract_block-graph {width:230px; min-height:175px; margin:0 auto}
.pract_block-graph-wedge {width:230px; min-height:175px; margin:12px auto 0}
.pract_block-graph-putt {width:230px; min-height:175px; margin:12px auto 0}
.empty_layer {position:absolute;top:60px;left:0;width:100%;z-index:10;min-height:175px;margin:12px auto 0;}
.pract_block  {position:relative; max-width:640px; margin:0 auto; padding:23px 20px 40px; border-top:1px solid #2d2d2d}
.pract_block-title {font-size:15px; color:#535353; text-indent:-1px}
.pract_block-club {display:inline-block; line-height:46px; font-size:38px; vertical-align:top; color:#3f95fc; font-family:"BebasNeueBold"}
.pract_block-run {display:inline-block; line-height:46px; font-size:38px; vertical-align:top; color:#5c5c5d; font-family:"BebasNeueBook"}
.pract_block-carry {display:inline-block; line-height:46px; font-size:38px; vertical-align:top; color:#fff; font-family:"BebasNeueBold"; text-indent:-2px}
.pract_block-rate {display:inline-block; line-height:46px; font-size:38px; vertical-align:top; color:#ef4a4a; font-family:"BebasNeueBook"}
.pract_block-detailscore {display:block; line-height:32px; font-size:27px; font-family:"BebasNeueBold"; color:#bbbbbc}
.pract_block-detailtitle {display:block; line-height:18px; font-size:14px; padding-top:8px; color:#787878}
.pract_block-detail {margin:0 -20px; padding:15px 22.4% 0; text-align:center}
.pract_block-detail-wedge {margin:0 -20px; padding:55px 22.4% 0; text-align:center}
.pract_block-detail-putt {margin:0 -20px; padding:55px 22.4% 0; text-align:center}
.pract_block-detail:after, .pract_block-detail-wedge:after, .pract_block-detail-putt:after {content:""; display:block; clear:both}
.pract_block-detailist {display:inline-block; float:left; min-width:33%}
.pract_block-detailist-putt {display:inline-block; float:left; min-width:50%}
.pract_block-detailist-wedge {display:inline-block; float:left; min-width:50%}
.pract_block-detailscore {display:block; line-height:32px; font-size:27px; font-family:"BebasNeueBold"; color:#bbbbbc}
.pract_block-detailtitle {display:block; padding-top:8px; line-height:18px; font-size:14px; color:#787878}
.pract_block-detailunit {font-size:12px; color:#787878}
.pract_block-link {padding:25px 0 0 0; text-align:center}
.pract_block-arg {display:inline-block; min-width:150px; min-height:30px; font-size:14px; padding:6px 15px 0; color:#5e5e5e; border:1px solid #3d3d3d; border-radius:20px}
.practicing-nodata {position:absolute; z-index:200; top:50px; left:0; right:0; bottom:58px; background:#1e1e1f}
.practicing-nodata-ment {position:absolute; top:50%; left:0; right:0; margin-top:-52px; font-size:16px; color:#6a6a6a; text-align:center}
.practicing-nodata-ment:before {content:""; display:block; width:53px; height:53px; margin:0 auto 14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-ico2.svg) no-repeat; -webkit-background-size:53px 53px; -moz-background-size:53px 53px; background-size:53px 53px}

.compare_layer-wrap {position:absolute; left:0; top:0; right:0; z-index:500; height:100% !important}
.compare_data-layer {position:fixed; z-index:99999999; opacity:0; top:160px; left:50%; margin-left:-150px; width:300px; text-align:center; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s}
.compare_data-layer.compare_layer-open {opacity:1; top:124px; display:block}
.compare_data-layer-dim {position:fixed; z-index:500; left:0; top:0; right:0; bottom:0; min-height:100%; background:rgba(0,0,0,.8)}
.compare_data {overflow:hidden; position:absolute; left:0; top:0; width:300px; height:360px; background:#141415; border:1px solid #464646; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.compare_data-title {overflow:hidden; height:61px; padding:17px 0 0 22px; font-size:30px; text-align:left; color:#3f95fc; font-family:"BebasNeueBold"}
.compare_data-btnavg {overflow:hidden; display:block; position:absolute; right:16px; top:16px; min-width:112px; height:31px; padding:7px 0 0 15px; text-align:left; font-size:13px; color:#448eff; border:1px solid #233d5d; border-radius:30px; letter-spacing:-1px}
.compare_data-btnavg:after {content:""; display:block; position:absolute; right:12px; top:9px; width:6px; height:11px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico-gdravg.png) no-repeat; -webkit-background-size:6px 11px; -moz-background-size:6px 11px; background-size:6px 11px}
.compare_data-btnavg:active {background:#000}
.compare_data-table {width:100%}
.compare_data-item {height:35px; padding-top:2px; color:#666667; font-size:13px; background:#272728}
.compare_data-myarg {height:34px; padding-top:2px; color:#6b7683; font-size:13px; background:#2b3b4e}
.compare_data-arg {height:34px;  padding-top:2px; color:#666667; font-size:13px; background:#272728}
.compare_data-cell-tit {height:57px; padding-top:3px; color:#787878; font-size:13px; line-height:14px; background:#151516; border-top:1px solid #282829}
.compare_data-cell-blue {height:57px; padding-top:3px; background:#1b2b3e; border-top:1px solid #27374a}
.compare_data-cell {height:57px; padding-top:3px; background:#151516; border-top:1px solid #282829}
.compare_data-cell-prev {height:91px; border-top:0}
.compare_data-cell-b {display:block; line-height:31px; font-size:34px; color:#e8e8e8; font-family:"BebasNeueBold"}
.compare_data-thin {display:block; line-height:31px; font-size:34px; color:#737d89; font-family:"BebasNeueBook"}
.compare_data-cell-n {line-height:28px; font-size:26px; color:#e8e8e8; font-family:"BebasNeueBold"}
.compare_data-close {display:block; position:absolute; right:0; top:-34px; width:20px; height:20px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico-search-delete.png) no-repeat; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size:20px 20px}
.compare_data-nav {position:absolute; left:0; bottom:-39px; right:0; height:10px}
.compare_data-dot {display:inline-block; width:8px; height:8px; font-size:12px; margin:0 4px; background:#444; border-radius:50%; text-indent:-500px; color:transparent; vertical-align:top}
.compare_data-dot.on {position:relative; top:-1px; width:10px; height:10px; background:#3f95fc}

/* highcharts */
.highcharts-container , svg, svg:not(:root) {overflow:visible !important}

/* 클럽별 나스모 영상 */
.club_nasmo {max-width:400px; margin:0 auto; padding:50px 0 44px}
.club_nasmo-play {position:relative}
.club_nasmo-play img {display:block; width:100%}
.club_nasmo-play.off:after {content:""; display:block; position:absolute; z-index:2; left:0; bottom:0; right:0; height:80px; background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%)}
.club_nasmo-play.notplay:before {content:""; display:block; position:absolute; z-index:4; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3)}
.club_nasmo-play-btn {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico_pract_play.svg) center center no-repeat; -webkit-background-size:54px 54px; -moz-background-size:54px 54px; background-size:54px 54px}
.club_nasmo-video {display:block; width:100%; position:absolute; top:0}
.club_nasmo-date {position:absolute; z-index:200; right:19px; bottom:12px; font-size:12px; color:#6a7172}
.club_nasmo-info {position:relative; height:70px; padding:15px 16px 0; background:#1e1e1f}
.club_nasmo-info-name {display:inline-block; font-family:"BebasNeueBold"; font-size:22px; color:#d2d2d3; vertical-align:top;}
.club_nasmo-info-name:after {content:""; display:inline-block; position:relative; top:11px; width:3px; height:3px; margin:0 3px 0 9px; background:#3a3a3a; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; vertical-align:top}
.club_nasmo-info-score {display:inline-block; font-family:"BebasNeueBold"; font-size:22px; color:#d2d2d3; vertical-align:top}
.club_nasmo-info-left {display:inline-block; position:relative; top:3px; width:9px; height:15px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-direction-left.svg) no-repeat; -webkit-background-size:9px 15px; -moz-background-size:9px 15px; background-size:9px 15px; vertical-align:top}
.club_nasmo-info-right {display:inline-block; position:relative; top:3px; width:9px; height:15px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-direction-right.svg) no-repeat; -webkit-background-size:9px 15px; -moz-background-size:9px 15px; background-size:9px 15px; vertical-align:top}
.club_nasmo-info-straight {display:inline-block; position:relative; top:3px; width:9px; height:15px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-direction-straight.svg) no-repeat; -webkit-background-size:11px 16px; -moz-background-size:11px 16px; background-size:11px 16px; vertical-align:top}
.club_nasmo-info-check {position:absolute; right:13px; top:11px; display:block; width:79px; height:33px; line-height:14px; padding-top:8px; text-align:center; font-size:13px; color:#787878; border:1px solid #383838; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; letter-spacing:-1px}
.club_nasmo-info-check:before {content:""; display:inline-block; position:relative; top:2px; vertical-align:top; width:10px; height:11px; margin-right:5px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-statistics.svg) no-repeat; -webkit-background-size:10px 11px; -moz-background-size:10px 11px; background-size:10px 11px}
.club_nasmo-info-unit {display:inline-block; position:relative; top:2px; line-height:20px; margin-left:-4px; color:#d2d2d3; vertical-align:top; font-weight:bold; font-family:"AkrobatBold"}

/* 샷 분석 */
.assay {padding:50px 0}
.assay_shot {padding:30px 0 41px; border-bottom:1px solid #343435}
.assay_angle {padding:63px 0 41px}
.assay-graph {min-height:278px}
.assay_shot-graph {overflow:visible; min-height:430px; margin:0 auto}
.assay_graph {min-height:130px; padding-top:15px}
.assay_graph-view {position:relative; width:273px; height:100px; margin:0 auto; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/graph_base_ballinfo_angle.svg) 0 100% no-repeat; -webkit-background-size:249px 84px; -moz-background-size:249px 84px; background-size:249px 84px}
.assay_graph-rpm {position:absolute; left:50%; top:2px; margin-left:-20px; font-family:"BebasNeueBold"; color:#bbbbbc}
.assay_graph-rpmunit {font-family:"AkrobatBold"; font-size:13px; color:#a5a5a6}
.assay_graph-img {display:block; width:239px}
.assay_graph-angle {display:block; position:absolute; bottom:9px; left:80px; font-size:18px; font-family:"BebasNeueBold"; color:#bbbbbc}
.assay_graph-speed {display:block; position:absolute; top:1px; left:200px; min-width:100px; height:37px; font-size:30px; font-family:"BebasNeueBold"; color:#3f95fc; vertical-align:bottom}
.assay_graph-unit {display:inline-block; position:relative; top:-8px; margin-left:2px; line-height:1; font-size:16px; font-family:"AkrobatBold"; vertical-align:bottom}
.assay-detail {padding:32px 25px 0; text-align:center}
.assay-detail:after {content:""; display:block; clear:both}
.assay-detailist {display:inline-block; min-width:20%; letter-spacing:-1px}
.assay-detailscore {line-height:29px; font-size:24px; font-family:"BebasNeueBold"; color:#bbbbbc}
.assay-detailscore.mark-y {color:#efb34b}
.assay-detailscore.mark-r {color:#ef4a4a}
.assay-detailtitle {padding-top:4px; line-height:1; font-size:12px; color:#787878}
.assay-detailunit {line-height:1; font-size:12px; color:#787878; letter-spacing:-1px}

/* 더보기 */
.themore {padding:0 0 70px}
.themore_info {height:190px; padding:23px 0 0; background:#fff; border-bottom:1px solid #eee; text-align:center}
.themore_info-pic {display:block; margin:0 auto; width:60px; height:60px; margin-bottom:12px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.themore_info-name {display:block; padding-bottom:3px; font-weight:bold; font-size:17px; color:#000; letter-spacing:-1px}
.themore_info-affi {display:block; margin-bottom:5px; font-size:15px; color:#666; letter-spacing:-1px}
.themore_info-logout {display:inline-block; padding:5px 14px 0; font-size:13px; color:#666; height:28px; border:1px solid #d9d9d9; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px}
.themore_menu {border-top:10px solid #e8e8e8}
.themore_menu:after {content:""; display:block; clear:both}
.themore_menu-link {display:block; position:relative; height:52px; padding:18px 15px 0; color:#000; line-height:18px; font-size:16px; font-weight:bold; border-bottom:1px solid #dadada; background:#fff}
.themore_menu-link:after {content:""; display:block; position:absolute; right:16px; top:50%; margin-top:-7px; width:9px; height:14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-arrow-list.svg) no-repeat; -webkit-background-size:9px 14px; -moz-background-size:9px 14px; background-size:9px 14px}
.themore_menu-period {position:absolute; right:34px; top:18px; max-width:100px; font-size:15px; color:#2471cd; font-weight:normal}
.themore_set {border-top:10px solid #e8e8e8}
.themore_set:after {content:""; display:block; clear:both}
.themore_set-tab {display:block; position:relative; height:52px; padding:16px 15px 0; color:#000; line-height:16px; font-size:16px; border-bottom:1px solid #dadada; background:#fff}
.themore_toggle {position:absolute; left:-500px; opacity:0}
.themore_set-toggle {position:absolute; right:15px; top:10px; width:51px; height:31px; background:#44db5e; border-radius:30px; font-size:1px; color:transparent}
.themore_set-toggle:after {content:""; display:block; position:absolute; top:2px; left:21px; width:28px; height:27px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all.2s; -moz-transition:all.2s; transition:all.2s; box-shadow:-2px 3px 4px rgba(0,0,0,.1)}
.themore_toggle:checked + .themore_set-toggle {background:#e8e8e8}
.themore_toggle:checked + .themore_set-toggle:after {left:2px}
.themore_set-link,
.themore_set-link_b {display:block; position:relative; height:52px; padding:18px 15px 0; color:#000; line-height:16px; font-size:16px; border-bottom:1px solid #dadada; background:#fff}
.themore_set-link_b {font-weight:bold}
.themore_set-link:after,
.themore_set-link_b:after {content:""; display:block; position:absolute; right:16px; top:50%; margin-top:-7px; width:9px; height:14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-arrow-list.svg) no-repeat; -webkit-background-size:9px 14px; -moz-background-size:9px 14px; background-size:9px 14px}
.themore_set-view {display:block; position:relative; height:52px; padding:18px 15px 0; color:#000; line-height:18px; font-size:16px; border-bottom:1px solid #dadada; background:#fff}
.themore_set-ver {position:absolute; right:19px; top:16px; font-size:15px; color:#888}

/* 더보기 -- 0523 추가-- */
.themore_btn_inactive{display:block; width:120px; height:29px; margin:5px auto 0; line-height:16px; padding-top:6px; border-radius:100px; border:#358bf2 solid 1px; font-size:13px; text-align:center; color:#276cbe}
.themore_btn_active{display:block; width:71px; height:29px; margin:5px auto 0; line-height:16px; padding-top:6px; border-radius:100px; background-color:#358bf2; border:#358bf2 solid 1px; font-size:13px; text-align:center; color:#fff}
.themore_floating_menu {width: 100%; min-width: 320px; height: 80px; padding:0 27px; margin:0 auto; text-align:center; border-bottom: 1px solid #e1e1e1; background: #fff}
.themore_floating_btn {float: left; overflow: hidden; display: block; width: 25%; height: 80px; text-align: center; line-height: 16px; font-size: 13px; color: #555555;}
.floating_btn_time:before{content:""; display:block; height:21px; margin-top:17px; margin-bottom: 7px; background:url("http://i.gzcdn.net/images/v3/newgdr/images/ico-time2x.png") 50% 50% no-repeat; -webkit-background-size: 20px 21px; -moz-background-size: 20px 21px; background-size: 20px 21px;}
.floating_btn_place:before{content:""; display:block; height:21px; margin-top:17px; margin-bottom: 7px; background:url("http://i.gzcdn.net/images/v3/newgdr/images/ico-place2x.png") 50% 50% no-repeat; -webkit-background-size: 20px 21px; -moz-background-size: 20px 21px; background-size: 20px 21px;}
.floating_btn_receipt:before{content:""; display:block; height:21px; margin-top:17px; margin-bottom: 7px; background:url("http://i.gzcdn.net/images/v3/newgdr/images/ico-receipt2x.png") 50% 50% no-repeat; -webkit-background-size: 20px 21px; -moz-background-size: 20px 21px; background-size: 20px 21px;}
.floating_btn_coupon:before{content:""; display:block; height:21px; margin-top:17px; margin-bottom: 7px; background:url("http://i.gzcdn.net/images/v3/newgdr/images/ico-coupon2x.png") 50% 50% no-repeat; -webkit-background-size: 20px 21px; -moz-background-size: 20px 21px; background-size: 20px 21px;}

/* 테스트유저인 경우 스타일 다르게 함 */
.themore_floating_menu.off .themore_floating_btn {width:33%}

/* 공지사항 */
.notification {padding-top:50px}
.notification-link {position:relative; display:block; height:72px; padding:16px 40px 0 15px; border-bottom:1px solid #eaeaea}
.notification-link:after {content:""; position:absolute; right:17px; top:50%; margin-top:-7px; width:9px; height:15px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-arrow-nasmolist.svg) no-repeat; -webkit-background-size:9px 15px; -moz-background-size:9px 15px; background-size:9px 15px}
.notification_link:active {background:#f8f8f8}
.notification_title {overflow:hidden; padding-bottom:2px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:17px; color:#000}
.notification_date {max-width:200px; font-size:12px; color:#888}
.noti_view {padding:50px 23px}
.noti_view-title {padding:21px 0 10px; line-height:30px; font-size:26px; color:#000; letter-spacing:-1px}
.noti_view-date {font-size:12px; color:#888}
.noti_view-content {padding:23px 0 0 0; line-height:26px; font-size:17px; letter-spacing:-1px; overflow:hidden;word-break: break-all;}
.noti_view-content iframe {width:100%; height:auto}
.noti_view-content img {float:none !important; max-width:100%}
.noti_view-content table {width:100% !important; max-width:100%}
.noti_view-content td {width:auto !important; margin:0 !important}
.noti_view-nodata {position:absolute; top:50px; left:0; right:0; bottom:0}
.noti_view-nodata-ment {position:absolute; top:50%; left:0; right:0; margin-top:-52px; font-size:16px; color:#757575; text-align:center}
.noti_view-nodata-ment:before {content:""; display:block; width:53px; height:53px; margin:0 auto 15px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-ico1.svg) no-repeat; -webkit-background-size:53px 53px; -moz-background-size:53px 53px; background-size:53px 53px}

/* 구매내역 */
.purchase {padding-top:50px}
.purchase_list,
.purchase_list-off {position:relative; display:block; min-height:80px; padding:17px 40px 0 15px; border-bottom:1px solid #eaeaea; letter-spacing:-1px}
.purchase_title {display:inline-block; position:relative; min-height:21px; padding:0 50px 0 2px; font-size:17px; color:#000; vertical-align:top;}
.purchase_mark {display:inline-block; position:absolute; right:0; top:-1px; width:45px; height:20px; line-height:13px; text-align:center; margin-left:6px; padding-top:4px; color:#fff; font-size:12px; border-radius:20px; background:#2471cd; vertical-align:top}
.purchase_date {padding-top:7px; vertical-align:top; font-size:12px; color:#2471cd; text-indent:1px}
.purchase_time {display:inline-block; vertical-align:top; font-size:12px; color:#2471cd}
.purchase_list-off .purchase_date {padding-top:7px; vertical-align:top; font-size:12px; color:#888; text-indent:1px}
.purchase_list-off .purchase_time {display:inline-block; vertical-align:top; font-size:12px; color:#888}
.purchase_nodata {display:block; position:absolute; top:50px; left:0; right:0; bottom:0}
.purchase_nodata-ment {position:absolute; top:50%; left:0; right:0; margin-top:-52px; font-size:16px; color:#757575; text-align:center}
.purchase_nodata-ment:before {content:""; display:block; width:53px; height:53px; margin:0 auto 15px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-ico1.svg) no-repeat; -webkit-background-size:53px 53px; -moz-background-size:53px 53px; background-size:53px 53px}

.purchase_mini {padding-top:50px}
/* 404 */
.notfound {position:absolute; z-index:200; top:50px; left:0; right:0; bottom:58px; background:#fff}
.notfound_guide {position:absolute; top:50%; left:0; right:0; margin-top:-93px}
.notfound_ment {line-height:22px; font-size:16px; color:#757575; text-align:center}
.notfound_ment:before {content:""; display:block; width:53px; height:53px; margin:0 auto 14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-ico2.svg) no-repeat; -webkit-background-size:53px 53px; -moz-background-size:53px 53px; background-size:53px 53px}
.notfound_back {display:block; width:154px; height:45px; margin:23px auto 0; padding-top:14px; font-size:16px; color:#fff; text-align:center; background:#2471cd; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}

.themoreinfo {padding:50px 0 0}

/* 이용약관 */
.agreement {padding:50px 0}
.agreement_tab {border-bottom:1px solid #efefef}
.agreement_tab:after {content:""; display:block; clear:both}
.agreement_link {float:left; overflow:hidden; display:block; position:relative; width:50%; height:50px; padding-top:16px; text-align:center; color:#444; font-size:16px}
.agreement_link.on {color:#2471cd}
.agreement_link.on:after {content:""; display:block; position:absolute; left:50%; bottom:0; width:154px; height:3px; margin-left:-77px; background:#3f95fc}
.agreement_guide {padding:15px 23px; color:#666; font-size:13px; background:#f6f6f6}
.agreement_guideman {margin-top:30px; padding:5px 23px 20px; color:#666; font-size:13px; background:#f6f6f6}
.agreement_box {padding:5px 23px 25px; letter-spacing:-1px; font-size:14px; line-height:22px; color:#000}
.agree p {padding-bottom:10px}
.agreement_title {margin:18px 0; font-size:18px; font-weight:bold; color:#000}
.agreement_title-sub {margin:13px 0; font-size:16px; color:#000}
.agreement_content {font-size:14px; line-height:22px; color:#000}
.agreement_guide-title {padding-bottom:4px; color:#444; font-weight:bold}
.agreement_table {margin:20px 0 30px}
.agreement_table th {padding:3px 3px 2px; border:1px solid #464646}
.agreement_table td {padding:3px 3px 2px; border:1px solid #464646}
.agreement_guide-txt {line-height:18px}
.agreement_table-privacy {overflow-x:auto; margin:20px 0 30px}
.agreement_table-privacy th {padding:3px 3px 2px; border:1px solid #464646}
.agreement_table-privacy td {padding:3px 3px 2px; border:1px solid #464646}
.privacy p, .privacy p span {line-height:22px; font-size:14px}
.privacy table td {width:auto !important}

/* 타석현황 */
.golfBox {padding:50px 0 0 0}
.golfBox_schedule {position:relative; height:105px; padding:23px 21px 0;  background:#3e3e3e}
.golfBox_schedule-expect {padding-bottom:2px; color:#fff; font-size:14px}
.golfBox_schedule-time {display:inline-block; line-height:30px; padding-top:4px; font-size:34px; color:#3f95fc; vertical-align:top; font-weight:bold; letter-spacing:-1px}
.golfBox_schedule-guide {display:inline-block; position:relative; top:7px; margin-left:4px; min-width:75px; height:28px; padding-top:5px; font-size:14px; color:#3f95fc; text-align:center; border:1px solid #3f95fc; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; vertical-align:top}
.golfBox_schedule-refresh {display:block; position:absolute; right:22px; top:33px; width:40px; height:40px; background:#2b2b2b url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-refresh.svg) 50% 50% no-repeat; -webkit-background-size:20px 22px; -moz-background-size:20px 22px; background-size:20px 22px; border:1px solid #222; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.golfBox_boxlist-row {height:35px; line-height:18px; padding-top:2px; font-size:14px; color:#666; background:#eaeaea; border-bottom:1px solid #e1e1e1}
.golfBox_boxlist-cell {height:44px; padding-top:2px; vertical-align:middle; background:#fff; color:#444; border-bottom:1px solid #eaeaea; text-align:center}
.golfBox_boxlist-cell-time {height:44px; padding:2px 0 0 10px; vertical-align:middle; background:#fff; color:#444; border-bottom:1px solid #eaeaea}
.golfBox_boxlist-num {font-size:16px}
.golfBox_boxlist-time {display:inline-block; font-size:22px; font-weight:bold; vertical-align:top}
.golfBox_boxlist-timeguide {display:inline-block; position:relative; top:5px; margin-left:3px; font-size:13px; color:#888; vertical-align:top}
.golfBox_boxlist-person {font-size:16px}
.golfBox_boxlist-reserve {display:inline-block; overflow:hidden; min-width:68px;  max-width:75px; height:30px; padding-top:8px; font-size:13px; color:#888; text-align:center; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; white-space:nowrap}
.golfBox_boxlist-reserve.noble {color:#888; border:1px solid #888}
.golfBox_boxlist-reserve.current {color:#2471cd; border:1px solid #2471cd}
.golfBox_boxlist-reserve.cancle {color:#ef4b4b; border:1px solid #ef4b4b}

/* 매장선택 */
.sitefind {padding-top:50px}
.sitefind_tab {border-bottom:1px solid #efefef}
.sitefind_tab:after {content:""; display:block; clear:both}
.sitefind_link {float:left; display:block; position:relative; width:50%; height:50px; padding-top:15px; text-align:center; color:#444; font-size:16px}
.sitefind_link.on {color:#2471cd}
.sitefind_link.on:after {content:""; display:block; position:absolute; left:50%; bottom:-1px; width:154px; height:3px; margin-left:-77px; background:#3f95fc}
.sitefind_search {position:relative; height:60px; padding:10px 12px; background:#efefef}
.sitefind_search-inpt {display:block; width:100%; height:40px; padding:11px 82px 10px 12px; font-size:15px; color:#1e1e1f; background:#fff; border:1px solid #d1d1d1}
.sitefind_search-inpt::-webkit-input-placeholder {font-size:15px; color:#888}
.sitefind_search-btn {position:absolute; display:block; right:12px; top:10px; width:40px; height:40px; background:#3f95fc url(http://i.gzcdn.net/images/v3/newgdr/images/ico-store-search.png) 50% 11px no-repeat; -webkit-background-size:18px 17px; -moz-background-size:18px 17px; background-size:18px 17px}
.sitefind_search-del {position:absolute; top:10px; right:52px; width:42px; height:40px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-]-del.svg) 50% 50% no-repeat; -webkit-background-size:14px 12px; -moz-background-size:14px 12px; background-size:14px 12px}
.sitefind_result {overflow:hidden; position:relative; height:40px; padding:10px 13px 0; border-bottom:1px solid #eaeaea}
.sitefind_result-mark {font-weight:bold; font-size:14px; color:#2471cd}
.sitefind_result-guide {font-size:14px; color:#444}
.sitefind_result-total {position:absolute; right:0; top:0; height:40px; padding:12px 15px 0; font-size:13px; color:#666; text-decoration:underline}
.sitefind_result-list {position:relative; height:70px; padding:14px 90px 0 50px; border-bottom:1px solid #eaeaea}
.sitefind_result-check {position:absolute; left:0; top:0; opacity:0}
.sitefind_result-star {display:block; position:absolute; left:8px; top:13px; width:40px; height:40px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-favorite-default.svg) 50% 50% no-repeat; -webkit-background-size:20px 19px; -moz-background-size:20px 19px; background-size:20px 19px}
.sitefind_result-check:checked + .sitefind_result-star {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-favorite-selected.svg)}
.sitefind_result-spot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; display:block; padding-bottom:5px; font-weight:bold; font-size:16px; color:#2f2f2f}
.sitefind_result-address {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; display:block; font-size:13px; color:#888}
.sitefind_result-view {position:absolute; display:block; top:50%; right:12px; height:30px; margin-top:-15px; padding:7px 12px 0; border:1px solid #3f95fc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:13px; color:#2471cd}

/* 나스모 자동재생 */
.set_play {padding:50px 0 0 0}
.set_play-box {padding-top:30px}
.set_play-list {position:relative; height:52px; padding:16px 50px 0 15px; border-top:1px solid #eaeaea; background:#fff}
.set_play-list:first-child {border:0}
.set_radio-btn {position:absolute; left:0; top:0; opacity:0}
.set_radio-label {display:block; overflow:hidden; font-size:16px; color:#000}
.set_radio-label:after {content:""; display:block; position:absolute; right:18px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/btn-radio-off.svg) no-repeat; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; background-size:24px 24px; cursor:pointer}
.set_radio-btn:checked + .set_radio-label:after {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/btn-radio-on.svg)}

/* 푸시 설정 */
.set_push {padding:50px 0 0 0}
.set_push-box {padding-top:30px}
.set_push-list {position:relative; height:52px; padding:17px 50px 0 15px; border-top:1px solid #eaeaea; background:#fff; font-size:16px; color:#000}
.set_push-list:first-child {border:0}
.set_toggle-btn {position:absolute; right:15px; top:10px; width:51px; height:31px; border-radius:30px; font-size:1px; color:transparent}
.set_toggle-label {display:block; overflow:hidden; position:absolute; top:10px; right:14px; width:64px; height:32px; padding:6px 10px 0; background:#e8e8e8; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.set_toggle-label:before {content:"OFF"; margin-left:24px; font-size:12px; color:#fff}
.set_toggle-label:after {content:""; display:block; position:absolute; top:2px; left:2px; width:28px; height:27px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all.2s; -moz-transition:all.2s; transition:all.2s; box-shadow:-2px 3px 4px rgba(0,0,0,.1)}

.set_toggle-btn:checked + .set_toggle-label {background:#2471cd}
.set_toggle-btn:checked + .set_toggle-label:before {content:"ON"; margin-left:0}
.set_toggle-btn:checked + .set_toggle-label:after {left:34px}

.set_check-btn {position:absolute; left:0; top:0; opacity:0}
.set_check-label {display:block; overflow:hidden; font-size:16px; color:#000}
.set_check-label:after {content:""; display:block; position:absolute; right:18px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/btn-checkbox-off.svg) no-repeat; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; background-size:24px 24px; cursor:pointer}
.set_check-btn:checked + .set_check-label:after {background-image:url(http://i.gzcdn.net/images/v3/newgdr/svg/btn-checkbox-on.svg)}

.set_push-guide {padding:10px 15px 0}
.set_push-txt {padding-bottom:8px; line-height:16px; font-size:14px; color:#888; letter-spacing:-1px}
.set_push-date {font-size:14px; color:#2471cd; letter-spacing:-1px}

/* 계정 로그아웃 */
.account {max-width:800px; margin:0 auto; min-height:500px; padding:50px 0 0 0; letter-spacing:-1px}
.account_info {padding:25px 21px; background:#fff}
.account_info-status {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; height:53px; margin-bottom:9px; padding:17px 15px 0; color:#535353; font-size:15px; border:1px solid #d5d5d5; background:#f5f5f5}
.account_info-id {color:#1d5ac2; font-weight:bold}
.account_info-logout {display:block; padding-top:17px; color:#fff; font-size:17px; font-weight:bold; height:53px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#2471cd}
.account_info-logout:active {background:#1358ab}
.account_info-guide {position:relative; padding:15px 85px 0 0}
.account_info-guide:after {content:""; display:block; clear:both}
.account_info-ment {font-size:14px; color:#535353}
.account_info-modify {position:absolute; right:0; top:14px; font-size:14px; color:#535353; text-decoration:underline}
.account_info-modify:active {color:#8f8f8f}

/* golfzon common  */
/* spinner common */
.spinner {position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;-webkit-transform:scale(0.3)}
.block{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;background-color:#c0c0c0;height:36px;width:15px;float:left;-webkit-transform:scale(0.4);-webkit-animation-name:fade;-webkit-animation-duration:0.7s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear}
.rotate_01{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);margin-left:1px;margin-top:30px;-webkit-animation-delay:.3s}
.rotate_02{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);margin-left:-5px;margin-top:3px;-webkit-animation-delay:0.4s}
.rotate_03{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);margin-left:12px;margin-top:-8px;-webkit-animation-delay:0.5s}
.rotate_04{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);margin-left:14px;margin-top:3px;-webkit-animation-delay:0.6s}
.rotate_05{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);margin-left:-4px;margin-top:30px;-webkit-animation-delay:0.7s}
.rotate_06{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);margin-left:68px;margin-top:-8px;-webkit-animation-delay:0.8s}
.rotate_07{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);margin-left:-43px;margin-top:2px;-webkit-animation-delay:0.9s}
.rotate_08{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);margin-left:-72px;margin-top:-8px;-webkit-animation-delay:1s}

.toast {background-color:#3b3b3b; position:absolute; left:50%; margin-left:-110px; font-size:12px; color:#fff; line-height:15px; text-align:center; width:219px; padding:9px 15px; border-radius:2px; -webkit-border-radius:2px; box-shadow:0 0 14px rgba(0,0,0,.3); opacity:0; -webkit-transition:opacity 0.6s ease-in-out; display:none; z-index:101}
.hide {display:block; overflow:hidden; position:relative; z-index:-1; width:0; height:0; font-size:1px}
.txt_hide {font-size:0;line-height:0;text-indent:-3000px}
.u_skip {text-indent:-1000px; line-height:0; font-size:12px}
.no_contents {text-align:center; border-top:1px solid #fff; background:url(https://o.gzcdn.net/mui/img/common/btn_alret-login.png) center 60px no-repeat #fff; -webkit-background-size:25px 25px; background-size:25px 25px}
.no_contents h4 {font-size:18px; color:#1e2832; margin:0 0 12px; position:relative; top:103px}
.no_contents blockquote {display:block; color:#6e726e; line-height:16px; font-size:13px; margin:0 0 12px; padding:0 0 19px; position:relative; top:103px}
.relay .no_contents {text-align:center; border-top:1px solid #fff; background:#fff url(https://o.gzcdn.net/mui/img/m/common/icon.png) 50% -665px no-repeat; -webkit-background-size:50px 750px; background-size:50px 750px; padding:103px 0 500px}
.initialize {display:none}

/* 기존 로딩 스피너 */
.gz_loading {left:-7000px; top:-7000px}

/* 로딩 스피너 */
.dims.loading {display:block; position:fixed; z-index:300; right:0; bottom:0; left:0; top:0}
.dims.loading.rit {right:-65%; top:-70%}
.dims.loading.rit .spinner {-webkit-transform:scale(0.12); transform:scale(0.12)}

/* 서비스 문의 */
.quest {padding:50px 0 0 0}
.quest_tab {border-bottom:1px solid #ececec}
.quest_tab:after {content:""; display:block; clear:both}
.quest_link {float:left; display:block; position:relative; width:50%; height:50px; padding-top:15px; text-align:center; color:#444; font-size:16px}
.quest_link.on {color:#2471cd}
.quest_link.on:after {content:""; display:block; position:absolute; left:50%; bottom:-1px; width:154px; height:3px; margin-left:-77px; background:#3f95fc}
.quest_top {padding:10px; background-color:#fff; border-top:1px solid #d0d5d9; border-bottom:1px solid #d0d5d9; margin:10px 0 0}
.quest_top .quest_top-selection {width:100%; height:39px; line-height:39px; border:1px solid #d0d5d9; margin-bottom:10px; text-indent:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(http://i.gzcdn.net/mui/img/n_voc/btn_select_n.png) right 0 no-repeat; -webkit-background-size:29px 34px; -moz-background-size:29px 34px; background-size:29px 34px}
.quest_top .quest_top-mail {box-sizing:border-box; -webkit-box-sizing:border-box; height:41px}
.quest_top .quest_top-mailipt {width:46%; float:left; border:1px solid #d0d5d9; height:39px; line-height:39px; text-indent:10px}
.quest_top .quest_top-at {width:8%; float:left; text-align:center; display:inline-block; line-height:41px}
.quest_cont {padding:10px; background-color:#fff; border-top:1px solid #d0d5d9; border-bottom:1px solid #d0d5d9; margin:10px 0 0}
.quest_cont input {width:100%; border:1px solid #d0d5d9; height:39px; line-height:39px; text-indent:10px; margin-bottom:10px}
.quest_cont textarea {width:100%; height:134px; border:1px solid #d0d5d9; padding:10px}
.quest_cont input[type=file] {display:none}
.file_insert {width:70px; height:25px; line-height:25px; text-align:center; border:1px solid #d0d5d9; color:#3a4044; display:block; background-color:#f8f8f8; font-size:11px; margin-top:8px; font-family:Dotum,'돋움','Noto Sans Korean',nanumGothic, sans-serif}
.quest_cont ul {margin:10px 0 0}
.quest_cont li {font-size:11px; color:#9ca0a8; line-height:1.5em}
.quest_cont li em {width:1px; height:1px; display:inline-block; background-color:#9ca0a8; margin-right:4px; position:relative; top:-4px}
.agree_info_chk {padding:10px; font-size:12px}
.agree_info_chk p {font-size:11px; line-height:1.5em; color:#9ca0a8; margin-bottom:10px}
.agree_info_chk input {display:none}
.agree_info_chk input+label {display:inline-block; background:url(http://i.gzcdn.net/mui/img/n_voc/bg_chk_chk2.png) no-repeat; background-size:22px 70px; -webkit-background-size:22px 70px; padding-left:27px; height:23px; line-height:23px; margin-bottom:20px; color:#838990}
.agree_info_chk input:checked+label {background:url(http://i.gzcdn.net/mui/img/n_voc/bg_chk_chk2.png) 0 -48px no-repeat; background-size:22px 70px; -webkit-background-size:22px 70px; padding-left:27px; height:23px; line-height:23px; margin-bottom:20px; color:#838990}
.agree_info_btn {height:39px; line-height:39px; border:1px solid #000; display:block; text-align:center; font-size:12px; z-index:500; position:relative}
.add_file_list {background-color:#f8f8f8; border:1px solid #d0d5d9; border-top:0; margin:10px 0}
.add_file_list p {padding:5px; min-height:33px; border-top:1px solid #d0d5d9}
.add_file_list span {width:30px; height:30px; border:1px solid #d0d5d9; display:block; float:left; margin-right:6px}
.add_file_list strong {display:inline-block; line-height:30px; font-weight:400; font-size:11px; color:#9ca0a8}
.add_file_list a {float:right; width:10px; height:11px; padding:10px; background:url(http://i.gzcdn.net/mui/img/n_voc/btn_del.png) 10px 10px no-repeat #f8f8f8; background-size:10px 11px; -webkit-background-size:10px 11px; font-size:0; text-indent:-30000em; line-height:0}

.quest_my-link {border-top:1px solid #fff; background-color:#fff; position:relative; display:block; border-bottom:1px solid #e7e7e7; clear:both}
.quest_my-link {font-size:13px; color:#000; line-height:17px; padding:13px 34px 0 10px; font-weight:400; height:60px}
.quest_my-status {display:inline-block; font-size:11px; height:18px; line-height:16px; text-align:center; margin-left:5px; position:relative; top:-1px}
.quest_my-status.ca1 {border:1px solid #e67c7e; min-width:41px; color:#f10011;}
.quest_my-status.ca2 {border:1px solid #d4d4d4; min-width:46px; color:#9ca0a8; padding-top:1px}
.quest_my-time {font-size:12px; color:#9ca0a8; display:block; margin-top:3px}
.quest_my-link.opened {border-top:1px solid #fff; background-color:#fff; position:relative; display:block; border-bottom:0; clear:both}
.quest_my-link.closed:after {content:""; background:url(http://i.gzcdn.net/mui/img/n_help/btn_updown.png) no-repeat; -webkit-background-size:15px 70px; background-size:15px 70px; position:absolute; top:50%; margin-top:-5px; right:10px; display:block; width:15px; height:9px}
.quest_my-link.opened:after {content:""; background:url(http://i.gzcdn.net/mui/img/n_help/btn_updown.png) 0 bottom no-repeat; -webkit-background-size:15px 70px; background-size:15px 70px; position:absolute; top:50%; margin-top:-5px; right:10px; display:block; width:15px; height:9px}
.quest_my-link.closed+.quest_my-detail {display:none}
.quest_my-link.opened+.quest_my-detail {display:block; background-color:#f8f8f8; color:#373737; padding:15px 10px; line-height:17px; font-size:12px; border-bottom:1px solid #e7e7e7}
.quest_my-q {padding-bottom:10px; line-height:1.5}
.quest_my-answer {padding-bottom:10px; color:#000; font-size:12px; line-height:1.5em}
.quest_my-answer-tit {font-weight:bold; padding-bottom:5px}

.quest_nodata {position:absolute; top:100px; left:0; right:0; bottom:0}
.quest_nodata-ment {position:absolute; top:50%; left:0; right:0; margin-top:-52px; font-size:16px; color:#6a6a6a; text-align:center}
.quest_nodata-ment:before {content:""; display:block; width:53px; height:53px; margin:0 auto 14px; background:url(http://i.gzcdn.net/images/v3/newgdr/svg/ico-nodata-ico2.svg) no-repeat; -webkit-background-size:53px 53px; -moz-background-size:53px 53px; background-size:53px 53px}

/* 회사소개 */
.intro_cs {overflow:hidden; padding:25px 11px 20px; background:#efefef}
.intro_cs_tit {min-height:30px; padding:9px 13px 0; color:#838990; font-size:13px; border-bottom:1px solid #e5e8e9; background:#fff}
.intro_cs_list {min-height:60px; padding:10px 13px 0; border-bottom:1px solid #e5e8e9; background:#fff}
.intro_cs_list_tit {display:block; padding-bottom:4px; color:#838990; font-size:13px}
.intro_cs_list_content {font-size:15px; color:#323232}

/* 서비스문의 별점 */
.voc_satis {position:relative}
.voc_satis:after {content:""; display:block; clear:both}
.voc_satisfact {position:relative; height:44px; background:url(http://i.gzcdn.net/images/m/voc/bg_solid_line.png) repeat-x; background-size:1px 1px}
.voc_satisfact-title {float:left; padding:12px 6px 0 0; min-width:64px; line-height:20px; font-size:11px; font-weight:bold; color:#ff6000}
.voc_satisfact-box {float:left; position:relative; width:115px; height:40px; background:url(http://i.gzcdn.net/images/m/voc/bg_satisfaction.png) no-repeat 0 10px; background-size:115px 70px}
.voc_satisfact-result {position:absolute; top:9px; left:125px; width:80px; line-height:23px; font-size:12px; color:#000}
.voc_satisfact-box.noAppraisal .wrapIcon {width:0}
.voc_satisfact-box.noAppraisal .wrapIcon span {color:#a4a2a6}
.voc_satisfact-box [class*="star"] {background:url(http://i.gzcdn.net/images/m/voc/bg_satisfaction.png) no-repeat 0 -40px; background-size:115px 70px}
.voc_satisfact-box .star1 {width:23px}
.voc_satisfact-box .star2 {width:46px}
.voc_satisfact-box .star3 {width:69px}
.voc_satisfact-box .star4 {width:92px}
.voc_satisfact-box .star5 {width:115px}
.voc_satisfact-btn {display:block; position:absolute; top:9px; right:0; height:24px; padding-top:3px; min-width:50px; text-align:center; color:#4c566c; border:1px solid #4c566c; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.ctrl_satisfact {position:relative; width:115px; height:40px}
.ctrl_satisfact > label {z-index:0}
.ctrl_satisfact > label, .ctrl_satisfact > a {position:absolute; top:0; left:0; width:23px; height:40px; font-size:1px; color:transparent; text-indent:-1000px}
.ctrl_satisfact > input[type="radio"] {position:absolute; top:0; left:0; border:0; width:23px; height:40px; opacity:0}
.ctrl_satisfact > input[type="radio"]:checked+label,.ctrl_satisfact > label, .ctrl_satisfact > a.on {background:url(http://i.gzcdn.net/images/m/voc/bg_satisfaction.png) no-repeat 0 -40px; background-size:115px 70px}
.ctrl_satisfact > input[type="radio"]:nth-of-type(1),.ctrl_satisfact > label:nth-of-type(1),.ctrl_satisfact > a:nth-of-type(1) {z-index:50; width:23px}
.ctrl_satisfact > input[type="radio"]:nth-of-type(2),.ctrl_satisfact > label:nth-of-type(2),.ctrl_satisfact > a:nth-of-type(2) {z-index:40; width:46px}
.ctrl_satisfact > input[type="radio"]:nth-of-type(3),.ctrl_satisfact > label:nth-of-type(3),.ctrl_satisfact > a:nth-of-type(3) {z-index:30; width:69px}
.ctrl_satisfact > input[type="radio"]:nth-of-type(4),.ctrl_satisfact > label:nth-of-type(4),.ctrl_satisfact > a:nth-of-type(4) {z-index:20; width:92px}
.ctrl_satisfact > input[type="radio"]:nth-of-type(5),.ctrl_satisfact > label:nth-of-type(5),.ctrl_satisfact > a:nth-of-type(5) {z-index:10; width:115px}

/* 튜토리얼 */
.user_tutorial {overflow:hidden}
.user_tutorial .golfzon-swipe {overflow:visible}
.user_tutorial .tutorial_item {overflow:hidden}
.tutorial_wrap {overflow:hidden}
.tutorial_item {padding-top:56px; background:#f6f6f6}
.tutorial_paging {position:absolute; z-index:1000; left:0; top:0; right:0; padding:25px 0; text-align:center}
.tutorial_paging a, .tutorial_paging span {display:inline-block; width:6px; height:6px; margin:0 3px; background:#cfcaca; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-size:1px; color:transparent}
.tutorial_paging .on {background:#2471cd}
.tutorial_visual {height:100%; padding-top:27px; background-position:50% 0; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}
.tutorial_visual img {display:block; width:100%; max-width:640px; margin:0 auto}
.tutorial_txt img {display:block; margin:0 auto; height:64px}
.tutorial_btn {position:fixed; z-index:1001; left:0; bottom:0; right:0; background:#2971cd; text-align:center}
.tutorial_next {display:block; color:#fff; font-size:18px; height:52px; padding-top:15px}
.tutorial_next:after {content:""; display:block; clear:both}
.tutorial_btn-checkbox {position:absolute; left:-1000px; top:0; opacity:0}
.tutorial_btn-nomore {display:block; float:left; width:50%; color:#d7e8ff; font-size:14px; height:52px; padding-top:16px}
.tutorial_btn-nomore:before {content:""; display:inline-block; position:relative; top:4px; margin-right:7px; width:11px; height:9px; vertical-align:top; background:url(http://i.gzcdn.net/images/v3/newgdr/images/tutorial-check.png) no-repeat; -webkit-background-size:11px 9px; -moz-background-size:11px 9px; background-size:11px 9px}
.tutorial_btn-start {display:block; float:left; width:50%; color:#fff; font-size:18px; height:52px; padding-top:13px; background:#2878df}

/* 매장찾기 */
.gdrsite {padding:50px 0}

/* canvas make */
.gdrGraph {position:relative}
.gdrGraph canvas {position:absolute; z-index:4}

/*매장 찾기 추가*/
.shop_find_wrap .shop h2 {font-size:16px; padding:5px 0 10px 0}
.shop_find_header {position:absolute; left:0; right:0;top:50px;}

/* 지역 검색*/
#search_input {background:transparent}
.shop_search_list {position:relative; z-index:2; background:#fff}
.shop_search_item {height:48px; line-height:48px; border-bottom:1px solid #d5dade; padding:0 15px; color:#313131; font-size:14px}
.shop_search_item em {color:#2ba1ff}

/*매장명 리스트*/
.shop_list_on {height:100%; width:100%; overflow-y:auto}
.shop_list_on a {clear:both; position:relative; display:block; height:75px; padding:0 30px 0px 60px; border-bottom:1px solid #dfe0e4}
.shop_list_on em.ico_poi {display:block; position:absolute; top:21px; left:8px; width:30px; height:30px}
.shop_list_on span {display:block; position:absolute; top:30px; right:15px; width:8px; height:14px; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_list_arr2.png) 0 0 no-repeat; background-size:8px 14px; -webkit-background-size:8px 14px}
.shop_list_on dl {padding:13px 0 0}
.shop_list_on dt {color:#000; font-size:14px; letter-spacing:-1px; margin-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.shop_list_on dt strong {display:inline-block; color:#fff; padding:2px 5px; background:#f00; font-size:11px; text-shadow:1px 1px 1px #a32205; border:1px solid #d62300; border-radius:2px; position:relative; top:-2px; margin-left:5px}
.shop_list_on dd {font-size:12px; color:#3c3c3c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; line-height:16px}
.shop_list_on dd strong {font-weight:normal}
.shop_list_on dd del {margin-left:3px; color:#eaeaea; text-decoration:none}

/* 편집 */
.shop_list_on .chk {position:absolute; top:30px; right:15px; width:25px; height:25px; background-color:#fff; background-size:25px 25px; -webkit-background-size:25px 25px}
.shop_list_on .chk {display:none}
.setting_chk .chk {display:block}
.setting_chk .check_off .chk {background-image:url(https://o.gzcdn.net/mui/img/pro_nasmo/ico_check_button.png) }
.setting_chk .check_on .chk {background-image:url(https://o.gzcdn.net/mui/img/pro_nasmo/ico_checked_on_button.png)}
.btn_chk_del {background-color:#a3acb9}
.btn_go_map {background-color:#538BdB}
.btn_go_map em {display:inline-block; width:18px; height:20px; margin:0 5px 0 0; vertical-align:middle; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/ico_go_map.png) 0 0 no-repeat; background-size:18px 120px; -webkit-background-size:18px 20px}

.shop_list_on .setting li a {display:block; position:relative; height:60px; padding:10px 10px 10px 100px}
.shop_list_on .setting_chk li a {display:block; position:relative; height:60px; padding:10px 50px 10px 100px}
.shop_list_on .setting_chk li a.check_off .chk {display:block; width:25px; height:25px; background:url(https://o.gzcdn.net/mui/img/pro_nasmo/ico_check_button.png) 0 no-repeat; background-size:25px 25px; -webkit-background-size:25px 25px; position:absolute; top:28px; right:10px}
.shop_list_on .setting_chk li a.check_on .chk {display:block; width:25px; height:25px; background:url(https://o.gzcdn.net/mui/img/pro_nasmo/ico_checked_on_button.png) 0 no-repeat; background-size:25px 25px; -webkit-background-size:25px 25px; position:absolute; top:28px; right:10px}
.shop_list_on ul li a {display:block; position:relative; height:60px; padding:10px 10px 10px 100px}

.nodata {padding:50px 0; width:100%; text-align:center}
.nodata p {padding:0; margin:25px 0 15px; font-size:16px; color:#000; line-height:1.5em}
.nodata p strong {font-weight:bold}
.btn_fixed {display:block; position:fixed; bottom:0; left:0; width:100%; height:46px; line-height:46px; padding:0; margin:0; background-color:#538bdb; color:#fff; font-size:16px; text-align:center; z-index:401}
.com_search_wrap .search_box {clear:both; height:55px; width:100%; position:relative; border-bottom:1px solid #d9dfe7}
.com_search_wrap .search_box .inser {padding:0 54px 0 39px; height:55px}
.com_search_wrap .search_box .inser input {width:100%; line-height:18px; margin:0; border:0; font-size:16px; box-sizing:border-box; padding:17px 0}
.com_search_wrap .search_box .inser input:-ms-clear {display:none}
.com_search_wrap .search_box .inser input::-webkit-input-placeholder {font-size:11px}
.com_search_wrap .inser .btn_cancel {position:absolute; top:0; right:0; width:53px; display:block; height:55px; line-height:51px; text-align:center; font-size:14px; color:#000}
.com_search_wrap .inser .btn_del {display:block; background:url(http://i.gzcdn.net/mui/img/n_common/search_close.png) 5px 5px no-repeat; background-size:10px 10px; -webkit-background-size:10px 10px; width:20px; height:20px; padding:5px; position:absolute; top:17px; right:65px; font-size:1px; color:transparent; text-indent:-1000px; line-height:0}
.com_search_wrap .inser label {display:inline-block; background:url(http://i.gzcdn.net/mui/img/common/btn_search.png) no-repeat; background-size:17px 17px; -webkit-background-size:17px 17px; width:17px; height:17px; margin-right:5px; position:absolute; top:18px; left:15px; font-size:16px}
.com_search_wrap .inser em {position:absolute; top:20px; right:54px; width:1px; height:13px; border-left:1px solid #9f9f9f; display:block}
.com_search_wrap .search_box ol {position:absolute; top:56px; left:0; width:100%; background-color:red; z-index:100}
.com_search_wrap .search_box ol li {height:42px; border-bottom:1px solid #d5dade}
.com_search_wrap .search_box ol li a {display:block; padding:0 15px; height:42px; line-height:42px; background-color:#fff; color:#313131; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.com_search_wrap .search_box ol li a em {height:16px; border:1px solid #767676; border-radius:8px; -webkit-border-radius:8px; line-height:16px; font-size:11px; padding:0 5px; display:inline-block; position:relative; top:-2px; margin-right:5px; color:#767676}
.com_search_wrap .search_box ol li a span {font-weight:400; color:#28a1ff}
.com_search_wrap input::-webkit-search-cancel-button {-webkit-appearance:none}

/*검색창*/
.com_search_wrap .inser label {background-image:url(https://o.gzcdn.net/mui/img/common/btn_search.png)}
.com_search_wrap .inser .btn_del {background-image:url(https://o.gzcdn.net/mui/img/n_common/search_close.png)}
.search_box {display:none; background:#fff; z-index:999}
.search_on {display:block}

/*검색결과*/
.status_sel {position:relative; height:65px;}
.status_sel .wrap_sel {width:120px; height:35px; position:relative; top:15px; left:10px}
.status_sel .wrap_sel:after {content:""; position:absolute; top:50%; right:12px; z-index:2; width:10px; height:7px; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/ico_arrow_down.png) no-repeat 0 0; background-size:10px 7px; margin-top:-3px}
.status_sel select {-webkit-appearance:none; width:120px; height:35px; font-size:13px; color:#303030; text-indent:10px; border-radius:15px; border:1px solid #bac3cf}
.status_sel span {position:absolute; top:25px; right:11px; font-size:14px; line-height:16px}
.status_sel span input {display:none}
.status_sel span label {display:inline-block; padding-left:20px; margin-left:10px; color:#737a7f; vertical-align:top; letter-spacing:-1px; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/radio_check2_off.png) no-repeat; background-size:16px 16px}
.status_sel span input[type="radio"]:checked+label {background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/radio_check2_on.png) no-repeat; background-size:16px 16px}

/*하단바*/
.ui_nav {position:fixed; right:0; bottom:0; width:50px; height:40px; z-index:702}
.ui_nav h4 {width:50px; height:40px}
.ui_nav h4 a {display:block; width:50px; height:40px; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/ico_map_menu.png) 50% 50% no-repeat; background-size:16px 13px; -webkit-background-size:16px 13px; font-size:1px; color:transparent; text-indent:-1000px}
.ui_nav h4 .clicked {background-color:#000; opacity:0.75}
.ui_nav_on h4 {background:#000; opacity:0.7}
.ui_nav_on {position:absolute; bottom:40px; right:0; width:50px; background:#000; opacity:0.85}
.ui_nav_on li {width:50px; height:40px; font-size:13px; line-height:39px; color:#fff; text-align:center}
.ui_nav_on li a {display:block; width:50px; height:39px; border-bottom:1px solid #38372a; color:#fff}

/*보기옵션*/
.opt_sel {display:block; position:absolute; top:12px; right:12px; width:47px; height:47px; z-index:1; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_opt_sel.png) 0 0 no-repeat; background-size:47px 47px; -webkit-background-size:47px 47px}
/*보기옵션 선택창*/
.memo_nav {position:absolute; top:69px; right:10px; min-width:161px; width:50%; color:#40484e; font-size:13px; background:#fff; z-index:1000}
.memo_nav h4 {height:40px; line-height:40px; font-weight:normal}
.memo_nav h4 span {display:block; position:absolute; top:-8px; right:19px; width:13px; height:8px; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/memo_nav_on.png) 0 0 no-repeat; background-size:13px 8px; -webkit-background-size:13px 8px}
.memo_nav h4 input, .memo_nav ul li input {display:none}
.memo_nav h4 label, .memo_nav ul li label {display:inline-block; width:100%; margin:0 0 0 10px; padding-left:26px; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_chk_unselected.png) 0 11px no-repeat; background-size:20px 20px; box-sizing:border-box}
.memo_nav h4 input[type="checkbox"]:checked+label, .memo_nav ul li input[type="checkbox"]:checked+label {background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_chk_selected.png) 0 11px no-repeat; background-size:20px 20px}
.memo_nav ul li {width:100%; height:40px; line-height:40px; border-top:1px solid #e6e6e6}
.memo_nav ul li:hover {background:#f1f3f5}

#gpsbtn {display:block; position:relative; width:100%}
#gpsbtn.btn_here {display:block; position:absolute; top:12px; left:12px; width:47px; height:47px; text-indent:-1000px; font-size:1px; color:transparent}
#gpsbtn.here_posi1 {background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_posi2_case1.png) 0 0 no-repeat; background-size:47px 47px; -webkit-background-size:47px 47px}
#gpsbtn.here_posi1.hover {background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_posi2_case2.png) 0 0 no-repeat; background-size:47px 47px; -webkit-background-size:47px 47px}
#gpsbtn.here_posi2 {background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/btn_posi2_case3.png) 0 0 no-repeat; background-size:47px 47px; -webkit-background-size:47px 47px}

.map_view h3 {padding-left:10px; font-size:13px; line-height:40px; color:#fff; font-weight:normal; z-index:702; position:fixed; bottom:0; left:0; right:0; height:40px; background:#000; opacity:0.5}
.map_view h3.info_adress {padding-left:30px; background:#000 url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/ico_gps.png) 10px 50% no-repeat; background-size:15px 15px; -webkit-background-size:15px 15px}

/*툴팁*/
/*.tool_case1 {position:relative; display:block; overflow:hidden; width:176px; height:67px; !*height:61px; background:#000; opacity:0.5; border:1px solid #000; *!}*/
/*.tool_case1 {position:relative; display:block; color:#fefefe; background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/ball_case3_off.png) 0 0 no-repeat}*/
.tool_case1 {position:relative; display:block; color:#fefefe}
.tool_case1 div {padding:10px 12px 10px 51px}
.tool_case1 em {display:block; position:absolute; left:8px; top:10px; width:29px; height:30px; text-indent:-1000px; font-size:1px; color:transparent}
.tool_case1 h4 {margin-bottom:6px; padding:0px; font-size:13px; color:#fefefe; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.tool_case1 p {padding-top:1px; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.tool_case1 h4 span {position:relative; display:inline-block; width:31px; height:14px; padding:0 3px; margin-left:5px; top:-2px; border:1px solid #d62300; font-size:11px; font-weight:normal; background:#f00; border-radius:2px}
.tool_case1 span.view {position:absolute; right:21px; top:25px; display:block; width:20px; height:20px; background:url(https://o.gzcdn.net/mui/img/shop_finder/btn_t_off.png) 0 0 no-repeat; background-size:20px 20px; -webkit-background-size:20px 20px; text-indent:-1000px; font-size:1px; color:transparent}
.tool_case1 a:hover span.view {background:url(https://o.gzcdn.net/mui/img/shop_finder/btn_t_on.png) 0 0 no-repeat}

.poi_posi {position:absolute; left:224px; top:331px; text-indent:-1000px; font-size:1px; color:transparent}
.poi_posi em {width:29px; height:30px; display:block}
.no_map .tool_case1 a, .no_map .tool_case2 a, .no_map .tool_case3 a, .no_map .tool_case4 a, .no_map .tool_case5 a {display:none}

.shop_find_wrap .shop h2 {font-size:16px; padding:5px 0 10px 0}
.shop_find_header {position:absolute; left:0; right:0}

h3.poin_shop {padding:0 0 0 14px; height:30px; line-height:30px; font-size:13px; font-weight:normal; border-top:1px solid #dfe0e4; border-bottom:1px solid #dfe0e4}
h3.poin_shop em {color:#f38a01; font-style:normal}
.nodata em {background-image:url(https://o.gzcdn.net/mui/img/shop_home/ico_nodata.png)}
/* 매장찾기 추가 */
/*
em.icon_poi_case1, em.icon_poi_case2, em.icon_poi_case3, em.icon_poi_case4, em.icon_poi_case5, em.icon_poi_case6, em.icon_poi_case7, em.icon_poi_case8, em.icon_poi_case9, em.icon_poi_case10, em.icon_poi_case11, em.icon_poi_case12, em.icon_poi_case13, em.icon_poi_case14, em.icon_poi_case15, em.icon_poi_case16, em.icon_poi_case17, em.icon_poi_case18, em.icon_poi_case19 {background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/poi_no_shadow2_8.png) no-repeat; background-size:29px 571px; -webkit-background-size:29px 571px}
em.icon_poi_case1 {background-position:0 0}
em.icon_poi_case2 {background-position:0 -30px}
em.icon_poi_case3 {background-position:0 -60px}
em.icon_poi_case3 {background-position:0 -60px}
em.icon_poi_case4 {background-position:0 -90px}
em.icon_poi_case5 {background-position:0 -121px}
em.icon_poi_case6 {background-position:0 -151px}
em.icon_poi_case7 {background-position:0 -181px}
em.icon_poi_case8 {background-position:0 -211px}
em.icon_poi_case9 {background-position:0 -241px}
em.icon_poi_case10 {background-position:0 -271px}
em.icon_poi_case11 {background-position:0 -301px}
em.icon_poi_case12 {background-position:0 -331px} // 투비전 
em.icon_poi_case13 {background-position:0 -360px}
em.icon_poi_case14 {background-position:0 -391px} // 파크골프 
em.icon_poi_case15 {background-position:0 -421px} // 파크골프 + GDR 
em.icon_poi_case16 {background-position:0 -451px} // VR 
em.icon_poi_case17 {background-position:0 -481px} // VR + GDR 
em.icon_poi_case18 {background-position:0 -511px}
em.icon_poi_case19 {background-position:0 -541px}
*/
/*공통POI*/
em.icon_poi_case1,
em.icon_poi_case2,
em.icon_poi_case3,
em.icon_poi_case4,
em.icon_poi_case5,
em.icon_poi_case6,
em.icon_poi_case7,
em.icon_poi_case8,
em.icon_poi_case9,
em.icon_poi_case10,
em.icon_poi_case11,
em.icon_poi_case12,
em.icon_poi_case13,
em.icon_poi_case14,
em.icon_poi_case15,
em.icon_poi_case16,
em.icon_poi_case17,
em.icon_poi_case18,
em.icon_poi_case19,
em.icon_poi_case20,
em.icon_poi_case21,
em.icon_poi_case22,
em.icon_poi_case23,
em.icon_poi_case24,
em.icon_poi_case25,
em.icon_poi_case26,
em.icon_poi_case27{background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/poi_no_shadow2_9.png) no-repeat;background-size:29px 811px;-webkit-background-size:29px 811px;}
/*em.icon_poi_case19{background:url(https://o.gzcdn.net/mui/img/site_finder/shop_finder/poi_no_shadow2_9.png) no-repeat;background-size:29px 811px;-webkit-background-size:29px 811px;}*/

em.icon_poi_case1{background-position:0 0;}
em.icon_poi_case2{background-position:0 -30px;}
em.icon_poi_case3{background-position:0 -60px;}
em.icon_poi_case3{background-position:0 -60px;}
em.icon_poi_case4{background-position:0 -90px;}
em.icon_poi_case5{background-position:0 -121px;}
em.icon_poi_case6{background-position:0 -151px;}
em.icon_poi_case7{background-position:0 -181px;}
em.icon_poi_case8{background-position:0 -211px;}
em.icon_poi_case9{background-position:0 -241px;}
em.icon_poi_case10{background-position:0 -271px;}
em.icon_poi_case11{background-position:0 -301px;}
/* 투비전 변경 2016-07-13 */
em.icon_poi_case12{background-position:0 -331px}
em.icon_poi_case13{background-position:0 -360px}
/* Park Golf 추가 2016-06-10 */
em.icon_poi_case14{background-position:0 -391px} /* 파크골프 */
em.icon_poi_case15{background-position:0 -421px} /* 파크골프 + GDR */
/* VR 추가 2016-07-13 */
em.icon_poi_case16{background-position:0 -451px} /* VR */
em.icon_poi_case17{background-position:0 -481px} /* VR + GDR */
/* TwoVisionPlus 추가 2018-03-05 */
em.icon_poi_case18{background-position:0 -511px} /* TwoVisionPlus */
em.icon_poi_case19{background-position:0 -541px} /* TwoVisionPlus + GDR */
/* Prime 추가 2018-10-04 */
em.icon_poi_case20{background-position:0 -571px} /* GDR Prime */
em.icon_poi_case21{background-position:0 -601px} /* Vision + GDR Prime */
em.icon_poi_case22{background-position:0 -631px} /* Real + GDR Prime */
em.icon_poi_case23{background-position:0 -661px} /* Vision Plus + GDR Prime */
em.icon_poi_case24{background-position:0 -691px} /* TwovisionPlus + GDR Prime */
em.icon_poi_case25{background-position:0 -721px} /* Park + GDR Prime */
em.icon_poi_case26{background-position:0 -751px} /* VR + GDR Prime */
em.icon_poi_case27{background-position:0 -781px} /* TwovisionPlus + GDR Prime */

/* grappt option */
.carryGraph {position:relative; margin:0 auto}
.carryGraph canvas {position:absolute; z-index:4}
.carryGraph #distanceCircle {z-index:5}

/* Mobile header */
.cate_tit {display:none}
.home_wrap {width:100%; height:100%; margin:0 auto; background-color:#fff; overflow:hidden}
.home_wrap article {float:left; width:100%; margin-left:0; padding-bottom:20px}

/* ploating */
.ploating_pc {display:none}
.ploating {float:right; width:135px; height:100%; margin-left:1px; letter-spacing:-1px; position:absolute; top:0; right:0; background-color:#fff; box-shadow:0 -1px 5px #000}
.golfzon {display:none}
.ploating div a {border-bottom:1px solid #f0f0f0; border-top:0; display:block; height:44px; line-height:44px; color:#999; font-size:13px}
.ploating div a:hover {text-decoration:underline}
.ploating div a.on {background-color:#f2f2f2; color:#020304}
.ploating div a em {margin:0 8px 0 23px; width:27px; height:27px; background:url(http://i.gzcdn.net/mui/img/shop_home/btn_nav_off.png) no-repeat; display:inline-block; position:relative; top:7px; background-size:27px 161px; -webkit-background-size:27px 161px}
.ploating div a .home {background-position:0 0}
.ploating div a .info {background-position:0 -45px}
.ploating div a .tournament {background-position:0 -90px}
.ploating div a .rangking {background-position:0 -135px}
.ploating div a.on em {margin:0 8px 0 23px; width:27px; height:27px; background:url(http://i.gzcdn.net/mui/img/shop_home/btn_nav_on.png) no-repeat; background-size:27px 161px; -webkit-background-size:27px 161px}
.ploating div a.on .home {background-position:0 0}
.ploating div a.on .info {background-position:0 -45px}
.ploating div a.on .tournament {background-position:0 -90px}
.ploating div a.on .rangking {background-position:0 -135px}

/* shop location info */
.shop_location {padding-top:50px}
.shop_location-head {min-height:114px; background-color:#2471cd; padding:20px 25px 0; color:#fff}
.shop_location-tit {padding-bottom:7px; font-weight:bold; font-size:18px}
.shop_location-address {padding-bottom:11px; line-height:18px; word-break:break-all; color:#bcd3ef; font-size:14px}
.shop_location-url {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; color:#bcd3ef; font-size:14px; text-decoration:underline}
.shop_location-favorlink {display:block; height:46px; padding-top:14px; text-align:center; font-size:14px; color:#fff; background-color:#1c5aa4; border:1px solid #185093; border-left:0; letter-spacing:-1px}
.shop_location-favorlink:before {content:""; position:relative; top:0; margin-right:5px; display:inline-block; width:15px; height:15px; background:url(http://i.gzcdn.net/mui/img/shop_home/ico_phone.png) left -59px no-repeat; -webkit-background-size:15px 74px; -moz-background-size:15px 74px; background-size:15px 74px; vertical-align:top}
.shop_location-favorlink:active {background-color:#2471cd}
.tp2 .shop_location-favorites-label {display:none}
.tp2 .shop_location-favorlink {width:100%; text-align:center}
.tp2 .shop_location-favorico {margin-left:0}
.shop_location-thumbnail {clear:both; width:320px; position:relative; padding:10px; box-sizing:border-box; margin:0 auto}
.shop_location-thumbnail-link {background:url(http://i.gzcdn.net/mui/img/shop_home/btn_photo.png) no-repeat; display:block; width:26px; height:26px; opacity:.9; background-size:231px 26px; -webkit-background-size:231px 26px; z-index:1}
.shop_before_off,.shop_before_off:hover {position:absolute; top:50%; left:10px; background-position:0 0; cursor:default; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-indent:-1000px; font-size:1px; color:transparent; line-height:0}
.shop_before_on {position:absolute; top:50%; left:10px; background-position:-41px 0; cursor:default; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-indent:-1000px; font-size:1px; color:transparent; line-height:0}
.shop_before_on:hover {background-position:-82px 0}
.shop_next_off,.shop_next_off:hover {position:absolute; top:50%; right:10px; background-position:-123px 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-indent:-1000px; font-size:1px; color:transparent; line-height:0}
.shop_next_on {position:absolute; top:50%; right:10px;  background-position:-164px 0; cursor:default; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-indent:-1000px; font-size:1px; color:transparent; line-height:0}
.shop_next_on:hover {background-position:-410px 0}
.shop_location-system2 {padding:2px 27px 20px; font-size:13px; color:#7d7d7d}
.shop_location-no-border th {position:relative; color:#323232; padding:0 0 0 29px}
.shop_location-no-border th strong {margin:0; padding:0; position:absolute; top:7px; left:29px; font-weight:normal}
.shop_location-no-border td {line-height:1.5em; padding:5px 0}
.shop_location-no-border .use_price {background:url(http://i.gzcdn.net/mui/img/shop_home/ico_thumnail.png) 0 5px no-repeat; width:16px; height:18px; display:inline-block; position:absolute; top:3px; left:5px; background-size:16px 77px; -webkit-background-size:16px 77px}
.shop_location-no-border .open_time {background:url(http://i.gzcdn.net/mui/img/shop_home/ico_thumnail.png) 0 -59px no-repeat; width:16px; height:19px; display:inline-block; position:absolute; top:4px; left:5px; background-size:16px 77px; -webkit-background-size:16px 77px}
.shop_location-border {clear:both; width:100%; margin-top:5px; border-top:1px solid #dee1e3; border-left:1px solid #dee1e3; font-size:12px; color:#7d7d7d; letter-spacing:-1px}
.shop_location-border th {border-bottom:1px solid #dee1e3; border-right:1px solid #dee1e3; background-color:#f8f8f8; color:#323232; text-align:left; height:30px; padding-top:2px; padding-left:6px}
.shop_location-border td {border-bottom:1px solid #dee1e3; border-right:1px solid #dee1e3; text-align:center; height:30px; padding-top:2px}
.shop_location-system {clear:both; margin:18px 27px 0 27px; height:30px; line-height:30px; border-bottom:1px solid #dee0e2}
.shop_location-system-tit {display:inline; float:left; color:#323232; font-size:17px; font-weight:bold}
.shop_location-system-kind {display:inline; float:right; font-size:14px}
.shop_location-system-icon {margin-left:5px}
.shop_location-system .ngs {color:#ef502b}
.shop_location-system .ngs span {margin:0}
.shop_location-system .ngs em {background:url(http://i.gzcdn.net/mui/img/shop_home/ico_ngs_new2.gif) 0 3px no-repeat; width:17px; height:17px; display:inline-block; background-size:17px 17px; -webkit-background-size:17px 17px}
.shop_location-system .vision {color:#ef502b}
.shop_location-system .vision:before {content:""; background:url(http://i.gzcdn.net/mui/img/shop_home/ico_vision.png) 0 0 no-repeat; width:13px; height:14px; display:inline-block; background-size:13px 14px; -webkit-background-size:13px 14px}
.shop_location-system .real {color:#9ccd6a}
.shop_location-system .real em {background:url(http://i.gzcdn.net/mui/img/shop_home/ico_system.png) -98px 0 no-repeat; width:16px; height:14px; display:inline-block; background-size:130px 25px; -webkit-background-size:130px 25px}
.shop_noti {background-color:#fff; padding:15px; border-bottom:1px solid #e4e3e4; font-size:13px; color:#656a70}
.shop_noti li {line-height:1.5em; padding:5px 0 5px 7px; background:url(http://i.gzcdn.net/mui/img/shop_home/ico_dotted_b.png) 0 13px no-repeat; background-size:2px 2px; -webkit-background-size:2px 2px}
.shop_noti-none {display:block; width:auto; padding:2em 0; margin:0 27px 18px; text-align:center; border-top:1px solid #dee1e3}
.shop_noti-nodata {display:block; width:120px; height:120px; margin:0 auto 25px; background:url(http://i.gzcdn.net/mui/img/shop_home/ico_nodata.png) no-repeat; background-size:120px 120px; -webkit-background-size:120px 120px}


/* bom */

/*My lesson*/
.myprolist {padding:50px 0 58px}
.lesson{background-color: #efefef}
.lesson_card {margin-bottom:7px; background-color: #fff}
.lesson_title {height:90px; padding:20px; border-bottom: #ebebeb solid 1px}
.lesson_title:after {content:""; clear:both; display:block}
.title_img_thum{width:50px; height:50px; float:left; border-radius: 50%}
.title_pro_name{max-width:184px; position:absolute; left:88px;font-size:17px; font-weight:bold}
.title_remain_lesson{max-width:184px; position:relative; left:18px; top:26px; font-size:16px}
.title_lesson_count_active {position:relative; left:18px; top:26px; font-size:16px; color:#276cbe}
.title_lesson_count_inactive{position:relative; left:18px; top:26px; font-size:16px; color:#666666}
.title_button_active{float:right; display:block; width:70px; height:30px; margin-top:9px; border-radius:100px; background-color:#358bf2; font-size:13px; line-height:30px; text-align:center; color:#fff}
.title_button_inactive{float:right; display:block; width:70px; height:30px; margin-top:9px; border-radius:100px; border:#bbbbbb solid 1px; font-size:13px; line-height:30px; text-align:center; color:#666666}

.lesson_desc{height:84px; padding:20px; border-bottom: #ebebeb solid 1px}
.desc_shop_name{padding-bottom: 5px; font-size:15px; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.desc_ramain_period{font-size:15px; color:#666666}

/* User list */
.list_myuser {padding:50px 0 58px}
.titbar {height:42px; padding:14px 20px 0; background-color:#efefef; font-size:15px; color:#474747}
.titbar .titbar_tit {margin-right:4px}
.titbar .ico_partition_type2 {font-weight:bold; color:#2c72da}
.lesson_user_list{height:90px; padding:20px; border-bottom: #ebebeb solid 1px; background:#fff}
.lesson_user_list:after{content:""; clear:both; display:block}
.lesson_user_img_thum{overflow:hidden; width:50px; height:50px; float:left; border:0; border-radius:50%}
.lesson_user_name{position:absolute; left:88px; right:90px; font-size:17px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lesson_user_class{max-width:184px; position:relative; left:18px; top:26px; font-size:15px; color:#666666}
.lesson_button_active{float:right; display:block; width:70px; height:30px; margin-top:9px; border-radius:100px; border:#358bf2 solid 1px; font-size:13px; line-height:30px; text-align:center; color:#358bf2}
.lesson_button_inactive{float:right; display:block; width:70px; height:30px; margin-top:9px; border-radius:100px; border:#bbbbbb solid 1px; font-size:13px; line-height:30px; text-align:center; color:#666666}

/*Lesson popup*/
.whitetype-layer {overflow:hidden; position:fixed; left:0; right:0; z-index:510; top:50%; width:297px; margin:-200px auto 0; border-radius:0 0 13px 13px; -webkit-transition:all .3s; transition:all .3s}
.subscription_lesson {max-height:350px; overflow-y:scroll;  background-color: #fff; border-radius:0 0 13px 13px}
.subscription_lesson_tit {position:relative; height:80px; padding:17px 14px 0 23px; border-bottom:1px solid #dadada}
.subscription_lesson_title {display:block; padding-bottom:8px; font-weight:bold; font-size:16px; color:#000;}
.subscription_lesson_box {overflow:hidden; width:259px}
.subscription_title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all}
.subscription_remain {float:left; display:inline-block; padding-right:14px; font-size:15px; color:#000}
.subscription_remains {float:left; display:inline-block; font-size:15px; color:#323232}
.marker_bold {font-weight:bold; color:#276cbe}
.select_lesson_pro {height:48px; padding:16px 14px 0; font-size:17px; font-weight:bold; text-align:center; border-bottom:1px #e8e8e8 solid; -webkit-border-radius:13px 13px 0 0; -moz-border-radius:13px 13px 0 0; border-radius:13px 13px 0 0; background:#fff}
.subscription_list {position:relative; display:block; height:64px; padding:22px 20px 18px 79px; border-bottom:1px #ebebeb solid; background:#f5f5f5}
a.subscription_list:active {background-color: #eff5fb; color:#000}
a.subscription_list:visited {color:#000}
.subscription_pro_img_thum {position:absolute; left:22px; top:50%; margin-top:-20px; width:40px; height:40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
.subscription_pro_name {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#343434}

.subscript_off .subscription_remain {color:#484848}
.subscript_off .subscription_pro_img_thum {opacity:.6}
.subscript_off .subscription_pro_name {opacity:.6}

/* acadeny cancel */
.cancel_gdr {padding:50px 0 0}
.cancel_list {position:relative; min-height:90px; padding:33px 100px 0 20px; background:#fff}
.cancel_list_tit {font-size:17px; color:#000; font-weight:bold}
.cancel_list_action {display:block; position:absolute; right:20px; top:50%; width:71px; height:30px; padding-top:7px; margin-top:-15px; background:#999; border-radius:20px; text-align:center; font-size:13px; color:#fff}

/*coupon*/
.coupon {padding-top:100px}
.couponbox {background-color: #efefef}
.coupon_list {margin-bottom:7px; background-color: #fff}
.coupon_title {position:relative; min-height:70px; padding:25px 90px 10px 0; border-bottom: #ebebeb solid 1px}
.title_coupon_name{padding-left:21px; font-size:17px; font-weight:bold}

.coupon_button_active{position:absolute; right:20px; top:50%; display:inline-block; width:70px; height:29px; margin-top:-15px; border-radius:100px; background-color:#358bf2; font-size:13px; line-height:29px; text-align:center; color:#fff}
.coupon_button_active:visited {color:#fff}
.coupon_button_inactive{position:absolute; right:20px; top:50%; display:inline-block; width:70px; height:29px; margin-top:-15px; border-radius:100px; border:#bbbbbb solid 1px; font-size:13px; line-height:29px; text-align:center; color:#666666}

.coupon_desc{height:83px; padding:20px; border-bottom: #ebebeb solid 1px}
.coupon_issued_date{padding-bottom:7px; font-size:15px; color:#323232; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.coupon_expired_date{font-size:15px; color:#323232}

/*user_purchased_list*/
.purchase_box {padding-top:100px}
.user_purchased{background-color: #efefef}
.user_purchased_list {margin-bottom:7px; background-color: #fff}
.purchased_title {position:relative; min-height:90px; padding:24px 90px 10px 20px; border-bottom:1px solid #ebebeb}
.purchased_title:after {content:""; clear:both; display:block}
.purchased_item_name{min-height:20px; padding-bottom:5px; font-size:17px; font-weight:bold}
.purchased_item_shop{display:block; font-size:17px}
.purchased_item_active {position:absolute; top:50%; right:20px; width:70px; height:29px; margin-top:-15px; width:70px; height:29px; border-radius:100px; background-color:#999999; font-size:13px; line-height:29px; text-align:center; color:#fff}
.purchased_item_active:visited {color:#fff}
.purchased_item_inactive {position:absolute; top:50%; right:20px; width:70px; height:29px; margin-top:-15px; border-radius:100px; border:#bbbbbb solid 1px; font-size:13px; line-height:29px; text-align:center; color:#666666}
.purchased_desc{padding:20px; border-bottom:1px solid #e1e1e1}
.purchased_date{padding-bottom:6px; font-size:15px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.purchased_use_date{padding-bottom: 5px; font-size:15px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.purchased_lesson_count{padding-bottom: 5px; font-size:15px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.purchased_miniround_count{padding-bottom: 5px; font-size:15px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.purchased_tscaner_discount{padding-bottom: 5px; font-size:15px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.retention_box .purchased_title {min-height:70px}

/*purchasede_miniround*/
.purchase_miniround{background-color: #efefef}
.miniround_list {margin-bottom:7px; background-color: #fff}
.miniround_list a {display:block}
.miniround_list a:active {color:#000}
.miniround_list a:hover {color:#000}
.miniround_list a:visited {color:#000}
.miniround_title {position:relative; min-height:70px; border-bottom: #ebebeb solid 1px}
.miniround_title:after {content:""; clear:both; display:block}
.miniround_name{min-height:70px; padding:25px 130px 20px 21px; font-size:17px; font-weight:bold}
.miniround_price{position:absolute; top:23px; right:21px; font-size:19px; font-weight:bold; color:#0076d6}
.miniround_price_special{position:absolute; top:15px; right:21px; line-height:1; min-width:90px; font-size:19px; font-weight:bold; color:#0076d6; text-align: right}
.miniround_unit {position:relative; display:inline-block; top:-1px; font-size:16px; font-weight:normal}

.miniround_discount{position:absolute; width: 120px; top:14px; right:21px; text-align: right}

.miniround_special_icon{display:inline-block; width:27px; height:15px; padding:1px; background-color: #ff9e00; font-size:11px; line-height:15px; color:#fff; text-align:center; vertical-align:top}
.miniround_special_price{display:inline-block; padding-bottom:3px; font-size:13px; line-height: 16px; color:#8d8d8d; font-weight:normal; text-decoration: line-through; vertical-align:top}
.miniround_price_discount{font-size:19px; font-weight:bold; color:#0076d6}
.miniround_desc{min-height:83px; padding:20px 20px 0; border-bottom: #ebebeb solid 1px}
.miniround_notice{padding-bottom: 5px; font-size:15px; color:#323232; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.miniround_expired_date{padding-bottom: 5px; font-size:15px; color:#323232; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.miniround_expired_date{padding-bottom: 5px; font-size:15px; color:#323232; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.miniround_etc_data{padding-bottom: 5px; font-size:15px; color:#323232; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 매장 상세 슬라이드 베너 */
/* .product_lesson{margin:9px auto 0;} */
.section { position: relative; margin-top: 0px; background-color:#efefef}
.banner{margin:0px auto 0;height:250px}
.banner .list_bnr a { display: block; height:250px; width: 375px;}
.banner .list_bnr a img{ height:100%; width: 100%; display: block; position: relative;}
.banner .list_bnr a .left_padding, .banner .list_bnr a .right_padding {position: absolute;top: 0;height: 100%;border: 200px solid transparent;}
.banner .list_bnr a .left_padding {left: 0;border-top: 0;border-right: 0;border-bottom: 0;}
.banner .list_bnr a .right_padding {right: 0;border-left: 0;border-top: 0;border-bottom: 0;}
.banner .list_bnr_navi { display: none; }
.banner .list_bnr_navi a { position: absolute; top: 9px; display: block; width: 20px; height: 60px; margin-top: -9px; text-indent: -10000px; }
.banner .list_bnr_navi a:before { top: 50%; margin-top: -4px; }
.banner .list_bnr_navi .prev { left: 0; }
.banner .list_bnr_navi .prev:before { left: 8px; }
.banner .list_bnr_navi .next { right: 0; }
.banner .list_bnr_navi .next:before { right: 8px; }
/*.banner .swiper-slide {width: auto; padding-right:15px;}*/
.banner .swiper-slide {width: auto;}
.banner .event_slide {background-color:#eceff3;}
.banner .btn_arrow_blue{display:block; width:80px;height:80px;padding-right:0;}
.banner .btn_arrow_blue a{display:block;box-sizing:border-box;width:80px;height:80px;padding-top:20px;background-color:#fff;font-size:14px;color:#5c5d63;line-height:20px;text-align:center;}
.banner .btn_arrow_blue:before{right:10px;top:50%;margin-top:-6px;}
/*.product_lesson .list_bnr a { display: block; height:150px; width: 175px;} */
.product_lesson .list_bnr a {display: block; height:150px; width:100%}
.product_lesson .list_bnr a img{ height:100%; width: 100%; display: block; position: relative;}
.product_lesson .swiper-slide {width: auto; padding-right:0px;}
.product_lesson .event_slide {background-color:#eceff3;}
/* 상품상세 기본정보 */
.basic_info_bef{margin:50px auto 0;}
.basic_info{box-sizing:border-box; -webkit-box-sizing:border-box;}
.prod_pic{padding:10px; text-align:center;}
.basic_info ul{}
.basic_info ul li{position:relative; height:54px; border-bottom:1px solid #d6dbe1; font-size:15px; color:#737a3f; letter-spacing:-1px;}
.basic_info .clear:after{clear:both; display:block; content:"";}
.basic_info ul .sel_tab{padding:0 15px 0 0;}
.basic_info ul li .opt_label{float:left; height:54px; font-weight:normal; line-height:54px; padding:0 20px;}
.basic_info ul li .opt_value{ float:right; height:54px; line-height:54px; padding-right:15px; color:#000; }
.basic_info ul li strong{display:block; font-weight:normal; line-height:58px; padding-left:20px}
.basic_info ul li span{display:block; position:absolute; right:0; top:0; line-height:54px; padding-right:20px; color:#000;}
.basic_info ul li p{line-height:54px; float:right; padding-right:15px; color:#000; font-size:15px;}
.basic_info ul p input{display:none;}
.basic_info ul p input[type="radio"]+label{background:url('http://i.gzcdn.net/mui/img/n_plusshop/input_chk.png') -75px 17px no-repeat; height:54px; padding-left:21px; background-size:93px 18px; -webkit-background-size:93px 18px; display:inline-block; margin-left:10px;}
.basic_info ul p input[type="radio"]:checked+label{background:url('http://i.gzcdn.net/mui/img/n_plusshop/input_chk.png') 0 17px no-repeat; height:54px; padding-left:21px; background-size:93px 18px; -webkit-background-size:93px 18px; display:inline-block; margin-left:10px;}
.basic_info ul li select{width:100%; height:50px; line-height:54px; text-indent:20px; font-size:15px; color:#737a3f; background:#fff url(http://i.gzcdn.net/mui/img/n_plusshop/bg_select.png) right 23px no-repeat; background-size:15px 8px; -webkit-background-size:15px 8px; -webkit-appearance:none; appearance:none;}
.basic_info ul li .minipay_select {position:absolute; right:0; top:0; width:110px; height:53px; line-height:53px; padding-right:25px}
.basic_info ul li .minipay_select:before {content:""; display:block; position:absolute; z-index:1; right:23px; top:50%; width:13px; height:8px; margin-top:-3px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/ico_select.png) no-repeat; background-size:13px 8px}
.basic_info ul li .minipay_select select {direction:rtl; position:relative; z-index:3; height:53px; line-height:53px; background:none; -webkit-appearance:none; appearance:none}
.basic_info ul li .minipay_price {color:#ee4e40}

.minipay_detail img {width:100%; vertical-align:top}

/* 모든 구매하기 페이지에 공통으로 들어가는 GDR PRIME 이용정책세부내역 */
.gdr_note {padding:28px 20px; color:#555; font-size:14px; line-height:22px; border-top:10px solid #efefef}
.gdr_note pre {color:#555; font-size:14px; line-height:22px}
.gdr_note_guide {padding-bottom:18px; }
.gdr_note_tit {padding-bottom:18px; color:#0076d6; font-size:16px; font-weight:bold}
.gdr_note_title {padding-bottom:12px; color:#323232; font-size:15px; font-weight:bold}
.gdr_note_content {padding-bottom:25px}
.gdr_note_sub {padding-top:20px; font-size:14px}
.gdr_note ul li {position:relative;height:auto;border:0;font-size:14px;color: #555;letter-spacing:0} 


/* 내상품 리스트 */
.prod_list li{height:118px; border-bottom:1px solid #ecedef; position:relative;}
.prod_list li .thum_tit{width:97px; height:97px; display:block; box-sizing:border-box; border:1px solid #ecedef; position:absolute; top:10px; left:10px;overflow:hidden;float: left;}
.prod_list li em{width:97px; height:73px; display:inline-block; border:1px solid #538bdb; position:absolute; top:10px; left:10px; background:url(http://i.gzcdn.net/mui/img/n_plusshop/layer_box.png) 0 0 no-repeat; background-size:97px 74px; -webkit-background-size:97px 74px;}
.prod_list li em strong{width:100%; height:20px; line-height:20px; text-align:center; color:#fff; display:block; margin-top:54px; font-size:12px; font-weight:normal;}
.prod_list li a{display:block;}
.prod_list li .btn_delete{border:1px solid #d4d4d4; color:#9e9e9e;}
.prod_list li .btn_purchase{ border:1px solid #28a1ff; color:#28a1ff;}
.prod_list li dl{font-size:14px; color:#90979d; height:118px; display:table-cell; vertical-align:middle; line-height:1.5em;padding-left: 120px;}
.prod_list li dl dt{ font-size:16px; color:#000;}
.prod_list li dl dd{ width:100%;color:#000;}
.prod_list li dl .gray{color:#888;font-size:14px;}
.prod_list li dl .gray2{color:#666;font-size:14px;}
.prod_list li dl .info{background:url('http://i.gzcdn.net/mui/img/n_common/ico-mark.png') no-repeat 0 2px;background-size:14px;padding-left:18px;}
.prod_list li .arrow{position:relative;}
.prod_list li .arrow:after{content:"";position:absolute;right:12px;top:50%;margin-top:-6px;display:block;width:6px;height:11px;background:url('http://i.gzcdn.net/mui/img/n_common/ico-arrow-right.png') no-repeat 0 0;background-size:6px 11px;}

/* 상품상세 유의사항 및 안내 */
.detail_img{padding:20px 10px 0;}
.detail_img img {width:100%; vertical-align:top}
.detail_info{margin:10px 10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d6dbe1;}
.detail_info h3{height:54px; line-height:54px; border-bottom:1px solid #d6dbe1; font-size:15px; color:#737a7f; padding:0 15px; font-weight:normal;}
.detail_info div{padding:0 15px;}
.detail_info div h4{font-weight:normal; padding:15px 0; font-size:14px; color:#737a7f;}
.detail_info div p{line-height:1.3em; font-size:13px; color:#9ca0a2; padding:5px 0 15px;}
.btn_deal{width:100%; height:46px;}
.btn_deal .btn_purchase {display:block; width:100%; height:100%; text-align:center; background-color:#0076d6}
.btn_deal .btn_purchase span{line-height:46px; text-align:center; color:#fff; font-size:16px;}
.btn_deal .btn_purchase em{background:url('http://i.gzcdn.net/mui/img/n_plusshop/btn_arrow.png') 0 0 no-repeat; height:13px; width:7px; display:inline-block; background-size:7px 13px; -webkit-background-size:7px 13px; margin-left:5px;}

.map_view h3{padding-left:10px;font-size:13px;line-height:40px;color:#fff;font-weight:normal;z-index:702;position:fixed;bottom:0;left:0;right:0;height:40px;background:#000;opacity:0.5;}

/* 광고 */
.adver {overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; z-index:500; background:#000}
.adver_inner {display:block; height:100%; padding-bottom:40px; text-align:center}
.adver_img {display:inline-block; width:100%; vertical-align:middle}
.adver_emp {display:inline-block; width:0; height:100%; vertical-align:middle}
.adver_vertical {display:inline-block; width:1px; height:100%; vertical-align:middle}
.adver_close_box {position:absolute; left:0; right:0; bottom:0; height:40px; background:#2a2a2a}
.adver_close_today {display:block; position:absolute; left:0; top:0; height:40px; padding:13px 14px 0 31px; color:#a3a3a3; font-size:14px}
.adver_close_today:before {content:""; display:block; position:absolute; left:14px; top:15px; width:12px; height:10px; background:url(http://i.gzcdn.net/images/v3/newgdr/images/sprite/sprites2.png) -58px -100px no-repeat; background-size:300px 300px}
.adver_close {position:absolute; right:8px; top:7px; width:60px; height:28px; color:#a0a0a0; font-size:14px; border:1px solid #505050; border-radius:30px}
html[data-class-name="lang-en"] .year-display {
    display: none;
}

html:not([data-class-name="lang-en"]) .year-english {
    display: none;
}

#message-bar {
    width: 0;
    height: 5px;
    background-color: #9EC600;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 50%;
}

.toast-message {
    position: absolute;
    width: 250px;
    background-color: #444444;
    padding: 10px;
    margin: 0px 0px 5px;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    line-height: 17px;
    top: 4px;
    border-top-left-radius: 0;
}

#close-toast-message {
    position: absolute;
    color: #fff;
    top: 0;
    right: 3px;
    font-size: 14px;
}

.sent_email {
    text-decoration: underline;
}

.privacy_sub_title {
    font-weight: bold;
    color: #000;
    margin: 18px 0;
}

html[data-class-name="lang-ja"] .gdr_miniscore .assay_tit {
    width: 120px;
    margin-left: -60px;
}
html[data-class-name="lang-ja"] .gdr_miniscore .assay_tit span {
    width: 120px;
    transform: translateX(-50%);
    margin-left: 0;
}
html[data-class-name="lang-ja"] .com_search_wrap .search_box .inser {
    padding: 0 95px 0 39px;
}
html[data-class-name="lang-ja"] .com_search_wrap .inser em {
    right: 78px;
}
html[data-class-name="lang-ja"] .com_search_wrap .inser .btn_del {
    right: 80px;
}
html[data-class-name="lang-ja"] .com_search_wrap .inser .btn_cancel {
    width: 80px;
}
html[data-class-name="lang-ja"] .pract_block-detail {
    padding: 15px 10.4% 0;
}
html[data-class-name="lang-ja"] .club_nasmo-info-check {
    width: 105px;
}
html[data-class-name="lang-ja"] .scorecard_table {
    font-size: 13px;
}
html[data-class-name="lang-ja"] .scorecard_table thead th:first-child,
html[data-class-name="lang-ja"] .scorecard_table tbody th {
    padding-left: 5px;
}
@media screen and (max-width:640px) {
    .tutorial_txt img {height:48px}
}
@media screen and (max-height:500px){
    .activity_nodata-box {top:70px; margin:0}
    .activity_nodata-down {top:130px}

    .nodata-box {top:70px; margin:0}
    .nodata-down {top:130px}
}
@media screen and (max-width:400px){
    .nasmo_view-detail {padding:28px 4% 0}
    .pract_block  {padding:18px 20px 36px}
    .pract_block-title {font-size:14px; padding-bottom:0}
    .pract_block-club {line-height:42px; font-size:34px}
    .pract_block-run {line-height:42px; font-size:34px}
    .pract_block-carry {line-height:42px; font-size:34px}
    .pract_block-rate {line-height:42px; font-size:34px}
    .pract_block-detailscore {line-height:28px; font-size:23px}
    .pract_block-detailtitle {line-height:14px; font-size:13px; padding-top:6px}
    .pract_block-arg {height:30px; font-size:14px}
    .pract_block-detailunit {font-size:13px}
    html[data-class-name="lang-ja"] .tab_link {
        font-size: 13px!important;
    }
}
@media screen and (max-width:320px){
    .compare_data-layer.compare_layer-open {top:55px !important}
    .activity .golfzon-slide {width:266px}
    .activity_nasmo-date {font-size:13px}
    .activity_card-chart {width:258px}
    .intro_cs_list_content.tight {letter-spacing:-1px}
    
    html[data-class-name="lang-ja"] .pract_block-detail {
        padding: 15px 7.4% 0;
    }
    html[data-class-name="lang-ja"] .activity_card-txt {
        font-size: 11px;
    }
}

.app-selection {
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    display: flex;
}

.app-selection .driving-content,
.app-selection .driving-range-wrapper {
    flex: 1 1 50%;
    /* padding: 10px 45px 19px; */
    height: 56px;
    box-sizing: border-box;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-selection .driving-content {
    background-color: #e5e5e5;
}

.app-selection .driving-range-wrapper img {
    width: 100%;
    height: 100%;
}

.app-selection .driving-range-wrapper {
    background-color: #002a4c;
}

/* Work around here  */
.app-selection .driving-content .golfzon-logo {
    background: url(../images/golfzon-log-grey.png) no-repeat;
    background-size: contain !important;
    width: 83px;
    height: 27px;
    /* display: block; */
    margin-bottom: 10px;
    background-position: center;
}

.app-selection .driving-range-wrapper .gdr-logo {
    background: url(../images/GDRwhite.png) no-repeat;
    background-size: contain !important;
    width: 64px;
    height: 18px;
    /* display: block;
    background-position: center; */
}

.fallback-selection {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0px;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99;
}

.arrow_chevron {
    align-self: flex-end;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10px;
    width: 20px;
    display: block;
    margin: 0 0 0 10px;
}

.arrow_chevron.arrow_chevron_up {
    background-image: url(../images/arrow_chevron_big_up.png);
}

.arrow_chevron.arrow_chevron_down {
    background-image: url(../images/arrow_chevron_big_down.png);
}

ul.privacy-policy-list {
    margin: 16px;
    overflow-x: hidden;
    overflow-y: scroll;
}
ul.privacy-policy-list table {
    border: 1px solid #000;
    font-size: 12px;
}
ul.privacy-policy-list table tr {
    border: 1px solid #000;
}
ul.privacy-policy-list table tr th {
    background: #e5e5e5;
    color: #000;
    border: 1px solid #000;
    padding: 2px;
    text-align: center;
    word-break: keep-all;
}
ul.privacy-policy-list table tr td {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    padding: 2px;
    text-align: center;
    word-break: keep-all;
}
.privacy-policy-zh ul.privacy-policy-list table tr th {
    word-break: normal;
}
.privacy-policy-zh ul.privacy-policy-list table tr td {
    word-break: normal;
}

ul.privacy-policy-list h3 {
    font-size: 14px;
    margin-bottom: 9px;
}
ul.privacy-policy-list h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 9px;
}
ul.privacy-policy-list h5 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 9px;
}
ul.privacy-policy-list p {
    margin-bottom: 9px;
}

.terms-en {
    margin: 16px;
    font-size: 14px;
    word-break: break-word;
}
.terms-zh {
    margin: 16px;
    font-size: 14px;
    word-break: break-word;
}

.header_glass.has_center {
    width: 100%;
}

.header_gdr-title.has_center {
    text-align: center!important;
    color: #333;
}
.header_glass-back.has_center {
    background-image: url('../images/icoBackkeyBlack.png')!important;
}