@charset "utf-8";
body {font-family: noto;}
.color_main {color: #ff5d1c !important;}
table {width: 100%; border-spacing: 0;}
.monster-rules {width: 100%; }
.modal-header {height: 50px; padding: 15px 0; text-align: center; height: 48px; background-color: #fff; border-bottom: 1px solid #dfdfdf; }
.modal-header h2 {width: 100%; font-size: 16px; font-weight: 600; color: #ff5d1c; }
.modal-header .btn-close {display: flex; position: absolute; top: 10px; right: 10px;  align-items: center; justify-content: center; width: 30px; height: 30px; background: no-repeat url(../../assets/img/icon/icn_close.png) center / 25px 27px;}
.modal-header .btn-close span {display: none;}
.modal-header .btn_back {display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 50px; height: 50px; background: no-repeat url(../img/button/btn_back.png) center / 14px 24px;  text-indent: -9999px; font-size: 12px; font-weight: 500; text-align: center;}
.header_wrap h1 {overflow: hidden; width: calc(100% - 150px); margin: 0 auto; font-size: 16px; font-family: noto; font-weight: bold; line-height: 50px; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #13132b; }
.header_wrap .btn {display: flex; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; width: 50px; height: 50px; text-indent: -9999px; font-size: 12px; font-weight: 500; text-align: center; }
.header_wrap .btn_back {left: 0; background: no-repeat url(../img/button/btn_back.png) center / 14px 24px; }
.header_wrap .btn_close {background: no-repeat url(../img/icon/icn_close.png) center / 25px 27px; }

.modal-body {position: absolute; top: 50px; bottom: 0px; width: 100%; padding: 0; font-size: 14px; background-color: #fff !important; overflow: hidden; overflow-y: auto; }
.modal-body pre {white-space: pre-wrap; line-height: 1.7;}
.contents {position: relative; margin: 0 auto; padding: 16px; height: 100% !important; }
.tab-nav {overflow: hidden; }
.tab-nav ul {display: flex; flex-wrap: wrap; }
.tab-nav ul li {flex-grow: 1; }
.tab-nav ul li a {display: inline-block; width: 100%; padding: 14px 10px; border-bottom: 1px solid #dfdfdf; color: #000; font-size: 13px; font-weight: 400; text-align: center; line-height: 1.4; }
.tab-nav ul li.active a,
.tab-nav ul li a:hover,
.tab-nav ul li a:active {border-bottom: 1px solid #ff5d1c; color: #ff5d1c;}
.tab-content {padding-bottom: 50px;  font-weight: 300; font-size: 13px; color: #000; line-height: 1.65;}
.tab-content::-webkit-scrollbar {width: 8px; background-color: #f4f5f6; border-radius: 50px; }
.tab-content::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #cdced1; }
.tab-content::-webkit-scrollbar-track {border-radius: 50px; }
.tab-content h3 {margin: .5rem 0 1rem; padding: 0; color: #3c3c3c; font-size: 16px; line-height: 1.4; font-weight: 500; }
.tab-content h4 {margin: 1rem 0; font-size: 16px; line-height: 1.4; font-weight: 500; }
.tab-content h5 {margin: 1rem 0; font-size: 14px; font-weight: 500; line-height: 1.4;}
.tab-content table {width: 100%; margin: 1rem 0; }
.tab-content table td,
.tab-content table th {padding: 5px 7px;  font-size: 13px; word-break: break-word; }
.depth1 {padding-left: 1.5rem; margin: 0;}
.bi_table tr:first-of-type th, .bi_table tr:first-of-type td {border-top: 1px solid #eee !important; border: solid #eee; border-width: 0px 0px 1px 1px;}
.bi_table th {background: #f9f9f9;}
.bi_div {padding: 1rem; background: #f9f9f9;}
.bi_div a:hover {text-decoration: underline;}
.table-bordered {border: solid #eee; border-width:  1px 1px 0px 0px;}
.table-bordered th, 
.table-bordered td { padding: 5px 3px; border: solid #eee; border-width: 0px 0px 1px 1px; font-size: 11px; font-weight: 300; word-break: keep-all;}
/* 얍오더 약관 - 제휴매장 */
main.list_join {margin-top: 50px; padding: 24px; font-size: 14px; line-height: 1.4; word-break: keep-all;}
.list_join .table_join {margin-top: 24px; }
.list_join .table_join thead th {padding: .6em 0; border: solid #3c3c3c; border-width: 2px 0 1px; background-color: #f4f4f4; font-weight: 500; }
.list_join .table_join tbody td {padding: 12px; border-bottom: 1px solid #ddd;}
.list_join .pagination {display: flex; justify-content: center; margin: 24px 0;}
.list_join .pagination [class*="btn_"] {display: inline-block; margin: 0 .6em; padding: .3em .6em; border: 1px solid #3c3c3c; border-radius: 4px;}

/* border: solid #eee; border-width: 1px 1px 0 0; */