/* 서브 */
.error_tag {
  color: #ff3b30;
  font-size: 0.875rem;
  font-weight: 300;
  margin-top: 8px;
  line-height: 18px;
}
.detail_page_tit {
  display: none;
}
.back_btn {
  display: none;
}
/*  테이블 스타일 */
.tb_s1 {
  width: 100%;
  border-top: 1px solid #20bcae;
  margin-top: 20px;
}
.tb_s1 tr th {
  text-align: center;
  color: #00a99a;
  font-size: 1.125rem;
  font-weight: 400;
  padding: 18px 0;
  background: #ecfcfb;
  border-bottom: 1px solid rgba(32, 188, 174, 0.3);
}
.tb_s1 tr td {
  text-align: center;
  padding: 20px 0 19px;
  border-bottom: 1px solid #ddd;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}
.tb_s1 tr td:first-child {
  font-size: 0.938rem;
}

/* 공통 버튼 */
.sub_btn_wrap {
  text-align: center;
  font-size: 0;
  margin-top: 30px;
}
.sub_btn_wrap a {
  display: inline-block;
  border-radius: 28px;
  box-sizing: border-box;
  margin: 0 5px;
  font-size: 1.125rem;
  width: 180px;
  height: 56px;
  line-height: 54px;
}
.sub_btn_wrap a.bg_s1 {
  border: 1px solid #ebebeb;
  background: #f4f4f4;
  color: #1a1a1a;
  font-weight: 300;
}
.sub_btn_wrap a.bg_s2 {
  border: 1px solid #20bcae;
  background: #20bcae;
  color: #fff;
  font-weight: 500;
}
.sub_btn_wrap a.bg_long {
  width: 206px;
}
.sub_btn_wrap a.btn_pad {
  width: auto;
  padding: 0 30px;
}

/* 마이룸 */
.my_info_wrap {
  max-width: 1050px;
  margin: 29px auto 0;
}
.my_info_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.my_info_top:after {
  content: "";
  display: block;
  clear: both;
}
.my_info {
  float: left;
  border-radius: 32px;
  border: 1px solid #ebebeb;
  background: #fff;
  box-sizing: border-box;
  padding: 40px 0 40px 30px;
  min-height: 186px;
  max-height: 186px;
}
.my_info_01 {
  width: 48.572%;
  margin-right: 1.4275%;
  padding-right: 30px;
}
.my_info_02 {
  width: 29.525%;
  margin-right: 1.4275%;
}
.my_info_02 a {
  display: block;
}
.my_info_03 {
  width: 19.048%;
  padding: 0;
}
.my_info_03 .seed_03 a {
  display: block;
  padding: 40px 0 40px 30px;
}
.my_info_03 .mo_noti {
  display: none;
}
.my_name {
  float: left;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 38px;
}
.my_name strong {
  font-size: 1.875rem;
  color: #00a99a;
  font-weight: 500;
  margin-right: 6px;
}
.logout {
  float: right;
  width: 102px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 1rem;
  color: #1a1a1a;
}
.logout span {
  position: relative;
  padding-right: 10px;
}
.logout span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_cs.png") center center/cover no-repeat;
}
.my_info_bot {
  background: url("/resources/img/user/logo_myroom.png") left center no-repeat;
  text-align: right;
  margin-top: 30px;
}
.my_info_bot.kyobo_junior {
  background: url("/resources/img/user/logo_junior.png") left center no-repeat;
  /* text-align: right;
  margin-top: 30px; */
}
.sev_end {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 36px;
}
.my_info dl dt {
  font-size: 1.25rem;
  color: #1a1a1a;
}
.my_info dl dt span.seed_arrow {
  position: relative;
}
.my_info dl dt span.seed_arrow:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 8px;
  margin: 5px 0 0 4px;
  background: url("/resources/img/user/icon_cs.png") center center/cover no-repeat;
}
.my_info dl dd {
  margin-top: 19px;
  color: #00a99a;
  font-size: 1.25rem;
  font-weight: 500;
}
.info_noti {
  font-size: 0.875rem;
  line-height: 18px;
  padding-right: 30px;
  box-sizing: border-box;
  color: #555;
  word-break: keep-all;
  margin-top: 15px;
}

/* 나의 정보 */
.my_info_box h4 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 30px;
}
.info_tb {
  width: 100%;
}
.info_tb tr th {
  width: 23.2%;
  font-size: 1rem;
  font-weight: 300;
  color: #1a1a1a;
  text-align: left;
  border: 1px solid #ddd;
  padding: 19px 0 20px 30px;
}
.info_tb tr td {
  width: 76.8%;
  font-size: 1.125rem;
  font-weight: 300;
  color: #1a1a1a;
  border: 1px solid #ddd;
  padding-left: 30px;
  background: #ecfcfb;
}

.my_info_box02 {
  margin-top: 60px;
}
.btn_s {
  vertical-align: middle;
  width: 128px;
  height: 48px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  font-size: 1rem;
  text-align: center;
  color: #00a99a;
}
.btn_s.btn_s1 {
  width: 94px;
}
.btn_s_02 {
  margin-left: 10px;
}
.check_wrap {
  font-size: 0;
  margin-top: 20px;
}
.check_wrap.check_wrap2 {
  margin-top: 0;
  line-height: 36px;
}
.check_wrap > div {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.check_wrap > div.check_tit {
  margin-right: 20px;
  font-size: 1rem;
  color: #00a99a;
  font-weight: 400;
}
.noti_txt {
  margin-top: 17px;
  color: #888;
  font-size: 0.875rem;
  line-height: 18px;
  font-weight: 300;
}
.noti_txt_color {
  color: #555;
}
.inline_wrap {
  font-size: 0;
}
.dash {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.sel_wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 128px;
  height: 48px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.sel_wrap > a {
  position: relative;
  display: block;
  line-height: 48px;
  padding: 0 20px;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  box-sizing: border-box;
}
.sel_wrap > a:after {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 20px;
  content: "";
  width: 12px;
  height: 12px;
  background: url("/resources/img/user/btn-more-down.png") center center/cover no-repeat;
  transition: all 0.2s;
}
.sel_wrap > a.on:after {
  transform: rotate(180deg);
}
.sel_wrap .option_list {
  display: none;
  position: absolute;
  top: 47px;
  left: -1px;
  width: calc(100% + 2px);
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 99;
}
.sel_wrap .option_list a {
  display: block;
  font-size: 1rem;
  line-height: 30px;
  padding: 0 20px;
  box-sizing: border-box;
  font-weight: 300;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.sel_wrap .option_list a:hover {
  background: #20bcae;
  color: #fff;
}
.sel_wrap .option_list a:focus {
  background: #20bcae;
  color: #fff;
}
.sel_wrap .option_list.off {
  display: none;
}
.sel_wrap.sel_wrap2 {
  margin-left: 10px;
  width: 178px;
}
.sel_wrap.sel_wrap2 a {
  color: #888;
}
.impt {
  color: #00a99a;
  font-size: 1.125rem;
}
.my_info_tit {
  position: relative;
}
.join_info_wrap.join_info_wrap3 {
  padding: 20px 0;
  margin-top: 0;
}

/* 씨앗주머니 */
.seed_cnt:after {
  content: "";
  display: block;
  clear: both;
}
.rest_seed {
  float: left;
  width: 224px;
  height: 224px;
  border-radius: 72px;
  box-shadow: 0 0 10px rgba(0, 169, 154, 0.2);
}
.rest_seed dl {
  width: 200px;
  margin: 12px auto;
  height: 200px;
  border-radius: 64px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  text-align: center;
}
.rest_seed dl dt {
  font-size: 1.25rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 46px;
}
.rest_seed dl dt span {
  position: relative;
  padding-left: 25px;
}
.rest_seed dl dt span:before {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  content: "";
  width: 16px;
  height: 18px;
  background: url("/resources/img/user/ic-seed.png") center center/cover no-repeat;
}
.rest_seed dl dd {
  margin-top: 30px;
  font-weight: 500;
  font-size: 2.5rem;
  color: #00a99a;
}
.seed_info {
  float: left;
  margin-left: 35px;
  max-width: 466px;
}
.seed_info h4 {
  margin-top: 30px;
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
  line-height: 36px;
}
.seed_info p {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
}
.what_seed {
  position: relative;
  font-size: 1rem;
  font-weight: 300;
  color: #1a1a1a;
  padding-bottom: 2px;
}
.what_seed:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 4px;
  background: url("/resources/img/user/bg_underline.png") center center/cover no-repeat;
}
.what_seed_wrap {
  position: relative;
  display: inline-block;
  margin-top: 30px;
  padding-right: 22px;
}
.what_seed_wrap:after {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/resources/img/user/icon_qm.png") center center/cover no-repeat;
}

.seed_tab_wrap {
  margin-top: 70px;
}
.seed_tab {
  position: relative;
}
.seed_tab li > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.333%;
  text-align: center;
  background: #f4f4f4;
  height: 56px;
  font-weight: 300;
  font-size: 1.125rem;
}
.seed_tab li > a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
.seed_tab li > a.on:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #20bcae;
  border-radius: 28px;
}
.seed_tab li > a.on {
  color: #fff;
  font-weight: 500;
}
.seed_tab li:nth-child(1) > a {
  border-radius: 28px 0 0 28px;
}
.seed_tab li:nth-child(2) > a {
  left: 33.333%;
}
.seed_tab li:nth-child(3) > a {
  left: 66.666%;
  border-radius: 0 28px 28px 0;
}
.seed_tab_cnt {
  display: none;
  position: relative;
  top: 56px;
  left: 0;
  width: 100%;
  padding-bottom: 120px;
}
.seed_tab_cnt01 {
  padding-top: 30px;
}
.seed_tab_cnt02 {
  padding-top: 20px;
}
.seed_tab li:nth-child(1) .seed_tab_cnt {
  display: block;
}
.sel_wrap_align {
  text-align: right;
}
.sel_wrap_align .sel_wrap {
  text-align: left;
}
.sel_wrap_align .sel_wrap {
  width: 180px;
  height: 48px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.la_lineh {
  line-height: 24px;
}
.pres_wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

/* 로그인 */
.login_wrap {
  max-width: 445px;
  margin: 0 auto;
}
.inp_la_line {
  position: relative;
  height: 48px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.inp_la_line input {
  display: block;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 46px;
  height: 100%;
  color: #1a1a1a;
}
.inp_la_line label {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 46px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #888;
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
}
.login_check {
  margin-top: 20px;
}
.login_check:after {
  content: "";
  display: block;
  clear: both;
}
.login_check .inp_la_check {
  float: left;
  margin-right: 30px;
  font-size: 0;
}

.login_btn {
  display: block;
  width: 100%;
  height: 56px;
  border-radius: 28px;
  line-height: 56px;
  color: #fff;
  font-weight: 500;
  font-size: 1.125rem;
  background: #20bcae;
  margin-top: 48px;
}
.login_links {
  font-size: 0;
  text-align: center;
  margin-top: 35px;
}
.login_links a {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  width: 33.333%;
}
.login_links a:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  content: "";
  width: 1px;
  height: 16px;
  background: #ccc;
}
.login_links a:first-child:before {
  display: none;
}

/* 회원가입 */
.join_step {
  font-size: 0;
  border-bottom: 1px solid #ddd;
  padding: 0 0 0 30px;
  box-sizing: border-box;
}
.join_step > div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  font-size: 1.125rem;
  font-weight: 300;
  color: #1a1a1a;
  padding: 30px 0 30px 58px;
  box-sizing: border-box;
}
.join_step > div:after {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 25px;
  content: "";
  width: 9px;
  height: 14px;
  background: url("/resources/img/user/icon_step_arrow.png") center center/cover no-repeat;
}

.join_step > div:before {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 0;
  content: "";
  width: 48px;
  height: 48px;
}
.join_step > div.step1:before {
  background: url("/resources/img/user/icon_step01.png") center center no-repeat;
}
.join_step > div.step2:before {
  background: url("/resources/img/user/icon_step02.png") center center no-repeat;
}
.join_step > div.step3:before {
  background: url("/resources/img/user/icon_step03.png") center center no-repeat;
}
.join_step > div.step4:before {
  background: url("/resources/img/user/icon_step04.png") center center no-repeat;
}
.join_step > div.step5:before {
  background: url("/resources/img/user/icon_step05.png") center center no-repeat;
}
.join_step > div.step5:after {
  display: none;
}

.join_step > div.mo_icon_arrow {
  display: none;
}
.join_step > div h2 {
  font-weight: 300;
  margin-top: 15px;
}
.step_num {
  display: block;
}
.join_step > div.on {
  font-weight: 500;
  color: #00a99a;
}
.join_step > div.on h2 {
  font-weight: 500;
}
.join_step > div.step1.on:before {
  background: url("/resources/img/user/icon_step01_on.png") center center no-repeat;
}
.join_step > div.step2.on:before {
  background: url("/resources/img/user/icon_step02_on.png") center center no-repeat;
}
.join_step > div.step3.on:before {
  background: url("/resources/img/user/icon_step03_on.png") center center no-repeat;
}
.join_step > div.step4.on:before {
  background: url("/resources/img/user/icon_step04_on.png") center center no-repeat;
}
.join_step > div.step5.on:before {
  background: url("/resources/img/user/icon_step05_on.png") center center no-repeat;
}

.join_inner {
  max-width: 750px;
  margin: 80px auto 0;
}
.join_inner.last_join_inner {
  max-width: 1050px;
}
.last_join_sec {
  padding: 96px 0 120px;
  border-bottom: 1px solid #ddd;
  background: url("/resources/img/user/bg_end.png") top center no-repeat;
}
.join_tit h3 {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
}
.join_tit p {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 30px;
  line-height: 28px;
}
.join_tit p.top_no {
  margin-top: 0;
}
.join_tit button {
  font-size: 1.125rem;
  color: #1a1a1a;
}
.join_tit.join_tit2 {
  text-align: center;
}
.join_tit.join_tit_bot {
  margin-bottom: 40px;
}
.all-agree-wrap {
  margin-top: 40px;
}
.chk_line {
  position: relative;
  padding: 40px 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.chk_line:first-child {
  border-top: 1px solid #ddd;
}
.view_btn {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -20px;
  width: 102px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-sizing: border-box;
  font-size: 1rem;
  color: #1a1a1a;
}
.view_btn span {
  position: relative;
  padding-right: 10px;
}
.view_btn span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_cs.png") 90% center/cover no-repeat;
}

.select_box_wrap {
  position: relative;
  margin-top: 40px;
}
.select_box_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.select_box {
  float: left;
  width: 50%;
  text-align: center;
}
.select_box_wrap:before {
  content: "";
  width: 1px;
  height: 64px;
  background: #ddd;
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -0.5px;
  z-index: 9;
}
.select_box_wrap.on:before {
  display: none;
}
.check_box.check_box03 {
  height: 100%;
}
.check_box.check_box03 label {
  font-size: 1.25rem;
  font-weight: 300;
  width: 100%;
  box-sizing: border-box;
  height: 64px;
  line-height: 64px;
  display: block;
  padding-left: 0;
  background: #fafafa;
  border: 1px solid #ddd;
}
.select_box:nth-child(1) label {
  border-radius: 16px 0 0 16px;
  border-right: 1px solid #fafafa;
}
.select_box:nth-child(2) label {
  border-radius: 0 16px 16px 0;
  border-left: 1px solid #fafafa;
}
.select_box label span {
  position: relative;
  padding-left: 53px;
}
.check_box.check_box03 label span:before {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 0;
  content: "";
  width: 40px;
  height: 40px;
}
.select_box:nth-child(1) label span:before {
  background: url("/resources/img/user/icon_age.png") center center no-repeat;
}
.select_box:nth-child(2) label span:before {
  background: url("/resources/img/user/icon_age02.png") center center no-repeat;
}
.check_box.check_box03 input[type="radio"]:checked + label {
  color: #00a99a;
  border: 1px solid #20bcae;
  background: #ecfcfb;
  font-weight: 500;
}
.select_box:nth-child(1) input[type="radio"]:checked + label span:before {
  background: url("/resources/img/user/icon_age_on.png") center center no-repeat;
}
.select_box:nth-child(2) input[type="radio"]:checked + label span:before {
  background: url("/resources/img/user/icon_age_on02.png") center center no-repeat;
}

.join_sec_top {
  margin-top: 60px;
}
.join_group {
  font-size: 0;
  padding: 40px 30px;
  box-sizing: border-box;
  border-bottom: 1px dashed #ccc;
  position: relative;
}
.join_group.join_group2 {
  border-bottom: none;
  padding: 20px 30px;
}
.join_group:last-child {
  border-bottom: 0;
}
.join_group:last-child .info_la {
  padding-top: 0;
}
.join_info_wrap {
  margin-top: 40px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.join_info_wrap.join_info_wrap2 {
  position: relative;
  padding: 34px 0 20px;
}
.info_inp_wrap {
  display: inline-block;
  width: 78.26%;
}
.info_inp_wrap.info_inp_wrap2 {
  width: auto;
}
.info_inp {
  margin-top: 20px;
}
.info_inp:first-child {
  margin-top: 0;
}
.info_inp:after {
  content: "";
  display: block;
  clear: both;
}
.info_inp input[type="text"] {
  width: 352px;
  height: 48px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 1rem;
  font-weight: 300;
  vertical-align: middle;
}
.join_group2 .info_inp input[type="text"].w100 {
  width: 100%;
}

.info_inp input[type="text"].w1 {
  width: 128px;
}
.info_inp input[type="text"].w3 {
  width: 164px;
}
.info_inp input::placeholder {
  font-size: 1rem;
  color: #888;
}
.add_group {
  margin-top: 10px;
}
.join_group2 .info_inp {
  margin-top: 10px;
}
.join_group2 .info_inp:first-child {
  margin-top: 0;
}
.inp_box {
  position: relative;
  float: left;
  width: 255px;
}
.inp_box:after {
  content: "";
  width: 1px;
  height: 48px;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.5px;
}
.inp_box.on:after {
  display: none;
}
.inp_box:nth-child(2) {
  margin-left: 20px;
}
.inp_box > span {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  background: #fafafa;
  text-align: center;
}
.info_la {
  display: inline-block;
  font-size: 1.125rem;
  color: #1a1a1a;
  width: 21.74%;
  vertical-align: top;
  padding-top: 15px;
}
.check_box.check_box04 label {
  border: 1px solid #ddd;
  padding-left: 0;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  line-height: 46px;
  display: block;
  overflow: hidden;
}
.check_box.check_box04:nth-child(1) label {
  border-radius: 8px 0 0 8px;
  border-right: 1px solid #fafafa;
}
.check_box.check_box04:nth-child(2) label {
  border-radius: 0 8px 8px 0;
  border-left: 1px solid #fafafa;
}
.check_box.check_box04 input[type="radio"]:checked + label {
  border: 1px solid #20bcae;
  background: #ecfcfb;
}
.check_box.check_box04 input[type="radio"]:checked + label span {
  font-weight: 400;
  color: #00a99a;
}
.sel_wrap.sel_rig {
  margin-right: 10px;
}
.info_noti2 {
  color: #555;
  font-size: 0.875rem;
  font-weight: 300;
  margin-top: 10px;
  line-height: 15px;
}

.info_inp input[type="text"].w2 {
  width: 210px;
  height: 48px;
}
.confirm_box {
  display: none;
  margin-top: 20px;
}
.confirm_btn_st {
  display: inline-block;
  vertical-align: middle;
  width: 68px;
  height: 48px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  font-size: 1rem;
  color: #00a99a;
  margin-left: 10px;
}
.info_noti2.info_noti_top {
  margin-top: 5px;
}
.info_noti2.info_noti_top2 {
  margin-top: 20px;
}

.join_tit h3 span {
  color: #00a99a;
}
.join_tit p button {
  font-weight: 400;
}
.join_tit p button.line {
  text-decoration: underline;
  cursor: pointer;
}
.join_group_item {
  margin-top: 30px;
}
.join_group_item:first-child {
  margin-top: 0;
}
.join_group_item .info_la {
  width: 25.799%;
  vertical-align: middle;
  padding-top: 0;
}
.join_group_item .info_inp_wrap {
  vertical-align: middle;
}
.join_detail {
  font-size: 1.25rem;
  color: #1a1a1a;
  font-weight: 300;
}
.join_detail span {
  display: inline-block;
  padding: 0 16px;
  height: 32px;
  border-radius: 16px;
  font-size: 1rem;
  line-height: 32px;
  text-align: center;
  font-weight: 400;
}
.join_detail span.serv_state_on {
  color: #ff7e27;
  border: 1px solid #ff7e27;
}
.join_detail span.serv_state_off {
  color: #1a1a1a;
  border: 1px solid #ddd;
}

.join_group > a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  right: 0;
  display: block;
  width: 180px;
  height: 56px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 56px;
  border-radius: 28px;
}
.join_group > a.service_link {
  background: #034c81;
}
.join_group > a.join_link {
  background: #20bcae;
}

.insure_box {
  border-radius: 32px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 30px;
}
.insure_tit {
  text-align: center;
  padding: 29px 0;
  background: #ecfcfb;
  border-bottom: 1px solid #ddd;
}
.insure_tit img {
  display: inline-block;
  vertical-align: middle;
}
.insure_tit span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
  font-weight: 500;
  font-size: 1.25rem;
  color: #034c81;
}
.insure_list_wrap {
  padding: 30px 60px;
  box-sizing: border-box;
}
.insure_list_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.insure_list_wrap ul {
  float: left;
  width: 50%;
}
.insure_list_wrap ul li {
  position: relative;
  line-height: 20px;
  margin-top: 15px;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  padding-left: 8px;
}
.insure_list_wrap ul li:first-child {
  margin-top: 0;
}
.insure_list_wrap ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #1a1a1a;
  position: absolute;
  top: 50%;
  margin-top: -1.5px;
  left: 0;
}
.insure_guide {
  margin-top: 30px;
}
.insure_guide p {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-bottom: 8px;
}
.kyobo_link {
  display: block;
  width: 186px;
  height: 40px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 20px;
  text-align: center;
  line-height: 38px;
  margin-top: 30px;
}
.kyobo_link span {
  position: relative;
  padding-right: 11px;
}
.kyobo_link span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_cs.png") center center/cover no-repeat;
}
.impt_guide {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 0.875rem;
  color: #1a1a1a;
  font-weight: 300;
}
.impt_guide.impt_guide2 {
  top: 4px;
}
.impt_guide span {
  color: #00a99a;
}
.q_mark {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 6px;
  background: url("/resources/img/user/icon_qmark.png") center center no-repeat;
  cursor: pointer;
  vertical-align: bottom;
}

/* 개인정보처리방침 팝업 */
.priv_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 780px;
  max-height: 580px;
  min-height: 580px;
  box-sizing: border-box;
}
.priv {
  margin-top: 40px;
  max-height: 389px;
  min-height: 389px;
  overflow-y: auto;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: 300;
  word-break: keep-all;
}
.priv_list {
  margin-top: 38px;
}

/* 개인정보처리방침 팝업 */
.question_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 780px;
  box-sizing: border-box;
}
.question {
  margin-top: 40px;
  overflow-y: auto;
  padding-right: 20px;
  box-sizing: border-box;
}
.question p {
  font-size: 1.125rem;
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: 300;
  word-break: keep-all;
  margin-top: 40px;
}
.question p:first-child {
  margin-top: 0;
}

/* 가입계정 팝업 */
.join_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 780px;
  box-sizing: border-box;
}
.join_layer_wrap h2 {
  line-height: 38px;
}
.join_guide {
  /* margin-top:40px; */
  padding: 20px;
  box-sizing: border-box;
  background: #f4f4f4;
}
.join_guide.join_guide_bot {
  margin-bottom: 40px;
}
.join_guide p {
  font-size: 0.875rem;
  line-height: 18px;
  color: #1a1a1a;
  text-align: center;
}
.join_guide p span {
  color: #ff7e27;
}
.join_id {
  position: relative;
  padding: 35px 30px 32px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.join_id:first-child {
  border-top: none;
}
.join_id.on {
  background: #ecfcfb;
}
.join_id_wrap {
  margin-top: 40px;
  overflow-y: auto;
  max-height: 389px;
  min-height: 389px;
}
.join_tit h3.w_med {
  display: inline-block;
  vertical-align: middle;
  color: #1a1a1a;
  font-size: 1.25rem;
  font-weight: 500;
}
.join_tag {
  display: inline-block;
  vertical-align: middle;
  padding: 0 17px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
  margin-left: 8px;
  border-radius: 16px;
}
.join_on {
  border: 1px solid #ff7e27;
  color: #ff7e27;
}
.join_off {
  border: 1px solid #ddd;
  color: #1a1a1a;
  font-weight: 300;
}
.join_con {
  margin-top: 20px;
}
.join_serv_end {
  margin-top: 15px;
  color: #1a1a1a;
  font-size: 0.875rem;
}
.join_serv_name {
  margin-top: 20px;
  font-weight: 500;
  color: #00a99a;
  font-size: 1.125rem;
}
.join_pop_link {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -28px;
  width: 180px;
  height: 56px;
  line-height: 56px;
  border-radius: 28px;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.login_on {
  background: #f6c76b;
}
.login_off {
  background: #20bcae;
}
.online_join {
  background: #034c81;
}

/* 비밀번호 변경 팝업 */
.pw_change_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 480px;
  box-sizing: border-box;
}
.pw_change {
  margin-top: 40px;
}
.pw_inp label {
  color: #1a1a1a;
  font-size: 1rem;
}
.inp_wrap {
  margin-top: 14px;
}
.inp_wrap input {
  display: block;
  width: 384px;
  height: 48px;
  padding: 0 20px;
  font-size: 1rem;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #1a1a1a;
  font-weight: 300;
}
.inp_wrap input::placeholder {
  color: #888;
}
.pw_inp_top {
  margin-top: 30px;
}
.pw_guide {
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 10px;
  font-weight: 300;
  color: #555;
}
.pw_cha_btn {
  width: 180px;
  height: 56px;
  display: block;
  margin: 30px auto 0;
  border-radius: 28px;
  background: #20bcae;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}

/* 씨앗이란? 팝업 */
.seed_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  width: 780px;
  box-sizing: border-box;
}
.seed_tb_wrap {
  margin-top: 40px;
  overflow-y: auto;
  max-height: 389px;
  min-height: 389px;
  padding: 0 1px;
}
.seed_tb {
  margin-top: 40px;
}
.seed_tb:first-child {
  margin-top: 0;
}
.seed_tb h3 {
  color: #1a1a1a;
  font-size: 1.25rem;
  font-weight: 500;
}
.seed_tb table {
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}
.seed_tb table tr th {
  border: 1px solid #ddd;
  padding: 15px 0;
  vertical-align: middle;
  color: #1a1a1a;
  font-size: 1rem;
  font-weight: 400;
  background: #ecfcfb;
}
.seed_tb table tr td {
  border: 1px solid #ddd;
  padding: 15px 0;
  vertical-align: middle;
  text-align: center;
  font-weight: 300;
}
.seed_tb01 tr th {
  width: 33.333%;
}
.seed_tb02 tr th {
  width: 16.666%;
}
.seed_tb03 tr th {
  width: 50%;
}
.seed_tb03 table tr td {
  text-align: left;
  padding: 15px 20px;
  box-sizing: border-box;
  vertical-align: baseline;
}
.tb_noti {
  color: #555;
  font-size: 0.875rem;
  font-weight: 300;
  margin-top: 5px;
  line-height: 18px;
}
.seed_list span {
  display: block;
  font-weight: 400;
  line-height: 20px;
  font-size: 1rem;
  color: #00a99a;
}
.seed_list ul li {
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
}
.seed_list_top {
  margin-top: 20px;
}
.tb_noti_top {
  margin-top: 0;
}

.paging {
  text-align: center;
  font-size: 0;
  width: 100%;
  margin-top: 20px;
}
.paging a {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 28px;
  margin: 0 4px;
  font-weight: 300;
  color: #1a1a1a;
}
.paging a.fast-prev {
  background: #fff url("/resources/img/user/page_prev_fast.svg") center center no-repeat;
  background-size: 10px 8px;
  border-radius: 100%;
  border: 1px solid #ddd;
  margin: 0 2px;
}
.paging a.prev {
  background: #fff url("/resources/img/user/page_prev.svg") center center no-repeat;
  background-size: 5px 8px;
  border-radius: 100%;
  border: 1px solid #ddd;
  margin: 0 4px 0 2px;
}
.paging a.fast-next {
  background: #fff url("/resources/img/user/page_next_fast.svg") center center no-repeat;
  background-size: 10px 8px;
  border-radius: 100%;
  border: 1px solid #ddd;
  margin: 0 2px;
}
.paging a.next {
  background: #fff url("/resources/img/user/page_next.svg") center center no-repeat;
  background-size: 5px 8px;
  border-radius: 100%;
  border: 1px solid #ddd;
  margin: 0 2px 0 4px;
}
.paging a.on {
  color: #00a99a;
}

.join_group2 .info_inp input[type="text"].w360 {
  width: 360px;
}
.sel_wrap.sel_wrap_360 {
  width: 360px;
}
.sel_wrap.sel_wrap_240 {
  width: 240px;
}

.aside_wrap .sub_cs_box.cs_box_01 {
  display: none;
}
.attend_check img {
  max-width: 100%;
}

/* 코치소개 팝업 */
.coach_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 520px;
  min-width: 520px;
  box-sizing: border-box;
  max-height: 95%;
}
.coach_layer {
  overflow-y: auto;
}
.coach_info_wrap {
  margin-top: 40px;
  height: 100%;
}
.ch_img {
  text-align: center;
}
.ch_history {
  margin-top: 30px;
  max-height: 350px; /* overflow-y:auto;  */
}
.ch_info_list {
  margin-top: 10px;
}
.ch_info_list:first-child {
  margin-top: 0;
}
.ch_info_list li {
  color: #1a1a1a;
  font-size: 1.125rem;
  line-height: 28px;
  font-weight: 300;
}
/* .ch_history {overflow-y:auto; max-height:147px; } */
.layer_ch_name {
  font-size: 1.25rem;
  font-weight: 500;
  color: #1a1a1a;
  text-align: center;
  margin-top: 20px;
}

/* 인쇄 팝업 */
.print_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  width: 1050px;
  box-sizing: border-box;
}
.print_wrap {
  position: relative;
}
.print {
  margin-top: 40px;
}
.print .swiper-slide {
  min-height: 518px;
  background: #f4f4f4;
}
.print .swiper-slide p {
  text-align: center;
  color: #1a1a1a;
  font-size: 2.25rem;
  margin-top: 243px;
}
.print_btn2 {
  display: block;
  width: 180px;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
  border-radius: 28px;
  background: #20bcae;
  margin: 78px auto 0;
}
.print_wrap .swiper-button-prev {
  width: 28px;
  height: 28px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 100%;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  transform: rotate(180deg);
  bottom: 86px;
  top: auto;
  margin-top: 0;
  left: 50%;
  margin-left: -50px;
}
.print_wrap .swiper-button-next {
  width: 28px;
  height: 28px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 100%;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  bottom: 86px;
  top: auto;
  margin-top: 0;
  left: 50%;
  right: auto;
  margin-left: 22px;
}
.print_wrap .swiper-pagination {
  bottom: 92px;
  color: #1a1a1a;
  font-size: 0.875rem;
  font-weight: 300;
  max-width: 44px;
  left: 50%;
  margin-left: -22px;
}
.print_wrap .swiper-button-next.swiper-button-disabled,
.print_wrap .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
}

/* 칼럼진보기 팝업 */
.columnist_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  width: 624px;
  box-sizing: border-box;
  height: 95%;
  overflow: hidden;
}
.columnist_layer {
  position: relative;
  height: 100%;
}
.pop_columnist_list {
  position: absolute;
  top: 85px;
  width: 100%;
  overflow-y: auto;
  height: calc(100% - 85px);
}
.pop_columnist {
  margin-top: 40px;
}
.pop_columnist:first-child {
  margin-top: 0;
}
.pop_columnist h3 {
  text-align: center;
  font-size: 1.25rem;
  color: #1a1a1a;
  font-weight: 500;
}
.pop_columnist ul:after {
  content: "";
  display: block;
  clear: both;
}
.pop_columnist ul {
  margin-top: 20px;
}
.pop_columnist ul li {
  float: left;
  width: 33.333%;
  text-align: center;
}
.pop_img {
  max-width: 136px;
  margin: 0 auto;
  border-radius: 32px;
  overflow: hidden;
}
.pop_img img {
  max-width: 100%;
}
.pop_info {
  margin-top: 15px;
}
.pop_info h4 {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 400;
}
.pop_info p {
  margin-top: 10px;
  color: #1a1a1a;
  font-size: 0.875rem;
  font-weight: 300;
}

/* 약도보기 팝업 */
.map_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  width: 1050px;
  max-height: 865px;
  min-height: 865px;
  box-sizing: border-box;
}
.map_area {
  margin-top: 40px;
  background: #f4f4f4;
  max-height: 673px;
  min-height: 673px;
}
.map_area p {
  text-align: center;
  color: #1a1a1a;
  font-size: 2.25rem;
  padding-top: 320px;
}

/* 체험/STEAM/이벤트 일정 팝업 */
.sche_layer_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 576px;
  min-width: 576px;
  box-sizing: border-box;
  max-height: 95%;
}
.sche_layer {
  overflow-y: auto;
}
.sche_wrap {
  margin-top: 70px;
  height: 100%;
}
.cal_top {
  font-size: 0;
  padding: 0 20px;
  box-sizing: border-box;
}
.cal_top > span {
  display: inline-block;
  vertical-align: middle;
}
.date_ym {
  font-size: 1.5rem;
  color: #222;
  width: calc(100% - 56px);
  text-align: center;
}
.prev_cal {
  width: 28px;
  height: 28px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 100%;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  transform: rotate(180deg);
  left: 0;
}
.next_cal {
  width: 28px;
  height: 28px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 100%;
  background: #fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  right: 0;
}

.cal_tb {
  width: 100%;
  margin-top: 35px;
}
.cal_tb tr th {
  width: 14.285%;
  font-size: 1.125rem;
  font-weight: 400;
  padding-bottom: 32px;
}
.cal_tb tr th.sun {
  color: #ff3b30;
}
.cal_tb tr th.sat {
  color: #2cb0d6;
}
.cal_tb tr td {
  text-align: center;
  font-weight: 300;
  font-size: 1.125rem;
}
.cal_tb tr td.sun {
  color: #ff3b30;
}
.cal_tb tr td.sat {
  color: #2cb0d6;
}
.date_num span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.cal_tb tr td.the_day .date_num {
  position: relative;
}
.cal_tb tr td.the_day .date_num span {
  position: relative;
  z-index: 9;
  color: #fff;
}
.cal_tb tr td.the_day .date_num:before {
  position: absolute;
  top: 0;
  right: 50%;
  content: "";
  width: 100%;
  height: 100%;
  background: #f6c76b;
}
.cal_tb tr td.the_day.start .date_num:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background: #f6c76b;
  border-radius: 100%;
}
.cal_tb tr td.the_day.start .date_num:before {
  display: none;
}
.cal_tb tr td.the_day.end .date_num:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background: #f6c76b;
  border-radius: 100%;
}
.cal_tb tr td.the_day.sat .date_num:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background: #f6c76b;
}
.cal_tb tr td.the_day.end.sun .date_num:before {
  display: none;
}
.cal_tb tr td.the_day.sun .date_num:before {
  display: none;
}
.cal_tb tr td.the_day.sun .date_num:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background: #f6c76b;
}
.cal_tb tr td.the_day.end.sun .date_num:after {
  border-radius: 0 16px 16px 0;
}
.cal_tb tr td.the_day.end.sun .date_num span {
  background: none;
}
.cal_tb tr td.on {
  position: relative;
}
.cal_tb tr td.on:after {
  content: "";
  width: 32px;
  height: 32px;
  top: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  border-radius: 100%;
  background: #20bcae;
  z-index: 8;
}
.date_sche {
  display: block;
  height: 26px;
}

.cal_bot:after {
  content: "";
  display: block;
  clear: both;
}
.cal_bot {
  padding: 0 25px;
  box-sizing: border-box;
}
.cal_bot > div {
  position: relative;
  float: left;
  font-size: 0.875rem;
  font-weight: 300;
  padding-left: 15px;
  margin-right: 30px;
}
.cal_bot > div:last-child {
  margin-right: 0;
}
.cal_bot > div:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.cal_today:before {
  background: #20bcae;
}
.cal_theday:before {
  background: #f6c76b;
}
.cal_entry:before {
  background: #2cb0d6;
}

.sche_type_wrap {
  margin-top: 30px;
  max-height: 165px;
}
.sche_type {
  padding: 30px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.sche_type h3 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.625rem;
}
.sche_type h3 strong {
  display: inline-block;
  font-weight: 500;
  margin-right: 9px;
}
.sche_info {
  margin-top: 15px;
}
.sche_info dl {
  margin-top: 5px;
}
.sche_info dl:first-child {
  margin-top: 0;
}
.sche_info dl dt {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}
.sche_info dl dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}

.sche_mark a {
  display: block;
  width: 6px;
  height: 6px;
  background: #2cb0d6;
  margin: 0 auto;
  border-radius: 100%;
}

/* 아이디찾기 팝업 */
.id_find_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  width: 480px;
  box-sizing: border-box;
}
.id_find {
  margin-top: 30px;
}
.id_find_res {
  text-align: center;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 2.25rem;
  color: #1a1a1a;
}
.id_find_res strong {
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
}
.id_find_btn {
  width: 180px;
  height: 56px;
  display: block;
  margin: 30px auto 0;
  border-radius: 28px;
  background: #20bcae;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}

/* 팝업 */
.dmt_wrap {
  display: none;
  position: fixed;
  padding: 75px 44px 48px;
  max-width: 780px;
  box-sizing: border-box;
}
.dmt {
  margin-top: 40px;
}
.dmt_guide p {
  font-size: 1.125rem;
  font-weight: 300;
  margin-top: 30px;
  line-height: 1.75rem;
  word-break: keep-all;
  color: #1a1a1a;
}
.dmt_guide p.mt-5 {
  margin-top: 5px;
}
.dmt_guide p strong {
  font-weight: 400;
}
.dmt_guide p:first-child {
  margin-top: 0;
}
.dmt_guide2 {
  border: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.dmt_guide2 strong {
  display: block;
  font-weight: 500;
}
.dmt_guide2 p {
  font-weight: 300;
  word-break: keep-all;
}
.dmt_btns {
  text-align: center;
  font-size: 0;
  margin-top: 30px;
}
.dmt_cancle_btn {
  line-height: 1.5;
  width: 206px;
  height: 56px;
  display: inline-block;
  border-radius: 28px;
  background: #f4f4f4;
  color: #1a1a1a;
  font-size: 1.125rem;
  font-weight: 300;
  margin-right: 5px;
  border: 1px solid #ebebeb;
}
.dmt_cha_btn {
  line-height: 1.5;
  width: 206px;
  height: 56px;
  display: inline-block;
  border-radius: 28px;
  background: #20bcae;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: 5px;
}
.dmt_wrap.v2 {
  width: 780px;
}
.dmt_wrap .emphasis_text {
  display: block;
  padding: 18px 0;
  font-size: 18px;
  line-height: 25px;
  color: #20bcae;
}

/* 나의 응모 현황 */
.h_group:after {
  content: "";
}
.review_link {
  display: block;
  width: 90px;
  height: 32px;
  line-height: 30px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 16px;
  background: #20bcae;
  margin: 11px auto;
}
.review_link span {
  position: relative;
  padding-right: 10px;
}
.review_link span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_tit_02.png") center center/cover no-repeat;
}
.result_tag {
  display: block;
  width: 80px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
  font-size: 0.938rem;
  border-radius: 16px;
  font-weight: 400;
  margin: 11px auto;
}
.win {
  color: #00a99a;
  border: 1px solid #00a99a;
}
.no_win {
  color: #555;
  border: 1px solid #ddd;
}
.during {
  color: #ff7e27;
  border: 1px solid #ff7e27;
}
.enter_end {
  color: #034c81;
  border: 1px solid #034c81;
}
.tb_suject div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  line-height: 52px;
}

.board_list_wrap {
  margin-top: 20px;
}
.h_group:after {
  content: "";
  display: block;
  clear: both;
}
.h_group {
  box-sizing: border-box;
  width: 100%;
  background: #ecfcfb;
  border-top: 1px solid #20bcae;
  border-bottom: 1px solid #bcebe7;
  height: 56px;
}
.h_group > div {
  float: left;
  height: 55px;
  line-height: 55px;
  box-sizing: border-box;
  text-align: center;
  color: #00a99a;
  font-size: 1.125rem;
}
.board_list_wrap .exp_tit {
  width: 17%;
}
.board_list_wrap .exp_suj {
  width: 33%;
}
.board_list_wrap .exp_per {
  width: 25%;
}
.board_list_wrap .exp_win {
  width: 12%;
}
.board_list_wrap .exp_review {
  width: 13%;
}
/*.b_cnt:after {content:''; display:block; clear:both;}
 .b_cnt {box-sizing:border-box; border-bottom:1px solid #ddd; height:55px;  } 
.b_cnt > div {float:left; height:55px; line-height:55px; box-sizing:border-box; text-align:center; color:#1a1a1a;} */

.b_cnt > div.exp_suj {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.b_cnt {
  font-size: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.b_cnt > div {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
  text-align: center;
  color: #1a1a1a;
  line-height: 55px;
}

/* 회원탈퇴 */
.withdraw_inner {
  border-bottom: 1px solid #ddd;
  padding-bottom: 35px;
}
.withdraw1 {
  text-align: center;
  border-radius: 32px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.withdraw_guide1 {
  padding: 121px 20px 30px;
  box-sizing: border-box;
  background: url("/resources/img/user/icon_withdraw.png") center 40px no-repeat;
}
.withdraw_guide1 p {
  color: #1a1a1a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 28px;
}
.withdraw_guide2 {
  padding: 19px 20px 18px;
  box-sizing: border-box;
  background: #f4f4f4;
  border-top: 1px solid #ddd;
}
.withdraw_guide2 p {
  font-size: 0.875rem;
  color: #555;
  font-weight: 300;
  line-height: 18px;
}
.withdraw_list {
  margin-top: 40px;
}
.withdraw_list > li {
  font-size: 0;
  margin-top: 30px;
}
.withdraw_list li:first-child {
  margin-top: 0;
}
.withdraw_list li span {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1a1a1a;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #dedede;
  vertical-align: top;
  text-align: center;
  line-height: 26px;
  box-sizing: border-box;
}
.withdraw_list li h4 {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 400;
  color: #1a1a1a;
  vertical-align: top;
  width: calc(100% - 28px);
  padding-left: 9px;
  box-sizing: border-box;
  line-height: 28px;
}
.detail_exp_list {
  margin-top: 10px;
  padding-left: 36px;
  box-sizing: border-box;
}
.detail_exp_list li {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 24px;
}
.detail_exp {
  margin-top: 10px;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 24px;
  padding-left: 36px;
  box-sizing: border-box;
}
.withdraw2 {
  padding: 40px 30px;
  box-sizing: border-box;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  border-radius: 32px;
  overflow: hidden;
  margin-top: 40px;
}
.check_wrap3 .check {
  margin-top: 20px;
}
.check_wrap3 .check:first-child {
  margin-top: 0;
}
.check_wrap3 .check label {
  font-size: 1.125rem;
}
.etc {
  width: 540px;
  height: 48px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 20px;
  margin-left: 10px;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}
.etc::placeholder {
  color: #888;
}
.last_guide {
  font-size: 14px;
  color: #555;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 19px;
}

/* 문화 */
.depth3_link {
  font-size: 0;
  text-align: center;
}
.depth3_link li {
  display: inline-block;
  margin: 0 40px;
}
.depth3_link li a {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 2.25rem;
}
.depth3_link li.on a {
  position: relative;
  color: #00a99a;
}
.depth3_link li.on a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #00a99a;
  bottom: 3px;
  left: 0;
}
.page_tit {
  margin-top: 80px;
  text-align: center;
}
.page_tit h3 {
  color: #1a1a1a;
  font-size: 1.5rem;
  font-weight: 400;
}
.page_tit p {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 24px;
  margin-top: 27px;
}
.page_tabcon_wrap {
  display: none;
}
.page_tabcon_wrap.on {
  display: block;
}
.page_tab_wrap {
  position: relative;
  margin-top: 60px;
  padding-top: 116px;
}
.page_tab_wrap > li > a {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  background: #f4f4f4;
  width: 50%;
  text-align: center;
  line-height: 54px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  font-size: 1.125rem;
  font-weight: 300; /* overflow:hidden; */
}
.page_tab_wrap > li > a.page_tab1 {
  border-radius: 28px 0 0 28px;
  border-right: none;
}
.page_tab_wrap > li > a.page_tab2 {
  left: 50%;
  border-radius: 0 28px 28px 0;
  border-left: none;
}
.page_tab_wrap > li > a.on:after {
  position: absolute;
  top: -1px;
  left: 0px;
  content: "";
  width: 100%;
  height: 56px;
  background: #20bcae;
  border-radius: 28px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  z-index: 9;
}
.page_tab_wrap > li > a.on span {
  position: relative;
  z-index: 99;
  font-weight: 500;
  color: #fff;
}
.page_tab_con:after {
  content: "";
  display: block;
  clear: both;
}
.page_tab_con li {
  float: left;
  width: calc((100% - 60px) / 3);
  margin: 0 0 30px 30px;
  border-radius: 32px;
  overflow: hidden;
}
.page_tab_con li a {
  display: block;
}
.page_tab_con li:nth-child(3n + 1) {
  margin-left: 0;
}
.culture_img {
  position: relative;
  height: 0;
  padding-bottom: 59.398%;
  overflow: hidden;
  border-radius: 32px 32px 0 0;
}
.culture_img:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9;
  border-radius: 32px 32px 0 0;
}
.culture_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
}
.desc {
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 0 0 32px 32px;
  border-top: none;
  padding: 30px;
}
.desc h4 {
  color: #1a1a1a;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 26px;
  white-space: normal;
  height: 52px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
  text-overflow: ellipsis;
}
.desc h4.on {
  position: relative;
  padding-right: 14px;
  box-sizing: border-box; /* word-break:break-word; */
}
.desc h4.on .new_tag {
  position: absolute;
  top: 60%;
  right: 0;
}
.desc.desc2 h4.on {
  position: relative;
  padding-right: 14px;
  box-sizing: border-box; /* word-break:break-word;  */
}
.desc.desc2 h4.on .new_tag {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.desc h4 strong {
  font-weight: 400;
  margin-right: 5px;
}
.new_tag {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/resources/img/user/icon_new.svg") center center no-repeat;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-left: 6px;
}
.desc_date {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
}
.page_search_wrap {
  text-align: center;
  margin-top: 30px;
  font-size: 0;
}
.page_search_wrap.top_space {
  margin-top: 60px;
}
.page_search_wrap .sel_wrap {
  text-align: left;
  width: 124px;
}
.page_search_wrap .searcharea {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  width: 360px;
  height: 48px;
  box-sizing: border-box;
  vertical-align: middle;
}
.page_search_wrap input.text_search {
  width: 100%;
  height: 100%;
  background: none;
  padding: 0 42px 0 15px;
  box-sizing: border-box;
  letter-spacing: -0.05em;
  font-size: 1rem;
  font-weight: 300;
  color: #555;
  border: 1px solid #ddd;
}
.page_search_wrap .btn_search {
  position: absolute;
  top: 0;
  right: 4px;
  font-size: 0;
  width: 40px;
  height: 100%;
  padding: 0;
  background: url("/resources/img/user/icon_search.svg") center center no-repeat;
}

/* 스팀 상세 페이지 */
.desc_page_wrap {
  margin-top: 80px;
}
.desc_page_wrap.top_no {
  margin-top: 0;
}
.desc_page_con {
  padding: 40px 30px 80px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  box-sizing: border-box;
}
.desc_page_con.desc_page_con2 {
  padding: 40px 0 80px;
}
.desc_page_img {
  position: relative;
  text-align: center;
}
.desc_page_img img {
  max-width: 100%;
}
.desc_page_img .link_gate_01 {
  position: absolute;
  left: 50%;
  bottom: 11.5%;
  transform: translateX(-50%);
  width: 90%;
  height: 150px;
}
.e_info_wrap {
  margin-top: 30px;
}
.e_info_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.e_info_wrap > div {
  position: relative;
  float: left;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  padding-left: 18px;
  margin-right: 15px;
  line-height: 32px;
}
.e_info_wrap > div:before {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
  content: "";
  width: 1px;
  height: 12px;
  background: #aaa;
}
.e_info_wrap > div:first-child {
  padding-left: 0;
}
.e_info_wrap > div:first-child:before {
  display: none;
}
.e_info_wrap > div.e_state span.steam_tag {
  position: static;
  display: block;
}
.e_info_wrap > div.e_share {
  padding-left: 0;
  line-height: 0;
}
.e_info_wrap > div.e_share:before {
  display: none;
}
.e_info_wrap > div.e_share.e_share2 {
  padding-left: 14px;
  margin: 0;
}
.e_info_wrap > div.e_share.e_share2:before {
  display: block;
}
.e_info_wrap > div.e_pdf span {
  position: relative;
  padding-left: 30px;
}
.e_info_wrap > div.e_pdf span:after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  content: "";
  width: 16px;
  height: 20px;
  background: url("/resources/img/user/icon_pdf.svg") center center no-repeat;
}
.desc_page_tit h3 {
  font-size: 1.875rem;
  color: #1a1a1a;
  font-weight: 400;
  line-height: normal;
}
.btn_shar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 16px;
  background: url("/resources/img/user/icon_sharing.svg") center center no-repeat;
  background-size: 20px 20px;
}

.desc_btn_wrap {
  padding: 30px 0;
  font-size: 0;
}
.social_btn {
  display: inline-block;
  width: 94px;
  height: 56px;
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #1a1a1a;
  border-radius: 28px;
  box-sizing: border-box;
}
.btn_shar2 span {
  position: relative;
  padding-left: 28px;
}
.btn_shar2 span:before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/resources/img/user/icon_sharing.svg") center center no-repeat;
}
.recommend {
  margin-left: 10px;
}
.recommend span {
  position: relative;
  padding-left: 28px;
}
.recommend span:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  content: "";
  width: 20px;
  height: 18px;
  background: url("/resources/img/user/icon_recm.svg") center center no-repeat;
}
.recommend.on {
  border: 1px solid #eb4b62;
  color: #eb4b62;
  width: 126px;
}
.recommend.on span:before {
  background: url("/resources/img/user/icon_recm_on.svg") center center no-repeat;
}

.desc_btn_rig {
  float: right;
  font-size: 0;
}
.desc_btn_rig .list_link {
  display: inline-block;
  width: 94px;
  height: 56px;
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #1a1a1a;
  border-radius: 28px;
  box-sizing: border-box;
  line-height: 54px;
  text-align: center;
  margin-left: 10px;
}

.list_link span {
  position: relative;
  padding-left: 27px;
}
.list_link span:before {
  content: "";
  width: 18px;
  height: 14px;
  background: url("/resources/img/user/icon_list.png") center center no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
}
.list_link_cha span {
  position: relative;
  padding-left: 27px;
}
.list_link_cha span:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("/resources/img/user/icon_write.svg") center center no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
}
.list_link_del span {
  position: relative;
  padding-left: 27px;
}
.list_link_del span:before {
  content: "";
  width: 18px;
  height: 20px;
  background: url("/resources/img/user/icon_del.svg") center center no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.cmt_wrap {
  border-radius: 32px;
  border: 1px solid #ddd;
  background: #fafafa;
  overflow: hidden;
  padding: 30px;
  box-sizing: border-box;
}
.total_num {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
}
.total_num span {
  color: #00a99a;
  font-weight: 500;
}
.cmt_list {
  margin-top: 20px;
}
.cmt_list li {
  position: relative;
  padding: 17px 0 18px;
  border-bottom: 1px solid #ddd;
}
.cmt_list li:after {
  content: "";
  display: block;
  clear: both;
}
.cmt_list li > div {
  float: left;
}
.write {
  text-align: center;
  width: 70px;
  font-size: 1rem;
  color: #034c81;
  padding-top: 1px;
}
.cmt_txt {
  width: calc(100% - 190px);
  font-size: 1rem;
  font-weight: 300;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 20px;
}
.cmt_txt.on {
  padding-right: 116px;
  box-sizing: border-box;
  word-break: keep-all;
}
.cmt_info {
  width: 120px;
  text-align: center;
  font-size: 0;
  padding-top: 1px;
}

/*수정삭제버튼*/
.cmt_list li > div.cmt_edt {
  float: none;
  position: absolute;
  top: 50%;
  right: 132px;
  font-size: 0;
  margin-top: -12px;
}
.cmt_edt button {
  width: 46px;
  height: 24px;
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  color: #555;
  font-size: 0.75rem;
}
.cmt_del {
  margin-left: 4px;
}

.cmt_info > span {
  display: inline-block;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}
.cmt_time {
  margin-left: 5px;
}
.list_link_wrap {
  margin-top: 40px;
}
.list_link_wrap.top10 {
  margin-top: 10px;
}
.list_link_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.list_link_wrap > a {
  float: left;
  width: 50%;
  display: block;
  text-align: center;
}
.list_link_wrap > a h4 {
  color: #1a1a1a;
  font-size: 1.25rem;
  font-weight: 400;
}
.list_link_tit {
  margin-top: 18px;
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list_link_wrap > a.prev_link {
  background: url("/resources/img/user/icon_prev_list.png") left center no-repeat;
  padding: 0 35px 0 48px;
  box-sizing: border-box;
}
.list_link_wrap > a.next_link {
  position: relative;
  background: url("/resources/img/user/icon_next_list.png") right center no-repeat;
  padding: 0 48px 0 35px;
  box-sizing: border-box;
}
.list_link_wrap > a.next_link:before {
  content: "";
  width: 1px;
  height: 56px;
  background: #ddd;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  left: -0.5px;
}

.event_tit {
  color: #1a1a1a;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
}
.event_info {
  font-size: 0;
  margin-top: 40px;
}
.event_info.event_info2 {
  margin-top: 0;
}
.event_info dl {
  margin-top: 40px;
}
.event_info dl:first-child {
  margin-top: 0;
}
.event_info dl dt {
  display: inline-block;
  vertical-align: top;
  font-size: 1.125rem;
  color: #1a1a1a;
  width: 21.74%;
  line-height: 28px;
}
.event_info dl dd {
  display: inline-block;
  vertical-align: top;
  font-size: 1.125rem;
  color: #1a1a1a;
  width: 78.26%;
  font-weight: 300;
  line-height: 28px;
}
.event_info dl dd span {
  font-weight: 400;
  color: #00a99a;
}
.priv_terms {
  margin-top: 30px;
  min-height: 128px;
  max-height: 128px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 20px;
  font-size: 1rem;
  line-height: 20px;
  color: #1a1a1a;
  font-weight: 300;
  overflow-y: auto;
}

.winner_link {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300px;
  display: block;
  text-align: center;
  line-height: 55px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 0 0 32px 32px;
  font-weight: 300;
}
.page_tab_con.page_tab_con2 li {
  min-height: 401px;
}
.desc.desc_add {
  border-radius: 0;
  border-bottom: none;
}
.winner_link:hover {
  color: #00a99a;
  border: 1px solid #00a99a;
  font-weight: 400;
}
.more_view {
  width: 180px;
  height: 56px;
  text-align: center;
  background: #f4f4f4;
  color: #1a1a1a;
  font-size: 1.125rem;
  font-weight: 300;
  border-radius: 28px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}
.btn_wrap {
  text-align: center;
  margin-bottom: 60px;
}
.more_view span {
  position: relative;
  padding-right: 16px;
}
.more_view span:after {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0;
  content: "";
  width: 10px;
  height: 10px;
  background: url("/resources/img/user/icon_more.svg") center center no-repeat;
}
.write_btn {
  position: absolute;
  top: -18px;
  right: 0;
  display: block;
  width: 106px;
  height: 56px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  line-height: 54px;
  border-radius: 28px;
  z-index: 99;
  font-size: 1rem;
  font-weight: 300;
}
.write_btn span {
  position: relative;
  padding-left: 27px;
}
.write_btn span:before {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  content: "";
  width: 18px;
  height: 18px;
  background: url("/resources/img/user/icon_write.svg") center center no-repeat;
}
.page_tit.page_link {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 48px;
}
.category {
  padding: 30px 0;
  margin-bottom: 30px;
}
.category:after {
  content: "";
  display: block;
  clear: both;
}
.category li {
  float: left;
  margin-right: 15px;
}
.category li a {
  display: block;
  height: 56px;
  line-height: 54px;
  padding: 0 30px;
  background: #f4f4f4;
  border: 1px solid #ebebeb;
  border-radius: 28px;
  box-sizing: border-box;
  color: #1a1a1a;
  font-size: 1.125rem;
  font-weight: 300;
}
.category li.on a {
  background: #20bcae;
  color: #fff;
  font-weight: 400;
  border: 1px solid #20bcae;
}
.desc_txt {
  margin-top: 20px;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 28px;
  font-size: 1.125rem;
}
.cmt_inp_wrap {
  margin-top: 20px;
  font-size: 0;
}
.cmt_inp {
  position: relative;
  width: calc(100% - 102px);
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  vertical-align: middle;
}
/* .cmt_inp input {width:90%; height:56px;  box-sizing:border-box; padding:0 20px; font-size:1rem;} */
.cmt_inp .cmt_area {
  resize: none;
  width: 90%;
  border: none;
  font-family: "Noto Sans KR", sans-serif;
  box-sizing: border-box;
  padding: 18px 20px;
  font-size: 1rem;
  height: 56px;
  line-height: 20px;
  overflow: hidden;
  font-weight: 300;
}
.cmt_inp .cmt_area::placeholder {
  color: #888;
}
.cmt_inp .cmt_area.on {
  outline: none !important;
  border: none !important;
}
.cmt_inp .txt_num {
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 0.875rem;
  color: #888;
  font-weight: 300;
  line-height: 56px;
}
.regist_btn {
  display: inline-block;
  width: 92px;
  height: 56px;
  background: #20bcae;
  border-radius: 28px;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
  margin-left: 10px;
  vertical-align: middle;
}

.long_txt {
  resize: none;
  width: 100%;
  min-height: 240px;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  white-space: pre-wrap;
}
.long_txt::placeholder {
  color: #888;
}

.add_file_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.add_btn {
  float: left;
  border: 1px dashed #20bcae;
  box-sizing: border-box;
  width: 125px;
  height: 125px;
  border-radius: 16px;
}
.add_btn button {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/resources/img/user/icon_file.svg") center 35% no-repeat;
  background-size: 32px 32px;
  padding-top: 55px;
  font-size: 1rem;
  color: #00a99a;
}
.add_file {
  position: relative;
  float: left;
  margin-left: 10px;
  border-radius: 16px;
  overflow: hidden;
  width: 125px;
  height: 125px;
}
.add_file img {
  max-width: 100%;
  width: 100%;
}
.add_file:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border: 4px solid #20bcae;
  box-sizing: border-box;
  border-radius: 16px;
}
.add_file_del {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 28px;
  height: 28px;
  background: url("/resources/img/user/icon_file_del.png") center center no-repeat;
  z-index: 9;
}

/* 비밀번호 재입력 */
.pw_check_wrap .reinp_guide {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
}
.pw_check {
  margin-top: 30px;
  font-size: 0;
}
.pw_reinp {
  display: inline-block;
  width: 384px;
  height: 48px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 1rem;
}
.pw_reinp::placeholder {
  color: #888;
}
.confirm_btn {
  display: inline-block;
  width: 68px;
  height: 48px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  color: #00a99a;
  font-size: 1rem;
  margin-left: 10px;
}

/* 비밀번호 확인 팝업 */
.pw_che_wrap {
  display: none;
  position: fixed;
  padding: 75px 48px 48px;
  max-width: 480px;
  box-sizing: border-box;
}

/* 영상CAST */
.view_type {
  text-align: right;
}
.view_type .type_btn {
  display: inline-block;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  position: relative;
  padding-left: 17px;
  margin-right: 15px;
}
.view_type .type_btn:before {
  content: "";
  width: 1px;
  height: 12px;
  background: #aaa;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
}
.view_type .type_btn:first-child:before {
  display: none;
}
.view_type .type_btn:last-child {
  margin-right: 0;
}
.view_type .type_btn.on {
  font-weight: 400;
  color: #00a99a;
}

.cast_wrap {
  margin-top: 30px;
}
.cast_wrap .page_tab_con li:nth-child(1) {
  width: calc((100% - 30px) / 2);
  margin-left: 0 !important;
  margin-bottom: 60px;
}
.cast_wrap .page_tab_con li:nth-child(1) .desc h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 26px;
  display: block;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: horizontal;
}
.cast_wrap .page_tab_con li:nth-child(2) {
  width: calc((100% - 30px) / 2);
  margin-bottom: 60px;
}
.cast_wrap .page_tab_con li:nth-child(2) .desc h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 26px;
  display: block;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: horizontal;
}
.cast_wrap .page_tab_con li:nth-child(3n) {
  margin-left: 0;
}
.cast_wrap .page_tab_con li:nth-child(3n + 1) {
  margin-left: 30px;
}
.cast_wrap .culture_img_play {
  position: relative;
}
.cast_wrap .culture_img_play:before {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  margin-left: -40px;
  background: url(/resources/img/user/icon_video_play.png) center center no-repeat;
}

/* 영상cast 상세페이지 */
.desc_video_wrap {
  padding: 0 30px;
  box-sizing: border-box;
}
.desc_video {
  position: relative;
  text-align: center;
  border-radius: 32px;
  overflow: hidden;
  height: 0;
  padding-bottom: 59.393%;
}
.desc_video:after {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  margin-left: -40px;
  background: url(/resources/img/user/icon_video_play.png) center center no-repeat;
}
.desc_video_wrap img {
  max-width: 100%;
}
.desc_adm_wrap {
  box-sizing: border-box;
  margin: 40px auto 0;
  max-width: 990px;
}
.top_line {
  border-top: 1px dashed #ddd;
  padding-top: 40px;
}
.desc_book_info {
  padding: 64px 80px 0;
  background: url(/resources/img/user/bg_desc_info.gif) center top no-repeat;
}
.desc_book_info:after {
  content: "";
  display: block;
  clear: both;
}
.desc_book_info > div {
  float: left;
}
.desc_book_title {
  width: calc(100% - 334px);
  margin-left: 80px;
}
.basic_info_wrap {
  width: calc(100% - 334px);
  margin-left: 80px;
}
.desc_book_img {
  position: relative;
  max-width: 254px;
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2);
}
.desc_book_img img {
  vertical-align: bottom;
}
.desc_book_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 2px;
  height: 100%;
  background: url("/resources/img/user/bg_book_01.png") left top repeat-y;
}
.desc_book_title dl {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 28px;
}
.desc_book_title dl dt {
  font-size: 1rem;
  color: #034c81;
}
.desc_book_title dl dd {
  font-size: 2.25rem;
  color: #1a1a1a;
  font-weight: 500;
  margin-top: 20px;
  line-height: 1.1;
  word-break: keep-all;
}
.basic_info_wrap {
  margin-top: 25px;
}
.basic_info_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.basic_info {
  float: left;
  width: calc((100% - 20px) / 2);
}
.basic_info:first-child {
  margin-right: 20px;
}
.basic_info dl {
  margin-bottom: 10px;
}
.basic_info dl.info_h {
  height: 52px;
}
.basic_info dl dt {
  font-size: 1rem;
  color: #034c81;
  display: inline-block;
  vertical-align: top;
  width: 37%;
  line-height: normal;
}
.basic_info dl dd {
  font-size: 1.125rem;
  color: #000;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
  line-height: normal;
}
.book_info_box {
  margin-top: 60px;
}
.book_info_box h4 {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
}
.book_info_box > p {
  margin-top: 2px;
}
.adm_txt {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 28px;
}
.book_info_cnt {
  margin-top: 20px;
}
.book_info_cnt h5 {
  font-size: 1.125rem;
  color: #034c81;
  line-height: 28px;
  font-weight: 400;
}
.book_info_cnt h5.font_c {
  color: #1a1a1a;
}
.book_info_cnt p {
  margin-top: 10px;
}
.book_info_cnt .ebook_list .book_area {
  max-width: 178px;
}
.book_info_cnt .book_name {
  max-width: 178px;
  font-size: 1.125rem;
  line-height: 24px;
  margin-top: 18px;
}
.book_img {
  text-align: center;
  margin-top: 60px;
}
.book_img img {
  max-width: 100%;
}

/* 캠페인 */
.slide_tab:after {
  content: "";
  clear: both;
  display: block;
}
.frame_st3_wrap {
  position: relative;
  padding: 0 40px;
  box-sizing: border-box;
}
.frame_st3_wrap:before {
  position: absolute;
  bottom: 1px;
  left: 40px;
  content: "";
  width: calc(100% - 80px);
  height: 1px;
  background: #ddd;
}
.frame_st3 {
  height: 58px;
  max-width: 100%;
}
.slide_tab li {
  float: left;
}
.slide_tab li a {
  display: block;
  padding: 20px 25px;
  min-width: 138px;
  color: #1a1a1a;
  font-size: 1.125rem;
  font-weight: 300;
  height: 57px;
  box-sizing: border-box;
}
.slide_tab li.active a {
  color: #00a99a;
  position: relative;
  font-weight: 500;
}
.slide_tab li.active a:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #20bcae;
  z-index: 99;
}
.frame_st3 .btn {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  border: 1px solid #dedede;
  width: 28px;
  height: 28px;
  border-radius: 100%;
}
.frame_st3 .prev {
  left: 0;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  transform: rotate(180deg);
}
.frame_st3 .next {
  right: 0;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
}
.slidetab_con {
  display: none;
}
.slidetab_con:first-child {
  display: block;
}
.slide_con_top:after {
  content: "";
  clear: both;
  display: block;
}
.slide_con_top {
  margin-top: 60px;
}
.slide_con_lef {
  float: left;
  width: 48.572%;
}
.slide_con_rig {
  float: left;
  width: 51.428%;
  padding: 40px 60px;
  box-sizing: border-box;
}
.lef_img_wrap {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  padding-bottom: 59.411%;
  width: 100%;
}
.lef_img_wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.lef_img_wrap:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: absolute;
  border-radius: 32px;
  z-index: 9;
}
.campaign_state {
  width: 74px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid #ff7e27;
  box-sizing: border-box;
  font-size: 1rem;
  color: #ff7e27;
  text-align: center;
  line-height: 30px;
}
.slide_con_rig h3 {
  font-size: 2.25rem;
  font-weight: 500;
  color: #1a1a1a;
  margin-top: 30px;
}
.campaign_date {
  margin-top: 30px;
  font-size: 1rem;
  color: #000;
  font-weight: 300;
}

.inner_tab_wrap {
  margin-top: 60px;
}
.inner_con_wrap img {
  max-width: 100%;
}
.innner_tab {
  position: relative;
  padding-top: 56px;
}
.innner_tab li a {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(25% + 1px);
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  font-size: 1.125rem;
  font-weight: 300;
}
.innner_tab li:nth-child(2) a {
  left: 25%;
}
.innner_tab li:nth-child(3) a {
  left: 50%;
}
.innner_tab li:nth-child(4) a {
  left: 75%;
  width: 25%;
}
.innner_tab li a.on {
  border-bottom: 0;
  color: #00a99a;
  font-weight: 500;
}
.innner_tab li a.on:before {
  position: absolute;
  top: -1px;
  left: -1px;
  content: "";
  width: calc(100% - 2px);
  height: 100%;
  border: 2px solid #20bcae;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  z-index: 99;
}
.innner_tab li:nth-child(4) a.on:before {
  width: calc(100% - 2px);
}
.inner_tab_con {
  display: none;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 60px 30px;
  text-align: center;
}
.inner_tab_con.on {
  display: block;
}
.inner_tab_con h4 {
  font-size: 2.25rem;
  color: #1a1a1a;
  font-weight: 500;
}
.inner_con_wrap {
  margin-top: 60px;
}
/* s :: 2022-08-25 우리가족 롤링페이퍼 puJ*/
.innner_tab li .rollingpaper {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(25% + 1px);
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  font-size: 1.125rem;
  font-weight: 300;
}
/* .innner_tab li:nth-child(2) .rollingpaper {
  left: calc(50% - 1px);
} */
/* e :: 2022-08-25 우리가족 롤링페이퍼 puJ*/

/* s :: 2023-10-12 내 책상을 소개합니다 안내 puH */
/* .innner_tab li .rollingpaper {position:absolute; top:0; left:0;  width:calc(100% - 0.5px);text-align:center; border:1px solid #ddd; border-bottom:none; border-radius:16px 16px 0 0; height:56px; line-height:56px; box-sizing:border-box;  font-size:1.125rem; font-weight:300;} */
/* e :: 2023-10-12 내 책상을 소개합니다 응모안내만 puH */

/* 양육칼럼 */
.column_wrap {
  margin-top: 30px;
}
.board_list2 .col_num {
  width: 10%;
}
.board_list2 .col_field {
  width: 15%;
}
.board_list2 .col_subj {
  width: 50%;
}
.board_list2 .b_cnt > div.col_subj {
  text-align: left;
  line-height: normal;
}
.board_list2 .b_cnt > div.col_subj a {
  display: block;
  padding: 0 18px 0 30px;
  box-sizing: border-box;
  color: #1a1a1a;
  font-size: 1rem;
  white-space: normal;
  line-height: 1.3;
  height: 2.6em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.board_list2 .col_writer {
  width: 11%;
}
.board_list2 .col_date {
  width: 14%;
}
.board_list2 .b_cnt > div.col_subj.long_subj {
  position: relative;
}
.board_list2 .b_cnt > div.col_subj.long_subj .new_tag {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 2px;
}

/* 위클리 에듀교보 */
.weekly_edu_wrap {
  margin-top: 60px;
}
.category.slide_category {
  min-width: 100%;
  padding: 30px 0 15px;
}
.category.slide_category li {
  min-width: 67px;
  margin-bottom: 15px;
}

/* 독서 */
.ebook_btn {
  position: absolute;
  top: -18px;
  right: 0;
  display: block;
  width: 166px;
  height: 56px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  line-height: 54px;
  border-radius: 28px;
  z-index: 99;
  font-size: 1rem;
  font-weight: 300;
}
.ebook_btn span {
  position: relative;
  padding-left: 29px;
}
.ebook_btn span:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  content: "";
  width: 20px;
  height: 18px;
  background: url("/resources/img/user/icon_eb.svg") center center no-repeat;
}
.category.slide_category li.no_right {
  margin-right: 0;
}

.ebook_list_st {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 30px;
  margin-top: 30px;
}
.ebook_list_st:after {
  content: "";
  clear: both;
  display: block;
}
.ebook_list_st:first-child {
  margin-top: 0;
}
.ul_wrap {
  margin-bottom: 30px;
}
.ebook_list_st li {
  float: left;
  width: 25%;
}
.book_company {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
}
.ebook_list_st .book_area {
  cursor: pointer;
}
.hidden_link_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.hidden_link {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hidden_link a {
  display: block;
  width: 122px;
  height: 56px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 28px;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  font-weight: 300;
  line-height: 54px;
}
.hidden_link a span {
  position: relative;
}
.hidden_link a.detail_link span {
  padding-left: 27px;
}
.hidden_link a.preview_link span {
  padding-left: 30px;
}
.hidden_link a.preview_link {
  margin-top: 15px;
}
.hidden_link a.detail_link span:before {
  content: "";
  width: 18px;
  height: 14px;
  top: 50%;
  margin-top: -6px;
  left: 0;
  background: url("/resources/img/user/icon_list_white.svg") center center no-repeat;
  position: absolute;
  background-size: 18px 14px;
}
.hidden_link a.preview_link span:before {
  content: "";
  width: 22px;
  height: 14px;
  top: 50%;
  margin-top: -6px;
  left: 0;
  background: url("/resources/img/user/icon_eye.svg") center center no-repeat;
  position: absolute;
  background-size: 22px 14px;
}

/* ebook 상세페이지 */
.desc_adm_wrap.desc_adm_wrap2 {
  margin: 0 auto;
}
.no_cmt {
  padding: 40px 0 20px;
  text-align: center;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}

/* ebook 이용방법 */
.page_tit.page_link.no_line {
  border-bottom: none;
}
.howto_wrap {
  margin-top: 30px;
}
.howto img {
  max-width: 100%;
}
.howto_step_list > li {
  padding: 60px 0;
  border-bottom: 1px dashed #ddd;
}
.howto_step_list > li:after {
  content: "";
  display: block;
  clear: both;
}
.howto_step_list > li:last-child {
  border-bottom: none;
}
.howto_step_list > li:nth-child(1) .step_img {
  background: url("/resources/img/user/icon_howto1.png") center center no-repeat;
}
.howto_step_list > li:nth-child(2) .step_img {
  background: url("/resources/img/user/icon_howto2.png") center center no-repeat;
}
.howto_step_list > li:nth-child(3) .step_img {
  background: url("/resources/img/user/icon_howto3.png") center center no-repeat;
}
.step_tit {
  font-size: 0;
}
.step_tag {
  display: inline-block;
  width: 78px;
  height: 32px;
  border: 1px solid #20bcae;
  border-radius: 16px;
  font-size: 1rem;
  color: #00a99a;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
}
.step_tit h3 {
  display: inline-block;
  font-weight: 400;
  color: #1a1a1a;
  font-size: 1.5rem;
  vertical-align: middle;
  margin-left: 10px;
}
.step_img {
  float: left;
  border-radius: 100%;
  width: 184px;
  height: 184px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.guide_list {
  margin-top: 23px;
}
.guide_list li {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 32px;
}
.step_exp {
  float: left;
  width: calc(100% - 184px);
  padding: 0 0 0 60px;
  box-sizing: border-box;
}
.viewer_link_wrap {
  padding: 48px 120px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 32px;
  background: #fafafa;
}
.viewer_link_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.viewer_link {
  float: left;
  font-size: 0;
}
.viewer_link_lef {
  width: 33.912%;
}
.viewer_link_rig {
  position: relative;
  width: 66.088%;
  padding-left: 45px;
  box-sizing: border-box;
}
.viewer_link_rig:before {
  content: "";
  width: 1px;
  height: 80px;
  background: #ddd;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 0;
}
.viewer_link > div {
  display: inline-block;
  vertical-align: middle;
}
.viewer_exp {
  margin-left: 30px;
}
.viewer_exp h4 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #1a1a1a;
}
.viewer_btns {
  margin-top: 20px;
  font-size: 0;
}
.instal_btn {
  font-size: 1rem;
  color: #1a1a1a;
  display: inline-block;
  padding: 0 16px;
  height: 40px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  border-radius: 20px;
  line-height: 38px;
  background: #fff;
}
.instal_btn span {
  position: relative;
  padding-right: 17px;
}
.instal_btn span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 0;
  width: 12px;
  height: 12px;
  background: url("/resources/img/user/down.svg") center center/cover no-repeat;
}
.gg_down {
  margin-right: 8px;
}
.gg_down span {
  padding-left: 20px;
}
.gg_down span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 14px;
  height: 16px;
  background: url("/resources/img/user/icon_gg.svg") center center/cover no-repeat;
}
.ap_down span {
  padding-left: 20px;
}
.ap_down span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 14px;
  height: 18px;
  background: url("/resources/img/user/icon_ap.svg") center center/cover no-repeat;
}
.viewer_img {
  width: 64px;
  height: 64px;
}
.viewer_img1 {
  background: url("/resources/img/user/icon_viewer1.png") center center no-repeat;
}
.viewer_img2 {
  background: url("/resources/img/user/icon_viewer2.png") center center no-repeat;
}
.ipt_noti_wrap {
  margin-top: 30px;
}
.ipt_noti {
  font-size: 1rem;
  color: #1a1a1a;
}
.ipt_noti_list {
  margin-top: 20px;
}
.ipt_noti_list li {
  font-weight: 300;
  font-size: 1rem;
  color: #1a1a1a;
  line-height: 24px;
}
.ipt_noti_list li.color_noti {
  font-weight: 400;
  color: #00a99a;
}
.info_change_btn {
  display: block;
  margin-top: 13px;
  width: 130px;
  height: 40px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 20px;
  line-height: 38px;
  text-align: center;
}
.info_change_btn span {
  position: relative;
  padding-right: 11px;
}
.info_change_btn span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_cs.png") 90% center/cover no-repeat;
}
.pin_number_wrap {
  margin-top: 40px;
}
.login_on2 {
  background: #034c81;
  border-radius: 28px;
  max-width: 398px;
  text-align: center;
  height: 56px;
  line-height: 56px;
  font-size: 0;
}
.login_on2 span {
  display: inline-block;
  font-size: 1.125rem;
  color: #fff;
  vertical-align: middle;
}
.login_off2 {
  background: #034c81;
  border-radius: 28px;
  max-width: 398px;
  text-align: center;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 300;
}
.pin_tit {
  font-weight: 300;
}
.pin_num {
  font-weight: 500;
  margin-left: 20px;
}
.external_btn {
  display: block;
  width: 186px;
  height: 56px;
  line-height: 56px;
  background: #20bcae;
  text-align: center;
  border-radius: 28px;
  font-weight: 500;
  color: #fff;
  font-size: 1.125rem;
  margin-top: 33px;
}

.page_tit.left_align {
  text-align: left;
  margin-top: 0;
}
.page_tit.left_align:after {
  content: "";
  display: block;
  clear: both;
}
.page_tit.left_align p {
  float: left;
  margin-top: 0;
  line-height: 56px;
}
.btns {
  float: right;
  font-size: 0;
}
.btns a {
  display: inline-block;
  width: 124px;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  height: 56px;
  line-height: 56px;
  border: 1px solid #ddd;
  border-radius: 28px;
  box-sizing: border-box;
  text-align: center;
}
.coaching_btn1 span {
  position: relative;
  padding-left: 28px;
}
.coaching_btn1 span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 20px;
  height: 16px;
  background: url("/resources/img/user/icon_ch1.svg") center center no-repeat;
}
.coaching_btn2 {
  margin-left: 15px;
}
.coaching_btn2 span {
  position: relative;
  padding-left: 28px;
}
.coaching_btn2 span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 18px;
  height: 20px;
  background: url("/resources/img/user/icon_ch2.svg") center center/cover no-repeat;
}

.board_list_wrap .ch_num {
  width: 8%;
}
.board_list_wrap .ch_suj {
  width: 38%;
}
.board_list_wrap.my_coaching .ch_suj {
  width: 55%;
}

.board_list_wrap .ch_book_tit {
  width: 15%;
}
.tit {
  display: none;
}
.board_list_wrap .ch_writer {
  width: 8%;
}
.board_list_wrap .ch_age {
  width: 9%;
}
.board_list_wrap .ch_date {
  width: 10%;
}
.board_list_wrap .ch_state {
  width: 12%;
}
.board_list_wrap .ch_state a {
  display: block;
  width: 80px;
  height: 32px;
  box-sizing: border-box;
  border-radius: 16px;
  line-height: 30px;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 11px auto;
}
.board_list_wrap .ch_state a.ch_ing {
  border: 1px solid #20bcae;
  color: #20bcae;
}
.board_list_wrap .ch_state a.ch_end {
  border: 1px solid #ddd;
  color: #555;
}

.b_cnt .ch_suj a {
  display: block;
  padding: 0 18px;
  box-sizing: border-box;
  color: #1a1a1a;
  font-size: 1rem;
  white-space: normal;
  line-height: 1.3;
  height: 2.6em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b_cnt .ch_num {
  font-size: 0.938rem;
}
.b_cnt .ch_date {
  font-size: 0.938rem;
}
.b_cnt > div.lock {
  position: relative;
}
.b_cnt > div.lock:before {
  position: absolute; /* top:50%; margin-top:-7px; */
  top: 21px;
  left: 0;
  content: "";
  width: 12px;
  height: 14px;
  background: url("/resources/img/user/icon_lock.svg") center center no-repeat;
}

.board_list_wrap.no_top {
  margin-top: 0;
}
.board_list_wrap .ch_suj.on a {
  position: relative;
  padding: 0 18px;
  box-sizing: border-box;
}
.board_list_wrap .ch_suj.on .new_tag {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 2px;
}

/* 코칭 요청하기 */
.ch_inner {
  max-width: 750px;
  margin: 0 auto;
}
.event_info.ch_info {
  margin-top: 0;
}
.join_info_wrap.join_info_wrap4 {
  padding: 20px 0;
}
.txt_num_wrap {
  text-align: right;
}
.txt_num.txt_num2 {
  position: static;
  font-size: 0.875rem;
  color: #555;
  margin-top: 10px;
}
.txt_num.txt_num3 {
  position: static;
  font-size: 0.875rem;
  color: #555;
  margin-top: 10px;
}
.txt_num.txt_num2 span {
  color: #1a1a1a;
}
.error_tag.error_tag2 {
  margin-top: 5px;
}
.join_tit.join_tit3 p {
  font-size: 1rem;
  line-height: 24px;
}

/* 코칭 완료 */
.desc_book_info2 {
  padding: 80px 80px;
  background: url(/resources/img/user/bg_ch_end.jpg) center top no-repeat;
  box-sizing: border-box; /* max-height:369px; */
  height: 369px;
}
.desc_book_info2 .desc_book_title {
  float: none;
  width: 100%;
  margin-left: 0;
  max-width: 496px;
}
.desc_book_info2 .basic_info_wrap {
  width: 100%;
  margin-left: 0;
  max-width: 496px;
}
.open_select {
  margin-top: 40px;
}
.change_btn {
  height: 56px;
  line-height: 56px;
  width: 190px;
  color: #fff;
  font-weight: 500;
  font-size: 1.125rem;
  background: #20bcae;
  border-radius: 28px;
  display: block;
  margin: 40px auto 0;
}
.teacher_coaching {
  margin-top: 40px;
}
.teacher_coaching h3 {
  font-size: 1.875rem;
  font-weight: 400;
  color: #1a1a1a;
  padding-top: 60px;
  border-top: 1px dashed #ddd;
}
.recom_book_list {
  margin-top: 30px;
}
.recom_book_list:after {
  content: "";
  display: block;
  clear: both;
}
.recom_book_list li {
  float: left;
  width: calc((100% - 30px) / 2);
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 0 0 32px 0;
  overflow: hidden;
  margin-top: 30px;
  max-height: 192px;
}
.recom_book_list li:first-child {
  margin-top: 0;
}
.recom_book_list li:nth-child(2) {
  margin-top: 0;
}
.recom_book_list li:nth-child(even) {
  margin-left: 30px;
}
.recom_book_list li a {
  display: block;
  font-size: 0;
  background: #fafafa;
  max-height: 192px;
}
.recom_book_list li a:after {
  content: "";
  clear: both;
  display: block;
}
.recom_book_list li a > div {
  float: left;
}
.recom_book_img {
  position: relative;
  width: 132px;
}
.recom_book_img img {
  width: 100%;
}
.recom_book_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 2px;
  height: 100%;
  background: url("/resources/img/user/bg_book_01.png") left top no-repeat;
}
.recom_book_info {
  width: calc(100% - 132px);
  padding: 26px 30px;
  box-sizing: border-box;
}
.recom_book_info dl {
  font-size: 0;
  margin-top: 15px;
}
.recom_book_info dl:first-child {
  margin-top: 0;
}
.recom_book_info dl dt {
  font-size: 0.875rem;
  color: #034c81;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  width: 26%;
}
.recom_book_info dl dd {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  width: 74%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.print_btn {
  margin-left: 10px;
}
.print_btn span {
  position: relative;
  padding-left: 29px;
}
.print_btn span:before {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  content: "";
  width: 20px;
  height: 18px;
  background: url("/resources/img/user/icon_print.svg") center center no-repeat;
}

/*코칭중*/
.ch_ing_img {
  margin-top: 60px;
}
.ch_ing_img img {
  max-width: 100%;
}
.ing_guide {
  text-align: center;
  padding: 60px 0 30px;
}
.ing_guide h4 {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
}
.ing_guide p {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 30px;
}

/* 위클리 북인포 */
.weekly_tit {
  font-size: 0;
}
.weekly_tag {
  display: inline-block;
  width: 70px;
  height: 32px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  border-radius: 16px;
  color: #00a99a;
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
.weekly_tit h3 {
  display: inline-block;
  font-weight: 400;
  font-size: 1.875rem;
  color: #1a1a1a;
  vertical-align: middle;
  margin-left: 10px;
  max-width: calc(100% - 180px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.weekly_tit h3 a {
  background: url("/resources/img/user/icon_weekly_arrow.svg") right center no-repeat;
  background-size: 8px 15px;
  padding-right: 19px;
  color: #1a1a1a;
}
.weekly_tit h3 .new_tag {
  margin-bottom: 8px;
  margin-left: 10px;
}
.weekly_date {
  float: right;
  font-size: 1rem;
  color: #000;
  line-height: 32px;
  font-weight: 300;
}
.weekly_con {
  margin-top: 30px;
  font-size: 0;
}
.weekly_con_lef {
  display: inline-block;
  width: 48.572%;
  vertical-align: middle;
}
.weekly_con_lef a {
  display: block;
  position: relative;
}
.w_more {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 92px;
  height: 40px;
  background: #fff;
  font-size: 1rem;
  color: #1a1a1a;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
}
.w_more span {
  position: relative;
  padding-right: 12px;
}
.w_more span:after {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  content: "";
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_more_btn.png") center center/cover no-repeat;
}
.card_news_img {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 59.216%;
}
.card_news_img:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9;
  border-radius: 32px;
  box-sizing: border-box;
}
.card_news_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.weekly_con_rig {
  position: relative;
  display: inline-block;
  width: calc(51.428% - 30px);
  margin-left: 30px;
  padding: 0 45px;
  box-sizing: border-box;
  vertical-align: middle;
}
.weekly_con_rig .swiper-slide {
  text-align: center;
  max-width: 124px;
}
.weekly_con_rig .swiper-slide a {
  display: block;
  max-width: 124px;
  margin: 0 auto;
}
.weekly_img {
  position: relative;
}
.weekly_img:before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "";
  width: 100%;
  height: 12px;
  background: url("/resources/img/user/bg_weekly_book.png") center center repeat-x;
  z-index: 9;
}
.weekly_img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  width: 2px;
  height: 100%;
  background: url(/resources/img/user/bg_book_01.png) left top no-repeat;
}
.weekly_con_rig .swiper-button-prev {
  width: 30px;
  height: 30px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 100%;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  transform: rotate(180deg);
  margin-top: -15px;
  left: 0;
}
.weekly_con_rig .swiper-button-next {
  width: 30px;
  height: 30px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 100%;
  background: url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  margin-top: -15px;
  right: 0;
}
.weekly_con_rig .swiper-button-next.swiper-button-disabled,
.weekly_con_rig .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
}
.weekly_info_wrap {
  margin-top: 22px;
}
.weekly_info_wrap h4 {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.weekly_info {
  margin-top: 10px;
  font-size: 0;
  text-align: left;
}
.weekly_info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  color: #555;
  font-weight: 300;
}
.weekly_comp {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}
.weekly_comp:before {
  content: "";
  width: 1px;
  height: 10px;
  background: #ccc;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 0;
}
.weekly {
  margin-bottom: 60px;
}

/* 이달의책 상세페이지*/
.cardnews_slide_wrap {
  position: relative;
  max-width: 652px;
  margin: 0 auto;
}
.card_news_slide {
  max-width: 520px;
}
.card_news_slide .swiper-slide img {
  max-width: 100%;
}
.cardnews_slide_wrap .swiper-button-next {
  right: -30px;
  width: 36px;
  height: 57px;
  background: url("/resources/img/user/icon_card_next.png") center center no-repeat;
  margin-top: -28.5px;
}
.cardnews_slide_wrap .swiper-button-prev {
  left: -30px;
  width: 36px;
  height: 57px;
  background: url("/resources/img/user/icon_card_prev.png") center center no-repeat;
  margin-top: -28.5px;
}
.cardnews_slide_wrap .swiper-button-next.swiper-button-disabled,
.cardnews_slide_wrap .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
}
.card_news_slide .swiper-pagination {
  width: 68px;
  height: 28px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.875rem;
  color: #fff;
  line-height: 26px;
  border-radius: 14px;
  left: auto;
  right: 15px;
  bottom: 15px;
}
.no_login {
  padding: 40px 0 20px;
  text-align: center;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
}
.no_login a {
  font-weight: 400;
  text-decoration: underline;
}
.category.slide_category.no_pad {
  padding: 0;
  margin-bottom: 15px;
}

/* 북트레일러*/
.sub_video_wrap {
  padding: 0 30px;
}
.iframe_wrap {
  position: relative;
  padding-bottom: 56.25%;
}
.iframe_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
}

/* 마음이 자라는 책 */

.theme_book_bg {
  position: relative;
  max-width: 850px;
  margin: 33px auto 0;
  padding: 0 50px 0 80px;
  box-sizing: border-box;
  font-size: 0;
}
.theme_book_bg:after {
  position: absolute;
  top: 277px;
  left: 0;
  content: "";
  width: 100%;
  height: 43px;
  background: url("/resources/img/user/bg_shelf.png") center center no-repeat;
  box-shadow: 0px 29px 20px 0px rgba(123, 47, 0, 0.3);
}
.theme_book_wrap {
  position: relative;
  z-index: 9;
}
.tb_slide .swiper-slide {
  padding-top: 20px;
  max-width: 190px;
}
.theme_book_img a {
  display: block;
}
.theme_book_img {
  position: relative;
  box-shadow: 10px 0px 10px 0px rgba(123, 47, 0, 0.2);
  max-width: 190px;
}
.theme_book_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 2px;
  height: 100%;
  background: url("/resources/img/user/bg_book_01.png") left top no-repeat;
}
.theme_book_img img {
  max-width: 100%;
  vertical-align: bottom;
}
/* .month_theme {
  background: url("/resources/img/user/bg_month_theme.jpg") center top/cover no-repeat;
} */
.mind_tit {
  font-size: 2.25rem;
  color: #1a1a1a;
  font-weight: 400;
  text-align: center;
}
.theme_tit {
  position: relative;
  margin-top: 53px;
}
.theme_tit h4 {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 300;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  line-height: 1.2;
}
.theme_tit h4 span {
  position: relative;
}
.theme_tit h4 span:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: -70px;
  content: "";
  width: 59px;
  height: 14px;
  background: url("/resources/img/user/icon_theme.svg") center center no-repeat;
}
.sel_wrap.sel_ps {
  position: absolute;
  top: -13px;
  right: 0;
  background: #fff;
  width: 160px;
}

.recom_book_wrap {
  margin-top: 40px;
}
.recom_book_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.recom_book {
  float: left;
  width: calc((100% - 30px) / 2);
  border-radius: 32px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 40px;
  margin-bottom: 30px;
  max-height: 441px;
}
.recom_book:nth-child(odd) {
  background: url("/resources/img/user/bg_rb_lef.gif") center top no-repeat;
}
.recom_book:nth-child(even) {
  background: url("/resources/img/user/bg_rb_rig.gif") center top no-repeat;
  margin-left: 30px;
}

.rb_list {
  font-size: 0;
  text-align: center;
  margin-top: 30px;
}
.rb_list li {
  display: inline-block;
  margin: 0 15px;
}
.rb_img {
  position: relative;
  max-width: 160px;
  min-width: 160px;
  text-align: center;
}
.rb_img img {
  max-width: 100%;
}
.rb_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 17px;
  width: 2px;
  height: 100%;
  background: url("/resources/img/user/bg_book_01.png") left top no-repeat;
}
.rb_img:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "";
  width: 100%;
  height: 9px;
  background: url("/resources/img/user/bg_rb.gif") center center no-repeat;
  z-index: 9;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
}
.theme_book_info {
  margin-top: 54px;
}
.theme_book_info a {
  display: block;
}
.theme_book_info h5 {
  font-size: 1.25rem;
  color: #1a1a1a;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.made {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recom_book h4 {
  font-size: 1.875rem;
  color: #1a1a1a;
  font-weight: 400;
}
.recom_book h4 a {
  background: url("/resources/img/user/icon_weekly_arrow.svg") right center no-repeat;
  background-size: 8px 15px;
  padding-right: 19px;
}
.rb_info {
  margin-top: 20px;
  max-width: 160px;
  text-align: left;
}
.rb_info h5 {
  color: #1a1a1a;
  line-height: 1.5rem;
  font-weight: 300;
  font-size: 1.125rem;
  white-space: normal;
  white-space: normal;
  height: 3rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rb_writer {
  color: #555;
  font-size: 0.875rem;
  font-weight: 300;
  margin-top: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*마음이 자라는 책 리스트*/
.list_title {
  position: relative;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.list_title h3 {
  font-weight: 400;
  color: #1a1a1a;
  font-size: 1.875rem;
}
.list_txt {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: 30px;
}
.list_cnt:after {
  content: "";
  display: block;
  clear: both;
}
.list_cnt {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 30px;
  margin-top: 30px;
}
.list_cnt:first-child {
  margin-top: 0;
}
.list_cnt li {
  float: left;
  width: 25%; /*  min-height:418px;   */
}
.back_btn_st2 {
  position: absolute;
  top: -15px;
  right: 0;
  width: 136px;
  height: 56px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 28px;
  line-height: 54px;
  text-align: center;
  color: #1a1a1a;
  font-size: 1rem;
  font-weight: 300;
}
.back_btn_st2 span {
  position: relative;
  padding-left: 27px;
}
.back_btn_st2 span:before {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  content: "";
  width: 18px;
  height: 18px;
  background: url("/resources/img/user/icon_return.svg") center center no-repeat;
}
.list_contents {
  margin: 40px 0 30px 0;
}
.list_contents_wrap {
  padding-top: 40px;
}
.book_writer {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 북칼럼 */
.column_list:after {
  content: "";
  display: block;
  clear: both;
}
.column_list li {
  float: left;
  width: calc((100% - 30px) / 2);
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 32px;
  background: #fafafa;
  margin-bottom: 30px;
  min-height: 356px;
  max-height: 356px;
}
.column_list li:nth-child(even) {
  margin-left: 30px;
}
.column_list li:after {
  content: "";
  display: block;
  clear: both;
}
.book_column_img {
  float: left;
  max-width: 190px;
}
.book_column_info {
  float: left;
  width: calc(100% - 190px);
  padding-left: 39px;
  box-sizing: border-box;
}
.book_column_info h3 {
  font-size: 1.5rem;
  word-break: keep-all;
  line-height: 1.875rem;
  height: 3.75rem;
  font-weight: 400;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.book_column_info h3 a {
  color: #1a1a1a;
}
.book_column_info h3.on {
  position: relative;
  padding-right: 14px;
  box-sizing: border-box;
  word-break: break-word;
}
.book_column_info h3.on .new_tag {
  position: absolute;
  bottom: 5%;
  right: 0;
}

.book_column_img {
  position: relative;
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2);
}
.book_column_img a {
  display: block;
}
.book_column_img a img {
  vertical-align: top;
  max-width: 100%;
}
.book_column_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 2px;
  height: 100%;
  background: url("/resources/img/user/bg_book_01.png") left top no-repeat;
}
.column_writer {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.keyword_wrap {
  margin-top: 30px;
}
.keyword_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.keyword_wrap > div {
  float: left;
  padding: 0 16px;
  border: 1px solid #20bcae;
  border-radius: 16px;
  box-sizing: border-box;
  height: 32px;
  line-height: 28px;
  font-size: 1rem;
  color: #00a99a;
  min-width: 68px;
  margin: 0 4px 4px 0;
}

.list_book_info .book_name a {
  color: #1a1a1a;
}

/* 청소년 코칭 완료 */
.desc_book_info2.youth_book_info {
  background: url(/resources/img/user/bg_ch_end2.jpg) center top/cover no-repeat;
}

/* 처음오셨나요 */
.sub_top_wrap.first_visit_top {
  padding: 74px 0 85px;
}
.sevice_exp_wrap1 {
  padding-top: 180px;
  background: url(/resources/img/user/bg_service1.png) center top no-repeat;
}
.sevice_exp_wrap1 .sevice_txt1 {
  text-align: center;
  font-size: 1.5rem;
  color: #1a1a1a;
  line-height: 2.25rem;
}
.sevice_exp_wrap1 .sevice_txt2 {
  text-align: center;
  font-size: 1.125rem;
  color: #1a1a1a;
  line-height: 1.75rem;
  margin-top: 30px;
}
.sevice_exp_wrap2 {
  text-align: center;
  margin-top: 60px;
}
.service_img img {
  max-width: 100%;
}
.sevice_noti {
  margin-top: 30px;
  color: #555;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}

.menu_link {
  display: flex;
  font-size: 0;
  justify-content: space-around;
}
.menu_link li {
  /* display: inline-block;
  width: 25%; */
  flex: 1;
}
.menu_link li a {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  display: block;
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.menu_link li.on a {
  position: relative;
  font-weight: 500;
  color: #00a99a;
}
.menu_link li.on a:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #20bcae;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.page_top {
  margin-top: 60px;
  background: url(/resources/img/user/bg_keds2.png) right center no-repeat;
  padding: 35px 0 36px;
  max-height: 224px;
}
.page_top2 {
  background: url(/resources/img/user/bg_keds.png) right center no-repeat;
  padding: 26px 0;
}
.page_top3 {
  background: url(/resources/img/user/bg_read.png) right center no-repeat;
  padding: 26px 0;
}
.page_top4 {
  background: url(/resources/img/user/bg_1318.png) right center no-repeat;
}
.page_top h4 {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
  line-height: 2.25rem;
}
.service_age {
  margin-top: 15px;
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
}
.service_note {
  margin-top: 15px;
  font-size: 0.875rem;
  color: #555;
  font-weight: 300;
}
.page_top_logo {
  margin-top: 30px;
}

.service_tab_wrap {
  position: relative;
  padding-top: 100px;
  margin-top: 60px;
}
.service_tab_wrap > li > a {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  background: #f4f4f4;
  width: 25%;
  text-align: center;
  line-height: 54px;
  border: 1px solid #ebebeb;
  border-left: none;
  box-sizing: border-box;
  border-right: none;
  font-size: 1.125rem;
  font-weight: 300;
  color: #1a1a1a;
}
.service_tab_wrap > li > a.service_tab1 {
  border-radius: 28px 0 0 28px;
  border-left: 1px solid #ebebeb;
}
.service_tab_wrap > li > a.service_tab2 {
  left: 25%;
}
.service_tab_wrap > li > a.service_tab3 {
  left: 50%;
}
.service_tab_wrap > li > a.service_tab4 {
  left: 75%;
  border-radius: 0 28px 28px 0;
  border-right: 1px solid #ebebeb;
}
.service_tab_wrap > li > a.on:after {
  position: absolute;
  top: -1px;
  left: 0px;
  content: "";
  width: 100%;
  height: 56px;
  background: #20bcae;
  border-radius: 28px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  z-index: 9;
}
.service_tab_wrap > li > a.on span {
  position: relative;
  z-index: 99;
  font-weight: 500;
  color: #fff;
}

.service_tab_wrap.service_tab_wrap3 > li > a {
  width: 33.333%;
}
.service_tab_wrap.service_tab_wrap3 > li > a.service_tab2 {
  left: 33.333%;
}
.service_tab_wrap.service_tab_wrap3 > li > a.service_tab3 {
  left: 66.666%;
  border-radius: 0 28px 28px 0;
  border-right: 1px solid #ebebeb;
}

.tab_top {
  padding: 40px 0 47px 30px;
  box-sizing: border-box;
}
.tab_top1 {
  background: url(/resources/img/user/bg_culture.png) right bottom no-repeat;
}
.tab_top2 {
  background: url(/resources/img/user/bg_reading.png) right bottom no-repeat;
}
.tab_top3 {
  background: url(/resources/img/user/bg_youth.png) right bottom no-repeat;
}
.tab_top4 {
  background: url(/resources/img/user/bg_fs.png) right bottom no-repeat;
}
.tab_top p {
  font-size: 1.5rem;
  color: #1a1a1a;
  line-height: 2.25rem;
}

.tab_link_list li {
  padding: 40px 26px 40px 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.tab_link_list li h5 a {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
  background: url("/resources/img/user/icon_weekly_arrow.svg") right center no-repeat;
  background-size: 7px 10px;
  padding-right: 18px;
}
.tab_link_guide {
  margin-top: 15px;
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.75rem;
  word-break: keep-all;
}
.tab_note {
  margin-top: 15px;
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: normal;
}
.add_text {
  position: relative;
  margin-top: 15px;
  font-size: 1rem;
  color: #00a99a;
  padding-left: 16px;
  box-sizing: border-box;
}
.add_text:before {
  content: "※";
  position: absolute;
  top: 50%;
  left: 0;
  top: 0;
}
.add_text.add_text2 {
  margin-top: 4px;
}
.service_tab_con {
  display: none;
}
.service_tab_con.on {
  display: block;
}

/* 인문학길잡이 */
.page_tit.left_align.left_align2 {
  margin-top: 80px;
}
.btns a.columnists {
  width: 138px;
}
.columnists span {
  position: relative;
  padding-left: 30px;
}
.columnists span:before {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  content: "";
  width: 22px;
  height: 18px;
  background: url("/resources/img/user/icon_column.svg") center center no-repeat;
}
.celeb_list_wrap {
  margin-top: 60px;
}
.celeb_list:after {
  content: "";
  display: block;
  clear: both;
}
.celeb_list {
  margin-bottom: 30px;
}
.celeb_list li {
  float: left;
  width: 50%;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ddd;
  box-sizing: border-box;
  margin-top: 30px;
}
.celeb_list li:nth-child(even) {
  padding-left: 15px;
}
.celeb_list li:nth-child(odd) {
  padding-right: 15px;
}
.celeb_list li:nth-child(1) {
  margin-top: 0;
}
.celeb_list li:nth-child(2) {
  margin-top: 0;
}
.celeb_list li:after {
  content: "";
  display: block;
  clear: both;
}
.celeb_img {
  float: left;
  max-width: 136px;
  border-radius: 32px;
  overflow: hidden;
}
.celeb_column {
  float: left;
  width: calc(100% - 166px);
  margin-left: 30px;
  padding-top: 20px;
}
.celeb_column h3 {
  font-size: 1.25rem;
  font-weight: 300;
  color: #1a1a1a;
  white-space: normal;
  line-height: 1.625rem;
  height: 3.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.celeb_column h3 a {
  color: #1a1a1a;
}
.column_date {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: 20px;
}

/* 세계문화탐방 */
.global_list_wrap {
  margin-top: 80px;
}

/* 워크샵 */
.top_space {
  margin-top: 30px;
}
.steam_tag_04 {
  background: rgba(255, 126, 39, 0.9);
}

.enter_guide {
  margin-top: 60px;
}
.enter_guide h4 {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 400;
}
.lectur_info {
  margin-top: 30px;
}
.lectur_info dl {
  margin-top: 40px;
  font-size: 0;
}
.lectur_info dl:first-child {
  margin-top: 0;
}
.lectur_info dl dt {
  font-size: 1.125rem;
  color: #1a1a1a;
  display: inline-block;
  vertical-align: middle;
  width: 92px;
}
.lectur_info dl dd {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
}
.lectur_info dl dd span {
  font-weight: 400;
  color: #00a99a;
}
.map_view {
  font-size: 1rem;
  color: #00a99a;
  border: 1px solid #20bcae;
  width: 100px;
  height: 48px;
  box-sizing: border-box;
}
.sub_btn_wrap.sub_btn_top {
  margin-top: 40px;
}

/* 워크샵 응모하기 */
.join_inner.workshop_inner {
  margin: 0 auto;
}

/* 체험학습 */
.exp_info:after {
  content: "";
  display: block;
  clear: both;
}
.exp_info > dl {
  float: left;
  position: relative;
  font-size: 0;
  margin-left: 16px;
  padding-left: 18px;
  box-sizing: border-box;
}
.exp_info > dl:before {
  content: "";
  width: 1px;
  height: 12px;
  background: #aaa;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
}
.exp_info > dl:first-child {
  margin-left: 0;
  padding-left: 0;
}
.exp_info > dl:first-child:before {
  display: none;
}
.exp_info > dl > dt {
  display: inline-block;
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 400;
  vertical-align: middle;
}
.exp_info > dl > dd {
  display: inline-block;
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  vertical-align: middle;
  margin-left: 10px;
}
.exp_list {
  margin-top: 60px;
}
.exp_list:after {
  content: "";
  display: block;
  clear: both;
}
.exp_list li {
  float: left;
  width: calc((100% - 30px) / 2);
  margin-bottom: 60px;
}
.exp_list li:nth-child(even) {
  margin-left: 30px;
}
.exp_list li a {
  display: block;
}
.exp_img {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  padding-bottom: 59.215%;
  height: 0;
}
.exp_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: 100%;
}
.exp_desc {
  margin-top: 30px;
}
.exp_desc h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  height: 3.25rem;
  font-weight: 300;
  color: #1a1a1a;
  word-break: keep-all;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exp_desc h3.on {
  position: relative;
  padding-right: 14px;
  box-sizing: border-box;
  word-break: break-word;
}
.exp_desc h3.on .new_tag {
  position: absolute;
  top: 60%;
  right: 0;
}
.exp_info2 {
  margin-top: 20px;
}
.exp_info2 dl dt {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
}
.exp_info2 dl dd {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
}
.exp_info2 dl {
  margin-top: 8px;
}
.exp_info2 dl:first-child {
  margin-top: 0;
}

.inner_tab_wrap.exp_tab_wrap {
  border-top: 1px dashed #ddd;
  padding-top: 60px;
  margin-top: 40px;
}
.exp_tab_wrap .innner_tab li a {
  width: calc(33.333% + 1px);
}
.exp_tab_wrap .innner_tab li:nth-child(2) a {
  left: 33.333%;
}
.exp_tab_wrap .innner_tab li:nth-child(3) a {
  left: 66.666%;
  width: 33.333%;
}
.exp_tab_wrap .innner_tab li:nth-child(3) a.on:before {
  width: calc(100% - 2px);
}
.exp_tab_wrap .inner_con_wrap {
  margin-top: 0;
}

/* 체험학습 응모하기 */
.join_inner.exp_inner {
  margin: 0 auto;
}
.sel_wrap.sel_wrap_grade {
  width: 180px;
}

/* 경제캠프 */
.exp_wrap.exp_wrap_top {
  margin-top: 80px;
}
.add_info {
  margin-top: 20px;
  font-size: 1.125rem;
  color: #1a1a1a;
  line-height: 1.5rem;
  font-weight: 300;
}

/* on air */
.cmt_num {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-left: 6px;
  font-size: 0.875rem;
  color: #00a99a;
  font-weight: 400;
}
.desc.desc3 h4.on {
  padding-right: 35px;
}
.desc.desc3 h4.on .cmt_num {
  position: absolute;
  top: 50%;
  right: 22px;
}

/* on air 상세 */
.onair_tit {
  font-size: 1.125rem;
  color: #1a1a1a;
  line-height: 1.75rem;
  font-weight: 300;
}
.onair_txt {
  font-size: 1.125rem;
  color: #1a1a1a;
  line-height: 1.75rem;
  font-weight: 300;
  margin-top: 35px;
}
.desc_img_wrap {
  margin-top: 40px;
}
.desc_img_wrap .desc_page_img {
  margin-bottom: 20px;
}
.desc_img_wrap .desc_page_img:last-child {
  margin-bottom: 0;
}
.desc_img_wrap .desc_page_img img {
  max-width: 100%;
}

/* 추천!테마여행 */
.theme_trip1 {
  position: relative;
  padding: 80px 0;
  box-sizing: border-box;
}
.sub_inner.sub_inner100 {
  max-width: 100%;
}
/* .theme_trip_wrap .carousel-cell {width:510px; height:302px; border-radius:32px; overflow:hidden; margin-right:30px;}
.theme_trip_wrap .carousel-cell  a {display:block; position:relative;}
.theme_trip_wrap .carousel-cell .theme_img {position:relative; width:510px; height:0; padding-bottom:59.215%;}
.theme_trip_wrap .carousel-cell .theme_img:before {content:''; width:100%; height:100%; background:url('/resources/img/user/bg_dim.png') center bottom/cover no-repeat; position:absolute; bottom:0; left:0; z-index:1;}
.theme_trip_wrap .carousel-cell .theme_img  img {width:100%; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} */

/* .theme_trip_wrap  .flickity-enabled {z-index:2;}
.theme_trip_wrap .flickity-prev-next-button.previous {left:50%; margin-left:-540px; width:30px; height:30px; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:rotate(180deg) translateY(0); margin-top:-15px; }
.theme_trip_wrap .flickity-prev-next-button.previous svg {display:none;}
.theme_trip_wrap .flickity-prev-next-button.next {right:50%; margin-right:-540px; width:30px; height:30px; background:#fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat; background-size: 5px 8px; transform:translateY(0); margin-top:-15px; }
.theme_trip_wrap .flickity-prev-next-button.next  svg {display:none;} */

.theme_trip_wrap {
  overflow: hidden;
}
.theme_trip1 .swiper-slide {
  width: 510px;
  height: 302px;
  border-radius: 32px;
  overflow: hidden;
  margin-right: 30px;
}
.theme_trip1 .swiper-slide a {
  display: block;
  position: relative;
}
.theme_trip1 .swiper-slide .theme_img {
  position: relative;
  width: 510px;
  height: 0;
  padding-bottom: 59.215%;
}
.theme_trip1 .swiper-slide .theme_img:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/resources/img/user/bg_dim.png") center bottom/cover no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.theme_trip1 .swiper-slide .theme_img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.theme_slider {
  max-width: 1050px;
  margin: 0 auto;
  overflow: visible !important;
}

.theme_trip1 .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  transform: rotate(180deg) translateY(0);
  margin-top: -15px;
  border-radius: 100%;
  left: -15px;
}
.theme_trip1 .swiper-button-next {
  width: 30px;
  height: 30px;
  background: #fff url(/resources/img/user/icon_cs.png) center center/cover no-repeat;
  background-size: 5px 8px;
  transform: translateY(0);
  margin-top: -15px;
  border-radius: 100%;
  right: -15px;
}

.theme_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.theme_bg img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  height: 100%;
  width: 100%;
}
.theme_bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.theme_desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 28px;
  box-sizing: border-box;
  z-index: 2;
}
.theme_desc h4 {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
}
.theme_desc p {
  margin-top: 20px;
  font-size: 1rem;
  color: #fff;
  line-height: 1.25rem;
  font-weight: 300;
}

.theme_trip h3 {
  font-size: 2.25rem;
  color: #1a1a1a;
  font-weight: 500;
  text-align: center;
}
.theme_trip2 {
  max-width: 1050px;
  margin: 0 auto;
  padding: 100px 0 120px;
}

.now_trip_img {
  position: relative;
  border-radius: 100%;
  height: 186px;
  width: 186px;
  overflow: hidden;
}
.now_trip_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.now_trip {
  font-size: 0;
  margin-top: 60px;
}
.now_trip .swiper-wrapper {
  justify-content: center;
}
.now_trip .swiper-slide {
  display: inline-block;
  margin: 0 15px;
  width: 186px !important;
}
.now_trip .swiper-slide:first-child {
  margin-left: 0;
}
.now_trip .swiper-slide:last-child {
  margin-right: 0;
}
.now_trip > div h4 {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  color: #1a1a1a;
  margin-top: 30px;
}

.theme_trip3 {
  padding: 100px 0 120px;
  background: url(/resources/img/user/bg_quiz.jpg) center bottom/cover no-repeat;
}
.theme_trip_inner {
  max-width: 1050px;
  margin: 0 auto;
}
.theme_trip3 h3 span {
  position: relative;
  padding-right: 16px;
}
.theme_trip3 h3 span:after {
  content: "";
  width: 8px;
  height: 32px;
  background: url(/resources/img/user/icon_exc.png) center center no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
}

.quiz_box {
  margin-top: 38px;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0px 16px 16px 0px rgba(0, 108, 98, 0.2);
  overflow: hidden;
  padding: 60px;
  box-sizing: border-box;
}
.quiz_box:after {
  content: "";
  display: block;
  clear: both;
}
.quiz_img {
  float: left;
  width: 405px;
  height: 374px; /* padding-bottom:40.216%; */
  position: relative;
  overflow: hidden;
}
.quiz_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quiz_cnt {
  float: left;
  width: calc(100% - 405px);
  padding: 20px 60px;
  box-sizing: border-box;
}
.quiz_tag {
  display: block;
  width: 178px;
  height: 32px;
  border: 1px solid #ff7e27;
  border-radius: 16px;
  line-height: 30px;
  text-align: center;
  font-size: 1rem;
  color: #ff7e27;
}
.quiz_cnt h4 {
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #034c81;
  font-weight: 400;
  margin-top: 25px;
}
.hint {
  margin-top: 30px;
  position: relative;
  padding-left: 50px;
  box-sizing: border-box;
}
.hint:before {
  content: "";
  width: 37px;
  height: 21px;
  background: url(/resources/img/user/icon_hint.png) center center no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.answer_list:after {
  content: "";
  display: block;
  clear: both;
}
.answer_list {
  margin-top: 39px;
}
.answer_list li {
  float: left;
  width: 25%;
  font-size: 1.25rem;
  color: #1a1a1a;
}
.answer_btn {
  display: block;
  width: 180px;
  height: 56px;
  line-height: 56px;
  background: #20bcae;
  border-radius: 28px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  margin-top: 38px;
}

.theme_trip4 {
  padding-top: 80px;
}
.with_fam_wrap {
  margin-top: 40px;
}
.fam_tag {
  display: inline-block;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #20bcae;
  border-radius: 16px;
  margin-bottom: 20px;
}

.theme_detail_tit {
  position: relative;
  background: url(/resources/img/sample/bg_theme_detail.jpg) center center/cover no-repeat;
  padding: 75px 0;
  border-radius: 32px;
  overflow: hidden;
  text-align: center;
}
.theme_detail_tit h3 {
  font-size: 2.25rem;
  color: #fff;
  font-weight: 500;
}
.area_name {
  width: 124px;
  height: 56px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 300;
  line-height: 54px;
  border-radius: 28px;
  margin: 40px auto 0;
}
.theme_detail_tit p {
  margin-top: 40px;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 300;
  color: #fff;
}
.e_share.theme_share {
  position: absolute;
  right: 25px;
  top: 25px;
}
.e_share.theme_share .btn_shar {
  background: url(/resources/img/user/icon_sharing2.svg) center center no-repeat;
  background-size: 20px 20px;
}
.desc_page_con.theme_page_con {
  border-top: 0;
  margin-top: 0;
}
.inner_tab_wrap.exp_tab_wrap.theme_tab_wrap {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.exp_sche {
  margin-top: 30px;
}
.exp_sche img {
  max-width: 100%;
}

.sub_cs_box.myroom_link a {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 500;
}

/* 고객센터 */
.cust_guide {
  font-size: 1.125rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.75rem;
}
.seed_tab.cust_tab li > a {
  width: 50%;
}
.seed_tab.cust_tab li:nth-child(2) > a {
  left: 50%;
  border-radius: 0 28px 28px 0;
}
.seed_tab_wrap.cust_tab_wrap {
  margin-top: 60px;
}
.long_txt.long_txt2 {
  min-height: 200px;
}
.sel_wrap.cust_sel_wrap {
  width: 180px;
}
.seed_tab.cust_tab .seed_tab_cnt01 {
  padding-top: 0;
}
.join_info_wrap.join_info_wrap3.line_no {
  border-top: none;
}
.join_group:last-child .info_la.pad_top {
  padding-top: 15px;
}
.seed_tab.cust_tab .seed_tab_cnt02 {
  padding-top: 40px;
}

.board_list3 .col_num {
  width: 8%;
}
.board_list3 .col_field {
  width: 15%;
}
.board_list3 .col_subj {
  width: 45%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_list3 .col_date {
  width: 13%;
}
.board_list3 .col_answer {
  width: 15%;
}
.board_list3 .col_arr {
  width: 4%;
}

.board_list3 .col_answer span {
  display: block;
  width: 80px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
  color: #555;
  font-size: 0.875rem;
  margin: 0 auto;
  border-radius: 16px;
}
.board_list3 .col_answer span.answer_ing {
  border: 1px solid #20bcae;
  color: #00a99a;
}
.board_list3 .col_answer span.answer_end {
  border: 1px solid #ddd;
  color: #555;
}
.col_arr span {
  display: block;
  width: 12px;
  height: 12px;
  background: url(/resources/img/user/btn-more-down.png) center center/cover no-repeat;
  transition: all 0.2s;
}
.board_list3 li {
  border-bottom: 1px solid #ddd;
}
.board_list3 li:first-child {
  border-bottom: none;
}
.board_list3 li .b_cnt {
  border-bottom: none;
}
.board_list3 li.on .col_arr span {
  transform: rotate(180deg);
}

.board_list3 .b_cnt {
  cursor: pointer;
}
.answer_cnt {
  display: none;
  padding: 30px;
  box-sizing: border-box;
  background: #fafafa;
  border-top: 1px solid #ebebeb;
}
.answer_cnt h4 {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 400;
}
.answer_cnt > p {
  margin-top: 20px;
  font-size: 0.938rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.25rem;
  position: relative;
  padding-left: 17px;
  box-sizing: border-box;
  word-break: keep-all;
}
.answer_cnt > p:before {
  position: absolute;
  top: 6px;
  left: 2px;
  content: "";
  width: 6px;
  height: 6px;
  background: url(/resources/img/user/icon_ans.png) center center/cover no-repeat;
}

.sub_cnt.faq_sub_cnt {
  padding: 0;
}

.faq_list dl:first-child {
  border-top: 1px solid #ddd;
}
.faq_list dl {
  border-bottom: 1px solid #ddd;
  font-size: 1rem;
  font-weight: 300;
  color: #1a1a1a;
}
.faq_list dl dt {
  position: relative;
  box-sizing: border-box;
  padding: 20px 40px 20px 68px;
  transition: all 0.2s;
  line-height: normal;
  word-break: keep-all;
}
.faq_list dl dt:before {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 20px;
  content: "Q";
  width: 32px;
  height: 32px;
  border: 1px solid #dedede;
  border-radius: 100%;
  box-sizing: border-box; /* text-align:center; */
  line-height: 28px;
  background: #fff;
  padding-left: 8.5px;
  box-sizing: border-box;
}
.faq_list dl dt:after {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 20px;
  content: "";
  width: 12px;
  height: 12px;
  background: url(/resources/img/user/btn-more-down.png) center center/cover no-repeat;
  transition: all 0.2s;
}
.faq_list dl dt.on:after {
  transform: rotate(180deg);
}
.faq_list dl dd {
  display: none;
  position: relative;
  box-sizing: border-box;
  background: #fafafa;
  padding: 25px 16px 25px 68px;
  border-top: 1px solid #ebebeb;
  line-height: 1.5rem;
  word-break: keep-all;
}
.faq_list dl dd:before {
  position: absolute;
  top: 20px;
  left: 20px;
  content: "A";
  width: 32px;
  height: 32px;
  border: 1px solid #20bcae;
  border-radius: 100%;
  box-sizing: border-box; /* text-align:center;  */
  line-height: 28px;
  color: #00a99a;
  background: #fff;
  padding-left: 9.5px;
  box-sizing: border-box;
}

.category.slide_category_bot {
  margin-bottom: 10px;
}

.board_list4 .col_num {
  width: 12%;
}
.board_list4 .col_subj {
  width: 67%;
  padding-left: 10px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_list4 .col_date {
  width: 17%;
}
.board_list4 .col_arr {
  width: 4%;
}
.board_list4 .b_cnt {
  cursor: pointer;
}
.board_list4 li {
  border-bottom: 1px solid #ddd;
}
.board_list4 li:first-child {
  border-bottom: none;
}
.board_list4 li .b_cnt {
  border-bottom: none;
}
.board_list4 li.on .col_arr span {
  transform: rotate(180deg);
}

.board_list4 .answer_cnt p {
  margin: 0;
  padding-left: 0;
}
.board_list4 .answer_cnt p:before {
  display: none;
}

/* 검색결과 */
.search_result_wrap h3 {
  font-size: 2.25rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 60px;
}
.search_result_wrap h3 strong {
  font-weight: 500;
  color: #00a99a;
}

.search_result_cont {
  margin-top: 60px;
}
.search_result {
  font-size: 0;
  margin-top: 45px;
}
.search_result:first-child {
  margin-top: 0;
}
.search_result h4 {
  display: inline-block;
  width: 150px;
  font-size: 1.875rem;
  font-weight: 400;
  color: #1a1a1a;
  vertical-align: top;
  padding-top: 15px;
  box-sizing: border-box;
}
.result_list {
  display: inline-block;
  width: calc(100% - 150px);
  vertical-align: top;
}
.result_list:after {
  content: "";
  display: block;
  clear: both;
}
.result_list > div {
  float: left;
  margin: 0 15px 15px 0;
}
.result_list > div:last-child {
  margin-right: 0;
}
.result_list > div > a {
  display: block;
  height: 56px;
  padding: 0 30px;
  border-radius: 28px;
  font-weight: 300;
  color: #1a1a1a;
  font-size: 1.125rem;
  text-align: center;
  line-height: 54px;
  background: #f4f4f4;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}
.result_list > div > a span {
  font-weight: 500;
  color: #00a99a;
}
.result_list > div > a:hover {
  background: #20bcae;
  color: #fff;
}
.result_list > div > a:hover span {
  color: #fff;
}

.terms_wrap select {
  appearance: auto;
}

/* 연령별 맞춤정보 검색결과 */
/* .age_result {padding:29px 30px 14px; box-sizing:border-box; border:1px solid #ebebeb; border-radius:32px; font-size:0; background:#f4f4f4; margin-bottom:60px;}
.age_result li {display:inline-block; cursor:pointer; font-size:1.125rem; font-weight:300; color:#1a1a1a; padding:0 30px; height:56px; line-height:54px; box-sizing:border-box; background:#fff; border:1px solid #ebebeb; border-radius:28px; margin:0 15px 15px 0;}
.age_result li.on {background:#20bcae; color:#fff; border:1px solid #20bcae;} */

.category.slide_category.age_result {
  padding: 29px 30px 14px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 32px;
  font-size: 0;
  background: #f4f4f4;
  margin-bottom: 60px;
}
.category.slide_category.age_result li a {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 28px;
}
/* .age_result li {display:inline-block; cursor:pointer; font-size:1.125rem; font-weight:300; color:#1a1a1a; height:56px; line-height:54px; box-sizing:border-box; margin:0 15px 15px 0;}
.age_result li.on  */
.category.slide_category.age_result li.on a {
  background: #20bcae;
  color: #fff;
  border: 1px solid #20bcae;
}

/* 고전산책 */
.sub_classic_walk_inner {
  max-width: 1200px;
}
.sub_classic_walk_wrap .btn_wrap {
  margin-top: 60px;
}
.sub_classic_walk {
  display: flex;
  justify-content: space-between;
  gap: 32px 40px;
  flex-wrap: wrap;
}
/* .classic_walk {
  display: block;
} */
.classic_walk_tit {
  display: block;
  color: #1a1a1a;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 140%; /* 28px */
}
.classic_walk_tag {
  display: inline-block;
  width: 70px;
  height: 32px;
  border: 1px solid #20bcae;
  box-sizing: border-box;
  border-radius: 16px;
  color: #00a99a;
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
.classic_walk_tit h3 {
  display: inline-block;
  font-weight: 400;
  font-size: 1.875rem;
  color: #1a1a1a;
  vertical-align: middle;
  margin-left: 10px;
  max-width: calc(100% - 180px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.classic_walk_tit h3 a {
  background: url("/resources/img/user/icon_weekly_arrow.svg") right center no-repeat;
  background-size: 8px 15px;
  padding-right: 19px;
  color: #1a1a1a;
}
.classic_walk_tit h3 .new_tag {
  margin-bottom: 8px;
  margin-left: 10px;
}
.classic_walk_date {
  float: right;
  font-size: 1rem;
  color: #000;
  line-height: 32px;
  font-weight: 300;
}
.classic_walk_con {
  display: block;
  position: relative;
  margin-top: 20px;
}
.classic_walk_con .card_news_img {
  width: 578px;
  height: 346px;
  padding-bottom: 0;
}
.classic_walk_con .card_news_img:before {
  content: none;
}
.classic_walk_con_lef > a {
  display: block;
  position: relative;
}
.w_more {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 92px;
  height: 40px;
  background: #fff;
  font-size: 1rem;
  color: #1a1a1a;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
}
.w_more span {
  position: relative;
  padding-right: 12px;
}
.w_more span:after {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  content: "";
  width: 5px;
  height: 8px;
  background: url("/resources/img/user/icon_more_btn.png") center center/cover no-repeat;
}
.card_news_img {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  width: 100%;
  /* height: 0; */
  /* padding-bottom: 59.216%; */
}
.card_news_img img {
  position: static;
  transform: none;
  width: 100%;
  object-fit: cover;
}
.classic_walk_con_rig {
  position: relative;
  display: inline-block;
  width: calc(51.428% - 30px);
  margin-left: 30px;
  padding: 0 45px;
  box-sizing: border-box;
  vertical-align: middle;
}
.classic_walk_img {
  position: relative;
}
.classic_walk_img:before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "";
  width: 100%;
  height: 12px;
  background: url("/resources/img/user/bg_weekly_book.png") center center repeat-x;
  z-index: 9;
}
.classic_walk_img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  width: 2px;
  height: 100%;
  background: url(/resources/img/user/bg_book_01.png) left top no-repeat;
}
.classic_walk_info_wrap {
  margin-top: 22px;
}
.classic_walk_info_wrap h4 {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.classic_walk_info {
  margin-top: 10px;
  font-size: 0;
  text-align: left;
}
.classic_walk_info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  color: #555;
  font-weight: 300;
}
.classic_walk_comp {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}
.classic_walk_comp:before {
  content: "";
  width: 1px;
  height: 10px;
  background: #ccc;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 0;
}
/* 아이디 비밀번호 찾기 */
.find_wrap {
  max-width: 750px;
  margin: 0 auto;
}
.find_wrap .page_tab_wrap {
  margin-top: 0;
  padding-top: 56px;
}
.find_wrap .join_info_wrap {
  margin-top: 0;
  border-top: none;
}
.find_wrap .join_sec_top {
  margin-top: 0;
}
.info_clear:after {
  content: "";
  display: block;
  clear: both;
}

.pw_ch_wrap {
  max-width: 445px;
  margin: 0 auto;
}
.pw_ch_wrap .pw_inp label {
  color: #1a1a1a;
  font-size: 1.125rem;
}
.pw_ch_wrap .inp_wrap {
  margin-top: 14px;
}
.pw_ch_wrap .inp_wrap input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  font-size: 1rem;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #1a1a1a;
  font-weight: 300;
}
.pw_ch_wrap .inp_wrap input::placeholder {
  color: #888;
}
.pw_ch_wrap .pw_inp_top {
  margin-top: 30px;
}
.pw_ch_wrap .pw_guide {
  font-size: 0.875rem;
  line-height: 18px;
  margin-top: 10px;
  font-weight: 300;
  color: #555;
}
.pw_ch_wrap .pw_cha_btn {
  width: 100%;
  height: 56px;
  display: block;
  margin: 30px auto 0;
  border-radius: 28px;
  background: #20bcae;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}

@media screen and (max-width: 1208px) {
  .main_vis .swiper-button-prev {
    margin-left: -570px;
  }
  .main_vis .swiper-button-next {
    margin-right: -570px;
  }
}

@media screen and (max-width: 1160px) {
  .main_vis .swiper-button-prev {
    margin-left: -555px;
    background-size: auto 45px;
  }
  .main_vis .swiper-button-next {
    margin-right: -555px;
    background-size: auto 45px;
  }
}

@media screen and (max-width: 1120px) {
  .main_vis .swiper-button-prev {
    display: none;
  }
  .main_vis .swiper-button-next {
    display: none;
  }
  .wbook_list .swiper-button-prev {
    left: 0;
  }
  .wbook_list .swiper-button-next {
    left: 315px;
  }
  .join_group {
    padding: 40px 0;
  }
  .join_group.join_group2 {
    padding: 20px 0;
  }
}

@media screen and (max-width: 1100px) {
  .main_quick {
    left: auto;
    right: 20px;
  }
  .wbook_list .swiper-button-next {
    left: 310px;
  }

  /* 공지사항 */
  .noti_wrap {
    padding: 45px 20px;
    box-sizing: border-box;
  }

  /* 추천 */
  .recom_wrap {
    padding: 100px 0 81px 20px;
  }

  /* steam */
  .steam_wrap {
    padding: 22px 0 22px 20px;
  }

  /* 우리 아이를 위한 연령별 맞춤 정보 */
  .custom_wrap {
    padding: 78px 20px 105px;
  }

  /* 이달의책 */
  .info_popup_wrap {
    right: 20px;
  }

  /* 최근 본 콘텐츠 */
  .recent_wrap {
    padding: 34px 20px 120px;
  }

  /* cs */
  .cs_wrap {
    padding: 83px 20px 120px;
  }
  .edu_cs {
    padding: 48px 0 48px 320px;
    background-size: auto 140px;
  }

  /* 북트레일러, 영상cast 탭 */
  .tab_wrap {
    padding: 100px 20px 0;
  }

  /* 실시간 추천 */
  .real_time_wrap {
    padding: 45px 20px;
  }

  /*  체험 on-air */
  .on_air_wrap {
    padding: 100px 20px 0;
  }

  .steam_sche_wrap {
    padding: 0 20px;
  }

  .ebook_wrap {
    padding: 100px 20px 120px;
  }

  .join_inner {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .ch_inner {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .seed_tb_wrap {
    max-height: 90% !important;
    min-height: auto !important;
  }
  .join_id_wrap {
    max-height: 90% !important;
    min-height: auto !important;
  }
  /* .ch_history {max-height:43% !important; min-height:auto !important; overflow-y:scroll;} */

  .page_tit {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .page_tit.left_align {
    padding: 0;
  }
  .page_tab_wrap {
    padding: 116px 20px 0;
    box-sizing: border-box;
  }
  .page_tab_wrap > li > a {
    left: 20px;
    width: calc(50% - 20px);
  }

  .con_pad {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .desc_btn_wrap {
    padding: 30px 20px;
    box-sizing: border-box;
  }

  .frame {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .frame.frame_box {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .cate_list_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .cast_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .view_type {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .book_info_box {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .teacher_coaching .book_info_box {
    padding: 0;
  }
  .book_info_box.no_pad {
    padding: 0;
  }
  .book_info_box.no_pad h4 {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .padding {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .desc_page_con.desc_page_con2 {
    position: relative;
    border-top: none;
    border-bottom: none;
  }
  .desc_page_con.desc_page_con2:before {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 20px;
  }
  .desc_page_con.desc_page_con2:after {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: 0;
    left: 20px;
  }

  .board_list_wrap.board_list_pad {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .desc_page_tit {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .campaign_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .sub_ebook_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .weekly_edu_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .howto_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .open_select {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .recom_book_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .teacher_coaching {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .viewer_link_wrap {
    padding: 48px;
  }

  .list_link_wrap > a.next_link {
    background-position: 95% center;
  }
  .list_link_wrap > a.prev_link {
    background-position: 5% center;
  }
  .recom_book_info {
    padding: 26px 15px;
  }
  .sub_weekly_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .cardnews_slide_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .book_column_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .terms {
    max-height: 90%;
  }

  .sel_wrap.sel_ps {
    right: 20px;
  }
  .theme_tit {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .sub_list_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .celeb_list_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .global_list_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .workshop_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .exp_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .onair_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .columnist_layer_wrap {
    height: 100%;
  }

  /*    .theme_trip_wrap .flickity-prev-next-button.previous {left:10px; margin-left:0;}
    .theme_trip_wrap .flickity-prev-next-button.next {right:10px; margin-right:0;} */

  .theme_slider {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .theme_trip1 .swiper-slide {
    height: auto;
  }
  .theme_trip1 .swiper-button-next {
    right: 5px;
  }
  .theme_trip1 .swiper-button-prev {
    left: 5px;
  }

  .theme_trip2 {
    padding-left: 20px;
    box-sizing: border-box;
  }
  .now_trip .swiper-wrapper {
    justify-content: normal;
  }
  .now_trip .swiper-slide:last-child {
    margin-right: 15px;
  }

  .theme_trip3 {
    padding: 100px 20px 120px;
    box-sizing: border-box;
  }
  .theme_trip4 {
    padding: 80px 20px 0;
    box-sizing: border-box;
  }
  .theme_trip_inner {
    max-width: 100%;
  }

  .quiz_box {
    padding: 40px;
  }
  .quiz_cnt {
    width: 55%;
  }
  .quiz_cnt h4 {
    font-size: 1.733rem;
  }
  .quiz_cnt h4 br {
    display: none;
  }
  .answer_list li {
    font-size: 1.067rem;
  }

  .quiz_img {
    width: 45%;
  }

  .exp_sche_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .sub_cnt.faq_sub_cnt .cust_guide {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .faq_list_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .terms_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .inp_wrap input {
    width: 100%;
  }
}

@media screen and (max-width: 1060px) {
  .paging_wrap {
    left: 0;
    margin-left: 40px;
  }
}

@media screen and (max-width: 1050px) {
  .now_trip .slick-slide {
    max-width: 186px !important;
  }
}

@media screen and (max-width: 1024px) {
  /* 메인비주얼 */
  .main_vis {
    margin-top: 40px;
  }
  .vis_txt_wrap {
    left: 20px;
  }
  .main_quick {
    bottom: 20px;
    top: auto;
    width: 100%;
    font-size: 0;
    text-align: center;
    right: auto;
  }
  .main_quick > div {
    display: inline-block;
    float: none;
    font-size: 0;
  }
  .main_quick > div a {
    padding-top: 39px;
    width: 74px;
    height: 74px;
    font-size: 0.857rem;
    border-radius: 20px;
  }
  .main_quick > div:nth-child(1) {
    margin: 0 5px;
  }
  .main_quick > div:nth-child(2) {
    margin: 0 5px;
  }
  .main_quick > div:nth-child(3) {
    margin: 0 5px;
  }
  .main_quick > div:nth-child(4) {
    margin: 0 5px;
  }
  .main_quick > div:nth-child(1) a {
    background-size: auto 26px;
    background-position: center 7px;
  }
  .main_quick > div:nth-child(2) a {
    background-size: auto 28px;
    background-position: center 7px;
  }
  .main_quick > div:nth-child(3) a {
    background-size: auto 26px;
    background-position: center 7px;
  }
  .main_quick > div:nth-child(4) a {
    background-size: auto 26px;
    background-position: center 7px;
  }
  .main_vis .swiper-pagination {
    font-size: 0.786rem;
    width: 48px;
    height: 30px;
  }
  .main_vis .swiper_pause {
    width: 30px;
    height: 30px;
    left: 52px;
  }
  .paging_wrap {
    bottom: 114px;
  }
  .pc_none {
    display: block;
  }
  .vis_txt_wrap {
    top: 35px;
    padding: 25px 20px;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .vis_txt_wrap h2 {
    font-size: 1rem;
  }
  .vis_txt {
    font-size: 1.714rem;
    margin-top: 10px;
  }
  .vis_txt_02 {
    font-size: 1.214rem;
    margin-top: 27px;
  }

  /* 이달의책 */
  .wbook_list .swiper-slide img {
    max-width: 100%;
  }
  .info_popup_wrap {
    position: static;
    height: auto;
    width: 90%;
    margin: 20px auto 0;
  }
  .info_popup {
    position: static;
  }
  .btn_desc_close {
    display: none;
  }
  .wbook_list {
    max-width: 100%;
  }
  .wbook_list .swiper-slide {
    /* width:50% !important; */
    padding-top: 35px;
  }
  .wbook_list .swiper-slide .wbook_area {
    max-width: 120px;
  }
  .wbook_list .swiper-slide.swiper-slide-active .wbook_area {
    max-width: 168px;
  }
  .wbook_list .swiper-button-prev {
    display: none;
  }
  .wbook_list .swiper-button-next {
    display: none;
  }
  .wbook_list_wrap {
    padding-bottom: 40px;
  }

  /* 공지사항 */
  .noti_wrap {
    padding: 40px 20px;
  }

  /* 추천 */
  .recom_wrap {
    padding: 40px 0 40px 20px;
  }

  /* 교보문고와 함께하는 eBook */
  .ebook_list .swiper-slide {
    text-align: center;
  }
  .book_area {
    margin: 0 auto;
    max-width: 120px;
    min-width: 120px;
  }
  .book_info_cnt .ebook_list .book_area {
    max-width: 120px;
  }
  .book_name {
    max-width: 120px;
    margin: 25px auto 0;
    word-break: normal;
  }
  .book_info_cnt .book_name {
    max-width: 120px;
  }
  .book_writer {
    max-width: 120px;
    margin: 20px auto 0;
  }

  /* 북트레일러, 영상cast 탭 */
  .tab_wrap {
    height: auto;
    padding: 40px 0 100px 20px;
  }
  .big_video_wrap {
    float: none;
    width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .big_video {
    max-width: 780px;
    margin: 0 auto;
  }
  .tab_list {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
  }
  /* .tab_list .swiper-slide {max-width:30%;} */
  .tab_link {
    left: 0;
    bottom: -60px;
  }
  .video_area {
    border-radius: 24px 24px 0 0;
  }
  .video_info {
    border-radius: 0 0 24px 24px;
    padding: 20px;
  }
  .video_info h2 {
    float: none;
    width: 100%;
    margin-bottom: 4px;
    font-size: 1.143rem;
  }
  .video_date {
    float: none;
    width: 100%;
  }
  .tab_btn_02 {
    width: calc(50% - 20px);
  }
  .tab_btn span {
    font-size: 1.429rem;
  }

  /* 우리 아이를 위한 연령별 맞춤 정보 */
  .custom_wrap {
    padding: 42px 20px;
  }
  .steam_sche_wrap .sche_tit a {
    line-height: normal;
  }

  /* 교보문고와 함께하는 eBook */
  .ebook_wrap {
    padding: 40px 0;
  }

  /* 이달의책 */
  .weekly_wrap {
    padding: 40px 0 20px;
  }
  .info_popup {
    padding: 40px 20px;
  }

  /* 최근 본 콘텐츠 */
  .recent_wrap {
    padding: 34px 0 40px 20px;
  }
  .latest_list .swiper-slide {
    max-width: 305px;
  }

  /* 스팀체험일정 */
  .sche_tit {
    position: relative;
    height: 120px;
  }
  .steam_sche_wrap .sche_tit a {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .steam_sche_wrap .sche_tit a .icon_a:after {
    top: 65%;
    margin-top: 0;
  }

  /* 실시간 추천 */
  .real_time_wrap {
    padding: 40px 20px;
  }

  /*  체험 on-air */
  .on_air_wrap {
    padding: 40px 20px 0;
    height: auto;
  }
  .sns_wrap li {
    min-height: 140px;
    padding: 0 15px;
  }
  .sns_wrap li:nth-child(1) {
    padding-top: 30px;
  }
  .sns_wrap li:nth-child(2) {
    padding: 30px 0 0 15px;
  }
  .sns_wrap li:nth-child(3) {
    padding-top: 30px;
  }
  .sns_wrap li:nth-child(4) {
    padding: 30px 0 0 15px;
  }

  /* cs */
  .cs_wrap {
    padding: 40px 20px 60px;
  }
  .edu_cs {
    padding: 48px 0 48px 33%;
    background-size: auto 120px;
  }

  /* 모바일 메뉴 픽스 */
  .mo_bot_quick {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 56px;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 0px 55px 0 rgba(0, 0, 0, 0.1);
  }
  .mo_bot_quick a {
    float: left;
    width: 20%;
  }

  .mo_bot_quick {
    display: block;
  }
  .mo_bot_quick a {
    cursor: pointer;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 34px;
    font-size: 0.786rem;
    height: 100%;
  }
  .mo_bot_quick .ham_menu:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-menu-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .first_visit:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-first-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .home:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-home-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .join:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-sign-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .login:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-login-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .sche:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-calendar-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .attend_check:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/ic-check-off.png") center center/cover no-repeat;
  }
  .mo_bot_quick .myroom:after {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
    content: "";
    width: 24px;
    height: 24px;
    background: url("/resources/img/user/myroom-off.png") center center/cover no-repeat;
  }

  .mo_bot_quick .ham_menu.on:after {
    background: url("/resources/img/user/ic-menu-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .first_visit.on:after {
    background: url("/resources/img/user/ic-first-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .home.on:after {
    background: url("/resources/img/user/ic-home-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .join.on:after {
    background: url("/resources/img/user/ic-sign-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .login.on:after {
    background: url("/resources/img/user/ic-login-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .sche.on:after {
    background: url("/resources/img/user/ic-calendar-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .attend_check.on:after {
    background: url("/resources/img/user/ic-check-on.png") center center/cover no-repeat;
  }
  .mo_bot_quick .myroom.on:after {
    background: url("/resources/img/user/myroom-on.png") center center/cover no-repeat;
  }

  /*************************** 서브 ***************************/
  .step_num {
    display: none;
  }
  .join_step {
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .join_step > div h2 {
    margin-top: 0;
  }
  .join_step > div {
    width: auto;
    padding: 14px 0 14px 0;
    text-align: left;
  }
  .join_step > div:before {
    display: none;
  }
  .join_step > div:after {
    display: none;
  }

  .join_step > div.step5 {
    display: none;
  }
  .join_step > div.mo_icon_arrow {
    display: inline-block;
    width: 9px;
    height: 14px;
    background: url("/resources/img/user/icon_step_arrow.png") center center no-repeat;
    background-size: 4.5px 7.5px;
    vertical-align: middle;
  }

  .join_inner {
    margin: 20px auto 0;
  }
  .ch_inner {
    margin: 20px auto 0;
  }
  .select_box_wrap {
    margin-top: 20px;
  }
  .join_sec_top {
    margin-top: 40px;
  }

  .info_noti2.info_noti_top {
    margin-top: 0;
  }

  .my_info {
    min-height: 140px;
    max-height: 160px;
    padding: 20px;
  }
  .my_info_01 {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .my_info_02 {
    width: calc(60% - 5px);
    margin-right: 10px;
  }
  .my_info_03 {
    width: calc(40% - 5px);
    padding: 0 !important;
  }

  .my_info_03 .mo_noti {
    display: block;
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 32px;
    background: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 0.857rem;
    line-height: 38px;
  }
  .my_info_03 .mo_noti span {
    position: relative;
    padding-right: 10px;
  }
  .my_info_03 .mo_noti span:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 0;
    width: 4px;
    height: 7px;
    background: url("/resources/img/user/icon_cs.png") 90% center/cover no-repeat;
  }
  .my_info_03 .seed_03 {
    max-height: 90px;
    border-radius: 32px;
    border: 1px solid #ebebeb;
    background: #fff;
    box-sizing: border-box;
  }
  .my_info_03 .seed_03 a {
    padding: 20px;
  }
  .my_info_03 {
    background: none;
    border: none;
  }

  .my_info_bot {
    margin-top: 20px;
    background-size: auto 24px;
  }
  .sev_end {
    font-size: 0.857rem;
  }
  .logout {
    width: 78px;
    height: 40px;
    font-size: 0.857rem;
  }
  .logout span:after {
    width: 3px;
    height: 5px;
    margin-top: -2px;
  }

  .my_info dl dt {
    font-size: 1.143rem;
  }
  .my_info dl dd {
    margin-top: 12px;
  }
  .info_noti {
    font-size: 0.786rem;
    line-height: 14px;
    padding-right: 0;
  }

  .seed_tab_cnt {
    padding-bottom: 20px;
  }
  .aside_wrap {
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 60px;
  }
  .aside_wrap .sub_cs_box.cs_box_01 {
    display: block;
    background-position: 90% 20px;
    background-size: 78px 74px;
    padding: 20px;
    height: 114px;
  }
  .aside_wrap .sub_cs_box.cs_box_01 h2 {
    line-height: 20px;
  }
  .aside_wrap .sub_cs_box .link_wrap a:nth-child(2) {
    margin-top: 0;
  }
  .page_tab_con li {
    width: calc((100% - 30px) / 2);
    margin-left: 0;
  }
  .page_tab_con li:nth-child(even) {
    margin-left: 30px;
  }
  .culture_img img {
    width: 100%;
  }

  .desc_page_wrap {
    margin-top: 20px;
  }

  .category li {
    margin-right: 8px;
  }
  .category li:last-child {
    margin-right: 0;
  }
  .cast_wrap .page_tab_con li:nth-child(even) {
    margin-left: 30px;
  }
  .cast_wrap .page_tab_con li:nth-child(odd) {
    margin-left: 0;
  }

  /* .basic_info {float:none; width:100%;}
    .desc_book_info {padding:20px 20px 0; background-size:100% 50%; }
    .desc_book_img img {max-width:120px;}
    .desc_book_info > div.basic_info_wrap {float:none; clear:both; width:100%; margin-left:0;}
    .desc_book_info > div.desc_book_title { margin-left:40px; width: calc(100% - 160px);}
    .basic_info_wrap {padding-top:40px;} */

  .desc_book_info {
    padding: 40px 40px 0;
    background-size: 100% 90%;
  }
  .desc_book_img img {
    max-width: 210px;
  }
  .desc_book_title {
    margin-left: 40px;
    width: calc(100% - 250px);
  }
  .basic_info_wrap {
    margin-left: 40px;
    width: calc(100% - 250px);
  }

  .slide_con_rig {
    padding: 0 40px;
  }

  .detail_page_tit {
    display: block;
  }
  .back_btn {
    display: block;
  }

  .cast_wrap .page_tab_con li:nth-child(1) {
    margin-bottom: 30px;
  }
  .cast_wrap .page_tab_con li:nth-child(2) {
    margin-bottom: 30px;
  }

  .book_company {
    max-width: 120px;
    margin: 20px auto 0;
  }
  .ebook_list_st {
    border-bottom: none;
    margin-top: 0;
    padding-bottom: 40px;
  }
  .ebook_list_st li {
    position: relative;
    width: calc((100% - 30px) / 2);
    margin-top: 40px;
  }
  .ebook_list_st li:nth-child(even) {
    margin-left: 30px;
  }
  .ebook_list_st li:first-child {
    margin-top: 0;
  }
  .ebook_list_st li:nth-child(2) {
    margin-top: 0;
  }
  .category.slide_category li.no_right {
    margin-right: 8px;
  }

  .hidden_link {
    width: 100%;
  }
  .hidden_link a {
    width: 80%;
    margin: 0 auto;
  }

  .viewer_link_wrap {
    padding: 48px 20px;
  }
  .viewer_link_lef {
    width: 29%;
  }
  .viewer_link_rig {
    width: 71%;
    padding-left: 20px;
  }
  .viewer_exp {
    margin-left: 20px;
  }
  .page_tit.page_link p {
    text-align: left;
  }

  .desc_book_info2 {
    padding: 20px 20px 0;
    background-position: 90% bottom;
    height: 300px;
  }
  /* .desc_book_info2.youth_book_info {background-size:cover; background-position:right bottom;} */

  .desc_book_info2.youth_book_info {
    background-position: 80% bottom;
    height: 300px;
  }

  .recom_book_info dl dt {
    width: 29%;
  }
  .recom_book_info dl dd {
    width: 71%;
  }

  .recom_book {
    padding: 40px 20px;
  }

  .rb_img img {
    max-width: 120px;
  }
  .rb_img {
    max-width: 136px;
    min-width: 136px;
  }
  .rb_info {
    max-width: 136px;
  }
  .rb_list li:nth-child(1) {
    margin: 0 15px 0 0;
  }
  .rb_list li:nth-child(2) {
    margin: 0 0px 0 15px;
  }
  .rb_img:before {
    left: 12px;
  }

  /* 북칼럼 */
  .book_column_img {
    max-width: 120px;
  }
  .book_column_info {
    width: calc(100% - 120px);
    padding-left: 20px;
  }
  .column_list li {
    padding: 20px;
    min-height: 250px;
  }

  .desc_page_wrap.top_no {
    margin-top: 20px;
  }

  .list_cnt li {
    width: calc((100% - 30px) / 2); /* min-height:287px;*/
    min-height: auto;
    margin-top: 40px;
  }
  .list_cnt:first-child li:nth-child(1) {
    margin-top: 0;
  }
  .list_cnt:first-child li:nth-child(2) {
    margin-top: 0;
  }
  .list_cnt li:nth-child(even) {
    margin-left: 30px;
  }
  .list_cnt {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
  }
  .list_cnt li .book_area {
    margin: 0;
  }
  .list_cnt li:after {
    content: "";
    display: block;
    clear: both;
  }
  .list_cnt .book_area {
    float: left;
  }
  .list_cnt .list_book_info {
    float: left;
    width: calc(100% - 120px);
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
  }
  .list_cnt .book_name {
    max-width: 100%;
    margin-top: 0;
  }
  .book_writer {
    max-width: 100%;
  }

  .ebook_list_st .book_area {
    margin: 0;
  }
  .ebook_list_st li:after {
    content: "";
    display: block;
    clear: both;
  }
  .ebook_list_st .book_area {
    float: left;
    width: 100%;
  }
  .ebook_info_wrap {
    float: left;
    width: calc(100% - 140px);
    margin: 20px 0 0 20px;
  }
  .ebook_info_wrap .book_name {
    max-width: 100%;
    margin-top: 0;
  }
  .ebook_info_wrap .book_company {
    max-width: 100%;
  }
  .hidden_link_wrap {
    display: block;
    position: absolute;
    bottom: 0;
    left: 140px;
    width: calc(100% - 140px);
    background: none;
    height: 48px;
    top: auto;
  }
  .hidden_link {
    font-size: 0;
  }
  .hidden_link a {
    border: 1px solid #ddd;
    height: 48px;
    color: #1a1a1a;
    line-height: 46px;
    display: inline-block;
    width: calc((100% - 10px) / 2);
    vertical-align: middle;
    background: #fff;
  }
  .hidden_link a.preview_link {
    margin-top: 0;
    margin-left: 10px;
  }
  .hidden_link a.detail_link span:before {
    background: url("/resources/img/user/list-m.svg") center center no-repeat;
  }
  .hidden_link a.preview_link span:before {
    background: url("/resources/img/user/view-m.svg") center center no-repeat;
  }

  /* #centered2 > ul {
    min-width: 679px;
  } */
  .join_inner.workshop_inner {
    margin: 20px auto 0;
  }
  .join_inner.exp_inner {
    margin: 20px auto 0;
  }

  .theme_trip1 .swiper-slide .theme_img {
    width: auto;
  }
  .theme_trip1 .swiper-button-next {
    right: 17%;
  }
  .theme_trip1 .swiper-button-prev {
    left: 17%;
  }

  .quiz_cnt {
    padding: 10px 0 10px 30px;
  }
  .answer_btn {
    margin-top: 30px;
  }

  .mo_none2 {
    display: none;
  }

  .faq_list dl dt:before {
    padding-left: 0;
    text-align: center;
  }
  .faq_list dl dd:before {
    padding-left: 0;
    text-align: center;
  }

  /* 연령별 맞춤정보 검색결과 */
  .category.slide_category.age_result {
    margin-bottom: 40px;
    padding: 0;
    background: none;
    border: none;
  }
}

@media screen and (max-width: 850px) {
  .theme_book_bg {
    padding: 0;
    margin: 50px auto 0;
  }
  .theme_book_bg:after {
    display: none;
  }
  .tb_slide .swiper-slide {
    max-width: none;
    text-align: center;
  }
  .theme_book_img {
    margin: 0 auto;
  }
  .theme_book_img {
    margin: 0 auto;
    max-width: 135px;
    min-width: 135px;
  }
  .theme_book_info {
    margin: 25px auto;
    max-width: 135px;
    min-width: 135px;
  }
  .made {
    margin-top: 10px;
  }

  .page_tit.left_align p {
    float: none;
    padding: 0;
    line-height: normal;
  }
  .btns {
    float: none;
    margin-top: 20px;
  }
  .btns a {
    height: 48px;
    line-height: 46px;
  }
}

@media screen and (max-width: 768px) {
  .main_vis .vis {
    height: 360px;
  }
  .main_quick > div:nth-child(1) {
    margin: 0 3px;
  }
  .main_quick > div:nth-child(2) {
    margin: 0 3px;
  }
  .main_quick > div:nth-child(3) {
    margin: 0 3px;
  }
  .main_quick > div:nth-child(4) {
    margin: 0 3px;
  }

  /* 공지사항 */
  .noti_tit {
    float: none;
    width: 100%;
    text-align: center;
  }
  .noti_tit h2 {
    font-size: 1.571rem;
  }
  .big_tit a {
    padding-right: 12px;
    margin-top: -5px;
  }
  .big_tit a:after {
    width: 6px;
    height: 10px;
    margin-top: -4px;
  }
  .big_txt {
    display: none;
  }
  .noti_list_wrap {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .noti_list a span.noti_list_date {
    display: none;
  }
  .noti_list a {
    font-size: 1rem;
    line-height: 28px;
  }
  .noti_list a span.noti_list_tit {
    width: 100%;
    padding-left: 8px;
    box-sizing: border-box;
  }
  .noti_btns {
    font-size: 0;
    width: 100%;
    text-align: center;
    height: auto;
    position: static;
    margin-top: 20px;
  }
  .noti_btns div {
    display: inline-block;
    margin: 0 4px;
    width: 30px;
    height: 30px;
  }
  /* .noti_btns .swiper-button-prev {transform:rotate(-90deg);  -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
    .noti_btns .swiper-button-next {transform:rotate(-90deg);  -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} */
  .noti_btns .swiper-button-prev {
    background: url("/resources/img/user/m_noti_prev.png") center center no-repeat;
    background-size: 6px 8px;
  }
  .noti_btns .swiper-button-next {
    background: url("/resources/img/user/m_noti_next.png") center center no-repeat;
    background-size: 6px 8px;
  }
  .noti_list {
    height: 56px;
  }

  /* 추천콘텐츠 */
  .big_tit {
    font-size: 1.571rem;
  }
  .big_tit.big_tit02 {
    padding-right: 20px;
  }
  .m_big_tit {
    padding-right: 0;
  }
  .list {
    margin-top: 20px;
  }
  .list .swiper-slide {
    max-width: 305px;
  }

  /* 우리 아이를 위한 연령별 맞춤 정보 */
  .custom_list {
    margin-top: 20px;
  }
  .custom_list li {
    margin: 0 8px 8px 0;
  }
  .custom_list li a {
    font-size: 1rem;
    padding: 14px 20px;
  }

  .steam_sche_wrap {
    height: 100px;
    background: url("/resources/img/user/bg-banner.png") center bottom/cover no-repeat;
  }
  .steam_sche_wrap .sche_tit a {
    font-size: 1.143rem;
    line-height: 22px;
    padding: 30px 20px;
  }
  .steam_sche_wrap .sche_tit a .icon_a {
    padding-right: 12px;
  }
  .steam_sche_wrap .sche_tit a .icon_a:after {
    top: auto;
    bottom: 4px;
    margin-top: 0;
    background-size: 6px 10px;
  }

  .wbook_list {
    margin-top: 20px;
    padding: 0 0 0 0 !important;
  }
  .info_popup h3 {
    font-size: 1.714rem;
  }
  .info_popup p {
    font-size: 1rem;
    line-height: 24px;
    margin-top: 15px;
  }
  .info_writer div {
    font-size: 0.857rem;
  }
  .info_writer {
    margin-top: 15px;
  }

  /* ebook */
  .book_name {
    font-size: 1.143rem;
    line-height: 22px;
  }

  /* 북트레일러, 영상cast 탭 */
  .tab_wrap {
    background: url("/resources/img/user/bg_m_tab.png") center bottom/cover no-repeat;
  }
  .tab {
    padding-top: 72px;
  }
  .tab_btn {
    line-height: 52px;
  }
  .video_area.video_area_02 {
    border-radius: 24px; /*  max-width:145px; */
  }
  .tab_list .swiper-slide {
    min-width: 145px;
  }
  .video_info h2 {
    font-size: 1.143rem;
  }
  .video_date {
    font-size: 0.857rem;
  }
  .tab_link {
    font-size: 0.857rem;
    width: 78px;
  }
  .video_info_02 h2 {
    font-size: 0.857rem;
  }
  .video_info h2 .video_tag {
    margin-right: 4px;
  }
  .video_info_02 h2 .video_tag {
    display: block;
    margin-bottom: 3px;
  }
  /* .tab_list .swiper-slide {max-width:145px;} */
  .tab_link span {
    padding-right: 9px;
  }

  /* 최근 본 콘텐츠 */
  .latest_list_tag {
    font-size: 0.857rem;
    padding: 0 12px;
    line-height: 30px;
    height: 30px;
  }
  .latest_list_info h3 {
    font-size: 1.143rem;
    line-height: 22px;
    height: 44px;
    margin-top: 10px;
  }
  .latest_list_info {
    padding: 15px 20px 0;
    min-height: 119px;
    max-height: 119px;
  }
  .latest_list {
    margin-top: 20px;
  }

  /* 실시간 추천 */
  .real_time_tit {
    float: none;
    width: 100%;
    text-align: center;
  }
  .rtime_list_wrap {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .rtime_list a span.noti_list_date {
    display: none;
  }
  .rtime_list a {
    font-size: 1rem;
    line-height: 28px;
    width: 100%;
  }
  .rtime_list a span.noti_list_tit {
    width: 100%;
    padding-left: 8px;
    box-sizing: border-box;
  }
  .rtime_list_btns {
    font-size: 0;
    width: 100%;
    text-align: center;
    height: auto;
    position: static;
    margin-top: 20px;
  }
  .rtime_list_btns div {
    display: inline-block;
    margin: 0 4px;
  }
  .rtime_list_btns .swiper-button-prev {
    background: #fff url("/resources/img/user/m_noti_prev.png") center center no-repeat;
    background-size: 6px 8px;
  }
  .rtime_list_btns .swiper-button-next {
    background: #fff url("/resources/img/user/m_noti_next.png") center center no-repeat;
    background-size: 6px 8px;
  }
  .list_num {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .rtime_list {
    height: 56px;
  }

  /*  체험 on-air */
  .on_air_wrap {
    position: relative;
    padding: 40px 20px 40px;
    background: url("/resources/img/user/bg_mo_onair.png") center 65% / cover no-repeat;
  }
  .on_air_wrap:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 40px;
    background: url("/resources/img/user/bg_wave.png") top center/cover no-repeat;
  }
  .on_air_posting {
    max-height: none;
    margin-top: 20px;
  }
  .posting_img {
    float: none;
    width: 100%;
    padding-bottom: 59.375%;
  }
  .posting_img:after {
    display: none;
  }
  .posting_info {
    float: none;
    width: 100%;
    padding: 20px;
  }
  .review {
    float: none;
    width: 100%;
  }
  /* .review_img {padding-bottom:111.875%;} */
  .posting_info h3 {
    font-size: 1.143rem;
    padding-left: 24px;
  }
  .posting_info h3:before {
    background-size: 14px auto;
    margin-top: -8px;
  }
  .posting_txt {
    font-size: 1.143rem;
    line-height: 22px;
    height: 44px;
    margin-top: 10px;
  }
  .on_air_date {
    margin-top: 10px;
    font-size: 0.857rem;
  }
  .social_wrap {
    margin-top: 20px;
  }

  .big_tit_02 {
    font-size: 1.429rem;
  }
  .review_tit {
    font-size: 1.143rem;
    margin-top: 20px;
  }
  .review_txt {
    font-size: 1.143rem;
    height: 44px;
    line-height: 22px;
    margin-top: 10px;
  }
  .review_info {
    margin-top: 10px;
  }
  .review_info > div {
    font-size: 0.857rem;
  }
  .big_tit_02 a {
    padding-right: 12px;
    margin-top: -5px;
  }
  .big_tit_02 a:after {
    width: 6px;
    height: 10px;
    margin-top: -4px;
  }

  /* steam */
  .steam_wrap {
    padding: 0 0 0px 20px;
    background: url("/resources/img/user/bg_m_steam.png") center bottom/100% 100% no-repeat;
  }

  /* sns */
  .sns_wrap {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .sns_wrap li {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .sns_wrap li:nth-child(1) {
    padding: 20px 0;
  }
  .sns_wrap li:nth-child(1) h3 {
    line-height: 24px;
  }
  .sns_wrap li:nth-child(2) {
    padding: 20px 0;
  }
  .sns_wrap li:nth-child(2) h3 {
    line-height: 24px;
  }
  .sns_wrap li:nth-child(2):before {
    display: none;
  }
  .sns_wrap li:nth-child(3) {
    padding: 20px 0;
    border-bottom: 1px solid #a1a1a0;
  }
  .sns_wrap li:nth-child(3) h3 {
    line-height: 48px;
  }
  .sns_wrap li:nth-child(4) {
    padding: 20px 0;
  }
  .sns_wrap li:nth-child(4) h3 {
    line-height: 48px;
  }
  .sns_wrap li:nth-child(4):before {
    display: none;
  }
  .sns_wrap li a {
    padding-left: 63px;
    min-height: 48px;
  }
  .sns_wrap li a:before {
    width: 48px;
    height: 48px;
    margin-top: -24px;
  }
  .sns_info {
    position: relative;
  }
  .sns_info h3 {
    font-size: 1.143rem;
  }
  .sns_info p {
    margin-top: 4px;
    font-size: 0.857rem;
  }
  .dwn {
    width: 86px;
    position: absolute;
    top: 5px;
    right: 0;
    margin-top: 0;
    font-size: 0.857rem;
  }
  .dwn span {
    padding-right: 14px;
  }
  .dwn span:after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }

  /* cs */
  .edu_cs {
    float: none;
    width: 100%;
    min-height: auto;
    background-size: auto 100px;
    background-position: center 24px;
    padding: 148px 20px 26px 20px;
    max-height: none;
  }
  .cs_box {
    max-width: 210px;
    margin: 0 auto;
  }
  .kyobo_cs {
    float: none;
    width: 100%;
    margin-left: 0;
    min-height: auto;
    margin-top: 20px;
  }
  .cs_box h2 {
    font-size: 1.143rem;
  }
  .link_wrap {
    margin-top: 10px;
  }
  .link_wrap a {
    font-size: 0.857rem;
    padding: 0 12px;
  }
  .link_wrap a span {
    padding-right: 8px;
  }
  .cs_box_02 {
    margin-top: 20px;
  }
  .cs_info {
    margin-top: 10px;
  }
  .cs_info li {
    font-size: 0.857rem;
    line-height: 16px;
  }
  .cs_info.cs_info_02 li {
    float: left;
    margin-top: 0;
  }
  .cs_info.cs_info_02:after {
    content: "";
    display: block;
    clear: both;
  }
  .cs_info.cs_info_02 li:nth-child(1) {
    margin-right: 15px;
  }
  .cs_info.cs_info_02 li:nth-child(3) {
    width: 100%;
    margin-top: 9px;
  }
  .kyobo_cs {
    padding: 24px 20px 24px 40px;
  }
  .kyobo_logo {
    margin-bottom: 20px;
  }
  .kyobo_logo img {
    height: 80px;
  }

  /* .video_area.video_area_02 {width:145px;}
    .tab_list .swiper-slide  {width:145px;} */

  /* 서브 */

  /* 로그인 */
  .login_btn {
    margin-top: 40px;
  }
  .login_wrap {
    padding: 0 20px;
  }

  .join_step li {
    font-size: 1rem;
  }
  .join_tit h3 {
    font-size: 1.429rem;
  }
  .join_tit2 h3 {
    line-height: normal;
  }
  .join_tit p {
    font-size: 1rem;
    line-height: 22px;
    margin-top: 15px;
  }
  .select_box_wrap:before {
    height: 47px;
  }
  .check_box.check_box03 label span {
    padding-left: 0;
  }
  .check_box.check_box03 label span:before {
    display: none;
  }
  .check_box.check_box03 label {
    font-size: 1rem;
    height: 48px;
    line-height: 46px;
  }

  .join_info_wrap {
    margin-top: 30px;
  }
  .join_group {
    padding: 30px 0;
  }
  .info_la {
    display: block;
    padding-top: 0;
    font-size: 1.143rem;
    width: 100%;
  }
  .info_inp_wrap {
    display: block;
    margin-top: 10px;
    width: 100%;
  }
  .info_inp input[type="text"] {
    height: 40px;
    width: 100%;
    padding: 0 10px;
  }
  .info_inp input[type="text"].confirm_txt {
    width: calc(100% - 80px);
    border-right: 0;
  }
  .info_inp input[type="text"].w4 {
    width: calc(100% - 80px);
    border-right: none;
  }
  .inp_box {
    width: calc(50% - 5px);
  }
  .inp_box:nth-child(2) {
    margin-left: 10px;
  }
  .check_box.check_box04 label {
    height: 40px;
    line-height: 38px;
  }
  .inp_box:after {
    height: 40px;
  }
  .sel_wrap {
    width: calc((100% - 20px) / 3);
    height: 40px;
  }
  .sel_wrap:last-child {
    margin-right: 0;
  }
  .sel_wrap > a {
    line-height: 40px;
    padding: 0 10px;
  }
  .sel_wrap .option_list {
    top: 39px;
  }
  .check_box input[type="checkbox"] + label:before {
    width: 24px;
    height: 24px;
  }
  .check_box input[type="checkbox"]:checked + label:before {
    background-size: 16px 11px;
  }
  .check_box label {
    line-height: 24px;
    padding-left: 32px;
  }
  .check input[type="checkbox"] + label:before {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .check input[type="checkbox"]:checked + label:after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 6px;
    content: "";
    width: 12px;
    height: 12px;
    background: #20bcae;
    border-radius: 100%;
  }
  .check label {
    line-height: 24px;
    padding-left: 32px;
  }
  .sel_wrap.mo_w {
    width: 80px;
  }
  .dash {
    display: none;
  }
  .dash.dash_on {
    display: inline-block;
    margin: 0;
    width: 20px;
    text-align: center;
  }
  .info_inp input[type="text"].w2 {
    height: 40px;
    border-left: 0;
    border-right: 0;
    width: calc(100% - 160px);
  }
  .info_inp input[type="text"].w2.mo_w2 {
    border-right: 1px solid #ddd;
    width: calc(100% - 80px);
  }
  .confirm_btn_st {
    margin-left: 0;
    height: 40px;
    width: 80px;
  }
  .sub_btn_wrap a {
    width: calc(30% - 5px);
    margin: 0;
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }
  .sub_btn_wrap a:first-child {
    margin-right: 5px;
  }
  .sub_btn_wrap a:nth-child(2) {
    margin-left: 5px;
  }
  .sub_btn_wrap a.one_btn {
    width: 100%;
    margin-right: 0;
  }

  .all-agree-wrap {
    margin-top: 30px;
  }
  .chk_line {
    padding: 30px 0;
  }

  .check_box.check_box02 input[type="checkbox"] + label:before {
    width: 24px;
    height: 24px;
  }
  .view_btn {
    right: 0;
    width: 80px;
    font-size: 0.857rem;
  }

  .sub_btn_wrap a.bg_long {
    width: calc(50% - 5px);
  }
  .check_box.check_box02 label {
    font-size: 1rem;
  }
  .sub_btn_wrap {
    margin-top: 20px;
  }
  .sel_wrap .option_list a {
    padding: 0 10px;
  }
  .check_height {
    line-height: 24px;
  }

  .insure_list_wrap {
    padding: 20px;
  }
  .insure_list_wrap ul {
    float: none;
    width: 100%;
  }
  .insure_list_wrap ul.insure_list02 {
    margin-top: 15px;
  }
  .insure_guide p {
    line-height: normal;
  }

  .info_la.info_la2 {
    display: inline-block;
    font-size: 1rem;
    width: 37%;
  }
  .info_inp_wrap.info_inp_wrap2 {
    display: inline-block;
    margin-top: 0;
    width: 63%;
  }
  .join_group > a {
    position: static;
    margin-top: 20px;
    width: 100%;
    height: 48px;
    font-size: 1rem;
    line-height: 46px;
  }
  .join_detail {
    font-size: 1.143rem;
  }
  .join_detail > img {
    height: 26px;
  }
  .join_detail span {
    padding: 0 15px;
  }
  .insure_tit span {
    font-size: 1.143rem;
    margin-left: 10px;
  }
  .insure_tit {
    padding: 25px 0;
  }
  .insure_tit h4 img {
    height: 28px;
  }

  /* 상세정보입력 */
  .info_change_tb tr th {
    padding-left: 0;
  }

  .btn_s {
    height: 40px;
    width: 100px;
  }
  .btn_s.btn_s1 {
    width: 80px;
  }
  .btn_s_02 {
    margin-left: 0;
  }
  .join_group2 .info_inp input[type="text"].w100 {
    height: 40px;
  }
  .info_inp input[type="text"].w1 {
    border-right: none;
  }
  .check input[type="radio"] + label:before {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .check input[type="radio"]:checked + label:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    left: 6px;
  }

  .info_inp input[type="text"].w3 {
    width: calc((100% - 30px) / 3);
  }
  .sel_wrap.sel_wrap2 {
    width: calc((100% - 30px) / 3);
  }
  .q_mark {
    vertical-align: middle;
    margin-bottom: 2px;
  }

  .pc_none2 {
    display: block;
  }
  .last_join_sec {
    background-size: auto 40px;
    padding: 70px 0 60px;
  }

  /* 마이룸 */
  .my_info_01 {
    padding: 26px 20px;
  }
  .my_name {
    font-size: 1.143rem;
  }
  .my_name strong {
    font-size: 1.429rem;
  }
  .my_info_box h4 {
    font-size: 1.429rem;
    margin-bottom: 20px;
  }

  .rest_seed {
    float: none;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    padding-top: 11px;
    box-sizing: border-box;
  }
  .rest_seed dl {
    width: 178px;
    height: 178px;
    margin: 0 auto;
  }
  .rest_seed dl dt span {
    font-size: 1.429rem;
  }
  .rest_seed dl dd {
    font-size: 2.857rem;
  }

  .seed_info {
    margin-left: 0;
  }
  .seed_info h4 {
    font-size: 1.429rem;
    line-height: 30px;
  }
  .seed_info p {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 22px;
  }

  .seed_layer_wrap {
    padding: 75px 10px 48px;
  }
  .seed_tb table tr th {
    font-size: 0.857rem;
    padding: 14px 0;
  }
  .seed_tb table tr td {
    font-size: 0.857rem;
    padding: 14px 0;
    line-height: normal;
  }
  .seed_tb03 table tr td {
    padding: 14px 5px;
  }
  .seed_list span {
    font-size: 0.857rem;
  }
  .seed_list ul li {
    font-size: 0.857rem;
  }
  .what_seed_wrap {
    margin-top: 15px;
  }
  .what_seed {
    font-size: 0.857rem;
  }
  .what_seed:after {
    height: 2px;
  }
  .seed_tab_wrap {
    margin-top: 40px;
  }
  .seed_tab li > a {
    font-size: 1rem;
    height: 48px;
  }
  .seed_tab li > a span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 48px;
  }
  .sel_wrap_align .sel_wrap {
    width: 160px;
    height: 40px;
  }
  .seed_tb {
    margin-top: 20px;
  }
  .tb_s1 tr th {
    font-size: 0.857rem;
    padding: 14px 0;
  }
  .tb_s1 tr td {
    font-size: 0.857rem;
    padding: 14px 0;
  }

  .info_tb tr th {
    padding: 14px 0;
    text-align: center;
    font-size: 0.857rem;
    width: 30%;
  }
  .info_tb tr td {
    width: 70%;
    padding: 14px 10px;
    font-size: 0.857rem;
  }
  .my_info_box02 {
    margin-top: 40px;
  }

  .paging a {
    width: 30px;
    height: 30px;
  }

  .join_group2 .info_inp input[type="text"].w360 {
    width: 100%;
  }
  .sel_wrap.sel_wrap_360 {
    width: 100%;
  }
  .join_pop_link {
    position: static;
    width: 100%;
    height: 48px;
    display: block;
    line-height: 48px;
    margin-top: 20px;
  }
  .join_serv_logo img {
    height: 26px;
  }

  /* 나의 응모 현황 */
  .h_group {
    display: none;
  }
  .b_cnt {
    height: auto;
    position: relative;
    padding: 20px 0;
  }
  .b_cnt > div {
    float: none;
    line-height: 32px !important;
    height: 32px;
    font-weight: 300;
  }
  .board_list_wrap .exp_win {
    position: absolute;
    top: 20px;
    right: 0;
    margin: 0;
  }
  .board_list_wrap .exp_tit {
    width: calc(100% - 80px);
    text-align: left;
  }
  .board_list_wrap .exp_suj {
    width: calc(100% - 80px);
    text-align: left;
    font-size: 1.143rem;
    font-weight: 400;
  }
  .board_list_wrap .exp_per {
    width: calc(100% - 80px);
    text-align: left;
  }
  .board_list_wrap .exp_review {
    width: 100%;
    margin: 10px 0 9px 0;
    height: 48px;
  }
  .board_list_wrap .exp_win {
    width: auto;
  }
  .result_tag {
    margin: 0;
  }
  .review_link {
    width: 100%;
    margin: 0;
    line-height: 48px;
    height: 48px;
    font-size: 1rem;
    border-radius: 32px;
  }
  .review_link span:after {
    display: none;
  }

  .withdraw_guide1 {
    background-size: auto 40px;
    padding: 100px 20px 40px;
  }
  .withdraw_guide1 p {
    font-size: 1rem;
  }
  .withdraw_list li h4 {
    font-size: 1rem;
    line-height: 22px;
  }
  .etc {
    width: 100%;
    margin-left: 0;
    height: 40px;
    margin-top: 10px;
  }
  .check_wrap3 .check label {
    font-size: 1rem;
  }
  .withdraw2 {
    padding: 20px;
  }

  .page_tab_con li {
    float: none;
    width: 100%;
  }
  .page_tab_con li:nth-child(even) {
    margin-left: 0;
  }

  .page_search_wrap .sel_wrap {
    width: 80px;
    border-right: none;
  }
  .page_search_wrap .searcharea {
    height: 40px;
    margin-left: 0;
    width: calc(100% - 80px);
  }
  .page_search_wrap input.text_search {
    line-height: 40px;
    padding: 0 10px;
  }

  .sub_top_wrap.sub_top_mo {
    height: 174px;
  }
  .sub_top_wrap.sub_top_wrap1 {
    background: url(/resources/img/user/bg_m_culture_event.jpg) center top/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap2 {
    background: url(/resources/img/user/bg_m_culture_video_cast.jpg) center bottom/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap3 {
    background: url(/resources/img/user/bg_m_culture3.jpg) center top/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap4 {
    background: url(/resources/img/user/bg_m_culture4.jpg) left top/cover no-repeat;
  }
  /* 전자도서관 */
  .sub_top_wrap.sub_top_wrap5 {
    background: url(/resources/img/user/bg_m_read_ebook.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap6 {
    background: url(/resources/img/user/bg_m_reading2.jpg) left center/cover no-repeat;
  }
  /* 이달의 책 */
  .sub_top_wrap.sub_top_wrap7 {
    background: url(/resources/img/user/bg_m_read_month.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap8 {
    background: url(/resources/img/user/bg_m_reading4.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap9 {
    background: url(/resources/img/user/bg_m_reading5.jpg) left center/cover no-repeat;
    background: url(/resources/img/user/bg_m_read_grow.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap9-1 {
    background: url(/resources/img/user/bg_m_reading5.jpg) left top/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap10 {
    background: url(/resources/img/user/bg_m_reading6.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap11 {
    background: url(/resources/img/user/bg_m_youth1.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap12 {
    background: url(/resources/img/user/bg_m_youth2.jpg) left center/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap13 {
    background: url(/resources/img/user/bg_m_youth3.jpg) left center/cover no-repeat;
    padding: 52px 0 0 0;
  }
  .sub_top_wrap.sub_top_wrap14 {
    background: url(/resources/img/user/bg_m_youth4.jpg) left center/cover no-repeat;
    padding: 52px 0 0 0;
  }
  /* 청소년라운지 */
  .sub_top_wrap.sub_top_wrap15 {
    background: url(/resources/img/user/bg_m_youth_lounge.jpg) left -15px / cover no-repeat;
    padding: 52px 0 0 0;
  }
  /* 가족여행 => 가족여행 */
  .sub_top_wrap.sub_top_wrap16 {
    background: url(/resources/img/user/bg_m_family_travel.jpg) left bottom/cover no-repeat;
    /* padding: 52px 0 0 0; */
  }
  /* 해외문화캠프 => 해외문화캠프 */
  .sub_top_wrap.sub_top_wrap17 {
    background: url(/resources/img/user/bg_m_overseas_culture_camp.jpg) left bottom/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap18 {
    background: url(/resources/img/user/bg_m_exp3.jpg) left bottom/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap19 {
    background: url(/resources/img/user/bg_m_exp4.jpg) left bottom/cover no-repeat;
  }
  /* 올해의 체험일정 */
  .sub_top_wrap.sub_top_wrap20 {
    background: url(/resources/img/user/bg_m_experience_schedule.jpg) left bottom/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap25 {
    background: url(/resources/img/user/bg_m_culture_review.jpg) left bottom/cover no-repeat;
  }
  .sub_top_wrap.sub_top_wrap26 {
    background: url(/resources/img/user/bg_m_culture_lounge.jpg) left bottom/cover no-repeat;
  }
  /* 고전산책 */
  .sub_top_wrap.sub_top_wrap27 {
    background: url("/resources/img/user/bg_m_youth_classic.jpg") center bottom/cover no-repeat;
  }
  /* 문해력강좌 */
  .sub_top_wrap.sub_top_wrap28 {
    background: url("/resources/img/user/bg_m_read_lecture.jpg") center bottom/cover no-repeat;
  }
  /* 명사칼럼 */
  .sub_top_wrap.sub_top_wrap29 {
    background: url("/resources/img/user/bg_m_nouns_column.jpg") center bottom/cover no-repeat;
  }
  .depth3_link li a {
    font-size: 1.714rem;
  }
  .page_tit h3 {
    font-size: 1.429rem;
  }
  .page_tit {
    margin-top: 40px;
  }
  .page_tit p {
    font-size: 1rem;
    line-height: 22px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .page_tab_wrap > li > a {
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }
  .page_tab_wrap > li > a.on:after {
    height: 48px;
  }
  .page_tab_wrap {
    margin-top: 40px;
    padding: 78px 20px 0;
  }
  .desc h4 {
    font-size: 1.143rem;
    line-height: 20px; /* height:40px; */
    height: auto;
  }
  .desc {
    padding: 15px 20px 20px;
  }
  .desc_date {
    margin-top: 10px;
  }
  .ing_tag {
    width: 79px;
    height: 30px;
    line-height: 30px;
    font-size: 0.857rem;
    right: 10px;
    bottom: 10px;
  }

  .desc_page_tit h3 {
    font-size: 1.571rem;
  }

  .e_info_wrap {
    margin-top: 20px;
  }
  /* .e_info_wrap > div {padding-left:0; margin-right:0;} */
  .e_info_wrap > div.e_writer {
    margin-right: 15px;
  }
  /* .e_info_wrap > div.e_peri {float:none; width:100%;} */
  .e_info_wrap > div.e_peri {
    margin-right: 15px;
  }
  /* .e_info_wrap > div:before {display:none;} */
  .e_info_wrap > div.e_inq {
    display: none;
  }
  /* .e_info_wrap > div.e_state {margin:10px 0 0;} */
  /* .e_info_wrap > div.e_share {margin:0 0 0 10px;} */
  .e_info_wrap > div.e_share.e_share2 {
    padding-left: 15px;
  }
  .e_info_wrap > div.e_pdf {
    margin-right: 15px;
  }
  .cmt_wrap {
    padding: 20px;
  }
  .list_link_tit {
    display: none;
  }
  .list_link_wrap > a.next_link {
    background: none;
  }
  .list_link_wrap > a.prev_link {
    background: none;
  }
  .social_btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 48px;
    width: 48px;
    border-radius: 100%;
  }
  .social_btn span {
    display: none;
  }
  .print_btn span {
    display: none;
  }
  .btn_shar2:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/resources/img/user/icon_sharing.svg") center center no-repeat;
    background-size: 20px 20px;
  }
  .recommend:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/resources/img/user/icon_recm.svg") center center no-repeat;
    background-size: 20px 18px;
  }
  .recommend.on {
    height: 48px;
    width: 48px;
  }
  .recommend.on:before {
    background: url("/resources/img/user/icon_recm_on.svg") center center no-repeat;
    background-size: 20px 18px;
  }
  .print_btn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/resources/img/user/icon_print.svg") center center no-repeat;
    background-size: 20px 18px;
  }
  .desc_btn_rig .list_link {
    position: relative;
    height: 48px;
    width: 48px;
    border-radius: 100%;
  }
  .desc_btn_rig .list_link span {
    display: none;
  }
  .desc_btn_rig .list_link:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/resources/img/user/icon_list.png) center center no-repeat;
    background-size: 18px 14px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .desc_btn_rig .list_link_del:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/resources/img/user/icon_del.svg) center center no-repeat;
    background-size: 18px 20px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .desc_btn_rig .list_link_cha:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/resources/img/user/icon_write.svg) center center no-repeat;
    background-size: 18px 18px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .desc_page_con {
    padding: 40px 0 40px;
  }

  .cmt_list li > div {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0;
    margin-top: 10px;
  }
  .cmt_list li > div:first-child {
    margin-top: 0;
  }
  .list_link_wrap > a h4 {
    font-size: 1.143rem;
  }
  .list_link_wrap > a.prev_link h4 span {
    position: relative;
    padding-left: 12px;
  }
  .list_link_wrap > a.prev_link h4 span:before {
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    background: url("/resources/img/user/icon_tit.png") center center/cover no-repeat;
    transform: rotate(180deg);
  }
  .list_link_wrap > a.next_link h4 span {
    position: relative;
    padding-right: 12px;
  }
  .list_link_wrap > a.next_link h4 span:after {
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
    background: url("/resources/img/user/icon_tit.png") center center/cover no-repeat;
  }

  .event_info dl dt {
    font-size: 1.143rem;
  }
  .event_info dl dd {
    font-size: 1.143rem;
  }
  .event_info.event_info2 dl dd {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 20px;
  }

  .page_tab_con.page_tab_con2 li {
    min-height: auto;
  }
  .more_view.one_btn {
    width: 100%;
    height: 48px;
    font-size: 1rem;
  }
  .btn_wrap {
    margin-bottom: 40px;
  }

  .inp_wrap {
    width: 100%;
  }
  .category li {
    margin-bottom: 8px;
  }
  .category li a {
    height: 48px;
    line-height: 46px;
    padding: 0 20px;
    font-size: 1rem;
  }
  .page_tit.page_link {
    padding: 0 0 40px;
  }
  .page_tit.page_link p {
    padding: 0;
  }
  .write_btn {
    height: 48px;
    line-height: 46px;
    top: 0;
  }
  .mo_block {
    display: block;
  }
  .category {
    margin-bottom: 0;
  }

  .desc_btn_rig .list_link:first-child {
    margin-left: 0;
  }
  .cmt_inp input {
    height: 48px;
    line-height: 46px;
  }
  .regist_btn {
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
    float: right;
    margin-top: 10px;
  }
  .desc_txt {
    font-size: 1rem;
    line-height: normal;
  }

  .pw_reinp {
    width: calc(100% - 68px);
    height: 40px;
    border-right: none;
    padding: 0 10px;
  }
  .confirm_btn {
    margin-left: 0;
    height: 40px;
  }

  .add_btn.on {
    width: calc((100% - 20px) / 3);
  }
  .add_file {
    width: calc((100% - 20px) / 3);
    height: 100%;
  }

  .cast_wrap .page_tab_con li:nth-child(1) {
    width: 100%;
  }
  .cast_wrap .page_tab_con li:nth-child(2) {
    width: 100%;
  }
  .cast_wrap .page_tab_con li:nth-child(even) {
    margin-left: 0;
  }

  .e_info_wrap > div.e_peri.e_peri2 {
    float: left;
    width: auto;
    margin-right: 15px;
  }
  .desc_video_wrap {
    padding: 0;
  }

  .column_wrap {
    margin-top: 0;
  }
  .board_list2 .col_num {
    display: none;
  }
  .board_list2 .b_cnt > div {
    text-align: left;
  }
  .board_list2 .b_cnt > div.col_subj {
    padding-left: 0;
    font-size: 1.143rem;
  }
  .board_list2 .col_num {
    width: 100%;
  }
  .board_list2 .col_field {
    width: 100%;
  }
  .board_list2 .col_subj {
    width: 100%;
  }
  .board_list2 .col_writer {
    width: 100%;
  }
  .board_list2 .col_date {
    width: 100%;
  }

  .desc_book_title dl dd {
    font-size: 1.714rem; /* max-width:75%; */
  }
  .desc_book_info > div.desc_book_title {
    margin-left: 30px;
    width: calc(100% - 150px);
  }

  .page_tit h3 {
    font-size: 1.429rem;
  }
  .book_info_box h4 {
    font-size: 1.429rem;
  }
  .adm_txt {
    font-size: 1.143rem;
    line-height: normal;
  }
  .desc_book_title dl {
    border-bottom: none;
    padding-bottom: 0;
  }

  .slide_con_lef {
    float: none;
    width: 100%;
  }
  .slide_con_rig {
    float: none;
    width: 100%;
    padding: 30px 0;
  }

  .slide_con_rig h3 {
    font-size: 1.714rem;
    margin-top: 20px;
  }
  .campaign_date {
    margin-top: 20px;
  }
  .inner_tab_con h4 {
    font-size: 1.714rem;
  }
  .slide_tab li a {
    padding: 0 25px 20px;
    height: 35px;
  }
  .frame_st3 .btn {
    margin-top: -24px;
  }
  .frame_st3 {
    height: 35px;
  }
  .inner_tab_wrap {
    margin-top: 10px;
  }
  .innner_tab li a {
    line-height: 1.2;
    font-size: 1rem;
    padding-top: 12px;
  }

  .depth3_link li {
    margin: 0 20px;
  }

  .board_list2 {
    border-top: 1px solid #ddd;
  }
  .basic_info {
    float: none;
    width: 100%;
  }
  .basic_info:first-child {
    margin-right: 0;
  }
  .desc_book_info {
    padding: 20px 20px 0;
    background-size: 100% 50%;
  }
  .desc_book_img img {
    max-width: 120px;
  }
  .desc_book_info > div.basic_info_wrap {
    float: none;
    clear: both;
    width: 100%;
    margin-left: 0;
  }
  .basic_info_wrap {
    padding-top: 30px;
  }
  .board_list_wrap.top_none {
    margin-top: 0;
  }

  .weekly_edu_wrap {
    margin-top: 40px;
  }

  .add_group {
    margin-top: 20px;
  }

  .cmt_info > span {
    font-size: 0.857rem;
  }

  .cmt_inp {
    width: 100%;
  }
  .cmt_inp .cmt_area {
    height: 80px;
    width: 87%;
  }
  .cmt_list.cmt_list_top {
    margin-top: 68px;
  }

  .big_btn {
    position: static;
    margin-top: 20px;
  }
  .howto_wrap {
    margin-top: 0;
  }
  .step_img {
    float: none;
    margin: 0 auto;
    width: 120px;
    height: 120px;
  }
  .howto_step_list > li:nth-child(1) .step_img {
    background-size: 40%;
  }
  .howto_step_list > li:nth-child(2) .step_img {
    background-size: 40%;
  }
  .howto_step_list > li:nth-child(3) .step_img {
    background-size: 40%;
  }
  .step_exp {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .howto_step_list > li {
    padding: 40px 0;
  }
  .step_tit h3 {
    font-size: 1.429rem;
  }
  .guide_list li {
    font-size: 1rem;
    line-height: 22px;
  }
  .login_on2 {
    height: 48px;
    line-height: 48px;
    max-width: 100%;
  }
  .login_on2 span {
    font-size: 1rem;
  }
  .login_off2 {
    height: 48px;
    line-height: 48px;
    font-size: 1rem;
    max-width: 100%;
  }
  .external_btn {
    height: 48px;
    line-height: 48px;
    font-size: 1rem;
    width: 100%;
  }
  .viewer_link_lef {
    float: none;
    width: 100%;
  }
  .viewer_link_rig {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
  .viewer_link_rig:before {
    display: none;
  }
  .viewer_link_wrap {
    padding: 20px;
  }
  .ipt_noti_list li {
    line-height: 22px;
  }

  .coaching_btn2 {
    margin-left: 10px;
  }
  .ebook_btn {
    height: 48px;
    line-height: 46px;
  }

  .b_cnt .ch_num {
    display: none;
  }
  .board_list_wrap .ch_suj {
    width: calc(100% - 90px) !important;
    padding-left: 0;
  }
  .b_cnt > div.lock {
    padding-left: 18px;
    box-sizing: border-box;
  }
  .board_list_wrap.my_coaching .ch_suj {
    width: calc(100% - 90px);
    padding-left: 0;
  }
  .board_list_wrap.my_coaching .b_cnt > div.lock {
    padding-left: 18px;
    box-sizing: border-box;
  }
  .board_list_wrap .ch_book_tit {
    width: calc(100% - 80px);
    text-align: left;
  }
  .board_list_wrap .ch_writer {
    display: none;
  }
  .board_list_wrap .ch_age {
    display: none;
  }
  .board_list_wrap .ch_date {
    width: 100%;
    text-align: left;
  }
  .board_list_wrap .ch_state {
    width: auto !important;
    position: absolute;
    top: 20px;
    right: 0;
  }
  /* .b_cnt.no_pad {padding-top:0;} */
  .board_list_wrap .ch_state a {
    margin: 0;
  }

  .board_list.board_list_top {
    border-top: 1px solid #ddd;
  }

  .ch_info_list li {
    font-size: 1rem;
    line-height: 22px;
  }
  .join_tit.join_tit3 p {
    line-height: 22px;
  }

  .desc_book_info2 .desc_book_title {
    max-width: 100%;
  }
  .basic_info_wrap.basic_info_wrap2 {
    margin-top: 0;
  }

  .recom_book_list li {
    width: 100%;
  }
  .recom_book_list li:nth-child(even) {
    margin-left: 0;
  }
  .recom_book_list li:nth-child(2) {
    margin-top: 30px;
  }
  .recom_book_img {
    width: 120px;
  }
  .recom_book_info {
    width: calc(100% - 120px);
    padding: 22px 15px;
    max-height: 174.53px;
  }

  .desc_page_con.desc_page_con2 {
    padding: 40px 0;
  }

  .teacher_coaching h3 {
    font-size: 1.571rem;
    padding-top: 40px;
  }

  .change_btn {
    height: 48px;
    width: 100%;
    line-height: 48px;
    font-size: 1rem;
  }
  .e_info_wrap > div.ch_noti {
    width: 100%;
    padding-left: 0;
  }
  .e_info_wrap > div.ch_noti:before {
    display: none;
  }

  .basic_info dl dt {
    width: 25%;
  }
  .basic_info.basic_info2 dl dt {
    width: 20%;
  }

  .print_btn2 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 1rem;
  }

  .layer_wrap h2 img {
    height: 35px;
  }
  .print .swiper-slide p {
    font-size: 1rem;
  }

  .ch_ing_img {
    margin-top: 40px;
  }
  .ing_guide h4 {
    font-size: 1.429rem;
  }
  .ing_guide p {
    font-size: 1rem;
    margin-top: 20px;
  }
  .weekly_con_lef {
    display: block;
    width: 100%;
  }
  .weekly_con_rig {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    padding: 0;
  }

  .weekly_tit h3 {
    font-size: 1.571rem;
    margin-left: 8px;
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
    max-width: calc(100% - 58px);
  }
  .weekly_tit h3 a {
    background-position: right 10px;
    line-height: normal;
  }
  .weekly_date {
    float: none;
    width: 100%;
    display: block;
    font-size: 0.857rem;
  }
  .weekly_tag {
    font-size: 0.857rem;
    width: 50px;
  }
  .weekly_tit h3 .new_tag {
    margin-bottom: 4px;
  }
  .weekly_con {
    margin-top: 10px;
  }
  .w_more {
    bottom: 20px;
    right: 20px;
  }

  .cardnews_slide_wrap .swiper-button-prev {
    left: 30px;
  }
  .cardnews_slide_wrap .swiper-button-next {
    right: 30px;
  }

  .board_list2 .b_cnt > div.col_subj a {
    font-size: 1.143rem;
    padding: 0 18px 0 0;
    font-weight: 400;
  }

  .sel_wrap.sel_ps {
    position: relative;
    top: 20px;
    left: 50%;
    margin-left: -80px;
  }

  .recom_book {
    float: none;
    width: 100%;
  }
  .recom_book:nth-child(odd) {
    background-size: 100% 62%;
  }
  .recom_book:nth-child(even) {
    background-size: 100% 62%;
    margin-left: 0;
  }

  .mind_tit {
    font-size: 1.714rem;
  }
  .sub_inner2.sub_inner_pad {
    padding: 40px 0;
  }
  .theme_tit {
    margin-top: 30px;
  }
  .theme_tit h4 {
    font-size: 1.429rem;
    width: 100%;
  }
  .recom_book h4 {
    font-size: 1.571rem;
  }

  .theme_tit h4 span:before {
    display: none;
  }

  /* 마음이 자라는 책 리스트 */
  .list_cnt li {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .list_cnt:first-child li:nth-child(2) {
    margin-top: 40px;
  }

  /* 북칼럼 */
  .column_list li {
    float: none;
    width: 100%;
    min-height: auto;
    max-height: none;
  }
  .column_list li:nth-child(even) {
    margin-left: 0;
  }

  .book_column_info h3 {
    font-size: 1.34rem;
  }
  .column_writer {
    margin-top: 10px;
  }

  .basic_info dl.info_h {
    height: auto;
  }

  .list_title h3 {
    font-size: 1.571rem;
  }
  .back_btn_st2 {
    height: 48px;
    line-height: 46px;
  }

  .list_txt {
    font-size: 1rem;
    line-height: 22px;
  }

  .keyword_wrap > div {
    padding: 0 10px;
    min-width: auto;
  }

  .recom_book_info dl dt {
    width: 60px;
  }
  .recom_book_info dl dd {
    width: calc(100% - 60px);
  }

  .board_list_wrap .ch_suj a {
    padding: 0 18px 0 0;
    font-size: 1.143rem;
    font-weight: 400;
    height: auto !important;
  }
  .board_list_wrap .ch_suj.on a {
    padding: 0 18px 0 0;
  }

  .ebook_list_st li {
    width: 100%;
    min-height: auto;
    position: relative;
  }
  .ebook_list_st li:nth-child(even) {
    margin-left: 0;
  }
  .ebook_list_st li:nth-child(2) {
    margin-top: 40px;
  }

  .list_cnt {
    padding-bottom: 0;
  }
  .list_cnt li:nth-child(even) {
    margin-left: 0;
  }
  .list_contents_wrap {
    padding-top: 30px;
  }
  .list_contents {
    margin-top: 30px;
  }

  /* 서비스 특징 */
  .sub_top_wrap.first_visit_top {
    padding: 60px 0 73px;
  }
  .sevice_exp_wrap1 .sevice_txt1 {
    font-size: 1.429rem;
    line-height: 30px;
  }
  .sevice_exp_wrap1 .sevice_txt2 {
    font-size: 1rem;
    line-height: 22px;
    margin-top: 20px;
  }

  .pop_columnist ul li {
    width: 30%;
    margin-left: 5%;
  }
  .pop_columnist ul li:first-child {
    margin-left: 0;
  }
  /* .pop_img  {max-width:120px;} */

  .page_tit.left_align.left_align2 {
    margin-top: 40px;
  }
  .celeb_list_wrap {
    margin-top: 40px;
  }
  .celeb_list li {
    width: 100%;
    padding: 0 0 30px !important;
  }
  .celeb_list li:nth-child(2) {
    margin-top: 30px;
  }

  .celeb_column h3 {
    height: auto;
    font-size: 1rem;
    line-height: normal;
  }
  .column_date {
    font-size: 0.857rem;
  }
  .columnist_layer_wrap {
    padding: 75px 20px 48px;
  }
  /* .pop_columnist_list {padding:0 10px; box-sizing:border-box;} */

  .global_list_wrap {
    margin-top: 40px;
  }

  .map_area {
    min-height: 250px;
  }
  .map_area p {
    font-size: 1rem;
    padding-top: 0px;
    line-height: 250px;
  }
  .lectur_info dl dt {
    font-size: 1.143rem;
  }
  .lectur_info dl dd {
    font-size: 1.143rem;
  }
  .enter_guide {
    margin-top: 40px;
  }

  /* 서비스상세안내 */
  .page_top {
    background: none;
    padding: 0;
    margin-top: 40px;
  }
  .service_tab_wrap {
    margin-top: 40px;
    padding-top: 88px;
  }
  .service_tab_wrap > li > a {
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }
  .service_tab_wrap > li > a.on:after {
    height: 48px;
  }
  .tab_top {
    padding: 0 0 120px 0;
    background-size: auto 95px;
    background-position: center bottom;
  }
  .tab_top p {
    font-size: 1.429rem;
    line-height: normal;
  }
  .tab_link_list li {
    padding: 40px 0;
  }
  .tab_link_list li h5 a {
    background-position: right 55%;
    font-size: 1.429rem;
  }
  .page_top_logo img {
    height: 28px;
  }

  #centered4 {
    padding-right: 20px;
  }
  #centered4 > ul {
    min-width: 1246px !important;
  }
  .frame{
    padding: 0 10px;
  }
  .frame.frame_box {
    padding: 0 0 0 20px;
  }

  .tit {
    display: inline-block;
    margin-right: 3px;
  }

  .board_list_wrap.all_coaching .ch_book_tit {
    width: 100%;
  }
  .board_list_wrap.all_coaching .ch_writer {
    position: relative;
    text-align: left;
    width: auto;
    display: inline-block;
    padding-right: 8px;
    margin-right: 8px;
  }
  .board_list_wrap.all_coaching .ch_writer:after {
    content: "";
    width: 1px;
    height: 12px;
    background: #ddd;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
  }
  .board_list_wrap.all_coaching .ch_age {
    position: relative;
    text-align: left;
    width: auto;
    display: inline-block;
    padding-right: 8px;
    margin-right: 8px;
  }
  .board_list_wrap.all_coaching .ch_age:after {
    content: "";
    width: 1px;
    height: 12px;
    background: #ddd;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
  }
  .board_list_wrap.all_coaching .ch_date {
    width: auto;
    display: inline-block;
  }

  .theme_book_info h5 {
    white-space: normal;
    line-height: 1.2;
    height: 2.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* #centered2 > ul {
    min-width: 613px;
  } */

  .celeb_column {
    margin-left: 15px;
    width: calc(100% - 151px);
  }

  .desc_book_info2 {
    height: 250px;
  }
  .desc_book_info2.youth_book_info {
    height: 250px;
  }

  .priv {
    min-height: auto;
    max-height: 90%;
  }

  .sub_video_wrap {
    padding: 0 20px;
  }

  /* 체험학습 */
  .exp_list li {
    float: none;
    width: 100%;
  }
  .exp_list li:nth-child(even) {
    margin-left: 0;
  }
  .exp_info > dl {
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
  }
  .exp_info > dl:before {
    display: none;
  }
  .exp_desc h3 {
    font-size: 1.143rem;
    line-height: 20px;
    height: auto;
  }
  .exp_info2 {
    margin-top: 15px;
  }
  .exp_info2 dl {
    margin-top: 5px;
  }

  .inner_tab_wrap.exp_tab_wrap {
    padding-top: 40px;
  }
  .inner_tab_wrap.exp_tab_wrap .innner_tab {
    padding-top: 48px;
  }
  .inner_tab_wrap.exp_tab_wrap .innner_tab li a {
    height: 48px;
    line-height: 48px;
    padding-top: 0;
  }
  .inner_tab_wrap.exp_tab_wrap .inner_tab_con {
    padding: 30px;
  }
  .exp_info > dl > dt {
    font-size: 1rem;
  }
  .exp_info > dl > dd {
    font-size: 1rem;
  }

  .sel_wrap.sel_wrap_grade.mo_w2 {
    width: 100%;
  }
  .add_info {
    font-size: 1rem;
  }
  .exp_wrap.exp_wrap_top {
    margin-top: 40px;
  }
  .exp_desc h3.on .new_tag {
    top: auto;
    bottom: 0;
    margin-bottom: 0;
  }

  .cast_wrap .page_tab_con li:nth-child(1) .desc h4 {
    height: auto;
  }
  .cast_wrap .page_tab_con li:nth-child(2) .desc h4 {
    height: auto;
  }

  .onair_tit {
    font-size: 1rem;
    line-height: normal;
  }
  .onair_txt {
    font-size: 1rem;
    line-height: normal;
    margin-top: 20px;
  }

  /* 추천 테마여행 */
  .theme_trip1 {
    padding: 40px 0;
  }
  .theme_trip1 .swiper-slide {
    height: auto;
  }
  .theme_trip1 .swiper-button-next {
    right: 5%;
    margin-right: 2px;
  }
  .theme_trip1 .swiper-button-prev {
    left: 5%;
    margin-left: 2px;
  }
  .theme_trip1 .swiper-slide .theme_img {
    width: 100%;
  }
  .theme_desc {
    max-height: 100%;
    padding: 20px;
  }
  .theme_desc h4 {
    font-size: 1.143rem;
    line-height: normal;
  }
  .theme_desc p {
    font-size: 0.857rem;
    line-height: 16px;
    white-space: normal;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
  }

  .theme_trip h3 {
    font-size: 1.714rem;
  }
  .theme_trip2 {
    padding: 40px 0 40px 20px;
  }
  .now_trip {
    margin-top: 40px;
  }

  .b_cnt > div.lock:before {
    top: 4px;
  }

  .theme_trip3 {
    padding: 40px 20px;
  }
  .now_trip > div h4 {
    font-size: 1.429rem;
  }
  .quiz_box {
    padding: 20px;
  }
  .theme_trip3 h3 span:after {
    background-size: auto 26px;
  }
  .quiz_img {
    float: none;
    width: 100%;
    height: auto; /* height:0; padding-bottom:60%; */
  }
  .quiz_img img {
    position: static;
    transform: none;
    max-width: 100%;
  }
  .quiz_cnt {
    float: none;
    width: 100%;
    margin-top: 30px;
    padding: 0;
  }
  .hint:before {
    background-size: auto 18px;
  }
  .answer_btn {
    height: 48px;
    line-height: 48px;
    width: 100%;
  }
  .theme_trip4 {
    padding: 40px 20px 0;
  }
  .fam_tag {
    margin-bottom: 15px;
  }
  .answer_list li {
    font-size: 1.25rem;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .answer_list li:last-child {
    margin-left: 0;
  }

  .now_trip .swiper-slide {
    width: 120px !important;
  }
  .now_trip_img {
    width: 120px;
    height: 120px;
  }
  .theme_trip3 {
    position: relative;
    padding-bottom: 60px;
    background: url(/resources/img/user/bg_quiz.jpg) center top no-repeat;
    background-size: auto 150%;
  }
  .theme_trip3:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 40px;
    background: url("/resources/img/user/bg_wave.png") top center/cover no-repeat;
  }

  .sub_inner.sub_inner_wave.theme_desc_top {
    padding: 0 0 60px !important;
  }
  .theme_detail_tit {
    padding: 75px 20px;
    box-sizing: border-box;
    border-radius: 0;
  }
  .theme_detail_tit h3 {
    font-size: 1.714rem;
  }
  .area_name {
    height: 48px;
    line-height: 46px;
  }
  .theme_detail_tit p {
    font-size: 1rem;
    word-break: keep-all;
  }

  .seed_tab_cnt {
    top: 48px;
  }
  .join_group:last-child .info_la.pad_top {
    padding-top: 0;
  }

  .cust_guide {
    font-size: 1rem;
    line-height: 22px;
  }
  .seed_tab_wrap.cust_tab_wrap {
    margin-top: 40px;
  }
  .sel_wrap.cust_sel_wrap {
    width: 100%;
  }

  .board_list3 .col_answer {
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto;
  }
  .board_list3 .col_answer span {
    text-align: center;
  }

  .board_list3 .col_arr {
    position: absolute;
    top: 20px;
    right: 0;
    width: auto;
  }
  .col_arr span {
    height: 32px;
    background-size: 12px 12px;
  }
  .board_list3 .col_subj {
    /* width:calc(100% - 100px); */
    white-space: normal;
    text-overflow: clip;
    height: auto;
    word-break: keep-all;
    font-weight: 400;
    padding: 0 !important;
    margin: 4px 0 !important;
  }

  .sub_top_wrap.cust_top_wrap {
    height: 174px;
    padding: 0;
  }
  .sub_top_wrap.cust_top_wrap .sub_top h2 {
    line-height: 154px;
  }

  .faq_list dl dt {
    padding: 20px 40px 20px 48px;
  }
  .faq_list dl dt:before {
    left: 0;
  }
  .faq_list dl dt:after {
    right: 0;
  }

  .board_list4 .col_arr {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
    width: auto;
    height: auto;
  }
  .board_list4 .col_subj {
    width: calc(100% - 20px);
    white-space: normal;
    text-overflow: clip;
    height: auto;
    word-break: keep-all;
    font-weight: 400;
    padding: 0 !important;
    margin: 4px 0 !important;
  }

  .answer_cnt {
    padding: 30px 20px;
  }
  .faq_list dl dd {
    padding: 25px 20px 25px 68px;
  }

  /* 검색결과 */
  .search_result_wrap h3 {
    font-size: 1.714rem;
    margin-bottom: 40px;
  }
  .search_result h4 {
    display: block;
    width: 100%;
    font-size: 1.571rem;
    padding-top: 0;
  }
  .result_list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .result_list > div > a {
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }
  .search_result_cont {
    margin-top: 40px;
  }
  .search_result {
    margin-top: 25px;
  }

  .sub_inner.no_pad {
    padding: 40px 0 60px !important;
  }

  .layer_wrap button {
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }

  .pw_ch_wrap .pw_inp label {
    font-size: 1.143rem;
  }
  .pw_ch_wrap .inp_wrap input {
    height: 40px;
    padding: 0 10px;
  }
  .pw_ch_wrap .pw_cha_btn {
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
  }

  .dmt_cancle_btn {
    width: calc(50% - 5px);
  }
  .dmt_cha_btn {
    width: calc(50% - 5px);
  }

  .dmt_guide p {
    font-size: 1rem;
    line-height: 22px;
    margin-top: 20px;
  }

  .cmt_list li > div.cmt_edt {
    position: static;
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .inner_tab_con {
    border: none;
    padding: 0;
  }
}

@media screen and (max-width: 680px) {
  .sub_top_guide {
    max-width: 90%;
  }
}

@media screen and (max-width: 640px) {
  .ebook_list .swiper-slide {
    width: 35% !important;
  }

  .instal_btn {
    display: block;
  }
  .ap_down {
    margin-top: 10px;
  }

  .desc_book_info2 {
    background: url(/resources/img/user/bg_mch_end.jpg) right bottom/cover no-repeat;
    padding-bottom: 30px;
    height: auto;
  }
  .desc_book_info2.youth_book_info {
    background: url(/resources/img/user/bg_mch_end2.jpg) right bottom/cover no-repeat;
    padding-bottom: 30px;
    height: auto;
  }
}

@media screen and (max-width: 500px) {
  .sub_top_guide {
    max-width: none;
  }
  .sub_top_wrap.sub_top_wrap19.sub_top_mo {
    background-position: left -20px;
  }
}

@media screen and (max-width: 480px) {
  .ebook_list .swiper-slide {
    width: 50% !important;
  }
  .wbook_list .swiper-slide {
    width: 50% !important;
  }
  .tb_slide .swiper-slide {
    width: 50% !important;
  }
  .sub_top_wrap.sub_top_wrap2 {
    background-position: center -24px;
  }
}

@media screen and (max-width: 444px) {
  .sub_top_wrap.sub_top_wrap5.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 441px) {
  .sub_top_wrap.sub_top_wrap12.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 430px) {
  .sub_top_wrap.sub_top_wrap13.sub_top_mo {
    padding: 45px 0 0 0;
  }
}

@media screen and (max-width: 437px) {
  .sub_top_wrap.sub_top_wrap8.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 420px) {
  .paging.paging_mo a:nth-child(6) {
    display: none;
  }
  .paging.paging_mo a:nth-child(7) {
    display: none;
  }
  /* .desc_book_title dl dd {word-break:normal;} */
  .sub_top_wrap.sub_top_wrap19.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 412px) {
  .sub_top_wrap.sub_top_wrap2.sub_top_mo {
    padding: 30px 0 0 0;
  }
  .sub_top_wrap.sub_top_wrap16.sub_top_mo {
    padding: 45px 0 0 0;
  }
}

/* @media screen and (max-width:394px){
    .sub_top_wrap.sub_top_wrap5.sub_top_mo {padding:30px 0 0 0; padding:20px 0 0 0;}    
} */

@media screen and (max-width: 398px) {
  .sub_top_wrap.sub_top_wrap6.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 395px) {
  .sub_top_wrap.sub_top_wrap10.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 392px) {
  .sub_top_wrap.sub_top_wrap12.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 391px) {
  .sub_top_wrap.sub_top_wrap17.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 384px) {
  .rb_list li:nth-child(1) {
    margin: 0 10px 0 0;
  }
  .rb_list li:nth-child(2) {
    margin: 0 0px 0 10px;
  }
}

@media screen and (max-width: 383px) {
  .sub_top_wrap.sub_top_wrap7.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 382px) {
  .sub_top_wrap.sub_top_wrap4.sub_top_mo {
    padding: 30px 0 0 0;
  }
  .hidden_link a.detail_link span {
    padding-left: 0;
  }
  .hidden_link a.detail_link span:before {
    display: none;
  }
  .hidden_link a.preview_link span {
    padding-left: 0;
  }
  .hidden_link a.preview_link span:before {
    display: none;
  }

  .rb_img {
    max-width: 111px;
    min-width: 111px;
  }
  .rb_img img {
    max-width: 95px;
  }
  .rb_info {
    max-width: 111px;
  }
  .rb_list li:nth-child(1) {
    margin: 0 7px 0 0;
  }
  .rb_list li:nth-child(2) {
    margin: 0 0px 0 7px;
  }
}

@media screen and (max-width: 378px) {
  .paging a:nth-child(6) {
    display: none;
  }
  .paging a:nth-child(7) {
    display: none;
  }
}

@media screen and (max-width: 377px) {
  .pw_ch_wrap .pw_guide br {
    display: none;
  }
}

@media screen and (max-width: 374px) {
  .lnb {
    padding: 0 0;
  }
}

@media screen and (max-width: 367px) {
  .sub_top_wrap.sub_top_wrap15.sub_top_mo {
    padding: 45px 0 0 0;
  }
}

@media screen and (max-width: 360px) {
  .sub_top_wrap.sub_top_wrap11.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 363px) {
  .big_tit {
    font-size: 1.286rem;
  }
  .main_quick > div:nth-child(1) {
    margin: 0 2px;
  }
  .main_quick > div:nth-child(2) {
    margin: 0 2px;
  }
  .main_quick > div:nth-child(3) {
    margin: 0 2px;
  }
  .main_quick > div:nth-child(4) {
    margin: 0 2px;
  }

  .my_info dl dt {
    font-size: 1rem;
  }
  .my_info dl dd {
    margin-top: 5px;
  }
  .my_info_bot {
    background-size: auto 20px;
    margin-top: 15px;
  }

  .sub_top_wrap.sub_top_wrap2.sub_top_mo {
    padding: 30px 0 0 0;
  }
  .sub_top_wrap.sub_top_wrap3.sub_top_mo {
    padding: 30px 0 0 0;
  }

  .desc_book_title dl dd {
    font-size: 1.5rem;
  }
  .desc_book_info > div.desc_book_title {
    margin-left: 20px;
    width: calc(100% - 140px);
  }
}

@media screen and (max-width: 348px) {
  .sub_top_wrap.sub_top_wrap6.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 345px) {
  .weekly_tit h3 {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}

@media screen and (max-width: 343px) {
  .sub_top_wrap.sub_top_wrap14.sub_top_mo {
    padding: 45px 0 0 0;
  }
}

@media screen and (max-width: 342px) {
  /* .desc_btn_rig {float:none; margin-top:10px;} */
  .innner_tab li a {
    font-size: 0.875rem;
    padding-top: 14px;
  }
}

@media screen and (max-width: 340px) {
  .sub_top_wrap.sub_top_wrap5.sub_top_mo {
    padding: 20px 0 0 0;
  }
}
@media screen and (max-width: 339px) {
  .sub_top_wrap.sub_top_wrap8.sub_top_mo {
    padding: 20px 0 0 0;
  }
  .sub_top_wrap.sub_top_wrap12.sub_top_mo {
    padding: 15px 0 0 0;
  }
  .sub_top_wrap.sub_top_wrap19.sub_top_mo {
    padding: 20px 0 0 0;
  }
}
@media screen and (max-width: 334px) {
  .my_info dl dt span.seed_arrow:after {
    display: none;
  }
  .sub_top_wrap.sub_top_wrap7.sub_top_mo {
    padding: 15px 0 0 0;
  }
}

@media screen and (max-width: 330px) {
  .depth3_link li {
    margin: 0 10px;
  }
}

@media screen and (max-width: 321px) {
  .sub_top_wrap.sub_top_wrap9.sub_top_mo {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 1100px) {
  .inquiry_layer,
  .lookup_layer {
    overflow-y: auto;
  }
  .lookup_layer .join_tit {
    margin-top: 20px;
  }
  .lookup_list {
    max-height: none;
    padding-right: 0;
  }
}

/* 회원조회하기 팝업 */
.inquiry_layer_wrap {
  display: none;
  padding: 75px 50px 50px;
  min-width: 786px;
}
.inquiry_wrap {
  margin-top: 60px;
}
.join_group.join_group3 {
  border-bottom: none;
  padding: 0;
}
.join_group.join_group3 ~ .join_group.join_group3 {
  padding-top: 25px;
}
.info_la3 {
  padding-top: 10px;
}
.inquiry_bot {
  margin-top: 40px;
  border-top: 1px solid #ddd;
}
.layer_wrap .sel_wrap .option_list {
  max-height: 121px;
  overflow-y: auto;
}

.lookup_layer_wrap {
  display: none;
  padding: 75px 50px 50px;
  min-width: 786px;
}
.lookup_layer .join_tit {
  margin-top: 35px;
}
.lookup_layer .join_info_wrap {
  border-bottom: none;
}
.lookup_list {
  max-height: 470px;
  overflow-y: auto;
  padding-right: 10px;
}

/* 2022-05-04 추가 */
.sub_btn_wrap a.bg_s3 {
  border: 1px solid #6d6d6d;
  background: #6d6d6d;
  color: #fff;
  font-weight: 500;
}
.event_info dl dt {
  font-weight: 500;
}
.long_txt {
  outline: none;
}
.ch_tit br {
  display: none;
}
.sub_btn_wrap a {
  width: calc(30% - 5px);
  margin: 0;
  height: 48px;
  line-height: 46px;
  font-size: 1rem;
}

/* 2022-11-09 추가 */
.survey_area {
  max-width: 990px;
  margin: 0 auto;
  background-color: #fff;
}
.survey_wrap {
  max-width: 680px;
  margin: 0 auto;
  padding: 50px 0;
}
.survey_img img {
  max-width: 100%;
}
.survey_group {
  border-bottom: none;
  padding: 20px 30px;
}
.survey_group .survey_group_wrap {
  margin-top: 0px;
  padding: 0 40px;
}
.survey_group .survey_group_wrap .check {
  display: block;
  margin: 0 0 10px 0px;
}
.survey_group .survey_qa {
  position: relative;
  box-sizing: border-box;
  padding: 20px 20px 20px 42px;
  transition: all 0.2s;
  line-height: normal;
  word-break: keep-all;
}
.survey_group .survey_qa {
  width: 100%;
}
.survey_group .survey_qa:before {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 0px;
  content: "Q";
  width: 32px;
  height: 32px;
  border: 1px solid #20bcae;
  border-radius: 100%;
  box-sizing: border-box;
  line-height: 28px;
  background: #20bcae;
  padding-left: 8.5px;
  box-sizing: border-box;
  color: #fff;
}
.survey_pc {
  display: block;
}
.survey_m {
  display: none;
}

.survey_wrap input[type="text"] {
  width: 352px;
  height: 48px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 1rem;
  font-weight: 300;
  vertical-align: middle;
}
.survey_wrap input[type="text"].w1 {
  width: 128px;
}
.survey_noti_wrap {
  padding: 0 40px;
}
.survey_wrap .survey_noti {
  font-size: 0.875rem;
  box-sizing: border-box;
  color: #555;
  word-break: keep-all;
  margin-top: 20px;
  line-height: 1.4;
}
.survey_wrap .survey_inp {
  margin-top: 10px;
}
.survey_wrap .long_txt {
  min-height: 120px;
}
.survey_qa_noti {
  font-size: 0.875rem;
  box-sizing: border-box;
  color: #555;
  word-break: keep-all;
  padding: 0 40px 20px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .survey_wrap {
    padding: 50px 20px;
  }
  .survey_group {
    padding: 10px 0;
  }
  .survey_area .dash.dash_on {
    width: auto;
  }
  .survey_pc {
    display: none;
  }
  .survey_m {
    display: block;
  }
}

/* 2022-12-14 추가 */
.survey_group .survey_agree {
  line-height: normal;
  text-align: center;
  margin-top: 30px;
}
.survey_group .survey_group_wrap_agree {
  text-align: center;
  margin-top: 20px;
}
.survey_group .survey_group_wrap .check_agree {
  display: inline-block;
  margin: 0 30px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .survey_group .survey_group_wrap .check_agree {
    margin: 0 10px 0 0;
  }
}

/* s :: 2023-06-29 전자도서관  */
.elibrary .howto_step_list > li:nth-child(1) .step_img {
  background: url("/resources/img/user/icon_howto_elibrary01.png") center center no-repeat;
}
.elibrary .howto_step_list > li:nth-child(2) .step_img {
  background: url("/resources/img/user/icon_howto_elibrary02.png") center center no-repeat;
}
.elibrary .howto_step_list > li:nth-child(3) .step_img {
  background: url("/resources/img/user/icon_howto_elibrary03.png") center center no-repeat;
}
.elibrary .howto_step_list > li:nth-child(4) .step_img {
  background: url("/resources/img/user/icon_howto_elibrary04.png") center center no-repeat;
}
.elibrary .sub_btn_wrap {
  margin-bottom: 100px;
  margin-top: 0;
}
.elibrary .viewer_img2 {
  background: url(/resources/img/user/icon_viewer3.png) center center no-repeat;
}
.ipt_noti_list li span.color_noti {
  font-weight: 400;
  color: #00a99a;
}
/* e :: 2023-06-29 전자도서관  */
/* 고전산책 반응형 미디어쿼리 */
@media screen and (max-width: 1200px) {
  .sub_classic_walk_wrap {
    padding: 0 20px;
  }
  .sub_classic_walk {
    gap: 60px 0;
  }
  .classic_walk {
    width: 100%;
  }
  .classic_walk_con .card_news_img {
    width: 100%;
    height: auto;
  }
}