@charset "utf-8";

/* 
기록증 서비스 페이지 CSS
기록증 서비스 페이지 관련 스타일은 스타일 작성시 .record를 붙여주세요
*/

.record {min-width: 360px;}
/* tab */
.record .tab-menu {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; border-bottom: 1px solid #ddd;}
.record .tab-menu.li-4 {grid-template-columns: repeat(4, 1fr);}
.record .tab-menu li {text-align: center; cursor: pointer; font-size: 18px; font-weight: 400; line-height: 60px;}
.record .tab-menu li:last-child {border-right: none;}
.record .tab-menu li.on {border-bottom: 3px solid #349c29; font-weight: 700;}
.record .tab-menu li:hover {font-weight: 700;}
.record .tab-menu li a {width: 100%; height: 100%; display: inline-block;}

/* tab02 */
.record .tab-menu2 {width: 100%;}
.record .tab-menu2 ul {display: grid; grid-template-columns: 1fr 1fr; background: #f4fbf2; border-radius: 50px; overflow: hidden;}
.record .tab-menu2 ul li {text-align: center; font-size: 18px; color: #2cb400; line-height: 54px; cursor: pointer;}
.record .tab-menu2 ul li.on {border-radius: 50px; background: #2cb400; color: #fff; font-weight: 700;}
.record .tab-content > ul > li {display: none;}
.record .tab-content > ul > li.on {display: block;}

/* tab03 */
.tabs {width: 100%;} 
.tab_nav {display: grid; grid-template-columns: repeat(4,1fr);}
.sub_tab_nav {display: flex;}
.tab_nav li {text-align: center; border-bottom: 1px solid #ddd;}
.tab_nav li a {width: 100%; display: block; line-height: 60px; font-size: 18px;}
.tab_nav li a:hover {font-weight: 700;}
.tab_nav li.active a {border-bottom: 3px solid #349c29; font-weight: 700;}
.sub_tab_nav li a {display: block; position: relative; padding: 6px 20px; font-size: 15px; font-weight: 400; background: #ddd; color: #fff; border-radius: 50px; margin-right: 8px;}
.sub_tab_nav li.active a {background: #2cb400; font-weight: 700;}
.tab, .sub_tab {display: none;}
.tab.active, .sub_tab.active {display: block;}

/* 코스별기록관리 - 코스tab */
.record .course-tab {width: 100%; text-align: center;}
.record .course-tab > ul {display: inline-grid; grid-template-columns: repeat(4,1fr);}
.record .course-tab > ul > li {font-size: 18px; vertical-align: middle; font-weight: 700; cursor: pointer; padding: 0 30px; border-right: 1px solid #ddd;}
.record .course-tab > ul > li:hover {color: #2cb400;}
.record .course-tab > ul > li:last-child {border-right: none;}
.record .course-tab > ul > li.on {color: #2cb400;}
.record .course-content > ul > li {display: none;}
.record .course-content > ul > li.on {display: block;}

/* 팝업 */
.record .popup {display: none;}
.record .popup .dim {background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99;}
.record .popup .dim .box {transform: translate(-50%, -50%); position: relative; left: 50%; top: 50%; max-width: 600px; max-height: 845px; overflow-y: auto; margin-top: 0; border-radius: 0; padding: 50px 0 0; background: #fff;}
.record .popup .dim .box .close {position: absolute; top: 25px; right: 30px;}
.record .popup .tit {text-align: left; margin-bottom: 40px; padding: 0 50px;}
.record .popup .sch_criteria {margin: 0 50px 10px;}
.record .popup .sch_criteria select {width: 100%; background-position: 96% 50%;}
.record .popup .sch_box {position: relative; margin: 0 50px;}
.record .popup .sch_box select {width: 100%; margin-bottom: 10px;}
.record .popup .sch_box label {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.record .popup .sch_box input[type="text"] {width: 100%; position: relative;}
.record .popup .sch_info_txt {font-size: 14px; color: #999; text-align: center; padding-top: 15px;}
.record .popup .sch_info_txt i {color: #999;}
.record .popup hr {background: #f8f8f8; height: 20px; border: 0; margin-bottom: 0;}
.record .popup .list_box {max-height: 450px; min-height: 450px; overflow-y: auto; position: relative;}
/* 팝업 - 검색결과리스트 */
.record .popup .list_box > ul > li {/* align-items: center; */ /* display: grid; */ /* grid-template-columns: 1fr auto; */ /* padding: 0px 50px; */ border-bottom: 1px solid #ddd; /* height: 100px; */}
.record .popup .list_box > ul > li:hover .title .txt h3 {text-decoration: underline;}
.record .popup .list_box > ul > li .title {display: flex; margin-bottom: 0; align-items: center;}
.record .popup .list_box > ul > li .title .img {border-radius: 50%; overflow: hidden;}
.record .popup.race-sch .list_box > ul > li .title .img {border-radius: 0; width: 50px; height: 50px;}
.record .popup .list_box > ul > li .title .txt {padding-left: 20px;}
.record .popup .list_box > ul > li .title .txt h3 {font-size: 20px; font-weight: 700; color: #2cb400;}
.record .popup .list_box > ul > li .title .txt p {color: #9a9a9a; font-size: 14px; font-weight: 400; margin-top: 5px;}
.record .popup label {margin-right: 0; font-weight: 700;}
.record .popup.race-sch .list_box > ul > li .top {margin-bottom: -1px;}

/* 팝업 - 검색결과리스트 - 추가 */
.record .popup .list_box > ul > li .top {border-bottom: 1px solid #ddd; top: 100px; padding: 20px 50px; cursor: pointer;}
.record .popup .list_box > ul > li .bottom { display: grid; gap: 10px; grid-template-columns: 1fr 1fr 1fr; padding: 20px 50px; background: #f8f8f8;}
.record .popup .list_box > ul > li .bottom select {background: #fff;}
.record .popup .rc_gr_btn {color: #fff; font-size: 16px; text-align: center; font-weight: 700; margin: 0 7.5px; transition: all 0.2s; background: #2cb400; border: 2px solid #2cb400;}
/* .record .popup .list_box > ul > li .bottom {display: none;} */
.record .popup .list_box > ul > li .bottom.active {display: grid;}

/* 팝업 -검색결과없음 */
.record .popup .no_res {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -70%); text-align: center;}
.record .popup .no_res h3 {font-size: 20px; font-weight: 700; padding: 30px 0 20px;}
.record .popup .no_res p {font-size: 15px; color: #a9a9a9;}
.record .popup .no_res p a {color: #2cb400; text-decoration: underline;}
/* 팝업 - 등록폼 */
.record .popup .form {padding: 0 50px;}
.record .popup .form > div {padding: 30px 0 0;}
.record .popup .form > div:first-child {padding: 0 0 0;}
.record .popup .form > div > label {width: 100%; margin-bottom: 10px; font-weight: 400;}
.record .popup .form > div > input {width: 100%; height: 40px;}
.record .popup .form > div > p {color: #999; font-size: 14px; font-weight: 400; margin-top: 5px;}
.record .popup .form > div .input {display: flex;}
.record .popup .form > div .input input {height: 40px; width: 100%;}
.record .popup .form > div .input button {width: 200px; color: #fff; background: #242424; border: 1px solid #242424;}
.record .popup .form > div .input.file button {border: 1px solid #2cb400; color: #2cb400; background: #fff;}
.record .popup .gray_box {padding: 20px; background: #f8f8f8; margin: 30px 50px 20px;}
.record .popup .gray_box p {font-size: 14px; font-weight: 400; color: #999; line-height: 1.4;}
.record .popup .gray_box p.gr {color: #2cb400;}
.record .popup .crew_agree_rc {text-align: center;}
.record .popup .crew_agree_rc p {font-size: 15px; font-weight: 400; line-height: 1.4;}
.record .popup .crew_agree_rc .agree_txt {margin-top: 40px;}
.record .popup .rc_btn_wrap button {line-height: 40px;}

/* 비주얼배너 */
.record_bnr {text-align: center; background: #f6fff3; border-bottom: 1px solid #e2f4dc; height: 512px; display: grid; align-items: center;}
.record_bnr .txt h3 {color: #2cb400; font-size: 20px; display: inline-block; font-weight: 700;}
.record_bnr .txt h3:after {content: ''; display: block; width: 100%; height: 2px; background: #2cb400; margin-top: 3px;}
.record_bnr .txt h2 {font-size: 44px; font-weight: 700; line-height: 1.3; padding: 20px 0 30px;}
.record_bnr .txt h2 span {color: #2cb400;}
.record_bnr .txt h4 {font-style: italic; font-size: 26px; font-weight: 500;}
.record_bnr.record .rc_btn_wrap .rc_btn.rc_gr_btn:hover {background: none;}
.record_bnr.record .rc_btn_wrap .rc_btn.rc_gr_btn:hover i {color: #2cb400;}
.record_bnr.record .rc_btn_wrap {padding: 45px 0 15px;}
.record_bnr .preview_btn {font-size: 16px; color: #686868;}
.record_bnr .preview_btn:hover {text-decoration: underline;}
.record_bnr .preview_btn i {color: #2cb400;}

/* 입력 */
.record_option_section {background: #f8f8f8; padding: 60px 0 120px;}
.record_option_section .box {margin-top: 50px; background: #fff; border-radius: 10px; width: 100%; padding: 80px 0 80px;}
.record_option_section .tit {text-align: center;}
.record_option_section .tit h2 {font-size: 24px; font-weight: 700;}
.record_option_section .tit h2 b {color: #2cb400; font-weight: 700;}
.record_option_section .tit h3 {font-size: 20px; font-weight: 400; color: #a9a9a9; padding-top: 10px;}
.record_option_section .tit h3 a {color: #a9a9a9; border-bottom: 1px solid #a9a9a9; padding-bottom: 2px;}
.record_option_section .box .wrap {margin-left: auto; margin-right: auto; max-width: 894px; padding: 70px 0 0;}
.record_option_section .mid_tit {margin-bottom: 20px;}
.record_option_section .mid_tit h2 {font-size: 20px; font-weight: 700;}
.record_option_section .mid_tit.plus_txt {display: grid; grid-template-columns: 1fr auto; align-items: end;}
.record_option_section .mid_tit.plus_txt p {font-size: 15px; color: #bbb;}
.record_option_section .input_box {border-top: 1px solid #242424; border-bottom: 1px solid #dfdfdf; padding: 40px 0;}
.record_option_section .input_box > ul {display: grid; grid-template-columns: 164px auto; margin-top: 36px;}
.record_option_section .input_box > ul:first-child {margin-top: 0;}
.record_option_section .input_box ul > li:last-child {font-size: 18px; font-weight: 700;}
.record_option_section .input_box input[type="text"] {height: 40px; line-height: 40px; width: 100%;}
.record_option_section .input_box .compart {width: calc(40% + 150px); display: grid; grid-template-columns: 1fr auto; grid-gap: 5px;}
.record_option_section .input_box .compart label {line-height: 38px; font-size: 14px; margin-right: 0; width: 150px; background: #fff; border: 1px solid #242424; text-align: center; font-weight: 400;}
.record_option_section .input_box .compart label.file {color:#2cb400; border: 1px solid #2cb400;}
.record_option_section .input_box .grid_2 {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 5px; width: 40%;}
.record_option_section .input_box .sm_guide.tagify.tagify--empty {display: none;}
.record_option_section .input_box .sm_guide.tagify {display: block; border: none; background: none; margin-top: 0; padding: 0;}
.record_option_section .input_box .sm_guide.tagify .tagify__tag {font-size: 13px; margin-inline: 0 0; margin-right: 5px;}
.record_option_section .input_box .sm_guide.tagify .tagify__tag>div::before {box-shadow: 0 0 0 var(--tag-inset-shadow-size) rgba(57, 232, 0, 0.3) inset;}
.record_option_section .essen {position: relative; color: #2cb400; top: 2px; margin-right: 2px;}
.record_option_section .input_box .sm_guide {border-radius: 5px; background: #f8f8f8; padding: 15px 20px; margin-top: 20px;}
.record_option_section .input_box .sm_guide p {font-size: 14px; color: #999; font-weight: 400; line-height: 1.6;}
.record_option_section .input_box .sm_guide p a {color: blue; text-decoration: underline;}
.record_option_section .input_box .sm_guide_gr {color: #2cb400; font-size: 14px; font-weight: 400; padding: 10px 0 0 20px;}
.record_option_section .rank_setting {border-top: 1px solid #242424; padding-top: 40px;}
.record_option_section .rank_setting > ul {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}
.record_option_section .rank_setting > ul > li {padding: 20px; cursor: pointer; box-shadow: 0 0 13px 0 rgb(1, 1, 1, 0.1); border-radius: 20px;}
.record_option_section .rank_setting > ul > li .img {border-radius: 15px; border: 1px solid #dfdfdf; overflow: hidden; position: relative;}
.record_option_section .rank_setting > ul > li .img:after {content: ''; background: #2cb400; border-radius: 50px; color: #fff; width: 33px; height: 33px; font-weight: 700; text-align: center; line-height: 33px; position: absolute; right: 15px; top: 15px;}
.record_option_section .rank_setting > ul > li:nth-child(1) .img:after {content: '1';}
.record_option_section .rank_setting > ul > li:nth-child(2) .img:after {content: '2';}
.record_option_section .rank_setting > ul > li:nth-child(3) .img:after {content: '3';}
.record_option_section .drag_txt {font-size: 18px; color: #bbb; text-align: center; padding: 30px 0 0;}
.record_option_section .drag_txt i {color: #bbb;}
.record_option_section .rank_setting .txt h3 {font-size: 20px; font-weight: 500; line-height: 1.3; padding: 20px 0 15px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.record_option_section .rank_setting .txt .info > ul > li {display: grid; grid-template-columns: auto 1fr; line-height: 26px;}
.record_option_section .rank_setting .txt .info > ul > li:first-child p {color: #2cb400; font-weight: 700;}
.record_option_section .rank_setting .txt .info > ul > li h4 {font-size: 14px; font-weight: 500; color: #888;}
.record_option_section .rank_setting .txt .info > ul > li p {color: #a9a9a9; font-size: 14px; text-align: right;}

/* input공통 */
.record input[type="text"]:focus {outline: none; border: 1px solid #242424;}
.record label {margin-right: 40px; vertical-align: middle; cursor: pointer;}
.record input[type="radio"] {margin-right: 10px; accent-color: forestgreen; height: 15px; width: 15px; appearance: none; border-radius: 100px; vertical-align: middle; cursor: pointer;}
.record input[type="radio"]:checked {background-color: #2cb400; border: 3px solid #fff; box-shadow: 0 0 0 1px #2cb400;}
.record input[type="checkbox"] {margin-right: 5px; accent-color: forestgreen;}
.record .cal {display: inline-block; position: relative; width: 40%;}
.record .cal .ui-datepicker-trigger {position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.record .time_input input[type="text"] {width: 50px;}

/* 페이징 */
.record .page_now {background: #2cb400; border: 1px solid #2cb400;}

/* 가운데정렬search */
.record .mid_search_input {text-align: center; border-top: 1px solid #242424; border-bottom: 1px solid #dfdfdf; padding: 40px 0;}
.record .mid_search_input h3 {font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.record .mid_search_input h3 span {color: #2cb400;}
.record .mid_search_input .input {font-size: 0;}
.record .mid_search_input .input input[type="text"] {background: #fff; line-height: 40px; height: 40px; width: 100%; max-width: 260px; vertical-align: middle; cursor:pointer; margin-right: 5px;}
.record .mid_search_input .input label {background: #2cb400; color: #fff; font-weight: 500; font-size: 16px; line-height: 40px; width: 150px; text-align: center; vertical-align: middle; margin-right: 0;}
.record .mid_search_input h4 {font-size: 16px; display: inline-block; font-weight: 500; background-image: linear-gradient(rgba(57, 232, 0, 0.3), rgba(57, 232, 0, 0.3)); background-position: left bottom; background-size: 100% 52%; background-repeat: no-repeat; padding: 0px 5px 5px 5px; margin: 40px 0 25px;}
.record .mid_search_input p.red_txt {font-size: 13px; color: #d63312; line-height: 1.6; font-weight: 500;}
.record .mid_search_input .gray_box {padding: 30px 40px; width: 415px; margin: 0 auto; margin-top: 20px;}
.record .mid_search_input .gray_box > div {display: grid; grid-template-columns: auto 1fr; align-items: center;}
.record .mid_search_input .gray_box > div:first-child {margin-bottom: 10px;}
.record .mid_search_input .gray_box > div h4 {background: none; margin: 0; padding: 0; text-align: left; font-size: 20px; font-weight: 700; padding-left: 20px;}
.record .mid_search_input .gray_box > div h4 select {width: 100%; background-color: #fff;}

/* 검색바 */
.record .sch_box.sm {background: #F5f5f5; padding: 25px 30px; text-align: center;}
.record .sch_box.sm .detail_select {display: inline-grid; grid-template-columns: auto 1fr; font-size: 14px; grid-gap: 30px; font-weight: 700;}
.record .sch_box.sm .detail_select select {background-color: #fff; padding: 10px 30px;}
.record .sch_box.sm .detail_select input[type="date"] {}
.record .sch_box.sm .sch_list {border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px;}
.record .sch_box.sm .sch_list input {max-width: 320px; width: 100%;}

/* 기본버튼 */
.record .rc_btn_wrap {text-align: center; font-size: 0;}
.record .rc_btn_wrap .rc_btn {color: #fff; font-size: 16px; text-align: center; font-weight: 700; width: 190px; line-height: 50px; margin: 0 7.5px; transition: all 0.2s;}
.record .rc_btn_wrap .rc_btn i {color: #fff;}
.record .rc_btn_wrap .rc_btn.rc_blck_btn {background: #444; border: 2px solid #444;}
.record .rc_btn_wrap .rc_btn.rc_blck_btn:hover {background: #fff; color: #444;}
.record .rc_btn_wrap .rc_btn.rc_blck_btn:hover i {color: #444;}
.record .rc_btn_wrap .rc_btn.rc_gline_btn {color: #2cb400; border: 2px solid #2cb400;}
.record .rc_btn_wrap .rc_btn.rc_gline_btn i {color: #2cb400;}
.record .rc_btn_wrap .rc_btn.rc_gline_btn:hover {background: #f4fbf2;}
.record .rc_btn_wrap .rc_btn.rc_gr_btn {background: #2cb400; border: 2px solid #2cb400;}
.record .rc_btn_wrap .rc_btn.rc_gr_btn:hover {background: #fff; color: #2cb400;}

/* table상단요소 */
.rc_table_top {display: grid; grid-template-columns: auto auto; align-items: end;}
.rc_table_top .btn_confirm a {background: #455188; color: #fff; font-size: 14px; padding: 5px 12px; font-weight: 500;}
.rc_table_top .select {text-align: right;}
.rc_table_top .select select {padding: 7px 10px; width: 90px;}

/* table */
.rc_table {padding: 10px;}
.rc_table > tbody > tr > td, .rc_table > thead > tr > th {border-right: none; padding: 15px 12px;}
.rc_table td + td, .rc_table th + th {border-left: none;}
.rc_table th {font-size: 16px;}
.rc_table .info_mgt {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px;}
.rc_table .info_mgt input {font-size: 13px; padding: 5px 6px;}

/* 기록증 메인 */
.record .sch {text-align: center;}
.record .sch .region_name {max-width: 320px; width: 100%; margin-right: 10px; vertical-align: middle;}
.record .sch a {vertical-align: middle;}
.record .more {text-align: right;}
.record .more a {color: #999;}
.record .more a:hover {text-decoration: underline;}
.record .more.wh a {color: #fff;}
.record .list h2 {font-size: 30px; font-weight: 700;}
.record .list h2 span {color: #2cb400;}
.record .list .all_tab {border-top: none;}
.record .list .list_slide_wrap {position: relative;}
.record .list .swiper-container {position: static;}
.record .list .swiper-slide {background: none; width: 25% !important;}
.record .list .list_item {height: auto; width: 100%;}
.record .list .list_item .img {height: auto; border: 1px solid #dfdfdf; border-radius: 10px; overflow: hidden; position:relative; background: #f8f8f8;}
.record .list .list_item .img img {width: 100%;}
.record .list .list_item .img .sub3 {position: absolute; right: 15px; bottom: 15px; font-size: 12px; color: #2cb400; background: #f6fff3; padding: 3px 8px; font-weight: 500;}
.record .list .list_item .img .sub3 i {color: #2cb400;}
.record .list .list_item .img.new:before {content: 'N';  background: #ff4f4f; color: #fff; border-radius: 50px; display: inline-block; width: 24px; line-height: 24px; font-size: 13px; font-weight: bold; text-align: center; position: absolute; left: 10px; top: 10px;}
.record .list .list_item .img .sub3 b {color: #2cb400; font-size: 18px;}
.record .list .list_item .mid {display: grid; grid-template-columns: 1fr auto; padding: 15px 10px; border-bottom: 1px solid #dfdfdf;}
.record .list .list_item .mid h3 {font-size: 20px; font-weight: 500;}
.record .list .list_item .mid h3 small {font-size: 11px; color: #bbb; font-weight: 400; margin-left: 5px;}
.record .list .list_item .mid .hart i {color: #dfdfdf; font-size: 20px; cursor: pointer;}
.record .list .list_item .mid .hart i.on {color: #2cb400;}
.record .list .list_item .info {padding: 15px 10px;}
.record .list .list_item .info div {display: grid; grid-template-columns: auto 1fr;}
.record .list .list_item .info div p {line-height: 1.8;}
.record .list .list_item .info div p:first-child {font-size: 14px; color: #888;}
.record .list .list_item .info div p:first-child i {color: #888;}
.record .list .list_item .info div p:last-child {text-align: right; font-size: 14px; color: #a9a9a9;}
.record .list .swiper-button-prev:after, .record .list .swiper-button-next:after {border: none; padding: 0; color: #ddd;}
.record .list .swiper-button-prev {top: 50%; transform: translateY(-60%); left: -60px; margin-top: 0; margin-left: 0;}
.record .list .swiper-button-next {top: 50%; transform: translateY(-60%); right: -60px; left: auto; margin-top: 0; margin-left: 0;}
.record_indx2 {background: url('/img/record/record_indx_bg1.jpg') center/cover no-repeat; padding: 100px 0;}
.record_indx2 .top {padding-bottom: 30px;}
.record_indx2 .tit {text-align: center;}
.record_indx2 .tit h2 {font-size: 40px; font-weight: 800; background: linear-gradient(to bottom, #f3d3a1, #d6b07e); color: transparent;  -webkit-background-clip: text;}
.record_indx2 .tit p {color: #c3a884; font-size: 18px; font-weight: 500; padding: 15px 0 0;}
.record_indx2 .list .list_item .mid {border-bottom: 1px solid rgba(255,255,255,0.2);}
.record_indx2 .list .list_item .mid h3 {color: #deba85;}
.record_indx3 .course_wrap {display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr);}
.record_indx3 .course_wrap > div {display: grid; grid-template-columns: repeat(2,1fr);}
.record_indx3 .course_wrap > div > a {max-width: 250px; display: block;}
.record_indx3 .course_wrap .tit {padding: 10px;}
.record_indx3 .course_wrap .tit h2 {font-size: 22px; font-weight: 700; color: #fff; padding: 20px 0;}
.record_indx3 .course_wrap .tit p {font-size: 16px; color: #bbbbbb; line-height: 1.6;}
.record_indx3 .course_wrap .highest {background: url('/img/record/highest_bg.jpg') center/cover no-repeat; border-radius: 15px; padding: 20px; padding: 25px;}
.record_indx3 .course_wrap .most {background: url('/img/record/most_bg.jpg') center/cover no-repeat; border-radius: 15px; padding: 20px; padding: 25px;}
.record_indx3 .course_wrap  .list_item .mid {border-bottom: 1px solid rgba(255,255,255,0.2);}
.record_indx3 .course_wrap  .list_item .mid h3 {color: #fff;}
.record_indx4 {background: #f8f8f8; padding: 100px 0;}

/* 기록증 상세 리스트 */
.record.detail_list .sch {margin-bottom: 30px;}
.record.detail_list .sch select {background-color: #fff; width: 158px; height: 45px; vertical-align: middle;}
.record.detail_list .list h2 small {font-size: 15px; color: #999; font-weight: 400;}
.record.detail_list .btn_confirm span {color: #2cb400; font-size: 17px; font-weight: 700;}
.record.detail_list .rc_table_top .select select {width: 150px;}
.record.detail_list .rc_table > tbody > tr > td.name small {display: block; font-size: 12px; color: #ccc; font-weight: 700;}
.record.detail_list .rc_table > tbody > tr > td.rc small {display: block; font-size: 12px; color: #2cb400; font-weight: 700;}
.record.detail_list .rc_table > tbody > tr > td.rc_room a {display: block; background: #2cb400; color: #fff; padding: 6px 10px; font-size: 13px; font-weight: 500;white-space: nowrap;}
.record.detail_list .rc_table > tbody > tr > td, .record.detail_list .rc_table > thead > tr > th {padding: 25px 12px; line-height: 1.3;}
.record.detail_list .rc_table > tbody > tr:nth-child(1) td:nth-child(1),
.record.detail_list .rc_table > tbody > tr:nth-child(2) td:nth-child(1),
.record.detail_list .rc_table > tbody > tr:nth-child(3) td:nth-child(1) {font-size: 0;}
.record.detail_list .rc_table > tbody > tr:nth-child(1) td:nth-child(1):before {content: '\f5a2'; display: inline-block; color: #e3ba42; font-size: 22px; font-weight: 900; font-family: "Font Awesome 5 Free";}
.record.detail_list .rc_table > tbody > tr:nth-child(2) td:nth-child(1):before {content: '\f5a2'; display: inline-block; color: #bcbcbc; font-size: 22px; font-weight: 900; font-family: "Font Awesome 5 Free";}
.record.detail_list .rc_table > tbody > tr:nth-child(3) td:nth-child(1):before {content: '\f5a2'; display: inline-block; color: #b8aa90; font-size: 22px; font-weight: 900; font-family: "Font Awesome 5 Free";}
.record.detail_list .rc_table > tbody > tr td:nth-child(1) .up {font-size: 13px; vertical-align: middle;}
.record.detail_list .rc_table > tbody > tr td:nth-child(1) .up:before {content: '▲'; font-size: 9px; color: #d01919; display: inline-block; margin-right: 3px; vertical-align: middle;}
.record.detail_list .rc_table > tbody > tr td:nth-child(1) .down {font-size: 13px; vertical-align: middle;}
.record.detail_list .rc_table > tbody > tr td:nth-child(1) .down:before {content: '▼'; font-size: 9px; color: #64c3ff; display: inline-block; margin-right: 3px; vertical-align: middle;}

/* 내기록실 */
.record.rc_room	 .top {display: grid; grid-template-columns: 1fr auto; align-items: end;}
.record.rc_room	 .top .tit h2 {font-size: 30px; font-weight: 700; display: inline-block;}
.record.rc_room	 .top .tit a {font-size: 13px; display: inline-block; background: #f1f1f1; border-radius: 50px; padding: 5px 10px; margin-left: 10px;}
.record.rc_room	 .top .visitor > ul {display: flex;}
.record.rc_room	 .top .visitor > ul > li {font-size: 15px;}
.record.rc_room	 .top .visitor > ul > li:after {content: ''; display: inline-block; width: 1px; height: 8px; vertical-align: middle; background: #ddd; margin: 0 10px 0 15px;}
.record.rc_room	 .top .visitor > ul > li:last-child:after {content: none;}
.record.rc_room	 .top .visitor > ul > li small {color: #2cb400; font-weight: 700; font-size: 15px; margin-left: 20px;}
.record.rc_room .boxs {display: grid;  grid-template-columns: 800px auto; grid-gap: 30px;}
.record.rc_room .boxs > div {border-radius: 15px; border: 1px solid #ddd;}
.record.rc_room .person_box {display: grid; grid-template-columns: auto 1fr; grid-gap: 10px 40px;}
.record.rc_room .person_box .img {width: 103px; height: 103px; overflow: hidden; border-radius: 100px; background: #ddd; margin: 50px 0 0 70px;}
.record.rc_room .person_box .info {padding: 50px 70px 0 0; margin: 0;}
.record.rc_room .person_box .info .top {display: grid; grid-template-columns: 1fr auto; align-items: start;}
.record.rc_room .person_box .info .top .name h3 {font-size: 24px; font-weight: 700;}
.record.rc_room .person_box .info .top .name .crew {font-size: 16px; color: #999; margin-top: 10px;}
.record.rc_room .person_box .info .top .name .crew b {font-size: 18px; color: #2cb400;}
.record.rc_room .person_box .info .top .hart i {color: #dfdfdf; font-size: 30px; cursor: pointer;}
.record.rc_room .person_box .info .top .hart i.on {color: #2cb400;}
.record.rc_room .person_box .info .record_time > ul > li {display: grid; grid-template-columns: 1fr auto; align-items: center; line-height: 60px; border-bottom: 1px solid #efefef; padding: 0 30px;}
.record.rc_room .person_box .info .record_time > ul > li:first-child {background: #2cb400; border-radius: 5px; border-bottom: none;}
.record.rc_room .person_box .info .record_time > ul > li:last-child {border-bottom: none;}
.record.rc_room .person_box .info .record_time > ul > li p:first-child {font-size: 16px; font-weight: 500;}
.record.rc_room .person_box .info .record_time > ul > li p:last-child {font-size: 22px; font-weight: 700; color: #2cb400;}
.record.rc_room .person_box .info .record_time > ul > li:first-child p {color: #fff;}
.record.rc_room .person_box .badge {grid-column: 1 / 3; grid-row: 2 / 2; background: #f4fbf2;}
.record.rc_room .person_box .badge > ul {display: grid; grid-template-columns: repeat(3,1fr);}
.record.rc_room .person_box .badge > ul > li {font-size: 16px; font-weight: 400; line-height: 74px; position: relative;}
.record.rc_room .person_box .badge > ul > li:after {content: ''; display: inline-block; background: #d1e7cb; width: 1px; height: 32px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.record.rc_room .person_box .badge > ul > li:last-child:after {content: none;}
.record.rc_room .person_box .badge > ul > li i {color: #d5e4d0;}
.record.rc_room .person_box .badge > ul > li b {font-size: 22px; color: #2cb400;}
.record.rc_room .chart_box {padding: 50px;}
.record.rc_room .chart_box .top {display: grid; grid-template-columns: 1fr auto; align-items: end;}
.record.rc_room .chart_box .top h3 {font-size: 24px; font-weight: 700;}
.record.rc_room .my .tab-menu {display: inline-grid; grid-template-columns: repeat(4, 1fr); border-bottom: none; align-items: center; width: auto;}
.record.rc_room .my .tab-menu li {font-size: 13px; color: #999; line-height: 1; padding: 5px 10px;}
.record.rc_room .my .tab-menu li:not(.on):hover {font-weight: 400;}
.record.rc_room .my .tab-menu li.on {background:#2cb400; color: #fff; border-bottom: none; white-space: nowrap; border-radius: 3px;}
.record.rc_room .chart_box .chart_wrap {text-align: center;}
.record.rc_room .chart_box .chart_wrap canvas {display: inline-block !important;}
.record.rc_room.tp2 {background: url('/img/record/myroom_test_img2.jpg') center/cover no-repeat; padding: 100px 0;}
.record.rc_room.tp2 h3 {font-size: 40px; color: #fff; font-weight: 700; text-align: center;}
.record.rc_room.tp2 .my {text-align: center;}
.record.rc_room.tp2 .my .tab-menu li {color: #fff; padding: 5px 15px; font-weight: bold;}
.record.rc_room.tp2 .my .tab-menu li:hover {font-weight: bold;}
.record.rc_room.tp2 .rank_wrap span {color: #fff;}
/* .record.rc_room.tp2 .carousel-3d-slide:not(.current) {padding-top: 50px;}
.record.rc_room.tp2 .carousel-3d-slide .logo {display: grid; align-items: center; padding: 70px 0 10px;}
.record.rc_room.tp2 .carousel-3d-slide:not(.current) .logo {height: 550px; padding: 0;}
.record.rc_room.tp2 .carousel-3d-slide .logo .img-wrap img {width: auto;}
.record.rc_room.tp2 .rank-info {padding: 40px;}
.record.rc_room.tp2 .rank-info .tit {text-align: left; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.record.rc_room.tp2 .rank-info .tit h4 {font-size: 30px; font-weight: 700; color: #242424;}
.record.rc_room.tp2 .rank-info .record {display: grid; grid-template-columns: auto 1fr; align-items: center;}
.record.rc_room.tp2 .rank-info .record p:first-child {font-size: 18px; font-weight: 400; color: #30c300;}
.record.rc_room.tp2 .rank-info .record p:last-child {color: #30c300; font-weight: 700; font-size: 40px;} */
.record.rc_room.tp2 .circle_chart {background: rgba(0,0,0,0.5); border-radius: 20px; display: grid; grid-template-columns: repeat(4, 1fr); padding: 60px; grid-gap: 30px;}
.record.rc_room.tp2 .circle_chart h5 {color: #fff; font-size: 20px; font-weight: 700;}
.record.rc_room.tp2 .circle_chart .wrap {position: relative; padding: 0 20px;}
.record.rc_room.tp2 .circle_chart .wrap canvas {width: 100%;}
.record.rc_room.tp2 .circle_chart .wrap p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 18px;}
.record.rc_room.tp2 .circle_chart .wrap p b {font-size: 34px; color: #2cb400; font-weight: 900;}
.record.rc_room.tp2 .circle_chart .circle2 h5 b {color: #2e9930;}
.record.rc_room.tp2 .circle_chart .circle2 p b {color: #2e9930;}
.record.rc_room.tp2 .circle_chart .circle3 h5 b {color: #8ad300;}
.record.rc_room.tp2 .circle_chart .circle3 p b {color: #8ad300;}
.record.rc_room.tp2 .circle_chart .circle4 h5 b {color: #1fa782;}
.record.rc_room.tp2 .circle_chart .circle4 p b {color: #1fa782;}
.record.rc_room.tp3 {padding: 80px 0;}
.record.rc_room.tp3 h3 {font-weight: 700; text-align: center;}
.record.rc_room.tp3 h3 b {color: #2cb400; font-weight: 700;}
.record.rc_room.tp3 .list .list_item .info div p:last-child {color: #2cb400; font-size: 18px; font-weight: 600;}
.record.rc_room.tp4 {background: #f4fbf2;}
.record.rc_room.comment .amount {font-size: 20px; padding-bottom: 20px;}
.record.rc_room.comment .amount b {color: #2cb400;}
.record.rc_room.comment .wrap {border-bottom: 1px solid #242424; border-top: 1px solid #242424; padding: 60px 155px;}
.record.rc_room.comment .writing {border-radius: 15px; box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.05); display: grid; grid-template-columns: auto 1fr; grid-gap: 30px; padding: 30px 30px 20px; margin-bottom: 30px;}
.record.rc_room.comment .writing .left .img-wrap {border-radius: 100px; width: 54px; height: 54px; overflow: hidden;}
.record.rc_room.comment .writing .left .img-wrap img {width: 100%; height: 100%;}
.record.rc_room.comment .modify {display: grid; grid-template-columns: auto 1fr; grid-gap: 30px; padding: 30px 30px 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.record.rc_room.comment .modify .left .img-wrap {border-radius: 100px; width: 54px; height: 54px; overflow: hidden;}
.record.rc_room.comment .modify .left .img-wrap img {width: 100%; height: 100%;}
.record.rc_room textarea {width: 100%; border: 1px solid #ddd; height: 110px; padding: 10px; resize: none;}
.record.rc_room.comment .right .write_inner {display: grid; grid-template-columns: auto 1fr; padding-top: 10px; align-items: center;}
.record.rc_room.comment .right .counter {color: #a9a9a9; font-size: 15px;}
.record.rc_room.comment .right .counter span {font-size: 16px; color: #a9a9a9; font-size: 15px;}
.record.rc_room.comment .right .counter .count {color: #242424;}
.record.rc_room.comment .right .txt_upload {text-align: right;}
.record.rc_room.comment .right .txt_upload button {width: 90px; line-height: 30px; color: #fff; background: #2cb400; font-weight: 600; font-size: 15px; border: none;}
.record.rc_room.comment .comment_area {display: grid; grid-template-columns: auto 1fr; grid-gap: 30px; padding: 30px; border-bottom: 1px solid #ddd;}
.record.rc_room.comment .comment_area:last-child {border-bottom: none;}
.record.rc_room.comment .comment_area .left .img-wrap {width: 54px; height: 54px; overflow: hidden; border-radius: 50px;}
.record.rc_room.comment .comment_area .left .img-wrap img {width: 100%; height: 100%;}
.record.rc_room.comment .comment_area .right {display: grid; grid-template-columns: 1fr auto;}
.record.rc_room.comment .comment_area .right .name {font-size: 18px; font-weight: 600; padding-bottom: 10px;}
.record.rc_room.comment .comment_area .right .name small {color: #a9a9a9; font-size: 11px;}
.record.rc_room.comment .comment_area .right .txt {padding: 5px 0 20px;}
.record.rc_room.comment .comment_area .right .day {font-size: 12px; color: #bbb;}
.record.rc_room.comment .comment_area .right .reply_btn a {display: inline-block; width: 56px; line-height: 25px; border: 1px solid #ddd; text-align: center; font-size: 13px; color: #999; margin: 20px 0 0;}
.record.rc_room.comment .comment_area .right .reply_btn a b {color: #242424;}
.record.rc_room.comment .comment_area .right .tool {display: flex; gap: 0 20px;}
.record.rc_room.comment .comment_area .right .tool .hart i {color: #dfdfdf; font-size: 30px; cursor: pointer;}
.record.rc_room.comment .comment_area .right .tool .hart i.on {color: #2cb400;}
.record.rc_room.comment .comment_area .tool_option {text-align: right;}
.record.rc_room.comment .comment_area .tool_option img {padding: 10px 0; cursor: pointer;}
.record.rc_room.comment .comment_area .tool_menu {border: 1px solid #ddd; width: 80px; display: none; background: #fff;}
.record.rc_room.comment .comment_area .tool_menu.on {display: block;}
.record.rc_room.comment .comment_area .tool_menu li a {font-size: 12px; font-weight: 400; color: #999; text-align: center; display: inline-block; width: 100%; line-height: 25px; border-bottom: 1px solid #ddd; cursor: pointer; transition: all 0.2s;}
.record.rc_room.comment .comment_area .tool_menu li a:hover {color: #242424;}
.record.rc_room.comment .comment_area .tool_menu li:last-child a {border-bottom: none;}
.record.rc_room.comment .comment_area.reply {display: block; padding: 30px; background: #f9f9f9; border-bottom: none; grid-column: 1 / 3; grid-row: 2 / 2;}
.record.rc_room.comment .comment_area.reply .right.write {grid-template-columns: 1fr;}
.record.rc_room.comment .comment_area.reply .right.write .write_inner {grid-template-columns: 1fr;}
.record.rc_room.comment .comment_area.delete {display: block; padding: 30px 0;}
.record.rc_room.comment .comment_none {text-align: center;}
.record.rc_room.comment .comment_none i {color: #ddd; font-size: 90px;}
.record.rc_room.comment .comment_none p {line-height: 1.6; padding-top: 20px;}
.record.rc_room .popup .form > div > .subject_repot {font-size: 18px; font-weight: 600; padding-bottom: 10px; color: #242424;}
.record.rc_room .popup .form > div > .subject_repot small {color: #a9a9a9; font-size: 11px;}
.rc_room .record_option_section {background: none; padding: 0;}

/* 240429 추가 */
.record .comment_box {
  display: flex;
  padding: 0;
  margin-bottom: 40px;
  overflow: hidden;
  /* gap: 30px; */
  align-items: flex-start;
  justify-content: flex-start;
  background: none;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.record .comment_box > .left {width: 10%;}
.record .comment_box > .right {width: 90%;}
.record .comment_write {
  display: flex;
}
.record .comment_write > .left {width: 10%;}
.record .comment_write > .right {width: 90%;}

.record .comment_area.delete {
  border-bottom: 0 !important;
}
.record .comment_area .comment_box.delete {
  margin-bottom: 0;
  padding: 20px;
	flex-direction: column;
}
.record .comment_area .comment_box.delete p {
  color: #999;
}
.record .comment_area.delete .reply_btn a {
	display: inline-block;
	width: 56px;
	line-height: 25px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 13px;
	color: #999;
	margin: 20px 0 0;
}
.record .comment_box.delete_reply {
  padding: 30px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.record .comment_box.delete_reply p {
  color: #999;
}

@media (max-width: 768px) {
  .record .comment_box {
    gap: 10px;
  }
	.record .comment_area.delete .comment_box {
    padding: 10px 0;
  }
	.record .comment_area.delete .comment_box {
		padding: 10px;
	}
  .record .comment_box.delete_reply {
    padding: 20px;
  }
  .record .comment_area.delete .comment_box p, .record .comment_box.delete_reply p {
    font-size: 14px;
  }
  .record .list .swiper-slide {
    width: 48% !important;
    margin-right: 10px !important;
  }
  .record .list .list_item .img {
    height: 120px;
  }

}

.record .comment_box > .left {width: 10%;}
.record .comment_box > .right {width: 90%;}
.record .comment_write {
  display: flex;
	border-bottom: 1px solid #ddd;
}
.record .comment_write > .left {width: 10%;}
.record .comment_write > .right {width: 90%;}


.record.rc_room.tp2 .swiper-container {width: 100%;  padding-top: 50px; padding-bottom: 50px;}
.record.rc_room.tp2 .swiper-slide {width: 400px; min-height: 480px;}
.record.rc_room.tp2 .swiper-content {background-color: #fff;  width: 100%;  height: 100%;}
.record.rc_room.tp2 .swiper-slide:first-child:nth-last-child(1):after {
  content: '1';
  display: inline-block;
  color: #30c300;
  font-size: 140px;
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  font-weight: 700;
  font-style: italic;
  background: transparent !important;
}

.record.rc_room.tp2 .swiper-slide:first-child:nth-last-child(2):after {
  content: '2';
  display: inline-block;
  color: #30c300;
  font-size: 140px;
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  font-weight: 700;
  font-style: italic;
  background: transparent !important;
}

.record.rc_room.tp2 .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide:last-child:after {
  content: '1';
  display: inline-block;
  color: #30c300;
  font-size: 140px;
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  font-weight: 700;
  font-style: italic;
  background: transparent !important;
}

.record.rc_room.tp2 .swiper-slide:first-child:nth-last-child(3):after {
  content: '2';
  display: inline-block;
  color: #30c300;
  font-size: 140px;
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  font-weight: 700;
  font-style: italic;
  background: transparent !important;
}

.record.rc_room.tp2 .swiper-slide:first-child:nth-last-child(3) ~ .swiper-slide:nth-child(2):after {
  content: '1';
  display: inline-block;
  color: #30c300;
  font-size: 140px;
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  font-weight: 700;
  font-style: italic;
  background: transparent !important;
}

.record.rc_room.tp2 .swiper-slide:first-child:nth-last-child(3) ~ .swiper-slide:last-child:after {
  content: '3';
  display: inline-block;
  color: #30c300;
  font-size: 140px;
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  font-weight: 700;
  font-style: italic;
  background: transparent !important;
}
.record.rc_room.tp2 .swiper-slide .img {padding: 80px 0 40px;}
.record.rc_room.tp2 .swiper-slide .txt {padding: 0 30px 30px; text-align: left;}
.record.rc_room.tp2 .swiper-slide .txt h4 {font-size: 30px; font-weight: 700; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.record.rc_room.tp2 .swiper-slide .txt .record_info {display: flex; align-items: center; justify-content: space-between;}
.record.rc_room.tp2 .swiper-slide .txt .record_info p:first-child {color: #2cb400; font-size: 18px; font-weight: 400;}
.record.rc_room.tp2 .swiper-slide .txt .record_info p:last-child {color: #2cb400; font-weight: 700; font-size: 40px;}
.record.rc_room.tp2 .swiper-slide-prev, .record.rc_room.tp2 .swiper-slide-next {position: relative;}
.record.rc_room.tp2 .swiper-slide-prev:after, .record.rc_room.tp2 .swiper-slide-next:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.record.rc_room.tp2 .swiper-slide-prev .txt, .record.rc_room.tp2 .swiper-slide-next .txt {display: none;}
.record.rc_room.tp2 .swiper-slide-prev .img, .record.rc_room.tp2 .swiper-slide-next .img {padding: 0;}

/* media query */
@media (min-width: 1200px) {
	/* 내기록실 */
	.record.rc_room .container {max-width: 1400px;}
}
@media (max-width: 1400px) {
	/* 내기록실 */
	.record.rc_room .boxs {grid-template-columns: 1fr 1fr;}
	.record.rc_room .person_box {grid-gap: 10px 30px; overflow: hidden;}
	.record.rc_room .person_box .img {margin: 50px 0 0 40px;}
	.record.rc_room .person_box .info {padding: 50px 40px 0 0;}
	.record.rc_room.comment .wrap {padding: 30px 0;}
}
@media (max-width: 1200px) {
	/* 내기록실 */
	.record.rc_room .boxs {grid-template-columns: 1fr;}
	.record.rc_room.tp2 .circle_chart {padding: 40px; grid-gap: 0;} 
	.record.rc_room.tp2 .circle_chart h5 {font-size: 18px;}
	.record.rc_room.tp2 .circle_chart .wrap p {font-size: 14px;}
	.record.rc_room.tp2 .circle_chart .wrap p b {font-size: 27px;}
}
@media (max-width: 992px) {
	/* 입력 */
	.record_option_section .box {padding: 75px 20px;}
	.record_option_section .input_box .sm_guide_gr {line-height: 1.4;}
	.record_option_section .mid_tit.plus_txt {display: block;}
	.record_option_section .mid_tit.plus_txt p {padding-top: 5px;}
	/* 검색바 */
	.record .sch_box.sm .detail_select {display: grid; grid-template-columns: 1fr; text-align: left; grid-gap: 20px;}
	/* 내기록실 */
	.record.rc_room.tp2 .circle_chart {grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
    .record .course-tab > ul > li {padding: 0 15px;}

}
@media (max-width: 768px) {
	/* tab02 */
	.record .tab-menu2 ul li {font-size: 16px; line-height: 45px;}
	/* tab03 */
	.sub_tab_nav li a {font-size: 11px; white-space: nowrap; margin-bottom: 10px; margin-right: 5px; padding: 6px 10px;}
	/* 팝업 */
	.record .popup .dim {padding: 0 20px;}
	.record .popup .dim .box {max-height: 500px; padding: 30px 0 0;}
	.record .popup .tit {padding: 0 30px; margin-bottom: 20px;}
	.record .popup .sch_criteria {margin: 0 30px 5px;}
	.record .popup .sch_box {margin: 0 30px;}
	.record .popup .sch_info_txt {padding: 0 30px; line-height: 1.4; margin-top: 15px; word-break: keep-all;}
	.record .popup .list_box {min-height: 300px;}
	/* .record .popup .list_box > ul > li {height: 60px; padding: 0px 30px;} */
	.record .popup .list_box > ul > li .top {padding: 20px 30px;}
	.record .popup .list_box > ul > li .bottom {padding: 20px 30px; grid-template-columns: 1fr 1fr;}
	.record .popup .list_box > ul > li .bottom .rc_gr_btn {grid-column: span 2; margin: 0; line-height: 40px;}
	.record .popup .list_box > ul > li .title .img {height: 35px; width: 35px;}
	.record .popup .list_box > ul > li .title .txt {padding-left: 10px;}
	.record .popup .list_box > ul > li .title .txt h3 {font-size: 16px;}
	.record .popup .list_box > ul > li .title .txt p {font-size: 12px; margin-top: 2px;}
	.record .popup .list_box .paging {padding: 0 30px;}
	.record .popup .list_box .paging + p {padding: 0 30px; font-size: 13px; line-height: 1.4;}
	.record .popup .choice label {font-size: 14px;}
	.record .popup .no_res {transform: translate(-50%, -50%);}
	.record .popup .no_res .img {width: 50px; margin: 0 auto;}
	.record .popup .no_res h3 {padding: 15px 0 10px; font-size: 18px;}
	.record .popup .no_res p {line-height: 1.4; font-size:14px;}
	.record .popup .form {padding: 0 30px;}
	.record .popup .gray_box {margin: 30px 20px 20px;}
	.record .popup .crew_agree_rc .agree_txt {margin-top: 20px;}
	/* 입력 */
	.record_option_section .box {padding: 60px 20px;}
	.record_option_section .box .wrap {padding: 40px 0 0;}
	.record_option_section .tit h3 {font-size: 16px; line-height: 1.4;}
	.record_option_section .input_box > ul {display: block;}
	.record_option_section .input_box > ul > li:first-child {font-size: 14px; margin-bottom: 10px;}
	.record_option_section .input_box .compart {width: 100%;}
	.record_option_section .input_box .compart label {width: 100px;}
	.record_option_section .input_box .grid_3 {width: 100%;}
	.record_option_section .mid_tit.plus_txt p {font-size: 12px;}
	.record_option_section .rank_setting {padding-top: 30px;}
	.record_option_section .rank_setting > ul {grid-gap: 10px; grid-template-columns: 1fr;}
	.record_option_section .rank_setting > ul > li {padding: 10px; border-radius: 15px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
	.record_option_section .rank_setting > ul > li .img:after {right: 5px; top: 5px; font-size: 13px; width: 25px; height: 25px; line-height: 25px;}
	.record_option_section .rank_setting > ul > li .img img {object-fit: cover; height: 100%;}
	.record_option_section .rank_setting .txt h3 {font-size: 16px; padding: 10px 0; margin-bottom: 10px;}
	.record_option_section .drag_txt {font-size: 14px; padding: 20px 0 0; word-break: keep-all; line-height: 1.3;}
	.record_option_section .input_box .grid_2 {width: 100%;}
	.record_option_section .input_box .sm_guide.tagify .tagify__input {display: contents;}
	/* 검색바 */
	.record .sch_box.sm .detail_select select {display: block; width: 100%; margin-top: 10px;}
	.record .sch_box.sm .detail_select input[type="date"] {width: 95px; margin-top: 10px;}
	.record .sch_box.sm .sch_list input {max-width: 100%;}
	.record .sch_box.sm .sch_list .btn_primary {max-width: 100%; font-size: 14px;}
	/* table상단요소 */
	.rc_table_top .btn_confirm a {font-size: 12px; padding: 0; font-weight: 500; display: inline-block; width: 135px; line-height: 25px; text-align: center;}
	/* table */
	.sch_list .table-container {width: 100%; overflow-x: auto; white-space: nowrap;}
	.sch_list .amboard_paging {font-size: 0;}
	/* input공통 */
	.record label {margin-right: 20px;}
	.record .cal {width: 100%;}
	/* 가운데정렬search */
	.record .mid_search_input {padding: 30px 0;}
	.record .mid_search_input .input {display: grid; grid-template-columns: 1fr auto; grid-gap: 5px; padding: 30px 0 10px;}
	.record .mid_search_input .input input[type="text"] {max-width: 100%;}
	.record .mid_search_input .input label {width: 100px; font-size: 14px;}
	.record .mid_search_input h4 {word-break: keep-all; line-height: 1.6; background-image: none; margin: 0 0 25px;}
	.record .mid_search_input h3 {margin-bottom: 0px; padding: 0 25px; word-break: keep-all; line-height: 1.4;}
	.record .mid_search_input .gray_box {margin-top: 0; width: 100%; padding: 20px;}
	.record .mid_search_input .gray_box > div:first-child {margin-bottom: 5px;}
	.record .mid_search_input .gray_box > div h4 {font-size: 18px; padding-left: 15px;}
	.record .mid_search_input .gray_box > div p {font-size: 14px;}
	/* 기본버튼 */ 
	.record .rc_btn_wrap .rc_btn {margin: 3px; width: calc(50% - 6px); font-size: 14px; line-height: 40px;}
	/* 비주얼배너 */
	.record_bnr {height: 450px;}
	.record_bnr .txt h3 {font-size: 14px;}
	.record_bnr .txt h2 {font-size: 28px;}
	.record_bnr .txt h4 {font-size: 16px;}
	.record_bnr .preview_btn {font-size: 14px;}
	/* 기록증 메인 */
	.record .list h2 {font-size: 24px; text-align: center;}
	.record .list .list_item .img.new:before {line-height: 18px; width: 18px; font-size: 11px;}
	.record .list .list_item .img .sub3 {right: 50%; bottom: 5px; font-size: 11px; transform: translateX(50%); white-space: nowrap;}
	.record .list .list_item .mid {padding: 15px 0px;}
	.record .list .list_item .mid h3 {font-size: 18px;}
	.record .list .list_item .mid h3 small {margin-left: 0; display: block; margin-top: 5px;}
	.record .list .list_item .info {padding: 10px 0;}
	.record .list .list_item .info div {grid-gap: 10px; align-items: center;}
	.record .list .list_item .info div p:first-child {font-size: 11px;}
	.record .list .list_item .info div p:last-child {font-size: 12px;}
	.record .more a {font-size: 11px;}
	.record_indx1 .sch a.btn_primary.btn_region {width: 100%; max-width: 100%;}
	.record_indx2 {padding: 50px 0;}
	.record_indx2 .tit h2 {font-size: 24px;}
	.record_indx2 .tit p {font-size: 14px; padding: 10px 0 0;}
	.record_indx3 .tab-menu li {font-size: 14px; line-height: 40px;}
	.record_indx3 .tab-content.mt50 {margin-top: 30px;}
	.record_indx3 .course_wrap {grid-gap: 10px;}
	.record_indx3 .course_wrap > div {grid-template-columns: 1fr;}
	.record_indx3 .course_wrap .highest, .record_indx3 .course_wrap .most {padding: 15px; border-radius: 10px;}
	.record_indx3 .course_wrap .tit {padding: 0 0 10px;}
	.record_indx3 .course_wrap .tit h2 {font-size: 14px; word-break: keep-all; padding: 0;}
	.record_indx3 .course_wrap .tit p {display: none;}
	.record_indx4 {padding: 50px 0;}
	.record_indx4 .tab_nav li a, .record_indx5 .tab-menu li {font-size: 14px; line-height: 40px;}
	.record_indx4 .tab.mt50, .record_indx5 .tab-content.mt50 {margin-top: 30px;}
	.record .list .swiper-container {margin: 0;}
	.record .list .swiper-button-prev, .record .list .swiper-button-next {display: none;}
	/* 기록증 상세 리스트 */
	.record.detail_list .mt50 {margin-top: 30px;}
	.record.detail_list .tab-menu li {font-size: 14px; line-height: 40px;}
	.record.detail_list .tab_nav li a {font-size: 14px; line-height: 40px;}
	.record.detail_list .rc_table_top .select select {width: 67px; font-size: 11px; height: 30px; padding: 5px;}
	.record.detail_list .btn_confirm {font-size: 12px;}
	.record.detail_list .btn_confirm span {font-size: 14px;}
	.record.detail_list .list h2 small {font-size: 14px; display: block; margin-top: 5px;}
	.record.detail_list .sch select {width: 100%; margin-bottom: 3px;}
	.record.detail_list .sch a {width: 100%; max-width: 100%;}
	/* 내기록실 */
	.record.rc_room .top {grid-template-columns: 1fr; grid-gap: 20px}
	.record.rc_room .person_box {grid-template-columns: 1fr;}
	.record.rc_room .person_box .img {margin: 30px auto; width: 80px; height: 80px;}
	.record.rc_room .person_box .info {padding: 0 30px;}
	.record.rc_room .person_box .badge {grid-column: auto; grid-row: auto;}
	.record.rc_room .person_box .info .record_time > ul > li {padding: 0 20px; line-height: 50px;}
	.record.rc_room .person_box .info .record_time > ul > li p:first-child {font-size: 14px;}
	.record.rc_room .person_box .info .record_time > ul > li p:last-child {font-size: 18px;}
	.record.rc_room .chart_box {padding: 30px;}
	.record.rc_room .chart_box .chart_wrap canvas {width: 100%;}
	.record.rc_room .person_box .badge > ul {grid-template-columns: 1fr;}
	.record.rc_room .person_box .badge > ul > li {font-size: 12px; line-height: 35px;}
	.record.rc_room .person_box .badge > ul > li b {font-size: 17px;}
	.record.rc_room .chart_box .top {grid-template-columns: 1fr;}
	.record.rc_room.tp2 {padding: 50px 0;}
	.record.rc_room.tp2 h3 {font-size: 24px;}
	.product-card {max-width: 100% !important;}
	.record.rc_room.tp2 .swiper-container {padding-top: 30px; padding-bottom: 0;}
	.record.rc_room.tp2 .swiper-slide {width: 100%; min-height: 327px;}
	.record.rc_room.tp2 .swiper-slide-active:nth-child(1):after, .record.rc_room.tp2 .swiper-slide-active:nth-child(2):after, .record.rc_room.tp2 .swiper-slide-active:nth-child(3):after {font-size: 80px; top: -46px;}
	.record.rc_room.tp2 .swiper-slide .img {padding: 0;}
	.record.rc_room.tp2 .swiper-slide .txt {padding: 0 20px 20px;}
	.record.rc_room.tp2 .swiper-slide .txt h4 {font-size: 24px;}
	.record.rc_room.tp2 .swiper-slide .txt .record_info p:first-child {font-size: 12px;}
	.record.rc_room.tp2 .swiper-slide .txt .record_info p:last-child {font-size: 26px;}
	.record.rc_room.tp2 .circle_chart .wrap {padding: 0;}
	.record.rc_room.tp2 .circle_chart h5 {font-size: 14px;}
	.record.rc_room.tp2 .circle_chart .wrap p {top: 53%; font-size: 14px;}
	.record.rc_room.tp2 .circle_chart .wrap p b {font-size: 16px;}
	.record.rc_room.tp3 {padding: 50px 0;}
	.record.rc_room.tp3 .btn {margin: 10px 0 0; padding: 3px 10px; font-size: 12px;}
	.record.rc_room.tp3 .tab-menu {margin-top: 0 !important;}
	.record.rc_room.tp3 .tab-menu li {font-size: 14px; line-height: 40px;}
	.record.rc_room.tp3 .tab-content.mt50 {margin-top: 30px;}
	.record.rc_room.tp3 .swiper-container {margin: 30px auto 0;}
	.record.rc_room.tp3 .list .list_item .info div p:last-child {font-size: 13px;}
	.record.rc_room.comment .amount {font-size: 16px; padding-bottom: 10px;}
	.record.rc_room.comment .writing {grid-gap: 10px; padding: 15px; margin-bottom: 10px;}
	.record.rc_room.comment .writing .left .img-wrap {width: 34px; height: 34px;}
	.record.rc_room textarea {font-size: 14px;}
	.record.rc_room.comment .comment_area {grid-gap: 10px; padding: 20px;}
	.record.rc_room.comment .comment_area .left .img-wrap {width: 34px; height: 34px;}
	.record.rc_room.comment .comment_area .right .txt {font-size: 14px; line-height: 1.4; padding: 5px 0 10px;}
	.record.rc_room.comment .comment_area .right .tool {display: inline-grid;}
	.record.rc_room.comment .comment_area .tool_option {position: relative;}
	.record.rc_room.comment .comment_area .right .tool .hart i {font-size: 25px;}
	.record.rc_room.comment .comment_area .tool_menu.on {left: -46px; position: absolute;}
	.record.rc_room.comment .comment_area.reply {padding: 20px;}
}
@media (max-width: 480px)  {
	/* 타이틀 */
	.record_option_section .tit h2 {font-size: 20px; word-break: keep-all; line-height: 1.4;}
	.record_option_section .tit h3 {word-break: keep-all; padding: 10px 25px;}
	/* 입력 */
	.record_option_section {padding: 30px 0 60px;}
	.record_option_section .tit {padding: 0 20px;}
	.record_option_section .mid_tit {margin-bottom: 10px;}
	.record_option_section .mid_tit h2 {font-size: 18px;}
	.record_option_section .input_box {padding: 30px 0;}
	.record_option_section .input_box > ul {margin-top: 25px;}
	.record_option_section .box {padding: 65px 10px; margin-top: 20px;}
	/* 가운데정렬search */
	.record .mid_search_input p.red_txt {word-break: keep-all;}
	.record .mid_search_input p.red_txt br {display: none;}
}