@charset "utf-8";
/* CSS Document */
@import url(media.css);

/*-------------------- contents common --------------------*/ 
.contents {margin: 15px;}

.grayBg{width:100%;background:#f9f9f9;border:1px solid #d2d2d2;}
.borderBg{width:100%;border:1px solid #d2d2d2;margin:0.8em 0;}
.contentBg{width:100%;margin:0.8em 0;}

.roundBgBox{width:100%;border-radius:10px;color:#ffffff;margin-bottom:10px;padding:0.5em;}


.commonDot{
	font: 17px 'Noto Sans KR', 'Noto Sans Korean', Malgun Gothic, "맑은고딕", arial, sans-serif;
    color: #4f4f4f;
    font-weight: bold;
    padding-left: 20px;
    background: url(../../images/m_clubd/commonDot.png) left no-repeat;
    background-position: inherit;
    background-position-y: 6px;
    margin: 20px 0 10px;
    background-size: 15px 15px;
    }
.infoDot{background:url('../../images/m_clubd/infoDot.png')no-repeat ;width:10px;height:10px;margin-right:5px;}
.dotLine{height:1px;border-bottom:1px dashed #dcdcdc;}
.bgBottom{margin-bottom:15px;}

/* btn ��ư */
.motion{background:#002539;color:#fff;}
.cancel{background:#6e6e6e;color:#fff;}
.orangeBtn{background:#002539;text-align:center;color:#ffffff;margin:0 auto;}
.blueBtn{background:#3e8ddc;text-align:center;color:#ffffff;margin:0 auto;}
.grayBtn{background:#686868;text-align:center;color:#ffffff;margin:0 auto;}
.bookingBtn{color:#999999;border:1px solid #e0e0e0;font-size:11px;}
.greenBtn{background:#6ea724;text-align:center;color:#ffffff;margin:0 auto;}
.closeBtn{width:30%;margin:0 auto;padding:8px 0;}

/* font color, style */
.orangeRed{color:#de3e1e;}
.orange{color:#ff6600;}
.blue{color:#3e8ddc;}
.red{color:#e35d5d;}
.gray{color:#b7b7b7;}
.yellow{color:#ffe776}

.through{text-decoration:line-through;}
.underline{text-decoration:underline;}

/* select arrow 
.select-arrow{background: url('../../images/m_clubd/select-arrow.png') no-repeat 90% 50%;text-indent:0.28em;}
.select-arrow2{background: url('../../images/m_clubd/select-arrow2.png') no-repeat 100% 48%;text-indent:0.6em}
.select-arrow3{background: url('../../images/m_clubd/select-arrow2.png') no-repeat 97% 48%;text-indent:0.5em;} */

/* paging */
.paging{width:100%;margin:20px auto 0;}
.paging ul{text-align:center;}
.paging ul li {
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 32px;
	margin-right: 5px;
	border: 1px solid #c2c2c2;
	color: #111111;
	background: #fff;
}

.paging ul li:last-child{margin-right:0;}
.paging ul li.on{background:#ececec}
.paging ul li a{font:1.1em 'Namum GothicB';display:inline-block;padding:9px 10px;color:inherit}
.paging ul li img{vertical-align:middle;}

/*-- BtnBox --*/
.btnBox{margin:10px auto;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
.btnBox li{float:left;width:49%;padding:0.7em 0;margin-right:2%;text-align:center;}
.btnBox li:last-child{margin-right:0;}
.btnBox li > a{color:#fff;}

.btnBox_three{margin:10px auto;padding-top:1em;font-size:0;overflow:hidden;width:77%;}
.btnBox_three li{float:left;width:32%;padding:0.7em 0;margin-right:2%;text-align:center;}
.btnBox_three li:last-child{margin-right:0;}
.btnBox_three li > a{font:0.9em 'Manum GothicB';color:#fff;}


.commonTable{width:100%;border-top:1px solid #45454f;border-bottom:1px solid #45454f;margin:5px 0 20px;}
.commonTable.tableBottom{margin-bottom:20px;}
.commonTable th{font-size:0.9em;padding:5px;background:#45454f;color:#fff;}
.commonTable tr{font-size:0.9em;height:40px;color:#535252;border-bottom:1px solid #dedede;text-align:center;}
.commonTable tr:last-child{border-bottom:0;}
.commonTable td{font-size:0.9em;}
.commonTable td input{width:90%;border:1px solid #dedede;height:25px;}
.commonTable td:last-child{border-right:0;}
.commonTable td input.orangeBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;border:0;}
.commonTable td input.blueBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;border:0;}
.commonTable td input.grayBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;border:0;}
.commonTable td a.orangeBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.commonTable td a.blueBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.commonTable td a.grayBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.commonTable td span.orangeBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.commonTable td span.blueBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;border-radius:10px;}
.commonTable td span.grayBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.commonTable td .txt{color:#b2b2b2;font-size:0.9em;}

.fs15{font-size: 15px;}

.mainTitle {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #45454f;
    padding: 15px;
    border-bottom: 1px solid #dedede;
}
.mainTitle img{vertical-align:middle;}
.mainTitle2{
	font: 24px 'Noto Sans KR', 'Noto Sans Korean', Malgun Gothic, "맑은고딕", arial, sans-serif;
    text-align: center;
    color: #45454f;
    padding: 15px 0px;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
}
}
.mainTitle2 img{vertical-align:middle;}

/*-------------------- Member --------------------*/
/* Login ��� */
/* .grayBg .loginCont{padding:10px 0.7em;}
.grayBg .loginCont .loginTitle{margin:5px 0 15px;text-align:center;}
.grayBg .loginCont .loginTitle img{vertical-align:middle;margin-right:5px;}

.grayBg .loginCont .logInputBox{overflow:hidden;}
.grayBg .loginCont .logInputBox .loginInput{width:78%;float:left;}
.grayBg .loginCont .logInputBox .loginInput input{text-indent:10px;width:100%;height:45px;border:1px solid #e0e0e0;margin-bottom:8px;}
.grayBg .loginCont .logInputBox .loginBtn{float:left;width:20%;text-align:center;padding:41px 0;margin-left:2%;background:#002539;}
.grayBg .loginCont .logInputBox .loginBtn a{color:#fff;}

.grayBg .loginCont .memBox{clear:both;padding:10px 0;}
.grayBg .loginCont .memBox span{margin-right:15px;font-size:12px}

.grayBg .loginCont .LogFindBtn{width:100%;height:50px;margin-bottom:20px;}
.grayBg .loginCont .LogFindBtn a{float:left;width:49%;display:block;text-align:center;border:1px solid #bfbfbf;color:#727272;padding:0.9em 0;}
.grayBg .loginCont .LogFindBtn .id_Btn{margin-right:2%;}

.grayBg .loginCont .snsJoinBox{width:100%;overflow:hidden;font-size:0;margin-bottom:30px; display: flex; justify-content: center; flex-wrap: wrap}
.grayBg .loginCont .snsJoinBox li{float:left; margin: 10px;}
.grayBg .loginCont .snsJoinBox li img{width:100%}
.grayBg .loginCont .snsJoinBox li div{width:100%}

.grayBg .loginTxt{width:100%;margin:0 auto;text-align:center;margin:20px 0;}
.grayBg .loginTxt .joinBtn{display:block;width:25%;padding:10px 0;margin:15px auto 0;text-align:center;color:#fff;background:#6e6e6e;} */

/* join01 ȸ������ */
.grayBg .snsJoinList{}
.grayBg .snsJoinList a{display:block;margin:0.5em 2em;}
.grayBg .snsJoinList a:first-child{margin-top:1em;}
.grayBg .snsJoinList a:last-child{margin-bottom:1em;}
.grayBg .snsJoinList a img{width:100%;}

/* join02 �Ǹ����� */
.grayBg .hpIpBox{width:100%;margin:2em auto;}
.grayBg .hpIpBox .hpBox{margin: 0 auto;width:80%;background:#fff;border:1px solid #d2d2d2;padding:30px 15px;text-align:center;color:#6a6a6a;} 
.grayBg .hpIpBox .hpBox img{display:block;margin:0 auto 10px;}
.grayBg .hpIpBox .hpBox span{display:block;margin:10px 0;}


.contentBg .joinTextList{color:#8f8f8f;line-height:23px;margin:1em 0;}
.contentBg .joinTextList .joinTxtTitle{color:#3a3a3a;margin-bottom:10px;font-size:1.1em;display:block;line-height:20px;}
.contentBg .joinTextList .point{color:#3a3a3a;font-size:1.0em;}

/* join03 �������*/
.grayBg .agreeyBgBox{width:100%;margin:30px 0;min-width:313px;}
.agreeyCheck{width:100%;overflow:hidden;margin-bottom:10px;}
.agreeyCheck li{float:right; color:#a1a1a1;margin-left:10px;padding:0.9em 0.5em;}

/* join04 ������ */
.joinBoxList{width:100%;margin:0 auto;border:1px solid #e0e0e0;padding:1.5em 1.7em;background:#f9f9f9}
.joinBoxList .joinInfoBox{width:100%;margin:0 auto;overflow:hidden;padding:10px 0;}
.joinBoxList .joinInfoBox li{float:left;width:65%}
.joinBoxList .joinInfoBox .infoList{width:35%;color:#7f7f7f;padding-top:15px;}
.joinBoxList .joinInfoBox li > input{width:100%;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li > select{width:32%;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li > select.golfcho{width:150px;border:1px solid #e1e1e1;text-indent:10px;}

.joinBoxList .joinInfoBox .gender{float:left;width:50px;text-align:center;padding:15px 0;background:#fff;color:#7f7f7f;border:1px solid #e1e1e1;margin-right:5px;cursor:pointer;}
.joinBoxList .joinInfoBox .gender.on{background:#979797;color:#fff;}

.joinBoxList .joinInfoBox li .idInput{width:70%;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li .overlap.orangeBtn{width:28%;display: inline-block;margin-left:2%;padding:1.1em 0;}

.joinBoxList .snsAgreeyBox{width:100%;padding:0.7em;background:#fff;border:1px solid #dadada;}
.joinBoxList .snsAgreeyBox li{overflow:hidden;font-size:0.8em;line-height:1.5em;padding:0.3em 0;}
.joinBoxList .snsAgreeyBox li .input{float:right;font-size:1em;margin-right:0.9em;}

.passTxt{width:100%;margin-left-:35%;padding-bottom:0.7em;}
.passTxt li.title{font-size:1em;padding-bottom:0.4em;}
.passTxt li{padding:0.2em 0;font-size:0.85em;}


/* member ȸ���������� */
.memberBoxList{width:100%;margin:0 auto;padding:1em;background:#f9f9f9}
select#selCompanyDivision, input#txtHomeAddress1, input#txtHomeAddress2,
.memberBoxList .ListUnderLine .memberInfoBox li input.address
 {text-align: left;}
.memberBoxList .ListUnderLine{padding: 8px 0;border-bottom:1px dashed #e0e0e0;}
.memberBoxList .ListUnderLine.passBox{padding-top:10px;border-bottom:0;}
.memberBoxList .ListUnderLine.passBox2{padding-top:0;border-bottom:0;}
.memberBoxList .ListUnderLine .memberInfoBox{width:100%;margin:0 auto;overflow:hidden;padding:0;}
.memberBoxList .ListUnderLine .memberInfoBox li{float:left;}
.memberBoxList .ListUnderLine .memberInfoBox .infoList{width:40%;padding: 10px 0;color:#7f7f7f;}
.memberBoxList .ListUnderLine .memberInfoBox .infoConent.just{padding: 10px 0;}
.memberBoxList .ListUnderLine .memberInfoBox .infoConent{width: 60%; color: #7f7f7f; float: right;}
.memberBoxList .ListUnderLine .memberInfoBox li > input{width:100%;padding: 10px 5px;border:1px solid #e1e1e1;border-radius: 0; text-align: center;}
.memberBoxList .ListUnderLine .memberInfoBox li > select{width:31%; padding: 10px 5px; border:1px solid #e1e1e1; text-align: center;}
.memberBoxList .ListUnderLine .memberInfoBox li input.address{}
.memberBoxList .ListUnderLine .memberInfoBox li input.num{width:31%; margin-right:2%;}
.memberBoxList .ListUnderLine .memberInfoBox li input.num:last-child{margin-right:0;}

.memberBoxList .ListUnderLine .memberInfoBox .gender{float:left;width:50px;height:50px;text-align:center;padding:15px 0;background:#fff;font-size:16px;color:#7f7f7f;border:1px solid #e1e1e1;margin-right:5px;cursor:pointer;}
.memberBoxList .ListUnderLine .memberInfoBox .gender.on{background:#979797;color:#fff;}

.memberBoxList .ListUnderLine .memberInfoBox li .idBox{width:58%;display:inline-block;}
.memberBoxList .ListUnderLine .memberInfoBox li .idInput{width:70%;height:50px;border:1px solid #e1e1e1;text-indent:10px;}

.memberBoxList .snsAgreeyBox{width:100%;padding:10px;background:#fff;border:1px solid #dadada;}
.memberBoxList .snsAgreeyBox li{overflow:hidden;font-size:11px;line-height:1.5em;padding:0.3em 0;}
.memberBoxList .snsAgreeyBox li .input{float:right;font-size:1em;margin-left:0.9em;}

.memberBoxList .phoneTxt{padding-bottom: 0.9em; font-size: 11px; color: #de3e1e;}

.memberBoxList .memPassTxt{width:60%;margin-left:35%;padding-bottom:0.9em;float: right;}
.memberBoxList .memPassTxt .title{color:#3e8ddc;font-weight:600;font-size:11px;}
.memberBoxList .memPassTxt .cont{padding:0.2em 0;font-size:11px;}

.memberBoxList .modifyTxt{width:65%;margin-left:35%;padding-bottom:0.3em;font-size:0.95em;color:#de3e1e;font-weight:600;margin-top:0.4em;}
.memberBoxList .grayFont{width:65%;margin-left:35%;padding-bottom:0.9em;color:#9b9b9b;font-weight:600;}
.memberBoxList .grayFont .input{margin-right:0.9em;font-size:11px;}
.memberBoxList .email-Select{margin-left:2%;background: url('../../images/m_clubd/select-arrow2.png') no-repeat 100% 48%;text-indent:0.6em}


.memberMent{width:100%;margin:0 auto;padding:1em 0;text-align:center;}

.midTitleBox{width:100%;overflow:hidden;margin:0.6em 0; padding-left: 9px;} 
.midTitleBox .commonDot{display:inline-block;margin:9px 0 0;}
.midTitleBox .memberBtn{float:right;text-align:center;margin-right:10px;width:25%;font-size:0.85em;padding:0.8em 0;color:#fff;margin-right:2%;background:#002539;}
.midTitleBox .memberBtn.withdraw{color:#afafaf;border:1px solid #c3c3c3;background:#fff;margin-right:0;}

/* withdraw ȸ��Ż�� */
.withdrawLtxt.title{font:1.1em 'Nanum GothicB';text-align:center;padding:0.9em 0;}
.withdrawLtxt.title li{font:1.1em 'Nanum GothicB';line-height:1.45em;}
.withdrawMtxt{margin:0 auto;font-size:0.9em;text-align:center;padding:0.5em 0 0.9em;line-height:1.6em;}
.bt-padng{padding:2em 1.2em;}
.withdrawMtxt span{font:14px 'Nanum GothicB';margin:0 auto 0.5em;color:#002539;display:block;}

/*-------------------- board --------------------*/
/* list_gallery ���䰶���� �̺�Ʈ */
.eventMoreBtn{width:100%;text-align:center;background:#45454f;}
.eventMoreBtn .moreBtn{color:#fff;cursor:pointer;width:100%;padding:1em 0;text-align:center;}
.eventMoreBtn .moreBtn li:first-child{margin-bottom:0.5em;}

/*-------------------- MY ZONE ������ --------------------*/
.myzoneTabList{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.myzoneTabList li{float:left; padding: 5px 5px;border-right:1px solid #dedede;margin:12px 0;width:20%; height:43px;}
.myzoneTabList li:last-child{border-right:0;}
.myzoneTabList li a{display:block;color:#45454f;text-align:center;}
.myzoneTabList li.on a{color:#39668f;font-weight: bold;}

.myzoneTabList2{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.myzoneTabList2 li{float:left;width:50%;border-right:1px solid #dedede;margin:12px 0;}
.myzoneTabList2 li:last-child{border-right:0;}
.myzoneTabList2 li a{display:block;font:0.8em; color:#45454f; text-align:center;}
.myzoneTabList2 li.on a{color:#39668f;}

.myzoneTabList3{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.myzoneTabList3 li{float:left;width:33.33333%;border-right:1px solid #dedede;margin:12px 0;}
.myzoneTabList3 li:last-child{border-right:0;}
.myzoneTabList3 li a{display:block;font:0.8em;color:#45454f;text-align:center;}
.myzoneTabList3 li.on a{color:#39668f;}


/* reserChange ��õ���� - ����  */
.borderBg .infoList{margin:0.5em 0.7em;}
.borderBg .infoList li{padding:12px 0;}
.borderBg .infoList li span{display:inline-block;font-size:0.9em}
.borderBg .infoList .title{width:30%;}
.borderBg .infoList .orange{color:#ff6600;}
.borderBg .infoList li select.select-arrow{width:25%;height:35px;border:1px solid #dddddd;text-indent:15px;}

.info_Ch{margin:20px auto 0;width:117px;}
.borderBg a.cancel{display:block;width:25%;padding:10px 0;margin:15px auto;text-align:center;color:#fff;background:#6e6e6e;}

.roundBgBox.purple{background:#45454f;color:#fff;font-size:0.8em;text-align:center;padding:1.5em 0;}
.roundBgBox.purple > span{font-size:1.2em;}

.courseTabList{width:100%;overflow:hidden;margin:0.5em 0;border-bottom:1px solid #d2d2d2}
.courseTabList li{float:left;width:33.3%;border-right:1px solid #fff;}
.courseTabList li a{display:block;font-size:0.8em;color:#fff;text-align:center;border-radius:10px 10px 0 0;padding:0.8em 0;background:#828282;}
.courseTabList li a.on{background:#002539;}

.sectionList{width:100%;overflow:hidden;}
.sectionList li{float:left;width:25%;}
.sectionList li a{display:block;width:100%;font-size:0.8em;border:1px solid #d2d2d2;padding:0.6em 0;color:#828282;text-align:center;}
.sectionList li a.on{color:#002539;}
.sectionList li:nth-child(2){border-left:0;}
.sectionList li:nth-child(3){border-left:0;}

.grayTable{width:100%;margin:0  0 20px;border:1px solid #dedede;}
.grayTable.tableBottom{margin-bottom:20px;}
.grayTable th{font-size:0.9em;padding:10px;background:#dadada;}
.grayTable tr{font-size:0.9em;height:40px;color:#535252;border-top:1px solid #dedede;border-bottom:1px solid #dedede;text-align:center;}
.grayTable td{font-size:0.9em;}
.grayTable tr:last-child{border-bottom:0;}
.grayTable td input.orangeBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.grayTable td input.blueBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.grayTable td input.grayBtn{display:block;width:80%;padding:5px 0;font-size:1em;margin-top: -1px;}
.grayTable td span.orangeBtn{display:block;width:50%;padding:4px 0;font-size:0.7em;margin-top: -1px;border-radius:6px;margin:2px auto;}
.grayTable td span.blueBtn{display:block;width:50%;padding:3px 0;font-size:0.7em;margin-top: -1px;border-radius:6px;margin:2px auto;}
.grayTable td span.greenBtn{display:block;width:50%;padding:3px 0;font-size:0.7em;margin-top: -1px;border-radius:6px;}
.grayTable td .txt{color:#b2b2b2;font-size:0.9em;}

/* coupon ������ */
.commonTable .coupon{}
.commonTable .coupon img{max-width:100%}
/* coupon ������ �̴ϴ޷� */
.SubMonthBox1{
    position:absolute;
    top:198px;
    left:37%;
    margin-left:-116px;
    width:270px;
    height:273px;
    border:solid 1px #e3e3e3;
    background:#fff;
	display:none; 
    padding:10px;
    overflow:hidden;
    z-index: 202;
}
.SubMonthBox1 .monthChoice{overflow:hidden;margin:10px auto;}
.SubMonthBox1 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} 
.SubMonthBox1 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;}

.SubMonthBox1 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:0.9em;letter-spacing:0;}
.SubMonthBox1 .mainCalendar {text-align: center;width:100%;margin:0 auto;}
.SubMonthBox1 .mainCalendar th {font-size:0.8em;color:#444444;font-weight: bold;padding:10px 0 ;}
.SubMonthBox1 .mainCalendar td div {
font-size:0.9em;width:30px;color:#b7b7b7;cursor: pointer;margin: auto;
height:30px;line-height:30px;}
.SubMonthBox1 .mainCalendar .sun{color: #bf3b3b;height: 20px;}
.SubMonthBox1 .mainCalendar .possible div{ color:#444; }
.SubMonthBox1 .mainCalendar .today.possible div{background-color:#f88538;background-size: 20px 20px; border-radius: 10px; color: #fff;}

.SubMonthBox2{
    position:absolute;
    top:198px;
    left:70%;
	margin-left:-171px;
    width:270px;
    height: 273px;
    border: solid 1px #e3e3e3;
    background:#fff;
    display: none; 
    padding: 10px;
    overflow:hidden;
	z-index: 202;
}
.SubMonthBox2 .monthChoice{overflow:hidden;margin:10px auto;}
.SubMonthBox2 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} 
.SubMonthBox2 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;}

.SubMonthBox2 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:0.9em;letter-spacing:0;}

.SubMonthBox2 .mainCalendar {text-align: center;width:100%;margin:0 auto;}
.SubMonthBox2 .mainCalendar th {font-size:0.9em;color:#444444;font-weight: bold;padding:10px 0 ;}
.SubMonthBox2 .mainCalendar td div {
font-size:0.9em; width:30px;color:#b7b7b7;cursor: pointer;margin: auto;
height:30px;line-height:30px;vertical-align: middle;}
.SubMonthBox2 .mainCalendar .sun{color: #bf3b3b;height: 20px;}
.SubMonthBox2 .mainCalendar .possible div{color:#444; }
.SubMonthBox2 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;}

/* score ���ھ���Ȳ */
.roundBox{width:100%;background:#828282;padding:10px 0;border-radius:10px;margin:0 auto;}
.roundBox .inquiry {text-align: center;}
.roundBox .inquiry select{width:18%;height:25px;vertical-align:middle;}
.roundBox .inquiry .inquiryTitle{font-size:0.8em;color:#ffffff;}
.roundBox .inquiry .dayInput{width:18%;display:inline-block;background:#fff;height:25px;border:1px solid #dddddd;padding:5px;color:#45454f;font-size:0.685em;position:relative;vertical-align:middle;}
.roundBox .inquiry .inquiryImg{vertical-align:middle;}
.roundBox .inquiry .inquiryBtn {padding: 0.3em 0.4em;color: #ffffff;background:#002539;font-size: 0.9em;border-radius: 10px;}
.roundBox .inquiry > span{color:#fff;}

.topScoreTitle{width:100%;background:url('../../images/m_clubd/scoreBg.png')no-repeat top;
background-size:100%;overflow:hidden;margin:0.7em auto;min-width:320px;max-width:480px;}
.topScoreTitle li{float:left;}
.topScoreTitle li:nth-child(3){border-right:0;}
.topScoreTitle .scoreTitle{font:0.9em 'Nanum GothicB';width:35%;padding:2% 0;text-align:center;}
.topScoreTitle .scoreNum{width:15%;margin:2% 0;text-align:center;color:#fff;border-right:1px solid #fff;font:0.9em 'Nanum GothicB';}

.scoreLine{border-top:1px solid #45454f;overflow:hidden;}
.scoreLine > span{float:right;padding:10px}

.playerScore{width:100%;margin-bottom:20px;}
.playerScore .scBtnBox{width:100%;text-align:center;border-bottom:1px solid #dedede;}
.playerScore .scBtn{color:#afafb1;cursor:pointer;width:110px;padding:20px 0;text-align:center;margin:20px auto;}

.commonTable2{width:100%;}
.commonTable2 th{font-size:12px;padding:0.5em;border:1px solid #dedede;}
.commonTable2 th:first-child{border-left:0;}
.commonTable2 th:last-child{border-right:0;}
.commonTable2 td{font:0.8em "Nanum GothicB";color:#535252;border:1px solid #dedede;text-align:center; height: 26px;}
.commonTable2 .me td.sc0{background-image:url('../../images/boeun/img_par_mark_s.png');background-size: 18px 18px;background-repeat: no-repeat;background-position: center center;}
.commonTable2 .me td.sc-1{color:#eee;background-image:url('../../images/boeun/img_birdy_mark_s.png');background-size: 18px 18px;background-repeat: no-repeat;background-position: center center;}
.commonTable2 .me td.sc-2{background-image:url('../../images/boeun/img_egle_mark_s.png');background-size: 18px 18px;background-repeat: no-repeat;background-position: center center;}
.commonTable2 .total{background:#45454f;color:#fff;}
.commonTable2 .tr.me{background:#bdbdbd;color:#535252;}
.commonTable2 .tr1{background:#eeeeee;color:#535252;}
/* score ���ھ� �̴ϴ޷� */
.SubMonthBox3{
    position:absolute;
    top: 24px;
    left:50%;
    margin-left:-147px;
    width:270px;
    height:245px;
    border:solid 1px #e3e3e3;
    background:#fff;
	display:none; 
    padding:10px;
    overflow:hidden;
    z-index: 202;
}
.SubMonthBox3 .monthChoice{overflow:hidden;margin:10px auto;}
.SubMonthBox3 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} 
.SubMonthBox3 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;}

.SubMonthBox3 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:0.9em;letter-spacing:0;}
.SubMonthBox3 .mainCalendar {text-align: center;width:100%;margin:0 auto;}
.SubMonthBox3 .mainCalendar th {font-size:0.9em;color:#444444;font-weight: bold;padding:10px 0 ;}
.SubMonthBox3 .mainCalendar td div {
font-size:0.9em;width:30px;color:#b7b7b7;cursor: pointer;margin: auto;
height:30px;line-height:30px;vertical-align: middle;}
.SubMonthBox3 .mainCalendar .sun{color: #bf3b3b;height: 20px;}
.SubMonthBox3 .mainCalendar .possible div{ color:#444; }
.SubMonthBox3 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;}

.SubMonthBox4{
    position:absolute;
    top:24px;
    left:50%;
	margin-left:-201px;
    width:270px;
    height: 245px;
    border: solid 1px #e3e3e3;
    background:#fff;
    display: none; 
    padding: 10px;
    overflow:hidden;
	z-index: 202;
}
.SubMonthBox4 .monthChoice{overflow:hidden;margin:10px auto;}
.SubMonthBox4 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} 
.SubMonthBox4 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;}

.SubMonthBox4 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:0.9em;letter-spacing:0;}

.SubMonthBox4 .mainCalendar {text-align: center;width:100%;margin:0 auto;}

.SubMonthBox4 .mainCalendar th {font-size:0.9em;color:#444444;font-weight: bold;padding:10px 0 ;}
.SubMonthBox4 .mainCalendar td div {
font-size:0.9em;width:30px;color:#b7b7b7;cursor: pointer;margin: auto;
height:30px;line-height:30px;vertical-align: middle;}

.SubMonthBox4 .mainCalendar .sun{color: #bf3b3b;height: 20px;}
.SubMonthBox4 .mainCalendar .possible div{color:#444; }
.SubMonthBox4 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;}

.last{font-size:0.95em;color:#ff6600;}


/*-------------------- course --------------------*/
/* courseIntro */
.introBox{margin:0.5em 0;}
.introBox .courseIntroImg{width:100%;}
.balloon{vertical-align: middle;}

.dataTitle{width:100%;height:30px;line-height:30px;font-size:1.3em;font-weight:600;margin:1em 0 0.4em 0.2em;}
.courseDataTable{border-top:1px solid #dddddd;width:98%;margin:0 auto;}
.courseDataTable .dataListTitle{overflow:hidden;}
.courseDataTable .dataListTitle.title > li{font-size:0.8em;font-weight:400;}
.courseDataTable .dataListTitle > li{text-align:center;float:left;width:8.67%;font-size:0.75em;font-weight:400;height:25px;line-height:25px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.courseDataTable .dataListTitle > li:first-child{width:11%;}
.courseDataTable .dataListTitle > li:last-child{border-right:0;width:10.94%;} 
.courseDataTable .dataListTitle.blackData{background:#000000;color:#fff;}
.courseDataTable .dataListTitle.blueData{background:#297ab9;color:#fff;}
.courseDataTable .dataListTitle.goldData{background:#c18600;color:#fff;}
.courseDataTable .dataListTitle.redData{background:#f1312c;color:#fff;}
.courseDataTable .dataListTitle.yellowData{background:#fffb6f;}

/* east west south */
.btnType{overflow:hidden;}
.btnType>li {float:left;background:#fff;width:50%;border:1px solid #dedede;}
.btnType>li:last-child{margin-right:0;}
.btnType li a{display:block;padding:10px 0;font-size:0.9em;text-align:center;color:#45454f;}
.btnType li.on a{background:#002539;color:#fff;}

.btnType.width33>li{width:33.3%}

.bgpoint{background-color: #e2e2e2  !important;}
.m_btnType.btnType li a{    padding: 15px 0;}
.m_btnType.btnType li.on a{    font-weight: bold;}
.m_btnType.btnType>li {float:left;background:#fff;width:33.3%;border:1px solid #dedede;}

.courseBg{width: 100%;margin:0.8em 0;background:#f8f8f8;border:1px solid #e8e6e6;padding-bottom:20px;}
.holeNumBox{overflow:hidden;width:100%;padding-left:0.5em;margin-top:0.5em;}
.holeNumBox .holeNum{float:left;font-size:3.7em;color:#3e8ddc;font-weight:700;width:10%}
.holeNumBox .holeText{float:left;margin: 1em 0 0 0.3em;width:60%}
.holeNumBox .holeText .hole1{font-size:1.2em;color:#464646;font-weight:600;}
.holeNumBox .holeText .hole2{font-size:1.2em;color:#8c8c8c;font-weight:600;}
.holeNumBox > select{float:left;width:28%;height:40px;padding:0.3em 0;text-indent:2%;margin-top:1em;}

.courseImg{width:100%;}
.courseImg > img{width:100%}

.courseInfoBox .videoBox{width:98%;margin:1em auto 0.4em;border:1px solid #dedede;background:#111111;}
.courseInfoBox .dataTitle{width:40%;text-align:center;color:#fff;font-size:1em;margin:1em 0 0.6em 2%;background:#45454f;border-radius:16px;}

.courseInfoBox .holeExplainBox{padding:0 2%;}
.courseInfoBox .holeExplainBox .holeExplain{font-size:0.9em;line-height:1.7em;}
.courseInfoBox .holeExplainBox .holeExplain > img{vertical-align:middle;}

.courseInfoBox .holeInfo{}
.courseInfoBox .holeInfo .courseTable{width:100%;margin-top:20px;}
.courseInfoBox .holeInfo .courseTable th{font-size:0.9em;height:2.7em;line-height:2.7em;text-align:center;border-top:1px solid #bbbbbb;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.courseInfoBox .holeInfo .courseTable th:last-child{border-right:0;}
.courseInfoBox .holeInfo .courseTable th.black{color:#fff;background:#000000;}
.courseInfoBox .holeInfo .courseTable th.blue{color:#fff;background:#378bcc;}
.courseInfoBox .holeInfo .courseTable th.gold{color:#fff;background:#c18600;}
.courseInfoBox .holeInfo .courseTable th.yellow{background:#fffb6f;color: #393f43;}
.courseInfoBox .holeInfo .courseTable th.red{color:#fff;background:#f1312c;}
.courseInfoBox .holeInfo .courseTable th.white{background:#fff;}

.courseInfoBox .holeInfo .courseTable td{height:2.7em;line-height:2.7em;font-size:1em;font-weight:600;text-align:center;border-right:1px solid #dddddd;border-bottom:1px solid #bbbbbb;}
.courseInfoBox .holeInfo .courseTable td:last-child{border-right:0;}



/*--------------------  map --------------------*/
.mapTabList6{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.mapTabList6 li{float:left;width:16.66666%;border-right:1px solid #dedede;margin:12px 0;}
.mapTabList6 li:last-child{border-right:0;}
.mapTabList6 li a{display:block;font:0.8em 'Nanum GothicB';color:#45454f;text-align:center;}
.mapTabList6 li.on a{color:#39668f;}
.mapImg img{ width: 100%;}
.mapBox a{ font-size: 0.875em;}
.mapBox a.mapbtn1{ width: 160px; line-height: 32px; border-radius: 20px; color:#fff; background-color:#e04c29; border: 1px solid #e7e7e7; padding: 0 0 0 10px; display: block; margin: 15px 0;
		box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
		-ms-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
		-webkit-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
		-o-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	}
.mapBox a.mapbtn1 img{ vertical-align: middle;}
.mapBox a.mapbtn2{ width: 218px;line-height: 32px;  border-radius: 20px;color:#fff; background-color:#ff6600;  border: 1px solid #e7e7e7; padding: 0 0 0 10px; display: block;margin: 15px 0;
	box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	-ms-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	-webkit-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	-o-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
}
.mapBox a.mapbtn2 img{ vertical-align: middle;}
.mapBox a.mapbtn3{ width: 218px;line-height: 32px;  border-radius: 20px;color:#fff; background-color:#38a8e9; border: 1px solid #e7e7e7; padding: 0 0 0 10px; display: block;margin: 15px 0;
	box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	-ms-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	-webkit-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
	-o-box-shadow:0px 7px 0 0 rgba(196,196,196,0.35);
}
.mapBox a.mapbtn3 img{ vertical-align: middle;}
.mapText{ width: 90%; margin:0 auto;}
.mapText h2{ font-size: 1.25em; color: #404040; margin: 20px 0 10px 0;}
.mapText h3{ font-size: 1em; color: #404040; line-height: 1.825em;}

/*코스영상보기*/
.btn_play{padding:10px; color:white; background-color:#153456;width:150px;margin:0 auto;text-align:center}


/*19.05.03추가*/
.inquiry1 {width:200px; display:inline-block;}
.inquiry1 .dayInput{width:145px;height:30px;border:1px solid #dddddd;padding:5px;color:#b0abab;background:#fff;display:inline-block;vertical-align:middle;text-align:center;}

.SubMonthBox7 .monthChoice{width:178px;overflow:hidden;margin:10px auto;}
.SubMonthBox7 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} 
.SubMonthBox7 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:1.25em;text-align:center;padding:0 5px;vertical-align:middle;}

.SubMonthBox7 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:0.9em;letter-spacing:0;}

.SubMonthBox7 .mainCalendar {text-align: center;width:100%;margin:0 auto;}

.SubMonthBox7 .mainCalendar th {font-size:0.8em;color:#444444;font-weight: bold;padding:10px 0 ;}
.SubMonthBox7 .mainCalendar td div {
font-size:0.8em; width:30px; color:#b7b7b7;cursor: pointer;margin: auto;
height:30px;line-height:30px;vertical-align: middle;}

.SubMonthBox7 .mainCalendar .sun{color: #bf3b3b;height: 20px;}
.SubMonthBox7 .mainCalendar .possible div{ color:#444; }
.SubMonthBox7 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;}

/*list*/
.jInvite{ color: #fff !important; background-color: #38668f; text-align:center; margin:0 auto; padding:0.2em 0.4em; font-size:1em; }
.jApply{ color: #fff !important; background-color: #38668f; text-align:center; margin:0 auto; padding:0.2em 0.4em; font-size:1em; }
.jFinish{ color: #fff !important; background-color: #38668f; text-align:center; margin:0 auto;padding:0.2em 0.4em; font-size:1em; }

/*view*/
.costomTable{width:100%;border: 1px solid #e1e1e1;}
.costomTable th{background:#f1f1f1;font-size:0.8em;padding:.5em;border:1px solid #e1e1e1;}
.costomTable th:first-child{border-left:0;}
.costomTable th:last-child{border-right:0;}
.costomTable td{text-align:center;border:1px solid #e1e1e1;font-size:0.8em; padding:0.5em 0;}
.costomTable td:last-child{border-right:0;}
.contHeight1{height:200px;min-height:200px;text-align:left;padding:0.8em;font-size:1em;overflow-y:scroll}
.contHeight2{height:100px;min-height:100px;text-align:left;padding:15px;font-size:0.8em;overflow-y:scroll}
.contHeight3{height:100px;min-height:100px;text-align:left;padding:5px;}
.contHeight3 textarea{width:100%;height:100%;border:1px solid #e1e1e1;font-size:0.8em;}


/*Team*/


.btn_select_yearteam{border-radius:5px; background-color:white;font-size:13px; color:#666;   
display: inline-block;vertical-align:middle;padding: 5px 10px;    line-height: 25px;
    text-align: center; margin-right:10px;border:1px solid #d7d7d7;margin: 5px; width: 29%;  text-align: center;}
.btn_select_yearteam:hover{background-color:#f7f7f7}
.btn_select_yearteam.on{background-color:#153456;font-size:13px; color:white}
.input_yearTeamOrgan{width:100px;padding:5px;border: 1px solid #c7c7c7;
    border-radius: 3px;}
.table_yearTeamOrgan{  border-top: 1px solid #707173;    border-bottom: 1px solid #9e9e9e;   }
.table_yearTeamOrgan th{font-size:11px;    background: #45454f; color: #fff;}
.table_yearTeamOrgan td{font-size:11px;background-color:white;    border: 1px solid #d7d7d7;}
.table_yearTeamOrgan td.strong {font-size: 10px; color: #002539; font-weight: bold;}
.mtxt_yearteam{color: #4f4f4f;font-size:12px}

.btn_request {
    padding: 10px;
    text-align: center;
    padding: 15px 20px;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    background-color: #153456;
    border-radius: 4px;
    margin-top: 20px;
    display: inline-block;}



@media (min-width: 361px) {
		.SubMonthBox7{
	    position:absolute;
	    top:256px;
	    left:50%;
	    width:270px;
	    height: 270px;
	    border: solid 1px #e3e3e3;
	    background:#fff;
	    display: none; 
	    padding: 10px;
	    margin-left:-138px;
	    overflow:hidden;
	    z-index:99;
		}
	}

@media (min-width: 341px) and (max-width:360px) {
	.SubMonthBox7{
	    position:absolute;
	    top:256px;
	    left:50%;
	    width:270px;
	    height: 270px;
	    border: solid 1px #e3e3e3;
	    background:#fff;
	    display: none; 
	    padding: 10px;
	    margin-left:-130px;
	    overflow:hidden;
	    z-index:99;
		}
}

@media (max-width: 340px) {
	.SubMonthBox7{
	    position:absolute;
	    top:256px;
	    left:50%;
	    width:270px;
	    height: 270px;
	    border: solid 1px #e3e3e3;
	    background:#fff;
	    display: none; 
	    padding: 10px;
	    margin-left:-130px;
	    overflow:hidden;
	    z-index:99;
		}
}

.write_btn{
    background-color: #252525;
    float: right;
    color: #fff;
    font-size: 11px;
    padding: 3px 5px;
    margin-top: -3px;
    margin-right: 2px;
}

/*멤버십*/
.membershipBox {
	border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 0px 10px 10px;
    margin: 10px 0px;
}
.membershipBox span {
	color: #0061bd;
    font-weight: bold;
}
.membershipBox p {
    padding-top: 10px;
}
.txt_gplus {
    font-size: 21px;
    font-weight: bold;
}
.txt_gplus span {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 5px;
    color: #0061bd;
}
/*멤버십*/
.membership_score{font-size: 18px;    font-weight: bold;}
.membership_score2{font-size: 18px;    font-weight: bold;    color: #639734;}
.reserGrayBox > p.membership_remain{font-size:16px; display: inline-block; width:100%;text-align:center; }
p.membership_remain span{font-size: 16px;  /*color:#0061bd;*/ font-weight:bold}
 
/*ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 13px 14px 62px;
  position: relative;
}
 ul.checkout-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 0px;
  line-height: 30px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 9px;
  width: 77px;
  z-index:1
}
ul.checkout-bar li.active {
  color: #8bc53f;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #639734;  top: 9px;
}
ul.checkout-bar li.visited {
  background: #ECECEC;
  color: #57aed1;
}
ul.checkout-bar li.visited:before {
  background: #0f253a; left:9px;   top: 9px;
}
/* ul.checkout-bar li:nth-child(1):before {
  content: "C";
}
ul.checkout-bar li:nth-child(2):before {
  content: "L";
}
ul.checkout-bar li:nth-child(3):before {
  content: "U";
}
ul.checkout-bar li:nth-child(4):before {
  content: "B";
}
ul.checkout-bar li:nth-child(5):before {
  content: "D";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}

  ul.checkout-bar li.visited {
    background: none;
  }
*/
ul.checkout-bar a {
  color: #57aed1;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
} 

@media all and (min-width: 800px) {
 
  .checkout-wrap {
    margin: 80px auto;
  }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #0061bd;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 56%; /*가로길이 0~100% 게이지컨트롤*/
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }
  ul.checkout-bar li:before {
    font-size: 33px;
    height: 60px;
    left: 36%;
    line-height: 58px;
    position: absolute;
    top: -72px;
    width:60px; 
  }

}
.m_grade {
    width: 55%;
    line-height: 26px;
    float: left;
    text-align: left !important;
    font-size: 18px !important;
	padding-bottom: 0 !important;
	margin-top: 7px;
}
.m_grade b {
    color: #8bc53f;
    font-weight: bold;
    font-size: 21px;
    background: #fff;
    padding: 0px 6px 1px;
    border-radius: 2px;
}
.membershipList{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.membershipList li{float:left;border-right:1px solid #dedede;margin:12px 0;width:33.3%;}
.membershipList li:last-child{border-right:0;}
.membershipList li a{display:block;font: 14px 'Noto Sans KR', 'Noto Sans Korean', Malgun Gothic, "맑은고딕", arial, sans-serif;color:#45454f;text-align:center;}
.membershipList li.on a{color:#39668f;font-weight: bold;}
.membership li {
    list-style: disc;
    margin-left: 24px;
    color: #4f4f4f;
    padding-bottom: 10px;
}
/*타블렛 멤버십등급페이지 대응*/
@media all and (max-width: 769px){
	p.membership_remain{margin-top:0 !important} 
}

ul.checkout-bar a {
  color: #57aed1;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.checkout-wrap {
    color: #444;
    margin: 55px 0 10px;
    max-width: 100%;
    position: relative;
    clear: both;
    height: 70px;
}
ul.checkout-bar li {
    width: 33%;
    top: -25px;
    float: left;
    color: #ccc;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: inline-table;
    text-align: center;
	padding-left: 3px;
}

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }   

.octagon {
    width: 65px;
    height: 65px;
    background: #dcdcdc;
    position: relative;
    color: #fff;
    left: 24px;
    font-size: 18px;
    padding-top: 25px;
    font-weight: bold;
    z-index: 5;
}
.octagon:before {
    content: "";
    width: 65px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 20px solid #dcdcdc;
    border-left: 20px solid #f7f7f7;
    border-right: 20px solid #f7f7f7;
    font-size: 29px;
    text-shadow: 1px 1px rgb(0 0 0 / 20%);
    line-height: 118px;
}
.octagon:after {
    content: "";
    width: 65px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 20px solid #dcdcdc;
    border-left: 20px solid #f7f7f7;
    border-right: 20px solid #f7f7f7;
}
/*active RED*/
#gradeC.active .octagon {
    background: #a40000;
}
#gradeC.active .octagon:before {
    border-bottom: 20px solid #a40000;
}
#gradeC.active .octagon:after {
    border-top: 20px solid #a40000;
}
#gradeC.active {
    color: #a40000;
}
/*active BLUE*/
#gradeL.active .octagon {
    background: #0061bd;
}
#gradeL.active .octagon:before {
    border-bottom: 22px solid #0061bd;
}
#gradeL.active .octagon:after {
    border-top: 22px solid #0061bd;
}
#gradeL.active {
    color: #0061bd;
}
/*active BLACK*/
#gradeU.active .octagon {
    background: black;
}
#gradeU.active .octagon:before {
    border-bottom: 22px solid black;
}
#gradeU.active .octagon:after {
    border-top: 22px solid black;
}
#gradeU.active {
    color: black;
}
*, :after, :before {
    box-sizing: border-box;
}
 .gage{background-size: 35px 35px; background-color: #0061bd;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px; left: 0; position: absolute;
    width: 56%;
}


.m_grade b.gradeC {
    color: #a40000;
}
.m_grade b.gradeL {
    color: #0061bd;
}
.m_grade b.gradeU {
    color: #000;
}

.myzoneBox li:first-child span {
    background: #fff;
    padding: 0px 3px 1px;
    border-radius: 3px;
    font-weight: normal;
	color: #8bc53f;
}
span.gradeC {
	color: #a40000 !important;
}
span.gradeL {
	color: #0061bd !important;
}
span.gradeU {
	color: #000 !important;
}