* { margin:0; padding:0; }
a { text-decoration:none; }


html, body { height:100%; -ms-touch-action: manipulation;touch-action: manipulation;
/*font-family:'Noto Sans KR','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; */
/*font-family: 'Nanum Gothic', sans-serif;*/
font-family: Noto Sans KR;
font-weight: Regular;
font-weight:300; -webkit-text-size-adjust:none; word-spacing:0; letter-spacing:-0.5px
}
body { position:relative; width:100%; height:100%;overflow-y:hidden;}

* {
  box-sizing: border-box;
}

html,body {-webkit-touch-callout: none !important;}/*아이폰 이미지 저장 방지*/
a {-webkit-user-select: none !important;}
.play_li{
   -ms-user-select: none;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

input::placeholder {
  font-size:0.8em;
  color:#000;
}
#search_word::placeholder{
	color: #AFAFAF;
}

input:focus{outline:none;}
/*.swiper-manu{white-space:nowrap;padding-right:20px !important;box-sizing: border-box;}*/

ul {
    list-style-type: none;
    overflow: hidden;
}

.img-align{display:flex;align-items:center;}
/*
html {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
webview.getSettings().setTextZoom(100);
*/

.btn_theme{background:#00ad91 !important;border:0px;color:#FFF;font-size:0.9em;font-weight:normal;padding:10px 20px;border-radius:8px;}
.chart-click{position:absolute;width:100px;height:20px;border:0px solid red;z-index:999;right:0px;bottom:0px;}
.chart-click2{position:absolute;width:250px;height:60px;border:0px solid red;z-index:999;right:0px;bottom:0px;}

/*여기까지 아이폰*/

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

.logo-line{height:50px;line-height:50px;width:100%;color:#000;}
.data-view{border:1px solid #00ad91;background:#F5F5F5}
#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;}


/*폼문*/
.form-signin input[type='text'],	input[type='password'],	input[type='number']{border:0px solid #ddd;width:100%;font-size:1.1em;font-weight:normal;padding:10px 20px;border-radius:8px;box-sizing:border-box;background:#F5F5F5}
.form-signin dl{margin-bottom:10px;}

#theform select	{margin:0; border:1px solid #ddd; line-height:36px;  height:36px; font-size:15px;color:#a6a6a6; }
#theform .select {display:inline-block; position:relative; padding:0; height:36px; line-height:36px;  border:0px solid #ddd;width:100%; border-radius:8px;background:#F5F5F5;}
#theform .select:after	{content:""; display:block; position:absolute; right:5px; top:50%; margin-top:-6px; width:14px; height:14px; background:#F5F5F5 url('/images/bg_select_new.png') no-repeat center center; }
#theform .select label {position:absolute; top:0px; right:20px; bottom:0;left:20px; color:#666; font-size:15px; text-align:left; line-height:36px; letter-spacing:1px;background:#F5F5F5;}
#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:#F5F5F5;}

#match_form select	{margin:0; border:1px solid #ddd; line-height:36px;  height:36px; font-size:15px;color:#a6a6a6; }
#match_form .select {display:inline-block; position:relative; padding:0; height:36px; line-height:36px;  border:0px solid #ddd;width:100%; border-radius:8px;background:#F5F5F5;}
#match_form .select:after	{content:""; display:block; position:absolute; right:5px; top:50%; margin-top:-6px; width:14px; height:14px; background:#F5F5F5 url('/images/bg_select_new.png') no-repeat center center; }
#match_form .select label {position:absolute; top:0px; right:20px; bottom:0;left:20px; color:#666; font-size:15px; text-align:left; line-height:36px; letter-spacing:1px;background:#F5F5F5;}
#match_form .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:#F5F5F5;}

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

.logout-btn{background:#FFF;border:1px solid #000;color:#000;font-size:0.9em;font-weight:normal;padding:10px 20px;border-radius:8px;}
.ed-btn{background:#00ad91;border:0px;color:#FFF;font-size:0.9em;font-weight:normal;padding:10px 20px;border-radius:8px;}


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

#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%;sdisplay:block;overflow: hidden;border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px;margin-bottom:15px;}
.score-data dt{float:left;padding:10px 20px;}
.score-data dd{float:right;padding:10px 20px;text-align:right;font-weight:normal;color:#000;}
.score-data span{font-size:0.7em;color:#999;font-weight:normal;}
.mobile-navi span{padding:10px;color:#20AED6;}
.mobile-navi{margin:40px 0px;width:100%;text-align:center;}
.mobile-navi .nowpage{color:#000;}
a{ text-decoration:none;color:#00B0B4;}
a:visited	{text-decoration:none}
a:hover	{text-decoration:none}
a:active	{text-decoration:none}

.gradi{
background:linear-gradient( to right, #2BD2F9, #5DF3C5 );
}

.gradi2{
background:linear-gradient( to right, #2BD2F9, #5DF3C5 );
}

.b-radius{border-radius:15px;}

/*
.score-data:active{background:#efefef; color:#00B0B4;}
*/
/*아이폰 반응 늦음 대응*/
.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;}


#modal-dynamic-white .modal-body{padding:55px 0px 0px 0px !important;background:#FFF;}

/* 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:45px;
	margin-right:1px;
	cursor:pointer;
	height:30px;
	line-height:30px;
}

.play .speed-ai{
    text-align: center;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background:#999;
    text-align: center;
    float: right;
	width:55px;
	margin-right:4px;
	cursor:pointer;
	height:30px;
	line-height:30px;
}

.play .ai-on{
    color: #FFF;
    background:#4DADB2;
}

.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;

}



/* 메인페이지 */
#fcm_window{position:absolute;width:95%;height:90%;background:#AFAFAF;border-radius:10px;border:2px solid #DFDFDF;z-index:999;margin:5% 2.5%;padding:25px;box-sizing:border-box;}
.fcm_title{font-size:2em;color:#FFF;}
.fcm_title .material-icons{float:left;margin-top:2px;font-size:1.4em !important;}
.fcm_sub_title{margin-top:20px;font-size:20px;border-bottom:1px dashed #EFEFEF;color:#FFF;line-height:30px;}
.fcm_contents{margin-top:20px;color:#000;line-height:23px;font-size:18px;}

.logo-line #menuBtn{width:40px;color:#000 !important;font-size:2em;}
#lang-selector-wrap{position:fixed;right:2vw;top:8px;}
#msg-selector-wrap{position:fixed;right:14vw;top:8px;}
#config-wrap{position:fixed;right:4vw;top:8px;}

/*
#lang-selector{vertical-align:top;margin-top:4px;}
*/

#blank_area{padding:5vw;position:absolute;width:100%;height:100%;background:#000;text-align:center;z-index:998;opacity:0.65;}
#lang-box{position:absolute;width:90%;background:#FFF;border-radius:20px;z-index:999;margin-top:35vw;left:50%;margin-left:-45%;padding:4vw 8vw;}
.order-nation{padding:10px 0px;display:flex;align-items:center;}

.quick_btn{position:relative;width:48%;border: 1px solid rgba(159, 168, 178, 0.4);border-radius:10px;float:left;padding:10px 0px 10px 15px;text-align:center;}
.quick_btn:nth-child(2n) { margin-right:2%;margin-left:2%;}

.otp_wrap{text-align:center;padding:20px 15px 15px 15px;overflow:hidden;}

#otp_num{width:100%;font-weight:bold;text-align:center;border-radius:15px;border: 1px solid #00ad91;background:#FFF;padding:8px;border-radius:10px;}
.otp_btn{width:34%;float:right;}
.otp_number_wrap{width:66%;float:left;}
#smartbtn{font-size:0.8em;padding:11px 0px;float:right;width:97%;margin-left:3%}
.banner-txt{line-height:1.0em;font-size:0.7em;}
.quick_btn img{margin-right:8px;}

#container-prac{margin:15px;border:1px solid rgba(159, 168, 178, 0.4);padding:20px 10px;}
.blank-radius{background:#FFF;padding:30px;margin:15px;font-size:0.8em;text-align:center;border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px;}
#dr-box{margin:15px;background:#FFF;border:1px solid rgba(159, 168, 178, 0.4);padding:20px 10px;}

.calendar_nav:hover{color:red;background:#EFEFEF;}
.sunday{color:red;}
#calander-view td {font-size:0.9em;}
.circle-txt{width:30px;height:30px;line-height:30px;border-radius:50%;}

#card-wrap{margin-top:15px;}
.calendar-box{margin-top:15px;padding:0px 15px;}

.grade1{background:#616DE5;}
.grade2{background:#01B0B5;}
.grade3{background:#70A90A;}
.grade4{background:#AFAFAF;}
.grade5{background:#000;}

#sum-card{margin:0px 0px 15px 0px !important;}
#flip-table{border-radius:15px;background:#FFF;list-style:none;}


/*스코어카드 테이블*/
.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:#FFF !important;color:#000;}

/* 스코어카드 정보 */
#scorelist{background:#FFF;border-radius:15px;}
.gm_type{background:#2773AC;color:#FFF;padding:1px 5px;float:left;font-size:0.7em;margin-right:5px;margin-top:2px;border-radius:5px;}
.grp_tit{font-size:1.4em;}
.grp_no{color:#589b00;font-size:1.4em;}
.grp_wrap{position:relative;padding:15px 15px 25px 15px;}
.grp_wrap_in{border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px 10px 0px 0px;}

#container_chart{border-radius:15px;margin:15px;}


.summary_wrap{position:relative;padding:0px 15px 15px 15px;margin-top:-40px;}
.summary_inbox{padding:15px 15px 15px 15px;border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px;background:#FFF;overflow:hidden;}
.summary_data{float:left;text-align:center;width:33%;padding-top:20px;font-size:1.0em;font-weight:bold;}



.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 {width:100%;box-sizing: border-box;margin-top:10px;background:#fff;border-top:2px solid #000;display:none;}
.zoom-btn{font-size:0.9em;background:#00B0B4;color:#fff;padding:0px 5px;cursor:pointer;}
.zoom-box table{
width:100%;
}
.zoom-box th,.zoom-box tr,.zoom-box td{
border: 1px solid #ccc;
font-size:0.9em !important;
text-align:center;
width:9%;
height:28px;
position:relative;
}

.zoom-box .box_fill_circle{border:1px solid #fb8903;padding:4px;background:#fb8903;color:#ffffff;border-radius:50%;width:100%;height:100%;text-align:center;box-sizing:border-box;min-height:28px;}
.zoom-box .box_circle{border:1px solid #fb8903;padding:4px;border-radius:50%;width:28px;height:28px;margin-left:2px;text-align:center;box-sizing:border-box;min-height:28px;}
.zoom-box .box_none{}
.zoom-box .box_square{border:1px solid #0400A9;padding:4px;width:100%;height:100%;text-align:center;box-sizing:border-box;min-height:28px;}
.zoom-box .box_db_square{border:3px solid #0400A9;padding:2px;border-style:double;width:100%;height:100%;text-align:center;box-sizing:border-box;min-height:28px;}
.zoom-box .box_fill_square{border:1px solid #AFAFAF;padding:4px;background:#DFDFDF;color:#000;width:100%;height:100%;text-align:center;box-sizing:border-box;min-height:28px;}

.zoom-btn-on{background:#ff6600 !important;}
.total-info{width:100%;padding:10px;box-sizing: border-box;background:#fff;border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px;text-align:center;padding:35px 0px;}
.gid-no{font-size:0.8em;color:#758EA1;}
.hd-btn{background:#2773AC;color:#FFF;padding:1px 5px;font-size:0.7em;}
.score-sum{font-size:2em;color:#00ad91;}
.shop-name{color:#758EA1;font-size:0.8em;margin-top:15px;text-align:center;}
.etc-info{color:#758EA1;font-size:0.8em;}
.shop-name img{vertical-align: middle;}
.etc-info img{vertical-align: middle;}

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

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

.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:0px 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;font-size:0.7em;}
.graph-table .graphR_foot{width:10px;background:#F98925;position:absolute;bottom:0px;left:50%;margin-left:6px;border-radius:3px;}
.graph-table .graphL_foot{width:10px;background:#00b0b4;position:absolute;bottom:0px;left:50%;margin-left:-6px;border-radius:3px;}


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

.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:#F98925;position:absolute;bottom:0px;left:50%;margin-left:6px;border-radius:3px;}
.graph-table2 .graphL_foot{width:10px;background:#00b0b4;position:absolute;bottom:0px;left:50%;margin-left:-6px;border-radius:3px;}

.gubun-title{width:100%;font-size:1em;margin:30px 0px 0px 0px;text-align:left;color:#425063;font-style: normal;
font-weight: 500;}

/*스윙모션 리스트*/
.play_banner{width:100%;padding:15px;box-sizing:border-box;}
.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:50%;
	padding:5px;
	box-sizing:border-box;
}

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

.play_banner .play_dd1{
    font-size: 0.8em;
    padding: 10px 0 5px 10px;
	color:#00ad91;
}
.play_banner .play_dd2{
    padding: 0 0 10px 10px;
    font-size: 0.7em;
    color: #666;
}
.play_banner .play_dd3{
    padding: 5px;
    background: #AFAFAF;
    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%;}




/*굿샷모션*/
.square .content img{width:100%;height:100%;border-radius:5px;}
.bs-radius{border-radius:10px;}





/*스크린설정*/
.set-wrap{width:100%;padding:20px;box-sizing:border-box;}
.set-box{width:100%;margin-bottom:5px;padding:20px 10px 7px 10px;box-sizing:border-box;border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px; }
.set-box-rsv{width:100%;margin-bottom:5px;padding:20px 10px 7px 10px;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:100px;border:1px solid #ccc;border-radius:3px;height:25px;line-height:25px;}
.set-item{position:relative;width:50%;box-sizing:border-box;float:left;min-width:128px;line-height:30px;padding:5px 20px;font-size:0.9em;font-weight:normal;}
.set-title{width:100%;padding:10px;box-sizing:border-box;margin:5px 0px;border-bottom:1px solid #EFEFEF;padding:0px;padding:20px;}
.set-title span{}
.dft-set{background:#00ad91;border:0px solid #dfdfdf;color:#fff;padding:6px;border-radius:8px;float:right;}

#screenset select {
  width: 100%;
  padding: .8em .5em;
  font-size:15px;
  background: url(/images/bg_select_new.png) no-repeat 95% 50%;
  -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: .9em .7em;
  font-size:15px;
  background:#FFF url(/images/bg_select_new.png) no-repeat 95% 50%;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
border: 1px solid rgba(159, 168, 178, 0.4);
border-radius: 10px;
  color:#205D63;

}

#round-compare select {
  width: 100%;
  padding: .9em .7em;
  font-size:15px;
  background:#FFF url(/images/bg_select_new.png) no-repeat 95% 50%;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
border: 1px solid rgba(159, 168, 178, 0.4);
border-radius: 10px;
  color:#205D63;

}

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

}


#screenset select{border-radius:8px;margin-bottom:10px;}
.set-wrap-in{border:1px solid #D8D8D8;border-radius:10px;margin-bottom:15px;color:#758EA1;padding-bottom:15px;}
#screenset input{background:#FFF;height:50px;line-height:50px;border-radius:6px;width:21vw !important;padding-left:15px;padding-right:2px;}
.set-item strongs{height:50px;line-height:50px;float:left;}
.set-item .club_t{float:left}


/*예약 및 확인*/
.reserve_wrap{padding:10px;}
.reserve_wrap_in{border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px;}
.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:6px;border:0px;outline:0;margin-top:12px;}
.reserve-btn{margin-right:15px;background:#00ad91;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:1.2em;float:left;vertical-align:middle;}
.reserve-day{float:left;padding-top:5px;padding-left:5px;font-size:0.9em;vertical-align:middle;}

.reserve-box{width:100%;border-radius:10px;background:#F6F6F8;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:15px;overflow:auto;border:1px solid #DFDFDF;}
*/
.my-reserve-box-detail{width:100%;border-radius:10px;background:#FFF;box-sizing:border-box;padding:10px;margin-bottom:15px;overflow:auto;border:1px solid #DFDFDF;}
.my-reserve-box{width:100%;border-radius:10px;background:#FFF;box-sizing:border-box;margin-bottom:15px;overflow:auto;}
.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:#FFF;}
.noti-title{font-family: 'Noto Sans CJK KR';
font-style: normal;
font-weight: 400;width:100%;border-radius:0px;box-sizing:border-box;padding:0px 10px 10px 20px;overflow:auto;background:#FFF;color:#000;font-size:1.2em;text-align:center;}
.noti-foot{width:100%;border-radius:0px 0px 10px 10px;background:#FFF;box-sizing:border-box;padding:10px;overflow:auto;text-align:left;border-top:1px solid #EFEFEF;}

.circle-mini{
	width:35px;
	height:35px;
	border-radius:10px;
	background:#F6F6F8;
	text-align:center;  /*가로정렬*/
	line-height:35px;  /*세로 정렬*/
	color:#000 !important;
	margin:0 auto;
}



.circle-reserve{
float:right;
width:60px;
height:60px;
border-radius:10px;
background:#00ad91;
text-align:center;  /*가로정렬*/
line-height:60px;  /*세로 정렬*/
color:#FFF !important;
margin:0 auto;
font-size:0.9em;
}

/*
.circle-reserve-cancel{
float:right;
width:60px;
height:60px;
border-radius:10px;
background:#DFDFDF;
text-align:center;
line-height:60px;
color:#FF6600 !important;
margin:0 auto;
font-size:0.9em;
}

.circle-reserve-end{
float:right;
width:60px;
height:60px;
border-radius:10px;
background:#FFF;
text-align:center;
line-height:60px;
color:#00ad91 !important;
margin:0 auto;
font-size:0.9em;
}

.circle-reserve-block{
float:right;
width:60px;
height:60px;
border-radius:10px;
background:#DFDFDF;
text-align:center;
line-height:60px;
color:#00ad91 !important;
margin:0 auto;
font-size:0.9em;
}
*/

.circle-reserve-cancel{
float:right;
width:60px;
border-radius:10px;
background:#DFDFDF;
text-align:center;
color:#FF6600 !important;
margin:0 auto;

}

.circle-reserve-end{
float:right;
width:60px;
border-radius:10px;
background:#FFF;
text-align:center;
color:#00ad91 !important;
margin:0 auto;

}

.circle-reserve-block{
float:right;
width:60px;
border-radius:10px;
background:#DFDFDF;
text-align:center;
color:#00ad91 !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; }
}











/*개인연습데이타------------------------------------------------*/
.box-menu{
float:left;
margin-left:1%;
text-align:center;
margin-bottom:5px;
width:22.9%;
font-size:16px;
font-weight:bold;
color:#000;
border:1px solid #CFCFCF;
padding:3px 0px;
border-radius:10px;
}

.box-menu-on{
float:left;
margin-left:1%;
text-align:center;
margin-bottom:5px;
width:22.9%;
font-size:16px;
font-weight:bold;
color:#01B0B5;
border:1px solid #01B0B5;
padding:3px 0px;
border-radius:10px;
}

.hide-contents{display:none;}

.circle-menu{
width:50px;
height:50px;
border-radius:50%;
background:#CFCFCF;
font-size:16px;
text-align:center;  /*가로정렬*/
line-height:50px;  /*세로 정렬*/
font-weight:bold;
margin-bottom:5px;
color:#FFF !important;/*float:left;*/
margin:0 auto;
float:left;
margin:0px 2px;
}

.circle-mini-on{
width:50px;
height:50px;
border-radius:50%;
background:#00ad91;
font-size:16px;
text-align:center;  /*가로정렬*/
line-height:50px;  /*세로 정렬*/
font-weight:bold;
margin-bottom:5px;
color:#FFF !important;/*float:left;*/
margin:0 auto;
float:left;
margin:0px 2px;
}

.circle-mini-on-rsv{

border:1px solid #000;
background:#000;
color:#FFF !important;
}

.sub-title{font-weight:bold;padding:20px 20px 0px 20px;}


/*개인 회원 데이터 메인 그래프 */
#graph-wrap{width:100%;border:0px solid red;clear:both;padding:0px 20px;box-sizing:border-box;padding-top:20px;}
.graph-line-wrap{height:25px;width:100%;box-sizing: border-box;clear:both;border:0px solid red;}
.graph-header{height:27px;line-height:27px;width:10%;border-right:1px solid #DFDFDF;float:left;text-align:right;padding-right:10px;}

.graph-middle{height:8px;line-height:8px;width:61%;float:left;padding-left:10px;padding-top:8px;}
.graph-stick-bg{height:8px;width:100%;background:#F5F5F5;}
.graph-stick{height:8px;background:#BFBFBF;}

.graph-footer{height:25px;line-height:25px;width:17%;float:right;font-weight:bold;text-align:right;font-size:0.8em;}





/*개인회원 데이터 레코드 카드 스타일시트*/
.record-card{margin:0px 15px 15px 15px;padding:9px 9px;background:#FFF;box-sizing:border-box;overflow:hidden;
border-radius:10px;border:1px solid rgba(159, 168, 178, 0.4);padding:20px 10px;}
.record-card-date{float:left;font-weight:normal;color:#000;margin-bottom:5px;padding:2% 2% 0% 2%;}
.record-card-shop{float:right;font-size:0.9em;margin-bottom:5px;color:#999;padding:2% 2% 0% 2%}



.record-box{float:left;width:20%;text-align:center;padding:.0.5%;}



.record-box-min{font-size:1.0em;}
.record-box-min-on{font-size:1.0em;color:#596eab;}

.record-box-min-txt{font-size:0.8em;margin-left:-5px;}
.record-box-min-txt-on{font-size:0.8em;margin-left:-5px;color:#596eab;font-weight:bold;}

.record-box-txt{font-size:0.65em;color:#999;margin-bottom:5px;}
.record-box-number{font-size:0.8em;border-radius:5px;background:#F6F6F8;color:#000;padding:2px;}

.more-btn{margin:10px;text-align:center;color:#777;padding:6px;font-size:1.1em;margin-top:10px;}




/*클럽별 디테일 리스트*/
.circle-label{
width:35px;
height:35px;
border-radius:40%;
text-align:center;  /*가로정렬*/
line-height:35px;  /*세로 정렬*/

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

#flip-table {text-align:center;}
#flip-table th{font-size:0.8em;color:#999;line-height:30px;background:#EFEFEF;}
#flip-table .menu-tab dt{float:left;line-height:55px;padding:10px;}
#flip-table .menu-tab dd{float:left;line-height:55px;font-weight:bold;color:#999;}
#flip-table .menu-tab-wrap{border-bottom:1px solid #DFDFDF;overflow:auto;}
#flip-table .menu-tab-wrap-on{border-bottom:1px solid #DFDFDF;overflow:auto;}

.detail-table{width:96%;margin-left:2%;font-size:0.9em;margin-bottom:10px;margin-top:10px;}
.detail-tr{border-bottom:1px solid #EFEFEF;}
.grade-tit{width:80px;text-align:center;}


.distance-color{color:#01B0B5;}
.percent-col{text-align:right;padding-right:50px;}
.grade-btn{border-radius:0px;color:#FFF;width:85px;height:17px;font-size:0.8em;background: url(../../images/star_0.png);background-size:17px 17px;}
.grade-btn-over{border-radius:0px;color:#FFF;height:17px;font-size:0.8em;background: url(../../images/star_1.png);background-size:17px 17px;}
.ball-count{text-align:center;}


/*연습데이터 디테일용 챠트*/
.highcharts-figure, .highcharts-data-table table {
margin: 0 auto;border:0px solid #FFF;
}

.grp_container {
    height: 200px;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/*
.menu-tab-wrap{
    background: url(../imgs/flip_off.png) 95% center no-repeat;
}

.menu-tab-wrap-on{
    background:#EFEFEF url(../imgs/flip_on.png) 95% center no-repeat;
}
*/

.menu-tab-wrap{
    background-size: 25px;
	background-image: url(../imgs/flip_off.png);
	background-repeat: no-repeat;
    background-position: 95% center;
}

.menu-tab-wrap-on{
    background-size: 25px;
	background-image: url(../imgs/flip_on.png);
	background-repeat: no-repeat;
    background-position: 95% center;
}

.menu-ico{height:27px;}


.contents_wrap{padding:15px 15px;}

/*스윙코칭 뉴 디자인 ---------------------------------------------------------------------- */
.chat-no{position:absolute;font-size:12px;left:0px;top:0px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#ff6600;color:#FFF;z-index:999;margin-left:-3px;margin-top:-3px;}
.chat-no-not{position:absolute;font-size:12px;left:0px;top:0px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#EFEFEF;color:#000;z-index:999;margin-left:-3px;margin-top:-3px;}
.play-wrap{width:100%;background:#FFF;overflow:hidden;margin-bottom:8px;padding:10px !important;border: 1px solid rgba(159, 168, 178, 0.4);border-radius: 10px;}
.hide-info{display:none;}
.row-left{float:left;;font-size:0.8em;padding:10px;}
.row-left img{vertical-align:middle;font-size:0.6em;color:#F98F14;}
.row-left .material-icons{vertical-align:middle;font-size:0.6em;color:#F98F14;}
.row-right{float:right;}
.no-swing,.no-data{background:#FFF;padding:30px;margin:15px;font-size:0.8em;text-align:center;}
.ball-type{height:11px;vertical-align:middle;}

#info-table {background:#FFF !important;width:100%;border-radius:15px;border-collapse:separate;border:1px solid rgba(159, 168, 178, 0.4);}
#info-table th{text-align:left;font-weight:normal;font-size:0.9em;padding-left:20px;line-height:18px;color:#777;}
#info-table td{text-align:left;font-weight:normal;font-size:0.9em;padding-left:20px;line-height:18px;color:#777;}
.info-table-th{padding-top:20px;padding-bottom:15px;border-bottom:1px solid #EFEFEF;font-size:1em;font-family: 'Inter';font-style: normal;font-weight:500;}

.snap-wrap{padding:0px 16px;box-sizing:border-box;margin-bottom:0px;}
.snap-wrap-in{text-align:center;}
.snap-wrap-img{width:80%;border-radius:15px;margin-top:-33px;}
.btn-wrap{padding:0px 18px;box-sizing:border-box;}
.down-btn{width:49%;font-size:1.0em;background:linear-gradient( to right, #2BD2F9, #5DF3C5 );color:#FFF;float:right;line-height:40px;text-align:center;}
.canvas-opacity{opacity:0.8;}

.gradis{font-size:0.8em;width:100%;text-align:center;color:#000;width:65px;}
.thumb-wrap{float:right;position:relative;}
.thumb-wrap img{width:60px;height:60px;border-radius:5px;}
.play-layer{position:absolute;color:#FFF;margin-top:-45px;margin-left:25px;font-size:14px;}

.keep-btn,.del-vdo-btn{width:32%;font-size:1.0em;color:#FFF;float:right;line-height:40px;text-align:center;}
/*.aibtn-on{background:linear-gradient( to right, #5e8a29, #8bc942 );line-height:40px;}*/
.aibtn-on{background:#00ad91;line-height:40px;color:#FFF;}
.snapbtn-on{background:#00ad91;line-height:40px;color:#FFF;border-right:1px solid #EFEFEF;}
.round-btn-bg{background:linear-gradient( to right, #5e8a29, #8bc942 );}

/*동영상 플레이어*/
.play_renew .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:45px;
	margin-right:1px;
	cursor:pointer;
	height:30px;
	line-height:30px;
}

.play_renew .speed-ai{
    text-align: center;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background:#999;
    text-align: center;
    float: right;
	width:55px;
	margin-right:4px;
	cursor:pointer;
	height:30px;
	line-height:30px;
}

.play_renew .ai-on{
    color: #FFF;
    background:#4DADB2;
}


/*신규 버튼*/
.play_renew .play_li {
	text-align: center;
	box-sizing:border-box;
}

.play_renew .play_li .round-btn{
	height:14vw;width:14vw;line-height:14vw;box-sizing:border-box;
}

.play_renew .play_li .round-btn i{
	color:#000;
	display:block;
	line-height:13vw;
}

.round-btn-on{
/*	background:#666;*/
	/*background:linear-gradient( to right, #5e8a29, #8bc942 );*/
/*background:#00ad91;*/
color:#FFF !important;
}

#play-btn > .round-btn-on{
	/*background:#00ad91 !important;*/
/*	background:linear-gradient( to right, #5e8a29, #8bc942 );*/
}

.round-btn-highlight{
	color:red;
}

.float-left{float:left;border-right:1px solid #DFDFDF;}
.float-right{float:right;border-left:1px solid #DFDFDF;}

/*
.play_renew .speed:hover{
    color: #fff;
    background: #ff6600;
}

.play_renew .speed:active{
    color: #fff;
    background: #ff6600;
}
*/

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

.play_t{
    width: 100%;
 	padding-bottom:50px;
	background:#FFF;box-sizing:border-box;
}


.play_renew{
    width: 100%;
	padding:0px;
	box-sizing:border-box;
}

.play_renew ul {
    list-style-type: none;
    overflow: hidden;
    background-color: #FFF;
	border-top:1px solid #DFDFDF;
}

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

.play_infos{padding:15px;overflow:hidden;}


.play_renew 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_renew 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;

}



#vdowrap{overflow:hidden;display:block;position:relative;height:100vw;}
#aiCanvas{position:absolute;border:0px solid red;z-index:999;box-sizing:border-box;display:block;}
#progress_bg{padding:0px 10px;background:#FFF;}
#progress_bar{height:1vw;width:0%;background:#00ad91;border-radius:0.5vw;}
#progress_bar_remain{height:1vw;width:100%;background:#DFDFDF;border-radius:0.5vw;}
#progress_bar_wrap{height:7vw;position:relative;}
#vdo_handler{width:7vw;height:7vw;position:absolute;}
#vdo_dot{width:3vw;height:3vw;background:#000;border-radius:1.5vw;margin-top:2vw;}
#play_pause{font-size:1.4em;}
#speed-txt{line-height:12.5vw;}
#vdo-del-ico,#vdo-keep-ico{font-size:1.3em !important;}
#snap_ico{width:22px;vertical-align:middle;margin-bottom:4px;}


/*플레이 영상 콘트라스트 */
#vid{ -webkit-filter: contrast(115%); filter: contrast(115%);}


/*채팅박스*/
textarea:focus {outline:none;}
#chat-body{padding:5px;box-sizing:border-box;padding-bottom:85px;background:#dedbdb;padding:4vw;}

.left-chat{max-width:60%;border-radius:0px 10px 10px 10px;
				background:linear-gradient( to right, #FFF, #FFF );color:#666;font-size:1.1em;padding:12px;float:left;margin-top:15px;position:relative;margin-left:12vw;}
.left-chat-day{font-size:14px;position:absolute;bottom:5px;left:100%;color:#000;width:90px;}

.right-chat{max-width:60%;border-radius:10px 0px 10px 10px;
				background:linear-gradient( to right, #C1BCBC, #C1BCBC );color:#000;font-size:1.1em;padding:12px;float:right;margin-top:15px;position:relative;}
.right-chat-day{font-size:14px;position:absolute;bottom:5px;right:100%;color:#000;width:90px;}

.clear-both{clear:both;}


.input-chat-wrap{position:fixed;bottom:0px;width:100%;background:#C1C1C1;}
.input-chat-left{float:left;width:90%;overflow:auto;}
.input-chat-right{float:right;width:10%;font-size:16px;padding:12px;box-sizing:border-box;text-align:right;height:12vw;background:#FFF;}

.chat-box{width:100%;border:0px;height:12vw;font-size:16px;padding:12px;box-sizing:border-box;background:#FFF;color:#000;overflow:hidden;resize:none;}

textarea::placeholder {color: #FDDB93;font-weight: bold;}
textarea:focus::-webkit-input-placeholder {color:transparent; }


.shot-info{position:absolute;width:25vw;color:#FFF;font-size:0.8em;text-align:center;color:#EFEFEF;text-align:left;box-sizing:border-box;line-height:7vw;right:0px;margin-right:1vw;margin-top:1vw;padding:2vw;border-radius:5px;background-color: rgba(0, 0, 0, 0.6);z-index:9999;}

/*
.snap-shot{position:absolute;z-index:9999;width:100%;height:100%;background-color: rgba(0, 0, 0, 1);text-align:center;}
*/
.snap-shot{position:absolute;z-index:9999;width:100%;height:100%;background-color: rgba(0, 0, 0, 1);}

.l-info{float:left;width:25%;}
.r-info{float:right;width:75%;}


/*대회모드 */
.match-search-wrap{text-align:center;padding:20px 15px 0px 15px;overflow:hidden;}
.match-search-left{width:66%;float:left;}
#search_word{font-size:1.1em;font-weight:normal;padding:10px 20px;width:100%;font-weight:bold;text-align:center;border-radius:10px;border: 1px solid #00ad91;background:#FFF;padding:8px;border-radius:10px;}
#match-create{float:right;width:12%;}
#match-search{font-size:0.8em;padding:11px 0px;float:right;width:97%;margin-left:3%}

.match-list{padding:10px;border-radius:10px;border: 1px solid rgba(159, 168, 178, 0.4);margin-bottom:7px;}
.match-item1{font-size:0.9em;}
.match-item2{font-size:0.7em;color:#AFAFAF}
.match-item3{font-size:0.7em;font-weight:bold;}


#match-creater th{text-align:left;padding-left:30px;font-weight:normal;}
.row-head{text-align:left;}
.row-tail select{width:100%;}

.match-sub-title{font-size:16px;color:#00ad91 !important;}

/*예약 */
.blank_area_banner_wrap{padding:5vw;position:absolute;width:100%;height:100%;background:#000;text-align:center;z-index:998;opacity:0.65;}
.banner_guide{font-size:0.9em;position:absolute;width:90%;background:#FFF;border-radius:20px;z-index:999;margin-top:35vw;left:50%;margin-left:-45%;padding:6vw 8vw;}
.blank_area_banner{font-size:0.8em;padding:11px 0px;float:right;width:49%;float:right;}
.lession_ico{padding:3px;background:#FFF;border:1px solid #00ad91;color:#000;border-radius:5px;font-size:0.8em;}
.lession_ico_my{padding:1px 5px;background:#FF6600;color:#FFF;border-radius:3px;}
.lockidx_num_ico_my{padding:1px 5px;background:#70A90A;color:#FFF;border-radius:3px;}
.msg_exp{clear:both;color:#777;padding-top:5px;border-top:1px dotted #999;}


input[type="checkbox"]{
        display: none;
}

input[type="checkbox"] + label{
  cursor:pointer;
  width:17px;
  height:17px;
  line-height:17px;
  vertical-align:middle;
 }


input[type="checkbox"] + label:before{
  content:"";
  display:inline-block;
  width:17px;
  height:17px;
  line-height:17px;
  border:1px solid #00ad91;
  }


input[type="checkbox"]:checked + label:before{
  content:"✔";/*폰트어썸 유니코드*/
  color:#fff;
  background-color:#00ad91;
  border-color:#00ad91;
  font-size:13px;
  text-align:center;
  }


.reserve-border{border:1px solid #DFDFDF;border-radius:10px;overflow:auto;text-align:center;}
.my-reserve-box-detail img{vertical-align:middle;}
#lesson_info{border: 1px solid rgba(159, 168, 178, 0.4);border-radius:10px;display:none;margin-top:5px;padding:10px;background:#EFEFEF;line-height:2em;}

/*로그인*/
.welcome-txt {
  color: rgba(46,58,89,1);
  font-family: Noto Sans KR;
  font-weight: Bold;
  font-size: 1.6em;
  opacity: 1;
  width:100%;
  text-align:center;
  margin-top:10vw;
}
.welcome-guide {
  color: rgba(28,25,57,0.800000011920929);
  font-family: Noto Sans KR;
  font-weight: Regular;
  font-size: 0.8em;
  opacity: 0.800000011920929;
  width:100%;
  text-align:center;
  margin-top:2vw;
}
#join-btn{border:1px solid #000;width:100%;background:#FFF;color:#000;font-size:0.9em;font-weight:normal;padding:10px 20px;border-radius:8px;}
#join-overseas{text-decoration:underline;width:100%;color:#000;font-size:0.9em;font-weight:normal;padding:10px 20px;border-radius:8px;}
.loader-wrap{
    display:    none;
	color:#FFF;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 )
    50% 50%
    no-repeat;
}
.new_btn_wrap{
	margin:0 auto;
	background:#00ad91;
	color:#FFF;
	text-align:center;
}
.new_btn_wrap a{
	color:#FFF;
}


/*탭메뉴 */
/*
.tab-container-wrap{
  width:100%;
  border-bottom:1px solid #BBB;
  padding:0px 15px;
}

.tab-container {
  display: flex;
  width: 100%;
  background: transparent;
  margin-top:10px;
}

.tab {
  flex: 1;
  text-align: center;
  background: #f5f5f5;
  padding: 10px 0;
  border: 1px solid #ccc;
  border-bottom: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-size: 16px;
  color: #333;
  position: relative;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}

.tab.active {
  background: #00D2CF;
  color: white;
  font-weight: bold;
  z-index: 2;
}
*/

.tab-container-wrap{
  width:100%;
  border-bottom:0px solid #BBB;
  padding:10px 15px 0px 15px;
  background:#00D2CF;
}

.tab-container {
  display: flex;
  width: 100%;
  background: transparent;
  margin-top:10px;
}

.tab {
  flex: 1;
  text-align: center;
  background: #01a7a5;
  padding: 10px 0;
  border-bottom: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-size: 16px;
  color: #FFF;
  position: relative;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}

.tab.active {
  background: #FFF;
  color: #000;
  font-weight: bold;
  z-index: 2;
}