@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_wrap.fix_bottom{
   position: fixed;
    bottom: 30px;
    left: 0;
    width: 100% !important;
    text-align: center;
    /* z-index: 1000; */
}

.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_text_white:disabled,
.btn_navy_text_white.disabled {background:#EEEEEE;color:white}

.btn_navy.disabled.next:after {background-image:url('/b2g/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_black_border { border:solid 2px black;color:#555555}
.btn_black_border: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('/b2g/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('/b2g/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;}
#start-answer-btn.not-ready {
  pointer-events: none;
  opacity: 0.5;
}


.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('/b2g/resources/img/arrow.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:before {content:'A';top:-1px;left:-32px}
.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}
.arrow_icon {
  position: absolute;
  right: 14px;
  pointer-events: none;
  color: #888;
  font-size: 14px;
  line-height: 1;
}
.arrow_icon img {
  width: 12px;
  height: 12px;
}

.dropdown_wrap.flight .input_box {
  border: 1px solid #eeeeee;      /* 회색 테두리 */
  border-radius: 4px;          /* 모서리 둥글게 */
  padding: 8px 12px;           /* 위아래 8px, 좌우 12px 패딩 */
  cursor: pointer;             /* 클릭 가능 표시 */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown_wrap.flight .input_box .selected_text {
  padding-left: 4px;           /* 글자 앞 여백 */
  color: #333;
}


.dropdown_wrap.flight .input_box {
  position: relative; /* arrow_icon 기준점 */
}

.dropdown_wrap.flight .input_box.question_list .arrow_icon {
  position: absolute;
  right: 12px;   /* 값 줄여서 박스 안쪽으로 */
  top: 50%;
  transform: translateY(-50%); /* 세로 중앙 정렬 */
  flex-shrink: 0;
  pointer-events: none;
  color: #888;
  font-size: 14px;
  line-height: 1;
}

.dropdown_wrap.flight .input_box.question_list .arrow_icon {
  flex-shrink: 0;
}

.dropdown_wrap .tip.flight {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: opacity 0.2s ease;
}
.dropdown_wrap.open .tip.flight {
  visibility: hidden;
  opacity: 0;
  height: auto; /* ← 공간 유지 */
}

.question_list .dropdown_wrap.flight{
  position: relative;
}

.dropdown_wrap.flight .input_box.question_list {
  width: 462px;

}




.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:80px;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}
.question_list .dropdown_wrap.flight .input_list{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 462px;          
  border: 1px solid #eee;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: var(--white);
  overflow-y: auto;
}



.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('/b2g/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('/b2g/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('/b2g/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('/b2g/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_cont.on.question_section_flight {display:flex}
.tab_cont.on.question_section_flight .question_section {flex: 1;}
.tab_cont.on.question_section_flight .video_wrap {
  margin-left: 10px;
  flex: 1;}


.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}


.title_box.flight{
  margin-top: 55px;
  text-align:center}

.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 + .chk_box label {color:var(--white) !important}

.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 {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 .btn_box {display:inline-block;}

.table .tone-table-content {
  height: 400px;
  border-collapse: collapse;
}

.table .tone-table-content thead {
  border-top: solid 2px black;
}

.table .tone-table-content th,
.table .tone-table-content td {
  padding: 8px 12px; /* 표 간격 통일 */
  font-size: 16px;
  font-weight: 400;
}

.table .tone-table-content .tone-range {
  width: 20%;
}

.table .tone-table-content .tone-hz {
  width: 30%;
  text-align: center; /* 왼쪽 정렬로 성별 텍스트 맞추기 */
  border-left: solid 1px #EEEEEE;
  border-right: solid 1px #EEEEEE;
}

.table .tone-table-content .tone-desc {
  width: 60%;
}

.tone-table-content .tone-bg-blue {
  background-color: #F1F7FD;
}

.tone-bg-blue .tone-range {
  position: relative;
  padding-top: 24px; /* 아이콘 공간 확보 */
  text-align: center;
  color: #125DE6;

}

.tone-bg-blue .tone-range::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: url('/b2g/resources/img/interview_done.svg') no-repeat center;
  background-size: contain;

}


.table .comment_header {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 4px;
}
.table .comment_header:hover {
  cursor: pointer;
}
.tooltip_wrapper {
  position: relative; /* 기준점 */
  display: inline-block;
}

.tooltip_text {
  display: none;
  position: absolute;
  height: 60px;
  align-items: center;
  top: 180%; /* 아이콘 아래쪽 */
  left: 50%;
  transform: translateX(-50%);
  background: white;
  color: black;
  padding: 6px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 300;
  white-space: nowrap;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2); 
}
/* 삼각형(뾰족산) */
.tooltip_text::after {
  content: "";
  position: absolute;
  top: -15px;                    /* 말풍선 위쪽에 붙이기 */
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid white; /* 말풍선 배경색과 같게 */
}
.tooltip_wrapper:hover .tooltip_text {
  display: flex;
}

.table .status_wrap {font-weight:500}
.table .status_wrap .status {display:block;font-size:16px;color:var(--primary-50)}
.table .status_wrap .status.done {color:#AAAAAA}
.table .status_wrap p {font-size:12px;color:#AAAAAA;margin-top:8px}
.table td .btn_wrap {display: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}


.table .status_wrap.flight .status {font-weight: 300;
  color:#AAAAAA}
.table .status_wrap.flight .status.done {
  font-weight: 300;
  color:#41BF81}

/* 헤더 */
.header {width:100%;min-width:1280px;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;height:80px}
.header .logo {display:flex;align-items:center;height:100%}
.header .logo img {width:120px}
.header .logo.flight img {width:180px}
.header .gnb {margin-left:118px}
.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('/b2g/resources/img/arrow_down.svg') no-repeat center/cover;margin-left:4px}
.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:hover > button:before {bottom:23px;opacity:1}
.header .gnb > ul > li:hover .depth_02,
.header .my_menu:hover .box {opacity:1;height:auto;z-index:99;top:100%}
.header .side_menu {display:flex;align-items:center;gap:0 4px;margin-left:auto}
.header .side_menu.interviewStartBtn {margin-left:12%}
.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,
.header .my_menu .box {opacity:0;height:0;overflow:hidden;padding-top:6px;position:absolute;top:95%;left:50%;transform:translateX(-50%);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 .depth_02 li a:hover,
.header .my_menu .box li a:hover {background:#F5F5F5}
.header .my_menu {height:100%;position:relative;margin-left:auto}
.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:0;transform:translateX(-12px)}

.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:var(--white);padding:40px 0}
.footer .link_wrap {margin-left:auto}
.footer .link_wrap ul {display:flex;align-items:center;gap:0 40px}
.footer .link_wrap a {font-size:15px;font-weight:600;color:#333333}
.footer .bottom {display:flex;align-items:flex-start;gap:0 120px;margin-top:40px}
.footer .left img {width:130px;padding:7px 0}
.footer .right img {width:92px}
.footer .info {font-size:15px;font-weight:500;color:#999999;margin-top:30px}
.footer .info > div {display:flex;align-items:center;margin-top:10px}
.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 {color:#666666;margin-left:14px}
.footer .copyright {margin-top:30px}
.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)}


.b2g_footer {width: 100% ; min-width:100%}
.b2g_link_wrap ul{justify-content: center}
/* 인덱스 */
.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('/b2g/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('/b2g/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('/b2g/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 .tip.flight{font-size:14px;font-weight:200;color:#125DE6;text-decoration:none;margin-top:10px}
.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('/b2g/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 p em {font-weight:400;color:var(--red)}
.record_register .upload_box .btn_primary {height:40px;margin-top:20px; margin-bottom:60px }
.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}





.record_register.flight{margin-top:20px;padding-bottom:30px}
.record_register.flight .upload_box {display:flex;flex-direction:column;align-items:center;justify-content:center;border:dashed 1px #CCCCCC;border-radius:6px;height:300px; margin-top: 0px;background-color:#F7F9FA ;}
.record_register.flight .upload_box .title {margin-top:14px; font-size: 23px; font-weight: 500;}
.record_register.flight .upload_box .upload_title {margin-top:14px; font-size: 20px; font-weight: 500;}
.record_register.flight .upload_box .upload_desc {margin-top:14px; font-size: 16px; font-weight: 300;}
.record_register.flight .upload_box p em.red {
  color: #ED5B66;
}

.record_register.flight .upload_box p em.blue {
  color: #125DE6;
}

.record_register.flight .upload_box .desc {margin-top:10px; font-size: 15px; font-weight: 300; }
.record_register.flight .upload_box img{
  margin-top: 40px;
  width: 55px;
  height: 55px;
}
.record_register.flight .upload_box .upload_state {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  justify-content: center;
}
.record_register.flight .upload_box .upload_state.upload_progress {
  background-color: #F7F9FA;

}

.record_register.flight .upload_box .btn_wrap {
  margin-top: 25px;
  width: 130px;
  height: 40px;
 }
.record_register.flight .upload_box .btn {height:40px;margin-top:25px}
.record_register.flight .record_option {display:flex;align-items:flex-start;margin-top:20px}

.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}
.question_list_flight_btn_area .btn_wrap {
  width: 600px; /* 원하는 너비 */
}
/* 실전면접 준비 */
.interview-main .interview_top{
  display: flex;
  justify-content: end;
}

.interview-main .interview_top .btn_wrap{
 padding-left: 24px;
 padding-right: 24px;
 padding-top: 10px;
 padding-bottom: 10px;
 
}



.interview_notice {padding:100px 0}
.interview_notice .list a {display:flex;gap:0 30px;width:980px;margin-top:30px}
.interview_notice .list a > div:hover{
  background-color: #125DE615;  
  
}

.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 .list .item .video_wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.interview_notice .list .item .video_wrap video {
  width: 100%;
  object-fit: cover;
  display: block;
  z-index: 1;
}
.interview_notice .btn_wrap {width:452px;margin-top:50px}

.interview_notice.flight{padding:0px;}
.interview_notice.flight .back_btn_wrap{display: flex; justify-content: end;
  height: 60px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.interview_notice.flight .back_btn_wrap a {  color: #ed5b66;
  display: inline-flex;
  font-size: 18px;  
  align-items: center;
  gap: 6px; /* 텍스트와 이미지 사이 간격 */
  text-decoration: none;}

.interview_notice.flight .back_btn_wrap.step2 a {  color: #0e2340;
  display: inline-flex;
  font-size: 18px;  
  align-items: center;
  gap: 6px; /* 텍스트와 이미지 사이 간격 */
  text-decoration: none;}
.interview_notice .flight.wrapper {display:flex;flex-direction:column;align-items:center}
.interview_notice .list.flight{display:flex;gap:0 30px;width:980px}
.interview_notice .list.flight .item .img_wrap_flight{display: flex;justify-content: center;}
.interview_notice .list .item .video_wrap.flight{margin-top: 20px;}
/* 오버레이 스타일 */
.video_wrap.flight .video_overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.video_wrap.flight .video_overlay .play_button_img {
  width: 80px;
  height: 80px;
  border: none;
  background: url('/b2g/resources/img/video_play_btn.png') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  z-index: 3;
}

.video_overlay .play_button_img.face {
  width: 80px;
  height: 80px;
  border: none;
  background: url('/b2g/resources/img/face_play_btn_01.png') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  z-index: 3;
}

.interview_notice .list .btn_wrap.flight{
display: flex;
justify-content: center;
width: 100%;  
margin-top: 35px;
margin-bottom: 30px;
/* margin-top:40px; margin-bottom: 50px; */
}
.interview_notice .list .btn_wrap.flight a{
  width: 25%;
}


/* 실전면접 단계별 */
.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('/b2g/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('/b2g/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 .head .btn_exit.flight {
  display:inline-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;
  background-color: transparent;
}
.interview .head .btn_exit.flight a {
  display:inline-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;
  background-color: transparent;
}

.interview .head .btn_exit.flight: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}
.title_box p.record_tip {margin-top:8px; font-weight: 300; color: #125DE6;}
.interview.flight .step .wrapper > .btn_wrap {
  position: fixed;
  bottom: 50px;
}




.interview .step1 .form {margin-top:20px}
.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;flex-direction:column;height:calc(100vh - 60px);min-height:600px}
.interview .step2 .wrapper.flight {display:flex;align-items:center;flex-direction:column; height: 100%;}
  .interview .step2 .wrapper > .btn_wrap.flight {margin-top:160px}
.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.flight {margin-top:100px}
.interview .step2 .list ul {display:flex;align-items:flex-start;gap:0 75px}

.interview .step2 .list .item {text-align:center}
.interview .step2 .list.flight .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  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('/b2g/resources/img/step.svg');top:72px;left:-55px;transform:translateX(50%)}
.interview .step2 .list.flight li:not(:first-child) .item .icon:before { background-image: none !important;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.flight .item span {display:block;font-weight:300;color:#222222;margin-top:26px}
.guide-copy{ 
  display:inline-block; 
  line-height:1.5; /* 1.6~1.8 사이로 조절 */
}
.guide-copy br{
  display:block;      /* 줄바꿈을 블록처럼 */
  margin:6px 0;       /* 줄 사이 여유 */
}

.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;}
@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);z-index:3;overflow: hidden;background:rgba(17,17,17,.4);transition:all .2s}
.interview .face_recog .face_blur.flight {-webkit-mask:unset}
.interview .face_recog.flight .face_blur {background:transparent;}
.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}
.btn_wrap.step3.flight {margin-top:160px !important}
.face_check_success_inform{
  display: flex;
      justify-content: center;
      align-items: center;
      width: 1000px;
      height: 52px;
      color:#41BF81;
      background-color: #41bf8112;
      border-radius: 5px;
      margin-top: 25px;
}
.face_check_success_inform span::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/b2g/resources/img/check_circle.png'); /* 여기에 원하는 아이콘 경로 */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}

.face_check_faile_inform{
  display: flex;
      justify-content: center;
      align-items: center;
      width: 1000px;
      height: 52px;
      color: #ED5B66;
      background-color: #ed5b6612;
      border-radius: 5px;
      margin-top: 25px;
}

.face_check_faile_inform span::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/b2g/resources/img/warning.png'); /* 여기에 원하는 아이콘 경로 */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}

.face_check_faile_content{
     display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      width: 1000px;
      height: 94px;
      color: #222222;
      background-color: #F7F9FA;
      border-radius: 5px;
      margin-top: 25px;
}
.wrapper .manual_notice{
  display: flex;
  margin-top: 20px;
  font-weight: 200;
  font-size: 16px;
  color: #666666;
}

.wrapper .manual_notice a{
  font-weight: 200;
  font-size: 16px;
 color: #666666;  
 text-decoration: underline;
}

#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.flight{display:flex;align-items:center;justify-content:center;position:absolute;width:480px;height:480px;top:50%;left:50%;transform:translate(-49% , -49%)}

.time-gauge p {color:var(--white);font-size:18px;font-weight:400;text-align:center}
.time-gauge p span.emphasis {color:var(--white);font-size:36px;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}
.mike_comment{
   display: flex;
    width: 100%;
    height: 50px;
    color: white;
    font-weight: 200;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: rgba(0, 0, 0, .5);
  
}
.practice_guide{
  display: flex;
  flex-direction: column;
  text-align: center;
   color: white;
   font-weight: 200;
   font-size: 20px;
   justify-content: center;
   align-items: center;
   gap: 0 8px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   font-size: 17px;
   font-weight: 300;
   z-index: 1;
   background: rgba(0, 0, 0, .6);
   backdrop-filter: blur(6px);     
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
   padding-right: 15px;
  }


.face_recog .thinking_notice{
  display: flex;
   width: 100%;
   height: 50px;
   color: white;
   font-weight: 200;
   font-size: 16px;
   justify-content: center;
   align-items: center;
   gap: 0 8px;
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 9;
   background: #41BF81;
 
}

.face_recog .answeringg_notice{
  display: flex;
   width: 100%;
   height: 50px;
   color: white;
   font-weight: 200;
   font-size: 16px;
   justify-content: center;
   align-items: center;
   gap: 0 8px;
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 9;
   background: #125DE6;
 
}
.interview .time-gauge-wrapper.flight {width:153px;height:101px;background:rgba(0,0,0,.5);border-radius:5px;top:45px;left:auto;right:50px;transform:none}
.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}

.interview .time-gauge-wrapper.answering.flight{
 top: 160px;
}
.time-gauge-wrapper.dimmed {
  opacity: 0.4;
  pointer-events: none;
}

.time-gauge-wrapper.active {
  opacity: 1;
  pointer-events: auto;
}

/* 학과별 질문 */
.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}

.container > .department_question.flight {background-color: white;}
.department_question.flight .tab_menu li > *.on {color:var(--primary-50);border-bottom:solid 2px var(--primary-50)}
.department_question.flight .tab_menu{margin-bottom: 50px;}
.department_question.flight .question_list .item{background-color: #F7F9FA;}






/* 이용권 */
.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('../b2g/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('/b2g/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.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('/b2g/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}
.container > .report .wrapper .box.how_use_flight {
    width: 100%;
    background: var(--white);
    border-radius: 10px;
    margin-top: 30px;
    padding: 30px;
}

.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;justify-content:space-between}
.report .head_title h1 {font-size:30px;font-weight:600}
.report .head_title .btn_print {    margin-bottom: 10px;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:75px;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}
.paragraph .tone-highlight-blue {color: #125DE6;}



.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 .tit_box.comment_flight {display:flex; flex-direction: column; justify-content: start; align-items: start;}
.report .tit_box.comment_flight .txt_box{
   
  width: 100%;
  height: 100%;
  padding: 20px 30px 20px 30px; margin-top: 20px; border-radius: 10px; background-color: #F7F9FA;}
.report .tit_box.comment_flight .txt_box p {font-size: 16px; }
.report .tit_box.comment_flight .txt_box .comment_time {margin-top: 10px; font-size: 14px; color: #666666; }
.report .tit_box.interview_video_flight {display:flex; justify-content: space-between; }
.report .tit_box.interview_video_flight .download_txt {
  cursor: pointer;
  color:#125DE6; }
.report .tit_box.interview_video_flight .download_txt::after {
  content: ""; 
  display: inline-block;
  width: 16px; 
  height: 16px;
  background: url('/b2g/resources/img/download_btn.png') no-repeat center / contain;
  margin-left: 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.flight {display:flex; justify-content: end; 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.flight {width:100%;display:grid;grid-template-columns:repeat(2, 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('/b2g/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('/b2g/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}
.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 .doughnut_wrap_column {
  display: flex;
  align-items: flex-start; /* 세로 상단 맞춤 */
}

.report_synthetic .doughnut_wrap_column .chart_wrap {
  flex: 1; 
  width: 100% !important;
}


.report_synthetic .doughnut_wrap_column .txt_wrap {
  flex: 1; /* 나머지 공간 차지 */
}


.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:30px;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 .box5 .flight.question_section{
  display: flex;
  flex-direction: column;
}
.report_synthetic .box5 .flight.question_section .question_content {
  flex: 2;
  margin-top: 10px;
  margin-bottom: 10px;
}
.report_synthetic .box5 .flight.question_section .explain{
 margin: 0px;
}

.report_synthetic .box5 .tab_cont.on.question_section_flight .video_wrap .video {
  width: 100%;
  height:100%}


.report_synthetic .box6 .txt_wrap strong {font-size:30px}
.report_synthetic .box6 .txt_wrap p {font-weight:500;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;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;}
.analysis_ability .box4 .item + .item {margin-top:30px}
.analysis_ability .box4 .item .left span {display:flex;align-items:center;justify-content:center;width:20px;height:100%;border-radius:10px 0 0 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:0 10px 10px 0 ;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;}

.analysis_ability .box4 .item .ability_level-left {
  width: 10%;
  margin-right: 10px;
}
.analysis_ability .box4 .item .ability_level-left span{
  width: 100%;
  border-radius: 10px;
}

.analysis_ability .box4 .item .ability_level-right .bottom {
  display: flex;
  justify-content: start;
  padding-left: 50px;
/*   height: 250px; */
}

.analysis_ability .bottom .answer-original{
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight:500;
}

.analysis_ability .bottom .answer-corrected{
  margin-top: 5px;
  margin-bottom: 5px;
  color: #ED5B66;
  font-weight:500;
}

.analysis_ability .bottom .answer-feedback{
  margin-top: 5px;
  font-weight:500;
}



/* 인쇄용 */
.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;
}


.container .page-break{
   padding: 0;
   break-after: page;
   page-break-after: always;
}


.container .page-break{
   padding: 0;
   break-after: page;
   page-break-after: always;
}

@media print {
  /* 전체 문서의 색상 출력 강제 */
  html {
      -webkit-print-color-adjust: exact;
      color-adjust: exact;
      print-color-adjust: exact;
  }
  
  /* 모든 요소에 적용 */
  * {
      -webkit-print-color-adjust: exact !important;
      color-adjust: exact !important;
      print-color-adjust: exact !important;
  }
}