@import url('common.css');
@import url('border.css');
/*공통*/
body {
    height:100% !important;
}
html {
  height:100% !important;
  background-color: #f9f9f9;
}
#page{
      height: 100%  !important;
      position: relative;
}
#container{
    padding-bottom: 20px;
}
.blind {
overflow: hidden;
position: absolute;
top: -100px;
left: -100px;
width: 1px;
height: 1px;
line-height: 0;
text-indent: -10000px;
}
.mgt30 {margin-top: 30px !important;}
/* @group h
 * eaderbar */
.toolbar {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 2px solid #4a4a4a;
    border-bottom: 2px solid #b7bac0;
    padding-top: 10px;
    height: 90px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF));
}
.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 48%;
    top: 25px;
    line-height: 1em;
    margin: 1px 0 0 -120px;
    height: 55px;
    font-size: 45px;
    width: 270px;
    font-weight: bold;
    text-shadow: rgba(200,200,200,1) 0 -1px 1px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.toolbar > h2 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 25px;
    line-height: 1em;
    margin: 1px 0 0 -120px;
    height: 55px;
    font-size: 36px;
    width: 250px;
    font-weight: bold;
    text-shadow: rgba(200,200,200,1) 0 -1px 1px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #004d41;
}
.toolbar >.btnHome{
    width: 64px;
    height: 61px;
   right:12px;
    top:10px;
    display: inline-block;
    position:absolute;
    background: url(../images/btnTop_home.png) no-repeat;
}
.toolbar >.btnMnTop{
    width: 64px;
    height: 61px;
    margin-left:12px;
    display: inline-block;
    background: url(../images/btnMnTop.png) no-repeat;
}
.toolbar >.btnBack{
    width: 64px;
    height: 61px;
    margin-left:12px;
    display: inline-block;
    background: url(../images/btnTop_Back.png) no-repeat;
}
.toolbar >.btnList{
    width: 64px;
    height: 61px;
   right:12px;
    top:10px;
    display: inline-block;
    position:absolute;
    background: url(../images/btnTop_List.png) no-repeat;
}
.btnShare{
    width: 60px;
    height: 45px;
    margin-left:6px;
    display: inline-block;
    background: url(../images/btn_share.png) no-repeat;
    background-size: 50px 38px;
}
body.landscape .toolbar > h1, .landscape .toolbar > h2 {
    margin-left: -250px;
    width: 500px;
}

/* 쿠폰 리스트 */
.btnMore{
    margin: 20px 8px 30px 8px;
    padding: 13px 5px !important;
    text-align: center;
    border-radius: 0 !important;
}
.btnMore em{
    font-size: 22px;
}
.blank{
    color:#cd4237;
    background-color: #e7e5e0;
border-radius: 2px;
height: 140px;
width: 98%;
margin: 5px auto;
padding: 35px 30px 20px 20px;
vertical-align: middle;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.attention{
     border:2px solid #e7e5e0;
     font-size: 22px;
     font-weight:bold;
     color: #616161;font-size: 26px;
    
}

/* 쿠폰 리스트 -전체 탭 */
.toolbar h3{
    width: 400px;
    position: absolute;
overflow: hidden;
left: 50%;
top: 10px;
line-height: 50px;
margin: 1px 0 0 -186px;
font-size: 30px;
font-weight: bold;
text-shadow: rgba(200,200,200,1) 0 -1px 1px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
color: #004d41;

}
.toolbar h3 a.btnTopTab{
    display:inline-block;
    background-color: #fff;
    border:3px solid #005956;
     width: 200px;
     height:60px;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.toolbar h3 a.btnTopTab:active, .toolbar h3 a.On{
    background-color: #005956;
    color: #fff;
    text-shadow: none;
}
.toolbar h3 a.topTabL{
    border-bottom-left-radius: 6px;
     border-top-left-radius: 6px;
}
.toolbar h3 a.topTabR{
    border-bottom-right-radius: 6px;
     border-top-right-radius: 6px;
}

/* 쿠폰 리스트 -탭 */
#couponList .tabCouponList{
    position: relative;
    overflow: hidden;
}
#couponList .tabCouponList li{
    color:#797979;
    width: 33%;
    height:80px;
    float: left;
    background-color:#e7e5e0;
    border-right: 2px solid #fff;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
    text-align: center;
}
#couponList .tabCouponList li.nav03{
   border-right: 0px solid #fff;
   width: 34%;
}
#couponList .tabCouponList li a{
    height:80px;
    text-align: center;
    line-height: 80px;/*행간*/
}
#couponList ul li.nav01 a.nav01_On, #couponList ul li.nav01 a:active{
    color:#fff;
    background-color:#005956;
    font-weight: bold;
}
#couponList ul li.nav02 a.nav02_On, #couponList ul li.nav02 a:active{
    color:#fff;
    background-color:#ec9922;
    font-weight: bold;
}
#couponList ul li.nav03 a.nav03_On, #couponList ul li.nav03 a:active{
    color:#fff;
    background-color:#9bba3c;
    font-weight: bold;
}

#couponList ul li a span.icon_tab{
      display: inline-block;
       width: 140px;
      height: 80px;
      background: url(../images/icon_coupon_tab.png) no-repeat;
}
#couponList ul li a span.icon_tab_01 { background-position: 0px 0px;}
#couponList ul li a span.icon_tab_02 { background-position: 0px -80px;}
#couponList ul li a span.icon_tab_03 { background-position:0px -160px}
#couponList ul li a.nav01_On span.icon_tab_01, #couponList ul li.nav01 a:active span.icon_tab_01{ background-position: -140px -0px;}
#couponList ul li a.nav02_On span.icon_tab_02, #couponList ul li.nav02 a:active span.icon_tab_02{ background-position: -140px  -80px;}
#couponList ul li a.nav03_On span.icon_tab_03, #couponList ul li.nav03 a:active span.icon_tab_03{ background-position: -140px -160px;}

#couponList>p {
color:#fff;
font-size:28px;
/*font-weight:bold;*/
 background-color: #a7a9ac;
border-radius: 2px;
height: 80px;
width: 98%;
margin: 5px auto;
padding: 5px 10px 5px 20px;
vertical-align: middle;
line-height: 70px;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#couponList>p select{
    color:#6d6d6d;
    font-size:24px;
    width: 250px;
border: 2px solid #d3d3d3;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
border-radius:5px;
background-color: #dadada;
background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #ffffff 50%,
        #d6d6d6);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),
        color-stop(0.50, #ffffff),
        to(#d6d6d6));
float:right;
margin-top: 5px;
height: 60px;
padding: 0 10px;
}


 /* 쿠폰 리스트 -리스트 */
#couponList .couponListContain a{
   /* background-color: #e7e5e0; */
border-radius: 2px;
height: 140px;
width: 98%;
margin: 5px auto;
padding:20px 30px 20px 20px;
vertical-align: middle;
line-height: 160px;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
-webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
}
#couponList .couponListContain a:active{/*이부분 수정함*/
    background-color: #d4c6a2;
}
#couponList .couponListContain div{
    display:inline-block;
    float:left;
}
#couponList .couponListContain .thumbNailIcon{
    height: 100px;
width: 100px;
position: relative;
}
#couponList .couponListContain .thumbNailIcon span{
    position: absolute;
    top:0;
    left: 0;
}
#couponList .couponListContain .iconList{
   float: right;
top: 18px;
right: 0;
margin-right: 20px;
position: absolute;
/* vertical-align: middle; */
height: 76px;
}
#couponList .couponListContain .couponTxtTitle{
    width: 70%;
    height: 50px;
    position: relative;
    margin: 4px 8px;
}
.MBlogo{
width: 120px;
height: 38px;
text-align: center;
overflow: hidden;
display: inline-block;
top: 0;
float: left;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-weight: bold;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
font-size: 22px;
line-height: 38px;
letter-spacing: -2px;
}
.Cnavy{
    color: #black;
border: 2px solid #001450;
}
.listdateTerm{
    color: #616161;
line-height: 50px;
width: 60%;
    top: 0;
float: left;
margin-left: 5px;
font-size: 24px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
/*text-overflow: ellipsis;*/
letter-spacing: -1px;
}
.listTxtTitle{
    font-size:34px;
    font-weight:bold;
   height: 50px;
float: left;
line-height: 35px;
margin: 4px 10px;
bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width:70%;
}
/*쿠폰 상세페이지*/
.soldOut{
    position:absolute;
    z-index: 666;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.6);
    text-align: center;
    vertical-align:middle;
   
}
.soldOut img{
     margin-top:10px;
}
 .couponViewContain{
    background-color: #e7e8e8;
height: 140px;
width: 100%;
padding:20px 30px 20px 20px;
vertical-align: middle;
line-height: 160px;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
}
.couponViewContain div {
display: inline-block;
float: left;

}
 .couponViewContain  .listdateTerm{font-size: 22px;  font-weight:bold; }
.couponViewContain .listTxtTitle{
    font-size: 30px;
    color:#001450;
    margin: 15px 20px 0px 20px;
    font-weight:bold;
    height: 40px;
}
.couponViewContain .thumbNailIcon {
height: 100px;
width: 100px;
}
.couponViewContain .couponTxtTitle {
width: 70%;
height: 50px;
position: relative;
margin: 0px 15px;
}
.couponViewContain .iconBtn1 {
float: right;
right: 20px;
top:18px;
position: absolute;
height: 100px;
width: 110px;
}
h4 {
    color: #022450;
    font-size: 24px;
    font-weight:bold;
    border-top: 3px solid #5f6061;
    border-bottom:2px solid #a7a9ac;
    padding: 6px 0 6px 36px;
    
    background: url(../images/icon_veiwH4.png) no-repeat;
    background-size: 33px auto;
   background-color:#fff;
}
h4.couponVeiw_T1{ background-position:0 4px;}
h4.couponVeiw_T2{ background-position:0 -33px;}
h4.couponVeiw_T3{ background-position:0 -72px;}
.btnL{width: 49%;float: left;padding: 18px 0;text-align: center;font-weight: bold}
.btnR{width: 49%;float: right;left;padding: 18px 0;text-align: center;font-weight: bold}

.couponVeiw_iconBg{
    display: block;
margin: 0 auto;
padding: 0px 0 0px 30px;
width: 140px;
height:38px;
background: url(../images/icon_veiwBt.png) no-repeat;
background-size: 38px auto;
}
button .btnBg1{ background-position:0 0;}
button .btnBg2{ background-position:0 -38px;}
button .btnBg3{ background-position:0 -76px;}
button .btnBg4{ background-position:0 -114px;padding: 0px 0 0px 40px;}
.couponVeiwNum{
    width:100%
     color: #2b2c2d;
    margin:10px;
    background-color: #ec9922;
    font-size: 32px;
    border-radius:4px;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 15px;
text-align: center;
}
.stampVeiwNum{
    width:100%
     color: #022450;
    margin:10px;
    background-color: #e7e8e8;
    font-size: 32px;
    border-radius:4px;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 15px;
text-align: center;
}
.couponVeiwImg{
    width: 100%;
    height: auto;
    /*margin-bottom: 15px;*/
     margin:10px 15px 20px 15px;
     font-size: 22px;
     color: #2b2c2d;
}
.couponVeiwImg > img{
    width: 100%;
}
.couponVeiw_details{
    margin:10px 15px 20px 15px;
     font-size: 22px;
     color: #2b2c2d;
}
.couponVeiw_details li{
     font-size: 22px;
}
.couponVeiw_btns{
    padding:20px 50px 50px 50px;
    text-align: center;
    height: 70px;
    border-top: 2px solid #a7a9ac;
    background-color: #fff;
}
.CV_btn1{

}
/* 팝업*/
.popUp{
    z-index:99999;
     top: 50%;
    /*left: 50%; by sksk */
    left: 40%;
    position: fixed;
    background-color: #fff;
    /*border: 3px solid #8f8f8f; by sksk */
    border: 2px solid #e0e3e4;
    /*border-radius:2px; by sksk */
    border-radius: 10px;
    width: 600px;

}
.popup_save {
    margin-left: -200px;
    margin-top: -160px;
    min-height: 200px;
    /*width: 400px; by sksk*/
    width: 600px;
    display: block;
}

.popup_staff {
    /*margin-left: -300px; by sksk */
    margin-left: -230px;
    margin-top: -150px;
    min-height: 350px;
    display: block;
}
.popup_address {
     z-index:99999;
     top: 0;
    left: 0;
    bottom:0;
    position: absolute;
    background-color: #fff;
    border: 3px solid #8f8f8f;
    width: 100%;
    min-height: 350px;
    display: block;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
  
}
.popup_address .zpc{
    padding: 10px 20px;
}
.popup_address .zpc2{
    height: 50px;
    border-bottom: 1px solid #6f6f6f;
}
.popup_address .zpc2 label{
   display:inline;
   float: left;
   line-height: 60px;
}
.popup_address .zpc2>div{
    display:inline;
     float:right;
}
.popup_address legend{
    color: #2b2c2d;
width: 100%;
background-color: #e7e5e0;
padding: 3px 20px;
height: 70px;
line-height: 70px;
display: block;
border-bottom: 1px solid #6f6f6f;
overflow: hidden;
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
box-sizing:border-box;

}
.popup_address fieldset>div{

}
.popup_address table{
    margin: 15px 0 10px 0;
border: 1px solid #CCCCCC;
border-spacing: 2px;
border-color: gray;
border-collapse: collapse;
}
.popup_address tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.popup_address table tr th {
height: 50px;
line-height:50px;
text-align: center;
background: #999;
font-weight: bold;
color: #FFF;
border: 1px solid #CCCCCC;
}
.popup_address table tr td {
height: 70px;
line-height: 60px;
color: #666;
background: #FFF;
border: 1px solid #CCCCCC;
}
.popHeader {
    height: 74px;
    line-height: 74px;
    /*border-bottom: 3px solid #8f8f8f; by sksk */
    border-bottom: 2px solid #e0e3e4;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    
}
.popOlive{
    background-color: #9bba3c;
    color: #fff;
}
.popRed{
    /*background-color: #cd4237; by sksk */
    background-color: #65a510;
    color: #fff;
}
.popTitle{
    width:85%;
    line-height: 74px;
    font-size: 32px;
    text-align: center;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.popHeader .popupX{
    position: absolute;
    float:right;
     top: 10px;
    right: 10px;
    background-color: transparent;
    border: 0;
}
.popBody{
    padding: 40px 30px;
    text-align: center;
    overflow: hidden;
}
.popBody input.popField{
    border: 1px solid #bfbfbf;
    background-color: #e9e9e9;
    padding: 8px 4px;
    border-radius:6px;
    width: 100%;
    height:60px;
    font-size: 28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}
.popup_btns{
    padding: 20px 0;
    height: 60px;
}
.popup_btns2{
    padding: 20px;
    height: 60px;
    text-align: center;
}
.popup_btns .btnL, .popup_btns .btnR{
    text-align: center;
    font-size: 28px;
}
div.txtInfo {
    border: 2px solid #adafb2;
    border-radius:4px;
    color: #cd4237;
    min-height: 40px;
    margin: 20px 30px 0 30px;
    padding: 10px;
}

/*스탬프상세페이지*/
.stampInfo{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.stampInfo li{
    color:#797979;
    width: 33%;
    height:80px;
    float: left;
    background-color:#9bba3c;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
    text-align: center;
}
.stampInfo li .InfoIcon_bg{
      width:70px;
    height: 50px;
    line-height:50px;
    display:inline-block;
   padding-left: 50px;
   background:url(../images/stamp_icon.png) no-repeat;
    background-size: 50px auto;
}
.stampInfo li .InfoIcon1{background-position:0 0;}
.stampInfo li .InfoIcon2{background-position:0 -50px;}
.stampInfo li .InfoIcon3{background-position:0 -100px;}
.stampInfo li.Info01{
    border-right: 2px solid #fff;
}

.stampInfo li.Info03{
   border-left: 2px solid #fff;
   width: 34%;
   position: relative;
}
.stampInfo .arrowS{
    width: 34px;
    height: 30px;
   right:5px;
    top:50px;
    display: inline-block;
    position:absolute;
    background: url(../images/arrowS.png) no-repeat;
}
.popBody ul{text-align: left; margin: 0  10px  20px 10px; text-align: left;}
.stampInfo li{
    height:80px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    color: #fff;
}
li.InfoOn{
    border: solid 1px #538312;
background: #64991e;
height: 76px;
box-shadow: 0 4px 0 #34451D;
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
li.InfoOn:active{
    border: solid 1px #538312;
background: #64991e;
height: 80px;
box-shadow: 0 1px 0 #34451D;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.stampInfo li a{ display: block }
.popBody li{ margin:8px;}
.popBody li label{
    font-size:24px;
    font-weight:bold;
   
}
table.history tr:nth-child(odd) {
    background-color: #e7e5e0;
}
table.history tr:nth-child(even) {
    background-color: #e1d9c5;
}
/*스탬프상세페이지 끝*/

.tableWrap {
    padding: 20px 10px;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
   
}
.tableWrap table{
    border: 2px solid #004d43;
    border-radius:8px;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   box-sizing:border-box;
   padding: 20px 25px;;
}
.tableWrap table td{
    width: 20%;
    height:110px;
    text-align: center;
    vertical-align: middle;
}
.tableWrap table td span{
    width:110px;
    height:110px;
    display: block;
    background:url(../images/stamp_bgIcon.png) no-repeat;
    background-size: 110px auto;
     margin: 5px auto;
}
.tableWrap table td span.stamp_01{background-position:0 0;}
.tableWrap table td span.stamp_02{background-position:0 -110px;}
.tableWrap table td span.stamp_03{background-position:0 -220px;}
.tableWrap table td span.stamp_04{background-position:0 -330px;}
.tableWrap table td span.stamp_05{background-position:0 -440px;}
.tableWrap table td span.stamp_06{background-position:0 -550px;}
.tableWrap table td span.stamp_07{background-position:0 -660px;}
.tableWrap table td span.stamp_08{background-position:0 -770px;}
.tableWrap table td span.stamp_09{background-position:0 -880px;}
.tableWrap table td span.stamp_10{background-position:0 -990px;}
.tableWrap table td span.stamp_11{background-position:0 -1100px;}
.tableWrap table td span.stamp_12{background-position:0 -1210px;}
.tableWrap table td span.stamp_13{background-position:0 -1320px;}
.tableWrap table td span.stamp_14{background-position:0 -1430px;}
.tableWrap table td span.stamp_15{background-position:0 -1540px;}
.tableWrap table td span.stamp_16{background-position:0 -1650px;}
.tableWrap table td span.stamp_17{background-position:0 -1760px;}
.tableWrap table td span.stamp_18{background-position:0 -1870px;}
.tableWrap table td span.stamp_19{background-position:0 -1980px;}
.tableWrap table td span.stamp_20{background-position:0 -2090px;}
.tableWrap table td span.stamp_21{background-position:0 -2200px;}
.tableWrap table td span.stamp_22{background-position:0 -2310px;}
.tableWrap table td span.stamp_23{background-position:0 -2420px;}
.tableWrap table td span.stamp_24{background-position:0 -2530px;}
.tableWrap table td span.stamp_25{background-position:0 -2640px;}
.tableWrap table td span.stamp_26{background-position:0 -2750px;}
.tableWrap table td span.stamp_27{background-position:0 -2860px;}
.tableWrap table td span.stamp_28{background-position:0 -2970px;}
.tableWrap table td span.stamp_29{background-position:0 -3080px;}
.tableWrap table td span.stamp_30{background-position:0 -3190px;}

.tableWrap table td span.stamp_gift{background-position:0 -3300px;}
.tableWrap table td span.stamp_disabled{background-position:0 -3410px;}
/*메인 페이지 바디*/

#mainContent .mainContent1 .mainImgBanner{
    position: relative;
   height: 410px;
width: 640px;
margin: 0 auto;
overflow: hidden;
}
#mainContent .imgBanner {
    overflow:hidden;
}
#mainContent .imgBanner li{
    position:absolute; left:0; top:0;  width:640px; height:480px;
}
#mainContent .imgBanner  li img{width:100%; height:100%;}
#mainContent .mainImgBanner .slideImgPagination{
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 12px;
    text-align:center;
    z-index: 777;
    
}
#mainContent .slideImgPagination li{
     display: inline-block;
}
#mainContent .slideImgPagination a{
    width: 12px;
    height: 12px;
    margin-left:6px;
     background: url(../images/slidePagination.png) no-repeat;
}
#mainContent .slideImgPagination .paginationOn{
    background-position:0 -12px;
}
.bx-wrapper .bx-viewport{
    -webkit-box-shadow: 0 0 0px #ccc;
box-shadow: 0 0 0px #ccc;
 border: 0px solid #fff;
left: 0px;
}
.bx-wrapper .bx-pager{
    bottom: 0;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    text-align: center;
    width: 100%;
}
.bx-controls-auto{
    display: none;
}
.slideNavi{
    width: 27px;
    height: 27px;
     position: absolute;
     top:200px;
     left: 50%;
    background-color: red;
    z-index: 777;
    background: url(../images/bg_direction_nav.png) no-repeat;
}
.slidePrevious{
     margin-left:-300px;
}
.slideNext{
     margin-left:270px;
     background-position:-30px 0px;;
}
#mainContent .mainContent2{
     position: absolute;
     width: 100%;
    height: 70px;
    overflow: hidden;
    margin: 8px 0px 0px 0px;
    text-align: center;
}
#mainContent .mainTxtBanner{
    height: 70px;
    border-radius: 8px;
    text-align:left;
    line-height:45px;
    padding: 13px;
    margin: 0px 10px 0px 10px;
    background-color: #d1cfcc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 68px;
    overflow: hidden;
position: relative;
}
#mainContent .mainTxtBanner>ul>li{
   margin: 0px;
padding: 14px 10px;
height: 45px;
line-height:45px;
}
}
#mainContent .bannerTxt{
    margin-left:8px;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
#mainContent .mainContent2  .bannerStop{
    height: 45px;
    width: 45px;
    margin-right:0px;
     background: url('../images/slideTxtStop.png') no-repeat;
     background-size:45px 45px;
     float: right;
    display: inline-block;
}
#mainContent .mainContent2 .bannerPlay{
     height: 45px;
    width: 45px;
    margin-right:0px;
    background: url('../images/slideTxtPlay.png') no-repeat;
     background-size:45px 45px;
      float: right;
    display: inline-block;
}
#mainContent .mainContent3{
     position: absolute;
     width: 100%;
    height: 410px;
    margin: 78px 0px 0px 0px;
    text-align: center;
}
#mainContent .mainBtns{
   height: 390px;
   text-align: center;
   padding: 8px;
}
#mainContent .mainBtns li{
    width:50%;
    height:200px;
    display:inline-block;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#mainContent .mainBtns .mainBtn{
    width:98%;
    height:194px;
    position: relative;
    border-radius:8px;
    display:inline-block;
    padding:16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
#mainContent .mainBtns .btnRv{
    color:#fff;
    background-color: #004d43;
}
#mainContent .mainBtns .btnRvNow, #mainContent .mainBtns .btnCoupon{
    color:#004d43;
    background-color: #fff;
    border: 3px solid #004d43;
}
#mainContent .mainBtns .btnNoti{
    color:#004d43;
    background-color: #d1cfcc;
    border: 3px solid #004d43;
}
#mainContent .mainContent3  a > span:nth-child(1){
    font-weight:bold;
    font-size: 35px;
    display:block;
}
#mainContent .mainContent3  a > span:nth-child(2){
    font-size: 22px;
   color:#65666b;
    display:block;
    font-weight:bold;
}
#mainContent .mainContent3  a > span:nth-child(3){
    display:block;
    right:16px;
    bottom: 16px;
    position: absolute;
}
#mainContent .mainBtns img{
    width: 80px;
    height: 80px;
}

#page .popOnBg{
 /* display: none; */
    position: fixed;
z-index: 8888;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,.6);
}

/* 슬라이드 메뉴*/

#Mn_Slade{
    z-index:99999999;
    left: 0px;
    top: 0px;
    bottom:0;
    margin:0;
      display: block;
    position: fixed;
    overflow: hidden;
   min-height: 100%;
   height:auto !important;
    width:550px;
    background-color: #fff;
    -webkit-transition: none 0s ease-out;
    transition: none 0s ease-out;
    -webkit-transform: translateZ(0px) translateX(0px) translateY(0px);
    -webkit-box-shadow: rgba(0,0,0,.8) 1px 3px 10px;
}
#Mn_Slade .MnHeader{
    height:92px;
    color:#fff;
    background-color: #005956;
    line-height:92px;
}
#Mn_Slade .MbName{
    padding: 0 30px;
    font-size:32px;
}
#Mn_Slade .LogoutOn{
    margin-top:20px;
    float: right;
    height:52px;
    width:80px;
    
}
#Mn_Slade .LogoutOn .BtnLogin{
    background: url(../images/icon_log.png)  top left  no-repeat;
}
#Mn_Slade .LogoutOn .BtnLogout{
     background: url(../images/icon_log.png)  top left  no-repeat;
  background-position:-80px 0;
}
#Mn_Slade .LogoutOn a{
    display: inline-block;
    height: 52px;
width: 80px;
float: right;
}
#Mn_Slade .BtnX a{
     display: inline-block;
     height: 52px;
width: 52px;
}
#Mn_Slade  .loginOn{
    margin-top:20px;
    float: right;
    height:52px;
    width:80px;
   
}
#Mn_Slade .BtnX{
    float: right;
     height:52px;
    width:52px;
     background: url(../images/icon_slademn.png) no-repeat;
  margin: 20px 20px 20px 10px;
}
#Mn_Slade .BtnX:active{
background-position: -52px 0;
}
.MnHeader div{
     display:inline-block;
    float:left;
}
#Mn_Slade .MnQuick{height: 116px;border-bottom: 2px solid #a1a09c;}
#Mn_Slade .MnQuick li a{
    float:left;
    display: inline-block;
    line-height:116px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height:116px;
    width:25%;
    text-align:center;
    background-color: #e7e5e0;
    border-top: 2px solid #f3f2f0;
    border-left: 2px solid #f3f2f0;
    border-right: 2px solid #a1a09c;
    position: relative;
}
#Mn_Slade .MnQuick li  a:active{
    background-color:#c9c1ad;
}
#Mn_Slade .Menu .MnQuick  li:nth-child(4) > a {
border-right: 0px solid #a1a09c;
}
#Mn_Slade .MnQuick li .alramNum{
    color: #fff;
font-size: 18px;
position: absolute;
top: 16px;
left: 50%;
width: auto;
min-width: 28px;
height: 28px;
padding: 2px;
line-height: 29px;
border: 3px solid #e7e5e0;
border-radius: 50px;
background-color: #005956;
display: none;
}
#Mn_Slade .btnQuick {
    display: inline-block;
    height:52px;
    width:52px;
     background: url(../images/icon_slademn.png) no-repeat;
  margin-top: 30px;
}
#Mn_Slade .MnQuick .Quick1 { background-position: 0 -52px;}
#Mn_Slade .MnQuick .Quick2 { background-position: 0 -104px}
 #Mn_Slade .MnQuick .Quick3 { background-position:0 -156px}
#Mn_Slade .MnQuick .Quick4 { background-position:0 -208px}


#Mn_Slade .MnList li {
    float:left;
    display: block;
     height: 100px;
     width:100%;
     position: relative;
line-height: 52px;
border-top: 2px solid #f3f2f0;
    border-bottom: 2px solid #a1a09c;
}

#Mn_Slade .MnList li a{
    color:#005956;
     float:left;
      display: block;
      line-height:100px;
    height: 100px;
        width:100%;
    background-color: #fff;
    
}

#Mn_Slade .MnList li .btnIcon{
    position:absolute;
    top: 23px;
    left:30px;
    height:52px;
    width:52px;
     background: url(../images/icon_slademn.png) no-repeat;
}
#Mn_Slade .MnList li .slideMnTxt{
    margin-left:100px;
}
#Mn_Slade .MnList li a:active{
    font-weight:bold;
    background: url(../images/slademn_listbg.png) no-repeat;
    background-color:#e7e5e0;
}
#Mn_Slade .MnList li .btnIcon1{ background-position:0 -260px}
#Mn_Slade .MnList li .btnIcon2{ background-position: -0px -312px;}
#Mn_Slade .MnList li .btnIcon3{ background-position: -0px -364px;}
#Mn_Slade .MnList li .btnIcon4{ background-position: -0px -416px;}
#Mn_Slade .MnList li .btnIcon5{ background-position: -0px -468px;}
#Mn_Slade .MnList li .btnIcon6{ background-position: -0px -520px;}
#Mn_Slade .MnList li .btnIcon7{ background-position: -0px -572px;}

/*카피*/
footer{
  margin: 0px;
  width: 100%;
}
footer.copyFoot{
    margin:  0px;
  width: 100%;
}
footer.mainFoot{
   margin: 490px 0px 0px 0px;
  width: 100%;
}

/*설정 set */
.setTing article ul{
margin: 0;
padding: 4px 8px;
border-bottom: 2px solid #C6C6C6;
background: #FFF;
letter-spacing: -1px;
font-size: 30px;
width: 100%;
-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
box-sizing: border-box;
}
.setTing article ul li{
    color: #585858;
    background-color: #e6e1db;
padding: 13px 15px 14px 80px;
margin: 8px auto;
width: 100%;
border-radius: 6px;
box-sizing: border-box;
background-image: url(../images/arrow_circle.png);
background-size: 68px 60px;
background-repeat: no-repeat;
background-position: right center;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
line-height: 50px;
font-weight: bold;
position: relative;
}
.setTing article ul li a{
    display: block;
}
.setTing article ul li:active{
    background-color: #d4c6a2;
}
li span.setIcon {
position: absolute;
top: 14px;
left: 20px;
height: 52px;
width: 52px;
background: url(../images/icon_setList.png) no-repeat;

}
li span.setIcon.setIcon1{ background-position: 0 0;}
li span.setIcon.setIcon2{ background-position: 0 -52px;}
li span.setIcon.setIcon3 { background-position: 0 -104px}
li span.setIcon.setIcon4 { background-position:0 -156px}
li span.setIcon.setIcon5 { background-position:0 -208px}
li span.setIcon.setIcon6 { background-position:0 -260px}
li span.setIcon.setIcon7 { background-position:0 -312px}
li span.setIcon.setIcon8 { background-position:0 -364px}

.setID li{
    text-align: center;
    margin:40px 20px;
  /*  height:200px;*/
}
.setID div.borderBox{
    font-size: 30px;
    margin: 24px;
    line-height: 54px;
    text-align: center;
    -webkit-border-radius: 8px;
    padding: 35px;
    border: 3px solid #CDCDCD;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e5e0), to(#e7e5e0));
}
.setID div.btnGrp{
    width: 100%;
    margin: 10px 0 0 0;
}
div.btnGrp a.setBtnL, div.btnGrp a.setBtnR{
    width: 234px;
padding: 8px 0;
text-align: center;
font-weight: bold;
margin: 20px auto;
display: inline-block;
}
 .TLogTop{
      font-size:28px;
       color: #3F3A3A;
       margin-bottom: 30px;
display: block;
line-height: 40px;
    }
.setOut li{
    text-align: center;
    margin:40px 20px;
   
}

table.tb_Res_ok, table.TB_Mem {
    margin-top:30px;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
border-spacing: 8px;

}
table caption {
display: none;
}
table{
 border-collapse: collapse;
}

table.tb_Res_ok tr, table.TB_Mem tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.tb_Res_ok tr th,.TB_Mem tr th {
    color:#fff;
height: 90px;
line-height: 90px;
text-align: center;
background: #9bba3c;
border-bottom: 2px solid #666;
border-right: 4px solid #666;
padding-left: 5px;
}
.tb_Res_ok tr th{

}
.TB_Mem tr th {text-align: left;}
.tb_Res_ok tr td,table.TB_Mem tr td {
    line-height: 40px;
    border-bottom: 2px solid #666;
border-left: 2px solid #666;
padding: 2px 10px;
background-color: #fff;
}

.setPush ul {
color: #585858;
background-color: #e6e1db;
margin: 8px auto;
width: 90%;
border-radius: 10px;
box-sizing: border-box;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
border:3px solid #b7bac0;
font-weight: bold;
position: relative;}
.setPush ul li{
    line-height: 70px;
    border-bottom:2px solid #b7bac0;
    padding: 13px 30px 14px 30px;
}
.setPush ul li> span{
 float: right;
 
}
/* 리뉴얼전 기존 소스*/

/* Main Body background */
#mainBg {
    width: 100%;
    min-height: 1380px;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#15274e), to(#15274e), color-stop(.6,#15274e));*/ /* Navy Color */
    background: #003E36; /* Green Color */
}

/* Main Header */
#MainHeader {
    position: relative;
    overflow: hidden;
    width: 100%;
    /*height: 140px; /* before : 175px */
    height: 130px;
}
    #MainHeader ul {
        margin:0;
        border:0;
        padding-top: 30px;
    }
    #MainHeader ul li {
        padding: 0;
    }
    #MainHeader .logo, #MainHeader .logo2  {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        top: 30px; /* before : 57px; */
        width: 201px;
        height: 72px;
        background: url(../images/logo.png) no-repeat;
    }

    #MainHeader .logo2 { background: url(../images/logo2.png) no-repeat;}
/* end */

/* Main Menu1 */
#mainMenu1 {
    position: relative;
    overflow:hidden;
    margin:0 auto;
    height: 548px;  /*기본 : 536px  */
    width: 533px; /* before: 540px */
    padding: 0;
}
    #mainMenu1 .menu00 { position:absolute; top: 0; left: 8px; }      /* before: top: 0; left: 0 */
    #mainMenu1 .menu01 { position:absolute; top: 0; left: 366px; }     /* before: top: 6; left:366px; */
    #mainMenu1 .menu02 { position:absolute; top: 179px; left: 366px; } /* before: top: 185px; left:366px; */
    #mainMenu1 .menu03 { position:absolute; top: 357px; left: 8px; }   /* before: top: 364px; left:5px; */
    #mainMenu1 .menu04 { position:absolute; top: 357px; left: 187px; } /* before: top: 364px; left:186px; */
    #mainMenu1 .menu05 { position:absolute; top: 357px; left: 366px; } /* before: top: 364px; left:366px; */
    
    #mainMenu1 .boxSize01 { width:346px; height:346px; } /* before : width:358px; height:356px;*/
    #mainMenu1 .boxSize02 { width:172px; height:171px; }

/* End */

/* Main Menu2 */
#mainMenu2 {
    position: relative;
    overflow: hidden;
    margin:0 auto;
    width: 540px;
    padding: 0;
}
#mainMenu2 .golfmenu { overflow: hidden; }
#mainMenu2 .golfmenu a { display: inline; width: 100%; }
#mainMenu2 .golfmenu a .Lbt { display: inline; float: left; padding: 0 0 0 10px;}
#mainMenu2 .golfmenu a .Rbt { display: inline; float: right; padding: 0 10px 0 0;}

#mainMenu2 .menubox {
    overflow: hidden;
    margin: 0 auto 10px auto;
    width: 514px;
    height: 95px;
    border: 2px solid #002714;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b385c), to(#101934));*/ /* Navy Color */
    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#002714), to(#7e9d95)); /* Green Color */
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    padding-top: 15px;
}
#mainMenu2 .menubox a { display: inline; padding-top: 3%; }
.bt_Lbt { margin: 0 0 0 20px; }
.bt_Cbt { margin-left: 190px; }
.bt_Rbt { margin-left: 359px; }

#main_list_txt { overflow: hidden; border-top: 1px solid #D9D9D9;}
#main_list_txt li.b_none { background: #FFFFFF none; padding: 8px 15px 20px 15px; text-align: left; }
#main_list_txt li.b_none span { display: inline; height: 26px; line-height: 0; font-size: 0;}
/* End */

/* Board Scroll */
section .boradScroll { margin: 0 auto; width: 516px; }
section .boradScroll ul{ overflow: hidden; }
section .boradScroll li{ float: left; white-space: nowrap; width: ; }
section .boxScroll {
    position: relative;
    overflow: hidden;
    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#004038), to(#006c5e)); /* Green Color */
    border: 2px solid #017b6d;
    -webkit-border-radius: 10px;
    padding: 30px 15px 0 15px;
}
section .boxScrollTxt, section .boxScrollTxt2 { position: relative; overflow: hidden; height: 160px; text-align: left; }
section .boxScrollTxt li, section .boxScrollTxt2 li { width: 480px; float: left; font-size: 26px; line-height: 30px; color: #FFF; overflow: hidden; white-space: nowrap; font-size: 26px; }
section .boxScrollTxt a, section .boxScrollTxt2 a { font-size: 28px; color: #FFF; line-height: 30px; }
section .boxScrollTxt a:hover, section .boxScrollTxt2 a:hover { text-decoration: underline; }
section .boxScrollTxt h1, section .boxScrollTxt2 h1 { position: relative; overflow: hidden; display: inline-block; text-align: left; width: 308px; text-overflow: ellipsis; white-space: nowrap; font-size: 28px; }
section .boxScrollTxt span, section .boxScrollTxt2 span { position: relative; overflow: hidden; display:inline-block; text-align: right; width: 172px; text-overflow: ellipsis; white-space: nowrap; font-size: 26px; }
section .boxScrollTxt span.btn, section .boxScrollTxt2 span.btn { font-size: 24px; line-height: 24px; padding: 4px 0; width: 120px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-weight: bold; }

/* Address */
address{
    display:block;
    position:relative;
    overflow:hidden;
    width:100%;
}
/* Copyright */
address.copyright {
    padding:20px 0;
    text-align: center;
    font-size: 22px;
    color: #888;
    border-top: 2px solid #e5e5e5;
     letter-spacing: -1px;
    font-weight: bold;
}
address> a{
    color: #005956;
     font-size: 26px;
     font-weight: bold;
     margin: 0 4px;
}
address .copyTxt1 {
    color: #001450;
     font-size: 26px;
     font-weight: bold;
     
}
address .privTxt a {
    color:#fff;
    font-size: 20px;
    border-radius:5px;
    background-color: #3e3e3e;
    padding: 3px 6px;
    font-weight: bold;
    margin: 0 6px;
    }
    /* 개인정보처리방침 */
.copyright  p{
    margin:8px auto;
    text-align: center;
    font-size: 22px;
    color: #888;
    font-weight: bold;
    letter-spacing: -1px;
}
 
 /* 회원가입 */
ul.tapNavi2 {
    overflow: hidden;
    margin: 0 0 0 0;
}
ul.tapNavi2 li {
    overflow: hidden;
    float: left;
    height: 80px;
    line-height: 80px;
    text-align: center;
    white-space: nowrap;
    font-size: 32px;
    -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.tapNavi2 li.l12 {
    width: 12%;
     text-align: center;
      padding-left: 20px;
}
ul.tapNavi2 li.l32 {
    width: 32%;
     text-align: center;
}
ul.tapNavi2 li.on {
    line-height: 80px;
    background-color: #022450;
}
ul.tapNavi2 li>span {
    width: 50px;
    height: 38px;
}
ul.tapNavi2 li.arrOn {
    background: url(../images/join_tabBgOn.png) no-repeat;
    background-size: 28px 80px;
    background-position: left center;
}
ul.tapNavi2 li.arrOff {
    background: url(../images/join_tabBgOff.png) no-repeat;
    background-size: 28px 80px;
    background-position: right center;
}
ul.tapNavi2 li.arrTail {
    background-image: url(../images/join_tabBgOff.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#022450), to(#022450));
    background-size: 28px 80px;
    background-position: left center;
    background-repeat: no-repeat;
}
ul.tapNavi2 li.arr {
    background: url(../images/join_tabBg.png) no-repeat;
    background-size: 28px 80px;
    background-position: left center;
}
.Join_NumOk{
    color: #fff;
font-size: 28px;
display:block;
background-color: #a7a9ac;
border-radius: 2px;
height: 80px;
width: 96%;
margin:0 auto;
margin-top:20px;
padding: 5px 10px 5px 20px;
vertical-align: middle;
line-height: 70px;
-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
 /* 약관동의 */
ul.termsForm {
    color: #5f5f5f;
    margin:40px auto;
    width: 92%;
     font-weight:bold;
}
ul.address li {text-align: left; }
ul.termsForm span.TGreen{
    font-size: 26px;
}
ul.termsForm .btnPost{
   width:130px;
   text-align: center;
   display:inline-block;
   overflow: inherit;
}
.line1 .Text3{
width: 22%;
min-width: 41px;
margin:0 auto 10px;
}
.line2 .Text3{
    width: 90%;
min-width: 400px;
margin:0 auto 10px;
}
ul.termsForm a.TBrown{
    font-size: 22px;
    float: right;
     margin-top: 6px;
     letter-spacing: -2px;
     margin-right: 20px;
}

ul.termsForm div{
    color:#2b2c2d;
     width: 92%;
    background-color: #e7e5e0;
padding:3px 20px;
margin:10px 0;
height: 70px;
line-height: 70px;
display: inline-block;
border: 1px solid #6f6f6f;
overflow: hidden;
-webkit-box-shadow: inset 0px 2px 2px #fff;
-moz-box-shadow: inset 0px 2px 2px #fff;
box-shadow: inset 0px 2px 2px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
letter-spacing: -1px;
}
ul.termsForm div span{
    float: right;
}

ul.termsForm div span > label {
    font-size: 22px;
}
p.termsFormTxt {
    font-size:24px;
    background-color: #e7e5e0;
    width: 86%;
    margin: 20px auto;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.terms p{
    margin-bottom: 30px !important;
}
.contents1 span{
    -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
padding: 0px 40px 20px;
overflow: hidden;
display: block;
text-align: left;
font-size: 24px;
}



/* @end */

/* Sub Body background */
#page {
    width: 100%;
    min-height: 960px;
    /*min-height: 1380px;*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF), color-stop(.6,#FFF));
}

/* @group Toolbar */
.toolbar {
    position: relative;
    -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #b7bac0;
    padding-top: 10px;
    height: 86px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF));
   
}
.black-translucent .toolbar {
    margin-top: 20px;
}
.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    height: 55px;
    width: 300px;
    top: 25px;
    line-height: 1em;
    margin: 1px 0 0 -140px;
    font-size: 36px;
    font-weight: bold;
    text-shadow: rgba(200,200,200,1) 0 -1px 1px;
    text-align: center;
 
    white-space: nowrap;
    color: #004d41;
}


body.landscape .toolbar > h1, .landscape .toolbar > h2 {
    margin-left: -250px;
    width: 500px;
}
/*selcet 선택*/
 .selectClub{
     color:#fff;
    position: absolute;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    font-family: inherit;
    text-align: center;
    right: 15px;
    width: auto;
    letter-spacing: -1px;
    padding: 10px 40px 10px 10px;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a78c71), to(#a78c71));
     z-index:9999;
    top: 10px;
    -webkit-appearance: none;
    background: #a78c71 url(../images/box_arrowB.png)  134px 16px no-repeat;
    background-size: 20px 18px;
 }
/* buttom 2014.08.07 .buttonL 추가 */
.button, .button2, .button3, .buttonL {
    color:#fff;
    position: absolute;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    font-family: inherit;
    text-align: center;
    top: 17px;
    right: 15px;
    width: auto;
    letter-spacing: -1px;
    padding: 10px 15px 10px 15px;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border-width: 0 8px;
    -webkit-border-radius: 4px;
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a78c71), to(#a78c71));
}

.button2, .button3{
    z-index:9999;
    line-height: 40px;
    top: 16px;
    padding: 6px 10px;
    border-radius: 2px;
    
}
.button3 { top: 11px; }

/* 2014.08.07 .buttonL 추가 */
.buttonL { right: 150px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a99d), to(#00a99d)); }

.WGButton {
   /* overflow: hidden; text-shadow: 0 1px 1px rgba(0,0,0,.3);
    top: 8%;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CDCDCD));
    right: 6%;border:1px solid #E2E2E2;*/
    font-size: 32px;
    color: #333;
    font-weight: bold;
    text-align: center;
    width: 42%;
    margin: 10px;
    padding: 20px 15px 20px 15px;
    -webkit-border-radius: 2px;
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  
}

.BackButton {
    overflow: hidden;
    font-size: 30px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 1px #000;
    padding: 10px 18px 10px 18px;
    width: auto;
    min-height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #3f3f3f;
    -webkit-border-radius: 15px;
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0,0,0,.7) 1px 1px 3px;
    background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.5, rgb(96,96,96)),
    color-stop(0.5, rgb(51,51,51)),
    color-stop(1, rgb(0,0,0))
    );
}

.GrayButton {
    overflow: hidden;
    font-size: 30px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 1px #000;
    padding: 10px 18px 10px 18px;
    width: auto;
    min-height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #3f3f3f;
    -webkit-border-radius: 15px;
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0,0,0,.7) 1px 1px 3px;
    background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.5, rgb(98,98,98)),
    color-stop(0.5, rgb(60,60,60)),
    color-stop(1, rgb(98,98,98))
    );
}
/* golf Name button */
.bt_golf{
    position: absolute;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-weight: bold;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    font-size: 30px;
    line-height: 36px;
    margin-top: 5px;
    letter-spacing: -2px;
}

.bt_golf2{
    position: absolute;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -border-radius: 15px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-weight: bold;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    font-size: 30px;
    line-height: 36px;
    margin-top: 5px;
    letter-spacing: -2px;
}
.bt_golf3{
    position: relative;
    float: left;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-weight: bold;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    font-size: 26px;
    line-height: 36px;
    margin-top: 5px;
    letter-spacing: -2px;
}
.Cgreen{ color: #FFF; border: 2px solid #8bc53f; background-color: #8bc53f;}
.Csky{ color: #FFF; border: 2px solid #26a9e0; background-color: #26a9e0; }
.Cpink{ color: #FFF; border: 2px solid #d41c9d; background-color: #d41c9d; }
.Cviolet{ color: #FFF; border: 2px solid #90278e; background-color: #90278e; }
.Cdeepblue{ color: #FFF; border: 2px solid #2e3191; background-color: #2e3191; }
.Cnavy{ line-height:35px; color: black; border: 1px solid #001450; }
.Corange{ color: #FFF; border: 2px solid #f6921e; background-color: #f6921e; }
.Cwhite{ color: #333; border: 2px solid #c3c6cc; background: #FFF; }
.CGwhite{ color: #333; border: 2px solid #c3c6cc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dddfe3)); }
.CGwhite2{ color: #333; border: 2px solid #c3c6cc;
         background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.5, rgb(255,255,255)),
            color-stop(0.5, rgb(230,230,230)),
            color-stop(1, rgb(255,255,255))
            );
}

.BOrange{
    color: #fef4e9;
    border: solid 1px #da7c0c;
    border-radius:4px;
    background: #f78d1d;
    font-family: inherit;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.BOrange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.BOlive{
    color: #e8f0de;
border: solid 1px #538312;
border-radius:4px;
background-color: #64991e;
font-family: inherit;
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.BOlive:active{
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.BGray {
    color: #3F3A3A;
    z-index: 21;
    border: solid 1px #919191;
    border-radius: 4px;
    background: #CDCDCD;
    font-family: inherit;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#929392));
    background: -moz-linear-gradient(top, #ddd, #929392);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#4929392');
    text-shadow: 0px 1px 1px #FFF;
}
.BGray:active {
     background: -webkit-gradient(linear, left top, left bottom, from(#929392), to(#ddd));
    background: -moz-linear-gradient(top, #929392, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929392', endColorstr='#ddd');
}
.BLGray {
    color: #004d43;
    border: solid 1px #919191;
    border-radius: 4px;
    background: #CDCDCD;
    font-family: inherit;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');
    text-shadow: 0px 1px 1px #FFF;
}
.BLGray:active {
     background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient(top, #eee, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff');
}
.TOrange{
 color: #f6ad40;
}
.TGreen{
    color: #004d41;
}
.TBrown{
     color: #8b6238;
}
.TBlue{
    color: #022450;
}
.TGray {
    color: #babcc2;
    }
    .TRed{
         color: #e7050b;
    }
    .TSize28{
        font-size:28px;
       line-height: 50px;
    }
    
     .TSize26{
        font-size:26px;
       line-height: 45px;
    }
      .TSize30{
        font-size:30px;
       line-height: 60px;
    }
    .TSize32{
        font-size:32px;
       line-height: 60px;
    }
.bt_Size1 { width: 136px;; height: 40px;line-height: 40px; }
.bt_Size2 { width: auto; height: 53px; padding: 0 8px 0 8px;  }
.bt_Size3 { width: auto; height: 40px; padding: 0 50px 0 50px;  }
.bt_Size4 { width: auto;  padding: 10px 30px 10px 30px;  }
.bt_Size5 { width: auto;  padding: 14px 20px 14px 20px;  }
.bt_Size6 { width: auto;  padding: 14px 20px 14px 20px;margin-left:10px }
.bt_Size7 { width: auto;  padding: 12px 16px 12px 16px;font-size:20px;color:#000; }

.bt_wait1{ margin: -3px 0 0 175px; } /* 본인예약신청 위치 */
.bt_wait2{ margin: -3px 0 0 390px; } /* 추천인예약신청 위치 */

.buttonBox, .buttonBox1  {
    position: absolute;
    overflow: hidden;
    font-size: 28px;
    font-weight: bold;
    font-family: inherit;
    text-align: center;
    text-shadow: 0px 1px 1px #FFF;
    top: 70px;
    right: 8px;
   
    height: auto;
    padding: 20px 0 20px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border-width: 0 8px;
    /*border: 2px solid #c3c6cc;*/
    -webkit-border-radius: 2px;
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0,0,0,.8) 1px 1px 3px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1d9c5), to(#e1d9c5));
    z-index : 9999999;
}
.buttonBox1  {
     width: 30%;
}
.buttonBox  {
     width: 98%;
}

/* 추가 예약 탭 selectMenu*/
div.selectMenu{
    position: relative;
overflow: hidden;
list-style-type: none;
clear: both;
width: 100%;
letter-spacing: -1px;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
margin: 0 auto;
text-align:center;
border-bottom: 2px solid #babcc2;
}
ul.SMlist{
    width:100%
}
ul.SMlist li.l1 {
width: 23%;
text-align: center;
padding: 10px  0;
display: inline-block;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.SMlist li.l1 a{text-align: center; }
.SMoff{
background-color: transparent !important;
border: 2px solid #CDCDCD !important;
color: #797979 !important;
}

.buttonBox1  { top: 64px; }

/* group Individual */
ul.individual {
    border: 0;
    background: none;
    clear: both;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
    -webkit-box-shadow: none;
}
ul.individual li {
    background: #4c4d4e;
    border: 1px solid #333;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%;
    float: left;
    display: block;
    padding: 15px;
    -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
    text-decoration:none;
}
    ul.individual li + li {
        float: right;
    }
    ul.individual li a {
        color: #fff;
        text-shadow: 0px 1px 1px #000;
        line-height: 20px;
        margin: -11px -10px -14px -10px;
        padding: 5px 5px 9px 5px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none;
    }
/* @end */
    
    ul.veiw_Bottom{
        text-align: center;
        margin:10px;
    }

    
       ul.veiw_Bottom  li {
           display: inline-block;
       }
    ul.veiw_Bottom  li a{
width: 64px;
height: 61px;
margin-left: 12px;
display: inline-block;
    }
    ul.veiw_Bottom li a.btnV{width: 130px;left;line-height: 61px;text-align: center;font-weight: bold}
    
    ul.veiw_Bottom  li a.veiw_pre{
        background: url(../images/veiw_L.png) no-repeat;
    }
     ul.veiw_Bottom  li a.veiw_list{
        background: url(../images/veiw_List.png) no-repeat;
    }
    ul.veiw_Bottom  li a.veiw_next{
        background: url(../images/veiw_R.png) no-repeat;
    }
    ul.veiw_Bottom  li a.veiw_next{
        background: url(../images/veiw_R.png) no-repeat;
    }
   
/* @end */

/* @group Individual 3 */
ul.individual3 {
    border: 0;
    margin:0;
    background: none;
    clear: both;
    overflow: hidden;
    padding: 10px 0px 10px 20px;
    -webkit-box-shadow: none;
}
    ul.individual3 li {
        border: 1px solid #999;
        text-align: center;
        -webkit-border-radius: 8px;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
        width: 10%;
        float: left;
        display: block;
        padding: 12px 16px 12px 16px;
        -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF));
        text-decoration:none;
        margin-right: 6px;
    }
    ul.individual3 li a {
        color: #333;
        line-height: 36px;
        -webkit-border-radius: 8px;
        text-decoration: none;
    }
/* @end */
/* @group Individual 4 */
ul.individual4 {
    border: 0;
    margin:0;
    background: none;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
    -webkit-box-shadow: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF));
}
    ul.individual4 li {
        margin:0 auto;
        background: #FFF;
        border: 1px solid #999;
        text-align: center;
        -webkit-border-radius: 5px;
        -webkit-box-sizing: border-box;
        width: 32%;
        display: block;
        padding: 6px 8px 6px 8px;
        -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CDCDCD));
        text-decoration:none;
    }
    ul.individual4 li a {
        color: #333;
        line-height: 18px;
        -webkit-border-radius: 8px;
        text-decoration:none;
    }
/* @end */

/* End */

/* Sub header tapNavi */
#ht {
     position: relative;
     width: 100%;
     height:80px;
     text-align: center;
     color:#FFF;
     border-bottom: 2px solid #babcc2;
}
.ht1 {
     background-color:#e7e5e0;
}

/* tapNavi1 ~  */
ul.tapNavi1{
     overflow: hidden;
     margin: 0 0 0 0;
}
ul.tapNavi1 li{
          overflow: hidden;
          float: left;
          height: 80px;
          line-height: 80px;
          text-align: center;
          white-space: nowrap;
          font-size: 32px;
    /*    letter-spacing: -1px;*/
    }
    
    ul.tapNavi1 li:first-child{ background: transparent; }
    ul.tapNavi1 a { display: block; } /* 인라인 엘리먼트 해지 */
    ul.tapNavi1 span { display: block; height: 100%; color:#797979; }
    ul.tapNavi1 li.on{background-color:#022450;  line-height: 80px; padding:0; }
    ul.tapNavi1 li.on a{ background-color:#022450; font-size: 32px; font-weight: bold; }
    ul.tapNavi1 li.on span{ background-color:#022450; color:#fff; }
    ul.tapNavi1 li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
    ul.tapNavi1 li.l1 { width: 30%;position: relative } /*Menu 3개*/
    ul.tapNavi1 li.l2 { width: 25%;position: relative } /*Menu 20% 2개 25% 1개 35%1개*/
    ul.tapNavi1 li.l3 { width: 45%;border-left: 3px solid #f6f6f6;border-right: 3px solid #f6f6f6;position: relative} /*Menu 4개중 1개 크게*/
    ul.tapNavi1 li.l4 { width: 33%; } /*Menu 3개 중 2개*/
    ul.tapNavi1 li.l5 { width: 34%; } /*Menu 3개 중 1개*/
    ul.tapNavi1 li.l6 { width: 45%; } /*Menu 2개*/
    ul.tapNavi1 li.l7 { width: 50%;position: relative } /*Menu 2개*/
    ul.tapNavi1 li.l8 { width: 23%; }
    ul.tapNavi1 li.l9 { width: 27%; }
    
    
    
    ul.tapNavi1 li span.joinTab1{  }
    
    
    ul.tapNavi1 li.on span.arrowS{
    position: absolute;
    left:50%;
    margin-left:-8px;
    top: 72px;
    width: 18px;
    height: 18px;
    background: #fff;
    -webkit-transform: rotate(45deg);}

    
/* End */


/* Top title1 */
.tiBg1, .tiBg3 {text-align:center; border-top: 2px solid #FFF;  color: #333; }
.CalendarH h1{
    position:relative;
   background-color: #e7e5e0;
   text-align: center;
   overflow: hidden;
font-size: 34px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
line-height: 80px;
}
.CalendarH  .CalendarArr{
    position:absolute;
    top:10px;
}
.CalendarH  .left{left: 130px}
.CalendarH  .right{right: 130px}

.tiBg2 {
    color: #FFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002153), to(#002153)); /* Navy color Bar */
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003E36), to(#003E36)); /* Green color Bar */
}
.tiBg3 { color: #95a002;  }
.subcontent strong{
    color: #e7050b;
}
.tiBg4{
   font-size:34px;
    position: relative;
    background-color: #e7e8e8;
    height: 80px;
    width: 100%;
    padding: 10px 10px 10px 20px;
    line-height: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 3px solid #5f6061;
    font-weight: bold;
}
.tiBg4>h2{ font-size:32px;}
.tiBg5{
    font-size:24px;
    font-weight:bold;
    padding: 0 0 0 20px;
position: relative;
min-height: 40px;
line-height: 40px;
    color: #FFF;
background-color: #999;
width: 100%;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#top_ti {
    padding: 0 0 0 10px;
    position: relative;
    min-height: 80px;
    line-height: 80px;
}
    #top_ti > h1, #top_ti > h2 {
        overflow: hidden;
        font-size: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
        text-align: left;
        /*
         *  letter-spacing: -1px;
         text-align: center;
        margin-top: 30px;  line-height: 50px;*/
    }

    #top_ti > h2 {
        top: 18px;
        /*line-height: 50px;*/
        font-size: 36px;
        padding-left: 20px;
    }
    #top_ti em {
        position: absolute;
        overflow: hidden;
        top: 10px;
        left: 115px;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
    }
    #top_ti select{
        float: right;
        margin: 15px 10px 0 0;
        text-indent: 0;
        height: 50px;
    }
/*End*/

/* @group Toggle */
.toggle {
    width: 124px;
    position: relative;
    height: 54px;
    display: block;
    overflow: hidden;
    float: right;
}
    .toggle input[type="checkbox"]:checked {
        background: url(../images/on_off.png) 0 0 no-repeat;
    }
    .toggle input[type="checkbox"] {
        -webkit-appearance: none;
        -webkit-border-radius: 50px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        background:url(../images/on_off.png) -124px 0 no-repeat;
        border: 0;
        height: 54px;
        margin: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 124px;
    }
    .toggleText{display: block;padding:0 5px 5px 5px;}
    .setPush
/* @end */
#container input[type='radio'],.popup_staff input[type='checkbox'],.setPushList input[type='radio'],  .termsForm input[type="radio"]{
opacity: 0;
position: absolute;
filter: alpha(opacity=0);
margin: 5px 0 0 5px;
}
#RvtmOkList1 input[type='radio'],#RvtmOkList2 input[type='radio'],#RvtmOkList3 input[type='radio']{
opacity: 0;
position: absolute;
filter: alpha(opacity=0);
margin: 5px 0 0 5px;
}

.popup_address input[type="radio"]{
opacity: 0;
filter: alpha(opacity=0);
margin: 30px 0 0 10px;
position: absolute;
}
.RvtmOkList input[type="radio"]+ label, .popup_address input[type="radio"]+ label, .termsForm input[type="radio"]+ label{
background: url('../images/radio_off.png') left 50% no-repeat;
position: relative;
margin: 0;
padding: 0 0 0 35px;
cursor: pointer;
min-height: 35px;
display: inline-block;
z-index: 0;
}
.popup_staff input[type='checkbox']+ label {
background: url('../images/checkbox_off.png') left top no-repeat;
position: relative;
margin: 0;
/*padding: 0 0 0 35px;*/
padding: 5px 0 0 40px;
cursor: pointer;
min-height: 35px;
display: inline-block;
z-index: 0;
}
.setPushList input[type='radio']+ label {
     background: url('../images/radio_off.png') right 50% no-repeat;
position: relative;
margin: 0;
padding: 0 0 0 0;
cursor: pointer;
min-height: 35px;
display: block;
z-index: 0;
 }
 .setPushList input[type='radio']:checked + label {
     background: url('../images/radio_on.png') right 50% no-repeat;
 }
.RvtmOkList input[type='radio']:checked+ label, .termsForm input[type='radio']:checked+ label{
background: url('../images/radio_on.png') left 50% no-repeat;
}
 .popup_address input[type='radio']:checked+ label, label + .setPushList input[type='radio']{
    background: url('../images/radio_on.png') left 50% no-repeat;
}
.popup_staff input[type='checkbox']:checked+ label {
    background: url('../images/checkbox_on.png') left top no-repeat;
}
input[type='checkbox']:disabled+ label {    background: url('../images/checkbox_dim.png') left top no-repeat;
}
input[type='checkbox']:disabled:checked+ label {
background: url('../images/checkbox_disable.png') left top no-repeat;
}
/*선호 골프장*/
/*
.address input[type="checkbox"],.setMem input[type='checkbox'] {
opacity: 0;
position: absolute;
filter: alpha(opacity=0);
margin: 5px 0 0 5px;
}


.address input[type="checkbox"]+input[type="hidden"]+ label, .setMem input[type="checkbox"]+input[type="hidden"]+ label{
background: url('../images/checkbox_off.png') left top no-repeat;
position: relative;
margin: 0;
padding: 0 0 0 35px;
cursor: pointer;
min-height: 35px;
display: inline-block;
z-index: 0;
}
.address input[type='checkbox']:checked+input[type="hidden"]+ label, .setMem input[type='checkbox']:checked+input[type="hidden"]+ label {
     background: url('../images/checkbox_on.png') left top no-repeat;
} */
/* new 선호골프장 2014.07.08 */
.address input[type="checkbox"],.setMem input[type="checkbox"],.termsForm input[type='checkbox']{
    -webkit-appearance: none;
    -webkit-border-radius:0; -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: transparent;
    background: url('../images/checkbox_dim.png') left top no-repeat;
    position: relative;
    margin: 0;
    padding: 0 0 0 35px;
    cursor: pointer;
    min-height: 35px;
    display: inline-block;
    z-index: 0;
    vertical-align: middle;
}
.address label,.setMem label { display: inline-block; min-height: 35px; z-index: 0; cursor: pointer; line-height: 35px; vertical-align: middle;}
.address input[type='checkbox']:checked,.setMem input[type='checkbox']:checked,.termsForm input[type='checkbox']:checked {
    background: url('../images/checkbox_disable.png') left top no-repeat;
}
/*선호 골프장 끝*/


/*log in*/
.findArea span{
  border: 1px solid #333;
text-align: center;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
width: 48%;
float: left;
display: block;
padding: 3px;
-webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
text-decoration: none;
}
.findArea span a{
    color: #fff;
text-shadow: 0px 1px 1px #000;
line-height: 20px;
margin: -11px -10px -14px -10px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
overflow: hidden;
}
/*푸시 리스트*/
.push_list{
    position: relative;
width: 100%;
padding-bottom: 11px;
border-top: 1px solid #ccd0d5;
border-bottom: 1px solid #ccd0d5;
background: #e7e5e0;

}
.push_list:after {
display: block;
position: absolute;
top: 30px;
left: 68px;
bottom: 0;
z-index: 0;
width: 3px;
background: rgba(0,0,0,0.2);
content: '';
}
.push_list li{
    background-color: #fff;
border-radius: 2px;
min-height: 140px;
width: 98%;
margin: 5px auto;
padding: 20px 15px 20px 20px;
vertical-align: middle;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
overflow:hidden;
-webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
}
.push_list h5{
position: relative;
z-index: 10;
width: 52%;
height: 50px;
margin: 10px 0 9px 30px;
padding-left: 50px;
padding-right: 50px;
background: url(../images/stamp_icon.png) no-repeat;
background-position: 20px -76px;
background-size: 40px auto;
font-size: 26px;
line-height: 50px;
color: #fff;
border-radius: 40px;
background-color: #544B42;
text-align: center;
}
.push_list .frst{
height: 100px;
width: 110px;
position: relative;
display: inline-block;
float: left;
z-index: 20;
}

.push_list li a{
    text-overflow:clip;
white-space:normal;
 font-size:24px;
}

.push_list li  .push_tit{
    margin: 0;
    color: #a78c71;
    display: block;
    font-size:28px;
    font-weight:bold;
   line-height: 36px;
    /*margin-left: 150px;*/
}
.push_list li  .push_tit2{
    margin: 0;
    color: #a78c71;
    display: block;
    font-size:28px;
    font-weight:bold;
   line-height: 36px;
    /*margin-left: 150px;*/
    width: 80%;
}
.push_list li  .push_txt{
     font-size:24px;
     margin-top: 10px;
     display: block;
     margin-left: 110px;
}
.pushMark{
border: 3px solid #cbcbcb;
width: 86px;
height: 86px;
border-radius: 50px;
display: inline-block;
text-align: center;
color: #FFF;
font-size: 24px;
letter-spacing: -1px;
font-weight: bold;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pushBtn{
display: inline-block;
padding: 0 20px;
float: right;
line-height: 50px;
font-weight: bold;
position: absolute;
top: 10px;
right: 10px;
}
.pushNoti{
    background-color: #ec9922;
   padding-top: 12px;
}
.pushCP{
    background-color: #9bba3c;
	padding-top: 12px;
     /*line-height: 85px;*/
}
.titCP{
    text-overflow: ellipsis;
white-space: nowrap;
width: 70%;
display: inline-block;
overflow: hidden;
}
/*추가수정*/
.asTxt{
 height: 60px;
line-height: 60px;
background-color: #e1d9c5;
text-align: center;
vertical-align: middle;
font-size: 24px;
letter-spacing: -1px;
font-weight: bold;
color: #333;
}
/* 2014.08.08 추가 */
.popup_btns2 .btnC {width: 49%; padding: 18px 0; text-align: center; font-weight: bold; font-size: 28px;}

/* 2014.08.07 new popup */
.popView { position: absolute; overflow: hidden; background: #FFF; border: 1px solid #666; z-index: 999; }

/* 2015.02.06 Add */
.login-area-top { position:absolute; overflow: hidden; width: 160px; height: 52px; top: 15px; right: 12px; }
.btn-login-top { display: inline-block; width: 160px; height: 52px;
 background-image: url('/application/mobile/images/mobileLoginout.png'); background-repeat: no-repeat; background-position: -80px 0; }
.btn-logout-top { display: inline-block; width: 80px; height: 52px;
 background-image: url('/application/mobile/images/mobileLoginout.png'); background-repeat: no-repeat; background-position: 0 0; float: right; }

/* ##################################################################### */
/*																		 */
/* 		고객의소리 / 설문조사												 */
/*				            											 */
/* ##################################################################### */
/* The container */
.survey .cr { display: inline-block; position: relative; padding-left: 28px; cursor: pointer; line-height: 1.5; margin-left: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 45px; }
.survey .cr input { position: absolute; opacity: 0; cursor: pointer; }
.survey .cr .checkmark { position: absolute; top: 50%; left: 0; margin-top: -11px; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; border: 2px solid #b5b5b5; }
.survey .cr .checkmark:after { content: ""; position: absolute; display: none; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #319189; }
.survey .cr input:checked ~ .checkmark { background-color: #fff; border: 2px solid #319189; }
.survey .cr input:checked ~ .checkmark:after { display: block; }
.survey .cr:first-child, .cr.left { margin-left: 0; }
.agree-mo .cr { display: inline-block; position: relative; padding-left: 28px; cursor: pointer; line-height: 1.5; margin-left: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 45px; }
.agree-mo .cr input { position: absolute; opacity: 0; cursor: pointer; }
.agree-mo .cr .checkmark { position: absolute; top: 50%; left: 0; margin-top: -11px; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; border: 2px solid #b5b5b5; }
.agree-mo .cr .checkmark:after { content: ""; position: absolute; display: none; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #319189; }
.agree-mo .cr input:checked ~ .checkmark { background-color: #fff; border: 2px solid #319189; }
.agree-mo .cr input:checked ~ .checkmark:after { display: block; }
.agree-mo .cr:first-child, .cr.left { margin-left: 0; }
.agree-mo {  }
.agree-mo * { box-sizing: border-box; }
.agree-mo strong { color: #231714; }
.agree-mo .agree-box { margin: 20px 0; border: 1px solid #cdd1d1; padding: 10px; width: 100%; height: 180px; overflow-y: scroll; background: #f9fafa; }
.agree-mo .agree-box > li p { padding-left: 15px; }
.agree-mo .agree-box > li p span { color: #c62626; }
.agree-mo .check { position: relative; text-align: left; }
.agree-mo .check .info { /* float: left; */ margin-bottom: 10px; display::block; font-size: 20px; }
.agree-mo .inbox { border: 1px solid #ccc; line-height: 45px; height: 45px; padding: 0 10px; }
.agree-mo .inbox.full { width: 90%; }
.agree-mo textarea { border: 1px solid #ccc; line-height: 1.5; padding: 10px; width: 90%; }

.agree-mo .tbl { border-top: 1px solid #2e9a88; margin: 30px 0; padding-top: 20px; }
.agree-mo .tbl dt { font-size: 25px; padding: 15px 0; }
.agree-mo .tbl .line { width: 100%; overflow: hidden; border-bottom: 1px solid #2e9a88; margin-bottom: 30px; padding: 10px 0; }
.agree-mo .tbl .line li { float: left; width: 50%; margin-bottom: 20px; }
.agree-mo .tbl .line li:last-child { float: none; width: 100%; }
.agree-mo .tbl .bot { border: 0; background: transparent;  border-bottom: 2px solid #2e9a88; }
.agree-mo .tbl .line .botline { border: 0; background: transparent; width: 80%; border-bottom: 2px solid #2e9a88; }
.agree-mo .tbl dd { margin-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; width: 100%; overflow: hidden; }
.agree-mo .tbl dd.none { border-bottom: 0; }
.agree-mo .tbl .inbox { width: 100%; }
.agree-mo .tbl textarea { width: 100%; }
.agree-mo .tbl .half .cr { width: 50%; margin-left: 0; float: left; margin-bottom: 10px; }
.agree-mo .tbl .inbox.half { width: 33%; }
.agree-mo .tbl .two-col input[type=text] { width: 45%; float: left; }
.agree-mo .tbl .two-col span { width: 10%; display: inline-block; text-align: center; float: left; }
.agree-mo .tbl .full { margin: 10px 0; width: 100%; }
.agree-mo .tbl .three .cr { width: 33.333%; margin-left: 0; float: left; margin-bottom: 10px; }

.agree-mo select { line-height: 45px; height: 45px; border: 1px solid #ccc; padding: 0 10px; vertical-align: top; }
.agree-mo .submit { text-align: center; }
.agree-mo .gap { margin-bottom: 10px; }
.agree-mo textarea { font-size: 28px; }
/* ------------------------- custom Radio button ------------------------- */
.survey { padding: 20px; }
.survey * { box-sizing: border-box; }
.survey .inbox { border: 1px solid #ccc; line-height: 45px; height: 45px; padding: 0 10px; color: #444; }
.survey select { line-height: 45px; height: 45px; border: 1px solid #ccc; padding: 0 10px; vertical-align: top; color: #444; }
.survey .tbl-line { background: #fff; color: #222; margin-bottom: 30px; }
.survey .tbl-line table { width: 100%; border-collapse: collapse; padding: 0; border: 1px solid #757575; }
.survey .tbl-line th { border-bottom: 1px solid #757575; text-align: left; color: #222; padding: 10px; }
.survey .tbl-line td { border-bottom: 1px solid #757575; padding: 10px 0; vertical-align: middle; }
.survey-agree { border: 1px solid #757575; border-bottom: 0; background: #fff; margin-bottom: 30px; }
.survey-agree dt { padding: 10px; border-bottom: 1px solid #757575; }
.survey-agree dd { display: block; color: #555555; padding: 10px; border-bottom: 1px solid #757575; }
.survey-agree dd li { margin-bottom: 10px; }
.survey-agree dd li span { color: #c62626; }
.survey .btn-agree { color: #fff; text-align: center; display: block; position: relative; padding: 15px 0; background: #004d43; margin-bottom: 10px; }
.survey .btn-agree:before { content: ''; display: inline-block; width: 30px; height: 30px; position: absolute; background: url("/application/mobile/images/check_icon.png") no-repeat left top; background-size: cover; left: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.survey .three { width: 100%; overflow: hidden; }
.survey .three .cr { width: 30%; margin-left: 0; float: left; margin-bottom: 10px; }
.survey .three .cr.half { width: 50%; }
.survey .crv { display: inline-block; position: relative; padding: 0 10px 28px 10px; width: 13%; cursor: pointer; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; }
.survey .crv input { position: absolute; opacity: 0; cursor: pointer; }
.survey .crv .checkmark { position: absolute; bottom: 0; left: 50%; margin-left: -11px; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; border: 2px solid #b5b5b5; }
.survey .crv .checkmark:after { content: ""; position: absolute; display: none; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #319189; }
.survey .crv input:checked ~ .checkmark { background-color: #fff; border: 2px solid #319189; }
.survey .crv input:checked ~ .checkmark:after { display: block; }
.survey .crv:first-child, .survey .crv.left { margin-left: 0; }
.survey .item-list > li { margin-bottom: 30px; }
.survey .item-list > li strong { padding-bottom: 10px; display: block; }
.survey .item-list > li textarea { width: 100%; padding: 10px; font-size: 28px; }
.survey .item-info { width: 100%; overflow: hidden; background: #004d43; }
.survey .item-info > li { float: left; color: #fff; width: 25%; text-align: center; position: relative; padding: 10px 0; }
.survey .item-info > li.normal { width: 50%; padding: 25px 0 20px; }
.survey .item-info > li.normal:before { content: ''; display: inline-block; left: 0; width: 75px; height: 16px; background: url("/application/mobile/images/normal_l.png") no-repeat left top; background-size: cover; position: absolute; }
.survey .item-info > li.normal:after { content: ''; display: inline-block; right: 0; width: 75px; height: 16px; background: url("/application/mobile/images/normal_r.png") no-repeat right top; background-size: cover; position: absolute; }
.survey .item-wrap { border: 1px solid #757575; }
.survey .item-wrap > li { border-top: 1px solid #ccc; padding-bottom: 10px; }
.survey .item-wrap > li strong { display: block; padding: 10px; }
.survey .item-wrap > li:first-child { border-top: 0; }
.survey .item > li { border-top: 1px solid #ccc; padding: 0 0 10px 0; }
.survey .item > li:first-child { border-top: 0; }
.survey .complete { width: 100%; color: #fff; text-align: center; display: block; background: #004d43; padding: 20px 0; font-weight: bold; }