#wrap { min-width: 320px; padding: 0 16px; background: #e9e9e9; overflow: hidden; }

.inner { max-width: 820px; margin-right: auto; margin-left: auto; }

header { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; padding: 0 16px; background: rgba(233, 233, 233, 0.9); }

header .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 0; }

header .logo { -ms-flex-negative: 0; flex-shrink: 0; width: 90px; height: 15px; background: url("../img/logo_text.svg") no-repeat; background-size: contain; }

header .logo span { position: absolute; top: -99999px; left: -99999px; z-index: -99999; width: 1px; height: 1px; overflow: hidden; }

header nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

header nav button { font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.7px; color: #000; padding: 4px 14px 5px 14px; border-radius: 15px; }

header nav button:hover { color: #FFF; background: #000; }

@media all and (max-width: 620px) { header { position: relative; padding: 0; margin-bottom: -30px; }
  header .inner { padding: 15px 0 0 0; }
  header nav { display: none; } }

@media all and (min-width: 621px) and (max-width: 715px) { header .inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media all and (min-width: 716px) { header .logo { margin-right: 100px; } }

@media all and (max-width: 620px) { footer .inner { padding: 20px 0 40px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  footer .logo { height: 15px; }
  footer .addr { font-size: 11px; width: 193px; margin: 15px auto 11px auto; }
  footer .addr span { display: block; text-align: left; } }

@media all and (min-width: 621px) { footer .inner { padding: 43px 0 60px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; }
  footer .logo { -ms-flex-negative: 0; flex-shrink: 0; width: 99px; height: 17px; margin-right: 43px; }
  footer .addr { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 13px; }
  footer .addr span:not(:first-child):before { content: ""; display: inline-block; vertical-align: middle; margin: -2px 12px 0 12px; width: 1px; height: 15px; background: #000; }
  footer .copyright { -ms-flex-negative: 0; flex-shrink: 0; } }

footer .inner { border-top: solid 1px #CCC; display: -webkit-box; display: -ms-flexbox; display: flex; }

footer .logo { background: url("../img/logo_text.svg") no-repeat center; background-size: contain; }

footer .logo span { position: absolute; top: -99999px; left: -99999px; z-index: -99999; width: 1px; height: 1px; overflow: hidden; }

footer .addr { font-weight: bold; line-height: normal; letter-spacing: normal; color: #000; }

footer .addr em { opacity: 0.5; margin-left: 12px; }

footer .addr em a { color: inherit; }

footer .copyright { font-size: 10px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #000; opacity: 0.22; }

h1 { position: absolute; top: -99999px; left: -99999px; z-index: -99999; width: 1px; height: 1px; overflow: hidden; }

h2 .eng { display: block; font-size: 0; }

h2 .eng img { width: 100%; max-width: 480px; }

h2 .txt { display: block; font-weight: bold; line-height: 1.5; letter-spacing: normal; color: #000; }

@media all and (max-width: 620px) { h2 .txt { font-size: 14px; } }

@media all and (min-width: 621px) { h2 .txt { font-size: 16px; } }

.visual { padding-top: 66px; }

.visual .img img { width: 100%; }

.overview { padding-top: 30px; }

@media all and (max-width: 620px) { .overview { padding-bottom: 60px; } }

@media all and (min-width: 621px) { .overview { padding-bottom: 84px; } }

.overview .img { margin-top: 10px; }

.overview .img img { width: 100%; }

.interview { padding-top: 30px; }

@media all and (max-width: 620px) { .interview { padding-bottom: 60px; } }

@media all and (min-width: 621px) { .interview { padding-bottom: 84px; } }

.interview h2 .txt:after { content: ""; display: block; width: 1px; height: 43px; background: #CCC; margin: 10px auto 0 auto; }

.interview_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 869px) { .interview_wrap li { width: 226px !important; } }

@media all and (min-width: 870px) { .interview_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 22px 28px; width: 782px; margin-right: auto; margin-left: auto; }
  .interview_wrap li { width: 242px; } }

.interview_wrap li { position: relative; }

.interview_wrap li:hover .talk { z-index: 1; -webkit-animation: cardUp 0.3s ease-out 0s 1 normal none; animation: cardUp 0.3s ease-out 0s 1 normal none; }

@-webkit-keyframes cardUp { 0% { -webkit-transform: translateY(10%); transform: translateY(10%);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes cardUp { 0% { -webkit-transform: translateY(10%); transform: translateY(10%);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

.interview_wrap .pic { position: relative; width: 100%; height: 100%; }

.interview_wrap .pic:after { content: ""; position: absolute; top: 20px; left: 14px; width: 35px; height: 15px; background: url("../img/logo.svg") no-repeat left top; background-size: contain; }

.interview_wrap .pic .flag { top: 17px; right: 14px; }

.interview_wrap .pic img { width: 100%; }

.interview_wrap .talk { position: absolute; top: -4px; left: 10px; width: 100%; height: 100%; border-radius: 30px; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); opacity: 0.96; background-image: -webkit-gradient(linear, left top, left bottom, from(#dc4f45), to(#ae1f1f)); background-image: linear-gradient(to bottom, #dc4f45, #ae1f1f); }

.interview_wrap .talk .flag { top: 20px; right: 24px; }

.interview_wrap .talk .flag .biz { color: #FFF; opacity: 0.6; }

.interview_wrap .talk .flag .name { color: #FFF; }

.interview_wrap .flag { position: absolute; text-align: right; }

.interview_wrap .flag .biz { display: block; font-size: 14px; font-weight: bold; letter-spacing: -0.7px; }

.interview_wrap .flag .name { display: block; font-size: 20px; font-weight: 900; letter-spacing: -1px; margin-top: -3px; }

.interview_wrap .img img { border-radius: 30px; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }

.interview_wrap .txt { display: block; height: 100%; padding: 98px 25px 0 34px; font-family: 'Noto Serif KR', serif; font-size: 14px; line-height: 1.5; letter-spacing: -0.7px; text-align: left; color: #fff; font-weight: 400; opacity: 0.8; background: url("../img/mark_interview.png") no-repeat 34px 43px, url("../img/arr_link.png") no-repeat right 28px bottom 28px; }

.interview_wrap .card1 .pic .flag .biz, .interview_wrap .card4 .pic .flag .biz { color: #9a9a9a; }

.interview_wrap .card1 .pic .flag .name, .interview_wrap .card4 .pic .flag .name { color: #000; }

.interview_wrap .card2 .pic .flag .biz, .interview_wrap .card3 .pic .flag .biz, .interview_wrap .card5 .pic .flag .biz, .interview_wrap .card6 .pic .flag .biz { color: #FFF; opacity: 0.6; }

.interview_wrap .card2 .pic .flag .name, .interview_wrap .card3 .pic .flag .name, .interview_wrap .card5 .pic .flag .name, .interview_wrap .card6 .pic .flag .name { color: #FFF; }

.mozip .copy1, .apply .copy1 { font-weight: bold; line-height: 1.45; letter-spacing: -1.7px; color: #000; }

@media all and (max-width: 620px) { .mozip .copy1, .apply .copy1 { font-size: 22px; } }

@media all and (min-width: 621px) { .mozip .copy1, .apply .copy1 { font-size: 34px; } }

.mozip .copy2, .apply .copy2 { font-weight: bold; line-height: 1.47; letter-spacing: -0.68px; color: #000; }

@media all and (max-width: 620px) { .mozip .copy2, .apply .copy2 { font-size: 12px; } }

@media all and (min-width: 621px) { .mozip .copy2, .apply .copy2 { font-size: 15px; } }

.mozip .copy2 span, .apply .copy2 span { white-space: nowrap; }

.mozip { padding-top: 30px; }

@media all and (max-width: 620px) { .mozip { padding-bottom: 60px; }
  .mozip .tit { font-size: 14px; } }

@media all and (min-width: 621px) { .mozip { padding-bottom: 84px; }
  .mozip .tit { font-size: 23px; } }

.mozip .tit { font-weight: bold; line-height: 1.5; letter-spacing: -0.92px; color: #d60812; }

.mozip .copy1 { margin-top: 3px; }

.mozip .copy2 { margin-top: 3px; }

.mozip .copy2 span:last-child { display: block; }

.mozip .copy2:after { content: ""; display: block; width: 1px; height: 43px; background: #CCC; margin: 10px auto 0 auto; }

.mozip_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 869px) { .mozip_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .mozip_wrap + .mozip_wrap { margin-top: 62px; }
  .mozip_wrap .cont { margin-top: 30px; }
  .mozip_wrap h3 .no img { height: 40px; }
  .mozip_wrap h3 .txt { font-size: 20px; } }

@media all and (min-width: 870px) { .mozip_wrap { padding: 0 36px; margin-top: 20px; }
  .mozip_wrap + .mozip_wrap { margin-top: 74px; }
  .mozip_wrap .subj { -ms-flex-negative: 0; flex-shrink: 0; width: 128px; }
  .mozip_wrap .cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .mozip_wrap h3 .txt { font-size: 25px; } }

.mozip_wrap .subj { text-align: left; }

.mozip_wrap h3 .no { display: block; }

.mozip_wrap h3 .txt { display: block; font-weight: bold; line-height: 1.5; letter-spacing: -1.13px; color: #000; margin-top: -7px; }

.mozip_wrap table { width: 100%; }

.mozip_wrap table .flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 620px) { .mozip_wrap table .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .mozip_wrap table .flex em:last-child { opacity: 0.6; } }

@media all and (min-width: 621px) { .mozip_wrap table .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .mozip_wrap table .flex em:first-child { width: 25%; }
  .mozip_wrap table .flex em:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.mozip_wrap table .bt a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 35px; padding-bottom: 1px; border-radius: 6px; border: solid 2px #d60812; font-size: 12px; font-weight: bold; letter-spacing: normal; color: #d60812; }

.mozip_wrap tbody tr:nth-child(2n) { background: #dfdfdf; }

.mozip_wrap th, .mozip_wrap td { padding: 7px 5px 8px 5px; font-size: 12px; font-weight: 900; line-height: 1.83; letter-spacing: -0.54px; }

.mozip_wrap th:first-child, .mozip_wrap td:first-child { border-radius: 5px 0 0 5px; }

.mozip_wrap th:last-child, .mozip_wrap td:last-child { border-radius: 0 5px 5px 0; }

.mozip_wrap th { background: #FFF; color: #848484; }

.mozip_wrap td { color: #000; }

.mozip_wrap .btn { margin-top: 21px; }

.mozip_wrap .btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; padding-bottom: 2px; border-radius: 6px; border: solid 2px #d60812; font-weight: 900; color: #d60812; }

@media all and (max-width: 620px) { .mozip_wrap .btn a { font-size: 12px; } }

@media all and (min-width: 621px) { .mozip_wrap .btn a { font-size: 14px; } }

.video, .layer_vod { --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 0; --swiper-theme-color: #d60812; --swiper-pagination-bullet-inactive-color: #bebebe; --swiper-pagination-bullet-horizontal-gap: 3px; --swiper-pagination-bullet-inactive-opacity: 1; }

.video .swiper-button-prev, .video .swiper-button-next, .layer_vod .swiper-button-prev, .layer_vod .swiper-button-next { background: url("../img/arr_slide.png") no-repeat 21px center #FFF; border-radius: 50%; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); }

.video .swiper-button-prev:after, .video .swiper-button-next:after, .layer_vod .swiper-button-prev:after, .layer_vod .swiper-button-next:after { display: none; }

.video .swiper-button-next, .layer_vod .swiper-button-next { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.video .swiper-pagination, .layer_vod .swiper-pagination { font-size: 0; }

@media all and (max-width: 620px) { .video, .layer_vod { --swiper-navigation-size: 34px; }
  .video .swiper-button-prev, .video .swiper-button-next, .layer_vod .swiper-button-prev, .layer_vod .swiper-button-next { width: 34px; height: 34px; background-size: 9px auto; background-position-x: 12px; }
  .video .swiper-button-prev, .layer_vod .swiper-button-prev { margin-left: -17px; }
  .video .swiper-button-next, .layer_vod .swiper-button-next { margin-right: -17px; } }

@media all and (min-width: 621px) { .video, .layer_vod { --swiper-navigation-size: 56px; }
  .video .swiper-button-prev, .video .swiper-button-next, .layer_vod .swiper-button-prev, .layer_vod .swiper-button-next { width: 56px; height: 56px; }
  .video .swiper-button-prev, .layer_vod .swiper-button-prev { margin-left: -26px; }
  .video .swiper-button-next, .layer_vod .swiper-button-next { margin-right: -26px; background-position-x: 20px; } }

.video { padding-top: 30px; }

@media all and (max-width: 620px) { .video { --swiper-pagination-bottom: -25px; --swiper-pagination-bullet-size: 6px; padding-bottom: 60px; }
  .video .swiper-button-prev, .video .swiper-button-next { display: none; } }

@media all and (min-width: 621px) { .video { --swiper-pagination-bottom: -48px; --swiper-pagination-bullet-size: 13px; padding-bottom: 84px; } }

.video h2 .txt:after { content: ""; display: block; width: 1px; height: 43px; background: #CCC; margin: 10px auto 0 auto; }

.video .swiper-slide { font-size: 0; }

.video .swiper-slide button { border: 0; font-size: 0; }

.video .swiper-slide img { width: 100%; border-radius: 5px; }

@media all and (min-width: 621px) { .video_wrap { position: relative; }
  .video_wrap:after { content: ""; position: absolute; top: 0; right: 100%; z-index: 2; width: 50vw; height: 100%; background: #e9e9e9; } }

.faq { padding-top: 78px; }

@media all and (max-width: 620px) { .faq { padding-bottom: 60px; } }

@media all and (min-width: 621px) { .faq { padding-bottom: 84px; }
  .faq .inner { padding: 0 36px; } }

.faq h2 .txt:after { content: ""; display: block; width: 1px; height: 43px; background: #CCC; margin: 10px auto 0 auto; }

.faq_list li { border-radius: 5px; border: solid 1px #707070; overflow: hidden; }

.faq_list li:not(:first-child) { margin-top: 12px; }

.faq_list .que { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-weight: bold; line-height: 1.57; letter-spacing: -0.63px; text-align: left; color: #000; }

@media all and (max-width: 620px) { .faq_list .que { padding: 6px 50px; font-size: 12px; }
  .faq_list .que:before { width: 38px; background-size: 10px auto !important; }
  .faq_list .que:after { width: 38px; background-size: 11px auto !important; } }

@media all and (min-width: 621px) { .faq_list .que { padding: 6px 90px 5px 90px; font-size: 14px; }
  .faq_list .que:before { width: 65px; }
  .faq_list .que:after { width: 45px; } }

.faq_list .que:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; border-right: solid 2px #acacac; background: url("../img/txt_q.png") no-repeat center center #DDD; }

.faq_list .que:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-left: solid 2px #acacac; background: url("../img/arr_down.png") no-repeat center center #f1f1f1; }

.faq_list .que.selected { color: #2787f5; }

.faq_list .que.selected:after { background-image: url("../img/arr_up.png"); }

.faq_list .ans { display: none; border-top: solid 1px #d7d7d7; font-weight: bold; line-height: 1.57; letter-spacing: -0.63px; text-align: left; color: #000; }

@media all and (max-width: 620px) { .faq_list .ans { padding: 10px 20px 10px 50px; font-size: 12px; } }

@media all and (min-width: 621px) { .faq_list .ans { padding: 10px 20px 8px 90px; font-size: 14px; } }

.apply { padding-top: 30px; }

@media all and (max-width: 620px) { .apply { padding-bottom: 60px; } }

@media all and (min-width: 621px) { .apply { padding-bottom: 84px; } }

.apply .copy1 { margin-top: 8px; }

.apply .copy1 .point { color: #d60812; }

.apply h2 .txt { color: #FFF; }

.apply h2 .txt:after { content: ""; display: block; width: 1px; height: 43px; background: #CCC; margin: 10px auto 0 auto; }

.counter_wrap { border-radius: 19px; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); background-image: -webkit-gradient(linear, left top, right top, color-stop(-3%, #d60812), color-stop(104%, #be0009)); background-image: linear-gradient(to right, #d60812 -3%, #be0009 104%); }

@media all and (max-width: 620px) { .counter_wrap { margin-top: 30px; padding: 45px 18px 20px 18px; }
  .counter_wrap .counter { margin-top: 17px; }
  .counter_wrap .counter span { font-size: 46px; }
  .counter_wrap .counter em { margin-top: 12px; }
  .counter_wrap .btn { margin-top: 30px; }
  .counter_wrap .btn a { height: 48px; font-size: 16px; } }

@media all and (min-width: 621px) { .counter_wrap { margin-top: 72px; padding: 50px 0 37px 0; }
  .counter_wrap .counter { width: 520px; margin: 38px auto; }
  .counter_wrap .counter span { font-size: 60px; }
  .counter_wrap .counter em { margin-top: 17px; }
  .counter_wrap .btn { margin-top: 50px; }
  .counter_wrap .btn a { width: 520px; height: 54px; font-size: 24px; } }

.counter_wrap h2 .eng { margin-bottom: 10px; }

.counter_wrap h2 .eng img { max-width: 582px; }

.counter_wrap .counter { display: -webkit-box; display: -ms-flexbox; display: flex; }

.counter_wrap .counter p { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.counter_wrap .counter p:not(:first-child):before { content: ""; position: absolute; top: -1px; left: 0; width: 1px; height: 62px; opacity: 0.38; background-color: #ccc; }

.counter_wrap .counter p:not(:first-child):after { content: ""; position: absolute; top: 27px; left: -2px; width: 5px; height: 5px; border-radius: 50%; background: #FFF; }

.counter_wrap .counter span { display: block; font-weight: bold; line-height: 1; letter-spacing: normal; color: #fff; }

.counter_wrap .counter em { display: block; font-size: 12px; letter-spacing: normal; line-height: 1; text-align: center; color: #fff; opacity: 0.5; }

.counter_wrap .btn a { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1px; border-radius: 10px; background-color: #fff; font-weight: 900; letter-spacing: -1.2px; color: #d60812; }

.other { padding-top: 6px; }

@media all and (max-width: 620px) { .other { padding-bottom: 35px; }
  .other .copy1 { font-size: 16px; }
  .other .btn { margin-top: 30px; }
  .other .btn a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 46px; font-size: 12px; padding-bottom: 1px; }
  .other .btn a:after { width: 7px; margin: 2px 0 0 6px; } }

@media all and (min-width: 621px) { .other { padding-bottom: 84px; }
  .other .copy1 { font-size: 20px; }
  .other .btn { margin-top: 22px; }
  .other .btn a { width: 192px; height: 61px; font-size: 16px; }
  .other .btn a:after { width: 11px; margin: 2px 0 0 10px; } }

.other .copy1 { font-weight: bold; line-height: 1.1; letter-spacing: -0.9px; color: #000; }

.other .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 11px; }

.other .btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; border: solid 2px #d60812; font-weight: bold; letter-spacing: normal; color: #d60812; }

.other .btn a:after { content: ""; display: inline-block; vertical-align: middle; height: 18px; background: url("../img/arr_link2.png") no-repeat center; background-size: contain; }

.layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.layer .close { position: absolute; right: 0; background: url("../img/layer_close_w.png") no-repeat; background-size: contain; }

@media all and (max-width: 620px) { .layer .close { top: -30px; width: 18px; height: 18px; } }

@media all and (min-width: 621px) { .layer .close { top: -40px; width: 27px; height: 27px; } }

.layer .close span { position: absolute; top: -99999px; left: -99999px; z-index: -99999; width: 1px; height: 1px; overflow: hidden; }

.layer_vod { position: relative; }

@media all and (max-width: 620px) { .layer_vod { width: 90%; } }

.layer_video_wrap { position: relative; }

@media all and (min-width: 621px) { .layer_video_wrap { width: 700px; } }

.layer_video_wrap .vod { overflow: hidden; border-radius: 15px; }

.layer_video_wrap .videoBox { position: relative; padding-bottom: calc(9 / 16 * 100%); }

.layer_video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }