/* sub_common */
section {padding: 0 15px;}
.m_sub_top_right {float:right; margin: 14px 0 35px 0;  display: flex; align-items: center;}
.m_sub_top_right li {float:left; padding-right: 22px; font-size:12px; color:#333333;}
.m_sub_top_right li:last-child {padding-right:0;}
.m_sub_top_right li.m_home_move {position:relative;}
.m_sub_top_right li.m_home_move img { display: block;}
.m_sub_top_right li.m_home_move:after {content: ''; width: 5px; height: 8px; background: url("/img/mobile/common/m_sub_gnb_next.png")no-repeat; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.m_sub_top_right li.m_move {position:relative;}
.m_sub_top_right li.m_move:after {content: ''; width: 5px; height: 8px; background: url("/img/mobile/common/m_sub_gnb_next.png")no-repeat; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.m_sub_top_right li a  {color: #333333; font-size: 12px;}
.m_drop_btn {padding-left: 5px; margin-top:-3px; vertical-align: middle;}
.m_sub_top {width: 100%; right: 370px; z-index: 1;}
.m_common_title {margin-bottom: 32px;}
.m_common_title h1 {font-size: 35px; letter-spacing: -1px;}
.m_common_title p {font-size: 13px; letter-spacing: -1px; color: #666666; font-weight: 400; margin-top: 5px;}
.bg-gray {background-color: #f1f1f1;}


.m_online_coun_wrap {margin-bottom: 50px;}
.m_online_coun_list {border-top: 2px solid #9d1c4c; width: 100%;}
.m_online_coun_list tr td {color: #222222; font-size: 14px; font-weight: 400; padding: 15px 0;}
.m_online_coun_list tr td:first-child {position: relative; width: 95px; min-width: 95px; padding-left: 7px; vertical-align: baseline;} 
.m_online_coun_list tr td:first-child::before {position: absolute; content: "*"; color: #9d1c4c; width: 4px; height: 4px; left: 0; top: 17px; } 
.m_online_coun_list tr td.except_star {padding-top: 0;}
.m_online_coun_list tr td.except_star::before {position: static; content: "";} 
.m_online_coun_list tr td {border-bottom: 1px solid #e2e2e2}
.m_online_coun_list tr td.except {border-bottom: none;}
.m_online_coun_list tr td input {border: 1px solid #e2e2e2; width: 100%; padding: 6px 0; font-size: 13px;}
.m_online_coun_list tr td input.height {height: 200px;}
.m_online_coun_list tr td textarea {border: 1px solid #e2e2e2; width: 100%; font-size: 13px;}
.m_online_coun_list tr td select {border: 1px solid #e2e2e2; background-color: #ffffff; width: 100%; padding: 6px 0; font-size: 13px;}
.m_online_coun_list tr td select option {font-size: 13px;}
.m_online_coun_list tr td .searchbtn {border: none; background-color: #333333; color: #ffffff; font-size: 14px; width: 80px; margin-left: 5px; padding: 6px 0;}

/* .m_online_coun_list tr td .m_online_coun-top {display: flex;} */
.m_online_coun_list tr td .m_online_coun-top img {width: 50%;}
.m_online_coun_list tr td .m_online_coun-top input { margin-left: 5px; padding: 0 5px;}
.m_online_coun_list tr td .m_online_coun-bottom {display: flex; margin-top: 10px;}
.m_online_coun_list tr td .m_online_coun-bottom button {border: none; font-size: 12px; font-weight: 400; width: 100%; background-color: #ffffff;     border: 1px solid #9d1c4c; border-radius: 5px; color: #9d1c4c; padding: 5px 0; }
.m_online_coun_list tr td .m_online_coun-bottom button:not(:first-child) {margin-left: 5px;}

.m_online_coun_privacy {margin-top: 20px;}
.m_online_coun_privacy span {color: #222222; font-size: 15px; font-weight: 400; }
.m_online_coun_privacy span strong {color: #9d1c4c; font-size: 15px; font-weight: 500;}
.m_online_coun_privacy p {font-size: 13px; color: #666666; line-height: 24px; font-weight: 400; margin-top: 10px; border: 1px solid #e2e2e2; padding: 10px; background-color: #f0f0f0; overflow-y: scroll; height: 120px;}
.m_online_coun_privacy input[type="checkbox"] { margin: 15px 0 30px 0;}
.m_online_coun_privacy input[type="checkbox"]~span {color: #222222; font-size: 14px; font-weight: 400; letter-spacing: -1px; margin-left: 3px; vertical-align: text-bottom;}
.m_online_coun_privacy button {display: block; color: #ffffff; font-size: 14px; font-weight: 400; padding: 10px 35px; border: none; background-color: #9d1c4c; margin: 0 auto;}


.m_online_coun_search {border: 1px solid #e2e2e2; padding: 25px; margin-top: 60px;} 
.m_online_coun_search span {color: #9d1c4c; font-weight: 600; font-size: 14px;}
.m_online_coun_search .m_search_rows {margin-top: 20px; display: flex; justify-content: space-between;}
.m_online_coun_search .m_search_rows select { color: #222222; font-size: 14px; font-weight: 400; border: 1px solid #e2e2e2; background-color: #ffffff; padding: 6px 0; width: 75px;}
.m_online_coun_search .m_search_rows select option {font-size: 14px; font-weight: 400;}
.m_online_coun_search .m_search_rows input {font-size: 14px; font-weight: 400; border: 1px solid #e2e2e2; padding: 6px 0; width: 73%;}
.m_online_coun_search .m_search_rows button {color: #222222; font-size: 14px; font-weight: 400; background-color: #f2f2f2; border: 1px solid #e2e2e2; border-left: none; padding: 6px 10px;}
.m_online_coun_search .m_search_rows .row2 {display: flex; justify-content: flex-end;}



.m_online_coun_board {margin-top: 25px; width: 100%;}
.m_online_coun_board thead tr th { color: #222222; font-size: 14px; font-weight: 600; padding: 13px 0; border-bottom: 1px solid #e2e2e2; border-top: 2px solid #9d1c4c;}
.m_online_coun_board thead tr th:nth-child(1) {width: 70%;}
.m_online_coun_board thead tr th:nth-child(2) {width: 25%;}
.m_online_coun_board tbody tr td {padding: 13px 0; font-weight: 400; border-bottom: 1px solid #e2e2e2;}
.m_online_coun_board tbody tr td.title { padding-left: 30px;  position: relative;}
.m_online_coun_board tbody tr td.title a {color: #333333; font-size: 14px; font-weight: 400;}
.m_online_coun_board tbody tr td.title::before { position: absolute; content: ""; background: url("/img/mobile/sub/m_online_coun_lock.png")no-repeat center; width: 12px; height: 14px; left: 0; top: 50%; transform: translateY(-50%);}
.m_online_coun_board tbody tr td.waiting span {color: #ffffff; background-color: #666666; border-radius: 20px; display: block;  padding: 2px 10px; text-align: center; font-size: 14px;}
.m_online_coun_board tbody tr td.complete span {color: #ffffff; background-color: #9d1c4c; border-radius: 20px; display: block;  padding: 2px 10px; text-align: center; font-size: 14px;}