@charset "utf-8";

/* 공통 */
.container {min-width:1440px;min-height:calc(100vh - 290px);overflow:hidden}
.container > div {padding-top:160px;padding-bottom:60px}
.wrapper {width:1280px;min-width:1280px;padding:0 20px;margin:0 auto}
.btn_wrap {display:flex;align-items:center;gap:0 10px;height:56px}
.btn_wrap  > * {width:100%;height:100%;font-size:16px;font-weight:600}
.btn {display:flex;align-items:center;justify-content:center;gap:0 4px;border-radius:6px;padding:0 16px;transition:all .2s}
.btn_primary {background:var(--primary-50);color:var(--white);font-size:15px;font-weight:500}
.btn_primary:hover {background:var(--primary-40)}
.btn_navy {background:var(--primary-90);color:var(--white);font-weight:600}
.bt_navy {background:var(--primary-90);color:var(--white);font-weight:600}
.btn_navy:hover {background:var(--primary-80)}
.btn_navy:disabled,
.btn_navy.disabled {background:#EEEEEE;color:#BBBBBB}
.btn_navy.disabled.next:after {background-image:url('/resources/img/arrow_disabled.svg')}
.btn_navy_line {border:solid 1px var(--primary-90);color:var(--primary-90)}
.btn_navy_line:hover {background:var(--primary-10)}
.btn_gray {border:solid 1px #EEEEEE;color:#555555}
.btn_gray:hover {background:#F5F5F5}
.btn_cancel {background:#EEEEEE;color:#555555}
.btn_cancel:hover {background:#E9E9E9}
.btn_wrap .next,
.btn_wrap .prev {position:relative}
.btn_wrap .next:after,
.btn_wrap .prev:after {content:'';display:block;width:16px;height:16px;background:url('/resources/img/arrow_white.svg') no-repeat center/cover;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.btn_wrap .prev:after {background-image:url('/resources/img/arrow_left.svg');right:auto;left:20px}
.date {font-weight:500;color:#999999}
.bggray {background-color:#EEEEEE}
.btn_center {display: flex; justify-content: center;}
.display_flex {display: flex; margin-bottom: 8px; }
.go3_div {display: flex; margin-bottom: 8px; }
.float_left {float: left;}

.wid180{width:180px}
.wid200{width:200px}
.wid60{width:60px}
.wid50P{width:50%}

.go_link {display:inline-flex;align-items:center;gap:0 10px;font-size:18px;font-weight:500;color:var(--primary-50)}
.go_link:hover img {transform:translateX(4px)}
.go_link img {width:34px;transition:transform .2s}


.go3_close{width:20px; height:20px; cursor: pointer; }
.margin_right{margin-right: auto;}
.go3_div{display: flex;}

.accordion_wrap button {display:flex;align-items:center;width:100%;height:70px;line-height:1.3;font-size:16px;font-weight:600;text-align:left;border-bottom:solid 1px #EEEEEE;padding:0 64px;position:relative}
.accordion_wrap button:before,
.accordion_wrap .answer p:before,
.accordion_wrap .question p:before {color:var(--primary-50);font-size:16px;font-weight:600;position:absolute}
.accordion_wrap button:before {content:'Q';top:25px;left:30px}
.accordion_wrap button:after {content:'';display:block;width:20px;height:20px;background:url('/resources/img/arrow_down.svg') no-repeat center/cover;position:absolute;top:25px;right:30px}
.accordion_wrap .answer,
.accordion_wrap .question {display:none;background:#F6F6F6;border-bottom:solid 1px #EEEEEE;position:relative;padding:30px 64px}
.accordion_wrap .answer p,
.accordion_wrap .question p {font-size:16px;font-weight:500;line-height:1.6;text-align:left;color:#555555;position:relative}
.accordion_wrap .answer p:first-of-type:before {content:'A';top:-1px;left:-32px}
.accordion_wrap .answer p:before {content: none; }
.accordion_wrap .question p:before {content:'Q';top:-1px;left:-32px}
.accordion_wrap .question + .answer {padding-top:0;margin-top:-10px}
.accordion_wrap .cont {background:#F6F6F6}
.accordion_wrap .cont .btn_wrap {display:inline-flex;gap:0;height:auto;margin-top:20px}
.accordion_wrap .cont .btn_wrap button {display:flex;align-items:center;height:auto;font-size:16px;font-weight:500;color:var(--primary-50);border:0}
.accordion_wrap .cont .btn_wrap button:last-child {color:#222222}
.accordion_wrap .cont .btn_wrap button:not(:last-child):after {content:'';display:block;width:1px;height:10px;background:#DDDDDD;margin:0 16px;position:initial;}

.input_box {display:flex;align-items:center;gap:0 10px;height:50px}
.input_box + .input_box {margin-top:10px}
.input_box input {width:100%;height:100%;border:solid 1px #EEEEEE;border-radius:5px;font-size:15px;font-weight:500;padding:0 14px;transition:all .2s}
.input_box input:disabled {color:#999999;background:#F5F5F5}
.input_box input:focus {border-color:var(--primary-50);box-shadow:0 0 0 2px rgba(18, 93, 230, .1)}
.input_box button {gap:0 6px;width:140px;min-width:140px;height:100%;font-size:15px;font-weight:600}
.input_box button.done {font-weight:500;color:#333333}
.input_box.warning input {border-color:var(--red)}
.input_box.warning input:focus {box-shadow:none}
.input_box.on input {border-radius:5px 5px 0 0}
.warning_msg {font-size:15px;font-weight:500;color:var(--red);margin:6px 0}
.success_msg {font-size:15px;font-weight:500;color:var(--green);margin:6px 0}

.txtarea_box {position:relative}
.txtarea_box textarea {width:100%;height:236px;line-height:1.4;border:solid 1px #EEEEEE;border-radius:5px;font-size:15px;padding:15px}
.txtarea_box textarea:focus {border-color:var(--primary-50);box-shadow:0 0 0 2px rgba(18, 93, 230, .1)}
.txtarea_box .word_count {font-size:12px;font-weight:500;color:#AAAAAA;position:absolute;right:16px;bottom:14px}

.input_list_box {display:flex;align-items:center;gap:0 8px}
.input_list_box .item {width:100%;margin-top:0 !important}
.input_list {width:100%;max-height:255px;border:solid 1px #EEEEEE;border-top:0;border-radius:0 0 5px 5px;background:var(--white);position:absolute;top:100%;left:0;z-index:1;overflow-y:auto}
.input_list button {display:flex;align-items:center;width:100%;height:56px;border-top:solid 1px #EEEEEE;font-size:16px;font-weight:500;padding:0 18px}
.input_list li:first-child button {border-top:0}

.search_box {display:flex;align-items:center;gap:0 8px}
.search_box .select_box {width:160px;min-width:160px}
.search_box .input_box {width:100%}
.search_box .btn_navy {width:140px;min-width:140px;height:50px;font-size:15px}

.chk_box input {display:none}
.chk_box input:checked + label {color:var(--black)}
.chk_box input:checked + label:before {background-color:var(--primary-50);background-image:url('/resources/img/check_white.svg');border-color:var(--primary-50)}
.chk_box label {display:block;font-size:15px;font-weight:500;line-height:1.5;color:#333333;cursor:pointer;position:relative;padding-left:28px;transition:all .2s}
.chk_box label:before {content:'';display:block;width:20px;height:20px;background:var(--white) url('/resources/img/check_gray.svg') no-repeat center/14px;border:solid 1px #DDDDDD;border-radius:4px;position:absolute;left:0;top:0;transition:all .2s}
.chk_box label em {color:var(--red);margin-right:4px}

.radio_wrap {display:flex;align-items:center;height:50px;gap:0 50px}
.radio_box input {display:none}
.radio_box input:checked + label:before {background:var(--primary-50);border-color:var(--primary-50)}
.radio_box input:checked + label:after {content:'';display:block;width:6px;height:6px;background:var(--white);border-radius:10px;position:absolute;top:50%;left:6px;transform:translateY(-50%);transition:all .2s}
.radio_box label {font-size:15px;font-weight:500;color:#333333;position:relative;padding-left:30px;cursor:pointer;transition:all .2s}
.radio_box label:before {content:'';display:block;width:18px;height:18px;border:solid 1px #DDDDDD;border-radius:20px;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .2s}

.select_wrap {display:flex;align-items:center;gap:0 10px}
.select_box {width:100%}
.select_box select:disabled {background:#F8F8F8;color:#CCCCCC}
.select_box select,
.select_box input {width:100%;height:50px;background:url('/resources/img/icon_down.svg') no-repeat center right 14px;border:solid 1px #EEEEEE;border-radius:5px;font-size:15px;font-weight:500;padding:0 14px}
.select_box input::-webkit-calendar-picker-indicator {opacity:0}

.select_box_180px {width:180px; background: #f5f5f5;}
.select_box_180px:nth-of-type(2) {margin-left: 8px;}
.select_box_180px select:disabled {background:#F8F8F8;color:#CCCCCC}
.select_box_180px select,
.select_box_180px input {width:100%;height:50px;background:url('/resources/img/icon_down.svg') no-repeat center right 14px;border:solid 1px #EEEEEE;border-radius:5px;font-size:15px;font-weight:500;padding:0 14px}
.select_box_180px input::-webkit-calendar-picker-indicator {opacity:0}

.switch_box {display:flex;align-items:center;gap:0 4px}
.switch_box span {font-size:16px;font-weight:500;color:#555555}  
.switch_box input {display:none}
.switch_box label {display:block;width:40px;height:24px;background:#DDDDDD;border-radius:50px;position:relative}
.switch_box label:before {content:'';display:block;width:18px;height:18px;background:var(--white);border-radius:20px;position:absolute;left:3px;top:3px;transition:all .2s}
.switch_box input:checked + label {background:var(--primary-50)}
.switch_box input:checked + label:before {left:19px}

.tab_menu ul {display:flex;align-items:center}
.tab_menu li {width:100%}
.tab_menu li > * {display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-bottom:solid 1px #EEEEEE;font-size:15px;font-weight:500;color:#AAAAAA;transition:all .2s}
.tab_menu li > *:hover {color:#333333}
.tab_menu li > *.on {color:#333333;border-color:#333333;position:relative}
.tab_menu li > *.on:before {left:-1px}
.tab_menu li > *.on:after {right:-1px}
.tab_cont {display:none}
.tab_cont.on {display:block}

.tab_select {margin:0 auto;text-align:center}
.tab_select .inner {display:inline-flex;align-items:center;justify-content:center;background:#F5F5F5;border-radius:60px;padding:3px}
.tab_select .inner > * {display:flex;align-items:center;justify-content:center;width:160px;height:50px;font-size:16px;font-weight:500;color:#999999;border-radius:50px;transition:all .2s}
.tab_select .inner > *:hover {color:#333333}
.tab_select .inner > *.on {font-weight:600;background:var(--primary-50);color:var(--white)}

.title_box {text-align:center}
.title_box .sub {display:block;font-size:18px;font-weight:600;color:var(--primary-50);margin-bottom:14px}
.title_box h1 {font-size:30px;font-weight:600;line-height:1.4}
.title_box p {font-size:16px;font-weight:500;color:#666666;margin-top:14px}

.popup_wrap {display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;background:rgba(17,17,17,.7);position:fixed;top:0;left:0;z-index:999}
.popup_wrap > div {max-height:80%;overflow-y:auto}
.confirm_box {display:flex;align-items:center;justify-content:center;flex-direction:column;width:410px;background:var(--white);border-radius:8px;padding:50px 30px 30px;text-align:center}
.confirm_box img + h2 {margin-top:20px}
.confirm_box h2 {font-size:20px;font-weight:600;line-height:1.4}
.confirm_box h2 em {color:var(--primary-50)}
.confirm_box p {font-size:15px;font-weight:500;color:#555555;margin-top:8px}
.confirm_box p.warning {color:var(--red)}
.confirm_box p em {color:var(--red)}
.confirm_box .btn_wrap {width:100%;margin-top:30px}
.confirm_box + .chk_box {margin-top:14px;margin-left:-300px}

.confirm_box.big {width:700px}
.confirm_box.big h2 {font-size:25px}
.confirm_box.big p {font-size:20px;font-weight:500;color:#696969;margin-top:16px}

.more_view {display:flex;align-items:center;gap:0 4px;font-size:15px;font-weight:500}
.more_view:hover img {transform:translateX(3px)}
.more_view img {transition:all .2s}

.HtRegi_detail {display:flex;flex-direction:column}
.HtRegi_detail .img_wrap {flex:1;overflow-y:Auto}
.HtRegi_detail .btn_wrap .btn_navy {border-radius:0 0 6px 6px}

.paging_wrap {margin-top:30px}
.paging_wrap ul {display:flex;align-items:center;justify-content:center}
.paging_wrap li > * {display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;font-weight:500;color:#AAAAAA}
.paging_wrap li a.on {font-weight:600;color:#222222}
.paging_wrap a.disabled {opacity:.3}
.paging_wrap .btn_prev {margin-right:5px}
.paging_wrap .btn_prev img,
.paging_wrap .btn_start img {transform:rotate(180deg)}
.paging_wrap .btn_next {margin-left:5px}
.paging_wrap .btn_start,
.paging_wrap .btn_end {width:18px}

.table_head {display:flex;align-items:flex-end;margin:20px 0}
.table_head .tit {display:flex;align-items:center;font-size:18px;font-weight:600}
.table_head .tit img {margin-right:6px}
.table_head .tit em {color:var(--primary-50);margin-left:4px}
.table_head .select_box {width:140px;margin-left:auto}

.table caption {font-size:18px;font-weight:600;text-align:left;margin-bottom:20px}
.table th {height:50px;background:#F5F5F5;border-top:solid 1px #EEEEEE;border-bottom:solid 1px #EEEEEE;font-size:15px;font-weight:500}
.table td {height:50px;border-bottom:solid 1px #EEEEEE;font-size:15px;font-weight:500;text-align:center}
.table td .blue {font-size:15px;font-weight:500;color:var(--primary-50)}
.table td .btn {display:inline-flex;height:40px}
.table .warning_box {display:inline-flex;flex-direction:column;align-items:center;gap:6px 0;width:150px;background:#FEEFF0;border-radius:5px;font-size:14px;font-weight:500;color:var(--red);padding:14px 18px}
.table .warning_box img {width:18px}
.table .img_box {display:inline-block;width:150px;border-radius:5px;overflow:hidden}
.table .status_wrap {font-weight:500}
.table .status_wrap .status {display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:9px 0;width:164px;height:106px;border-radius:5px;font-size:16px;color:var(--primary-50)}
.table .status_wrap .status .num {display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;background:var(--primary-50);border-radius:30px;color:var(--white);font-size:15px;font-weight:600}
.table .status_wrap .status.done {background:#F6F6F6;color:#AAAAAA}
.table .status_wrap .status.cmt_apply {background:#FEEFF0;color:#ED5B66}
.table .status_wrap .status.cmt_arrive {background:#ECF3FF;color:var(--primary-50)}
.table .status_wrap p {font-size:12px;color:#AAAAAA;margin-top:8px}
.table td .btn_wrap {display:inline-flex;flex-direction:column;gap:6px 0;width:98px;height:auto}
.table td .btn_wrap > * {height:40px;min-height:40px;font-size:15px}
.table td.empty {border-bottom:0}
.table td.empty > div {padding:124px 0 110px}
.table td.empty > div p {font-size:15px;font-weight:500;margin-top:14px}

.have_tooltip {display:flex;align-items:center}
.have_tooltip.po {position:relative}
.have_tooltip.po .tooltip {width:22px;height:22px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}
.tooltip {position:relative;margin:0 12px}
.tooltip:hover .tip_box {opacity:1;z-index:1}
.tooltip img {width:22px;cursor:pointer}
.tooltip .tip_box {width:230px;background:#F6F6F6;border:solid 1px #999999;border-radius:20px 20px 20px 0;padding:14px 25px;text-align:left;font-size:14px;font-weight:500;color:#555555;line-height:1.42;position:absolute;left:22px;bottom:22px;opacity:0;z-index:-99}

/* 헤더 */
.header {width:100%;min-width:1453px;background:var(--white);border-bottom:solid 1px #EEEEEE;position:fixed;top:0;left:0;z-index:99;transition:all .2s}
.header.white {background:var(--white)}
.header.white .gnb > ul > li > a,
.header.white .gnb > ul > li > button,
.header.white .side_menu a:first-child {color:var(--black)}
.header.white .logo svg path:nth-child(n+7) {fill:var(--black)}
.header.white .my_menu button {color:#333333}
.header.white .my_menu button path {fill:#333333}


.header .wrapper {display:flex;align-items:center;width:1453px;min-width:1453px;height:80px}
.header .logo {display:flex;align-items:center;height:100%}
.header .gnb {margin-left:227px}
.header .gnb.on ul {position:relative;z-index:99}
.header .gnb > ul {display:flex;align-items:center;gap:0 40px}
.header .gnb > ul > li {position:relative}
.header .gnb > ul > li > a,
.header .gnb > ul > li > button {display:flex;align-items:center;height:80px;font-size:15px;font-weight:500;position:relative}
.header .gnb > ul > li > button:after {content:'';display:block;width:12px;height:12px;background:url('/resources/img/arrow_down.svg') no-repeat center/cover;margin-left:4px}
.header .gnb > ul > li > button.on + .depth_02 {display:block}

.header .gnb > ul > li > a:before,
.header .gnb > ul > li > button:before {opacity:0;content:'';display:block;width:100%;height:2px;background:var(--primary-50);position:absolute;bottom:25px;left:0;transition:all .2s}
.header .gnb > ul > li:hover > a:before,

.header .gnb > ul > li > button.on:before {bottom:23px;opacity:1}
.header .my_menu .box.on {opacity:1;height:auto;z-index:99}

.header .side_menu {align-items:center;gap:0 4px;margin-left:auto}
.header .side_menu a:first-child {font-size:15px;font-weight:600}
.header .side_menu a:first-child:hover {text-decoration:underline}
.header .side_menu .btn {height:46px}
.header .depth_02 {display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.header .my_menu .box {opacity:0;height:0;position:absolute;top:100%;left:50%;transform:translateX(-50%);overflow:hidden;transition:all .2s}
.header .depth_02 ul,
.header .my_menu .box ul {background:var(--white);border:solid 1px #EEEEEE;border-radius:6px;padding:4px}
.header .depth_02 li a,
.header .my_menu .box li a {display:flex;align-items:center;width:115px;height:36px;border-radius:4px;font-size:14px;font-weight:500;color:#333333;padding:0 10px;transition:all .2s}
.header .my_menu .box li a {justify-content:center;text-align:center}
.header .depth_02 li a:hover,
.header .my_menu .box li a:hover {background:#F5F5F5}

.header .my_menu {height:100%;position:relative;margin-left:20px}
.header .my_menu button {display:flex;align-items:center;gap:0 2px;height:100%;font-size:15px;font-weight:600}
.header .my_menu .box {left:auto;transform:none}

.header .overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}
.header .alarm_wrap {position:relative;margin-left:auto}
.header .alarm_wrap .btn_open {display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50px;transition:all .2s;position:relative}
.header .alarm_wrap .btn_open.on,
.header .alarm_wrap .btn_open:hover {background-color:var(--primary-10)}
.header .alarm_wrap .btn_open.on svg path,
.header .alarm_wrap .btn_open:hover svg path {fill:var(--primary-45)}
.header .alarm_wrap .btn_open.on ~ .alarm_cont {display:flex}
.header .alarm_wrap .btn_open .unread {display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;font-size:11px;font-weight:500;color:var(--white);text-align:center;background:#719EFF;border-radius:20px;padding:0 6px;position:absolute;top:3px;left:50%}
.header .btn_open.on {position:relative;z-index:11}
.header .alarm_cont {display:none;flex-direction:column;width:260px;min-height:327px;max-height:355px;background:var(--white);border:solid 1px #D7DCE5;border-radius:10px;position:absolute;top:63px;right:-118px;z-index:11}
.header .alarm_cont h2 {font-size:18px;font-weight:600;text-align:center;padding:18px 0 10px}
.header .alarm_cont ul {flex:1;padding:0 10px 10px;overflow-y:auto}
.header .alarm_cont li {position:relative}
.header .alarm_cont li + li {margin-top:6px}
.header .alarm_cont li .btn_delete {display:flex;align-items:center;justify-content:center;width:24px;height:24px;position:absolute;top:0;right:0}
.header .alarm_cont li a {display:block;background:#F8F9FB;border-radius:10px;padding:14px}
.header .alarm_cont li a.on {background:#EFF5FF}
.header .alarm_cont li a .tit {font-size:14px;font-weight:600}
.header .alarm_cont li a p {font-size:12px;font-weight:500;margin-top:4px}
.header .alarm_cont li a .date {display:block;font-size:10px;font-weight:500;color:#787878;margin-top:10px}
.header .alert_empty {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px 0;font-size:14px;font-weight:600;text-align:center;padding-bottom:5%}

.popup_wrap.member .register {width:100%}
.popup_wrap.member .register .form .list {border-radius:0;margin-top:0}
.popup_wrap.member .register .form .item.all {border-radius:0}
.popup_wrap.member .confirm_box {width:560px}
.popup_wrap.member .confirm_box h2 {text-align:left;align-self:flex-start}
.popup_wrap.member .form {margin-top:16px}
.popup_wrap.member .btn_wrap .btn_gray {width:190px;min-width:190px}

/* 푸터 */
/* .footer {background:#363636} */
/* .footer .wrapper {min-width:1417px} */
/* .footer .link_wrap {border-bottom:solid 1px rgba(255,255,255,.2);margin-left:auto} */
/* .footer .link_wrap ul {display:flex;align-items:center;gap:0 40px} */
/* .footer .link_wrap a {display:flex;align-items:center;justify-content:center;gap:0 5px;height:76px;font-size:16px;font-weight:600;color:rgba(255,255,255,.5);transition:all .2s} */
/* .footer .link_wrap a:hover img {opacity:1} */
/* .footer .link_wrap a:hover {color:var(--white)} */
/* .footer .link_wrap a img {opacity:.5;transition:all .2s} */
/* .footer .bottom {display:flex;align-items:flex-start;gap:0 120px;padding:43px 0} */
/* .footer .left img {width:150px} */
/* .footer .right {margin-top:30px} */
/* .footer .right img {width:115px} */
/* .footer .info {display:flex;flex-wrap:wrap;gap:10px 16px;font-size:15px;color:#999999;margin-top:30px} */
/* .footer .info > div {display:flex;align-items:center;gap:0 16px} */
/* /* .footer .info > div span:not(:last-child):after {content:'';display:inline-block;width:1px;height:12px;background:#EEEEEE;margin:0 20px} */ */
/* .footer .info span {display:flex;align-items:center} */
/* .footer .info strong {font-weight:normal;margin-left:13px} */
/* /* .footer .copyright {width:100%;font-size:13px;color:#666666;margin-top:20px} */ */
/* .footer .go_top {width:64px;height:64px;border-radius:100px;position:fixed;bottom:40px;right:60px;z-index:99;transition:all .2s} */
/* .footer .go_top:hover {transform:translateY(-4px)} */

/* 인덱스 */
.container > .index {padding:0}
.index .main_visual {height:100vh;min-height:965px;overflow:hidden;position:relative}
.index .main_visual .img_wrap {width:100%;height:100%;background:url('/resources/img/index/main_visual.jpg') no-repeat center/cover;animation:bg_scale 5s forwards}
.index .main_visual .txt_wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;color:var(--white)}
.index .main_visual .txt_wrap span {font-size:45px}
.index .main_visual .txt_wrap h1 {font-size:75px;font-weight:900}
.index .main_visual .txt_wrap p {font-size:20px;font-weight:500;color:#DDDDDD;margin-top:12px}
.index .main_visual .txt_wrap p strong {color:var(--white);font-weight:700}
.index .main_visual .txt_wrap .go_link {font-size:20px;color:var(--white);margin-top:40px}
.index .main_visual .txt_wrap .go_link img {width:36px}
@keyframes bg_scale { from {transform:scale(1.15)} to {transform:scale(1)} }

.index .sec {margin-top:120px}
.index .title_box {display:flex;flex-direction:column;align-items:center;text-align:center}
.index .title_box h2 {font-size:40px;font-weight:600;line-height:1.3}
.index .title_box p {font-size:18px;color:#555555}
.index .title_box .go_link {margin-top:30px}
.index .cont {margin-top:40px}

.index .sec_01 .inner {position:relative}
.index .sec_01 .inner .bg {width:1100px;box-shadow:10px 10px 30px rgba(0,0,0,.1);margin:0 auto}
.index .sec_01 .effect_01 {position:absolute;top:164px;left:-28px}
.index .sec_01 .effect_02 {position:absolute;top:150px;right:-122px}
.index .sec_01 .effect_03 {position:absolute;top:328px;right:-78px}

.index .sec_02 .wrapper {width:1340px;min-width:1340px}
.index .sec_02 .list ul {display:flex;align-items:center;justify-content:space-between}
.index .sec_02 .list li {width:110px;height:110px;border-radius:120px;box-shadow:4px 4px 10px rgba(0,0,0,.1)}
.index .sec_02 .list li img {width:100%}
.index .sec_02 .inner {margin-top:40px;position:relative}
.index .sec_02 .inner .bg {width:1100px;box-shadow:10px 10px 30px rgba(0,0,0,.1);margin:0 auto}
.index .sec_02 .effect_01 {position:absolute;top:250px;left:64px}
.index .sec_02 .effect_02 {position:absolute;top:174px;right:72px}
.index .sec_02 .effect_03 {position:absolute;top:343px;right:4px}

.index .sec_03 {background:var(--primary-10);padding:120px 0}
.index .sec_03 ul {display:flex;align-items:center}
.index .sec_03 li {animation:sliding 30s linear infinite}
.index .sec_03 .item {display:flex;align-items:center;justify-content:center;flex-direction:column;width:340px;height:280px;background:var(--white);border-radius:12px;box-shadow:10px 10px 40px rgba(0,0,0,.08);margin:0 15px}
.index .sec_03 .item span {display:block;font-size:22px;font-weight:600;margin-bottom:30px}
@keyframes sliding { from {transform:translateX(0)} to {transform:translateX(-2960px)} }

.index .sec_04 {background:var(--primary-90) url('/resources/img/index/index_sec_04_bg.png') no-repeat center bottom/1920px;color:var(--white)}
.index .sec_04 .wrapper {height:600px;position:relative;padding-top:120px;padding-bottom:120px}
.index .sec_04 .top {display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}
.index .sec_04 h2 {font-size:40px;font-weight:600;line-height:1.3}
.index .sec_04 h2 strong {font-weight:800}
/* .index .sec_04 .review_box {margin-left:auto}
.index .sec_04 .review_box .point {display:flex;align-items:center;gap:0 12px}
.index .sec_04 .review_box .point span {font-size:20px;font-weight:600;color:#666666}
.index .sec_04 .review_box .point span em {font-size:38px;font-weight:700;color:var(--white);margin-right:3px}
.index .sec_04 .review_box > span {display:block;font-size:18px;font-weight:500;color:#DDDDDD;margin-top:14px} */
.index .sec_04 .bottom {display:flex;align-items:flex-start;margin-top:132px;position:relative;z-index:2}
.index .sec_04 .bottom > div {width:100%}
.index .sec_04 .bottom .tit {font-size:20px;font-weight:600;color:#CCCCCC}
.index .sec_04 .bottom > div > div {font-size:60px;font-weight:500;margin-top:30px}
.index .sec_04 .bottom > div > div .num {font-weight:700}
.index .sec_04 .effect_bar {display:flex;align-items:flex-end;gap:0 60px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:1}
.index .sec_04 .effect_bar span {width:108px;background:rgba(255,255,255,.03);border-radius:4px}
.index .sec_04 .effect_bar.queue .bar1 {animation:bar1 1.5s ease-in-out 1s forwards}
.index .sec_04 .effect_bar.queue .bar2 {animation:bar2 1.5s ease-in-out 1s forwards}
.index .sec_04 .effect_bar.queue .bar3 {animation:bar3 1.5s ease-in-out 1s forwards}
.index .sec_04 .effect_bar.queue .bar4 {animation:bar2 1.5s ease-in-out 1s forwards}
.index .sec_04 .effect_bar.queue .bar5 {animation:bar4 1.5s ease-in-out 1s forwards}
.index .sec_04 .effect_bar.queue .bar6 {animation:bar5 1.5s ease-in-out 1s forwards}
@keyframes bar1 { from {height:4px} to {height:163px} }
@keyframes bar2 { from {height:4px} to {height:260px} }
@keyframes bar3 { from {height:4px} to {height:340px} }
@keyframes bar4 { from {height:4px} to {height:400px} }
@keyframes bar5 { from {height:4px} to {height:564px} }

.index .sec_05 .num_count {display:inline-flex;height:52px;font-weight:700;margin-right:-4px;overflow:hidden}
.index .sec_05 .num_count > span {display:flex;flex-direction:column;height:100%;transition:transform 2s ease}
.index .sec_05 .num_count.queue > span:first-child {transform:translateY(-400%)}
.index .sec_05 .num_count.queue > span:nth-child(2) {transform:translateY(-500%)}
.index .sec_05 .num_count.queue > span:last-child {transform:translateY(-100%)}
.index .sec_05 .company_list ul {display:grid;grid-template-columns:repeat(5, 1fr);gap:20px 0}

.index .sec_06 {text-align:center}
.index .sec_06 .go_link {margin:60px auto 0}

.index .sec_07 {display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:var(--primary-90) url('/resources/img/index/index_sec_07_bg.png') no-repeat center/1920px;color:var(--white)}
.index .sec_07 .title_box p {color:#CCCCCC}
.index .sec_07 .go_link {color:var(--white)}

.index .sec_08 {padding-top:120px}
.index .sec_08 .wrapper {min-width:1390px}
.index .sec_08 .list ul {display:flex;gap:50px;}
.index .sec_08 .list li {background:#01245E;border-radius:20px}
.index .sec_08 .list li .item {position:relative}
.index .sec_08 .list li .item > div {font-size:24px;font-weight:700;line-height:1.4;color:var(--white);position:absolute;top:30px;left:30px}
.index .sec_08 .list li .item > div span {display:block}

.index .accordion_wrap button {height:90px;font-size:18px}
.index .accordion_wrap button:before,
.index .accordion_wrap .answer p:before {font-size:18px}
.index .accordion_wrap button:before {top:32px}
.index .acordion_wrap button:after {top:34px}
.index .accordion_wrap .answer p {font-size:18px}

/* 회원 */
.member .title_box {text-align:left}
.member .title_box p {font-size:15px}

.form {margin-top:40px}
.form .item {position:relative}
.form .item .tit {display:block;font-size:15px;font-weight:600;color:#333333;margin-bottom:10px}
.form .item .tit sup {color:var(--red);vertical-align:text-top;margin-left:2px}
.form .item + .item {margin-top:24px}
.form .item .tip {font-size:14px;font-weight:500;color:#999999;text-decoration:underline;margin-top:6px}
.form .btn_wrap {margin-top:40px}

.login {width:400px;margin:0 auto;padding-top:40px}
.login .pw_show {position:relative}
.login .pw_show input {padding-right:50px}
.login .pw_show button {width:50px;min-width:50px;height:50px;position:absolute;top:0;right:0}
.login .login_option {display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.login .login_option a {font-size:15px;color:#555555}
.login .login_option a:hover img {transform:translateX(3px)}
.login .login_option a img {transition:all .2s}
.login .sns_login {margin-top:60px;text-align:center}
.login .sns_login p {font-size:15px;font-weight:500;color:#555555}
.login .sns_login .list {margin-top:18px}
.login .sns_login .list ul {display:flex;align-items:center;justify-content:center;gap:0 16px}
.login .sns_login .list li a {display:block;width:48px;transition:all .2s}
.login .sns_login .list li a:hover {transform:translateY(-3px)}
.login .guide {display:flex;align-items:center;justify-content:center;gap:0 6px;font-size:15px;font-weight:500;color:#555555;margin-top:40px}
.login .guide a {color:var(--primary-50)}
.login .guide a:hover {text-decoration:underline}

.register {width:500px;margin:0 auto}
.register .btn_wrap {height:56px}
.register .btn_wrap .btn_navy {width:60%}
.register .btn_wrap .btn_gray {width:40%}
.register .warning_box {display:flex;align-items:center;justify-content:center;gap:0 6px;height:70px;background:var(--red-10);border-radius:5px;font-size:15px;font-weight:600;color:var(--red);margin-top:96px}

.register.step1 .form .item {display:flex;align-items:center;height:70px;padding-left:20px}
.register.step1 .form .item a {display:flex;align-items:center;justify-content:center;width:70px;height:100%;margin-left:auto;transition:all .2s}
.register.step1 .form .item a:hover {transform:translateX(3px)}
.register.step1 .form .item .chk_box label {padding-left:30px}
.register.step1 .form .item.all {background:#F8F8F8;border-radius:5px}
.register.step1 .form .item.alarm {border:solid 1px #F4F4F4;border-radius:5px;margin-top:20px}
.register.step1 .form .item.alarm .tit {font-weight:500;margin:0 auto 0 0}
.register.step1 .form .item.alarm .chk_box:last-child {margin:0 20px 0 30px}
.register.step1 .form .list {border:solid 1px #F4F4F4;border-radius:5px;margin-top:14px}
.register.step1 .form .list .item:not(:first-child) {border-top:solid 1px #F4F4F4;margin-top:0}

.school_search > div {display:flex;flex-direction:column;width:940px;background:var(--white);border-radius:8px;padding:30px}
.school_search h2 {font-size:16px;font-weight:600;margin-bottom:12px}
.school_search .btn_wrap {width:350px;margin:80px auto 0}
.school_search .table {flex:1;margin-top:14px;overflow-y:auto}

.container > .complete_wrap {padding-bottom:80px}
.complete_wrap {display:flex;align-items:center;justify-content:center;height:calc(100vh - 290px)}
.complete_wrap .inner {display:flex;flex-direction:column;align-items:center}
.complete_wrap h1 {font-size:30px;font-weight:600;margin-top:24px}
.complete_wrap p {font-weight:500;color:#555555;margin-top:14px}
.complete_wrap p em {color:var(--primary-50);font-weight:600}
.complete_wrap p.warning {color:var(--red)}
.complete_wrap .more_view {color:#555555;margin-top:12px}
.complete_wrap .btn_wrap {width:300px;margin-top:38px}
.complete_wrap.pass {height:auto}
.complete_wrap.pass .btn_wrap {width:452px;margin-top:30px}
.complete_wrap.pass .purchase_info {width:452px;border:solid 1px #EEEEEE;border-radius:5px;margin-top:30px;overflow:hidden}
.complete_wrap.pass .purchase_info table tr {border-bottom:solid 1px #EEEEEE}
.complete_wrap.pass .purchase_info table tr:last-child {border:0}
.complete_wrap.pass .purchase_info table th {height:60px;width:140px;font-size:15px;font-weight:500;color:#555555;background:#F8F8F8;text-align:left;padding:0 20px}
.complete_wrap.pass .purchase_info table td {height:60px;font-size:15px;font-weight:500;padding:0 20px}

/* 약관 */
.term_wrap h1 {font-size:30px;font-weight:600}
.term_wrap h2 {font-size:20px;font-weight:600;margin-top:40px}
.term_wrap .box {margin-top:20px}
.term_wrap .box h3 {font-weight:600;margin-bottom:20px}
.term_wrap .box p {font-weight:500;color:#555555}
.term_wrap {padding-top:60px}

/* 생활기록부 등록 */
.record_register {margin-top:20px;padding-bottom:126px}
.record_register .box {border:solid 1px #EEEEEE;border-radius:10px;padding:30px 40px}
.record_register .guide {display:flex;flex-direction:column;align-items:center}
.record_register .guide h2 {display:flex;align-items:center;gap:0 8px;font-size:16px;font-weight:600}
.record_register .guide ul {display:flex;flex-direction:column;align-items:center;gap:10px 0;font-weight:500;color:#555555;margin-top:20px}
.record_register .guide li {display:flex;align-items:center}
.record_register .guide li:before {content:'';display:block;width:15px;height:15px;background:url('/resources/img/check_gray_dark.svg') no-repeat center/cover;margin-right:8px}
.record_register .guide li p em {font-weight:600;color:var(--red)}
.record_register .upload_box {display:flex;flex-direction:column;align-items:center;justify-content:center;border:dashed 1px #CCCCCC;border-radius:6px;height:207px;margin-top:30px}
.record_register .upload_box p {margin-top:14px}
.record_register .upload_box .btn_primary {height:40px;margin-top:20px}
.record_register .upload_box .file {display:flex;align-items:center;gap:0 8px;font-weight:600;margin-top:17px}
.record_register .record_option {display:flex;align-items:flex-start;margin-top:14px}
.record_register .record_option .chk_box label {width:666px}
.record_register .record_option a {color:var(--primary-50);margin-left:auto}
.record_register .btn_wrap {width:300px;margin:60px auto 0}

.circle_svg {display:block;width:80px}
.circle_svg text {text-align:center;font-size:8px;font-weight:600}
.circle_svg path.percent {stroke:var(--primary-50);fill:none;stroke-width:3;stroke-linecap:round;animation:progress 1s ease-out forwards}
.circle_svg path.around {stroke:#EEEEEE;fill:none;stroke-width:3}
@keyframes progress { 0% {stroke-dasharray: 0 100} }

/* 생활기록부 예상질문 */
.question_list {margin-top:40px}
.question_list .box + .box {margin-top:40px}
.question_list .box h2 {font-size:20px;font-weight:600;margin-bottom:14px}
.question_list .list > ul {display:flex;flex-direction:column;gap:12px 0}
.question_list .item {display:flex;align-items:center;height:60px;border:solid 1px #EEEEEE;border-radius:5px;padding:0 18px}
.question_list .item > span {display:block;width:100px;font-weight:600;color:var(--primary-50)}
.question_list .item.ai {background:#F6F6F6}
.question_list .item .tit {width:70px;color:#333333}
.question_list .item input {flex:1;height:100%;font-size:16px;font-weight:500;background:0;border:0}
.question_list .item p {flex:1}
.question_list .item .switch_box {margin-left:40px}
.question_list .btn_wrap {width:452px;margin:48px auto 0}

/* 실전면접 준비 */
.interview_notice {padding:100px 0}
.interview_notice .wrapper {display:flex;flex-direction:column;align-items:center}
.interview_notice .title_box span {display:block;font-size:16px;font-weight:600;color:var(--primary-50);margin-bottom:16px}
.interview_notice .title_box p {color:#555555;margin-top:12px}
.interview_notice .list {display:flex;gap:0 30px;width:980px;margin-top:30px}
.interview_notice .list .item {width:100%;background:var(--white);border-radius:10px;box-shadow:4px 4px 30px rgba(0,0,0,.04);padding:35px 0 30px}
.interview_notice .list .item .img_wrap {margin-top:20px}
.interview_notice .btn_wrap {width:452px;margin-top:50px}

/* 실전면접 단계별 */
.step_info {display:flex;align-items:center}
.step_info > div {display:flex;align-items:center;justify-content:center;width:100%;height:60px;border-bottom:solid 2px var(--primary-90);font-size:16px;font-weight:600;position:relative}
.step_info > div:not(:first-child):before,
.interview .step2 .list li:not(:first-child) .item .icon:before {content:'';display:block;width:18px;height:5px;background:url('/resources/img/step_navy.svg') no-repeat center/cover;position:absolute;left:0;transform:translateX(-50%);z-index:1}
.step_info > div.now ~ div {font-weight:500;color:#CCCCCC;border-color:transparent}
.step_info > div.now ~ div:before {background-image:url('/resources/img/step.svg')}

.interview .head {width:100%;background:var(--white);position:sticky;top:0;left:0;z-index:99}
.interview .head .btn_exit {display:flex;align-items:center;gap:0 4px;height:44px;background:rgba(237,91,102,.1);border-radius:50px;font-size:16px;font-weight:500;color:var(--red);padding:0 16px;position:absolute;top:50%;right:30px;transform:translateY(-50%);z-index:2;transition:all .2s}
.interview .head .btn_exit:hover {background:rgba(237,91,102,.13)}
.interview .step .wrapper {display:flex;flex-direction:column;align-items:center;padding:40px 20px 50px}
.interview .step .wrapper .title_box .sub {font-size:16px}
.interview .step .wrapper .title_box h1 {font-size:26px}
.interview .step .wrapper > .btn_wrap {justify-content:center;width:452px;margin:30px auto 0}
.interview .step .wrapper > .btn_wrap .btn {max-width:300px}

.interview .step1 .wrapper {padding-top:30px}
.interview .step1 .box {width:100%;background:var(--white);border-radius:10px;padding:30px}
.interview .step1 .box + .box {margin-top:12px}
.interview .step1 .title_box {text-align:left}
.interview .step1 .title_box h1 {font-size:24px}
.interview .step1 .title_box p {margin-top:8px}
.interview .step1 .form {margin-top:30px}
.interview .step1 .form form {display:flex;align-items:flex-start;gap:0 14px}
.interview .step1 .form .item {width:100%;position:relative}
.interview .step1 .form .item + .item {margin:0}
.interview .step1 .question_list {margin-top:30px}

.interview .step2 .wrapper {display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100vh - 60px);min-height:600px}
.interview .step2 .wrapper > .btn_wrap {margin-top:60px}
.interview .step2 .title_box h1 {font-weight:500}
.interview .step2 .list {margin-top:30px}
.interview .step2 .list ul {display:flex;align-items:flex-start;gap:0 70px}
.interview .step2 .list .item {text-align:center}
.interview .step2 .list .item .icon {width:150px;height:150px;border:solid 1px #ECECEC;border-radius:150px;padding:15px;position:relative}
.interview .step2 .list li:not(:first-child) .item .icon:before {background-image:url('/resources/img/step.svg');top:72px;left:-55px;transform:translateX(50%)}
.interview .step2 .list .item .icon div {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#F7F9FA;border-radius:120px}
.interview .step2 .list .item .icon img {width:60px}
.interview .step2 .list .item span {display:block;font-weight:500;color:#555555;margin-top:26px}
.interview .step2 .list .item strong {display:block;font-size:40px;margin-top:10px}

.interview .step3 .mic_test {display:flex;flex-direction:column;align-items:center;width:100%;background:#F7F9FA;border-radius:10px;padding:40px 20px;margin-top:30px}
.interview .step3 .mic_test p {font-size:18px;font-weight:500;text-align:center;margin-top:40px}
.interview .step3 .mic_test p em {color:var(--primary-50);font-weight:600}
.interview .step3 .mic_test .btn_primary {width:220px;height:56px;font-size:16px;margin-top:30px}
.interview .step3 .sound_wave {position:relative}
.interview .step3 .sound_wave .effect {width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}
.interview .step3 .sound_wave .cont {width:180px;height:180px;background:linear-gradient(90deg, #B5CBFF, #CFF2FB);border-radius:200px;padding:50px;position:relative;z-index:2}
.interview .step3 .sound_wave .cont .inner {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--white);border-radius:100px}
.interview .step3 .sound_wave .outline {width:80px;height:80px;border-radius:50%;border:8px solid #B5A4A4;animation-timing-function:ease-out;animation-iteration-count:infinite;position:absolute;top:50px;left:50px}
.interview .step3 .sound_wave .outline.delay {animation-delay:1.5s}
.interview .step3 .sound_wave.on .outline { animation: pulse 2s; animation-iteration-count: infinite;}
.interview .step3 .device_test {display:flex;align-items:center;gap:0 46px;width:1000px;background:#F7F9FA;border-radius:10px;margin:36px auto 0;padding:48px 80px}
.interview .step3 .device_test .video_wrap {width:398px;height:240px;border-radius:10px;position:relative;overflow:hidden}
.interview .step3 .device_test .video_wrap .guide {width:374px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.interview .step3 .device_test .device_list {width:387px}
.interview .step3 .device_test .device_list > div + div {margin-top:28px}
.interview .step3 .device_test .device_list .tit {display:block;font-size:16px;font-weight:500}
.interview .step3 .device_test .device_list select {width:100%;height:36px;background-color:var(--white);background-size:13px;border:solid 1px #CBCBCB;border-radius:5px;font-size:16px;font-weight:500;color:#0E2340;margin-top:13px;padding:0 10px}
.interview .step3 .device_test .device_list .gauge_bar {height:11px;background:#D9D9D9;border-radius:12px;position:relative;overflow:hidden;margin-top:10px}
.interview .step3 .device_test .device_list .gauge_bar span {height:100%;background:#00C684;border-radius:12px;position:absolute;top:0;left:0;transition:all .2s}
@keyframes pulse {
    0% {transform:scale(0);opacity:0;border:65px solid #0B3082}
    50% {border:solid #A3FFC2;opacity:0.8}
    90% {transform:scale(2.9);opacity:0.2;border:3px solid #2E3CFF}
    100% {transform:scale(3);opacity:0;border:1px solid #CFF2FB}
}

.interview .step4 .wrapper > .btn_wrap {margin-top:30px}
.interview .face_recog {display:flex;align-items:center;justify-content:center;width:1000px;height:600px;background:#222222;border-radius:10px;margin-top:40px;overflow:hidden;position:relative}
.interview .face_recog .filter_blur {width:100%;height:100%;position:absolute;top:0;left:0;fill:rgba(17, 17, 17, 0.40);backdrop-filter:blur(7px);z-index:1}
.interview .face_recog .face_guide {width:calc(100% - 60px);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}
.interview .face_recog .filter_blur svg path.percent {animation:none}
.interview .face_recog .filter_blur svg path.percent.on {animation:progress 3s ease-out forwards}
.interview .face_recog .face_blur {width:100%;height:100%;position:absolute;top:0;left:0;/*backdrop-filter: blur(7px);*/-webkit-mask:radial-gradient(208px,#0000 100%,#000) 0 0;z-index:3;overflow: hidden;background:rgba(17,17,17,.4);transition:all .2s}
.interview .step5 .face_recog .face_blur {-webkit-mask:none;background:rgba(17,17,17,.6);backdrop-filter: blur(7px)}
.interview .face_recog.done .face_blur {-webkit-mask:none;background:rgba(17,17,17,.6);backdrop-filter: blur(7px)}
.interview .face_recog .count {width:420px;height:420px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5}
.interview .face_recog.done #countdown_done {opacity:1}
.interview .voice_value {display:flex;align-items:center;gap:0 8px;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1}
.interview .voice_value .pid {display:block;width:8px;height:8px;background:rgba(255,255,255,.12);border-radius:10px}
.interview .voice_value .pid.on {background:#80DC38}

#countdown {display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;text-align:center}
#countdown svg {position:absolute;top:0;right:0;width:100%;height:100%;transform:rotateY(-180deg) rotateZ(-90deg)}
#countdown svg circle {stroke-dasharray:1632px;stroke-dashoffset:0;stroke-linecap:round;stroke-width:8px;fill:none;transform:translate(8px, 8px);animation:countdown 5s linear forwards}
#count_title {color:white;font-weight:600}
#count_title > div {display:flex;align-items:baseline;justify-content:center;font-size:18px}
#count_title p {font-size:16px}
#countdown_num {font-size:60px;margin-right:5px}
#countdown_done {opacity:0;color:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .2s;z-index:3}
#countdown_done .icon {display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:rgba(255,255,255,.2);border-radius:70px;margin:0 auto}
#countdown_done h2 {font-size:30px;font-weight:600;margin-top:18px;text-align:center}
#countdown_done p {color:#DDDDDD;margin-top:10px}
@keyframes countdown { 0% {stroke-dashoffset:-1632px} 100% {stroke-dashoffset:0} }

.interview .record_timer {display:flex;align-items:center;gap:0 8px;font-size:16px;font-weight:600;color:var(--white);position:absolute;top:50px;left:50px;z-index:5}
.interview .record_timer .red_light {display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:solid 1px #FF3232;border-radius:20px}
.interview .record_timer .red_light span {display:block;width:6px;height:6px;background:#FF3232;border-radius:10px}
.interview .record_timer .red_light span.on {animation:blink .8s ease-in-out infinite alternate}
@keyframes blink { 0% {opacity:0} 100% {opacity:1} }

.interview .step5 .wrapper > .btn_wrap {height:auto;gap:0 50px}
.interview .step5 .wrapper > .btn_wrap > div {display:flex;flex-direction:column;align-items:center;gap:6px 0;width:auto;height:auto;font-size:14px;font-weight:500;color:#555555}
.interview .step5 .wrapper > .btn_wrap button {display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#DDDDDD;border-radius:70px;transition:all .2s}
.interview .step5 .wrapper > .btn_wrap button.play.on {background:var(--primary-50)}
.interview .step5 .wrapper > .btn_wrap button.play.on:hover {background:var(--primary-40)}
.interview .step5 .wrapper > .btn_wrap button.stop.on {background:#F56868}
.interview .step5 .wrapper > .btn_wrap button.stop.on:hover {background:#f78080}

.time-gauge-wrapper {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;background:rgba(17,17,17,.6);z-index:5}
.time-gauge {display:flex;align-items:center;justify-content:center;position:absolute;width:480px;height:480px;top:50%;left:50%;transform:translate(-50% , -50%)}
.time-gauge p {color:var(--white);font-size:12px;font-weight:500;text-align:center}
.time-gauge p span.emphasis {color:var(--white);font-size:40px;font-weight:600;margin-right:6px}
.time-gauge p em {font-size:18px}
.time-gauge .scale {position:absolute;width:3px;height:50%;left:50%;top:0;transform-origin:50% 100%;--scale-roate:0deg;transform:translate(-50%, 0) rotate(var(--scale-roate))}
.time-gauge .scale:before {content:'';position:absolute;width:3px;height:3px;left:50%;top:25px;border-radius:50%;background-color:var(--white);transform:translate(-50% , 0);transition:opacity .3s ease;opacity:.5}
.time-gauge .scale:after {content:'';position:absolute;width:100%;height:20px;left:50%;top:0;background-color:var(--white);transform:translate(-50% , 0);transition:opacity .3s ease;opacity:.5;border-radius:500px}
.time-gauge .scale.active:before,
.time-gauge .scale.active:after {opacity: 1}

.interview .step5.awnser_ing .time-gauge-wrapper {width:200px;height:100px;background:rgba(0,0,0,.5);border-radius:10px;top:10px;left:auto;right:10px;transform:none}
.interview .step5.awnser_ing .time-gauge {width:158px;height:190px}
.interview .step5.awnser_ing .time-gauge .scale {width:2px}
.interview .step5.awnser_ing .time-gauge .scale:before {top:18px}
.interview .step5.awnser_ing .time-gauge .scale:after {height:12px}
.interview .step5.awnser_ing .face_recog .face_blur {-webkit-mask:none;background:transparent;backdrop-filter:none}

.interview .done .face_recog .face_blur {-webkit-mask:none;background:rgba(17,17,17,.6);backdrop-filter: blur(7px)}
.interview .done #countdown_done {opacity:1}
.interview .done .confetti {position:absolute;top:-64px;left:9px}

/* 학과별 질문 */
.container > .department_question {padding-top:130px}
.department_question .box {width:100%;background:var(--white);border-radius:10px;padding:40px;margin-top:30px}
.department_question .box h2 {font-size:24px;font-weight:600;text-align:left;margin:0 0 30px}
.department_question .box + .box {margin-top:20px}
.department_question .form {margin-top:0}
.department_question .form form {display:flex;align-items:flex-end;gap:0 14px}
.department_question .form .item {width:100%;position:relative}
.department_question .form .item + .item {margin:0}
.department_question .form .btn_primary {width:200px;min-width:200px;height:56px}
.department_question .question_list {margin-top:0}
.department_question .wrapper > .btn_wrap {width:300px;margin:0px auto 0}

/* 이용권 */
.pass_purchase .pass_list {margin-top:130px}
.pass_purchase .pass_list > ul {display:flex;gap:0 24px;width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.pass_purchase .pass_list > ul > li {width:100%;background:#F2F7FF;border-radius:10px;padding:34px 22px 22px;position:relative}
.pass_purchase .pass_list .item {display:flex;flex-direction:column;height:100%}
.pass_purchase .pass_list .item .subject {display:flex;align-items:center;justify-content:center;gap:0 6px;font-weight:600}
.pass_purchase .pass_list .item .subject strong {font-size:30px}
.pass_purchase .pass_list .item .subject span {font-size:15px;color:#125DE6}
.pass_purchase .pass_list .item .price_wrap {display:flex;align-items:center;justify-content:center;gap:0 8px;margin:10px 0 28px;font-weight:600}
.pass_purchase .pass_list .item .price_wrap .regular {font-size:15px;color:#A8A8A8;text-decoration:line-through}
.pass_purchase .pass_list .item .price_wrap .price {display:flex;align-items:baseline;gap:0 4px;font-size:25px;color:#125DE6;}
.pass_purchase .pass_list .item .price_wrap .price .unit {font-size:15px;color:#367AFF;margin-top:-2px}
.pass_purchase .pass_list .item .feature {flex:1;display:flex;flex-direction:column;background:var(--white);border-radius:10px;padding:18px 12px 17px}
.pass_purchase .pass_list .item .feature .tit {display:flex;align-items:center;height:38px;font-size:15px;font-weight:700;color:#222222;padding:0 10px}
.pass_purchase .pass_list .item .feature ul {flex:1;display:flex;flex-direction:column;margin-bottom:10px;padding:0 10px}
.pass_purchase .pass_list .item .feature li {display:flex;align-items:center;font-size:15px;font-weight:500;height:38px;}
.pass_purchase .pass_list .item .feature li:before {content:'';display:block;width:15px;height:10px;background:url('/resources/img/check_blue_02.svg') no-repeat center/100%;margin-right:10px}
.pass_purchase .pass_list .item .btn_primary {gap:0 px;width:100%;height:42px;font-size:16px;font-weight:600;margin-top:auto}
.pass_purchase .pass_list .item .btn_primary img {width:14px}
.pass_purchase .pass_list .item .btn_primary.on {background:var(--white);border:solid 2px #125DE6;color:#125DE6}
.pass_purchase .pass_list .best {border:solid 1px #125DE6;border-radius:0 0 10px 10px}
.pass_purchase .pass_list .best .best_badge {display:flex;align-items:center;justify-content:center;gap:0 7px;width:calc(100% + 2px);height:44px;background:#125DE6;border-radius:10px 10px 0 0;color:var(--white);font-size:18px;font-weight:600;position:absolute;top:-44px;left:-1px}
.pass_purchase .pass_list .best .best_badge img {width:25px}
.pass_purchase .pass_list .open_badge {width:90px;position:absolute;top:0;left:-4px}

.pass_purchase .pay {margin-top:134px}
.pass_purchase .pay .wrapper {display:flex;align-items:flex-start;gap:0 24px;width:1080px;min-width:1080px}
.pass_purchase .pay h2 {font-size:24px;font-weight:600}
.pass_purchase .pay h3 {font-size:16px;font-weight:600;margin-bottom:14px}
.pass_purchase .pay .cont {display:flex;flex-direction:column;gap:40px 0;margin-top:30px}
.pass_purchase .pay .pay_type {flex:1}

.pass_purchase .tab_menu {border:solid 1px #EEEEEE;border-radius:5px}
.pass_purchase .tab_menu li {width:100%}
.pass_purchase .tab_menu button {width:100%;height:56px;font-size:15px;font-weight:500;border:0;position:relative;transition:all .2s}
.pass_purchase .tab_menu button.on {color:var(--primary-50)}
.pass_purchase .tab_menu button:after {transition:all .2s}
.pass_purchase .tab_menu button.on:after,
.pass_purchase .easy_pay button.on:after {content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);border:solid 1px var(--primary-50);border-radius:5px;position:absolute;top:-1px;left:-1px;z-index:1}
.pass_purchase .tab_cont {margin-top:14px}
.pass_purchase .tab_cont .select_box + .select_box {margin-top:10px}
.pass_purchase .easy_pay {display:flex;align-items:center;height:118px;border:solid 1px #EEEEEE;border-radius:5px}
.pass_purchase .easy_pay button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px 0;width:100%;height:100%;font-size:15px;font-weight:500;position:relative}

.pass_purchase .chk_item {display:flex;align-items:center;height:60px;background:#F8F8F8;border-radius:5px;padding:0 20px}
.pass_purchase .notice_guide {border:solid 1px #EEEEEE;border-radius:5px;margin-top:20px;padding:24px}
.pass_purchase .notice_guide h4 {display:flex;align-items:center;gap:0 4px;font-size:16px;font-weight:600}
.pass_purchase .notice_guide ul {color:#888888;font-size:15px;font-weight:500;margin-top:14px}
.pass_purchase .notice_guide li p {line-height:1.6}

.pass_purchase .pay .item_select {width:344px}
.pass_purchase .pay .item_select .box {display:flex;flex-direction:column;height:325px;border:solid 1px #EEEEEE;border-radius:10px;margin-top:30px;padding:30px 24px}
.pass_purchase .pay .item_select .box dl {display:flex;align-items:center;justify-content:space-between}
.pass_purchase .pay .item_select .box dl + dl {margin-top:18px}
.pass_purchase .pay .item_select .box dt {font-size:15px;font-weight:500;color:#999999}
.pass_purchase .pay .item_select .box dd {font-size:16px;font-weight:600}
.pass_purchase .pay .item_select .box .final_amount {font-size:16px;font-weight:600;border-top:solid 1px #EEEEEE;padding-top:32px;margin-top:30px}
.pass_purchase .pay .item_select .box .final_amount dd {font-size:20px;color:var(--primary-50)}
.pass_purchase .pay .item_select .box .empty {flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;color:#999999}
.pass_purchase .pay .item_select .btn_navy {width:100%;height:56px;margin-top:auto}

/* 컨설팅 */
.head_banner {height:500px;background:url('/resources/img/banner_consult.jpg') no-repeat center/cover;color:var(--white);padding-top:80px;text-align:center}
.head_banner h1 {font-size:30px;font-weight:600}
.head_banner p {font-weight:500;color:rgba(255,255,255,.8);margin-top:16px}
.head_banner p strong {color:var(--white)}
.head_banner p + p {margin-top:14px}

.container > .consultant {padding-top:80px}
.consultant_info {padding:0 20px;margin-top:-210px;position:relative;z-index:1}
.consultant_info .inner {width:100%;max-width:1240px;background:var(--white);border-radius:10px;box-shadow:10px 10px 40px rgba(0,0,0,.05);margin:0 auto;padding:60px 150px}
.consultant_info .inner > .btn_wrap {width:300px;margin:60px auto 0}
.consultant_info .list {margin-top:30px}
.consultant_info .list > ul {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 80px}
.consultant_info .list .item {text-align:center}
.consultant_info .list .item .img_wrap {width:260px}
.consultant_info .list .item .txt_wrap {display:flex;flex-direction:column;align-items:center;margin-top:20px}
.consultant_info .list .item .txt_wrap .tit {font-size:26px;font-weight:600}
.consultant_info .list .item .txt_wrap .mark {display:flex;align-items:center;justify-content:center;width:45px;height:30px;background:#F5F5F5;border-radius:3px;font-size:14px;font-weight:500;margin-top:20px}
.consultant_info .list .item .txt_wrap ul {margin-top:10px}
.consultant_info .list .item .txt_wrap li p {font-weight:500;color:#888888;line-height:1.6}

.consult.step1,
.consult.step2 {padding-top:130px}
.consult .table td {height:auto;padding:12px}
.consult .table td strong {font-size:30px}

.consult .table td:last-child .btn_wrap {width:109px;font-size:15px}
.consult .table td:last-child .btn {width:109px;font-size:15px}

.consult.step2 .table {margin-top:40px}
.consult .tab_select {margin-top:30px}
.consult form .btn_wrap {width:300px;margin:60px auto 0}
.consult .form {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 14px;margin-top:40px}
.consult .form .item {margin:0}
.consult .chk_box {margin-top:20px}

.consult_detail{width: 900px;background: var(--white);border-radius: 8px;padding: 50px 30px 30px;text-align: center;}
/* .consult_01, .consult_02, .consult_03, .consult_04, .consult_05, .consult_06{cursor: pointer;} */

/* 마이페이지 - 내정보 */
.container > .mypage {padding-top:130px}
.mypage .title_box {text-align:center}
.mypage .tab_select {margin-top:30px}
.mypage .register .btn_wrap {height:auto;flex-direction:column;align-items:center;justify-content:center}
.mypage .register .btn_wrap .btn_navy {height:56px}
.mypage .register .btn_wrap a {width:60px;font-size:15px;color:#999999;text-align:center;margin-top:14px}

/* 마이페이지 - 회원탈퇴 */
.withdraw {margin-top:20px}
.withdraw .box {background:rgba(237,91,102,.06);border-radius:10px;text-align:center;padding:40px 20px}
.withdraw .box .tit {display:inline-flex;align-items:center;gap:0 6px;font-size:18px;font-weight:600}
.withdraw .box ul {display:flex;flex-direction:column;align-items:center;gap:8px 0;font-size:16px;font-weight:500;margin-top:20px}
.withdraw .box li {display:flex;align-items:center;gap:0 8px;position:relative}
.withdraw .box li:before {content:'';display:block;width:15px;height:15px;background:url('/resources/img/check.svg') no-repeat center/cover}
.withdraw .form {width:500px;margin:30px auto 0}
.withdraw .form .chk_box {margin-top:16px}
.withdraw .form .chk_box .warning {font-size:15px;font-weight:500;color:var(--red);margin:2px 0 0 28px}
.withdraw .form .btn_wrap {margin-top:60px}

/* 마이페이지 - 이용권 내역 */
.pass_history .box {border:solid 1px #EEEEEE;border-radius:5px;margin-top:20px;padding:20px 24px 24px}
.pass_history .box .tit {display:inline-flex;align-items:center;gap:0 6px;font-size:18px;font-weight:600}
.pass_history .box ul {margin-top:10px}
.pass_history .box li p {font-weight:500;color:#555555;line-height:1.6}
.pass_history .pass_head {display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.pass_history .pass_head div span {display:block;font-weight:500}
.pass_history .pass_head div em {display:block;font-weight:600;color:var(--primary-50);margin-top:4px}
.pass_history .pass_head .btn_navy {width:140px;height:50px}
.pass_history .table {margin-top:14px}
.pass_history .paging_wrap {margin-top:50px}

/* 마이페이지 - 공지사항 */
.notice .accordion_wrap {border-top:solid 1px #222222;margin-top:30px}
.notice .accordion_wrap button {padding:0 30px}
.notice .accordion_wrap button:before,
.notice .accordion_wrap button:after,
.notice .accordion_wrap .answer p:before {display:none}
.notice .accordion_wrap button .date {margin-left:auto}
.notice .accordion_wrap .answer {padding:30px}
.notice .paging_wrap {margin-top:40px}

/* 마이페이지 - 이벤트 */
.event_list {margin-top:30px}
.event_list > ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}
.event_list .item .img_wrap {height:340px;border-radius:10px;position:relative;overflow:hidden;transition:all .2s}
.event_list .item .img_wrap .mark {display:flex;align-items:center;justify-content:center;width:74px;height:74px;background:var(--white);border-radius:80px;font-weight:500;position:absolute;top:24px;right:24px}
.event_list .item .img_wrap img {width:100%;height:100%;object-fit:cover}
.event_list .item .txt_wrap {margin-top:20px}
.event_list .item .txt_wrap .tit {font-size:24px;font-weight:600;line-height:1.4;transition:all .2s}
.event_list .item .txt_wrap .date {display:block;font-size:16px;margin-top:10px}
.event_list .item.end .img_wrap {opacity:.2}
.event_list .item.end .txt_wrap,
.event_list .item.end:hover .txt_wrap .tit {color:#AAAAAA}
.event_list .item.expected .img_wrap .mark {background:var(--primary-90);color:var(--white)}
.event_list .item:hover .img_wrap {box-shadow:4px 4px 20px rgba(0,0,0,.1);transform:translateY(-3%)}
.event_list .item:hover .txt_wrap .tit {color:var(--primary-50)}
.event_list .paging_wrap {margin-top:50px}

.board_view .title_box {border-bottom:solid 1px #222222;padding-bottom:30px;margin-bottom:20px}
.board_view .title_box .date {display:block;margin-top:14px}
.board_view .article .img_wrap {height:340px;border-radius:10px;overflow:hidden;margin-bottom:18px}
.board_view .article .img_wrap img {width:100%;height:100%;object-fit:cover}
.board_view .article p {font-size:16px;font-weight:500;line-height:1.6}
.board_view .btn_wrap {width:300px;margin:50px auto 0}

/* 마이페이지 - 고객지원 */
.support .tab_menu {margin-top:30px}
.support .tab_menu li > *.on {color:var(--primary-50);border-bottom:solid 2px var(--primary-50)}
.support .accordion_wrap {border-top:solid 1px #222222;margin-top:30px}
.support .paging_wrap {margin-top:40px}

.my_inquiry .accordion_wrap {margin-top:30px}
.my_inquiry .accordion_wrap .head {display:flex;align-items:center;height:50px;background:#F5F5F5}
.my_inquiry .accordion_wrap .head div {display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;width:160px;min-width:160px}
.my_inquiry .accordion_wrap .head div:first-child {flex:1}
.my_inquiry .accordion_wrap button {padding:0}
.my_inquiry .accordion_wrap button > span {width:160px;min-width:160px;padding:0 30px;text-align:center}
.my_inquiry .accordion_wrap button .tit {flex:1;text-align:left}
.my_inquiry .accordion_wrap button .status.done {color:var(--primary-50)}
.my_inquiry .accordion_wrap button:before,
.my_inquiry .accordion_wrap button:after {display:none}
.my_inquiry .accordion_wrap .cont {display:none}
.my_inquiry .accordion_wrap .question,
.my_inquiry .accordion_wrap .answer {display:block}
.my_inquiry .accordion_wrap .answer p,
.my_inquiry .accordion_wrap .question p {color:#222222}
.my_inquiry .btn_wrap {width:300px;margin:40px auto 0}

.my_inquiry .form .top {display:flex;align-items:center;gap:0 10px;margin-bottom:24px}
.my_inquiry .form .top .item {width:245px;min-width:245px}
.my_inquiry .form .top > .item:last-child {width:100%;margin:0}
.my_inquiry .notice_msg {font-size:15px;font-weight:500;color:#555555;margin-top:14px}

/* 리포트 */
canvas {height: 100% !important;}

.container > .report {padding-top:80px}
.report .btn_print {display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:10px;background:var(--white);box-shadow:4px 4px 40px rgba(0,0,0,.1);position:absolute;top:50%;right:0;transform:translateY(-50%)}
.report .head {background:var(--white);padding-top:40px;position:relative}
.report .head .top {position:relative}
.report .head .top h1 {font-size:30px;font-weight:600;text-align:center}
.report .head .tab_menu {margin-top:30px}
.report .head .tab_menu li > *.on {color:var(--primary-50);border-bottom:solid 2px var(--primary-50)}
.report .head + .wrapper {padding-top:40px}
.report .wrapper > .btn_wrap {width:300px;margin:50px auto 0}
.report h2 {font-size:20px;font-weight:500}
.report h2 em {font-weight:600;color:var(--primary-50)}
.report .inner {display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.report .box {width:calc((100% - 20px)/2);background:var(--white);border-radius:12px;box-shadow:8px 8px 40px rgba(0,0,0,.04);padding:40px 30px}
.report .tit_box {display:flex;align-items:center}
.report .tit_box h3 {font-size:20px;font-weight:600}
.report .tit_box span {display:block;font-size:16px;font-weight:500;color:#999999;margin-top:8px}
.report .tit_box .best_info {display:flex;align-items:center;gap:0 10px;margin-left:auto}
.report .tit_box .best_info .tit {display:flex;align-items:center;gap:0 6px;font-size:16px;font-weight:500;color:#222222;margin:0}
.report .tit_box .best_info .tit img {width:18px}
.report .tit_box .best_info strong {font-size:30px}
.report .head_title {display:flex;align-items:center}
.report .head_title h1 {font-size:30px;font-weight:600;margin-right:auto}
.report .head_title .btn_navy {width:300px;height:56px;font-size:16px}
.report .head_title .btn_print {position:initial;transform:translate(0,0)}
.report .cont {margin-top:30px}
.report .explain {display:flex;align-items:flex-start;gap:0 8px;background:#F8F8F8;border-radius:5px;margin-top:40px;padding:16px}
.report .explain p {font-size:15px;font-weight:500;color:#555555}
.report .explain p em {color:#111111}
.report .summary {display:flex;align-items:center;height:117px;background:var(--primary-90);border-radius:10px}
.report .summary > div {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px 0;width:100%;font-size:16px;font-weight:500;color:var(--white);position:relative}
.report .summary > div:not(:last-child):after {content:'';display:block;width:1px;height:20px;background:rgba(221,221,221,.2);position:absolute;top:50%;right:0;transform:translateY(-50%)}
.report .summary .tit {font-size:14px;color:rgba(255,255,255,.6)}
.report .big_txt {display:flex;align-items:center}
.report .big_txt strong {display:flex;align-items:center;font-size:30px}
.report .big_txt strong + strong:before {content:'';display:block;width:1px;height:16px;background:#CCCCCC;margin:0 10px}
.report .big_txt span {display:block;font-size:16px;font-weight:500;color:#999999;margin-right:12px}
.report .chart .gauge {width:100%;height:0%;background:#4C84FF;border-radius:6px;position:absolute;bottom:0;left:0;transition:all 1s}

.report .doughnut {width:200px;min-width:200px;height:200px;position:relative}
.report .doughnut .num {font-size:24px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);letter-spacing:-0.08em}

.report .paragraph {display:flex;flex-direction:column;gap:10px 0;margin-top:16px}
.report .paragraph p {font-size:16px}

.report .ai_said {display:flex;align-items:center;gap:0 18px;background:#F1F7FD;border-radius:5px;padding:24px 20px;margin-top:10px}
.report .ai_said ul {display:flex;flex-direction:column;align-items:flex-start;gap:6px 0}
.report .ai_said li {font-size:15px;font-weight:500;color:#555555;padding-left:8px;position:relative}
.report .ai_said li:before {content:'';display:block;width:3px;height:3px;background:#666666;border-radius:5px;position:absolute;top:8px;left:0}

.report .tag_wrap {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.report .tag_wrap span {display:flex;align-items:center;justify-content:center;height:50px;border:solid 1px var(--primary-50);border-radius:50px;color:var(--primary-50);font-size:14px;font-weight:500;padding:0 16px}

.report .bubble_wrap {border:solid 1px #EEEEEE;border-radius:10px;position:relative}
.report .bubble_wrap .item div {display:flex;align-items:center;justify-content:center;flex-direction:column;background:#EEEEEE;border-radius:100%;font-weight:600;text-align:center;position:absolute}
.report .bubble_wrap .item div em {display:block;font-size:0.8em;font-weight:500;margin-top:4px}

/* 전체 리포트 */
.report_main .box1 .top {display:flex;align-items:flex-start;gap:0 50px}

.report_main .box2 .legend_wrap {display:flex;align-items:center;gap:0 14px;margin-top:20px}
.report_main .box2 .legend_wrap span {display:flex;align-items:center;font-size:12px;font-weight:500}
.report_main .box2 .legend_wrap span:before {content:'';display:block;width:6px;height:6px;background:10px;border-radius:10px;margin-right:6px}
.report_main .box2 .legend_wrap .color_01:before {background:#1A82EE}
.report_main .box2 .legend_wrap .color_02:before {background:#FCC129}
.report_main .box2 .legend_wrap .color_03:before {background:#6FC548}
.report_main .box2 .legend_wrap .color_04:before {background:#F36C81}
.report_main .box2 .chart_wrap {margin-top:20px}

.report_main .box3 .chart_wrap,
.report_main .box4 .chart_wrap {margin-top:40px}

.report_main .unit {width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.report_main .unit .box {display:flex;flex-direction:column;width:100%}
.report_main .unit .box5 {grid-row:1 / 3}
.report_main .unit .big_txt {align-items:flex-end;justify-content:flex-end;margin-top:auto}
.report_main .unit .big_txt span em {font-weight:700;color:#222222}
.report_main .unit .big_txt strong + strong:before {width:2px;height:22px;background:#DDDDDD}
.report_main .box5 .txt_wrap > span {font-size:14px;font-weight:500;color:#999999}
.report_main .box5 .txt_wrap .school {display:flex;align-items:center;margin-top:10px}
.report_main .box5 .txt_wrap .school span {display:flex;align-items:center;font-size:24px;font-weight:600}
.report_main .box5 .txt_wrap .school span:not(:first-child):before {content:'';display:block;width:4px;height:4px;background:#DDDDDD;margin:0 8px}
.report_main .box5 .chart_wrap {display:flex;align-items:center;justify-content:center;gap:60px;text-align:center;margin-top:30px}
.report_main .box5 .chart_wrap .chart {width:90px;height:140px;background:#F5F5F5;border-radius:6px;margin-bottom:18px;position:relative}
.report_main .box5 .chart_wrap .chart:after {content:'';display:block;width:30px;height:30px;background:url('/resources/img/icon_male.svg') no-repeat center/cover;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2}
.report_main .box5 .chart_wrap .male {position:relative}
.report_main .box5 .chart_wrap .male:before,
.report_main .box5 .chart_wrap .male:after {content:'100%';font-size:12px;font-weight:500;color:#AAAAAA;position:absolute;top:0;right:calc(100% + 20px)}
.report_main .box5 .chart_wrap .male:after {content:'0%';top:128px}
.report_main .box5 .chart_wrap .female .chart:after {background-image:url('/resources/img/icon_female.svg')}
.report_main .box5 .chart_wrap .female .chart .gauge {background:#59C891}
.report_main .box5 .chart_wrap .tit {font-weight:500;color:#555555}
.report_main .box5 .chart_wrap .num {display:block;font-size:30px;font-weight:600;margin-top:4px}

.report_main .box10 {width:100%}
.report_main .box10 .cont {display:flex;gap:0 20px; height:500px}
.report_main .box10 .cont > div {width:100%}
.report_main .box10 .bubble_wrap .item:first-child div {width:260px;height:260px;background:#0E6DEF;color:var(--white);font-size:40px;box-shadow:4px 4px 60px rgba(31,57,124,.2);top:216px;left:211px}
.report_main .box10 .bubble_wrap .item:nth-child(2) div {width:220px;height:220px;background:#619FF4;color:var(--white);font-size:30px;box-shadow:4px 4px 30px rgba(76,132,255,.2);top:63px;left:41px}
.report_main .box10 .bubble_wrap .item:nth-child(3) div {width:180px;height:180px;background:#80B2F7;color:var(--white);font-size:26px;box-shadow:4px 4px 30px rgba(76,132,255,.3);top:23px;left:266px}
.report_main .box10 .bubble_wrap .item:nth-child(4) div {width:140px;height:140px;font-size:20px;top:296px;left:41px}
.report_main .box10 .bubble_wrap .item:nth-child(5) div {width:100px;height:100px;top:166px;left:440px}
.report_main .box10 .list ul {display:flex;flex-direction:column;gap:14px 0}
.report_main .box10 .list li:nth-child(-n + 3) .item .tit {color:var(--primary-50)}
.report_main .box10 .list .item {display:flex;align-items:center;height:88px;border:solid 1px #EEEEEE;border-radius:5px;padding:0 30px}
.report_main .box10 .list .item .rank {display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#EEEEEE;border-radius:60px;font-weight:500}
.report_main .box10 .list .item .tit {font-size:24px;font-weight:600;margin-left:20px}
.report_main .box10 .list .item .num {font-size:20px;font-weight:500;color:#555555;margin-left:auto}

/* 종합 리포트 */
.report_synthetic .doughnut_wrap {display:flex;align-items:flex-start;gap:0 40px}

.report_synthetic .box {width:100%}
.report_synthetic .box1 {padding:30px}
.report_synthetic .box1 .tit_box span {color:#222222}

.report_synthetic .unit {width:100%;display:flex;gap:20px}
.report_synthetic .box2 {width:56.5%;min-width:56.5%}

.report_synthetic .box3 {display:flex;flex-direction:column}
.report_synthetic .box3 .chart_double {display:flex;align-items:flex-start;justify-content:space-between}
.report_synthetic .box3 .chart_double > div {width:200px}
.report_synthetic .box3 .chart_double > div:not(:last-child) .chart_wrap:after {content:'';display:block;width:1px;height:100px;background:#EEEEEE;position:absolute;right:-30px;;top:50%;transform:translateY(-50%)}
.report_synthetic .box3 .chart_double .chart_wrap {margin-top:30px;position:relative}
.report_synthetic .box3 .explain {margin-top:auto}

.report_synthetic .box4 .cont {display:flex;gap:0 30px}
.report_synthetic .box4 .cont > div {width:100%;border:solid 1px #EEEEEE;border-radius:12px;overflow:hidden;padding:40px 30px}
.report_synthetic .box4 .head {display:flex;align-items:center;padding:0}
.report_synthetic .box4 .head .tit {font-size:25px;font-weight:600}
.report_synthetic .box4 .head .tit strong {color:var(--primary-50)}
.report_synthetic .box4 .head .mark {display:flex;align-items:center;background:#F5F5F5;border-radius:50px;font-size:14px;font-weight:500;padding:8px 12px;margin-left:6px}
.report_synthetic .box4 .head .select_box {width:95px;margin-left:auto}
.report_synthetic .box4 .head .select_box select {height:42px;background-position:center right 10px;padding:0 12px}
.report_synthetic .box4 .chart_wrap {margin-top:30px}

.report_synthetic .box5 .tab_menu,
.analysis_ability .box2 .tab_menu {background:#F5F5F5;border-radius:5px;padding:4px}
.report_synthetic .box5 .tab_menu li > *,
.analysis_ability .box2 .tab_menu li > * {height:52px;border:0;border-radius:5px;color:#555555;font-size:15px}
.report_synthetic .box5 .tab_menu li > *.on,
.analysis_ability .box2 .tab_menu li > *.on {background:var(--white);color:#222222;font-weight:600}
.report_synthetic .box5 .tab_cont > div {display:flex;gap:0 30px}
.report_synthetic .box5 .tab_cont .video_wrap {width:100%;height:400px;border-radius:12px;position:relative;overflow:hidden}
.report_synthetic .box5 .tab_cont .video_wrap .top {display:flex;align-items:center;width:100%;position:absolute;top:0;left:0;padding:30px 30px 0;z-index:1}
.report_synthetic .box5 .tab_cont .video_wrap .top p {font-size:14px;font-weight:500;color:var(--white)}
.report_synthetic .box5 .tab_cont .video_wrap .top p img {width:15px;margin-right:6px}
.report_synthetic .box5 .tab_cont .video_wrap .top button {display:flex;align-items:center;gap:0 6px;font-size:14px;font-weight:500;color:var(--white);margin-left:auto}
.report_synthetic .box5 .tab_cont .video_wrap .video {height:100%}
.report_synthetic .box5 .tab_cont .txt_box {width:100%;background:#F5F5F5;border-radius:12px;padding:40px 30px}
.report_synthetic .box5 .tab_cont .txt_box .tit {font-weight:600}
.report_synthetic .box5 .tab_cont .txt_box p {font-weight:500;margin-top:14px}
.report_synthetic .box5 .tab_cont_wrap {margin-top:20px}
.report_synthetic .box5 > div + div {margin-top:50px}
.report_synthetic .box5 > .bottom .cont {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}
.report_synthetic .box5 > .bottom .cont > div {border:solid 1px #EEEEEE;border-radius:12px;padding:40px 30px}
.report_synthetic .box5 > .bottom .cont .tit {font-size:20px;font-weight:600}
.report_synthetic .box5 .doughnut_wrap {margin-top:30px}
.report_synthetic .box5 .bar_wrap {display:flex;align-items:flex-start;margin-left:-10px;width:100%}
.report_synthetic .box5 .bar_wrap > div {display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%}
.report_synthetic .box5 .bar_wrap .chart {width:40px;height:123px;background:#F5F5F5;border-radius:5px;position:relative}
.report_synthetic .box5 .bar_wrap .chart .gauge {border-radius:5px}
.report_synthetic .box5 .bar_wrap .txt_wrap {margin-top:16px;text-align:center}
.report_synthetic .box5 .bar_wrap .txt_wrap span {font-weight:500}
.report_synthetic .box5 .bar_wrap .txt_wrap strong {display:block;font-size:24px;margin-top:6px}
.report_synthetic .box5 .gray {color:#555555}
.report_synthetic .box5 .blue {color:#4C84FF}
.report_synthetic .box5 .red {color:#F87884}
.report_synthetic .box5 .strength > div + div {margin-top:48px}
.report_synthetic .box5 .strength > div {display:flex;align-items:flex-start;gap:0 20px}
.report_synthetic .box5 .strength strong {font-size:24px;line-height:1.4}

.report_synthetic .box6 .txt_wrap strong {font-size:30px}
.report_synthetic .box6 .txt_wrap p {font-weight:500;margin-top:16px}

.report_synthetic .box7 {width:56.5%;min-width:56.5%}
.report_synthetic .box7 .bar_chart .bg {width:142px;height:200px;background:linear-gradient(#F2F2F2 26%,#D1D1D1 26%);border-radius:5px;margin-left:80px}
.report_synthetic .box7 .bar_chart .bg {position:relative}
.report_synthetic .box7 .bar_chart .base_line {display:flex;width:155px;position:absolute;top:26%;right:0;z-index:1}
.report_synthetic .box7 .bar_chart .base_line span {background:var(--primary-50);border-radius:20px;font-size:10px;font-weight:500;color:var(--white);white-space:nowrap;position:absolute;right:calc(100% - 5px);top:50%;transform:translateY(-50%);padding:5px 7px}
.report_synthetic .box7 .bar_chart .num {font-size:20px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5}
.report_synthetic .box7 .bar_chart .bar {width:100%;height:0;background:#FFB800;border-radius:5px;position:absolute;bottom:0;left:0;transition:all .8s ease-in}
.report_synthetic .box7 .bar_chart .bar.over80 {background:#71C848}

.report_synthetic .box8 .tit_box div {display:flex;align-items:center;gap:0 8px}
.report_synthetic .box8 .tit_box div p {font-size:15px;font-weight:500;color:#555555}
.report_synthetic .box8 .tit_box div p em {color:var(--primary-50)}
.report_synthetic .box8 .swiper-slide {display:flex;align-items:center;justify-content:space-between;width:515px;height:135px;background:var(--white);border:solid 1px #EEEEEE;border-radius:12px;box-shadow:8px 8px 40px rgba(0,0,0,.04);padding:24px 30px 24px 28px;font-size:16px}
.report_synthetic .box8 .swiper-slide .txt_wrap p {font-weight:500}
.report_synthetic .box8 .swiper-slide .txt_wrap .date {display:block;font-weight:normal;margin-top:10px}
.report_synthetic .box8 .swiper-slide .txt_wrap button {display:inline-block;font-size:inherit;font-weight:500;color:var(--primary-50);margin-top:10px}
.report_synthetic .box8 .swiper-slide .img_wrap {width:87px;height:87px;border:solid 3px #EEEEEE;border-radius:100%;overflow:hidden}
.report_synthetic .box8 .swiper-slide .img_wrap img {width:100%;height:100%;object-fit:cover}
.report_synthetic .box8 .swiper-slide .img_wrap.new {border-color:#ED5B66}
.report_synthetic .box8 .btn_wrap {height:auto;margin-left:auto}
.report_synthetic .box8 .btn_wrap > div {position:initial;cursor:pointer}
.report_synthetic .box8 .btn_wrap > div::after {display:none}

/* 코멘트 팝업 */
.cmt_wrap {width:994px;background:var(--white);border-radius:10px;padding:20px 22px 30px}
.cmt_wrap .head {display:flex;align-items:center;gap:0 28px}
.cmt_wrap .head .txt_wrap .tit {font-size:20px;font-weight:600}
.cmt_wrap .head .txt_wrap .date {display:block;font-size:12px;font-weight:normal;margin-top:8px}
.cmt_wrap .img_wrap {width:70px;height:70px;border:solid 3px #EEEEEE;border-radius:100%;overflow:hidden}
.cmt_wrap .img_wrap img {width:100%;height:100%;object-fit:cover}
.cmt_wrap .img_wrap.new {border-color:#ED5B66}
.cmt_wrap .cmt_area {max-height:310px;background:#F7F9FA;border:solid 1x #EEEEEE;border-radius:8px;box-shadow:7px 7px 32px rgba(0,0,0,.04);margin-top:16px;padding:24px 20px;overflow-y:auto}
.cmt_wrap .cmt_area p {font-size:14px;font-weight:500;line-height:1.85}
.cmt_wrap > .btn_wrap {width:348px;height:45px;margin:28px auto 0}
.cmt_wrap > .btn_wrap .btn {font-size:13px}
.cmt_wrap .type_sel {display:flex;align-items:center;justify-content:center;width:256px;background:#F5F5F5;border-radius:50px;overflow:hidden;overflow:hidden;margin:18px auto 0}
.cmt_wrap .type_sel > div {width:100%}
.cmt_wrap .type_sel input {display:none}
.cmt_wrap .type_sel input:checked + label {background:var(--primary-90);font-weight:600;color:var(--white)}
.cmt_wrap .type_sel label {display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:50px;font-size:13px;font-weight:500;color:#999999;cursor:pointer;transition:all .2s}
.cmt_wrap .form {display:grid;grid-template-columns:repeat(2, 1fr);gap:22px 26px;margin-top:52px}
.cmt_wrap .form .item {margin:0 !important}
.cmt_wrap .form .item .tit {font-size:13px}
.cmt_wrap .form .item .input_box input {height:40px;font-size:13px;padding:0 14px}
.cmt_wrap .consultant {margin-top:52px}
.cmt_wrap .consultant .top {display:block;font-size:13px;font-weight:600}
.cmt_wrap .consultant .top .img_wrap {width:50px;height:50px;border-width:2px}
.cmt_wrap .consultant .top > div {display:flex;align-items:center;margin-top:10px}
.cmt_wrap .consultant .top > div .consult_ul {margin-left:auto}
.cmt_wrap .consultant .top .name {font-size:12px;font-weight:600;margin-left:15px}
.cmt_wrap .consultant .box {display:flex;border:dashed 1px var(--primary-90);border-radius:8px;margin-top:20px}
.cmt_wrap .consultant .box > div {flex:1}
.cmt_wrap .consultant .box > div:first-child .tit {border-radius:8px 0 0 0}
.cmt_wrap .consultant .box > div:last-child ul {border-left:solid 1px #EEEEEE}
.cmt_wrap .consultant .box .tit {display:flex;align-items:center;justify-content:center;height:38px;background:var(--primary-90);border-radius:0 8px 0 0;color:var(--white);font-size:14px;font-weight:500;position:relative;width:calc(100% + 2px);top:-1px;left:-1px}
.cmt_wrap .consultant .box .cont {font-size:14px;color:#555555;line-height:2;padding:14px 0}
.cmt_wrap .consultant .box .cont ul {padding:0 28px}
.cmt_wrap .consultant .box .cont ul.dot li {position:relative;padding-left:16px}
.cmt_wrap .consultant .box .cont ul.dot li::before {content:'·';display:block;position:absolute;top:0;left:0}
.cmt_wrap .consultant .box .cont p {line-height:inherit}
.cmt_wrap .chk_box {margin-top:10px}
.cmt_wrap .chk_box label {font-size:13px}
.cmt_wrap .consult_ul {display:flex;align-items:center;gap:0 8px}
.cmt_wrap .consult_ul li {display:flex;align-items:center;height:30px;border-radius:30px;background:#F4F4F4;font-size:11px;font-weight:500;color:#666666;padding:0 15px}
.cmt_wrap .consult_ul li.on {background:var(--primary-90);color:var(--white)}
.cmt_wrap.cmt_view .consultant {margin-top:16px}

/* 종합리포트 블러처리 */
.report .block > img {width:100%}
.report .block.cont {display:block;width:100% !important;position:relative}
.report .block .comment {display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;padding:30px}
.report .block .comment p {font-size:15px;font-weight:500;color:#555555;text-align:center;margin-top:12px}
.report .block.warning {display:block !important}
.report .block.warning .comment p {color:var(--red)}

.report_synthetic.block {padding-top:120px}
.report_synthetic.block .wrapper > .btn_wrap {margin-top:20px}
.report_synthetic.block .box3 .chart_double {flex-direction:column}
.report_synthetic.block .box3 .chart_double .tit_box {display:flex;align-items:flex-start;width:100%;justify-content:space-between;padding-right:30px}
.report_synthetic.block .box5 .block {grid-column:1 / 3;padding:0 !important;border:0 !important;position:relative}
.report_synthetic.block .warning_msg {display:flex;align-items:center;justify-content:center;gap:0 4px;margin:50px auto 0}

/* 태도분석 */
.analysis_attitude .box {width:100%}
.analysis_attitude .txt_wrap {width:100%}
.analysis_attitude .table {border-top:solid 1px #222222;margin-top:20px}
.analysis_attitude .table th {height:46px;border-top:0}
.analysis_attitude .table td {height:60px}
.analysis_attitude .table td:first-child {width:180px;text-align:left;padding:0 30px}
.analysis_attitude .table td strong {font-size:20px}
.analysis_attitude .box .voice_chart {display:flex;align-items:flex-start;gap:0 40px}
.analysis_attitude .body_chart {width:420px;min-width:420px;height:300px;border:solid 1px #EEEEEE;border-radius:6px;position:relative;text-align:center}
.analysis_attitude .body_chart > div {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}
.analysis_attitude .body_chart img {transition:all 1s}
.analysis_attitude .body_chart .head {height:100%;background:transparent;padding:0;z-index:1}
.analysis_attitude .body_chart .head img {position:absolute;left:143px;top:29px}
.analysis_attitude .body_chart .shoulder {height:100%;z-index:1}
.analysis_attitude .body_chart .shoulder img {position:absolute;left:89px;bottom:28px}
.analysis_attitude .body_chart .eye_position,
.analysis_attitude .body_chart .gesture {width:100%;height:100%}
.analysis_attitude .body_chart .gesture img {animation:hand_wave 2.5s infinite}
.analysis_attitude .body_chart .eye_position div {position:absolute}
.analysis_attitude .body_chart .eye_position div span {display:block;width:5px;height:5px;border-radius:20px;background:rgba(14,109,239,.8)}
.analysis_attitude .body_chart .gesture > div {position:absolute}
.analysis_attitude .body_chart .gesture > div > div {text-align:center}
.analysis_attitude .body_chart .gesture > div > div span {display:block;margin-top:6px}
@keyframes hand_wave {
    0% {transform: rotate(0deg)}
    10% {transform: rotate(14deg)}
    20% {transform: rotate(-8deg)}
    30% {transform: rotate(14deg)}
    40% {transform: rotate(-4deg)}
    50% {transform: rotate(10deg)}
    60% {transform: rotate(0deg)}
    100% {transform: rotate(0deg)}
}

.analysis_attitude .graph_chart {display:flex;align-items:flex-start;gap:0 40px}
.analysis_attitude .box1 .explain {margin-top:35px}
.analysis_attitude .box1 .doughnut_wrap {display:flex;align-items:flex-start;gap:0 40px}
.analysis_attitude .box2 > div:nth-child(2) {margin-top:40px}
.analysis_attitude .box2 .explain {margin-top:20px}
.analysis_attitude .box3 .explain {margin-top:30px}
.analysis_attitude .box5 .chart_wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px 0}
.analysis_attitude .box5 .chart_wrap .tit {font-size:24px;font-weight:500;text-align:center}
.analysis_attitude .box5 .table td {width:25%;border:solid 1px #EEEEEE}
.analysis_attitude .box5 .table td:first-child {text-align:center}

/* 음성분석 */
.voice_chart {display:flex;align-items:flex-start;gap:0 60px}
.analysis_voice .box {width:100%}
.analysis_voice .txt_wrap {width:100%}
.analysis_voice .tag {margin-top:40px}
.analysis_voice .tag .tit {display:block;font-size:16px;font-weight:600;margin-bottom:14px}
.analysis_voice .tag .tag_wrap {gap:12px}
.analysis_voice .tag .tag_wrap span {height:46px;font-size:16px;font-weight:600;border:0}
.analysis_voice .ai_said {margin-top:20px}

.analysis_voice .box1 .explain {margin-top:35px}
.analysis_voice .box1 .doughnut_wrap {display:flex;align-items:flex-start;gap:0 40px}
.analysis_voice .box2 .tag .tag_wrap span {background:rgba(18, 93, 230, .08)}
.analysis_voice .box3 .tag .tag_wrap span {color:#41BF81;background:rgba(65, 191, 129, .08)}
.analysis_voice .box4 .tit_box {display:flex;align-items:center;justify-content:space-between;}
.analysis_voice .box4 .tit_box > div {width:100%}
.analysis_voice .box4 .top {display:flex;align-items:flex-start;gap:0 30px;border-bottom:solid 1px #EEEEEE;padding-bottom:30px}
.analysis_voice .box4 .top > div {width:100%}
.analysis_voice .box4 .big_txt {flex-direction:column;align-items:flex-start;gap:12px 0}
.analysis_voice .box4 .big_txt span {color:#555555}
.analysis_voice .box4 .big_txt strong {align-items:flex-start;height:78px;line-height:1.3}
.analysis_voice .box4 .explain {margin-top:20px}
.analysis_voice .box4 .bottom {margin-top:30px}
.analysis_voice .box4 .bottom .tit_box p {margin-top:20px}
.analysis_voice .range_list {display:flex;align-items:flex-start;gap:0 30px;margin-top:20px}
.analysis_voice .range_list .item {width:100%}
.analysis_voice .range_list .item .tit {display:flex;align-items:center;justify-content:center;height:54px;background:#F5F5F5;border-radius:5px 5px 0 0;font-size:15px;font-weight:500}
.analysis_voice .range_list .item .content {display:flex;flex-direction:column;align-items:center;justify-content:center;height:174px;border:solid 1px #EEEEEE;border-top:0;border-radius:0 0 5px 5px;padding:0 20px}
.analysis_voice .range_list .item .red {color:var(--red)}
.analysis_voice .range_list .item .blue {color:var(--primary-50)}
.analysis_voice .range_list .item strong {font-size:30px}
.analysis_voice .range_list .item .range {width:100%;margin-top:42px}
.analysis_voice .range_list .item .range_bar {width:100%;height:2px;background:#EEEEEE;border-radius:5px;position:relative}
.analysis_voice .range_list .item .range_bar .bar {width:0;height:100%;background:var(--primary-50);border-radius:5px;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all 1.5s}
.analysis_voice .range_list .item .range_bar .bar:after {content:'';width:30px;height:30px;background:var(--white);border:solid 2px var(--primary-50);border-radius:30px;box-shadow:2px 2px 10px rgba(18,93,230,.25);position:absolute;top:50%;left:100%;transform:translate(-50%, -50%);z-index:1}
.analysis_voice .range_list .item .legend {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:#555555;;margin-top:20px}

.analysis_voice .bubble_wrap {height:500px;margin-top:20px}
.analysis_voice .bubble_wrap .item div {background:#EEEEEE}
.analysis_voice .bubble_wrap .item:first-child div {width:240px;height:240px;background:#0E6DEF;color:var(--white);font-size:34px;box-shadow:4px 4px 30px rgba(34,34,34,.2);top:37px;left:175px;z-index:2}
.analysis_voice .bubble_wrap .item:nth-child(2) div {width:220px;height:220px;background:#619FF4;color:var(--white);font-size:30px;box-shadow:4px 4px 30px rgba(34,34,34,.2);top:155px;left:332px;z-index:3}
.analysis_voice .bubble_wrap .item:nth-child(3) div {width:200px;height:200px;background:#80B2F7;color:var(--white);font-size:30px;box-shadow:4px 4px 30px rgba(34,34,34,.2);top:178px;left:29px;z-index:1}
.analysis_voice .bubble_wrap .item:nth-child(4) div {width:180px;height:180px;background:#93C2F9;color:var(--white);font-size:26px;top:290px;left:242px}
.analysis_voice .bubble_wrap .item:nth-child(5) div {width:160px;height:160px;background:#CCE0FB;font-size:26px;top:28px;left:60px}
.analysis_voice .bubble_wrap .item:nth-child(6) div {width:140px;height:140px;background:#EBF4FD;font-size:26px;top:347px;left:98px}
.analysis_voice .bubble_wrap .item:nth-child(7) div {width:120px;height:120px;font-size:20px;top:70px;left:436px}
.analysis_voice .bubble_wrap .item:nth-child(8) div {width:100px;height:100px;font-size:18px;top:387px;left:445px}
.analysis_voice .bubble_wrap .item:nth-child(9) div {width:80px;height:80px;font-size:16px;top:8px;left:382px}
.analysis_voice .bubble_wrap .item:nth-child(10) div {width:60px;height:60px;font-size:14px;top:117px;left:33px}
.analysis_voice .bubble_wrap.green .item div {color:#222222}
.analysis_voice .bubble_wrap.green .item:first-child div {background:#41BF81;color:var(--white)}
.analysis_voice .bubble_wrap.green .item:nth-child(2) div {background:rgba(65, 191, 129, .6)}
.analysis_voice .bubble_wrap.green .item:nth-child(3) div {background:rgba(65, 191, 129, .6)}
.analysis_voice .bubble_wrap.green .item:nth-child(4) div {background:rgba(65, 191, 129, .2)}
.analysis_voice .bubble_wrap.green .item:nth-child(5) div {background:#EEEEEE}
.analysis_voice .box3 .voice_analysis .item .chart .gauge {background:#41BF81}

.voice_analysis {width:555px;min-width:555px;height:370px}
.voice_analysis {display:flex;flex-direction:column;gap:20px 0}
.voice_analysis .item {display:flex;align-items:center;}
.voice_analysis .item .tit {width:55px;min-width:55px;font-size:15px;font-weight:500}
.voice_analysis .item .chart {width:500px;height:16px;background:#F5F5F5;border-radius:20px;position:relative}
.voice_analysis .item .chart:before,
.voice_analysis .item .chart:after,
.voice_analysis .item .chart .gauge:before {content:'';display:block;width:6px;height:6px;border-radius:6px;background:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9}
.voice_analysis .item .chart:after {left:auto;right:5px;transform:translate(0, -50%)}
.voice_analysis .item .chart .gauge {width:0;height:100%;border-radius:20px}
.voice_analysis .item .chart .gauge:before {left:5px;transform:translate(0, -50%)}
.voice_analysis .label {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:#AAAAAA;margin-top:-10px;padding-left:55px}

/* 긴장도 분석 */
.report .question_box {width:575px;min-width:575px}
.report .question_box > div {border-radius:10px;padding:30px}
.report .question_box .tit {font-weight:600}
.report .question_box .top {background:#F8F8F8}
.report .question_box .top p {margin-top:16px}
.report .question_box .bottom {background:#F1F7FD;margin-top:14px}
.report .question_box .bottom > strong {display:block;font-size:30px;margin:12px 0 20px}
.report .question_box .bottom .big_txt {gap:18px;margin:12px 0 20px}
.report .question_box .bottom .big_txt strong + strong:before {display:none}
.report .question_box .bottom p {margin-top:12px}

.analysis_tension .unit {display:flex;gap:20px;width:100%}
.analysis_tension .box {width:100%}
.analysis_tension .box1 .doughnut_wrap {display:flex;align-items:flex-start;gap:0 40px}
.analysis_tension .box1 .explain {margin-top:30px}

.analysis_tension .box2 .cont {display:flex;align-items:flex-start;gap:0 35px}
.analysis_tension .box2 .cont > div {width:100%;display:flex;flex-direction:column;gap:14px 0}
.analysis_tension .box2 .txt_wrap {text-align:center}
.analysis_tension .box2 .txt_wrap span {font-weight:500;color:#555555}
.analysis_tension .box2 .txt_wrap span.red {color:#F87884}
.analysis_tension .box2 .txt_wrap span.blue {color:#4C84FF}
.analysis_tension .box2 .txt_wrap strong {display:block;font-size:30px;margin-top:6px}
.analysis_tension .box2 .graph_box {position:relative}
.analysis_tension .box2 .doughnut {width:160px;min-width:160px;height:160px}
.analysis_tension .box2 .num_box {display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;background:var(--white);border-radius:100px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}
.analysis_tension .box2 .num_box img {animation: animateHeart 2.5s infinite}
.analysis_tension .box2 .num_box .num {font-size:24px;font-weight:600;margin-top:2px}
@keyframes animateHeart {
    0% {transform: scale(0.8)}
    5% {transform: scale(0.9)}
    10% {transform: scale(0.8)}
    15% {transform: scale(1)}
    50% {transform: scale(0.8)}
    100% {transform: scale(0.8)}
}

.analysis_tension .box3 .chart_wrap {margin-top:40px}

.analysis_tension .box4 .cont,
.analysis_tension .box5 .cont {display:flex;align-items:flex-start;gap:0 30px}
.analysis_tension .box4 .chart_wrap,
.analysis_tension .box5 .chart_wrap {width:100%;height:466px;border:solid 1px #EEEEEE;border-radius:10px;position:relative}
.analysis_tension .chart_wrap .y_title {font-size:12px;color:#AAAAAA;position:absolute;top:30px;left:30px}

/* 역량분석 */
.analysis_ability .box {width:100%}
.analysis_ability .box1 .doughnut_wrap {display:flex;align-items:flex-start;gap:0 40px}
.analysis_ability .box2 .tab_cont {padding-top:30px}
.analysis_ability .box2 .q_analysis {display:flex;align-items:flex-start;gap:0 40px}
.analysis_ability .box2 .question_box {width:100%}
.analysis_ability .detail {display:flex;gap:0 30px;margin-top:30px}
.analysis_ability .detail > div {width:100%;border:solid 1px #EEEEEE;border-top:0;border-radius:5px}
.analysis_ability .detail > div > .tit {display:flex;align-items:center;justify-content:center;height:46px;border-radius:5px 5px 0 0;background:#0E6DEF;color:var(--white);font-size:15px;font-weight:600;position:relative;width:calc(100% + 2px);left:-1px}
.analysis_ability .detail > div > div {display:flex;flex-direction:column}
.analysis_ability .detail strong {font-size:30px;font-weight:600;color:#4C84FF;text-align:center;padding:20px 0}
.analysis_ability .detail .content {border-top:solid 1px #EEEEEE;padding:30px}
.analysis_ability .detail .content .tit {font-weight:600}
.analysis_ability .detail .content p {color:#555555;margin-top:16px}
.analysis_ability .detail > .negative > .tit {background:#F87884}
.analysis_ability .detail > .negative strong {color:#F87884}
.analysis_ability .box4 .cont {background:#F1F7FD;border-radius:15px;padding:22px}
.analysis_ability .box4 .item {display:flex;gap:0 11px}
.analysis_ability .box4 .item + .item {margin-top:30px}
.analysis_ability .box4 .item .left span {display:flex;align-items:center;justify-content:center;width:96px;height:100%;border-radius:10px;font-size:30px;font-weight:600;color:var(--white)}
.analysis_ability .box4 .item .left .blue {background:#0E6DEF}
.analysis_ability .box4 .item .left .yellow {background:#FBAC4E}
.analysis_ability .box4 .item .left .pink {background:#F36B81}
.analysis_ability .box4 .item .right {flex:1;font-size:16px;font-weight:600;background:var(--white);border:solid 1px #D2D2D2;border-radius:10px;overflow:hidden}
.analysis_ability .box4 .item .right > div {height:95px;display:flex;flex-direction:column;justify-content:center;padding:0 56px}
.analysis_ability .box4 .item .right .top .tit {font-size:16px;color:#666666}
.analysis_ability .box4 .item .right .top p {margin-top:12px}
.analysis_ability .box4 .item .right .bottom {background:#F5F7FB;border-top:solid 1px #D2D2D2;height: auto;padding-top: 15px;padding-bottom: 15px;}

/* 인쇄용 */
.print {background:#F4F7F8}
.print .report {padding-top:0}
.print .report .head {background:transparent}
.print .report .chart .gauge,
.print .analysis_attitude .body_chart img,
.print .analysis_voice .range_list .item .range_bar .bar,
.print .analysis_tension .box2 .num_box img {transition:none}
.print .analysis_attitude .body_chart .gesture img {animation:none}
.print .report_main .head {background:var(--primary-50);color:var(--white);padding:100px 0 60px}
.print .report_main .head .wrapper {display:flex;align-items:flex-end}
.print .report_main .head h1 {font-size:50px;font-weight:600}
.print .report_main .head span {font-size:30px;font-weight:500;margin-left:auto}
.print .report_main .head span em {font-weight:600}


/* 로딩바 */
.loading-screen-wrapper {
    position: absolute;
    background-color: rgba(0,0,0,.72);
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 300;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.loading-icon {
	width: 120px;
    height: 120px;
}
.loading-screen-wrapper .loading-screen-text {
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
    padding-top: 22px;
}
.none{  
	display: none !important;
}
.hidden{  
	visibility: hidden !important;
}
.off{
   visibility : hidden;
}


		.main_popup {
  position: fixed;
  z-index: 1005;
  -webkit-box-shadow: 0px 13px 40px -6px #061626;
  box-shadow: 0px 13px 40px -6px #061626;
  top: 50px;
  left: 50px;
  display: none;
}
.main_popup.on {
  display: block;
  background-color: #0E2340;
}
.main_popup .img_wrap {
  width: 500px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_popup .btn_close {
  width: 40px;
  height: 38px;
  position: absolute;
  top: 17px;
  right: 17px;
  font-size: 0;
  border: 0;
  background: black;
}
.main_popup .btn_close::before {
  content: "";
  width: 5px;
  height: 35px;
  background-color: #fff;
  position: absolute;
  top: 1px;
  left: 18px;
  transform: rotate(45deg);
}
.main_popup .btn_close::after {
  content: "";
  width: 35px;
  height: 5px;
  background-color: #fff;
  position: absolute;
  top: 16px;
  left: 3px;
  transform: rotate(45deg);
}
.main_popup .btn_today_close {
  width: 100%;
  height: 45px;
  background-color: #0E2340;
  text-align: center;
  color: #fff;
  font-size: 14px;
  display: block;
}
.main_popup .btn_today_close span {
  display: block;
  line-height: 40px;
  vertical-align: bottom;
  opacity: 0.8;
}

/* 240223 새 인덱스 추가 */
.index_new {padding-top:80px !important;padding-bottom:0 !important}
.index_new .wrapper {width:1453px;min-width:1453px}

.index_new .main_banner {background:#719EFF url('/resources/img/indexNew_main_bg.png') no-repeat center/cover;position:relative}
.index_new .main_banner .wrapper {position:relative}
.index_new .main_banner .swiper-slide {display:flex;align-items:center;justify-content:space-between;height:600px;color:var(--white);opacity:0 !important;padding-bottom:55px}
.index_new .main_banner .swiper-slide-active {opacity:1 !important}
.index_new .main_banner .swiper-slide .txt_wrap .tit {font-size:40px;line-height:1.25}
.index_new .main_banner .swiper-slide .txt_wrap p {font-size:18px;line-height:1.38;margin-top:11px}
.index_new .main_banner .swiper-slide .txt_wrap a {display:flex;align-items:center;justify-content:center;width:142px;height:43px;background:#fff;border-radius:40px;color:#3D6CCF;font-size:15px;margin-top:35px}
.index_new .main_banner .swiper-pagination {display:flex;align-items:center;flex-direction:column;width:67px;height:100%;position:absolute;top:0;left:0;bottom:0}
.index_new .main_banner .swiper-pagination-bullet {flex:1;display:flex;flex-direction:column;width:100%;height:100%;background:#5A7ECC;border-radius:0;opacity:1;font-size:15px;color:var(--white);border-top:solid 1px rgba(255,255,255,.5);margin:0;padding:20px 0}
.index_new .main_banner .swiper-pagination-bullet .tit {display:flex;align-items:center;justify-content:center;width:150px;height:30px;transform:rotate(90deg) translate(54px, 42px)}
.index_new .main_banner .swiper-pagination-bullet:first-child {border:0}
.index_new .main_banner .swiper-pagination-bullet-active {background:#445F99}
.index_new .main_banner .btn_wrap {display:flex;align-items:center;gap:0 8px;position:absolute;right:20px;bottom:80px;z-index:1}
.index_new .main_banner .btn_wrap > * {position:initial;margin:0;cursor:pointer}
.index_new .main_banner .btn_wrap > *::after {display:none}
.index_new .main_banner .btn_wrap .swiper-button-disabled {opacity:.5}

.index_new .quick_notice {margin-top:-44px}
.index_new .quick_notice .inner {display:flex;align-items:center;height:87px;background:#F0F5FF;border-radius:10px;position:relative;z-index:1;padding:18px 0}
.index_new .quick_notice .inner > div {flex:1;display:flex;align-items:center;min-width:0;height:100%;padding:0 30px}
.index_new .quick_notice .inner > div + div {border-left:solid 1px #C5D7FF}
.index_new .quick_notice .inner .category {font-size:15px;font-weight:500;color:#719EFF;background:var(--white);border-radius:38px;padding:10px 25px}
.index_new .quick_notice .inner a {flex:1;display:flex;align-items:center;min-width:0;font-size:18px;font-weight:500;color:#719EFF;margin-left:23px}
.index_new .quick_notice .inner a span {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.index_new .quick_notice .inner a img {margin-left:auto}

.index_new .sec_01 {padding:174px 0 130px}
.index_new .sec_01 .inner {display:flex;border:solid 1px #CCCCCC;border-radius:10px;overflow:hidden}
.index_new .sec_01 .inner .left {flex:1;width:calc(100% - 490px);padding:34px 38px 46px}
.index_new .sec_01 .inner .left > .tit {font-size:30px;font-weight:700}
.index_new .sec_01 .inner .left .list {margin-top:37px}
.index_new .sec_01 .inner .left .list li + li {margin-top:42px}
.index_new .sec_01 .inner .left .list li a {display:flex;align-items:center;min-width:0;font-size:20px}
.index_new .sec_01 .inner .left .list li a:hover .subject {text-decoration:underline}
.index_new .sec_01 .inner .left .list li a .subject {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.index_new .sec_01 .inner .left .list li a .date {font-size:18px;color:#7B7B7B;margin-left:auto;white-space:nowrap}
.index_new .sec_01 .inner .right {width:490px}
.index_new .sec_01 .inner .right .swiper {height:447px;position:relative}
.index_new .sec_01 .inner .right .swiper-slide {background:no-repeat center/cover;padding:38px 34px 34px}
.index_new .sec_01 .inner .right .swiper-slide .txt_wrap .tit {font-size:30px;font-weight:700;line-height:1.33}
.index_new .sec_01 .inner .right .swiper-slide .txt_wrap p {font-size:18px;line-height:1.67;margin-top:8px}
.index_new .sec_01 .inner .right .opt_bar {display:flex;align-items:center;gap:0 4px;position:absolute;bottom:34px;left:34px;z-index:1}
.index_new .sec_01 .inner .right .opt_bar .swiper-pagination {display:flex;align-items:center;height:30px;font-size:16px;background:var(--white);border:solid 1px #B0DDFF;border-radius:30px;position:initial;padding:0 18px}
.index_new .sec_01 .inner .right .opt_bar .swiper-pagination-fraction {display:flex;align-items:center;justify-content:center;gap:0 4px;color:#555555}
.index_new .sec_01 .inner .right .opt_bar .swiper-pagination-current {font-weight:700;color:#222222}
.index_new .sec_01 .inner .right .opt_bar .btn_wrap {height:auto;position:relative}
.index_new .sec_01 .inner .right .opt_bar .btn_wrap button {display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--white);border:solid 1px #B0DDFF;border-radius:30px;position:absolute;top:0;left:0}
.index_new .sec_01 .inner .right .opt_bar .btn_wrap button.on {position:initial;z-index:3}

.index_new .sec_02 {background:#EFF3FF;padding:108px 0}
.index_new .sec_02 .wrapper {display:flex;align-items:center;justify-content:space-between}
.index_new .sec_02 .title_box {max-width:550px;text-align:left}
.index_new .sec_02 .title_box p {color:#222222;line-height:1.56}
.index_new .sec_02 .title_box a {display:inline-flex;align-items:center;gap:0 6px;font-size:18px;font-weight:500;color:#4B67F7;margin-top:40px}
.index_new .sec_02 .img_wrap {width:697px}

.index_new .sec_03 {background:#95B6F0;padding:120px 0 136px}
.index_new .sec_03 .title_box h1 {color:var(--white)}
.index_new .sec_03 .cont {display:flex;align-items:center;justify-content:space-between;margin-top:60px}
.index_new .sec_03 .left {position:relative}
.index_new .sec_03 .left .inner {display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;position:absolute;top:0;left:0;padding:0 23px}
.index_new .sec_03 .item {display:flex;flex-direction:column;;width:300px;height:300px;background:var(--white);border-radius:300px;text-align:center;font-size:25px;font-weight:600;padding:0 30px}
.index_new .sec_03 .item .top {height:50%;display:flex;flex-direction:column;justify-content:center}
.index_new .sec_03 .item .num {color:#999999}
.index_new .sec_03 .item .tit {color:#719EFF;margin-top:16px}
.index_new .sec_03 .item .bottom {height:50%;border-top:solid 1px #719EFF;padding-top:20px}
.index_new .sec_03 .item .bottom span {font-size:20px;color:#888888}
.index_new .sec_03 .item .bottom p {line-height:1.3;margin-top:8px}

.index_new .sec_04 {padding:125px 0 110px}
.index_new .sec_04 .cont {margin-top:73px}
.index_new .sec_04 .swiper {padding:0 20px}
.index_new .sec_04 .swiper-slide {width:400px;text-align:center}
.index_new .sec_04 .swiper-slide .tit {display:block;font-size:25px;font-weight:600;margin-top:36px}
.index_new .sec_04 .swiper-slide p {font-size:15px;font-weight:500;color:#A9A9A9;margin-top:9px}

.index_new .sec_05 {background:#F8F8F8;padding:55px 0}
.index_new .sec_05 .title_box p {font-size:20px;color:#737373}
.index_new .sec_05 .cont {margin-top:14px}
.index_new .sec_05 .swiper-slide {width:683px;position:relative;}
.index_new .sec_05 .swiper-slide .inner {display:flex;flex-direction:column;height:286px;background:var(--white);border-radius:10px;box-shadow:0 4px 4px #F8F8F8;padding:70px 70px 68px;margin-top:-50px;color:#919191}
.index_new .sec_05 .swiper-slide .emoji {font-size:80px;margin-left:68px}
.index_new .sec_05 .swiper-slide p {font-size:20px;font-weight:500;line-height:1.45}
.index_new .sec_05 .swiper-slide .star_wrap {margin-top:auto}
.index_new .sec_05 .swiper-slide-active .inner {background:#6F98F3;color:var(--white);transition:all .2s}
.index_new .sec_05 .swiper-slide-active .star_wrap path {fill:rgba(255,255,255,.5)}
.index_new .sec_05 .swiper-slide-active .star_wrap path.on {fill:var(--white)}
.index_new .sec_05 .swiper-scrollbar {width:1453px;position:initial;background:#E0E0E0;margin:28px auto 0}
.index_new .sec_05 .swiper-scrollbar-drag {background:#6F98F3}

/* 면접자료 */
.archive_list .table {margin-top:50px}
.archive_list .table td a {display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:600px}
.archive_list .table td a:hover {text-decoration:underline}

.archive_view .head {display:flex;align-items:center;background:#F5F5F5;margin-top:50px;padding:13px 31px 13px 37px}
.archive_view .head .tit {font-size:20px;font-weight:600;line-height:1.4;padding-right:40px}
.archive_view .head .date {font-size:16px;font-weight:500;color:#999999;margin-left:auto}
.archive_view .cont {min-height:320px;padding:39px 34px}
.archive_view .cont ul {list-style:disc;margin:1em 0;padding-left:26px}
.archive_view .cont ol {margin:1em 0;padding-left:26px}
.archive_view .file_wrap .tit {display:flex;align-items:center;justify-content:center;height:50px;background:#F5F5F5;font-size:14px;font-weight:500;color:#222222}
.archive_view .file_wrap .file_list div {display:flex;align-items:center;height:50px;border-bottom:solid 1px #E0E0E0;padding:0 13px}
.archive_view .file_wrap .file_list a {font-size:14px;font-weight:500;color:#555555}
.archive_view .file_wrap .file_list a:hover {text-decoration:underline}
.archive_view .file_wrap .file_list a img {width:24px;margin-right:16px}
.archive_view .link_wrap {border-top:solid 1px #E0E0E0;border-bottom:solid 1px #E0E0E0;margin-top:43px}
.archive_view .link_wrap > div {display:flex;align-items:center;}
.archive_view .link_wrap > div + div {border-top:solid 1px #E0E0E0}
.archive_view .link_wrap .tit {display:flex;align-items:center;justify-content:center;gap:0 8px;width:259px;height:50px;background:#F5F5F5;font-size:14px;font-weight:500}
.archive_view .link_wrap a {font-size:14px;font-weight:500;margin-left:14px}
.archive_view .link_wrap a:hover {text-decoration:underline}
.archive_view .btn_wrap {width:350px;margin:68px auto 0}


/* 새 메인 */


/* 컨텐츠 */
.container {
  margin-top: 76px;
}

.container .main_bg {
  width: 100%;
  height: 39vw;
  min-height: 580px;
  overflow: hidden;
  position: relative;
}

.container .main_bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.container .section {
  position: relative;
}

.container .section .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
}

.container .section .wrapper .bg_title {
  font-size: 48px;
  font-weight: 700;
  line-height: 65px;
}

.container .section .wrapper .bg_text {
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  color: #6F767E;
  margin-top: 2rem;
}

.container .section .wrapper .btn_link {
  width: auto;
  height: 48px;
  padding: 0 28px;
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  background: #125DE6;
  margin-top: 4.5rem;
}

.container .main_bg .wrapper .bg_title,
.container .main_bg .wrapper .bg_text,
.container .main_bg .wrapper .btn_link {
  opacity: 0;
  transition: ease-in-out 1.5s;
}

.container .main_bg .wrapper .bg_title.fade-in,
.container .main_bg .wrapper .bg_text.fade-in,
.container .main_bg .wrapper .btn_link.fade-in {
  opacity: 1;
}

.container .main_bg .wrapper .btn_link.fade-in {
  transition-delay: 0.8s;
}

.container .section {
  padding: 160px 0;
}

.container .section > .inner {
  width: 1200px;
  margin: auto;
}

.container .section .section_title {
  font-size: 36px;
  line-height: 51px;
  text-align: center;
}

.container .section .con_box {
  margin-top: 72px;
}

/* sec_01 차별화된 6가지 서비스 */
.interview_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 72px;
}

.interview_box .interview_list {
  position: relative;
  background: #F8F8F9;
  border: 1px solid #EBECED;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 32px 32px 0 32px;
  width: calc(50% - 12px);
}

.interview_box .interview_list .interview_num {
  padding: 6px 8px;
  font-size: 1.6rem;
  line-height: 19px;
  font-weight: 600;
  color: #125DE6;
  border-radius: 8px;
  background: rgba(18, 93, 230, 12%);
  display: inline-block;
}

.interview_box .interview_list .interview_title {
  font-size: 28px;
  line-height: 33px;
  font-weight: 600;
  margin-top: 28px;
}

.interview_box .interview_list .interview_sub_text {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  color: #6F767E;
  margin-top: 20px;
}

.interview_box .interview_list .img {
  position: relative;
  width: 100%;
  margin-top: 32px;
}

.interview_box .interview_list .img::after {
  content: "";
  display: none;
  width: 100%;
  height: 72px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(transparent, #F8F8F9);
}

.interview_box .interview_list .img img {
  width: 100%;
}

/* sec_02 AI 모의면접 서비스 */
.sec_02 {
  position: relative;
}

.sec_02::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(#FFFFFF, #125DE6);
  opacity: 0.04;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.ai_interview_box {
  padding: 163px 0;
  position: relative;
}

.ai_interview_icon {
  display: block;
  width: 20%;
  min-width: 350px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.ai_interview_icon.up {
  top: 30px;
}

.ai_interview_icon.down {
  bottom: 30px;
}

.ai_interview_icon img {
  width: 100%;
}

.ai_interview_box ul {
  display: flex;
  justify-content: space-between;
}

.ai_interview_box ul li {
  padding: 72px 0;
  width: 36.66%;
  text-align: center;
}

.ai_interview_box ul li:nth-child(1) {
  border-radius: 0 200px 200px 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(18, 93, 230, 0.08) 100%);
}

.ai_interview_box ul li:nth-child(2) {
  border-radius: 200px;
  margin-left: -5%;
  background: rgba(18, 93, 230, 0.08);
}

.ai_interview_box ul li:nth-child(3) {
  border-radius: 200px 0 0 200px;
  margin-left: -5%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(18, 93, 230, 0.08) 100%);
}

.ai_interview_box ul li .icon {
  width: 52px;
  height: 52px;
  margin: auto;
}

.ai_interview_box ul li .icon img {
  width: 100%;
}

.ai_interview_box ul li .step_title {
  font-size: 28px;
  line-height: 33px;
  font-weight: 600;
  margin-top: 36px;
}

.ai_interview_box ul li .step_text {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  color: #6F767E;
  margin-top: 20px;
}

/* sec_03 생활기록부 등록 */
.container .section.sec_03 {
  padding: 0;
  height: 32.3vw;
  min-height: 420px;
  max-height: 800px;
  background: url('/resources/img/section3_bg.png') center no-repeat;
  background-size: 100%;
}

.container .section.sec_03 .wrapper .bg_title {
  font-size: 36px;
  line-height: 51px;
  color: #fff;
}

.container .section.sec_03 .wrapper .bg_text {
  font-size: 20px;
  line-height: 27px;
  color: #fff;
  opacity: 0.72;
}

.container .section.sec_03 .wrapper .btn_link {
  background: rgba(255, 255, 255, 0.28);
}

.container .section.sec_03 .wrapper .btn_link:hover{
  background: rgba(255, 255, 255, 0.4);
}

/* sec_04 입시자료 슬라이드 */
.data_box {
  width: 100%;
  overflow: hidden;
}

.data_box .data_list {
  padding: 32px;
  background: #F8F8F9;
  border-radius: 12px;
  border: 1px solid #EBECED;
  box-sizing: border-box;
  height: 270px;
}

.data_box .data_list:hover{
  border-color: #d0d0d0;
}

.data_box .data_list .type_text {
  display: inline-block;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #ED5B66;
  background: rgba(237, 91, 102, 0.12);
  border-radius: 8px;
}

.data_box .data_list .data_title {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.data_box .data_list .data_text {
  font-size: 16px;
  line-height: 29px;
  color: #6F767E;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.swiper_btn_box {
  margin-top: 64px;
  display: flex;
  justify-content: center;
  column-gap: 24px;
  align-items: center;
}

.swiper_btn_box .swiper-button-next,
.swiper_btn_box .swiper-button-prev {
  width: 48px;
  height: 48px;
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  display: block;
  font-size: 0;
  text-indent: -9999px;
  border: 1px solid #E0E2E4;
  box-sizing: border-box;
  border-radius: 30px;
  margin-top: 0;
}

.swiper_btn_box .swiper-button-prev {
  background: url('/resources/img/ic_chevron_left_24px.svg') center no-repeat;
}

.swiper_btn_box .swiper-button-next {
  background: url('/resources/img/ic_chevron_right_24px.svg') center no-repeat;
}

.swiper_btn_box .btn_swiper_normal {
  height: 48px;
  line-height: 48px;
  padding: 0 28px;
  font-size: 16px;
  color: #6F767E;
  font-weight: 600;
  border: 1px solid #E0E2E4;
  box-sizing: border-box;
  border-radius: 30px;
}

/* sec_05 후기 */
.sec_05 {
  background: #F8F8F9;
}

.review_box {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.review_box .review_list {
  padding: 32px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
  opacity: 0.5;
}

.review_box .review_list.swiper-slide-active,
.review_box .review_list.swiper-slide-prev,
.review_box .review_list.swiper-slide-next {
  opacity: 1;
}

.review_box .review_list .score_box {
  width: 136px;
  height: 28px;
}

.review_box .review_list .score_box.score1 {
  background: url('/resources/img/img_score_1.png') 0 no-repeat;
}

.review_box .review_list .score_box.score2 {
  background: url('/resources/img/img_score_2.png') 0 no-repeat;
}

.review_box .review_list .score_box.score3 {
  background: url('/resources/img/img_score_3.png') 0 no-repeat;
}

.review_box .review_list .score_box.score4 {
  background: url('/resources/img/img_score_4.png') 0 no-repeat;
}

.review_box .review_list .score_box.score5 {
  background: url('/resources/img/img_score_5.png') 0 no-repeat;
}

.review_box .review_list .review_name {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  color: #6F767E;
  margin-top: 20px;
}

.review_box .review_list .review_name span {
  color: #2A2D2F;
  margin-right: 4px;
}

.review_box .review_list .review_text {
  font-size: 16px;
  line-height: 26px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.swiper-wrapper {
  transition-timing-function: ease-in-out;
  /* 부드러운 전환 */
}

.swiper-slide {
  box-sizing: border-box;
  /* 슬라이드 크기 계산 정확성 */
}

/* footer */
.footer {
  min-width: 1440px;
  background: #3A3E42;
  padding: 80px 0;
}

.footer > .inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.footer > .inner > div + div{
  margin-top: 36px;
}

.footer .footer_nav ul{display: flex; justify-content: flex-start; column-gap: 28px;}
.footer .footer_nav ul li a{font-size: 16px; line-height: 19px; font-weight: 600; color: #C8CCCF;}
.footer .company_name{font-size: 20px; line-height: 29px; font-weight: 600; color: #C8CCCF;}

.footer .footer_info .info_list{display: flex; justify-content: flex-start;}
.footer .footer_info .info_list + .info_list{margin-top: 16px;}
.footer .footer_info .info_list li{padding-left: 8px; font-size: 14px; line-height: 17px; font-weight: 400; color: #9EA4AA;}
.footer .footer_info .info_list li::before{content: ""; display: block; width: 1px; height: 8px; background: #9EA4AA; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.footer .footer_info .info_list li + li{position: relative; margin-left: 8px; padding-left: 8px;}

.footer .copyright{font-size: 14px; line-height: 17px; font-weight: 400; color: #9EA4AA;}

/* 탑 버튼 */
.go_top {
  width: 64px;
  height: 64px;
  border-radius: 100px;
  position: fixed;
  bottom: 40px;
  right: 60px;
  z-index: 99;
  transition: all .2s;
  display: none;
}

.go_top:hover {
  transform: translateY(-4px)
}

@media (max-width: 1340px) {
  :root {
      font-size: 9px;
  }

  .header,
  .container {
      width: 100%;
  }

  .container .section > .inner {
      width: 90%;
  }

  .container .section {
      padding: 140px 0;
  }
}

@media (max-width: 1200px) {
  .review_box {
      width: 90%;
      margin: auto;
  }

  .container .section {
      padding: 120px 0;
  }
}




@media all and (max-width: 1453px) {
    .header {min-width:initial}
    .header .wrapper {width:100%;min-width:initial}
}
 .page-break {
     page-break-after: always;
 }