@charset "utf-8";

.job_btn1 {display:flex; justify-content:center; align-items:center; width:194px; height:60px; border:2px solid #191919; border-radius:5px; font-size:1.125em; font-weight:700; text-align:center; transition:all 0.5s; transition-property:background, border, color;}
.job_btn1:hover {background:#00ac59; border-color:#00ac59; color:#fff;}
.job_btn1.case2 {border-color:#00ac59; color:#00ac59;}
.job_btn1.case2:hover {color:#fff;}
.job_btn1.case3 {border-color:#fff; color:#fff;}
.job_btn1.case3:hover {border-color:#fff; background:#fff; color:#00ac59;}
.job_btn1.case4 {border-color:#00ac59; background:#00ac59; color:#fff;}
.job_btn1.case4:hover {color:#fff;}
.job_btn1.auto {margin-left:auto; margin-right:auto;}

@media screen and (max-width:1024px){
    .job_btn1 {width:160px; height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
    .job_btn1 {width:130px; height:42px;}
}


/* header */
#job_header {width:100%; background:#fff; border-bottom:1px solid #ddd; position:relative; z-index:300;}
#job_header > div {display:flex; justify-content:space-between; align-items:center; height:119px; position:relative;}

#job_header .box {display:flex; align-items:center;}
#job_header .box .h_member {display:flex; align-items:center; position:relative; z-index:5; margin-left:50px;}
#job_header .box .h_member li {margin-right:30px; text-align:center;}
#job_header .box .h_member li:last-child {margin-right:0;}
#job_header .box .h_member li i {font-size:1.5em;}
#job_header .box .h_member li p {font-size:0.75em; color:#666; font-weight:500; margin-top:5px;}


#job_logo {width:90px; height:80px; position:relative; z-index:5;}
#job_logo a {display:block; width:100%; height:100%;}
#job_logo a img {max-width:100%; max-height:100%;}

#job_gnb > ul {display:flex; justify-content:end;}
#job_gnb > ul > li {margin-left:40px; position:relative;}
#job_gnb > ul > li:first-child {margin-left:0;}
#job_gnb > ul > li > a {display:block; font-size:1.25em; font-weight:500; line-height:119px; font-family:'S Dream';}
#job_gnb > ul > li > ul {width:180px; background:#fff; border-radius:10px; position:absolute; left:50%; top:100%; transform:translateX(-50%); box-shadow:5px 10px 20px rgba(25,25,25,0.1); padding:10px 0; opacity:0; visibility:hidden; transition:all 0.6s; transition-property:opacity, visibility;}
#job_gnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#666; line-height:1.5em; text-align:center; padding:5px 0;}
#job_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}

#menuToggle {display:none;}

@media screen and (min-width:1025px){
    #job_gnb > ul > li:hover > a {color:#00ac59;}
    #job_gnb > ul > li > ul {display:block !important;}
    #job_gnb > ul > li > ul > li:hover > a {color:#00ac59;}
}

@media screen and (max-width:1024px){
    #job_header > div {height:54px;}

    #job_header .box .h_member {margin-right:20px;}
    #job_header .box .h_member li i {font-size:1.3em;}
    #job_header .box .h_member li p {margin-top:3px;}
    
    #job_logo {width:51px; height:45px;}

    #job_gnb {display:block; width:230px; height:100vh; background:#fff; position:fixed; right:-230px; top:0; padding-top:54px; transition:right 0.8s}
    #job_gnb > ul {display:block; border-top:1px solid #ddd;}
    #job_gnb > ul > li {margin-left:0;}
    #job_gnb > ul > li > a {font-size:1em; line-height:1.2em; padding:15px 10px; border-bottom:1px solid #ddd; position:relative;}
    #job_gnb > ul > li > a:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
    #job_gnb > ul > li > a.on:after {content:'\f106'}
    #job_gnb > ul > li > ul {display:none; width:100%; position:relative; left:0; top:0; transform:translateX(0); background:#f8f9fc; border-radius:0; box-shadow:none; opacity:1; visibility:visible; padding:0;}
    #job_gnb > ul > li > ul > li > a {text-align:left; padding:8px 10px; border-bottom:1px solid #eee;}

    #menuToggle {display:block; width:55px; height:55px; background:#00ac59; position:absolute; right:0; top:0;}
    #menuToggle span {display:block; width:21px; height:2px; background:#fff; position:absolute; left:17px; transition:all 0.6s;}
    #menuToggle span:nth-child(1) {top:50%; margin-top:-7px;}
    #menuToggle span:nth-child(2) {top:50%; margin-top:-1px;}
    #menuToggle span:nth-child(3) {bottom:50%; margin-bottom:-7px;}

    #job_header.on #job_gnb {right:0;}
    #job_header.on #menuToggle span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
    #job_header.on #menuToggle span:nth-child(2) {width:0;}
    #job_header.on #menuToggle span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #job_header .box .h_member {margin-right:40px;}
}


/* footer */
#job_footer {}
.footer_top {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.footer_top > div {display:flex; justify-content:space-between; align-items:center; height:60px;}
.footer_top ul {display:flex; align-items:center;}
.footer_top .f_util li:after {content:''; display:inline-block; width:1px; height:16px; background:#ddd; margin:0 15px; vertical-align:middle;}
.footer_top .f_util li:last-child:after {display:none;}
.footer_top .f_util li a {display:inline-block; font-size:1.125em; font-weight:500; vertical-align:middle;}
.footer_top .f_certify li {margin-right:30px;}
.footer_top .f_certify li:last-child {margin-right:0;}
.footer_bottom {display:flex; padding:50px 0 80px;}
.footer_bottom .f_logo {width:85px;}
.footer_bottom .f_logo img {width:100%;}
.footer_bottom .f_info {width:calc(100% - 313px); padding-left:50px;}
.footer_bottom .f_info ul li {display:inline-block; font-size:1em; color:#666; margin:0 15px 10px 0;}
.footer_bottom .f_info ul li strong {font-weight:500; margin-right:5px;}
.footer_bottom .f_info ul li a {color:#666;}
.footer_bottom .f_info p {font-size:1em; color:#666; font-weight:500; margin-top:10px;}
.footer_bottom .f_util {width:228px;}
.footer_bottom .f_util .f_family {position:relative;}
.footer_bottom .f_util .f_family button {display:block; width:100%; height:59px; background:#fff; border:1px solid #ddd; border-radius:5px; font-size:1em; font-weight:600; padding-left:20px; position:relative; text-align:left;}
.footer_bottom .f_util .f_family button:after {content:'\f106'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.footer_bottom .f_util .f_family ul {display:none; width:100%; background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 15px rgba(25,25,25,0.07); position:absolute; left:0; bottom:100%; padding:20px 25px; z-index:50; margin-bottom:10px;}
.footer_bottom .f_util .f_family ul li a {display:block; font-size:1em; color:#a4a4a4; padding:5px 0;}
.footer_bottom .f_util .f_family ul li a:hover {color:#191919; font-weight:600;}
.footer_bottom .f_util .f_family button.on:after {content:'\f107'}
.footer_bottom .f_util .f_family button.on + ul {display:block;}

@media screen and (max-width:1220px){
    .footer_top .f_util li:after {margin:0 10px;}
    .footer_top .f_util li a {font-size:1em;}
    .footer_top .f_certify li {margin-right:15px;}
    .footer_top .f_certify li img {height:26px;}
    .footer_bottom .f_info ul br {display:none;}
}

@media screen and (max-width:1024px){
    .footer_top > div {display:block; height:auto;}
    .footer_top .f_util {width:100vw; margin-left:-6vw; border-bottom:1px solid #ddd;}
    .footer_top .f_util li {width:33.33%; border-right:1px solid #ddd;}
    .footer_top .f_util li:last-child {border-right:0;}
    .footer_top .f_util li:after {display:none;}
    .footer_top .f_util li a {display:block; width:100%; line-height:40px; text-align:center;}
    .footer_top .f_certify {justify-content:center; padding:15px 0;}
    .footer_top .f_certify li {margin-right:20px;}
    .footer_bottom {padding:5% 0;}
    .footer_bottom .f_logo {width:60px;}
    .footer_bottom .f_info {width:calc(100% - 220px); padding-left:30px;}
    .footer_bottom .f_info ul br {display:none;}
    .footer_bottom .f_info ul li {margin:0 10px 5px 0;}
    .footer_bottom .f_util {width:160px;}
    .footer_bottom .f_util .f_family button {height:40px; padding-left:15px;}
    .footer_bottom .f_util .f_family button:after {right:15px;}
    .footer_bottom .f_util .f_family ul {padding:10px 15px;}
}

@media screen and (max-width:767px){
    .footer_top .f_util {flex-wrap:wrap;}
    .footer_top .f_util li a {line-height:35px;}
    .footer_top .f_certify li {margin-right:10px;}
    .footer_top .f_certify li img {height:21px;}
    .footer_bottom {flex-wrap:wrap;}
    .footer_bottom .f_logo {display:none; width:55px;}
    .footer_bottom .f_info {width:100%; padding-left:0;}
    .footer_bottom .f_info p {margin-top:10px;}
    .footer_bottom .f_util {display:flex; justify-content:space-between; align-items:end; width:100%; margin-top:15px;}
    .footer_bottom .f_util .f_family {width:48%; margin-top:0;}
    .footer_bottom .f_util .f_family button {height:40px; padding-left:10px;}
    .footer_bottom .f_util .f_family button:after {right:10px;}
    .footer_bottom .f_util .f_family ul {padding:8px 10px; margin-bottom:5px;}
}


#Quick {width:70px; position:fixed; right:50px; bottom:50px; z-index:200;}
#Quick a {display:block; width:100%; height:70px; border-radius:50%; position:relative; margin-bottom:6px; box-shadow:5px 5px 20px rgba(25,25,25,0.1);}
#Quick a i {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:50%; font-size:1.25em; color:#fff; position:relative; z-index:10;}
#Quick a p {display:flex; align-items:center; width:0; height:100%; border-radius:35px 0 0 35px; font-size:1em; color:#fff; font-weight:600; text-indent:25px; white-space:nowrap; position:absolute; right:30px; top:0; transition:width 0.6s; overflow:hidden;}
#Quick a:hover p {width:150px}
#Quick .go_top {display:block; width:50px; height:50px; background:none; border:1px solid #ddd; border-radius:50%; box-shadow:5px 5px 20px rgba(25,25,25,0.1); font-size:0.875em; color:#a4a4a4; margin:0 auto;}

#Quick a.inquiry_btn i, #Quick a.inquiry_btn p {background:#00ac59;}
#Quick a.blog_btn i, #Quick a.blog_btn p {background:#00c73c;}
#Quick a.kakao_btn i, #Quick a.kakao_btn p {background:#ffdb11; color:#000;}

@media screen and (max-width:1220px){
    #Quick {right:6%;}
}

@media screen and (max-width:1024px){
    #Quick {width:50px; bottom:30px;}
    #Quick a {height:50px; margin-bottom:4px;}
    #Quick a i {font-size:1em;}
    #Quick a i img {width:25px;}
    #Quick a p {font-size:0.875em; text-indent:15px; right:25px;}
    #Quick a:hover p {width:120px}
    #Quick .go_top {width:40px; height:40px;}
}

@media screen and (max-width:767px){
    #Quick {width:40px; bottom:20px;}
    #Quick a {height:40px;}
    #Quick a i img {width:20px;}
    #Quick a p {text-indent:10px; right:20px;}
    #Quick a:hover p {width:100px}
    #Quick .go_top {width:32px; height:32px;}
}


/* main */
#mVisu {width:100%; height:628px; background:#eafbd6; position:relative;}
#mVisu .inner {position:relative; z-index:5;}
#mVisu .txt_box {padding-top:120px;}
#mVisu .txt_box .t1 {font-size:1.75em; color:#00ac59; line-height:1.3em; font-weight:700; margin-bottom:20px;}
#mVisu .txt_box .t2 {font-size:3.75em; line-height:1.16em; font-weight:600; font-family:'S Dream'}
#mVisu .txt_box .t3 {font-size:1.375em; color:#666; line-height:1.3em; margin-top:15px;}
#mVisu .txt_box .job_btn1 {margin-top:40px;}
#mVisu .img_box {width:650px; height:100%; position:absolute; left:50%; top:0;}
#mVisu .img_box img {max-width:100%; max-height:100%;}

@media screen and (max-width:1024px){
    #mVisu {height:463px;}
    #mVisu .txt_box {padding-top:80px;}
    #mVisu .txt_box .t1 {font-size:1.5em; margin-bottom:10px;}
    #mVisu .txt_box .t2 {font-size:3em;}
    #mVisu .txt_box .t3 {font-size:1.125em; margin-top:10px;}
    #mVisu .txt_box .job_btn1 {margin-top:25px;}
    #mVisu .img_box {width:480px;}
}

@media screen and (max-width:767px){
    #mVisu {height:463px;}
    #mVisu .txt_box {padding-top:35px;}
    #mVisu .txt_box .t1 {font-size:1.25em;}
    #mVisu .txt_box .t2 {font-size:2.2em;}
    #mVisu .txt_box .t3 {font-size:1em;}
    #mVisu .txt_box .job_btn1 {margin-top:20px;}
    #mVisu .img_box {display:flex; justify-content:end; align-items:end; width:100%; left:auto; top:auto; right:-6%; bottom:0;}
    #mVisu .img_box img {max-height:75%;}
}


.main_title {font-size:2.5em; line-height:1.375em; font-weight:500; font-family:'S Dream'}

@media screen and (max-width:1024px){
    .main_title {font-size:2em;}
}

@media screen and (max-width:767px){
    .main_title {font-size:1.7em;}
}


#mEducation {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:-91px; position:relative; z-index:30;}
#mEducation .request_box {display:flex; align-items:center; flex-direction:row-reverse; width:429px; height:182px; background:#00ac59; border-radius:20px; text-align:center;}
#mEducation .request_box .date {width:126px; border-right:1px solid rgba(255,255,255,0.3)}
#mEducation .request_box .date dt {font-size:1em; color:rgba(255,255,255,0.5); font-weight:800;}
#mEducation .request_box .date dd {font-size:1em; color:#fff; font-weight:600;}
#mEducation .request_box .date dd strong {display:block; font-size:2.81em; font-weight:700;}
#mEducation .request_box .btn_box {width:100%; position:relative;}
#mEducation .request_box .btn_box a {display:block; width:100%; font-size:1.875em; color:#fff; font-weight:700;}
#mEducation .request_box .btn_box .txt {width:190px; height:92px; background:url(https://static.est.so/web/job/images/mEducation_img1.svg) no-repeat left top;  font-size:1em; color:#00ac59; font-weight:700; line-height:1.25em; text-align:left; padding:15px 19px; position:absolute; left:30px; bottom:100%; animation:mEducationRequest 1.5s infinite alternate-reverse ease-in-out;}
#mEducation .reserve_box {width:calc(100% - 449px); height:182px; background:#fff; border-radius:20px; box-shadow:5px 10px 20px rgba(25,25,25,0.05); position:relative; padding:0 33px;}
.reserve_slide {width:100%; height:100%; overflow:hidden;}
.reserve_slide .swiper-slide {display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.reserve_slide .swiper-slide-prev ~ .swiper-slide:before {content:''; display:block; width:1px; height:70px; background:#ddd; position:absolute; left:100%; top:50%; transform:translateY(-50%)}
.reserve_slide dl dt {font-size:1.5em; font-weight:700;}
.reserve_slide dl dd {font-size:1em; color:#666; margin-top:5px;}
.reserve_slide dl dd strong {color:#191919; font-weight:600; margin-right:5px;}
.reserve_slide a {display:block; width:120px; line-height:33px; border:1px solid #00ac59; border-radius:18px; font-size:1em; color:#00ac59; font-weight:600; margin-top:20px; transition:all 0.5s; transition-property:background, color;}
.reserve_slide a:hover {background:#00ac59; color:#fff;}
.reserve_slide a.end {border-color:#ddd !important; background:#f8f9fc !important; color:#a4a4a4 !important;}
.reserve_slide .swiper-button-prev, .reserve_slide .swiper-button-next {font-size:1.5em; color:#191919;}
.reserve_slide .swiper-button-prev:after, .reserve_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.reserve_slide .swiper-button-prev:after {content:'\f104'}
.reserve_slide .swiper-button-next:after {content:'\f105'}

@keyframes mEducationRequest {
    0% {transform:translateY(-10px)}
    100% {transform:translateY(0)}
}

@media screen and (max-width:1024px){
    #mEducation {margin-top:-70px;}
    #mEducation .request_box {width:300px; height:140px;}
    #mEducation .request_box .date {width:90px;}
    #mEducation .request_box .date dt {font-size:0.875em;}
    #mEducation .request_box .date dd {font-size:0.875em;}
    #mEducation .request_box .date dd strong {font-size:2.6em;}
    #mEducation .request_box .btn_box {width:100%}
    #mEducation .request_box .btn_box a {font-size:1.4em;}
    #mEducation .request_box .btn_box .txt {width:150px; height:73px; font-size:0.875em; background-size:contain; padding:12px 13px; left:10px;}
    #mEducation .reserve_box {width:calc(100% - 310px); height:140px; padding:0 25px;}
    .reserve_slide .swiper-slide-prev ~ .swiper-slide:before {height:50px;}
    .reserve_slide dl dt {font-size:1.3em;}
    .reserve_slide a {width:90px; line-height:30px; font-size:0.875em; margin-top:10px;}
    .reserve_slide .swiper-button-prev, .reserve_slide .swiper-button-next {font-size:1.3em;}
    .reserve_slide .swiper-button-prev {left:5px;}
    .reserve_slide .swiper-button-next {right:5px;}
}


@media screen and (max-width:767px){
    #mEducation {margin-top:-50px;}
    #mEducation .request_box {width:100%; height:100px; border-radius:10px;}
    #mEducation .request_box .btn_box a {font-size:1.3em;}
    #mEducation .request_box .btn_box .txt {width:130px; height:63px; padding:10px 13px; left:50%; margin-left:-65px;}
    #mEducation .reserve_box {width:100%; height:120px; border-radius:10px; padding:0; margin-top:5px; box-shadow:0 0 20px rgba(25,25,25,0.1);}
    .reserve_slide dl dd strong {margin-right:3px;}
    .reserve_slide a {width:80px; line-height:28px;}
    .reserve_slide .swiper-button-prev, .reserve_slide .swiper-button-next {display:none;}
}


#mNotice {display:flex; align-items:center; border-bottom:1px solid #ddd; margin:0 auto; padding:40px 0;}
#mNotice .tit {width:135px; font-size:1.5em; font-weight:800; text-transform:uppercase;}
#mNotice .more {display:block; width:20px; font-size:1.25em; text-align:right;}
.mNotice_slide {width:calc(100% - 155px); height:30px; position:relative; padding-right:125px; overflow:hidden;}
.mNotice_slide:before {content:''; display:block; width:1px; height:16px; background:#a4a4a4; position:absolute; right:61px; top:50%; transform:translateY(-50%)}
.mNotice_slide a {display:flex; align-items:center; width:100%; height:30px;}
.mNotice_slide a .subject {width:calc(100% - 85px); font-size:1.125em; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mNotice_slide a .date {width:85px; font-size:1em; color:#666; text-align:right;}
.mNotice_slide .swiper-button-prev, .mNotice_slide .swiper-button-next {font-size:1.25em; color:#191919;}
.mNotice_slide .swiper-button-prev {left:auto; right:65px;}
.mNotice_slide .swiper-button-next {right:30px;}
.mNotice_slide .swiper-button-prev:after, .mNotice_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mNotice_slide .swiper-button-prev:after {content:'\f104'}
.mNotice_slide .swiper-button-next:after {content:'\f105'}

@media screen and (max-width:1024px){
    #mNotice {padding:25px 0;}
    #mNotice .tit {width:100px; font-size:1.3em;}
    #mNotice .more {font-size:1.125em;}
    .mNotice_slide {width:calc(100% - 120px); padding-right:90px;}
    .mNotice_slide:before {height:13px; right:46px;}
    .mNotice_slide a .subject {font-size:1em;}
    .mNotice_slide a .date {font-size:0.875em;}
    .mNotice_slide .swiper-button-prev {right:45px;}
    .mNotice_slide .swiper-button-next {right:20px;}
}

@media screen and (max-width:767px){
    #mNotice {padding:15px 0;}
    #mNotice .tit {width:70px; font-size:1.2em;}
    .mNotice_slide {width:calc(100% - 90px); padding-right:5px;}
    .mNotice_slide:before {display:none;}
    .mNotice_slide a .subject {width:calc(100% - 60px)}
    .mNotice_slide a .date {width:60px;}
    .mNotice_slide .swiper-button-prev, .mNotice_slide .swiper-button-next {display:none;}
}


#mCommunity {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:70px;}
#mCommunity .quick {width:calc(50% - 24px);}
#mCommunity .quick ul {display:flex; flex-wrap:wrap; width:100%; height:295px; border:1px solid #ddd; border-radius:20px; position:relative;}
#mCommunity .quick ul:before {content:''; display:block; width:calc(100% - 60px); height:1px; background:#ddd; position:absolute; left:50%; top:50%; transform:translateX(-50%)}
#mCommunity .quick ul li {width:33.33%; height:50%; position:relative;}
#mCommunity .quick ul li:after {content:''; display:block; width:1px; height:70px; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%)}
#mCommunity .quick ul li:nth-child(3n):after {display:none;}
#mCommunity .quick ul li a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%;}
#mCommunity .quick ul li a .icon {display:block; width:51px; height:51px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:15px;}
#mCommunity .quick ul li a p {font-size:1.125em; font-weight:700; text-align:center;}
#mCommunity .quick ul li.contact {display:flex; justify-content:center; align-items:center; text-align:center;}
#mCommunity .quick ul li.contact dl dt {font-size:1.125em; font-weight:700;}
#mCommunity .quick ul li.contact dl dd {font-size:1em; color:#666; margin-top:5px;}
#mCommunity .quick ul li.contact dl dd a {font-size:1.5em; color:#00ac59; font-weight:700;}
#mCommunity .banner {width:calc(50% + 4px)}
.mCommunity_slide {width:100%; height:100%; border:1px solid #ddd; border-radius:20px; background:#e1f5ff; overflow:hidden; position:relative;}
.mCommunity_slide .swiper-slide {position:relative;}
.mCommunity_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mCommunity_slide .btn_box {display:flex; justify-content:center; align-items:center; width:184px; height:51px; background:rgba(25,25,25,0.3); border-top-left-radius:20px; position:absolute; right:0; bottom:0; z-index:30;}
.mCommunity_slide .btn_box .play_btn {font-size:1.25em; margin:0 12px;}
.mCommunity_slide .btn_box .play_btn:after {content:'\f04c'; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.mCommunity_slide .btn_box .play_btn.stop:after {content:'\f04b'; font-weight:900;}
.mCommunity_slide .swiper-pagination-fraction {width:auto; position:relative; bottom:0; font-size:1em; color:rgba(255,255,255,0.5); font-weight:500; margin-right:20px;}
.mCommunity_slide .swiper-pagination-fraction i {display:inline-block; width:1px; height:12px; background:rgba(255,255,255,0.5); margin:0 10px;}
.mCommunity_slide .swiper-pagination-current {color:#fff;}
.mCommunity_slide .swiper-button-prev, .mCommunity_slide .swiper-button-next {width:auto; height:auto; font-size:1.25em; color:#fff; position:relative; left:0; right:0; top:0; margin-top:0;}
.mCommunity_slide .swiper-button-prev:after, .mCommunity_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mCommunity_slide .swiper-button-prev:after {content:'\f104';}
.mCommunity_slide .swiper-button-next:after {content:'\f105'}

#mCommunity .quick ul li a .icon1 {background-image:url(https://static.est.so/web/job/images/mCommunity_icon1.png)}
#mCommunity .quick ul li a .icon2 {background-image:url(https://static.est.so/web/job/images/mCommunity_icon2.png)}
#mCommunity .quick ul li a .icon3 {background-image:url(https://static.est.so/web/job/images/mCommunity_icon3.png)}
#mCommunity .quick ul li a .icon4 {background-image:url(https://static.est.so/web/job/images/mCommunity_icon4.png)}
#mCommunity .quick ul li a .icon5 {background-image:url(https://static.est.so/web/job/images/mCommunity_icon5.png)}
#mCommunity .quick ul li a .icon6 {background-image:url(https://static.est.so/web/job/images/mCommunity_icon6.png)}

@media screen and (max-width:1024px){
    #mCommunity {margin-top:7%;}
    #mCommunity .quick {width:calc(50% - 5px)}
    #mCommunity .quick ul {height:250px;}
    #mCommunity .quick ul li a .icon {width:42px; height:42px; margin-bottom:10px;}
    #mCommunity .quick ul li a p {font-size:1em;}
	#mCommunity .quick ul li.contact dl dt {font-size:1em;}
	#mCommunity .quick ul li.contact dl dd {font-size:0.9375em; margin-top:3px;}
    #mCommunity .banner {width:calc(50% - 5px)}
    .mCommunity_slide .btn_box {width:150px; height:40px;}
    .mCommunity_slide .btn_box .play_btn {font-size:1em; margin:0 8px;}
    .mCommunity_slide .swiper-pagination-fraction {margin-right:12px;}
    .mCommunity_slide .swiper-pagination-fraction i {height:10px; margin:0 7px;}
    .mCommunity_slide .swiper-button-prev, .mCommunity_slide .swiper-button-next {font-size:1em;}
}

@media screen and (max-width:767px){
    #mCommunity .quick {width:100%; margin-bottom:1.5%;}
    #mCommunity .quick ul {height:180px; border-radius:10px;}
    #mCommunity .quick ul:before {width:calc(100% - 30px)}
    #mCommunity .quick ul li:after {height:50px;}
    #mCommunity .quick ul li a .icon {width:33px; height:33px; margin-bottom:5px;}
	#mCommunity .quick ul li.contact dl dd a {font-size:1.4em;}
    #mCommunity .banner {width:100%;}
    .mCommunity_slide {height:42vw; border-radius:10px;}
    .mCommunity_slide .btn_box {width:120px; height:32px; border-top-left-radius:10px;}
    .mCommunity_slide .btn_box .play_btn {font-size:1em; margin:0 8px;}
    .mCommunity_slide .swiper-pagination-fraction {margin-right:10px;}
    .mCommunity_slide .swiper-pagination-fraction i {height:8px;}
}


#mWhy {display:flex; align-items:center; margin-top:100px;}
#mWhy .txt_box {width:360px;}
#mWhy .tab_box {margin-top:50px;}
#mWhy .tab_box li {position:relative;}
#mWhy .tab_box li:before {content:''; display:block; width:calc(100% + 70px); height:100%; background:#00ac59; border-radius:39px; box-shadow:5px 10px 20px rgba(0,172,89,0.2); position:absolute; left:-50px; top:0; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#mWhy .tab_box li button {display:block; width:100%; height:78px; font-size:1.25em; font-weight:600; text-align:left; position:relative; z-index:5; transition:color 0.5s;}
#mWhy .tab_box li:hover button {color:#00ac59;}
#mWhy .tab_box li.on:before {opacity:1; visibility:visible;}
#mWhy .tab_box li.on button {color:#fff;}
#mWhy .tab_box li.on button:after {content:'\f105'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:50%; transform:translateY(-50%)}
#mWhy .cont_box {width:calc(100% - 360px)}
#mWhy .cont_box > div {width:100%; background:#f8f9fc; border-radius:20px; padding:70px;}
#mWhy .cont_box > div:not(.on) {display:none;}
#mWhy .cont_box > div .txt_box {width:100%; position:relative; padding-right:150px;}
#mWhy .cont_box > div dl dt {font-size:1.875em; line-height:1.33em; font-weight:700;}
#mWhy .cont_box > div dl dd {max-width:500px; font-size:1.25em; color:#666; line-height:1.5em; margin-top:15px; word-break:normal;}
#mWhy .cont_box > div ul {position:absolute; right:0; bottom:0;}
#mWhy .cont_box > div ul li {margin-top:10px;}
#mWhy .cont_box > div ul li:last-child {margin-bottom:0;}
#mWhy .cont_box > div ul li a {display:flex; align-items:center; font-size:1em; color:#666; font-weight:600;}
#mWhy .cont_box > div ul li a:after {content:'\f105'; display:block; width:24px; line-height:24px; background:#00ac59; border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px; text-align:center;}
#mWhy .cont_box > div .img_box {width:100%; height:175px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top:70px;}

@media screen and (max-width:1220px){
	#mWhy .cont_box > div .txt_box {padding-right:0;}
	#mWhy .cont_box > div ul {display:flex; width:100%; position:relative; margin-top:10px;}
	#mWhy .cont_box > div ul li {width:50%; margin-bottom:0;}
}

@media screen and (max-width:1024px){
    #mWhy {margin-top:10%;}
    #mWhy .txt_box {width:270px;}
    #mWhy .tab_box {margin-top:30px;}
    #mWhy .tab_box li:before {width:calc(100% + 50px); left:-30px;}
    #mWhy .tab_box li button {height:60px; font-size:1.125em;}
    #mWhy .cont_box {width:calc(100% - 270px)}
    #mWhy .cont_box > div {padding:40px;}
    #mWhy .cont_box > div dl dt {font-size:1.5em;}
    #mWhy .cont_box > div dl dd {font-size:1.125em; margin-top:10px;}
    #mWhy .cont_box > div .img_box {height:100px; margin-top:35px;}
}

@media screen and (max-width:767px){
    #mWhy {display:block;}
    #mWhy .txt_box {width:100%;}
    #mWhy .tab_box {margin-top:3%;}
    #mWhy .tab_box li {margin-bottom:5px;}
    #mWhy .tab_box li:before {display:none;}
    #mWhy .tab_box li button {height:35px; border:1px solid #ddd; font-size:1em; padding:0 10px; border-radius:5px;}
    #mWhy .tab_box li.on button {background:#00ac59; border-color:#00ac59;}
    #mWhy .cont_box {width:100%;}
    #mWhy .cont_box > div {border-radius:10px; padding:15px;}
    #mWhy .cont_box > div dl dt {font-size:1.3em;}
    #mWhy .cont_box > div dl dd {font-size:1em; margin-top:5px;}
	#mWhy .cont_box > div ul {margin-top:5px;}
	#mWhy .cont_box > div ul li a {font-weight:400;}
	#mWhy .cont_box > div ul li a:after {width:20px; line-height:20px; margin-left:7px;}
    #mWhy .cont_box > div .img_box {height:80px; margin-top:15px;}
}


#mTime {margin-top:100px;}
#mTime .box {overflow-x:auto;}
#mTime table {width:100%; min-width:620px; border-collapse:collapse; margin-top:40px; text-align:center;}
#mTime table thead th {width:16.66%; background:#00ac59; font-size:1.25em; color:#fff; font-weight:600; padding:15px 10px; border-left:3px solid #fff;}
#mTime table thead th:first-child {background:#007b40; border-left:0;}
#mTime table tbody th {background:#ddf6c8; font-size:1.25em; color:#007b40; font-weight:600; line-height:1.5em; padding:30px 10px; border-top:3px solid #fff;}
#mTime table tbody td {background:#e9f9d6; font-size:1.25em; font-weight:500; line-height:1.5em; padding:15px 10px; border-top:3px solid #fff; border-left:3px solid #fff;}
#mTime table tbody td.lunch {background:#ddf6c8; color:#00ac59; border-left:0;}

@media screen and (max-width:1024px){
    #mTime {margin-top:10%;}
    #mTime table {margin-top:4%;}
    #mTime table thead th {font-size:1.125em; padding:10px;}
    #mTime table tbody th {font-size:1.125em; padding:20px 10px;}
    #mTime table tbody td {font-size:1.125em; padding:10px;}
}

@media screen and (max-width:767px){
    #mTime table thead th {font-size:1em; border-width:2px;}
    #mTime table tbody th {font-size:1em; padding:15px 10px; border-width:2px;}
    #mTime table tbody td {font-size:1em; border-width:2px;}
}


#mReview {margin:100px auto;}
#mReview .tit_box {display:flex; justify-content:space-between; align-items:end; margin-bottom:40px;}
.mReview_slide {width:100%; overflow:hidden; position:relative; padding-bottom:60px;}
.mReview_slide a {display:block; width:100%; border:1px solid #ddd; border-radius:20px; padding:30px;}
.mReview_slide a .star {font-size:1.125em; color:#00ac59; margin-bottom:20px;}
.mReview_slide a .txt_box .subject {font-size:1.25em; line-height:1.5em; font-weight:700;}
.mReview_slide a .txt_box .name {font-size:1em; color:#666; margin-top:15px;}
.mReview_slide a .txt_box .content {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px; padding-top:15px; border-top:1px solid #ddd; word-break:normal;}
.mReview_slide .swiper-button-prev, .mReview_slide .swiper-button-next {height:30px; top:auto; bottom:0; margin-top:0; font-size:1.875em; color:#191919;}
.mReview_slide .swiper-button-prev {left:0;}
.mReview_slide .swiper-button-next {left:45px; right:auto;}
.mReview_slide .swiper-button-prev:after, .mReview_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mReview_slide .swiper-button-prev:after {content:'\f104'}
.mReview_slide .swiper-button-next:after {content:'\f105'}
.mReview_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 90px); height:2px; background:#ddd; border-radius:0; top:auto; bottom:14px; left:auto; right:0;}
.mReview_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:2px; background:#191919;}

@media screen and (max-width:1024px){
    #mReview {margin:10% auto;}
    #mReview .tit_box {margin-bottom:4%;}
    .mReview_slide {padding-bottom:40px;}
    .mReview_slide a {padding:15px;}
    .mReview_slide a .star {font-size:1em; margin-bottom:10px;}
    .mReview_slide a .txt_box .subject {font-size:1.125em;}
    .mReview_slide a .txt_box .name {margin-top:5px;}
    .mReview_slide a .txt_box .content {font-size:1em;}
    .mReview_slide .swiper-button-prev, .mReview_slide .swiper-button-next {height:20px; font-size:1.5em;}
    .mReview_slide .swiper-button-next {left:30px;}
    .mReview_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 70px); bottom:9px;}
}

@media screen and (max-width:767px){
    #mReview {position:relative; padding-bottom:55px;}
    #mReview .tit_box {display:block;}
    #mReview .tit_box .job_btn1 {position:absolute; right:0; bottom:0;}
    .mReview_slide {overflow:visible;}
    .mReview_slide .swiper-slide {width:280px;}
    .mReview_slide a {padding:12px; border-radius:10px;}
    .mReview_slide a .txt_box .content {margin-top:10px; padding-top:10px;}
}


#mLocation {margin:0 auto 100px;}
#mLocation .map_box {border:1px solid #ddd; border-radius:20px; overflow:hidden; margin-top:40px;}
#mLocation .map_box img {width:100%;}
#mLocation .box {display:flex; justify-content:space-between; flex-direction:row-reverse; width:100%; margin-top:50px;}
#mLocation .box .btn_box {display:flex; justify-content:space-between; width:394px;}
#mLocation .box .btn_box .naver {background:#00c73c; border-color:#00c73c; color:#fff;}
#mLocation .box .btn_box .kakao {background:#fae100; border-color:#fae100; color:#191919;}
#mLocation .box .info {display:flex; justify-content:space-between; width:680px; position:relative}
#mLocation .box .info:before {content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
#mLocation .box .info dl {width:calc(50% - 40px)}
#mLocation .box .info dl dt {font-size:1.375em; font-weight:600;}
#mLocation .box .info dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px; word-break:normal;}

@media screen and (max-width:1220px){
    #mLocation .box .info {width:calc(100% - 420px)}
}

@media screen and (max-width:1024px){
    #mLocation {margin:0 auto 10%;}
    #mLocation .map_box {margin-top:3%;}
    #mLocation .box {margin-top:4%;}
    #mLocation .box .btn_box {width:325px;}
    #mLocation .box .info {width:calc(100% - 360px)}
    #mLocation .box .info dl {width:calc(50% - 20px)}
    #mLocation .box .info dl dt {font-size:1.125em;}
    #mLocation .box .info dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mLocation .map_box {border-radius:10px;}
    #mLocation .box {display:block;}
    #mLocation .box .btn_box {width:100%; justify-content:center;}
    #mLocation .box .btn_box a {margin:0 2px;}
    #mLocation .box .info {display:block; width:100%; margin-bottom:6%;}
    #mLocation .box .info:before {display:none;}
    #mLocation .box .info dl {width:100%; margin-bottom:3%;}
    #mLocation .box .info dl:last-child {margin-bottom:0;}
    #mLocation .box .info dl dt {font-size:1.125em;}
    #mLocation .box .info dl dd {font-size:1em; margin-top:5px;}
}


#mProcess {margin-top:100px; margin-bottom:100px;}
#mProcess .tit_box {display:flex; justify-content:space-between; align-items:end;}
#mProcess .tit_box .date {font-size:1.125em; font-weight:600;}
#mProcess .box {margin-top:40px;}
#mProcess .box > div {display:flex; background:#fff; border-radius:10px; box-shadow:5px 10px 20px rgba(25,25,25,0.05); overflow:hidden; margin-bottom:10px;}
#mProcess .box > div:last-child {margin-bottom:0;}
#mProcess .box > div .tit {display:flex; align-items:center; width:300px; background:#00ac59; font-size:1.25em; color:#fff; font-weight:700; padding:25px 30px;}
#mProcess .box > div .tit i {font-size:0.9em; margin-right:10px;}
#mProcess .box > div > div {width:calc(100% - 300px); padding:25px 40px;}
#mProcess .box > div > div .txt {font-size:1.25em; line-height:1.5em; font-weight:600;}
#mProcess .box > div > div ul {margin-top:15px;}
#mProcess .box > div > div ul li {font-size:1.125em; color:#666; line-height:1.66em; padding-left:19px; position:relative;}
#mProcess .box > div > div ul li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:13px;}
#mProcess .btn_box {display:flex; justify-content:end; width:100%; margin-top:60px;}
#mProcess .btn_box a {margin-right:5px;}
#mProcess .btn_box a:last-child {margin-right:0;}

@media screen and (max-width:1024px){
	#mProcess {margin-top:10%; margin-bottom:10%;}
	#mProcess .tit_box .date {font-size:1em;}
	#mProcess .box {margin-top:4%;}
	#mProcess .box > div .tit {width:200px; font-size:1.125em; padding:15px;}
	#mProcess .box > div .tit i {margin-right:5px;}
	#mProcess .box > div > div {width:calc(100% - 200px); padding:15px 20px;}
	#mProcess .box > div > div .txt {font-size:1.125em;}
	#mProcess .box > div > div ul {margin-top:5px;}
	#mProcess .box > div > div ul li {font-size:1em; padding-left:13px;}
	#mProcess .box > div > div ul li:before {width:3px; height:3px; top:10px;}
	#mProcess .btn_box {margin-top:6%;}
}

@media screen and (max-width:767px){
	#mProcess .tit_box {display:block;}
	#mProcess .tit_box .date {margin-top:1.5%;}
	#mProcess .box {margin-top:4%;}
	#mProcess .box > div {display:block; border-radius:5px;}
	#mProcess .box > div .tit {width:100%; padding:13px;}
	#mProcess .box > div > div {width:100%; padding:13px;}
	#mProcess .box > div > div .txt {font-size:1em;}
	#mProcess .box > div > div ul li {padding-left:10px;}
	#mProcess .box > div > div ul li:before {top:8px;}
}



/* sub */
#sub_content {margin:50px 0 100px;}
#sub_content > div {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;}

#page_cont {width:calc(100% - 340px);}
#page_cont2 {width:100%;}

.sub_title {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:50px;}
.sub_title h3 {font-size:2.18em; line-height:1.3em; font-weight:500; font-family:'S Dream';}
.sub_title h3.case2 {font-size:1.875em; font-weight:700; font-family:'Pretendard';}
.sub_title ul {display:flex; align-items:center;}
.sub_title ul li {font-size:1em; color:#666;}
.sub_title ul li:after {content:'\f105'; font-size:0.875em; color:#ddd; font-weight:400; font-family:'Font Awesome 6 Pro'; margin:0 10px;}
.sub_title ul li:last-child:after {display:none;}
.sub_title ul li.home {color:#191919;}

@media screen and (max-width:1220px){
	#page_cont {width:calc(100% - 300px);}
}

@media screen and (max-width:1024px){
	#sub_content > div {display:block;}
	#sub_content {margin:0 0 10%;}

	#page_cont {width:100%; margin-top:5%;}
	#page_cont2 {margin-top:5%;}

	.sub_title {padding-bottom:2%; margin-bottom:5%;}
	.sub_title h3 {font-size:1.7em;}
	.sub_title h3.case2 {font-size:1.5em;}
	.sub_title ul li {font-size:0.9375em;}
}

@media screen and (max-width:767px){
	.sub_title h3 {font-size:1.5em;}
	.sub_title h3.case2 {font-size:1.3em;}
	.sub_title ul li:after {margin:0 6px;}
}

.sub_menu_wrap {width:270px;}
.sub_menu_wrap h2 {display:flex; align-items:center; width:100%; min-height:80px; background:#00ac59; border-radius:10px 10px 0 0; font-size:1.5em; color:#fff; font-weight:500; font-family:'S Dream'; padding:10px 30px;}
.sub_menu_wrap button {display:none;}
.sub_menu_wrap ul {width:100%; border:1px solid #ddd; border-top:0; border-radius:0 0 10px 10px; padding:30px;}
.sub_menu_wrap ul li a {display:block; width:100%; border-bottom:1px solid #ddd; font-size:1.125em; color:#666; padding:15px 0;}
.sub_menu_wrap ul li:last-child a {border-bottom:0;}
.sub_menu_wrap ul li.on a {color:#00ac59; font-weight:700;}

@media screen and (min-width:1025px){
	.sub_menu_wrap {position:sticky; left:0; top:180px;}
	.sub_menu_wrap ul {display:block !important;}
	.sub_menu_wrap ul li:first-child a {padding-top:0;}
	.sub_menu_wrap ul li:last-child a {padding-bottom:0;}
}

@media screen and (max-width:1024px){
	.sub_menu_wrap {width:calc(100% + 12vw); margin-left:-6vw; position:relative; z-index:30;}
	.sub_menu_wrap h2 {display:none;}
	.sub_menu_wrap button {display:block; width:100%; height:42px; border-bottom:1px solid #ddd; font-size:1.125em; font-weight:500; text-align:left; padding:0 6%; position:relative;}
	.sub_menu_wrap button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:6%; top:50%; transform:translateY(-50%);}
	.sub_menu_wrap button.on:after {content:'\f106'}
	.sub_menu_wrap ul {display:none; background:#f8f9fc; border-radius:0; position:absolute; left:0; top:100%; padding:0;}
	.sub_menu_wrap ul li a {font-size:1em; padding:12px 6%;}
	.sub_menu_wrap button.on + ul {display:block;}
}

@media screen and (max-width:767px){
	.sub_menu_wrap button {height:38px; font-size:1em;}
}


.sub_img_box1 {text-align:center;}
.sub_img_box1 img {max-width:100%;}

.sub_table_box1 table {width:100%; border-top:2px solid #191919;}
.sub_table_box1 thead th {background:#f8f9fc; font-size:1.125em; font-weight:600; padding:20px 5px;}
.sub_table_box1 tbody th {font-size:1.125em; font-weight:600; padding:15px 5px; border-bottom:1px solid #ddd;}
.sub_table_box1 tbody td {font-size:1.125em; color:#666; text-align:center; padding:15px; border-bottom:1px solid #ddd;}
.sub_table_box1 tbody td a {display:block; width:130px; line-height:49px; background:#00ac59; border-radius:5px; font-size:1em; color:#fff; font-weight:600;}

@media screen and (max-width:1024px){
	.sub_table_box1 thead th {font-size:1em; padding:10px 5px;}
	.sub_table_box1 tbody th {font-size:1em; padding:10px;}
	.sub_table_box1 tbody td {font-size:1em; padding:10px;}
	.sub_table_box1 tbody td a {width:100px; line-height:40px;}
}

@media screen and (max-width:767px){
	.sub_table_box1 tbody td a {width:65px; line-height:32px;}
	.sub_table_box1 tbody td a span {display:none;}
}


.sSchedule_case1 img {max-width:100%;}


.sYearschedule_case1.sub_table_box1 thead th:nth-child(1) {width:90px;}
.sYearschedule_case1.sub_table_box1 thead th:nth-child(4) {width:200px;}

@media screen and (max-width:1024px){	
	.sYearschedule_case1.sub_table_box1 thead th:nth-child(1) {width:55px;}
	.sYearschedule_case1.sub_table_box1 thead th:nth-child(4) {width:120px;}
}

@media screen and (max-width:767px){	
	.sYearschedule_case1.sub_table_box1 thead th:nth-child(1) {width:50px;}
	.sYearschedule_case1.sub_table_box1 thead th:nth-child(4) {width:80px;}
}



.sLocation_case1 .map_box {width:100%; height:500px; border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.sLocation_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 .info_box {position:relative; margin-top:30px;}
.sLocation_case1 .info_box .add {font-size:1.5em; line-height:1.45em; font-weight:600; padding-right:400px;}
.sLocation_case1 .info_box .btn_box {display:flex; justify-content:space-between; width:394px; position:absolute; right:0; top:0;}
.sLocation_case1 .info_box .btn_box .naver {background:#00c73c; border-color:#00c73c; color:#fff;}
.sLocation_case1 .info_box .btn_box .kakao {background:#fae100; border-color:#fae100; color:#191919;}
.sLocation_case1 .info_box .info {display:flex; justify-content:space-between; width:100%; max-width:680px; position:relative; margin-top:50px;}
.sLocation_case1 .info_box .info:before {content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
.sLocation_case1 .info_box .info dl {width:calc(50% - 40px)}
.sLocation_case1 .info_box .info dl dt {font-size:1.125em; font-weight:600;}
.sLocation_case1 .info_box .info dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px; word-break:normal;}

@media screen and (max-width:1024px){
	.sLocation_case1 .map_box {height:400px;}
	.sLocation_case1 .info_box {margin-top:4%;}
	.sLocation_case1 .info_box .add {font-size:1.3em; padding-right:330px;}
    .sLocation_case1 .info_box .btn_box {width:325px;}
	.sLocation_case1 .info_box .info {max-width:100%; margin-top:5%;}
    .sLocation_case1 .info_box .info dl {width:calc(50% - 20px)}
    .sLocation_case1 .info_box .info dl dt {font-size:1em;}
    .sLocation_case1 .info_box .info dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.sLocation_case1 .map_box {height:220px; border-radius:10px;}
	.sLocation_case1 .info_box .add {font-size:1.2em; padding-right:0;}
    .sLocation_case1 .info_box .btn_box {width:100%; justify-content:center; position:relative; margin-top:5%;}
	.sLocation_case1 .info_box .btn_box a {margin:0 2px;}
	.sLocation_case1 .info_box .info {display:block;}
	.sLocation_case1 .info_box .info {display:block; width:100%; margin-bottom:6%;}
	.sLocation_case1 .info_box .info:before {display:none;}
	.sLocation_case1 .info_box .info dl {width:100%; margin-bottom:3%;}
	.sLocation_case1 .info_box .info dl:last-child {margin-bottom:0;}
}


.sBenefit_case1 {text-align:center;}
.sBenefit_case1 img {max-width:100%;}
.sBenefit_case1 .job_btn1 {margin:30px auto 0;}


/* form */
.check_box input {display:none;}
.check_box label {display:inline-block; position:relative; padding-left:24px;}
.check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #ddd; border-radius:5px; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.check_box label span {font-size:1em; color:#666; line-height:24px; padding-left:8px;}
.check_box input:checked + label:before {content:'\f00c'; background:#00ac59; border-color:#00ac59;}

.radio_wrap {display:flex; align-items:start; flex-wrap:wrap;}
.radio_wrap .radio_box {margin:2px 10px 2px 0;}
.radio_wrap .radio_box:last-child {margin-right:0;}
.radio_box input {display:none;}
.radio_box label {display:inline-block; position:relative; padding-left:24px;}
.radio_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #ddd; border-radius:50%; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.radio_box label span {font-size:1em; color:#666; line-height:24px; padding-left:8px;}
.radio_box input:checked + label:before {content:'\f00c'; background:#00ac59; border-color:#00ac59;}
.radio_box input:disabled + label:before {background:#f8f9fc;}

.form_select {display:block; height:49px; border:1px solid #ddd; border-radius:5px; font-size:1em; color:#666; padding:0 15px; background:url(/images/icon_select_arrow.svg) no-repeat calc(100% - 10px); center; background-size:10px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.form_text {display:block; height:49px; border:1px solid #ddd; border-radius:5px; font-size:1em; color:#666; padding:0 15px;}
.form_text::placeholder {color:#a4a4a4;}
.form_text::-webkit-input-placeholder {color:#a4a4a4;}
.form_text:-ms-input-placeholder {color:#a4a4a4;}

.form_textarea {display:block; border:1px solid #ddd; border-radius:5px; font-size:1em; color:#666; padding:15px; resize:none;}
.form_textarea::placeholder {color:#a4a4a4;}
.form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.form_textarea:-ms-input-placeholder {color:#a4a4a4;}

@media screen and (max-width:1024px){
	.form_select {height:40px; padding:0 10px;}

	.form_text {height:40px; padding:0 10px;}

	.form_textarea {padding:10px;}
}

@media screen and (max-width:767px){
	.check_box label {padding-left:20px;}
	.check_box label:before {width:20px; height:20px;}
	.check_box label span {line-height:20px;}
	
	.radio_box label {padding-left:20px;}
	.radio_box label:before {width:20px; height:20px;}
	.radio_box label span {line-height:20px;}

	.form_select {height:35px; padding:0 5px;}

	.form_text {height:35px; padding:0 5px;}

	.form_textarea {padding:5px;}
}


.license_wrap .btn_box {display:flex; flex-wrap:wrap; width:100%;}
.license_wrap .btn_box li {margin:0 5px 5px 0;}
.license_wrap .btn_box li:last-child {margin-right:0;}
.license_wrap .btn_box li button {display:block; min-width:170px; height:49px; background:#f8f9fc; border:1px solid #ddd; border-radius:5px; font-size:1em; font-weight:600; text-align:left; padding:0 30px 0 15px; position:relative;}
.license_wrap .btn_box li button:after {content:'\2b'; font-size:0.875rem; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
.license_wrap .btn_box li button:hover {background:#00ac59; border-color:#00ac59; color:#fff;}
.license_wrap .btn_box li a {display:flex; align-items:center; min-width:224px; height:49px; background:#f8f9fc; border:1px solid #ddd; border-radius:5px; font-size:1em; font-weight:600; text-align:left; padding:0 30px 0 15px; position:relative;}
.license_wrap .btn_box li a:after {content:'\e094'; font-size:0.875rem; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
.license_wrap .btn_box li a:hover {background:#00ac59; border-color:#00ac59; color:#fff;}
.license_wrap .list_box {display:flex; flex-wrap:wrap; width:100%;}
.license_wrap .list_box li {display:flex; align-items:center; height:49px; border:1px solid #ddd; border-radius:5px; font-size:1em; color:#666; margin:5px 5px 0 0; padding-left:15px;}
.license_wrap .list_box li .remove_btn {display:block; width:40px; height:100%;}
.license_wrap .list_box li .remove_btn:after {content:'\f00d'; font-size:0.875rem; color:#a4a4a4; font-weight:400; font-family:'Font Awesome 6 Pro';}

@media screen and (max-width:1024px){
	.license_wrap .btn_box li button {min-width:140px; height:40px; padding-left:10px;}
	.license_wrap .btn_box li button:after {right:10px;}
	.license_wrap .btn_box li a {min-width:140px; height:40px; padding-left:10px;}
	.license_wrap .btn_box li a:after {right:10px;}
	.license_wrap .list_box li {height:40px; padding-left:10px;}
}

@media screen and (max-width:1024px){
	.license_wrap .btn_box li button {min-width:100px; height:35px; padding-left:5px;}
	.license_wrap .btn_box li button:after {right:5px;}
	.license_wrap .btn_box li a {min-width:100px; height:35px; padding-left:5px;}
	.license_wrap .btn_box li a:after {right:5px;}
	.license_wrap .list_box li {height:35px; padding-left:5px;}
	.license_wrap .list_box li .remove_btn {width:25px;}
}



.sub_form_wrap table {width:100%; border-top:2px solid #191919;}
.sub_form_wrap table tbody th {width:150px; background:#f8f9fc; font-size:1.125em; font-weight:600; text-align:center; padding:20px 10px; border-bottom:1px solid #ddd;}
.sub_form_wrap table tbody td {font-size:1.125em; padding:20px; border-bottom:1px solid #ddd;}
.sub_form_wrap table tbody td .form_text, .sub_form_wrap table tbody td .form_textarea, .sub_form_wrap table tbody td .form_select {width:100%;}
.sub_form_wrap table tbody td .file_txt {font-size:1em; color:#00ac59; font-weight:600; margin-bottom:15px;}

.sub_form_wrap2 {display:flex; justify-content:space-between; flex-wrap:start; flex-wrap:wrap; width:100%;}
.sub_form_wrap2 .calendar {width:400px;}
.sub_form_wrap2 .info {width:calc(100% - 470px);}
.sub_form_wrap2 .title {font-size:1.5em; font-weight:600; padding-bottom:15px; margin-bottom:30px; border-bottom:2px solid #191919;}
.sub_form_wrap2 .title span {font-size:0.66em; color:#00ac59;}
.sub_form_wrap2 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub_form_wrap2 .form_box > li {width:calc(50% - 7.5px);}
.sub_form_wrap2 .form_box > li:nth-child(2) ~ li {margin-top:20px;}
.sub_form_wrap2 .form_box > li > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:10px;}
.sub_form_wrap2 .form_box > li .form_text, .sub_form_wrap2 .form_box > li .form_select {width:100%;}
.sub_form_wrap2 .fc-daygrid-day.on {background:#00ac59; color:#fff;}
.sub_form_wrap2 .fc-daygrid-day.on a {color:#fff;}

.phone_wrap {display:flex; align-items:center;}
.phone_wrap span {display:block; width:20px; text-align:center;}
.phone_wrap .form_text, .phone_wrap .form_select {max-width:calc(33.33% - 13.33px);}

.email_wrap {display:flex; align-items:center;}
.email_wrap span {display:block; width:25px; text-align:center;}
.email_wrap .form_text {max-width:calc(33.33% - 10px);}
.email_wrap .form_select {max-width:calc(33.33% - 10px); margin-left:5px;}

.birth_wrap {display:flex; justify-content:space-between;}
.birth_wrap .form_select {max-width:calc(33.33% - 3.33px);}

.bank_wrap {display:flex; justify-content:space-between;}
.bank_wrap .form_select {max-width:calc(30% - 5px);}
.bank_wrap .form_text {max-width:70%;}

.file_wrap > div {display:flex; justify-content:space-between; position:relative; margin-bottom:5px;}
.file_wrap > div:last-child {margin-bottom:0;}
.file_wrap > div input[type="file"] {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0;}
.file_wrap > div input[type="text"] {max-width:calc(100% - 135px);}
.file_wrap > div button {display:block; width:130px; height:49px; background:#191919; border:0; border-radius:5px; font-size:1em; color:#fff; font-weight:600;}


.sub_privacy_wrap .tit {font-size:1.125em; font-weight:600; margin-bottom:15px;}
.sub_privacy_wrap > div {width:100%; max-height:200px; background:#f8f9fc; border-radius:5px; overflow-y:auto; padding:30px;}
.sub_privacy_wrap > div p {font-size:1.125em; color:#666; line-height:1.55em;}

@media screen and (max-width:1220px){
	.sub_form_wrap2 .info {width:calc(100% - 430px);}
}

@media screen and (max-width:1024px){
	.sub_form_wrap table tbody th {width:120px; font-size:1em; padding:10px;}
	.sub_form_wrap table tbody td {font-size:1em; padding:10px;}
	.sub_form_wrap table tbody td .file_txt {margin-bottom:5px;}

	.sub_form_wrap2 .calendar {width:100%;}
	.sub_form_wrap2 .info {width:100%; margin-top:8%;}
	.sub_form_wrap2 .title {font-size:1.3em; padding-bottom:10px; margin-bottom:15px;}
	.sub_form_wrap2 .form_box > li {width:calc(50% - 5px);}
	.sub_form_wrap2 .form_box > li > label {font-size:1em; margin-bottom:5px;}

	.phone_wrap span {width:15px;}
	.phone_wrap .form_text, .phone_wrap .form_select {max-width:calc(33.33% - 10px);}
	
	.file_wrap > div input[type="text"] {max-width:calc(100% - 105px);}
	.file_wrap > div button {width:100px; height:40px;}

	.sub_privacy_wrap .tit {margin-bottom:10px}
	.sub_privacy_wrap > div {padding:15px;}
	.sub_privacy_wrap > div p {font-size:1em;}
}

@media screen and (max-width:1024px){
	.sub_form_wrap table, .sub_form_wrap table tbody {display:block; width:100%;}
	.sub_form_wrap table tr {display:flex; flex-wrap:wrap; width:100%;}
	.sub_form_wrap table tbody th {display:flex; justify-content:center; align-items:center; width:85px; padding:8px;}
	.sub_form_wrap table tbody td {width:calc(100% - 85px); padding:8px;}
	
	.sub_form_wrap2 .title span {display:block; margin-top:2px;}
	.sub_form_wrap2 .form_box > li {width:100%;}
	.sub_form_wrap2 .form_box > li:nth-child(1) ~ li {margin-top:15px;}
	
	.file_wrap > div input[type="text"] {max-width:calc(100% - 85px);}
	.file_wrap > div button {width:80px; height:35px;}
}


/* modal_popup */
.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.5); position:fixed; left:0; top:0; z-index:500;}
.modal_popup.active {display:flex;}
.modal_inner {width:88%; max-width:495px; background:#fff; border-radius:10px; box-shadow:5px 5px 10px rgba(25,25,25,0.1); padding:30px; position:relative;}
.modal_inner .close_btn {font-size:1.5em; position:absolute; right:20px; top:15px;}
.modal_inner .close_btn:after {content:'\f00d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro';}
.modal_inner .title {font-size:1.5em; font-weight:600; margin-bottom:15px;}
.modal_inner .license_box {display:flex; justify-content:space-between;}
.modal_inner .license_box input {width:calc(100% - 135px);}
.modal_inner .license_box button {display:block; width:130px; height:49px; background:#191919; border:0; border-radius:5px; font-size:1em; color:#fff; font-weight:600;}

@media screen and (max-width:1024px){
	.modal_inner {padding:15px;}
	.modal_inner .title {font-size:1.3em; margin-bottom:10px;}
	.modal_inner .license_box input {width:calc(100% - 105px);}
	.modal_inner .license_box button {width:100px; height:40px;}
}

@media screen and (max-width:767px){
	.modal_inner .license_box input {width:calc(100% - 85px);}
	.modal_inner .license_box button {width:80px; height:35px;}
}


.benefit_view_wrap {width:100%; background:#eafbd6; position:relative; text-align:center;}
.benefit_view_wrap img {display:block; padding-top:70px; max-width:100%; margin:0 auto;}
.benefit_view_wrap a {display:flex; justify-content:center; align-items:center; width:100%; max-width:1200px; height:74px; background:#00ac59; border-radius:20px 20px 0 0; font-size:1.75em; color:#fff; font-weight:700; text-align:center; box-shadow:5px 10px 20px rgba(25,25,25,0.05); margin:70px auto 0; position:sticky; left:0; bottom:0;}
.benefit_view_wrap a:after {content:'\f105'; display:block; width:24px; line-height:24px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:0.5em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:15px;}

@media screen and (max-width:1024px){
	.benefit_view_wrap img {padding-top:40px;}
	.benefit_view_wrap a {height:60px; font-size:1.5em;}
	.benefit_view_wrap a:after {width:20px; line-height:20px; margin-left:10px;}
}

@media screen and (max-width:767px){
	.benefit_view_wrap a {height:45px; font-size:1.125em; border-radius:10px 10px 0 0;}
	.benefit_view_wrap a:after {width:18px; line-height:18px; font-size:0.7em;}
}