:root {
  --primary: #352e93;
}

/* 이용 안내 */
.page1-induction{background-position:0 100%;background-repeat:no-repeat;background-size:1.6875rem;margin-left:auto;margin-right:auto;margin-top:1.25rem;padding-bottom:.75rem;padding-left:1.625rem;padding-right:1.625rem;text-align:center;width:fit-content}
@media (min-width: 768px) {
.page1-induction{margin-top:2rem}
}
@media (min-width: 1040px) {
.page1-induction{margin-top:2.75rem}
}
.page1-induction{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.211' height='27.397'%3E%3Cg data-name='Group 7' fill='none' stroke='%23979797' stroke-miterlimit='10'%3E%3Cpath data-name='Path 3' d='M21.94 3.981c-4.902 2.73-8.854 6.712-8.183 12.235.402 3.3 5.176 2.679 6.568 1.443s2.373-3.917-.18-5.815-10.319-3.39-17.353 7.093'/%3E%3Cpath data-name='Path 6' d='M2.736 19.505 2.3 10.678' stroke-width='1.00012'/%3E%3Cpath data-name='Path 7' d='m1.477 18.83 9.78.431' stroke-width='1.00012'/%3E%3C/g%3E%3C/svg%3E")}
.page1-content2 .nav{display:grid;gap:.25rem;grid-template-columns:repeat(6,minmax(0,1fr))}
@media (min-width: 768px) {
.page1-content2 .nav{gap:.625rem}
}
.page1-content2 .nav-item{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity));border-color:rgb(238 238 238/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;display:block;padding:.5rem .25rem;text-align:center}
@media (min-width: 768px) {
.page1-content2 .nav-item{border-radius:.5rem;padding:.75rem}
}
.page1-content2 .nav-item.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 116 255/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}
@media (min-width: 1040px) {
.page1-content2 .content{display:flex;justify-content:space-between}
}
.page1-content2 .box{flex:1 1 0;margin-top:3.25rem}
@media (min-width: 768px) {
.page1-content2 .box{margin-top:4.25rem}
}
@media (min-width: 1040px) {
.page1-content2 .box{padding-right:9.25%}
}
.page1-content2 .box h4{font-size:1.375rem;font-weight:700;line-height:1.25}
@media (min-width: 768px) {
.page1-content2 .box h4{font-size:1.75rem}
}
@media (min-width: 1040px) {
.page1-content2 .box h4{font-size:2rem}
}
.page1-content2 .box small{--tw-text-opacity:1;color:rgb(48 116 255/var(--tw-text-opacity));display:block;font-size:.875rem;margin-bottom:.75rem}
@media (min-width: 768px) {
.page1-content2 .box small{font-size:1rem}
}
@media (min-width: 1040px) {
.page1-content2 .box small{font-size:1.125rem}
}
.page1-content2 .box span{display:block;font-size:1.125rem;font-weight:500;margin-top:.375rem}
@media (min-width: 768px) {
.page1-content2 .box span{font-size:1.25rem;margin-top:.625rem}
}
@media (min-width: 1040px) {
.page1-content2 .box span{font-size:1.375rem;margin-top:1rem}
}
.page1-content2 .box ul{background-color:#3074ff1a;border-radius:.5rem;font-size:1rem;font-weight:700;line-height:1.375;margin-bottom:.875rem;margin-top:.5rem;padding:.75rem}
@media (min-width: 768px) {
.page1-content2 .box ul{border-radius:.75rem;font-size:1rem;margin-bottom:1.25rem;margin-top:1.125rem;padding:.875rem 1rem}
}
@media (min-width: 1040px) {
.page1-content2 .box ul{font-size:1.125rem;margin-bottom:1.75rem;margin-top:1.75rem;max-width:500px;padding:1rem 1.25rem}
}
.page1-content2 .box ul li{background-position:left top .5em;background-repeat:no-repeat;background-size:.777em;margin-top:.5556em;padding-left:1.11111em}
.page1-content2 .box ul li:first-child{margin-top:0}
.page1-content2 .box ul li{position:relative;padding-left:1.4em;list-style:none}
.page1-content2 .box ul li::before{content:"\f00c";font-family:"Font Awesome 6 Pro";font-weight:900;color:#407ce4;position:absolute;left:0;top:.2em}
.page1-content2 .box p{padding-left:1.25em;position:relative}
.page1-content2 .box p:before{--tw-content:※;content:var(--tw-content);left:0;position:absolute;top:0}
.page1-content2 .img{height:15.75rem;margin-left:auto;margin-right:auto;margin-top:1.125rem}
@media (min-width: 768px) {
.page1-content2 .img{height:22.25rem}
}
@media (min-width: 1040px) {
.page1-content2 .img{height:28.5625rem;margin-left:0;margin-right:0}
}

/* 서비스 안내 */
.cont_table{border-spacing:0;border-collapse:separate;font-size:18px;border-top:3px solid var(--primary);width:100%;border-left:1px solid #ddd;margin-bottom:32px;line-height:1.6em;letter-spacing:0;text-align:center}
.cont_table th{color:#516671;background-color:#f7f7f7;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:12px 6px}
.cont_table td{color:#888;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:14px}
.cont_table i{margin-right:5px}
.mo_table{display:none}
.use_txt{padding-bottom:37px;margin-bottom:30px;border-bottom:1px solid #dadada;font-size:18px;line-height:30px;font-weight:300}
.use_txt_noline{margin-bottom:20px;font-size:18px;line-height:32px;font-weight:300}
.use_txt span{font-size:15px;font-weight:400}
.table_tit{line-height:30px;font-size:15px}
.table_notice{text-align:center;color:#da7e00}
.b_line{padding-bottom:5px;margin-bottom:30px;border-bottom:1px solid #dadada}
@media (max-width:508px) {
.pc_table{display:none}
.mo_table{display:block}
}
#ctt { padding:10px; }
.ctt_admin { margin:0 5px; text-align:right; }
#ctt header h1 { display: none; }
#ctt_con { padding:10px 0; }
#ctt_con h4 { font-size:24px; margin:15px 0; color:var(--primary); }
#ctt_con h5 { font-size:22px; margin:15px 0; color:var(--primary); }
.ctt_recruit #ctt_con h3 { margin:0 0 45px; font-size:23px; color:#a90024; border-bottom:0; }
#ctt_con b { font-weight:500; }
#ctt_con img { text-align:center; margin-bottom:20px; }

.intro-pc { display:block;}
.intro-m { display:none; text-align:center; }
.org { font-size:18px !important; color:orange; }

@media (max-width:650px){
	.intro-pc { display:none;}
	.intro-m { display:block;}
	.intro-m img { width:100%; max-width:451px; }
}

/* FAQ 스킨 */
.board-skin-faq table tbody .subject{padding:15px 20px;font-weight:700;font-size:1.1rem}
.board-skin-faq .board-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}
.board-skin-faq .board-toggle:hover{color:#0067fa}
.board-skin-faq .toggle-icon{transition:transform .3s ease;font-size:12px;color:#666;width:15px}
.board-skin-faq .board-toggle:hover .toggle-icon{color:#0067fa}
.board-skin-faq .board-content-row{background-color:#f8f9fa;}
.board-skin-faq .board-content-cell{padding:20px!important;border-top:none!important}
.board-skin-faq .board-content-wrapper{background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 4px #0000001a}
.board-skin-faq .board-content{line-height:1.6;color:#333;font-size: 1.1rem;text-align: left;}
.board-skin-faq .board-content p{margin-bottom:10px}
.board-skin-faq .board-content p:last-child{margin-bottom:0}
.board-skin-faq .new{background-color:#f44;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px;font-weight:700}
.board-skin-faq .manage-btn{display:inline-flex;align-items:center;gap:4px;background-color:#6c757d;color:#fff;font-size:11px;padding:4px 8px;border-radius:12px;margin-left:10px;text-decoration:none;transition:all .3s ease;font-weight:500}
.board-skin-faq .manage-btn:hover{background-color:#5a6268;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px #0003}
.board-skin-faq .manage-btn i{font-size:10px}
@media (max-width: 768px) {
	.board-skin-faq .board-content-cell{padding:15px!important}
	.board-skin-faq .board-content-wrapper{padding:15px}
	.board-skin-faq .toggle-icon{font-size:14px}
	.board-skin-faq .board-content-wrapper{padding:25px}
}