/*--------------------------------------*/
/*	ÂüÀß ¸®´º¾ó - ¼­ºê
/*  ÀÛ¼ºÀÚ : ÀÌ¿ø°æ
/*--------------------------------------*/

:root {--color-main: #f7455d; }

/* Ä«Å×°í¸®ÆäÀÌÁö - ŸÀÌƲ */
.category-title {
  width: 100%;
  height: fit-content;
  margin-bottom: 35px;
  background: none !important;
}
.category-title .content {
  height: 100%;
  padding-left: 268px;
  box-sizing: border-box;
  display: none !important;
}
.category-title .content h2.subTit {
  padding-top: 50px;
  font-size: 35px;
  font-weight: 600;
}
.category-title .content p {
  font-size: 14px;
  margin-top: 10px;
}

.category-title.cate01 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate01.jpg")
    no-repeat center top;
} /* âÀÇ°øºÎ */
.category-title.cate02 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate02.jpg")
    no-repeat center top;
} /* Çѱ۰øºÎ */
.category-title.cate03 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate03.jpg")
    no-repeat center top;
} /* ¿µ¾î°øºÎ */
.category-title.cate04 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate04.jpg")
    no-repeat center top;
} /* ¼ö¸®°øºÎ */
.category-title.cate05 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate05.jpg")
    no-repeat center top;
} /* ÇÑÀÚ°øºÎ */
.category-title.cate06 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate06.jpg")
    no-repeat center top;
} /* »öÄ¥Çϱâ */
.category-title.cate07 {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_cate07.jpg")
    no-repeat center top;
} /* »çȸ°úÇÐ */

/* .content .category > ul{width:978px;margin-bottom:15px;border:solid 1px #e0e0e0; background:#fff url('http://img.chamjal.co.kr/images/category_bg.gif') repeat right bottom}
.content .category > ul:after{clear:both; display:table; content:""; zoom:1;}
@media \0screen\,screen\9{.content .category ul{width:980px}}
.content .category > ul li{float:left;border-right:solid 1px #e0e0e0}
.content .category > ul li:nth-child(6n){border-right:none;width:163px;}
.content .category > ul li a{display:block;width:162px;height:14px;padding:10px 0 15px;margin-bottom:-1px;text-align:center;color:#666;text-decoration:none;border-bottom:solid 1px #e0e0e0}
.content .category > ul li:nth-child(6n) a{width:163px;}
.content .category > ul li:nth-child(n+7) a{margin-bottom:-1px;}
.content .category > ul li:nth-child(n+7).on a, .content .category ul li:nth-child(n+7) a:hover{height:15px;margin-top:0 !important;padding:9px 0 14px 0}
.content .category > ul li.on a{font-weight:bold}
.content .category > ul li.on a, .content .category > ul li a:hover{margin:-1px;height:14px;color:#000;border:solid 1px #f7455d !important;background:#fdf6f7}

.content .category > ul li a img{vertical-align:middle;margin-top:-2px;} */

/* ÅÇ 4°³ÀÎ °æ¿ì - ¿ø·¡ 4°³ À϶§ 25%·Î Çߴµ¥ ÄÁÅÙÃ÷°¡ »èÁ¦µÇ°í Ãß°¡µÇ¸é¼­ ÀÚµ¿À¸·Î ¸ÂÃçÁö°Ô ¼öÁ¤ÇÔ */
/* .content .category > ul.tab-4{width:979px;}
.content .category > ul.tab-4 li a{width:194px;border: solid 1px transparent; margin-bottom: 0;padding-bottom: 13px;}
.content .category > ul.tab-4 li.on a, .content .category > ul.tab-4 li a:hover{margin: 0;} */

.content .category > ul.tab-4 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.content .category > ul.tab-4 li {
  /* width: 25%; */
  width: 100%;
}
.content .category > ul.tab-4 li:last-child {
  border-right: 0;
}
.content .category > ul.tab-4 li a {
  width: 100%;
  border: solid 1px transparent;
}
.content .category > ul.tab-4 li.on a,
.content .category > ul.tab-4 li a:hover {
  margin: 0;
}

/* ÅÇ 5°³ÀÎ °æ¿ì */
.content .category > ul.tab-5 {
  width: 979px;
  border-right: 0;
}
.content .category > ul.tab-5 li a {
  width: 195px;
}
.content .category > ul.tab-5 li:nth-child(5n) a {
  width: 194px;
}
.content .category > ul.tab-5 li:nth-child(n + 6).on a,
.content .category ul.tab-5 li:nth-child(n + 6) a:hover {
  height: 15px;
  margin-top: 0 !important;
  padding: 9px 0 14px 0;
}

.content .category .cate-3depth {
  clear: both;
  margin-bottom: 15px;
  border: solid 1px #e0e0e0;
  position: relative;
}
.content .category .cate-3depth:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.content .category .cate-3depth .cate-3depth-title {
  float: left;
  width: 159px;
  height: 20px;
  min-height: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.content .category .cate-3depth .cate-3depth-item {
  float: right;
  width: 815px;
  padding: 8px 0;
}
.content .category .cate-3depth .cate-3depth-item:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.content .category .cate-3depth .cate-3depth-item li {
  float: left;
  width: 20%;
  margin: 5px 0;
  font-size: 12px;
} /* height:16px; */
.content .category .cate-3depth .cate-3depth-item li.on a,
.content .category .cate-3depth .cate-3depth-item li a:hover {
  text-decoration: none;
  color: #f7455d;
}
/* .content .category .cate-3depth .cate-3depth-item li.on a{font-weight:bold;} */
.content .category .cate-3depth .cate-3depth-item li span {
  color: #959595;
  font-size: 12px;
  font-weight: normal;
}
.content .category .cate-3depth .cate-3depth-item li img {
  vertical-align: middle;
}

.content .category .cate-07 + .cate-3depth .cate-3depth-item li {
  text-align: center;
}

/* ³ªÀ̺° Ãßõ - üũÇ׸ñ */
.category .cate-age {
  display: table;
  width: 100%;
  height: 50px;
  padding: 14px 23px;
  box-sizing: border-box;
  background: url("https://www.chamjal.com/images/2020/renewal/age_select_bg.png")
    no-repeat center top;
}
.category .cate-age p {
  display: table-cell;
  width: 144px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.category .cate-age span {
  display: inline-block;
  width: 32px;
  height: 20px;
  margin-right: 9px;
  background: url("https://www.chamjal.com/images/2020/renewal/cate-new.png")
    no-repeat center center;
  text-indent: -9999px;
}
.category .cate-age .chk-age {
  font-size: 13px;
  color: #666;
  line-height: 22px;
}
.category .cate-age .chk-age input[name="chkAge"] {
  display: none;
}
.category .cate-age .chk-age label {
  display: inline-block;
  padding-left: 25px;
  margin-right: 13px;
  background: url("https://www.chamjal.com/images/2020/renewal/age-check.png")
    no-repeat left 0;
  line-height: 19px;
}
.category .cate-age .chk-age input:checked + label {
  background: url("https://www.chamjal.com/images/2020/renewal/age-check.png")
    no-repeat left -19px;
}

/* ´ë¸Þ´ºÆäÀÌÁö - »ó´Ü */
.sub-page-title {
  width: 100%;
  height: 176px;
  margin-bottom: 30px;
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_bg.jpg") no-repeat
    center top;
}
.sub-page-title h2.subTit {
  padding-top: 58px;
  font-size: 30px;
  font-weight: var(--weight-bold);
}
.sub-page-title .content p {
  font-size: 14px;
  margin-top: 5px;
}
.sub-page-title.pop {
  background: #f0e6dd
    url("https://www.chamjal.com/images/2020/sub/sub_pop_bg.jpg") no-repeat
    center top;
} /*pop/Ķ¸® »ó´Ü*/
.sub-page-title.mom {
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/sub/sub_mom_bg.jpg") no-repeat
    center top;
} /*pop/Ķ¸® »ó´Ü*/
.sub-page-title.write {
  margin-bottom: 45px;
  background: #ede6e0
    url("https://www.chamjal.com/images/2020/sub/sub_write_bg.jpg") no-repeat
    center top;
} /*¾²±âÈ°µ¿Áö »ó´Ü*/
.sub-page-title.comment {
  background: #ede6e0
    url("https://www.chamjal.com/images/2020/sub/sub_comment_bg.jpg") no-repeat
    center top;
} /*ÀÌ¿ëÈı⠻ó´Ü*/
.sub-page-title.post {
  margin-bottom: 42px;
  background: #e0ede9
    url("https://www.chamjal.com/images/2020/sub/sub_series_bg.jpg") no-repeat
    center top;
} /*Æ÷½ºÆ® »ó´Ü*/
.sub-con-tit {
  padding: 10px 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
}

.sub-apply-steps ul {
  width: 636px;
  margin: 0 auto;
  padding: 25px 0 65px;
  overflow: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.sub-apply-steps ul li  { width: 25%; float: left; position: relative; display: flex ; flex-direction: column; align-items: center; gap: 8px; }
/* .sub-apply-steps ul li p {
  margin-bottom: 15px;
  text-align: center;
  color: #000;
} */
.sub-apply-steps ul li p.sub{color: #929292; font-size: 12px; }
.sub-apply-steps-img{margin-bottom: 5px;}
/* .sub-apply-steps-img {
  width: 54px;
  height: 54px;
  margin: 0 auto;
} */
.sub-apply-steps-txt {
  font-size: 15px;
  /* margin-top: 16px; */
}
.sub-apply-steps .sub-steps-arr {
  position: absolute;
  right: -4px;
  top: 30px;
}
.dot_line {
  height: 1px;
  margin-bottom: 30px;
} /*background:url("http://img.chamjal.com/images/2020/sub/dot_line.png")no-repeat;*/

.listTop {
  padding: 20px 0;
  position: relative;
}
.listTop:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.listTop p {
  float: left;
  margin-top: 4px;
}
.listTop p b.depth-1 {
  color: #000;
  font-size: 15px;
}
.listTop p.result {
  font-size: 16px;
  color: #666;
}
.listTop p.result .resultValue {
  font-weight: 600;
  color: #2222ff;
}
.listTop p.result .resultNum {
  font-weight: 600;
  color: #ff3333;
}
.listTop .btn {
  float: right;
}
.listTop .btn li {
  float: left;
  margin-right: 10px;
  position: relative;
  *z-index: 0 !important;
}
.listTop .listTop__btn {
  display: block;
  height: 16px;
  padding: 5px 7px 5px 7px;
  color: var(--color-Cont);
  border: solid 1px #c2c2c2;
  background: #fff;
  cursor: pointer;
  border-radius: 5px;
}
.listTop .listTop__btn:hover {
  text-decoration: none;
  background: #ededed;
}
.listTop .listTop__btn--print {
  padding-left: 30px;
  color: #fff;
  background: #f7455d url("https://www.chamjal.com/images/print2_btn_bg.png")
    no-repeat 24% 50%;
}
.listTop .listTop__btn--print:hover {
  background: #c6374a url("https://www.chamjal.com/images/print2_btn_bg.png")
    no-repeat 24% 50%;
}
.listTop .listTop__btn--print.all {
  padding-left: 30px;
  color: #fff;
  background: #f7455d url("https://www.chamjal.com/images/print_all_btn_bg.png")
    no-repeat 20% 50%;
}
.listTop .listTop__btn--print.all:hover {
  background: #c6374a url("https://www.chamjal.com/images/print_all_btn_bg.png")
    no-repeat 20% 50%;
}
.listTop .listTop__btn--down {
  padding-left: 30px;
  color: #fff;
  border: solid 1px #c21129;
  background: #f7455d url("https://www.chamjal.com/images/down_btn_bg.png")
    no-repeat 20% 50%;
    width: 120px;
    padding-left: 34px !important;
    border: 0;

}
.listTop .listTop__btn--down:hover {
  background: #f7455d url("https://www.chamjal.com/images/down_btn_bg.png")
    no-repeat 20% 50%;
}
.listTop button.listTop__btn {
  height: 40px;
}
.listTop .listTop__btn .gicon {
    width: 20px;
    height: 20px;
    color: #F7455D;
}
.listTop select {
  float: right;
  width: 75px;
  height: 30px;
  padding-left: 5px;
  color: var(--color-Cont);
  border: solid 1px #c2c2c2;
  background: #fff url("https://www.chamjal.com/images/select_arr2.gif")
    no-repeat right 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
}
.listTop select::-ms-expand {
  display: none;
}
.listTop select option {
  font-size: 14px;
}
.tab__left {
  float: left;
}
.tab__right {
  float: right;
}
.tab__page {
  float: left;
  margin: 0 10px 0 0;
  font-size: 16px;
  color: #494949;
}
/*°øÅë*/
.btn_default,
.btn_default a {
  border-radius: 5px;
  background: #f7455d;
  color: #fff;
}

/* ¸®½ºÆ® ÇÏ´Ü ¹è³Ê - 2°³ */
.list_banner {
  padding: 20px 0;
  margin-bottom: 15px;
}
.list_banner a {
  float: left;
}
.list_banner a + a img {
  margin-left: 15px;
}

/* ½æ³×ÀÏ ¸®´º¾ó ÈÄ »èÁ¦ */
.content .container {
  width: 944px;
  font-size: 12px;
  padding-top: 28px;
  padding-left: 16px;
  *padding-bottom: 30px;
  border-top: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
}
.content .container .listLi {
  float: left;
  width: 180px;
  height: 300px;
  margin-right: 6px;
  margin-bottom: 20px;
  border: none !important;
}
.content .container .listLi .valign {
  /* display:table-cell;*/
  width: 180px;
  height: 199px;
  padding-top: 40px; /* vertical-align:middle;*/
  border: solid 1px #cecece;
  background: url(http://img.chamjal.co.kr/images/sample-bg.png) no-repeat 0 0;
}
.content .container .listLi + .banner {
  margin-bottom: 40px;
}
.content .container li .thum {
  display: table-cell;
  *display: block;
  width: 148px;
  height: 208px;
  border: solid 1px #cecece;
  padding: 15px;
  vertical-align: middle;
  overflow: hidden;
}
.content .container li .thum img {
  max-width: 148px;
  max-height: 208px;
}
.content .container li .thum.pop {
  display: table-cell; /* height:240px;*/
  vertical-align: middle;
}
.content .container li .thum.pop:hover {
  display: table-cell;
  vertical-align: middle;
}
.content .container li .info {
  float: left;
  width: 180px;
}
.content .container li .check {
  float: left;
  margin: 10px 5px 0 5px;
  *margin: 5px 3px 0 0;
}
.content .container li .check input {
}
.content .container li .check + .txt {
  width: 125px;
}
.content .container li .txt {
  float: left;
  width: 150px;
  padding-left: 3px;
  padding-top: 7px;
}
.content .container li .txt img {
  margin: 2px 0 0 5px;
  vertical-align: middle;
}
.content .container li .img {
  float: right;
  margin-top: 6px;
  margin-right: 3px;
}
.content .container .style01 {
  margin-right: 6px;
}
.content .container .txt a {
  display: inline !important;
  text-decoration: none;
  color: #666;
}
.content .container .txt a:hover {
  text-decoration: underline;
}
.content .container li .color01 {
  color: #b3b3b3;
}
.content .container .noData {
  clear: both;
  padding-top: 59px;
  padding-bottom: 76px;
  text-align: center;
  font-weight: 600;
  color: #000;
}
/* //½æ³×ÀÏ ¸®´º¾ó ÈÄ »èÁ¦ */

/* »ó¼¼ÆäÀÌÁö */
.previewWrap {
  font-size: 12px;
  clear: both;
}
.pre-title {
  padding-top: 30px;
  margin-bottom: 13px;
  margin-left: 5px;
}
.previewWrap .container {
  padding-top: 0;
  *padding-bottom: 0;
  border: none;
}
.previewWrap .container ul .listLi {
  margin-bottom: 0;
}
.previewWrap .container ul .listLi .txt {
  height: 37px;
  overflow: hidden;
}
.previewWrap .container.full-txt .listLi .txt {
  width: 100%;
}
.popTit {
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}
.popTit a {
  display: block;
}
.popTit .more {
  position: absolute;
  top: 0;
  right: 0;
}

table.detail {
  margin-bottom: 28px;
  border-top: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  background: url("https://www.chamjal.com/images/preveiw_bg.gif") repeat 0 0;
}
table.detail .doc {
  width: 549px;
}
table.detail .doc .img {
  width: 494px;
  margin: 0 auto;
  padding: 10px;
  border: solid 1px #929292;
  background: #fff;
  position: relative;
}
table.detail .doc .img.pop {
  height: 694px;
}
table.detail .doc .img.pop .thumb {
  margin-top: 157px;
}
table.detail .doc .img img.thumb {
  display: block;
  width: 494px;
  margin: 0 auto;
}
table.detail .doc .img img.watermark {
  position: absolute;
  top: 42%;
  left: 96px;
}
table.detail .doc .img img.watermark.none {
  display: none;
}

table.detail .docInfoWrap {
  width: 410px;
  border-left: solid 1px #e6e6e6;
  background: #fafafa;
  position: relative;
}
table.detail .docInfoWrap .docTitle,
table.detail .docInfoWrap font strong {
  display: block;
  margin: 45px 30px 24px 30px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -2px;
  color: #666;
}
table.detail .docInfoWrap .docInfo {
  margin: 0 5px;
  color: #666;
  background: url("https://www.chamjal.com/images/preveiw_bg_line.gif") repeat-x
    0 0;
}
table.detail .docInfoWrap .docInfo .navi {
  padding: 10px 20px;
}
table.detail .docInfoWrap .docInfo .intro {
  width: 360px;
  min-height: 170px;
  margin: 0 auto;
  padding: 15px 5px 17px 5px;
  line-height: 1.4;
  background: url("https://www.chamjal.com/images/dash_line_02.gif") repeat-x 0
    0;
}
table.detail .docInfoWrap .docInfo .intro__recommend {
  margin-top: 15px;
}
table.detail .docInfoWrap .docInfo .intro__recommend:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
table.detail .docInfoWrap .docInfo .intro__recommend .recommend__title {
  float: left;
  padding: 3px 7px 5px 7px;
  margin-right: 20px;
  font-size: 12px;
  color: #fff;
  background: #ee4444;
}
table.detail .docInfoWrap .docInfo .intro__recommend .recommend__img {
  float: left;
  width: 106px;
  margin-right: 20px;
}
table.detail .docInfoWrap .docInfo .intro__recommend .combine-thum > img {
  width: 106px;
  height: 145px;
}
table.detail
  .docInfoWrap
  .docInfo
  .intro__recommend
  .combine-thum
  .mouse-over
  a {
  width: 108px;
  height: 147px;
}
table.detail .docInfoWrap .docInfo .intro__recommend .recommend__link {
  float: left;
  margin-top: 5px;
}
table.detail .docInfoWrap .docInfo .intro__recommend .recommend__link a {
  font-size: 13px;
  color: #000;
  line-height: 18px;
}
table.detail .docInfoWrap .docInfo .tag {
  width: 370px;
  padding: 15px;
}

table.detail .docInfoWrap p.serial {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #999;
} /* »óÇ°¹øÈ£ Ãß°¡*/
table.detail .docInfoWrap p.serial span {
  margin-left: 8px;
  color: #666;
}

table.detail .printWrap {
  margin: 0 5px;
  color: #666;
  text-align: center;
  background: url("https://www.chamjal.com/images/preveiw_bg_line.gif") repeat-x
    0 0;
}
table.detail .printWrap a img {
  margin: 20px 5px;
}
table.detail .printWrap .brief {
  display: inline-block;
  margin: 20px 0 0 10px;
  vertical-align: top; /* text-align:center; */
}
table.detail .printWrap .banner img {
  margin: 0 0 20px 0;
}
table.detail .noticeWrap {
  width: 370px;
  padding: 25px 20px;
  color: #999;
  line-height: 14px;
  background: url("https://www.chamjal.com/images/detail_notice_bg.gif") repeat
    0 0;
}
table.detail .noticeWrap .ViewNotice {
  margin: 13px 0 0 0;
}

.content .preview {
  clear: both;
  padding-top: 28px;
}
.content .preview .chamjal_preview {
  margin-bottom: 29px;
  margin-left: 4px;
}
.content .preview .list-number {
  color: #000;
  margin-bottom: 10px;
}
.content .preview .previewTit {
  float: left;
  margin: 0 0 30px 0;
  text-align: center;
}
.content .preview .previewBtn {
  float: right;
}
.content .preview table .char {
  width: 75px;
}
.content .preview table .con {
  color: #898989;
  text-align: left;
}
.content .preview table .con img {
  margin-top: -2px;
  vertical-align: middle;
}
.content .preview table .appr {
  width: 114px;
}
.content .preview table .id {
  width: 95px;
  color: #b2b2b2;
}
.content .preview table .date {
  width: 96px;
  color: #b2b2b2;
}
/* //»ó¼¼ÆäÀÌÁö */

/* »ó¼¼ÆäÀÌÁö renewal - 2021.09 */
.preview_top {
  margin-bottom: 28px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #fcfcfc;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
} /* margin-top:22px; */
/* .preview_top .preview_container{width:980px;margin:0 auto;overflow:hidden;position:relative;} */
.preview_top .info_category {
  padding: 22px 0;
}
.preview_top .info_category a {
  font-size: 14px;
  color: #666;
}

/* .preview_top .thumbnail{float:left;position:relative;} */
/* .preview_top .thumbnail .img{display:inline-block;padding:10px;border:1px solid #e3e3e3;background:#fff;} */

/* .preview_info{width:380px;float:right;} */
.preview_info .preview_title {
  max-height: 66px;
  margin-bottom: 13px;
  font-size: 24px;
  line-height: 33px;
  font-weight: 600;
  color: #000; /*»ó¼¼ÆäÀÌÁö Á¦¸ñ »ö»ó*/
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.preview_info .info_container {
  padding: 22px 18px 12px;
  border-top: 1px solid #000;
  line-height: 30px;
  color: #666;
}
.preview_info .info_container dt {
  float: left;
  width: 85px;
  font-weight: 500;
}
.preview_info .info_container dd {
  float: left;
  width: 258px;
  height: 30px;
}
.preview_info .info_container dd.file a img {
  margin: 6px 0;
}
.preview_info .info_text {
  padding: 25px 19px 24px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
/* .preview_info .info_text .tag{margin-top:22px;}
.preview_info .info_text .tag a{margin-right:8px;font-size:12px;line-height:18px;color:#666;letter-spacing:-0.02em;}
.preview_info .info_text .tag a:hover{color:#0066cc;} */

.preview_info .info_text .tag {
  padding: 20px 0 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.preview_info .info_text .tag a {
  font-size: 15px;
  padding: 7px 25px;
  border: 1px solid #eaeaea;
  border-radius: 21px;
  background-color: #fff;
  box-sizing: border-box;
  line-height: normal;
}
.preview_info .info_text .tag a:hover {
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.23);
  border-color: transparent;
  color: #000;
  text-decoration: none;
} /* letter-spacing: -.005; */

.preview_info .btn_wrap {
  padding: 25px 0;
  overflow: hidden;
  text-align: center;
}
.preview_info .btn_wrap .btn {
  display: inline-block;
  width: 150px;
  height: 50px;
  margin: 0 7.5px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  text-decoration: none;
}
.preview_info .btn_wrap .btn_print {
  background: #f7455d;
  color: #fff;
}
.preview_info .btn_wrap .btn_print:hover {
  background: #c6374a;
}
.preview_info .btn_wrap .btn_save {
  background: #e3e3e3;
  color: #000;
}
.preview_info .btn_wrap .btn_save:hover {
  background: #ccc;
}
.preview_info .btn_wrap .btn_down {
  background: #475fc3;
  color: #fff;
}

.intro_recommend {
  padding: 20px 30px;
  margin-top: 30px;
  background: #f6f6f6;
  display: flex;
  gap: 20px;
  border-radius: 10px;
}
.recommend_title {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #f7455d;
}
.recommend_title img {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
}
.recommend_img .combine-thum {
  width: 120px;
  height: 170px;
  border-radius: 5px;
}
.recommend_img .combine-thum img {
  max-width: 100%;
  width: fit-content !important;
}
.recommend_img .combine-thum .mouse-over a {
  width: 120px;
  height: 170px;

  /* ²ËÂ÷°Ô Ãß°¡ 20251112 - »ó¼¼ÆäÀÌÁö °ü·ÃÀÚ·á ½æ³×ÀÏ */
  display: flex;
  align-items: center;
  justify-content: center;
}

.preview_info .movie_area {
  padding: 22px 10px 0;
}
.preview_info .movie_area .mov_notice {
  margin-bottom: 10px;
  font-size: 14px;
}

/* .preview_top .thumbnail{display:table;min-height:450px;} */
.preview_top .thumbnail {
  width: 570px;
  box-shadow: 3.536px 3.536px 10px 2px rgba(0, 0, 0, 0.13);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.preview_top .thumbnail .ribbon.free{position: absolute; top: 0px; right: 0px; z-index: 0; width: 90px; height: 88px; background-color: rgba(247, 69, 93, 0.8); background-size: contain; border-radius: 0 0 0 15px; display: flex; align-items: center; justify-content: center; }
.preview_top .thumbnail .ribbon.free span{color: #fff; font-size: 32px; font-weight: 600; }
/* .preview_top .thumbnail .img{display:table-cell;vertical-align:middle;} */
.preview_top .thumbnail .img > img {
  width: 100%;
}
.preview_top .thumbnail .img .watermark {
  position: absolute;
  top: 50%;
  left: 96px;
  margin-top: -60px;
  width: fit-content;
}

/* ÅÇ */
.tab_area {
  margin-top: 25px;
}
.tab_area ul {
  display: table;
  width: 980px;
  table-layout: fixed;
  border-bottom: 0;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.tab_area ul li {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
  font-size: 16px;
  font-weight: 600;
}
.tab_area ul li:last-child {
  border-right: 0;
}
.tab_area ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  color: #000;
}
.tab_area ul li:hover {
  border-top: 3px solid #f7455d;
  background: #fff;
  border-bottom: 1px solid #fff;
}
.tab_area ul li.active {
  height: 47px;
  padding-bottom: 3px;
  background: #fff;
  border-top: 3px solid #f7455d;
  border-bottom: 1px solid #fff;
}
.tab_area ul li.active a,
.tab_area ul li:hover a {
  line-height: 46px;
  text-decoration: none;
}

.tab_content {
  padding: 46px 38px;
  color: #666;
}
.tab_content .tab_tit {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}
.tab_content .tab_txt {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
.tab_content .btn_area {
  padding-top: 30px;
  text-align: center;
}
.tab_content .btn_area a {
  display: inline-block;
  height: 45px;
  margin: 0 6.5px;
  border-radius: 22.5px;
  font-size: 14px;
  line-height: 45px;
  font-weight: 600;
  box-sizing: border-box;
}
.tab_content .btn_area a.btn01 {
  width: 330px;
  border: 1px solid #f7455d;
  color: #f7455d;
}
.tab_content .btn_area a.btn02 {
  width: 330px;
  border: 1px solid #0066ff;
  color: #0066ff;
}
.tab_content .btn_area a.preview_copyright_btn {
  width: 250px;
  margin-bottom: 14px;
  background: #666;
  color: #fff;
  cursor: pointer;
}

.preview_con .section {
  margin-top: 37px;
}
.preview_con .reviewWrap {
  margin-top: 37px;
}
.preview_con .reviewList {
  padding-bottom: 15px;
}
.preview_con .reviewWrap .review dl.score dd a {
  margin-right: 2px;
}
/* //»ó¼¼ÆäÀÌÁö renewal - 2021.09 */

/*pop/Ķ¸®*/
.btn_default .pop_reg_btn {
  display: inline-block;
  width: 175px;
  height: 38px;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
}

/*¾ö¸¶Ç¥ ÇнÀÀÚ·á*/
.sub-page-title.mom {
  position: relative;
  background: none;
  height: 0;
  margin-bottom: 35px;
}
.sub-page-title.mom .sub-banner {
  position: absolute;
  right: 0;
  top: 26px;
}
.sub-page-title.mom h2.subTit,
.sub-page-title.mom .content p {
  display: none;
}

/* ¾²±âÈ°µ¿Áö */
/* ¾²±âÈ°µ¿Áö - renewal */
.list-number {
  color: #000;
  margin-bottom: 10px;
}
.sub-btn-wrap {
  margin: 15px 0 45px 0;
  text-align: center;
}
.sub-btn-wrap a {
  display: inline-block;
  width: 200px;
  height: 50px;
  margin: 0 2px;
  border-radius: 5px;
  border: 1px solid #666;
  font-size: 15px;
  line-height: 50px;
  color: #666;
  font-weight: 600;
  box-sizing: border-box;
}
.sub-btn-wrap a:hover,
.sub-btn-wrap a.active {
  background: #f7455d;
  color: #fff;
  text-decoration: none;
  border-color: #f7455d;
}
.sub-btn-wrap a.reqCheck {
  border: 1px solid #666;
  color: #666;
}
.sub-btn-wrap a.reqCheck:hover,
.sub-btn-wrap a.reqCheck.active {
  background: #666;
  color: #fff;
}
/* ½ÅûÇϱâ Æû */
.request-form {
  width: 100%;
  margin-bottom: 35px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.request-form input {
  padding: 10px;
  border: 1px solid #cdcdcd;
  background: none;
}
.request-form input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin-top: -3px;
  vertical-align: middle;
}
.request-form input[type="radio"] label {
  background: url("https://www.chamjal.com/images/2020/sub/form_radio_off.png")
    no-repeat;
}
.request-form h3 {
  text-indent: 16px;
  padding-bottom: 20px;
  padding-top: 60px;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.request-form dl {
  overflow: hidden;
  border-bottom: 1px dotted #e2e2e2;
}
.request-form dl dt {
  width: 150px;
  padding-left: 46px;
  float: left;
  box-sizing: border-box;
  padding-top: 36px;
  font-size: 14px;
  color: #000;
}
.request-form dl dt p {
  line-height: initial;
}
.request-form dl dt.txt_cnt {
  padding-left: 0;
  text-align: center;
}
.request-form dl dd {
  width: 830px;
  float: left;
  box-sizing: border-box;
  padding: 20px 0;
}
.request-form dl dd.wirte_phone_num input {
  width: 60px;
}
.request-form dl dd.wirte_phone_num span {
  margin-left: 15px;
  font-size: 13px;
  color: #666;
}
.request-form dl.pd_eng dd {
  padding: 16px 0;
}
.request-form dl.txt_size dd {
  padding: 26px 0;
}
.request-form dl.tb {
  display: table;
}
.request-form dl.tb dt {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0;
  float: inherit;
}
.request-form .prog_desc {
  width: 100%;
  margin: 15px 0;
  font-size: 13px;
}
.request-form .prog_desc li {
  margin-bottom: 10px;
  font-size: 13px;
  color: #666;
}
.request-form .prog_desc li span {
  color: #f7455d;
}
.request-form .check_form li {
  margin-bottom: 13px;
  font-size: 14px;
}
.request-form .check_form li label input {
  margin-right: 8px;
}
.request-form .check_form li b {
  font-weight: normal;
  color: #f7455d;
}
.request-form .check_form li input.inputShort {
  width: 190px;
  margin: 0 12px;
}
.request-form .check_form li .ex {
  color: #666;
}
.request-form .prog_desc li:last-child,
.check_form li:last-child {
  margin-bottom: 0;
}
.wirte_reqBtn {
  padding-bottom: 50px;
  text-align: center;
}
.wirte_reqBtn button {
  width: 219px;
  height: 50px;
  margin-bottom: 58px;
  background: #000;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  outline: 0;
  border: 0;
  cursor: pointer;
}
/* .wirte_reqBtn button:hover{text-decoration:underline;} */
.request-form input.tit,
.request-form input.inputmidd {
  width: 796px;
}
.request-form input.inputHp {
  width: 130px;
  margin-right: 25px;
  text-align: center;
}
.request-form input.inputHp::placeholder {
  font-size: 15px;
  color: #444;
  text-align: center;
}

.chk_type input[type="radio"] {
  vertical-align: middle;
}
.chk_type input[type="radio"]:not(old) {
  margin: 0;
  padding: 0;
  opacity: 0;
  background: url("https://www.chamjal.com/images/2020/sub/form_radio_on.png")
    no-repeat 0 0;
  width: 0;
}
.chk_type input[type="radio"]:not(old) + label {
  display: inline-block;
  text-align: left;
  height: 17px;
  padding-left: 30px;
  background: url("https://www.chamjal.com/images/2020/sub/form_radio_off.png")
    no-repeat 0 0;
  padding-right: 35px;
}
.chk_type input[type="radio"]:not(old):checked + label {
  background: url("https://www.chamjal.com/images/2020/sub/form_radio_on.png")
    no-repeat 0 0;
}
.chk_type label {
  cursor: pointer;
}
/* //¾²±âÈ°µ¿Áö */

/* ¸¶ÀÌÆäÀÌÁö */
.sub-page-title.mypage {
  height: 188px;
  padding: 0;
  margin-bottom: 30px;
  background: #ffecec url(https://www.chamjal.com/images/banner/mypage_bg.jpg)
    no-repeat center top;
}
.sub-page-title.mypage h2.subTit {
  font-weight: normal;
}
.sub-page-title.mypage .content p {
  margin-top: 10px;
}
.userWrap .category > ul {
  width: 980px;
  margin: 0 auto 15px;
}
.mypage {
  padding: 20px 0 90px;
}
.mypage .user {
  *padding: 0 0 15px 0;
  text-align: center;
  border: solid 3px #ff6666;
  background: url("https://www.chamjal.com/images/update_user_bg.gif") repeat 0
    0;
}
.mypage .user p {
  *float: left;
  display: inline-block;
  margin: 20px 16px;
  padding-left: 8px;
  color: #666;
  background: url("https://www.chamjal.com/images/list_dott_03.gif") no-repeat 0
    50%;
}
.mypage .user p b {
  color: #000;
}
.mypage .user p.id {
  padding-left: 0;
  color: #666;
  vertical-align: middle;
  background: none;
}
.mypage .user p.id b {
  color: #3366cc;
}
.mypage span.input input {
  width: 156px;
}
.mypage span.input input.input_hp {
  width: 60px;
}
.mypage .user__container {
  padding-top: 30px;
}
.mypage .user__container .title {
  margin: 15px 0;
  font-size: 18px;
  color: #000;
}

.user__container table {
  width: 100%;
  border-top: solid 2px #858585;
  border-bottom: solid 1px #858585;
}
.user__container table th {
  height: 40px;
  padding-left: 29px;
  font-weight: 600;
  color: #000;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  background: #f2f2f2;
}
.user__container table td {
  padding: 10px;
  color: #666;
  border-bottom: solid 1px #e0e0e0;
}
.user__container table select {
  height: 30px;
  border-radius: 5px;
  vertical-align: middle;
  border: solid 1px #c2c2c2;
}
.user__container table label input {
  margin-top: -2px;
  vertical-align: middle;
}
.user__container table label input.input_email {
  margin: -2px 0 0 5px;
}
.user__container table .brief {
  margin-top: 5px;
}
.user__container table b {
  display: inline-block;
  margin: 0px 0 0 10px;
}
.user__container .btn {
  margin-top: 30px;
  text-align: center;
}
.user__container .btn input {
  margin-right: 11px;
}

.mypage .coupon_area {
  margin: 10px 0 40px;
  padding: 0 75px;
  text-align: center;
}
.mypage .coupon_area .point-co {
  color: #f7455d;
}
.mypage .coupon_area h3 {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 600;
}
.mypage .coupon_area div.inputBox {
  display: inline-block;
  width: 417px;
  height: 50px;
  border: 3px solid #f7455d;
  border-radius: 5px;
  box-sizing: border-box;
}
.mypage .coupon_area div.inputBox input {
  width: 394px;
  height: 44px;
  padding-left: 16px;
  border: 0;
  outline: 0;
  background: none;
  cursor: text;
  font-size: 17px;
  line-height: 44px;
}
.mypage .coupon_area div.inputBox input::placeholder {
  font-size: 17px;
  color: #474747;
}
.mypage .coupon_area .ch_btn_s {
  width: 150px;
  height: 50px;
  font-size: 16px;
}
.mypage .coupon_area p.info_txt {
  margin-top: 80px;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 600;
  text-align: left;
}
.mypage .coupon_area ul li {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
/*ÄíÆùµî·Ï ·¹À̾î*/
.couponLayer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(100, 100, 100, 0.6);
  text-align: center;
}
.couponLayer .popCon {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 424px;
  height: 302px;
  padding: 50px 52px;
  margin-left: -212px;
  margin-top: -151px;
  border-radius: 15px;
  border: 1px solid #cc3333;
  background: #fff;
  box-sizing: border-box;
}
.couponLayer .popCon .title {
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
}
.couponLayer .popCon .txt {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.couponLayer .popCon .txt span {
  color: #f7455d;
}
.couponLayer .popCon .btn_area {
  margin-top: 50px;
}
.couponLayer .popCon .ch_btn_s {
  width: 150px;
  height: 50px;
  margin: 0;
  font-size: 16px;
  line-height: 50px;
}
/* //¸¶ÀÌÆäÀÌÁö */
.sub-page-title.list {
  height: 188px;
  margin-bottom: 30px;
  background: #ffecec url(https://www.chamjal.com/images/banner/mylist_bg.jpg)
    no-repeat center top;
}
.sub-page-title.list h2.subTit {
  font-weight: normal;
}
.sub-page-title.list .content p {
  margin-top: 10px;
}

/* »ý»ýÈıâ, °Ë»ö°á°ú ŸÀÌƲ */
.content .title02 {
  height: 169px;
  background: url("https://www.chamjal.com/images/dash_line.gif") repeat-x left
    bottom;
  position: relative;
  z-index: -1;
}
/* //»ý»ýÈıâ, °Ë»ö°á°ú ŸÀÌƲ */

/* ÀÌ¿ëÈıâÆäÀÌÁö */
.comment-banner {
  overflow: hidden;
  margin-bottom: 40px;
}
.comment-banner p {
  display: inline-block;
  float: left;
}
.comment-banner p:last-child {
  float: right;
}
/* ÀÌ¿ëÈıâ ÀÛ¼º */
.reviewWrap .review {
  position: relative;
  margin: 14px 0 18px 0;
  padding: 25px;
  border: 1px solid #f2f2f2;
  background: #fafafa;
}
.reviewWrap .review dl {
  overflow: hidden;
}
.reviewWrap .review dl dt {
  width: 115px;
  margin-right: 24px;
  float: left;
}
.reviewWrap .review dl dt p {
  font-size: 14px;
  text-align: right;
}
.reviewWrap .review dl dt p span {
  font-size: 12px;
  line-height: 2;
  color: #a2a2a2;
}
.reviewWrap .review dl dd {
  width: auto;
  float: left;
}
.reviewWrap .review dl dd textarea {
  width: 770px;
  height: 80px;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #dae1e6;
  box-sizing: border-box;
}
.reviewWrap .review dl dd textarea::placeholder {
  font-size: 13px;
  color: #666;
}
.reviewWrap .review dl.score {
  margin-bottom: 25px;
}
.reviewWrap .review dl.score dd {
  width: 770px;
}
.reviewWrap .review dl.score dd span {
  cursor: pointer;
}
.reviewWrap .review dl.score dd a {
  display: inline-block;
  width: 23px;
  height: 21px;
  margin-right: -2px;
  background: url("https://www.chamjal.com/images/2020/sub/star_select.png")
    no-repeat center top;
  vertical-align: top;
  font-size: 0;
}
.reviewWrap .review dl.score dd a.onStar {
  background-position: center bottom;
}
.reviewWrap .review dl.score .star + img {
  position: absolute;
  top: 20px;
  left: 295px;
}
.reviewWrap .review dl.review_txt {
  margin-bottom: 5px;
}
.reviewWrap .review_btn {
  text-align: center;
}
.reviewWrap .review_btn a {
  display: inline-block;
  width: 150px;
  padding: 15px 0;
  border-radius: 26px;
  background: #fff;
  font-size: 15px;
  line-height: normal;
  color: #f7455d;
  border: 1px solid #f7455d;
}
.reviewWrap .review_btn a:hover{text-decoration: none; box-shadow: 5px 5px 10px 0px rgba(237, 28, 36, .2);}
/* ÀÌ¿ëÈı⠸®½ºÆ® */
.reviewList {
  padding-top: 40px;
}
.reviewList .sub-con-tit span {
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.reviewList .list-view {
  margin-top: 10px;
}
.reviewList .list-view th {
  height: 48px;
  border-bottom: 1px solid #ebebeb;
}
.reviewList .list-view td {
  border-bottom: 1px solid #ebebeb;
}
.reviewList .list-view .con {
  width: 550px;
  padding: 20px 0;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  text-align: left;
  line-height: 24px;
}
.reviewList .list-view .con img {
  margin-top: -2px;
  vertical-align: middle;
}
.reviewList .list-view .con span {
  line-height: 2;
}
.reviewList .list-view .appr {
  width: 150px;
}
.reviewList .list-view .id,
.reviewList .list-view .date {
  width: 140px;
  font-size: 13px;
  color: #666;
}
.reviewList .list-view .review-answer td.char {
  position: relative;
  background: url("https://www.chamjal.com/images/review_reply_bg.gif")
    no-repeat 35px 4px;
}
.reviewList .list-view .review-answer td.char img {
  position: absolute;
  left: 80px;
  top: 20px;
}
.reviewList .list-view .review-answer td.con {
  padding: 20px 30px 20px 20px;
}
.reviewList .moreSec:last-child {
  padding-bottom: 0;
}
.reviewList .list-view .appr .star-rating {
  width: 78px;
  text-align: left;
}
.reviewList .list-view .appr .star-rating,
.reviewList .list-view .appr .star-rating span {
  display: inline-block;
  height: 14px;
  overflow: hidden;
  background: url("https://www.chamjal.com/images/2020/sub/star_score.png")
    no-repeat;
}
.reviewList .list-view .appr .star-rating span {
  background-position: left bottom;
  line-height: 0;
  vertical-align: top;
}
.reviewList .list-view .appr .star-rating.star5 span {
  width: 100%;
}
.reviewList .list-view .appr .star-rating.star4 span {
  width: 80%;
}
.reviewList .list-view .appr .star-rating.star3 span {
  width: 60%;
}
.reviewList .list-view .appr .star-rating.star2 span {
  width: 40%;
}
.reviewList .list-view .appr .star-rating.star1 span {
  width: 20%;
}
/* ºí·Î±×Èıâ */
.blogWrap {
  padding: 25px 0;
}
.blogWrap .blog-register {
  text-align: center;
}
.blogWrap .blog-register a {
  font-size: 13px;
  line-height: 1.5;
  color: #4c4c4c;
  cursor: pointer;
}
.blogWrap .blog-register img {
  margin-right: 8px;
  vertical-align: bottom;
  padding-top: 1.5px;
}
.blogWrap .blog-list {
  margin-top: 20px;
  padding: 30px 16px;
  border-top: 1px solid #a5a5a5;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blogWrap .blog-list a {
  width: 47%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 25px;
}
.blogWrap .blog-list a::after{display: none;}
.blogWrap .blog-list a:last-child {
  margin-bottom: 0;
}
.blogWrap .blog-list a:hover .blog_text .con {
  text-decoration: underline;
}
.blogWrap .blog_img {
  min-width: 209px;
  height: 140px;
}
.blogWrap .blog_text {
  width: fit-content;
  height: 140px;
  padding: 24px 0;
}
.blogWrap .blog_text .con {
  height: auto;
  max-height: 72px;
  /* line-height: initial; */
  line-height: 24px;
}
/* //ÀÌ¿ëÈıâÆäÀÌÁö */

/* post ÆäÀÌÁö */
.post-title {
  padding: 35px 0;
  text-align: center;
}
.post-title h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 600;
}
.post-title h2 img {
  vertical-align: top;
}
.post-title p {
  margin: 10px 0 12px;
  font-size: 24px;
  line-height: 1;
  color: #5a5a5a;
}
.post-title a {
  display: inline-block;
  width: 106px;
  height: 30px;
  border-radius: 16px;
  border: 1px solid #afafaf;
  background: #fff;
  font-size: 14px;
  line-height: 2;
  color: #5b5b5b;
}
.postWrap .post-list li {
  margin-bottom: 38px;
  overflow: hidden;
}
.postWrap .post-list li a:hover .con {
  text-decoration: underline;
}
.postWrap .post-img {
  width: 146px;
  height: 146px;
  float: left;
  overflow: hidden;
  border: 1px solid #ececec;
  box-sizing: border-box;
  text-align: center;
}
.postWrap .post-txt {
  width: 830px;
  height: 146px;
  padding: 12px 30px;
  float: left;
  box-sizing: border-box;
}
.postWrap .post-txt .tit {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  color: #000;
}
.postWrap .post-txt .con {
  max-height: 60px;
  margin: 6px 0;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  overflow: hidden;
}
.postWrap .post-txt .date {
  font-size: 14px;
  color: #a1a1a1;
}
/* //post ÆäÀÌÁö */

/* °í°´¼¾ÅÍ */
.customerMenu {
  float: left;
  width: 160px;
  margin-top: 18px;
  margin-bottom: 40px;
}
.customerMenu ul li {
  height: 44px;
  margin-top: 1px;
}
.customerMenu .banner {
  margin-top: 5px;
}
.customerRight {
  float: right;
  width: 770px;
  padding-bottom: 40px;
}
.customerRight .topArea {
  height: 147px;
  margin-top: 17px;
  padding: 30px 6px;
  background: url("https://www.chamjal.com/images/banner/customer_bg.jpg")
    no-repeat center bottom;
  box-sizing: border-box;
}
.customerRight .topArea h2 {
  margin-bottom: 13px;
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  color: #000;
}
.customerRight .topArea p {
  font-size: 15px;
  line-height: 22px;
  color: #68575b;
}
.customerContainer {
}
.customerContainer *{font-family: "Pretendard" !important;} /*°øÁö»çÇ× ÆùÆ® ±³Ã¼ À§ÇØ*/
.customerContainer .inquiry *{font-size: 14px;}

.customerContainer .btn {
  padding: 30px 0;
  text-align: center;
}
.customerContainer .btn img {
  margin: 0 10px;
}
.customerContainer .btn input {
  margin: 0 10px;
}
/* °í°´¼¾ÅÍ - renewal */
.customerMenu.v2021 {
  width: 173px;
}
.customerMenu.v2021 .leftTop {
  height: 180px;
  padding-top: 102px;
  text-align: center;
  background: #fbe8ec
    url("https://www.chamjal.com/images/figure/customer_ico.png") no-repeat
    center 22px;
  box-sizing: border-box;
}
.customerMenu.v2021 .leftTop .tit {
  margin-bottom: 4px;
  font-size: 19px;
  font-weight: 600;
}
.customerMenu.v2021 .leftTop .sub_tit {
  font-size: 11px;
  line-height: 14px;
  color: #6c6c6c;
}
.customerMenu.v2021 ul li a {
  display: block;
  width: 173px;
  height: 44px;
  padding-left: 22px;
  background: #f6f6f6;
  font-size: 14px;
  line-height: 44px;
  color: #000;
  text-decoration: none;
  box-sizing: border-box;
}
.customerMenu.v2021 ul li a:hover,
.customerMenu.v2021 ul li.on a {
  font-weight: 600;
  color: #f7455d;
  background: #f6f6f6
    url("https://www.chamjal.com/images/figure/customer_arr.png") no-repeat
    center right 16px;
}
.customerMenu.v2021 .banner {
  border: 1px solid #ddd;
  background: url("https://www.chamjal.com/images/figure/customer_ico2.png")
    no-repeat 22px center;
  box-sizing: border-box;
}
.customerMenu.v2021 .banner a {
  display: block;
  width: 173px;
  height: 53px;
  padding-left: 60px;
  font-size: 14px;
  line-height: 55px;
  font-weight: 600;
  color: #f7455d;
  text-decoration: none;
  box-sizing: border-box;
}

/* ¾ÆÀ̵ð & ºñ¹Ð¹øÈ£ ã±â */
.find {
  border-top: solid 1px #929292;
  padding-bottom: 82px;
}
.find.modal--dg{border-top: 0; padding: unset;}
.find table {
  width: 100%;
  border-bottom: solid 1px #929292;
}
.find table td {
  padding-bottom: 1px;
  background: url("https://www.chamjal.com/images/dash_line.gif") no-repeat 2px
    bottom;
}
.find span.tit {
  display: inline-block;
  width: 84px;
  height: 13px;
  padding: 8px 0 7px 0;
  margin-bottom: 10px;
}
.find span.input {
  margin-bottom: 10px;
  background: #fafafa;
}
.find span.input input {
  width: 156px;
  background: #fafafa;
}
.find span.input input.input-hp {
  width: 60px;
}
.find select {
  height: 30px;
  border: solid 1px #c2c2c2;
  border-radius: 5px;
  font-size: 14px;
  width: 61px;
  appearance:none;
  background: #fff url(https://www.chamjal.com/images/select_arr2.gif) no-repeat right 50%;
  padding-left: 10px;
}

.result01 {
  text-align: center;
  padding: 31px 0 26px 0;
  margin-bottom: 21px;
  border: solid 1px #eee;
  border-top: 2px solid #625a53;
  background: #fbfbfb;
}
.result01 p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 24px;
}
.result01 p .font02 {
  font-weight: 600;
}
.result01 .newBtn {
  display: block;
  width: 143px;
  margin: 0 auto;
}
.result01 .newBtn a {
  display: inline-block;
  width: 145px;
  height: 32px;
  background: #f7455d;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
}
.result02 {
  text-align: center;
}
.result02 .result {
  padding: 59px 0 54px 0;
  border: solid 1px #eee;
  border-top: 2px solid #625a53;
  background: #fbfbfb;
}
.result02 .result .title {
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.result02 .result .title b{font-weight: normal;}
.result02 .result .info {
  margin: 20px 0 0px;
  /* margin: 5px 0; */
}
.result02 .result .info select {
  width: 130px;
  height: 30px;
  font-size: 12px;
  color: #737373;
  border: 1px solid #c2c2c2;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 5px;
    padding-left: 15px;
    appearance:none;
    background: #fff url("https://www.chamjal.com/images/select_arr2.gif")
    no-repeat right 50%;
}
.result02 .result .info span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 4px;
  font-size: 14px;
}
.result02 .result .info span b{font-size: 14px;}
.result02 .result .info input {
  vertical-align: middle;
}
.result02 .result .info strong {
  color: #ff0099;
  font-weight: normal;
  font-size: 14px;
}
.result02 .result .brief_pw_02 {
  display: block;
  width: 479px;
  margin: 0 auto;
}
.result02 .result ul {
  width: 479px;
  margin: 0 auto;
}
.result02 .result ul li {
  height: 24px;
  padding-left: 17px;
  text-align: left;
  line-height: 1.8;
  background: url("https://www.chamjal.com/images/find_pw_brief_bg.gif")
    no-repeat 5px 50%;
}
.result02 .btn {
  padding: 30px 0;
  text-align: center;
}
.result02 .btn img {
  margin: 0 10px;
}
/* //¾ÆÀ̵ð & ºñ¹Ð¹øÈ£ ã±â */

/* ¾ÆÀ̵ð & ºñ¹Ð¹øÈ£ ã±â - renewal form */
.findWrap {
  overflow: hidden;
  border-top: 2px solid #625a53;
}
.findWrap .find.leftBox {
  width: 50%;
  float: left;
}
.findWrap .find.leftBox table {
  border-right: 1px solid #f2f2f2;
}
.findWrap .find.rightBox {
  width: 50%;
  float: right;
}
.findWrap .find table {
  border-bottom: 1px solid #e9e9e9;
}
.findWrap .find table td {
  padding-bottom: 0;
  background: none;
}
.findWrap .find span.input input {
  width: 200px;
}
.findWrap .find span.input input.input-hp {
  width: 50.5px;
  /* width: 60px; */
}
.findWrap table tr.top td {
  height: 98px;
  font-size: 15px;
  color: #666;
}
.findWrap table tr.top td b {
  color: #000;
}
.findWrap table tr.top .phone {
  padding-left: 174px;
  background: #fbfbfb
    url("https://www.chamjal.com/images/figure/find_phone.png") no-repeat 124px
    50%;
}
.findWrap table tr.top .email {
  padding-left: 190px;
  background: #fbfbfb
    url("https://www.chamjal.com/images/figure/find_email.png") no-repeat 124px
    50%;
}
.findWrap table tr.middle td {
  padding: 25px 0 25px 37px;
  padding-left: 0;
  text-align: center;
}
.findWrap table tr.bottom td {
  height: 90px;
  padding-top: 6px;
  vertical-align: top;
  text-align: center;
}
.findWrap table tr.bottom td button {
  margin: 0 0 0 20px;
}
.findWrap .find span.tit {
  width: 89px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
  text-align: left;
}

/* ȸ¿ø°¡ÀÔ Æû&¿Ï·á */
.sub-page-title.join {
  height: 188px;
  margin-bottom: 50px;
  background: #ffecec url(https://www.chamjal.com/images/banner/joinform_bg.jpg)
    no-repeat center top;
}
.sub-page-title.join h2.subTit {
  padding-top: 54px;
  font-weight: normal;
}
.sub-page-title.join .content p {
  margin-top: 10px;
}
.joinWrap {
  font-size: 12px;
  color: #737373;
}
.joinWrap .agree {
  margin-left: 55px;
}
.joinWrap .agree:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.joinWrap .agree .form_title {
  font-size: 18px;
  color: #000;
}
.joinWrap .agree + .agree {
  margin-left: 0;
}
.joinWrap .agree .iframe {
  float: left;
  width: 435px;
  padding-top: 15px;
}
.joinWrap .agree .iframe .con {
  padding-left: 8px;
  border-top: solid 2px #000;
  border-bottom: solid 1px #d4d4d4;
}
.joinWrap .agree .iframe .check {
  padding: 0 0 8px 10px;
  margin: 10px 0 0 -8px;
  border-bottom: solid 1px #d4d4d4;
}
.joinWrap .agree .iframe .check span {
  display: inline-block;
  margin-top: -10px;
  vertical-align: middle;
}
.joinWrap .memWrap {
  margin: 45px 55px 70px;
  text-align: center;
}
.joinWrap .memWrap .form_title {
  font-size: 18px;
  color: #000;
}
.joinWrap .memWrap .memTit {
  margin-top: 32px;
  position: relative;
  z-index: 0;
}
.joinWrap .memWrap .memTit p {
  position: absolute;
  bottom: 0;
  right: 0;
}
.joinWrap .memWrap .memTit p img {
  margin-right: 3px;
}
.joinWrap .memWrap .mem {
  margin-top: 18px;
  margin-bottom: 29px;
  border-top: solid 2px #858585;
  border-bottom: solid 1px #858585;
}
.joinWrap .memWrap .mem table {
  width: 100%;
}
.joinWrap .memWrap .mem table th {
  height: 40px;
  padding-left: 29px;
  font-weight: 600;
  color: #000;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  background: #f2f2f2;
}
.joinWrap .memWrap .mem table td {
  padding: 10px;
  color: #666;
  border-bottom: solid 1px #e0e0e0;
}
.joinWrap .memWrap .mem table select {
  height: 30px;
  padding-left: 5px;
  vertical-align: middle;
  border: solid 1px #c2c2c2;
  border-radius: 5px;
}
.joinWrap .memWrap .mem table input[type="image"] {
  vertical-align: middle;
}
.joinWrap .memWrap .mem table span.input {
  background: #fafafa;
}
.joinWrap .memWrap .mem table span.input input {
  width: 156px;
  background: #fafafa;
}
.joinWrap .memWrap .mem table span.input input.input_hp {
  width: 60px !important;
}
.joinWrap .memWrap .mem table label input {
  margin-top: 0;
  vertical-align: middle;
}
.joinWrap .memWrap .mem table label input[type="checkbox"] {
  margin: -2px 0 0 5px;
}
.joinWrap .memWrap .mem table .brief {
  margin-top: 5px;
}
.joinWrap .memWrap .mem table strong {
  display: inline-block;
  margin-left: 10px;
}
.joinWrap .memWrap .mem table b {
  display: inline-block;
  margin: -5px 5px 0 0;
  vertical-align: middle;
}
.joinWrap .memWrap .btn {
  display: block;
  margin: 34px auto 30px auto;
  font-size: 18px;
}

.thanksWrap {
  padding: 0 80px;
  text-align: center;
}
.thanksWrap p {
  padding: 73px 0 39px 0;
}
.thanksWrap .thanks {
  border: solid 1px #dfdfdf;
}
.thanksWrap .thanksBtn {
  padding: 46px 0 85px 0;
}
/* //ȸ¿ø°¡ÀÔ Æû&¿Ï·á */

/* ȸ¿øÅ»Åð */
.leaveNotice {
  height: 100px;
  padding: 20px 0 0 20px;
  color: #666;
  background: #fbfbfb;
  border-top: 2px solid #625a53;
  box-sizing: border-box;
}
.leaveNotice li {
  /* height: 15px; */
  font-size: 14px;
  padding: 0 0 2px 12px;
  margin-bottom: 3px;
  background: url("https://www.chamjal.com/images/list_dott_04.gif") no-repeat 0
    50%;
}
.memLeave .leaveTit {
  margin: 30px 0 15px 0;
}
.memLeave .leaveTit img {
  margin: 0 22px 0 5px;
  vertical-align: middle;
}
.memLeave .leaveTit span.tit {
  display: inline-block;
  margin-left: 6px;
  margin-right: 10px;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.3px;
}
.memLeave .leaveTit span {
  display: inline-block;
  vertical-align: bottom;
  color: #666;
}
.memLeave textarea {
  width: 750px;
  height: 194px;
  padding: 10px;
  border: solid 1px #c2c2c2;
  border-radius: 5px;
}
.memLeave .pwCheck {
  padding: 25px 0;
  text-align: center;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  background: #fbfbfb;
}
.memLeave .pwCheck p {
  margin-bottom: 19px;
  color: #666;
}
.memLeave .pwCheck span.input {
  background: #fff;
}
.memLeave .pwCheck span.input input {
  width: 156px;
  background: #fff;
}
.memLeave .btn {
  padding: 30px 0;
  text-align: center;
}
.memLeave .btn img {
  margin: 0 10px;
}
/* //ȸ¿øÅ»Åð */

/* °øÁö»çÇ× */
.noticeView table {
  width: 100%;
  border-top: solid 2px #625a53;
  border-bottom: solid 1px #9a9a9a;
}
.noticeView table th {
  text-align: center;
  color: #000;
  font-weight: 600;
}
.noticeView table .tit {
  color: #666;
  height: 55px;
}
.noticeView table .date {
  text-align: center;
  color: #999;
}
.noticeView table .con {
  height: 322px;
  padding: 10px;
  vertical-align: top;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #9a9a9a;
}
.noticeView table .nav {
  height: 38px;
}
.noticeView table .nav.prev {
  background: url("https://www.chamjal.com/images/notice_prev_arr.gif")
    no-repeat 70px 15px;
}
.noticeView table .nav.next {
  border-top: solid 1px #e5e5e5;
  background: url("https://www.chamjal.com/images/notice_next_arr.gif")
    no-repeat 70px 16px;
}
.noticeView table .nav.next + td {
  border-top: solid 1px #e5e5e5;
}
.noticeView table .nav + td {
  padding-left: 20px;
}
.noticeView table .nav + td a {
  color: #999;
}
/* //°øÁö»çÇ× */

/* ÀÚÁÖÇÏ´Â Áú¹® */
.faq table {
  width: 100%;
  border-top: solid 2px #625a53;
}
.faq table td {
  border-bottom: solid 1px #e7e7e7;
  height: 55px;
  box-sizing: border-box;
}
.faq table td.num {
  text-align: center;
  color: #999;
  font-size: 15px;
}
.faq table td.tit {
  padding: 13px;
  position: relative;
}
.faq table td.tit a{font-size: 15px;}
.faq table td.bg {
  vertical-align: top;
  background: #fafafa;
}
.faq table td.bg.num {
  padding-top: 13px;
  font-weight: 600;
  color: #000;
}
.faq table td.bg.img {
  padding-top: 16px;
}
.faq table td .aMark {
  margin-top: 23px;
}
.faq table td .font01 {
  font-weight: 600;
  color: #000;
}
.faq table td .font02 {
  display: inline-block;
  width: 90%;
  margin-top: 14px;
  line-height: 24px;
  color: #7d7d7d;
}
.faq table td .close {
  position: absolute;
  top: 30px;
  right: 30px;
}
.faq .btn {
  width: 143px;
  margin: 0 auto;
}
/* //ÀÚÁÖÇÏ´Â Áú¹® */

/* 1:1 ¹®ÀÇ */
.inquiry table {
  width: 100%;
  border-top: solid 2px #625a53;
}
.inquiry table th {
  height: 27px;
  vertical-align: top;
  /* padding: 13px 12px 0 12px; */
  padding: 13px 27px 0 27px !important;
  font-weight: 600;
  color: #000;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  background: #f2f2f2;
}
.inquiry table td {
  padding: 6px 0 7px 7px;
  color: #666;
  border-bottom: solid 1px #e0e0e0;
}
.inquiry table td span.input {
  background: #fafafa;
  border-color: #c2c2c2;
  border-radius: 5px;
  height: 30px;
  box-sizing: border-box;
}
.inquiry table td span.input input {
  background: #fafafa;
  height: 27px;
}
.inquiry table td span.input input.long {
  width: 590px;
}
.inquiry table td span.input input.middle {
  width: 123px;
}
.inquiry table td select {
  height: 30px;
  vertical-align: middle;
  border: solid 1px #c2c2c2;
  border-radius: 5px;
  background: #fff url(https://www.chamjal.com/images/select_arr2.gif) no-repeat right 50%;
  appearance:none;
  padding-left: 10px;
  width: 120px;
  padding-bottom: 2px;
  font-size: 14px;
}
.inquiry table td label {
  display: inline-block;
  vertical-align: middle;
}
.inquiry table td label input {
  margin-top: -3px;
  vertical-align: middle;
}
.inquiry table td textarea {
  width: 573px;
  height: 196px;
  padding: 10px;
  border: solid 1px #c2c2c2;
  border-radius: 5px;
}
.inquiry table td input[type="file"] {
  width: 405px;
  /* height: 26px; */
}
.inquiry table td input[type=file]::file-selector-button {
  /* width: 150px; */
  height: 30px;
  /* background: #fff; */
  /* border: 1px solid ; */
  /* border-radius: 10px; */
  cursor: pointer;
  font-size: 15px;
  font-family: 'Pretendard';
}

.inquiry .agree {
  padding: 20px 0 10px;
}
/* .inquiry .agree span {
  display: inline-block;
  margin-top: -3px;
  vertical-align: top;
} */
/* //1:1 ¹®ÀÇ */

/* ·Î±×ÀÎ */
.loginPgWrap {
  padding: 60px 55px 80px 55px;
}
.loginPgWrap .login_topContainer {
  width: 870px;
  margin: 0 auto;
  padding-bottom: 50px;
  text-align: center;
  background: url("//www.chamjal.com/images/banner/banner_right_bg.jpg")
    no-repeat bottom right;
}
.loginPgWrap .login_topContainer .tit {
  margin: 10px 0;
  font-size: 35px;
  color: #666;
}
.loginPgWrap .login_topContainer .tit b {
  color: #000;
  font-size: 35px;
}
.loginPgWrap .login_topContainer .sub {
  font-size: 16px;
  line-height: 1;
  color: #666;
}
.loginPgWrap .subTit {
  text-align: center;
}
.loginPgWrap .logContent {
  padding: 20px 20px 20px 0px;
  border-top: solid 4px #f7455d;
}
.loginPgWrap .logContent:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.loginPgWrap .loginformWrap {
  width: 50%;
  float: left;
}
.loginPgWrap .loginform {
  width: 360px;
  padding: 25px 25px 15px 0;
  margin-left: 25px;
  font-size: 12px;
  border-bottom: solid 2px #e5e5e5;
}
.loginPgWrap .loginform .loginTop {
  margin-bottom: 20px;
}
.loginPgWrap .loginform .loginTop p {
  display: inline-block;
  margin-right: 13px;
}
.loginPgWrap .loginform .loginTop input {
  margin-right: 5px;
}
.loginPgWrap .loginform .loginTop span {
  font-size: 14px;
  color: #4f4f30;
}
.loginPgWrap .loginform input#login_id {
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 5px;
}
.loginPgWrap .loginform input#login_pwd {
  font-size: 14px;
  border-radius: 5px;
}
/* .loginPgWrap .loginform .log-input {float:left;width:236px;}
.loginPgWrap .loginform .log-input span {float:left;display:block;width:59px;margin:5px 0 0 0;color:#4c657e;}
.loginPgWrap .loginform .log-input input {float:right;width:170px;height:27px;padding-left:5px;line-height:27px;border:solid 1px #ccc;outline:none;} */
.loginPgWrap .loginform .id {
  margin-bottom: 12px;
}
.loginPgWrap .loginform .btn {
  float: right;
  margin-top: -42px;
  margin-right: -25px;
}
.loginPgWrap .loginform .btn input{border-radius: 5px;}
.loginPgWrap .loginform .member {
  margin: 25px 0 0 65px;
}
.loginPgWrap .loginform .member a {
  color: #666;
  font-size: 14px;
}
.loginPgWrap .loginform .member a b {
  font-size: inherit;
}
.loginPgWrap .loginform .member span {
  display: inline-block;
  margin: 0 15px;
  color: #ccc;
}
.loginPgWrap .snsWrap {
  padding-top: 20px;
  padding-left: 25px;
}
.loginPgWrap .snsWrap p {
  color: #999;
  line-height: 1.8;
  font-size: 14px;
}
.loginPgWrap .snsWrap p strong {
  color: #f7455d;
  font-size: 16px;
}
/* .loginPgWrap .snsWrap div {margin-top:15px;margin-bottom:30px;overflow:hidden;}
.loginPgWrap .snsWrap div a{display: inline-block;width:192px;height:40px;margin-right:6px;margin-bottom:6px;float:left;text-decoration:none;}
.loginPgWrap .snsWrap div a:nth-child(2n){margin-right:0;} */

/* sns ·Î±×ÀÎ À̹ÌÁö ÅؽºÆ®È­·Î cssÃß°¡ */
.login__snsBtn_txt {
  width: 395px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 10px;
}
.login__snsBtn_txt a {
  width: 49%;
  max-width: 193px;
  height: 40px;
  margin-bottom: 2%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #000;
  text-decoration: none;
  font-size: 13px;
}
.login__snsBtn_txt a span {
  padding-left: 10px;
  border-top: 1px solid#e2e2e2;
  border-right: 1px solid#e2e2e2;
  border-bottom: 1px solid#e2e2e2;
  height: 40px;
  width: 150px;
  line-height: 38px;
  padding-left: 15px;
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
  font-size: 14px;
}
.login__snsBtn_txt p {
  width: 43px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
}
.login__snsBtn_txt .ico_naver {
  border: 1px solid #25cc08;
  background-color: #25cc08;
}
.login__snsBtn_txt .ico_naver img {
  width: 20px;
}
.login__snsBtn_txt .ico_kakao {
  border: 1px solid #ffde00;
  background-color: #ffde00;
}
.login__snsBtn_txt .ico_kakao img {
  width: 25px;
}
.login__snsBtn_txt .ico_fb {
  border: 1px solid #4267b2;
  background-color: #4267b2;
}
.login__snsBtn_txt .ico_fb img {
  width: 30px;
}

.loginPgWrap .adWrap {
  float: right;
  padding-top: 20px;
  padding-right: 20px;
}

/* V2 */

.loginLayerV2 .popMsgV2 .sns {
  display: block;
  padding: 0px;
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
  overflow: hidden;
}
.loginLayerV2 .popMsgV2 .sns a {
  float: left;
  text-decoration: none;
}
.loginLayerV2 .popMsgV2 .sns a:first-child {
  margin-right: 4px;
  margin-bottom: 4px;
}
.loginLayerV2 .popMsgV2 .sns a:nth-child(2) {
  margin-bottom: 4px;
}
.loginLayerV2 .popMsgV2 .login__snsBtn_txt {
  width: 395px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.loginLayerV2 .popMsgV2 .login__snsBtn_txt a {
  width: 49%;
  max-width: 193px;
  height: 40px;
  margin-bottom: 2%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  text-align: left;
}
.loginLayerV2 .popMsgV2 .login__snsBtn_txt a span {
  font-size: 13px;
  border-top: 1px solid#e2e2e2;
  border-right: 1px solid#e2e2e2;
  border-bottom: 1px solid#e2e2e2;
  height: 40px;
  width: 150px;
  line-height: 38px;
  padding-left: 15px;
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
}
.loginLayerV2 .popMsgV2 .login__snsBtn_txt p {
  width: 43px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
}
.loginLayerV2 .popMsgV2 .ico_naver {
  border: 1px solid #25cc08;
  background-color: #25cc08;
}
.loginLayerV2 .popMsgV2 .ico_naver img {
  width: 20px;
}
.loginLayerV2 .popMsgV2 .ico_kakao {
  border: 1px solid #ffde00;
  background-color: #ffde00;
}
.loginLayerV2 .popMsgV2 .ico_kakao img {
  width: 25px;
}
.loginLayerV2 .popMsgV2 .ico_fb {
  border: 1px solid #4267b2;
  background-color: #4267b2;
}
.loginLayerV2 .popMsgV2 .ico_fb img {
  width: 30px;
}

/* ÀÌ¿ë¾È³» */
/* 2019-04-04 ÀÌ¿ë¿ä±Ý */
.visual__charge {
  background: #fbe8ec
    url("https://www.chamjal.com/images/charge_top_bg_new.png") no-repeat center
    bottom;
}
.visual__charge .content {
  height: 469px;
} /* background:url("https://www.chamjal.com/images/charge_top_img_new.jpg") no-repeat 10px 0;*/
.visual__charge .title {
  padding-top: 80px;
  font-size: 39px;
  color: #000;
  line-height: var(--gap-narrow);
}
.visual__charge .title strong {
  font-size: 43px;
}
.visual__charge .title span {
  color: #f7455d;
}
.visual__charge .txt {
  padding-top: 30px;
  font-size: 15px;
  color: var(--color-Cont);
}
.visual__charge .circle {
  float: left;
  width: 119px;
  height: 119px;
  margin: 30px 10px 0 0;
  padding-top: 31px;
  color: #fff;
  font-size: 17px;
  font-weight: var(--weight-bold);
  text-align: center;
  border-radius: 60px;
  line-height: var(--gap-narrow);
  box-sizing: border-box;
}
.visual__charge .circle_01 {
  background: #f56174;
}
.visual__charge .circle_02 {
  background: #f87688;
}
.visual__charge .circle_03 {
  background: #f98696;
}
.visual__charge .circle_04 {
  background: #f996a4;
}

.charge2 {
  padding: 65px 0;
}
.charge2__bg {
  background: #fff9fa;
}
.charge2 .btn {
  display: block;
  width: 200px;
  margin: 40px auto 0 auto;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: #f7455d;
}
.charge__title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: var(--weight-bold);
  color: #000;
  text-align: center;
  line-height: 1.2;
}
.charge__title strong {
  color: #f55668;
}
.charge__text {
  padding-bottom: 50px;
  font-size: 15px;
  color: #000;
  line-height: var(--gap-narrow);
  text-align: center;
}

div.price {
  padding: 0 10px;
}
.price__container {
  float: left;
  width: 228px;
  margin: 0 5px;
  border: solid 1px #000;
}
.price__month {
  padding: 8px 0 10px 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #f55668;
  background: #f5f5f5;
}
.price__won {
  padding: 25px 0;
  text-align: center;
  position: relative;
  z-index: 0;
}
.price__won del {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #000;
}
.price__won strong {
  font-size: 30px;
  font-weight: 600;
  color: #f55668;
}
.price__won strong span {
  display: inline-block;
  margin-top: -6px;
  vertical-align: middle;
  font-size: 18px;
}
.price__won .monthly {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #000;
}
.price__divider {
  margin: 0 20px;
  border-top: solid 1px #d9d9d9;
}
.price__info {
  height: 270px;
  padding: 20px 0 20px 20px;
}
.price__info ul > li {
  position: relative;
  z-index: 0;
  padding-left: 8px;
  line-height: 1.8;
  font-size: 13px;
  text-align: left;
  color: #000;
}
.price__info ul > li:before {
  content: ".";
  position: absolute;
  top: -4px;
  left: 0;
}
.price__info ul > li.color {
  color: #f55668;
}
.price__info ul > li ol {
  padding-bottom: 5px;
}
.price__info ul > li ol li {
  line-height: 1.4;
}
.pay-content .price__wrap {
  float: left;
  width: 300px;
  text-align: center;
  position: relative;
  z-index: 0;
}
.pay-content .price__wrap input {
  margin-bottom: 10px;
}
.pay-content .price__wrap label {
  position: absolute;
  bottom: 0;
  left: 20px;
  display: block;
  width: 262px;
  height: 402px;
  z-index: 10;
}
.pay-content .price__wrap input:checked + label + .price__container {
  margin: -1px 19px;
  border: solid 2px #f55668;
}
.pay-content .price {
  float: none;
  padding: 30px 0 30px 0;
  border-top: solid 2px #000;
  border-bottom: solid 1px #e4e4e4;
}
.pay-content .price__container {
  border-color: #b4b4b4;
}
.charge2 .print {
  padding-top: 70px;
  position: relative;
  z-index: 0;
}
.print__title {
  font-size: 18px;
  font-weight: 600;
  color: #f55668;
}
.print__title span {
  display: inline-block;
  padding: 4px 10px;
  line-height: 1;
  font-size: 16px;
  color: #fff;
  background: #f55668;
  vertical-align: top;
}
.print__list .list {
  padding: 20px 0 0 15px;
  font-size: 13px;
  color: #464646;
  line-height: 20px;
}
.print__list .list strong {
  display: inline-block;
  margin-left: -15px;
  color: #000;
}
.print__btn {
  display: block;
  width: 305px;
  height: 37px;
  padding-top: 13px;
  font-size: 14px;
  text-align: center;
  border: solid 1px #000;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  right: 0;
}
.print__btn.red {
  top: 125px;
  color: #f55668;
  border-color: #f55668;
}
.print__btn.blue {
  top: 190px;
  color: #455fff;
  border-color: #455fff;
}
.use {
  float: left;
  width: 33.33%;
  text-align: center;
  font-size: 13px;
  color: #000;
}
.use div {
  width: 100%;
  height: 277px;
  background: no-repeat 50% 50%;
}
.use_01,
.use_02,
.use_03 {
  margin-bottom: 55px;
}
.use_01 div {
  background-image: url("https://www.chamjal.com/images/use_01_n.png");
}
.use_02 div {
  background-image: url("https://www.chamjal.com/images/use_02_n.png");
}
.use_03 div {
  background-image: url("https://www.chamjal.com/images/use_03_n.png");
}
.use_04 div {
  background-image: url("https://www.chamjal.com/images/use_04_n.png");
}
.use_05 div {
  background-image: url("https://www.chamjal.com/images/use_05_n.png");
}
.use_06 div {
  background-image: url("https://www.chamjal.com/images/use_06_n.png");
}
.use strong {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
}
/* //ÀÌ¿ë¿ä±Ý */
/* ÀÌ¿ë¿ä±Ý ¼öÁ¤ - 2021.09.09 */
div.price.v2 {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}
.price.v2 .price__container {
  float: left;
  width: 25%;
  height: 450px;
  margin: 0;
  border: 0;
  box-shadow: 0 3px 8.28px 0.72px rgb(0 0 0 / 7%);
  background: #fff;
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}


.price.v2 .price__container.popularPrice {
  border: 2px solid #f7455d;
  border-top: 0;
  position: relative;
}
.price.v2 .price__container.popularPrice .price__month {
  font-weight: var(--weight-bold);
}
.price.v2 .price__container .popular {
  width: 245px;
  height: 33px;
  margin-left: -2px;
  border-radius: 4px 4px 0 0;
  background: #f7455d;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: var(--size-small);
  color: #fff;
  line-height: 33px;
  font-weight: var(--weight-bold);
  position: absolute;
  top: -25px;
}
.price.v2 .price__month {
  padding: 45px 0 0;
  font-size: var(--size-x-large);
  font-weight: normal;
  text-align: center;
  color: #000;
  background: none;
}
.price.v2 .price__month b {
  font-size: var(--size-xx-large);
  line-height: 1;
}
.price.v2 .price__won {
  padding: 25px 0;
  text-align: center;
  position: relative;
  z-index: 0;
}
.price.v2 .price__won strong {
  font-size: var(--size-bigger);
  line-height: 1;
  font-weight: var(--weight-bold);
  color: #000;
}
.price.v2 .price__won strong span {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-size: var(--size-x-large);
  font-weight: var(--weight-medium);
}
.price.v2 .price__won .monthly {
  position: static;
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: var(--size-medium);
  color: var(--color-Cont);
}

.price.v2 .price__info {
  height: 250px;
  padding: 0;
  box-sizing: border-box;
}
.price.v2 .price__info ul {
  min-height: 170px;
  padding-left: 30px;
  margin-top: 7px;
}
.price.v2 .price__info ul > li {
  position: relative;
  z-index: 0;
  padding-left: 22px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #000;
  background: url("https://www.chamjal.com/images/charge_chk_icon.png")
    no-repeat center left;
}
.price.v2 .price__info ul > li:before {
  display: none;
}
.price.v2 .price__info ul > li.color {
  color: #f55668;
}
.price.v2 .price__container .base-color {
  color: #f7455d;
}

.price.v2 .price__info .price__btn {
  text-align: center;
}
.price.v2 .price__info .price__btn a {
  display: inline-block;
  width: 151px;
  height: 41px;
  border-radius: 5px;
  border: solid 1px #929292;
  font-size: var(--size-medium);
  font-weight: var(--weight-bold);
  line-height: 41px;
  text-align: center;
  color: var(--color-Cont);
  text-decoration: none;
}

.price.v2 .price__container.on {
  transform: scale(1.08);
  box-shadow: 1px 2px 8px rgb(0 0 0/15%);
  z-index: 10;
}
.price.v2 .price__container.on .price__btn a {
  border: 1px solid #f7455d;
  background: #f7455d;
  color: #fff;
}

/* °áÁ¦ */
/* 2020-01-07 °áÁ¦ ¸®´º¾ó */
.visual__pay {
  height: 176px;
  color: #000;
  background: #ffcfd2
    url("https://www.chamjal.com/images/2020/renewal/sub_tit_bg.jpg") no-repeat
    center top;
}
.visual__pay .content{width: 100%; max-width: 1280px;}
.visual__pay .title {
  padding: 58px 0 5px 0;
  font-size: 30px;
}
.visual__pay .title b{font-size: 32px;}
.visual__pay .txt {
  font-size: 16px;
}
.pay__title {
  padding: 50px 0 30px 0;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.pay__title + .charge2 {
  padding: 0;
}
.pay__container {
  position: relative;
  z-index: 0;
  float: left;
}
.pay__container label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 230px;
  height: 419px;
  cursor: pointer;
}
.pay__container .radio,
.pay__choice .radio {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border: solid 1px #b6b6b6;
  border-radius: 50%;
  vertical-align: middle;
  background: #fff;
}
.pay__container input:checked + label + .price__container {
  margin: -1px 3px;
  border: solid 2px #f55668;
}
.pay__container input:checked + label + .price__container .radio:after,
.pay__choice input:checked + .radio:after {
  position: absolute;
  top: 3px;
  left: 3px;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #828282;
}
.pay__choice .choice__title {
  padding: 20px 0;
  border-top: solid 1px #000;
  text-align: center;
}
.pay__choice .option {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
}
.pay__choice .option img {
  vertical-align: middle;
}
.pay__choice .choice__container {
  position: relative;
  z-index: 0;
  padding: 25px 0 25px 120px;
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
  background: #f8f8f8;
}
.pay__choice .choice__container b {
  position: absolute;
  top: 25px;
  left: 35px;
  font-size: 14px;
  color: #000;
}
.pay__choice .choice__container p {
  font-size: 13px;
  color: #4b4b4b;
  line-height: 22px;
}
.pay__choice .choice__container p span {
  color: #000;
}
.pay__choice .agree {
  padding: 40px 0 0 20px;
}
.pay__choice .agree strong {
  font-size: 16px;
  color: #f55668;
}
.pay__choice .agree input {
  margin-left: 5px;
}
.pay__choice .agree p {
  margin-top: 10px;
  font-size: 13px;
  color: #636363;
  line-height: 18px;
}
.pay__choice .agree p span {
  color: #f55668;
}
.pay__choice .submit {
  display: block;
  margin: 50px auto;
  padding: 10px 0 15px 0;
  width: 220px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  border: 0 none;
  background: #f55668;
  cursor: pointer;
}
/* //°áÁ¦Çϱâ */
/* °áÁ¦ */
/* 2020-09 °áÁ¦ »ó´Ü ¸®´º¾ó */
.payPage .pay__container {
  width: 25%;
  z-index: auto;
}
.payPage .pay__container label {
  width: 100%;
  height: 100%;
  z-index: 11;
}
.payPage .pay__container .radio {
  margin-top: -5px;
}
.payPage .price.v2 .price__container {
  width: 100%;
  height: 400px;
  transition: none;
}
.payPage .price.v2 .price__info {
  height: 200px;
}
.payPage .pay__container input:checked + label + .price__container {
  margin: -2px;
  border: solid 2px #f55668;
  box-sizing: content-box;
  z-index: 10;
  transform: scale(1.08);
}
.payPage
  .pay__container
  input:checked
  + label
  + .price__container.popularPrice {
  box-sizing: border-box;
  margin: 0;
}


  .charge2 .price__container.prompPrice{
  position: relative;
}
  .charge2 .price__container.prompPrice::after{
  content: "3°³¿ù ÁõÁ¤ À̺¥Æ® ";
  background: url("https://img.chamjal.com/banner/02_settle_113_32.png");
  background-repeat: no-repeat;
  width: 113px;
  height: 32px;
  display: block;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 1;
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding-top: 6px;
}




/* 2020-01-09 °áÁ¦¿Ï·á */
.pay__complete {
  padding: 170px 0 180px 0;
}
.pay__complete-banner {
  margin-bottom: 50px;
  text-align: center;
}
.pay__complete p {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}
.pay__complete ul {
  width: 310px;
  margin: 30px auto 35px auto;
  padding: 25px 0 25px 30px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.pay__complete ul li {
  padding-left: 20px;
  font-size: 15px;
  line-height: 30px;
  background: url("https://www.chamjal.com/images/pay_complete_list.gif")
    no-repeat 0 50%;
}
@media (max-width: 768px) {
  .pay__complete{padding-left: 20px; padding-right: 20px;}

}
/* .pay__complete a {
  display: block;
  width: 130px;
  margin: 0 auto;
  padding: 5px 0 10px 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  background: #f55668;
} */
/* //°áÁ¦¿Ï·á */

/* 2020-01-09 ¿ùÁ¤¾× */
.section__table {
  width: 100%;
  border-top: solid 1px #000;
}
.section__table th {
  height: 39px;
  line-height: 20px;
  text-align: center;
  color: #000;
  border-bottom: solid 1px #e0e0e0;
  background: #f9f9f9;
}
.section__table td {
  padding: 8px 0 10px 0;
  line-height: 20px;
  text-align: center;
  color: #666;
  border-bottom: solid 1px #e0e0e0;
}
.section__table button.btn {
  height: 24px;
}
.section__table button.btn--submit:hover {
  color: #0472e3;
  background: #fff;
}
.section__table a.btn {
  height: 20px;
}
.section__table a.btn--submit:hover {
  color: #0472e3;
  background: #fff;
}
.section__table .btn {
  padding: 0 10px 2px 10px;
  color: #fff;
  font-size: 12px;
}
.section__table .btn--submit {
  border: solid 1px #0472e3;
  background: #0472e3;
}
.section__table .btn--cancel {
  border: solid 1px #8a8a8a;
  background: #8a8a8a;
  cursor: default;
}
.section__table .btn--copy {
  background: #4f9ceb;
}
.section__table .btn--del {
  width: 22px;
  height: 22px;
  padding: 0;
  border: solid 1px #666;
  background: #fff
    url("https://imgs.yesform.com/z_n/imgs/2018/mypage/btn_del_bg.png")
    no-repeat 50% 50%;
}
.section__table .btn--slim {
  height: 22px;
}
.section__table span.btn {
  display: inline-block;
  width: 48px;
  padding-bottom: 1px;
}
.section__table .disable {
  color: #afafaf;
}
.section__table .bill {
  color: #666;
  text-decoration: underline;
  cursor: pointer;
  border: 0 none;
  background: none;
}
.section__table .account {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: #000;
}
.section__table .blue {
  color: #0472e3;
}
.section__table .red {
  color: #ff0000 !important;
}
/* //¿ùÁ¤¾× */

/* ·¹À̾î */
.free_Layer {
  display: none;
  position: absolute;
  left: 83px;
  top: 15px;
  z-index: 10000;
}

/* ȸ¿øÅ»Åð,Á¦ÈÞ½Åû,1:1¹®ÀÇ */
.alertLayer {
  width: 440px;
  padding: 60px 0;
  text-align: center;
  border: solid 5px #cc3333;
  background: url("https://www.chamjal.com/images/login_layer_bg.gif") repeat 0
    0;
  position: relative;
}
.alertLayer.noLayer {
  width: 550px;
}
.alertLayer .container {
  color: #666;
  padding-top: 100px;
  background: url("https://www.chamjal.com/images/bell_bg.png") no-repeat 50% 0;
}
.alertLayer .btn {
  margin-top: 27px;
}
.alertLayer .btn .close {
  position: static;
}
.alertLayer .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* ·Î±×ÀÎ */
.LogLayer {
  margin-top: 60px;
  padding: 16px 20px;
  border: solid 1px #cc3333;
  background: #fff;
  position: relative;
  z-index: 9999;
  border-radius: 10px;
}
.LogLayer .title {
  height: 26px;
  padding: 11px 0 20px 7px;
  letter-spacing: -2px;
  font-size: 24px;
  color: #000;
  border-bottom: solid 1px #cc3333;
  position: relative;
}
.LogLayer .log-input {
  padding: 20px 10px;
  border-bottom: solid 1px #d2d2d2;
}
.LogLayer .log-input .log-top {
  padding: 0 0 3px 60px;
}
.LogLayer .log-input .log-top label {
  display: inline-block;
  margin-top: -9px;
  margin-right: 20px;
  vertical-align: middle;
}
.LogLayer .log-input .log-top label span {
  margin-left: 5px;
}
.LogLayer .log-input .input-box {
  position: relative;
}
.LogLayer .log-input .input-box label {
  display: block;
  margin-bottom: 5px;
}
.LogLayer .log-input .input-box label .text {
  display: inline-block;
  width: 60px;
  font-size: 12px;
}
.LogLayer .log-input .input-box label span.input {
  display: inline-block;
  width: 187px;
  height: 30px;
  border: solid 1px #c2c2c2;
  background: #fff;
  border-radius: 5px;
}
.LogLayer .log-input .input-box label span.input input {
  width: 175px;
  height: 21px;
  margin: 2px 0 0 5px;
  border: solid 1px #fff;
}
.LogLayer .log-input .input-box input.login-btn {
  width: 82px;
  height: 67px;
  color: #fff;
  border: none;
  background: #f7455d;
  position: absolute;
  top: 0;
  right: 15px;
  border-radius: 5px;
}
.LogLayer .log-input .member {
  padding: 10px 0 0 45px;
}
.LogLayer .log-input .member a {
  display: inline-block;
  margin: 0 17px;
  color: #000;
}
.LogLayer .sns {
  display: block;
  padding: 0px;
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
}
.LogLayer .sns p {
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1.8;
  color: #666;
}
.LogLayer .sns p strong {
  color: #000;
  font-size: 16px;
}
.LogLayer .sns div {
  margin: 10px 0 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.LogLayer .sns a {
  float: left;
  text-decoration: none;
}
.LogLayer .sns a:first-child {
  margin-right: 4px;
  margin-bottom: 4px;
}
.LogLayer .sns a:nth-child(2) {
  margin-bottom: 4px;
}
.LogLayer .close {
  position: absolute;
  top: 0px;
  right: -50px;
}
/* sns ·Î±×ÀÎ ÅؽºÆ®È­ */
.LogLayer .login__snsBtn_txt {
  width: 395px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.LogLayer .login__snsBtn_txt a {
  width: 49%;
  max-width: 193px;
  height: 40px;
  margin-bottom: 2%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  text-align: left;
}
.LogLayer .login__snsBtn_txt a span {
  padding-left: 10px;
  border-top: 1px solid#e2e2e2;
  border-right: 1px solid#e2e2e2;
  border-bottom: 1px solid#e2e2e2;
  height: 40px;
  width: 150px;
  line-height: 38px;
  padding-left: 15px;
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
}
.LogLayer .login__snsBtn_txt p {
  width: 43px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  margin: 0 !important;
}
.LogLayer .ico_naver {
  border: 1px solid #25cc08;
  background-color: #25cc08;
}
.LogLayer .ico_naver img {
  width: 20px;
}
.LogLayer .ico_kakao {
  border: 1px solid #ffde00;
  background-color: #ffde00;
}
.LogLayer .ico_kakao img {
  width: 25px;
}
.LogLayer .ico_fb {
  border: 1px solid #4267b2;
  background-color: #4267b2;
}
.LogLayer .ico_fb img {
  width: 30px;
}

/* //·Î±×ÀÎ */

/* Àμâ¾È³» ·¹À̾î */
.printLayer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(100, 100, 100, 0.6);
  text-align: center;
}
.printLayer .popCon {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 425px;
  height: auto;
  padding: 60px 52px;
  margin-top: 60px;
  border-radius: 0;
  border: 1px solid #cc3333;
  background: #fff;
  box-sizing: border-box;
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
}
.printLayer .popCon .title {
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
.printLayer .popCon dl {
  text-align: left;
  font-size: 14px;
}
.printLayer .popCon dl dt {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
}
.printLayer .popCon dl dd {
  display: inline-block;
  padding-left: 5px;
  margin-left: 8px;
  margin-bottom: 5px;
  text-indent: -7px;
}
.printLayer .popCon .btn_area {
  margin-top: 35px;
}
.printLayer .popCon .ch_btn_s {
  width: 150px;
  height: 50px;
  margin: 0;
  font-size: 16px;
  line-height: 50px;
}
.printLayer .popCon .ch_btn_s:first-child {
  margin-right: 11px;
}
.printLayer .popCon .close {
  position: absolute;
  top: -50px;
  right: 0;
}
/* //Àμâ¾È³» ·¹À̾î */

/* À¯·áÀüȯ À¯µµ·¹À̾î */
.pay-layer {
  width: 383px;
  *width: 400px;
  margin-top: 60px;
  padding: 16px 20px;
  border: solid 3px #cc3333;
  background: #fff;
  position: relative;
  z-index: 9999;
}
.pay-layer .title {
  margin: 0;
  padding: 10px 0;
  color: #000;
  font-size: 26px;
  text-align: center;
}
.pay-layer .title span {
  color: #cc3333;
}
.pay-layer .text {
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}
.pay-layer .text span {
  color: #3163ca;
}
.pay-layer .border {
  padding: 15px 7px;
  border-top: solid 1px #eaeaea;
  border-bottom: solid 1px #eaeaea;
}
.pay-layer .border .benefit-title {
  float: left;
  width: 90px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #e98f9a;
}
.pay-layer .border .benefit-text {
  float: left;
  margin: 2px 0 0 15px;
  color: #666;
}
.pay-layer .btn {
  padding: 20px 0 10px 0;
  text-align: center;
}
.pay-layer .btn a {
  display: inline-block;
  margin: 0 auto;
  padding: 5px 10px 7px 10px;
  color: #fff;
  text-decoration: none;
  background: #cc3333;
}
.pay-layer .close {
  position: absolute;
  top: -50px;
  right: 0;
}
/* //À¯·áÀüȯ À¯µµ·¹À̾î */

/* ÀúÀÛ±Ç ·¹À̾î */
#copyWrap {
  width: 840px;
  padding: 18px 20px 30px 20px;
  border: solid 5px #cc3333;
}
#copyWrap h1,
#copyWrap .h1 {
  padding: 0 0 18px 10px;
  background: url("https://www.chamjal.com/images/copy_layer_tit_bg.gif")
    repeat-x left bottom;
}
#copyWrap .copyrights {
  padding: 20px 10px 0 10px;
}
#copyWrap .copyrights h2,
#copyWrap .copyrights .h2 {
  padding-left: 13px;
  font-weight: 600;
  color: #3366cc;
  background: url("https://www.chamjal.com/images/list_dott_05.gif") no-repeat
    2px 50%;
}
#copyWrap .copyrights p {
  margin-top: 15px;
  color: #666;
}
#copyWrap .copyrights p.list {
  padding-left: 17px;
  position: relative;
  z-index: 0;
}
#copyWrap .copyrights p .num {
  position: absolute;
  top: 0;
  left: 0;
}
#copyWrap .copyrights p .indent02 {
  display: block;
  margin-top: 11px;
  color: #ff6666;
}
#copyWrap .close {
  position: absolute;
  top: 14px;
  right: 16px;
}
/* ÀúÀÛ±Ç ·¹À̾î renewal */
.copyright_layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.copyright_layer #copyWrap {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -460px;
  margin-top: -350px;
  width: 920px;
  height: 760px;
  padding: 50px;
  border: 1px solid #cc3333;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  z-index: 10000;
  background-color: #fff;
}
.copyright_layer #copyWrap .copyrights {
  padding: 0;
}
.copyright_layer #copyWrap .copyrights .tit {
  margin-top: 15px;
  margin-bottom: 45px;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  line-height: 36px;
}
.copyright_layer #copyWrap .copyrights p {
  margin-top: 20px;
  color: #000;
}
.copyright_layer #copyWrap .copyrights p.list {
  padding: 0;
}
.copyright_layer #copyWrap .copyrights p .indent02 {
  margin-top: 0;
  color: #0066ff;
}
.copyright_layer #copyWrap .close {
  top: -50px;
  right: 0;
}

/* È°µ¿Áö ´Ù¿î·Îµå */
#requestLayerWrap {
  width: 570px;
  font-size: 11px;
  color: #999;
  border: solid 5px #c33;
  position: relative;
}
#requestLayerWrap .title {
  margin: 0 16px;
  padding: 18px 10px;
  background: url("https://www.chamjal.com/images/copy_layer_tit_bg.gif")
    repeat-x left bottom;
}
#requestLayerWrap .container {
  padding: 30px 0 50px 0;
  text-align: center;
}
#requestLayerWrap .container:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
#requestLayerWrap .container .img {
  display: inline-block;
  border: solid 1px #ccc;
  vertical-align: middle;
}
#requestLayerWrap .container .btn {
  display: inline-block;
  width: 200px;
  margin-left: 35px;
  vertical-align: middle;
}
#requestLayerWrap .container .btn img {
  margin-bottom: 10px;
}
#requestLayerWrap .close {
  position: absolute;
  top: 14px;
  right: 16px;
}

/* ÇÑÀÚÀԷ¹æ¹ý ·¹À̾î*/
.hanjaWrap {
  width: 371px;
  border: solid 5px #cc3333;
  padding: 15px 23px;
  position: relative;
}
.hanjaWrap .hanja {
  margin: 10px 16px 0 16px;
  padding-top: 11px;
  border-top: solid 1px #000;
}
.hanjaWrap .close {
  position: absolute;
  top: 14px;
  right: 17px;
}

/* ÀμâÃÊ°ú ·¹À̾î */
.printOverLayerWrap {
  width: 550px;
  padding: 23px 19px;
  text-align: center;
  border: solid 5px #cc3333;
  position: relative;
}
.printOverLayerWrap .title {
  margin: 15px 0 10px 0;
}
.printOverLayerWrap .printOverWrap {
  padding: 30px 30px 25px 30px;
  font-size: 13px;
  line-height: 18px;
  color: #666;
  background: url("https://www.chamjal.com/images/copy_layer_tit_bg.gif")
    repeat-x 0 0;
}
.printOverLayerWrap .notice {
  text-align: left;
}
.printOverLayerWrap .close {
  position: absolute;
  top: 10px;
  right: 11px;
}

/* ·Îµù */
.loading {
  width: 80px;
  height: 80px;
  background: #fff;
}
.loading img {
  margin: 19px 0 10px 28px;
}
.loading p {
  text-align: center;
  font-size: 12px;
  color: #666;
  font-weight: 600;
}

/* Á¦¸ñ ·¹À̾î Æ˾÷ */
.reqPreviewPopup {
  display: none;
  clear: both;
  width: 392px;
  height: 92px;
  padding: 2px;
  font-size: 12px;
  border: solid 2px #6699cc;
}
.reqPreviewPopup .popupTit {
  height: 21px;
  padding-top: 9px;
  padding-left: 10px;
  border-bottom: solid 1px #fff;
  background: url("http://img.chamjal.co.kr/images/home_schcool_request_layer_bg.gif")
    repeat 0 0;
  color: #666;
}
.reqPreviewPopup .popupcon {
  padding-top: 10px;
  padding-left: 11px;
  border-top: solid 1px #dfdfdf;
  color: #999;
}

.layer.agree {
  width: 790px;
  padding: 30px 0;
  border: none;
  background: #fff;
  position: relative;
}
.layer.agree .con {
  width: 730px;
  height: 400px;
  padding: 0 30px;
  font-size: 14px;
  overflow-y: scroll;
}
.layer.agree .close {
  position: absolute;
  top: -35px;
  right: 5px;
}

.inqLayer {
  width: 440px;
  height: 289px;
  border: solid 5px #cc3333;
  background: url("http://img.chamjal.co.kr/images/login_layer_bg.gif") repeat 0
    0;
  position: relative;
}
.inqLayer .inqWrap {
  font-size: 12px;
  line-height: 14px;
  color: #666;
  text-align: center;
  padding-top: 147px;
  background: url("http://img.chamjal.co.kr/images/bell_bg.png") no-repeat 173px
    25px;
}
.inqLayer .inqWrap .confirm {
  margin-top: 8px;
}
.inqLayer .close {
  position: absolute;
  top: 10px;
  right: 11px;
}

/* °áÁ¦Áõºù¹ß±Þ ¿µ¼öÁõ */
.receiptLayer {
  width: 380px;
  padding: 20px 30px;
  border: solid 1px #000;
  background: #fff;
  position: relative;
}
.receiptLayer .close {
  display: block;
  width: 20px;
  height: 20px;
  background: url("http://img.chamjal.co.kr/images/layer_close_arr.png") repeat
    0 0;
  position: absolute;
  top: 20px;
  right: 20px;
}
.receiptLayer .title {
  font-size: 16px;
  font-weight: 600;
}
.receiptLayer .text {
  margin-top: 20px;
  font-size: 13px;
  color: #666;
}
.receiptLayer .container {
  margin: 20px 0;
  padding: 5px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.receiptLayer .container label {
  display: block;
  padding: 5px 0;
}
.receiptLayer .container span {
  display: inline-block;
  padding-left: 5px;
}
.receiptLayer .container .tit {
  width: 85px;
  padding-left: 20px;
}
.receiptLayer .btn {
  display: block;
  width: 160px;
  padding: 7px 0 10px 0;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  color: #000;
  border: solid 1px #000;
  background: #f7e3e6;
}
/* //°áÁ¦Áõºù¹ß±Þ ¿µ¼öÁõ */
/* //·¹À̾î */

/* 2018-01-11 ÄíÆùµî·Ï */
.visual--coupon {
  height: 384px;
  background: #f6917b
    url("https://www.chamjal.com/images/coupon/coupon_top_bg.jpg") no-repeat 50%
    0;
}
.coupon__title {
  padding: 50px 0 0 0;
  text-align: center;
  font-size: 36px;
  color: #000;
}
.coupon__title span {
  font-size: 14px;
  color: #b7b7b7;
  letter-spacing: 3px;
}
.coupon__slash {
  display: block;
  width: 50px;
  margin: 50px auto;
  text-align: center;
  border-top: solid 2px #cbcbcb;
  transform: rotate(-45deg);
}
.coupon__input {
  width: 640px;
  height: 74px;
  margin: 50px auto 0 auto;
  border: solid 1px #f7455d;
  position: relative;
}
.coupon__input input {
  width: 480px;
  margin: 17px 0 0 0;
  letter-spacing: 3px;
  font-size: 27px;
  border: 0 none;
  text-align: center;
  color: #636363;
  outline: none;
}
.coupon__input .coupon__submit {
  width: 152px;
  height: 76px;
  font-size: 20px;
  color: #fff;
  border: 0 none;
  background: #f7455d;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.coupon__text {
  margin: 20px 0 50px 0;
  text-align: center;
  font-size: 15px;
  color: #f7455d;
}
.coupon__column {
  padding: 40px 0 60px 0;
  columns: auto 3;
}
.coupon__column .coupon__notice {
  text-align: center;
}
.coupon__column .coupon__notice .notice__img {
}
.coupon__column .coupon__notice .notice__txt {
  margin-top: 10px;
  font-size: 13px;
  color: #000;
}
/* //2018-01-11 ÄíÆùµî·Ï */

/* 2018-08-28 °Ë»ö°á°ú ¸®´º¾ó */
.searchKeyword {
  color: #2222ff;
  font-weight: 600;
}
.result__title {
  padding: 40px 0;
  text-align: center;
  font-size: var(--size-x-large);
  color: #000;
}
.result__title strong {
  color: #ee304f;
  font-size: inherit;
}
.result__title.line {
  padding-bottom: 40px;
  /* padding-bottom: 20px; */
  border-bottom: var(--border-default);
}
.result__recommend {
  margin: -25px 0 25px 0;
  font-size: 13px;
  text-align: center;
}
.result__recommend strong {
  color: #000;
}
.result__recommend strong:after {
  content: "|";
  margin: 0 5px;
  color: #d8d8d8;
}
.result__recommend span {
  color: #f7455d;
}
.result__recommend a {
  color: #0000cc;
  text-decoration: underline;
}
.result__filter {
  border-top: var(--border-default);
}
.filter {
  line-height: 2.2;
  border-bottom: var(--border-default);
  position: relative;
  z-index: 0;
}
.filter__container:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.filter__title {
  width: 140px;
  font-size: var(--size-medium);
  color: #000;
  text-align: center;
}
.filter--category .filter__container {
  padding: 5px 0 8px 140px;
}
.filter--category .filter__title {
  position: absolute;
  top: 4px;
  left: 0;
}
.filter--category label {
  float: left;
  display: block;
  width: 164px;
  cursor: pointer;
}
.filter--category label input[type="checkbox"] {
  position: absolute;
  top: -1px;
  left: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  color: rgba(0, 0, 0, 0) !important;
}
.filter--category label input + i {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: solid 1px #cecece;
  vertical-align: middle;
}
.filter--category label input:checked + i {
  border: solid 1px #ee304f;
  background: #ee304f
    url("https://imgs.yesform.com/z_n/imgs/subsite/ppt/common/result_checkbox_img.png")
    no-repeat 50% 50%;
}
.filter--category label .number {
  color: #000;
}
.tab__container {
  padding: 14px 0;
}
.tab__container.listTop{width: 100%;  display: flex; justify-content: space-between; align-items: center; }
.category .tab__container.listTop{width: auto;}

.tab__container:after {
  clear: both;
  display: table;
  content: none;
  zoom: 1;
}
.tab__left {
  float: left;
  padding-top: 5px;
}
.tab__right {
  float: right;
}
.tab__page {
  float: left;
  margin: 0 10px 0 0;
  font-size: var(--size-medium);
  color: var(--color-Cont);
}
.album-view.share + .moreSec {
  padding-bottom: 50px;
  border-top: 0 none;
}
.nav__top {
  display: block;
  width: 56px;
  height: 23px;
  padding-top: 33px;
  text-align: center;
  border: solid 1px #ccc;
  font-size: 0;
  text-indent: -9999px;
  background: #fff
    url("https://imgs.yesform.com/z_n/imgs/atwrt/content_img_2016/view-nav-top.gif")
    no-repeat 50% 50%;
  position: absolute;
  top: 500px;
  right: -70px;
  border-radius: 5px;
}
/* //2018-08-28 °Ë»ö°á°ú ¸®´º¾ó */

/* ÆäÀÌ¡ ¸®´º¾ó ÈÄ »èÁ¦ */
.pageWrap {
  clear: both;
  width: 960px;
}
.page-out {
  float: left;
  margin: 0 auto;
  padding-top: 21px;
  padding-bottom: 38px;
  font-size: 12px;
  left: 50%;
  position: relative;
}
.page-out .page-inn {
  float: left;
  text-align: justify;
  position: relative;
  right: 50%;
}
.page-out .page-inn ul {
  padding: 0 !important;
}
.page-out .page-inn li {
  float: left;
  width: 23px !important;
  height: 22px !important;
  margin-right: 4px;
  padding: 0 !important;
  text-align: center;
  color: #fff;
  font-family: Verdana !important;
  font-size: 13px;
}
.page-out .page-inn li a {
  line-height: 1.2 !important;
}
.page-out .page-inn .on {
  background: url(//imgs.yesform.com/z_n/imgs/page_on.gif) no-repeat 0 0;
}
.page-out .page-inn .on a {
  display: inline-block;
  width: 17px;
  height: 19px;
  color: #fff;
  padding: 2px 0 0 0;
  font-family: Verdana;
}
.page-out .page-inn .off {
  background: url(//imgs.yesform.com/z_n/imgs/page_off.gif) no-repeat 0 0;
}
.page-out .page-inn .off a {
  display: inline-block;
  width: 17px;
  height: 19px;
  color: #fff;
  padding: 2px 0 0 0;
  font-family: Verdana;
}
/* //ÆäÀÌ¡ ¸®´º¾ó ÈÄ »èÁ¦ */

/* 2018-08-28 ´õº¸±â */
.moreSec:last-child {
  padding-bottom: 60px;
}
.list-view + .moreSec .moreSec__btn {
  border-top: 0 none;
}
.moreSec__infinite {
  height: 36px;
  position: relative;
  z-index: 0;
}
.moreSec__number {
  font-size: 13px;
  color: var(--color-Cont);
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 1;
}
.moreSec__btn {
  display: block;
  height: 18px;
  padding: 12px 0;
  font-size: 13px;
  color: #000;
  font-weight: var(--weight-bold);
  text-align: center;
  text-decoration: none;
  border-top: var(--border-default);
  border-bottom: var(--border-default);
}
.moreSec__all {
  display: block;
  height: 18px;
  padding: 8px 0 10px 0;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1;
}
.moreSec__all img {
  vertical-align: middle;
}
.moreSec__page {
  height: 34px;
  padding: 20px 0;
  position: relative;
  z-index: 0;
  margin-top: 10px;
}
.moreSec__down {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  position: absolute;
  top: 26px;
  left: 0;
  z-index: 1;
}
.moreSec__down img {
  margin: -3px 0 0 5px;
  vertical-align: middle;
}
.moreSec__down span {
  color: #ff6600;
}
.moreSec__paging {
  text-align: center;
}
.moreSec__paging span {
  display: inline-block;
  width: 32px;
  height: 15px;
  padding: 8px 0 9px 0;
  font-weight: var(--weight-bold);
  color: #fff;
  vertical-align: middle;
  border: solid 1px #666;
  background: #666;
  line-height: 1;
}
.moreSec__paging span.prev,
.moreSec__paging span.next {
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0 5px;
  border-radius: 5px;
  border: 0;
}
.moreSec__paging span.prev a,
.moreSec__paging span.next a {
  width: 32px;
  height: 32px;
  padding: 0;
  margin: -1px;
  border-radius: 5px;
}
.moreSec__paging span.next a {
  border-left: solid 1px #ddd;
}
.moreSec__paging span.prev + span a {
  border-left: solid 1px #ddd;
}
.moreSec__paging span + span a {
  border-left: 0 none;
}
.moreSec__paging span a {
  display: block;
  height: 15px;
  padding: 8.5px 0 9px 0;
  margin: -9px -1px -10px -1px;
  color: #444;
  font-weight: var(--weight-medium);
  text-decoration: none;
  border: solid 1px #ddd;
  background: #fff;
  line-height: 1;
}
.moreSec__paging span.prev + span,
.moreSec__paging span.prev + span a {
  border-radius: 5px 0 0 5px;
}
.moreSec__paging span:nth-last-of-type(2),
.moreSec__paging span:nth-last-of-type(2) a {
  border-radius: 0 5px 5px 0;
}
.moreSec__search {
  position: absolute;
  top: 23px;
  right: 0;
}
.moreSec__search input {
  float: left;
  width: 130px;
  height: 20px;
  padding: 0 0 3px 5px;
  font-size: 12px;
  line-height: 18px;
  border: solid 1px #6790e2;
  color: #3366cc;
}
.moreSec__search input::placeholder {
  color: #3366cc;
}
.moreSec__search button {
  float: left;
  width: 27px;
  height: 25px;
  text-indent: -9999px;
  border: 0 none;
  background: #6790e2
    url("https://imgs.yesform.com/z_n/imgs/2015/common/list-search-btn.png")
    no-repeat 50% 50%;
}
#webdocLoading img {
  max-width: 60px;
  margin-bottom: 30px;
}
.moreSec__btn:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* //2018-08-28 ´õº¸±â */

/* pop ½ÅûÇϱ⠸®½ºÆ® */
.popForm_title {
  text-align: left !important;
}
.popForm_title span {
  vertical-align: middle;
}
.popForm_title i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.popForm_stat i {
  width: 57px;
  height: 21px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: 12px;
  font-style: normal;
}
.stat_prep i {
  background-color: #bebebe;
}
.stat_etc i {
  background-color: #7d7d7d;
}
.stat_comp i {
  background-color: #1994e1;
}
.popForm_failReason a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  position: relative;
  z-index: 10;
}
.popForm_failReason span {
  vertical-align: middle;
}
.popForm_failReason_comment {
  display: none;
  position: absolute;
  right: 0;
  top: 16px;
  min-width: 500px;
  max-width: 700px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f7fcff;
  border: 1px solid #000;
  text-align: left;
}
.popForm_download a {
  display: block;
  width: 33px;
  height: 33px;
  margin: 0 auto;
  background: url("https://imgs.yesform.com/z_n/imgs/atwrt/pop_2020/sub/apply_ico_01.png")
    no-repeat;
}
.popForm_download a:hover {
  background: url("https://imgs.yesform.com/z_n/imgs/atwrt/pop_2020/sub/apply_ico_02.png")
    no-repeat;
}
.popForm_download .reviewTable_img {
  display: inline-block;
  width: 106px;
  height: 78px;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #fff;
  overflow: hidden;
}
.popForm_download .reviewTable_img img {
  width: 100%;
}

/* ³»½Åû³»¿ª */
.myapplyTable tbody tr {
  height: 110px;
}
.myapplyTable tr td {
  border-bottom: 0;
  border-top: 1px solid #d7d7d7;
}
.myapplyTable tr:first-child td {
  border-top: 0;
}
.myapplyTable_desc {
  height: 100px !important;
}
.myapplyTable_desc td {
  position: relative;
}
.myapplyTable_desc td p {
  width: 100%;
}
.myapplyTable_desc td p:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.myapplyTable_desc td p i {
  position: absolute;
  left: 36px;
  top: 0;
}
.myapplyTable_desc td p span {
  display: inline-block;
  vertical-align: middle;
  width: 900px;
  margin-left: 80px;
  text-align: left;
  line-height: 20px;
}

/* ¹öÆ° º¯°æ ÅëÀÏ */
button.ch_btn_b,
a.ch_btn_b {
  display: inline-block;
  width: 200px;
  height: 60px;
  margin: 0 10px;
  border-radius: 5px;
  background: #f7455d;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}
button.ch_btn_b,
button.ch_btn_s {
  border: 0;
  outline: 0;
}
a.ch_btn_b {
  /* line-height: 60px; */
  line-height: 50px;
}
button.ch_btn_s,
a.ch_btn_s {
  display: inline-block;
  width: 147px;
  height: 50px;
  margin: 0 10px;
  border-radius: 5px;
  background: #f7455d;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}
a.ch_btn_s {
  line-height: 50px;
  /* line-height: 43px; */
}
.ch_btn_b:hover,
.ch_btn_s:hover {
  text-decoration: none;
}

/* Å׸¶ÆäÀÌÁö - °øÅë ¼öÁ¤ */
html {
  scroll-behavior: smooth;
}
.themePage .listGroup {
  margin: 0 -10px;
  padding-top: 30px;
}
.themePage .listGroup:after {
  clear: both;
  display: table;
  content: "";
  zoom: 1;
}
.themePage .listGroup .list__item {
  float: left;
  overflow: visible;
  border: 0;
}
.themePage .listGroup .list__item--height {
  width: 180px;
  height: auto;
  margin: 10px;
}
.themePage .listGroup .list__item--width {
  width: 226px;
  height: 220px;
  margin: 0 7px;
}
.themePage .listGroup .list__img {
  display: table-cell;
  vertical-align: middle;
  background: #fff;
}
.themePage .listGroup .list__item--height .list__img {
  width: 180px;
  height: 240px;
  padding: 10px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  text-align: center;
}
.themePage .listGroup .list__item--height .list__img img {
  max-width: 148px;
  max-height: 208px;
}
.themePage .listGroup .list__item--width .list__img {
  width: 226px;
  height: 159px;
}
.themePage .listGroup .list__item--width .list__img img {
  max-width: 226px;
  max-height: 160px;
}
.themePage .listGroup .list__title {
  padding-top: 9px;
  text-align: center;
  /* color: #ff5a5a; */
}
.themePage .listGroup .list__title strong {
  display: block;
  width: 95%;
  height: 36px;
  margin: 5px auto;
  /* color: #000; */
  font-size: 15px;
  font-weight: 500 !important;
  overflow: hidden;
}
.themePage .listGroup .list__item .mouse-over {
  width: 180px;
  height: 240px;
}
.themePage .listGroup .list__item .mouse-over a {
  width: 180px;
  height: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
/* .themePage .listGroup .list__item--width .mouse-over {
  width: 226px;
  height: 220px;
}
.themePage .listGroup .list__item--width .mouse-over a {
  width: 226px;
  height: 220px;
} */
.themePage .listGroup .list__item .mouse-over .img {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50px;
  /* background: #ff7972; */
  position: relative;
}
.themePage .listGroup .list__item .mouse-over .img i {
  display: block;
  /* width: 20px; */
  /* height: 20px; */
  /* background: url("https://www.chamjal.com/images/event/hanguel/more_btn.png")
    no-repeat center center;
  position: absolute; */
  /* left: 15px; */
  /* top: 15px; */
  z-index: 0;
  overflow: hidden;
}

.themePage .btnWrap {
  margin: 60px 0 0 0;
  text-align: center;
}
.themePage .btnWrap .btn {
  display: inline-block;
  width: 290px;
  height: 40px;
  margin: 0 12px;
  padding: 18px 15px 0 0;
  background: #fff;
  border: solid 1px #ff7972;
  font-size: 14px;
  color: #ff7972;
  border-radius: 5px;
  font-size: 16px;

  width: 250px;
  height: 60px;
  padding: 0;
  line-height: 60px;
  padding-right: 30px;
  box-sizing: border-box;
  font-weight: 600;
}
.themePage .btnWrap .btn:hover {
  color: #fff;
  border: solid 1px #ff7972;
  background: #ff7972;
  text-decoration: none;
}
.themePage .btnWrap .btn--more {
  position: relative;
}
.themePage .btnWrap .btn--more:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("https://www.chamjal.com/images/event/hanguel/plus_btn.png") no-repeat 0 -18px;
  position: absolute;
  /* right: 26px;
  top: 19px; */
  right: 50px;
  top: 21px;
}
.themePage .btnWrap .btn--more:hover:after {
  background-position: 0 0;
}

/* --------------------------------------------------------
 2023 - ÂüÀß ¸®´º¾ó_¼­ºê À̼öÁø
---------------------------------------------------------*/
.preview_top .preview_container {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.preview_info {
  width: 650px;
  margin-top: 30px;
  min-height: 515px;
} /*min-height: 799.34px;*/

.category-title .content {
  padding: 0;
}

.tab_area ul {
  width: 1280px;
}

/* Ä«Å×°í¸® ÅǸ޴º */
.content .category > ul {
  width: 1280px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #e0e0e0;
  margin-bottom: 35px;
  cursor: pointer;
}
.content .category > ul li {
  width: 213.333px;
  height: 50px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  margin-bottom: -1px;
  position: relative;
}
.content .category > ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.content .category > ul li a:hover {
  text-decoration: none;
}
.content .category > ul li a img {
  margin-left: 3px;
}
.content .category > ul li:nth-child(6n) {
  border-right: 0;
} /* 6ÀÇ ¹è¼ö */
.content .category > ul li:nth-child(-n + 6) {
  margin-bottom: -0.6px;
} /* 1 ~ 6 */
/* .content .category > ul li:nth-child(n+13):nth-child(-n+18){margin-bottom: -.1px;} */
.content .category > ul li.on:after,
.content .category > ul li:hover:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #f7455d !important;
  background: #fdf6f7;
}

.category .cate-age {
  width: fit-content;
  height: fit-content;
  background: none;
  display: flex;
  align-items: center;
  padding: 0;
  height: 40px;
  float: left;
}
.category .cate-age.select-problem {
  background: none;
  border-top: 0;
}
.category .cate-age p {
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.category .cate-age .chk-age {
  line-height: 1;
}
.category .cate-age span {
  height: 16px;
}

.listTop select {
  height: 40px;
  text-align: end;
  padding-right: 12px;
  background: #fff url(https://www.chamjal.com/images/select_arr2.gif) no-repeat
    28% 50%;
  border-color: #c2c2c2;
  font-size: var(--size-small);
}

.autoCalc-top .calc-title {
  font-size: 18px;
}
.autoCalc-btn button {
  font-size: 16px;
}
.autoCalc-btn img {
  height: 30px;
}

.content .category .cate-3depth {
  display: flex;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  margin-bottom: 35px;
}
.content .category .cate-3depth .cate-3depth-title {
  position: unset;
  width: 20%;
  font-size: 16px;
  margin: 0;
  line-height: inherit;
  height: 100%;
}
.content .category .cate-3depth .cate-3depth-item {
  width: 100%;
  padding: 15px 0;
}
.content .category .cate-3depth .cate-3depth-item ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
}
.content .category .cate-3depth .cate-3depth-item li {
  margin: 0;
}

.option-wrap {
  display: block;
  height: 40px;
  margin-bottom: 35px;
}
.tab__container {
  padding: 0;
  float: right;
}

/* .moreSec{margin-top: 33px;} */
.listTop p b.depth-1 {
  font-size: var(--size-medium);
}

.preview_top .info_category {
  padding: 0;
  color: #e8e8e8;
  display: none;
}
.preview_top .info_category a {
  padding: 0 10px;
  font-size: 16px;
}

/* ½æ³Ú ¼³¸í */
.preview_info .info_container {
  display: flex;
  flex-wrap: wrap;
}
.preview_info .preview_title {
  font-size: 26px;
  padding-left: 18px;
}
.preview_info .info_container dt {
  width: 12%;
}
.preview_info .info_container dd {
  width: 38%;
  height: 40px;
}
.preview_info .info_text .tag a {
  font-size: 15px;
}

.preview_info .btn_wrap .btn {
  width: 200px;
}

.list_banner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.preview_con .section .section__list:first-child {
  padding-bottom: 20px;
}

/* ÀÌ¿ëÈı⠳²±â±â */
.reviewWrap .review dl dt p {
  font-size: 15px;
}
.reviewWrap .review dl dt p span {
  font-size: 15px;
}
.reviewWrap .review_btn a {
  font-size: 15px;
}

/* iframe */
.myFrame {
  width: 1280px;
}
.list-view th {
  font-size: var(--size-small-medium);
}
.list-view td a.w01 {
  /* font-size: 15px; */
}
.list-view td.state img {
  height: 21.5px;
}
.list-view tr{height: 55px;}
.list-view td {
  height: 55px;
  /* line-height: 55px; */
  font-size: var(--size-small-medium);
  box-sizing: border-box;
}

.reviewList .list-view .appr {
  width: 225px !important;
}
.reviewList .list-view .con {
  width: 625px !important;
  font-size: 15px;
}
.reviewList .list-view .id,
.reviewList .list-view .date {
  width: 215px !important;
  font-size: 15px;
}
.reviewList .list-view .con {
  font-size: 15px;
}
.reviewList .list-view .con span {
  font-size: 15px;
}

.moreSec__btn {
  font-size: var(--size-small-medium);
}
/* #list_more_btn{margin-top: 33px;} */
.moreSec__number,
.moreSec__number span {
  font-size: var(--size-small-medium);
  top: 11px;
}

/* ¾²±â È°µ¿Áö */
.homeSchool__sample {
  width: 1280px !important;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 33px;
  margin: 0 auto !important;
  padding-bottom: 15px;
}
.homeSchool__sample img {
  width: 229px;
  height: 325px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.13);
  overflow: hidden;
  box-sizing: border-box;
}

.sub-btn-wrap a {
  font-size: 15px;
}

/* ÀÌ¿ë¿ä±Ý */
.price.v2 .price__container .popular {
  width: 320px;
}
.print__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 50px;
}

.dot_line {
  background-image: linear-gradient(
    to right,
    black 33%,
    rgba(238, 238, 238, 0) 0%
  );
  background-position: bottom;
  background-size: 4px 2px;
  background-repeat: repeat-x;
}

/* ÀÌ¿ëÈıâ */
.comment-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.comment-banner p,
.comment-banner img {
  width: 100%;
}
.sub-page-title h2.subTit {
  font-size: var(--size-bigger);
}
.sub-page-title .content p {
  font-size: var(--size-medium);
}

.reviewWrap .review dl dd textarea {
  width: 1070px;
  font-size: 15px;
}
.reviewWrap .review dl dd textarea::placeholder{font-size: 15px;}

.blogWrap .blog-register {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blogWrap .blog-register a {
  font-size: 14px;
}
.blogWrap .blog_text {
  width: 990px;
}

.sub-con-tit {
  font-size: 22px;
}

/* post ÆäÀÌÁö */
.postWrap .post-txt {
  width: 1130px;
}

/* ¸¶ÀÌÆäÀÌÁö */
.sub-page-title.mypage h2.subTit b {
  font-size: inherit;
}

/* ¸¶ÀÌÆäÀÌÁö - Á¤º¸¼öÁ¤ */
.mypage .user__container .title {
  font-size: 20px;
}
.mypage {
  font-size: 14px;
}
.mypage * {
  font-size: inherit;
}
/* ¸¶ÀÌÆäÀÌÁö - ¿Â¶óÀι®ÀÇ */
.customerRight .topArea p {
  font-size: 14px;
}

/* ¸®½ºÆ® ÆäÀÌÁö */
.section.mb-a {
  margin-bottom: 25px;
}

.mb-35 {
  margin-bottom: 35px;
}

/* ³» ÇнÀÁö º¸°üÇÔ */
.section__list .noData {
  width: 100%;
}
.sub-page-title.list h2.subTit b {
  font-size: inherit;
}

/* ÀÚÁÖÇÏ´Â Áú¹® */
.customerRight {
  width: 1070px;
}
.listTop .listTop__btn {
  /* font-size: var(--size-small); */
  box-sizing: border-box;
  padding: 0;
  min-width: 86px;
  max-width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listTop .listTop__btn--print {
  width: 120px;
  padding-left: 34px !important;
  border: 0;
}

/* ·Î±×ÀÎ */
.loginPgWrap .logContent {
  width: 870px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ÀÚÁÖÇÏ´Â Áú¹® */
.customerMenu.v2021 .leftTop .tit {
  font-size: 20px;
}
.customerMenu.v2021 .leftTop .sub_tit {
  font-size: 12px;
}

/* ¼­ºñ½º Àüüº¸±â */
.sitemap_visual .title {
  font-size: 36px;
}
.sitemap_visual .text {
  font-size: 16px;
}

/* ÀÌ¿ë¾È³» */
.visual__charge .title {
  font-size: var(--size-bigger);
}
.visual__charge .title strong {
  font-size: 44px;
}
.visual__charge .txt {
  font-size: var(--size-medium);
  line-height: var(--gap-narrow);
}
.visual__charge .circle {
  font-size: var(--size-x-large);
}

.price.v2 .price__info ul > li {
  font-size: var(--size-medium);
}

.charge__title {
  font-size: var(--size-xx-large);
}
.charge__text {
  font-size: var(--size-medium);
}
.visual__charge .title span,
.charge__title strong {
  font-size: inherit;
}

.print__title {
  font-size: 20px;
}
.print__list .list {
  font-size: 16px;
}
.print__btn {
  font-size: 16px;
}

.use {
  font-size: 16px;
}
.use strong {
  font-size: 18px;
  margin-bottom: 16px;
}

.tab_content .tab_tit {
  font-size: 20px;
}
.tab_content .btn_area a {
  font-size: 16px;
}

.tab_content .tab_txt {
  font-size: 15px;
}

.autoCalc-btn img {
  height: 26.33px;
}
.autoCalc-pager {
  margin: 0 auto;
}
.category .cate-age.select-problem {
  background: none !important;
}

/* .category-title{margin-bottom: 35px;} */
.tab__left {
  padding-top: 0px;
  margin: 35px 0;
}
.tab__left .depth-1 {
  font-size: 20px;
  line-height: 1;
}

/* Å׸¶ÆäÀÌÁö - sEducation.php¿¡ µé¾î°¡À־ !important·Î Á¶ÀýÇÔ ÈÄ¿¡ ¼öÁ¤ 202308 */
.listGroup {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* justify-content: flex-start; */
  align-items: flex-start;
  gap: 33px;
  margin: 0 auto !important;
}
.listGroup .list__item {
  width: 229.6px !important;
  height: 100% !important;
  margin: 0 !important;
}
.combine-thum {
  width: 229.6px;
  height: 325px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  /* box-shadow: 3.536px 3.536px 10px 2px rgba(0, 0, 0, 0.13); */
  border: 1px solid var(--color-LightGray);
  /* border: 0; */
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.combine-thum:hover{box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.16);}

.combine-thum .valign {
  display: block;
  width: 100%;
  height: auto;
}
.combine-thum img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.listGroup .list__item .list__img {
  width: 100%;
  height: auto;
}
.listGroup .list__item .list__img img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* Ȥ½Ã ±úÁö¸é ¾Õ¿¡ .listGroup Ãß°¡ */
.list__item .mouse-over {
  width: 100% !important;
  height: 100% !important;
}
.list__item .mouse-over .valign {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list__item .mouse-over a {
  width: fit-content !important;
  height: fit-content !important;
  /* display: inline-block !important; */
  padding: 10px;
  margin: 0 10px;
  position: relative;
  z-index: 0;
}
.list__item.list--store .mouse-over a {
  top: 50%;
  left: 50%;
  transform: translate(-184%, -50%);
}
.list__item .mouse-over a + a:before {
  content: "";
  display: block;
  height: 44px;
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 10px;
  left: -10px;
}

.bnbSection .btnWrap .btn {
  width: 220px !important;
  height: 50px !important;
  border-radius: 5px;
  line-height: 50px;
  padding: 0 20px 0 0 !important;
}
.bnbSection .btnWrap .btn--more:hover {
  text-decoration: none;
}

/* swiper_popular */
.swiper_popular-box {
  background-color: #fcf2f3;
  width: 100%;
  box-sizing: border-box;
  padding: 35px 0 40px;
  margin-bottom: 30px;
}
.swiper_popular-box .swiper-tit {
  text-align: center;
  margin: 0 auto 30px;
  font-size: 20px;
}
.swiper_popular-box .swiper-tit b {
  font-size: inherit;
}
.swiper_popular-box .swiper-tit img {
  vertical-align: bottom;
}
.swiper_popular-box .swiper-slide {
  width: 229.6px;
  margin-right: 33px;
}
.swiper_popular-box .list__title {
  height: 43px;
  font-size: 16px;
  margin: 15px 0 0 3px;
}
.swiper_popular-box .list__title a {
  /* height: 35px; */
  height: 40px;
  text-align: center;
  overflow: hidden;
  display: block;
  word-break: keep-all;
}
.swiper_popular .swiper-slide.swiper-slide-next img,
.swiper_popular .swiper-slide.swiper-slide-prev img {
  width: 100% !important;
}

/* .category{margin-top: 35px;} */
.btn-member--grd.chamjal {
  width: 250px;
  height: 50px;
  font-size: 16px;
  margin: 60px auto 0;
}
.btn-member--grd.chamjal:hover {
  text-decoration: none;
}

/* Äڵ尡 ±âÁ¸°ú ´Ù¸¥ À̺¥Æ® ÆäÀÌÁöµé À§ÇÔ */
.themePage .combine-thum {
  box-shadow: none;
  display: block;
  padding: 0px;
  background-color: transparent;
}
.themePage .listGroup .list__item {
  background-color: transparent;
}

.themePage .listGroup .list__item--height .list__img,
.themePage .listGroup .list__item--width .list__img {
  text-align: center;
  width: 229.6px !important;
  height: 325px !important;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 3.536px 3.536px 10px 2px rgba(0, 0, 0, 0.13);
  border: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.themePage .listGroup .list__item--height .mouse-over,
.themePage .listGroup .list__item--width .mouse-over { 
  height: 325px !important;
  border-radius: 10px; 
} 
.info-add{margin-top: 30px; margin-bottom: 40px;}
.info-add li{color: var(--color-Cont); line-height: 30px; list-style: outside; text-align: left; padding-left: 5px;}
/* .info-add li:nth-child(1), .info-add li:nth-child(2){padding: 6px 0 0 5px;} */
.info-add li::marker{color: #000; list-style-type: disc; content: "¡¤"; }
.info-add li .download {display: inline-block; font-size: var(--size-small); margin-left: 10px; padding: 4px 37px 4px 20px; border-radius: 30px; border: 1px solid #c2c2c2; font-weight: var(--weight-bold); color: #000; background: url(//imgs.yesform.com/z_n/imgs/2018/member/estimate_icon.png) no-repeat 90% 52%; transition: 0.3s; cursor: pointer;}
.info-add li .download:hover{background-color: #F3F3F3;}

/* ai¸®´º¾óÀ¸·Î css Ãß°¡ */
.preview_top.ver2 .thumbnail{position: relative; overflow: unset;}
.preview_top.ver2 .thumbnail .btn-favorite{position: absolute; top: -15px; right: -15px; z-index: 2; width: 65px; height: 65px;}
.preview_top.ver2 .thumbnail .btn-favorite::before{content: ''; width: 65px; height: 65px; background-color: rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: inline-block; position: absolute; z-index: -1; border-radius: 50%; right: 0px; top: 0px; }
/* .preview_top.ver2 .thumbnail .btn-favorite::after{top: 52%; left: 51%; content: ''; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23929292' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Zm0-54.15q96-86.77 158-148.65 62-61.89 98-107.39t50-80.61q14-35.12 14-69.35 0-60-40-100t-100-40q-47.77 0-88.15 27.27-40.39 27.27-72.31 82.11h-39.08q-32.69-55.61-72.69-82.5Q347.77-774 300-774q-59.23 0-99.62 40Q160-694 160-634q0 34.23 14 69.35 14 35.11 50 80.61t98 107q62 61.5 158 149.04Zm0-273Z'%3E%3C/path%3E%3C/svg%3E")}
.preview_top.ver2 .thumbnail .btn-favorite.on::after{background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23FF5757' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Z'%3E%3C/path%3E%3C/svg%3E")} */

.preview_top.ver2 .thumbnail .ribbon.free{left: 0; border-radius: 0 0 15px 0;}
.section__list .list__title{text-align: left;}
.section__list .list__title a{color: #666 !important; font-weight: 500;}

.preview_top.ver2 .preview_info .preview_title{padding-left: 17px; padding-right: 17px; padding-bottom: 0px; margin-bottom: 25px; color: #000; font-weight: 600;}
.preview_top.ver2 .preview_info .info_text{border-top: 0; padding: 0px 17px 25px;}
.preview_top.ver2 .preview_info .info_text:has(.tag){border-bottom: 0;}
.preview_top.ver2 .preview_info .info_text .tag{padding-top: 0px;}
.preview_top.ver2 .preview_info .info_container {border-top: 0; border-bottom: 1px solid #e3e3e3; padding: 30px 17px;}
.preview_top.ver2 .preview_info .info_container dt{color: #000;}
.preview_top.ver2 .preview_info .info_container dd{color: #666;}
.preview_top.ver2 .preview_info .btn_wrap{padding: 30px 0;}

.content.preview_con.ver2 .tab_content .tab_tit{margin-bottom: 20px;}
.content.preview_con.ver2 .tab_content .tab_txt{color: #666; line-height: 24px;}
.content.preview_con.ver2 .tab_content .tab_txt .tab_txt--tit{margin-bottom: 10px; display: inline-block;}
.content.preview_con.ver2 .preview_copyright_btn{cursor: pointer;}

.footer__simple  { height: 138px; background-color: #fff; display: flex; justify-content: center; align-items: center; border-top: var(--border-default); /* font-size: 1.5rem; */ margin-top: 6rem; }
.footer__simple .copyright { color: var(--color-Cont); margin-right: 46px; font-size: var(--size-small-medium);}
.footer__simple ul  { display: flex; }
.footer__simple ul li a { font-size: var(--size-small-medium); color: var(--color-Cont);}
.footer__simple ul li::after {content: "|"; margin: 0 9px; color: var(--color-Cont); font-weight: 100; vertical-align: middle; }
.footer__simple ul li:last-child::after  { content: ""; padding: 0; margin: 0;}
@media (max-width: 991px) {
  .footer__simple { flex-direction: column-reverse; justify-content: center; font-size: 13px; height: 125px; margin-top: 3rem; }
  .footer__simple .copyright { margin-right: 0; margin-top: 8px; font-size: var(--size-small-small);}
  .footer__simple ul li a { font-size: var(--size-small-small);}

}

/* ========= ¹ÝÀÀÇüÀÛ¾÷ ============ */

 /* ÇØ´õ°ü·Ã */
 .top-menu .content{max-width: 1280px; width: 100%;  box-sizing: border-box; }
 .headerWrap.ver_02{display: none;}
 .header:has(.gnbM){height: auto;}
 .footer__simple{display: none;}

 @media (max-width: 1280px) {
   
   .header{padding: 0 20px; gap: 20px; justify-content: space-between; overflow: hidden;}
   .header:after{display: none;}
   .GNB-top{overflow: auto;}
   .top-menu .content,
   .GNB-top .menu{padding: 0 20px;}
 }


 @media (max-width: 1024px) {

   .footer__simple{display: flex;}
 }


 @media (max-width: 768px) {
   .top-menu.v2,
   .header:has(.logo),
   .GNB-top{/*display: none;*/ width: max-content;}
   .headerWrap.ver_02{display: block;}
   
   .headerWrap { position: relative; border-bottom: 0; padding: 0;}
   .headerWrap .header  {display: block; width: 100%; height: auto; min-height: 54px; padding: 15px 20px; }
   
   .headerWrap .header__logoWrap { gap: 10px; } 
   .headerWrap .header__subLogo { height: unset; line-height: unset; }
   .headerWrap .header__subLogo:hover{text-decoration: none;} 

   .headerWrap .header__gnb.v2{display: none;}

   .headerWrap .header__logo  { margin: 0 auto; width: 64px; }
   .headerWrap .header .leftWrap { display: flex; flex-direction: column; align-items: normal; }
   .headerWrap .header__right--menu  { display: none !important; }
   .headerWrap .header .btn-menu,
   .headerWrap .header .btn-filter { display: block; }
   .headerWrap.ver_02 .header .btn-menu  {position: absolute; top: 20px; right: 20px; left: unset; width: 20px; height: 16px; }
   .headerWrap .header .btn img  { width: 20px; height: 16px; }

   nav.gnbM .m_subMenu{box-sizing: border-box;}
   nav.gnbM .m_logMenu a.service  { padding-bottom: 0px; }

   .headerWrap.ver_02 .searchWrap{max-width: 100% !important;}
   .header__searchform{margin-top: 15px;}
 }

/* ======= ÀÌ¿ë¿ä±Ý¾È³» ¹è³Ê ======= */
 .banner-wrap.ban-DoubleEvent{width: 100%; height: 176px; background-color: #03022f; overflow: hidden;}
 .banner-wrap.ban-DoubleEvent .banner-titwrap{width: 100%; max-width: 1103px; height: 100%; margin: 0 auto; padding: 0 20px; color: #fff; font-size: 15px;    position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  line-height: 1.4; z-index: 1; box-sizing: border-box;}
 .banner-wrap.ban-DoubleEvent .banner-titwrap::after{content: ''; background-image: url("https://img.chamjal.com/images/ban-DoubleEvent_img01.png"); background-repeat: no-repeat;     width: 640px; height: 220px; display: block; position: absolute; right: 0; bottom: 0; z-index: -1;} 
 .banner-wrap.ban-DoubleEvent .banner-titwrap b{font-size: 30px;}
 .banner-wrap.ban-DoubleEvent .banner-titwrap b span{font-size: inherit;    background: linear-gradient(-45deg, #b298fa, #ffffff, #a2ffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
 .banner-wrap.ban-DoubleEvent .banner-titwrap p span{color: #9effff;}

 .banner-wrap.ban-Info{width: 100%; height: 340px; background-image: url("https://img.chamjal.com/images/ban-Info_img06.png"); position: relative; background-position: center;; overflow: hidden; }
 .banner-wrap.ban-Info .banner-inner{max-width: 1103px; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0 20px;}
 .banner-wrap.ban-Info .banner-titwrap{max-width: 1103px; height: 100%; color: #666; font-size: 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; line-height: 1.4; position: relative; width: 50%; }
 .banner-wrap.ban-Info .banner-titwrap b{color: #000; font-size: 30px;}
 .banner-wrap.ban-Info .banner-titwrap b span{color: #f7455d; font-size: inherit;}
 .banner-wrap.ban-Info .banner-titwrap::after{content: ''; background-image: url("https://img.chamjal.com/images/ban-Info_img01.png"); background-repeat: no-repeat; width: 70px; height: 68px; display: block; position: absolute; left: -20px; bottom: -34px; }
 .banner-wrap.ban-Info .banner-titwrap::before{content: ''; background-image: url("https://img.chamjal.com/images/ban-Info_img02.png"); background-repeat: no-repeat; width: 249px; height: 144px; display: block; position: absolute; left: 335px; top: -83px; }
 .banner-wrap.ban-Info ul{display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin-top: 10px;}
 .banner-wrap.ban-Info ul li{width: fit-content; height: 34px; padding: 0 15px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50px; }
 .banner-wrap.ban-Info ul li span{  background: linear-gradient(-56deg,  #bf6ce2, #f7455d); /* 45µµ 3»ö ±×¶óµ¥À̼Ç*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; /* ÀϺΠºê¶ó¿ìÀú¿ë */color: transparent; /* ¾ÈÀü¸Á */}
 .banner-wrap.ban-Info .img{width: 50%; height: 100%; display: flex; align-items: flex-end; position: relative; }
 .banner-wrap.ban-Info .img::after{content: ''; background-image: url("https://img.chamjal.com/images/ban-Info_img04.png"); background-repeat: no-repeat; width: 223px; height: 266px; display: block; position: absolute; right: -40px; bottom: 34px; }
 .banner-wrap.ban-Info .img::before{content: ''; background-image: url("https://img.chamjal.com/images/ban-Info_img03.png"); background-repeat: no-repeat; width: 90px; height: 123px; display: block; position: absolute; right: -120px; bottom: 80px; }

 @media (max-width: 991px) {
   .banner-wrap.ban-DoubleEvent{height: 226px; background: linear-gradient(to right, #040349, #05368F);}
   .banner-wrap.ban-DoubleEvent .banner-titwrap{display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: space-between; gap: 10px; }
   .banner-wrap.ban-DoubleEvent .banner-titwrap::after{ position: unset; width: 375px; height: 94px; background-size: contain; background-position: center; }
   .banner-wrap.ban-DoubleEvent .banner-titwrap b{font-size: 20px; padding-top: 30px;}

   .banner-wrap.ban-Info{height: 535px; background-size: cover; background-repeat: no-repeat; }
   .banner-wrap.ban-Info .banner-titwrap{display: flex; width: 100%; gap: 10px; text-align: center; align-items: center;}
   .banner-wrap.ban-Info .banner-titwrap b{font-size: 20px;}
   .banner-wrap.ban-Info .banner-titwrap::before{display: none;}
   .banner-wrap.ban-Info .banner-titwrap::after{left: -52px; bottom: -255px; }
   .banner-wrap.ban-Info .banner-inner{flex-direction: column; width: fit-content;}
   .banner-wrap.ban-Info ul{justify-content: center;}
   .banner-wrap.ban-Info .img{width: 100%; justify-content: center; height: 43%; }
   .banner-wrap.ban-Info .img img{height: 110%;}
   .banner-wrap.ban-Info .img::before{right: -46px; bottom: 139px; }
   .banner-wrap.ban-Info .img::after{display: none;}

 }




   /* ======  ÀÌ¿ë¿ä±Ý ¾È³» ======== */
   .content.ver-responsive {font-size: 15px; width: 100%; max-width: 1280px; box-sizing: border-box;}


   .content.ver-responsive .charge2 > div.price.v2{display: flex; align-items: center; flex-wrap: wrap; gap: 33px; }
   .content.ver-responsive div.price.v2{margin-bottom: 30px;}
   .content.ver-responsive .price.v2 .price__container{width: calc(25% - 25px); height: unset; /* max-height: 485px;*/ border-radius: 10px; border: 2px solid transparent; outline: 1px solid #eaeaea; box-shadow: none; }
   .content.ver-responsive .price.v2 .price__container .price__top{padding: 40px 30px;}
   .content.ver-responsive .price.v2 .price__month{padding: 0;}
   .content.ver-responsive .price.v2 .price__month b{font-size: inherit;}
   .content.ver-responsive .price.v2 .price__won{padding: 0; margin-top: 20px;}
   .content.ver-responsive .price.v2 .price__won .monthly{margin-top: 15px}
   
   .content.ver-responsive .price.v2 .price__container:hover,
   .content.ver-responsive .price.v2 .price__container.on{border: 2px solid transparent;  background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #f7455d 0%, #bf6ce2 100%); background-origin: border-box; background-clip: content-box, border-box;  outline: none; transform: none;}
   .content.ver-responsive .price.v2 .price__container .popular{width: 100%; height: 35px; border-radius: 10px 10px 0 0; padding: 0 4px 0 0; top: -17.5px;}
   .content.ver-responsive .price.v2 .price__container .price__info{height: 288px; padding: 20px 30px; border-top: 1px solid #eee; border-top: 1px solid #eee; display: flex; flex-direction: column; justify-content: space-between; }
   .content.ver-responsive .price.v2 .price__container .price__info ul{padding-left: 0; min-height: unset; display: flex; flex-direction: column; align-items: center; gap: 5px; }
   .content.ver-responsive .price.v2 .price__container .price__info ul li{color: #666; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cpath fill='%23F7455D' d='m4.60417 7.31258 6.22913-6.22917c.1516-.152773.3283-.229162.5302-.229162.2021 0 .3796.076389.5323.229162.1528.15278.2292.33042.2292.53292 0 .2025-.0737.37743-.221.52479L5.14583 8.91675c-.15152.15278-.32826.22917-.53021.22917-.20208 0-.37951-.07639-.53229-.22917L1.10417 5.93758C.951389 5.7848.875 5.60772.875 5.40633s.076389-.37847.22917-.53125c.15277-.15278.33104-.22917.53479-.22917.20361 0 .37951.07639.52771.22917l2.4375 2.4375Z'/%3E%3C/svg%3E");}
   .content.ver-responsive .price.v2 .price__container .price__info ul li.ai{padding-left: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none'%3E%3Cpath fill='%23F7455D' d='M13.5 16c0-3.3-2.7-6-6-6 3.3 0 6-2.7 6-6 0 3.3 2.7 6 6 6-3.3 0-6 2.7-6 6ZM4 7C4 5.075 2.425 3.5.5 3.5 2.425 3.5 4 1.925 4 0c0 1.925 1.575 3.5 3.5 3.5C5.575 3.5 4 5.075 4 7Zm3 12c0-1.375-1.125-2.5-2.5-2.5C5.875 16.5 7 15.375 7 14c0 1.375 1.125 2.5 2.5 2.5C8.125 16.5 7 17.625 7 19Z'/%3E%3C/svg%3E");}
   .content.ver-responsive .price.v2 .price__container .price__info ul li.color{color: #f7455d;}


   .content.ver-responsive .price.v2 .price__container .price__info .price__btn a{background-color: #fff; position: relative; margin-top: 0;}
   .content.ver-responsive .price.v2 .price__container .price__info .price__btn a .btn-grd {border: 0; border-radius: 5px; position: absolute; width: 100%; height: 50px; background-size: 300% 100%; transition: all .4s ease-in-out;  }
   .content.ver-responsive .price.v2 .price__container .price__info .price__btn a .ft-color {z-index: 1;}

   .content.ver-responsive .price.v2 .price__container:hover .price__info .price__btn a{border: 0;}
   .content.ver-responsive .price.v2 .price__container:hover .price__info .price__btn a .btn-grd {background-image: linear-gradient(to right, #F36F80, #F43E57, #F36F80, #F43E57); box-shadow: 2.5px 4.33px 20px 0px rgba(225, 43, 95, 0.3); background-position: 100% 0;}
   .content.ver-responsive .price.v2 .price__container:hover .price__info .price__btn a .ft-color {color: #fff;}
   .content.ver-responsive .price.v2 .price__container.on .price__info .price__btn a{border: 0;}
   .content.ver-responsive .price.v2 .price__container.on .price__info .price__btn a .btn-grd {background-image: linear-gradient(to right, #F36F80, #F43E57, #F36F80, #F43E57); box-shadow: 2.5px 4.33px 20px 0px rgba(225, 43, 95, 0.3); background-position: 100% 0;}
   .content.ver-responsive .price.v2 .price__container.on .price__info .price__btn a .ft-color {color: #fff;}

   .content.ver-responsive .price.v2 .price__container .price__info .price__btn a{width: 100%; height: 50px; line-height: normal; display: flex; align-items: center; justify-content: center; }
   .ico-download{width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23666' d='M8 11.4115c-.1205 0-.23267-.0192-.3365-.0577-.10383-.0384-.20258-.1044-.29625-.198l-3.1095-3.10955c-.14867-.14883-.22208-.32292-.22025-.52225.002-.19933.07542-.37658.22025-.53175.15517-.155.33333-.23508.5345-.24025.20133-.00517.37958.06983.53475.225L7.25 8.9V1.25c0-.21283.07183-.391.2155-.5345C7.609.571833 7.78717.5 8 .5c.21283 0 .391.071833.5345.2155.14367.1435.2155.32167.2155.5345V8.9l1.923-1.923c.1488-.14867.3254-.22208.5298-.22025.2045.002.3843.0805.5395.2355.1448.15517.2198.33083.2249.527.0052.19617-.0698.37183-.2249.527L8.63275 11.1558c-.09367.0936-.19242.1596-.29625.198-.10383.0385-.216.0577-.3365.0577ZM2.30775 15.5c-.50517 0-.93275-.175-1.28275-.525-.35-.35-.525-.7776-.525-1.2827v-1.9615c0-.2129.071833-.391.2155-.5346.1435-.1436.32167-.2154.5345-.2154.21283 0 .391.0718.5345.2154.14367.1436.2155.3217.2155.5346v1.9615c0 .0769.03208.1475.09625.2115.064.0641.1345.0962.2115.0962H13.6923c.0769 0 .1475-.0321.2115-.0962.0641-.064.0962-.1346.0962-.2115v-1.9615c0-.2129.0718-.391.2155-.5346.1435-.1436.3217-.2154.5345-.2154s.391.0718.5345.2154c.1437.1436.2155.3217.2155.5346v1.9615c0 .5051-.175.9327-.525 1.2827-.35.35-.7776.525-1.2827.525H2.30775Z'/%3E%3C/svg%3E");}
   .ico-phoneTalk{width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23666' d='M16.7857 8.73084c-.2008 0-.3786-.07184-.5334-.2155-.155-.14384-.2449-.322-.2696-.5345-.2166-1.61417-.8965-2.99267-2.0395-4.1355-1.1429-1.143-2.5214-1.82284-4.13545-2.0395-.2125-.025-.39067-.1125-.5345-.2625-.14367-.15-.2155-.33125-.2155-.543753 0-.212501.07433-.3905.223-.534.14867-.143667.32433-.202.527-.175 2.03585.2205 3.77145 1.048333 5.20675 2.483503 1.4352 1.43533 2.263 3.17091 2.4835 5.20675.027.2025-.0317.37816-.176.527-.1443.14866-.3231.223-.5363.223Zm-4.1375 0c-.163 0-.3072-.05575-.4327-.16725-.1257-.1115-.2199-.26025-.2828-.44625-.1526-.541-.4325-1.01825-.8395-1.43175-.407-.4135-.8809-.69325-1.42195-.83925-.186-.06284-.33475-.15692-.44625-.28225-.1115-.12534-.16725-.27575-.16725-.45125 0-.25084.08617-.45317.2585-.607.1725-.15384.36833-.20384.5875-.15.87565.20333 1.63015.62183 2.26355 1.2555.6333.6335 1.0551 1.39125 1.2654 2.27325.0539.21933-.0007.41516-.1637.5875-.163.1725-.3699.25875-.6208.25875Zm3.792 8.76926c-1.8845 0-3.7777-.4382-5.6797-1.3145-1.90183-.8763-3.64925-2.1125-5.24225-3.7085-1.59283-1.5962-2.82742-3.34368-3.70375-5.24251C.938167 5.33592.5 3.44434.5 1.55984c0-.30284.1-.55517.3-.757003.2-.201834.45-.30275.75-.30275h3.2615c.2525 0 .47525.082417.66825.24725.193.164667.31575.368163.36825.610503l.57325 2.94225c.03967.273.03133.50758-.025.70375-.0565.19616-.15783.36091-.304.49425l-2.3095 2.24825c.37167.68066.79633 1.32458 1.274 1.93175.4775.60701.9945 1.18671 1.551 1.73921.54867.5489 1.132 1.0585 1.75 1.529.618.4705 1.28533.9084 2.00205 1.3135l2.244-2.2635c.1565-.1628.346-.277.5685-.3425.2223-.0653.4534-.0813.6932-.048l2.7768.5655c.2525.0667.4585.1955.6182.3865.1597.191.2395.4077.2395.65v3.2423c0 .3-.1009.55-.3027.75-.2019.2-.4542.3-.7571.3ZM3.073 6.32709l1.78475-1.70775c.032-.02567.05283-.06092.0625-.10575.00967-.04484.00808-.0865-.00475-.125l-.43475-2.23475c-.01283-.05117-.03525-.08959-.06725-.11525-.032-.02567-.07367-.0385-.125-.0385H2.15c-.0385 0-.07058.01283-.09625.0385-.0255.02566-.03825.05775-.03825.09625.05117.68333.163 1.3775.3355 2.0825.17233.70516.413 1.40841.722 2.10975Zm8.7 8.64221c.6628.309 1.3542.5453 2.074.7088.72.1633 1.3927.2604 2.0182.2912.0385 0 .0706-.0128.0963-.0385.0257-.0256.0385-.0577.0385-.0962v-2.1038c0-.0513-.0128-.093-.0385-.125s-.0641-.0544-.1153-.0672l-2.1-.427c-.0385-.0128-.0721-.0144-.1009-.0048-.0289.0097-.0594.0305-.0915.0625l-1.7808 1.8Z'/%3E%3C/svg%3E");}

   .content.ver-responsive .charge__info li{font-size: 15px; line-height: 2; color: #666; padding: 0; list-style: none; }
   .content.ver-responsive .charge__info li::marker{content: none} 
   .content.ver-responsive .charge__info li button{color: #000; text-decoration: underline;}

   .charge2__bg{background-color: #fdf6f7;}
   .content.ver-responsive .print{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding-top: 60px; }
   .content.ver-responsive .print__title{font-size: 15px; color: #000; margin-bottom: 15px;}
   .content.ver-responsive .print__list{font-size: 15px; color: #666; line-height: 2;}
   .content.ver-responsive .print_btn-wrap{display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
   .content.ver-responsive .print__btn{position: unset; width: 310px; font-size: 15px; position: unset; background-color: #ffedef; border: 0; color: #666 !important; display: flex; align-items: center; justify-content: space-between; padding: 20px; box-sizing: border-box; border-radius: 10px;}
   .content.ver-responsive .print__btn:hover{text-decoration: none; background-color: #f2e1e3;}
   .content.ver-responsive .print__btn:after{ content: none; }

   .content.ver-responsive .charge2{padding: 80px 0;}
   .content.ver-responsive .charge__title{font-size: 30px; line-height: normal; margin-bottom: 20px; }
   .content.ver-responsive .charge__text{color: #666; padding-bottom: 20px;}

   .content.ver-responsive .membershipBenefits{display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 35px; column-gap: 30px; padding-top: 15px;}
   .content.ver-responsive .membershipBenefits li{width: calc(33.333% - 20px); max-width: 370px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; color: #666; line-height: 1.4; }
   .content.ver-responsive .membershipBenefits li img{border-radius: 10px; width: 100%;}
   .content.ver-responsive .membershipBenefits li strong{margin-bottom: -10px; color: #000; font-size: 18px; line-height: normal; }


   /* ¸®½ºÆ® */
   .content .category + .section .section__list{padding-top: 0;}
   .content .section__list .noData {clear:both;padding-top:59px;padding-bottom:76px;text-align:center;font-weight:bold;color:#000;border-top:solid 1px #e4e4e4;}
   .content .section__list .list__item:nth-child(5n) {margin-right:0;}
   .section__list .list__thumb a.molink{display: none !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

   .section__list .list__thumb .free {width:44px;height:42px;background:url("https://www.chamjal.com/images/free2.png") no-repeat 0 50%;position:absolute;top:-1px;right:-1px;z-index:0;}
   .section__list .list__thumb .valign {display:table-cell;width:158px;height:218px;vertical-align:middle;text-align:center; }
   .section__list .list__thumb img {max-width:158px;max-height:218px;}
   .section__list .list__thumb .mouse-over {width:178px;height:238px; background:rgba(0, 0, 0, 0.6);}
   .content .section__list .list__title {height:40px;margin:7px 0 0 3px;font-size:13px;color:#444;line-height: var(--gap-narrow);overflow:hidden; text-align: left;}
   .content .section__list .list__title input{width: 17px; height: 17px; vertical-align: text-top;}
   .content .section__list .list__title--date{display: block; font-size: 13px; color: #b9b9b9; }
   .content .section__list .list__title a{vertical-align: top; line-height: var(--gap-narrow); color: #666;}
   .content .section__list .list__title img {margin:-2px 0 0 5px; vertical-align:middle;}
   .content .section__list.con_tab{display:none;}

   .content .section__list{width: 100% !important; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 30px; padding-top: 15px;}
   .section__list .list__thumb{width: unset; height: unset; border-radius:10px; background-color: rgb(255, 255, 255); /* box-shadow: 3.536px 3.536px 10px 2px rgba(0, 0, 0, 0.13); border: 0; */ overflow: hidden; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
   .section__list .list__thumb .valign{display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; display: flex; align-items: center; justify-content: center; }
   .section__list .list__thumb img{width: 100%; max-width: 100%; max-height: 100%; object-fit: contain;}
   .content .section__list .list__title{height: 43px; font-size: var(--size-medium);margin: 15px 0 0 3px;}

    .list__thumb .mouse-over{width: 100%; height: 100%;}
    .list__thumb .mouse-over .valign { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: fit-content; height: auto; position: absolute; top: 20px; right: 20px; z-index: 1;}
    .list__thumb .mouse-over .valign > a img{width: 30px; height: 30px; z-index: 1; object-fit: contain;}
    .list__thumb .mouse-over .valign span.btn-download{width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M480-350.08q-6.46 0-11.92-2.11-5.46-2.12-10.7-7.35L352.62-464.31q-5.85-5.84-6.12-13.77-.27-7.92 6.12-14.54 6.61-6.61 14.26-6.73 7.66-.11 14.27 6.5L460-414v-326q0-8.54 5.73-14.27T480-760q8.54 0 14.27 5.73T500-740v326l78.85-78.85q5.84-5.84 13.88-6.11 8.04-.27 14.65 6.34 6.39 6.62 6.5 14.16.12 7.54-6.5 14.15L502.62-359.54q-5.24 5.23-10.7 7.35-5.46 2.11-11.92 2.11ZM264.62-200q-27.62 0-46.12-18.5Q200-237 200-264.62v-76.92q0-8.54 5.73-14.27t14.27-5.73q8.54 0 14.27 5.73t5.73 14.27v76.92q0 9.24 7.69 16.93 7.69 7.69 16.93 7.69h430.76q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-76.92q0-8.54 5.73-14.27t14.27-5.73q8.54 0 14.27 5.73t5.73 14.27v76.92q0 27.62-18.5 46.12Q723-200 695.38-200H264.62Z'/%3E%3C/svg%3E"); z-index: 1; background-size: contain;}
    .list__thumb .mouse-over .valign > button.btn-favorite::after{width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23000' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Zm0-54.15q96-86.77 158-148.65 62-61.89 98-107.39t50-80.61q14-35.12 14-69.35 0-60-40-100t-100-40q-47.77 0-88.15 27.27-40.39 27.27-72.31 82.11h-39.08q-32.69-55.61-72.69-82.5Q347.77-774 300-774q-59.23 0-99.62 40Q160-694 160-634q0 34.23 14 69.35 14 35.11 50 80.61t98 107q62 61.5 158 149.04Zm0-273Z'%3E%3C/path%3E%3C/svg%3E");}
    .list__thumb .mouse-over .valign > button.btn-favorite:hover::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23FF5757' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Zm0-54.15q96-86.77 158-148.65 62-61.89 98-107.39t50-80.61q14-35.12 14-69.35 0-60-40-100t-100-40q-47.77 0-88.15 27.27-40.39 27.27-72.31 82.11h-39.08q-32.69-55.61-72.69-82.5Q347.77-774 300-774q-59.23 0-99.62 40Q160-694 160-634q0 34.23 14 69.35 14 35.11 50 80.61t98 107q62 61.5 158 149.04Zm0-273Z'%3E%3C/path%3E%3C/svg%3E");}
    .list__thumb .mouse-over .valign > button.btn-favorite.on::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23FF5757' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Z'%3E%3C/path%3E%3C/svg%3E");}
    .list__thumb .mouse-over .valign > a,
    .list__thumb .mouse-over .valign > button{width: 40px !important; height: 40px !important; position: relative;display: flex !important; align-items: center; justify-content: center; margin:0; padding: 0; top: 0; right: 0;}
    .list__thumb .mouse-over .valign > a:hover,
    .list__thumb .mouse-over .valign > button:hover{text-decoration: none;}
    .list__thumb .mouse-over .valign > a::before,
    .list__thumb .mouse-over .valign > button::before{content:""; display:block; width: 40px; height: 40px; border-radius: 5px;opacity: 0.6; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .list__thumb .mouse-over .valign > a:hover::before,
    .list__thumb .mouse-over .valign > button:hover::before{opacity: 1;}
       
    .list__thumb .mouse-over .valign > a .bubble,
    .list__thumb .mouse-over .valign > button .bubble{top: 50%; left: 50%; transform: translate(-150%, -50%); border-radius: 5px; background-color: #fff; min-width: 80px; height: 40px; color: #666; line-height: 40px; font-size: 13px; box-sizing: border-box;}
       
    .list__thumb .mouse-over .valign > a .bubble::before,
    .list__thumb .mouse-over .valign > button .bubble::before{right: 1px; left: unset; bottom: 9px; background-color: #fff; width: 14px; height: 14px;}

    .list__thumb .mouse-over .valign > a:hover .bubble,
    .list__thumb .mouse-over .valign > button:hover .bubble{display: none;}

    .list__thumb .mouse-over .valign ~ a{position: absolute; width: 100% !important; height: 100% !important; left: 0;}
    
  /* üũ¹Ú½º */
  .list__title:has(label){display: flex; gap: 5px; justify-content: flex-start; align-items: flex-start; text-align: left;}
  .list__title label input[type="checkbox"] { position: absolute; visibility: hidden; }
  .list__title label {min-width: 22px; user-select: none; padding: 1px 0px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease; display: flex; justify-content: flex-start; align-items: center; gap: 6px; font-size: 15px; color: var(--color-Cont);}
  .list__title label i {box-sizing: border-box; position: relative; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 4px; transform: scale(1); border: 1px solid #c2c2c2; transition: all 0.3s ease; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17L4.5 12' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 7L9.5 17' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: 1px 2px;}
  .list__title label:hover i{border-color: var(--color-main);}
  .list__title label input[type="checkbox"]:checked + i { background: var(--color-main);; border-color: var(--color-main);; animation: zoom-in-out 0.3s ease; box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.55); }
  .list__title label input[type="checkbox"]:checked + i { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17L4.5 12' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 7L9.5 17' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: center;}
  .list__title label + a{text-align: left; padding-top: 1px;}



   /* ±âº» - 1280px ±âÁØ */
   .content .section__list.item5 .list__item{max-width: calc(20% - 24px); width: 100%;}
   .content .title span.num{color: #f5909d;}


   @media (min-width: 1600px) {
      .list__thumb{width: 230px; height: 325px;}
   }


   @media (max-width: 1280px){
     .content.ver-responsive {padding: 0 20px;}
     .content.ver-responsive .price.v2 .price__container{width: calc(50% - 17px);}
   }

   @media (max-width: 1024px){
       .content .section__list.item5 .list__item{max-width: calc(33.333% - 20px);}
   }


   @media (max-width: 768px) {
     .content.ver-responsive .charge__title{font-size: 20px;}
     .content.ver-responsive .charge2 > div.price.v2{margin-top: 0;}
     .charge__text{padding-bottom: 30px;}
     .content.ver-responsive .charge2{padding: 50px 0;}
     
     .content.ver-responsive .print{gap: 30px;}
     .content.ver-responsive .print > div{width: 100%;}
     .content.ver-responsive .print_btn-wrap{gap: 10px;}
     .content.ver-responsive .print__btn{width: 100%; }

     .content.ver-responsive .membershipBenefits li{width: 100%; max-width: 100%; }

     .content.ver-responsive .price.v2 .price__container{width: 100%;}
     
     .content .section__list{gap: 30px 10px !important;}
     .content .section__list.item5 .list__item { width: calc(50% - 5px) !important; max-width: 100% !important; } 
     .content .section__list.item6 .list__item { width: calc(50% - 5px) !important; max-width: 100% !important; } 

      .list__thumb a.molink{display: block !important;}
      .list__thumb .mouse-over .valign{display: none !important;}
   
   }

  /* °áÁ¦Ç챉  */
  .content.ver-responsive_settle{padding: 0px 0 80px; width: 100%; max-width: 1280px; box-sizing: border-box;}
  .content.ver-responsive_settle .charge2 > div.price.v2{display: flex; align-items: center; flex-wrap: wrap; gap: 33px; margin-top: 15px;}
  .content.ver-responsive_settle .charge2 > div.price.v2.clearfix:after{content: none;}
  .content.ver-responsive_settle .pay__title{padding-top: 80px; font-size: 30px; font-weight: 600; color: #000; padding-bottom: 20px;}
  .content.ver-responsive_settle .price.v2 .pay__container{width: calc(25% - 25px); height: unset; max-height: 485px;}
  .content.ver-responsive_settle .price.v2 .pay__container .price__top{padding: 40px 30px;}
  .content.ver-responsive_settle .price.v2 .price__month{padding: 40px 30px 0;}
  .content.ver-responsive_settle .price.v2 .price__month b{font-size: inherit;}
  .content.ver-responsive_settle .price.v2 .price__won{padding: 0 0 40px 0; margin-top: 20px;}
  .content.ver-responsive_settle .price.v2 .price__won .monthly{margin-top: 15px}

  .content.ver-responsive_settle .payPage .price.v2 .price__container{margin: 0;    height: 435px; float: unset; box-shadow: none; }
  .payPage .pay__container .radio{display: none;}


  .content.ver-responsive_settle .price.v2 .pay__container .price__container{border-radius: 10px; border: 2px solid transparent; outline: 1px solid #eaeaea; box-shadow: none; box-sizing: border-box;}
  .content.ver-responsive_settle .pay__container input:checked + label + .price__container,
  .content.ver-responsive_settle .price.v2 .pay__container:hover .price__container,
  .content.ver-responsive_settle .price.v2 .pay__container.on .price__container{border: 2px solid transparent;  background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #f7455d 0%, #bf6ce2 100%); background-origin: border-box; background-clip: content-box, border-box;  outline: none; transform: none;}
  .content.ver-responsive_settle .price.v2 .pay__container .popular{width: 100%; height: 35px; border-radius: 10px 10px 0 0; padding: 0 4px 0 0; top: -17.5px;}
  .content.ver-responsive_settle .price.v2 .pay__container .price__info{height: 238px; padding: 20px 30px; border-top: 1px solid #eee; border-top: 1px solid #eee; display: flex; flex-direction: column; justify-content: space-between; }
  .content.ver-responsive_settle .price.v2 .pay__container .price__info ul{padding-left: 0; min-height: unset; display: flex; flex-direction: column; align-items: center; gap: 5px; }
  .content.ver-responsive_settle .price.v2 .pay__container .price__info ul li{color: #666; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cpath fill='%23F7455D' d='m4.60417 7.31258 6.22913-6.22917c.1516-.152773.3283-.229162.5302-.229162.2021 0 .3796.076389.5323.229162.1528.15278.2292.33042.2292.53292 0 .2025-.0737.37743-.221.52479L5.14583 8.91675c-.15152.15278-.32826.22917-.53021.22917-.20208 0-.37951-.07639-.53229-.22917L1.10417 5.93758C.951389 5.7848.875 5.60772.875 5.40633s.076389-.37847.22917-.53125c.15277-.15278.33104-.22917.53479-.22917.20361 0 .37951.07639.52771.22917l2.4375 2.4375Z'/%3E%3C/svg%3E");}
  .content.ver-responsive_settle .price.v2 .pay__container .price__info ul li.ai{padding-left: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none'%3E%3Cpath fill='%23F7455D' d='M13.5 16c0-3.3-2.7-6-6-6 3.3 0 6-2.7 6-6 0 3.3 2.7 6 6 6-3.3 0-6 2.7-6 6ZM4 7C4 5.075 2.425 3.5.5 3.5 2.425 3.5 4 1.925 4 0c0 1.925 1.575 3.5 3.5 3.5C5.575 3.5 4 5.075 4 7Zm3 12c0-1.375-1.125-2.5-2.5-2.5C5.875 16.5 7 15.375 7 14c0 1.375 1.125 2.5 2.5 2.5C8.125 16.5 7 17.625 7 19Z'/%3E%3C/svg%3E");}
  .content.ver-responsive_settle .price.v2 .pay__container .price__info ul li.color{color: #f7455d;}
  .content.ver-responsive_settle .price.v2 .pay__container:hover .price__info .price__btn a,
  .content.ver-responsive_settle .price.v2 .pay__container.on .price__info .price__btn a{border: 1px solid #f7455d; background: #f7455d; color: #fff;}
  .content.ver-responsive_settle .price.v2 .pay__container .price__info .price__btn a{width: 100%; height: 50px; line-height: normal; display: flex; align-items: center; justify-content: center; }


  .content.ver-responsive_settle .charge__info li{font-size: 15px; line-height: 2; color: #666; padding: 0; list-style: none; }
  .content.ver-responsive_settle .charge__info li::marker{content: none} 
  .content.ver-responsive_settle .charge__info li button{color: #000; text-decoration: underline;}
  
  .content.ver-responsive_settle .sett-container{margin-top: 15px;}

  @media (max-width: 1280px){
    .content.ver-responsive_settle{padding-left: 20px; padding-right: 20px;}
    .content.ver-responsive_settle .price.v2 .pay__container{width: calc(50% - 17px);}
  }

  @media (max-width: 1024px){
    .content.ver-responsive_settle .price.v2 .pay__container{width: 100%;}
  }

  

  /* °áÁ¦¹æ¹ý ¼±Åà */
  @media (max-width: 768px) {
    .visual__pay{ display: none;}
    .content.ver-responsive_settle{padding-top: 0;}
    .content.ver-responsive_settle .pay__title{padding-top: 50px;}
    .content.ver-responsive_settle .pay__title:not(:first-of-type){ font-size: 18px; border-bottom: 1px solid #7f7f7f; padding: 20px 0; margin-bottom: 25px; text-align: left; margin-top: 30px;}
    .content.ver-responsive_settle .sett-container{letter-spacing: 0; margin: 0; border-radius: 0; border: 0; }
    .content.ver-responsive_settle .sett-container .sett-list{display: block; position: relative;}
    .content.ver-responsive_settle .sett-container .sett-list br{display: none;}
    .content.ver-responsive_settle .sett-container .sett-list li{width: 100%; border: 0; margin-top: 10px;}
    .content.ver-responsive_settle .sett-container .sett-list li:first-child{margin-top: 0px;}
    .content.ver-responsive_settle .sett-container .sett-list li:last-child{display: none;}
    .content.ver-responsive_settle .sett-container .sett-list li label[for="credit_kcp"] {display: none;}
    .content.ver-responsive_settle .sett-container .sett-list li #pgtype_smilepay{display: none;}
    .content.ver-responsive_settle .sett-container .sett-list li:nth-child(3){position: absolute; top: -10px; right: 0; width: calc(50% - 5px); }
    .content.ver-responsive_settle .sett-container .sett-list li:nth-child(3) > div,
    .content.ver-responsive_settle .sett-container .sett-list li:nth-child(3) > div label{width: 100%;}

    .content.ver-responsive_settle .sett-container .sett-list li:last-child > div > div{width: calc(50% - 5px);}
    .content.ver-responsive_settle .sett-container .sett-list li:last-child > div > div  input[type=radio]:not(old) + label{width: 100%;}
    .content.ver-responsive_settle .sett-container .sett-list li p{display: none;}
    .content.ver-responsive_settle .sett-container .sett-list li div { width: 100%; padding-top: 0; padding-left: 0; padding-bottom: 0; display: flex ; flex-wrap: wrap; gap: 10px;}
    .content.ver-responsive_settle .sett-container input[type=radio]:not(old){display: none;}
    .content.ver-responsive_settle .sett-container input[type=radio]:not(old) + label{width: 100%; border-radius: 5px; display: flex ; align-items: center; gap: 5px; justify-content: center; color: #999; border: 1px solid #ebebeb; max-width: 185px; height: 50px; color: #000; background: rgb(246, 246, 246); margin: 0; text-align: center; padding: 0;        box-sizing: border-box; width: calc(50% - 5px); max-width: 100%; }
    .content.ver-responsive_settle .sett-container input[type=radio]:not(old) + label:hover,
    .content.ver-responsive_settle .sett-container .sett-list li input[type=radio]:checked + label{border-radius: 7px; border: 2px solid transparent; background-origin: border-box; background-clip: content-box, border-box; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #3893f1, #3893f1, #0472e3, #0472e3); box-shadow: 2.5px 4.33px 10px 0px rgba(4, 114, 227, 0.1); color: var(--color-main); font-weight: var(--weight-bold); }
    .content.ver-responsive_settle .sett-type-info{display: none;}
    .content.ver-responsive_settle #m_settle_list .agree{padding: 0;}
    .content.ver-responsive_settle #m_settle_list .sett-container .sett-list li:last-child{display: block;}


    .content.ver-responsive_settle .settle-amount--wrap{width: 100%;}
    .content.ver-responsive_settle .settle-amount--wrap > div{position: sticky; top: 131px;}
    .content.ver-responsive_settle .settle-amount--wrap .content-tit  { font-size: 18px; border-bottom: 1px solid #7f7f7f; padding: 20px 0; margin-bottom: 25px;    font-weight: 600; color: #000; margin-top: 30px;}

    .content.ver-responsive_settle .settle-amount--wrap .amount-detail{display: flex; flex-direction: column; gap: 15px; }
    .content.ver-responsive_settle .settle-amount--wrap .amount-detail li{    display: flex; justify-content: space-between; align-items: center; }
    .content.ver-responsive_settle .settle-amount--wrap .amount-total{border-top: var(--border-default); margin-top: 30px; padding-top: 30px; display: flex; justify-content: space-between; align-items: flex-end; }
    .content.ver-responsive_settle .settle-amount--wrap .amount-detail li#num_employees{display: none;}
    .content.ver-responsive_settle .settle-amount--wrap .amount-total b{font-size: 18px; font-weight: var(--weight-bold);}
    .content.ver-responsive_settle .settle-amount--wrap .amount-info{text-align: left; padding: 30px 0; font-size: 14px; color: var(--color-Cont); line-height: 1.5; border-bottom: 1px solid #7f7f7f;}
    .content.ver-responsive_settle .settle-amount--wrap .amount-info li{font-weight: var(--weight-medium); font-size: 14px;}

    .content.ver-responsive_settle .settle-amount--wrap .amount-info li.btn-down{text-align: center;}
    .content.ver-responsive_settle .settle-amount--wrap .amount-info li.btn-down::marker{content: none !important;}
    .content.ver-responsive_settle .settle-amount--wrap .amount-monthly{padding-top: 30px; text-align: left; display: none;}
    .content.ver-responsive_settle .settle-amount--wrap .amount-monthly span.ft-red{font-size: inherit; color: var(--color-red);}
    .content.ver-responsive_settle .settle-amount--wrap .amount-monthly p{line-height: var(--gap-narrow); font-size: 12px; font-weight: var(--weight-medium);color: var(--color-Cont);}
    .content.ver-responsive_settle .settle-amount--wrap .amount-monthly b{font-weight: var(--weight-bold) !important;}
    .content.ver-responsive_settle .settle-amount--wrap .download {margin-top: 10px; display: inline-block; padding: 4px 37px 4px 20px; border-radius: 30px; border: 1px solid #c2c2c2; font-weight: var(--weight-bold); color: #000; background: url(//imgs.yesform.com/z_n/imgs/2018/member/estimate_icon.png) no-repeat 90% 52%; transition: var(--transition-03); list-style-type:none; line-height: 30px;}
    .content.ver-responsive_settle .settle-amount--wrap .download:hover { background-color: #F3F3F3; }
    .btn-member--grd.chamjal{width: 100%;}
    .settle_event{box-shadow: 2.5px 4.33px 20px 0px rgba(77, 77, 77, 0.15); display: block; border-radius: 10px; }
    /* .settle_event{display: none;}  */


  }

  /* ÇнÀº¸°üÇÔ */
  .content:has(.leftWrap){ display: flex; align-items: flex-start; justify-content: space-between; gap: 36px; }
  .content:has(.leftWrap) > form{width: 1024px;}
  .content:has(.leftWrap):after,
  .content:has(.leftWrap) .leftWrap .listTop:after,
  .content:has(.leftWrap) .leftWrap .section:after{display: none;}
  .content:has(.leftWrap) .leftWrap{ width: 1042px; display: flex; flex-direction: column; justify-content: flex-start; /*gap: 20px;*/}
  .content:has(.leftWrap) .leftWrap .listTop{padding: 0; display: flex; justify-content: space-between; align-items: center; }
  /* .content:has(.leftWrap) .leftWrap .listTop .listTitle{    display: flex; align-items: center; justify-content: flex-start; gap: 8px; font-size: 18px; font-weight: 500; color: #000; }
  .content:has(.leftWrap) .leftWrap .listTop .btn  { float: unset; display: flex; align-items: center; gap: 10px; }
  .content:has(.leftWrap) .leftWrap .listTop .btn li { float: unset; margin-right: 0; position: relative; }
  .content:has(.leftWrap) .leftWrap .listTop .listTop__btn{    min-width: auto; padding: 0 18px; }
  .content:has(.leftWrap) .leftWrap .listTop .listTop__btn--print{border: 1px solid #fbd3d9; background: #fdf6f7; color: #F7455D; padding: 0 18px !important; gap: 8px;}
  .content:has(.leftWrap) .leftWrap .listTop .listTop__btn--print .ico-Print{width: 15px; height: 14px; background-image: url("https://img.chamjal.com/images/ico-print.png"); background-repeat: no-repeat; }
  .content:has(.leftWrap) .leftWrap .listTop .listTop__btn--print:hover{background: #faeaec;}
  .content:has(.leftWrap) .leftWrap .listTop .listTop__btn--print::after{content: none;} */

  .listTop .listTitle{    display: flex; align-items: center; justify-content: flex-start; gap: 8px; font-size: 18px; font-weight: 500; color: #000; }
  .listTop .btn  { float: unset; display: flex; align-items: center; gap: 10px; }
  .listTop .btn li { float: unset; margin-right: 0; position: relative; }
  .listTop .listTop__btn{    min-width: auto; padding: 0 20px; }
  .listTop .listTop__btn:has(.gicon) { padding-left: 15px !important; }
  .listTop .listTop__btn--print{border: 1px solid #fbd3d9; background: #fdf6f7; color: #F7455D; gap: 5px;}
  .listTop .listTop__btn--print .ico-Print{width: 15px; height: 14px; background-image: url("https://img.chamjal.com/images/ico-print.png"); background-repeat: no-repeat; }
  .listTop .listTop__btn--print:hover{background: #faeaec;}
  .listTop .listTop__btn--print::after{content: none;}
  .listTop select{margin-left: 10px;}

  .content:has(.leftWrap) .leftWrap .section__list{    gap: 40.67px;}
  .content:has(.leftWrap) .leftWrap .section__list .list__item{width: 230px;}
  .content:has(.leftWrap) .rightWrap{min-width: 202px; width: 202px; height: auto; top: 0; padding-top: 0; margin-top: 35px;}
  .content:has(.leftWrap) .rightWrap .filter > div,
  .content:has(.leftWrap) .rightWrap .filter > div:not(.filter__top){padding: 25px 0;}
  .content:has(.leftWrap) .filter .filter__title{width: unset; text-align: left; font-size: 16px; font-weight: 600; line-height: normal; }
  .content:has(.leftWrap) .filter .filter__order label{width: 100%;}
  .content:has(.leftWrap) .filter .filter__number {gap: 10px;}
  .content:has(.leftWrap) .filter .filter__number label{width: calc(50% - 5px); max-width: 65px; box-sizing: border-box;}
  .searchNotfound .search_infoBox.ccenter{text-align: center;}

  .content:has(.leftWrap).ver-responsive .leftWrap{gap: 20px;}

  /* ¸ð¾ÆÀμ⠷¹À̾ƿô */
  #emSortLayer{overflow: unset; height: auto; width: auto !important; padding: 0 !important; }
  .printLayer .popCon{margin-top: 0; transform: unset; position: unset !important; }
  .printLayer .popCon dl{display: flex ; flex-direction: column; align-items: flex-start; }
  .printLayer .popCon .btn_area{display: flex;}
  .printLayer .popCon .btn_area a{box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; font-size: 15px; line-height: normal; }

  /* == ÇÊÅÍ == */
  .filter__top .btn-reset:hover{border-color: #F7455D;}

  .moreView { position: relative; margin-top: 30px; margin-bottom: 50px; text-align: center; } 
  .moreView .moreView-btn.ty-gray { border: 1px solid #c2c2c2; color: #666; }
  .moreView .moreView-btn.ty-gray:hover  { background-color: #f3f3f3; }
  .moreView-btn { display: block; width: 140px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 20px; border: 1px solid #0472e3; font-size: 14px; font-weight: var(--weight-medium); color: #0472e3; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0 30px;} 
  .moreView-btn:hover { background-color: #0472e3; color: #fff; } 
  .moreView-paging { position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
  .moreView-paging .active { display: inline-block; width: 50px; height: 35px; margin-right: 7px; border-radius: 5px; background-color: #f0f0f0; } 
  .moreView-paging .active input { max-width: 50px; height: 100%; border: 0; outline: 0; background-color: transparent; text-align: center; color: #000; font-weight: var(--size-medium); } 
  .moreView-paging .all { margin-left: 7px; font-size: var(--size-small); color: #424242; } 
  .moreView-paging button { display: inline-block; width: 10px; height: 10px; font-size: 0; background: url("https://imgs.yesform.com/z_n/imgs/2022/search/arr_dark.png") no-repeat center center; } 
  .moreView-paging button.prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); margin-right: 18px; } 
  .moreView-paging button.next { margin-left: 18px; } 

  @media (max-width: 768px){
      .moreView { margin-top: 14px; margin-bottom: 30px; } 
      .moreView-btn { display: inline-block; /* width: auto; height: auto; */ padding: 0px 25px !important; line-height: 40px !important;} 
      .moreView-paging { display: none; } 
  }


:root {--color-main: #f7455d; }

/* °¡ÀÔ ¿Ï·á */
.join_formArea.complete{width: 100%; max-width:980px; margin: 0 auto 65px;}
.join_formArea.complete h2{font-size: var(--size-3x-large); line-height: var(--gap-narrow); font-weight: var(--weight-medium); text-align: center; margin-top: 65px;  margin-bottom: 0;}
.join_formArea.complete h2 .underline{border: 0; position: relative; font-size: inherit;}
.join_formArea.complete h2 .underline::after{content: ''; display: block; width: 100%; height: 2.5px; background-color: #000; position: absolute; bottom: 0px; left: 0; }
.join_formArea.complete .sub_txt{font-size: var(--size-medium); color: var(--color-Cont); text-align: center; margin-top: 15px;}
.join_formArea.complete ul.benefit{width: 100%; max-width: 482px; padding: 45px 40px; margin: 50px auto 0; border-radius: 10px; border: 1px solid #eaeaea; background: #f8f8f8; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; }
.join_formArea.complete ul.benefit li{position:relative; color:var(--color-Cont);}
.join_formArea.complete ul.benefit li p{display:inline-block;padding-left:35px;} 
.join_formArea.complete ul.benefit .num{position:absolute;top:1px;left:0;display:inline-block;width:23px;height:23px;border-radius:23px;font-size:15px;line-height:23px;font-weight: var(--weight-bold); text-align:center;color:#fff;}
.join_formArea.complete ul.benefit .txt{font-size:18px; line-height: var(--gap-narrow);font-weight: var(--weight-bold); color:#000;}
.join_formArea.complete ul.benefit .txt span{font-size: inherit;}
.join_formArea.complete ul.benefit .sub{font-size: var(--size-medium); color: var(--color-Cont); margin-top: 5px;}
.join_formArea.complete .btn_area{max-width: 482px; display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 50px auto 0;}
.join_formArea.complete .btn_area button, 
.join_formArea.complete .btn_area a{margin: 0; width: 100%; height: 70px; font-size: var(--size-x-large); font-weight: var(--weight-bold);}
.join_formArea.complete .btn_area button *, 
.join_formArea.complete .btn_area a *{font-size: inherit; font-weight: inherit;}
.join_formArea.complete .btn_area a:hover{text-decoration: none;}
.join_formArea.complete .btn_area .reg_btn{background:var(--color-main);}

  @media (max-width: 768px){
   .join_formArea.complete{padding: 0 20px; box-sizing: border-box;} 
  }

/* »ó¼¼ÆäÀÌÁö - ³»¿ë + FAQ + È°¿ë ÆÁ ÀÇ ·¹À̾ƿôÃß°¡ */
.preview_top.ver2 .preview_info .preview_category{margin-bottom: 15px; display: flex; align-items: center; justify-content: flex-start; gap: 5px; width: 100%; color: #666;}
.preview_top.ver2 .preview_info .preview_category a{text-decoration: none;}
.preview_top.ver2 .preview_info .preview_category ~ .preview_title{padding: 0; margin-bottom: 15px;}
.preview_top.ver2 .preview_info .preview_category ~ .info_text{padding: 0; border: 0; }
.preview_top.ver2 .preview_info .preview_details{margin-top: 15px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #EAEAEA; display: flex; align-items: center; justify-content: flex-start; gap: 30px; }
.preview_top.ver2 .preview_info .preview_details > div{display: flex; align-items: center; justify-content: flex-start; gap: 5px; color: #666; }
.preview_top.ver2 .preview_info .preview_details > div .gicon{width: 20px; height: 20px; color: #929292;}
.preview_top.ver2 .preview_info .info_tip{ display: flex; flex-direction: column; align-items: flex-start; gap: 5px; margin-top: 15px;}
.preview_top.ver2 .preview_info .info_tip > p{ color: #000; font-weight: 600; }
.preview_top.ver2 .preview_info .info_tip ul li {position: relative; padding-left: 20px; color: #666;}
.preview_top.ver2 .preview_info .info_tip ul li::before { content: "¡¤"; position: absolute; left: 5px; top: 0; }
.preview_top.ver2 .preview_info .info_quiz{display: flex; flex-direction: column; align-items: flex-start; gap: 5px; background-color: #F6F6F6; padding: 20px; margin-top: 15px; border-radius: 10px;}
.preview_top.ver2 .preview_info .info_quiz > p{ display: flex; align-items: center; justify-content: flex-start; gap: 5px; font-weight: 600;}
.preview_top.ver2 .preview_info .info_quiz > p img{width: 20px; height: 20px; }
.preview_top.ver2 .preview_info .info_quiz ul{display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 5px;}
.preview_top.ver2 .preview_info .info_quiz li div{color: #000; font-weight: 600;}
.preview_top.ver2 .preview_info .info_quiz li p{ color: #666;}
.preview_top.ver2 .preview_info .preview_category ~ .btn_wrap{border-top: 1px solid #EAEAEA; margin-top: 25px; padding-top: 25px;}