@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKR-Black.otf) format('opentype');
 } 


* { margin:0; padding:0; }
a { text-decoration:none; -webkit-user-select: none !important;}


html, body { 
	position:relative; width:100%; height:100%;overflow-y:hidden;
	-ms-touch-action: manipulation;touch-action: manipulation;
	font-family: 'Noto Sans KR', sans-serif;
	-webkit-text-size-adjust:none; word-spacing:0; letter-spacing:-0.5px
	-webkit-touch-callout: none !important;/*아이폰 이미지 저장 방지*/
}


.play_li{
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
/*여기까지 아이폰*/

#contents{position:fixed;height:100%;overflow:auto;width:100%;-webkit-overflow-scrolling:touch;}
.maincolor{color:#010534;}

.logo-line{height:15vw;line-height:15vw;width:100%;background:#FFF url('/imgs/ivpro5.png') no-repeat left 15px center;background-size: 70px;border-bottom:2px solid #F6F6F6;}

#noti{position:fixed;width:100%;bottom:10px;display:none;}
.center-box2{text-align:center; padding:10px;}
.center-box2 .item{display:inline-block; background:yellow;color:#fff;background:#000000;border-radius:20px;opacity:.7;filter:alpha(opacity=70) !important;padding:10px 15px;font-size:1em;}

.sub-title{font-size:0.7em;margin-top:-26px;padding-left:7px;margin-bottom:20px;color:#AFAFAF;padding-top:5px;}
.memcard-wrap{border-radius:10px;padding:10px;background:#EFEFEF;overflow:hidden;margin-bottom:10px;}
.ico-area{float:right;margin-top:12px;margin-right:10px;}


/*폼문*/
.form-signin input[type='text'],	input[type='password']{border:1px solid #ddd;width:100%;height:36px;font-size:1.2em;font-weight:normal;padding-left:10px;border-radius:5px;box-sizing:border-box;}
.form-signin dl{margin-bottom:10px;}

#theform select	{margin:0; border:1px solid #ddd; line-height:36px;  height:36px; font-size:15px;color:#a6a6a6; font-weight:bold;}
#theform .select {display:inline-block; position:relative; padding:0; height:36px; line-height:36px;  border:1px solid #ddd;width:100%; }
#theform .select:after	{content:""; display:block; position:absolute; right:5px; top:50%; margin-top:-6px; width:14px; height:14px; background:url('/images/bg_select.png') no-repeat center center; background-size:10px auto;}
#theform .select label {position:absolute; top:0px; right:20px; bottom:0; left:4px; color:#666; font-size:15px; text-align:left; line-height:36px; letter-spacing:1px;}
#theform .select select {position:relative; z-index:1; padding:0 4px; width:100%; height:36px; line-height:36px; vertical-align:top; opacity:0; filter:alpha(opacity=0);background:#fff;}


.nor-form input[type='text'],	input[type='password'],	input[type='number']{border:1px solid #ddd;width:100%;height:10vw;font-size:1.2em;font-weight:normal;padding-left:10px;border-radius:5px;box-sizing:border-box;}
.nor-form dl{margin-bottom:10px;}

.nor-form select	{padding: 0em .5em;margin:0; border:1px solid #ddd; line-height:36px;  height:10vw; font-size:15px;color:#a6a6a6; width: 18vw;border-radius:5px;background:#FFF;}
.nor-form .select:after	{content:""; display:block; position:absolute; right:5px; top:50%; margin-top:-6px; width:14px; height:14px; background:url('/images/bg_select.png') no-repeat center center; background-size:10px auto;}
.nor-form .select label {position:absolute; top:0px; right:20px; bottom:0; left:4px; color:#666; font-size:15px; text-align:left; line-height:10vw; letter-spacing:1px;}
.nor-form .select select {position:relative; z-index:1; padding:0 4px; width:100%; height:10vw; line-height:10vw; vertical-align:top; opacity:0; filter:alpha(opacity=0);background:#fff;}


.btn_base	{ width:80px; height:36px; font-size:15px; line-height:36px;margin-bottom:8px;}
#certiNum{width:100%;border-color:#ffA300 !important;margin-top:5px;display:none;}
#commentID,#commentPW,#commentSMS{color:#ff6600;font-size:13px;}

.logout-btn{width:100%;background:#010534;border:0px;color:#FFF;height:45px;line-height:45px;}


/*기타*/
.score-txt{ font-size: 0.7em;color:#010534;}
/*
.gubun-line{background: linear-gradient( to bottom, #b3b3b3, #CFCFCF );height:3px;border-bottom:5px solid #DEDEDE;}
*/
.gubun-line{height:2px;background:#EEE;margin-bottom:7px;}


#summary-data{width:100%;margin:60px 0px;background:#dfdfdf;}
#summary-data dt{float:left;margin-left:30px;padding-left:5px;width:50%;border-bottom:2px solid #ffffff;line-height:35px;background:#efefef;font-size:1em;}
#summary-data dd{float:left;margin-right:30px;padding-left:5px;line-height:30px;border-bottom:1px dashed #efefef;line-height:35px;min-width:80px;}

/*스코어카드리스트*/
.score-data{width:100%;border-bottom:1px solid #dfdfdf;display:block;overflow: hidden;}
.score-data dt{float:left;padding:10px 20px;}
.score-data dd{float:right;padding:10px 20px;text-align:right;font-weight:bold;color:#010534;}
.score-data span{font-size:0.7em;color:#999;font-weight:normal;}
.mobile-navi span{padding:10px;color:#000;}
.mobile-navi .nowpage{color:#000;}
a{ text-decoration:none;color:#010534;}
a:visited	{text-decoration:none}
a:hover	{text-decoration:none}
a:active	{text-decoration:none}

/*
.score-data:active{background:#efefef; color:#010534;}
*/
/*아이폰 반응 늦음 대응*/
.score-date:hover { content: ''; } 
a { -webkit-tap-highlight-color:transparent;} /*아이폰 탭 하이라이트 방지*/

/*비디오*/
#modal-swing .modal-body{padding:55px 0px 0px 0px !important;}
.play_popup{display:none;}
#playbtn{width:80px;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;}

/* ETC */
.distance-input{padding:0px 5px !important;width:30px;text-align:right;height:20px !important;line-height:20px;}
.checkSpeed{
	background:#cc3e4a !important;color:#fff !important;
}

/*동영상 플레이어*/
.play .speed{
    text-align: center;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    text-align: center;
    float: right;
	width:55px;
	margin-right:4px;
	cursor:pointer;
	height:30px;
	line-height:30px;
}

.play .play_li {
    float: left;
    width: 50px;
    border: 1px solid #111;
	height:30px;
	line-height:30px;
	text-align: center;
}

.play .speed:hover{
    color: #fff;
    background: #ff6600;
}

.play .speed:active{
    color: #fff;
    background: #ff6600;
}

/* sub_3.html style.css 스윙모션-상세정보 */

.play_t{
    width: 100%;
    background-color: #444;
	padding-bottom:50px;
}


.play{
    width: 100%;
	padding:15px;
	box-sizing:border-box;
}

.play ul {
    list-style-type: none;
    overflow: hidden;
    background-color: #333;
}




.play .play_li a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 7px 0px;
  text-decoration: none;
}



.play button{
    align-content: center;
    color: #333;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #111;
    text-align: center;
    float: right;
    padding: 4px 4px;
    margin: 10px 0 0 0px ;
}


.play button:hover{
    color: #fff;
    background: #cc3e4a;
}

.play_info{
    display: inline;
    font-size: 1.1em;
    color: #fff;
}


.play_info tr{}

.play_info th{
    padding: 12px 0 0 10px;
    color: #aaa;
}

.play_info td{
    padding: 12px 0 0 30px;
	color:#fff;

}


/*스코어카드 테이블*/
.score-card-table{width:100%;border:1px solid #ddd;overflow-x: scroll;box-sizing: border-box;margin-top:10px;background:#fff;}
table{border-collapse: collapse; }

.score-card-table table{
    width: 1000px;
}
.score-card-table thead{}
.score-card-table tr{
    border: 1px solid #ccc;
}
.score-card-table .red{
    color:#459522;
    font-weight: bold;
}
.score-card-table tr.trbgcolor{
    background: #ffffff;
    font-weight: bold;
}
.score-card-table th{
    height: 40px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    font-size: 15px;
}
.score-card-table td{
    height: 45px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 18px;
}

.score-card-table td a:hover{
    color: #5959d3;
    font-weight: bold;
}

.score-card-table td:nth-child(1){
    font-weight: bold;
    font-size: 16px;
}

.parLine{background:#010534 !important;color:#ffffff;}

/* 스코어카드 정보 */
.score-card-table .content-table-t .boxStyle{
height:42px;
width:42px;
line-height:42px;
}

.score-card-table .box_fill_circle{border:1px solid #fb8903;line-height:34px;width:34px;height:34px;margin:4px;background:#fb8903;color:#ffffff;border-radius:50%;}
.score-card-table .box_circle{border:1px solid #fb8903;line-height:34px;width:34px;height:34px;margin:4px;border-radius:50%;}
.score-card-table .box_none{}
.score-card-table .box_square{border:1px solid #0400A9;line-height:34px;margin:4px;}
.score-card-table .box_db_square{border:4px solid #0400A9;line-height:28px;margin:4px;border-style:double}
.score-card-table .box_fill_square{border:1px solid #AFAFAF;line-height:34px;margin:4px;background:#DFDFDF;color:#000;}


/* 스코어카드 정보 */
.zoom-box .content-table-t .boxStyle{

}



/* 내스코어 */
.myscore td{
	font-weight:500;
}

/*내 매라운드 스코어 분석 그래프*/
.graph-table{
  margin: 10px 0;
  border:1px solid #ddd;
  background:#fff;
  width:100%;
}

.graph-table .graph-list {
    height: 150px;
}

.graph-table .graph-text {
    height: 70px;
    background-color: #FAFBFB;
    font-size: 0.8em;
	letter-spacing:-0.2px;
	text-align:center;
	border:1px solid #ddd;
}


/* 동반자 비교 */
.graph-table .graphWrap{margin:0 auto;position:relative;}
.graph-table .graphR_top{float:right;width:30px;height:30px;width:100%;text-align:center;}
.graph-table .graphR_foot{width:30px;background:#010534;position:absolute;bottom:0px;left:50%;margin-left:-15px;}

/*최근5경기 분석*/
.graph-table2{
  margin: 10px 0;
  border:1px solid #ddd;
  background:#fff;
  width:100%;
}

.graph-table2 .graph-list {
    height: 150px;
}

.graph-table2 .graph-text {
    height: 70px;
    background-color: #FAFBFB;
    font-size: 0.8em;
	letter-spacing:-0.2px;
	text-align:center;
	border:1px solid #ddd;
}

.graph-table2 .graphWrap{margin:0 auto;position:relative;}
.graph-table2 .graphR_top{float:left;height:30px;width:100%;text-align:center;}
.graph-table2 .graphR_foot{width:10px;background:#fcae06;position:absolute;bottom:0px;left:50%;margin-left:0px;}
.graph-table2 .graphL_foot{width:10px;background:#dfdfdf;position:absolute;bottom:0px;left:50%;margin-left:-10px;}

.gubun-title{width:100%;font-weight:bold;font-size:1.1em;margin:30px 0px 20px 0px;text-align:center;color:#010534;}

/*스윙모션 리스트*/
.play_banner{width:100%;}
.play_banner span{
    font-size: 18px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
}
.play_banner span:hover{
    color: #5959d3;
}

.play_banner ul{

display:block;
list-style-type:none;


}
.play_banner li{
    display: block;
    float: left;
    width:33%;
	padding:5px;
	box-sizing:border-box;
}

.play_banner dl{
    box-sizing: content-box;
    border: 1px solid #cfcfcf;
}

.play_banner .play_dd1{
    font-size: 0.9em;
    font-weight: bold;
    padding: 10px 0 5px 10px;
}
.play_banner .play_dd2{
    padding: 0 0 10px 10px;
    font-size: 0.7em;
    color: #666;
}
.play_banner .play_dd3{
    padding: 5px 0 0 0;
    height: 16px;
    background: #010534;
    text-align: center;
    border-top: 1px solid #cfcfcf;
    color: #fff;
    font-weight: bold;
    font-size: 0.7em;

}

.play_banner .btn-play{position:absolute;left:50%;margin-left:-25px;margin-top:100px;cursor:pointer;}


.square {
  position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
}

#vid{height:100%;width:100%;}
/*스크린설정*/
.set-wrap{width:100%;padding:20px;box-sizing:border-box;}
.set-box{width:100%;background:#efefef;margin-bottom:20px;padding:10px;border:1px solid #dfdfdf;box-sizing:border-box;}
.set-box-exp{list-style-type:none;font-size:0.9em;color:#555;padding:5px;}
.hit-set input{margin-left:5px;width:80px;border:1px solid #ccc;border-radius:3px;height:25px;line-height:25px;font-size:1.1em;}
.set-item{position:relative;width:50%;box-sizing:border-box;float:left;min-width:128px;line-height:30px;}
.set-title{font-weight:bold;width:100%;background:#dfdfdf;padding:10px;box-sizing:border-box;margin:5px 0px;}
.set-title span{font-weight:bold;}
.set-item .club_t{position:absolute;right:10px;}
.dft-set{background:#010534;border:1px solid #dfdfdf;color:#fff;font-weight:bold;padding:3px;border-radius:3px;float:right;}

#screenset select {
  width: 100%;
  padding: .8em .5em;
  font-size:15px;
  background: url(/images/bg_select.png) no-repeat 95% 50%;
  background-size:10px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 0px;
  color:#666;
  margin-bottom:5px;
}

#join-shop select {
  width: 100%;
  padding: .7em .5em;
  font-size:15px;
  background:#010534 url(/images/bg_select_w.png) no-repeat 95% 50%;
  background-size:10px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 0px;
  color:#FFF;

}

#reserve-confirm select {
  width: 100%;
  padding: .7em .5em;
  font-size:15px;
  background:#010534 url(/images/bg_select_w.png) no-repeat 95% 50%;
  background-size:10px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 0px;
  color:#FFF;

}

/*예약 및 확인*/
.reserve_wrap{margin-top:25px;}
.month-title{font-size:1.2em;font-weight:bold;padding:15px 20px 10px 20px;float:left;}
#reserve-table-wrap{padding:0px 10px;box-sizing:border-box;margin-bottom:15px;}
#reserve-table th,td{font-weight:normal;text-align:center;padding:5px 0px;}
.month-btn{float:right;height:30px;line-height:30px;margin-left:5px;font-size:14px;padding:0px 10px;border-radius:15px;border:0px;outline:0;margin-top:12px;}
.reserve-btn{margin-right:15px;background:#010534;color:#FFF;}

.reserve-list{width:100%;padding:15px;box-sizing:border-box;}
.my-reserve-list{width:100%;box-sizing:border-box;}

.reserve-time{font-size:2em;float:left;}
.reserve-day{float:left;valign:bottom;padding-top:16px;padding-left:5px;font-size:0.9em;}

.reserve-box{width:100%;border-radius:10px;background:#efefef;box-sizing:border-box;padding:10px;margin-bottom:5px;overflow:auto;}
.reserve-box .material-icons{float:left;margin-top:2px;margin-right:5px;}

.my-reserve-box{width:100%;border-radius:10px;background:#FFF;box-sizing:border-box;padding:10px;margin-bottom:5px;overflow:auto;border:1px solid #DFDFDF;}
.my-reserve-box .material-icons{float:left;margin-top:2px;margin-right:5px;}

.noti-top{width:100%;border-radius:10px 10px 0px 0px;box-sizing:border-box;padding:10px;overflow:auto;background:#FFc107;}
.noti-title{width:100%;border-radius:0px;box-sizing:border-box;padding:0px 10px 10px 20px;overflow:auto;background:#FFc107;color:#FFF;font-weight:bold;font-size:1.2em;text-align:left;}
.noti-foot{width:100%;border-radius:0px 0px 10px 10px;background:#FFF;box-sizing:border-box;padding:10px;overflow:auto;}

.circle-mini{
width:35px;
height:35px;
border-radius:50%;
background:#999;

text-align:center;  /*가로정렬*/
line-height:35px;  /*세로 정렬*/

color:#FFF !important;
margin:0 auto;
}

.circle-mini-on{
background:#010534;
color:#FFF !important;
}

.circle-reserve{
float:right;
width:60px;
height:60px;
border-radius:50%;
background:#FFF;
text-align:center;  /*가로정렬*/
line-height:60px;  /*세로 정렬*/
color:#010534 !important;
margin:0 auto;
}

.circle-reserve-cancel{
float:right;
width:60px;
height:60px;
border-radius:50%;
background:#DFDFDF;
text-align:center;  /*가로정렬*/
line-height:60px;  /*세로 정렬*/
color:#010534 !important;
margin:0 auto;
}

.circle-reserve-end{
float:right;
width:60px;
height:60px;
border-radius:50%;
background:#FFF;
text-align:center;  /*가로정렬*/
line-height:60px;  /*세로 정렬*/
color:#999 !important;
margin:0 auto;
}

.circle-reserve-block{
float:right;
width:60px;
height:60px;
border-radius:50%;
background:#DFDFDF;
text-align:center;  /*가로정렬*/
line-height:60px;  /*세로 정렬*/
color:#010534 !important;
margin:0 auto;
}

/*로딩중 깜빡임 단순하게 구현*/
.blink_me {
  /*animation: blinker 1s linear infinite;*/
  animation: blinker 1s step-start infinite;
  color:#DFDFDF !important;
}
@keyframes blinker {
  50% { opacity: 0.5; }
}