﻿/* 20230308 */
.pop_main_wrap .pop_blue2 {
  color: #0026bc;
}

.pop_main_wrap .wrap_body .body2 {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .pop_main_wrap .wrap_body .body2 {
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    box-shadow: none;
  }
}

.pop_main_wrap .wrap_body .pop-ul li{
  width: 20%;
  letter-spacing:-0.5px;
}

.pop_main_wrap .wrap_body .pop-ul li div{
  width: 65px;
  height: 65px;
  line-height: 2.4;
  margin: 0 auto;
  margin-bottom:10px;
  text-align:center;
}

.pop_main_wrap .wrap_body .pop-ul2 li div{
  width: 35px;
  height: 35px;
  line-height: 1.8;
}

.pop_main_wrap .wrap_body .pop-ul2 li p{
  padding-left:10px;
  line-height: 2;
}


/* 20230322 탑배너 */
.top-ban {height: 100px;}
.top-ban a {display: inline-block; width: 100%; height: 100%; text-indent: -99999px;}
.top-ban01 a {background: #f6f6f6 url("/src/images/img_event/top-ban-230322.png") center top no-repeat;}
.closeBtn {position: absolute; right: 80px; bottom:5px; width:30px; height:30px; background: url('/src/images/img_event/btn_close_topBan.png') no-repeat; cursor: pointer; text-indent: -99999px;}
.topban-chk {position:absolute; bottom: 7px; right: 115px;}
.topban-chk span {font-size: 11px; color: #333;}

@media all and (max-width:425px) {
  .top-ban {display: none;}
}

/* 20230328 pop */
.quiz_2023 {
  position: absolute;
  width: 419px;
  top: 170px;
  left: 30px;
  z-index: 2021; }

.quiz_2023 .quiz_foot {
background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

  @media all and (max-width:425px) {
  .quiz_2023 {display: none;}
}

/* 20230421 메인 */
.wrap_sub_journal .wrap_service_journal .box_brand {margin-right: -9.4rem;}
.wrap_service_journal .nav-tabs {border-bottom: 0;}
.wrap_j_table div.table.wrap_list .auth_day {line-height: 1.2;}
#app .wrap_g_search {background: #ded2c6 url("/src/images/main/top-bg.jpg") center top no-repeat;}
#app .wrap_g_search .box_search {background-color: #fff;}
#app .wrap_g_search .wrap_brand .brand img {max-width: 16.875rem; margin-top: -0.8rem;}

@media all and (max-width:1024px) {
  #app .wrap_g_search {background: none;}
  #app .wrap_g_search .wrap_brand .brand img {max-width: 15rem; margin-top: 0;}
}

/* pop_202402*/
.pop_202402 {
  position: absolute;
  width: 450px;
  top: 13%;
  right: 5%;
  z-index: 2023; }

.pop_202402 .pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

.m_pop_202402 {
  position: absolute;
  width: 88%;
  top: 145px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2023;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35); 
 }

.m_pop_202402 .m_pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}


/* pop_202308-2*/
.pop_202308-2 {
  position: absolute;
  width: 400px;
  top: 13%;
  left: 5%;
  z-index: 2023; }

.pop_202308-2 .pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

.m_pop_202308-2 {
  position: absolute;
  width: 88%;
  top: 145px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2023;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35); 
 }

.m_pop_202308-2 .m_pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}



/* pop_202308*/
.pop_202308 {
  position: absolute;
  width: 390px;
  top: 13%;
  right: 5%;
  z-index: 2021; }

.pop_202308 .pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

.m_pop_202308 {
  position: absolute;
  width: 88%;
  top: 145px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2021;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35); 
 }

.m_pop_202308 .m_pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}


/* pop_202305*/
.pop_202305 {
  position: absolute;
  width: 460px;
  top: 170px;
  right: 30px;
  z-index: 2021; }

.pop_202305 .pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

.m_pop_202305 {
  position: absolute;
  width: 88%;
  top: 145px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2021;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35); 
 }

.m_pop_202305 .m_pop_foot {
  background-color  :#989FA3;
  padding: 0.325rem 0.5rem;
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}



@media all and (max-width:425px) {
  .pop_202305 {display: none !important;}
  .m_pop_202305 {display: block;}
}

@media all and (min-width:425px) {
  .pop_202305 {display: block;}
  .m_pop_202305 {display: none !important;}
}


/*202305_상단로그인단 상하정렬 수정*/
.custom_cr {margin-bottom: 0;}


.en_wrap_subject .nav-tabs .nav-item .nav-link {font-size: 0.9rem;}
#wrap_sub .en_form_noti label, #wrap_sub .en_form_noti input:checked + label {width: 7.7rem;}
.wrap_subject .en-nav-tabs .nav-item .nav-link {font-size: 0.9rem;}
.en-nav-tabs .nav-link {padding: 0.5rem;}
.en-nav-tabs .nav-item {flex-grow: 0;}

/* heiper layer 위치 수정: 2023.06.14 LSJ */
.box_helper .view_helper {
  top: 30px;
}

/* 202307 학회소식 수정 */
.wrap_acc_list .list_header .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap_news .title {display: flex; width: 100%;}
.news_title {flex: none; width: 15em; padding-right: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap_select_part .subject > div {padding: 0 3px 6px;}
.update_journal {display: none;}

@media screen and (max-width: 480px) {
  .news_title {flex: 1; width: auto; overflow: visible; padding-right: 0;}
}

/* 202307 삼성 탑배너 */
.top-ban02 a {background: url("/src/images/img_event/top-ban-230817-1.jpg") center top no-repeat;}

.mtop-ban {display: none;}
.mtop-ban-wrap {display: none;}
.mfoot {padding-right: 0.8em; border-bottom: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.35); padding: 0.325rem 1rem; line-height: 1; color: #fff; font-size: 0.625rem; font-weight: 300;}
.mfoot span {display: inline-block; vertical-align: middle;}
.mfoot input[type="checkbox"] {width: auto;}
.mfoot input[type=checkbox].__small:before {top: 50%; margin-top: -0.6rem;}
.mfoot input[type=checkbox].__small:after {top: 50%; margin-top: -6px;}
.mfoot .fa-xmark {font-size: 0.8rem;}

@media screen and (max-width: 480px) {
  .mtop-ban {display: block;}
}

.guide_slt {min-width: 120px;}
.guide_btn {position: absolute; width: 100%; bottom: 30px;}

/* 202308 뉴스레터 */
.wrap_acc_list .newsletter_header {justify-content: flex-start;}
.wrap_acc_list .newsletter_header .ff_num {padding-right: 4%;}
.wrap_acc_list .newsletter_header .date {padding-right: 7%;}
.newsletter_header .tit {flex: auto;}

@media screen and (min-width: 768px) {
  .modal .modal-dialog {
    max-width: 720px;
  }
}

.modal .modal-dialog.modal-lg1 {
  max-width: 1100px;
}

.wrap_common_card .card .card-body .card-title {font-size: 1.3rem;}
#wrap_sub .card_thumb > .over .over_inner .item_link span {display: inline-block; padding: 0.75rem 1.5rem; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.65); margin-top: -1rem;}

/* 202308 탑배너 */
.top-ban-wrap {display: none; max-height: 100px; overflow: hidden;}
.top-ban-dot {position: absolute; right: 2em; bottom: 0; line-height: 1.3;}
.top-ban-dot li {display: inline-block; margin-left: 0.4em;}
.top-ban-dot li:first-child {margin-left: 0;}
.top-ban-dot button {padding: 0; border: 0; width: 0.7em; height: 0.7em; border-radius: 0.35em; text-indent: -99999px; background-color: #fff;}
.top-ban-dot .slick-active button {background-color: #333;}
.top-ban03 a {background: url("/src/images/img_event/top-ban-230817.jpg") center top no-repeat;}
.top-ban04 a {background: url("/src/images/img_event/kiss_1920_100.jpg") center top no-repeat;}
.top-ban05 a {background: url("https://booktory.com/images/ko/img-event/top-ban-pc241101.png") center top no-repeat;}
.top-ban06 a {background: url("/src/images/img_event/240826-top-pc.jpg") center top no-repeat;}
.top-ban07 a {background: url("/src/images/img_event/241111-top-pc.jpg") center top no-repeat;}
.mtop-ban-wrap .top-ban-dot {right: 1em;}

.history_table div.table.wrap_list > .tr > .td.col_btns .btns {padding-bottom: 1em;}
.table_stats span {margin-right: 0.5em;}
.table_stats .svg-inline--fa {height: 0.8em;}
.btn_view {margin-top: -17px; padding-top: 1rem; border-top: 1px solid #cfcfcf;}
.btn_view a {display: inline-block; width: 100%; font-size: 22px; text-align: center; background-color: #ddd; border-radius: 4px;}
.wrap_adm_list {margin-top: -1rem; border-top: 0; margin-bottom: 1rem;}
.wrap_adm_list .adm_list {padding: 0; cursor: default;}
.adm_list1 {display: flex; align-items: center;}
.adm_list1 > div {flex: none; padding: 0.75rem 1rem;}
.adm_list1 .adm_list2 {flex: auto;}
.admin_tg1 {display: none;}
.td .adm_list2 {padding: 0;}
.adm_list3 > div {padding: 0;}
.adm_title {cursor: pointer;}

.login_del {position: absolute; right: 0; bottom: 0.31rem; width: 1.5rem; height: 1.5rem; line-height: 1.3rem; border: 0; border-radius: 50%; background-color: rgba(0,0,0,.4); color: #fff;}
.login_del:hover {color: #fff;}
.login_helper {display: none; position: absolute; bottom: 2rem; z-index: 999; width: 19rem; margin-left: -8rem; background-color: #f6f6f6; padding: 0.5rem 1rem; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); font-size: 12px; color: #555 !important; line-height: 1.4; border-radius: 0.325rem;}
.login_helper1 input:checked + .login_helper {display: inline-block;}

.wrap_j_contents .wrap_result_top .box_word {color: #343434; flex-wrap: wrap;}

@media screen and (max-width: 767px) {
  .wrap_j_contents .wrap_result_top .box_word {
    white-space: normal;
  }
}