/********************************************
게시판 공통
*********************************************/
.select { padding: 0 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; } 
select { color: #555; border: .0625rem solid #d3d3d3; height: 4.5rem; line-height: 1.75rem; font-size: 18px; padding-left: .625rem; padding-right: 2.8125rem; border-radius: 0; outline: 0; cursor: pointer; box-sizing: border-box; margin: 0; vertical-align: middle; text-align: left; } 

/* 검색 박스 */
.nxb-top-1 { width:100%; margin:0 0 50px } 
.nxb-top-1__wrap { display:flex; align-items:center; justify-content:center; width:100%; padding:50px 20px; background-color:#f8f8f8 } 
.nxb-top-1__select-wrap { display:flex; position:relative; } 
.nxb-top-1__select-wrap::after { content:""; position:absolute; top:50%; right:20px; width:0px; height:0px; border-top:calc( 3px * 1.732 ) solid #aaa; border-left:4px solid transparent; border-right:4px solid transparent; transform:translateY(-50%) } 
.nxb-top-1__desc-wrap { display:flex; } 
.nxb-top-1 .nxb-list__search-select { width:150px; height:50px; padding:0 20px; margin-right:5px; font-size:15px; color:#bbbbbb; border:1px solid #e5e5e5 } 
.nxb-top-1 .nxb-list__search-keyword { width:320px; height:50px; padding:0 20px; font-size:15px; color:#222; border:1px solid #e5e5e5 } 
.nxb-top-1 .nxb-list__search-submit { width:80px; height:50px; } 
.nxb-top-1__submit { width:80px; height:50px; font-size:15px; color:#fff; border:0; background-color:#333; vertical-align:middle; } 


/* 페이징 */
.nxb-pagination-square { display:flex; justify-content:center; padding:100px 0 0; margin:0 auto } 
.nxb-pagination-square a { display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-right:5px; font-family:"Pretendard"; color:#999; background-color:#fff; border:1px solid #e5e5e5; transition:color .3s, border .3s } 
.nxb-pagination-square a.disabled { opacity:.5; cursor:default } 
.nxb-pagination-square strong { display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-right:5px; font-family:"Pretendard","notokr",sans-serif; color:#fff; background-color:#333; border:1px solid #e5e5e5; } 
.nxb-pagination-square i { font-family: "Font Awesome 6 Pro"; display:inline-block; speak:none; font-style:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } 
.nxb-pagination-square a.first i::before { content:"\f04a" } 
.nxb-pagination-square a.prev i { transform:rotate(180deg) } 
.nxb-pagination-square a.prev i::before { content:"\f04b"; transform:rotate(-180deg) } 
.nxb-pagination-square a.next i::before { content:"\f04b" } 
.nxb-pagination-square a.last i::before { content:"\f04e" } 
.nxb-pagination-square .omit { margin:10px 5px 0 0 } 

@media screen and (min-width:1025px){
 .nxb-pagination-square a:not(.disabled):hover { color:#222; border:1px solid #222 } 
 }
@media screen and (max-width:768px){
 .nxb-top-1 { margin:0 0 30px 0 } 
 .nxb-top-1__wrap { flex-direction:column; padding:30px 20px } 
 .nxb-top-1__select-wrap { width:100%; } 
 .nxb-top-1 .nxb-list__search-select { width:100%; margin-right:0 } 
 .nxb-top-1__desc-wrap { width:100%; margin-top:10px } 
 .nxb-top-1 .nxb-list__search-keyword { width:calc(100% - 80px); } 
 .nxb-pagination-square { padding-top:50px } 
 }
@media screen and (max-width:480px){
 .nxb-top-1 .nxb-list__search-keyword { width:calc(100% - 60px); } 
 .nxb-top-1 .nxb-list__search-submit { width:60px; } 
 .nxb-pagination-square a { width:36px; height:36px; } 
 .nxb-pagination-square strong { width:36px; height:36px; } 
 }
@media screen and (max-width:360px){
 .nxb-pagination-square a { width:30px; height:30px; } 
 .nxb-pagination-square strong { width:30px; height:30px; } 
 }


 /* 개인정보처리방침 */
.agree { margin-top:50px; } 
.agree-box { width: 100%; height: 200px; border: 1px solid #ccc; padding: 30px; overflow: auto; background: #fff; border-radius: 8px; } 
.agree h3 { font-size: 20px; color: #202020; margin-bottom: 20px; font-weight: 600; } 
.agree h3 span { color: var(--color-main); } 
.agree .agree-check { display:block; margin-top:20px; text-align:right; } 
.agree .agree-check input[type="radio"] { position:absolute; opacity:0; } 
.agree .agree-check label { font-size:18px; font-weight:400; color:#222; position:relative; padding-left:34px; cursor:pointer; margin-left:20px; } 
.agree .agree-check label::before { content:''; width:24px; height:24px; border-radius:50%; border:1px solid #acacac; background: #fff; position:absolute; left:0; top:0; } 
.agree .agree-check label::after { display:none; content:''; width:14px; height:14px; border-radius:50%; background: var(--color-main); position:absolute; top: 6px; left: 6px; } 
.agree .agree-check [type="radio"]:checked + label::before { border-color:var(--color-main); } 
.agree .agree-check [type="radio"]:checked + label::after { display:inline-block; } 
.private-box{word-break: keep-all;}
@media screen and (max-width:768px){
.agree .agree-check label { font-size: 16px } 
.agree-box{padding: 16px;}
.agree h3{ font-size: 16px; margin-bottom: 8px;}
}
@media screen and (max-width:480px){
  .agree .agree-check label { font-size: 14px } 
  .private-box{font-size: 14px;}
}
/********************************************
게시판 :: 자주묻는질문
*********************************************/
.faq .sub-container { max-width: 1200px; } 
/* 탭 메뉴 */
.faq-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; } 
.faq-tabs button { flex:1; padding:10px 15px; border:none; background:#e8f5e9; cursor:pointer; border-radius:25px; transition:all .3s; font-size:16px; } 
.faq-tabs button.active { background:var(--color-main); color:#fff; font-weight:bold; } 

/* 검색폼 */
.faq-search { margin-bottom:20px; display:flex; justify-content:center; } 
.faq-search input { width:100%; max-width:400px; padding:10px; border:1px solid #ccc; border-radius:25px; font-size:14px; } 

/* FAQ 리스트 */
.faq-item { border-bottom:1px solid #ddd; padding:15px 0; cursor: pointer; } 
.faq-question { font-weight:600; position:relative; padding-right:20px; padding-top: 20px; padding-bottom: 20px; font-size: 1.125rem; } 
.faq-question::after { font-family: "Font Awesome 6 Pro"; content:'\f107'; position:absolute; right:0; top: 50%; transform: translateY(-50%); font-size:14px; transition:.3s; } 
.faq-question.active::after { transform:rotate(180deg); } 
.faq-answer { max-height:0; overflow:hidden; transition:max-height .4s ease; font-size:1.125rem; line-height:1.6; color:#555; } 
.faq-answer .a-txt { font-size: 1.2rem; font-weight: 600; padding-right: 1rem; } 

@media screen and (max-width:768px){
    .faq-tabs { flex-direction:column; } 
}


/********************************************
신청폼 :: 가맹점 문의
*********************************************/
.inquiry { background:#f5f5f5; padding: 120px 0; } 
.inquiry .choice { } 
.inquiry .choice .choice-check { display:block; } 
.inquiry .choice .choice-check input[type="radio"] { position:absolute; opacity:0; } 
.inquiry .choice .choice-check label { font-size:18px; font-weight:400; color:#222; position:relative; padding-left:34px; cursor:pointer; margin-left:20px; } 
.inquiry .choice .choice-check label::before { content:''; width:24px; height:24px; border-radius:50%; border:1px solid #acacac; position:absolute; left:0; top:0; background: #fff; } 
.inquiry .choice .choice-check label::after { display:none; content:''; width:14px; height:14px; border-radius:50%; background: var(--color-main); position:absolute; top: 6px; left: 6px; } 
.inquiry .choice .choice-check [type="radio"]:checked + label::before { border-color:var(--color-main); } 
.inquiry .choice .choice-check [type="radio"]:checked + label::after { display:inline-block; } 
.inquiry .form-box { /* max-width: 1280px; margin: auto; */ border-top:2px solid #202020; } 
.inquiry .form-box .field-wrap { display: flex; border-bottom: 1px solid #ddd; } 
.inquiry .form-box .field-wrap .field { display: flex; flex:1; align-items: center; } 
.inquiry .form-box .field-wrap .field .label { font-size: 18px; font-weight: 500; letter-spacing: -0.45px; color: #0c0c0c; width:27%; } 
.inquiry .form-box .field-wrap .field .label em { display:inline-block; position:relative; /* font-size:0; width:6px; height:6px; background:var(--color-main); border-radius: 100%;  */color: var(--color-main); vertical-align: middle; left:2px; top:-13px; } 
.inquiry .form-box .field-wrap .field .label p { margin-top:5px; font-size: 16px; font-weight: normal; letter-spacing: -0.4px; color: #716c63; } 
.inquiry .form-box .field-wrap .field .col { padding:15px 0; width:73%; } 
.inquiry .form-box .field-wrap .field .col input[type="text"],
.inquiry .form-box .field-wrap .field .col input[type="tel"],
.inquiry .form-box .field-wrap .field .col input[type="number"],
.inquiry .form-box .field-wrap .field .col input[type="email"],
.inquiry .form-box .field-wrap .field .col input[type="password"],
.inquiry .form-box .field-wrap .field .col input[type="date"] { width:100%; height:52px; border-radius: 5px; padding:0 20px; font-size: 16px; color: #0c0c0c; border: solid 1px #cecece; background-color: #fff; } 
.inquiry .form-box .field-wrap .field .col textarea { width:100%; height:160px; border-radius: 5px; padding:20px; font-size: 16px; color: #0c0c0c; border: solid 1px #cecece; background-color: #fff; resize: none; } 
.inquiry .form-box .field-wrap .field .col input[type="date"] { background: #fefcf8 } 
.inquiry .form-box .field-wrap .field .col input[type="text"]::placeholder,
.inquiry .form-box .field-wrap .field .col input[type="tel"]::placeholder,
.inquiry .form-box .field-wrap .field .col input[type="number"]::placeholder,
.inquiry .form-box .field-wrap .field .col input[type="email"]::placeholder,
.inquiry .form-box .field-wrap .field .col input[type="password"]::placeholder,
.inquiry .form-box .field-wrap .field .col input[type="date"]::placeholder { color: #aba495; } 
.inquiry .form-box .field-wrap .field .col.col-red input[type="text"]::placeholder { color:#e94615; } 
.inquiry .form-box .field-wrap .field .col textarea::placeholder { color: #aba495; } 
.inquiry .form-box .field-wrap .field .col input.radio-input2 { margin-top:10px; } 
.inquiry .form-box .field-wrap .field .col .radio-group { display: flex; align-items: center; } 
.inquiry .form-box .field-wrap .field .col .radio-group .radio-type2 + .radio-type2 { margin-left:40px; } 
.inquiry .form-box .field-wrap .field .col .radio-group input[type="tel"] { margin-left:20px; width:120px; } 
.inquiry .form-box .field-wrap .field .col .radio-group em { display:inline-block; font-size: 16px; margin-left:10px; font-weight: normal; letter-spacing: -0.4px; color: #0c0c0c; width:10%; } 
.inquiry .form-box .field-wrap .field .col .radio-group2 { margin-top:10px; } 
.inquiry .form-box .field-wrap .field .col .radio-group2 input[type="tel"] { width:100%; background:#FEFCF8; } 
.inquiry .form-box .field-wrap .field .col .radio-group2 input[type="tel"]:active,
.inquiry .form-box .field-wrap .field .col .radio-group2 input[type="tel"]:focus { background:#fff; } 
.inquiry .form-box .field-wrap .field .col .input-wrap { display: flex; align-items: center; } 
.inquiry .form-box .field-wrap .field .col .input-wrap p { display:flex; flex:1; align-items: center; } 
.inquiry .form-box .field-wrap .field .col .input-wrap p span { display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #0c0c0c; } 
.inquiry .form-box .field-wrap .field .col .input-wrap p input[type="text"] { margin-left:16px; width:151px; } 
.inquiry .form-box .field-wrap .field .col .input-wrap p + p { margin-left:40px; } 
.inquiry .form-box .field-wrap .field .col .input-wrap2 { display: flex; align-items: center; } 
.inquiry .form-box .field-wrap .field .col .input-wrap2 em { display: inline-block; margin:0 5px; } 
.inquiry .form-box .field-wrap .field .col .radio-box { font-size:0; } 
.inquiry .form-box .field-wrap .field .col .radio-box .radio-type2 { margin:1%; display: inline-block; width:31.3333%; vertical-align: top; } 
.inquiry .form-box .field-wrap .field .col .code { display:flex; align-items: center; } 
.inquiry .form-box .field-wrap .field .col .code span { display: inline-block; border-radius: 5px; background-color: #f5f5f5; padding:10px; font-size:0; } 
.inquiry .form-box .field-wrap .field .col .code span img { display: block; } 
.inquiry .form-box .field-wrap .field .col .code input[type="text"] { margin-lefT:10px; max-width:160px; } 
.inquiry .form-box .field-wrap .field + .field { margin-left: 80px; } 
.inquiry .form-box .field-wrap .field.single { } 
.inquiry .form-box .field-wrap .field.single .label { max-width:180px; width:13%; } 
.inquiry .form-box .field-wrap .field.single .col { width:87%; } 
.inquiry .form-box .field-wrap .form-guide { font-size:16px; color:#716C63; margin-top:20px; } 
.inquiry .button-box { margin-top:60px; text-align: center; } 
.inquiry .button-box button { display: inline-block; border-radius: 31px; background-color:var(--color-main); width:330px; text-align: center; height:57px; color:#fff; font-size: 18px; font-weight: 500; letter-spacing: -0.45px; color: #fff; } 


@media screen and (max-width:1280px){
 
    .inquiry .form-box { width: 100%; padding: 10px 0; } 
    .inquiry .form-box .field-wrap { display: block; } 
    .inquiry .form-box .field-wrap .field + .field { margin-left:0; } 
    .inquiry .form-box .field-wrap .field .label { width:20%; font-size:15px; } 
    .inquiry .form-box .field-wrap .field .label p { font-size:14px; } 
    .inquiry .form-box .field-wrap .field .col { width:80%; } 
    .inquiry .form-box .field-wrap .field.single .label { width:20%; } 
    .inquiry .form-box .field-wrap .field.single .col { width:80%; } 
    .inquiry .bottom-box { margin-top:20px; padding:30px 20px; } 
    .inquiry .form-box .field-wrap .field .col input[type="text"],
    .inquiry .form-box .field-wrap .field .col input[type="tel"],
    .inquiry .form-box .field-wrap .field .col input[type="number"],
    .inquiry .form-box .field-wrap .field .col input[type="email"],
    .inquiry .form-box .field-wrap .field .col input[type="password"],
    .inquiry .form-box .field-wrap .field .col input[type="date"] { height:45px; padding:0 10px; font-size:14px; } 
    .inquiry .form-box .field-wrap .field .col .radio-group em { font-size:14px; } 
    .inquiry .form-box .field-wrap .field .col .radio-group2 input[type="tel"] { width:50%; } 
    .inquiry .form-box .field-wrap .field .col textarea { font-size:14px; padding:10px; } 
    .inquiry .form-box .field-wrap .field .label em { display:inline-block; position:relative;/*  font-size:0; width: 5px; height: 5px; background:var(--color-main); border-radius: 100%; */ vertical-align: middle; left: 5px; top: -8px; } 
}

@media screen and (max-width:768px){
    .inquiry{padding: 60px 0;}
    .inquiry .form-box .field-wrap .field { display: block; } 
    .inquiry .form-box .field-wrap .field:first-child { border-bottom: 1px solid #ddd; } 
    .inquiry .form-box .field-wrap .field .label { width:100%; margin-top:10px; } 
    .inquiry .form-box .field-wrap .field .label p { display: inline-block; margin-left:10px; margin-top:0; } 
    .inquiry .form-box .field-wrap .field .col { width:100%; } 
    .inquiry .form-box .field-wrap .field .col .radio-group { display: block; } 
    .inquiry .form-box .field-wrap .field .col .radio-group .radio-type2 + .radio-type2 { margin-left:2%; } 
    .inquiry .form-box .field-wrap .field .col .radio-group .radio-type2 { width:31%; vertical-align: middle; } 
    .inquiry .form-box .field-wrap .field .col .radio-group input[type="tel"] { margin-left:0; margin-top:20px; } 
    .inquiry .form-box .field-wrap .field .col .radio-group2 input[type="tel"] { margin-top:0; } 
    .inquiry .form-box .field-wrap .field .col .radio-group3 { display:flex; flex-wrap:wrap; } 
    .inquiry .form-box .field-wrap .field .col .radio-group3 .radio-type2 { width:48%; margin-left:0 !important; } 
    .inquiry .form-box .field-wrap .field .col .radio-group3 .radio-type2:nth-child(n+3) { margin-top:2%; } 
    .inquiry .form-box .field-wrap .field .col .input-wrap { display: block; } 
    .inquiry .form-box .field-wrap .field .col .input-wrap p { position:relative; padding-left:50px; } 
    .inquiry .form-box .field-wrap .field .col .input-wrap p span { position: absolute; left:0; font-size:14px; } 
    .inquiry .form-box .field-wrap .field .col .input-wrap p + p { margin-left:0; margin-top:10px; } 
    .inquiry .form-box .field-wrap .field .col .input-wrap p input[type="text"] { width:100%; } 
    .inquiry .form-box .field-wrap .field .col .radio-box .radio-type2 { width:48%; } 
    .inquiry .form-box .field-wrap .field.single .label { width:100%; } 
    .inquiry .form-box .field-wrap .field.single .col { width:100%; } 
    .inquiry .form-box .field-wrap .form-guide { font-size:14px } 
    .inquiry .button-box button { width:100%; line-height: 15px; height: 45px; } 
    .inquiry .choice .choice-check label { font-size: 16px } 
}


/********************************************
신청폼 :: 예약하기 
*********************************************/
legend, hr { display: none; } 
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"] { height:3.125rem; line-height:1.75rem; border:.0625rem #d3d3d3 solid; color:#555; font-size:.75rem; padding:0 .5rem; text-indent:0; border-radius:0; margin:0; box-sizing:border-box; vertical-align:middle; text-align:left; outline:0; } 
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, select::placeholder { color:#999; } 

button, input[type="submit"], input[type="button"] {  cursor: pointer; overflow: visible; } 

/* select type */
select { color:#555; border:.0625rem solid #d3d3d3; height:3.125rem; line-height:1.75rem; font-size:18px; padding-left: .625rem; padding-right: 2.8125rem; border-radius:0; outline:0; cursor:pointer; box-sizing:border-box; margin:0; vertical-align:middle; text-align:left; } 

.form-style1 { width:100%; } 
.line_tit { display:flex; align-items: flex-end; justify-content: space-between; gap:5px 20px; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 600; } 
.line_tit span { font-size: 18px; font-weight: 500; color: #000; } 
.line_tit span strong { color: var(--color-main) } 
.line_tit span em { color:#414141; } 
.bbs_title { border-top:2px solid #000; } 
.form-style1 input[type="text"], input[type="password"], input[type="number"], input[type="date"] { font-size: 1rem; } 
.form-style1 input[type="date"]{position: relative;}
.form-style1 :where(th,td) { vertical-align: middle; padding:10px 20px; border-bottom: 1px solid #ddd; } 
.form-style1 th { font-size: 20px; font-weight: 500; letter-spacing: -.7px; columns: #333; text-align: left; letter-spacing: -0.02em; line-height: 1.5; padding-left:30px; padding-right:30px; background:#F5F5F5; } 
.form-style1 th .essential { position:relative; display:inline-block; padding-right:16px; box-sizing:border-box; } 
.form-style1 th .essential:after { position:absolute; top:0; right:0; content:'*'; color:var(--color-main); display:flex; align-items: flex-start; } 
.form-style1 td { font-size: 18px; font-weight: 500; letter-spacing: -.7px; columns: #333; letter-spacing: -0.02em; line-height: 1.5; } 
.form-style1 tr :where(span,input,select,textarea,label) { color:inherit; font-weight: inherit; min-width: auto; } 
.form-style1 tr :where(input[type="text"]:focus,input[type="password"]:focus) { border-color:#111; } 
.form-style1 tr select { color:#333; width: 120px; } 
.form-style1 tr .birth_wrap select { color:#333; width: 140px; } 
.form-style1 tr:has(input[type="checkbox"]) .edit-box { margin-top:15px; } 
.form-style1 .inp_list { display:flex; flex-wrap: wrap; gap:10px 30px; } 
.form-style1 input:has(+ .btn_sm,+ label + .btn_sm) { margin-right:7px; } 
.form-style1 .btn_sm { display:inline-flex; align-items: center; padding:0 29px; box-sizing: border-box; height: 50px; color:#444; border-radius: 5px; background:#f4f4f4; vertical-align: middle; } 
.form-style1 .btn_sm.btn_check { margin-left:7px; } 
.form-style1 .inp_noti { color:var(--black-color07); vertical-align: middle; } 
.form-style1 input:has(+ .inp_noti,+ label + .inp_noti) { margin-right:17px; } 

.form-style1 input[type="text"],
.form-style1 input[type="password"] { width: 235px; } 
.at { margin: 0 12px; } 
.mt { margin-top: 10px; } 
.form-style1 .desc { font-size: .9rem; color: #636363; } 

/* 휴대폰 번호 */
.phone input[type="text"] { width: 120px; } 

/* 내용 */
.form-style1 textarea { width: 100%; } 

.select-btn { margin-top: 3rem; text-align: center; display: flex; justify-content: center; column-gap: 1rem; } 
.select-btn button { display: inline-block; padding: 12px 50px; width: 240px; background-color: var(--color-main); color: #fff; border: 1px solid transparent; font-size: 1.2rem; font-weight: 600; transition: all .5s; border-radius: 30px; } 
.select-btn .btn1 { background: transparent; border: 1px solid var(--color-main); color:var(--color-main); } 
.select-btn .btn2:hover { background-color: transparent; border: 1px solid var(--color-main); color:var(--color-main); } 

@media screen and (max-width:1200px) { 
    .birth_wrap input[type="text"] { width: 125px } 
    .phone_wrap input[type="text"] { width: 125px; } 
    .phone_wrap { display: flex; align-items: center; } 
    .birth_wrap { display: flex; align-items: center; gap: 2px; } 
}
@media screen and (max-width:1023px){
    .form-style1 th { padding-left: 25px; padding-right: 25px; } 
    .form-style1 input:has(+ .inp_noti,+ label + .inp_noti) { margin:0 0 10px; } 
    .form-style1 .inp_noti { display:block; } 
}
@media screen and (max-width:860px){
    .form-style1 col:nth-child(1) { width:150px; } 
    .form-style1 th { padding-left: 20px; padding-right: 20px; font-size: 1rem; } 
    .form-style1 td { font-size: 1rem; } 
}
@media screen and (max-width:767px){
    .at { margin: 0 4px; } 
    .form-style1 tr select { width: 100%; height: 2.8rem; } 
    .form-style1 tr .birth_wrap select { width: 100%; height: 2.8rem; } 
    .form-style1 input[type="text"], .form-style1 input[type="password"] { width: 100%; height: 2.8rem; } 
}
@media screen and (max-width:640px) {
    input[type="checkbox"] + label { padding-left:35px; line-height:25px; } 
    input[type="checkbox"] + label:before { width:25px; height:25px; } 
    .policy_conts .line_tit + h6 { margin-bottom: 15px; } 
    .policy_conts .textarea_wrap { border-radius: 5px 5px 0 0; } 
    .policy_conts .textarea_wrap textarea { padding:5px; } 
    .policy_conts .inp_wrap { padding:20px 15px; border-radius:0 0 5px 5px; } 
    textarea { border-radius: 3px; } 
    .form-style1 col:nth-child(1) { width:140px; } 
    .form-style1 input[type="text"]#captcha { width:100%; margin-top:10px; } 
    .form-style1 .btn_sm { height:42px; padding:0 20px; } 

    /* 신청폼 상단 타이틀 */
    .line_tit { font-size: 1.125rem; margin-bottom: .5rem; } 
    .line_tit span { font-size: 1rem; } 
    .select-btn{ row-gap: 1rem; flex-direction: column; align-items: center;}
    }
@media screen and (max-width:480px) {
    input[type="checkbox"] + label { padding-left:30px; line-height:20px; } 
    input[type="checkbox"] + label:before { width:20px; height:20px; } 
    .form-style1 { display:block; } 
    .form-style1 + .form-style1 { padding-top:0; padding-bottom: 0; } 
    .form-style1 :is(tbody,tr,th,td) { display:block; } 
    .form-style1 :is(th,td) { border:0; } 
    .form-style1 th + td { margin: 12px 0; } 
    .form-style1 td { padding:0 5px; } 
    .form-style1 .btn_sm { padding:0 15px; } 
    /* 버튼 */
    .select-btn {  margin-top: 1.5rem;  row-gap: 12px;} 
    .select-btn button {width: 200px; padding: 5px 12px; font-size: 16px; } 
}
@media screen and (max-width:479px){
    

    .apply-btn button { font-size: 1rem; width: 130px; padding-block: 6px; } 
}
@media screen and (max-width:430px) {
    /* 신청폼 상단 타이틀 */
    .line_tit { flex-direction: column; align-items: flex-start; } 
    .line_tit span { font-size: 1rem; } 

 
}



/********************************************
고객센터 :: 공지사항 
*********************************************/
.sub_com_tit {
    text-align: center;
    margin-bottom: 40px;
    padding: 10px;
}

.sub_com_tit h3 {
    font-size: 30px;
    letter-spacing: -0.03125rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
}

.bbs-list caption {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}
.board-list-style .bbs_num{display: none;}
.board-list-style table.bbs-list {border:0; border-top:1px solid #333;width:100%;text-align:center;box-sizing:border-box;}
.board-list-style table.bbs-list :where(th,td){text-align: center;line-height: 1.5;border-bottom: 1px solid #ddd;}
.board-list-style table.bbs-list th{font-size:18px;font-weight: bold;color: #333;letter-spacing: -0.02em;padding: 15px 5px;}
.board-list-style table.bbs-list td{font-size: 16px;font-weight: 400;color: #333;letter-spacing: -0.02em;padding: 15px 5px;}
.board-list-style table.bbs-list td.no{}
.board-list-style table.bbs-list td.date{ color: #888;}
.board-list-style table.bbs-list td.left{text-align:left;padding-left: 5px;padding-right: 5px;}
.board-list-style table.bbs-list td .board-tit{position:relative; display: flex; align-items: center; gap:5px;}
.board-list-style table.bbs-list td .board-tit .link{display: flex; align-items: center; justify-content: center; width:100%; height:100%; z-index:3;}
.board-list-style table.bbs-list td .board-tit strong{display:inline-block; max-width:calc(100% - 30px); font-size:inherit; font-weight:inherit; color:#333; letter-spacing: -0.02em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-list-style table.bbs-list td .board-tit .icon{display:inline-block; font-size:0;}
.board-list-style table.bbs-list td .board-tit .icon img{margin:0;}
.board-list-style table.bbs-list tr.board_notice td { background: #f4f4f4;}



/**** 뷰페이지 ****/
.board-view-style .bbs-view{margin-top:20px;}
.board-view-style .bbs-view div.view-tit {padding: 20px 14px;border-bottom:1px solid #dbdbdb;border-top:1px solid #464646;background:#fff; margin:0;width:100%;box-sizing:border-box; text-align: center;}
.board-view-style .bbs-view div.view-tit > h3 { font-size: 1.5rem; font-weight: 600; width:100%;color:#333;word-break: keep-all;}
.board-view-style .bbs-view div.view-tit .preface{font-size:inherit;font-weight:inherit;display: inline-block;margin-right:14px;}
.board-view-style .bbs-view div.view-tit .info{display:flex;flex-wrap:wrap; justify-content: center; margin-top: 11px;}
.board-view-style .bbs-view div.view-tit .info dl{display:inline-flex; gap:0 .25rem; align-items: center;}
.board-view-style .bbs-view div.view-tit .info dl + dl:before{display:inline-flex; content:''; width:1px; height:1px; background:#111; margin:0 5px;}
.board-view-style .bbs-view div.view-tit .info dl :where(dt,dd){font-size: 16px;font-weight: 400;color: #888;}
.board-view-style .bbs-view div.view-cont{padding:20px 14px; line-height: 1.78; border-bottom: 1px solid #111; font-size: var(--title-18); font-weight: 400; color:#444;}
.board-view-style .bbs-view div.view-cont .thumb-img-wrap {
    margin-bottom: 10px;
}
.board-view-style .bbs-view div.view-cont .thumb-img-wrap img {
    display: block;
    width: 100%;

}

.board-view-style .bbs-view div.view-cont .thumb-img-wrap img + img {
    margin-top: 10px;
}
.board-view-style .bbs-view .extra-editor-wrap{display:flex; margin-top:-1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.board-view-style .bbs-view .extra-editor-wrap > h4{display:inline-block; width:20%; background: #eee; padding:14px; box-sizing: border-box; text-align: center; font-size:14px; font-weight: 500; color: #333;}
.board-view-style .bbs-view .extra-editor-wrap > .extra-cont{display:inline-block; width:calc(100% - 20%); padding:14px; font-size:13px; font-weight: 400; color: #666; word-break: break-all;}
.board-view-style .bbs-view .extra-editor-wrap > .extra-cont :where(span,a){font-size:inherit !important; font-weight: inherit !important; color: inherit !important;}
.board-view-style .bbs-view .view-btn{}
.board-view-style .view-btn .btn-wrap{margin-top: 30px; text-align: center;}
.board-view-style .view-btn .btn-wrap a{display: inline-block; padding: 12px 50px; background-color: var(--color-main); color: #fff;border: 1px solid transparent; font-size: 16px; font-weight: 600; transition: all .5s;}
.board-view-style .view-btn .btn-wrap a:hover{background-color: transparent; border: 1px solid var(--color-main); color:var(--color-main);}
.board-list-style table.bbs-list td.name p {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

 
/**** 페이징 ****/
.paging {position:relative; padding:2.9375rem 0 0;line-height:normal;font-size:0;margin:0;box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size:1.25rem; gap:.625rem;}
.paging span {display:inline-block;vertical-align:top;}
.paging a {display: inline-flex; align-items: center; justify-content: center; width:2.25rem; height:2.25rem; border-radius:100%; line-height: 1; min-width: auto; background:none; font-size:75%; font-weight: 400; letter-spacing: -0.02em; box-sizing: border-box; border:0; padding:0 .3125rem;}
.paging :is(.on a,a.on){background: #555; font-weight: 700; color: #fff;}
.paging .arrow a {font-size:0; background:no-repeat center;}
.paging .arrow.first a {background-image: url("../../images/icon/paging_first.svg");}
.paging .arrow.prev a {background-image: url("../..//images/icon/paging_prev.svg");}
.paging .arrow.next a {background-image: url("../../images/icon/paging_prev.svg"); transform: scale(-1,-1);}
.paging .arrow.last a {background-image: url("../../images/icon/paging_first.svg"); transform: scale(-1,-1);}

@media screen and (max-width:1023px){

    .sub_com_tit h3 {
        font-size: 24px;
    }


    /* 리스트 */
    .board-list-style table.bbs-list.default col:nth-child(1){width:50px;}
    .board-list-style table.bbs-list.default col:nth-child(3){width:100px;}
    .board-list-style table.bbs-list.default col:nth-child(4){width:100px;}
    .board-list-style table.bbs-list.default :where(col:nth-child(5),th:nth-child(5),td:nth-child(5)){display: none;}
    

    /* 뷰페이지 */
    .board-view-style .bbs-view div.view-tit{padding:25px 20px;}
    .board-view-style .bbs-view div.view-tit .info{margin-top:12px;}
    .board-view-style .bbs-view div.view-cont{padding:25px 20px;}
    .board-view-style .bbs-view .extra-editor-wrap > h4{width:130px;}
    .board-view-style .bbs-view .extra-editor-wrap > .extra-cont{width:calc(100% - 130px);}

     /* 페이징 */
    .paging{padding-top:25px; }
    .paging a{width:24px; height:24px; font-size: 60%; }

}


@media screen and (max-width:860px){

    /* 리스트 */
    .board-list-style table.bbs-list.default col:nth-child(1){width:45px;}
    .board-list-style table.bbs-list.default col:nth-child(3){width:20%;}
    .board-list-style table.bbs-list.default col:nth-child(4){width:80px;}

    /* 뷰페이지 */
    .board-view-style .bbs-view div.view-tit{padding:20px 15px;}
    .board-view-style .bbs-view div.view-tit > h3 {font-size: 16px;}
    .board-view-style .bbs-view div.view-tit .info{margin-top:8px;}
    .board-view-style .bbs-view div.view-cont{padding:20px 15px;}
    .board-view-style .bbs-view .extra-editor-wrap > h4{width:120px;}
    .board-view-style .bbs-view .extra-editor-wrap > .extra-cont{width:calc(100% - 120px);}
    .board-view-style .bbs-view div.view-tit .info dl :where(dt,dd){font-size: 14px;}

    
}

@media screen and (max-width:768px){

    /* 리스트 */
    .board-list-style table.bbs-list.default col:nth-child(1){width:40px;}
    .board-list-style table.bbs-list.default :where(col:nth-child(4),th:nth-child(4),td:nth-child(4)){display: none;}
    .board-list-style table.bbs-list th{padding:10px 5px; font-size: 14px;}
    .board-list-style table.bbs-list td{padding:10px 5px; font-size: 14px;}
    .board-list-style table.bbs-list td .board-tit .icon img{width:20px;}
    /* .board-list-style table.bbs-list td.name{ width: 10%;} */
    /* 뷰페이지 */
    .board-view-style .bbs-view div.view-tit{padding:18px 15px;}
    .board-view-style .bbs-view div.view-tit .info dl + dl:before{margin:0 5px;}
    .board-view-style .bbs-view .extra-editor-wrap > h4{width:100px;}
    .board-view-style .bbs-view .extra-editor-wrap > .extra-cont{width:calc(100% - 100px);}

    /* 페이징 */
    .paging{padding-top:20px; }
    /* .paging a{width:20px; height:20px;} */

    .board-view-style .view-btn .btn-wrap a {
        padding: 8px 30px;
        font-size: 14px;
    }

}

@media screen and (max-width:640px){
    /* 공지사항 리스트가 화면 너비 안에서 유동적으로 줄어들도록 처리 */
    #notice-list .board-list-style,
    #notice-list table.bbs-list.default {
        width:100%;
    }
    #notice-list table.bbs-list.default td.left {
        max-width:0;
        overflow:hidden;
    }
    #notice-list table.bbs-list.default td .board-tit,
    #notice-list table.bbs-list.default td .board-tit .link {
        width:100%;
        min-width:0;
    }
}

@media screen and (max-width:480px){
    /* 리스트 */
    .board-list-style table.bbs-list.default :where(col:nth-child(1),th:nth-child(1),td:nth-child(1)){display: none;}
    .board-list-style table.bbs-list.default col:nth-child(3){width:20%;}
    .board-list-style table.bbs-list.bbs_employment col:nth-child(2){width:50px;}
    .board-list-style table.bbs-list.bbs_employment col:nth-child(3){width:auto;}

}