/* board */ #board {overflow:hidden; clear:both; padding:40px 0; border-top:20px solid #f3f3f3; min-height:600px;} #board .left {float:left; width:250px; margin-right:50px;} #board .left ul {border-top:1px solid #ccc;} #board .left ul li {position:relative; border:1px solid #ccc; border-top:0; padding-left:20px; background:#f3f3f3; line-height:50px;} #board .left ul li.first_line {line-height:100px; background:#fff; font-size:22px; font-weight:800;} #board .left ul li.on {background:#006834; border-color:#006834} #board .left ul li.on a {color:#fff;} #board .left ul li a {display:block; width:100%; height:100%; line-height:49px; font-size:14px; font-weight:600;} #board .left ul li .xcon {display:none; position:absolute; color:#fff; top:11px; right:10px; font-size:24px;} #board .left ul li.on .xcon {display:block;} #board .right {float:right; width:800px; margin-top:40px;} #board .right h5 {overflow:hidden; font-size:24px; line-height:30px; float:left; width:40%;} #board .right .board_search_form {overflow:hidden; text-align:right; float:left; width:60%;} #board .right .board_search_form input {border:1px solid #ccc; height:30px; line-height:28px; padding:0 10px; vertical-align: top;} #board .right .board_search_form select {border:1px solid #ccc; height:30px; line-height:28px; padding:0 20px 0 10px;} #board .right .board_search_form input[type=checkbox] {} #board .right .board_search_form input[type=submit] {background:#f3f3f3;} #board .right .board_search_form label {margin-right:20px;} #board .right .board_list {clear:both; margin-top:20px;} #board .right .board_list ul {margin-top:20px; border-top:2px solid #999;} #board .right .board_list ul li {overflow:hidden; clear:both; line-height:32px; border-bottom:1px solid #ccc; padding:5px; text-align:center;} #board .right .board_list ul li:hover {background:rgba(0,104,52,0.02);} #board .right .board_list ul li.first_line {background:#f3f3f3;} #board .right .board_list ul li.first_line div {font-weight:400;} #board .right .board_list ul li.notice_line {background:rgba(0,104,52,0.07);} #board .right .board_list ul li .f_left {float:left;} #board .right .board_list ul li .num {width:50px;} #board .right .board_list ul li .subject {width:450px; text-align:left; font-weight:600;} #board .right .board_list ul li .subject a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} #board .right .board_list ul li .subject a:hover {text-decoration:underline; text-underline-position: under;} #board .right .board_list ul li .state {width:50px;} #board .right .board_list ul li .writer {width:90px;} #board .right .board_list ul li .date {width:100px;} #board .right .board_list ul li .hit {width:50px;} #board .right .write_btn {margin-top:20px; text-align:right;} #board .right .write_btn a {display:inline-block; width:60px; height:30px; margin-left:8px; margin-bottom:2px; line-height:28px; text-align:center; border:1px solid #ccc; background:#f3f3f3;} #board .right .board_view {border-top:2px solid #ccc; border-bottom:1px solid #ccc; margin-top:20px;} #board .right .board_view .view_top {position:relative; padding:20px; border-bottom:1px solid #ccc; line-height:24px; background: #f3f3f3;} #board .right .board_view .view_top h6 {font-size:14px; margin-bottom:10px;} #board .right .board_view .view_top span {margin-right:20px;} #board .right .board_view .view_top .clone_url {position:absolute; bottom:20px; right:20px; display:inline-block; width:50px; background:#006834; color:#fff; text-align:center; font-size:20px; padding:8px; line-height: 0; cursor: pointer;} #board .right .board_view .view_cont {padding:20px;} #board .right .review_box {} #board .right .review_box .review_all_rating {padding:10px;border:1px solid #ccc;} #board .right .review_box .review_all_rating dl {} #board .right .review_box .review_all_rating dl dt {clear:both; overflow: hidden; margin-top:15px;} #board .right .review_box .review_all_rating dl dt:first-child {margin-top:0;} #board .right .review_box .review_all_rating dl dt .j_rating {display:block; float:left; width:80px; height:50px; line-height:50px; background:#006834; color:#fff; font-size:36px; font-weight:600; text-align:center; border-radius:5px;} #board .right .review_box .review_all_rating dl dt .j_title {margin-left:10px; font-size:14px;} #board .right .review_box .review_all_rating dl dt .j_title a {font-weight:600; border-bottom:1px dashed #999;} #board .right .review_box .review_all_rating dl dt span {line-height:24px; height:24px;} #board .right .review_box .review_all_rating dl dt .tit {float:left; width:12%;} #board .right .review_box .review_all_rating dl dt .rating_box {float:left; width:78%; background:#f3f3f3; position:relative;} #board .right .review_box .review_all_rating dl dt .rating_box .rating_box_inner {position:absolute; top:0; left:0; height:100%; background:#006834;} #board .right .review_box .review_all_rating dl dt .rating_num {float:left; width:10%; padding-left:10px;} #board .right .review_box #review_list_jgolf {margin-top:20px;} #board .right .review_box #review_list_jgolf dl {} #board .right .review_box #review_list_jgolf dl dt {overflow:hidden; clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;} #board .right .review_box #review_list_jgolf dl dt .rl_img {float:left; width:254px; margin-right:20px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box {position:relative; width:100%; padding-bottom:75%; overflow:hidden; border-radius:5px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,104,52,0.85); display:none; padding:15px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay p {display:flex; justify-content:space-between; color:#fff; font-size:14px; line-height:28px; margin:0; border-bottom:1px solid rgba(255,255,255,0.3);} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay p:last-of-type {border-bottom:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay p span:last-child {font-weight:600;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay p .stars i {color:#f5a623; font-size:13px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay p .stars i.xi-star-o {color:rgba(255,255,255,0.5);} @media (hover: hover) and (pointer: fine) { #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box:hover .rating_overlay {display:block;} } #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay.active {display:block;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay .btn_detail {display:block; margin-top:15px; padding:10px 0; background:#fff; color:#006834; text-align:center; font-weight:600; border-radius:5px; text-decoration:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_total {text-align:center; padding:8px 0; background:#f3f3f3; font-size:16px; font-weight:600; color:#006834; border-radius:0 0 5px 5px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_total i {color:#f5a623;} #board .right .review_box #review_list_jgolf dl dt.area_row {border:none; padding:0; margin:0 0 5px;} #board .right .review_box #review_list_jgolf dl dt.area_row .area_text {font-size:13px; color:#888;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_link_m {display:contents; pointer-events:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_link_m .img_box {pointer-events:auto;} /* PC에서도 모바일처럼 평점을 항상 표시 (2026-03-05) */ #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile {display:block; background:#f9f9f9; padding:10px; border-radius:0 0 5px 5px; margin-top:-5px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul {margin:0; padding:0; list-style:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li {display:flex; justify-content:space-between; align-items:center; padding:4px 0; border-bottom:1px solid #eee; font-size:13px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li:last-child {border-bottom:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li span:first-child {color:#666;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li .stars {color:#f5a623; font-weight:600;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li .stars i {font-size:12px;} #board .right .review_box #review_list_jgolf dl dt .rl_right {float:left; width:calc(100% - 274px); padding-left:0;} #board .right .review_box #review_list_jgolf dl dt .rl_right p {line-height:24px; overflow:hidden; clear:both; margin-top:10px;} #board .right .review_box #review_list_jgolf dl dt .rl_right p.sisul {font-weight:600; font-size:18px; margin-top:0;} #board .right .review_box #review_list_jgolf dl dt p.sisul_m {display:none;} #board .right .review_box #review_list_jgolf dl dt .rl_right p.mail {float: left; width: 50%;} #board .right .review_box #review_list_jgolf dl dt .rl_right p.date {float: left; width: 50%; clear: none; font-size: 12px; text-align: right; color: #999; margin-bottom: 10px;} #board .right .review_box #review_list_jgolf dl dt .rl_right div.cont, #board .right .review_box #review_list_jgolf dl dt .rl_right div.cont p {line-height:20px; margin-top:0;} #board .right .review_box #review_list_jgolf dl dt .rl_right p.usedate {color: #888;} #board .right .review_box #review_list_jgolf dl dt .rl_right .reply {margin-top:10px; padding:5px 10px; border-left:4px solid #ccc; background:#f3f3f3;} #board .right .review_box #review_list_jgolf dl dt .rl_right .reply p {margin-top:0;} #board .right .review_box #review_list_jgolf dl dt .rl_right .reply p.re_name {font-weight:600;} #board .right .review_box #review_list_jgolf dl dt .rl_right .reply div.re_cont, #board .right .review_box #review_list_jgolf dl dt .rl_right .reply div.re_cont p {line-height:20px; margin-top:0;} #board .right .write_box {margin-top: 20px; padding: 10px 0 20px; background: #f9f9f9;} #board .right .write_box input {width: 330px; height: 36px; border: 1px solid #ccc; line-height: 34px; padding: 0 10px;} #board .right .write_box input[type=file] {border:0;} #board .right .write_box input[type=checkbox] {width: 36px; height: 36px; margin-right: 10px; margin-top: 0; background-color: #fff;} #board .right .write_box select {width: 330px; height: 36px; border: 1px solid #ccc; line-height: 34px; padding: 0 10px;} #board .right .write_box ul {padding:0 20px;} #board .right .write_box ul li {display: block; margin: 10px; line-height: 36px;} #board .right .write_box ul li.title {padding-left: 20px; font-size:16px; font-weight:600;} #board .right .write_box ul li .sub1 {display: inline-block; width: 20%; padding-left: 20px;} #board .right .agree_form {margin-top: 50px; padding: 20px;} #board .right .agree_form label {display: block; margin: 10px; line-height:36px;} #board .right .agree_form .agree_top h5 {font-size: 18px; line-height: 36px; float:none; width:100%;} #board .right .agree_form .agree_ck_box {background: #fff; border: 1px solid #ccc; margin-top: 20px;} #board .right .agree_form .agree_box {margin-top: 20px;} #board .right .agree_form .agree_box h6 {margin-bottom: 10px; padding-left: 4px; font-size: 13px; font-weight: 600;} #board .right .agree_form .agree_box .agree_box_inner {width: 100%; height: 100px; resize: none; border: 1px solid #ccc; padding: 10px; font-size: 12px; line-height: 18px; background: #fff; overflow: auto;} .password_box {width:80%; max-width:404px; margin:50px auto 0; text-align:center; background:#f3f3f3; border:1px solid #ccc; padding:30px 50px;} .password_box .pw_title {font-size:16px; font-weight:600;} .password_box input {width: 100%; height: 36px; border: 1px solid #ccc; line-height: 34px; padding: 0 10px; margin-top:10px;} .b_board_btn_w, .password_btn {margin-top: 50px; margin-bottom: 50px; text-align: center;} .b_board_btn_w a, .password_btn a {display: inline-block; width: 200px; height: 60px; line-height: 60px; background: #006834; color: #fff; font-size: 16px; font-weight: 600; margin-bottom:10px;} /* event */ #event {overflow:hidden; clear:both; padding:40px 0; border-top:20px solid #f3f3f3; min-height:600px;} #event h4 {padding-left: 10px; font-size: 24px; line-height: 40px; font-weight: 600; margin-bottom: 5px;} #event .event_tab {overflow: hidden; height: 40px; line-height: 39px; border-bottom: 1px solid #ccc; margin-bottom: 20px;} #event .event_tab ul.tab_left {} #event .event_tab ul.tab_left li {float:left;} #event .event_tab ul.tab_left li a {color: #999; margin-right: 20px;} #event .event_tab ul.tab_left li.on a {font-weight: 600; color: #333; font-size:16px;} #event .event_tab .tab_left {float:left;} #event .event_tab .tab_right {float:right;} #event .event_tab .tab_right select {width:100px; padding-left:10px; line-height:38px; border-bottom:0; border-right:0;vertical-align: top;} #event .event_tab .tab_right input {height:39px; line-height:38px; border:1px solid #ccc; border-bottom:0; border-right:0;vertical-align: top; padding: 0 10px;} #event .event_tab .tab_right input[type=submit] {padding:0 10px; border-right:1px solid #ccc; cursor:pointer;} #event .event_cont {} #event .event_cont ul {} #event .event_cont ul li {float:left; width:calc(33.3333% - 6.6667px); margin-left:10px; margin-bottom:20px;} #event .event_cont ul li:nth-child(3n-2) {margin-left:0;} #event .event_cont ul li .img_box {position:relative; width:100%; padding-bottom:75%; overflow:hidden; border-radius:3px;} #event .event_cont ul li .img_box img {position:absolute; top:0; left:0; width:100%; height:100%;} #event .event_cont ul li .title {font-size:16px; line-height:22px; height:66px; font-weight:600;} #event .event_cont ul li .date {font-size:12px; font-weight:400;} #event .board_view {border-top:2px solid #ccc; border-bottom:1px solid #ccc; margin-top:20px;} #event .board_view .view_top {position:relative; padding:20px; border-bottom:1px solid #ccc; line-height:24px; background: #f3f3f3;} #event .board_view .view_top h6 {font-size:14px; margin-bottom:10px;} #event .board_view .view_top span {margin-right:20px;} #event .board_view .view_top .clone_url {position:absolute; bottom:20px; right:20px; display:inline-block; width:50px; background:#006834; color:#fff; text-align:center; font-size:20px; padding:8px; line-height: 0; cursor: pointer;} #event .board_view .view_cont {padding:20px 0;} /* 1:1 */ .mail_q_box {text-align: center; line-height: 24px;} .mail_q_box .mail_q_btn {margin-top: 20px; display: inline-block; padding: 8px 24px; background: #006834; color: #fff; font-size: 16px;} /* media css */ @media (max-width:1099px){ /* board */ #board {padding:20px 10px;} #board .left {float:none; clear:both; width:100%;} #board .left ul {border-left:1px solid #ccc;} #board .left ul li {float:left; width:50%; padding-left:0; border-left:0; text-align:center;} #board .left ul li.first_line {clear:both; width:100%; line-height:60px;} #board .left ul li.on {} #board .left ul li.on a {} #board .left ul li a {white-space: nowrap; font-size: 13px;} #board .left ul li .xcon {} #board .left ul li.on .xcon {display:none;} #board .right {float:none; clear:both; width:100%; margin-top:10px;} #board .right h5 {float:none; display: none;} #board .right .board_search_form {float:none; width:100%; margin-top:10px;} #board .right .board_search_form input {width:30%;} #board .right .board_search_form select {width:20%;} #board .right .board_search_form input[type=checkbox] {width:30px;} #board .right .board_search_form input[type=submit] {width:19%;} #board .right .board_search_form label {} #board .right .board_list {} #board .right .board_list ul {} #board .right .board_list ul li {position:relative;} #board .right .board_list ul li:hover {} #board .right .board_list ul li.first_line {} #board .right .board_list ul li.first_line div {font-weight:600; font-size:13px;} #board .right .board_list ul li.notice_line {} #board .right .board_list ul li .f_left {} #board .right .board_list ul li .num {width:15%;} #board .right .board_list ul li .subject {width:85%;} #board .right .board_list ul li .subject a {} #board .right .board_list ul li .subject a:hover {} #board .right .board_list ul li .state {width:15%; font-size:12px;} #board .right .board_list ul li .writer {width:35%; font-size:12px;} #board .right .board_list ul li .date {width:35%; font-size:12px;} #board .right .board_list ul li .hit {width:15%; font-size:12px;} #board .right .write_btn {} #board .right .write_btn a {} #board .right .board_view {} #board .right .board_view .view_top {padding:5px;} #board .right .board_view .view_top h6 {} #board .right .board_view .view_top span {} #board .right .board_view .view_top .clone_url {bottom:5px; right:5px;} #board .right .board_view .view_cont {max-width:100%; padding:10px 5px;} #board .right .board_view .view_cont img {max-width:100%;} #board .right .write_box {padding: 10px;} #board .right .write_box input {width: 100%; margin-bottom: 5px;} #board .right .write_box input[type=file] {margin-bottom: 0; line-height: 24px; height: 24px; padding: 0;} #board .right .write_box input[type=checkbox] {width: 24px; height: 24px; margin-right: 5px; margin-left: 5px; margin-bottom: 0;} #board .right .write_box select {width: 100%; margin-bottom: 5px;} #board .right .write_box ul {padding: 0;} #board .right .write_box ul li {margin: 0;} #board .right .write_box ul li.title {margin-bottom: 5px; padding-left: 5px;} #board .right .write_box ul li .sub1 {display: block; width: 100%; margin-bottom: 5px; padding-left: 5px; font-weight: 600;} #board .right .agree_form {padding: 0;} #board .right .agree_form label {margin: 5px;} #board .right .agree_form .agree_top h5 {} #board .right .agree_form .agree_ck_box {} #board .right .agree_form .agree_box {} #board .right .agree_form .agree_box h6 {} #board .right .agree_form .agree_box .agree_box_inner {} .b_board_btn_w, .password_btn {} .b_board_btn_w a, .password_btn a {margin-bottom: 5px;} #board .right .review_box {} #board .right .review_box .review_all_rating dl dt .tit {width:30%;} #board .right .review_box .review_all_rating dl dt .rating_box {width:55%;} #board .right .review_box .review_all_rating dl dt .rating_num {width:15%;} #board .right .review_box #review_list_jgolf {margin-top:20px;} #board .right .review_box #review_list_jgolf dl {} #board .right .review_box #review_list_jgolf dl dt {} #board .right .review_box #review_list_jgolf dl dt .rl_img {float:none; width:100%; margin:0 0 10px; text-align:left;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box {padding-bottom:75%;} #board .right .review_box #review_list_jgolf dl dt .rl_right {float:none; width:100%; overflow:hidden; padding-left:0;} #board .right .review_box #review_list_jgolf dl dt .rl_right p.date {font-size:11px;} #board .right .review_box #review_list_jgolf dl dt .rl_right .reply {} #board .right .review_box #review_list_jgolf dl dt p.sisul_m {display:block; font-weight:600; margin-bottom:10px;} #board .right .review_box #review_list_jgolf dl dt p.sisul_m a {font-size:16px;} #board .right .review_box #review_list_jgolf dl dt .rl_right p.sisul_pc {display:none;} /* 모바일: 오버레이 숨기고 아래 평점 표시 방식으로 변경 */ #board .right .review_box #review_list_jgolf dl dt .rl_img .img_box .rating_overlay {display:none !important;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_link_m {display:block; pointer-events:auto;} #board .right .review_box #review_list_jgolf dl dt .rl_img .img_link_m .img_box {pointer-events:auto;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_total {padding:6px 0; font-size:14px;} /* 모바일용 평점 표시 */ #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile {display:block; background:#f9f9f9; padding:10px; border-radius:0 0 5px 5px; margin-top:-5px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul {margin:0; padding:0; list-style:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li {display:flex; justify-content:space-between; align-items:center; padding:4px 0; border-bottom:1px solid #eee; font-size:13px;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li:last-child {border-bottom:none;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li span:first-child {color:#666;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li .stars {color:#f5a623; font-weight:600;} #board .right .review_box #review_list_jgolf dl dt .rl_img .rating_mobile ul li .stars i {font-size:12px;} /* 모바일 구분선 및 레이아웃 */ #board .right .review_box #review_list_jgolf dl dt {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;} #board .right .review_box #review_list_jgolf dl dt.area_row {border:none; padding:8px 10px; margin:0 0 10px; background:#f5f5f5; border-radius:5px;} #board .right .review_box #review_list_jgolf dl dt.area_row .area_text {font-size:13px; color:#666;} #board .right .review_box #review_list_jgolf dl dt .rl_right {border-top:none; padding-top:5px; margin-top:5px;} /* event */ #event {padding:20px 10px; background-color:#fff} #event h4 {} #event .event_tab {padding:0;} #event .event_tab ul {} #event .event_tab ul li {} #event .event_tab ul li a {} #event .event_tab ul li.on a {} #event .event_tab .tab_left {} #event .event_tab .tab_right {} #event .event_tab .tab_right select {} #event .event_tab .tab_right input {} #event .event_tab .tab_right input[type=submit] {} #event .event_cont {} #event .event_cont ul {} #event .event_cont ul li {float:left; width:calc(50% - 5px); margin-left:10px;} #event .event_cont ul li:nth-child(3n-2) {margin-left:10px;} #event .event_cont ul li:nth-child(2n-1) {margin-left:0;} #event .event_cont ul li .img_box {} #event .event_cont ul li .img_box img {} #event .event_cont ul li .title {} #event .event_cont ul li .date {} #event .board_view {} #event .board_view .view_top {} #event .board_view .view_top h6 {} #event .board_view .view_top span {} #event .board_view .view_top .clone_url {bottom:5px; right:5px;} #event .board_view .view_cont {max-width:100%; padding:10px 5px;} #event .board_view .view_cont img {max-width:100%;} } @media (max-width:639px){ /* event */ #event .event_tab {height:auto; border:0;} #event .event_tab .tab_left {float:none;} #event .event_tab .tab_right {float:none;} #event .event_tab .tab_right select {width:25%; border-bottom:1px solid #ccc;} #event .event_tab .tab_right input {width:55%; height:40px; border-bottom:1px solid #ccc;} #event .event_tab .tab_right input[type=submit] {width:20%; padding:0;} #event .event_cont ul li {float:none; width:100%; margin-left:0;} }