@charset "utf-8";

/*서브 비주얼*/
.sub_visual { padding-top: 60px; width:100%; }
.sub_visual img { width: 100% }

/* 서브 컨텐츠*/
#content { padding-bottom: 30px; header:100%; }
.content_in { padding: 0 15px;}
.content_in > h5 { text-align: center; padding: 20px 0 10px 0; font-size: 26px; color: #444; }
.content_in > h6 { text-align: left; padding-bottom:5px; font-size: 15px; color: #3761a2; }
.content_in > hr { margin: 10px 47% 20px; border: 1px solid #a8a8a8; }

.con_list {display:table; width:100%; table-layout:fixed; margin-top: -4px;}
.con_list > li {display:table-cell; height: 40px; background:#273d7f; line-height:40px; text-align:center; font-size:0.8em; border-left:1px solid #5067af; }
.con_list > li:first-child {border-left:none;}
.con_list > li a {display:block; width:100%; height: 40px; color:#fff; }
.con_list > li.on a {display:block; background:#f7f7f7; color:#273f82; font-weight:bold; }

.con_list2 { margin-top: -4px;}
.con_list2 > li {float:left; width:50%; height: 40px; background:#273d7f; line-height:40px; text-align:center; font-size:0.8em;}
.con_list2 > li:first-child {border-left:none;}
.con_list2 > li a { display:inline-block; width:100%; height: 40px; color:#fff; }
.con_list2 > li.on a { background:#f7f7f7; color:#273f82; font-weight:bold; }


.top_tt { font-size: 0.8em; text-align:center; }
.top_tt > p { padding-top:10px; font-size: 0.9em; color: #888; }
.top_tt > ul { margin: 0 5%; padding-top:20px; font-size: 0.9em; color: #888; }
.top_tt > ul li { list-style-type:square; padding-bottom:8px; }

.bottom_tt { padding: 5px 0; font-size: 0.8em; }
.bottom_tt > p { padding-top:10px; font-size: 0.9em; color: #888; }
.bottom_tt > ul { margin: 0 5%; padding-top:20px; font-size: 0.9em; color: #888; }
.bottom_tt > ul li { list-style-type:square; padding-bottom:8px; }

/*테이블*/
.tbl00 { width:100%; border: 1px solid #ccc; background:#fff;  border-top: 2px solid #777; }
.tbl00 > tr { height: 50px; border-bottom: 1px solid #ccc; }
.tbl00 thead > tr > th { font-size: 0.8em; background:#eee; color:#444; text-align: center; padding:10px 0; border: 1px solid #ccc; }
.tbl00 thead > tr > td { font-size: 0.8em; background:#fff; color:#444; text-align: center;padding: 10px 0; border: 1px solid #ccc; }
.tbl00 tbody > tr > th { font-size: 0.8em; background:#eee; color:#444; text-align: center; padding:10px 0; border: 1px solid #ccc; }
.tbl00 tbody > tr > td { font-size: 0.8em; background:#fff; color:#444; text-align: center;padding: 10px 0; border: 1px solid #ccc; }

.tbl01 { width:100%; border: 1px solid #ccc; background:#fff;  border-top: 2px solid #777; }
.tbl01 thead > tr { height: 40px; border-bottom: 1px dashed #ccc; }
.tbl01 thead > tr > th { font-size: 0.9em; color:#444; text-align: center; background:#eee; }
.tbl01 thead > tr > td { font-size: 0.9em; color:#444; text-align: left; padding-left:10px; }

.tbl01 tbody > tr { height: 50px; border-bottom: 1px dashed #ccc; }
.tbl01 tbody > tr > th { font-size: 0.9em; color:#444; text-align: left; padding-left:10px; }
.tbl01 tbody > tr > td { font-size: 0.9em; color:#444; text-align: left;padding: 10px 0;  }
.tbl01 tbody > tr > td > span { font-size: 0.8em; }
.tbl01 tbody > tr b { padding-right:5px; color:#f33; }

.tbl03 { width:100%; border: 1px solid #ccc; background:#fff;  border-top: 2px solid #777; }
.tbl03 > tr { height: 50px; border-bottom: 1px solid #ccc; }
.tbl03 thead > tr > th { font-size: 0.8em; background:#eee; color:#444; text-align: center; padding:10px 0; border: 1px solid #ccc; }
.tbl03 thead > tr > td { font-size: 0.8em; background:#fff; color:#444; text-align: left;padding: 10px 8px; border: 1px solid #ccc; }
.tbl03 tbody > tr > th { font-size: 0.8em; background:#eee; color:#444; text-align: center; padding:10px 0; border: 1px solid #ccc; }
.tbl03 tbody > tr > td { font-size: 0.8em; background:#fff; color:#444; text-align: left;padding: 10px 8px; border: 1px solid #ccc; }


/*폼박스*/
input { font-size: 0.94em; padding: 2px 0; }

.t_box01 { width:90%; height:20px; border:none; border-bottom: 1px solid #ddd; }
.t_box01:focus { background-color: #E2F2FF; outline:none; }

.t_box02 { width:60%; height:20px; border:none; border-bottom: 1px solid #ddd; }
.t_box02:focus { background-color: #E2F2FF; outline:none; }

.t_box03 { width:80%; height:20px; border:none; border-bottom: 1px solid #ddd; }
.t_box03:focus { background-color: #E2F2FF; outline:none; }


/*셀렉트박스*/
.s_box01 { width:80%; height:26px; border:none; border: 1px solid #ddd; }
.s_box01:focus { background-color: #fff8df; outline:none; }

.tbl01 button { border: none; width:26%; padding: 4px 0px; color:#fff; background:#03a9f4; font-weight:bold;}

/*아이디 비밀번호찾기*/
.login_info_search {width:100%;height:auto;}
/*.login_info_photo {float:left;width:50%;height:auto;}
.info_search_con {float:right;width:40%;height:auto;}*/
.info_search_con dl {width:100%;border-top:2px solid #1d2088;}

.info_search_con dl dt {float:left;width:20%;height:50px;border-bottom:1px solid #adafee;font-size:13px;color:#444;line-height:50px;}
.info_search_con dl dt.first {width:100%;text-align:center;font-size:18px;color:#1d2088;font-family:"NanumSquar Regular";}
.info_search_con dl dd {float:left;width:80%;height:50px;border-bottom:1px solid #ddd;line-height:50px;}
.info_search_con dl dd select {width:18%;height:28px;border:1px solid #ddd;color:#777;font-size:14px;}
.info_search_con dl dd input {width:90%;height:28px;border:1px solid #ddd;background-color:#f3f3f3;color:#777;font-size:14px;}
.info_search_con dl dd.last {width:100%;border:none;text-align:center;padding:10px 0;}
.info_search_con dl dd.last a {display:inline-block;width:200px;height:40px;line-height:40px;background-color:#7074d4;text-align:center;color:#fff;font-size:16px;font-weight:bold;}

.modal_idpw_result {z-index:9010;display:none;position:fixed;top:50%;margin-top:-205px;left:50%;margin-left:-185px;width:370px;height:275px;border:5px solid #ccc;padding:20px;background-color:#fff;}
.modal_idpw_result h1 {width:90%;height:auto;font-size:20px;font-family:"NanumSquar bold";color:#444;margin:10px auto;}
.modal_idpw_result p {width:90%;height:auto;font-size:13px;color:#777;line-height:21px;margin:0 auto;}
.modal_idpw_result dl {width:90%;margin:30px auto 20px auto;}
.modal_idpw_result dl dt {float:left;width:30%;height:40px;border-bottom:2px solid #1d2088;font-size:13px;color:#444;line-height:40px;}
.modal_idpw_result dl dd {float:left;width:70%;height:40px;border-bottom:2px solid #ddd;line-height:40px;font-size:15px;color:#444;font-weight:bold;}
.modal_idpw_result input {height:20px;background-color:#efefef;border:1px solid #ddd;color:#777;line-height:20px;vertical-align:middle;}
#mask { position:absolute;z-index:9000;background-color:#000;display:none;left:0;top:0;}


/* ---------- 회원가입 ---------- */

.intro { width:90%; margin: 20px 0; line-height: 38px;  padding: 0% 5%;}
.intro a { display: block;  width:100%; padding: 6% 0; background: rgba(0,0,0,0.7); text-align:center;  color: #fff; font-size: 16px;  border-radius: 20px;  }
.intro a .b_txt { font-size: 20px; }

.join_intro { padding: 0 15px;}
.intro_tit { color: #444; font-size: 0.94em; padding: 10px 0 8px 0; }
.intro_box { border: 1px solid #ccc; background:#fff; padding: 0px 15px;}
.intro_box ul li { font-size:12px; letter-spacing: -0.5px; padding: 15px 0 5px 0; border-bottom: 1px dashed #ccc; }
.intro_box ul li input { width:15px; height:15px; }
.intro_box ul li a { display:block; margin: 10px 45px; padding: 7px 10px; color: #fff; font-size:13px; text-align:center; background: #39489e; border-radius: 2px; }
.intro_box .all_chk{ padding: 14px 0  18px 0; font-size: 13px; }

span.name {color: #39489e; font-weight: bold; }

.next_join { text-align: center; }
.next_join > a { display:block; margin: 10px 15px; padding: 18px 10px; color: #fff; font-size: 19px; font-family:'NanumSquar Bold'; text-align:center; background: #39489e; border-radius: 2px; letter-spacing:0.02em }

.last_join { text-align: center; }
.last_join > a { display: inline-block; width:44%; margin: 10px 0px; padding: 14px 0; color: #fff; font-size: 19px; font-family:'NanumSquar Bold'; text-align:center; background: #39489e; border-radius: 2px; letter-spacing:0.02em }
.last_join > a.back_gray { background: #9699a5; }

.join_agree { text-align: center; padding: 24px 0; font-size: 0.9em; border-bottom: 1px solid #ccc; }
.join_clear { text-align: center; font-size: 0.9em }

.privacy { width: 100%; height: 50px; background: #06448a;  }
.pri_tit { float:left; color:#fff; padding:15px 20px; font-size: 16px; }
.pri_close { float:right; padding:10px 20px; }
.pri_close a { display:block; padding: 5px 10px; background:#ddd; color:#555;  font-weight:bold; border-radius: 3px; }


/*회원가입 인트로 약관동의 체크박스 스타일시트*/
.intro_box input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.intro_box input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;  /* 글자와 체크박스 사이의 간격을 변경 */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.intro_box input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: '';
  position: absolute;
  left: 0;
  top: 0px;  /* 이 값을 변경해서 글자와의 정렬 */
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  text-align: center;  
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.intro_box input[type="checkbox"] + label:active:before,
.intro_box input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.intro_box input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #034ea2;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}


/*예약페이지*/
.year_pn { text-align:center; margin-bottom: 10px; }
.year_pn > a img { vertical-align:middle; }
.year_pn > .y_prev { float:left; }
.year_pn > .y_next { float:right; }
.year_pn > span { font-size:24px; font-family:'NanumSquar Regular'; color:#777; line-height: 44px;  vertical-align:middle;  }
.year_pn > span > strong { padding-left: 10px; font-size:26px; color:#363636; font-family:'NanumSquar EB';vertical-align:middle; }

.tbl02 { width:100%; border: 1px solid #ccc; background:#fff;  border-top: 2px solid #777; }
.tbl02 > tr { height: 50px; border-bottom: 1px solid #ccc; }
.tbl02 thead > tr > th { font-size: 1em; font-weight:500; background:#666f7e; color:#fff; text-align: center; padding:6px 0 8px 0; }
.tbl02 thead > tr > td { height:38px; font-size: 0.9em; background:#fff; color:#444; text-align: center; border-bottom: 1px solid #ccc; }
.tbl02 thead > tr > td.sun { color:#f33; }
.tbl02 thead > tr > td.sat { color:#2286d6; }
.tbl02 tbody > tr > th { font-size: 0.8em; background:#eee; color:#444; text-align: center; padding:10px 0; border: 1px solid #ccc; }
.tbl02 tbody > tr > td { font-size: 0.8em; background:#fff; color:#444; text-align: center;padding: 10px 0; border: 1px solid #ccc; }

a.r_choice { display:block; width:80%; height:80%; color:#444; line-height:30px; background:#98cdf0; box-sizing:border-box; }
a.r_end { display:block; width:85%; height:80%; color:#888; line-height:30px; background:#cbcfd8; box-sizing:border-box; }
a.r_closed { display:block; width:85%; height:80%; color:#cbcfd8; line-height:30px; background:#667182; box-sizing:border-box; }
a.today { text-decoration: underline; }

.bottom_tt > a { display:inline-block; width:12px;  line-height:20px; height:12px; text-align: center; }

a.reser_btn1 { display: inline-block;font-size:12px; margin: 10px 0 5px 0; padding: 6px 15px; text-align:center;line-height:12px;color:#fff; background:#c24e69; }/*인코스*/
a.reser_btn2 { display: inline-block;font-size:12px; margin: 10px 0 5px 0; padding: 6px 15px; text-align:center; line-height:12px; color:#fff; background:#4a76af; }/*아웃코스*/

a.reser_btn3 { display: inline-block;font-size:12px; padding: 6px 10px; text-align:center;line-height:12px;color:#fff; background:#009688; }/*변경*/
a.reser_btn4 { display: inline-block;font-size:12px; padding: 6px 10px; text-align:center; line-height:12px; color:#fff; background:#9699a5; }/*취소*/

.info_list > li { padding:0 0 10px 12px; font-size: 0.88em; color:#444; background:url("../images/use_bullet01.png") no-repeat 0px 9px }



/*공지사항*/
.board li{background:url("../images/btn_view.png") right 12px no-repeat; background-size:40px 27px; height:50px; border-bottom:1px solid #ddd; list-style:none;}
.board li a{display:block; width:auto; height:50px;}
/* .board li a img{float:left; width:80px; height:40px; margin:5px} */
.board li .date{display:block; color:#2b518b; font:11px/18px 'Verdana'; padding-top:5px; margin-left:15px;}
.board li .date .area{font:700 13px/20px 'Noto Sans', sans-serif; color:#2eabb2; margin-right:5px}
.board li .title{display:block; width:82%; font:14px/24px 'Noto Sans', sans-serif; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}
.board li .title2{display:inline-block; width:60%; font:14px/24px 'Noto Sans', sans-serif; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board li .titleMain{display:block; width:82%; height:47px; line-height:47px; color:#c2922d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:10px; font-family:'Noto Sans', sans-serif;}
.board li .main_tit{display:block; width:82%; height:47px; line-height:47px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}

.btn_area{margin:20px 0; text-align:center}
.btn_area span{margin:0 3px; display:inline-block;}
.btn_b01{display:block; height:30px; min-width:80px; background:#2b518b ; padding-bottom:2px; border-radius:2px; line-height:30px; text-align:center; color:#fff;  padding:0 12px}
.btn_b02{display:block; height:30px; min-width:80px; background:#999; padding-bottom:2px; border-radius:2px; line-height:30px; text-align:center; color:#fff; padding:0 12px}
.btn_b03{display:block; height:30px; min-width:80px; background:#9cb12f ; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff; padding:0 8px}

.bbs_contents {margin-top:-1px; padding:10px; font-size:0.9em; color:#444; background:#fff; border:1px solid #ccc; line-height:20px; }
.bbs_contents img{width:100%}


/*이용안내*/
.info > li { font-size:1em; font-weight: bold; color: #2C70A0; padding: 15px 0; }
.info > li > ol li { font-size:0.8em; font-weight: 500; color: #444; padding: 10px 0 0px 15px; background:url("../images/use_bullet01.png") no-repeat 2px 17px ; }


/*코스*/
ul.hole{ display:block; width:100%; height:28px; margin:10px auto 0; text-align:center}
ul.hole > li{display:inline-block; width:9%; height:28px; margin:0; font-size: 0.9em}
ul.hole > li a{display:block; width:28px; height:28px; border-radius:14px; background:#999; text-align:center; line-height:25px; color:#fff}
ul.hole > li.on a{display:block; width:28px; height:28px; border-radius:14px; background:#2b518b; text-align:center; line-height:25px; color:#fff}

.cal_tit span{display:inline-block; vertical-align:middle; font:700 28px/70px 'Noto Sans', sans-serif; color:#666; margin-left:10px}
.cal_tit .left{position:absolute; display:block; width:25px; height:25px; top:24px; left:15px; line-height:0}
.cal_tit .left a, .cal_tit .right a{display:block; width:auto; height:25px}
.cal_tit .right{position:absolute; display:block; width:25px; height:25px; top:24px; right:15px; line-height:0}
.cal_tit .hole{font:30px/65px 'NGothic'; letter-spacing:-4px; }
.cal_tit .course{font:13px/65px 'NGothic'; margin-left:10px; vertical-align:top;}

.tit01 { display:inline-block; font:700 15px/20px 'Noto Sans', sans-serif; color: #2b518b; border-bottom: 3px solid #2b518b; margin: 15px 0 ; padding-bottom:5px; }
.hole_area { font-size: 13px; color:#555; }
.dis_none {display:none;}




/*240603추가*/
.tbl-join{
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #1d2088;
    margin: 24px 0;
}
.tbl-join th{
    padding: 15px 0 15px 9px;
    text-align: left;
    font-size: 13px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ccc;
}
.tbl-join td{
    padding: 8px 8px 8px 18px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
.tbl-join td select{
    width: 50px;
    height: 26px;
}
.tbl-join td button{
    min-width: 58px;
    line-height: 26px;
    background-color: #777;
    color: #fff;
    text-align: center;
    border: 1px solid #888;
    font-size: 12px;
    cursor: pointer;
}
.join-phone ul{
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.join-phone ul li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 4px;
    flex: 1;
}
.join-phone ul li button{
    flex: 1;
}
.tbl-join td label{
    font-size: 13px;
    padding-left: 3px;
}
.tbl-join td input[type=text]{
    background-color: #efefef;
    border: 1px solid #ddd;
    height: 24px;
}

.join-title{
    font-size: 18px;
    font-weight: 700;
}
.join-text{
    font-size: 13px;
    color: #878787;
    position: relative;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 8px;
}
.join-text button{
    background-color: #777;
    border: 1px solid #888;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
    width: 102px;
    cursor: pointer;
}
.agree.sty01{
    font-size: 13px;
    text-align: left;
    display: flex;
    gap: 0 8px;
    align-items: center;
    margin-bottom: 30px;
}
.dotted-line{
    border-bottom: 1px dotted #ddd;
    width: 100%;
    margin: 30px 0;
}

.agree-box2, .agree-box3{
    display: none;
}
.agree-all{
    text-align: center;
    padding: 10px 0 30px;
}
.agree_box {
    height: 250px;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    padding: 15px;
    margin: 15px 0;
}
.w-50{
    width: 50%;
}
.w-24{
    width: 24%;
}
.w-60{
    width: 60%;
}