@charset "UTF-8"; @media screen and (min-width: 768px),print {

.anklink,#link01{display: block;padding-top: 120px;margin-top: -120px;transition: none;}

/* qa -------------------------------------*/
#faq .catelist{margin-bottom: -50px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1100px;margin: 6rem auto -5px auto;position: relative;z-index: 3;}
#faq .catelist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 8.3rem 5vw 0;margin: 0 auto 50px;position: relative;width: 100%;max-width: 1290px;}
#faq .catelist li {position: relative;margin-right: 2rem;margin-bottom: 2rem;}
#faq .catelist li a {font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;display: inline-block;border: 1px solid #6594CB;border-radius: 36px;color: #6594CB;padding: 0.9rem 3.5rem 0.9rem 1.9rem;background: #fff;}
#faq .catelist li a .arr{transform-origin: center;position: absolute;top: 0.3rem;right: 1.8rem;transition: all 0.3s ease-in-out;}
#faq .catelist li a:hover .arr{ top: 0.8rem; }
#faq .catelist li a .arr img{ width: 1.1rem; }
#faq .catelist li a:hover {  }
#faq .catelist li p.ltext { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }

#faqcontents{margin: 0 auto 19.3rem;padding: 0 5vw;max-width: 1290px;}
#faqcontents .inner-Box{  }
#faqcontents .inner-Box h3{background: #6594CB;color: #fff;border-radius: 1rem;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding: 1.5rem;margin-bottom: 2rem;}

#qacontents{max-width: 1180px;margin: 0 auto 120px;padding: 0 4rem;}
#qacontents .inner-Box{  }
#qacontents .inner-Box h2{margin-top: 50px;font-size: 1.8rem;font-weight: 500;padding: 0px 10px 2px 15px;margin-bottom: 40px;color: #fff;border-left: #fff solid 4px;border-bottom: 1px solid #fff;}
#qacontents .inner-Box h2 span{font-size: 16px;position: relative;top: -5px;color: #ccc;font-weight: 500;display: inline-block;margin-right: 10px;}

#faq .accordion {margin: 3em auto; max-width: 60vw; }
#faq .toggle {display: none; }
#faq .option {position: relative;margin-bottom: 1em;background: #FFFFFF;border-radius: 1rem;margin-bottom: 20px;border: 1px solid #6594CB;}
#faq .option::before{display: block;background: #1788A0;width: 3.3rem;height: 3.3rem;position: absolute;top: 2.2rem;right: 2.9rem;border-radius: 50%;}
#faq .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faq .title {padding: 2.5rem 7rem 2.6rem 7rem;display: block;color: #00331D;font-size: 1.8rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#faq .title span{color: #6594CB;position: absolute;top: 2.5rem;left: 2.8rem;font-size: 2.3rem;line-height: 1.217;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#faq .title::after, .title::before {content: "";position: absolute;right: 2.45em;top: 1.85em;width: 0.2rem;height: 1.4rem;background-color: #6594CB;transition: all 0.3s;}
#faq .title::after {transform: rotate(90deg); }
#faq .content {max-height: 0; overflow: hidden; }
#faq .content .inbox{padding: 0.7rem 3.9rem 0.3rem 6.9rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#faq .content .inbox span.f-en{color: #DD8B8B;position: absolute;top: 1rem;left: 2.8rem;font-size: 2.3rem;line-height: 1.217;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#faq .content div.wysiwyg {margin: 0 3rem 3rem;padding: 2rem 3rem 0.1rem;font-size: 0.9em;line-height: 1.5;background: #F6F4F1;border-radius: 10px;}
#faq .toggle:checked + .title + .content {max-height: 500px; transition: all 1.5s; }
#faq .toggle:checked + .title::before {transform: rotate(90deg) !important; }

.recruit-back-contents{padding-bottom: 390px;}
.pagelink{text-align: right;margin: 2.8rem 0 6.8rem;}
.pagelink a{text-decoration: underline;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: right;text-decoration: underline;position: relative;display: inline-block;padding: 0 2rem 0 0;}
.pagelink .arr{transform: rotate(270deg);transform-origin: center;position: absolute;top: -0.1rem;right: 0rem;transition: all 0.3s ease-in-out;}
.pagelink a:hover .arr{ top: -0.5rem;}
.pagelink img{-webkit-filter: brightness(0);filter: brightness(0);width: 1.5rem;}

}

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

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

.anklink,#link01{display: block;padding-top: 32.0vw;margin-top: -32.0vw;transition: none;}

/* qa -------------------------------------*/
#faq .catelist{margin-bottom: 0vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 6rem auto 0vw auto;position: relative;z-index: 3;}
#faq .catelist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 4.6vw 0vw 0vw 5.5vw;margin: 0 auto 5.13vw;position: relative;width: 100%;}
#faq .catelist li {position: relative;margin-right: 2.7vw;margin-bottom: 2.9vw;}
#faq .catelist li a {display: inline-block;border: 1px solid #6594CB;border-radius: 9.6vw;color: #6594CB;padding: 2vw 9.5vw 2vw 5vw;background: #fff;font-size: 3.2vw;line-height: 1.75;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#faq .catelist li a .arr{transform-origin: center;position: absolute;top: 0.9vw;right: 5vw;transition: all 0.3s ease-in-out;}
#faq .catelist li a .arr img{width: 2.6vw;}
#faq .catelist li p.ltext { font-size: 4.27vw; line-height: 2; font-weight: 400; letter-spacing: 0.43vw; margin-bottom: 8.0vw; position: relative; }

#faqcontents{margin: 0 auto 28.6vw;padding: 0 5.2vw;}
#faqcontents .inner-Box{  }
#faqcontents .inner-Box h3{background: #6594CB;color: #fff;border-radius: 2.7vw;padding: 3.3vw 4.3vw;margin-bottom: 4.1vw;font-size: 4.27vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#qacontents{margin: 0 auto 32.0vw;padding: 0 4rem;}
#qacontents .inner-Box{  }
#qacontents .inner-Box h2{margin-top: 13.33vw;font-size: 4.8vw;font-weight: 500;padding: 0.0vw 2.67vw 0.53vw 4.0vw;margin-bottom: 10.67vw;color: #fff;border-left: #fff solid 1.07vw;border-bottom: 0.27vw solid #fff;}
#qacontents .inner-Box h2 span{font-size: 4.27vw;position: relative;top: 0vw;color: #ccc;font-weight: 500;display: inline-block;margin-right: 2.67vw;}

#faq .accordion {margin: 3em auto; max-width: 60vw; }
#faq .toggle {display: none; }
#faq .option {position: relative;background: #FFFFFF;border-radius: 2.9vw;margin-bottom: 4.13vw;border: 0.27vw solid #6594CB;padding-bottom: 1.7vw;}
#faq .option::before{display: block;background: #1788A0;width: 3.3rem;height: 3.3rem;position: absolute;top: 2.2rem;right: 2.9rem;border-radius: 50%;}
#faq .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faq .title {padding: 4.8vw 12vw 2.6vw 12.9vw;display: block;font-size: 4.27vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#faq .title span{color: #6594CB;position: absolute;top: 5.6vw;left: 5.3vw;font-size: 4.27vw;line-height: 1.1875;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#faq .title::after, .title::before {content: "";position: absolute;right: 6.85vw;top: 8.05vw;width: 0.4vw;height: 4.1vw;background-color: #6594CB;transition: all 0.3s;}
#faq .title::after {transform: rotate(90deg); }
#faq .content {max-height: 0; overflow: hidden; }
#faq .content .inbox{padding: 0vw 5vw 0vw 12.7vw;position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#faq .content .inbox span.f-en{color: #DD8B8B;position: absolute;top: 1vw;left: 5.2vw;font-size: 4.27vw;line-height: 1.1875;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#faq .content div.wysiwyg {margin: 0 3rem 3rem;padding: 2rem 3rem 0.1rem;font-size: 0.9em;line-height: 1.5;background: #F6F4F1;border-radius: 2.67vw;}
#faq .toggle:checked + .title + .content {max-height: 400vw; transition: all 1.5s; }
#faq .toggle:checked + .title::before {transform: rotate(90deg) !important; }

.recruit-back-contents{padding-bottom: 0vw;}
.pagelink{text-align: right;margin: 5.6vw 0 12.7vw;}
.pagelink a{text-decoration: underline;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: right;text-decoration: underline;position: relative;display: inline-block;padding: 0 5.8vw 0 0;}
.pagelink .arr{transform: rotate(270deg);transform-origin: center;position: absolute;top: -0.4vw;right: 0.8vw;transition: all 0.3s ease-in-out;}
.pagelink img{-webkit-filter: brightness(0);filter: brightness(0);width: 3.6vw;}




}