@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* Common 시작 */
* {
	font-family: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
    font-size: 18px;
    font-weight: 300;
	box-sizing: border-box;
}
::-moz-selection {
    background: #f7b657;
    color: #fff;
}
    ::selection {
    background: #f7b657;
    color: #fff;
}
:focus {outline:none;}

h1,h2,h3,h4,h5,h6 {margin: 0;}
a {
    text-decoration: none;
	color:#000;
}
strong {
    font-weight: 600;
}
a:hover {
    text-decoration: none;
}
ul,ol,li {
    list-style: none;
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
}
body > * {
    flex: 0 1 auto;
}
img {-webkit-user-drag: none;}

.ilb {display:inline-block;}
.ta-l {text-align: left !important;}
.fw-b {font-weight: 600 !important;}

.lh1_5 {line-height: 1.5em !important;}
.lh1_7 {line-height: 1.7em !important;}
.lh2 {line-height: 2em !important;}
.btn_big {
	display: block;
	width: 100%;
	color: #fff;
	font-weight: 600;
	max-width: 400px;
	margin: auto;
	text-align: center;
	padding: 1em 2em;
	background-color: #E89113;
}
/* Common 끝 */

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*Main 시작*/
#container img {
    display: block;
    margin: auto;
}
#container #main-content .index_section img {
    width: 100%;
    max-width: 500px;
}
#container section.index_section {
    /* max-width: 1000px; */
    margin: auto;
    padding: 0 10px;
	padding-bottom: 100px;
}
#container section.index_section .title_section {
    margin-top: 60px;
    display: block;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #282848;
}
#container section.index_section .title_section.small {
    margin-top: 30px;
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    text-align: center;
}
/* AOS 라이브러리로 교체
.obj_ani {
    opacity: 0;
    transform: translateY(100px);
    transition: transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);
}
.obj_ani.on_ani {
    opacity: 1;
    transform: translateY(0);
}
*/
.index_section .tdstyle {
    background: rgba(38, 38, 38, 0.7);
    color: #fff;
    font-size: 16px;
    padding: 0;
    text-align: center;
}



/*메인 이미지*/
#title_page .main-visual-wrap {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 48px;
    border: 1px solid #fff;
    border-radius: 12px;
    overflow: hidden;
	z-index: 0;
}
#title_page .main-visual-wrap .overlay {
    height: 550px;
    background-image: url('/images/main/20251120_main_visual.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#title_page .main-visual-wrap .txt {
    position: absolute;
    width: 100%;
    top: 30%;
    left: 0;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
}
#title_page .main-visual-wrap .txt1, 
#title_page .main-visual-wrap .txt1 *, 
#title_page .main-visual-wrap .txt2 {
    color: #FAFAFA;
}
#title_page .main-visual-wrap .txt1, 
#title_page .main-visual-wrap .txt1 * {
    font-weight: 800;
    font-size: 55px;
    line-height: 1.3em;
}
#title_page .main-visual-wrap .txt1 {
    margin-bottom: 30px;
}
#title_page .main-visual-wrap .txt2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4em;
}
#title_page .main-visual-wrap .mainApplyBtn {
    padding: 16px 32px;
    border-radius: 10px;
    background-color: #FF5F00;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

@media screen and (min-width: 1439px) {
    #container section.index_section { margin-top: 100px; }
    #title_page .main-visual-wrapwrap { height: 554px; }
    #title_page .main-visual-wrap .txt1, 
    #title_page .main-visual-wrap .txt1 * { font-size: 55px; }
    #title_page .main-visual-wrap .txt2 { font-size: 18px; }
    #title_page .main-visual-wrap .mainApplyBtn { font-size: 18px; }
}
@media screen and (max-width: 1439px) {
    #container section.index_section { margin-top: 100px; }
    #title_page .main-visual-wrap { height: 504px; }
    #title_page .main-visual-wrap .txt1, 
    #title_page .main-visual-wrap .txt1 * { font-size: 42px; }
    #title_page .main-visual-wrap .txt2 { font-size: 16px; }
    #title_page .main-visual-wrap .mainApplyBtn { font-size: 18px; }
}
@media screen and (max-width: 1023px) {
    #container section.index_section { margin-top: 100px; }
    #title_page .main-visual-wrap { height: 475px; }
    #title_page .main-visual-wrap .txt1, 
    #title_page .main-visual-wrap .txt1 * { font-size: 36px; }
    #title_page .main-visual-wrap .txt2 { font-size: 15px; }
    #title_page .main-visual-wrap .mainApplyBtn { font-size: 16px; }
}
@media screen and (max-width: 697px) {
    #container section.index_section { margin-top: 100px; }
    #container section.index_section.the-first-sec { margin-top: 60px; }
    #title_page .main-visual-wrap { height: 450px; }
    #title_page .main-visual-wrap .overlay {background-position: 70% center;  }
    #title_page .main-visual-wrap .txt1, 
    #title_page .main-visual-wrap .txt1 * { font-size: 32px; }
    #title_page .main-visual-wrap .txt1 span { display: block; }
    #title_page .main-visual-wrap .txt2 { font-size: 15px; }
    #title_page .main-visual-wrap .mainApplyBtn { font-size: 16px; padding: 12px 26px; }
}



.index_section_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    margin-top: 80px;
}
p.index_section_subtitle {
    color: #282848;
    font-weight: 400; 
    color: #4B4B4B; 
    line-height: 1.5em;
}
.index_section_grid_item * {
    color: #282848;
}
.index_section_grid_item p {
    border-top: 1px solid #a9a9b6;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
}
.index_section_grid_item div {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
}
.index_section_grid_item div b {
    font-size: 32px;
    font-weight: 700;
}

@media screen and (min-width: 1439px) {
    p.index_section_subtitle { font-size: 18px; }
}
@media screen and (max-width: 1439px) {
    p.index_section_subtitle { font-size: 17px; }
}
@media screen and (max-width: 1023px) {
    p.index_section_subtitle { font-size: 16px; }
}
@media screen and (max-width: 697px) {
    p.index_section_subtitle { font-size: 15px; }
    .index_section_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .index_section_grid { margin-top: 20px; }
    .index_section_grid_item p { font-size: 16px; }
    .index_section_grid_item div {font-size: 16px; }
    .index_section_grid_item div b {font-size: 24px; }
}

.index_section_table_title {
    font-weight: 700;
    font-size: 23px;
    letter-spacing: -0.5px;
}
.index_section_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}
.index_section_table th {
    background-color: #282848;
    color: #fafafa;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;

}
.index_section_table td {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    height: 130px;
    border-bottom: #282848 1px solid;
}
.index_section_table .colourOrange {
    color: #FF5F00;
}
.index_section_table .colourGray {
    color: #7B7B7B;
    font-size: 15px;
    margin-top: 30px;
}

#index_section_table_vertical .doubleTitle_warp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}
#index_section_table_vertical .doubleTitle_warp .doubleTitle {
    width: 100%;
    background: #282848;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: -0.5px;
    padding: 20px;
    border-radius: 5px;
}
#index_section_table_vertical .doubleTitle_warp .doubleTitle div:nth-of-type(1) {
    font-size: 14px;
    font-weight: 600;
}
#index_section_table_vertical .doubleTitle_warp .doubleTitle div:nth-of-type(2) {
    font-size: 18px;
    font-weight: 700;
}
#index_section_table_vertical .doubleTitle_warp .doubleTitle div:nth-of-type(3) {
    font-size: 15px;
    font-weight: 400;
}
#index_section_table_vertical .verticalTable_content {
    margin-top: 10px;
}
#index_section_table_vertical .verticalTable_content ul {
    border-bottom: 1px solid #282848;
    padding: 20px 0;
} 
#index_section_table_vertical .verticalTable_content ul li {
    text-align: left;
}
#index_section_table_vertical .verticalTable_content ul li:nth-of-type(1) {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
}
#index_section_table_vertical .verticalTable_content ul li:nth-of-type(2), 
#index_section_table_vertical .verticalTable_content ul li:nth-of-type(2) * {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: -0.5px;
    margin-top: 2px;
}
#index_section_table_vertical .verticalTable_content ul li .colourOrange {
    color: #FF5F00;
}
#index_section_table_vertical .verticalTable_content ul li .colourGray {
    color: #7B7B7B;
    font-size: 14px;
}




@media screen and (min-width: 1439px) {
    #index_section_table_horizontal { display: table; }
    #index_section_table_vertical { display: none; }
    .index_section_table_title { font-size: 23px; }
}
@media screen and (max-width: 1439px) {
    .index_section_table_title { font-size: 21px; }
    #index_section_table_horizontal { display: table; }
    .index_section_table th { font-size: 16px; }
    #index_section_table_vertical { display: none; }
}
@media screen and (max-width: 1023px) {
    .index_section_table_title { font-size: 17px; }
    #index_section_table_horizontal { display: none; }
    #index_section_table_vertical { display: block; }
}
@media screen and (max-width: 697px) {
    .index_section_table_title { font-size: 15px; }
    #index_section_table_horizontal { display: none; }
    #index_section_table_vertical { display: block; }
    #index_section_table_vertical .doubleTitle_warp { gap: 10px; }    
}


.admission_process {
    margin-top: 40px;
    display: flex;
}
.admission_process article {
    display: flex;
    flex-direction: column;
    background-color: #F8F8F8;
    border-radius: 15px;
    padding: 12px 24px;
    min-width: 90px;
}
.admission_process article:nth-of-type(1) {
	width: 20%;
}
.admission_process article:nth-of-type(2) {
    min-width: 164px;
	width: 40%;
}
.admission_process article:nth-of-type(3) {
	width: 20%;
}

.admission_process article > div:first-of-type {
    text-align: right;
}
.admission_process article > div:nth-of-type(2) {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.5em;
}
.admission_process article > div:last-of-type,
.admission_process article > div:last-of-type * {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.6em;
    letter-spacing: -0.5px;
}

@media screen and (min-width: 1439px) {
    .admission_process { 
        justify-content: flex-end; 
        gap: 24px;
    }
    .admission_process .admission_process_wide { display: block; }
    .admission_process .admission_process_narrow { display: none; }
    .admission_process article { justify-content: space-between; }
}
@media screen and (max-width: 1439px) {
    .admission_process { 
        justify-content: flex-end; 
        gap: 24px;
    }
    .admission_process .admission_process_wide { display: block; }
    .admission_process .admission_process_narrow { display: none; }
    .admission_process article { justify-content: space-between; }
}
@media screen and (max-width: 1023px) {
    .admission_process { 
        justify-content: space-between;
        gap: 24px;
    }
    .admission_process .admission_process_wide { display: none; }
    .admission_process .admission_process_narrow { display: block; }
    .admission_process article { 
        justify-content: flex-start; 
    }
    .admission_process article > div:first-of-type svg {
        width: 24px; height: 24px;
    }
    .admission_process article > div:nth-of-type(2) {
        font-size: 16px;
    }
    .admission_process article > div:last-of-type,
    .admission_process article > div:last-of-type * {
        font-size: 16px;
    }
}
@media screen and (max-width: 697px) {
    .admission_process { 
        justify-content: space-between; 
        gap: 6px;
    }
    .admission_process .admission_process_wide { display: none; }
    .admission_process .admission_process_narrow { display: block; }
    .admission_process article { 
        justify-content: flex-start;
        padding: 10px 16px;
    }
    .admission_process article > div:first-of-type svg {
        width: 24px; height: 24px;
    }
    .admission_process article > div:nth-of-type(2) {
        font-size: 14px;
    }
    .admission_process article > div:last-of-type,
    .admission_process article > div:last-of-type * {
        font-size: 14px;
    }
}

#container section.index_section .title_section2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #151515;
}
.benifit_card_wrapper {
    width: 100%;
    margin-top: 70px;
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
    justify-content: space-between;
}
.benifit_card_wrapper .benifit_card {
    width: calc(100% / 3 - 20px );
}
.benifit_card_wrapper .benifit_card .benifit_card_img {
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.benifit_card_wrapper .benifit_card .benifit_card_title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #151515;
    padding: 20px 0 8px;
}
.benifit_card_wrapper .benifit_card .benifit_card_subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #999999;
}


#swiper-benifit_card {
    margin-top: 30px;
}
#swiper-benifit_card .benifit_card {
    width: 336px;
}
#swiper-benifit_card .benifit_card .benifit_card_img {
    width: 336px;
    height: 251px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#swiper-benifit_card .benifit_card .benifit_card_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #151515;
    padding: 20px 0 8px;
}
#swiper-benifit_card .benifit_card .benifit_card_subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #999999;
}

#swiper-benifit_card .swiper-wrapper {padding-bottom:15px;}
.swiper-pagination_benifit_card-warpper{
    text-align: center; 
    margin-top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
#swiper-pagination_benifit_card {
    position: relative;
    display: inline-block;
    width: auto;
    bottom: 0;
    left: 0;
    margin: 0 8px;
}
#swiper-pagination_benifit_card *{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    text-align: center;
}

@media screen and (min-width: 1439px) {
    .benifit_card_wrapper { display: flex; }
    #swiper-benifit_card { display: none; }
    .benifit_card_wrapper .benifit_card .benifit_card_img { height: 280px; }
}
@media screen and (max-width: 1439px) {
    .benifit_card_wrapper { display: flex; }
    #swiper-benifit_card { display: none; }
    .benifit_card_wrapper .benifit_card .benifit_card_img { height: 230px; }
}
@media screen and (max-width: 1023px) {
    .benifit_card_wrapper { display: none; }
    #swiper-benifit_card { display: block; }
    #swiper-benifit_card .swiper-slide {width: auto;}
}
@media screen and (max-width: 697px) {
    .benifit_card_wrapper { display: none; }
    #swiper-benifit_card { display: block; }
    #swiper-benifit_card .benifit_card .benifit_card_img {
        width: 100%;
    }
    #swiper-benifit_card .swiper-slide {width: 90%;}
}

.welfare_card_wrapper {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.welfare_card_wrapper article {
    margin-top: 14px;
    /* border: 1px solid #ededed; */
    background-color: #F8F8F8;
    border-radius: 12px;
    /* box-shadow: 1px 1px 1px 0px #9e9e9e33; */
    padding: 20px;
}
.welfare_card_wrapper article div:first-of-type {
    margin-bottom: 1.2rem;
}
.welfare_card_wrapper article div:nth-of-type(2) {
    font-size: 23px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 0.7rem;
}
.welfare_card_wrapper article div:last-of-type {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    color: #666666;
}

@media screen and (min-width: 1439px) {
    .welfare_card_wrapper article {
        width: calc(100% / 3 - 20px );
    }
}
@media screen and (max-width: 1439px) {
    .welfare_card_wrapper article {
        width: calc(100% / 3 - 10px );
    }
}
@media screen and (max-width: 1023px) {
    .welfare_card_wrapper {
        flex-direction: column;
    }
    .welfare_card_wrapper article {
        width: 100%
    }
    .welfare_card_wrapper article svg {
        width: 32px; height: 32px;
    }
}
@media screen and (max-width: 697px) {
    .welfare_card_wrapper {
        flex-direction: column;
    }
    .welfare_card_wrapper article {
        width: 100%
    }
    .welfare_card_wrapper article svg {
        width: 32px; height: 32px;
    }
}

.naverBlog_wrapper {
    width: 100%;
    margin-top: 70px;
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
    justify-content: space-between;
}
.naverBlog_wrapper .naverBlog_card {
    width: calc(100% / 4 - 20px );
}
.naverBlog_wrapper .naverBlog_card .naverBlog_card_img {
    height: 220px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.naverBlog_wrapper .naverBlog_card .naverBlog_card_title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #151515;
    padding-top: 20px;

    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    height: auto;
    white-space: normal;
}

#swiper-naverBlog_card {
    margin-top: 30px;
}
#swiper-naverBlog_card .naverBlog_card {
    width: 150px;
}
#swiper-naverBlog_card .naverBlog_card .naverBlog_card_img {
    width: 150px;
    height: 150px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#swiper-naverBlog_card .naverBlog_card .naverBlog_card_title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #151515;
    padding-top: 10px;
    width: 100%;

    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    height: auto;
    white-space: normal;
}
.mainMoreNaverBlogBtn-wrap {
    display: block;
    text-align: center;
    box-sizing: border-box;
    margin-top: 80px;
}
.mainMoreNaverBlogBtn-wrap .mainMoreNaverBlogBtn {
    padding: 12px 30px;
    border-radius: 10px;
    background-color: #FF5F00;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

@media screen and (min-width: 1439px) {
    .naverBlog_wrapper { display: flex; }
    #swiper-naverBlog_card { display: none; }
    .naverBlog_wrapper .naverBlog_card {
        width: calc(100% / 4 - 20px );
    }
}
@media screen and (max-width: 1439px) {
    .naverBlog_wrapper { display: flex; }
    #swiper-naverBlog_card { display: none; }
    .naverBlog_wrapper .naverBlog_card {
        width: calc(100% / 3 - 20px );
    }
    .naverBlog_wrapper .naverBlog_card:last-of-type {
        display: none;
    }
}
@media screen and (max-width: 1023px) {
    .naverBlog_wrapper { display: none; }
    #swiper-naverBlog_card { display: block; }
    .mainMoreNaverBlogBtn-wrap { margin-top: 34px; }
    .mainMoreNaverBlogBtn-wrap .mainMoreNaverBlogBtn { font-size: 13px; }
}
@media screen and (max-width: 697px) {
    .naverBlog_wrapper { display: none; }
    #swiper-naverBlog_card { display: block; }
    .mainMoreNaverBlogBtn-wrap { margin-top: 34px; }
    .mainMoreNaverBlogBtn-wrap .mainMoreNaverBlogBtn { font-size: 13px; }
}

/*Main 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*GNB 시작*/
#header-wrap {
    transition: all .3s ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}
#header {
    border-bottom: 1px solid #EEEEEE;
}
#top {
    height: 60px;
    color: #373737;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#top .left_top {
    margin: auto 0;
    padding: 0 10px;
}
#top .centeral_top {
    margin-left: auto;
    margin-right: 34px;
}
#top .centeral_top-inner {
    margin: auto;
    max-width: 680px;
    display: flex;
    justify-content: flex-end;
}
#top .centeral_top-inner:hover a {
    color: #888888;
}
#top .centeral_top a {
    font-size: 15px;
    font-weight: 600;
    line-height: 72px;
    margin: 0 14px;
}
#top .centeral_top .centeral_top-inner a:hover {
    color:#000000;
}
#top .centeral_top .centeral_top-inner a.on {
    color: #FF5F00 !important;
}
#content-head-wrap {
    border-bottom: 1px solid #EEEEEE;
}
#content-head {
    height: 72px;
    width: 100%;
    z-index: 1000;
    transition: all .2s ease-in-out;
    margin: auto;
    background-color: #fff;
}
#content-head-inner {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
#content_head_icon {
    width: 50px;
}
#content_head_name {
    display: block;
    position: relative;
    font-weight: 600;
    margin-left: 10px;
}
#gnb {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background-color: #fff;
}
.gnb_wrap {
    width: 100%;
    position: relative;
    margin: auto;
    height: 100%;
    min-height: 100%;
}
.gnb_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.gnb_head {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
}
.gnb_head span {
    line-height: 60px;
    margin: auto 0;
}
.gnb_menus {
    width: 100%;
    flex-grow: 1;
}
.gnb_menus ul li {
    height: 3em;
    line-height: 3em;
}
.gnb_menus ul li a {
    display: block;
    padding-left: 14px;
    font-size: 18px;
    font-weight: 700;
    height: 3em;
    line-height: 3em;
}
.gnb_menus ul li a.on {
    color: #E89113;
}
.gnb_footer {
    width: 100%;
}
/*GNB 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*공통 시작*/
#container {
    display: block;
    background-color: #ffffff;
    margin-top: 80px;
}
@media screen and (max-width: 697px) {
	#container {
		margin-top: 40px;
	}
}
#main-content {
    margin: auto;
}

#title_page {
    margin-top: 60px;
    padding: 0 10px;
}
#title_page .title_page_mainTitle {
    font-weight: 700;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    color: #151515;
    margin-bottom: 0.5em;
}
#title_page .title_page_subTitle {
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 0;
    color: #4B4B4B;
}
@media screen and (min-width: 1439px) {
    #title_page .title_page_mainTitle { font-size: 42px; }
    #title_page .title_page_subTitle { font-size: 22px; }
}
@media screen and (max-width: 1439px) {
    #title_page .title_page_mainTitle { font-size: 40px; }
    #title_page .title_page_subTitle { font-size: 22px; }
}
@media screen and (max-width: 1023px) {
    #title_page .title_page_mainTitle { font-size: 36px; }
    #title_page .title_page_subTitle { font-size: 20px; }
    #sub_top_visual.visual_service { display: none; }
}
@media screen and (max-width: 697px) {
    #title_page .title_page_mainTitle { font-size: 34px; }
    #title_page .title_page_subTitle { font-size: 20px; }
    #sub_top_visual.visual_service { display: none; }
}

#container img.main_icon {
    display: inline-block;
    height: 52px;
    width: auto;
    margin: 0;
}

#sub_top_visual {
    width: 100%;
    height: 350px;
    margin-top: 50px;
    border-radius: 15px;
}
#sub_top_visual.visual_service {
    background-image: url('/images/service/20251124_service_img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#sub_top_visual.visual_benefits {
    background-image: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), url('/images/benefits/20260320_benefits.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	display: flex;
    align-items: flex-end;
    justify-content: center;
	padding-bottom: 40px;
}
#sub_top_visual.visual_benefits .visual_inner_wrapper div {
	color: #FAFAFA;
	text-align: center;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

/*공통 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*오시는 길 페이지 시작*/
.Map-wrap {
	margin: auto;
    margin-top: 70px;
	max-width: 800px;
}
.Map-wrap #brancharea-line {
	height: 0px;
	border: 1px solid #ddd;
	margin: 80px 0;
}
.Map-wrap img {
	width: 100%;
}
.Map-wrap .branch_name {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 25px;
	line-height: 1em;
	text-align: center;
}
.Map-wrap .branch_descri {
	line-height: 1.5em;
	margin-bottom: 10px;
}

table.map_abletime {
	border-collapse: collapse; 
	border: 1px solid #a5a7aa;
	width: 100%;
	margin: 10px 0 30px;
}
table.map_abletime caption {
	font-size: 0;
}
table.map_abletime thead {
	background: #ffeac3;
	border-right:1px solid #fff;
}
table.map_abletime thead:last-child {
	border-right: 0;
}
table.map_abletime th {
	padding: 10px;
	border: 1px solid #a5a7aa;
}
table.map_abletime td {
	padding: 10px;
	border: 1px solid #a5a7aa;
	text-align: center;
	word-break: keep-all;
}

.Map-wrap .section_title  {
	font-weight: 600;
    margin-bottom: 6px;
}

.Map-wrap .transporttype {
    border-radius: 12px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.03rem;
	margin-right: 2px;
	line-height: 2.4em;
	margin-bottom: 30px;
}
.Map-wrap .transporttype.sbds {
    background-color: #B5283B;
}
.Map-wrap .transporttype.ib {
    background-color: #90C73D;
}
.Map-wrap .transporttype.gs {
    background-color: #386DE8;
}
.Map-wrap .transporttype.js {
    background-color: #3CC344;
}
.Map-wrap .transporttype.busanmetro {
    background-color: #1A80E5;
}
.Map-wrap .transporttype.bsgh {
    background-color: #FB5852;
}
/*오시는 길 페이지 끝*/


/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*서비스 페이지 시작*/
.Service-wrap {
    margin-top: 70px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}
.Service-wrap article {
	display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px solid #282848;
}
.Service-wrap .S_img {
	margin: auto;
}
.Service-wrap .S_img .S_img_inner {
    width: 378px;
    display: flex;
}
.Service-wrap .S_img .S_img_inner img {
    max-width: 188px;
    display: inline !important;
}

.Service-wrap .service_txt_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.Service-wrap .service_txt_wrap .S_name {
    display: flex;
    flex-direction: row;
}
.Service-wrap .service_txt_wrap .S_name,
.Service-wrap .service_txt_wrap .S_name * {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: -0.5px;
}
.Service-wrap .service_txt_wrap .S_name .S_name_site {
    display: flex;
}
.Service-wrap .service_txt_wrap .S_name .S_name_site span {
    vertical-align: super;
}
.Service-wrap .service_txt_wrap .S_name span.org {
    color: #FF5F00;
    margin-right: 0.3em;
}
.Service-wrap .service_txt_wrap .S_name svg {
    margin-left: 0.5em;
}
.Service-wrap .service_txt_wrap .S_txt {
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.5px;
    color: #4B4B4B;
}

@media screen and (min-width: 1439px) {
    .Service-wrap article { height: 330px; padding: 60px 0; }
    .Service-wrap .S_img .S_img_inner { width: 378px; }
    .Service-wrap .service_txt_wrap .S_txt { font-size: 18px; }
}
@media screen and (max-width: 1439px) {
    .Service-wrap article { height: 330px; padding: 60px 0; }
    .Service-wrap .S_img .S_img_inner { width: 252px; }
    .Service-wrap .service_txt_wrap .S_txt { font-size: 16px; }
}
@media screen and (max-width: 1023px) {
    .Service-wrap { margin-top: 30px; }
    .Service-wrap .S_img .S_img_inner { width: 100; height: 152px; margin-bottom: 14px; }
    .Service-wrap .service_txt_wrap .S_txt { font-size: 15px; margin-top: 15px; margin-bottom: 24px;}
    .Service-wrap article { height: auto; flex-direction: column; padding: 10px; }
    .Service-wrap .service_txt_wrap .S_name { justify-content: space-between; align-items: center; }
    .Service-wrap .service_txt_wrap .S_name .S_name_site { flex-direction: column; }
}
@media screen and (max-width: 697px) {
    .Service-wrap { margin-top: 30px; }
    .Service-wrap .S_img .S_img_inner { width: 100; height: 152px; margin-bottom: 14px; }
    .Service-wrap .service_txt_wrap .S_txt { font-size: 15px; margin-top: 15px; margin-bottom: 24px;}
    .Service-wrap article { height: auto; flex-direction: column; padding: 10px; }
    .Service-wrap .service_txt_wrap .S_name { justify-content: space-between; align-items: center; }
    .Service-wrap .service_txt_wrap .S_name .S_name_site { flex-direction: column; }
}
/*서비스 페이지 끝*/


/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*혜택 페이지 시작*/
.benefits-wrap {
	margin-top: 70px;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
}
.benefits-wrap .title_section {
	margin-top: 60px;
	display: block;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	color: #282848;
	text-align: center;
}
.benefits-wrap .data_dt_text {
	color: #4B4B4B;
	text-align: center;
	font-weight: 400;
	line-height: 1em;
	margin: 1em 0 50px;
}
.benefits-wrap .data_wrap {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 140px;
}
.benefits-wrap .data_wrap .data_ob {
	border-radius: 20px;
	background: #F8F8F8;
	padding: 65px 0;
}
.benefits-wrap .data_wrap .data_ob {
	width: calc((100% - 32px) /3);
}
.benefits-wrap .data_wrap .data_ob div:first-of-type {
	color: #151515;
	text-align: center;
	font-weight: 500;
}
.benefits-wrap .data_wrap .data_ob div:last-of-type {
	color: #282848;
	text-align: center;
	font-family: Lexend;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}
.benefits-wrap .data_wrap .data_ob div:last-of-type span {
	color: #282848;
	font-size: 24px;
	font-family: Pretendard;
}

.benefits-wrap .subtitle {
	color: #151515;
	text-align: center;
	font-size: 23px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.5px;
}

.benefits-wrap .salary_card_wrapper {
	margin-top: 40px;
	margin-bottom: 140px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.benefits-wrap .salary_card_wrapper article {
	margin-top: 14px;
	/* border: 1px solid #ededed; */
	background-color: #F8F8F8;
	border-radius: 12px;
	/* box-shadow: 1px 1px 1px 0px #9e9e9e33; */
	padding: 20px;
}
.benefits-wrap .salary_card_wrapper article div:first-of-type {
	margin-bottom: 1.2rem;
}
.benefits-wrap .salary_card_wrapper article div:nth-of-type(2) {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5em;
}
.benefits-wrap .salary_card_wrapper article div:nth-of-type(3) {
	font-size: 32px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 0.7rem;
}
.benefits-wrap .salary_card_wrapper article div:last-of-type {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
	color: #666666;
}

.triangle_section {
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 140px;
}
.triangle_section img {
	width: 100%;
	max-width: 550px;
}
.triangle_txt-wrap {
	position: absolute;
}
.triangle_txt-wrap div:nth-of-type(1) {
	color: #FF5F00;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.triangle_txt-wrap div:nth-of-type(2) {
	color: #282848;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.triangle_txt-wrap div:nth-of-type(3) {
	color: #4B4B4B;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin-top: 5px;
}

.matching_section {
	margin-top: 100px;
	margin-bottom: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.matching_section .matching_image {
	width: 406px;
	max-width: 406px;
	height: 417px;
	aspect-ratio: 37/38;
	background: url('/images/benefits/20260320_matching.png') 50% / cover no-repeat;
	margin: 0 !important;
}
.matching_hashtag_wrap {
	width: calc(120px*3 + 10px*2);
	margin-left: -50px;
}
.matching_hashtag_wrap .matching_hashtag_line {
	display: flex;
	padding: 5px 0;
	align-items: center;
	gap: 10px;
}
.matching_hashtag_wrap .matching_hashtag_line:nth-of-type(1) {
	margin-left: 35px;
}
.matching_hashtag_wrap .matching_hashtag_line:nth-of-type(3) {
	margin-left: 50px;
}
.matching_hashtag_wrap .matching_hashtag_line .matching_hashtag {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: -0.5px;
	padding: 12px 10px;
	width: 120px;
	text-align: center;
	border-radius: 90px;
}
.matching_hashtag_wrap .matching_hashtag_line .matching_hashtag.on {
	color: #000;
	background-color: #C6C6DA;
}
.matching_hashtag_wrap .matching_hashtag_line .matching_hashtag.off {
	color: #999;
	background-color: #ECECEE;
}


@media screen and (min-width: 1439px) {
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:first-of-type {
		font-size: 20px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:nth-of-type(2) {
		font-size: 46px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:last-of-type {
		font-size: 18px;
	}
	.benefits-wrap .data_dt_text {
		font-size: 18px;
	}
	.benefits-wrap .data_wrap .data_ob {
		padding: 65px 0;
	}
	.benefits-wrap .data_wrap .data_ob div:first-of-type {
		font-size: 23px;
	}
	.benefits-wrap .data_wrap .data_ob div:last-of-type {
		font-size: 46px;
	}

	.benefits-wrap .triangle_txt-wrap.triangle_support {
		top: 0;
		left: calc(50% + 100px);
	}
	.benefits-wrap .triangle_txt-wrap.triangle_partner {
		bottom: 20px;
		left: 50px;
		text-align: right;
	}
	.benefits-wrap .triangle_txt-wrap.triangle_content {
		bottom: 0;
		right: 50px;
	}

	.benefits-wrap .triangle_txt-wrap div:nth-of-type(1) {
		font-size: 18px
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(2) {
		font-size: 20px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(3) {
		display: block;
	}
	.benefits-wrap .for_m {
		display: none;
	}

	.benefits-wrap .salary_card_wrapper article {
		width: calc(100% / 3 - 20px );
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(2) {
		font-size: 20px;
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(3) {
		font-size: 32px;
	}
	.benefits-wrap .salary_card_wrapper article div:last-of-type {
		font-size: 16px;
	}
}
@media screen and (max-width: 1439px) {
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:first-of-type {
		font-size: 18px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:nth-of-type(2) {
		font-size: 42px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:last-of-type {
		font-size: 16px;
	}
	.benefits-wrap .data_dt_text {
		font-size: 16px;
	}
	.benefits-wrap .data_wrap .data_ob {
		padding: 50px 0;
	}
	.benefits-wrap .data_wrap .data_ob div:first-of-type {
		font-size: 20px;
	}
	.benefits-wrap .data_wrap .data_ob div:last-of-type {
		font-size: 34px;
	}

	.benefits-wrap .triangle_txt-wrap.triangle_support {
		top: 0;
		left: calc(50% + 100px);
	}
	.benefits-wrap .triangle_txt-wrap.triangle_partner {
		bottom: 20px;
		left: -110px;
		text-align: right;
	}
	.benefits-wrap .triangle_txt-wrap.triangle_content {
		bottom: 0;
		right: -110px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(1) {
		font-size: 16px
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(2) {
		font-size: 18px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(3) {
		display: block;
	}
	.benefits-wrap .for_m {
		display: none;
	}

	.benefits-wrap .salary_card_wrapper article {
		width: calc(100% / 3 - 10px );
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(2) {
		font-size: 19px;
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(3) {
		font-size: 30px;
	}
	.benefits-wrap .salary_card_wrapper article div:last-of-type {
		font-size: 16px;
	}
}
@media screen and (max-width: 1023px) {
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:first-of-type {
		font-size: 18px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:nth-of-type(2) {
		font-size: 38px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:last-of-type {
		font-size: 16px;
	}
	.benefits-wrap .data_dt_text {
		font-size: 14px;
	}
	.benefits-wrap .data_wrap .data_ob {
		padding: 48px 0;
	}
	.benefits-wrap .data_wrap .data_ob div:first-of-type {
		font-size: 18px;
	}
	.benefits-wrap .data_wrap .data_ob div:last-of-type {
		font-size: 26px;
	}

	.benefits-wrap .triangle_txt-wrap.triangle_support {
		top: 40px;
		left: calc(50% + 100px);
	}
	.benefits-wrap .triangle_txt-wrap.triangle_partner {
		bottom: -40px;
		left: -10px;
		text-align: left;
	}
	.benefits-wrap .triangle_txt-wrap.triangle_content {
		bottom: -60px;
		right: 24px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(1) {
		font-size: 16px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(2) {
		font-size: 18px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(3) {
		display: none;
	}
	.benefits-wrap .for_m {
		display: block;
	}

	.benefits-wrap .salary_card_wrapper {
		flex-direction: column;
	}
	.benefits-wrap .salary_card_wrapper article {
		width: 100%
	}
	.benefits-wrap .salary_card_wrapper article svg {
		width: 32px; height: 32px;
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(2) {
		font-size: 17px;
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(3) {
		font-size: 26px;
	}
	.benefits-wrap .salary_card_wrapper article div:last-of-type {
		font-size: 15px;
	}
	.benefits-wrap .title_section {
		font-size: 22px;
	}
	.benefits-wrap .subtitle {
		font-size: 15px;
	}
	.matching_section .matching_image {
		display: none;
	}
}
@media screen and (max-width: 697px) {
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:first-of-type {
		font-size: 15px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:nth-of-type(2) {
		font-size: 26px;
	}
	#sub_top_visual.visual_benefits .visual_inner_wrapper div:last-of-type {
		font-size: 14px;
	}
	.benefits-wrap .data_dt_text {
		font-size: 14px;
	}
	.benefits-wrap .data_wrap .data_ob {
		padding: 32px 0;
	}
	.benefits-wrap .data_wrap .data_ob div:first-of-type {
		font-size: 16px;
	}
	.benefits-wrap .data_wrap .data_ob div:last-of-type {
		font-size: 16px;
	}
	/* 1. 줄바꿈을 허용합니다 */
	.benefits-wrap .data_wrap {
		flex-wrap: wrap; 
	}
	/* 2. A와 B의 너비를 절반으로 설정합니다 (gap 16px 제외) */
	.benefits-wrap .data_wrap .data_ob {
		width: calc((100% - 16px) / 2); 
	}
	/* 3. 마지막 C 항목만 너비를 100%로 꽉 채웁니다 */
	.benefits-wrap .data_wrap .data_ob:last-child {
		width: 100%; 
	}

	.benefits-wrap .triangle_txt-wrap.triangle_support {
		top: 28px;
		left: calc(50% + 64px);
	}
	.benefits-wrap .triangle_txt-wrap.triangle_partner {
		bottom: -30px;
		left: 0;
		text-align: left;
	}
	.benefits-wrap .triangle_txt-wrap.triangle_content {
		bottom: -50px;
		right: 0;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(1) {
		font-size: 12px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(2) {
		font-size: 14px;
	}
	.benefits-wrap .triangle_txt-wrap div:nth-of-type(3) {
		display: none;
	}
	.benefits-wrap .for_m {
		display: block;
	}

	.benefits-wrap .salary_card_wrapper {
		flex-direction: column;
	}
	.benefits-wrap .salary_card_wrapper article {
		width: 100%
	}
	.benefits-wrap .salary_card_wrapper article svg {
		width: 32px; height: 32px;
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(2) {
		font-size: 15px;
	}
	.benefits-wrap .salary_card_wrapper article div:nth-of-type(3) {
		font-size: 24px;
	}
	.benefits-wrap .salary_card_wrapper article div:last-of-type {
		font-size: 15px;
	}
	.benefits-wrap .title_section {
		font-size: 22px;
	}
	.benefits-wrap .subtitle {
		font-size: 15px;
	}
	.matching_section .matching_image {
		display: none;
	}
}
/*혜택 페이지 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*자주 묻는 질문 페이지 시작*/
.FaqWrap {
    margin: 40px 0;
}
.FaqWrap .QuestionWrap {
    border-bottom: 1px solid #7e7e7e;
}
.FaqWrap .QuestionWrap .Question {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-weight: 600;
}
.FaqWrap .QuestionWrap .Question img.Questionimg {
	margin: 0 0 0 0.75rem !important;
	transition: all 0.3s ease-in-out;
}
.FaqWrap .Answer {
    overflow: hidden;
    font-size: 0;
}
.FaqWrap .Answer > li {
	padding-left: 0.75rem;
	padding-right: 0.5rem;
	/*padding-top: 2rem;*/
	padding-bottom: 2rem;
	word-break: keep-all;
	transition: all 0.3s ease-in-out;
	line-height: 1.7em;
}
.FaqWrap .Answer.on > li {
	display: block;
}

/*자주 묻는 질문 페이지 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/*푸터 시작*/

#footer-layer {
    margin: auto;
}
#footer-layer .ContactUs_wrapper {
    text-align: center;
}
.ContactUs_wrapper .ContactUs_txt .ContactUs_txt1,
.ContactUs_wrapper .ContactUs_txt .ContactUs_txt2 {
    color: #FAFAFA;
    font-weight: 700;
    line-height: 1.4em;
    letter-spacing: -0.5px;
    text-align: center;

}
.ContactUs_wrapper .ContactUs_btn {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 32px;
    border-radius: 10px;
    background-color: #FF5F00;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 800;
    color: #FAFAFA;
}

@media screen and (min-width: 1439px) {
    #footer-layer .ContactUs_wrapper { padding: 80px 0 80px; }
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt1,
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt2 { font-size: 38px;  }
	
	#footer { flex-direction: row; }
}
@media screen and (max-width: 1439px) {
    #footer-layer .ContactUs_wrapper { padding: 80px 0 80px; }
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt1,
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt2 { font-size: 32px;  }
	
	#footer { flex-direction: row; }
}
@media screen and (max-width: 1023px) {
    #footer-layer .ContactUs_wrapper { padding: 60px 0 60px; }
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt1,
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt2 { font-size: 26px;  }

	#footer { flex-direction: column; }
	#footer-social { margin-top: 16px; }
}
@media screen and (max-width: 697px) {
    #footer-layer .ContactUs_wrapper { padding: 60px 0 60px; }
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt1,
    .ContactUs_wrapper .ContactUs_txt .ContactUs_txt2 { font-size: 20px;  }

	#footer { flex-direction: column; }
	#footer-social { margin-top: 16px; }
}


#footer {
    background-color: #fff;
    font-weight: 300;
    display: flex;
    justify-content: center;
    margin: 20px 20px 0;
    padding: 30px 0;
}
#footer * {
    color: #888888 !important;
    font-size: 12px;
}
#footer-text {
    max-width: 1000px;
    flex-grow:1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
#footer-text > .first-line, #footer-text > .second-line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2px;
}
#footer-text .first-line div:first-child  {
    color: #393339 !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3em;
    letter-spacing: -0.5px;
}
#footer-text .copyright {
    text-align: left;
    width: 100%;
}
#footer-text a:hover {
    color: #393339 !important;
}

#footer-social {
	display: flex;
	justify-content: center;
	gap: 15px;
}

/*푸터 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

/* 반응형 폰트 시작*/
@media screen and (min-width: 1439px) {
	* {font-size: 17px;}
	.txt_title{font-size: 21px;}
	.txt_subtitle{font-size: 19px;}
}
@media screen and (max-width: 1439px) {
	* {font-size: 16px;}
	.txt_title{font-size: 20px;}
	.txt_subtitle{font-size: 18px;}
}
@media screen and (max-width: 1023px) {
	* {font-size: 15px;}
	.txt_title{font-size: 19px;}
	.txt_subtitle{font-size: 17px;}
}
@media screen and (max-width: 697px) {
	* {font-size: 14px;}
	.txt_title{font-size: 18px;}
	.txt_subtitle{font-size: 16px;}
}
/* 반응형 폰트 끝*/

/*반응형 시작*/
@media screen and (min-width: 1439px) {
    #main-content, #top, #head, #content-head, #footer-layer {max-width: 1200px;}
    #gnb { display: none; }
}
@media screen and (max-width: 1439px) {
    #main-content, #top, #head, #content-head, #footer-layer {max-width: 800px;}
    #gnb { display: none; }
}
@media screen and (max-width: 1023px) {
    #main-content, #top, #head, #content-head, #footer-layer {max-width: 630px;}
    #gnb { display: block; }
    .gnb_wrap {
        max-width: 650px;
    }
    /*메뉴, ez  없애고*/
    .centeral_top-inner, .right_top-tosite {display: none !important;}
    /*햄버거 추가*/
    #right_top-Hamb {display: block !important;}
    #container section .title_section,
    #container section .title_section2 {
        font-size: 30px !important;
    }
}
@media screen and (max-width: 697px) {
    #main-content, #top, #head, #content-head, #footer-layer {max-width: 400px;}
    #gnb { display: block; } 
    .gnb_wrap {
        max-width: 420px;
    }
    #container section .title_section,
    #container section .title_section2 {
        font-size: 22px !important;
    }
	section.index_section .RecruitOrderArrow {
		display: none;
	}
	section.index_section .RecruitOrder img {
		width: 70px !important;
	}

	section.index_section .edudevel_wrap {
		grid-template-columns: auto;
	}
}
/*반응형 끝*/

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/


/*지원하기 시작*/

.apply-form-wrap {
    width: 100%;
    padding: 0 20px 20px 20px;
    position: relative;
    font-size: 0;
}
.apply-form-wrap * {
    position: relative;
}
.apply-form-wrap .form-container {
    width: 100%;
    background-color: #fff;
    position: relative;
}
.apply-form-wrap .form-container .txt-wrap {
    margin: 28px 0 10px;
}

.apply-form-wrap .form-container .txt-wrap .maintxt {
    color: #4B4B4B;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0;
}
.apply-form-wrap .form-container .txt-wrap .subntxt {
    color: #E23A15;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
}
.apply-form-wrap .form-container .txt-wrap .subntxt.optional {
    color: gray;
}


.apply-form-wrap .form-container .input {
    width: 100%;
    overflow: visible;
    margin: 12px 0 4px;
    font-size: 14px;
    padding: 2.5px;
}
/*------------------------------------------------------*/
.apply-form-wrap .form-container .top-text input {
    width: 100%;
    height: 50px;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    padding: 0 15px;
    transition: .25s;
}
.apply-form-wrap .form-container .top-text input:focus + p, 
.apply-form-wrap .form-container .top-text input:valid + p {
    top: -7.5px;
    height: 14px;
    font-size: 14px;
    background-color: white;
}
.apply-form-wrap .form-container .top-text input:focus + p {color: #FF5F00;}
.apply-form-wrap .form-container .top-text input.not-required:valid + p {color: #b3b3b3 !important;}

.apply-form-wrap .form-container .top-text input:focus {border-color: #FF5F00;}
.apply-form-wrap .form-container .top-text input.not-required:valid {border-color: #b3b3b3 !important;}

.apply-form-wrap .form-container .top-text input.time-input {
    background-color: #fff;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.apply-form-wrap .form-container .top-text input.time-input:valid {color: #000;}

.apply-form-wrap .form-container .top-text p {
    padding: 0 5px;
    transition: .25s;
    position: absolute;
    top: 2.5px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    height: 50px;
    margin: 0 10px;
    pointer-events: none;
    font-size: 16px;
    color: #6c6c6c;
}
.apply-form-wrap .form-container select {
    font-size: 16px;
    color: #666666;
    background-color: #fff;
    height: 50px;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    padding: 0 15px;
    transition: .25s;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.apply-form-wrap .form-container .top-text select:focus {border-color: #FF5F00;}
.apply-form-wrap .form-container .top-text select.not-required:valid {border-color: #b3b3b3 !important;}

.apply-form-wrap .form-container input::-webkit-date-and-time-value{ text-align:left; }


.apply-form-wrap .form-container .checkbox-wrap, 
.apply-form-wrap .form-container .radio-wrap {
    display: block;
    width: 100%;
    font-size: 0;
}
.apply-form-wrap .form-container .checkbox-wrap label, 
.apply-form-wrap .form-container .radio-wrap label {text-align: center;}
.apply-form-wrap .form-container .checkbox-wrap.half label {width: 50%;}

.apply-form-wrap .form-container .radio-wrap.third label, 
.apply-form-wrap .form-container .checkbox-wrap.third label {
    width: calc((100% - 24px)/3);
}

.apply-form-wrap .form-container .radio-wrap.half label, 
.apply-form-wrap .form-container .checkbox-wrap.fourth label {
    width: calc((100% - 12px)/2);
}

.apply-form-wrap .form-container .checkbox-wrap input[type="checkbox"], 
.apply-form-wrap .form-container .radio-wrap input[type="radio"] {display: none;}

.apply-form-wrap .form-container .checkbox-wrap input[type="checkbox"] + label, 
.apply-form-wrap .form-container .radio-wrap input[type="radio"] + label {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    color: #828282;
    cursor: pointer;
    padding: 16px 0px;
    font-size: 16px;
    line-height: 1em;
}

.apply-form-wrap .form-container .checkbox-wrap input[type="checkbox"]:checked + label, 
.apply-form-wrap .form-container .radio-wrap input[type="radio"]:checked + label {
    border-color: #FF5F00;
    color: #FF5F00;
    font-weight: 600;
}
.apply-form-wrap .form-container .bt2 {
    display:inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 20px;
    color: #FF5F00;
    border:1px solid #FF5F00;
    border-radius: 5px;
    background:#fff;
    margin-top: 10px;
    margin-bottom: 0;
}
.apply-form-wrap .form-container .bt2 span { font-size: 12px; font-weight: 600; color: #FF5F00; }

#main-content.tutor-apply-page { max-width: 630px; }

/*지원하기 끝*/