/* 지플러스 등급 개편전 사용된 CSS */ /* @charset "utf-8"; */ /* CSS Document */ /*-------------------- subImg lnbBox --------------------*/ .subImgbox{width:100%;height:175px;background:url('../../images/boeun/subBg.png')no-repeat top;background-size:100%;} .subImgbox .subImg{width:1200px;margin:0 auto;overflow:hidden;text-align:center; padding-top:55px;} .lnbBox{width:100%;border-bottom:1px solid #e8e8e8;} .lnbBox .lnb{width:1200px;height:60px;margin:0 auto;overflow:hidden;} .lnbBox .lnb img{padding:1px 0; border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;float:left;} .lnbBox .lnb p{float:left;height:60px;line-height:60px;padding-left:30px;font-size:13px;} .lnbBox .lnb p span{color:#5b5b5b; padding-left:15px;} select,input{font-family: 'Noto Sans KR', 'Noto Sans Korean', Malgun Gothic, "맑은고딕", arial, sans-serif} /*-------------------- contents common --------------------*/ #wrap .contents{width:1200px;margin:0 auto;padding-bottom:20px;} .commonDot{font-size:16px;color: #4f4f4f;padding-left:20px; background: url('../../images/boeun/commonDot.png') left 6px no-repeat;} .infoDot{background:url('../../images/boeun/infoDot.png')no-repeat ;width:10px;height:10px;margin-right:5px;} .subTitle {clear:both;width:100%;height: 30px;margin-top:50px;position:relative;} .subTitle .title {font-size: 25px;font-weight: bold;padding-right:10px;color:#4f4f4f} .subTitle .titleDes {font-size: 12px;color:#bebebe} .withDrawBtn{position:absolute;top:0px;left:50%;display:block;padding:7px 15px;background:#858585;color:#fff; margin-left:524px;font-size:12px;} .subTitle.subBottom{margin-bottom:20px;} .bgBottom{margin-bottom:30px;} .subLine{width:1200px;height:10px;border-bottom:1px solid #adadad;margin-bottom:50px;} .subLine1{width:1200px;height:10px;border-bottom:1px solid #adadad;margin-bottom:20px;} .dotLine{height:1px;border-bottom:1px dashed #dcdcdc;} .dotLine2{height:1px;border-bottom:1px dashed #dcdcdc;margin:20px 0;} .grayBgBox{width:100%;border:1px solid #e0e0e0;;padding:20px 50px;background:#f9f9f9;} .grayCommonBox{width:100%;height:100px;background:#45454f;color:#ffffff;margin-bottom:40px;position:relative;} .grayBox{width:450px; height: 100%; background: #45454f; color: #fff;position:relative;float:left;} .midTitleBox{width:100%;height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;} .midTitleBox .reserGuide{float:right;display:inline-block;padding:5px;font-size:12px;color:#4f4f4f;border:1px solid #e5e8ef;} .midTitleBox .reserGuide img{width:9px;height:9px;vertical-align:middle;margin-top:-3px;} .commonTable{width:1200px;border-top:1px solid #45454f;border-bottom:1px solid #45454f;} .commonTable.tableBottom{margin-bottom:70px;} .commonTable th{font-size:13px;padding:10px;border-bottom:1px solid #e1e1e1;} .commonTable tr{font-size:14px;height:40px;color:#535252;border-bottom:1px solid #dedede;text-align:center;} .commonTable td{font-size:13px;} .commonTable td.strong{font-size:14px;color:#002539;font-weight: bold;} .commonTable tr:last-child{border-bottom:0;} .commonTable td input.orangeBtn{display:block;width:50px;height:25px;font-size:12px;margin-top: -1px;} .commonTable td input.blueBtn{display:block;width:50px;height:25px;font-size:12px;margin-top: -1px;} .commonTable td input.grayBtn{display:block;width:50px;height:25px;font-size:12px;margin-top: -1px;} .commonTable td a.orangeBtn{display:block;width:50px;height:25px;line-height:25px;font-size:12px;margin-top: -1px;} .commonTable td a.blueBtn{display:block;width:50px;height:25px;line-height:25px;font-size:12px;margin-top: -1px;} .commonTable td a.grayBtn{display:block;width:50px;height:25px;line-height:25px;font-size:12px;margin-top: -1px;} .commonTable td span.orangeBtn{display:block;width:50px;height:25px;line-height:25px;font-size:12px;margin:3px auto;border-radius:5px;} .commonTable td span.blueBtn{display:block;width:50px;height:25px;line-height:25px;font-size:12px;margin:3px auto;border-radius:5px;} .commonTable td span.greenBtn{display:block;width:50px;height:25px;line-height:25px;font-size:12px;margin:3px auto;border-radius:5px;} .commonTable td .txt{color:#b2b2b2;} /* select arrow (background-size�� �ش�class�� ���� ����) */ .select-arrow{background: url('../../images/boeun/select-arrow.png') no-repeat 90% 50%;text-indent:5px;} .select-arrow2{background: url('../../images/boeun/select-arrow2.png') no-repeat 100% 48%;text-indent:10px;} /*-- BtnBox --*/ .btnBox{text-align:center;padding-top:30px;font-size:0;} .btnBox a{ display:inline-block;width:150px;padding:12px 0;text-align:center;font:15px'Manum GothicB'; color:white;margin-right:15px;} .btnBox a:last-child{margin-right:0;} .btnBox input{display:inline-block;width:150px;padding:12px 0;text-align:center;font:15px'Manum GothicB'; color:white;margin-right:15px;} .btnBox input:last-child{margin-right:0;} .btnBox1{text-align:center;padding:30px 0;font-size:0;} .btnBox1 a{ display:inline-block;width:150px;padding:12px 0;text-align:center;font:15px'Manum GothicB'; color:white;margin-right:15px; margin-top:15px} .btnBox1 a:last-child{margin-right:0;} /* a btn ��ư */ .motion{background:#002539;color:#fff;} .cancel{background:#6e6e6e;color:#fff;} .orangeBtn{background:#002539;text-align:center;color:#ffffff;margin:0 auto;} .blueBtn{background:#3e8ddc;text-align:center;color:#ffffff;margin:0 auto;} .grayBtn{background:#686868;text-align:center;color:#ffffff;margin:0 auto;} .greenBtn{background:#6ea724;text-align:center;color:#ffffff;margin:0 auto;} .bookingBtn{color:#999999;border:1px solid #e0e0e0;font-size:11px;} /* font color, style */ .orangeRed{color:#de3e1e;} .orange{color:#002539;} .blue{color:#3e8ddc;} .red{color:#e35d5d;} .gray{color:#b7b7b7;} .green{color:#6ea724;} .bold{} .through{text-decoration:line-through;} .underline{text-decoration:underline;} /* 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:13px 'Namum GothicB';display:inline-block;padding:9px 10px;color:inherit} .paging ul li img{vertical-align:middle;} /*-------------------- reservation ���� --------------------*/ .contents .reserTabList{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_2.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .reserTabList a{display:inline-block;width:600px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .reserTabList .on{color:#ffffff;background:#002539;} .contents .reserBtnList{float:right;margin:0 auto;padding-bottom:30px;border-bottom:1px dashed #e0e0e0;text-align: center;} .contents .reserBtnList a{width:150px;height:62.5px;display:inline-block;border-radius:10px;margin-right:15px;} .contents .reserBtnList a.reserBtn0{background:url('../../images/boeun/reserbtn0.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn1{background:url('../../images/boeun/reserbtn1.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn2{background:url('../../images/boeun/reserbtn2.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn3{background:url('../../images/boeun/reserbtn3.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn4{background:url('../../images/boeun/reserbtn4.png')no-repeat top;background-size: 150px;margin-right:0;} .contents .reserBtnList a.reserBtn5{background:url('../../images/boeun/reserbtn5.png')no-repeat top;margin-right:0;background-size: 150px;} .contents .reserBtnList a.reserBtn0.on{background:url('../../images/boeun/reserbtn0_on.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn1.on{background:url('../../images/boeun/reserbtn1_on.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn2.on{background:url('../../images/boeun/reserbtn2_on.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn3.on{background:url('../../images/boeun/reserbtn3_on.png')no-repeat top;background-size: 150px;} .contents .reserBtnList a.reserBtn4.on{background:url('../../images/boeun/reserbtn4_on.png')no-repeat top;background-size: 150px;margin-right:0;} .contents .reserBtnList a.reserBtn5.on{background:url('../../images/boeun/reserbtn5_on.png')no-repeat top;margin-right:0;background-size: 150px;} .contents .reserEnter{display:block;margin:0 auto;width:310px;height:60px;background:url('../../images/boeun/m_cal.png')no-repeat top;box-shadow:3px 4px 0px 0px #c4c4c4;margin-top: 30px;} /* �׸��� �� */ .gFBox{overflow:hidden;} .gFBox .title{float:left;width:80px;height:50px;line-height:50px;font-size:15px;color:#7f7f7f;} .gFBox .greenFeeList {display:inline-block;width:365px;} .gFBox .greenFeeList .greenFeeBox{overflow:hidden;display:inline-block;margin-top:10px;} .gFBox .greenFeeList .greenFeeBox .feeArrow{width:21px;height:21px;margin:26px 10px 0 0;float:left;background:url('../../images/boeun/feeArrow_l.png')no-repeat top;cursor:pointer;} .gFBox .greenFeeList .greenFeeBox .feeArrow img{vertical-align:middle;} .gFBox .greenFeeList .greenFeeBox .feeArrow.right{margin:26px 0 0 10px;background:url('../../images/boeun/feeArrow_r.png')no-repeat top;float:right;} .gFBox .greenFeeList .greenFeeBox .feeArrow:hover{background:url('../../images/boeun/feeArrow_l_on.png')no-repeat top;} .gFBox .greenFeeList .greenFeeBox .feeArrow.right:hover{background:url('../../images/boeun/feeArrow_r_on.png')no-repeat top;} .gFBox .greenFeeList .greenFeeBox .feeArrow:clicked{background:url('../../images/boeun/feeArrow_l_on.png')no-repeat top;} .gFBox .greenFeeList .greenFeeBox .feeArrow.right:clicked{background:url('../../images/boeun/feeArrow_r_on.png')no-repeat top;} .gFBox .greenFeeList .greenFeeBox .feeBarBox{width:300px;float:left;height:50px;margin-top:26px;} .gFBox .greenFeeList .greenFeeText{overflow:hidden;display:inline-block;} .gFBox .greenFeeList .greenFeeText .feeMinText{float:left;overflow:hidden;} .gFBox .greenFeeList .greenFeeText .feeMinText li{float:left;font-size:13px;margin-left:4px;} .gFBox .greenFeeList .greenFeeText .feeMinText .fee{} .gFBox .greenFeeList .greenFeeText{overflow:hidden;display:inline-block;width:365px;margin-top:5px;} .gFBox .greenFeeList .greenFeeText .feeMaxText{float:right;overflow:hidden;} .gFBox .greenFeeList .greenFeeText .feeMaxText li{float:right;font-size:13px;margin-right:4px;} .gFBox .greenFeeList .greenFeeText .feeMaxText .fee{} /* calendar */ .reserCalBox{width:1200px;overflow:hidden;margin-bottom:70px;} .reserCalBox .box {width:500px;height:525px;margin:0 auto;border:1px solid #e3e3e3;float:left;position:relative;} .reserCalBox .box .monthChoice{width:270px;overflow:hidden;margin:20px auto;} .reserCalBox .box .monthChoice span{float:left;letter-spacing:0;} .reserCalBox .box .monthChoice span a{display:block;padding: 8px 5px;} .reserCalBox .box .monthChoice .month {margin:0 auto;color: #1d1d1d;font-weight:bold;width:200px;height:55px; font-size:20px;text-align:center;line-height:55px;} .reserCalBox .choiceBox{ margin:0 auto 20px; } .reserCalBox .choiceBox a{display:inline-block;} .reserCalBox .choiceBox img{vertical-align:middle;} .reserCalBox .choiceBox .title{ width:120px;height:50px;line-height:50px;font-size:20px;color:#7f7f7f;text-align:center;margin-right:20px; } .reserCalBox .choiceBox .reserSelect select{ width:300px;height:40px;line-height:40px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px; background: url('../../images/boeun/select-arrow.png') no-repeat 90% 50%;background-size: 13px 8px;text-indent: 5px;font-size:20px; } .reserCalBox .box .courseBtn{width:184px;overflow:hidden;margin:0 auto;} .reserCalBox .box .courseBtn span{float:left;margin:10px 0;} .reserCalBox .box .courseBtn span a{display:block;width:90px;height:25px;font-size:13px;text-align:center; border:1px solid #555555;line-height:25px;background:#fff;color:#444444;} .reserCalBox .box .courseBtn span a.on{background:#555555;color:white;border:1px solid #555555;} .reserCalBox .box .calTxt{width:145px;margin:10px auto 18px;text-align:center;font-size:15px;letter-spacing:0;} .reserCalBox .box .mainCalendar {text-align: center;width:500px;height:210px;margin:0 auto;} .reserCalBox .box .mainCalendar th {font-size:16px;color:#444444;font-weight: bold;padding:0px 0 15px; height:20px;} .reserCalBox .box .mainCalendar td div {font-size:15px;width:25px;color:#ececec;margin: auto;height:50px;line-height:42px;vertical-align: middle;} .reserCalBox .box .mainCalendar .sun{color: #bf3b3b;height: 20px;} .reserCalBox .box .mainCalendar .on{color:white;background:#199dd4;border-radius:9px;cursor: pointer;} .reserCalBox .box .mainCalendar .possible div{color:#444444;background:url('../../images/boeun/dot_blue.png')no-repeat bottom;cursor: pointer;} .reserCalBox .box .mainCalendar .impossible div{color:#444444;background:url('../../images/boeun/dot_red.png')no-repeat bottom;cursor: pointer;} .reserCalBox .box .mainCalendar .beforeOpen div{color:#444444;background:url('../../images/boeun/dot2_gray.png')no-repeat bottom;cursor: pointer;} .reserCalBox .box .mainCalendar .sale div{color:#444444;background:url('../../images/boeun/dot_green.png')no-repeat bottom;cursor: pointer;} .reserCalBox .box .mainCalendar .today div{width:40px;height:58px;line-height:50px;color:white;border-radius:10px;background:url('../../images/boeun/today.png')no-repeat bottom;cursor: pointer;} /* .reserCalBox .box .mainCalendar .today div{width:40px;height:58px;line-height:40px;color:white;border-radius:10px;} */ .reserCalBox .box .mainCalendar .today.possible div{background:url('../../images/boeun/todayPo.png')no-repeat top;} .reserCalBox .box .mainCalendar .today.impossible div{background:url('../../images/boeun/todayIm.png')no-repeat top;} .reserCalBox .box .resChoice{width:370px;text-align:center;letter-spacing:0;bottom:30px;left:50%;position:absolute;margin-left:-190px;} .reserCalBox .box .resChoice span{font-size:15px;color:#a3a1a1;vertical-align:middle;} .reserCalBox .box .resChoice img{width:25px;height:25px;vertical-align: middle;} .reserCalBox .box-right{width:600px;height:600px;float:left;padding-left:40px;} .reserCalBox .box-right .reserExTxt{width:100%;border:1px solid #e3e3e3;padding:20px 30px;} .reserCalBox .box-right .reserExTxt span{display:inline-block;} .reserCalBox .box-right .reserExTxt li{font-size: 13px; line-height: 27px; list-style: disc;} .grayBox .memList{padding:12px 20px;} .grayBox .memList li{padding:4px 0;} .grayBox .memList li span{color:#ffe776;} .courseTabList{width:1200px;height:45px;overflow:hidden;} .courseTabList a{ display:inline-block;width:170px;height:45px;line-height:45px;text-align:center;color:#45454f; background:#ebebeb;border-radius:10px 10px 0 0;font-size:14px;margin-right:3px } .courseTabList a.on{background:#45454f;color:white;} .courseTabList .timeHits{float:right;margin:15px 10px 0 0;} .courseTabList .selectBox{float:right;margin:7px 5px 0 0;} .courseTabList .selectBox select.select-arrow{width:70px;height:30px;border:1px solid #e0e0e0;color:#959595;padding-left:5px;background-size: 10px 5px;} /* reservation_wait */ /* calendar */ .reserCalBox{width:1200px;overflow:hidden;margin-bottom:70px;} .box-left{width:400px;float:left;} .reserCalBox .box-left .waitCalBox {width:400px;height:470px;margin:0 auto;border:1px solid #e3e3e3;position:relative;} .reserCalBox .box-left .waitCalBox:first-child{margin-bottom:20px;} .reserCalBox .box-left .waitCalBox .monthChoice{width:206px;overflow:hidden;margin:15px auto 10px;} .reserCalBox .box-left .waitCalBox .monthChoice span{float:left;padding-top:10px;letter-spacing:0;} .reserCalBox .box-left .waitCalBox .monthChoice span a{display:block;padding: 8px 5px;width:23px} .reserCalBox .box-left .waitCalBox .monthChoice span a img{width:100%} .reserCalBox .box-left .waitCalBox .monthChoice .month {margin:0 auto;color: #1d1d1d;font-weight:bold;width:160px;height:45px; font-size:25px;text-align:center;line-height:35px;} .reserCalBox .box-left .waitCalBox .courseBtn{width:180px;overflow:hidden;margin:0 auto;} .reserCalBox .box-left .waitCalBox .courseBtn span{float:left;margin:10px 0 15px;} .reserCalBox .box-left .waitCalBox .courseBtn span a{display:block;width:90px;height:25px;font-size:13px;text-align:center; border:1px solid #555555;line-height:25px;background:#fff;color:#444444;} .reserCalBox .box-left .waitCalBox .courseBtn span a.on{background:#555555;color:white;border:1px solid #555555;} .reserCalBox .box-left .waitCalBox .calTxt{width:145px;margin:10px auto 18px;text-align:center;font-size:15px;letter-spacing:0;} .reserCalBox .box-left .waitCalBox .waitCalendar {text-align:center;width:320px;height:160px;margin:0 auto;} .reserCalBox .box-left .waitCalBox .waitCalendar th {font-size:15px;color:#444444;font-weight: bold;padding:10px 0 15px;} .reserCalBox .box-left .waitCalBox .waitCalendar td div { font-size: 15px;width: 25px;color:#b7b7b7;cursor: pointer; margin: auto;height: 48px;line-height: 40px;vertical-align: middle;} .reserCalBox .box-left .waitCalBox .waitCalendar .sun{color: #bf3b3b;height: 20px;} .reserCalBox .box-left .waitCalBox .waitCalendar .on{color:white;background:#199dd4;border-radius:9px} .reserCalBox .box-left .waitCalBox .waitCalendar .possible_w div{color:#444444;background:url('../../images/boeun/dot_blue.png')no-repeat bottom;background-size:38px 42px;} .reserCalBox .box-left .waitCalBox .waitCalendar .impossible_w div{color:#444444;background:url('../../images/boeun/dot_red.png')no-repeat bottom;background-size:38px 42px;} /* .reserCalBox .box-left .waitCalBox .waitCalendar .today div{width:40px;height:58px;line-height:48px;color:white;border-radius:10px;} */ .reserCalBox .box-left .waitCalBox .waitCalendar .today div{width:40px;height:40px;line-height:40px;color:white;border-radius:10px;background:#002539;margin-bottom: 7px;} /* .reserCalBox .box-left .waitCalBox .waitCalendar .today.possible_w div{background:url('../../images/boeun/todayPo_w.png')no-repeat top;} .reserCalBox .box-left .waitCalBox .waitCalendar .today.impossible_w div{background:url('../../images/boeun/todayIm_w.png')no-repeat top;} */ .reserCalBox .box-left .waitCalBox .resChoice{text-align:center;letter-spacing:0;bottom:30px;position:absolute;margin-left: -80px;left:50%;} .reserCalBox .box-left .waitCalBox .resChoice span{font-size:12px;color:#a3a1a1;} .reserCalBox .box-left .waitCalBox .resChoice img{width:15px;height:15px;vertical-align: middle;} .reserCalBox .box-right-wait{width:800px;height:600px;float:left;padding-left:40px;} .reserCalBox .box-right-wait .rightTxt{padding:10px 0 20px;font-size:13px;} .reserCalBox .box-right-wait .waitTable{width:760px;border-top:1px solid #45454f;border-bottom:1px solid #45454f;} .reserCalBox .box-right-wait .waitTable th{font-size:13px;padding:10px;border-bottom:1px solid #e1e1e1;background:#ebebeb;} .reserCalBox .box-right-wait .waitTable td{font-size:13px;height:40px;color:#535252;border-bottom:1px solid #e1e1e1;padding-left:20px;} .reserCalBox .box-right-wait .waitTable select{width:120px;height:30px;border:1px solid #e1e1e1;color:#404040;} .reserCalBox .box-right-wait .waitTable textarea{width:500px;height:200px;margin:10px 0;padding:10px;} /* reservation_check, myzone/coupon ����Ȯ��, ������ */ .grayCommonBox .inquiry{width:780px;margin:0 auto;padding:30px 0;} .grayCommonBox .inquiry .inquiryTitle{font-size:15px;color:#ffffff;width:100px;height:40px;margin-right:10px;line-height:40px;text-align:center;} .grayCommonBox .inquiry .dayInput{width:145px;height:30px;border:1px solid #dddddd;padding:5px; color:#b0abab;background:#fff;display:inline-block;vertical-align:middle;text-align:center;} .grayCommonBox .inquiry > a{display:inline-block;vertical-align: middle;margin-left:5px;} .grayCommonBox .inquiry > img{vertical-align:middle;margin-left:5px;} .grayCommonBox .inquiry .inquiryBtn{padding:10px 40px;color:#ffffff;background:#002539;font-size:15px;border-radius:10px;margin-left:20px;} .grayCommonBox .inquiry select{ width:150px;height:30px; padding:5px;color:#3d3d3d;background:#fff;display:inline-block;vertical-align:middle;text-align:center; background:url(../../images/boeun/selectArw.jpg) no-repeat right; } .inquiry1 {width:300px; display:inline-block;} .inquiry1 .dayInput{width:145px;height:30px;border:1px solid #dddddd;padding:5px; color:#b0abab;background:#fff;display:inline-block;vertical-align:middle;text-align:center;} .midTitleBox .bookingBtn.miniReser{float:right;display:inline-block;text-align:center;padding:5px 10px;margin-right:10px;} .midTitleBox .bookingBtn.miniReser span{font-size:5px;} /* reservation_change */ .infoChangeBox{width:1200px;border:1px solid #e0e0e0;height:425px;margin-bottom:50px;padding:30px 40px;} .infoChangeBox .infoList{margin-bottom:10px;} .infoChangeBox .infoList li{padding:12px 0;} .infoChangeBox .infoList li span{display:inline-block;font-size:15px;} .infoChangeBox .infoList .title{width:150px;} .infoChangeBox .infoList .orange{color:#002539;} .infoChangeBox .infoList li select.select-arrow{width:80px;height:35px;border:1px solid #dddddd;text-indent:15px;} .info_Ch{margin:20px auto 0;width:117px;} .infoChangeBox a.cancel{margin:0 auto;padding:10px 30px;display:inline-block;} /* reservation_regist */ .whiteBgBox{width:1200px;height:80px;line-height:80px;border:1px solid #e0e0e0;padding-left:40px;margin-bottom:50px;} .whiteBgBox span{display:inline-block;} .whiteBgBox .title{width:150px;} .commonTable.tableLine th{border-right:1px solid #e0e0e0;} .commonTable.tableLine td{border-right:1px solid #e0e0e0;} .commonTable.tableLine th:last-child{border-right:0;} .commonTable.tableLine td:last-child{border-right:0;} .commonTable .nameIp{width:150px;height:30px;border:1px solid #e0e0e0;text-align:center;} .commonTable .nameIp.numIp{width:100px;} .commonTable td a{display:block;} .last{font-size:13px;color:#002539;} /* reservation_guide */ .reserGuideBox{width:1100px;margin:0 auto;border:1px solid #e0e0e0;padding:40px 30px;} .reserGuideBox span.orangeRed{font-size:15px;padding:10px 0;} .reserGuideBox .guideTxt{padding:20px;} .reserGuideBox .guideTxt li{font-size:12px;padding-bottom:10px;} .reserGuideBox .guideTxt .et{padding-left:55px;} .reserGuideBox .guideTxt li .weekTxt{padding:30px;width:500px;height:290px;border:1px solid #e0e0e0;margin:10px 0 0 15px;} .reserGuideBox .guideTxt li .weekTxt li{padding:10px;border-bottom:1px dotted #c3c3c3;} .reserGuideBox .guideTxt li .weekTxt li.et{padding-left:95px;} .reserGuideBox .guideTxt li .weekTxt li:first-child{padding-top:0;} .reserGuideBox .guideTxt li .weekTxt li:nth-child(4) , .reserGuideBox .guideTxt li .weekTxt li:nth-child(5) , .reserGuideBox .guideTxt li .weekTxt li:last-child{border:0;} /*-------------------- Board �Խ��� --------------------*/ /* list */ .listBox{width:1200px;border:1px solid #e0e0e0;overflow:hidden;padding:20px 50px;} .listBox .findBox{float:right;width:345px;height:35px;margin:20px 0 10px;} .listBox .findBox select{width:80px;height:35px;border:1px solid #e1e1e1;vertical-align:middle;} .listBox .findBox input{width:180px;height:35px;border:1px solid #e1e1e1;} .listBox .findBox a{padding:10px 23px;} .jInvite{ color: #fff !important; background-color: #38668f; text-align:center; margin:0 auto; padding:5px 15px; } .jApply{ color: #fff !important; background-color: #38668f; text-align:center; margin:0 auto; padding:5px 15px;} .jFinish{ color: #fff !important; background-color: #bb2323; text-align:center; margin:0 auto;padding:5px 15px;} .listTable{clear:both;width:1100px;margin-bottom:10px;} .listTable th{font-size:13px;padding:10px;background:#707070;color:#fff;} .listTable td{font-size:13px;height:40px;color:#535252;border-bottom:1px solid #dedede;text-align:center;} .listTable td.title{cursor:pointer;} /* write */ .writeBox .list{padding:5px 0;} .writeBox .list .title{display:inline-block;width:100px;padding:10px 0;} .writeBox .list .titleIp{width:981px;height:35px;border:1px solid #e1e1e1;} .writeBox .list .liTxt{font-size:12px;color:#3a3a3a;margin-left:5px;} .writeBox .fileName { display:inline-block;width:400px;height:35px;padding-left:10px;margin-right:5px;line-height:35px; border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle; } .writeBox .btn_file { display:inline-block;background:#707070;width:150px;height:35px;line-height:35px; text-align:center;vertical-align:middle;color:#fff;font-size:12px; } .writeBox .btn_file.file2 {background:#d8d8d8;width:150px;color:#606060;border:1px solid #a0a0a0;} .writeBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .writeBox textarea{width:1100px;height:300px;border: 1px solid #e1e1e1;} /* view */ .grayBgBox.viewBox{overflow:hidden;} .viewBox .viewTitleBox{width:1100px;height:40px;line-height:30px;margin:10px 0 40px;border-bottom:1px dashed #e0e0e0;} .viewBox .viewTitle{font-size:16px;} .viewBox .viewDate{float:right;font-size:13px;padding:10px 0;} .viewBox .viewMainImage{display:block;margin:0 auto;max-width: 100%;} .viewBox .viewTxt{margin:20px 0; text-align:center;} #viewAttach{padding:15px;} #viewAttach .attachImg{width:16px;height:16px;margin-right:5px;vertical-align: middle;} /* view_event */ .commentBox{width:100%;overflow:hidden;margin:30px 0;} .commentBox .commenTitle{padding:5px 0 10px;color:#7f7f7f;} .commentBox .commenTitle .title{font-size:15px;margin:0 10px;} .commentBox .commenTitle .comentTxt{margin-left:10px;font-size:12px;} .commentBox .commenTitle .comentTxt span.orangeRed{font-size:13px } .commentBox .commentTxt{width:100%;height:60px;overflow:hidden;font-size:0;} .commentBox .commentTxt input{width:1120px;height:60px;border:1px solid #e1e1e1;margin-right:10px;padding-left: 15px;} .commentBox .commentTxt textarea{width:1120px;height:60px;border:1px solid #e1e1e1;margin-right:10px;} .commentBox .commentTxt a.orangeBtn{padding:22px 20px;float:right;} .commentBox .comment{width:100%;} .commentBox .comment .replyBox{overflow:hidden;padding:0 80px 0 30px;} .commentBox .comment .replyBox .img{float:left;width:24px;height:21px;margin-top:5px;vertical-align: middle;} .commentBox .comment .replyBox .reply{float:left;width:1060px;height:40px;line-height:38px;border-bottom:1px dashed #e0e0e0;} .commentBox .comment .replyBox .reply span{color:#6e6d6d;} .commentBox .comment .replyBox .reply .new{width:15px;height:15px;margin:10px 0 0 10px;vertical-align: middle;} .commentBox .comment .replyBox .reply .name{font-size:12px} .commentBox .comment .replyBox .reply .replyCont{font-size:12px;margin:0 10px 0 5px;} .commentBox .comment .replyBox .reply .delete{padding:5px 8px;font-size:12px;border:1px solid #e0e0e0;color:#111111;} /* list_gallery */ .galleryListBox{clear:both;padding-top:15px;} .galleryListBox .galleryBox{width:261px;height:300px;border:#e4e4e4 solid 1px;display:inline-block;margin:0 6px 20px;} .galleryListBox .galleryBox:nth-child(4){margin-right:0;} .galleryListBox .galleryBox:nth-child(8){margin-right:0;} .galleryListBox .galleryBox:nth-child(12){margin-right:0;} .galleryListBox .galleryBox:nth-child(16){margin-right:0;} .galleryListBox .galleryBox .gallBoxCont{} .galleryListBox .galleryBox .gallBoxCont a{display:block;overflow:hidden;font-size:0;} .galleryListBox .galleryBox .gallBoxCont a.galImg{width:259px;height:160px;} .galleryListBox .galleryBox .gallBoxCont .galImg img{width:100%;height: 100%;} .galleryListBox .galleryBox .gallBoxCont .gallery{height:160px;padding:15px;} .galleryListBox .galleryBox .gallBoxCont .gallery .gallTitle { width:240px;height:50px;font-size:15px ;color:#111111;padding:10px 0;text-overflow:ellipsis;} .galleryListBox .galleryBox .gallBoxCont .gallery .gallDate{font-size:12px;color:#7f7f7f} .galleryListBox .galleryBox .gallBoxCont .gallery .gallBtn{ background:#afafaf;text-align:center;width:90px;height:27px;line-height:27px;border-radius:10px;color:#fff; font-size:12px;margin-top:15px;display:block;} /*-------------------- modalpopup_minicalendar �߰� 2019.01.30--------------------*/ .SubMonthBox{ position:absolute; top:229px; left: 105px; width:270px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100; } .SubMonthBox .monthChoice{width:180px; overflow:hidden; margin: 10px auto;} .SubMonthBox .monthChoice span{float:left;letter-spacing:0;display:block;padding:0px; width: 15px;} .SubMonthBox .monthChoice .month { margin:0 auto; color: #1d1d1d; font-weight:bold; width:150px; height:20px; line-height:20px; font-size:19px; text-align:center; } .SubMonthBox .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox .mainCalendar td div { font-size:13px; width:30px;color:#b7b7b7;cursor: pointer;margin: auto; height:30px;line-height:30px;vertical-align: middle;} .SubMonthBox .mainCalendar .sun{color: #bf3b3b;height: 20px;} .SubMonthBox .mainCalendar .possible div{ color:#444; } .SubMonthBox .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;} .SubMonthBox1{ position:absolute; top:229px; left: 311px; width:270px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100; } .SubMonthBox1 .monthChoice{width:180px; overflow:hidden; margin: 10px auto;} .SubMonthBox1 .monthChoice span{float:left;letter-spacing:0;display:block;padding:0px; width: 15px;} .SubMonthBox1 .monthChoice .month { margin:0 auto; color: #1d1d1d; font-weight:bold; width:150px; height:20px; line-height:20px; font-size:19px; text-align:center; } .SubMonthBox1 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox1 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox1 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox1 .mainCalendar td div { font-size:13px;width:30px;color:#b7b7b7;cursor: pointer;margin: auto; height:30px;line-height:30px;vertical-align: middle;} .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;} /*-------------------- myZone ������ �̴ϴ޷� 190208--------------------*/ /* ������Ȳ,������Ȳ,���ھ���Ȳ status_visit,penal,score */ .SubMonthBox2{ position:absolute; top:65px; left: 370px; width:270px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; } .SubMonthBox2 .monthChoice{width:178px;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;vertical-align:middle;} .SubMonthBox2 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox2 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox2 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox2 .mainCalendar td div { font-size:13px;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;} .SubMonthBox3{ position:absolute; top:65px; left: 595px; width:270px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; } .SubMonthBox3 .monthChoice{width:178px;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;vertical-align:middle;} .SubMonthBox3 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox3 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox3 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox3 .mainCalendar td div { font-size:13px;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;} /* ������ coupon, ����Ȯ�� reservation_check */ .SubMonthBox4{ position:absolute; top:65px; left:434px; width:376px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; } .SubMonthBox4 .monthChoice{width:178px;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;vertical-align:middle;} .SubMonthBox4 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox4 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox4 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox4 .mainCalendar td div { font-size:13px;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;} .SubMonthBox5{ position:absolute; top:66px; left:658px; width:270px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; } .SubMonthBox5 .monthChoice{width:178px;overflow:hidden;margin:10px auto;} .SubMonthBox5 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} .SubMonthBox5 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;vertical-align:middle;} .SubMonthBox5 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox5 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox5 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox5 .mainCalendar td div { font-size:13px;width:30px;color:#b7b7b7;cursor: pointer;margin: auto; height:30px;line-height:30px;vertical-align: middle;} .SubMonthBox5 .mainCalendar .sun{color: #bf3b3b;height: 20px;} .SubMonthBox5 .mainCalendar .possible div{ color:#444; } .SubMonthBox5 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;} .SubMonthBox6{ position:absolute; top:256px; left:409px; width:376px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; } .SubMonthBox6 .monthChoice{width:178px;overflow:hidden;margin:10px auto;} .SubMonthBox6 .monthChoice a{letter-spacing:0;display: inline-block;padding:0 10px;vertical-align: middle;} .SubMonthBox6 .monthChoice .month {margin:0 auto;color:#1d1d1d;font-weight:bold;font-size:19px;text-align:center;padding:0 5px;vertical-align:middle;} .SubMonthBox6 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox6 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox6 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox6 .mainCalendar td div { font-size:13px;width:30px;color:#b7b7b7;cursor: pointer;margin: auto; height:30px;line-height:30px;vertical-align: middle;} .SubMonthBox6 .mainCalendar .sun{color: #bf3b3b;height: 20px;} .SubMonthBox6 .mainCalendar .possible div{ color:#444; } .SubMonthBox6 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;} /*-------------------- myZone ������ 190130 --------------------*/ /* member_modify ȸ���������� */ .necessaTitle{width:100%;height:40px;line-height:30px;overflow:hidden;border-bottom:1px dashed #dcdcdc;margin-top:20px;} .necessaTitle .miniNece{font-size:12px;float:right;padding-top:17px;} .necessa-InputBox{width:100%;overflow:hidden;margin-bottom:20px;} .necessa-InputBox .necessaList .smfont{font-size:12px; letter-spacing: -1px;} .necessa-InputBox .necessaList .mainBtn{width:120px;height:35px;margin-left:5px;} .necessa-InputBox .necessaList .overflow{overflow:hidden;width:370px;} .necessa-InputBox .necessaList .overflow .left{float:left;} .necessa-InputBox .necessaList .overflow .right{float:right;} .necessa-InputBox .necessaList .radioBox{padding-left:15px;font-size:12px;} .necessa-InputBox .necessaList .radioBox input:nth-child(2){margin-left:10px;} .necessa-InputBox .necessaList .cont .txt{border:1px solid #e1e1e1;height:35px;text-indent:10px;} .necessa-InputBox .necessaList .cont .txt.long{width:369px;} .necessa-InputBox .necessaList .cont .txt.mid{width:243px;} .necessa-InputBox .necessaList .cont .txt.short{width:117px;margin-right:5px} .necessa-InputBox .necessaList .cont .txt.short:last-child{margin-right:0;} .necessa-InputBox .necessaList .cont select{width:120px;height:35px;color:#cbcaca;border:1px solid #e1e1e1;text-indent:10px;margin-right:4px;} .necessa-InputBox .necessaList .cont select:last-child{margin-right:0;} .necessa-InputBox .necessa-LeftBox{width:549px;float:left;margin-top:30px;} .necessa-InputBox .necessa-LeftBox .necessaList{width:550px;overflow:hidden;} .necessa-InputBox .necessa-LeftBox .necessaList li{float:left;color:#7f7f7f;margin:5px 0;} .necessa-InputBox .necessa-LeftBox .necessaList .titleBox{width:150px;font-size:14px;height:35px;line-height:35px;} .necessa-InputBox .necessa-LeftBox .necessaList .cont{width:370px;height:35px;line-height:35px;} .necessa-InputBox .necessa-LeftBox .necessaList .neceBtn{float:right;padding:8px 10px;color:#fff;background:#707070;font-size:12px;margin-top:4px;} .necessa-InputBox .necessa-RightBox{width:549px;float:left;margin-top:30px;padding-left:29px;border-left:1px solid #e4e4e4} .necessa-InputBox .necessa-RightBox .necessaList{width:550px;overflow:hidden;} .necessa-InputBox .necessa-RightBox .necessaList li{float:left;color:#7f7f7f;margin:5px 0;} .necessa-InputBox .necessa-RightBox .necessaList .titleBox{width:150px;font-size:14px ;height:35px;line-height:35px;} .necessa-InputBox .necessa-RightBox .necessaList .cont{width:370px;height:35px;line-height:35px;overflow:hidden;} .necessa-InputBox .necessa-RightBox .necessaList .neceBtn{float:left;padding:8px 10px;color:#fff;background:#707070;font-size:12px;margin-top:2px;} .necessa-InputBox .necessa-RightBox .necessaList .cerBtn{padding:8px 10px;color:#fff;background:#707070;font-size:12px;margin-top:2px;} .necessa-InputBox .necessa-RightBox .necessaList .phoneTxt{float:left;font-size:12px;margin-left:10px;width:260px;height:35px;line-height:17px;} .necessa-InputBox .necessa-RightBox .phoneSnsBox{height:110px;padding:20px;background:#fff;border:1px solid #dadada;} .necessa-InputBox .necessa-RightBox .phoneSnsBox .txt{color:#7f7f7f;font-size:12px;line-height:17px;margin-bottom:10px;} .necessa-InputBox .necessa-RightBox .phoneSnsBox .radio{font-size:12px;margin-left:10px;} .necessa-InputBox .necessa-RightBox .phoneSnsBox .radio input{margin-left:10px;} .necessa-InputBox .necessa-RightBox .phoneSnsBox .radio input:nth-child(1){margin-left:0} /* myzone Tab ������ ����� ����Ʈ */ /* 2 */ .contents .myzoneTabList2{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList2 a{display:inline-block;width:600px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList2 .on{color:#ffffff;background:#002539;} /* 3 */ .contents .myzoneTabList3{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_3.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList3 a{display:inline-block;width:400px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList3 .on{color:#ffffff;background:#002539;} /* 4 */ .contents .myzoneTabList4{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_4.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList4 a{display:inline-block;width:300px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList4 .on{color:#ffffff;background:#002539;} /* 5 */ .contents .myzoneTabList5{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_5.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList5 a{display:inline-block;width:240px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList5 .on{color:#ffffff;background:#002539;} /* 6 */ .contents .myzoneTabList6{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_6.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList6 a{display:inline-block;width:200px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList6 .on{color:#ffffff;background:#002539;} /* 7 */ .contents .myzoneTabList7{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_7.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList7 a{display:inline-block;width:171px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList7 a:last-child{width:174px;} .contents .myzoneTabList7 .on{color:#ffffff;background:#002539;} .contents .myzoneTabList7 a.on:last-child{width:174px;color:#ffffff;background:#002539;} /* 8 */ .contents .myzoneTabList8{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_8.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList8 a{display:inline-block;width:150px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList8 .on{color:#ffffff;background:#002539;} /* 9? */ .contents .myzoneTabList9{ width:1200px;height:50px;margin:50px 0 30px;background:url('../../images/boeun/choiceTabBg_9.png')no-repeat top; font-size:0;box-shadow:5px 3px 13px 0px #ececec;} .contents .myzoneTabList9 a{display:inline-block;width:132px;height:50px;color:#707070;margin:0;line-height:50px;text-align:center;} .contents .myzoneTabList9 .on{color:#ffffff;background:#002539;} .grayCommonBox .state_inq{width:745px;margin:0 auto;padding:30px 0;} .grayCommonBox .state_inq select{width:120px;height:30px;margin-right:10px;} .grayCommonBox .state_inq .inqTitle{font-size:15px;color:#ffffff;width:100px;height:40px;margin-right:10px;line-height:40px;text-align:center;} .grayCommonBox .state_inq .dayInput{display:inline-block;width:145px;height:30px;border:1px solid #dddddd;padding:5px; color:#45454f;font-size:12px;background:#fff;vertical-align:middle;} .grayCommonBox .state_inq > img{vertical-align:middle;margin-left:5px;} .grayCommonBox .state_inq .inqBtn{display:inline-block;padding:10px 40px;color:#ffffff;background:#002539;font-size:15px;border-radius:10px;margin-left:20px;vertical-align: middle;} /* score ���ھ���Ȳ */ .score{float:right} .average{margin-right:20px;} .topScoreTitle{margin:0 auto;width:480px;height:43px;background:url('../../images/boeun/scoreBg.png')no-repeat top;overflow:hidden;margin-bottom:15px;} .topScoreTitle li{float:left;} .topScoreTitle li:nth-child(3){border-right:0;} .topScoreTitle .scoreTitle{font-size:17px;width:190px;height:43px;line-height:38px;text-align:center;} .topScoreTitle .scoreNum{width:50px;height:20px;margin:10px 0;text-align:center; color:#fff;border-right:1px solid #fff;font-size:18px ;} .scoreLine{border-top:1px solid #45454f;width:1200px;overflow:hidden;} .scoreLine > span{float:right;padding:10px} .scoreBox{width:1200px;overflow:hidden;margin-bottom:30px;} .scoreBox .scoreImg{ width:200px;height:201px;float:left;border-bottom:1px solid #dedede;border-top:1px solid #e0e0e0; border-right:1px solid #dedede;text-align:center;padding-top:20px;} .scoreBox .scoreImg img{width:155px;height:100px;} .scoreBox .scoreImg p{font-size:15px ;padding-top:5px;padding-bottom:5px;} .scoreBox .playerScore{width:1000px;float:left;} .scoreBox .playerScore .scBtnBox{width:100%;text-align:center;border-bottom:1px solid #dedede;} .scoreBox .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:10px;border:1px solid #dedede;} .commonTable2 th:first-child{border-left:0;} .commonTable2 th:last-child{border-right:0;} .commonTable2 td{font-size:14px;height:40px;color:#535252;border:1px solid #dedede;text-align:center; } .commonTable2 .me td.sc0{background-image:url('../../images/boeun/img_par_mark_s.png');background-size: 24px 24px;background-repeat: no-repeat;background-position: center center;} .commonTable2 .me td.sc-1{color:#eee;background-image:url('../../images/boeun/img_birdy_mark_s.png');background-size: 24px 24px;background-repeat: no-repeat;background-position: center center;} .commonTable2 .me td.sc-2{background-image:url('../../images/boeun/img_egle_mark_s.png');background-size: 24px 24px;background-repeat: no-repeat;background-position: center center;} .commonTable2 .total{background:#45454f;color:#fff;} .commonTable2 .tr.me{background:#bdbdbd;color:#535252;} .commonTable2 .tr1{background:#eeeeee;color:#535252;} /* coupon ������ */ .commonTable .coupon{margin:0 auto;padding:5px 0;} .commonTable .coupon img{vertical-align:middle;box-shadow: 1px 0px 1px #e1e1e1;} .commonTable .coupon img.end{filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%);} /* withdraw ȸ��Ż�� */ .withdrawLtxt.title{margin:0 auto;font-size:20px ;text-align:center;padding:50px 0 10px;line-height:30px;} .withdrawMtxt{margin:0 auto;font-size:13px;text-align:center;padding:10px 0 20px;line-height:24px;} .bt-padng{padding-bottom:50px;} .withdrawMtxt span{font-size:14px ;margin:0 auto;} /* custom_write ���ǼҸ� */ .writeBox .list{padding:5px 0;} .writeBox .list .title{display:inline-block;width:100px;padding:10px 0;} .writeBox .list .titleIp{width:981px;height:35px;border:1px solid #e1e1e1;} .writeBox .list .writer{width:300px;height:35px;border:1px solid #e1e1e1;} .writeBox .list .liTxt{font-size:12px;color:#3a3a3a;margin-left:5px;} .writeBox .list .customSelec{width:300px;height:35px;border:1px solid #e1e1e1;color:#959595;} .costomTable{width:100%;border: 1px solid #e1e1e1;} .costomTable th{background:#f1f1f1;font-size:13px ;padding:10px;border:1px solid #e1e1e1;} .costomTable th:first-child{border-left:0;} .costomTable th:last-child{border-right:0;} .costomTable td{text-align:center;border:1px solid #e1e1e1;font-size:13px;} .costomTable td:last-child{border-right:0;} .contHeight1{height:200px;min-height:200px;text-align:left;padding:15px;font-size:13px;overflow-y:scroll} .contHeight2{height:100px;min-height:100px;text-align:left;padding:15px;font-size:13px;overflow-y:scroll} .contHeight3{height:100px;min-height:100px;text-align:left;padding:5px;} .contHeight3 textarea{width:100%;height:100%;border:1px solid #e1e1e1;font-size:13px;} .grayCommonBox .costomSeach{width:589px;margin:0 auto;padding:33px 0;overflow:hidden;} .grayCommonBox .costomSeach li{float:left;} .grayCommonBox .costomSeach select{width:120px;height:30px;margin-right:10px;} .grayCommonBox .costomSeach .inqTitle{font-size:15px;color:#ffffff;width:100px;height:40px;margin-right:10px;line-height:40px;text-align:center;} .grayCommonBox .costomSeach input{width:200px;height:30px;border:1px solid #dddddd;padding:5px; color:#45454f;vertical-align:top} .grayCommonBox .costomSeach a{display:inline-block;vertical-align: middle;margin-left:5px;} .grayCommonBox .costomSeach .seachBtn{padding:7px 40px;color:#ffffff;background:#002539;font-size:15px;border-radius:10px;margin-left:5px;} /*-------------------- Member 190212 --------------------*/ /* login �α��� */ .logTab{width:470px;margin:20px auto 0;} .logTab > a{width:230px;padding:14px 0;border-radius:10px 10px 0 0;text-align:center;color:#fff; font-size:13px ;box-shadow:1px 1px 0px #f6f6f6;display:inline-block;} .logTab a.loginTab{background:#002539;} .logTab a.LoginjoinTab{background:#949494;} .loginBox{width:800px;background:#fff;border-radius:10px;margin:0 auto 10px;border:1px solid #ececec;} .loginBox .loginCont{width:455px;margin:20px auto 0;overflow:hidden;} .loginBox .loginCont .loginTitle{padding:5px 0 15px;display:block;text-align:left;} .loginBox .loginCont .loginTitle img{vertical-align:middle;} .loginBox .loginCont .loginInput{float:left;} .loginBox .loginCont .loginInput li input{text-indent:10px;width:300px;height:45px;border:1px solid #e0e0e0;margin-bottom:8px;} .loginBox .loginBtn{display:inline-block;padding:41px 45px;margin-left:10px;background:#002539;color:#fff;} .loginBox .loginCont .memBox{padding:10px 0;} .loginBox .loginCont .memBox span{margin-right:15px;font-size:12px} .loginBox .loginCont .LogFindBtn{width:440px;height:50px;margin-bottom:30px;} .loginBox .loginCont .LogFindBtn a{display:inline-block;width:210px;padding:15px;text-align:center;border:1px solid #bfbfbf;color:#727272;} .loginBox .loginCont .LogFindBtn a.id_Btn{margin-right:16px;} .loginBox .loginCont .snsJoinBox{width:440px;overflow:hidden;font-size:0;margin-bottom:30px;} .loginBox .loginCont a{display:inline-block;} /* find ���̵�,���ã�� */ .findBox{width:725px;margin:20px auto 0;} .findBox .findId{width:360px;height:200px;border-right:1px solid #eeeeee;display:inline-block;} .findBox .findId.pw{border-right:0;padding-left:30px;} .findBox .findId .findTitle{font-size:15px ;margin:30px 0 10px;display:block;} .findBox .findId .findTitle img{vertical-align:middle;} .findBox .findId .findIpBox{overflow:hidden;} .findBox .findId .findIpBox .loginInput{float:left;} .findBox .findId .findIpBox .loginInput li input{text-indent:10px;width:230px;height:30px;border:1px solid #e0e0e0;margin-bottom:5px;} .findBox .findId .findIpBox .loginBtn{float:left;padding:25px 31px;margin-left:10px;background:#002539;color:#fff;} .findBox .loginTxt{margin:15px auto 30px;width:400px;} .findBox .loginTxt p{width:400px;height:20px;color:#727272;font-size:12px;text-align:center;} .findBox .loginTxt p.q_B{font-size:14px ;color:#545454;} .findBox .loginTxt .joinBtn{display:block;width:150px;height:40px;line-height:40px;margin:10px auto 0;text-align:center;color:#fff;background:#6e6e6e;} /* join02 ������� */ .agreeyBgBox{width:100%;border:1px solid #e0e0e0;background:#f9f9f9;padding:20px 0;margin:30px 0;} .agreeyBgBox .joinAgreeyList{background:#f9f9f9;overflow:hidden;padding:10px 10px 10px 30px} .agreeyBgBox .joinAgreeyList li{float:left;} .agreeyBgBox .joinAgreeyList .agreeyTitle{width:680px;font-size:16px;color:#a1a1a1;} .agreeyBgBox .joinAgreeyList .agreeyBtn1 , .agreeyBgBox .joinAgreeyList .agreeyBtn2 , .agreeyBgBox .joinAgreeyList .agreeyBtn3 , .agreeyBgBox .joinAgreeyList .agreeyBtn4, .agreeyBgBox .joinAgreeyList .agreeyBtn5{ font-size:11px;background:#fff;color:#3c3c3c;border:1px solid #b3b3b3;padding:4px 10px;background:#fff;cursor:pointer;} .agreeXbox1 , .agreeXbox2 , .agreeXbox3 , .agreeXbox4{width:1199px;height:30px;background:#dcdcdc;overflow:hidden;} .agreeXbox1 img , .agreeXbox2 img , .agreeXbox3 img , .agreeXbox4 img, .agreeXbox5 img{float:right;margin:5px 10px;cursor:pointer;} .agreeyBgBox .joinAgreeyList .agreeyCheck{color:#a1a1a1;font-size:12px;padding-right:15px;float:right;} .agreeyBgBox .joinAgreeyList .agreeyCheck input{width:14px;height:14px;margin:6px 5px 0 0;vertical-align:bottom;} .joinTextarea_1 textarea, .joinTextarea_2 textarea, .joinTextarea_3 textarea, .joinTextarea_4 textarea, .joinTextarea_5 textarea{ width:1200px;height:200px;border:1px solid #e0e0e0;margin-bottom:30px;margin-left:-1px;} /* join01 , join03 �Ǹ�Ȯ�� */ .midTitleBox.joinTop{margin-top:10px;} .joinTitle{text-align:center;font-size:25px ;padding:5px 0 20px;color:#4f4f4f;} .joinGrayBg{width:700px;margin:0 auto;border:1px solid #e0e0e0;padding:40px 50px;background:#f9f9f9} .joinGrayBg .snsJoinBox a{display:block;font-size:0;text-align:center;margin:6px 0;} .joinGrayBg .phoneSnsBox{height: 110px; padding: 20px; width: 310px; background: #fff; border: 1px solid #dadada; margin-left: 209px;} .joinGrayBg .txt{color:#7f7f7f;font-size:12px;line-height:17px;margin-bottom:10px;} .joinGrayBg .radio{font-size:12px;margin-left:10px;} .joinGrayBg .radio input{margin-left:10px;} .joinGrayBg .radio input:nth-child(1){margin-left:0} .joinTab{width:100%;height:40px;font-size:0;margin-top:50px} .joinTab > a{display:inline-block;width:399px;padding:10px 0;color:#6a6a6a;border:1px solid #b3b3b3;margin-right:1px;text-align:center;} .joinTab a.on{background:#002539;color:#fff;border:0;border:1px solid #002539;} .joinTab a:last-child{margin-right:0;} .grayBgBox .hpIpBox{width:270px;margin:30px auto;overflow:hidden;} .grayBgBox .hpIpBox .hpBox{float:left;width:270px;background:#fff;border:1px solid #d2d2d2;padding:30px 15px;text-align:center;color:#6a6a6a;font-size:0;cursor: pointer;} .grayBgBox .hpIpBox .hpBox img{display:block;margin:0 auto 10px;} .grayBgBox .hpIpBox .hpBox span{font:15px ;display:block;margin:10px 0;} .grayBgBox .hpIpBox .hpBox p{font-size:11px;color:#6a6a6a;width:239px;height:40px;margin:0 auto;line-height:20px;margin:5px 0;} .joinTextList{font:12px 'notosanskr';color:#8f8f8f;line-height:23px;margin:20px 0;} .joinTextList .joinTxtTitle{color:#3a3a3a;margin-bottom:10px;font:13px 'notosanskr';display:block;} .joinTextList .point{color:#3a3a3a;font:12px 'notosanskr';} .joinAgreeyTotal{width:100%;overflow:hidden;} .joinAgreeyTotal .agreeyTotalCheck{float:right;font-size:13px;color:#a1a1a1;padding-left:15px;} .joinAgreeyTotal .agreeyTotalCheck > input{width:15px;height:15px;vertical-align:middle;} /* join04 */ .joinTitle.titleTop{padding:30px 0 20px;} .joinGrayBg .joinInfoBox{width:460px;margin:0 auto;overflow:hidden;padding:10px 0;} .joinGrayBg .joinInfoBox li{float:left;height:50px;} .joinGrayBg .joinInfoBox .infoList{width:140px;height:50px;font-size:16px ;color:#7f7f7f;padding-top:15px;} .joinGrayBg .joinInfoBox li > input{width:310px;height:50px;border:1px solid #e1e1e1;text-indent:10px;} .joinGrayBg .joinInfoBox li > select{width:100px;height:50px;;border:1px solid #e1e1e1;text-indent:10px;} .joinGrayBg .joinInfoBox li .idInput{width:200px;height:50px;border:1px solid #e1e1e1;text-indent:10px;} .joinGrayBg .joinInfoBox li .overlap.orangeBtn{width:100px;margin:5px 0 0 10px;padding:12px 0;vertical-align:middle;} .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;} .joinInfoBox .gender.on{background:#979797;color:#fff;} .passTxt{width:460px;margin-left:210px;padding-bottom:8px;} .passTxt li.title{font-size:14px;padding-bottom:4px;} .passTxt li{padding:2px 0;font-size:13px;} /*-------------------- guide --------------------*/ /* useGuide */ .reserGrayBox{width:100%;border:1px solid #dcdcdc;background:#f7f7f7;border-radius:10px;padding:20px;} .reserGrayBox .commonDot.guideTitle{font-size:18px;margin-bottom:5px;} .reserGrayBox > p{font-size:15px;padding:10px 0 10px 15px; line-height:28px;} .guideJoin{padding:5px 10px;font-size:12px;color:#4f4f4f;background:#fff;border:1px solid #dcdcdc;margin-left:10px;} .guideJoin .reserGuide img{width:9px;height:9px;vertical-align:middle;margin-top:-3px;} .reserGuideText{margin:0 auto;padding:15px 35px 0;} .reserGuideText li{font-size:12px;margin:10px 0;} .reserUseGuide{padding:30px 25px 40px;} .reserUseGuide .commonDot.guideTitle{font-size:18px;} .reserUseGuide p{ margin:10px 0;} .reserUseGuide .table1{ width:80%; text-align:center; } .reserUseGuide .table1 th{ background-color:#45454f; border:1px solid #dbdada;font-size:14px; line-height:48px; color:#fff; } .reserUseGuide .table1 td{ border:1px solid #dbdada;font-size:14px; line-height:48px;} .reserUseGuide .table1 td:first-child{ border-left:0px;} .reserUseGuide .table1 td:last-child{ border-right:0px;} .reserUseGuide .table1 td.orange{ background-color:#ff9625; color:#fff;} .reserUseGuide .table1 td.skyblue{ background-color:#73a8d8; color:#fff;} .reserUseGuide .weekGuide{overflow:hidden;margin:20px 0;padding:0 30px;} .reserUseGuide .weekGuide .guideArrow{float:left;padding:2px 10px;} .reserUseGuide .weekGuide .guideBox{float:left;border:1px solid #002539;padding:8px 15px;width:160px;} .reserUseGuide .weekGuide .guideBox li{font-size:14px;padding:5px} .reserUseGuide .weekGuide .guideBox li.gdTitle{border-bottom:1px dashed #dcdcdc;} .reserUseGuide .useGuideDetail{overflow:hidden;} .reserUseGuide .useGuideDetail li{float:left;} .reserUseGuide .useGuideDetail li:last-child{margin-right:0;} .reserUseGuide .useGuideDetail .guideEmpty{width:490px;display:block;} .reserUseGuide .useGuideDetail .guideDetail{width:160px;height:140px;padding:34px 15px 16px;font-size:11px;line-height:18px;background:url('../../images/boeun/useGuideBg.png')no-repeat top;margin-right:70px;} .reserUseGuide .useGuideDetail .guideDetail.text1{padding:60px 0 0 37px} .reserUseGuide .useGuideDetail .guideDetail.text2{padding:51px 0 0 28px} .reserUseGuide .useGuideDetail .guideDetail.text3{padding:51px 0 0 47px} .reserUseGuide .useGuideDetail .guideDetail.text4{padding:44px 0 0 37px} .useGuideText{padding: 35px 25px 0;} .useGuideText table{ width:70%; text-align:center; } .useGuideText table th{ background-color:#45454f; border:1px solid #dbdada;font-size:14px; line-height:48px; color:#fff; } .useGuideText table td{ border:1px solid #dbdada;font-size:14px;padding: 20px; 5px;} .useGuideText table td:first-child{ border-left:0px;} .useGuideText table td:last-child{ border-right:0px;} .useGuideText table td.orange{ background-color:#ff9625; color:#fff;} .useGuideText table td.skyblue{ background-color:#73a8d8; color:#fff;} .useGuideText .table1{ width:80%; text-align:center; } .useGuideText .table1 th{ background-color:#45454f; border:1px solid #dbdada;font-size:14px; line-height:48px; color:#fff; } .useGuideText .table1 td{ border:1px solid #dbdada;font-size:14px; line-height:22px; padding:12px 0; } .useGuideText .table1 td:first-child{ border-left:0px;} .useGuideText .table1 td:last-child{ border-right:0px;} .useGuideText .table1 td.orange{ background-color:#ff9625; color:#fff;} .useGuideText .table1 td.skyblue{ background-color:#73a8d8; color:#fff;} .useGuideText .commonDot.guideTitle{font-size:18px;margin-bottom:20px;} .useGuideText .midTitle.orange.bold{font-size:16px;margin:30px 0 15px 20px; color:#ff6600;} .useGuideText .guideContent{font-size:15px;margin:5px 22px 0px;line-height:30px;} .useGuideText .guideContent .red{ font-size:15px;} .useGuideText .guideContent >span{font-size:12px;} .reserBreck{overflow:hidden;margin-bottom:10px;border:1px solid #002539;width:1007px;margin-left:22px;} .reserBreck .berckTitle{float:left;width:85px;height:350px;line-height:350px;background:#002539;color:white;text-align:center;font-size:14px;} .reserBreck .breckInfo{float:left;width:230px;text-align:center;} .reserBreck .breckInfo li{height:50px;padding:18px 0;font-size:12px;border-bottom:1px solid #dbdada;border-right:1px solid #dbdada;} .reserBreck .breckInfo li.title{background:#45454f;color:#fff;font-size:14px;border-right:1px solid #dbdada;} .reserBreck .breckInfo li.twoLine{padding:10px 0;} .reserBreck .breckInfo li:last-child{border-bottom:0;} .reserBreck .breckInfo li.lastInfo{line-height:20px;height:300px;padding:90px 0;border-right:0;} .reserBreck .breckInfo li.lastInfo > span{font-size:12px;} /* charge */ .chargeTable{width:1000px;text-align:center;} .chargeTable th{height:45px;line-height:45px;font-size:15px;background:#45454f;color:#fff;border:1px solid #dbdada;} .chargeTable th.title{height:45px;line-height:45px} .chargeTable td{height:45px;font-size:15px;border:1px solid #dbdada;} .chargeTable.leftText td{text-align:left;padding-left:30px;line-height:20px;} .chargeTable.leftText .center{text-align:center;padding-left:0;} .chargeContent{font-size:14px;margin:20px 0;line-height:23px;} .chargeContent > span{font-size:inherit;} .chargeContent > img{vertical-align:middle;} /* etiquette */ .etiquetteText{padding:0 25px;} .etiquetteText li{ margin:15px 0;} .etiquetteContent{font-size:13px;margin:20px 0;line-height:24px;margin-left:10px;} .etiquetteContent > span{font-size:inherit;} /*-------------------- course --------------------*/ /* courseIntro */ .grayBg{width:100%;background:#f8f8f8;border-top:1px solid #a8a8a8;height:500px;} .grayBg .courseIntroImg{width:900px;margin:0 auto;padding:25px 0;display:block;} .courseIntroBox{overflow:hidden;margin:20px 0 50px;} .courseIntroBox .balloon{float:left;width:21px;height:21px;margin:4px 7px 100px 0;} .courseIntroBox .balloon2{float:left;width:21px;height:21px;margin:4px 7px 22px 0;} .courseIntroBox .courseIntroText{font-size:13px;line-height:25px;width:979px;} .courseDataTitle{background:#45454f;color:#fff;border-radius:15px;font-size:15px;padding:12px 0 12px 30px; margin-bottom:20px;} .courseDataTable{overflow:hidden;border-top:1px solid #dddddd;margin-bottom:50px} .courseDataTable .dataTitle{float:left;width:155px;height:180px;line-height:180px;text-align:center;font-weight:600;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;} .courseDataTable .dataListTitle{float:left;overflow:hidden;} .courseDataTable .dataListTitle.title > li{font-size:15px;font-weight:400;} .courseDataTable .dataListTitle > li{text-align:center;float:left;width:95px;font-size:13px;font-weight:600;line-height:45px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;} .courseDataTable .dataListTitle > li:last-child{border-right:0;} .courseDataTable .dataListTitle.blackData{background:#000000;color:#fff;} .courseDataTable .dataListTitle.blueData{background:#297ab9;color:#fff;} .courseDataTable .dataListTitle.goldData{background:#c18600;color:#fff;} .courseDataTable .dataListTitle.redData{background:#f1312c;color:#fff;} .courseDataTable .dataListTitle.yellowData{background:#fffb6f;} /* course */ .coursechoiceTab{width:100%;height:45px;font-size:0;} .coursechoiceTab > a{display:inline-block;width:50%;height:45px;line-height:45px;background:#ebebeb;color:#45454f;text-align:center;border-radius:10px 10px 0 0;border-right:1px solid #fff;} .coursechoiceTab > a:last-child{border-right:0;} .coursechoiceTab > a.on{background:#45454f;color:#fff;} .courseSeach{margin:30px 0 50px;min-height:50px;background:url('../../images/boeun/course/line-x.gif') 0 50% repeat-x;} .courseSeach .courseSearchBox {text-align:center;} .courseSeach .courseSearchBox > li {display:inline-block; margin-left:23px;} .courseSeach .courseSearchBox > li:first-child {margin-left:inherit;} .courseSeach .courseSearchBox > li button{width:50px;height:50px;background:#fff;border:#e6e6e6 solid 1px;border-radius:50%;line-height:50px;text-align:center;color:#656565;vertical-align:middle;display:inline-block;} .courseSeach .courseSearchBox > li button:hover {background:#002539;font-size:13px;color:#fff;;border-radius:50%;transition:.1s ease;-moz-transition:.1s ease;-webkit-transition:.1s ease;-o-transition:.1s ease;} .courseSeach .courseSearchBox > li button.on {background:#002539;color:#fff;border:0;} .course{width:100%;padding-bottom:40px;background:#f8f8f8;border-top:1px solid #a8a8a8;overflow:hidden;} .course .holeNumBox{overflow:hidden;width:100%;padding-left:35px;margin-top:20px;} .course .holeNumBox .holeNum{float:left;font-size:100px;color:#002539;font-weight:700;} .course .holeNumBox .holeText{float:left;margin:46px 0 0 15px} .course .holeNumBox .holeText .hole1{font-size:25px;color:#464646;font-weight:600;} .course .holeNumBox .holeText .hole2{font-size:22px;color:#8c8c8c;font-weight:600;} .course .courseImg{float:left;width:360px;height:630px;margin:50px 20px 0;} .course .courseInfoBox{float:left;width:790px;padding:20px;} .course .courseInfoBox .videoBox{width:790px;height:500px;} .course .courseInfoBox .dataTitle{width:180px;text-align:center;color:#fff;font-size:15px;padding:10px 0;margin:20px 0;background:#45454f;border-radius:16px;} .course .courseInfoBox .holeExplainBox{overflow:hidden;} .course .courseInfoBox .holeExplainBox .couseBalloon{float:left;margin:5px 8px 45px 0;} .course .courseInfoBox .holeExplainBox .couseBalloon > img{width:21px;height:21px;} .course .courseInfoBox .holeExplainBox .holeExplain{font-size:15px;line-height:23px;} .course .courseInfoBox .holeInfo{} .course .courseInfoBox .holeInfo .courseTable{width:100%;margin-top:20px;} .course .courseInfoBox .holeInfo .courseTable th{font-size:15px;height:35px;line-height:35px;text-align:center;border-top:1px solid #bbbbbb;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;} .course .courseInfoBox .holeInfo .courseTable th:last-child{border-right:0;} .course .courseInfoBox .holeInfo .courseTable th.black{color:#fff;background:#000000;} .course .courseInfoBox .holeInfo .courseTable th.blue{color:#fff;background:#378bcc;} .course .courseInfoBox .holeInfo .courseTable th.gold{color:#fff;background:#c18600;} .course .courseInfoBox .holeInfo .courseTable th.red{color:#fff;background:#f1312c;} .course .courseInfoBox .holeInfo .courseTable th.yellow{background:#fffb6f;} .course .courseInfoBox .holeInfo .courseTable th.white{background:#fff;} .course .courseInfoBox .holeInfo .courseTable td{height:35px;line-height:35px;font-size:14px;font-weight:600;text-align:center;border-right:1px solid #dddddd;border-bottom:1px solid #bbbbbb;} .course .courseInfoBox .holeInfo .courseTable td:last-child{border-right:0;} /*-------------------- club --------------------*/ /* intro */ .introTextBox{position:relative;overflow:hidden;} .introTextBox .introTitle{font-size:17px;margin:60px 0 10px;} .introTextBox .introTitleText{font-size:35px;margin-bottom:50px;line-height: 50px;} .introTextBox .introTitleText span.bold{font-size:inherit;} .introTextBox .introTitleText .textDeco{color:#002539;} .introTextBox .introText{} .introTextBox .introText h2{ width:100%; color:#2b2b2b; font-size:24px; text-align:center; padding:60px 0;} .introTextBox .introText h3{ width:100%; color:#535353; font-size:22px; text-align:center; padding-bottom:24px;} .introTextBox .introText h4{ width:100%; color:#868686; font-size:18px; text-align:center; padding-bottom:48px;} .introTextBox .introText h4 strong{ color:#535353;} .introTextBox .introMiniTitle{font-size:15px;margin-bottom:15px;} .introTextBox .introExplain{font-size:15px;line-height:28px;margin-bottom:40px;} .introTextBox .signBox{position:absolute;top:40px;left:50%;margin-left:250px;} .introTextBox .signBox li{text-align:center;margin:8px 0;font-size:13px ;line-height:20px;} /* cibi */ .introTextBox .introLogoBox{float:left;margin-top:60px} .introTextBox .introLogoBox > img{display:block;} .introTextBox .introTitleText.cibiTitleText{margin-bottom:15px;} .introTextBox .introLogoText{float:left;margin:80px 0 0 40px;width:800px;} .introTextBox .introLogoText .miniText{color:#9a9a9a;font-size:13px ;} .introTextBox .introLogoText .cibiText{margin:8px 0;font-size:12px;line-height:22px;} .cibiTitle{font-size:16px ;margin:80px 0 20px;} .logoDownBox{overflow:hidden;background:url('../../images/boeun/logoBg.png') no-repeat top;width:1023px;height:290px;} .logoDownBox .downList{width:341px;float:left;padding:63px 0;} .logoDownBox .downList:first-child{width:370px;} .logoDownBox .downList:last-child{width:312px;} .logoDownBox .downList .logoImg{margin:20px 0;} .logoDownBox .downList .logoImg > img{display:block;margin:0 auto;} .logoDownBox .downList .downBtn{width:160px;margin:0 auto;} .logoDownBox .downList .downBtn > a{display:block;padding:5px 0;text-align:center;font-size:12px;background:#002539;color:#fff;border-radius:15px;} .logoDownBox .downList1{width:450px;float:left;padding:63px 0;} .logoDownBox .downList1:first-child{width:520px;} /* .logoDownBox .downList1:last-child{width:312px;} */ .logoDownBox .downList1 .logoImg{margin:20px 0;} .logoDownBox .downList1 .logoImg > img{display:block;margin:0 auto;} .logoDownBox .downList1 .downBtn{width:160px;margin:0 auto;} .logoDownBox .downList1 .downBtn > a{display:block;padding:5px 0;text-align:center;font-size:12px;background:#0f253a;color:#fff;border-radius:15px;} .colorInfoBox{overflow:hidden;margin-top:10px;} .colorInfoBox li{float:left;} .colorInfoBox .colorBox1{background-color:#002539; color:#002539;margin-right:5px; border:1px solid #002539; width:15px; font-size:12px;} .colorInfoBox .colorBox2{background-color:#fff; color:#fff; margin-right:5px; border:1px solid #002539; width:15px; font-size:12px;} .colorInfoBox .colorBox3{color:#0f034e;margin-right:5px;} .colorInfoBox .colorInfo{font-size:12px;line-height:18px;margin-right:15px;} .logoImg.clubdci{width:1020px;margin:0 auto} .downBtn.clubdci{width:1020px !important} .btn_cilogo{ width: 150px; margin: 0 auto;} .mt-60{margin-top:-60px !important} /* history */ .historyTab{overflow:hidden;margin:40px 0;} .historyTab > li{float:left;width:170px;text-align:center;margin-right:1px;font-size:16px;border-radius:20px 20px 0 0;color:#7f7f7f;background:#d1d1d1;} .historyTab > li.on{background:#45454f;color:#fff;} .historyTab > li > a{display:block;color:inherit;padding:15px 0;} /*map*/ #map2{display: none;} #map3{display: none;} #map4{display: none;} #map5{display: none;} #map6{display: none;} #map7{display: none;} .map_wrap{ width:100%;} .subTitle1 {clear:both;width:1200px; margin: 0 auto; height: 37px; margin-top:50px; border-bottom:1px solid #dedede;} .subTitle1 .title1 {font-size: 25px;font-weight: bold;padding-right:10px;color:#4f4f4f; } .mapBox{width: 100%; position: relative;} .mapBox a.left_btn{ position: absolute; left: 30px; bottom:20px; width: 160px; line-height: 32px; border-radius: 20px; color:#fff; background-color:#e04c29; border: 1px solid #e7e7e7; padding: 0 0 0 10px; 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.left_btn img{ vertical-align: middle;} .mapBox a.right_btn1{ position: absolute; right: 278px; bottom:20px; width: 218px;line-height: 32px; border-radius: 20px;color:#fff; background-color:#002539; border: 1px solid #e7e7e7; padding: 0 0 0 10px; 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.right_btn1 img{ vertical-align: middle;} .mapBox a.right_btn2{ position: absolute; right: 30px; bottom:20px; width: 218px;line-height: 32px; border-radius: 20px;color:#fff; background-color:#38a8e9; border: 1px solid #e7e7e7; padding: 0 0 0 10px; 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.right_btn2 img{ vertical-align: middle;} .map_wrap h2{ font-size: 18px; color: #404040; padding: 15px 0 10px; list-style:square;} .map_wrap h3{ font-size: 14px; color: #404040; line-height: 22px;} /*멤버십*/ .membership_score{font-size: 23px; font-weight: bold; color: #0061bd;} .membership_score2{font-size: 23px; font-weight: bold; color: #639734;} .reserGrayBox > p.membership_remain{font-size: 20px;margin-top: 20px; display: inline-block; width:100%;text-align:center; padding-top: 80px;} .reserGrayBox > p.membership_remain span{font-size: 20px; color:#0061bd} ul.checkout-bar li { color: #ccc; display: block; font-size: 16px; font-weight: 600; padding: 14px 20px 14px 80px; position: relative; } ul.checkout-bar li:before { -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); background: #ddd; border: 2px solid #FFF; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 700; left: 20px; line-height: 37px; height: 35px; position: absolute; text-align: center; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); top: 4px; width: 35px; z-index:1 } ul.checkout-bar li.active { color: #8bc53f; font-weight: bold; } ul.checkout-bar li.active:before { background: #639734; } ul.checkout-bar li.visited { background: #ECECEC; color: #57aed1; } ul.checkout-bar li.visited:before { background: #0f253a; } ul.checkout-bar li:nth-child(1):before { content: "C"; } ul.checkout-bar li:nth-child(2):before { content: "L"; } ul.checkout-bar li:nth-child(3):before { content: "U"; } ul.checkout-bar li:nth-child(4):before { content: "B"; } ul.checkout-bar li:nth-child(5):before { content: "D"; } ul.checkout-bar li:nth-child(6):before { content: "6"; } ul.checkout-bar a { color: #57aed1; font-size: 16px; font-weight: 600; text-decoration: none; } .checkout-wrap { color: #444; margin: 40px auto; max-width: 1200px; position: relative; } ul.checkout-bar { -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); background-size: 35px 35px; background-color: #EcEcEc; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); border-radius: 15px; height: 15px; margin: 0 auto; padding: 0; position: absolute; width: 100%; } /* ul.checkout-bar:before { background-size: 35px 35px; background-color: #0061bd; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 15px; content: " "; height: 15px; left: 0; position: absolute; width: 56%; } */ .gage{background-size: 35px 35px; background-color: #0061bd; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 15px; content: " "; height: 15px; left: 0; position: absolute; width: 56%; } ul.checkout-bar li { display: inline-table; margin: 50px 0 0; padding: 0 21px 0px 13px; text-align: center; height: 205px; width: 19.6%; } ul.checkout-bar li:before { font-size: 33px; height: 60px; left: 36%; line-height: 58px; position: absolute; top: -72px; width:60px; } ul.checkout-bar li.visited { background: none; } ul.checkout-bar li.divide {border-right: 1px solid #6cb3d2;} .checkout-bar li b{color:#0061bd;font-size:19px} .checkout-bar li span{font-weight:normal;text-align:left;font-size:15px;line-height: 25px;letter-spacing: -1px;color: #4f4f4f;} .txt_gplus{font-size: 26px; font-weight: bold; margin-bottom: 5px;} .txt_gplus span{font-size: 48px; font-weight: 900; margin-bottom: 5px; color: #0061bd;} /* 멤버십 쿠폰 */ .membership_coupon { border: 1px solid #ddd; padding: 30px 0 30px 30px; height: 280px; } .membership_coupon div { width: 194px; float: left; border-right: 1px solid #ddd; text-align: center; padding: 20px 0px; } .membership_coupon div:last-child { border-right: none; } .membership_coupon div img { margin-bottom: 15px; } .membership_coupon div p span{ font-size: 24px; font-weight: bold; } .img_coupon{cursor:pointer} .membershipBox { border: 1px solid #ddd; border-radius: 10px; padding: 15px 40px 25px; height: 120px; } .membershipBox span { background: #0061bd; padding: 0px 9px 5px; color: #fff; font-weight: bold; font-size: 35px; margin-right: 15px; } .membershipBox b{ font-size: 23px; position: absolute; color: #0061bd; } .membershipBox p { padding: 15px 0px; float: left; } /*부대시설*/ .facilBox{ width: 1024px; margin: 0 auto;} .facilTab1{ width: 100%;} .facilTab1 li{ width: 100%; border-radius: 10px 10px 0 0; background-color:#45454f; line-height:46px; font-size: 16px; color: #fff; text-align: center;} .facilGWarp{ clear: both; margin-top: 20px; width: 100%; background-color:#f8f8f8 ; padding: 20px;} .facilInfo{ width: 885px; margin: 0 auto 50px; border: 2px dashed #b8b6b7; background-color: #fafafa; padding:40px 60px; border-radius: 15px;position: relative;} .facilInfo .icon{ position: absolute; left:20px; top:20px; width: 32px; height: 32px; background: url(../../images/boeun/facil/icon.jpg) no-repeat center center; display: block; font-size: 0;} .facilInfo li{ line-height:25px; } .facilTab2{ width: 100%;} .facilTab2 li{ width: 50%; border-radius: 10px 10px 0 0; background-color:#45454f; line-height:46px; font-size: 16px; color: #fff; text-align: center; float: left; cursor: pointer;} .facilTab2 li.off{ width: 50%; display: block; background-color:#ebebeb; border-bottom: 1px solid #a8a8a8; color: #45454f; line-height:46px;} .facilTab3{ width: 100%;} .facilTab3 li{ width: 33.3333%; border-radius: 10px 10px 0 0; background-color:#45454f; line-height:46px; font-size: 16px; color: #fff; text-align: center; float: left; cursor: pointer;} .facilTab3 li.off1{ width: 33.3333%; display: block; background-color:#ebebeb; border-bottom: 1px solid #a8a8a8; color: #45454f; line-height:46px;} .facilBox table{ width: 885px; margin: 0 auto; border: 0;} .facilBox table td{ text-align: left; font-size: 15px; color: #4f4f4f; line-height: 20px;} .facilBox table tr:last-child td{ color: #ec2344; font-size: 12px;} #facil2{display: none;} #facil3{display: none;} /*부대시설-갤러리*/ .slider { margin: 0; width:885px ; margin: 0 auto;} #carousel li {margin-right: 5px;} #carousel img {display: block; opacity: .5; cursor: pointer;} #carousel img:hover {opacity: 1;} #carousel .flex-active-slide img {opacity: 1; cursor: default;} /*==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin-bottom:20px; background: #fff; border: 4px solid #fff; box-sizing: border-box; position: relative; zoom: 1; -webkit-box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35); -moz-box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35); -ms-box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35); box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35); } .flexslider .slides { zoom: 1; width: 885px; } .flexslider .slides img { width: 100%; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { display:inline-block; content: ' '; background-size: contain; background: url(../../images/boeun/g_arw_l.png) no-repeat center center; width: 40px; height: 40px; } .flex-direction-nav a.flex-next:before { content: ' '; display:inline-block; background: url(../../images/boeun/g_arw_r.png) no-repeat center center; background-size: contain; width: 40px; height: 40px; } .flex-direction-nav .flex-prev { left: -5px; } .flex-direction-nav .flex-next { right: -5px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { left: 10px; opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { right: 10px; opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flexslider1 { margin-bottom:20px; position: relative; zoom: 1; } .flexslider1 .slides { zoom: 1; width: 885px; } .flexslider1 .slides img{ width: 100%; } .flexslider1 .slides li{ width: 150px !important;} .flexslider1 li img{ border:3px solid transparent; } .flexslider1 li:hover img, .flexslider1 li:active img { border:3px solid #ff6600 ; } .flexslider1 .flex-direction-nav .flex-prev { display: none; } .flexslider1 .flex-direction-nav .flex-next { display: none; } /*4월8일 수정추가 --체크박스처럼보이는 라디오버튼*/ .rad{ cursor: pointer; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; font-size:18px; font-weight: bold; } .rad > input{ /* HIDE ORG RADIO & CHECKBOX */ position: absolute; opacity: 0; width: 0; height: 0; } /* RADIO & CHECKBOX STYLES */ /* DEFAULT STYLE */ .rad > i{ display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius:0; transition: 0.2s; box-shadow: inset 0 0 0 8px #fff; border: 1px solid gray; /* background: gray; */ } /* CHECKBOX OVERWRITE STYLES */ .rad:hover > i{ /* HOVER STYLE */ /* box-shadow: inset 0 0 0 3px #fff; background: gray;*/ } .rad > input:checked + i{ /* (RADIO CHECKED) STYLE */ box-shadow: inset 0 0 0 3px #fff; background: #002539; } /*191114 연단체안내*/ /*아이콘*/ .turnImg i{font-size:24px; color:#1871a9} /*-------------------- team --------------------*/ /* yearTeam generalTeam */ .teamGuideBox{padding-bottom:20px;border-bottom:1px dashed #e4e4e4;margin-bottom:30px;} .teamGuideBox .commonDot.guideTitle{font-size:15px;margin-bottom:10px;} .teamGuideBox .teamGrayBox{font-size:13px;border:1px solid #dcdcdc;background:#f7f7f7;border-radius:20px;padding:20px 30px;line-height:22px;box-shadow:5px 4px 0 #d4d4d4;} .teamTerms{display:inline-block;width:230px;padding:6px 0;font-size:12px;background:#ff6600;color:#fff;text-align:center;box-shadow:4px 4px 0 #e3e3e3; cursor:pointer;} .teamTerms > img{vertical-align:middle;} /* yearRequest */ .teamGrayBox.requestGrayBox{/*width:1100px;*/} .requestTurnBox{overflow:hidden;margin:20px auto;width:970px;} .requestTurnBox .requestTurn{float:left;} .requestTurnBox .requestTurn li{text-align:center;} .requestTurnBox .requestTurn .turnImg{width:140px;height:80px;border:1px solid #ebebeb;padding: 22px 0;background:#fff;} .requestTurnBox .requestTurn .turnImg > img{display:block;width:37px;height:37px;margin:0 auto;} .requestTurnBox .requestTurn .turnTxt{font-size:12px;color:#929292;margin-top:10px;} .requestTurnBox .requestTurn .turnTxt span.bold{color:#414141;font-size:inherit;} .requestTurnBox .requestArrow{width:20px;height:80px;float:left;padding:32px 0;margin:0 3px;} .requestTurnBox .requestArrow > img{width:11px;height:16px;margin:0 auto;display:block;} .requestTurnBox .requestTurn .turnImg.turn2{width:173px;} .turnText{line-height:22px;font-size:13px;} .yearAgreeyBox{overflow:hidden;margin:20px 0;padding-bottom:30px;border-bottom:1px dashed #e4e4e4;} .yearAgreeyBox li{float:left;width:180px;overflow:hidden;margin-right:10px;} .yearAgreeyBox li .yearAgreey{display:block;padding:5px 0;height:45px;line-height:14px;color:#fff;background:#45454f;} .yearAgreeyBox li .yearAgreey > img{float:left;width:25px;height:24px;margin:6px 5px 0 15px;} .yearAgreeyBox li .yearAgreey .yearText{font-size:12px;width:110px;float:left;margin:3px 0 0 5px;} .yearAgreeyBox1{overflow:hidden;margin:20px 0;border-bottom:1px dashed #e4e4e4;} .yearAgreeyBox1 li{float:left;width:180px;overflow:hidden;margin-right:10px;} .yearAgreeyBox1 li .yearAgreey{display:block;padding:5px 0;height:45px;line-height:14px;color:#fff;background:#45454f;} .yearAgreeyBox1 li .yearAgreey > img{float:left;width:25px;height:24px;margin:6px 5px 0 15px;} .yearAgreeyBox1 li .yearAgreey .yearText{font-size:12px;width:110px;float:left;margin:3px 0 0 5px;} /* generalRequest */ .generalGuideBox{margin-bottom:40px;} .generalGuideBox .commonDot.guideTitle{font-size:15px;margin-bottom:10px;} .generalTurnBox{overflow:hidden;margin:20px auto;} .generalTurnBox .generalTurn{float:left;} .generalTurnBox .generalTurn li{text-align:center;} .generalTurnBox .generalTurn .turnImg{width:280px;height:175px;box-shadow:4px 5px 1px #cfcfcf;} .generalTurnBox .generalTurn .turnImg > img{display:block;width:100%;} .generalTurnBox .generalTurn .turnTxt{font-size:12px;color:#414141;margin-top:15px;} .generalTurnBox .generalArrow{width:20px;height:175px;float:left;padding:80px 0;margin:0 10px;} .generalTurnBox .generalArrow > img{width:11px;height:16px;margin:0 auto;display:block;} .requestTurnBox .requestTurn .turnImg.turn3{width:223px;} /*yearteam */ .btn_select_yearteam{border-radius:5px; background-color:white;font-size:13px; color:#666; display: inline-block;vertical-align:middle;padding: 10px 110px; margin-bottom: 15px; line-height: 25px; text-align: center; margin-right:10px;border:1px solid #d7d7d7} .btn_select_yearteam:hover{background-color:#f7f7f7} .btn_select_yearteam.on{background-color:#153456;font-size:13px; color:white} .input_yearTeamOrgan{width:100px;padding:5px;border: 1px solid #c7c7c7; border-radius: 3px;} .table_yearTeamOrgan{width:940px; border-top: 1px solid #707173; border-bottom: 1px solid #9e9e9e;} .table_yearTeamOrgan th{background-color:#e8e8e8;font-size:13px;font-weight:bold} .table_yearTeamOrgan td{background-color:white;} /*연단체 신청 테이블*/ .btn_request{padding:10px;text-align: center; padding: 15px 20px; font-size: 17px; color: #fff; font-weight: normal; background-color: #153456; border-radius: 4px; margin-top: 20px; display: inline-block} .etcWrap{ width: 430px; float:left; border:1px solid #ddd; background:url('../../images/hills/bg_etc.jpg') no-repeat top; background-size:cover; margin-top:55px} .etcWrap p{ width: 100%; text-align:center;} .etcBnBox{ width: 366px; margin:0 auto;} .etcBnBox li{ display:inline-block; float:left; margin:0 7px;} .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;} /*190920추가*/ .rBanner{ width:100%; margin:8px 0;} .rBanner li{margin:3px 0;} .rBanner li img{ width:560px; height:130px;vertical-align: top; } .rBanner::after{clear: both; } .yearTable{ width: 1200px; margin: 0 auto; border-top:2px solid #757575; border-bottom:2px solid #757575;} .yearTable th{ padding: 10px 0; border:1px solid #ddd; background-color: #f8f8f8; font-weight: 500; line-height: 20px;} .yearTable td{ padding: 8px 0; border:1px solid #ddd; text-indent: 10px;} .yearTable td select{ height: 35px; width:50px; text-indent:5px;border:1px solid #ddd;} .yearTable input{ text-indent:5px;} .yearTable input[type=number]{ height: 35px;border:1px solid #ddd;padding: 8px 0;} .yearTable input[type=number].sShot{ width: 60px;} .yearTable input[type=text]{ border:1px solid #ddd; padding: 8px 0; height: 35px;} .yearTable input[type=text].long{ width: 400px;} .yearTable input[type=text].mlong{ width: 250px; margin:5px 0 0 10px;} .yearTable input[type=text].shot{ width: 100px;} .yearTable input[type=text].middle{ width: 200px;} .yearTable input[type=text].mmiddle{ width: 150px;} .yearTable label { padding: 0 10px;} .yearTable th span{ font-size: 12px; font-weight: 500;} .RequestBox{ width: 1200px; margin: 20px auto; background-color:#f7f7f7; border:1px solid #ddd; padding: 20px 30px; border-radius:10px; line-height: 22px;} .RequestBox h1{ padding:0 0 10px 20px; font-size: 16px;} .RequestBox p{ line-height: 26px; display:inline-block; padding-left: 10px; } .RequestBox h3{ text-align: center; padding: 50px 0 20px;} .RequestBox h3 label{margin: 0 10px;} .RequestBox div label{ display:inline-block; margin-left:20px; } .RequestBox1{ width: 100%; text-align:center;} .RequestBox1 h3{ text-align: center; padding: 30px 0 20px;} .RequestBox1 h3 label{margin: 0 10px;} .RequestBox1 h4{ font-size: 12px; text-align: center;} .RequestBox1 h2{text-align: center; margin:40px; font-weight: 500;} .btnYear{ display:inline-block; padding: 0 18px; text-align: center; color: #fff; background-color: #757575; line-height: 35px; margin: 0 10px; text-indent: 0;} .btnYear1{ display: inline-block; padding: 7px 50px; text-align: center; color: #fff; background-color: green; line-height: 35px; margin: 0 10px; text-indent: 0; font-size: 20px;} .yearBg{ background-color: #f6f6f6;} /*191016일 추가*/ .groupTab{width: 100%;} .groupTab a{ width: 49%; padding: 12px 0; border-radius: 10px 10px 0 0; display:inline-block; background-color:#ebebeb; color:#444; text-align:center; font-size:14px; font-weight:bold; } .groupTab a.on{ width:50%; background-color: #45454f; color:#fff;} .groupWrite{ padding:15px; background-color:#f7f7f7; border:1px solid #e7e7e7; border-radius: 0 0 10px 10px; } .groupWrite dl{ width: 100%; margin: 5px 0; font-size:14px;} .groupWrite dt{ width: 160px; font-weight:bold; display:inline-block; text-indent: 10px;padding: 5px 0;line-height:35px;} .groupWrite dt.lastC{ line-height:80px; font-weight:bold; vertical-align:text-bottom;} .groupWrite dd{ width: 880px; display:inline-block; padding: 5px 0; position:relative;} .groupWrite dd input[type=text]{ height:35px; border:1px solid #ddd; } .groupWrite dd input[type=text].long{ width:400px; } .groupWrite dd input[type=text].short{ width:300px; margin-right:30px; } .groupWrite dd label{ margin-right:40px; } .groupMonth{ border: 1px solid #ddd; height:35px; width: 200px; text-align:center; line-height:35px; background-color: #fff; cursor:pointer;} .groupMonth img{ vertical-align:middle; padding-right:5px;} .groupWrite hr{ display:block; border:0; border-bottom:1px dashed #dedede; padding:10px 0;} .groupWrite textarea{ border: 1px solid #ddd; width: 100%; height: 80px;} .groupT{ width : 100%; text-align:center; margin:50px 0 20px 0;} .groupT th{ background-color:#45454f; color: #fff; border:1px solid #dbdada; line-height:50px;} .groupT td{ background-color:#fff; color: #444; border:1px solid #dbdada; line-height:50px;} .groupT td select{ width:100px; height:30px; border:1px solid #ddd;} .groupT td input[type=text]{height:30px; border:1px solid #ddd;} .groupT td input[type=text].long{ width:150px; } .groupT td input[type=text].short{ width:100px; } .groupT td select.inline{ display : inline-block; width:50px; vertical-align:middle;} .SubMonthBox10{ position:absolute; top:39px; left: 0px; width:270px; height: 280px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100; } .SubMonthBox10 .monthChoice{width:180px; overflow:hidden; margin: 10px auto;} .SubMonthBox10 .monthChoice span{float:left;letter-spacing:0;display:block;padding:0px; width: 15px;} .SubMonthBox10 .monthChoice .month { margin:0 auto; color: #1d1d1d; font-weight:bold; width:150px; height:20px; line-height:20px; font-size:19px; text-align:center; } .SubMonthBox10 .calTxt{width:100%;margin:10px auto;text-align:center;font-size:15px;letter-spacing:0;} .SubMonthBox10 .mainCalendar {text-align: center;width:100%;margin:0 auto;} .SubMonthBox10 .mainCalendar th {font-size:13px;color:#444444;font-weight: bold;padding:10px 0 ;} .SubMonthBox10 .mainCalendar td div { font-size:13px; width:30px;color:#b7b7b7;cursor: pointer;margin: auto; height:30px;line-height:30px;vertical-align: middle;} .SubMonthBox10 .mainCalendar .sun{color: #bf3b3b;height: 20px;} .SubMonthBox10 .mainCalendar .possible div{ color:#444; } .SubMonthBox10 .mainCalendar .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;} .plusTd{ padding: 10px 0; text-align:center; width: 70px; margin:0 auto; cursor:pointer;} .plusTd h3{ padding-top:8px; font-size:13px; color:#a8a8a8; font-weight:500;} .gsLink{display:block; text-align:center; width : 150px; margin:20px auto; color:#fff; text-weight:bold; background-color:#ff6600; padding: 8px 0;} .gsLink img{ vertical-align:middle;} .groupTab3{width: 100%; margin-top:60px;} .groupTab3 a{ width: 33%; padding: 12px 0; border-radius: 10px 10px 0 0; display:inline-block; background-color:#ebebeb; color:#444; text-align:center; font-size:14px; font-weight:bold; } .groupTab3 a.on{ width:33.33%; background-color: #45454f; color:#fff;} .groupWrite1{ padding:30px; background-color:#f7f7f7; border:1px solid #e7e7e7; border-radius: 0 0 10px 10px; overflow:hidden; } .groupWrite1 p{ float:left; margin-left:20px; line-height:22px;} .groupWrite1 ul{ clear:both; padding-top:20px;} .groupWrite1 ul li{ line-height:22px;} .yearAgreey1{display:block;padding:10px;line-height:14px;color:#fff;background:green;float:left} .yearAgreey1 > img{float:left;width:25px;height:24px;margin:6px 5px 0 15px;} .yearAgreey1 .yearText{font-size:12px;float:left;margin:3px 0 0 5px;} .groupWrite2{ padding:30px 0;} .groupWrite2 h3{ padding: 20px 0;} .groupWrite2 h3 img{ vertical-align:middle;} .gwriteText{ width: 300px; border:1px solid #ddd; height:35px;} .groupT1{ width : 100%; text-align:center; margin:0px 0 20px 0;} #tgContainer2,#tgContainer3{display:none;} .groupT1 th{ background-color:#45454f; color: #fff; border:1px solid #dbdada; line-height:50px;} .groupT1 td{ background-color:#fff; color: #444; border:1px solid #dbdada; line-height:50px;} .groupT1 td select{ width:100px; height:30px; border:1px solid #ddd;} .groupT1 td input[type=text]{height:30px; border:1px solid #ddd;} .groupT1 td input[type=text].short{ width:100px; } .groupT1 td select.inline{ display : inline-block; width:100px; vertical-align:middle;} /* reference */ .referIcon{display:block;width:36px;height:41px;margin:20px auto;} .referTxt{font-size:20px;text-align:center;color:#353333;} .referTxt .orange{color:#ff6600;font-size:inherit;} .referTxt .smTxt{font-size:12px;color:#a0a0a0;margin-top:15px;display:block;} .referDownLoadBox{overflow:hidden;margin:50px auto;width:610px;border-bottom:1px dashed #bfbfbf;padding-bottom:30px;} .referDownLoadBox .referDown{float:left;width:300px;margin-right:10px;} .referDownLoadBox .referDown:last-child{margin-right:0;} .referDownLoadBox .referDown{margin-bottom:15px;} .referDownLoadBox .referDown .txt{font-size:14px;color:#787878;margin:15px 0;text-align:center;font-weight:bold;} .referDownLoadBox .referDown .referFile{} .referDownLoadBox .referDown .referFile .referDown{width:300px;display:block;font-size:12px;color:#fff;background:#45454f;text-align:center;padding:5px 0;} .referDownLoadBox .referDown .referFile .referDown > img{vertical-align:middle;margin-right:7px;} /*모달팝업*/ .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; background-color: #153456; color: white; font-weight: bold; } .modal-header .close { margin-top: -2px;float: right; background: none; color: white; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: center; background-color: #f7f7f7; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer button{font-size:15px;color:white;background-color:#153456;padding:5px 25px;border-radius:4px;} .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } #tgContainer1 p.red{font-size:11px; color:red;} .txt_year_agree{font-size:13px; color:#666; line-height: 24px;} .txt_year_agree h3{font-weight:bold;color: #333; margin-bottom:5px} .txt_year_agree span{color:#0558b3;font-size:13px; line-height: 24px;} . /*//연단체종료*/