/* 버튼 */
button {font-family: inherit;}
.btn_box {display: flex; flex-direction: column; gap: 15px;}
.btn_main {width: calc(100vw - 32px); font-size: 18px; padding: 18px; text-align: center; font-weight: 600; border-radius: 5px; font-family: inherit;}
.btn_sub {width: 50%; font-size: 18px; padding: 25px 10px; text-align: center; font-weight: 600; font-family: inherit; border-radius: 0;}
.btn_sm {width: 50%; font-size: 16px; padding: 12px 10px; text-align: center; font-weight: 400; font-family: inherit; border-radius: 5px;}
button.color1 {background-color: #3071F2; color: #fff;}
button.color2 {background-color: #fff; color: #3071F2;}
button.color3 {background-color: #efefef; color: #555;}
button.color4 {background-color: #fff; border: 1px solid #e9ebef; color: #888; font-size: 14px; padding: 9px 0; font-weight: 400;}
button.color5 {background-color: #fff; color: #3071F2; border: 1px solid #3071F2;}

.btn_more {width: 100%; font-size: 16px; color: #999; padding: 12px 8px; text-align: center; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.btn_more span {padding-left: 16px; color: #999; position: relative; display: block; width: max-content;}
.btn_more span::after {content: ""; display: block; width: 12px; height: 12px; background: url(../img/btn_more.png) no-repeat center/contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.bottom_btn {display: flex; align-items: center; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 50;}



.logo {font-family: "Shrikhand", serif;}

.sec_line {width: calc(100% + 32px); background-color: #f5f5f5; height: 6px; margin-left: -16px;}

.sec_tit {font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 6px; padding-bottom: 20px;}
.sec_tit i {display: block; width: 24px; height: 24px;}
.sec_tit em {color: #3071F2;}


.mt3 {margin-top: 30px;}
.mt6 {margin-top: 60px;}
.mt9 {margin-top: 90px;}
.mb6 {margin-bottom: 60px;}
.mb3 {margin-bottom: 30px;}

input, textarea {outline: none;}


/* 탭메뉴 */
.tab_menu {width: 100%; overflow-x: auto; margin-bottom: 25px;}
.tab_menu ul {display: flex; align-items: center; gap: 10px; width: max-content;}
.tab_menu li {padding: 6px 25px; border-radius: 20px; text-align: center; background-color: #f1f1f1; color: #999; width: max-content; box-sizing: border-box; border: 1px solid #f1f1f1;}
.tab_menu li span {color: #999;}
.tab_menu li.on {border-color: #3071F2; background-color: #fff;}
.tab_menu li.on span {color: #3071F2; font-weight: 600;}


.filter_box {margin-bottom: 20px;}
.filter_box select {border: 1px solid #ddd; padding: 6px 30px 6px 10px; border-radius: 3px; font-family: inherit; font-weight: 300; color: #666; font-size: 14px; position: relative; background: url(../img/select_arrow.png) no-repeat 90% 50%/12px auto; outline: none;}


img {width: 100%; height: 100%; display: block; object-fit: cover;}



/* 선택영역바 */
.select_bar {display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px;}
.select_bar button {font-size: 16px; color: #888; padding: 0; font-weight: 400;}
/* input[type="checkbox"], input[type="radio"] {display: none;}
input[type="checkbox"] + label, input[type="radio"] + label {padding-left: 30px; font-size: 16px; position: relative; display: block; color: #888;} */
/* input[type="checkbox"] + label::before, input[type="radio"] + label::before {content: ""; display: block; width: 24px; height: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border: 1px solid #ccc; border-radius: 3px; background-color: #fff;} */
/* input[type="checkbox"] + label::after, input[type="radio"] + label::after {content: ""; display: none; width: 23px; height: 23px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 3px; background: url(../img/check.png) no-repeat center/cover;}
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {color: #333;} */
/* input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after {display: block;} */

.select_icon {position: relative; padding-right: 10px;}
.select_icon label {padding: 0 !important; width: 24px; height: 24px; position: absolute;}



.no_content {padding: 40px 10px; border-radius: 15px; background-color: #f9f9f9; text-align: center; font-size: 14px; color: #888;}