@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{
    font-family: "Noto Sans KR",  sans-serif;background:transparent;display:block;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
}
section{width:100%;text-align: center;}
body{font-family:'Noto Sans KR',sans-serif;}
body.hold {overflow:hidden;}

.mot2 {
    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
}
.mot3 {
    -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.mot4 {
    -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
}
.mot5 {
    -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mr0 {margin-right:0px !important;}
.mr30 {margin-right:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb180 {margin-bottom:180px !important;}
.star {font-size:14px !important;color:#209ff6 !important;font-weight:700;vertical-align:middle;}
.lato {font-family: 'Lato', sans-serif;}

.landscape {width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:999;background:#fff;}
.landscape.active {display:block;}
.landscape:before {content:'';background:url('../img/landscape.jpg') no-repeat 0 0;width:239px;height:147px;background-size:239px;position:absolute;left:50%;top:50%;margin:-74px 0 0 -120px;}

.swiper-pagination.left {text-align:left !important;}
.swiper-pagination-bullet {width:5px !important;height:5px !important;background:#ddd !important;border-radius:5px !important;opacity:1 !important;
    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
}
.swiper-pagination-bullet-active {width:15px !important;background:#209ff6 !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px !important;}

.check_box {width:18px;height:18px;position:relative;border:1px solid #dfdfdf;border-radius:5px;background:#fff;display:inline-block;}
.check_box input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.check_box input[type="checkbox"] + label {width:18px;height:18px;display:inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size:14px;line-height:18px;}
.check_box input[type="checkbox"] + label:before {content: '';position:absolute;left:2px;top:1px;}
.check_box input[type="checkbox"]:checked + label:before {content: "\f00c";color:#209ff6;font-weight:900;}
.container {height:40px;display: block;position: relative;cursor: pointer;font-size:13px;line-height:40px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index:2;}
.container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;box-sizing:border-box;
    -webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;
}
.container input:checked ~ .checkmark {background-color: #4e5975;border:1px solid #55e8ff;}
.checkmark:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after {display: block;}


.radio_box {width:100%;min-height:68px;position:relative;display:table;box-sizing:border-box;margin-bottom:10px;}
.radio_box input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.radio_box input[type="radio"] + label {width:100%;display:table-cell;vertical-align:middle;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size:13px;line-height:20px;padding:15px 15px 15px 45px;}
.radio_box input[type="radio"] + label span {width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #eee;box-sizing:border-box;z-index:2;}
.radio_box input[type="radio"] + label:after {content:'';width:18px;height:18px;border:1px solid #e0e0e0;background:#fff;border-radius:18px;position:absolute;left:15px;top:50%;margin-top:-10px;}
.radio_box input[type="radio"] + label:before {content: '';width:18px;height:18px;position:absolute;left:0;top:0;border-radius:18px;z-index:2;}
.radio_box input[type="radio"]:checked + label span {border:2px solid #209ff6;}
.radio_box input[type="radio"]:checked + label:before {content: "";width:10px;height:10px;background:#209ff6;left:20px;top:50%;margin-top:-5px;}
.radio_box input[type="radio"]:checked + label:after {border:1px solid #209ff6;}


.popup {position: fixed;left: 0;right: 0;top: 0;bottom:0;z-index: 99;overflow-y:auto;opacity:0;visibility:hidden;}
.popup.active {visibility:visible;opacity:1;}
.popup .bg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,4,18,0.6);}
.popup.pop_my_result .pop_inner {padding:50px 15px;margin:50px 15px;position:relative;background:#fff;}
.popup.pop_my_result .pop_inner.top {top:0;transform:translateY(0);margin-top:50px;}
.popup .btn_pop_close {width:22px;position:absolute;right:15px;top:15px;}
.popup.pop_my_result .result_text {font-size:21px;color:#000;margin-bottom:10px;font-weight:500;}
.popup.pop_my_result .result_text span {color:#209ff6;}
.popup.pop_my_result .sub_txt {font-size:13px;color:#000;margin-bottom:20px;}
.popup.pop_my_result .test_result_box {position:relative;}
.popup.pop_my_result .test_result_box .none {margin:30px 0 60px;font-size:15px;color:#999;position:relative;}
.popup.pop_my_result .test_result_box .none a {color:#209ff6;display:block;margin:5px 0 0 5px;}
.popup.pop_my_result table {width:100%;margin-bottom:15px;}
.popup.pop_my_result table th {background:#f5f5f5;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px;font-size:13px;line-height:24px;color:#000;text-align:left;font-weight:500;}
.popup.pop_my_result table td {border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px;font-size:13px;line-height:24px;color:#000;text-align:left;}
.popup.pop_my_result table td .color_blue {color:#209ff6;}
.popup.pop_my_result table td .color_org {color:#ff6c00;}
.popup.pop_my_result table tr.fail td {color:#999;}
.popup.pop_my_result .btn_logout {width:50px;display:block;margin:40px auto 0;font-size:12px;color:#666;position:relative;padding-bottom:3px;text-align:center;}
.popup.pop_my_result .btn_logout:before {content:'';width:100%;height:1px;background:#666;position:absolute;left:0;bottom:0;}

.popup.pop_privacy_delete .pop_inner {padding:30px;margin:0 15px;position:relative;background:#fff;top:50%;transform:translateY(-50%);}
.popup.pop_privacy_delete .pop_inner .title {font-size:21px;color:#000;font-weight:500;text-align:center;line-height:26px;margin-bottom:18px;}
.popup.pop_privacy_delete .pop_inner .desc {font-size:13px;color:#666;text-align:center;margin-bottom:30px;}
.popup.pop_privacy_delete .pop_inner .btn_box {font-size:0;text-align:center;}
.popup.pop_privacy_delete .pop_inner .btn_box a {width:100px;height:35px;font-size:13px;text-align:center;line-height:35px;display:inline-block;vertical-align:top;border-radius:35px;margin:0 10px;}
.popup.pop_privacy_delete .pop_inner .btn_box a.btn_cancel {background:#ddd;color:#000;}
.popup.pop_privacy_delete .pop_inner .btn_box a.btn_confirm {background:#209ff6;color:#fff;}

.popup.pop_go_back .pop_inner {padding:30px;margin:0 15px;position:relative;background:#fff;top:50%;transform:translateY(-50%);}
.popup.pop_go_back .pop_inner .title {font-size:21px;color:#000;font-weight:500;text-align:center;line-height:26px;margin-bottom:18px;}
.popup.pop_go_back .pop_inner .desc {font-size:13px;color:#666;text-align:center;margin-bottom:30px;}
.popup.pop_go_back .pop_inner .btn_box {font-size:0;text-align:center;}
.popup.pop_go_back .pop_inner .btn_box a {width:100px;height:35px;font-size:13px;text-align:center;line-height:35px;display:inline-block;vertical-align:top;border-radius:35px;margin:0 10px;}
.popup.pop_go_back .pop_inner .btn_box a.btn_cancel {background:#ddd;color:#000;}
.popup.pop_go_back .pop_inner .btn_box a.btn_confirm {background:#209ff6;color:#fff;}

.popup.pop_auth .pop_inner {padding:30px;margin:0 15px;position:relative;background:#fff;top:50%;transform:translateY(-50%);}
.popup.pop_auth .pop_inner .title {font-size:21px;color:#000;font-weight:500;text-align:center;line-height:26px;margin-bottom:50px;}
.popup.pop_auth .pop_inner .input_wrap {position:relative;}
.popup.pop_auth .pop_inner .input_wrap .input_title {font-size:16px;color:#333;margin-bottom:5px;}
.popup.pop_auth .pop_inner .input_wrap .btn_auth {width:100%;height:50px;border:1px solid #232323;background:#444;font-size:15px;color:#fff;text-align:center;line-height:50px;display:block;}

.popup.pop_test_start .test_logo {width:64px;position:absolute;left:30px;top:30px;}
.popup.pop_test_start .btn_pop_close {top:25px;right:25px;}
.popup.pop_test_start .pop_inner {padding:80px 30px 30px 30px;margin:0 15px;position:relative;background:#fff;top:50%;transform:translateY(-50%);}
.popup.pop_test_start .intro_title_wrap {width:100%;height:100%;display:table;}
.popup.pop_test_start .intro_title_wrap .intro_title {display:table-cell;vertical-align:middle;font-size:29px;color:#000;line-height:37px;text-align:center;font-weight:300;}
.popup.pop_test_start .intro_text_wrap {width:100%;}
.popup.pop_test_start .intro_text_wrap .caution {padding-top:35px;font-size:12px;color:#999;line-height:18px;margin:35px 0;background:url('../img/ico_caution.png') no-repeat center 0;background-size:23px;text-align:center;}
.popup.pop_test_start p {position:relative;padding-left:6px;font-size:13px;color:#999;line-height:27px;letter-spacing:-0.6px;}
.popup.pop_test_start p span {color:#666;}
.popup.pop_test_start p:before {content:'';width:2px;height:2px;background:#209ff6;position:absolute;left:0;top:11px;}
.popup.pop_test_start .btn_test_start {height:58px;border:1px solid #0e89dd;background:#209ff6;display:block;font-size:21px;color:#fff;text-align:center;line-height:58px;margin-bottom:30px;}

.popup.pop_login .btn_pop_close {z-index:2;right:25px;top:25px;}
.popup.pop_login .pop_inner {margin:0 15px;position:relative;background:#fff;top:50%;transform:translateY(-50%);}


.head {width:100%;height:95px;position:fixed;left:0;top:0;z-index:11;}
.head.active {transform:translateY(-95px);}
.head.show {background:#fff;}
.head .logo {width:78px;height:12px;background:url('../img/logo_w.png') no-repeat 0 0;background-size:78px;position:absolute;left:30px;top:26px;text-indent:-9999em;}
.head .logo.active {background:url('../img/logo_b.png') no-repeat 0 0;background-size:78px;}
.head .btn_head_video_play {width:25px;height:25px;background:url('../img/ico_cursor_video_b.png') no-repeat 0 0 #fff;background-size:25px;position:absolute;right:32px;top:17px;opacity:0;visibility:hidden;border-radius:25px;}
.head .btn_head_video_play .pulse1 {position:absolute;width:25px;height:25px;top:0;left:0;z-index:-1;opacity:0;animation:pulsejg1 2s linear infinite;border-radius:999px;box-shadow:inset 0px 0px 12px 5px rgba(32, 159, 246, .8);box-sizing:border-box;}
.head .btn_head_video_play.active {opacity:1;visibility:visible;}
.head .menu {width:100%;height:40px;position:absolute;left:0;bottom:0;opacity:0;visibility:hidden;border-bottom:1px solid #eee;}
.head .menu ul {position:relative;}
.head .menu ul li {width:20%;height:40px;float:left;}
.head .menu ul li a {width:100%;display:block;font-size:13px;color:#999;line-height:40px;text-align:center;position:relative;}
.head .menu ul li a.active {color:#000;}
.head .menu ul li a.active:before {content:'';width:calc(100%);height:2px;background:#209ff6;position:absolute;left:0;bottom:-1px;}
.head.show .menu {opacity:1;visibility:visible;}

.btn_application {width:50px;height:50px;position:fixed;right:30px;bottom:30px;z-index:9;background:#209ff6;border-radius:30px;text-align:center;transform:scale(0);border:2px solid #fff;box-sizing:border-box;
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.2);
}
.btn_application.active {opacity:1;visibility:visible;}
.btn_application span {display:inline-block;font-size:16px;color:#fff;line-height:47px;padding-right:20px;position:relative;transform:translateX(20px);opacity:0;}
.btn_application span:before {content:'';width:13px;height:9px;background:url('../img/ico_cursor_w.png') no-repeat 0 0;position:absolute;right:0;top:50%;margin-top:-4px;background-size:13px;
    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
}


.footer {width:100%;background:#f8f8f8;position:relative;}
.footer .footer_link {height:50px;border-bottom:1px solid #eee;font-size:0;text-align:center;}
.footer .footer_link a {display:inline-block;font-size:11px;color:#666;line-height:50px;padding:0 13px;position:relative;}
.footer .footer_link a:before {content:'';width:1px;height:10px;background:#ddd;position:absolute;right:0;top:50%;margin-top:-5px;}
.footer .footer_link a:last-child:before {display:none;}
.footer .footer_text {position:relative;display:none;text-align:center;}
.footer .footer_text p {font-size:11px;color:#999;line-height:20px;}
.footer .footer_text p.copyright {font-size:12px;color:#ccc;line-height:25px;font-weight:500;margin-top:10px;}
.footer .footer_text p .ceo {display:inline-block;vertical-align:top;position:relative;margin-left:8px;padding-left:10px;}
.footer .footer_text p .ceo:before {content:'';width:1px;height:13px;background:#ccc;position:absolute;left:0;top:50%;margin-top:-8px;}
.footer .footer_text .footer_logo {width:70px;height:50px;background:url('../img/logo_footer.png') no-repeat 0 center;background-size:70px;margin:0 auto;}
.footer .btn_select_footer {font-size:12px;color:#aaa;text-align:center;line-height:45px;display:block;}
.footer .btn_select_footer span {display:inline-block;vertical-align:top;padding-right:22px;position:relative;}
.footer .btn_select_footer span:before {content:'';width:12px;height:7px;background:url('../img/ico_footer_cursor.png') no-repeat 0 0;background-size:12px;position:absolute;right:0;top:50%;margin-top:-3px;}


.main_video_wrap {width:100%;height:100%;position:fixed;left:0;z-index:10;transform:translateY(-100%);opacity:0;}
.main_video_wrap.active {transform:translateY(0);opacity:1;}
.main_video_wrap .btn_skip {width:65px;height:30px;position:absolute;right:50%;bottom:40px;font-size:13px;text-align:center;line-height:30px;color:#fff;z-index:3;margin-right:-40px;border-radius:30px;background:rgba(0,0,0,0.1);}
.main_video_wrap .btn_skip.move {right:40px;margin-right:0;}
.main_video_wrap .video_wrap_bg {width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.85;z-index:3;}
.main_video_wrap .video_wrap_bg.active {opacity:0;visibility:hidden;}
.main_video_wrap .btn_play_wrap {position:absolute;left:50%;top:50%;margin:-45px 0 0 -57px;text-align:center;z-index:3;}
.main_video_wrap .btn_play_wrap.active {opacity:0;visibility:hidden;}
.main_video_wrap .btn_play_wrap p {font-size:13px;color:#fff;line-height:20px;}
.main_video_wrap .btn_play_wrap .btn_video_play {width:90px;height:90px;position:relative;border:1px solid #fff;box-sizing:border-box;border-radius:90px;background:url('../img/ico_cursor_video_w.png') no-repeat center;background-size:10px;margin:0 auto 20px;display:block;}
.main_video_wrap .btn_play_wrap .btn_video_play .pulse1 {position:absolute;width:90px;height:90px;margin:auto;top:0;left:0;bottom:0;right:0;z-index:1;opacity:0;border:3px solid rgba(255,255,255,.1);animation:pulsejg1 2s linear infinite;border-radius:999px;box-shadow:inset 0px 0px 15px 10px rgba(0, 0, 0, .6);box-sizing:border-box;}
.main_video_wrap .btn_play_wrap .btn_video_play .pulse2 {position:absolute;width:90px;height:90px;margin:auto;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;border:1px solid rgba(255,255,255,0);animation:pulsejg2 2s linear infinite;border-radius:999px;box-shadow:inset 0px 0px 12px 5px rgba(255, 255, 255, .8);box-sizing:border-box;}
.main_video_wrap .video_bg {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:#fff;}
.main_video_wrap .video_bg.active {opacity:0;visibility:hidden;}
.main_video_wrap .video_main {width:100%;height:100%;position:relative;z-index:1;}
.detail_area .detail_box .hidden_box .video_area .video_box .video_frame {position:relative;padding-bottom:48.25%;padding-top:25px;height:0;}
.main_video_wrap video {width:100%;height:100%;object-fit:cover;}


@keyframes pulsejg1 {
    0% {opacity: 0;}
    40% {transform: scale(1.1);opacity: 0;}
    50% {transform: scale(1.2);opacity: 0;}
    60% {transform: scale(1.3);opacity: .1;}
    70% {transform: scale(1.4);opacity: .25;}
    80% {transform: scale(1.55);opacity: .1;}
    100% {transform: scale(1.8);opacity: 0;}
}
@keyframes pulsejg2 {
    0% {opacity: 0;}
    30% {transform: scale(1.1);}
    40% {transform: scale(1.2);opacity: .05;}
    50% {transform: scale(1.3);opacity: .1;}
    60% {transform: scale(1.4);opacity: .3;}
    80% {transform: scale(1.5);opacity: .1;}
    100% {transform: scale(1.6);opacity: 0;}
}

.btn_back {width:22px;position:absolute;right:15px;top:15px;padding:10px;}


h2 {font-size:29px;line-height:20px;font-weight:300;margin:0 0 40px 30px;}
h2.center {text-align:center;}
.video {width:100%;height:100%;}
.wrap {position:relative;z-index:1;padding-top:95px;overflow:hidden;}
.wrap .section {position:relative;padding:80px 30px;}
.wrap .section.main {padding:80px 0 0 0;}
.wrap .section.main .section_title {margin-left:30px;}
.wrap .section.main .top_idea {position: relative;background: url('../img/main/top_obj_bg.jpg') no-repeat center 0;background-size:562px;}
.wrap .section.main .top_idea .tower {width:375px;height:390px;position:relative;left:50%;margin:86px 0 0 -187px;}
.wrap .section.main .top_idea .video_box {width:179px;height:183px;position:absolute;left:50%;top:39px;margin-left:-89px;background:#1c7fea;z-index: 2;background: url('../img/main/poster_tower.jpg') no-repeat 0 0;background-size:cover;}
.wrap .section.main .top_idea .obj1 {width:375px;height:390px;background:url('../img/main/top_obj1.png') no-repeat 0 0;background-size:375px;position: absolute;left:50%;top:0;margin-left:-187px;z-index: 1;}
.wrap .section.main .top_idea .obj2 {width:375px;height:390px;background:url('../img/main/top_obj2.png') no-repeat 0 0;background-size:375px;position: absolute;left:50%;top:0;margin-left:-187px;z-index: 3;}
.wrap .section.main .top_idea .business_ul {padding:64px 0 100px 0;background:#409ff6;}
.wrap .section.main .top_idea .business_ul li {width:230px;margin:0 auto 60px;position: relative;padding-left:100px;}
.wrap .section.main .top_idea .business_ul li:last-child {margin-bottom: 0;}
.wrap .section.main .top_idea .business_ul li .thumb {width:80px;position: absolute;left:0;top:0;}
.wrap .section.main .top_idea .business_ul li .business_title {font-size:18px;color:#fff;line-height:36px;letter-spacing: -0.9px;}
.wrap .section.main .top_idea .business_ul li .desc {font-size:13px;color:#fff;line-height:22px;margin-bottom: 18px;letter-spacing: -0.7px;}
.wrap .section.main .top_idea .business_ul li .tag {font-size:15px;color:#ffe200;line-height:24px;}
.wrap .section.main .top_idea .business_ul li .tag span {display: inline-block;vertical-align: top;margin-right:8px;}

.wrap .section.visual {padding:150px 0 0 0;}
.wrap .section.visual .visual_title {text-align: center;font-size:32px;color:#000;line-height: 42px;font-weight: 300;margin-bottom: 150px;}
.wrap .section.visual .visual_title span {font-size:13px;color:#409ff6;line-height:20px;margin-bottom:15px;letter-spacing:1.5px;display:inline-block;}
.wrap .section.visual .business_title {margin-left:30px;font-size:18px;color:#409ff6;line-height: 20px;margin-bottom: 13px;letter-spacing: -0.9px;}
.wrap .section.visual .business_title span {width:20px;height:20px;background:#409ff6;font-size:13px;color:#fff;text-align: center;line-height: 19px;border-radius: 20px;display: inline-block;vertical-align:top;margin-right:8px;}
.wrap .section.visual .business_desc {margin-left:30px;font-size:25px;color:#3e4751;line-height: 35px;font-weight: 300;position: relative;letter-spacing: -1.4px;}
.wrap .section.visual .business_desc.soon {font-size:32px;text-align: center;margin:55px 0 25px;}
.wrap .section.visual .business_desc.soon span {font-weight:700;position: relative;display: inline-block;vertical-align: top;}
.wrap .section.visual .business_desc.soon span:before {content: '';width:35px;height: 10px;background: #d7e8f9;position: absolute;left:-3px;bottom:0;z-index: -1;}
.wrap .section.visual .video_box {position: relative;margin-bottom: 150px;}
.wrap .section.visual .video_box.business {margin-bottom: 0;border-bottom:1px solid #209ff6;}
.wrap .section.visual .video_box.business .info_box {position: absolute;left:30px;bottom:20px;z-index: 2;}
.wrap .section.visual .video_box.business .info_box .dep {font-size:13px;color:#888;line-height: 19px;letter-spacing: -0.7px;}
.wrap .section.visual .video_box.business .info_box .name {font-size:13px;color:#000;line-height: 19px;letter-spacing: -0.7px;}
.wrap .section .video_box .fade_img {position: absolute;left:0;top:0;z-index: 2;opacity:0;}
.wrap .section.visual .visual_contents {padding:20px 30px;}
.wrap .section.visual .visual_contents .def {font-size:18px;color:#3d93f9;line-height: 26px;margin:50px 0 15px 0;letter-spacing: -0.9px;}
.wrap .section.visual .visual_contents .def.small {font-size:15px;line-height: 21px;margin:30px 0 5px 0;}
.wrap .section.visual .visual_contents p {font-size:13px;line-height: 24px;color:#000;letter-spacing: -0.6px;}
.wrap .section.visual .visual_contents p.gray {color:#888;}

.wrap .section.test {padding:100px 0;background:#3d93f9;}
.wrap .section.test .btn_test_start {width:315px;height:70px;font-size:28px;color:#231f20;text-align:center;font-weight:700;line-height:70px;display:block;margin:0 auto 63px;position:relative;background: #ffeb10;border:1px solid #000;letter-spacing: -1.4px;}
.wrap .section.test .btn_kakao_link {width:120px;position:relative;display:block;margin:0 auto 0;padding-left:25px;font-size:15px;color:#fff;line-height:20px;letter-spacing: -0.8px;}
.wrap .section.test .btn_kakao_link:before {content:'';width:19px;height:19px;background: url('../img/ico_talk.png') no-repeat 0 0;background-size:19px;position: absolute;left:0;top:0;}
.wrap .section.test .test_ul {margin:0 auto 85px;font-size:0;text-align:center;}
.wrap .section.test .test_ul li {width:78px;display:inline-block;margin-left:3px;}
.wrap .section.test .test_ul li:first-child {margin-left:0;}
.wrap .section.test .test_ul li:last-child {width:70px;}
.wrap .section.test .text_box {font-size:13px;color:#fff;line-height:20px;text-align:center;margin-bottom:30px;}
.wrap .section.test .test_man {width:95px;position:absolute;left:50%;bottom:60px;margin-left:-44px;}
.wrap .section.test .section_title {margin-bottom: 60px;text-align:center;color:#fff;line-height: 46px;letter-spacing: -1.6px;}
.wrap .section.test .section_title .test_title {font-size:36px;line-height: 52px;font-weight: 700;}
.wrap .section.test .section_title .test_title span {color:#ffeb10;}
.wrap .section.test .visual_img {margin-bottom:50px;}
.wrap .section .section_title {font-size:32px;color:#000;line-height:42px;font-weight:300;letter-spacing: -1.6px;}
.wrap .section .section_title.center {text-align: center;margin-bottom: 50px !important;}
.wrap .section .section_title span {color:#209ff6;}
.wrap .section .section_title span.w500 {font-weight: 500;}
.wrap .section .section_title .num {color:#409ff6;font-size:33px;line-height: 40px;margin-bottom: 8px;font-weight:700;}
.wrap .section .section_desc {font-size:13px;color:#000;line-height:23px;margin-top:15px;letter-spacing: -0.6px;}
.wrap .section .section_desc span {color:#209ff6;}
.wrap .section .section_desc .title {font-size:15px;color:#000;line-height: 21px;margin-bottom:8px;display:block;font-weight: 500;}
.wrap .section .visual_img {margin-bottom:80px;}

.wrap .section.job_intro {}
.wrap .section.job_intro .img_box {margin-right:-30px;}
.wrap .section.job_intro .video_box {position: relative;margin-right:-30px;}
.wrap .section .video_box.full {margin-left:-30px;margin-right:-30px;}
.wrap .section.job_intro .video_box p {font-size:13px;color:#000;line-height: 23px;margin-top:10px;letter-spacing: -0.6px;}
.wrap .section.job_intro .video_box p span {color:#409ff6;font-size: 15px;}
.wrap .section.job_intro .video_box ul {margin-top:17px;}
.wrap .section.job_intro .video_box ul li {position: relative;padding-left:11px;font-size:13px;color:#000;line-height: 23px;letter-spacing: -0.6px;}
.wrap .section.job_intro .video_box ul li:before {content: '';width:3px;height:3px;border-radius: 3px;position: absolute;left:0;top:50%;margin-top:-1px;background:#409ff6;}
.wrap .section.job_intro .example_title {font-size:23px;color:#000;margin:120px 0 20px 0;letter-spacing: -1.1px;font-weight: 500;}
.wrap .section.job_intro .example_title .num {font-size:13px;color:#409ff6;line-height: 20px;margin-bottom: 7px;letter-spacing: -0.6px;}
.wrap .section.job_intro .example_title span {width:20px;height:20px;border-radius: 20px;background: #409ff6;display: inline-block;vertical-align: top;font-size:13px;color:#fff;line-height: 19px;text-align: center;margin-right:5px;font-weight: 300;}
.wrap .section.job_intro .video_people {height:150px;position: relative;background:#eff7fe;border-radius: 15px 0 0 15px;padding:30px 20px 20px 20px;margin:0 -30px 30px 0;box-sizing: border-box;}
.wrap .section.job_intro .video_people.line3 {padding-top:15px;}
.wrap .section.job_intro .video_people .video {width:160px;position: absolute;right:0;top:0;}
.wrap .section.job_intro .video_people .fade_img {width:160px;position: absolute;right:0;top:0;z-index: 2;opacity:0;}
.wrap .section.job_intro .video_people .title {font-size:17px;color:#000;line-height: 27px;letter-spacing: -0.9px;position: relative;z-index: 3;}
.wrap .section.job_intro .video_people .team {position: absolute;left:20px;bottom:20px;color:#7786a2;z-index: 3;letter-spacing: -0.6px;}
.wrap .section.job_intro .video_people .team span {color:#7786a2;}

.wrap .section.job_intro .img_box {position: relative;}
.wrap .section.job_intro .img_box.full {margin:0 -30px;position: relative;}
.wrap .section.job_intro .img_box .title {width:100%;position: absolute;left:0;bottom:15px;font-size:11px;color:#fff;line-height:16px;padding:0 10px;box-sizing: border-box;}
.wrap .section.job_intro .img_box .title.center {text-align: center;}
.wrap .section.job_intro .img_box img {width:100%;}
.wrap .section.job_intro .img_box p {font-size:13px;color:#888;line-height: 23px;margin-top:10px;letter-spacing: -0.6px;}
.wrap .section.job_intro .img_box p.small {font-size:11px;line-height: 20px;}
.wrap .section.job_intro .img_box p span {color:#409ff6}
.wrap .section.job_intro .img_box p span.date {color:#ccc}
.wrap .section.job_intro .sub_title {font-size:18px;color:#000;line-height: 26px;margin:100px 0 20px 0;}
.wrap .section.job_intro .sub_title span {color:#409ff6;}
.wrap .section.job_intro .idea_title {font-size:22px;color:#000;line-height: 32px;margin:120px 0 15px 0;text-align: center;font-weight: 300;}
.wrap .section.job_intro .idea_title .num {width:20px;height:20px;border-radius: 20px;background: #409ff6;display:block;font-size:13px;color:#fff;line-height: 20px;text-align: center;margin:0 auto 20px;}
.wrap .section.job_intro .idea_sub_title {font-size:18px;color:#000;line-height: 26px;margin:50px 0 20px 0;}
.wrap .section.job_intro .team {font-size:13px;color:#999;line-height: 19px;margin-top:15px;text-align: center;}
.wrap .section.job_intro .team span {color:#000;display: inline-block;vertical-align: top;margin-right:10px;}

.wrap .section.job_intro .sub_p {font-size:13px;color:#000;line-height: 23px;}
.wrap .section.job_intro .real_view_ul {overflow: hidden;}
.wrap .section.job_intro .real_view_ul li {width:50%;float:left;box-sizing: border-box;margin-bottom: 20px;}
.wrap .section.job_intro .real_view_ul li.last {margin-bottom: 20px;}
.wrap .section.job_intro .real_view_ul li .thumb {margin-bottom: 10px;}
.wrap .section.job_intro .real_view_ul li .real_title {font-size:15px;color:#000;line-height: 21px;margin-bottom:4px;}
.wrap .section.job_intro .real_view_ul li .real_desc {font-size:13px;color:#888;line-height: 19px;letter-spacing: -0.6px;}
.wrap .section.job_intro .real_view_ul li:nth-child(even) {padding-left:2px;}
.wrap .section.job_intro .real_view_ul li:nth-child(odd) {padding-right:2px;}
.wrap .section.job_intro .video_p {font-size:13px;color:#000;line-height: 23px;margin:20px 0 30px 0;letter-spacing: -0.6px;}
.wrap .section.job_intro .idea {font-size:15px;color:#000;line-height: 23px;margin:50px 0 15px 0;background: url('../img/ico_idea.png') no-repeat 0 center;background-size:30px;padding-left:35px;font-weight: 500;letter-spacing: -0.7px;}
.wrap .section.job_intro .idea span {color:#409ff6;}

.recruit_list_ul {position:relative;margin-top:40px;}
.recruit_list_ul li {position:relative;border-bottom:1px solid #eee;padding:19px 0;}
.recruit_list_ul li.none_recruit {height:150px;font-size:13px;color:#ccc;text-align:center;line-height:150px;}
.recruit_list_ul li.none_recruit:before {display:none;}
.recruit_list_ul li a {display:block;}
.recruit_list_ul li:before {content:'';width:7px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;background:url('../img/ico_list_b.png') no-repeat 0 0;background-size:7px;}
.recruit_list_ul li:first-child {border-top:1px solid #eee;}
.recruit_list_ul li .list_title {font-size:16px;color:#000;line-height:24px;margin-bottom:5px;padding-right:50px;letter-spacing: -0.6px;}
.recruit_list_ul li .tag {width:90px;height:19px;background:url('../img/ico_test_tag.png') no-repeat 0 0;background-size:90px;display:block;vertical-align:top;margin-bottom:5px;}
.recruit_list_ul li .list_desc {font-size:13px;color:#999;line-height:20px;letter-spacing: -0.3px;}
.recruit_list_ul li .list_desc .date {display:inline-block;vertical-align:top;color:#209ff6;margin-left:10px;}
.recruit_list_ul li .list_desc .date.today {color:#ff5400;}
.recruit_list_ul li.end .list_title {color:#aaa;}
.recruit_list_ul li.end:before {display: none;}
.recruit_list_ul li.end .tag {background:url('../img/ico_test_tag_end.png') no-repeat 0 0;background-size:90px;}
.recruit_list_ul li.end .list_title .desc {color:#aaa;}
.recruit_list_ul li.end .list_day {right:30px;}
.recruit_list_ul li.end .list_desc .date {color:#888;}

.recruit_text {margin:80px auto 0;font-size:21px;color:#000;line-height:24px;}
.recruit_text span {color:#209ff6;}
.recruit_text .desc {font-size:13px;color:#999;line-height:20px;margin-top:15px;}
.recruit_text .desc b {color:#000;}
.recruit_ul {margin:30px auto 0;font-size:0;}
.recruit_ul li {width:calc(50% - 5px);display:inline-block;margin-bottom:10px;}
.recruit_ul li:nth-child(even) {margin-left:5px;}
.recruit_ul li:nth-child(odd) {margin-right:5px;}
.recruit_ul li a {width:100%;height:48px;display:block;border:1px solid #eee;border-bottom:3px solid #eee;font-size:16px;color:#000;text-align:center;line-height:48px;border-radius:5px;}

.wrap .benefit_slide {text-align:center;}
.wrap .benefit_slide .swiper-slide {background:#fff;}
.wrap .benefit_slide .slide_title {font-size:21px;color:#000;line-height:40px;font-weight:500;margin:30px 0 10px;opacity:0;}
.wrap .benefit_slide .slide_desc {font-size:13px;color:#999;line-height:20px;opacity:0;}
.wrap .benefit_slide .benefit_pagination {position:relative !important;bottom:0 !important;margin-top:30px;}

.wrap .benefit_slide_text_wrap {height:110px;position:relative;}
.wrap .benefit_slide_text_wrap .benefit_slide_text {width:100%;position:absolute;left:0;top:0;visibility:hidden;}
.wrap .benefit_slide_text_wrap .benefit_slide_text.active {visibility:visible;}
.wrap .benefit_slide_text_wrap .benefit_slide_text.active .slide_title {animation:textMot2 0.7s forwards;}
.wrap .benefit_slide_text_wrap .benefit_slide_text.active .slide_desc {animation:textMot2 0.5s forwards 0.3s;}

@keyframes textMot2 {
    0% {opacity:0;transform:translateY(20px);}
    100% {opacity:1;transform:translateY(0px);}
}


.top_title {border-bottom:1px solid #eee;font-size:16px;color:#000;padding-bottom:20px;text-align:center;margin-top:-30px;}
.resume_jobs {font-size:29px;text-align:center;margin:30px 0;}

.resume_wrap {position:relative;padding:10px 30px 50px 30px;}
.resume_wrap .score-info {margin-top: 20px;font-size: 13px;text-align:center;}
.resume_wrap .score-info > span {display: block;}
.resume_wrap .score-info > span > .label {
    padding: 1px 5px;
    background-color: #d9edfa;color: #209ff6;
    border-radius: 3px;
    line-height: 34px;
}
.resume_wrap .graph-wrapper {max-width: 375px;margin: 0 auto;}
.resume_wrap .graph-wrapper .graph-container {position: relative;margin-top: 75px;}
.resume_wrap .graph-wrapper .score-wrapper {position: absolute;left: 10px;right:10px;top: 0;bottom: 0;height: 100%;}
.resume_wrap .graph-wrapper .score-wrapper .score {position: absolute;top: -10px;width: 1px;height: calc(100% - 12px);border-left: 1px dashed #666666;}
.resume_wrap .graph-wrapper .score-wrapper .score span {
    display: block;min-width:50px;height: 24px;position: absolute;left:50%;top: -29px;font-size: 15px;
    text-align: center;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}


.info_tab {width:100%;position:relative;}
.info_tab .tab_line {width:25%;height:2px;background:#209ff6;position:absolute;left:0;bottom:0;}
.info_tab .info_tab_ul {position:relative;overflow:hidden;border-bottom:1px solid #c4c4c4;}
.info_tab .info_tab_ul li {width:25%;float:left;}
.info_tab .info_tab_ul li a {height:40px;display:block;font-size:13px;color:#999;line-height:40px;text-align:center;}
.info_tab .info_tab_ul li a.active {color:#000;}
.info_inner {background:#f6f6f6;padding:0 30px 30px 30px;overflow:hidden;}
.info_inner p {font-size:16px;color:#333;line-height:22px;margin:60px 0 30px 0;}
.info_inner p span {font-size:13px;color:#999;}
.info_inner h3 {font-size:16px;color:#333;line-height:18px;font-weight:500;margin:35px 0 7px 0;position:relative;}
.info_inner h3 .total_date {position:absolute;right:0;top:0;font-size:15px;color:#209ff6;}
.info_inner h4 {font-size:15px;color:#333;line-height:18px;font-weight:500;margin:10px 0 7px 0;position:relative;}
.info_inner .step_box {display:none;}
.info_inner .step_box.active {display:block;}
.info_inner .career_wrap {background:#fff;padding:15px;margin:40px 0 20px 0;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);}
.info_inner .career_wrap h3 {margin-top:15px;}
.info_inner .group {position:relative;margin-bottom:15px;}
.info_inner .btn_delete_box {text-align:right;}
.info_inner .btn_delete_box.mt {margin-top:8px;}
.info_inner .btn_delete_box .btn_delete {padding-right:30px;position:relative;display:inline-block;font-size:13px;color:#c4c4c4;line-height:22px;}
.info_inner .btn_delete_box .btn_delete:before {content:'';width:17px;height:17px;background:#fff;position:absolute;right:0;top:0;border-radius:18px;border:1px solid #c5c5c5;}
.info_inner .btn_delete_box .btn_delete:after {content:'';width:9px;height:1px;background:#c5c5c5;position:absolute;right:5px;top:9px;}
.info_inner .input_box {height:53px;border:1px solid #dfdfdf;position:relative;box-sizing:border-box;}
.info_inner .input_box.focus_blue {border:1px solid #209ff6;}
.info_inner .input_box input {width:100%;height:100%;line-height:53px;font-size:14px;color:#666;text-indent:10px;background:#fff;padding-right:10px;box-sizing:border-box;}
.info_inner .input_box input:disabled {background:#eee;}
.info_inner .select_box {width:100%;height:53px;border:1px solid #dfdfdf;position:relative;box-sizing:border-box;}
.info_inner .select_box:before {position:absolute;right:8px;top:50%;margin-top:-10px;z-index:2;}
.info_inner .select_box select {width:100%;height:100%;line-height:53px;font-size:14px;color:#666;text-indent:10px;background:#fff;}
.info_inner .group .select_in_box {position:relative;padding-right:100px;margin-bottom:15px;}
.info_inner .group .select_in_box .check_box_wrap {width:90px;padding-left:10px;position:absolute;right:0;top:16px;}
.info_inner .group .select_in_box .check_box label {width:55px;padding-left:25px;color:#aaa;line-height:18px;font-weight:500;}
.info_inner .group .select_in_box .select_box {width:90px;position:absolute;right:0;top:0;}
.info_inner .group .select_in_box .select_box.state {height:54px;border:0;border-bottom:1px solid #dfdfdf;background:transparent;}
.info_inner .group .select_in_box .select_box.state select {background:transparent;}
.info_inner .group .select_in_box .input_box.major {border:0;border-bottom:1px solid #dfdfdf;}
.info_inner .group .select_in_box .input_box.major input {background:transparent;}
.info_inner .group .date_box {overflow:hidden;}
.info_inner .group .date_box .select_box {width:25%;float:left;vertical-align:top;margin-right:3%;}
.info_inner .group .date_box .select_box.last {width:19%;margin-right:0;}
.info_inner .group .date_box .dot {width:6%;float:left;vertical-align:top;font-size:15px;color:#aaa;line-height:53px;text-align:center;}
.info_inner .group .date_box .now {width:47%;height:53px;float:left;vertical-align:top;font-size:15px;color:#666;line-height:53px;text-align:center;box-sizing:border-box;border:1px solid #dfdfdf;background:#fff;}
.info_inner .group .textarea_box {height:250px;border:1px solid #dfdfdf;position:relative;box-sizing:border-box;background:#fff;padding:15px;overflow-y:auto;}
.info_inner .group .textarea_box.short {height:200px;}
.info_inner .group .textarea_box.focus_blue {border:1px solid #209ff6;}
.info_inner .group .textarea_box textarea {width:100%;height:100%;font-size:15px;color:#666;line-height:26px;}
.info_inner .group .radio_box_ul {font-size:0;}
.info_inner .group .radio_box_ul .container {width:49%;height:53px;display:inline-block;vertical-align:top;background:#fff;font-size:16px;color:#aaa;line-height:53px;text-align:center;box-sizing:border-box;border-radius:5px;}
.info_inner .group .radio_box_ul .container .checkmark {border-radius:5px;border:1px solid #dfdfdf;}
.info_inner .group .radio_box_ul .container input:checked ~ .checkmark {background-color: #fff;border:1px solid #209ff6;color:#209ff6;}
.info_inner .group .radio_box_ul .container:first-child {margin-right:1%;}
.info_inner .group .radio_box_ul .container:last-child {margin-left:1%;}
.info_inner .btn_add {width:105px;height:48px;display:block;border:1px dashed #bebebe;font-size:15px;color:#aaa;line-height:48px;padding-left:37px;background:url('../img/ico_add.png') no-repeat 15px 15px #fff;background-size:15px;border-radius:5px;box-sizing:border-box;}
.info_inner .btn_add.btn_url {width:115px;}
.info_inner .btn_step_box {position:relative;overflow:hidden;margin-top:70px;}
.info_inner .btn_step_box.hide {display:none;}
.info_inner .btn_step_box a {display:block;font-size:22px;color:#000;line-height:24px;position:relative;opacity:0;visibility:hidden;font-weight:500;}
.info_inner .btn_step_box a.active {opacity:1;visibility:visible;}
.info_inner .btn_step_box a.off {opacity:0.2;}
.info_inner .btn_step_box .btn_step_prev {float:left;padding-left:35px;background:url('../img/ico_prev.png') no-repeat 0 center;background-size:24px;}
.info_inner .btn_step_box .btn_step_next {float:right;padding-right:35px;background:url('../img/ico_next.png') no-repeat right center;background-size:24px;}
.info_inner .etc_group {position:relative;margin-bottom:10px;}
.info_inner .etc_group .btn_etc {width:100%;height:73px;background:url('../img/ico_add_b.png') no-repeat 23px center #fff;background-size:18px;border:1px dashed #999;border-radius:10px;padding-left:50px;box-sizing:border-box;display:block;font-size:15px;color:#aaa;line-height:73px;}
.info_inner .etc_group .btn_etc.hide {display:none;}
.info_inner .etc_group .hidden_box {display:none;position:relative;background:#fff;padding:15px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);margin-bottom:20px;}
.info_inner .etc_group .hidden_box.active {display:block;}
.info_inner .etc_group .hidden_box .btn_add_box {position:relative;overflow:hidden;padding-top:1px;}
.info_inner .etc_group .hidden_box .btn_add_box .btn_add_link {width:105px;height:48px;border:1px dashed #bebebe;font-size:15px;color:#aaa;line-height:48px;padding-left:37px;background:url('../img/ico_add.png') no-repeat 15px 15px #fff;background-size:15px;border-radius:5px;box-sizing:border-box;display:block;float:left;margin-right:10px;}
.info_inner .etc_group .hidden_box .btn_add_box .btn_add_file {width:105px;height:48px;border:1px dashed #bebebe;font-size:15px;color:#aaa;line-height:48px;padding-left:37px;background:url('../img/ico_add.png') no-repeat 15px 15px #fff;background-size:15px;border-radius:5px;box-sizing:border-box;display:block;float:left;}
.info_inner .etc_group .hidden_box .noti {font-size:12px;color:#aaa;margin-top:15px;}
.info_inner .etc_group .hidden_box .hidden_inner_box {display:none;}
.info_inner .etc_group .hidden_box .hidden_inner_box.active {display:block;}
.info_inner .etc_group .hidden_box .hidden_inner_box .btn_in_box {position:relative;padding-right:34px;margin-bottom:13px;}
.info_inner .etc_group .hidden_box .hidden_inner_box .btn_in_box .btn_remove {width:18px;height:18px;border:1px solid #c4c4c4;border-radius:18px;position:absolute;right:0;top:50%;margin-top:-10px;}
.info_inner .etc_group .hidden_box .hidden_inner_box .btn_in_box .btn_remove:before {content:'';width:8px;height:1px;background:#c4c4c4;position:absolute;left:50%;top:50%;margin-left:-4px;}
.info_inner .etc_group .hidden_box .hidden_inner_box .btn_in_box .input_box.file {border:0;padding-left:65px;}
.info_inner .etc_group .hidden_box .hidden_inner_box .btn_in_box .input_box.file .file_input_textbox {text-decoration:underline;}
.info_inner .etc_group .hidden_box .file_box {width:53px;height:53px;border:1px solid #c4c4c4;position:absolute;left:0;top:0;background:url('../img/ico_file.png') no-repeat center #f9f9f9;background-size:27px;border-radius:5px;font-size:0;}
.info_inner .etc_group .hidden_box .file_box input {background:transparent;}
.info_inner .etc_group .hidden_box .file_input_button {width:100%;height:48px;font-size:15px;color:#aaa;line-height:48px;text-align:left;}
.info_inner .etc_group .hidden_box .file_input_hidden {width:100%;height:100%;font-size: 45px;position: absolute;left: 0px;top: 0px;opacity: 0;}
.info_inner .true_chk {margin:30px 0;}
.info_inner .true_chk input[type="checkbox"] + label {width:300px;padding-left:23px;color:#666;font-weight:500;}
.info_inner .temporary_save {width:100%;height:58px;border:1px solid #999;background:#eaeaea;box-sizing:border-box;display:block;font-size:21px;color:#666;text-align:center;line-height:58px;margin-bottom:10px;}
.info_inner .btn_apply_confirm {width:100%;height:58px;border:1px solid #004088;background:#0091f4;box-sizing:border-box;display:block;font-size:21px;color:#fff;text-align:center;line-height:58px;margin-bottom:10px;}
.notification {width:100%;text-align:center;font-size:12px;color:#999;line-height:20px;background:#dfdfdf;padding:15px 0;}
.notification.hide {display:none;}
.notification.txt {background:#f6f6f6;text-align:left;}
.notification span {color:#333;}


.wrap .section.visual_section .visual_slide {position:relative;margin:60px -30px 0 -30px;}
.wrap .section.visual_section .swiper-container {overflow: inherit;}
.wrap .section.visual_section .visual_slide .swiper-slide {width:285px;padding:44px 0 0 0;border-radius:15px;border:1px dashed #22a0f6;box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.07);font-weight: 300;box-sizing: border-box;overflow: hidden;}
.wrap .section.visual_section .visual_slide .swiper-slide .video_box {padding:0 42px;}
.wrap .section.visual_section .visual_slide .swiper-slide .desc {font-size:17px;color:#000;line-height: 30px;margin-bottom:25px;text-align: center;letter-spacing: -1px;}
.wrap .section.visual_section .visual_slide .swiper-slide .desc .mot_text {min-width:62px;position: relative;display: inline-block;vertical-align: top;font-weight: 500;}
.wrap .section.visual_section .visual_slide .swiper-slide .desc .mot_text .text {position: relative;z-index: 2;opacity: 0;}
.wrap .section.visual_section .visual_slide .swiper-slide .desc .mot_text .marker1 {width:79px;height:23px;background: url('../img/welfare/marker1.png') no-repeat 0 0;background-size:79px;position: absolute;left:-10px;top:2px;z-index: -1;}
.wrap .section.visual_section .visual_slide .swiper-slide .desc .mot_text .marker2 {width:62px;height:23px;background: url('../img/welfare/marker2.png') no-repeat 0 0;background-size:62px;position: absolute;left:0;top:2px;z-index: -1;}
.wrap .section.visual_section .visual_slide .swiper-slide .desc .mot_text .marker3 {width:62px;height:24px;background: url('../img/welfare/marker3.png') no-repeat 0 0;background-size:62px;position: absolute;left:0;top:2px;z-index: -1;}
.wrap .section.visual_section .visual_slide .swiper-slide .team {font-size:13px;color:#000;line-height: 19px;margin-bottom:15px;text-align: center;}
.wrap .section.visual_section .visual_slide .swiper-slide .team span {color:#888;display: inline-block;vertical-align: top;margin-right:10px;}
.wrap .section.visual_section .visual_slide .swiper-slide .money {width:70px;height:57px;position:absolute;left:45px;top:70px; background:url('../img/welfare/sprite_money.png') no-repeat 0 0;overflow:hidden;background-size:3080px;}
.wrap .section.visual_section .visual_slide .swiper-slide .ceo {width:70px;height:50px;position:absolute;left:82px;top:79px; background:url('../img/welfare/sprite_ceo.png') no-repeat 0 0;overflow:hidden;background-size:2730px;}
.wrap .section.visual_section .visual_slide .swiper-slide .idea {width:50px;height:50px;position:absolute;left:172px;top:51px; background:url('../img/welfare/sprite_idea.png') no-repeat 0 0;overflow:hidden;background-size:2000px;}
.wrap .section.visual_section .visual_slide .swiper-slide .sprite_ani {opacity: 0;}
.wrap .section.visual_section .visual_slide .swiper-slide .sprite_ani.active {opacity: 1;}
.wrap .section.visual_section .visual_slide .swiper-slide .sprite_ani.money.active {animation: aniMoney 1.1s steps(44) forwards;}
.wrap .section.visual_section .visual_slide .swiper-slide .sprite_ani.ceo.active {animation: aniCeo 1.4s steps(39) forwards;}
.wrap .section.visual_section .visual_slide .swiper-slide .sprite_ani.idea.active {animation: aniIdea 1.6s steps(40) forwards;}

@keyframes aniMoney {
    from { background-position-x:0px; }
    to { background-position-x:-3080px; }
}
@keyframes aniCeo {
    from { background-position-x:0px; }
    to { background-position-x:-2730px; }
}
@keyframes aniIdea {
    from { background-position-x:0px; }
    to { background-position-x:-2000px; }
}

.wrap .section.visual_section .visual_slide .visual_slide_text .visual_title {font-size:21px;color:#000;line-height:35px;font-weight:500;margin-bottom:10px;opacity:0;}
.wrap .section.visual_section .visual_slide .visual_slide_text .visual_desc {font-size:13px;color:#999;line-height:19px;opacity:0;}
.wrap .section.visual_section .visual_slide .visual_pagination {width:inherit;left:0;position:relative;text-align:center;bottom:0;margin-top:30px;}

.wrap .section .salary_wrap {position:relative;}
.wrap .section .salary_wrap .salary_title {font-size:18px;color:#000;line-height:28px;margin:40px 0 15px 0;letter-spacing: -0.9px;font-weight: 500;}
.wrap .section .salary_wrap .salary_table {margin:40px 0 0 0;}
.wrap .section .salary_wrap .salary_desc {font-size:13px;color:#888;line-height:23px;letter-spacing: -0.7px;margin-bottom: 50px;}
.wrap .section .salary_wrap .salary_tab {border-bottom:1px solid #f2f2f2;overflow-x:auto;white-space: nowrap;margin:0 -30px;}
.wrap .section .salary_wrap .salary_tab::-webkit-scrollbar {display: none;}
.wrap .section .salary_wrap .salary_tab ul {font-size:0;}
.wrap .section .salary_wrap .salary_tab ul li {display: inline-block;margin-right:9px;}
.wrap .section .salary_wrap .salary_tab ul li:first-child {margin-left:30px;}
.wrap .section .salary_wrap .salary_tab ul li:last-child {margin-right:30px;}
.wrap .section .salary_wrap .salary_tab ul li a {display: inline-block;font-size:13px;color:#ccc;line-height: 35px;position:relative;padding:0 15px;}
.wrap .section .salary_wrap .salary_tab ul li a:before {content: '';width:100%;height: 2px;background: #409ff6;position: absolute;left:0;bottom:0;opacity: 0;
    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
}
.wrap .section .salary_wrap .salary_tab ul li a.active {color:#409ff6;}
.wrap .section .salary_wrap .salary_tab ul li a.active:before {opacity: 1;}
.salary_table {width:100%;}
.salary_table td {padding:15px;font-size:13px;color:#000;line-height:16px;}
.salary_table tr {position: relative;opacity: 0;transform: translateY(50px);}
.salary_table tr.active {opacity: 1;}
.salary_table tr:nth-child(odd) td {background:#f2f2f2;}
.salary_table td .salary {float:right;}
.wrap .section .salary_wrap .table_p {font-size:13px;color:#888;letter-spacing: -0.7px;margin-bottom: 120px;opacity: 0;border-top:1px solid #f2f2f2;padding-top:15px;line-height: 23px;}
.wrap .section .salary_wrap .incentive_profile {position:relative;padding:10px 0 0 75px;margin-top:45px;}
.wrap .section .salary_wrap .incentive_profile:before {content:'';width:65px;height:66px;background:url('../img/welfare/profile.png') no-repeat 0 0;position:absolute;left:0;top:0;background-size:65px;}

.wrap .section .salary_wrap .incentive_tab_ul {overflow: hidden;text-align: right;font-size:0;margin:40px 0 22px 0;}
.wrap .section .salary_wrap .incentive_tab_ul li {width:75px;height:32px;display: inline-block;vertical-align: top;}
.wrap .section .salary_wrap .incentive_tab_ul li a {width:100%;height: 32px;font-size:13px;color:#ccc;line-height: 31px; text-align: center;letter-spacing: -0.7px;display: block;}
.wrap .section .salary_wrap .incentive_tab_ul li a.active {background: #409ff6;border-radius: 32px;color:#fff;}

.wrap .section .salary_wrap .incentive_wrap {width:315px;position: relative;margin:0 auto;}
.wrap .section .salary_wrap .incentive_wrap .incentive_text {width:58px;height:300px;position: absolute;left:0;top:0;}
.wrap .section .salary_wrap .incentive_wrap .incentive_text .indiResult {font-size:11px;color:#dbae33;letter-spacing: -0.6px;position: absolute;left:0;bottom:159px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_text .teamResult {font-size:11px;color:#4dbc8f;letter-spacing: -0.6px;position: absolute;left:0;bottom:75px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_text .salary {font-size:11px;color:#409ff6;letter-spacing: -0.6px;position: absolute;left:0;bottom:27px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box {height:300px;padding-left:58px;position: relative;border-bottom:1px solid #ddd;font-size:0;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .white_box {width:242px;height:100%;position: absolute;left:58px;top:0;z-index: 2;background: #fff;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box {width:50px;position:absolute;bottom:0;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box.rank1 {left:58px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box .yellow.active {margin-bottom:15px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box.rank2 {left:108px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box.rank3 {left:158px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box.rank4 {left:208px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box.team_rank {left:258px;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph {width:20px;border-top:1px solid #fff;margin:0 auto;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box .total_salary {font-size:15px;color:#000;letter-spacing: -0.8px;line-height:20px;text-align: center;margin-bottom: 10px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box .total_salary.active {color:#409ff6;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box .total_salary span {display: block;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_box .salary_text {font-size:11px;color:#0634a6;letter-spacing: -0.6px;text-align: center;margin-bottom: 10px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.blue {background: #409ff6;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.green {background:#64d0a4;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.yellow {background:#fecf4e;}

.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.team_result_box {height:0;background:#64d0a4;border-top:0;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.team_result_box:nth-child(1) {position: absolute;left:15px;bottom:0;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.team_result_box:nth-child(2) {position: absolute;left:15px;bottom:15px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.team_result_box:nth-child(3) {position: absolute;left:15px;bottom:30px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph.team_result_box:nth-child(4) {position: absolute;left:15px;bottom:45px;display: none;}
.wrap .section .salary_wrap .incentive_wrap .incentive_box .graph_team {width:20px;background:#64d0a4;margin:0 auto;}
.wrap .section .salary_wrap .incentive_wrap .rank {font-size:0;margin-top:10px;}
.wrap .section .salary_wrap .incentive_wrap .rank div {width:50px;text-align:center;font-size:13px;letter-spacing: -0.7px;line-height: 20px;display: inline-block;vertical-align: top;}
.wrap .section .salary_wrap .incentive_wrap .rank .plant_team {width:58px;text-align: left;color:#409ff6;}
.wrap .section .salary_wrap .incentive_wrap .rank .team_result {color:#57c498;}
.wrap .section .salary_wrap .incentive_wrap .example_txt {font-size:13px;color:#ccc;margin-top:10px;}

.wrap .section .salary_wrap .incentive_text {font-size:13px;color:#999;position:relative;margin-bottom:5px;}
.wrap .section .salary_wrap .incentive_text span {color:#209ff6;}
.wrap .section .salary_wrap .table_p.bottom {margin-bottom:110px;}
.wrap .section .salary_wrap .incentive_ul {position:relative;margin:40px 0;}
.wrap .section .salary_wrap .incentive_ul li {position:relative;margin-bottom:13px;font-size:0;padding-left:30px;}
.wrap .section .salary_wrap .incentive_ul li .incentive_round {display:inline-block;position:relative;width:11px;height:11px;border:1px solid #000;border-radius:18px;
    -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.wrap .section .salary_wrap .incentive_ul li:nth-child(1) .incentive_round.active {width:49%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(2) .incentive_round.active {width:50%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(3) .incentive_round.active {width:50%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(4) .incentive_round.active {width:39%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(5) .incentive_round.active {width:61%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(6) .incentive_round.active {width:55%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(7) .incentive_round.active {width:38%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(8) .incentive_round.active {width:38%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(9) .incentive_round.active {width:36%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(10) .incentive_round.active {width:69%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(11) .incentive_round.active {width:77%;}
.wrap .section .salary_wrap .incentive_ul li:nth-child(12) .incentive_round.active {width:77%;}
.wrap .section .salary_wrap .incentive_ul li .incentive_round .circle {width:100%;height:12px;background:#209ff6;border-radius:20px;transform:translateY(2px);position:relative;z-index:-1;}
.wrap .section .salary_wrap .incentive_ul li .date {font-size:12px;color:#999;position:absolute;left:0;top:0;}
.wrap .section .salary_wrap .incentive_ul li .incentive_price {display:inline-block;font-size:13px;color:#000;margin-left:10px;opacity:0;}
.wrap .section .salary_wrap .incentive_ul li .incentive_price.active {opacity:1;}
.wrap .section .salary_wrap .incentive_total {font-size:26px;color:#000;line-height:25px;font-weight:300;letter-spacing:-0.5px;opacity:0;}
.wrap .section .salary_wrap .incentive_total span {color:#209ff6;}


.wrap .section.job_intro_section {padding-bottom:0;}
.wrap .section.job_intro_section .img_box {position:relative;margin-bottom:150px;}
.wrap .section.job_intro_section .img_box.bl {border-bottom:1px solid #eee;padding-bottom:80px;margin-bottom:100px;}
.wrap .section.job_intro_section .img_box .txt {font-size:13px;color:#000;line-height:20px;margin-top:25px;}
.wrap .section.job_intro_section .img_box a {width:212px;display:block;margin-top:40px;}
.wrap .section .job_intro_video {position:relative;margin:0 -30px;}
.wrap .section .job_intro_video video {width:100%;}
.wrap .section .job_intro_video .btn_video {width:100%;height:100%;position:absolute;left:0;top:0;border-radius:100px;z-index:2;}
.wrap .section .job_intro_video .btn_video.active {opacity:0;}
.wrap .section .job_intro_video .btn_video:after {content:'';width:8px;height:9px;position:absolute;left:50%;top:50%;background:url('../img/ico_video_cursor.png') no-repeat center;margin:-4px 0 0 -4px;z-index:2;background-size:8px;}
.wrap .section .job_intro_video .btn_video:before {content:'';width:50px;height:50px;position:absolute;left:50%;top:50%;background:#209ff6;border-radius:100px;opacity:0.9;margin:-25px 0 0 -25px;
    -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.wrap .section .job_intro_wrap {position:relative;}
.wrap .section .job_intro_wrap .job_intro_box {position:relative;margin:30px -30px 0;}
.wrap .section .job_intro_wrap .job_intro_box .team_title {position:absolute;left:30px;top:30px;font-size:21px;color:#fff;font-weight:500;letter-spacing: -1.1px;}
.wrap .section .job_intro_wrap .job_intro_box .team_desc {position:absolute;left:30px;bottom:30px;font-size:15px;line-height:22px;color:#fff;letter-spacing: -0.9px;}
.wrap .section .job_intro_wrap .job_intro_list_ul {position:relative;margin:20px 0 140px 0;}
.wrap .section .job_intro_wrap .job_intro_list_ul li {position:relative;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .btn {height:55px;position:relative;display:block;border-bottom:1px solid #eee;font-size:16px;color:#000;line-height:55px;letter-spacing: -0.8px;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .btn:before {content:'';width:12px;height:7px;position:absolute;right:0;top:50%;margin-top:-3px;background:url('../img/job_intro/ico_list_cursor.png') no-repeat 0 0;background-size:12px;
    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
}
.wrap .section .job_intro_wrap .job_intro_list_ul li .btn.active {color:#209ff6;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .btn.active:before {transform:rotate(180deg);}
.wrap .section .job_intro_wrap .job_intro_list_ul li .job_intro_list_detail {position:relative;background:#f6f6f6;padding:30px 20px;border-bottom:1px solid #eee;display:none;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .job_intro_list_detail .list_p {font-size:13px;color:#000;padding-left:8px;line-height:24px;position:relative;letter-spacing: -0.7px;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .job_intro_list_detail .list_p span {color:#209ff6;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .job_intro_list_detail .list_p:before {content:'';width:2px;height:2px;background:#209ff6;position:absolute;left:0;top:9px;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .job_intro_list_detail .title_p {font-size:13px;color:#209ff6;line-height:24px;position:relative;margin-top:30px;letter-spacing: -0.7px;}
.wrap .section .job_intro_wrap .job_intro_list_ul li .job_intro_list_detail .leader {font-size:13px;margin-top:30px;}

.wrap .section.work_environment {padding-right:0;}
.wrap .section.work_environment .section_title {font-size:23px;font-weight: 500;letter-spacing: -1.1px;line-height: 34px;margin-bottom: 20px;}
.wrap .section.work_environment .work_slide {margin-bottom: 60px;}
.wrap .section.work_environment .work_slide .work_pagination {width:inherit;left:0;position:relative;text-align:right;bottom:0;margin:20px 30px 0 0;padding-bottom:4px;}
.wrap .section.work_environment .work_slide .work_slide_text {width:100%;height:16px;position: absolute;left:0;bottom:0;}
.wrap .section.work_environment .work_slide .work_slide_text .desc {line-height:16px;font-size:11px;color:#409ff6;opacity:0;visibility: hidden;position: absolute;left:0;top:0;}
.wrap .section.work_environment .work_slide .work_slide_text .desc.active {opacity: 1;visibility: visible}


.wrap .section.welfare {}
.wrap .section.welfare .img_box {margin:0 -30px 20px 0;}
.wrap .section.welfare .welfare_title {font-size:18px;color:#000;line-height: 28px;margin-bottom: 9px;letter-spacing: -1px;}
.wrap .section.welfare .welfare_desc {font-size:13px;color:#888;line-height: 23px;margin-bottom: 60px;letter-spacing: -0.6px;}
.wrap .section.welfare .welfare_desc p {margin-bottom: 10px;}
.wrap .section.welfare .welfare_ul {margin-bottom: 18px;}
.wrap .section.welfare .welfare_ul li {padding-left:60px;margin-bottom: 40px;position: relative;}
.wrap .section.welfare .welfare_ul li .ico {width:40px;position: absolute;left:0;top:50%;margin-top:-20px;}
.wrap .section.welfare .welfare_ul li .ico.medical {top:25px;}
.wrap .section.welfare .welfare_ul li .title {font-size:16px;color:#000;line-height: 24px;letter-spacing: -0.8px;margin-bottom: 5px;}
.wrap .section.welfare .welfare_ul li .desc {font-size:13px;color:#888;line-height: 19px;letter-spacing: -0.6px;}
.wrap .section.welfare .work_view {text-align: right;}
.wrap .section.welfare .work_view a {display: inline-block;vertical-align: top;font-size:16px;color:#209ff6;line-height: 24px;letter-spacing: -0.8px;padding-right:25px;position: relative;background: url('../img/jobs/ico_cursor.png') no-repeat right center;background-size:18px;}

.wrap .section.cube_section .section_title {margin-bottom: 15px;}
.wrap .section.cube_section .img_box {margin:0 -30px 15px 0;}
.wrap .section.cube_section p {font-size:13px;color:#888;line-height: 23px;letter-spacing: -0.7px;margin-bottom: 40px;}

.wrap .section.chance_section .section_title {margin-bottom: 40px;}
.wrap .section.chance_section .img_box {margin:0 -30px 20px 0;}
.wrap .section.chance_section .chance_title {font-size:18px;color:#000;line-height: 26px;letter-spacing: -0.9px;margin-bottom: 8px;font-weight: 500;}
.wrap .section.chance_section .chance_desc {font-size:13px;color:#888;line-height: 23px;letter-spacing: -0.7px;margin-bottom: 60px;}
.wrap .section.chance_section .chance_desc.last {margin-bottom:20px;}
.wrap .section.chance_section .chance_plan {font-size:13px;color:#409ff6;line-height: 19px;letter-spacing: -0.7px;}

.jobs_view_top {position:relative;padding:30px 0;border-bottom:1px solid #eee;}
.jobs_view_top .jobs_view_title {text-align:center;font-size:29px;color:#000;line-height:40px;font-weight:300;margin-bottom:10px;padding:0 30px;}
.jobs_view_top .jobs_view_desc {text-align:center;font-size:13px;color:#aaa;line-height:20px;}
.jobs_view_top .jobs_view_desc .all {margin-top:10px;}
.jobs_view_top .jobs_view_desc span {color:#209ff6;}
.jobs_view_top .deadline {text-align:center;font-size:13px;color:#209ff6;line-height:20px;margin-top:5px;}
.jobs_view_top .deadline.today {text-align:center;font-size:13px;color:#ff5400;line-height:20px;margin-top:5px;}
.jobs_view_top .d_day {width:60px;height:60px;position:absolute;right:15px;bottom:-20px;border-radius:60px;font-size:13px;color:#fff;text-align:center;line-height:62px;background:#209ff6;}
.jobs_view_top .d_day.today {color:#fff;background:#ff5400;}
.jobs_view_top.end .jobs_view_title {color:#aaa;}
.jobs_view_top.end .jobs_view_desc {color:#aaa;}
.jobs_view_top.end .deadline {color:#888;right:60px;}
.jobs_view_top.end .d_day {background:#ccc;}
.jobs_view_top.end .end_text {margin-top:10px;}
.jobs_view_top.end .end_text span {color:#aaa;}


.jobs_view_wrap {position:relative;padding:30px;}
.jobs_view_wrap .img_box {margin-bottom:30px;text-align:center;}
.jobs_view_wrap .jobs_section {margin-bottom:30px;}
.jobs_view_wrap .jobs_section .jobs_title {font-size:21px;color:#209ff6;line-height:20px;font-weight:500;margin-bottom:10px;position:relative;}
.jobs_view_wrap .jobs_section .jobs_title span {position:absolute;right:0;bottom:0;font-size:13px;color:#999;}
.jobs_view_wrap .jobs_section p {position:relative;padding-left:12px;font-size:13px;color:#000;line-height:27px;}
.jobs_view_wrap .jobs_section p.none {line-height:20px;}
.jobs_view_wrap .jobs_section p.none:before {display:none;}
.jobs_view_wrap .jobs_section p:before {content:'';width:2px;height:2px;background:#209ff6;position:absolute;left:0;top:11px;}
.jobs_view_wrap .jobs_section dl {position:relative;padding-left:65px;margin-bottom:5px;}
.jobs_view_wrap .jobs_section dl.none {padding-left:0;}
.jobs_view_wrap .jobs_section dl.first {margin-top:15px;}
.jobs_view_wrap .jobs_section dl dt {position:absolute;left:0;top:0;font-size:13px;color:#999;line-height:22px;}
.jobs_view_wrap .jobs_section dl dd {font-size:13px;color:#000;line-height:22px;}
.jobs_question_wrap {padding:30px;background:#f6f6f6;}
.jobs_view_wrap .jobs_title {font-size:21px;color:#000;line-height:20px;font-weight:500;margin-bottom:15px;position:relative;}
.jobs_view_wrap .jobs_p {margin-bottom:30px;}
.jobs_view_wrap .jobs_p p {font-size:13px;color:#999;line-height:20px;margin-bottom:10px;}
.jobs_view_wrap .jobs_p .title {font-size:16px;color:#999;line-height:20px;font-weight:500;margin:90px 0 15px;position:relative;}
.jobs_view_wrap .btn_resume_go {height:58px;border:1px solid #209ff6;background:#fff;display:block;font-size:21px;color:#209ff6;text-align:center;line-height:58px;margin-top:30px;}
.jobs_view_wrap .btn_test_go {height:58px;border:1px solid #0e89dd;background:#209ff6;display:block;font-size:21px;color:#fff;text-align:center;line-height:58px;margin-top:10px;}
.jobs_view_wrap .btn_list {height:42px;border:1px solid #ddd;display:block;font-size:16px;color:#000;text-align:center;line-height:42px;margin-bottom:90px;}



.test_header {height:85px;position:relative;}
.test_header .test_logo {width:64px;position:absolute;left:30px;top:30px;}
.test_header .test_result_logo {width:109px;position:absolute;left:30px;top:30px;}
.test_wrap {position:relative;padding:0 30px 30px;}
.test_wrap .test_intro {height:100%;position:relative;}
.test_wrap .test_intro .intro_title_wrap {width:100%;height:100%;display:table;}
.test_wrap .test_intro .intro_title_wrap .intro_title {display:table-cell;vertical-align:middle;font-size:29px;color:#000;line-height:37px;text-align:center;font-weight:300;}
.test_wrap .test_intro .intro_text_wrap {width:100%;}
.test_wrap .test_intro.hide {display:none;}
.test_wrap .test_intro p {position:relative;padding-left:6px;font-size:13px;color:#999;line-height:27px;letter-spacing:-0.6px;}
.test_wrap .test_intro p span {color:#666;}
.test_wrap .test_intro p:before {content:'';width:2px;height:2px;background:#209ff6;position:absolute;left:0;top:11px;}
.test_wrap .test_intro .btn_test_start {height:58px;border:1px solid #0e89dd;background:#209ff6;display:block;font-size:21px;color:#fff;text-align:center;line-height:58px;margin-top:30px;}
.test_wrap .type_wrap {display:none;position:relative;padding-top:70px;}
.test_wrap .type_wrap.active {display:block;}
.test_wrap .type_wrap .question_num {font-size:13px;color:#bebebe;line-height:28px;font-weight:900;margin-bottom:15px;}
.test_wrap .type_wrap .question_title {font-size:17px;color:#000;line-height:28px;margin-bottom:15px;}
.test_wrap .type_wrap .q_img {position:relative;}
.test_wrap .type_wrap .q_video {position:relative;}
.test_wrap .type_wrap .q_text {margin:0 -30px;position:relative;background:#eee;padding:30px;font-size:14px;color:#666;line-height:25px;font-weight:300;}
.test_wrap .type_wrap .q_img_list_wrap {position:relative;}
.test_wrap .type_wrap .q_img_list_wrap .q_img_list {position:relative;margin-bottom:10px;}
.test_wrap .type_wrap .q_img_list_wrap .q_img_list .num {width:18px;height:18px;position:absolute;left:10px;top:10px;font-size:13px;color:#fff;border-radius:18px;border:1px solid #fff;font-weight:300;text-align:center;line-height:20px;background:#000;}
.test_wrap .type_wrap .q_ul {position:relative;margin:60px 0 20px;overflow:hidden;}
.test_wrap .type_wrap .q_ul li {margin-bottom:25px;}
.test_wrap .type_wrap .q_ul.q_img .radio_box:after {display:none;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label {padding:0;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label:after {display:none;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label:before {display:none;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label .a {width:100%;display:block;vertical-align:middle;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size:13px;line-height:20px;padding:15px 15px 15px 45px;box-sizing:border-box;border:1px solid #eee;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label .a:after {content:'';width:18px;height:18px;border:1px solid #e0e0e0;background:#fff;border-radius:18px;position:absolute;left:15px;top:50%;margin-top:-10px;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label .a:before {content: '';width:18px;height:18px;position:absolute;left:0;top:0;border-radius:18px;z-index:2;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"]:checked + label .a:before {content: "";width:10px;height:10px;background:#209ff6;left:20px;top:50%;margin-top:-5px;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"]:checked + label .a:after {border:1px solid #209ff6;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label .q {position:relative;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label .border {width:100%;height:100%;box-sizing:border-box;position:absolute;left:0;top:0;border:2px solid transparent;z-index:2;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"]:checked + label .border {border:2px solid #209ff6;}
.test_wrap .type_wrap .q_ul.q_img .radio_box input[type="radio"] + label .q .num {width:20px;height:20px;position:absolute;left:10px;top:10px;font-size:14px;color:#fff;border-radius:20px;border:1px solid #fff;font-weight:300;text-align:center;line-height:20px;background:#000;}

.test_wrap .type_wrap .q_ul.q_video .radio_box:after {display:none;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label {padding:0;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label:after {display:none;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label:before {display:none;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .a {width:100%;display:block;vertical-align:middle;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size:13px;line-height:20px;padding:15px 15px 15px 45px;box-sizing:border-box;border:1px solid #eee;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .a:after {content:'';width:18px;height:18px;border:1px solid #e0e0e0;background:#fff;border-radius:18px;position:absolute;left:15px;top:50%;margin-top:-10px;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .a:before {content: '';width:18px;height:18px;position:absolute;left:0;top:0;border-radius:18px;z-index:2;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"]:checked + label .a:before {content: "";width:10px;height:10px;background:#209ff6;left:20px;top:50%;margin-top:-5px;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"]:checked + label .a:after {border:1px solid #209ff6;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .q {position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .q iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .border {width:100%;height:100%;box-sizing:border-box;position:absolute;left:0;top:0;border:2px solid transparent;z-index:2;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"]:checked + label .border {border:2px solid #209ff6;}
.test_wrap .type_wrap .q_ul.q_video .radio_box input[type="radio"] + label .q .num {width:20px;height:20px;position:absolute;left:10px;top:10px;font-size:14px;color:#fff;border-radius:20px;border:1px solid #fff;font-weight:300;text-align:center;line-height:20px;background:#000;z-index: 2;}

.test_wrap .type_wrap .q_ul.q_video .border {display: none;}

.test_wrap .step_box {position:relative;overflow:hidden;}
.test_wrap .step_box a {display: block;font-size: 22px;color: #000;line-height: 24px;position: relative;font-weight: 700;margin-bottom:60px;}
.test_wrap .step_box a.btn_next {float:right;padding-right:35px;background:url('../img/ico_next.png') no-repeat right center;background-size:24px;}
.test_step_layer {width:100%;height:100%;position:fixed;left:0;top:0;opacity:0;visibility:hidden;z-index:10;background:#fff;}
.test_step_layer.active {opacity:1;visibility:visible;}
.test_step_layer .inner {width:100%;top:50%;transform:translateY(-50%);position:relative;margin:0 auto;}
.test_step_layer .inner .img {width:313px;height:426px;margin:0 auto;}

.test_step_layer .inner .img.step1 {background:url('../img/test_step_img1.png') no-repeat 0 0;overflow:hidden;background-size:15337px;
    animation: stepAni 2s steps(48) infinite;
}
.test_step_layer .inner .img.step2 {background:url('../img/test_step_img2.png') no-repeat 0 0;overflow:hidden;background-size:15337px;
    animation: stepAni 2s steps(48) infinite;
}
.test_step_layer .inner .img.step3 {background:url('../img/test_step_img3.png') no-repeat 0 0;overflow:hidden;background-size:15337px;
    animation: stepAni 2s steps(48) infinite;
}
.test_step_layer .inner .img.step4 {background:url('../img/test_step_img4.png') no-repeat 0 0;overflow:hidden;background-size:15337px;
    animation: stepAni 2s steps(48) infinite;
}

.test_step_layer .inner p {font-size:25px;color:#000;text-align:center;margin-bottom:60px;}

@keyframes stepAni {
    from { background-position-x:0px; }
    to { background-position-x:-15024px; }
}

.result-wrapper {
    position: relative;
    background-color: #f4f5f7;
}
.result-wrapper * {box-sizing: border-box;}
.result-wrapper .inner {
    overflow-x: hidden;
    margin: 0 auto 10px;
    padding: 30px 0;
    background-color: #fff;
    border: solid #e4e4e4;
    border-width: 1px 0;
    text-align: center;
}
.result-wrapper .inner .find_text {font-size:20px;color:#000;line-height:30px;text-align:center;font-weight:300;margin-bottom:35px;}
.result-wrapper .inner .find_text span {font-weight:700;color:#209ff6;}

.result-wrapper .inner .potential_title {padding:124px 0 80px 0;font-size:28px;color:#209ff6;line-height:40px;text-align:center;font-weight:300;margin:50px 0 80px 0;position:relative;background:url('../img/result/potential_man.png') no-repeat center 0;background-size:94px;}
.result-wrapper .inner .potential_title:before {content:'';width:80px;;height:1px;background:#ddd;position:absolute;left:50%;bottom:0;margin-left:-40px;}
.result-wrapper .inner .potential_title .txt {position:relative;font-weight:700;color:#209ff6;}
.result-wrapper .inner .potential_title .lv {width:38px;height:27px;position:absolute;right:28px;top:-27px;font-size:13px;color:#209ff6;line-height:22px;text-align:center;background:url('../img/result/ico_marker.png') no-repeat 0 0;background-size:38px;}
.result-wrapper .inner .potential_title .sub {font-size:15px;color:#000;line-height:38px;margin-top:15px;}

.result-wrapper .inner:first-child {
    padding: 70px 0 30px;
}
.result-wrapper .inner.no-padding {padding: 0;}

.result-wrapper h2 {margin:0;padding: 30px 0 0;background: url('../img/result/bg_logo.png') 50% 0 no-repeat;font-size: 22px;text-align: center;font-weight: 700;letter-spacing: -0.085em;background-size: 95px;}
.result-wrapper .lv-desc {margin: 30px 0 65px;text-align: center;}
.result-wrapper .lv-desc .score-box {}
.result-wrapper .lv-desc .score-box p {color: #999999;font-size: 13px;}
.result-wrapper .lv-desc .score-box strong {font-size: 26px;}
.result-wrapper .lv-desc .score-info {margin-top: 20px;font-size: 13px;}
.result-wrapper .lv-desc .score-info > span {display: block;}
.result-wrapper .lv-desc .score-info > span > .label {
    padding: 1px 5px;
    background-color: #d9edfa;color: #209ff6;
    border-radius: 3px;
    line-height: 34px;
}

.result-wrapper .graph-wrapper {max-width: 375px;margin: 0 auto;}
.result-wrapper .graph-wrapper .graph-container {position: relative;margin-top:10px;}
.result-wrapper .graph-wrapper .graph-container p {font-size:13px;color:#000;line-height:20px;text-align:center;font-weight:300;margin-top:30px;}
.result-wrapper .graph-wrapper .graph-container p span {font-weight:500;}
.result-wrapper .graph-wrapper .score-wrapper {position: absolute;left: 10px;right:10px;top: 0;bottom: 0;height: 100%;}
.result-wrapper .graph-wrapper .score-wrapper .score {position: absolute;top: -10px;width: 1px;height: calc(100% - 82px);border-left: 1px dashed #666666;}
.result-wrapper .graph-wrapper .score-wrapper .score.long {height: calc(100% - 12px);}
.result-wrapper .graph-wrapper .score-wrapper .score span {
    display: block;min-width:50px;height: 24px;position: absolute;left:50%;top: -20px;font-size: 13px;
    text-align: center;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
.result-wrapper .graph-wrapper .score-wrapper .score span i {font-style:normal;}
.result-wrapper .graph-wrapper .pos {margin-top: 30px;padding: 0 30px;color: #cccccc;font-size: 11px;text-align: right;}

.result-wrapper .result-detail {margin-bottom:70px;}
.result-wrapper .result-detail .detail-header {padding-bottom: 40px;border-bottom: 1px solid #e6e6e6;margin-top:10px;}
.result-wrapper .result-detail .detail-header h3 {font-size: 18px;font-weight:500;}
.result-wrapper .result-detail .detail-header p.desc {font-size: 13px;margin-top:7px;}
.result-wrapper .result-detail .detail-header p.desc span {color: #209ff6;}

.result-wrapper .graph-set {margin:0 30px;padding:40px 0;text-align: left;border-bottom:1px solid #eee;}
.result-wrapper .graph-set.last {border-bottom:0;}
.result-wrapper .graph-set h3 {font-size: 22px;}
.result-wrapper .graph-bar {position: relative;height: 52px;margin-bottom: 20px;}
.result-wrapper .graph-bar::before {content: '';display: block;position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height:30px;background: url('../img/result/m_graph_line.png') 0 100% no-repeat;background-size: 100%;z-index:3;}
.result-wrapper .graph-bar::after {content: '';display: block;position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height:30px;background:#eee;}
.result-wrapper .graph-bar .min,
.result-wrapper .graph-bar .max {position: absolute;bottom: -20px;height: 20px;font-size: 12px;color:#999;}
.result-wrapper .graph-bar .min {left: 0;}
.result-wrapper .graph-bar .max {right: 0;}
.result-wrapper .graph-bar .bar {position: absolute;left: 0;bottom: 0;height: 30px;background: linear-gradient(to right, #20c5ff 0%,#9b64ee 100%);z-index:2;}
.result-wrapper .graph-bar .bar .score {position: absolute;right: 0;top:-25px;min-width:43px;height:29px;text-align: right;opacity:0;}
.result-wrapper .graph-bar .bar .score.active {opacity:1;}
.result-wrapper .graph-bar .bar .score p {min-width:100px;display:none;padding: 3px 5px;border-radius: 2px;background-color: #209ff6;color: #fff;font-size: 12px;text-align:left;}
.result-wrapper .graph-bar .bar .score strong {font-size: 16px;}
.result-wrapper .graph-bar .bar .score strong i {font-style:normal;}
.result-wrapper .graph-bar .bar.high {background-color: rgba(32,184,246,0.3);}
.result-wrapper .graph-bar .bar.high .score {top:-70px;height: 49px;}
.result-wrapper .graph-bar .bar.high .score p {display: block;}

.result-wrapper .graph-bar .bar.high.r .score {right: -94px;width: 94px;text-align: left;}
.result-wrapper .graph-bar .bar.high.r .score p {position:absolute;right: 0;}
.result-wrapper .graph-bar .bar.high.r .score strong {display:inline-block;position:absolute;left: 0;top: 40px;min-width: 40px;}

.result-wrapper .graph-bar + .panel {padding-top: 20px;font-size: 13px;line-height: 24px;color:#666;}

.result-wrapper .visual-title {height: 214px;padding:60px 0;background: url('../img/result/bg_people.png') 50% 100% no-repeat;background-size: 80%;font-size: 26px;letter-spacing: -0.085em;text-align: center;}
.result-wrapper .visual-title h3 {line-height: 34px;}
.result-wrapper h4.tit-dot {position: relative;margin-bottom: 10px;padding: 0 30px;color: #999;font-size: 11px;text-align: left;font-weight:300;}
.result-wrapper h4.tit-dot::before {content: '';display: inline-block;width: 8px;height: 8px;margin-right: 5px;background-color: #209ff6;border-radius: 50%; vertical-align: middle;opacity:0.5;}

.result-wrapper .staff {margin-top:130px;}
.result-wrapper .staff h3 {margin:0 30px 40px 30px;font-size:27px;line-height:34px;font-weight:300;text-align:left; }
.result-wrapper .staff h3 span {font-weight:700;}
.result-wrapper .staff h4 {font-size:20px;color:#000;line-height:28px;text-align:center;margin-bottom:40px;font-weight:300;}
.result-wrapper .staff h5 {font-size:18px;color:#000;line-height:28px;margin-bottom:10px;font-weight:500;}

.result-wrapper .staff .person_ul {position:relative;margin:0 30px 100px;}
.result-wrapper .staff .person_ul li {position:relative;border-bottom:1px solid #eee;padding:30px 0 30px 120px;;}
.result-wrapper .staff .person_ul li:last-child {border-bottom:0;}
.result-wrapper .staff .person_ul li .thumb {width:80px;position:absolute;left:10px;top:30px;}
.result-wrapper .staff .person_ul li .desc {text-align:left;}
.result-wrapper .staff .person_ul li .desc .desc_title {font-size:13px;color:#209ff6;line-height:20px;margin-bottom:6px;}
.result-wrapper .staff .person_ul li .desc p {font-size:16px;color:#000;line-height:24px;font-weight:300;}

.result-wrapper .staff .swiper-slide {position:relative;}
.result-wrapper .staff .paging-arr {position: absolute;left: 0;right:0;top:10.7%;}
.result-wrapper .staff .paging-arr button {position: absolute;top:0;width:40px;height:54px;transform: translate(0, -50%);cursor: pointer;z-index: 5;}
.result-wrapper .staff .paging-arr .next {right:18px;background: url('../img/result/btn_arr_next.png') no-repeat 0;background-size:40px;}
.result-wrapper .staff .paging-arr .prev {left:18px;background: url('../img/result/btn_arr_prev.png') no-repeat 0;background-size:40px;}
.result-wrapper .staff .pagination {position: absolute;left: 0;right: 0;top:17.8%;bottom: auto;width: 100%;text-align: center;z-index:2;}
.result-wrapper .staff .same_text {text-align: center;font-size:13px;color:#000;margin-bottom:20px;}
.result-wrapper .staff .same_text span {color:#209ff6;}
.result-wrapper .swiper-slide figure {position:relative;}
.result-wrapper .swiper-slide figure:before {content:'';width: 0px;height: 0px;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 15px solid #fff;position:absolute;left:50%;top:0;margin-left:-14px;}
.result-wrapper .swiper-slide figure figcaption {padding: 55px 0 0;}
.result-wrapper .swiper-slide figure figcaption .name {margin-bottom:2px;font-size: 22px;}
.result-wrapper .swiper-slide figure figcaption .year {margin-bottom: 30px;font-size: 13px;color:#666;}
.result-wrapper .swiper-slide figure figcaption .text-normal {padding-bottom:60px;margin:0 30px;color: #000;font-size: 13px;line-height: 24px;text-align:left;border-bottom:1px solid #ddd;}
.result-wrapper .swiper-slide .performance {margin:40px 30px;text-align:left;}
.result-wrapper .swiper-slide .performance .per_title {font-size:14px;color:#209ff6;line-height:24px;margin-bottom:15px;}
.result-wrapper .swiper-slide .performance p {font-size:12px;color:#000;line-height:24px;}
.result-wrapper .swiper-slide .profile-image {margin:0 30px;}
.result-wrapper .swiper-slide .salary-detail {margin-top:80px;padding:0 30px 50px;text-align: left;}
.result-wrapper .swiper-slide .salary-detail h4 {margin-bottom: 20px; font-size: 18px;}
.result-wrapper .swiper-slide .salary-detail .info {padding:30px 0 0;font-size: 16px;text-align: center;font-weight: 100;}
.result-wrapper .swiper-slide .salary-detail p.standard {position: absolute;right:0;top:0;color: #999;font-size: 11px;}
.result-wrapper .swiper-slide .salary-detail .salary-container,
.result-wrapper .swiper-slide .salary-detail .incen-container {position: relative;}
.result-wrapper .swiper-slide .salary-detail .incen-container {margin-top:80px;}

.result-wrapper .recruit-list {text-align: left;}
.result-wrapper .recruit-list h3 {padding:30px;font-size: 18px;font-weight: 500;}
.result-wrapper .recruit-list h3 span {font-weight:300;}
.result-wrapper .recruit-list .item-list {}
.result-wrapper .recruit-list .item-list a {display: block;padding:19px 30px;border-top: 1px solid #f4f5f7;background: url('../img/ico_list_b.png') calc(100% - 30px) 50% no-repeat;background-size: 7px;}
.result-wrapper .recruit-list .item-list a .item-wrapper {}
.result-wrapper .recruit-list .item-list a .item-wrapper .subject {display: block;}
.result-wrapper .recruit-list .item-list a .item-wrapper .subject .title {font-size: 16px;line-height:24px;padding-right:50px;display:block;box-sizing:border-box;margin-bottom:3px;}
.result-wrapper .recruit-list .item-list a .item-wrapper .subject .tag {width:90px;height:20px;background:url('../img/ico_test_tag.png') no-repeat 0 0;background-size:90px;display:block;vertical-align:top;margin-bottom:3px;}

.result-wrapper .recruit-list .item-list a .item-wrapper .condition {color: #999;font-size: 13px;}
.result-wrapper .recruit-list .item-list a .item-wrapper .dday {color: #209ff6;font-size: 13px;margin-left:5px;}
.result-wrapper .recruit-list .item-list a .item-wrapper .dday.today {color: #ff5400;}
.result-wrapper .recruit-list .item-list li.end .item-wrapper .dday {color:#888;}

.result-wrapper .low-level {margin: 60px auto;padding:0 10px;background: url('../img/result/bg_type1.png') 50% 50% no-repeat;background-size: 160px;text-align: center;}
.result-wrapper .low-level h3 {font-size: 32px;letter-spacing: -0.085em;}
.result-wrapper .low-level h4 {margin-bottom:10px;padding-top:200px;font-size: 18px;}
.result-wrapper .low-level h4 strong {font-weight: 500;}
.result-wrapper .low-level p {color:#999;font-size: 13px;}

.result-wrapper .visual-image {text-align: center;}
.result-wrapper .employment {position:relative;}
.result-wrapper .employment .employment_title {position:relative;text-align:center;font-size:26px;line-height:36px;color:#000;font-weight:300;background:url('../img/result/employment_man.png') no-repeat center 0;background-size:120px;padding-top:90px;margin-top:40px;}
.result-wrapper .employment .employment_title span {font-weight:700;}
.result-wrapper .employment .employment_ul {position:relative;margin:60px 30px;}
.result-wrapper .employment .employment_ul li {text-align:left;margin-bottom:120px;}
.result-wrapper .employment .employment_ul li:last-child {margin-bottom:0;}
.result-wrapper .employment .employment_ul li .title {position:relative;font-size:18px;color:#000;line-height:28px;display:inline-block;margin-bottom:10px;}
.result-wrapper .employment .employment_ul li:nth-child(1) .title_img {width:276px;margin:0 auto 30px;}
.result-wrapper .employment .employment_ul li:nth-child(2) .title_img {width:337px;margin:0 auto 30px;}
.result-wrapper .employment .employment_ul li:nth-child(3) .title_img {width:236px;margin:0 auto 30px;}
.result-wrapper .employment .employment_ul li .title span {position:relative;z-index:2;font-weight:700;}
.result-wrapper .employment .employment_ul li .title:before {content:'';width:100%;height:12px;background:#d9edfa;position:absolute;left:0;bottom:0;}
.result-wrapper .employment .employment_ul li .desc {font-size:15px;color:#000;line-height:24px;margin-bottom:30px;}
.result-wrapper .employment .employment_ul li .point_text {font-size:19px;color:#999;line-height:28px;margin-top:90px;text-align:center;font-weight:300;}
.result-wrapper .employment .employment_ul li p {font-size:13px;color:#999;line-height:22px;padding-left:10px;margin-bottom:20px;position:relative;}
.result-wrapper .employment .employment_ul li p:before {content:'-';position:absolute;left:0;top:0;font-size:13px;color:#999;line-height:22px;}


.result-wrapper .btn-group {padding:30px 0 60px;text-align: center;}
.result-wrapper .btn-group a {display: block;}
.result-wrapper .btn-group a.btn_kakao_save {width:315px;margin:0 auto 20px;}
.result-wrapper .btn-group p {font-size:14px;color:#666;margin-bottom:60px;}
.result-wrapper .btn-group .go-home {width:150px;margin:0 auto;}


.etc_wrap {position:relative;padding:80px 30px;}
.etc_wrap h5 {font-size:25px;color:#000;line-height:35px;font-weight:300;margin-bottom:35px;}
.etc_wrap h5.privacy {margin-bottom:15px;}
.etc_wrap .input_wrap {position:relative;}
.etc_wrap .input_wrap .input_box {height:53px;border:1px solid #dfdfdf;position:relative;box-sizing:border-box;margin-bottom:20px;}
.etc_wrap .input_wrap .input_box.auth {padding-right:77px;background:#fbfbfb;}
.etc_wrap .input_wrap .btn_auth {width:100%;height:50px;border:1px solid #232323;background:#444;font-size:15px;color:#fff;text-align:center;line-height:50px;display:block;}
.etc_wrap .input_wrap .btn_auth.layer {width:77px;position:absolute;right:0;top:0;}
.etc_wrap .input_wrap .input_box.focus_blue {border:1px solid #209ff6;}
.etc_wrap .input_wrap .input_box input {width:100%;height:100%;line-height:53px;font-size:14px;color:#666;text-indent:10px;background:#fbfbfb;padding-right:10px;box-sizing:border-box;}
.etc_wrap .input_wrap .input_title {font-size:16px;color:#333;margin-bottom:5px;}
.etc_wrap .btn_ok {height:58px;border:1px solid #004088;background:#0091f4;display:block;font-size:21px;color:#fff;text-align:center;line-height:60px;margin-bottom:50px;}
.etc_wrap .text_p {position:relative;font-size:14px;color:#999;line-height:18px;margin-bottom:15px;}
.etc_wrap .text_p a {display:inline-block;vertical-align:top;text-decoration:underline;color:#000;margin-left:5px;}
.etc_wrap .privacy_box {height:250px;overflow-y:scroll;background:#fbfbfb;padding:20px 15px;box-sizing:border-box;border:1px solid #dfdfdf;margin-bottom:30px;}
.etc_wrap .privacy_box .privacy_title {font-size:15px;color:#444;line-height:18px;margin-bottom:22px;}
.etc_wrap .privacy_box p {font-size:14px;color:#999;line-height:22px;margin-bottom:18px;}
.etc_wrap .btn_disagree {height:58px;border:1px solid #9e9e9e;background:#c2c2c2;display:block;font-size:21px;color:#fff;text-align:center;line-height:60px;margin-bottom:10px;}
.etc_wrap .btn_agree {height:58px;border:1px solid #004088;background:#0091f4;display:block;font-size:21px;color:#fff;text-align:center;line-height:60px;}


.privacy_wrap {position:relative;padding:80px 30px;}
.privacy_wrap h2 {padding-bottom:30px;border-bottom:1px solid #000;margin:0 0 30px 0;text-align:center;}
.privacy_wrap h3 {font-size:21px;color:#000;line-height:26px;margin:40px 0 15px 0;}
.privacy_wrap p {font-size:13px;color:#000;line-height:20px;}


.location_wrap {position:relative;padding:80px 30px;}
.location_wrap h2 {margin:0 0 30px 0;text-align:center;}
.location_wrap .map {margin:0 -30px;}
.location_wrap .location_box {position:relative;margin-top:20px;}
.location_wrap .location_box .location_title {height:55px;font-size:16px;color:#000;border-bottom:1px solid #000;line-height:55px;}
.location_wrap .location_box dl {width:100%;position:relative;padding:0 20px;border-bottom:1px solid #eee;display:table;box-sizing:border-box;}
.location_wrap .location_box dl dt {width:35%;height:60px;position:relative;font-size:13px;color:#000;line-height:20px;display:table-cell;vertical-align:middle;}
.location_wrap .location_box dl dd {height:60px;position:relative;font-size:13px;color:#999;line-height:60px;display:table-cell;vertical-align:middle;}
.location_wrap .location_box dl dd.address {line-height:20px;}

a.close {
    position: absolute;
    display: block;
    height: 23px;
    right: 30px;
    top: 30px;
}
a.close img {
    height: 100%;
}

.loading {width:100%;height:100%;background:#fff;position:fixed;left:0;top:0;opacity:0;visibility:hidden;z-index:99;}
.loading.active {opacity:1;visibility:visible;}
.loading .box {width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.loading .box .text {font-size:17px;color:#333;text-align:center;line-height:30px;margin-bottom:40px;}
.loading .box .seq {width:55px;height:55px;background:url('../img/loading.png') no-repeat 0 0;margin:0 auto;animation: loadingAni 1s steps(22) infinite;background-size:55px;}

@keyframes loadingAni {
    from { background-position-y:0px; }
    to { background-position-y:-1210px; }
}