@charset "UTF-8"; /********* sub_layout *********/
.contents > .container {
  position: static;
  z-index: auto;
  /*padding-bottom: 120px;*/
}

.sub_top {
  margin-bottom: 48px;
  padding-top: 76px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* 2022-11-17 SDH 지원사업 목록에서 불필요한 여백 제거 */
.sub_top.sportList {
  margin-bottom: 15px;
}

.sub_top .tit_area {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
/*   padding: 0 0 24px; */
}

.sub_top .tit_area .tit {
  display: inline-flex;
  align-items: center;
  gap:10px;
  color: #1d1d1d;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.sub_top .tit_area .tit span + .userGuideBtn {
	display: inline-flex;
  	align-items: center;
  	justify-content: center;
    min-width: 56px !important;
    height:28px;
    font-size: 15px !important;
    background: #246beb !important;
    color: #fff;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* sub_top */
.breadcrumb {
 /*  position: absolute;
  right: 0;
  bottom: 13px; */
  font-size:0;
}

.breadcrumb li {
 /*  display: inline-block;
  position: relative;
  margin-right: 16px;
  vertical-align: top;
  font-size: 15px;
  color: #1d1d1d; */
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  color: #1d1d1d;  
}

.breadcrumb li::after {
  content: "";
  display: block;
  /* position: absolute;
  right: -14px;
  top: 6px;
  width: 6px;
  height: 10px;
  background: url("/portal/images/sub/bread_arr.svg") center no-repeat;*/
  width: 13px;
  height: 7px;
  margin: 0 8px;
  background:url(/portal/images/ico_arrow_13X7.png) center center no-repeat;
  background-size: 13px 7px;
  transform: rotate(-90deg)
}

.breadcrumb li:last-child {
  margin-right: 0;
}

.breadcrumb li:last-child::after {
  display: none;
}

.sub_dep2_menu {
  display: flex;
/*   margin-top: 35px; */
/*   background-color: #eee; */
/*   border-top: 1px solid #bfbfbf; */
/*   border-bottom: 2px solid #7346a9; */
/*   border-radius: 8px 8px 0 0; */
}

.sub_dep2_menu li {
  flex: 1;
  height:56px;
  border:1px solid #b4c4d6;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
}

.sub_dep2_menu li:not(:first-child) {
	border-left:none;
}

.sub_dep2_menu li:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius:8px;
}

.sub_dep2_menu li:last-child {
 	border-top-right-radius: 8px;
	border-bottom-right-radius:8px;
}

/* .sub_dep2_menu li:last-child {
  margin-right: 0;
} */

.sub_dep2_menu li a {
  display: block;
  position: relative;
/*   height: 53px; */
  line-height: 56px;
/*   line-height: 51px; */
/*   margin-top: -1px; */
/*   padding-top: 1px; */
/*   border-left: 1px solid #d5d5d3; */
/*   font-size: 18px; */
   font-size: 19px;
   text-align: center;
   color:#555;
   font-weight:700;
}

/* .sub_dep2_menu li:first-child a {
  border-radius: 8px 0 0 0;
}*/

/* .sub_dep2_menu li:last-child a {
  border-right: 1px solid #d5d5d3;
  border-radius: 0 8px 0 0;
} */

/* .sub_dep2_menu li a::before {content: ''; display: block; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 0; background-color: #7346a9; transition: all 0.2s;} */
/* .sub_dep2_menu li a:hover,
.sub_dep2_menu li a:focus {
   color: #7346a9;
  font-weight: 500;
} */

.sub_dep2_menu li.active {
  background-color:#003675;
  border-color:#003675;
}

.sub_dep2_menu li.active a {
  padding-top: 0;
/*   background-color: #fff; */
/*   border: 2px solid #7346a9; */
/*   border-bottom-width: 0; */
/*   border-radius: 8px 8px 0 0; */
  color: #fff;
/*   font-weight: 700; */
}

/*.sub_dep2_menu li.active + li a {
  border-left-width: 0;
}*/

.sub_dep2_menu li:hover,
.sub_dep2_menu li.active:hover {
	position:relative;
	border:1px solid #003675;
	z-index:1;
	transform:none;
}

/* .sub_dep2_menu li a:hover::before, .sub_dep2_menu li a:hover:focus, .sub_dep2_menu li.active a::before {content: ''; height: 4px;} */
/* .sub_dep2_menu li.active a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
*/
.sub_dep3_menu {
  display: flex;
}

.sub_dep3_menu li {
  flex: 1;
  height: 56px;
  border: 1px solid #b4c4d6;
  position: relative;
/*   overflow: hidden; */
  box-sizing: border-box;
}

/* .sub_dep3_menu li:last-child {
  margin-right: 0;
} */

.sub_dep3_menu li a {
  display: block; 
  line-height: 56px;
  font-size: 19px;
  font-weight: 700;
  color: #555;
  text-align: center;
}

.sub_dep3_menu li:not(:first-child) {
  border-left: none;
}

.sub_dep3_menu li:first-child{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.sub_dep3_menu li:last-child{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.sub_dep3_menu li:hover,
.sub_dep3_menu li.active:hover {
  position: relative;
  border: 1px solid #003675;
  z-index: 1; 
  transform: none;
}
.sub_dep3_menu li.active {
  background: #003675;
  border-color: #003675;
}
.sub_dep3_menu li.active a{
  color: #fff;
}


/* sub_common */
/*.sub_each {
  margin-bottom: 60px;
}*/

.sub_each:last-of-type {
  margin-bottom: 0;
}
.sub_each .txt {
	line-height:1.5;
	font-size:17px;
	color:#555;
}

.sub_each2 {
  margin-bottom: 40px;
}

.sub_each2:last-of-type {
  margin-bottom: 0;
}

.sub_tit1 {
  margin-bottom: 20px;
/*   font-size: 21px; */
/*   font-weight: 500; */
  font-size:25px;
  color:#1d1d1d;
  font-weight:700;
}

.sub_tit1 .sm {
  color: #666;
  font-size: 17px;
}

.sub_tit2 {
  position: relative;
  margin-bottom: 14px;
  padding-top: 75px;
  line-height:1.2;
  font-size: 21px;
  color:#1d1d1d;
  font-weight: 700;
}

/* .sub_tit2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 1px;
  background-color: #bfbfbf;
}*/

.sub_tit2.center {
  text-align: center;
}

.sub_tit2.center::before {
  left: 50%;
  transform: translateX(-50%);
}

.sub_txt {
  line-height: 1.5;
  word-break: keep-all;
}

.sub_con_dep1 {
  margin-top: 15px;
}

.sub_con_dep2 {
  margin-top: 8px;
}

/* bull_list */
.bull_list > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 12px;
}

.bull_list > li:last-child {
  margin-bottom: 0;
}

.bull_list > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: #f47320;
  border-radius: 50%;
}

.rnum_bull_list > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 22px;
  line-height: 1.5;
}

.rnum_bull_list > li:last-child {
  margin-bottom: 0;
}

.rnum_bull_list > li .num {
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  border: 1px solid #8e8e8e;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
}

/* btn */
.common_btn_box {
  margin-top:40px;
/*   margin-top: 30px; */
  font-size: 0;
  text-align: center;
}

.common_btn {
  display: inline-block;
  width:160px;
/*   width: 135px; */
  height:48px;
/*   height: 55px; */
  line-height:48px;
/*   line-height: 55px; */
  border-radius:4px;
/*   border-radius: 8px; */
  font-size:17px;
/*   font-size: 18px; */
  text-align: center;
}

.common_btn_box .common_btn {
  margin-right: 18px;
  overflow: visible;
  /* as-is 영향으로 visible 처리... */
}

.common_btn_box.type02{margin-top:20px}
.common_btn_box.type02 .common_btn {
  width: 160px;
  height: 48px;
  margin-right:8px;
  line-height: 48px;
  border-radius: 4px;
  font-size: 17px;
}
.common_btn_box.type02 .btn_qna{background:#003675}
.common_btn_box.type02 .btn_cancel{background:#555}

.common_btn_box .common_btn:last-child {
  margin-right: 0;
}

.bottoom_btn_group {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.bottoom_btn_group .button {
  cursor: pointer;
}
.bottoom_btn_group .button.lg {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 48px;
  font-size: 17px;
  border-radius: 8px;
}
.bottoom_btn_group .button.primary {
  background: #0e7fff;
  color: #fff !important;
}
.bottoom_btn_group .button.dark_primary {
  background: #003675;
  color: #fff;
}

/* btn sort */
.btn_apply {
  background-color: #ee7102;
  color: #fff;
}

.btn_regist {
  background-color: #ee7102;
  color: #fff;
}

.btn_apply2 {
  background-color:#003675;
/*   background-color: #373a5b; */
  color: #fff;
}

.btn_login {
  background-color: #373a5b;
  color: #fff;
}

.btn_next {
  background-color: #373a5b;
  color: #fff;
}

.btn_complete {
  background-color: #79aad4;
  color: #fff;
}

.btn_wait {
  background-color: #478dd4;
  color: #fff;
}

.btn_end {
  background-color: #bfbfbf;
  color: #fff;
}

.btn_qna {
/*   background-color: #652c87; */
  background-color:#003675;
  color: #fff;
}

.btn_cancel {
  background-color: #959595;
  color: #fff;
}

.btn_list {
  background-color:#003675;
/*   background-color: #bfbfbf; */
  color: #fff;
  transition: all 0.3s;
}

.btn_download {
	background-color:#246beb;
	color:#fff;
}

.board_detail.type02 .btn_list {
  background-color: #003675;
  color: #fff;
  transition: all 0.3s;
}
.board_detail.type02 .common_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 50px;
  border-radius: 4px;
  font-size: 17px;
}

.btn_list:hover,
.btn_list:focus {
  background-color: #909090;
}
.ani_wave {
  position: relative;
}

.ani_wave::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}

.ani_wave:hover::before {
  animation: btnCtScale 0.5s;
}

@keyframes btnCtScale {
  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(7);
  }
}

/* radio */
.radio_each {
  display: inline-block;
  margin: 2px 25px 2px 0;
  vertical-align: middle;
}

.radio_each.one {
  margin-right: 0;
}

.radio_each:last-child {
  margin-right: 0;
}

.radio_each label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.radio_each .vradio {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #d0d4d9;
  border-radius: 50%;
}

.radio_each .vradio:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  margin-top: -4px;
  background-color: transparent;
  border-radius: 50%;
  transition: all 0.2s;
}

.radio_each input:checked + label .vradio {
  border-color: #000;
}

.radio_each input:checked + label .vradio:after {
  background-color: #000;
}

.radio_each input:focus + label .vradio {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.radio_each input:disabled:checked + label .vradio {
  border-color: #666;
}

.radio_each input:disabled:checked + label .vradio:after {
  background-color: #666;
}

/* checkbox */
.chk_each {
  display: inline-block;
  vertical-align: middle;
}

.chk_each.ochk {
  width: 18px;
  height: 18px;
}

.chk_each.ochk .vchkbox {
  top: 0;
}

.chk_each_box .chk_each {
  margin: 4px 20px 4px 0;
}

.chk_each_box .chk_each:last-child {
  margin-right: 0;
}

.chk_each label {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-left: 25px;
  cursor: pointer;
  vertical-align: top;
}

.chk_each .vchkbox {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  width: 18px;
  height: 18px;
  background: #fff /*url('/portal/images/common/chk_ico.png')*/ center no-repeat;
  border: 1px solid #c6c6c6;
  transition: all 0.2s;
}

.chk_each input:checked + label .vchkbox {
  background-image: url("/portal/images/sub/ico_chk_on.png");
}

.chk_each input:focus + label .vchkbox {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* select datepicker */
.ui-datepicker .ui-datepicker-title select {
  background-image: none;
  -webkit-appearance: auto;
  appearance: auto;
}

/* sourcing */
.con_top_img_box {
  margin-bottom: 50px;
}

.list_total_txt {
  margin-bottom:30px;
/*   margin-bottom: 10px; */
  font-size: 15px;
}

.list_total_txt b {
  color: #e60012;
  font-weight:700;
}

.list_total_txt select {
  height: 35px;
  margin-right: 10px;
}
.sub_top + .sub_contents .sub_sch_box:first-child {
	margin-top:-18px;
} 
.sub_sch_box {
  position: relative;
  margin-bottom: 48px;
  padding: 48px 230px 48px 56px;
  border-radius:8px;
  background-color:#edf1f5;
/*   background-color: #eee; */
/*   border: 1px solid #d2d2d2; */
}

/* 2022-11-17 SDH 지원사업목록에서 불필요한 여백 제거 */
.sub_sch_box.sportListSearchForm {
  margin-bottom: 0;
}

.sub_sch_box .row {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  table-layout: fixed;
}

.sub_sch_box .row:last-of-type {
  margin-bottom: 0;
}

.sub_sch_box .row > * {
  display: table-cell;
  padding-right: 8px;
  vertical-align: top;
}

.sub_sch_box .row > *:last-child {
  padding-right: 0;
}

.sub_sch_box .row > label,
.sub_sch_box .row > .lbl {
  width: 95px;
  padding-left: 27px;
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: content-box;
  color:#1d1d1d;
}

.sub_sch_box .row > *:first-child {
  padding-left: 0;
}

.sub_sch_box .row > label.pt_size1,
.sub_sch_box .row > .lbl.pt_size1 {
  padding-top: 0px;
  vertical-align: top;
}

/* 기본 체크박스 레이블 */
.sub_sch_box .row > label.pt_size2,
.sub_sch_box .row > .lbl.pt_size2 {
  padding-top: 3px;
  vertical-align: top;
}

/* 인증기업 체크박스 레이블 */
.sub_sch_box .row > label.pt_size3,
.sub_sch_box .row > .lbl.pt_size3 {
  padding-top: 10px;
  vertical-align: top;
}

/* filter_btn2 레이블 */
.sub_sch_box .row input {
  border:none;
  border-radius:4px;
  width: 100%;
  height: 56px;
/*   height: 45px; */
  padding: 0 16px;
  font-size:17px;
  background-color:#fff;
/*   border: 1px solid #bfbfbf; */
}
.sub_sch_box .row input:placeholder {
	color:#8e8e8e;
}

.sub_sch_box .row .f_tray.category {
  width: 30%;
}

.sub_sch_box .row .f_tray.category2 {
  width: 30%;
}

.sub_sch_box .row .f_tray.status {
  width: 200px;
}

.sub_sch_box .row .f_tray.cpname {
  width: 200px;
}

.sub_sch_box .row .f_tray.date {
  width: 440px;
}

.sub_sch_box .row .f_tray.ssort {
  width: 228px;
}

/* 검색 구분 */
.sub_sch_box .row .f_tray.support {
  width: 350px;
}

.sub_sch_box .row .f_tray.filter_in {
  padding-left: 15px;
  vertical-align: middle;
}

.sub_sch_box .row .date_input {
  float: left;
  width: calc(50% - 24px);
  padding-right: 40px;
  background: #fff url("/portal/images/sub/ico_cal.png") right 10px center
    no-repeat;
}

.sub_sch_box .row .date_input + .wave {
  display: block;
  float: left;
  width: 48px;
  line-height: 38px;
  text-align: center;
}

.sub_sch_box .row select {
  border:none;
  border-radius:4px;
  width: 100%;
  height: 45px;
  font-size:17px;
  background:url("/portal/images/ico_arrow_13X7.png") no-repeat 90% center #fff;
}

.sub_sch_box .depth2 {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
}

.sub_sch_box .depth2:last-of-type {
  margin-bottom: 0;
}

.sub_sch_box .lbl2 {
  display: table-cell;
  width: 80px;
}

.sub_sch_box .f_tray2 {
  display: table-cell;
}

.sub_sch_box .filter_btn1 {
  display: inline-block;
  width: 54px;
  height: 32px;
  line-height: 30px;
  margin-right: 8px;
  background-color: #dcdcdc;
  border: 1px solid #bfbfbf;
  color: #a0a0a0;
  font-size: 17px;
  text-align: center;
}

.sub_sch_box .filter_btn1:last-child {
  margin-right: 0;
}

.sub_sch_box .filter_btn1:hover {
  border-color: #555;
}

.sub_sch_box .filter_btn2 {
  display: inline-block;
  width: 104px;
  height: 36px;
  line-height: 34px;
  margin: 3px 8px 3px 0;
  background-color: #dcdcdc;
  border: 1px solid #bfbfbf;
  border-radius: 20px;
  color: #a0a0a0;
  text-align: center;
}

.sub_sch_box .filter_btn2:last-child {
  margin-right: 0;
}

.sub_sch_box .filter_btn2:hover {
  border-color: #555;
}

.sub_sch_box .filter_btn2.active {
  line-height: 32px;
  background-color: #fff;
  border: 2px solid #7346a9;
  color: #7346a9;
}

.sub_sch_box .filter_btn3 {
  display: inline-block;
  min-width: 104px;
  height: 36px;
  line-height: 34px;
  margin: 3px 0 3px 3px;
  padding: 0 10px;
  background-color: #e75757;
  border: 1px solid #e75757;
  border-radius: 20px;
  color: #fff;
  text-align: center;
}

.sub_sch_box .filter_btn3:last-child {
  margin-right: 0;
}

.sub_sch_box .filter_btn3:hover {
  border-color: #555;
}

.sub_sch_box .filter_btn3.active {
  line-height: 32px;
  background-color: #fff;
  border: 2px solid #e75757;
  color: #e75757;
}

.sub_sch_box .sch_btn {
  position: absolute;
  right: 40px;
  top: 50%;
  width: 150px;
  height: 45px;
  background-color:#246beb;
/*   background-color: #373a5b; */
  border-radius: 4px;
/*   border-radius: 8px; */
  color: #fff;
  font-size: 20px;
  font-weight:700;
/*   letter-spacing: 10px; */
/*   text-indent: 10px; */
  transform: translateY(-50%);
}

.sub_sch_box .reset_btn {
  position: absolute;
  right:106px;
/*   right: 76px; */
  top: 50%;
  width: 85px;
  height: 30px;
  margin-top:68px;
/*   margin-top: 62px; */
  padding-left: 22px;
  color: #1b1b1b;
  font-size: 18px;
  transform: translateY(-50%);
}

.sub_sch_box .reset_btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 17px;
  height: 20px;
  background: url("/portal/images/sub/ico_reset.png") 0 no-repeat;
}

.sub_sch_box .reset_btn:hover::before,
.sub_sch_box .reset_btn:focus::before {
  transform: rotate(-360deg);
  transition: all 0.55s;
}

/* .sub_sch_box.in_reset {
 padding-bottom: 50px; 
} */

/*.sub_sch_box.in_reset .sch_btn {
  margin-top: -8px;
}*/
.sub_sch_box.in_reset {
	padding-right:264px;
}
.sub_sch_box.in_reset .sch_btn {
	right:56px;
	width:192px;
}
.sub_sch_box .row:nth-of-type(2) ~ .sch_btn {
	height:104px;
/*   height: 110px; */
}

/* row 2개일 경우 */
.sub_sch_box .chk_each_box {
  margin-top: -12px;
}

.sub_sch_box .chk_each_box .chk_each {
  margin-top: 12px;
}

.sub_sch_box .chk_each_box .chk_each .d_mark {
  display: inline-block;
  line-height: 26px;
  margin-left: 3px;
  padding: 0 6px;
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.sub_sch_box .chk_each_box .chk_each.jik .d_mark {
  background-color: #aaa;
}

.sub_sch_box .chk_each_box .chk_each.new .d_mark {
  background-color: #cd4137;
}

.sub_sch_box .chk_each_box .chk_each.jung .d_mark {
  background-color: #a375d7;
}

.sub_sch_box .chk_each_box .chk_each.jang .d_mark {
  background-color: #353f4f;
}

.sub_sch_box .chk_each_box .chk_each.jung2 .d_mark {
  background-color: #3e38b2;
}
.sub_sch_box .chk_each_box.type02 {
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin:0;
}
.sub_sch_box .chk_each_box.type02 .chk_each {
	margin:0;
}
.sub_sch_box .chk_each_box.type02 .chk_each label {
	padding: 6px 8px;
	border-radius:4px;
	min-width:120px;
	text-align:center;
	line-height:20px;
	font-size:15px;
	color:#1d1d1d;
	background:#cdd7e4;
		
}
.sub_sch_box .chk_each_box.type02 .chk_each input[type="checkbox"]:checked + label {
	color:#fff;
	background:#246beb;
}

.sub_sch_box .file_box {
  position: relative;
  width: calc(100% - 200px);
  height:48px;
/*   height: 45px; */
  line-height:46px;
/*   line-height: 43px; */
  margin-bottom: 8px;
  padding: 0 16px;
/*   padding: 0 23px; */
  background-color: #fff;
  border-radius:4px;
/*   border: 1px solid #bfbfbf; */
}

.sub_sch_box .file_box:last-child {
  margin-bottom: 0;
}

.sub_sch_box .file_box a {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  font-size:15px;
  color:#246beb;
  font-weight:700;
/*   color: #0741ff; */
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sub_sch_box .file_box a:hover {
  text-decoration: underline;
}

.sub_sch_box .file_box .date {
  position: absolute;
  right:16px;
/*   right: -150px; */
  top: 0px;
  font-size:15px;
  color:#555;
}

.sub_sch_box .row .f_tray.faq select {
  float: left;
}

/* faq 한정 */
.sub_sch_box .row .f_tray.faq select:first-child {
  width: 220px;
  margin-right: 8px;
}

.sub_sch_box .row .f_tray.faq select:last-child {
  width: auto;
  max-width: calc(100% - 228px);
}

/* .sub_sch_box + .list_total_txt {
	margin-bottom:38px;
   margin-bottom: 30px; 
} */

.toggle_sch_area .list_total_txt {
  display: inline-block;
}

.toggle_sch_area .toggle_btn {
  position: relative;
  float: right;
  padding-right:20px;
/*   padding-right: 28px; */
  color: #1b1b1b;
  font-size: 15px;
}

.toggle_sch_area .toggle_btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width:13px;
  height:7px;
/*   width: 24px; */
/*   height: 13px; */
  margin-top:-4px;
/*   margin-top: -6px; */
/*   background: url("/portal/images/sub/toggle_sch_arr.png") center/18px no-repeat; */
  background: url("/portal/images/ico_arrow_13X7.png") center no-repeat;
}

.toggle_sch_area .sub_sch_box {
  display: none;
}

.toggle_sch_area .toggle_btn.active::after {
  transform: rotate(180deg);
}

.toggle_sch_area .toggle_btn.active + .sub_sch_box {
  display: block;
}

/* 공지사항 sub_sch_box */
.sub_sch_box.type02 {
  position: relative;
/*   margin-bottom: 48px; */
  padding: 48px 56px;
  border-radius: 8px;
  border:0;
  background-color: #edf1f5;
}
.m_mt24,
.sub_sch_box.type02.m_mt24{
	margin-top:-24px !important;
}
.sub_sch_box.type02.complex{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}
.sub_sch_box.type02.complex .filter_group{
	display: flex;
    align-items: center;
    gap: 72px;
    position:relative;
    width:100%
}
.sub_sch_box.type02.complex .filter_group strong{
	min-width: 58.78px;
	color:#1d1d1d;
	font-size:17px;
}
.sub_sch_box.type02.complex .detail-filter strong{
	float:left;
    width:131px;
    line-height: 32px;
}
.sub_sch_box.type02.complex .detail-filter strong + .filter_box__group{
	float:left;
	width:calc(100% - 131px)
}
.sub_sch_box.type02.complex .filter_group + .filter_group{
	align-items: flex-start;
}
.sub_sch_box.type02.complex .filter_group + .filter_group strong{
line-height: 30px;
}
.sub_sch_box.type02.complex .filter_group + .filter_group::before{
	content:'';
	display:block;
	position:absolute;
	top:-23.5px;
	width:100%;
	height:1px;
	background:#cdd7e4;
}

/* 지난공고보기 */
.sub_sch_box.type02.complex .complex_group{
	display: flex;
    flex-direction: column;
    gap: 48px;
    flex-shrink: 0;
    width: 100%;
}
.sub_sch_box.type02.complex .complex_group .filter_sch_area{
	display: flex;
	justify-content: center;
	position:relative;
}
.sub_sch_box.type02.complex .complex_group .filter_sch_area::before {
    content: '';
    display: block;
    position: absolute;
    top: -23.5px;
    height: 1px;
    background: #cdd7e4;
    width: 100%;
}
.sub_sch_box.type02.complex .complex_group .default_filter_area{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}

.sub_sch_box.type02.complex .detail-filter{
	position:relative;
	width: 100%;
}

.sub_sch_box.type02.complex .detail-filter::before {
    content: '';
    display: block;
    position: absolute;
    top: -23.5px;
    height: 1px;
    background: #cdd7e4;
    width: 100%;
}

.sub_sch_box.type02 .row select{
	height:56px;
/* 	height:58px; */
	padding: 20px 14px;
	border:0;
	border-radius: 4px;
	background:#fff url(/portal/images/ico_arrow_13X7.png) 90% center no-repeat;
    background-size: 13px 7px;
    font-size: 17px;
    font-weight: 400;
    color:#1d1d1d;
    cursor: pointer;
}
.sub_sch_box.type02 .row .f_tray.ssort{
	width:176px;
}
.sub_sch_box.type02 .row input {
    width: calc(100% - 152px);
    height:56px;
/*     height: 58px; */
    padding: 20px 14px;
    border:0;
	border-radius: 4px;
    font-size:17px;
    color:#1d1d1d;
    background:#fff;
}
.sub_sch_box.type02 .row input::placeholder {color:#8e8e8e}
.sub_sch_box.type02 .row > *:last-child{
	display: flex;
    gap: 8px;
    padding:0
 }
 .sub_sch_box.type02 .sch_btn{
 	position: relative;
 	right: 0;
    top: 0;
    transform: unset;
    width: 160px;
    height:56px;
/*     height: 58px; */
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 1px;
    border-radius: 4px;
    background: #246beb; 
 }

 .sub_sch_box.type02 .sch_btn2{
 	width:160px;
 	height:58px;
 	font-weight:700;
 	font-size:17px;
 	letter-spacing: 1px;
 	border-radius: 4px;
 	background:#373a5b;
 	color: #fff;
 }

  .sub_sch_box.type02 .sch_btn__md{
  	position: relative;
  	display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 122px;
    color: #fff;
    font-size: 17px;
    border-radius: 8px;
    background: #246beb; 
  }
 
 .sub_sch_box.type02 + .list_total_txt {
/*  	margin-bottom:35px; */
    font-size: 15px;
    color: #555;
}
/* 제품 홍보 > MRO 지원정보 > 납품업체 검색 */
.sub_sch_box.type02.line {
	padding:24px 56px;
}
.sub_sch_box.type02.line .row {
	margin:0; 
}
.sub_sch_box.type02.line .row + .row {
	border-top:1px solid #cdd7e4;
}
.sub_sch_box.type02.line .row > * {
	padding:24px 0 !important;
}
.sub_sch_box.type02.line .row > label, .sub_sch_box.type02.line .row > .lbl {
	width:125px;
}
.sub_sch_box.type02.line .row input {
	padding:0 16px;
	width:calc(100% - 56px)	
}

/* 기업마당 API 연계 */
.corporateArea .btnExcel {
  	display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 36px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    background: #00733b;
}
.corporateArea .btnExcel i {
	display:inline-block;
	width: 16px;
    height: 15px;
    margin-right: 7px;
    background: url(/portal/images/ico_down.png) no-repeat 0 0;
}
.corporateArea .btnAPL {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 40px;
	border-radius: 4px;
    text-align: center;
    background-color: #246beb;   
}
.corporateArea .btnAPL span {padding-right:20px; font-size:14px; font-weight:500; color:#fff; background:url("/portal2/image/icon/ico-arrow-right.png") no-repeat center right/7px auto}

.corporateArea .topTitle {
	margin-bottom:0;
	padding: 50px 56px 46px 56px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background:#cdd7e4;
}
.corporateArea .topTitle + .sub_sch_box.type02{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.corporateArea .topTitle h2 {
  		margin-bottom: 20px;
  		line-height: 1;
	font-size:25px; 
	font-weight:700; 
	color:#1d1d1d;
}
.corporateArea .topTitle p {
	font-size:19px; 
	color:#1d1d1d;
	line-height: 1;
  		font-weight: 400;
}
.corporateArea .topTitle span {
	font-size:15px; 
	color:#1d1d1d;
	line-height: 1;
  		font-weight: 400;
}
.corporateArea .tableTop {
	display:flex; 
	justify-content:space-between; 
	align-items:flex-end;
	margin:40px 0 26px;
}
.corporateArea .tableTop .txt-num{
	color:#555;
	font-size:15px
}

.corporateArea .filterArea {
	display:flex;  
	gap: 60px;
   	margin-top: 40px;
}
.corporateArea .filterArea .topFilter {
	display:flex; 
	gap:8px
}
.corporateArea .filterArea .topFilter button {
	width:80px;
	height:80px;
	
}
.corporateArea .filterArea .topFilter button span {
	display:inline-block;
	margin-top:94px;
	font-size:15px;
	color:#1d1d1d 
}
.corporateArea .filterArea .topFilter button.btnAll {
	background:url("/portal2/image/icon/ico-filter0101.png") no-repeat top center;
	background-size:80px 80px;
}
.corporateArea .filterArea .topFilter button.btnAD {
	background:url("/portal2/image/icon/ico-filter0102.png") no-repeat top center;
	background-size:80px 80px;
}
.corporateArea .filterArea .topFilter button.btnDB {
	background:url("/portal2/image/icon/ico-filter0103.png") no-repeat top center;
	background-size:80px 80px;
}
.corporateArea .filterArea .topFilter button.btnEC {
	background:url("/portal2/image/icon/ico-filter0104.png") no-repeat top center;
	background-size:80px 80px;
}
.corporateArea .filterArea .topFilter button.btnINF {
	background:url("/portal2/image/icon/ico-filter0105.png") no-repeat top center;
	background-size:80px 80px;
}
.corporateArea .filterArea .topFilter button.btnETC {
	background:url("/portal2/image/icon/ico-filter0106.png") no-repeat top center;
	background-size:80px 80px;
}
.corporateArea .filterArea .topFilter button.btnAll span {
	color:#1d1d1d;
	font-size:15px
}
.corporateArea .filterArea .bottomFilter ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5개의 동일한 크기의 컬럼 */
  gap:8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.corporateArea .filterArea .bottomFilter button {
	width: 112px;
    height: 36px;
    border: 0;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    font-weight: 500;
    color: #57565b;

    background: #cdd7e4;
}
.corporateArea .filterArea  .bottomFilter{
	position:relative
}
.corporateArea .filterArea  .bottomFilter::before{
	content:'';
	display:inline-flex;
	position:absolute;
	left:-30px;
	width:2px;
	height:100%;
	background:#cdd7e4
}
.colTable {overflow-x:auto; border-top:2px solid #16408d}
.colTable table {table-layout:fixed}
.colTable table thead th{background-color:#edf1f5}
.colTable table th,
.colTable table td {padding:16px; border:0; border-bottom:1px solid #c6c6c6; text-align:center; font-size:16px; color:#1d1d1d; font-weight:400}
.colTable table td{line-height:1.5}
.colTable table a {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:40px; font-size:16px; color:#333}
.colTable table .txtL {text-align:left !important}

.colTable.type02 {overflow-x:auto; border-top:2px solid #16408d}
.colTable.type02 table {table-layout:fixed}
.colTable.type02 table thead th{background-color:#edf1f5}
.colTable.type02 table th,
.colTable.type02 table td {padding:16px; border:0; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6;  text-align:center; font-size:17px; color:#1d1d1d; font-weight:400}
.colTable.type02 table td{line-height:1.5}
.colTable.type02 table td .btn-box{
	display:flex;
}
.colTable.type02 table td .btn-box .btn.sm{
	width:88px !important;
	height:40px !important;
	color:#fff;
	border-radius: 4px;
	font-size: 15px;
}
.colTable.type02 table td .btn.sm.line,
.colTable.type02 table td .btn.sm.line.register-pop{
	color:#fff;
	border:0;
	background:#246beb
}
.colTable.type02 table td .btn.sm.line:hover,
.colTable.type02 table td .btn.sm.line.register-pop:hover{
	background:#246beb
}

.colTable.type02 table td .btn.sm.line.delete{
    background: #fff;
    color: #1d1d1d;
    border: 1px solid #c6c6c6;
}
.colTable.type02 table td .btn.sm.line.delete:hover{
	background: #fff;
    color: #1d1d1d;
    border: 1px solid #c6c6c6;
}

.sourcing_list > li {
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px solid #bfbfbf;
}

.sourcing_list > li:last-child {
  border-bottom: 1px solid #bfbfbf;
}

.sourcing_list .img_box {
  display: block;
  float: left;
  overflow: hidden;
  width: 318px;
  height: 135px;
  background-color: #eee;
}

.sourcing_list .img_box img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.sourcing_list .txt_box {
  position: relative;
  float: right;
  width: calc(100% - 343px);
  padding-right: 225px;
}

.sourcing_list .txt_box .tit {
  overflow: hidden;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sourcing_list .img_box:hover img,
.sourcing_list .img_box:focus img {
  transform: scale(1.08);
}

.sourcing_list .txt_box .tit a:hover,
.sourcing_list .txt_box .tit a:focus {
  text-decoration: underline;
}

.sourcing_list .txt_box .info {
  display: flex;
  flex-wrap: wrap;
}

.sourcing_list .txt_box .info dt {
  width: 100px;
  margin-bottom: 12px;
  color: #a0a0a0;
  font-weight: 500;
}

.sourcing_list .txt_box .info dt .ls {
  display: inline-block;
  width: 30px;
}

.sourcing_list .txt_box .info dd {
  width: calc(100% - 100px);
  overflow: hidden;
  margin-bottom: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sourcing_list .txt_box .info dt:last-of-type,
.sourcing_list .txt_box .info dd:last-of-type {
  margin-bottom: 0;
}

.sourcing_list .txt_box .btn {
  display: block;
  position: absolute;
  right: 40px;
  top: 50%;
  width: 150px;
  height: 80px;
  line-height: 80px;
  margin-top: -40px;
  border-radius: 8px;
  font-size: 20px;
  text-align: center;
}

.sourcing_list li.empty {
  font-size: 18px;
  text-align: center;
}

.sourcing_detail {
  position: relative;
}

.sourcing_detail .tit {
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf;
  font-size: 24px;
  font-weight: 500;
}

.sourcing_detail .top_btn {
  display: block;
  position: absolute;
  right: 0;
  top: -2px;
  width: 140px;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  text-align: center;
}

.sourcing_detail_info .lbl_list {
  display: flex;
  flex-wrap: wrap;
  padding: 22px 0;
  border-bottom: 1px solid #bfbfbf;
}

.sourcing_detail_info .lbl_list dt {
  color: #a0a0a0;
  font-weight: 500;
}

.sourcing_detail_info .lbl_list dt,
.sourcing_detail_info .lbl_list dd {
  margin-bottom: 18px;
  font-size: 18px;
}

.sourcing_detail_info .lbl_list dt:nth-last-of-type(-n + 2),
.sourcing_detail_info .lbl_list dd:nth-last-of-type(-n + 2) {
  margin-bottom: 0;
}

.sourcing_detail_info .lbl_list dt:nth-of-type(2n + 1) {
  width: 85px;
}

.sourcing_detail_info .lbl_list dd:nth-of-type(2n + 1) {
  width: calc(50% - 85px);
  padding-right: 20px;
}

.sourcing_detail_info .lbl_list dt:nth-of-type(2n) {
  width: 170px;
}

.sourcing_detail_info .lbl_list dd:nth-of-type(2n) {
  width: calc(50% - 170px);
}

.sourcing_detail_info .lbl_list dd {
  padding-left: 20px;
  word-break: break-all;
}

.sourcing_detail_info .lbl_list .down_txt {
  display: inline-block;
  position: relative;
  padding-right: 100px;
}

.sourcing_detail_info .lbl_list .down_txt a {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  height: 28px;
  line-height: 28px;
  background-color: #00a0e9;
  border-radius: 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

.sourcing_detail_info .lbl_list .down_txt a:hover {
  background-color: #0a6d9b;
}

.sourcing_detail_info .lbl_list dt .ls2 {
  display: inline-block;
  width: 33px;
}

.sourcing_detail_info .lbl_list dd.cview {
  width: calc(100% - 85px);
  padding-right: 0;
}

.chked_view_list {
  display: flex;
  flex-wrap: wrap;
}

.chked_view_list li {
  position: relative;
  width: 25%;
  margin-bottom: 20px;
  padding-left: 27px;
}

.chked_view_list li:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.chked_view_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  border: 1px solid #545454;
}

.chked_view_list li.chked::before {
  background-color: #bfbfbf;
}

.chked_view_list li.chked::after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 2px;
  width: 21px;
  height: 15px;
  background: url("/portal/images/sub/ico_chked_view.png") center no-repeat;
}

.sourcing_detail .editor_view {
  padding: 30px 0;
  border-bottom: 1px solid #bfbfbf;
}

.sourcing_detail .editor_view p {
  font-family: "Pretendard" !important;
}

/* basic_table */
.basic_table {
  width: 100%;
  border-top: 2px solid #7d7d7d;
  border-bottom: 2px solid #7d7d7d;
}

.basic_table th,
.basic_table td {
  padding: 10px 12px;
  border: 1px solid #bfbfbf;
}

.basic_table th {
  background-color: #eee;
  font-weight: 500;
}

.common_layer.compare {
  width: 100%;
}

.common_layer.compare .basic_table {
  font-size: 15px;
  text-align: center;
}

.common_layer.compare .basic_table .img {
  max-width: 178px;
}

.common_layer.compare .basic_table .price td {
  color: #eb5257;
  font-weight: 700;
}

/* board_list */
.board_list {
  width: 100%;
  border-bottom: 2px solid #bfbfbf;
  text-align: center;
}

.board_list thead th {
  height: 52px;
  border: 2px solid #bfbfbf;
  border-left-width: 0;
  border-right-width: 0;
  font-size: 18px;
  font-weight: 500;
}

.board_list tbody tr {
  border-bottom: 1px solid #bfbfbf;
}

.board_list tbody tr:last-child {
  border-bottom-width: 0;
}

.board_list tbody td {
  padding: 15px 5px;
}

.board_list tbody td.num {
  color: #a0a0a0;
  font-size: 18px;
  font-weight: 700;
}

.board_list tbody td.tit_td {
  text-align: left;
}

.board_list tbody td.tit_td .tit {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.board_list tbody td.tit_td .tit a:hover,
.board_list tbody td.tit_td .tit a:focus {
  text-decoration: underline;
}

.board_list tr.empty {
  font-size: 18px;
}

/* 공지사항 목록 */
.board_list.type02 {
  width: 100%;
  text-align: center;
  border-bottom: 0;
}
.board_list.type02 thead th{
	height:60px;
	border-bottom:1px solid #c6c6c6;
	border-top:2px solid #16408d;
	background:#edf1f5;
	color:#1d1d1d;
	font-size:17px;
}
.board_list.type02 tbody td{
	padding:28px 16px;
	font-size: 17px;
	border-bottom: 1px solid #c6c6c6;
}

.board_list.type02 tbody td.num {
	padding: 28px 23px;
    color: #1d1d1d;
    font-size: 17px;
    font-weight: 400;
}


/* 공지사항 목록 */
.board_list.type02.th_line {
  width: 100%;
  text-align: center;
  border-bottom: 0;
}
.board_list.type02.th_line thead th{
	height:60px;
	border-bottom:1px solid #c6c6c6;
	border-top:2px solid #16408d;
	background:#edf1f5;
	color:#1d1d1d;
	font-size:17px;
}
.board_list.type02.th_line tbody td{
	padding:12.5px 16px;
	font-size: 17px;
	border-bottom: 1px solid #c6c6c6;
}

.board_list.type02.th_line thead th:not(:last-child),
.board_list.type02.th_line tbody td:not(:last-child) {
    border-right: 1px solid #c6c6c6;
}

.board_list.type02.th_line tbody td.num {
	padding: 28px 23px;
    color: #1d1d1d;
    font-size: 17px;
    font-weight: 400;
}


/* board_list_type2 */
.board_list_type2 {
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
}

.board_list_type2 li {
  display: flex;
  position: relative;
  padding: 11px 0;
  border-bottom: 1px solid #c3c3c3;
  align-items: center;
}

.board_list_type2 li:last-child {
  border-bottom-width: 0;
}

.board_list_type2 .num {
  width: 100px;
  color: #a0a0a0;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.board_list_type2 .tit {
  flex: 1;
  overflow: hidden;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_list_type2 .tit a:hover,
.board_list_type2 .tit a:focus {
  text-decoration: underline;
}

.board_list_type2 .info_box {
  width: 280px;
  padding-right: 40px;
}

.board_list_type2 .info_box .company {
  display: block;
  overflow: hidden;
  margin-bottom: 3px;
  font-size: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_list_type2 .info_box .sub_t {
  display: block;
  overflow: hidden;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_list_type2 li.empty {
  font-size: 18px;
  justify-content: center;
}

.board_list_type2.news .info_box {
  width: 220px;
  text-align: right;
}

/* 판판토크 fan_board_list */
/* 2022-11-09 */
.f_list_total_txt {
  /* margin-bottom: 10px; */
  font-size: 15px;
  width: 200px;
  line-height: 40px;
}

.f_list_total_txt b {
  color: #e60012;
}

.fan_board_list {
  width: 100%;
  border-top: 2px solid #652d88;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  table-layout: fixed;
}

.fan_board_list thead th {
  height: 52px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #f0f0f0;
}

.fan_board_list tbody td:last-child,
.fan_board_list thead th:last-child {
  border-right: 0;
}

.fan_board_list tbody td {
  padding: 12px 20px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 2022-11-29 수정 */
.fan_board_list tbody td.tit_td {
  text-align: left;
}

.fan_board_list tbody td.tit_td .tit {
  /*display: inline-block;*/
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2022-11-29 수정 */
.fan_board_list tbody td.tit_td .tit a:hover,
.fan_board_list tbody td.tit_td .tit a:focus {
  text-decoration: underline;
}

.fan_board_list tr.empty {
  font-size: 18px;
}

.fan_board_list tbody td.reply {
  padding: 12px 62px;
  text-align: left;
  color: #e0340c;
  background: url("../images/sub/ico_re.png") left 40px center no-repeat;
}

.fan_board_list tbody td.reply a {
  color: #e0340c;
}

.fan_board_list tbody td.reply.com {
  color: #4a52e9;
  background: url("../images/sub/ico_re_blue.png") left 40px center no-repeat;
}

/* 2022-11-29 추가 */
.fan_board_list tbody td.reply.com a {
  color: #4a52e9;
}

/* 2022-11-29 추가 */
.fan_board_list tbody td.fixTopNoti {
  font-size: 23px;
  font-weight: bold;
}

/* 2022-11-29 추가 */
.cRed {
  color: #e52828;
}

.cBlue {
/*   color: #4a52e9; */
  color:#246beb;
}

.fan_board_list tbody td.tit_td h3.lock {
  padding-left: 20px;
  background: url("/portal/images/connection/lock_20.png") left center no-repeat;
}

/* // 2022-11-09 */
/* 판판토크 pagination */
/* 2022-11-29 추가 */
.fan_pagination {
  /* margin-top: 5px; */
  font-size: 0;
  text-align: center;
  max-width: 400px;
  margin-right: 20px;
  line-height: 40px;
  float: right;
}

/* 2022-11-29 추가 */
.fan_pagination a {
  display: inline-block;
  width: 27px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s;
}

/* 2022-11-29 추가 */
.fan_pagination a:not(.page_arrow) {
  margin-right: 13px;
}

/* 2022-11-29 추가 */
.fan_pagination a:last-child {
  margin-right: 0;
}

.fan_pagination a:hover,
.fan_pagination a:focus {
  text-decoration: underline;
}

.fan_pagination a:hover,
.fan_pagination a:focus,
.fan_pagination .active {
  background: #652c87;
  border-color: #652c87;
  color: #fff;
  font-weight: 600;
}

/* 2022-11-29 추가 */
.fan_pagination .page_arrow.l1 {
  margin-right: 15px;
  background: url("/portal/images/sub/page_arr_l1.png") center no-repeat;
  border-radius: 50%;
}

.fan_pagination .page_arrow.l2 {
  margin-right: 5px;
  background: url("/portal/images/sub/page_arr_l2.png") center no-repeat;
  border-radius: 50%;
}

.fan_pagination .page_arrow.r1 {
  margin-left: 5px;
  background: url("/portal/images/sub/page_arr_r1.png") center no-repeat;
  border-radius: 50%;
}

.fan_pagination .page_arrow.r2 {
  margin-left: 5px;
  background: url("/portal/images/sub/page_arr_r2.png") center no-repeat;
  border-radius: 50%;
}

/* pagination */
.pagination {
  display:flex;
  align-items: center;
  justify-content: center;
  gap:12px;
  margin-top: 40px;
  font-size: 0;

}
.pagination .before_group,
.pagination .num_group,
.pagination .after_group{
	display:flex;
	
}
.pagination .num_group{
gap:8px
}
.pagination .before_group{
	margin-right:24px
}
.pagination .after_group{
	margin-left:24px
}

.pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #555;
  font-size: 17px;
  transition: all 0.3s;
}

.pagination .active {
  color: #fff;
  font-weight: 700;
  background:#003675;
  border-radius: 6px;
}

.pagination .page_arrow.l1 {
  width:auto;
  margin-right:12px;
/*   margin-right: 20px; */
}
.pagination .page_arrow.l1 i{
  width:7px;
  height:40px;
  margin-right: 8px;  
  background: url(/portal/images/ico_page_7X14.png) 0 center no-repeat;
  background-size: 7px 14px; 
}
.pagination .page_arrow.l2 {
  background: url("/portal/images/sub/page_arr_l2.png") center no-repeat;
  
}
.pagination .page_arrow.r1 {
  width:auto;
  margin-left:12px;
/*   margin-left: 20px; */
}
.pagination .page_arrow.r1 i{
  width:7px;
  height:40px;
  margin-left: 8px;
  background: url("/portal/images/ico_page_7X14.png") 0 center no-repeat;
  background-size: 7px 14px;
  transform: rotate(180deg);
}

.pagination .page_arrow.r2 {
  background: url("/portal/images/sub/page_arr_r2.png") center no-repeat;
}


/* board_detail_share */
.board_detail_share li {
  float: left;
  margin-right:8px;
/*   margin-right: 5px; */
}

.board_detail_share li:last-child {
  margin-right: 0;
}

.board_detail_share li a {
  display: block;
  width:36px;
  height:36px;
/*   width: 30px; */
/*   height: 29px; */
  transition: all 0.2s;
}

.board_detail_share li a:hover {
  transform: translateY(2px);
}

.board_detail_share li.facebook a {
  background-image: url("/portal/images/sub/board_detail_share_fb.png");
}

.board_detail_share li.twit a {
  background-image: url("/portal/images/sub/board_detail_share_tw.png");
}

.board_detail_share li.talk a {
  background-image: url("/portal/images/sub/board_detail_share_talk.png");
}

.board_detail_share li.story a {
  background-image: url("/portal/images/sub/board_detail_share_story.png");
}

.board_detail_share li.copy a {
  background-image: url("/portal/images/sub/board_detail_share_copy.png");
}

/* board_detail */
.board_detail {
  border-top: 2px solid #bfbfbf;
}
.board_detail.type02{
  border-top:2px solid #16408d
}
.board_detail.type02.m_mt24{
  margin-top:-24px;
}

.board_detail_info {
  position: relative;
  overflow: hidden;
  padding: 18px 40px 18px 0;
  border-bottom: 1px solid #bfbfbf;
}
.board_detail.type02 .board_detail_info{
  position: relative;
  overflow: hidden;
  padding: 32px 24px;
  background:#edf1f5;
  border-bottom:0;
}
.board_detail_info .company {
  display: block;
  margin-bottom: 3px;
}

.board_detail_info .tit {
  font-size: 24px;
  font-weight: 500;
}

.board_detail_info .lbl_list {
  margin-top: 10px;
}

.board_detail_info .lbl_list dt {
  float: left;
  margin-right: 12px;
  color: #a0a0a0;
  font-weight: 500;
}

.board_detail_info .lbl_list dd {
  float: left;
  margin-right: 22px;
}

.board_detail_info .lbl_list dd:last-of-type {
  margin-right: 0;
}

.board_detail_info .board_detail_share {
  position: absolute;
  right: 0;
  bottom: 13px;
}
.board_detail.type02 .board_detail_info .board_detail_share li.copy a{
  display:inline-block;
  width:40px;
  height:40px;
  background-image: url(/portal/images/ico_copy_40X40.png);
  background-size: 40px 40px;
}
.board_detail.type02 .board_detail_info .board_detail_share{
  position: absolute;
  top:32px;
  right: 24px;
}
.board_detail.type02 .board_detail_info .board_detail_share li a:hover {
    transform: translateY(0);
}
.board_detail.type02 .board_detail_info .lbl_list {
  margin-top: 27px;
  font-size:17px;
}
.board_detail.type02 .board_detail_info .tit {
    font-size: 21px;
    font-weight: 700;
}
.board_detail.type02 .board_detail_info .lbl_list dt {
    float: left;
    margin-right: 19px;
    color: #111;
    font-weight: 400;
}
.board_detail.type02 .board_detail_info .lbl_list dd {
    float: left;
    margin-right: 40px;
    color: #111;
    font-weight: 400;
}

.board_detail.type02 .board_detail_file dt::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 32px;
  margin-top: -15px;
  background-color: #000;
}

.board_detail .editor_view {
  overflow: hidden;
  padding: 20px 0;
}
.board_detail.type02 .editor_view {
  overflow: hidden;
  padding: 80px 0;
}
.board_detail_link {
  position: relative;
  overflow: hidden;
  min-height: 65px;
  padding: 11px 0 11px 90px;
  border-top: 1px solid #bfbfbf;
}

.board_detail_link dt {
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 18px;
  font-weight: 700;
}

.board_detail_link dd {
  float: left;
  margin: 5px 18px 5px 0;
}

.board_detail_link dd:last-child {
  margin-right: 0;
}

.board_detail_link dd a {
  display: block;
  min-width: 140px;
  height: 32px;
  line-height: 30px;
  padding: 0 25px;
  background-color: #eee;
  border: 1px solid #bfbfbf;
  border-radius: 16px;
  text-align: center;
}

.board_detail_link dd a:hover {
  border-color: #666;
}

.board_detail_file {
  overflow: hidden;
  padding: 14px 0;
  background-color: #eee;
  border-top: 1px solid #bfbfbf;
}

.board_detail_file dt {
  position: relative;
  float: left;
  width: 110px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.board_detail_file dt::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 26px;
  margin-top: -13px;
  background-color: #bfbfbf;
}

.board_detail_file dd {
  position: relative;
  float: right;
  width: calc(100% - 110px);
  margin-bottom: 15px;
  padding: 0 130px 0 45px;
  background: url("/portal/images/sub/board_detail_down.png") 15px 0/21px
    no-repeat;
}

.board_detail_file dd:last-child {
  margin-bottom: 0;
}

.board_detail_file dd a {
  color: #652c87;
}

.board_detail_file dd a:hover {
  text-decoration: underline;
}

.board_detail_file dd a:hover::after {
  background-color: #4e2268;
}

.board_detail_file dd a::after {
  content: "다운로드";
  display: block;
  position: absolute;
  right: 12px;
  top: -4px;
  width: 95px;
  height: 28px;
  line-height: 28px;
  padding-left: 32px;
  background: #652c87 url("/portal/images/sub/board_detail_down2.png") 10px
    center/15px no-repeat;
  color: #fff;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
}

.board_detail.type02 .board_detail_file{
  overflow: hidden;
  padding: 14px 0;
  background-color: #edf1f5;
  border-top: 0;
  border-radius: 4px;
}

.board_detail.type02 .board_detail_file dt{
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    height: 36px;
    float: left;
    width: 110px;
    line-height: 1;
    font-size: 17px;
    font-weight: 700;
    color:#1d1d1d
}
.board_detail.type02 .board_detail_file dd a{
    height: 36px;
    display: flex;
    align-items: center;
}
.board_detail.type02 .board_detail_file dd a,
.board_detail.type02 .board_detail_file dd a:hover,
.board_detail.type02 .board_detail_file dd a:focus,
.board_detail.type02 .board_detail_file dd a:active{
	color:#1d1d1d;
	font-size:17px;
}
.board_detail.type02 .board_detail_file dd{
	position: relative;
    float: right;
    width: calc(100% - 110px);
    padding: 0 68px;
    margin-bottom:0;
    background: url(/portal/images/ico_down_18X17.png) no-repeat;
    background-size:17px 18px;
    background-position:32px 50%
}
.board_detail.type02 .board_detail_file dd + dd{
	margin-top:5px;
}
 .board_detail_file dd a::after {
  content: "다운로드";
  display: block;
  position: absolute;
  right: 12px;
  top: 0;
  width: 95px;
  height: 28px;
  line-height: 28px;
  padding-left: 32px;
  background: #246beb url(/portal/images/ico_down.png) 10px center / 15px no-repeat;
  color: #fff;
  font-size: 14px;
  box-sizing: border-box;
}

.board_detail.type02 .board_detail_file dd a::after{
  display: flex;
  justify-content: center;
  align-items: center;
  content: "다운로드";
  display: block;
  position: absolute;
  right: 12px;
  top: 0;
  width: 110px;
  height: 36px;
  line-height: 36px;
  padding-left: 39px;
  background: #246beb url("/portal/images/ico_down.png") 15px
    center/15px no-repeat;
  color: #fff;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px;
}

.board_detail.type02 .board_detail_nav {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top:20px;
  border:none;
  border-bottom: 1px solid #c6c6c6;
  border-left-width: 0;
  border-right-width: 0;
}

.board_detail_nav {
  position: relative;
  border: 2px solid #bfbfbf;
  border-left-width: 0;
  border-right-width: 0;
}

.board_detail_nav::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
}

.board_detail_nav {
  overflow: hidden;
}

.board_detail_nav .each {
  width: 50%;
  height: 55px;
  font-size: 0;
}

.board_detail_nav .each::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}


.board_detail.type02 .board_detail_nav .each {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size: 0;
  border-top:1px solid #c6c6c6;
}

.board_detail.type02 .board_detail_nav .each::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.board_detail_nav .each .arr {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  color: #a0a0a0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
.board_detail.type02 .board_detail_nav .each .arr {
  display: inline-flex;
  justify-content: center;
  position: unset;
  width: 110px;
  margin-top: 0;
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}
.board_detail.type02 .board_detail_nav .each .group + span{
	display:inline-flex;
	padding:0 24px;
	font-size:17px;
	color:#1d1d1d;
}
.board_detail.type02 .board_detail_nav .each .group{
	flex:1
}
.board_detail_nav .each .arr::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 28px;
  height: 28px;
  background: #fff center no-repeat;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
}

.board_detail_nav .each.prev {
  float: left;
  padding-left: 115px;
  padding-right: 35px;
}
.board_detail.type02 .board_detail_nav .each.prev {
    float:unset;
    padding-left: 0;
    padding-right: 0;
}
.board_detail.type02 .board_detail_nav .each.prev {
display: flex;
align-items: center;
float: unset;
padding-left: 0; 
padding-right: 0;
}

.board_detail_nav .each.prev .arr {
 left: 0;
  padding-left: 40px;
}
.board_detail.type02 .board_detail_nav .each.prev .arr {
  left: 0;
  padding-left: 0 !important;
}

.board_detail_nav .each.prev .arr::before {
  left: 0;
  background-image: url("/portal/images/sub/bd_nav_arr_prev.png");
}
.board_detail.type02  .board_detail_nav .each.prev .arr::before{
	display:none;
	background-image:none
}

.board_detail_nav .each.next {
  float: right;
  padding-left: 35px;
  padding-right: 115px;
}
.board_detail.type02 .board_detail_nav .each.next {
  display:flex;
  float: unset;
  padding-left: 0;
  padding-right: 0;
}

.board_detail_nav .each.next .arr {
  right: 0;
  padding-right: 40px;
}
.board_detail.type02 .board_detail_nav .each.next .arr {
  right: 0;
  padding-right: 0;
}
.board_detail_nav .each.next .arr::before {
  right: 0;
  background-image: url("/portal/images/sub/bd_nav_arr_next.png");
}
.board_detail.type02 .board_detail_nav .each.next .arr::before {
  right: 0;
  background-image: none;
  display:none;
}
.board_detail_nav .each .tit {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  font-size: 18px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.board_detail.type02 .board_detail_nav .each .tit {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  padding-left: 32px;
  font-size: 17px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#1d1d1d;
}

.board_detail_nav .each .tit:hover,
.board_detail_nav .each .tit:focus {
  text-decoration: underline;
}

.board_detail.type02 .board_detail_nav::before{
	display:none
}

/* board_card_list */
.board_card_list_box .util_area {
  overflow: hidden;
  margin-bottom:24px;
  padding:2px;
/*   margin-bottom: 12px; */
}

.board_card_list_box .util_area .order {
  float: left;
/*   overflow: hidden; */
  margin-top:8px;
  margin-left:3px;
/*   margin-top: 5px; */
}

.board_card_list_box .util_area .order li {
  position: relative;
  float: left;
/*   margin-right: 16px; */
  margin-right:20px;
}

.board_card_list_box .util_area .order li::after {
  content: "";
  display: block;
  position: absolute;
  right:-11px;
/*   right: -9px; */
/*   top: 50%; */
  top:calc(50% + 1px);
  width:1px;
/*   width: 2px; */
  height:13px;
/*   height: 16px; */
  margin-top: -8px;
/*   background-color: #7f7f7f; */
  background-color:#555;
}

.board_card_list_box .util_area .order li:last-child {
  margin-right: 0;
}

.board_card_list_box .util_area .order li:last-child::after {
  display: none;
}

.board_card_list_box .util_area .order li a {
	font-size:15px;
/*   font-size: 14px; */
	color:#555;
  	vertical-align: top;
}

.board_card_list_box .util_area .order li a:hover,
.board_card_list_box .util_area .order li a:focus {
  text-decoration: underline;
}

.board_card_list_box .util_area .order li a img {
  vertical-align: -4px;
}

.board_card_list_box .util_area .order li.active a {
  color:#1d1d1d;
  font-weight: 700;
}

.board_card_list_box .util_area .fl_box {
  float: right;
}
.board_card_list_box .util_area .fl_box > * + * {
	margin-left:15px;
}
.board_card_list_box .util_area select {
  float: right;
  border:1px solid #c6c6c6;
  border-radius:4px;
  min-width:122px;
  height:36px;
/*   height: auto; */
  padding: 0 28px 0 8px;
/*   padding: 0 17px 0 0; */
/*   background: url("/portal/images/sub/slt_arr2.png") right 4px no-repeat; */
  background:url("/portal/images/ico_arrow_13X7.png") right 8px center no-repeat;
/*   border-width: 0; */
  font-size:15px;
/*   font-size: 14px; */
  color:#1d1d1d;
}

/*.board_card_list_box .util_area select:focus {
  outline: none;
}*/

.board_card_list_box .util_area .fl_box select {
  float: none;
/*   margin-right: 15px; */
  vertical-align: middle;
}

.board_card_list_box .util_area .btn {
  display: inline-block;
  width: 95px;
  line-height: 30px;
  background-color: #7346a9;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}

.board_card_list {
  /*overflow: hidden;*/
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.board_card_list li {
  position: relative;
  width: calc(25% - 18px);
}

/* .board_card_list li:nth-child(4n) {
}

.board_card_list li:nth-child(4n + 1) {
}

.board_card_list li:nth-last-child(-n + 4) {
}*/

.board_card_list > li > a {
  display: block;
  border: 1px solid #bfbfbf;
}
.board_card_list.story > li > a,
.board_card_list.video > li > a {
  border: 0 none;
}

.board_card_list.story > li > a .scssStoryItem img,
.board_card_list.video > li > a .img_box img {
  border: #ddd solid 1px;
  border-radius: 4px;
}
.board_card_list .img_box {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background-color: #eee;
}

.board_card_list .img_box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.board_card_list.video .img_box {
  height: 169px;
  padding-bottom: 0;
  border:1px solid #c6c6c6;
  border-radius:8px;
/*   border-radius: 4px; */
}

.board_card_list .txt_box {
  padding: 12px 10px;
}
.board_card_list.story .txt_box,
.board_card_list.video .txt_box {
/*   padding: 10px 0 12px; */
	padding: 20px 0 0;
}

.board_card_list .txt_box .cp {
  display: block;
  overflow: hidden;
/*   margin-bottom: 8px; */
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.board_card_list .txt_box .cp dd {
	line-height:1.5;
	font-size:15px; 
	color:#555;
}
.board_card_list .txt_box .tit {
  display: -webkit-box;
  overflow: hidden;
/*   height: 2.4em; */
/*   line-height: 1.2; */
  height:3.1em;
  line-height:1.5;
  margin-bottom: 8px;
  font-weight:700;
/*   font-weight: 500; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board_card_list.story .txt_box .tit,
.board_card_list.video .txt_box .tit {
/*   font-size: 17px; */
  font-size:19px;
}
.board_card_list .txt_box .txt {
  display: block;
  overflow: hidden;
  margin-bottom: 8px;
  color:#555;
/*   color: #535353; */
/*   font-size: 14px; */
  font-size:15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  line-height: 1;
}

.board_card_list .txt_box .date {
	display:block;
	line-height:1.5;
	font-size:15px;
/*   font-size: 14px; */
	color:#555;
}

.board_card_list .sns_share {
  position: absolute;
  right: 0px;
  bottom: 10px;
  z-index: 1;
}

.board_card_list .sns_share a {
  display: block;
  float: left;
  width: 24px;
  height: 23px;
  margin-right: 3px;
  background: url("/portal/images/sub/sns_share_fb.png") center no-repeat;
}

.board_card_list .sns_share a:last-child {
  margin-right: 0;
}

.board_card_list .sns_share a.tw {
  background-image: url("/portal/images/sub/sns_share_tw.png");
}

.board_card_list li a:hover,
.board_card_list li a:focus {
  border-color: #8d8d8d;
}

.board_card_list li a:hover .img_box img,
.board_card_list li a:focus .img_box img {
  transform: scale(1.1);
}

.board_card_list li.empty {
  width: 100%;
  padding: 11px 0;
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
  font-size: 18px;
  text-align: center;
}

.board_card_list.story .img_box {
  padding-bottom: 56.25%;
}

.board_card_list.story .txt_box .tit {
  height: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  line-height: 1;
}
/*
.board_card_list.video .img_box {
    padding-bottom: 56.25%;
}

.board_card_list.video .txt_box::after {
    content: '';
    display: block;
    clear: both;
}

.board_card_list.video .txt_box .cp {
    float: left;
    width: calc(100% - 90px);
    margin-bottom: 0;
}

.board_card_list.video .txt_box .date {
    float: right;
}
*/

.board_card_list2 {
/*   padding-top: 10px; */
/*   border-top: 1px solid #bfbfbf; */
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.board_card_list2.nor-usu {
	gap:42px 24px;
/*   gap: 15px; */
}

.board_card_list2 > li {
  position: relative;
  width: calc((100% - 84px) / 4);
  border: 1px solid #bfbfbf;
}
.board_card_list2.nor-usu > li {
  width: calc((100% - 72px) / 4);
}

/*
.board_card_list2 > li:nth-child(5n) {
    margin-right: 0;
}

.board_card_list2 > li:nth-child(5n+1) {
    clear: both;
}

.board_card_list2 > li:nth-last-child(-n+5) {
    margin-bottom: 0;
}
*/

.board_card_list2 > li > a {
  display: block;
  padding: 7px 7px 25px;
  padding: 0;
  text-align: center;
}

.board_card_list2 .mark_box {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
}

.board_card_list2 .mark_box .mark {
  display: block;
  position: relative;
  float: left;
  width: 28px;
  height: 23px;
  margin-right: 3px;
  padding-top: 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
}

.board_card_list2 .mark_box .mark::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -8px;
  border-left: 14px solid #333;
  border-right: 14px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.board_card_list2 .mark_box .mark:last-of-type {
  margin-right: 0;
}

.board_card_list2 .mark_box .mark.popular {
  background-color: #ff9225;
}

.board_card_list2 .mark_box .mark.popular::after {
  border-left-color: #ff9225;
  border-right-color: #ff9225;
}

.board_card_list2 .mark_box .mark.new {
  background-color: #ff6eaf;
}

.board_card_list2 .mark_box .mark.new::after {
  border-left-color: #ff6eaf;
  border-right-color: #ff6eaf;
}

.board_card_list2 .mark_box .mark.patent {
  background-color: #bd6ff9;
}

.board_card_list2 .mark_box .mark.patent::after {
  border-left-color: #bd6ff9;
  border-right-color: #bd6ff9;
}

.board_card_list2 .mark_box .mark_md {
  float: right;
}

.board_card_list2 .img_box {
	border-radius:8px;
	overflow:hidden;
	height:300px;
	margin-bottom:20px;
/*   height: 299px; */
/*   margin-bottom: 15px; */
	border: 1px solid #c6c6c6;
}

.board_card_list2 .img_box img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.board_card_list2 .ico_box {
  margin-bottom: 7px;
}

.board_card_list2 .ico_box .ico {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-right: 13px;
  padding-left: 20px;
  background: url("/portal/images/sub/ico_thumb.png") 0 center no-repeat;
  color: #555;
  font-size: 13px;
  vertical-align: top;
}

.board_card_list2 .ico_box .ico.fav {
  background-image: url("/portal/images/sub/ico_fav.png");
}

.board_card_list2 .ico_box .ico:last-child {
  margin-right: 0;
}

.board_card_list2 .txt_box .tit {
  overflow: hidden;
  margin-top:2px;
  margin-bottom:0;
/*   margin-bottom: 7px; */
  font-size:19px;
/*   font-size: 18px; */
  font-weight:700;
/*   font-weight: 500; */
  line-height:1.6;
/*   line-height: 1; */
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_card_list2 .txt_box .won {
  display: block;
  margin-bottom: 5px;
  color: #d62b21;
  font-size: 15px;
  line-height: 1;
}

.board_card_list2 .txt_box .won .num {
  font-size: 17px;
  font-weight: 500;
}

.board_card_list2 .txt_box .brand {
  display: block;
  overflow: hidden;
  color: #666;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_card_list2 .chk_each {
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
}

.board_card_list2 .hover_ui {
  display: none;
  position: absolute;
  left: 50%;
  top: 299px;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  transform: translate(-50%, -100%);
  font-size: 0;
  text-align: center;
  white-space: nowrap;
}

.board_card_list2 .hover_ui .btn {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url("/portal/images/sub/ico_hover_view.png") center no-repeat;
  font-size: 1px;
  vertical-align: top;
}

.board_card_list2 .hover_ui .btn:last-child {
  margin-right: 0;
}

.board_card_list2 .hover_ui .btn.thumb {
  background-image: url("/portal/images/sub/ico_hover_thumb.png");
}

.board_card_list2 .hover_ui .btn.fav {
  background-image: url("/portal/images/sub/ico_hover_fav.png");
}

.board_card_list2 .hover_ui .btn.date {
  background-image: url("/portal/images/sub/ico_hover_date.png");
}

.board_card_list2 .hover_ui .btn.date .tooltip {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 30px);
  padding: 7px 10px;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  color: #333;
  font-size: 12px;
  font-weight: 500;
}

.board_card_list2 .hover_ui .btn.date .tooltip .each {
  display: block;
  margin-bottom: 2px;
}

.board_card_list2 .hover_ui .btn.date .tooltip .each:last-child {
  margin-bottom: 0;
}

.board_card_list2 .hover_ui .btn.view:hover {
  background-image: url("/portal/images/sub/ico_hover_view_hv.png");
}

.board_card_list2 .hover_ui .btn.thumb:hover {
  background-image: url("/portal/images/sub/ico_hover_thumb_hv.png");
}

.board_card_list2 .hover_ui .btn.thumb.on {
  background-image: url("/portal/images/sub/ico_hover_thumb_on.png");
}

.board_card_list2 .hover_ui .btn.fav:hover {
  background-image: url("/portal/images/sub/ico_hover_fav_hv.png");
}

.board_card_list2 .hover_ui .btn.fav.on {
  background-image: url("/portal/images/sub/ico_hover_fav_on.png");
}

.board_card_list2 .hover_ui .btn.date:hover {
  background-image: url("/portal/images/sub/ico_hover_date_hv.png");
}

.board_card_list2 .hover_ui .btn.date:hover .tooltip {
  display: block;
}

.board_card_list2.chk > li > a {
/*   padding-bottom: 40px; */
  padding-bottom: 0px;
}

.board_card_list2 > li:hover {
  border-color: #333;
}

.board_card_list2 > li:hover .hover_ui {
  display: block;
}

/* focus 시에도 보이게 하려면 ui변경 필요 */
.board_card_list2 > li > a:hover ~ .hover_ui .btn.view {
  background-image: url("/portal/images/sub/ico_hover_view_hv.png");
}

.board_card_list2 li.empty {
  width: 100%;
  padding: 11px 0;
  border-width: 0;
  font-size: 18px;
  text-align: center;
}

/* board_detail_type2 */
.board_detail_type2 {
  overflow: hidden;
  padding-top: 15px;
  border-top: 2px solid #bfbfbf;
}

.board_detail_type2 .left_box {
  float: left;
  width: 74.5%;
}

.board_detail_info_type2 {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #bfbfbf;
}

.board_detail_info_type2 .company {
  display: block;
  margin-bottom: 5px;
}

.board_detail_info_type2 .tit {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
}

.board_detail_info_type2 .txt {
  line-height: 1.5;
}

.board_detail_info_type2 .lbl_list {
  overflow: hidden;
  margin-top: 12px;
}

.board_detail_info_type2 .lbl_list dt {
  float: left;
  margin-right: 12px;
  color: #a0a0a0;
  font-weight: 700;
}

.board_detail_info_type2 .lbl_list dd {
  float: left;
  margin-right: 22px;
}

.board_detail_info_type2 .lbl_list dd:last-of-type {
  margin-right: 0;
}

.board_detail_info_type2 .board_detail_share {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.board_detail_type2 .editor_view {
  padding: 20px 0;
}

.best_case_list li {
  margin-bottom: 30px;
}

.best_case_list li:last-child {
  margin-bottom: 0;
}

.best_case_list > li > a {
  display: block;
  border: 1px solid #bfbfbf;
}

.best_case_list .img_box {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  background-color: #eee;
}

.best_case_list .img_box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.best_case_list .txt_box {
  padding: 12px 10px;
}

.best_case_list .txt_box .cp {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.best_case_list .txt_box .tit {
  overflow: hidden;
  margin-bottom: 5px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.best_case_list .txt_box .txt {
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.best_case_list .txt_box .date {
  font-size: 14px;
}

.best_case_list li a:hover,
.best_case_list li a:focus {
  border-color: #8d8d8d;
}

.best_case_list li a:hover .img_box img,
.best_case_list li a:focus .img_box img {
  transform: scale(1.1);
}

.board_detail_type2 .right_box {
  float: right;
  width: 23.6%;
  padding-bottom: 30px;
}

.board_detail_type2 .right_box .top_tit {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}

.board_detail_type2 .board_detail_nav {
  clear: both;
}

/* board_detail_type3 */
.board_detail_type3 .lr_container {
  overflow: hidden;
  margin-top:-18px;
/*   padding: 30px 0; */
/*   border-top: 2px solid #bfbfbf; */
/*   border-bottom: 2px solid #bfbfbf; */
}

.board_detail_type3 .left_box {
  float: left;
  width:78.8%
/*   width: 74.5%; */
}

/*.board_detail_type3 .left_box .iframe_box {
  margin-bottom: 20px;
}*/

.board_detail_type3 .left_box .iframe_box iframe {
  border-radius:8px;
  width: 100%;
  height:565px;
/*   height: 540px; */
  vertical-align: top;
}

.board_detail_type3 .right_box {
  float: right;
  width:18.8%;
/*   width: 23.6%; */
}

.board_detail_info_type3 {
  position: relative;
  margin-top:40px;
  padding:40px;
  border-radius: 0 0 8px 8px;
  border-top:2px solid #16408d;
  background:#edf1f5;
}

.board_detail_info_type3 .top_tit {
/*   overflow: hidden; */
  margin-bottom: 22px;
/*   margin-bottom: 15px; */
  padding-right: 200px;
  line-height: 1.2;
  font-size: 19px;
  color: #1d1d1d;
/*   font-size: 20px; */
  font-weight: 700;
/*   white-space: nowrap; */
/*   text-overflow: ellipsis; */
}

.board_detail_info_type3 .info_list {
  position:relative;
  display: flex;
  flex-wrap: wrap;
  padding: 8px 40px;
  border-radius: 4px;
  font-size:17px;
/*   font-size: 18px; */
  background: #fff;
}
.board_detail_info_type3 .info_list:before {
    position: absolute;
    content: "";
    left: 40px;
    right: 40px;
    bottom: 8px;
    height: 1px;
    background: #fff;
}
.board_detail_info_type3 .info_list dt {
	width:92px;
	/* width: 85px; */
	/* margin-bottom: 10px; */
	padding:18px 0;
	border-bottom:1px dashed #c6c6c6;
	line-height:1.5;
	color:#1d1d1d;
	/* color: #a0a0a0; */
	font-weight:700;
	/* font-weight: 500; */
}

.board_detail_info_type3 .info_list dd {
  width: calc(100% - 92px);
/*   width: calc(100% - 85px); */
/*   margin-bottom: 10px; */
  padding:18px 0;
  border-bottom:1px dashed #c6c6c6;
  line-height:1.5;
  color:#1d1d1d;
}
.board_detail_info_type3 .info_list dt:last-of-type,
.board_detail_info_type3 .info_list dd:last-of-type {
	border-bottom:0;
}
.board_detail_info_type3 .info_list dd a:hover {
  text-decoration: underline;
}

.board_detail_info_type3 .info_list > *:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.board_detail_info_type3 .board_detail_share {
  position: absolute;
  right: 40px;
  top:28px;
/*   top: 34px; */
}

.video_list_nav li {
  margin-bottom: 26px;
}

.video_list_nav li:last-child {
  margin-bottom: 0;
}

.video_list_nav .iframe_box {
	margin-bottom:10px;
/*   margin-bottom: 13px; */
}

.video_list_nav .iframe_box iframe {
  width: 100%;
  height:135px;
/*   height: 165px; */
  vertical-align: top;
  border-radius:8px;
/*   border-radius: 12px; */
}

.video_list_nav .txt_box .tit {
  overflow: hidden;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video_list_nav .txt_box .tit a {
	overflow:hidden;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:26px;
	font-size:17px;
	color:#1d1d1d;
	font-weight:700;
}

/* board_detail_type4 */
.board_detail_type4 {
  border-top: 2px solid #bfbfbf;
}

.board_detail_info_type4 {
  display: flex;
  padding: 23px 0;
  border-bottom: 1px solid #bfbfbf;
}

.board_detail_info_type4 .tit {
  flex: 1;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 500;
}

.board_detail_info_type4 .lbl_list {
  overflow: hidden;
}

.board_detail_info_type4 .lbl_list dt {
  float: left;
  margin-right: 15px;
  color: #a0a0a0;
  font-weight: 700;
}

.board_detail_info_type4 .lbl_list dd {
  float: left;
  margin-right: 25px;
}

.board_detail_info_type4 .lbl_list dd:last-of-type {
  margin-right: 0;
}

.board_detail_type4 .mid_area .each {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #bfbfbf;
}

.board_detail_type4 .mid_area .each:last-child {
  border-bottom-width: 0;
}

.board_detail_type4 .mid_area .each .fl_box {
  float: left;
  width: 50%;
}

.board_detail_type4 .mid_area .each .fl_box:first-child {
  padding-right: 50px;
}

.board_detail_type4_tit {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
}

.board_detail_type4 .mid_area .lbl_list {
  display: flex;
  flex-wrap: wrap;
}

.board_detail_type4 .mid_area .lbl_list dt {
  width: 80px;
  margin-bottom: 10px;
  color: #a0a0a0;
  font-weight: 500;
}

.board_detail_type4 .mid_area .lbl_list dd {
  width: calc(100% - 80px);
  margin-bottom: 10px;
}

.board_detail_type4 .mid_area .lbl_list > *:last-of-type {
  margin-bottom: 0;
}

.board_detail_type4 .mid_area .lbl_list a:hover {
  text-decoration: underline;
}

.board_detail_type4 .mid_area .img_box {
  float: left;
  width: 33%;
  background-color: #fff;
}

.board_detail_type4 .mid_area .img_box img {
  width: 100%;
}

.board_detail_type4 .mid_area .fl_box.prod .lbl_list {
  float: right;
  width: 62.5%;
  margin-bottom: 20px;
}

.board_detail_type4 .mid_area .link {
  display: block;
  float: right;
  width: 62.5%;
  height: 50px;
  line-height: 46px;
  border: 2px solid #652c87;
  color: #652c87;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  transition: all 0.2s;
}

.board_detail_type4 .mid_area .link:hover {
  background-color: #652c87;
  color: #fff;
  font-weight: 500;
}

.outcome_graph_ui {
  display: flex;
  text-align: center;
}

.outcome_graph_ui li {
  flex: 1;
  margin-right: 20px;
  border: 1px solid #bfbfbf;
}

.outcome_graph_ui li:last-child {
  margin-right: 0;
}

.outcome_graph_ui .tit {
  line-height: 38px;
  background-color: #eee;
  font-weight: 500;
}

.outcome_graph_ui .graph_box {
  position: relative;
  height: 140px;
  background: center bottom no-repeat;
}

.outcome_graph_ui .graph_box .num {
  position: absolute;
  width: 45px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  word-break: break-all;
}

.outcome_graph_ui .graph_box .num.before {
  left: 50%;
  top: 110px;
  margin-left: -56px;
}

.outcome_graph_ui .graph_box .num.after {
  left: 50%;
  top: 93px;
  margin-left: 10px;
  color: #fff;
}

.outcome_graph_ui .graph_box .per {
  position: absolute;
  left: 0;
  top: 10px;
  right: 0;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

.outcome_graph_ui li.sales .graph_box {
  background-image: url("/portal/images/sub/outcome_graph_sales.png");
}

.outcome_graph_ui li.sales .graph_box .num.before {
  color: #ff6f41;
}

.outcome_graph_ui li.sales .graph_box .per {
  color: #ff6f41;
}

.outcome_graph_ui li.hire .graph_box {
  background-image: url("/portal/images/sub/outcome_graph_hire.png");
}

.outcome_graph_ui li.hire .graph_box .num.before {
  color: #e95dbe;
}

.outcome_graph_ui li.hire .graph_box .per {
  color: #e95dbe;
}

.outcome_graph_ui li.pq .graph_box {
  background-image: url("/portal/images/sub/outcome_graph_pq.png");
}

.outcome_graph_ui li.pq .graph_box .num.before {
  color: #9f60b5;
}

.outcome_graph_ui li.pq .graph_box .per {
  color: #9f60b5;
}

.outcome_graph_ui li.dist .graph_box {
  background-image: url("/portal/images/sub/outcome_graph_dist.png");
}

.outcome_graph_ui li.dist .graph_box .num.before {
  color: #7677c0;
}

.outcome_graph_ui li.dist .graph_box .per {
  color: #7677c0;
}

.outcome_graph_ui li.order .graph_box {
  background-image: url("/portal/images/sub/outcome_graph_order.png");
}

.outcome_graph_ui li.order .graph_box .num.before {
  color: #00a8e1;
}

.outcome_graph_ui li.order .graph_box .per {
  color: #00a8e1;
}

.outcome_graph_ui li.export .graph_box {
  background-image: url("/portal/images/sub/outcome_graph_export.png");
}

.outcome_graph_ui li.export .graph_box .num.before {
  color: #5ec152;
}

.outcome_graph_ui li.export .graph_box .per {
  color: #5ec152;
}

/* faq */
/* 2023-06-21 */
.faq_list > li + li {
  margin-top: 10px;
}

.faq_list > li > a {
  display: block;
  position: relative;
  padding: 0 30px 0 20px;
  line-height: 78px;
  font-size: 19px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  margin-bottom: 5px; /* 자주하는질문 박스간 간격을 위해 추가  knh 23.06.22*/
  border-bottom: #bfbfbf 1px solid; /* 현업 요청으로 배경색 및 글씨색 라인추가 knh*/
}

.faq_list > li > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 33px;
  right: 30px;
  width: 29px;
  height: 12px;
  background: url("/portal/images/sub/faq_arr_down.png") no-repeat center right;
}

.faq_list > li > a.open:after {
  animation: downRotateArr 0.35s forwards;
}

.faq_list > li > a strong {
  display: inline-block;
  padding-right: 12px;
  vertical-align: top;
  font-size: 30px;
  font-weight: 700;
  color: #652c87;
}
.faq_list > li > div {
  display: none;
}

.board_faq_list .editor_view {
  display: none;
}

.faq_btn_group {
	display: flex;
	gap: 16px;
	padding: 32px;
	margin:-24px 0 48px 0;
	background: #edf1f5;
	border-radius: 8px;
}

.faq_btn_group .button {
   padding: 12px 16px;
   background: #cdd7e4;
   border-radius: 4px;
   cursor: pointer;
   font-size: 17px;
   color: #1d1d1d;
   
   transition: all 0.2s ease;
}

.faq_btn_group .button.active {
    background: #246beb;
    color: #fff;
}


.board_faq_list li {
  position: relative;
  border-bottom: 1px solid #c6c6c6; 
}
/*-- 2023-06-21 */

.board_faq_list{
  border-top: 2px solid #16408d;
}
.board_faq_list .q_box {
  display: block;
  padding: 22px 90px 22px 0;
}
.board_faq_list .q_box .tit_group{
  display: flex;
  flex-direction: column;
  padding-left:110px;
}

.board_faq_list .q_box::before {
  content: "Q";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 32px;
  top: 18px;
  color: #246beb;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: -1px 1px 16px rgba(128, 128, 128, 0.15);
}

.board_faq_list .q_box::after {
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 23px;
  height: 18px;
  background: url("/portal/images/ico_arrow_33X18.png") center no-repeat;
  background-size:contain
}
.board_faq_list .tit_group strong{
	font-size:15px;
}
.board_faq_list .tit {
  position: relative;
  overflow: hidden;
  width:100%;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_faq_list .editor_view {
  display: none;
  position: relative;
  min-height:122px;
  padding: 33px 33px 33px 110px;
  background-color: #eff5ff;
  line-height: 1.5;
}

.board_faq_list .editor_view::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 32px;
  top: 33px;
  width:56px;
  height:56px;
  border-radius: 50%;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: unset;
  background:#246beb
}

.board_faq_list .q_box.active .tit {
  white-space: normal;
}

.board_faq_list .q_box.active::after {
  animation: downRotateArr 0.35s forwards;
}

.board_faq_list .q_box.active + .editor_view {
  display: block;
  border-top: 1px solid #c6c6c6
}

.board_faq_list li.empty {
  padding: 11px 0;
  font-size: 18px;
  text-align: center;
}

@keyframes downRotateArr {
  0% {
    top: 30px;
  }

  100% {
    transform: rotate(180deg);
  }
}

/* board_write */
.bw_top_tit {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.board_write {
  width: 100%;
  background-color: #fff;
}

.board_write > * > tr > th,
.board_write > * > tr > td {
  height: 50px;
  padding: 5px 8px;
  vertical-align: middle;
  box-sizing: border-box;
}

/* .board_write > * > tr > th {font-weight: 400;} */
.board_write > tbody {
  border-top: 1px solid #000;
}

.board_write > tbody:last-child {
  border-bottom: 1px solid #000;
}

.board_write > tbody > tr > th {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.board_write > * > tr > td {
  padding: 5px 20px;
}

.board_write > * > tr > th > *,
.board_write > * > tr > td > * {
  vertical-align: middle;
}

.board_write input[type="text"],
.board_write input[type="password"],
.board_write select {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}
.form_board_write .board_write input[type="text"],
.form_board_write .board_write input[type="password"],
.form_board_write .board_write select {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background-color: #fff;
  border: 1px solid #c6c6c6;
  font-size: 17px;
  font-weight: 400;
}
.form_board_write .board_write select{
	background: #fff url(/portal/images/ico_arrow_13X7.png) right 15px center / 20px no-repeat;
	background-size:13px 7px
}

.board_write textarea {
  height: 260px;
  padding: 8px 12px;
  border:1px solid #c6c6c6;
  font-size:17px;
}

.board_write + .bull_list {
  margin-top: 10px;
}

.form_each:not(:last-of-type) {
  margin-bottom: 25px;
}

.form_tbl_ui {
  display: table;
  width: 100%;
  max-width: 350px;
  border-collapse: collapse;
  table-layout: fixed;
}

.form_board_write .form_tbl_ui {
   display: flex;
   align-items: center;
}

.form_tbl_ui_box .form_tbl_ui {
  margin-bottom: 10px;
}

.form_tbl_ui_box .form_tbl_ui:last-child {
  margin-bottom: 0;
}

.form_tbl_ui.attach {
  max-width: 750px;
}

.form_tbl_ui .cell {
  display: table-cell;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: middle;
}

.form_tbl_ui .cell:first-child {
  padding-left: 0;
}

.form_tbl_ui .cell:last-child {
  padding-right: 0;
}

/* .form_tbl_ui .cell.btn_c {width: 100px; padding-left: 0;} */
.form_tbl_ui .cell.btn_cell {
  width: 108px;
}

.form_tbl_ui .cell.bar_cell {
  width: 15px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

.form_tbl_ui .cell.txt_cell {
  width: 70px;
  vertical-align: middle;
}

.form_tbl_ui.category {
  max-width: 700px;
}

.form_tbl_ui.category .cell:first-child {
  width: 30%;
}

.form_board_write .w240 {
  width: 240px !important;
}

.form_size1 {
  max-width: 300px;
}

.form_tbl_ui.email {
  max-width: 700px;
}

.form_tbl_ui.email .cell:nth-child(2) {
  width: 30px;
  text-align: center;
}

.form_tbl_ui.phone {
  max-width: 700px;
}

.form_tbl_ui.full {
  max-width: none;
}


.form_board_write .form_tbl_ui .cell {
	padding:0 8px 0 0;
}
.form_board_write .form_tbl_ui .cell:last-child{
	padding:0;
}

.form_in_sub_txt {
  margin-top: 5px;
  color: #666;
  font-size: 15px;
}

.form_in_btn {
  display: inline-block;
  width: 100px;
  line-height: 40px;
  background-color: #373a5b;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
}

.form_in_btn.attach {
  background-color: #7346a9;
}

.form_in_btn.delete {
  background-color: #ff9225;
}

.form_in_btn.download {
  background-color: #456fff;
}

.form_attach_ui {
  position: relative;
  padding-right: 108px;
}

.form_attach_ui input {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 108px);
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.form_attach_ui input:focus + .name {
  outline: 2px solid #000;
}

.form_attach_ui .name {
  display: block;
  overflow: hidden;
  height: 40px;
  line-height: 38px;
  padding: 0 17px;
  background-color: #eee;
  border: 1px solid #bfbfbf;
  color: #787878;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form_attach_ui .form_in_btn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.form_side_ui {
  display: inline-block;
  margin-left: 20px;
}

.form_side_ui:first-child {
  margin-left: 0;
}
.form_board_write.m_mt24{
	margin-top:-24px;
} 

.form_board_write .board_write{
	border-top:2px solid #16408d
}
.form_board_write .board_write tr th,
.form_board_write .board_write tr td {
	padding:16px;
	border-bottom: 1px solid #c6c6c6;
}
.form_board_write .board_write tr th{
    height: auto;
	padding:16px 38px;
	font-size:17px;
	font-weight:700;
	color:#1d1d1d;
}
.form_board_write .board_write .align_top{
	vertical-align: top
}
.bw_sup_txt {
  font-size: 15px;
}

.bw_sup_txt.mt {
  margin-top: 10px;
  line-height: 1.5;
}

/* 지원사업 */
.bus_common_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 20px;
}

/* 2022-11-17 SDH 지원사업 목록 li 별 불필요한 여백 제거 */
/* .bus_common_list li {position: relative; flex:1; min-width:25%; max-width:25%; padding:15px 20px} */
.bus_common_list li {
  position: relative;
  flex: 1;
  min-width: 25%;
  max-width: 25%;
  padding-top: 15px;
  padding-right: 15px;
}

.bus_common_list li:nth-child(4n) {
  padding-right: 0;
}

.bus_common_list .link {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 18px 22px 90px;
  border: 1px solid #c7c7c7;
  height: 100%;
  border-radius: 16px;
}

.bus_common_list .link .sort {
  display: block;
  width: 74px;
  line-height: 26px;
  margin-bottom: 13px;
  background-color: #ff9225;
  border-radius: 13px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.bus_common_list .link .tit {
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bus_common_list .link .txt {
  display: -webkit-box;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #bfbfbf;
  overflow: hidden;
  max-height: 106px;
  line-height: 24px;
  font-size: 17px;
  word-break: keep-all;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.bus_common_list .link .hover {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 19px;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.2s;
}

.bus_common_list .link .hover .in {
  display: inline-block;
  padding-top: 63px;
  background: url("/portal/images/sub/ico_detail_view.png") center 0 no-repeat;
}

.bus_common_list .chk {
  position: absolute;
  right: 42px;
  top: 33px;
  font-size: 15px;
}

.bus_common_list .chk input {
  width: 18px;
  height: 18px;
  margin-left: 5px;
  vertical-align: -3px;
}

.bus_common_list .btn {
  display: block;
  position: absolute;
  left: 42px;
  right: 42px;
  bottom: 33px;
  z-index: 1;
  line-height: 50px;
  background-color: #7346a9;
  border-radius: 10px;
  color: #fff;
  font-size: 17px;
  text-align: center;
}

.bus_common_list li:hover .link .hover,
.bus_common_list .link:focus .hover {
  opacity: 1;
}

.bus_common_list li:hover .chk,
.bus_common_list .link:focus + .chk {
  color: #fff;
  font-weight: 300;
}

.bus_common_list li .btn.closed {
  background-color: #bfbfbf;
}

.bus_common_list li.online .link .sort {
  background-color: #456fff;
}

.bus_common_list li.offline .link .sort {
  background-color: #ff9225;
}

.bus_common_list li.edu .link .sort {
  background-color: #32b16c;
}

.bus_common_list li.support .link .sort {
  background-color: #ff6eaf;
}

.bus_common_list li.base .link .sort {
  background-color: #373a5b;
}

.bus_common_list li .blow_box {
  z-index: 1;
  display: none;
  position: absolute;
  top: 50px;
  right: -150px;
  width: 280px;
  padding: 10px 12px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #000;
  background-color: #eee;
}

.bus_common_list li .blow_box::after {
  content: "";
  position: absolute;
  top: 98%;
  left: 20px;
  border-top: 20px solid #eee;
  border-right: 10px solid transparent;
}

.bus_common_list li:hover .blow_box {
  display: block;
}

.bus_common_btn_top {
  position: relative;
  z-index: 1;
  text-align: right;
}

.bus_common_btn_top .common_btn {
  position: absolute;
  right: 0;
  top: -5px;
  width: 125px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
}

.bus_common_tit {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
}

.bus_agree_each:not(:last-of-type) {
  margin-bottom: 50px;
}

.bus_agree_box {
  overflow: auto;
  max-height: 270px;
  padding: 30px;
  border: 1px solid #d2d2d2;
}

.bus_agree_box .top_tit {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
}

.bus_agree_box .each:not(:last-child) {
  margin-bottom: 35px;
}

.bus_agree_box .each_tit {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
}

.bus_agree_chk {
  display: flex;
  margin-top: 15px;
  align-items: center;
}

.bus_agree_chk .lbl {
  font-size: 20px;
  font-weight: 500;
}

.bus_agree_chk .chk_area {
  flex: 1;
  text-align: right;
}

.bus_agree_chk .chk_area label {
  margin-right: 50px;
  font-size: 20px;
  cursor: pointer;
}

.bus_agree_chk .chk_area label:last-child {
  margin-right: 0;
}

.bus_agree_chk .chk_area input {
  width: 20px;
  height: 20px;
  vertical-align: -3px;
  cursor: pointer;
}

.bus_agree_chk .btn_area {
  width: 250px;
  margin: 0;
  text-align: right;
}

.bus_agree_chk.all {
  margin-top: 0;
  padding: 20px;
  background-color: #eee;
  border: 1px solid #d2d2d2;
}

.bus_agree_chk.all .lbl {
  font-weight: 700;
}

.guide_info_box {
  margin-bottom: 30px;
  padding: 21px 25px 21px 105px;
  background: #eee url("/portal/images/sub/ico_guide_info.png") 30px 19px
    no-repeat;
}

.guide_info_box .list {
  margin: 0;
}

.guide_info_box .list li {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 10px;
  line-height: 1.3;
  word-break: keep-all;
}

.guide_info_box .list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: #1b1b1b;
  border-radius: 50%;
}

.guide_info_box .list li:last-child {
  margin-bottom: 0;
}

.basic_list_form {
  width: 100%;
  text-align: center;
}

.basic_list_form thead {
  background-color:#edf1f5;
/*   background-color: #eee; */
/*   border-top: 2px solid #7d7d7d; */
  border-top: 2px solid #16408d;
  border-bottom: 1px solid #c6c6c6;
/*   border-bottom: 1px solid #7d7d7d; */
}

.basic_list_form thead th {
  height: 56px;
  padding: 16px 20px;
/*   padding: 10px 5px; */
  font-size: 17px;
  color:#1d1d1d;
/*   font-weight: 500; */
  box-sizing: border-box;
}

.basic_list_form tbody tr {
	border-bottom:1px solid #c6c6c6;
/*   border-top: 1px solid #cdcdcd; */
/*   border-bottom: 1px solid #cdcdcd; */
}

.basic_list_form tbody td {
  height:72px;
/*   height: 62px; */
  padding: 10px 20px;
  font-size:17px;
  color:#1d1d1d;
  box-sizing: border-box;
}

.basic_list_form td.tit_td {
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.basic_list_form td.tit_td a:hover,
.basic_list_form td.tit_td a:focus {
  text-decoration: underline;
}

.basic_list_form .basic_head {
  display: table;
  width: 100%;
}

.basic_list_form .basic_body {
  display: block;
  width: 100%;
  max-height: 187px;
  overflow-y: scroll;
}

.basic_list_form .basic_head th,
.basic_list_form .basic_body td {
  width: 25%;
}

.basic_list_form tr.empty {
  font-size: 18px;
}

.basic_list_form tbody td.img_cell {
  height: auto;
}

.basic_list_form tbody td.img_cell img {
  max-height: 100px;
}

.basic_list_form .in_btn {
  display: inline-block;
  position: relative;
  width: 90px;
  height: 38px;
  line-height: 34px;
  background-color: #373a5b;
  border: 2px solid transparent;
  border-radius: 8px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.basic_list_form .in_btn.regist {
  background-color: #ff9225;
}

.basic_list_form .in_btn.diagnosis {
  background-color: #fff;
  border-color: #ff9225;
  color: #ff9225;
  font-weight: 400;
}

.basic_list_form .in_btn.modify {
  background-color: #456fff;
}

.basic_list_form .in_btn.cancellation {
  background-color: #456fff;
}

.basic_list_form .in_btn.apply {
  background-color: #7346a9;
}

.basic_list_form .in_btn.cancel {
  background-color: #bfbfbf;
}

.basic_list_form .in_btn.disable {
  background-color: #bfbfbf;
}

.basic_list_form .in_btn::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: inherit;
  border-radius: 8px;
  box-shadow: 0 0 2px rgb(115, 70, 169);
  opacity: 0;
}

.basic_list_form .in_btn:not(.disable):hover::after {
  animation: btnBackCtAni 0.6s;
}

.basic_list_form .in_btn_sm {
  display: inline-block;
  position: relative;
  width: 70px;
  line-height: 30px;
  background-color: #ff9225;
  border-radius: 8px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.basic_list_form .in_btn_sm:hover {
  background-color: #ff5825;
}

.basic_list_form.bd tr > *:not(:last-child) {
  border-right: 1px solid #cdcdcd;
}

.basic_list_form td.left {
  text-align: left;
}

/* 기존 지원사업 코드 유지로 인한 css.. */
@keyframes btnBackCtAni {
  50% {
    opacity: 0.25;
  }

  100% {
    opacity: 0;
    transform: scaleX(1.2) scaleY(1.4);
  }
}

.ness_star {
  color: #ff0000;
}

.form_top_txt {
  margin-bottom: 12px;
  word-break: keep-all;
}

.vertical_scroll_frame {
  overflow: auto;
  max-height: 500px;
}

.vertical_scroll_frame.myitem_list_h {
  max-height: 265px;
}

.flex_tit_box {
  display: flex;
  margin-bottom: 10px;
}

.flex_tit_box [class$="tit"] {
  flex: 1;
}

.flex_tit_box .btn {
  display: inline-block;
  width: 120px;
  line-height: 35px;
  background-color: #ff9225;
  border-radius: 8px;
  color: #fff;
  text-align: center;
}

.beforehand_view_box {
  margin-bottom: 35px;
  padding: 20px;
  background-color: #eee;
  border: 1px solid #d2d2d2;
}

.basic_form_tit {
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  font-size: 20px;
  font-weight: 500;
}

.basic_form_tit::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  border-left: 12px solid #000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.layer_btm_guide_txt {
  margin-top: 30px;
  font-weight: 500;
  text-align: center;
}

.basic_write_form {
  width: 100%;
  border-top: 2px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
}

.basic_write_form tr:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}

.basic_write_form tr > *:not(:last-child) {
  border-right: 1px solid #dcdcdc;
}

.basic_write_form th {
  padding: 8px 20px;
  font-size: 17px;
  font-weight: 500;
}

.basic_write_form td {
  height: 48px;
  padding: 8px 15px;
}

.basic_write_form input[type="text"],
.basic_write_form input[type="password"] {
  width: 100%;
  height: 40px;
  border: 1px solid #bfbfbf;
}

.basic_write_form thead {
  background-color: #eee;
  text-align: center;
}

.basic_write_form thead th {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* mro_intro */
.mro_intro_box {
  position: relative;
  margin-top:-24px;
/*   padding: 260px 70px 50px; */
  background-color: #fff;
/*   border: 25px solid #eee; */
/*   border-top-width: 0; */
}

.mro_intro_box .top_intro {
/*   display: flex; */
/*   position: absolute; */
/*   left: -25px; */
/*   top: 0; */
/*   right: -25px; */
  margin-bottom:74px;
/*   padding: 45px 90px; */
  padding:46px 120px;
  border-radius:8px;
  background: url("/portal/images/sub/mro_intro_top_bg_02.png") center/cover
    no-repeat;
/*   align-items: center; */
}

.mro_intro_box .top_intro .tit {
/*   margin-right: 60px; */
  margin-bottom:7px;
  line-height:36px;
/*   color: #7346a9; */
  color:#1d1d1d;
/*   font-size: 24px; */
  font-size:25px;
  font-weight: 700;
}

.mro_intro_box .top_intro .txt {
/*   font-size: 22px; */
/*   line-height: 1.6; */
  line-height:1.5;
  font-size:21px;
  color:#1d1d1d;
}

.basis_tooltip_box {
  position: absolute;
  left:349px;
  top:50px;
/*   left: 195px; */
/*   top: 138px; */
}

.basis_tooltip_box .basis_tooltip_btn {
/*   width: 95px; */
/*   height: 28px; */
  padding:0 8px;
  height:28px;
  line-height: 26px;
  background-color:#246beb;
  border:1px solid #246beb;
  border-radius:4px;
  color:#fff;
  font-size:15px;
/*   background-color: #eee; */
/*   border: 1px solid #7d7d7d; */
/*   border-radius: 14px; */
/*   color: #535353; */
/*   font-size: 14px; */
  text-align: center;
}

.mro_intro_box .basis_tooltip_btn .ico {
/*   padding-right: 10px; */
  padding-right:15px;
  background:url("/portal2/image/icon/ico-arrow-right.png") no-repeat right center;
/*   background: url("/portal/images/sub/basis_tooltip_btn_arr.png") right center */
/*     no-repeat; */
}

.basis_tooltip_box .balloon {
  display: none;
  position: absolute;
  left: 0;
  top: 35px;
  width: 500px;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #7d7d7d;
  border-radius: 5px;
}

.basis_tooltip_box .balloon dt {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.basis_tooltip_box .balloon dd {
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.5;
}

.basis_tooltip_box .balloon dd:last-of-type {
  margin-bottom: 0;
}

/*.basis_tooltip_box .basis_tooltip_btn:focus {
  background-color: #7d7d7d;
  color: #fff;
}*/

.basis_tooltip_box .basis_tooltip_btn:focus + .balloon {
  display: block;
}

.mro_intro_box .basis_tooltip_btn:focus .ico {
  background-image: url("/portal/images/sub/basis_tooltip_btn_arr_active.png");
}

.mro_intro_box .each_row:not(:last-child) {
/*   margin-bottom: 60px; */
	margin-bottom:72px;
}

.mro_intro_box .each_row .top_tit {
/*   width: 125px; */
/*   line-height: 48px; */
  line-height:26px;
/*   margin: 0 auto 30px; */
  margin-bottom:15px;
/*   background-color: #9976c4; */
/*   border-radius: 12px; */
/*   color: #fff; */
  color:#1d1d1d;
/*   font-size: 20px; */
  font-size:21px;
/*   font-weight: 500; */
  font-weight:700;
/*   text-align: center; */
}

.mro_intro_box .each_row .target_txt1 {
  margin-bottom:7px;
/*   margin-bottom: 3px; */
  line-height:26px;
/*   font-size: 20px; */
  font-size:17px;
  color:#1d1d1d;
  font-weight:700;
/*   font-weight: 500; */
/*   text-align: center; */
}

.mro_intro_box .each_row .target_txt2 {
  color:#555;
  line-height:26px;
/*   color: #959595; */
/*   font-size: 14px; */
  font-size:17px;
/*   text-align: center; */
}

.mro_support_category {
  display: flex;
  gap:65px;
  padding:56px;
  border-radius:8px;
  background:#edf1f5;
}

.mro_support_category .cell {
  flex: 1;
  display:flex;
  flex-direction:column;
/*   padding: 8px 60px; */
/*   border-left: 1px solid #dcdcdc; */
}

/*.mro_support_category .cell:last-child {
  border-right: 1px solid #dcdcdc;
}*/

.mro_support_category dt {
/*   margin-bottom: 30px; */
  margin-bottom:28px;
/*   padding-top: 125px; */
  padding-top:140px;
  background: url("/portal/images/sub/mro_intro_ico1_02.png") center 0 no-repeat;
/*   color: #9999ff; */
  line-height:26px;
  color:#1d1d1d;
/*   font-size: 22px; */
  font-size:19px;
  font-weight: 700;
  text-align: center;
}

.mro_support_category .cell:nth-child(2) dt {
  background-image: url("/portal/images/sub/mro_intro_ico2_02.png");
/*   color: #f77f7c; */
}

.mro_support_category .cell:nth-child(3) dt {
  background-image: url("/portal/images/sub/mro_intro_ico3_02.png");
/*   color: #97dba4; */
}

.mro_support_category dd {
  flex:1;
  padding:25px;
  border-radius:8px;
  line-height:1.5;
  font-size:17px;
  color:#1d1d1d;
  background:#fff;
/*   margin-bottom: 25px; */
/*   line-height: 1.6; */
  word-break: keep-all;
}

/*.mro_support_category dd:last-of-type {
  margin-bottom: 0;
}*/
.mro_support_category dd.first {
    border-radius: 8px 8px 0 0;
}

.mro_support_category dd.second {
    position: relative;
    border-radius: 0 0 8px 8px;
}

.mro_support_category dd.second:before {
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    content: "";
    border-top: 1px dashed #c6c6c6;
}

.mro_support_category dd .tit {
  display: block;
  position: relative;
/*   margin-bottom: 2px; */
/*   padding-left: 8px; */
/*   font-weight: 500; */
  padding-left:14px;
  font-weight:700;
}

.mro_support_category dd .tit::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
/*   width: 3px; */
/*   height: 3px; */
/*   background-color: #333; */
/*   border-radius: 50%; */
  width:4px;
  height:4px;
  background:#1d1d1d;
}

.mro_support_category dd b {
  font-weight: 500;
}

.mro_intro_box .each_row .contact_txt {
  line-height: 1.5;
  text-align: center;
}

.mro_intro_box .each_row .contact_txt b {
  font-weight: 500;
}

/* mro_survey */
.mro_survey_box {
  margin-bottom:44px;
/*   margin-bottom: 55px; */
  padding:20px 40px;
/*   padding: 40px 30px; */
/*   border: 1px solid #d2d2d2; */
  border-radius:8px;
  background:#edf1f5;
}

.mro_survey_box .top_tit {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
}
.mro_survey_box .each_row {
	padding:20px 0;
}
.mro_survey_box .each_row + .each_row {
	border-top:1px dashed #cdd7e4;
}
/*.mro_survey_box .each_row:not(:last-child) {
  margin-bottom: 35px;
}*/

.mro_survey_box .each_row .tit {
/*   margin-bottom: 7px; */
  margin-bottom:8px;
  padding-left:24px;
  font-size:17px;
  color:#1d1d1d;
  font-weight:700;
/*   font-size: 18px; */
/*   font-weight: 500; */
  background:url("/portal2/image/icon/bullet_blue.png") no-repeat left top 1px/16px;
}

/*.mro_survey_box .each_row > *:not(.tit) {
   margin-bottom: 5px;
  margin-bottom:15px;
} */

.mro_survey_box .each_row .txt {
  margin-bottom:15px;
  padding-left:24px;
  line-height: 1.5;
  color:#1d1d1d;
}
.mro_survey_box .each_row .b_list {
	padding-left:24px;
}
.mro_survey_box .each_row .b_list > li {
  position: relative;
  margin-bottom:7px;
/*   margin-bottom: 5px; */
/*   padding-left: 10px; */
  padding-left:12px;
  line-height: 1.5;
  color:#1d1d1d;
}

.mro_survey_box .each_row .b_list > li:last-child {
  margin-bottom: 0;
}

.mro_survey_box .each_row .b_list > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width:4px;
  height:4px;
  background:#1d1d1d;
/*   width: 3px; */
/*   height: 3px; */
/*   border: 1px solid #9b9b9b; */
/*   border-radius: 50%; */
}

.mro_survey_box .each_row .lbl_list {
/*   display: flex; */
  margin-left:24px;
  padding:20px 24px;
  border-radius:4px;
  background:#cdd7e4;
}
.mro_survey_box .each_row .lbl_list dt {
	margin-bottom:8px;
	line-height:1.5;
}
.mro_survey_box .each_row .lbl_list dd {
/*   flex: 1; */
/*   margin-left: 10px; */
  color:#1d1d1d;
}

.tabCont .mro_intro_box {
  margin-top: 40px;
}

/* mro 사업 상세페이지 탭 내 컨텐츠 */
.tabCont > .sub_sch_box {
  margin-top: 40px;
}

/* mro 사업 상세페이지 탭 내 컨텐츠 */
/* tender */
.interest_job_layout .left_box {
  float: left;
  width: 51%;
  padding-right: 3%;
  border-right: 1px solid #ccc;
}

.interest_job_layout .right_box {
  float: right;
  width: 46%;
}

.hor_tbl_scroll_box {
  overflow-x: auto;
}

.hor_tbl_scroll_box table {
  width: 1600px;
}

/* product_detail */
.product_detail_category {
  margin-bottom: 20px;
}

.product_detail_category select {
  border-radius:4px;
  -webkit-border-radius:4px;
  width:160px;
  height:40px;
/*   height: 35px; */
/*   background-color: #f7f7f7; */
  vertical-align: middle;
}

.product_detail_category .arr {
  display: inline-block;
  width: 8px;
  height: 13px;
  margin: 0 3px;
  background: url("/portal/images/sub/category_arr2.png") center no-repeat;
  vertical-align: middle;
}

.product_detail_top {
  position: relative;
  margin-bottom: 40px;
}

.product_detail_top .img_area {
  float: left;
  width:530px;
/*   width: calc(50% - 40px); */
}

.product_detail_top .img_area .view {
  overflow: hidden;
  border-radius:8px;
  height:530px;
/*   height: 600px; */
  background-color: #eee;
  font-size: 0;
  text-align: center;
}

.product_detail_top .img_area .view::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.product_detail_top .img_area .view img {
  vertical-align: middle;
}

.product_detail_slider_box {
  position: relative;
  margin:24px auto 0;
/*   margin-top: 25px; */
  padding: 0 45px;
  width:438px;
}

.product_detail_slider {
  overflow: hidden;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
}

.product_detail_slider button {
  display: inline-block;
  position: relative;
  border-radius:8px;
  width:100px;
  height:100px;
/*   width: 150px; */
/*   height: 150px; */
  margin:0 8px;
/*   margin: 0 10px; */
  background-color: #eee;
  font-size: 0;
  overflow: hidden;
}

.product_detail_slider button::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.product_detail_slider button.active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  border-radius:8px;
}

.product_detail_slider img {
  max-height: 150px;
  vertical-align: middle;
}

.product_detail_slider_box .arr {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 35px;
  background: center no-repeat;
  transform: translateY(-50%);
  transition: all 0.2s;
}

.product_detail_slider_box .arr.prev {
  left: 8px;
  background-image: url("/portal/images/sub/product_detail_slider_prev.png");
}

.product_detail_slider_box .arr.next {
  right: 8px;
  background-image: url("/portal/images/sub/product_detail_slider_next.png");
}

.product_detail_slider_box .arr.prev:hover {
  background-position: 0 center;
}

.product_detail_slider_box .arr.next:hover {
  background-position: right center;
}

.product_detail_top .info_area {
  float: right;
  width: calc(100% - 594px);
/*   width: 50%; */
}

.product_detail_top .info_area .top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 30px 0 24px 16px;
/*   padding: 15px 130px 13px 10px; */
/*   padding-bottom: 13px; */
/*   border-bottom: 1px solid #1b1b1b; */
}

.product_detail_top .info_area .top .pdt_tit_area {
	margin-right:10px;
}

.product_detail_top .info_area .top .pop_btn {
	border-radius:4px;
	min-width:96px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#fff;
	background:#246beb;
}

.product_detail_top .info_area .top .brand {
  display: inline-block;
  position: relative;
  margin-right:2px;
/*   padding-right: 90px; */
  font-size: 22px;
  font-weight: 700;
}

.product_detail_top .info_area .top .brand .pop_btn {
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  width: 75px;
  line-height: 25px;
  background-color: #ff9225;
  border-radius: 13px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.product_detail_top .info_area .top .brand .pop_btn:hover {
  background-color: #f57a00;
}

.product_detail_util_ui {
  position: absolute;
  right: 10px;
  top: 15px;
}

.product_detail_util_ui > li {
  position: relative;
  float: left;
  margin-right: 10px;
}

.product_detail_util_ui > li:last-child {
  margin-right: 0;
}

.product_detail_util_ui > li > .btn {
  float: left;
  width: 30px;
  height: 30px;
  background: center no-repeat;
  transition: all 0.3s;
}

.product_detail_util_ui > li > .btn.thumb {
  background-image: url("/portal/images/sub/ico_thumb2.png");
}

.product_detail_util_ui > li > .btn.thumb.on {
  background-image: url("/portal/images/sub/ico_thumb2_on.png");
  animation: bouncing 0.3s;
}

.product_detail_util_ui > li > .btn.fav {
  background-image: url("/portal/images/sub/ico_fav2.png");
}

.product_detail_util_ui > li > .btn.fav.on {
  background-image: url("/portal/images/sub/ico_fav2_on.png");
  animation: bouncing 0.3s;
}

.product_detail_util_ui > li > .btn.share {
  background-image: url("/portal/images/sub/ico_share.png");
}

.product_detail_util_ui > li > .btn.share.on {
  background-image: url("/portal/images/sub/ico_share_on.png");
}

.product_detail_util_ui .share_ui {
  display: none;
  position: absolute;
  right: -10px;
  top: 55px;
  width: 230px;
  height: 43px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #7d7d7d;
  border-radius: 25px;
}

.product_detail_util_ui .share_ui .close {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/portal/images/sub/share_ui_close.png");
  transform: translateY(-50%);
}

@keyframes bouncing {
  50% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}

.product_detail_top .info_area .mid {
  border-top:2px solid #d8d8d8;
  border-bottom:2px solid #d8d8d8;
/*   padding: 20px 8px 0; */
}

.product_detail_top .info_area .pdt_tit {
  display:inline;
/*   margin-bottom: 18px; */
  font-size: 22px;
  font-weight: 700;
}

.product_detail_top .info_area .info_list {
  display: flex;
  flex-wrap: wrap;
  font-size:17px;
/*   font-size: 18px; */
}

.product_detail_top .info_area .info_list dt {
	width:168px;
/*   width: 140px; */
/*   margin-bottom: 13px; */
/*   padding-right: 20px; */
  padding:17px 10px 17px 40px;
  border-bottom:1px solid #d8d8d8;
  line-height:30px;
  color:#1d1d1d;
/*   color: #a0a0a0; */
/*   font-weight: 500; */
}

.product_detail_top .info_area .info_list dd {
  padding:17px 10px 17px 0;
  border-bottom:1px solid #d8d8d8;
  width: calc(100% - 168px);
/*   margin-bottom: 13px; */
  line-height:30px;
  color:#1d1d1d;
}

.product_detail_top .info_area .info_list dd.won {
  color:#e71825;
/*   color: #f00; */
  font-weight:700;
}

.product_detail_top .info_area .info_list dd.won .num {
  font-weight:700;
/*   font-weight: 500; */
}

.product_detail_top .info_area .info_list > *:last-of-type {
	border-bottom:0;
/*   margin-bottom: 0; */
}

.product_detail_top .info_area .per_box {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
.product_detail_top .info_area .contact-info {
	display:flex;
	overflow:hidden;
	margin-top:40px;
	border-radius:8px;
}
.product_detail_top .info_area .contact-info dt {
	display:flex;
	justify-content:center;
	align-items:center;
	width:172px;
	font-size:17px;
	color:#1d1d1d;
	font-weight:700;
	background:#d6e2ef;
}
.product_detail_top .info_area .contact-info dd {
	display:flex;
	align-items:center;
	padding:20px 24px;
	width:calc(100% - 172px);
	line-height:26px;
	font-size:17px;
	color:#1d1d1d;
	background:#edf1f5;
	
}

.percent_bar_ui {
  overflow: hidden;
  height: 22px;
  background-color: #e5e5e5;
  border-radius: 11px;
}

.percent_bar_ui .fill {
  display: block;
  float: left;
  min-width: 55px;
  padding-right: 10px;
  background: linear-gradient(
    90deg,
    rgba(217, 169, 218, 1) 0%,
    rgba(135, 91, 173, 1) 100%
  );
  border-radius: 11px;
  color: #fff;
  font-size: 17px;
  text-align: right;
}

.product_detail_top .info_area .btm {
  margin-top: 50px;
}

.product_detail_top .info_area .btm .btn {
  display: block;
  position: relative;
  float: left;
  width: calc(50% - 10px);
  line-height: 76px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #313131;
  border: 2px solid transparent;
  border-radius: 40px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s;
}

.product_detail_top .info_area .btm .btn:nth-child(2n) {
  margin-right: 0;
}

.product_detail_top .info_area .btm .btn:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.product_detail_top .info_area .btm .btn:hover {
  transform: translateY(3px);
}

.product_detail_top .info_area .btm .btn .hover_ico {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 33px;
  height: 33px;
  background-image: url("/portal/images/sub/descq_ico.png");
  transform: translateY(-50%);
}

.product_detail_top .info_area .btm .btn .hover_box {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 85px;
  z-index: 1;
  width: 250px;
  padding: 8px 10px;
  background-color: #fff;
  border: 1px solid #7d7d7d;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  word-break: keep-all;
}

.product_detail_top .info_area .btm .btn .hover_box::after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  bottom: -19px;
  width: 20px;
  height: 19px;
  background-image: url("/portal/images/sub/desc_hover_arr.png");
}

.product_detail_top .info_area .btm .btn .hover_box b {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.product_detail_top .info_area .btm .btn.recommend {
  background-color: #eb6877;
}

.product_detail_top .info_area .btm .btn.showroom {
  background-color: #fff;
  border-color: #1b1b1b;
  color: #000;
}

.product_detail_top .info_area .btm .btn.showroom .hover_ico {
  background-image: url("/portal/images/sub/descq_ico2.png");
}

.product_detail_top .info_area .btm .btn.showroom .hover_box img {
  margin: 10px 0;
}

.product_detail_top .info_area .btm .btn.site {
  background-color: #7346a9;
}

.product_detail_top .info_area .btm .btn.site .hover_box {
  text-align: center;
}

.product_detail_top .info_area .btm .btn.site .hover_box img {
  margin: 0 8px;
  vertical-align: middle;
}

.product_detail_top .info_area .btm .btn .hover_ico:hover + .hover_box {
  display: block;
}

.product_detail_main {
  margin-bottom: 40px;
}

.product_detail_main .tit {
/*   margin-bottom: 30px; */
  line-height: 70px;
  border-top:2px solid #c6c6c6;
  border-bottom:1px solid #c6c6c6;
/*   border-top: 1px solid #1b1b1b; */
/*   border-bottom: 1px solid #bfbfbf; */
  font-size:19px;
/*   font-size: 22px; */
  color:#1d1d1d;
  font-weight: 700;
  text-align: center;
}

.product_detail_table {
  width: 100%;
  margin-bottom: 30px;
}

.product_detail_table th {
  padding: 13px 24px;
/*   padding: 15px 20px; */
  border-bottom:1px solid #c6c6c6;
/*   border: 1px solid #bfbfbf; */
/*   font-weight: 500; */
  text-align: left;
  font-size:14px;
  background:#edf1f5;
}

.product_detail_table td {
  padding: 13px 24px;
/*   padding: 15px 20px; */
  border-bottom:1px solid #c6c6c6;
/*   border: 1px solid #bfbfbf; */
  font-size:15px;
  color:#1d1d1d;
/*   color: #404040; */
  font-size: 15px;
}

/* .product_detail_table tr > *:first-child {
  border-left-width: 0;
}

.product_detail_table tr > *:last-child {
  border-right-width: 0;
} */

.product_detail_table pre {
  word-break: keep-all;
  white-space: pre-line;
}

.product_detail_main .editor_view {
  text-align: center;
}
.product_detail_main .editor_view.usu {
  height: 300px;
  overflow: hidden;
  position: relative;
}
.product_detail_main .editor_view.usu.on {
  overflow: visible;
  height: auto;
}

.product_detail_main .editor_view.usu:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 300px;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.8) 66%,
    rgba(255, 255, 255, 0.94) 83%,
    rgba(255, 255, 255, 0.98) 91%,
    #ffffff
  );
}

.product_detail_main .editor_view.usu.on:after {
  content: none;
}

.product_detail_main .morebtn {
  display: block;
  margin: 44px auto 0;
  border-radius:4px;
  width:240px;
/*   width: 250px; */
  height:64px;
/*   height: 55px; */
  line-height: 55px;
  font-size:17px;
/*   font-size: 24px; */
  font-weight:700;
/*   font-weight: bold; */
  color: #fff;
  text-align: center;
  background-color:#246beb;
/*   background-color: #7346a9; */
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.product_detail_main .editor_view.usu img {
  max-height: inherit;
}

.product_detail_review .tit {
/*   margin-bottom: 30px; */
  line-height: 70px;
  border-top:2px solid #c6c6c6;
  border-bottom:1px solid #c6c6c6;
/*   border-top: 1px solid #1b1b1b; */
/*   border-bottom: 1px solid #bfbfbf; */
  font-size:19px;
/*   font-size: 22px; */
  font-weight: 700;
  text-align: center;
}

.product_detail_review .product_detail_table th {
  text-align: center;
}

.product_detail_review .product_detail_table td {
  padding: 12px 20px;
}

.product_detail_review .product_detail_table td:first-child {
  padding-left: 48px;
  background: url("/portal/images/sub/bull_review.png") 20px 10px/18px no-repeat;
}

/* intro_org */
.intro_deco_top {
  padding:48px 120px;
  border-radius:8px;
  height: 200px;
/*   background: url("/portal/images/sub/intro_deco_bg.png") center/cover no-repeat; */
  background: url("/portal/images/sub/mro_intro_top_bg_02.png") no-repeat center/cover;
  font-size: 0;
/*   text-align: center; */
}

.intro_deco_top .txt {
  display: inline-block;
  font-size: 25px;
  line-height: 1.4;
  vertical-align: middle;
}

.intro_deco_top .txt b {
  font-weight: 700;
}
.intro_deco_top .txt span {
	display:inline-block;
	margin-top:8px;
	font-size:16px;
	line-height:1.5;
}
.intro_deco_layout {
/*   padding: 50px 60px 60px; */
  background-color: #fff;
/*   border: 25px solid #eee; */
/*   border-top-width: 0; */
}

.intro_org_info_box {
  float: right;
  width: 35%;
}

.intro_org_info_box dl {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap;
}

.intro_org_info_box dt {
  position: relative;
  width: 75px;
  margin-right: 15px;
  margin-bottom: 12px;
  padding-left: 7px;
  font-weight: 700;
}

.intro_org_info_box dt::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background-color: #363636;
  border-radius: 50%;
}

.intro_org_info_box dd {
  width: calc(100% - 90px);
  margin-bottom: 12px;
}

.intro_org_info_box dt:last-of-type,
.intro_org_info_box dd:last-of-type {
  margin-bottom: 0;
}

.intro_org_youtube {
  width: 100%;
  height: 600px;
}

.intro_org_system {
  margin-left: 65px;
}

.intro_org_box {
  display: block;
  margin-top: 42px;
  text-align: center;
  background: url("../images/sub/intro_bi.jpg") center no-repeat;
  border: 3px solid #eee;
  border-radius: 30px;
}

.intro_org_box:last-child {
  background: none;
  border: none;
  border-radius: 0;
}

.intro_org_box img {
  padding: 60px 0;
}

.intro_org_box:last-child img {
  padding: 0;
}

/* login */
.login_box {
  overflow: hidden;
  width: 1100px;
  margin: 0 auto;
  padding-top: 30px;
}

.login_box.st2 {
  overflow: visible;
  display: flex;
}

.login_left_area {
  /*float: left;*/
  width: 58.7%;
  padding-right: 8%;
  border-right: 1px solid #bfbfbf;
}

.login_right_area {
  /*float: left;*/
  width: 41.3%;
  padding-left: 8%;
  padding-right: 20px;
}

.login_box .top_tit {
  margin-bottom: 45px;
  font-size: 24px;
  font-weight: 500;
}

.login_form input.insert {
  width: 100%;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 35px;
  border: 1px solid #bfbfbf;
  font-size: 20px;
  transition: all 0.12s;
}

.login_form input.insert:focus {
  border: 2px solid #7346a9;
  outline: 0 none;
}

.login_form .btm {
  overflow: hidden;
}

.login_form .btm .chk_each {
  float: left;
  margin-top: 16px;
}

.login_form .btm .login_btn {
  float: right;
  width: 165px;
  height: 55px;
  background-color: #373a5b;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
}

.login_left_area .btn_box {
  overflow: hidden;
  margin-top: 100px;
}

.login_left_area .util_btn {
  display: block;
  float: left;
  width: calc(33.33% - 13.34px);
  line-height: 55px;
  margin-right: 20px;
  background-color: #999;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  transition: all 0.2s;
}

.login_left_area .util_btn:last-child {
  margin-right: 0;
}

.login_left_area .util_btn:hover,
.login_left_area .util_btn:focus {
  background-color: #555;
}

.login_box .g_list li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 6px;
  word-break: keep-all;
  word-break: keep-all;
}

.login_box .g_list li:last-child {
  margin-bottom: 0;
}

.login_box .g_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background-color: #5e5f5f;
}

.login_left_area .g_list {
  margin-top: 35px;
  color: #383a3a;
}

.login_right_area .sns_btn {
  display: block;
  line-height: 70px;
  margin-bottom: 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s;
}

.login_right_area .sns_btn:last-child {
  margin-bottom: 0;
}

.login_right_area .sns_btn.naver {
  background: #03cf5d url("../images/sub/login_sns_naver.png") 22px center
    no-repeat;
  color: #fff;
}

.login_right_area .sns_btn.kakao {
  background: #fee500 url("../images/sub/login_sns_kakao.png") 22px center
    no-repeat;
  color: #191600;
}

.login_right_area .sns_btn.facebook {
  background: #4172b9 url("../images/sub/login_sns_facebook.png") 10px 7px
    no-repeat;
  color: #fff;
}

.login_right_area .sns_btn.easypass {
  background-color: #373a5b;
  color: #fff;
}

.login_right_area .sns_btn:hover {
  background-position: 30px center;
}

.login_right_area .sns_btn.facebook:hover {
  background-position: 18px 7px;
}

.login_right_area .g_list {
  margin-top: 72px;
}


/* 로그인탭 추가 240119*/

.login_tip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.login_radiotap {
  display: flex;
  align-items: center;
}
.login_radiotap > div {
  position: relative;
}
.login_radiotap > div + div {
  margin: 0 -1px;
}
.login_radiotap input {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.login_radiotap label {
  width: 150px;
  height: 35px;
  line-height: 33px;
  display: block;
  text-align: center;
  border: 1px solid #d5d5d3;
  cursor: pointer;
}
.login_radiotap input:checked + label {
  background-color: #7346a9;
  border-color: #7346a9;
  color: #fff;
}
.login_radiotap > div span {
  padding: 0 7px;
  position: absolute;
  top: -35px;
  left: -50%;
  transform: translateX(-20%);
  height: 30px;
  line-height: 28px;
  border-radius: 5px;
  border: #cecece 1px solid;
  white-space: nowrap;
  background: #fff;
  z-index: 3;
  font-size: 14px;
}
.login_radiotap > div span:after {
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  border: #cecece 1px solid;
  border-left: 0 none;
  border-top: 0 none;
  background: #fff;
  z-index: 2;
  content: "";
}

.tip_btn button {
  text-decoration: underline;
}
.tip-pop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  display: none;
}
.tip-pop.on {
  display: block;
}
.tip-pop:after {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(../images/sub/icon_close_wh.png);
  cursor: pointer;
  content: "";
}

/* 이용약관 서브탭 추가 240202*/
.termstap {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
}
.termstap li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  color: #1d1d1d;
  border-radius: 4px;
  cursor: pointer;
  background: #cdd7e4;
  cursor: pointer;
}
.termstap li.on {
  background-color: #246beb;
  color: #fff;
}

/* 이용약관 툴팁 */
.tooltip_text {
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
  position: relative;
}
.tooltip_text .tooltip {
  width: 500px;
  padding: 5px 7px;
  display: flex;
  align-items: center;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1.3;
  border-radius: 5px;
  border: #cecece 1px solid;
  background: #fff;
  z-index: 3;
  font-size: 14px;
}
.tooltip_text .tooltip:after {
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  border: #cecece 1px solid;
  border-left: 0 none;
  border-top: 0 none;
  background: #fff;
  z-index: 2;
  content: "";
}
.tooltip .tip_close {
  cursor: pointer;
  margin-left: 5px;
}
.tooltip .tip_close i {
  font-size: 16px;
}

/* men_find */
.member_tab {
  display: flex;
  width: 720px;
  margin: 0 auto 100px;
}

.member_tab li {
  flex: 1;
}

.member_tab li a {
  display: block;
  height: 56px;
  line-height: 56px;
  font-size: 19px;
  font-weight:700;
  color:#1d1d1d;
  text-align: center;
  transition: all 0.2s;
  background:#edf1f5;
}

.member_tab li:first-child a{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.member_tab li:last-child a{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.member_tab li.active a {
  background-color: #246beb;
  color: #fff;
}

.member_find_box {
  display: flex;
  width: 100%;
}

.member_find_box .type_each {
  width: 50%;
}

.member_find_box .top_tit {
  margin-bottom: 35px;
  font-size: 14px;
  text-align: center;
}

.member_find_box .top_tit img {
  display: block;
  margin: 0 auto 7px;
}

.member_find_box .input_box .row:not(:last-child) {
  margin-bottom: 26px;
}

.member_find_box .input_box label {
  display: block;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 700;
  color:#1d1d1d
}

.member_find_box .input_box input {
  width: 100%;
  height: 56px;
  padding: 0 35px;
  border: 1px solid #c6c6c6;
  border-radius: 4px;
  font-size: 19px;
  transition: all 0.12s;
}

.member_find_box .input_box input:focus {
  border: 2px solid #003675;
  outline: 0 none;
}

.member_find_box .input_box .row.bus_num input {
  float: left;
  width: calc(33.33% - 8px);
  margin-right: 12px;
}

.member_find_box .input_box .row.bus_num input:last-child {
  margin-right: 0;
}

.member_find_box .find_btn {
  display: block;
  height:56px;
  line-height: 56px;
  margin-top: 40px;
  background-color: #003675;
  border-radius: 4px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-weight:700;
}

.member_find_box .btm_txt_list {
  margin-top: 22px;
  line-height: 1.5;
  text-align: center;
  color: #1d1d1d;
  font-size: 15px;
}

.member_find_box .btm_txt_list li.row:not(:last-child) {
  margin-bottom: 15px;
}

.member_find_box .certi_btn_box {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.member_find_box .certi_btn_box .certi_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  font-size: 19px;
  font-weight: 700;
  color:#fff;
}

.member_find_box .certi_btn_box .certi_btn.ipin{
	background:#246beb 
}
.member_find_box .certi_btn_box .certi_btn.phone{
 background:#003675
}

.member_find_box .certi_btn_box .certi_btn.ipin i,
.member_find_box .certi_btn_box .certi_btn.phone i{
	display:inline-block;
	margin-right:14px;
	width:16px;
	height:21px;
}

.member_find_box .certi_btn_box .certi_btn.ipin i{
  background: url(/portal/images/sub/ico_login_ipin.png) no-repeat 0 0;
  background-size:16px 21px;
}
.member_find_box .certi_btn_box .certi_btn.phone i{
  background:  url(/portal/images/sub/ico_login_phone.png) no-repeat 0 0;
}


.member_find_box .type_each.type1 {
  padding-right: 130px;
  border-right: 1px solid #d8d8d8;
}

.member_find_box .type_each.type2 {
  padding-left: 130px;
}

.member_find_box .type_each.type1 .top_tit,
.member_find_box .type_each.type2 .top_tit{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  font-size: 15px;
  font-weight: 400;
  color: #1d1d1d;
   
}
.member_find_box .type_each.type1 .top_tit strong,
.member_find_box .type_each.type2 .top_tit strong{
  margin:20px 0 10px 0;
  font-size:19px;
  font-weight:700;
  color:#1d1d1d
}

.member_find_box .type_each.type1 .top_tit span,
.member_find_box .type_each.type2 .top_tit span{
  display:inline-block;
  width:160px;
  height:160px;
}
.member_find_box .type_each.type1 .top_tit span{
	background:url(/portal/images/sub/each-box_img01_1.png) no-repeat 0 0;
	background-size:160px 160px;
}
.member_find_box .type_each.type2 .top_tit span{
	background:url(/portal/images/sub/each-box_img05_1.png) no-repeat 0 0;
	background-size:160px 160px;
}
.login_box .find_result_txt {
  margin-bottom: 30px;
  color: #333;
  font-size: 24px;
  text-align: center;
}

.login_box .find_result_txt:nth-of-type(2) {
  margin-top: 30px;
  margin-bottom: 0;
}

.login_box .find_result_view {
  width: 480px;
  margin: 0 auto;
  padding: 23px 0;
  border-top: 2px solid #7346a9;
  border-bottom: 2px solid #7346a9;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

.login_box .find_result_view dt {
  display: inline-block;
}

.login_box .find_result_view dd {
  display: inline-block;
  color: #f47320;
}


/* .login_box.type_blue  */
.login_box.type_blue{
	padding-top:4px
}
.login_box.type_blue .top_tit {
  margin-bottom: 40px;
  font-size: 25px;
  font-weight: 700;
  color:#1d1d1d
}
.login_box.type_blue .label_tooltip{
	font-size:17px;
	font-weight:400;
	color:#1d1d1d
}
.login_box.type_blue .login_radiotap label{ 
	display: flex;
    align-items: center;
    justify-content: center;
    width: 144px;
    height: auto;
    padding: 12px 0;
    background: #edf1f5;
    border: 0;
    line-height:1;
    cursor: pointer;
}
.login_box.type_blue .login_radiotap input:checked + label {
    background: #246beb;
    color: #fff;
}

.login_box.type_blue .login_radiotap .radius_left{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.login_box.type_blue .login_radiotap .radius_right{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.login_box.type_blue .login_tip {
    align-items: flex-end;
    margin-bottom: 24px;
}
.login_box.type_blue .tip_btn button {
    color:#1d1d1d;
    font-size:15px;
	line-height:1
}

.login_box.type_blue .login_form input.insert{
	width: 100%;
    height: 54px;
    margin-bottom: 10px; 
    padding: 20px 17px;
    font-size: 17px;
	border:1px solid #c8c8c8;
	border-radius: 4px;
}
.login_box.type_blue .login_form input.insert::placeholder{
	color:#8e8e8e !important
}
.login_box.type_blue .login_form .btm {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chk_each.type_blue label{
  display: inline-flex;
  align-items: center;
  position: static;
  padding-left: 0;
    
}
.chk_each.type_blue .vchkbox {
  display: block;
  position: static;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #c6c6c6;
  border-radius: 4px;
  transition: all 0.2s;
}

.chk_each.type_blue input:checked + label .vchkbox {
    background:#246beb url(/portal/images/ico_chk_white_on.png) no-repeat 50% 50%;
    background-size:14px 11px;
}

.login_box.type_blue .login_left_area .find_group{
	display:inline-flex;
	align-items:center;
	gap:10px
}
.login_box.type_blue .login_left_area .find_group .btn_find{
	font-size: 15px;
    color: #1d1d1d;
}
.login_box.type_blue .login_left_area .find_group .btn_find:first-child:after{
	content:'';
	display:inline-flex;
	position:relative;
	top:2px;
	width:1px;
	height:14px;
	background:#555;
	margin-left: 10px;
}

.login_box.type_blue  .login_left_area .btn_box {
    margin-top: 40px;
}
.login_box.type_blue  .login_left_area .btn_box .btn_link{
	display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:56px;
	font-size:19px;
	font-weight:700;
	color:#fff;
	background:#246beb;
	border-radius: 4px;
}
.login_box.type_blue  .login_left_area .btn_box .btn_link + .btn_link{
	margin-top:10px;
	background:#003675;
}

.login_box.type_blue .g_list li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 4px;
    margin: 0 8px;
    background-color: #1d1d1d;
}

.login_box.type_blue  .g_list{
	margin-top:40px
}

.login_box.type_blue  .g_list li{
	padding-left:20px;
	margin-bottom:6px;
	line-height:1.4;
	color:#1d1d1d;
	font-size:15px;
}

.login_box.type_blue{
	margin:0
}
.login_box.type_blue  .login_left_area{
	float:unset;
	padding:0;
	border-right:1px solid #d8d8d8;
}
.login_box.type_blue  .login_left_area .item_group{
		width:450px;
		margin:0 114px 0 100px;
}
.login_box.type_blue  .login_left_area,
.login_box.type_blue  .login_right_area{
	float: unset;
    width: auto;
	padding:0;
}
.login_box.type_blue  .login_right_area .item_group{
	width:400px;
    margin:0 100px 0 114px;
}
.login_box.type_blue .login_right_area .sns_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
     margin-bottom: 19px;
    line-height: 1;  
    border-radius: 4px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s;   
}

.login_box.type_blue .login_right_area .sns_btn.kakao{
	color:#1d1d1d
}

/* join_type */
.join_type_top_txt {
  margin-bottom: 118px;
  font-size: 25px;
  line-height: 1.5;
  text-align: center;
}

.join_type_top_txt b {
  font-weight: 700;
  color:#1d1d1d
}

.join_type_choice {
  display: flex;
  gap: 20px;
  word-break: keep-all;
}

.join_type_choice .each {
  flex: 1;
  position:relative;
  text-align: center;
  background: #eff5ff;
  border-radius: 8px;
}

.join_type_choice .each .each-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 102px;
  margin-top: 85px;
  margin-bottom: 25px;
  
    
}
.join_type_choice .tit {
  color: #1d1d1d;
  font-size: 19px;
  font-weight: 700;
}

.join_type_choice .each::before{
	content:'';
	display:block;
	position:absolute;
	top:-60px;
	left:60px;
	width:120px;
	height:120px;
}
.join_type_choice .each.group01::before{
	background: url(/portal/images/sub/each-box_img01.png) center 0 no-repeat;
	background-size:120px 120px;
}
.join_type_choice .each.group02::before{
	background: url(/portal/images/sub/each-box_img02.png) center 0 no-repeat;
	background-size:120px 120px;
}
.join_type_choice .each.group03::before{
	background: url(/portal/images/sub/each-box_img03.png) center 0 no-repeat;
	background-size:120px 120px;
}
.join_type_choice .each.group04::before{
	background: url(/portal/images/sub/each-box_img04.png) center 0 no-repeat;
	background-size:120px 120px;
}
.join_type_choice .each.group05::before{
	background: url(/portal/images/sub/each-box_img05.png) center 0 no-repeat;
	background-size:120px 120px;
}

.join_type_choice .txt {
  padding: 0 30px;
  font-size: 15px;
  word-break: keep-all;
  color: #1d1d1d;
}

.join_type_choice .go_link {
  display: block;
  width: calc(100% - 40px);
  height: 40px;
  margin: 0 auto 25px;
  background-color: #246beb;
  border-radius: 4px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.join_type_choice .go_link .in {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -1px;
}

.join_type_choice .go_link::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.join_type_choice .list {
  padding: 0 18px 0 20px;
  color: #1d1d1d;
  font-size: 15px;
  margin: 0;
  margin-bottom: 24px;
}

.join_type_choice .list li {
  position: relative;
  margin-bottom: 15px;
  word-break: keep-all;
  line-height:1.4
}

.join_type_choice .list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 5px;
  background-color: #1d1d1d;
}

.join_type_choice .list li:last-child {
  margin-bottom: 0;
}

.join_type_choice .list b {
  font-weight: 700;
}

.join_type_choice .sns_link_box {
  margin-bottom: 22px;
  text-align: center;
}

.join_type_choice .sns_link_box a {
  display: inline-block;
  width: 40px;
  height:40px;
  margin-right: 10px;
  transition: all 0.2s;
}

.join_type_choice .sns_link_box a:last-child {
  margin-right: 0;
}

.join_type_choice .sns_link_box a.naver {
  background-image: url("/portal/images/sub/each-box_naver.png");
  background-size: 40px 40px
}

.join_type_choice .sns_link_box a.kakao {
  background-image: url("/portal/images/sub/each-box_kakao.png");
  background-size: 40px 40px
}

.join_type_choice .sns_link_box a.facebook {
  background-image: url("/portal/images/sub/join_type_sns_facebook.png");
}

.join_type_choice .sns_link_box a:hover {
  transform: scale(1.1);
}


/* join_agree */
.join_step_flow {
  display: flex;
  margin-bottom: 60px;
  justify-content: center;
}

.join_step_flow li {
  flex-basis: 220px;
  position: relative;
  height: 110px;
  margin-right: 16px;
  border-radius: 15px;
  font-size: 0;
  text-align: center;
}

.join_step_flow li::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.join_step_flow li::after {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  width: 16px;
  height: 50px;
  background-image: url("/portal/images/sub/join_step_flow_arr.png");
  transform: translateY(-50%);
}

.join_step_flow li:last-child {
  margin-right: 0;
}

.join_step_flow li:last-child::after {
  display: none;
}

.join_step_flow .in {
  display: inline-block;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
}

.join_step_flow .step {
  display: block;
  font-size: 15px;
}

.join_step_flow .txt {
  font-size: 25px;
}

.join_step_flow li.agree .in {
  padding-left: 54px;
  background: url("/portal/images/sub/join_step_flow_agree.png") 0 center
    no-repeat;
  color: #8c97cb;
}

.join_step_flow li.certi .in {
  padding-left: 66px;
  background: url("/portal/images/sub/join_step_flow_certi.png") 0 center
    no-repeat;
  color: #8f82bc;
}

.join_step_flow li.input .in {
  padding-left: 58px;
  background: url("/portal/images/sub/join_step_flow_input.png") 0 center
    no-repeat;
  color: #aa89bd;
}

.join_step_flow li.apply .in {
  padding-left: 60px;
  background: url("/portal/images/sub/join_step_flow_apply.png") 0 center
    no-repeat;
  color: #c490bf;
}

.join_step_flow li.joinok .in {
  padding-left: 60px;
  background: url("/portal/images/sub/join_step_flow_joinok.png") 0 center
    no-repeat;
  color: #dda7d9;
}

.join_step_flow li.complete .in {
  padding-left: 66px;
  background: url("/portal/images/sub/join_step_flow_complete.png") 0 center
    no-repeat;
  color: #f19ec2;
}

.join_step_flow li.complete_bus .in {
  padding-left: 66px;
  background: url("/portal/images/sub/join_step_flow_complete_bus.png") 0 center
    no-repeat;
  color: #c490bf;
}

.join_step_flow li.product .in {
  padding-left: 60px;
  background: url("/portal/images/sub/join_step_flow_product.png") 0 center
    no-repeat;
  color: #f19ec2;
}

.join_step_flow li.on .in {
  color: #fff !important;
  font-weight: 500;
}

.join_step_flow li.on::after {
  right: -13px;
  width: 0;
  height: 0;
  background-image: none;
  border-left: 13px solid #000;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  box-sizing: border-box;
}

.join_step_flow li.agree.on {
  background-color: #8c97cb;
}

.join_step_flow li.agree.on::after {
  border-left-color: #8c97cb;
}

.join_step_flow li.agree.on .in {
  background-image: url("/portal/images/sub/join_step_flow_agree_on.png");
}

.join_step_flow li.certi.on {
  background-color: #8f82bc;
}

.join_step_flow li.certi.on::after {
  border-left-color: #8f82bc;
}

.join_step_flow li.certi.on .in {
  background-image: url("/portal/images/sub/join_step_flow_certi_on.png");
}

.join_step_flow li.input.on {
  background-color: #aa89bd;
}

.join_step_flow li.input.on::after {
  border-left-color: #aa89bd;
}

.join_step_flow li.input.on .in {
  background-image: url("/portal/images/sub/join_step_flow_input_on.png");
}

.join_step_flow li.apply.on {
  background-color: #c490bf;
}

.join_step_flow li.apply.on::after {
  border-left-color: #c490bf;
}

.join_step_flow li.apply.on .in {
  background-image: url("/portal/images/sub/join_step_flow_apply_on.png");
}

.join_step_flow li.joinok.on {
  background-color: #dda7d9;
}

.join_step_flow li.joinok.on::after {
  border-left-color: #dda7d9;
}

.join_step_flow li.joinok.on .in {
  background-image: url("/portal/images/sub/join_step_flow_joinok_on.png");
}

.join_step_flow li.complete.on {
  background-color: #f19ec2;
}

.join_step_flow li.complete.on::after {
  border-left-color: #f19ec2;
}

.join_step_flow li.complete.on .in {
  background-image: url("/portal/images/sub/join_step_flow_complete_on.png");
}

.join_step_flow li.complete_bus.on {
  background-color: #c490bf;
}

.join_step_flow li.complete_bus.on::after {
  border-left-color: #c490bf;
}

.join_step_flow li.complete_bus.on .in {
  background-image: url("/portal/images/sub/join_step_flow_complete_bus_on.png");
}

.join_step_flow li.product.on {
  background-color: #f19ec2;
}

.join_step_flow li.product.on::after {
  border-left-color: #f19ec2;
}

.join_step_flow li.product.on .in {
  background-image: url("/portal/images/sub/join_step_flow_product_on.png");
}

.join_agree_each:not(:last-child) {
  margin-bottom: 65px;
}

.join_agree_tit {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

.join_agree_box {
  overflow: auto;
  max-height: 300px;
  padding: 35px 25px;
  border: 1px solid #d2d2d2;
}

.join_agree_box strong {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}

.join_agree_each .btm {
  display: flex;
  margin-top: 12px;
  justify-content: space-between;
}

.join_agree_each .btm .ref_txt {
  color: #d92525;
}

.join_agree_each .btm .ref_list {
  margin-top: 12px;
}

.join_agree_each .btm .ref_list li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 6px;
  color: #555;
  font-size: 15px;
}

.join_agree_each .btm .ref_list li:last-child {
  margin-bottom: 0;
}

.join_agree_each .btm .ref_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  background-color: #333;
  border-radius: 50%;
}

.join_priv_link {
  color: #a8a8a8;
  font-weight: 500;
}

.join_agree_txt {
  margin-bottom: 15px;
  font-size: 17px;
}

.join_agree_num_chk {
  padding: 35px 30px;
  border: 1px solid #d2d2d2;
}

.join_agree_num_chk .row {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  table-layout: fixed;
}

.join_agree_num_chk .row:last-child {
  margin-bottom: 0;
}

.join_agree_num_chk .lbl {
  display: table-cell;
  width: 170px;
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
}

.join_agree_num_chk .con {
  display: table-cell;
}

.join_agree_num_chk .con input {
  width: 140px;
  height: 45px;
  margin-right: 15px;
  border: 1px solid #d2d2d2;
  vertical-align: middle;
}

.join_agree_num_chk .con input:last-of-type {
  margin-right: 40px;
}

.join_agree_num_chk .con .in_btn {
  display: inline-block;
  width: 150px;
  line-height: 55px;
  background-color: #373a5b;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}

.join_agree_num_chk .con .in_btn.down {
  margin-left: 10px;
  background-color: #6875ff;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.join_agree_num_chk .con .in_btn:hover {
  background-color: #171829;
}

.join_agree_num_chk .con .in_btn.down:hover {
  background-color: #4c57d3;
}

/* join_certi */
.join_certi_box .top_tit {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

.join_certi_box .top_txt {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.5;
}

.join_certi_box .browser_box {
  margin-bottom: 80px;
  padding: 30px;
  background-color: #eee;
}

.join_certi_box .browser_box .txt1 {
  margin-bottom: 20px;
  color: #d92525;
  font-weight: 500;
}

.join_certi_box .browser_box .txt2 {
  position: relative;
  padding-left: 10px;
}

.join_certi_box .browser_box .txt2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border: 1px solid #919191;
  border-radius: 50%;
}

.join_certi_box .browser_box .txt2 b {
  font-weight: 500;
  line-height: 1.5;
}

.join_certi_box .certi_box {
  display: flex;
  margin-bottom: 65px;
  padding: 10px 0;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

.join_certi_box .certi_box .each {
  position: relative;
  flex: 1;
  text-align: center;
}

.join_certi_box .certi_box .each:first-child::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 90px;
  background-color: #d2d2d2;
  transform: translateY(-55%);
}

.join_certi_box .certi_box .tit {
  margin-bottom: 70px;
  font-size: 24px;
  font-weight: 700;
}

.join_certi_box .certi_box .c_btn {
  display: inline-block;
  width: 250px;
  line-height: 95px;
  margin-bottom: 70px;
  background-color: #68a8ff;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.join_certi_box .certi_box .c_btn .in {
  display: inline-block;
  padding-left: 45px;
  background: url("/portal/images/sub/join_ipin_ico.png") 0 center no-repeat;
}

.join_certi_box .certi_box .each.phone .c_btn {
  background-color: #6875ff;
}

.join_certi_box .certi_box .each.phone .c_btn .in {
  background-image: url("/portal/images/sub/join_phone_ico.png");
}

.join_certi_box .certi_box .txt {
  line-height: 1.5;
}

/* join_input */
.join_input_guide_box {
  margin-bottom: 60px;
}

.join_input_guide_box .guide_list li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 7px;
  line-height: 1.5;
}

.join_input_guide_box .guide_list li:last-child {
  margin-bottom: 0;
}

.join_input_guide_box .guide_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 3px;
  height: 3px;
  background-color: #333;
  border-radius: 50%;
}

.join_input_guide_box .guide_list .sm {
  color: #555;
  font-size: 15px;
}

.join_input_guide_box .sample_btn {
  display: inline-block;
  margin-top: 20px;
  color: #8f6bba;
  font-size: 20px;
  font-weight: 700;
}

.join_input_guide_box .sample_btn:hover {
  text-decoration: underline;
}

.join_input_each:not(:last-child) {
  margin-bottom: 60px;
}

.join_input_each .top_tit {
  margin-bottom: 12px;
  padding: 13px 17px;
  background-color: #8f6bba;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}

.join_input_each .guide_list {
  padding: 12px 15px;
}

.join_input_each .guide_list li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 10px;
  line-height: 1.5;
}

.join_input_each .guide_list li:last-child {
  margin-bottom: 0;
}

.join_input_each .guide_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border: 1px solid #888;
  border-radius: 50%;
}

.join_input_each .guide_list b {
  font-weight: 500;
}

.join_input_each .guide_box {
  margin-bottom: 10px;
  padding: 25px 30px;
  border: 1px solid #d2d2d2;
}

.join_input_each .guide_box dl {
  overflow: hidden;
}

.join_input_each .guide_box dt {
  float: left;
  width: 15%;
  font-size: 20px;
  font-weight: 500;
}

.join_input_each .guide_box dd {
  position: relative;
  float: right;
  width: 85%;
  margin-bottom: 5px;
  padding-left: 8px;
}

.join_input_each .guide_box dd:last-of-type {
  margin-bottom: 0;
}

.join_input_each .guide_box dd::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background-color: #000;
  border-radius: 50%;
}

.join_input_each .guide_box .ked_mt {
  margin-top: 10px;
}

.join_input_each .guide_box .ked {
  margin-right: 20px;
  vertical-align: middle;
}

.join_input_each .guide_box em {
  color: #d92525;
}

.join_input_tbl {
  width: 100%;
  border-collapse: separate;
  border-spacing: 15px 0;
}

.join_input_tbl > tbody > tr {
  height: 57px;
}

.join_input_tbl > tbody > tr > * {
  padding: 6px 0;
}

.join_input_tbl > tbody > tr > th {
  padding-top: 17px;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
}

.join_input_tbl th .ness_star {
  margin-right: 2px;
}

.join_input_tbl input[type="text"],
.join_input_tbl input[type="password"] {
  width: 100%;
  max-width: 500px;
  height: 45px;
  padding: 0 15px;
  border: 1px solid #e1e1e1;
}

.join_input_tbl input.date {
  max-width: 190px;
  padding: 0 60px 0 15px;
  background: url("/portal/images/sub/ico_cal2.png") right 0 no-repeat;
  text-align: center;
}

.join_input_tbl select {
  width: 100%;
  max-width: 140px;
  height: 45px;
  padding-right: 32px;
  background: #fff url("/portal/images/sub/slt_arr3.png") right 11px center
    no-repeat;
  border: 1px solid #e1e1e1;
}

.join_input_tbl textarea {
  height: 150px;
  padding: 10px;
  border: 1px solid #e1e1e1;
}

.join_input_tbl .in_btn {
  display: inline-block;
  width: 140px;
  line-height: 45px;
  background-color: #373a5b;
  border-radius: 8px;
  color: #fff;
  text-align: center;
}

.join_input_tbl .in_btn:hover {
  background-color: #17192c;
}

.join_input_tbl input + .in_btn {
  margin-left: 20px;
}

.join_input_tbl .ref_txt {
  margin-top: 7px;
  color: #6f6f6f;
  font-size: 15px;
  line-height: 1.5;
}

.join_input_tbl .ref_txt em {
  color: #dc1919;
}

.join_input_tbl .ref_txt.lst {
  margin-top: 15px;
}

.join_input_tbl .side_ui {
  display: inline-block;
  margin-left: 10px;
  padding: 10px 0;
}

.join_input_tbl .tooltip_ui {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.join_input_tbl .tooltip_ui button {
  width: 30px;
  height: 30px;
  border: 1px solid #a8a8a8;
  border-radius: 50%;
  color: #a8a8a8;
  font-weight: 700;
  vertical-align: middle;
}

.join_input_tbl .tooltip_ui .tooltip {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 35px;
  width: 300px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #a8a8a8;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.5;
  transform: translateX(-50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.join_input_tbl .tooltip_ui button:focus {
  border-color: #000;
  color: #000;
}

.join_input_tbl .tooltip_ui button:focus + .tooltip {
  display: block;
}

.join_input_tbl .select2-container {
  vertical-align: top;
}

.join_input_tbl .select2-container--default .select2-selection--single {
  width: 200px;
  height: 45px;
}

.join_input_tbl
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 45px;
}

.join_input_tbl
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 45px;
}

.join_input_tbl .fsize2 {
  max-width: 315px !important;
}

.form_tbl_ui2 {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.form_tbl_ui2 > .cell {
  display: table-cell;
  padding-right: 10px;
}

.form_tbl_ui2 > *:last-child {
  padding-right: 0;
}

.form_tbl_ui2 > .cell.btn_cell {
  width: 150px;
  vertical-align: top;
}

.form_tbl_ui2 select {
  max-width: none;
}

.form_tbl_ui2 input {
  max-width: none;
}

.form_tbl_ui2.phone {
  width: 500px;
}

.form_tbl_ui2.phone .cell:first-child {
  width: 150px;
}

.form_tbl_ui2.email {
  width: 680px;
}

.form_tbl_ui2.email .cell:nth-child(2) {
  width: 30px;
  text-align: center;
}

.form_tbl_ui2.email .cell:nth-child(4) {
  width: 170px;
}

.form_tbl_ui2.lbl_input {
  width: 300px;
  margin-bottom: 10px;
}

.form_tbl_ui2.lbl_input.w1 {
  width: 190px;
}

.form_tbl_ui2.lbl_input.w2 {
  width: 500px;
}

.form_tbl_ui2.lbl_input:last-of-type {
  margin-bottom: 0;
}

.form_tbl_ui2.lbl_input input {
  text-align: right;
}

.form_tbl_ui2.lbl_input .cell:first-child {
  width: 130px;
}

.form_tbl_ui2.lbl_input .cell.unit input {
  width: calc(100% - 25px);
  margin-right: 5px;
}

.form_tbl_ui2.step3 {
  width: 680px;
}

.form_tbl_ui2.step3 .cell:first-child {
  width: 200px;
}

.form_tbl_ui2.step3 .cell:nth-child(2) {
  width: 220px;
}

.form_tbl_ui2.yn {
  width: 500px;
}

.form_tbl_ui2.yn .cell.lbl {
  width: 65px;
  font-weight: 500;
  vertical-align: middle;
}

.form_tbl_ui2.address {
  width: 850px;
  margin-top: 10px;
}

.form_tbl_ui2.address .cell:first-child {
  width: 380px;
}

.form_tbl_ui2.bnum {
  width: 500px;
}

.form_tbl_ui2.bnum .cell:nth-child(2) {
  width: 150px;
}

.form_tbl_ui2.attach {
  max-width: 750px;
}

.form_tbl_ui2.ym_fromto .cell select {
  width: calc(100% - 30px);
  margin-right: 5px;
}

.form_tbl_ui2.ym_fromto .cell.wave {
  width: 20px;
  font-size: 19px;
  font-weight: 700;
}

.form_tbl_ui2.ym_period input {
  width: calc(100% - 35px);
}

.join_input_tbl .in_btn.address {
  margin-right: 20px;
}

.join_input_tbl .in_btn.delete {
  background-color: #b5b5b5;
}

.join_input_tbl .pic_box {
  display: inline-block;
  width: 120px;
  height: 140px;
  margin-right: 20px;
  background-color: #eee;
  border: 1px solid #c7c7c7;
  vertical-align: bottom;
  box-sizing: content-box;
}

.join_input_tbl .pic_box img {
  width: 100%;
  height: 100%;
}

.join_input_tbl .in_table {
  width: 100%;
  border-top: 2px solid #ccc;
}

.join_input_tbl .in_table tr {
  border-bottom: 1px solid #ccc;
}

.join_input_tbl .in_table th {
  font-weight: 500;
  text-align: center;
}

.join_input_tbl .in_table thead th {
  padding: 8px 10px;
}

.join_input_tbl .in_table td {
  padding: 8px 10px;
}

.form_attach_ui2 {
  position: relative;
  padding-right: 148px;
}

.form_attach_ui2 input {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 148px);
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.form_attach_ui2 input:focus + .name {
  outline: 2px solid #000;
}

.form_attach_ui2 .name {
  display: block;
  overflow: hidden;
  height: 45px;
  line-height: 43px;
  padding: 0 17px;
  background-color: #eee;
  border: 1px solid #bfbfbf;
  color: #787878;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form_attach_ui2 .in_btn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.join_layer_pop {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
}

/* join_complte */
.join_complte_box {
  text-align: center;
}

.join_complte_box .top_ico {
  margin-bottom: 15px;
}

.join_complte_box .txt1 {
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: 700;
}

.join_complte_box .txt1 em {
  color: #7346a9;
}

.join_complte_box .txt2 {
  font-size: 20px;
  line-height: 1.5;
}

.join_complte_box .txt2 em {
  margin: 0 10px;
  color: #7346a9;
  font-weight: 700;
}

.join_complte_box .in_btn {
  display: inline-block;
  min-width: 170px;
  line-height: 55px;
  padding: 0 35px;
  background-color: #373a5b;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
}

.join_complte_box .in_btn.regist {
  margin-top: 45px;
}

.join_complte_box .in_btn.go {
  background-color: #a1a1a1;
}

.join_complte_box .in_btn:not(:last-of-type) {
  margin-right: 10px;
}

.join_complte_box .btm {
  width: 960px;
  margin: 70px auto 0;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.join_complte_box .btm .txt {
  margin-bottom: 20px;
  font-size: 18px;
}

.join_complte_box .btm .txt b {
  font-weight: 500;
}

.join_complte_box .btm .ven24_btn {
  display: block;
  width: 335px;
  line-height: 56px;
  margin: 40px auto 0;
  padding: 0 28px;
  border: 2px solid #e1e1e1;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s;
}

.join_complte_box .btm .ven24_btn:hover {
  border-color: #666;
}

.join_complte_box .btm .ven24_btn img {
  margin-right: 10px;
  vertical-align: -14px;
}

/* 주소찾기 레이어 팝업 (기존 css) */
.find_addr_pop {
  display: none;
  width: 414px;
  background-color: #fff;
}

.find_addr_pop .title {
  padding: 21px 25px;
  font-size: 18px;
  color: #ffffff;
  background-color: #857976;
  font-weight: bold;
  letter-spacing: -1px;
}

.find_addr_pop .title .layer_close {
  position: absolute;
  right: 25px;
  top: 18px;
}

.find_addr_pop .layer_con {
  padding: 25px;
  overflow: hidden;
}

.find_addr_pop .layer_con .info_tit {
  font-size: 16px;
  color: #222222;
  margin-bottom: 15px;
  letter-spacing: -1px;
  line-height: 28px;
  position: relative;
}

.find_addr_pop .layer_con .info_tit.v2 {
  font-size: 14px;
  position: relative;
}

.find_addr_pop .layer_con .check_txt {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e7e7e7;
  font-size: 14px;
}

.find_addr_pop .layer_con .check_txt .txt {
  display: inline-block;
  min-width: 230px;
}

.find_addr_pop .layer_con .check_txt a {
  margin-left: 5px;
}

.find_addr_pop .bottom_con {
  padding: 25px;
  background-color: #f3f3f3;
  border-top: 1px solid #e7e7e7;
}

.find_addr_pop .bottom_con .bottom_info {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 10px;
}

.find_addr_pop .bottom_con .color_org {
  color: #f47320;
  font-size: 14px;
  font-weight: bold;
  margin-right: 8px;
  display: inline-block;
}

.find_addr_pop .bottom_con .color_org img {
  vertical-align: middle;
  margin-right: 3px;
}

.find_addr_pop .h2_tit {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}

.find_addr_pop.find_addr_pop {
  width: 800px;
}

.find_addr_pop .addr_info {
  overflow: hidden;
  margin-bottom: 20px;
}

.find_addr_pop .addr_info li {
  min-width: 360px;
  padding-left: 12px;
  float: left;
  background: url("/portal/images/blt_black.gif") no-repeat 0 6px;
  letter-spacing: -1px;
  font-size: 14px;
  margin-bottom: 10px;
}

.find_addr_pop .addr_input {
  background-color: #eaf2f7;
  padding: 35px 10px;
  text-align: center;
  margin-bottom: 30px;
}

.find_addr_pop .addr_input select {
  min-width: 130px;
}

.find_addr_pop .addr_input select,
.find_addr_pop .addr_input input {
  margin-right: 3px;
  background-color: #fff;
}

.find_addr_pop.product_regist {
  width: 430px;
}

.find_addr_pop.product_select {
  width: 800px;
}

.find_addr_pop.supBusi {
  width: 920px;
  padding: 50px;
  background: url("/portal/images/watermark.jpg") no-repeat 50% 46%;
  background-color: #fff;
}

.find_addr_pop.offer {
  width: 990px;
  padding: 50px;
}

.find_addr_pop .layer_con2 .title2 {
  font-size: 40px;
  color: #222222;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}

.find_addr_pop .laterTable {
  width: 100%;
  border-top: 1px solid #585858;
  border-bottom: 1px solid #585858;
}

.find_addr_pop .laterTable th {
  font-size: 15px;
  color: #222222;
  font-weight: bold;
  padding: 18px 30px;
  text-align: left;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.find_addr_pop .laterTable td {
  font-size: 13px;
  padding: 10px 30px;
  border-bottom: 1px solid #d8d8d8;
}

.find_addr_pop .layer_close {
  position: absolute;
  top: 0;
  right: -70px;
  z-index: 9999;
}

.find_addr_pop .confirmationText {
  text-align: center;
  padding: 30px 0 60px;
  border-bottom: 3px solid #d8d8d8;
  margin-bottom: 30px;
}

.find_addr_pop .confirmationText p {
  font-size: 18px;
  color: #222;
}

.find_addr_pop .confirmationText .txt1 {
  margin-bottom: 43px;
}

.find_addr_pop .confirmationText .txt2 {
  line-height: 28px;
}

.find_addr_pop .layer_logo {
  position: absolute;
  top: 45px;
  right: 50px;
}

.cont.joinForm dl dd span.labeStyl {
  overflow: hidden;
  float: left;
  width: 139px;
  font-size: 15px;
  color: #222;
  line-height: 30px;
  position: relative;
  padding-left: 12px;
}

/* 병헌 170828 : 웹접근성, label span 대체 */
.cont.joinForm dl dd span.labeStyl em {
  color: #da4b61;
  position: absolute;
  left: 0;
  top: 0;
}

/* 병헌 170828 : 웹접근성, label -> span */
.cont.joinForm dl.hori_dl_join dt label {
  font-size: 14px;
  color: #666;
  padding-left: 0;
}

/* 240108 : 통합계정 추가페이지 */
.merge {
  width: 100%;
  margin: 0 auto;
}

.merge-account-wrap {
  width: 100%;
  margin-top: 0px;
}
.login_box .merge-account-wrap .top_tit {
  font-size: 64px;
  margin-bottom: 40px;
  line-height: 1;
}

.login_box .merge-account-wrap .top_tit .bold {
  font-weight: bold;
}

.merge-account-p {
  line-height: 2;
  font-size: 15px;
  font-weight: 500;
}
.merge-inputnotice {
  display: block;
  margin-top: 20px;
  font-size: 14px;
}
.merge-account-wrap .merge-notice {
  display: inline-block;
  padding: 10px 20px;
  margin: 20px auto 0;

  background-color: #fff;
  border: 5px solid;
  border-radius: 10px;
  border-image: linear-gradient(to right, #5b8deb, #f8e10f);
  border-image-slice: 1;
  font-weight: bold;
  font-size: 14px;
}
.merge-input {
  width: 70%;
  display: flex;
  margin-top: 30px;
  padding-right: 100px;
  position: relative;
}
.merge-input + .merge-input {
  margin-top: 10px;
}
.merge-input label {
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  font-weight: bold;
  display: flex;
  flex-shrink: 0;
}
.merge-input label .ness_star {
  color: #ff0000;
  margin-right: 2px;
}
.merge-input input {
  width: calc(100% - 95px);
  height: 40px;
  border: 1px solid #bfbfbf;
  padding: 0 15px;
}
.merge-input .btn_dupli {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #373a5b;
  border-radius: 8px;
  color: #fff;
}
.merge-input .input-wrap {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.merge-input .input-wrap input {
  width: calc((100% - 17px - 135px) / 2);
  height: 40px;
  line-height: 40px;
  border: 1px solid #bfbfbf;
  padding: 0 15px;
}
.merge-input .input-wrap .icon {
  font-size: 13px;
  padding: 0 2px;
}
.merge-input .input-wrap select {
  position: absolute;
  top: 0;
  right: 0;
  width: 125px;
  height: 40px;
  padding-right: 30px;
}
.merge-input .btn_dupli:hover {
  background-color: #17192c;
}
.merge-btn {
  margin-top: 25px;
  display: flex;
}
.merge-btn > button,
.merge-btn > a {
  display: block;
  padding: 10px 13px;
  border-radius: 8px;
  font-size: 15px;
  color: #fff;
}
.merge-btn .mb-btn1 {
  background-color: #373a5b;
}
.merge-btn .mb-btn2 {
  background-color: #999;
  margin-left: 10px;
}
.merge-btn .mb-btn2:hover {
  background-color: #555;
}
.merge-qa {
  width: 100%;
  margin-top: 15px;
}
.merge-qa dt,
.merge-qa dd {
  width: 100%;
  padding: 7px 15px;
}
.merge-qa dt {
  background: #7346a9;
  color: #fff;
  font-weight: bold;
}
.merge-qa dd {
  background-color: #eee;
  word-break: keep-all;
}

/* 중소기업 자가진단 추가페이지 240430 */
.sub_top.smcpage {
  margin-bottom: 26px;
}
.content_banner {
  width: 1280px;
  height: 170px;
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px 40px;
  border-radius: 10px;
  border: solid 1px #ccc;
  background-color: #f7f7fa;
}
.content_banner::before {
  width: 110px;
  height: 110px;
  flex-grow: 0;
  background: url(../../portal/images/sub/icon-mcauto.png);
  content: "";
}
.content_banner p {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: -0.54px;
  color: #111;
}
.smc_info {
  display: flex;
  margin-top: 26px;
}
.smc_info li + li {
  margin-left: 60px;
}
.smc_info li dl {
  display: flex;
  align-items: center;
}
.smc_info li dl dt {
  width: 90px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 6px;
  background: #652c87;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.54px;
}
.smc_info li dl dd {
  margin-left: 10px;
  font-size: 18px;
  letter-spacing: -0.54px;
  color: #111;
}
.smc_info_comment {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  letter-spacing: -0.54px;
  color: #666;
}
.smc_info_comment + .smc_info_comment {
  margin-top: 8px;
}

.sub_3depth {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 60px;
  padding-bottom: 10px;
  border-bottom: solid 1px #652c87;
}
.sub_3depth .tt {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: -0.78px;
  color: #652c87;
}
.sub_3depth .num {
  display: flex;
  align-items: center;
  font-size: 18px;
  letter-spacing: -0.54px;
  color: #111;
}
.sub_3depth .num span + span {
  margin-left: 3px;
}
.sub_3depth .num span:first-child {
  color: #652c87;
  font-weight: bold;
}

.smc_list {
  padding: 10px 0;
  border-bottom: solid 1px #ccc;
  counter-reset: list-number;
} /*list-number의 번호 초기화*/
.smc_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.smc_list li:not(:last-child) {
  padding-bottom: 10px;
}
.smc_list li + li {
  padding-top: 10px;
  border-top: #ccc solid 1px;
}
.smc_list li .q {
  /*counter-increment:list-number;*/
  display: flex;
  max-width: 50%;
  font-size: 20px;
  color: #111;
  word-break: keep-all;
}
/*.smc_list li .q::before { width: 30px; color: #111;content:counter(list-number) "." ; display:block; flex-shrink: 0; } */
.smc_list li .radio-box,
.smc_list li .check-box {
  width: calc(50% - 20px);
  flex-shrink: 0;
}
.smc_list li .radio-box label,
.smc_list li .check-box label {
  margin-right: 0;
  width: calc(100% / 5);
  flex-shrink: 0;
}
.smc_list li .radio-box .txt-label,
.smc_list li .check-box .txt-label {
  width: calc(100% - 25px);
}

.btn-box_wrap {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.btn-box_wrap .btn-box {
  display: flex;
  gap: 10px;
}

.st2 .radio-box,
.st2 .check-box {
  align-items: flex-start;
}
.st2 .radio-box label,
.st2 .check-box label {
  position: relative;
}
.st2 .radio-box input[type="radio"] ~ .bg-check,
.st2 .check-box input[type="checkbox"] ~ .bg-check {
  top: 3px;
  transform: translateY(0);
}

/* 라이징제품 */
.sub_pagecomment {
  width: 1280px;
  height: 140px;
  display: flex;
  align-items: center;
  gap: 30px;
  padding-left: 32px;
  border-radius: 10px;
  border: solid 1px #ccc;
  background: #f7f7fa;
}
.sub_pagecomment p {
  font-size: 18px;
  line-height: 1.5;
  color: #111;
}
.sub_pagecomment.rising:before {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: block;
  background: url(../../portal/images/sub/page_comment_rising.png) center center
    no-repeat #fff;
  content: "";
}

.rising_product {
  margin-top: 26px;
}
.rising_product > li {
  padding: 24px 57px;
  border-radius: 16px;
  border: solid 1px #ccc;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rising_product > li + li {
  margin-top: 26px;
}
.rising_product > li .pic {
  display: flex;
  align-items: center;
  gap: 16px;
}
.rising_product > li .pic li {
  width: 320px;
  height: 320px;
  position: relative;
  overflow: hidden;
}
.rising_product > li .pic li img {
  width: 100%;
  min-width: 100%;
  max-width: none;
  max-height: 100%;
  position: absolute;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
  transform: scale(1);
  transition: all 1s ease-in-out;
  vertical-align: middle;
}
.rising_product > li .pic li:hover img {
  transform: scale(1.05);
}
.rising_product > li .info {
  width: 460px;
}
.rising_product > li .info .cominfo {
  display: flex;
  align-items: center;
}
.rising_product > li .info .cominfo .com {
  font-size: 20px;
  color: #000;
}
.rising_product > li .info .cominfo .address {
  margin-left: 6px;
  font-size: 17px;
  color: #666;
}
.rising_product > li .info .cominfo .btn-map {
  width: 76px;
  height: 24px;
  margin-left: 16px;
  border-radius: 24px;
  background-color: #f57a00;
  text-align: center;
  line-height: 24px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
.rising_product > li .name {
  margin-top: 10px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}
.rising_product > li .cate {
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 6px;
}
.rising_product > li .cate > li {
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 15px;
}
.rising_product > li .cate .cate1 {
  border: solid 1px #c8220f;
  color: #c8220f;
}
.rising_product > li .cate .cate2 {
  border: solid 1px #00aa4c;
  color: #00aa4c;
}
.rising_product > li .cate .cate3 {
  border: solid 1px #555;
  color: #555;
}
.rising_product > li .cate .cate4 {
  border: solid 1px #00acac;
  color: #00acac;
}
.rising_product > li .delivery {
  display: inline-block;
  font-size: 17px;
  color: #555;
  margin-top: 16px;
  line-height: 1;
}
.rising_product > li .text {
  width: 100%;
  margin-top: 16px;
  padding-top: 16px;
  border-top: #d8d8d8 solid 1px;
  font-size: 17px;
  color: #555;
  line-height: 1.5;
}
.rising_product > li .merit {
  width: 100%;
  padding: 16px;
  margin-top: 16px;
  border-radius: 10px;
  background: #f6f6f6;
}
.rising_product > li .merit dt {
  font-size: 17px;
  font-weight: 500;
  color: #000;
  line-height: 1;
}
.rising_product > li .merit dd {
  font-size: 17px;
  color: #555;
  line-height: 1.5;
  margin-top: 16px;
}
.rising_product > li .shop {
  width: 100%;
  margin-top: 24px;
  position: relative;
}
.rising_product > li .shop dt {
  height: 56px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  padding: 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
  background: #373a5b;
}
.rising_product > li .shop dt::after {
  width: 24px;
  height: 24px;
  background: url(../../portal/images/sub/icon_down.png);
  content: "";
  transition: all 0.4s ease-in-out;
}
.rising_product > li .shop.on dt {
  border-radius: 10px 10px 0 0;
}
.rising_product > li .shop.on dt::after {
  transform: rotate(180deg);
}
.rising_product > li .shop dd {
  width: 100%;
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  padding: 14px 32px 14px 32px;
  border: solid 1px #000;
  border-top: 0 none;
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.rising_product > li .shop.on dd {
  display: block;
}
.rising_product > li .shop dd > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rising_product > li .shop dd > ul > li .baro {
  width: 76px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  border: solid 1px #ccc;
  background: #f6f6f6;
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.rising_product > li .shop dd > ul > li + li {
  margin-top: 28px;
}
.rising_product > li .shop dd > ul > li .shopname {
  color: #555;
  font-size: 17px;
  display: flex;
  align-items: center;
}
.rising_product > li .shop dd > ul > li .shopname:before {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  content: "";
}
.rising_product > li .shop dd > ul > li .shopname.naver:before {
  background: url(../../portal/images/sub/icon_naverstore.png);
}
.rising_product > li .shop dd > ul > li .shopname.cupang:before {
  background: url(../../portal/images/sub/icon_cupang.png);
}
.rising_product > li .shop dd > ul > li .shopname.jasa:before {
  background: url(../../portal/images/sub/icon_jasa.png);
}

.box-platforminfo {
  width: 100%;
  height: 148px;
  display: flex;
  align-items: center;
  gap: 30px;
  padding-left: 32px;
  border-radius: 10px;
  border: solid 1px #ccc;
  background: #f7f7fa;
  font-size: 22px;
  color: #000;
}
.box-platforminfo:before {
  width: 100px;
  height: 100px;
  background: url(../images/img-plat.png) center center no-repeat #fff;
  border-radius: 100px;
  content: "";
}
.subp_tit {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 25px;
  color: #000;
}
.subp_tit:before {
  width: 8px;
  height: 8px;
  background: #e91b3b;
  content: "";
}
.mgt40 {
  margin-top: 40px;
}

.pf_ul {
  width: 100%;
  display: flex;
  margin-top: 27px;
  padding-bottom: 40px;
  border-bottom: solid 1px #ccc;
  counter-reset: list-counter;
}
.pf_ul li {
  width: 25%;
  padding-left: 30px;
}
.pf_ul li + li {
  position: relative;
}
.pf_ul li + li:before {
  width: 1px;
  height: 110px;
  position: absolute;
  top: 0;
  left: 0;
  background: #d8d8d8;
  content: "";
}
.pf_ul li .tt {
  display: flex;
  align-items: center;
  font-size: 21px;
  font-weight: 600;
  color: #000;
  gap: 10px;
}
.pf_ul li .tt:before {
  font-size: 30px;
  font-weight: 600;
  color: #cf9976;
  content: "0" counter(list-counter);
  counter-increment: list-counter;
}
.pf_ul li:nth-child(n + 10) .tt::before {
  content: counter(list-counter);
}
.pf_ul li p {
  margin-top: 15px;
  font-size: 17px;
  color: #666;
  line-height: 1.4;
}
.pf_img {
  width: 100%;
  margin-top: 20px;
}

.history_h4 {
  width: 185px;
  height: 45px;
  line-height: 45px;
  background: #5084d8;
  text-align: center;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
}
.history_h4 + .historyul {
  margin-top: 20px;
}
.historyul + .history_h4 {
  margin-top: 30px;
}
.historyul {
  padding-left: 20opx;
}
.historyul li {
  display: flex;
  gap: 15px;
}
.historyul li + li {
  margin-top: 15px;
}
.historyul li span {
  font-size: 15px;
  color: #111;
}
.historyul li span:first-child {
  font-weight: bold;
  width: 70px;
}

.btn-baro {
  display: flex;
  justify-content: center;
}
.btn-baro a {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  color: #fff;
  font-size: 15px;
  border-radius: 8px;
  vertical-align: top;
  background: #373a5b;
  margin-bottom: 20px;
}

/*히스토리 수정 241120*/
.overview {
  width: 100%;
  height: 443px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.overview::before {
  width: 100vw;
  height: 443px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
  background: url(../../portal/images/sub/history_bg.png) center 0 no-repeat;
  z-index: -1;
  content: "";
}
.overview .txt1 {
  font-weight: 600;
  font-size: 18px;
  color: #47b8ec;
}
.overview .txt2 {
  margin-top: 20px;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
}
.overview .txt3 {
  margin-top: 34px;
  font-size: 22px;
  line-height: 1.3;
  color: #666;
  word-break: keep-all;
}
.w-set2 {
  width: 100%;
}
.history-role {
  padding: 100px 0;
}
.history-role .role-top {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.history-role .role-top .tit {
  font-weight: 700;
  font-size: 26px;
  color: #1e48ab;
}
.history-role .role-top .tit::before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #1e48ab;
  margin: 0 auto 12px;
}
.history-role .role-top i {
  margin: 30px auto 0;
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #edf1f5;
  background-repeat: no-repeat;
  background-position: center;
}
.history-role .role-top .txt {
  margin-top: 20px;
  font-size: 22px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-role .role-top .role1 i {
  background-image: url(../../portal/images/sub/history_role1.png);
}
.history-role .role-top .role2 i {
  background-image: url(../../portal/images/sub/history_role2.svg);
}
.history-role .role-top .role3 i {
  background-image: url(../../portal/images/sub/history_role3.svg);
}
.history-role .role-cont {
  margin-top: 100px;
}
.history-role .role-cont h3.tit {
  font-weight: 600;
  font-size: 30px;
}
.history-role .role-cont h3.tit::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 18px;
  background: url(../../portal/images/sub/tit_before.svg) no-repeat center/cover;
  vertical-align: middle;
  margin: -2px 14px 0 0;
}
.history-role .role-cont .role-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.history-role .role-cont .role-list li {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 23px 0;
  border: solid #eee;
  border-width: 0 1px 1px 0;
}
.history-role .role-cont .role-list li:nth-child(2n) {
  padding-left: 24px;
  border-right: none;
}
.history-role .role-cont .role-list li:nth-child(-n + 2) {
  padding-top: 0;
}
.history-role .role-cont .role-list li:nth-last-child(-n + 2) {
  padding-bottom: 0;
  border-bottom: none;
}
.history-role .role-cont .role-list li .num {
  font-weight: 700;
  font-size: 20px;
  color: #274694;
  width: 42px;
  flex-shrink: 0;
}
.history-role .role-cont .role-list li .txt {
  font-size: 22px;
}

.history-cont {
  text-align: center;
  background: #f9fafb;
  position: relative;
}
.history-cont::before {
  width: 100vw;
  height: 100%;
  background: #f9fafb;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
  content: "";
}
.history-cont .cont-top {
  background: #f9fafb;
  padding: 100px 0 50px;
  position: sticky;
  top: 0;
  z-index: 10;
  transition: box-shadow 0.3s ease;
}
.history-cont .sticky-header.shadow {
  box-shadow: 0 4px 10px rgb(0, 0, 0);
}
.history-cont .tit {
  font-size: 60px;
}
.history-cont .tab-wrap {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 54px;
}
.history-cont .tab-wrap > div {
  display: flex;
  align-items: center;
  position: relative;
}
.history-cont .tab-wrap input {
/*   overflow: hidden; */
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
/*   width: 1px; */
/*   height: 1px; */
/*   margin: -1px; */
/*   clip: rect(0 0 0 0); */
}
.history-cont .tab-wrap input:focus-visible + label {
	outline:2px solid #000;
}
.history-cont .tab-wrap .tab {
  font-weight: 600;
  font-size: 24px;
  color: #999;
  cursor: pointer;
}
.history-cont .tab-wrap input:checked + .tab {
  font-weight: 700;
  color: #274694;
  position: relative;
}
.history-cont .tab-wrap input:checked + .tab::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #274694;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.history-cont .tab-cont {
  display: none;
}
.history-cont .tab-cont.on {
  display: block;
}
.his_bg .history_area {
  position: relative;
}
.his_bg .history_area > div {
  position: relative;
  display: flex;
}
/*ccm-1나 더 추가 될경우 nth-child(odd)->nth-child(even)으로 변경*/
.his_bg .history_area > div:nth-child(odd) {
  flex-direction: row-reverse;
}
.his_bg .history_area > div .year {
  color: #2ca6de;
  font-size: 46px;
  width: 50%;
  text-align: right;
  font-weight: 700;
  position: relative;
}
.his_bg .history_area > div .year strong {
  padding-right: 60px;
  margin-top: -10px;
}
.his_bg .history_area > div:nth-child(odd) .year strong {
  padding-right: 0;
  padding-left: 60px;
}
.his_bg .history_area > div:nth-child(odd) .year {
  text-align: left;
}
.his_bg .history_area > div ul {
  width: 50%;
  margin: 20px 0 100px 0;
  padding-left: 30px;
}
.his_bg .history_area > div:nth-child(odd) ul {
  padding-right: 30px;
  padding-left: 0;
}
.his_bg .history_area > div ul li {
  font-size: 20px;
  color: #666;
  padding-bottom: 20px;
  text-align: left;
}
.his_bg .history_area > div:nth-child(odd) ul li {
  text-align: right;
}
.his_bg .history_area > div ul li span {
  color: #222;
  font-weight: 700;
  display: inline-block;
  width: 60px;
}
.his_bg .history_area > div::after {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff;
  border: 5px solid #274694;
  box-sizing: border-box;
  z-index: 3;
}

/*ccm-성장기 설립기 순서 맞추기 위해 history_area2추가*/
.his_bg .history_area2 {
  position: relative;
}
.his_bg .history_area2 > div {
  position: relative;
  display: flex;
}
.his_bg .history_area2 > div:nth-child(even) {
  flex-direction: row-reverse;
}
.his_bg .history_area2 > div .year {
  color: #2ca6de;
  font-size: 46px;
  width: 50%;
  text-align: right;
  font-weight: 700;
  position: relative;
}
.his_bg .history_area2 > div .year strong {
  padding-right: 60px;
  margin-top: -10px;
}
.his_bg .history_area2 > div:nth-child(even) .year strong {
  padding-right: 0;
  padding-left: 60px;
}
.his_bg .history_area2 > div:nth-child(even) .year {
  text-align: left;
}
.his_bg .history_area2 > div ul {
  width: 50%;
  margin: 20px 0 100px 0;
  padding-left: 30px;
}
.his_bg .history_area2 > div:nth-child(even) ul {
  padding-right: 30px;
  padding-left: 0;
}
.his_bg .history_area2 > div ul li {
  font-size: 20px;
  color: #666;
  padding-bottom: 20px;
  text-align: left;
}
.his_bg .history_area2 > div:nth-child(even) ul li {
  text-align: right;
}
.his_bg .history_area2 > div ul li span {
  color: #222;
  font-weight: 700;
  display: inline-block;
  width: 60px;
}
.his_bg .history_area2 > div::after {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff;
  border: 5px solid #274694;
  box-sizing: border-box;
  z-index: 3;
}

.sitemap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  counter-reset: section;
}
.sitemap li {
  width: calc(100% / 3);
  padding: 20px;
}
.sitemap li dt {
  padding-bottom: 8px;
  color: #5f268a;
  border-bottom: #5f268a solid 3px;
  font-weight: bold;
  font-size: 22px;
}
.sitemap li dt:before {
  content: counter(section, decimal-leading-zero);
  counter-increment: section;
  margin-right: 5px;
}
.sitemap li dt + dd {
  margin-top: 25px;
}
.sitemap li dd + dd {
  margin-top: 20px;
}
.sitemap li dd a {
  color: #333;
  font-size: 18px;
}
.sitemap li dd a:hover {
  font-weight: 500;
  text-decoration: underline;
}