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

/*-------------------- contents common --------------------*/
#wrap .contents{width:98%;margin:0.3em auto;margin-top:105px;}
.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:0.9em 'Nanum GothicB', sans-serif;color: #4f4f4f;padding-left:20px;background:url('/mobile/images/commonDot.png') left no-repeat;margin:20px 0 10px;background-size:15px 15px;}
.infoDot{background:url('/mobile/images/infoDot.png')no-repeat ;width:10px;height:10px;margin-right:5px;}
.dotLine{height:1px;border-bottom:1px dashed #dcdcdc;}
.subLine{height:1px;border-bottom:1px solid #e6e6e6;width:96%;margin:0 auto;}
.bgBottom{margin-bottom:15px;}

/* btn */
.motion{background:#3e8ddc;color:#fff;}
.cancel{background:#6e6e6e;color:#fff;}
.orangeBtn{background:#ff6600;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;}

/* font color, style */
.orangeRed{color:#de3e1e;font-family:'Nanum GothicB';}
.orange{color:#ff6600;font-family:'Nanum GothicB';}
.blue{color:#3e8ddc;font-family:'Nanum GothicB';}
.red{color:#e35d5d;}
.gray{color:#b7b7b7;}
.green{color:#45bb4d}
.yellow{color:#ffe776}
.boldBlue{color:#3e8ddc;font-family:'Nanum GothicB';}

.bold{font-family:'Nanum GothicB'}
.through{text-decoration:line-through;}
.underline{text-decoration:underline;}

/* select arrow */
.select-arrow{background: url('/mobile/images/select-arrow.png') no-repeat 90% 50%;}
.select-arrow2{background: url('/mobile/images/select-arrow2.png') no-repeat 100% 48%;}
.select-arrow3{background: url('/mobile/images/select-arrow2.png') no-repeat 97% 48%;}

/* paging */
.paging{width:100%;margin:20px auto 0;}
.paging ul{text-align:center;}
.paging ul li{width:30px;height:35px;display:inline-block;line-height:35px;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 --*/
.closeBtn{width:30%;margin:15px auto;padding:1em 0;border-radius:15px;box-shadow:3px 3px 0 #dedede;}

.btnBox{margin:10px auto;padding-top:1em;font-size:0;width:60%;}
.btnBox li{display:inline-block;width:47%;margin-right:4%;text-align:center;border-radius:15px;box-shadow:3px 3px 0 #dedede;}
.btnBox li:last-child{margin-right:0;}
.btnBox li > a{font:0.9em 'Nanum GothicB';color:#fff;display:block;padding:1em 0;}

.btnBox_three{margin:10px auto;padding-top:1em;font-size:0;;width:77%;}
.btnBox_three li{display:inline-block;width:32%;padding:0.7em 0;margin-right:2%;text-align:center;border-radius:15px;box-shadow:3px 3px 0 #dedede;}
.btnBox_three li:last-child{margin-right:0;}
.btnBox_three li > a{font:0.9em 'Nanum GothicB';color:#fff;}

.tabList{margin:10px auto;padding-top:1em;font-size:0;;width:100%;margin-top:20px;}
.tabList li{display:inline-block;width:32%;margin-right:2%;margin-top:10px;}
.tabList li:nth-child(3){margin-right:0;}
.tabList li:last-child{margin-right:0;}
.tabList li > a{display:block;width:100%;font:0.9em 'Nanum GothicB';padding:0.7em 0;border-radius:15px;text-align:center;color:#fff;background:#ececec;color:#979696;}
.tabList li.on > a{display:block;width:100%;font:0.9em 'Nanum GothicB';padding:0.7em 0;border-radius:15px;text-align:center;color:#fff;box-shadow:3px 3px 0 #dedede;background:#4d4d4d;}
.tabList li.on2 > a{display:block;width:100%;font:0.9em 'Nanum GothicB';padding:0.7em 0;border-radius:15px;text-align:center;color:#fff;box-shadow:3px 3px 0 #dedede;background:#3e8ddc;}

.tabList2{margin:10px auto;padding-top:1em;font-size:0;;width:100%;margin-top:20px;}
.tabList2 li{display:inline-block;width:48%;margin-right:2%;margin-top:10px;}
.tabList2 li:last-child{margin-right:0;}
.tabList2 li > a{display:block;width:100%;font:0.9em 'Nanum GothicB';padding:0.7em 0;border-radius:15px;text-align:center;color:#fff;background:#ececec;color:#979696;}
.tabList2 li.on > a{display:block;width:100%;font:0.9em 'Nanum GothicB';padding:0.7em 0;border-radius:15px;text-align:center;color:#fff;box-shadow:3px 3px 0 #dedede;background:#3e8ddc;}


.commonTable{width:100%;border-top:1px solid #939393;margin:5px 0 20px;}
.commonTable.tableBottom{margin-bottom:20px;}
.commonTable th{font-size:0.9em;height:40px;background:#f8f8f8;color:#454545;border:1px solid #dcdcdc;border-top:0;word-break:keep-all;}
.commonTable th:first-child{border-left:0;}
.commonTable th:last-child{border-right:0;}
.commonTable td{font-size:0.9em;height:55px;text-align:center;border:1px solid #dcdcdc;word-break:keep-all;}
.commonTable td:first-child{border-left:0;}
.commonTable td:last-child{border-right:0;}
.commonTable td input{width:90%;border:1px solid #dedede;height:25px;}
.commonTable td input.orangeBtn{display:block;width:90%;padding:5px 0;font-size:0.9em;;border:0;}
.commonTable td input.blueBtn{display:block;width:90%;padding:5px 0;font-size:0.9em;;border:0;}
.commonTable td input.grayBtn{display:block;width:90%;padding:5px 0;font-size:0.9em;border:0;}

.commonTable td input.findPw{width:96%;}
.commonTable td input.confirmInput{width:59%;float:left;margin-left:2%;}
.commonTable td input.confirm{width:38%;margin-left:1%;float:left;}

.mainTitle{font:1.3em 'Nanum GothicB';color:#45454f;padding:15px 0 5px;margin:0 auto;width:98%;}
.mainTitle img{vertical-align:middle;width:8px;}
.mainTxt{font-size:0.8em;padding-bottom:10px;color:#959595;width:96%;margin:0 auto;}
.mainTxt span{font-size:inherit;}

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

.grayBg .loginCont .logInputBox{overflow:hidden;}
.grayBg .loginCont .logInputBox .loginInput{width:70%;float:left;}
.grayBg .loginCont .logInputBox .loginInput input{text-indent:10px;width:100%;height:45px;border:1px solid #e0e0e0;margin-bottom:8px;}
.grayBg .loginCont .logInputBox .loginInput input.phInput{text-indent:10px;width:29%;height:45px;border:1px solid #e0e0e0;margin-bottom:8px;}

.grayBg .loginCont .logInputBox .loginBtn{float:left;width:28%;text-align:center;margin-left:2%;background:#3d75be;}
.grayBg .loginCont .logInputBox .loginBtn a.loginBtnLink{color:#fff;padding:41px 0;display:block;}
.grayBg .loginCont .logInputBox .loginBtn a.loginBtnLink2{height:151px;line-height:151px;color:#fff;display:block;}

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

.grayBg .loginCont .LogFindBtn{width:100%;height:50px;margin:20px 0;}
.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 .loginTxt{width:100%;margin:0 auto;text-align:center;margin:20px 0;}
.grayBg .loginTxt .joinBtn{display:block;width:25%;padding:13px 0;margin:15px auto 0;text-align:center;color:#fff;background:#6e6e6e;}

/* join01 */
.grayBg .agreeyBgBox{width:100%;min-width:313px;}
.grayBg .agreeyBgBox.box2{margin:30px 0;}
.grayBg .agreeyBgBox .joinAgreeyList{overflow:hidden;padding:0 0.7em 1.5em;}
.grayBg .agreeyBgBox .joinAgreeyList:last-child{padding-bottom:0;}
.grayBg .agreeyBgBox .joinAgreeyList li{float:left;}
.grayBg .agreeyBgBox .joinAgreeyList .agreeyTitle{width:58%;font:0.9em 'Nanum GothicB';color:#a1a1a1;margin-right:2%;}
.grayBg .agreeyBgBox .joinAgreeyList .agreeyTitle > span{font-size:0.85em;}

.grayBg .agreeyBgBox .joinAgreeyList .btn{width:24%;margin-right:2%}
.grayBg .agreeyBgBox .joinAgreeyList .agreeyBtn{font-size:0.75em;background:#fff;color:#3c3c3c;border:1px solid #b3b3b3;text-align:center;width:100%;padding:0.5em;cursor: pointer;}

.grayBg .agreeyBgBox .joinAgreeyList .agreeyCheck{width:14%;font-size:0.76em;margin-top:0.7em;text-align:center;}
.grayBg .agreeyBgBox .joinAgreeyList .agreeyCheck > input{width:1em;height:1em;}

.agreeyCheck{width:100%;overflow:hidden;}
.agreeyCheck li{float:right;font-size:0.8em;color:#a1a1a1;margin-left:10px;padding:0.9em 0.5em;}

/* join02 */
.joinLink{display:block;width:320px;;margin:0 auto;}
.joinLink .joinImg{display:block;width:100%;}

/* join03 */
.joinBoxList{width:100%;margin:0 auto;padding:0.6em;background:#f9f9f9}
.joinBoxList .joinInfoBox{width:100%;margin:0 auto;overflow:hidden;padding:10px 0;}
.joinBoxList .joinInfoBox li{float:left;height:45px;width:68%}
.joinBoxList .joinInfoBox .infoList{width:32%;height:45px;font:0.9em 'Nanum GothicB';color:#7f7f7f;padding-top:13px;}
.joinBoxList .joinInfoBox li > input{width:100%;height:45px;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li > select{width:32%;height:45px;;border:1px solid #e1e1e1;text-indent:7px;vertical-align:top;}
.joinBoxList .joinInfoBox li > select.area{width:40%;}
.joinBoxList .joinInfoBox li .idInput{width:70%;height:45px;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li .emailInput{width:54%;margin-right:1%;height:45px;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li .select-arrow2.emailselect{width:45%;height:45px;;border:1px solid #e1e1e1;text-indent:7px;vertical-align:top;}
.joinBoxList .joinInfoBox li .overlap.blueBtn{width:28%;display:inline-block;margin-left:2%;padding:1.1em 0;font-size:0.9em;}
.joinBoxList .joinInfoBox li .overlap.orangeBtn{width:28%;display:inline-block;margin-left:2%;padding:1.1em 0;font-size:0.9em;}

.joinText{font-size:0.85em;color:#4a4a4a;margin:5px 0 20px;}

.joinBoxList .joinInfoBox li .email{width:13px;height:13px;vertical-align:middle;margin-left:3px;}
.joinBoxList .joinInfoBox li .emailTxt{font-size:0.8em;margin-left:2px;}

.zipFind{width:98%;margin:0 auto;}
.topImg{width:100%;display:block;}
.findAdd{text-align:center;font-size:0.9em;margin:30px 0;}
.zipAddInput{width:70%;border:1px solid #e1e1e1;height:30px;}
.zipAddBtn{width:28.5%;display:inline-block;padding:8px 0;font-size:0.9em;background:#3e8ddc;text-align:center;color:#fff;}

.zipList{width:98%;margin:0 auto;}

/* withdraw */
.withdrawTxt{font-size:0.9em;line-height:22px;padding:20px 10px;;text-align:center;}


/*-------------------- board --------------------*/
/* noticeView */
.viewBox{border-bottom:1px solid #dcdcdc;}
.viewBox .viewTitleBox{width:100%;overflow:hidden;background:#f8f8f8;padding:0 0.5em;margin:1.5em 0;border-bottom:1px solid #dcdcdc;border-top:1px solid #939393;}
.viewBox .viewTitleBox li{height:3.2em;line-height:3.2em;font-size:0.85em;float:left;}
.viewBox .viewTitleBox li.viewTitle{width:77%;}
.viewBox .viewTitleBox li.viewDate{width:23%;}

.viewBox .viewImage{display:block;margin:0 auto;width:98%}
.viewBox .viewTxt{margin:20px 0; text-align:center;width:98%}
.viewBox .viewTxt img{ display: block; max-width: 100%;}

/* joinView */
.joinTable{width:100%;border-top:1px solid #939393;margin:5px 0 20px;}
.joinTable th{font-size:0.9em;height:40px;background:#f8f8f8;color:#454545;border-bottom:1px solid #dcdcdc;border-top:0;word-break:keep-all;}
.joinTable td{font-size:0.84em;height:55px;text-align:center;border-bottom:1px solid #dcdcdc;word-break:keep-all;}
.joinTable td > a{display:block;font-size:inherit;color:inherit;}
.joinTable td.title{text-overflow:ellipsis;white-space:pre;overflow:hidden;text-align:left;}

.viewBox.joinView{font-size:0.9em;padding:0 0.5em 1em;min-height:50px;margin-bottom:30px;line-height:22px;}

.commentBox{margin:25px 0 15px;}
.commentBox .comment{padding:10px 0;border-bottom:1px dotted #d4d4d4;border-top:1px solid #e0e0e0;}
.commentBox .comment.reply{border-top:0;}
.commentBox .comment .dateText{overflow:hidden;margin-bottom:7px;}
.commentBox .comment .dateText .date{float:left;margin:2px 0 0 5px;}
.commentBox .comment .dateText .x-box{overflow:hidden;}
.commentBox .comment .dateText .x-box .replyBtn{float:right;width:55px;font-size:12px;padding:4px 0;border-radius:15px;border:1px solid #c1c1c1;text-align:center;}
.commentBox .comment .dateText .x-box img{float:right;width:20px;margin:2px 10px 0 5px;}

.commentTxt.txt2{width:96%;margin:0 auto;border-bottom:1px solid #e0e0e0;}

.commentBox .comment .cont{font-size:0.9em;line-height:20px;padding:0 5px;}

.commentTxt{padding:10px 0;overflow:hidden;width:100%;}
.commentTxt .txtReply{width:70%;height:70px;padding:5px;border:1px solid #d7d7d7;float:left;overflow-y:scroll;}
.commentTxt .viewInput{float:left;width:28%;margin-left:2%;font-size:0.9em;height:70px;line-height:70px;background:#515151;color:#fff;text-align:center;}


/* joinWrite */
.writeBox{padding:0.7em;margin:0.8em 0;}
.writeBox .list{padding:5px 0;}

.writeBox .list .titleIp{width:73%;height:35px;border:1px solid #e1e1e1;padding-left:5px;}
.writeBox .list > select{width:40%;height:35px;border:1px solid #e1e1e1;padding-left:5px;}
.writeBox .liTxt{font-size:0.8em;color:#3a3a3a;margin:0.3em 0 0.5em 25%;width:70%;}
.writeBox textarea{width:98%;height:150px;border:1px solid #e1e1e1;}

.dayInput{width:50%;display:inline-block;background:#fff;height:35px;border:1px solid #dddddd;padding:5px;color:#45454f;font-size:12px;position:relative;vertical-align:middle;}

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

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


/*-------------------- course --------------------*/
/* courseIntro */
.courseData{font-size:14px;font-weight:bold;}
.myzoneTabList{width:100%;overflow:hidden;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.myzoneTabList li{float:left;width:50%;border-right:1px solid #dedede;margin:12px 0;}
.myzoneTabList li:last-child{border-right:0;}
.myzoneTabList li a{display:block;font:0.9em 'Nanum GothicB';color:#45454f;text-align:center;}
.myzoneTabList li.on a{color:#3d75be;}

.introBox{margin:0.5em 0;}
.introBox .courseIntroImg{width:100%;}

/* c1 */
.btnType{overflow:hidden;margin:25px 0 10px;}
.btnType li{float:left;background:#fff;width:49.5%;margin-right:1%;}
.btnType li:last-child{margin-right:0;}
.btnType li a{display:block;padding:13px 0;font-size:1em;text-align:center;color:#fff;background:#aaaaaa;border-radius:15px 15px 0 0;}
.btnType li.on a{background:#3d75be;}

.courseBg{width:100%;margin-top:20px;padding-bottom:20px;overflow:hidden;}

.holeTitle{overflow:hidden;padding-left:2%;}
.holeTitle .holeNumBox{float:left;width:30%;}
.holeTitle .holeNumBox > select{width:100%;height:40px;padding:0.3em 0;text-indent:2%;}
.holeTitle .holeNumText{float:left;width:70%;font-size:0.9em;color:#9a9a9a;height:40px;line-height:40px;padding-left:10px;}

.courseImgBox{margin:15px 0;padding-bottom:1em;}
.courseImgBox .holeText{overflow:hidden;padding:1em 0 1em;width:100%}
.courseImgBox .holeText li{float:left;margin-right:0.3em;}
.courseImgBox .holeText .course{font-size:1.4em;color:#3d75be;font-weight:600;}
.courseImgBox .holeText .course.hole{color:#8c8c8c;}
.courseImgBox .courseImg{width:70%;margin:0 auto;}
.courseImgBox .courseImg > img{width:100%}

.dataTitle{font:1em 'Nanum GothicB';margin:0.5em 0;}
.dataTitle img{vertical-align:middle;}
.holeExplain{font-size:0.9em;line-height:1.6em;margin-bottom:15px;}

.videoBox{width:100%;margin:40px auto 0;}

/*-------------------- info --------------------*/
.contTitle{font-size:1em;color:#292929;padding:10px 0 7px;}
.contTitle > img{vertical-align:middle;width:15px;height:15px;}

.infoTxt{margin:0 5px 10px;line-height:24px;padding-bottom:10px;border-bottom:1px dashed #dcdcdc;}
.infoTxt .title{color:#3e8ddc;font-size:14px;}
.infoTxt .dotImg{display:block;width:100%;}

/* ceo */
.ceoImg{margin:0 auto;display:block;}
.ceoTxt{font-size:0.9em;line-height:20px;}
.ceoTxt .big{font-size:1.5em;display:block;color:#ad4a10;margin:10px 0;}

.ceoSign{display:block;text-align:right;font-weight:bold;margin-right:10px;}

/* reserCheck */
.tableTitle{font:1.1em 'Nanum GothicB';color:#3d75be;margin:10px 0;}

/* charge */
.chargeTable{width:100%;border-top:1px solid #939393;margin:5px 0 20px;}
.chargeTable.tableBottom{margin-bottom:20px;}
.chargeTable th{font-size:0.9em;height:40px;background:#f8f8f8;color:#454545;border:1px solid #dcdcdc;border-top:0;word-break:keep-all;}
.chargeTable th:first-child{border-left:0;}
.chargeTable th:last-child{border-right:0;}
.chargeTable td{font-size:0.9em;height:55px;text-align:center;border:1px solid #dcdcdc;word-break:keep-all;}
.chargeTable td:first-child{border-left:0;}
.chargeTable td:last-child{border-right:0;}

.locaTxt{font-size:0.9em;line-height:22px;}
.locaTxt > img{width:5px;height:5px;vertical-align:middle;}

/* reserGuide */
.reserTxt{margin:0 5px 10px;font-size:0.9em;line-height:24px;padding-bottom:20px;margin-bottom:15px;border-bottom:1px dashed #dcdcdc;}
.reserTxt > span{font-size:inherit;}
.reserTxt .title{color:#3e8ddc;font-size:1em;margin-bottom:10px;display:block;}
.reserTxt .dotImg{display:block;width:90%;}

.infoTxt2{margin:0 5px;line-height:18px;font-size:0.85em;color:#616161;}

/* location */
.mapBox{margin:10px auto 50px;width:310px;height:300px;}

.locaTxt{margin:0 3px 10px;line-height:24px;padding-bottom:10px;color:#959595;border-bottom:1px dashed #dcdcdc;}
.locaTxt .title{color:#3e8ddc;font-size:0.9em;}
.locaTxt .dotImg{display:block;width:90%;}

/* locaition Menu */
.menuTabChoice{width:100%;}
.menuTabChoice .choiceBox{margin-bottom:10px;overflow:hidden;}
.menuTabChoice .choiceBox > li{height:50px;padding:16px 0;font:0.9em 'Nanum GothicB';width:25%;float:left;color:#fff;border:1px solid #fff;text-align:center;border-collapse:collapse;background:#828282;border-radius:10px;}
.menuTabChoice .choiceBox > li.on{background:#3e8ddc;color:#fff;}

/* reservation */
.commonTable td .select-arrow2{width:80%;height:30px;padding-left:4px;}
.dateBox{width:100%;background:#1094b7;margin-bottom:5px;overflow:hidden;}
.dateBox li{float:left;color:#fff;text-align:center;height:55px;line-height:55px;}
.dateBox .dateText{font-size:0.9em;width:30%;}
.dateBox .dateDays{font-size:1.2em;width:70%;letter-spacing: -0.02em;font-weight:bold;}

/*201102 추가*/
.jTxt{ font-size: 0.75em; line-height: 1.5em; padding: 10px 0;}
.jTable{ width: 100%; clear: both; border-top:1px solid #444;}
.jTable th{border:1px solid #ddd; background-color: #f8f8f8; padding:5px 0; text-align: center; font-size: 0.75em;}
.jTable td{border:1px solid #ddd; background-color: #fff; padding:5px 0; text-align: center; font-size: 0.75em;}
.jTable td label{font-size: 0.75em;}


/*----------------------checkin--------------------------*/
/*visit*/
.commonTit{padding:35px 0;}
.main_tit{ font-size: 1.25em; color: #3e3e3e; width: 100%; text-align: center; padding-bottom: 10px; font-weight: bold;}
.midBar{ height: 1px; width: 16px; border-bottom: 1px solid #3e3e3e; margin: auto;}

.theBox{ width: 90%; margin: 0 auto; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 13px 0 rgba(232,232,232,1); overflow: hidden;}

.mStep1{ padding:0.875em; position:relative; display: flex; align-items: center; justify-content: space-between;}
.mStep1 .nameBox{ padding:0 0.5em; overflow: hidden;}
.mStep1 .nameBox strong{ font-size: 1.5em; font-weight: 500; letter-spacing:-1px; float:left; }
.mStep1 .nameBox span{ padding:0.3em 0.5em; background-color: #92a013; border-radius: 20px; color: #fff; font-size: 0.78em; letter-spacing:-1px; display:inline-block; margin: 3px 0 0 5px;}

.mStep1 .barcode{width: 45%; font-size: 0.875em; text-align:center;}
.padding10{padding:10px 0;}
.mStep1 .barcode table{ margin:auto;}
.mStep1 .barcode table td.b{ background: url(/mobile/images/black.svg) center center no-repeat; width: 4px; height: 4px;}
.mStep1 .barcode table td.w{ background: url(/mobile/images/white.svg) center center no-repeat; width: 4px; height: 4px;}

.mStep1 .mPoint{ clear:both; display: inline-block; width: 50%; float: left;}
.mStep1 .mPoint img{ height: 25px; padding:0 5px; vertical-align: middle;}
.mStep1 .mPoint a{ color: #ea5815; text-decoration: underline; }

.mStep1 .mCoupon{ display: inline-block; width: 50%; float: left;}
.mStep1 .mCoupon a{ color: #ea5815;text-decoration: underline; }
.mStep1 .mCoupon img{ height: 25px; padding:0 5px; vertical-align: middle;}

.mStep2{ padding: 1em; line-height: 1.4em; position:relative;}
.mStep2 .kImg{  float: left; padding:0px 10px;}
.mStep2 .kImg img{ height: 54px; vertical-align:middle;}
.mStep2 .lNumber{  float: left; width: 100%;}
.mStep2 .lNumber h2{ font-size: 1em; letter-spacing: -1px;}
.mStep2 .lNumber h3{ font-size: 2em; letter-spacing: -1px; font-weight: bold;}
.mStep2 a{ border:1px solid #ddd; border-radius: 13px; padding:0.5em 1em; vertical-align:middle; box-shadow: 2px 3px 0px 0 rgba(232,232,232,1);  float: right; font-size:0.75em; width:50%; color:#444; text-align:center; letter-spacing:-1px;}
.mStep2 a img{ height: 30px; vertical-align:middle;}

.blind{ background-color: #fff; position: absolute; top:0; left: 0; right: 0; bottom:0; width: 100%; z-index: 10; opacity: 0.9;}

.mStep2 .lNumber{  float: left; width: 100%;}
.mStep2 .lNumber h2{ font-size: 1em; letter-spacing: -1px;}
.mStep2 .lNumber h3{ font-size: 2em; letter-spacing: -1px; font-weight: bold;}

.mStep2 .kImg{  float: left; padding:0px 10px;}
.mStep2 .kImg img{ height: 54px; vertical-align:middle;}

.mStep3{ padding: 0.5em; position:relative;}
.mStep3 .itBox{ float: left; margin:4px 0px; width: 20%; text-align: center; position: relative; display: inline-block; }
.mStep3 .itBox img{width:80%;}
.mStep3 .itBox .stamp{ position: absolute; top:40%; right:-20%; width: 100%;}
.mStep3 .itBox .stamp img{ width:60%;}
.mStep3 h2{ clear: both; text-align: left; font-size: 0.875em; padding:10px 0;}
.mStep3 h2 span{ color: #ff8800;}

.TableStyle3{ width: 100%; font-size: 0.925em; margin-top:0.3em;}
.TableStyle3 th{border-bottom: 1px solid 333; font-size: 0.925em; color: #909090; border-bottom: 1px solid #5f5e5e; padding:8px 0;}
.TableStyle3 td{border-bottom: 1px solid #d3d3d3; padding:8px 0; text-align: center;}

.TableStyle3.top{ border-top:1px solid #333;}
.TableStyle3.top td:nth-of-type(2){ font-weight:bold;}
.TableStyle3.top td:nth-of-type(3){ color:#ea5815;}

.pr{position:relative;}
.pt20{ padding-top:20px;}

.TableStyle4{ width: 100%; font-size: 0.925em; margin-top:0.3em;}
.TableStyle4 th{border-bottom: 1px solid #ddd; font-size: 0.925em; color: #909090; border-bottom: 1px solid #5f5e5e;padding:8px 0;}
.TableStyle4 td{border-bottom: 1px solid #d3d3d3; padding:8px 0; text-align: center;}
.TableStyle4 td label:first-child{ margin-left: 0px;}
.TableStyle4 td label{ margin-left: 6px;}
.TableStyle4 td input[type="text"],.TableStyle4 td input[type="number"]{ border:1px solid #b5b5b5; height:40px; width:96%; text-align:center; text-indent: 0;}
.TableStyle4 td input::placeholder{ color:#d3d3d3; padding: 5px; font-weight: 300; }
.TableStyle4 td input[type=checkbox]{ vertical-align: middle;margin-bottom: -1px; margin-right:2px; border:1px solid #b5b5b5;}
.TableStyle4 td input[type=radio]{ vertical-align: middle; margin-right:2px;}
.TableStyle4 td input[type=radio] + label{vertical-align:middle;}
.TableStyle4 td img.x{display: inline-block; vertical-align: middle;}

.btn-add-box{
	width: 100px;
	padding: 40px 0 30px;
	margin: auto;
	text-align: center;
}
.btn-add-with{
	color: #bababa;
	text-align: center;
	display: inline-block;
	font-size: 1em;
}
.btn-add-bg{
	width: 49px;
	height: 49px;
	background-color: #e9e9e9;
	border-radius: 50%;
	margin:0 auto 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cross {
	background: #fff;
	height: 30px;
	position: relative;
	width: 4px;
	display: block;
	margin: auto;
}
.cross::after {
	background: #fff;
	content: '';
	height: 4px;
	left: -13px;
	position: absolute;
	top: 12px;
	width: 30px;
}

.btnWrap3{ width: 90%; margin: 0 auto 1em; padding:1em 0; overflow: hidden;}
.btnWrap3 a{ width:100%; float:left; color: #fff; background-color:#949494; font-size: 1em; margin-right: 4%; padding: 0.875em 0; display: inline-block; text-align: center; border-radius: 15px; box-shadow: 5px 5px 0px 0 rgba(232,232,232,1); display:inline-block;}
.btnWrap3 a:last-child{margin-right: 0;}
.btnWrap3 a.on{ background-color: #92a013;}

.btn_Choice{ display: inline-block; color: #fff; background-color:#7b7b7b; padding: 0.3em 1em; font-size : 0.875em;  border-radius: 10px;}
.btn_Choice.on{ background-color:#ea5815;}


/*partner*/
.TableStyle1{ width: 100%; border-top: 1px solid #444; border-bottom: 1px solid #ddd;font-size: 0.925em; margin-top: 0.5em;}
.TableStyle1 th{border-bottom: 1px solid #ddd; color: #909090;padding:8px 0;}
.TableStyle1 td{border-bottom: 1px solid #ddd; padding:8px 0;}
.TableStyle1 td strong{ font-weight: bold;}