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

/*-------------------- contents common --------------------*/
#wrap .contents{width:98%;margin:0.3em auto;}
.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('../../images/m_hills/commonDot.png') left no-repeat;margin:20px 0 10px;background-size:15px 15px;}
.infoDot{background:url('../../images/m_hills/infoDot.png')no-repeat ;width:10px;height:10px;margin-right:5px;}
.dotLine{height:1px;border-bottom:1px dashed #dcdcdc;}
.bgBottom{margin-bottom:15px;}

/* btn 占쏙옙튼 */
.motion{background:#ff6600;color:#fff;}
.pay{background:#03004e;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;}
.closeBtn{width:30%;margin:0 auto;padding:0.9em 0;}

/* 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;}
.yellow{color:#ffe776}

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

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

/* paging */
.paging{width:100%;margin:20px auto 0;}
.paging ul{text-align:center;}
.paging ul li{width:30px;height: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 --*/
.btnBox{margin:10px auto;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
.btnBox li{float:left;width:49%;padding:0.7em 0;margin-right:2%;text-align:center;}
.btnBox li:last-child{margin-right:0;}
.btnBox li > a{font:0.9em 'Manum GothicB';color:#fff;}

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

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

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


.mainTitle{font:1.5em 'Nanum GothicB';text-align:center;color:#45454f;padding:15px 0;border-bottom:1px solid #dedede;}
.mainTitle img{vertical-align:middle;}


/*-------------------- Member --------------------*/
/* Login */
/* login tab*/
.logTab{width:100%; margin:20px auto 0; text-align:center; overflow:hidden;}
.logTab > a{width:33.33%;padding:8px 0;border-radius:10px 10px 0 0;text-align:center;color:#fff;
font:13px 'Nanum GothicB';box-shadow:1px 1px 0px #f6f6f6;float:left;}
.logTab a.loginTab{background:#ff6600;}
.logTab a.LoginjoinTab{background:#949494;}
.logTab a.reserNumber{background:#9dc3e6;}

.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:78%;float:left;}
.grayBg .loginCont .logInputBox .loginInput input{text-indent:10px;width:100%;height:45px;border:1px solid #e0e0e0;margin-bottom:8px;}
.grayBg .loginCont .logInputBox .loginBtn{float:left;width:20%;margin-left:2%;background:#ff6600;}
.grayBg .loginCont .logInputBox .loginBtn a{color:#fff;padding:41px 0;text-align:center;display:block;}
.grayBg .loginCont .logInputBox .loginBtn2{float:left;width:20%;margin-left:2%;background:#9dc3e6;}
.grayBg .loginCont .logInputBox .loginBtn2 a{color:#fff;padding:41px 0;text-align:center;display:block;}

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

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

.grayBg .loginCont .snsJoinBox{width:100%;overflow:hidden;font-size:0;margin-bottom:30px;}
.grayBg .loginCont .snsJoinBox li{width:25%;float:left;}
.grayBg .loginCont .snsJoinBox li img{width:100%}
.grayBg .loginCont .snsJoinBox li div{width:100%}

.grayBg .loginCont .snsJoinBox1{width:50%;overflow:hidden;font-size:0;margin: 0 auto 30px;}
.grayBg .loginCont .snsJoinBox1 li{width:50%;float:left;}
.grayBg .loginCont .snsJoinBox1 li img{width:100%}
.grayBg .loginCont .snsJoinBox1 li div{width:100%}

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

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

/* join02 占실몌옙占쏙옙占쏙옙 */
.grayBg .hpIpBox{width:100%;margin:2em auto;}
.grayBg .hpIpBox .hpBox{margin: 0 auto;width:80%;background:#fff;border:1px solid #d2d2d2;padding:30px 15px;text-align:center;color:#6a6a6a;} 
.grayBg .hpIpBox .hpBox img{display:block;margin:0 auto 10px;}
.grayBg .hpIpBox .hpBox span{font:1em 'Nanum GothicB';display:block;margin:10px 0;}
.grayBg .hpIpBox .hpBox p{font-size:0.8em;color:#6a6a6a;width:80%;margin:0 auto;line-height:20px;}

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

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

/* join04 占쏙옙占쏙옙占쏙옙 */
.joinBoxList{width:100%;margin:0 auto;border:1px solid #e0e0e0;padding:1.5em 1.7em;background:#f9f9f9}
.joinBoxList .joinInfoBox{width:100%;margin:0 auto;overflow:hidden;padding:10px 0;}
.joinBoxList .joinInfoBox li{float:left;height:50px;width:65%}
.joinBoxList .joinInfoBox .infoList{width:35%;height:50px;font:1.2em 'Nanum GothicB';color:#7f7f7f;padding-top:15px;}
.joinBoxList .joinInfoBox li > input{width:100%;height:50px;border:1px solid #e1e1e1;text-indent:10px;}
.joinBoxList .joinInfoBox li > select{width:32%;height:50px;;border:1p x solid #e1e1e1;text-indent:10px;}

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

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

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


/* member 회占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */
.memberBoxList{width:100%;margin:0 auto;padding:1.5em 1.7em;background:#f9f9f9}
.memberBoxList .ListUnderLine{padding: 8px 0;border-bottom:1px dashed #e0e0e0;}
.memberBoxList .ListUnderLine.passBox{padding-top:10px;border-bottom:0;}
.memberBoxList .ListUnderLine.passBox2{padding-top:0;border-bottom:0;}
.memberBoxList .ListUnderLine .memberInfoBox{width:100%;margin:0 auto;overflow:hidden;padding:0;}
.memberBoxList .ListUnderLine .memberInfoBox li{float:left;}
.memberBoxList .ListUnderLine .memberInfoBox .infoList{width:35%;height:50px;padding: 16px 0;font:1.2em 'Nanum GothicB';color:#7f7f7f;}
.memberBoxList .ListUnderLine .memberInfoBox .infoConent.just{height:50px;line-height:50px;}
.memberBoxList .ListUnderLine .memberInfoBox .infoConent{width:65%;font-size:1.0em;color:#7f7f7f;}
.memberBoxList .ListUnderLine .memberInfoBox li > input{width:100%;height:50px;border:1px solid #e1e1e1;text-indent:10px;}
.memberBoxList .ListUnderLine .memberInfoBox li > select{width:32%;height:50px;;border:1px solid #e1e1e1;text-indent:10px;}
.memberBoxList .ListUnderLine .memberInfoBox li input.address{width:56%}
.memberBoxList .ListUnderLine .memberInfoBox li input.num{width:32%;margin-right:2%;}
.memberBoxList .ListUnderLine .memberInfoBox li input.num:last-child{margin-right:0;}

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

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

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

.memberBoxList .phoneTxt{width:65%;margin-left:35%;padding-bottom:0.9em;font-size:0.95em;color:#de3e1e;font-weight:600;}

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

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


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

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

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

/*-------------------- board --------------------*/
/* list_gallery 占쏙옙占썰갤占쏙옙占쏙옙 占싱븝옙트 */
.eventMoreBtn{width:100%;text-align:center;background:#45454f;}
.eventMoreBtn .moreBtn{color:#fff;cursor:pointer;width:100%;padding:1em 0;text-align:center;}
.eventMoreBtn .moreBtn li:first-child{margin-bottom:0.5em;}

/* view 占쌜븝옙占쏙옙 */ 
.grayBgBox.viewBox{overflow:hidden;min-width:320px;}
.viewBox .viewTitleBox{width:100%;height:24px;padding: 0 0.5em 0.5em;margin: 1.5em 0;border-bottom:1px dashed #e0e0e0;}
.viewBox .viewTitle{font-size:0.85em;float:left;}
.viewBox .viewDate{float:right;font-size:0.8em;}
.viewBox .viewMainImage{display:block;margin:0 auto;width:98%}
.viewBox .viewTxt{margin:20px 0; text-align:center;width:98%}
#viewAttach{padding: 0.8em;}
#viewAttach .attachTxt{font-size:0.85em;}
#viewAttach .attachImg{width:16px;height:16px;vertical-align: middle;}


/*-------------------- MY ZONE 占쏙옙占쏙옙占쏙옙 --------------------*/
.myzoneTabList{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.myzoneTabList li{float:left;width:25%;border-right:1px solid #dedede;margin:12px 0;}
.myzoneTabList li:last-child{border-right:0;}
.myzoneTabList li a{display:block;font:0.8em 'Nanum GothicB';color:#45454f;text-align:center;}
.myzoneTabList li.on a{color:#ff6600;}

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

.myzoneTabList4{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.myzoneTabList4 li{float:left;width:25%;border-right:1px solid #dedede;margin:12px 0;}
.myzoneTabList4 li:last-child{border-right:0;}
.myzoneTabList4 li a{display:block;font-size:calc(1vw + 0.5em);color:#45454f;text-align:center; letter-spacing:-1px;}
.myzoneTabList4 li.on a{color:#ff6600;}

.myzoneTabList4_v2{width:100%;overflow:hidden;box-shadow:0px 1px 3px #dfdfdf;}
.myzoneTabList4_v2 li{float:left;width:25%;margin:12px 0; position:relative;}
.myzoneTabList4_v2 li::after{content:''; width:1px; height:10px; position:absolute; top:3px; right:0; background-color:#dedede;}
.myzoneTabList4_v2 li:last-child::after{display:none;}
.myzoneTabList4_v2 li a{display:block;font-size:12px;color:#45454f;text-align:center; letter-spacing:-1px;}
.myzoneTabList4_v2 li.on a{color:#ff6600;}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.commonTable2{width:100%;}
.commonTable2 th{font-size:12px;padding:0.5em;border:1px solid #dedede;}
.commonTable2 th:first-child{border-left:0;}
.commonTable2 th:last-child{border-right:0;}
.commonTable2 td{font:0.8em "Nanum GothicB";color:#535252;border:1px solid #dedede;text-align:center;}
.commonTable2 .total{background:#45454f;color:#fff;}
.commonTable2 .firstMem{background:#bdbdbd;color:#535252;}
.commonTable2 .seconMem{background:#f6f6f6;color:#535252;}
.commonTable2 .thirdMem{background:#eeeeee;color:#535252;}
/* score 占쏙옙占쌘억옙 占싱니달뤄옙 */
.SubMonthBox3{
    position:absolute;
    top: 24px;
    left:50%;
    margin-left:-147px;
    width:270px;
    height:245px;
    border:solid 1px #e3e3e3;
    background:#fff;
	display:none; 
    padding:10px;
    overflow:hidden;
    z-index: 202;
}
.SubMonthBox3 .monthChoice{overflow:hidden;margin:10px auto;}
.SubMonthBox3 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} 
.SubMonthBox3 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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


/*���쉶�븞�궡*/
.champBn{ width:100%; text-align:center;}
.champBn img{ width: 96%;}

.champWrap{ width:90%; margin:2em auto;}

.darksalmon{ background-color:#e7945b; border-radius:15px; color:#fff;}
.darkgray{ background-color:#4d4d4d;border-radius:15px; color:#fff;}

.btnBox_3{padding:30px 0; margin:0 auto;font-size:0;overflow:hidden;width:77%;}
.btnBox_3 li.darksalmon{float:left;width:28%;padding:0.7em 0;margin-right:2%;text-align:center;}
.btnBox_3 li.darkgray{float:left;width:40%;padding:0.7em 0;text-align:center;margin-right:0;}
.btnBox_3 li > a{font:0.9em 'nanum GothicB';color:#fff;}
.btnBox_3 li.darkgray img{vertical-align:middle; width:13px;}
 
.btnBox_1{padding:30px 0; margin:0 auto;font-size:0;overflow:hidden;width:77%;}
.btnBox_1 li.darkgray{width:77%;padding:0.7em 0; margin:0 auto; text-align:center;}
.btnBox_1 li.darksalmon{width:77%;padding:0.7em 0; margin:0 auto; text-align:center;}
.btnBox_1 li > a{font:0.9em 'nanum GothicB';color:#fff;}
.btnBox_1 li img{vertical-align:middle; width:13px;}
 
.champWarp{ float:left; margin:2em 1em;}
.champbg{float:left; width:20%; text-align:right; background:url(../../images/m_hills/img_womeng.jpg) no-repeat; background-position:70% 0; background-size: 50px; height:130px; display:inline-block;}
.champbg img{ width:50px;}
.champbg2{float:left; width:20%; text-align:right; background:url(../../images/m_hills/img_man.png) no-repeat; background-position:70% 0; background-size: 50px; height:130px; display:inline-block;}
.champbg2 img{ width:50px;}
.champPopBox{float:left; width:80%;}
.champPopBox h2{ font-size:1.25em; color:#565656; padding:1.5em 0 0.5em; font-weight:bold;}
.champPopBox h2 span{ font-size:1em; color:#e17831; font-weight:bold;}
.champPopBox h3{ font-size:0.875em; color:#565656; line-height:1.5em;}

.champImg{ position: relative; width:100%; margin: 1em 0;}
.champImg img{ position:ralative; width: 100%;}
.champImg .btnBox_3{ position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%);}
.champImg .btnBox_1{ position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%);}

.champWrap2{ float:left; margin:2em 0.5em;}
.champTitle{ float:left;width: 100%;}
.champbg1{float:left; width:32%; text-align:right; background:url(../../images/m_hills/champImgBn1.jpg) no-repeat right; background-size: 100px; height:100px; display:inline-block;}
.champbg3{float:left; width:32%; text-align:right; background:url(../../images/m_hills/champImgBn2.png) no-repeat right; background-size: 100px; height:100px; display:inline-block;}
.champTitle h3{ display:inline-block; width:64%; float:left; color:#565656; font-size:1.125em; font-weight:bold;padding:57px 0 0 0;letter-spacing:-1px; text-indente:3px;}
.champTitle h3 span{ color:#b60671; font-size:1em; font-weight:bold;}

.champList{ clear:both; float:left; margin:0 0.5em; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.champList dl{ float:left; width:100%;  margin:5px 0;}
.champList dt{ float:left; width:32%; color:#8a8a8a; font-size:1em; text-align:left; margin:4px 0; margin-right:2%;}
.champList dd{ float:right; width:64%; font-size:1em; color:#494949; text-align:left; margin:4px 0;}
.champList dd.small{font-size:0.875em; line-height:1.25em;}
.champList dd.small span{font-size:1em; color:#d52b2b;}
.champList dd.small span.red_style{ color:red; font-size: 1.125em; line-height:1.5em;}

.champList .chamAgree p{ float:left; width:100%; color:#8a8a8a; font-size:1em; text-align:left; margin:4px 0; margin-right:2%;}
.champList li.check{ float:left; width:100%; line-height:40px;}
.champList li.check input{ width:18px; height:18px; background-color:#fff; border:1px solid #ddd;}
.champList li.small1{font-size:0.875em; width:100%; line-height:1.25em;}

.btnBox2 a.darkgray2.orange{background-color:#e7945b; width:177px; margin-left:-15px;}

.chamPreBox{ width: 100%; text-align:center;}
.chamPreBox p{ width: 90%; margin: 0 auto; padding:1.5em 0; }
.chamPreBox p img{ width: 125px;}
.chamPreBox h2{ width:100%; text-align:center; padding:0 0 1.5em 0;}


/* wonjin */
.wjBottom{width:100%; background-color:#ec789b;}
.bottomInfo{width: 100%; border-radius:15px;overflow:hidden; padding:1em 0 0 0;}

.bottomInfo .w_logoBox{ width:70%; margin:0 auto; text-align:center;}
.bottomInfo .w_logo{ width:50%; max-width:150px;}
.bottomInfo .w_logo1{ width:50%; max-width:40px; padding:15px 0;}

.bottomInfo .wjInputBox{overflow:hidden; width:92%; margin:0 auto;}
.bottomInfo .wjInputBox .floatInput{}
.bottomInfo .wjInputBox .floatInput .infoBox{overflow:hidden;padding:7px 0; width:100%;} 
.bottomInfo .wjInputBox .floatInput .infoBox li{ float:left; display:inline-block;}
.bottomInfo .wjInputBox .floatInput .infoBox li.title{width:25%; min-width:65px; height:30px; line-height:30px; text-indent:5px;}
.bottomInfo .wjInputBox .floatInput .infoBox li:nth-child(2){width:74%;}
.bottomInfo .wjInputBox .floatInput .infoBox li .txtInput{ width:100%; height:30px;background:#fff;border:1px solid #e1e1e1; text-indent:10px;}
.bottomInfo .wjInputBox .floatInput .infoBox li .phoneInput{display:inline-block;width: 31.9%;height:30px;background:#fff;border:1px solid #e1e1e1;padding-left:4px;}

.bottomInfo .wjInputBox .floatInput .agreeyCheck{font-size: 12px;color:#fff;margin-top:10px; text-align:center;}
.bottomInfo .wjInputBox .floatInput .agreeyCheck .agCheck{width:17px;height:18px;vertical-align:middle;}
.bottomInfo .wjInputBox .floatInput .agreeyCheck > a{display:inline-block;color:inherit;font-size:inherit;} 

.bottomInfo .wjNumberBox{width:100%; text-align:center;}
.bottomInfo .wjNumberBox li{text-align:center;color:#fff;}
.bottomInfo .wjNumberBox li .linkBtn{width:225px;height:45px;line-height:40px;font-size:1.3em;margin:25px auto 5px;border:2px solid #fff;display:block;background:#4e2e33;color:#fff;}
.bottomInfo .wjNumberBox li.number{font-size:1.3em;font-weight:600;margin:10px 0 5px;}
.bottomInfo .wjNumberBox li.text{font-size:13px;line-height:18px;} 

.wjWarp{ width:90%; padding:1em 0; margin:0 auto;}
.wjWarp pre{ font-size:0.75em; line-height:22px;white-space: pre-wrap;}


/*190823異붽�*/
/* .etcWrap{ width: 100%; border:1px solid #ddd; background:url('../../images/hills/bg_etc.jpg') no-repeat top; background-size:cover; position:relative; } */
.etcWrap{ width: 100%; border:1px solid #ddd; position:relative; }
.etcWrap p img{ width: 100%; text-align:center;}
.etcBnBox{ width: 100%; margin:0 auto;}
.etcBnBox li{ display:inline-block; float:left; width:25%;}
.etcBnBox li h3{ font-weight:500; text-align:center; font-size:12px; padding-top:5px; }
.etcWrap h2{ clear:both; text-align:center; padding: 10px 0;}

.etcCover{ width:100%; background-color:rgba(0,0,0,0.8); position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; display:table; height:100%;}
.etcCover p{ width: 100%; text-align:center; display:table-cell; vertical-align:middle; font-size:25px;} 


/*191121異붽�*/
.b2f_movie{}
.b2f_movie .b2f_box img{ width:100%;}
.b2f_movie .b2f_btn{ overflow: hidden;}
.b2f_movie .b2f_btn li{ float: left; display: inline-block; width: 50%;}
.b2f_movie .b2f_btn li img{width: 100%;}
.b2f_movie .b2f_box1{width: 100%;}
.b2f_movie .b2f_box1 img{ width: 100%; vertical-align:top;}
.b2f_movie .b2f_box1 .movie{ background-color:#7e2221; text-align: center; margin: 0 auto; }
.b2f_movie .b2f_box1 .movie h2{ font-size: 1em; padding: 2em 0 0; text-align: center; color:#fff;}
.b2f_movie .b2f_box1 .movie video{ max-width: 85%; padding: 1em 0 2em;}

.b2f_movie .b2f_box2{ }
.b2f_movie .b2f_box2 img{width:100%;vertical-align:top;}
.b2f_movie .b2f_box2 .movie{ background-color:#02619b; text-align: center; margin: 0 auto; }
.b2f_movie .b2f_box2 .movie h2{ font-size: 1em; padding: 2em 0 0; text-align: center; color:#fff;}
.b2f_movie .b2f_box2 .movie video{ max-width: 85%; padding: 1em 0 2em;}

.topBn{ width:100%; background-color:#a5bfdf; text-align:center; position:relative;}
.topBn img{ display:block; height:35px; margin:0 auto;}


/*200619-QR異붽�*/
.orangeBg{ background-color:#f38919; padding-bottom:90px !important;}
.qrWrap{ width:100%;}
.qr_bg{ position:relative; width:100%;}
.qr_bg img{ width:100%; }
.qrWrap h1 img{ display:block; width: 80%; margin:1em auto;}
.qrInfoBox{ border-radius: 15px 15px 0 0;width:96%; margin:0 auto; background-color:#fff; padding:15px 0}
.qrInfoBox p{ border:1px solid #ddd; padding:5px; width:235px; height:235px; margin:0 auto;}
.qrInfoBox h2{ text-align:center; font-size: 2em; padding:10px 0 30px;}

.qrTable{ width:90%; margin: 0 auto;}
.qrTable thead th{ background-color:#1f3244; color: #fff; padding:8px 0; font-size:1em;}
.qrTable thead th:first-child{ border-radius:15px 0 0 15px;}
.qrTable thead th:last-child{ border-radius:0 15px 15px 0;}
.qrTable td{ text-align:center; padding:8px 0; font-size:1em;}
.qrBox table{ margin:0 auto 20px;}

.qrname{ width:200px; margin:20px auto 0; font-size: 1em;}

/*200806*/
.royalText{ width:95%; margin:0 auto; line-height: 1.8em; font-size: 0.8em; word-break:keep-all;}
.royalText span{ font-size: inherit;}
.royalBtn{ width:80%; padding:0.5em; display:block; margin:0 auto; font-size: inherit;}

/*200806추가*/
.earlyBox{ width:100%; text-align: center; clear: both; padding: 10px 0 10px;}
.event_sf{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#2091e1; font-size:0.75em;}
.event_se{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#bc32da; font-size:0.75em}
.event_sc{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#ff9b0d; font-size:0.75em}
.event_ss{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#8ab620; font-size:0.75em}
.event_sr{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#c89f23; font-size:0.75em}
.event_sj{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#5C1DB5; font-size:0.75em}

.icon_team{ padding:4px; border-radius:50px; color:#fff; display:inline-block; background-color:#505050; font-size:0.75em; margin-right:5px;}

/*200924*/
.tBtn{ background-color:#ff8800; color:#fff; padding:5px 10px; border-radius:10px; display:inline-block; margin: 0 10px;}
.tmimg{ width:100%;}
.tmBox{ width:100%;}
.tmBox p img{ width:100%;}
.tmBox ul{overflow:hidde; width:100%;}
.tmBox li{ width:33.3333%; float:left;}
.tmBox li img{ display:block; width:100%;}

.kokLayer{border:1px solid #444; position:fixed; z-index:1010; width:100%;}
.kokLayer img{ width:100%;}
.kokLayer h4{ width:100%; background-color:#444; text-align:center; padding:8px 0;}
.kokLayer h4 a{color:#fff; width:100%; display:block;}
.overlay1{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color:rgba(0,0,0,0.8);z-index:1004;}

/*210216*/
.stepLevel{ font-size:0.825em; padding-bottom:5px;}
.stepLevel span{ font-size:inherit; border:1px solid #d5d5d5; border-radius:20px; text-align:center; color:#ff6600; font-weight:bold; line-height:1.5em; display:inline-block;}

input.pop_birth{ border:1px solid #767676; height:28px; color:#444;}

/*211116*/
.commonTable.big th{ padding: 4px 0; font-size:0.875em; line-height: 30px; background-color:#8c8c8c; color:#fff;}
.commonTable.big td{ padding: 4px 0; font-size:0.875em; text-align:left; padding-left:10px;}
.commonTable.big td .txt{border: 1px solid #e1e1e1; height: 30px; text-indent: 10px; width: 40%; }
.commonTable.big td .select{border: 1px solid #e1e1e1; height: 30px; text-indent: 10px;width: 90%;}
.commonTable.big td .select_long{border: 1px solid #e1e1e1; height: 30px; text-indent: 10px;width: 90%;}
.commonTable.big td textarea{ border: 1px solid #e1e1e1; height: 100px; width:90%; resize:none;}

/*211217*/
.commonTable tr.nonBorder{ border-bottom:0; height:30px}
.commonTable tr.nonBorder td{ padding:5px 0 0 0;}
.commonTable td.left{ text-align:left; text-indent:5px;}
.commonTable td a.whiteBtn{ display:block;width:90%;padding:5px 0;font-size:1em;margin-top: -1px;border:1px solid #ddd; color:#333; margin:auto;}

/*220103*/
.advance_content{width:98%;background:#fff; margin:0 auto -160px; padding: 1em; border-top:2px solid #ff6600; border-bottom:2px solid #ff6600;}
.advance_content p.tit{ text-align:center; padding: 0.75em 0;}
.advance_content p.tit img{ max-width: 25px; display:block; margin:0 auto;}
.advance_content h2.tit{font-size: 1.125em;color:#4d4c4c;text-align: center;font-family:'Nanum GothicB'; padding-bottom:1em;}
.advance_content hr{border: 0;border-bottom: 1px dashed #ddd;height: 1px;display: block;width: 98%;margin: 0.7em auto;}

.grayInfoBox{ background-color:#e8e8e8; border-radius:20px; border:1px solid #c3c3c3; padding:8px 12px; color:#333;}
.grayInfoBox dl{ width:100%; font-size:0; padding: 4px 0;}
.grayInfoBox dl dt{ display:inline-block; font-size:14px; width:92px;}
.grayInfoBox dl dt::after{ content:':'; padding: 0 3px; float:right;}
.grayInfoBox dl dd{ display:inline-block; font-size:14px; letter-spacing:-1px; padding-left:3px;}
.grayInfoBox dl dd.b{ font-weight:bold;}
.noticeText{ font-size:0.825em; color:red; padding: 5px 0; text-align:left !important; margin:0 !important;}
.noticeText2{ font-size:0.825em; color:red; padding: 8px 0; text-align:left !important; margin:0 !important;}

.payWayBox2{ width:100%; padding:5px 0; position:relative;}
.payWayBox2 h2{font-size:16px; font-weight:bold; padding: 10px 0 0; text-align:left; font-family:'Nanum Gothic';color: inherit;}
.payWayBox2 h2 span{font-size:0.875em;}
.payWayBox2 textarea{ border:1px solid #c3c3c3; background-color:#e8e8e8; width:100%; height:100px; resize:none; margin:10px 0 0;}
.payWayBox2 p.font16{ font-size:1em;}
.payWayBox2 p.left{ text-align:left;}
.payWayBox2 p span.strong{ font-weight:bold; padding-left:10px;}

.payList{ width:100%; padding-bottom:10px; overflow:hidden;}
.payList dl{ width:100%; float:left; font-size:0; padding: 6px 0; }
.payList dl dt{ vertical-align:middle; width:25%; font-size:14px; display:inline-block; padding-left:8px;}
.payList dl dd{ vertical-align:middle; width:40%; display:inline-block; font-size:13px; padding-left:10px;}
.payList dl dd.lastdd{ width:35%; }

.btnBox2{ width:100%; padding: 1em 0; text-align:center;}
.btnBox2 a{ width: 40%; text-align:center; display:inline-block; background-color:#626262; color:#fff; padding:10px 0; margin:0 0.5em;}
.btnBox2 a.on{ background-color:#ff6600;}

.payInfo{ margin:5px 0; padding: 10px 0; border-top:1px dashed #808080; border-bottom: 1px dashed #808080;}
.payInfo dl{ width:100%; display:table; padding: 5px 0;}
.payInfo dl dt{ width: 20%; display:table-cell; vertical-align:middle; font-size:1em; max-width:60px;}
.payInfo dl dd{ width: 80%; display:table-cell; vertical-align:middle;}
.payInfo dl dd input[type="text"]{ border:1px solid #ddd; height:40px; font-size:0.875em; padding: 0 5px;}
.payInfo dl dd input[type="email"]{ border:1px solid #ddd; height:40px; font-size:0.875em; padding: 0 5px;}
.payInfo dl dd select{ border:1px solid #ddd; height:40px; font-size:0.825em; text-indent:12px;}
.payInfo dl dd input::placeholder {color:#bbb8b8; font-size:0.825em;}
.payInfo dl dd input::-webkit-input-placeholder {color:#bbb8b8; font-size:0.825em;}
.payInfo dl dd input:-ms-input-placeholder {color:#bbb8b8; font-size:0.825em;}
.wp80{ width:80%;}
.wp40{ width:40%;}
.padding5{ padding:5px 0;}
/*.center{ text-align:center;} */

/*guide*/
.guideWrap{ width:100%; margin-top:20px;}
.guideBox{ width:100%; padding: 0.5em;}
.guideBox.grayBox{ border:1px solid #ddd; background-color:#f8f8f8; border-radius:8px;}
.guideBox h2{ font-size:1em; padding-bottom: 6px; font-weight:bold; color:#333;}
.guideBox p{ word-break:keep-all; white-space: pre-line; font-size:0.825em; line-height:1.8em;}
.guideBox p span{ font-size:1em; line-height:1.5em;}
.guideBox p span.gray{ color:#888;}

.guideBox2{ width: 100%; padding: 0.5em;}
.guideBox2 h2{ font-size:1em; padding-bottom: 6px; font-weight:bold; color:#333;}
.guideBox2 p{ word-break:keep-all; white-space: pre-line; font-size:0.825em; line-height:1.8em; padding-bottom:20px;}

.chargeTable{width:100%;border-top:1px solid #45454f;border-bottom:1px solid #45454f;margin:5px 0;}
.chargeTable.tableBottom{margin-bottom:20px;}
.chargeTable th{font-size:0.9em;padding:10px;background:#45454f;color:#fff; border:1px solid #fff;}
.chargeTable tr{font-size:0.9em;height:40px;color:#535252;text-align:center;}
.chargeTable tr:last-child{border-bottom:0;}
.chargeTable td{font-size:0.9em;border:1px solid #dedede; padding: 5px;}
.chargeTable td span{ font-size:1em;}

.guideBtn{ dispaly: block; margin:1em 0; padding: 8px; background-color:#333; color:#fff; text-align:center;}

/*220721-mobile-coupon*/
.layer-coupon{ position:absolute; top:50%; left: 0; transform: translateY(-50%); width: calc(100vw + 1px);}
.coupon-box{ width:100%; position: relative; }
.bg-coupon img{ width :100%;}
.coupon-text{ width:60vw; position:absolute; top:70%; left:44%; transform: translate(-50%,-50%); font-size: 6vw; overflow: hidden; font-weight:bold; color:#fff; text-align:center;}
.layer-close{ width: 100%; background-color:#505050; color:#fff; text-align:center; padding: 0.725em 0; display:block; font-size:16px;}
.bn-coupon{ position:absolute; right:0; top:30%; width: 80px; text-align:center; background-color:#ff6600; color:#fff; box-shadow: 0px 0px 10px rgb(90 90 90);}
.bn-coupon a{ display:block; color:#fff; width: 100%; padding: 15px 0; line-height:1.5em; font-size:14px; }

.btn-check{ width: 90%; border:1px solid #dedede; background-color:#fff; padding: 10px 0; text-align:center; font-size:16px; margin:10px auto 0; display:block;}
.btn-check span{ font-weight:bold; font-size:16px;}
button.btn-check:focus {border:1px solid #dedede; !important;}