@charset "UTF-8";
/*
	author:		simhn1210@cj.net
	date:		2019-07;
	comment:	서프라이즈 위크
 */

/*  surprise */
html {overflow-x:hidden;}
.surpriseweek {color:#1d1d1d !important;margin: 0 auto;width: 1280px; }
.surpriseweek .blind {display:inline-block;position:absolute !important;z-index: -10 !important;height:0 !important;overflow:hidden !important;opacity: 0 !important;font-size:0;line-height:normal;word-break:break-all;}
.surpriseweek .btn-area {margin:0 auto;}
.surpriseweek .btn-area button {width:630px;height:90px;color:#fff;font-size:28px;border-radius:50px;background-color:#1f1f1f;line-height: 90px;}
	
/* .surpriseweek .visual .thanks_deco_light {position: absolute; bottom: 188px; right:-317px; z-index: 10;}
.surpriseweek .visual .thanks_deco_emptied{position: absolute; bottom: 188px; right:-317px; z-index: 11;} */

/* .surpriseweek  .surpriseweek_1280p::before {content: ""; width: 690px; height: 570px; position: absolute; z-index: 11; background: transparent;} */
.surpriseweek .visual {height: 1044px;font-size:0;line-height:0;color:transparent;background:url(/cjom/event/thankstothe/images_2506/bg_visual.jpg) no-repeat 50% 0; width: 1280px;margin: 0 auto;position: relative;overflow: hidden;top: 0;}
.surpriseweek .visual.open {height: 1051px;font-size:0;line-height:0;color:transparent;background:url(/cjom/event/thankstothe/images_2506/bg_visual_02.jpg) no-repeat 50% 0; width: 1280px;margin: 0 auto;position: relative;overflow: hidden;top: 0;}
.surpriseweek .visual.open .visual_footer{position: absolute;bottom: 0px;left: 50%;margin: 0 auto;width: 1280px;height: 93px;z-index: 4;transform: translateX(-50%);}
.surpriseweek .visual_footer{position: absolute;bottom: 0px;left: 50%;margin: 0 auto;
  width: 1280px;height: 94px;z-index: 4;transform: translateX(-50%);}


/*키비주얼 링 떨어지기*/
.surpriseweek .visual .kv_title{
  position: absolute;
  top: 70px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}
.surpriseweek .visual .kv_center{
  position: absolute;
  top: 250px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}
.surpriseweek .visual .kv-center-right{
  position: absolute;
  top: 238px;
  left: 59%;
  z-index: 3;
  transform: translateX(-50%);
  animation: cloud 1.3s 0.5s infinite ease-in-out;
}
.ring{display:block;background-size:cover;}
.ring:nth-child(1) { width: 185px; height: 161px; background: url(/cjom/event/thankstothe/images_2506/ring_left_top.png) no-repeat 0 0; }

.ring:nth-child(2) { width: 100px; height: 93px; background: url(/cjom/event/thankstothe/images_2506/ring_left_middle.png) no-repeat 0 0; }

.ring:nth-child(3) { width: 170px; height: 188px; background: url(/cjom/event/thankstothe/images_2506/ring_left_bottom.png) no-repeat 0 0; }

.ring:nth-child(4) { width: 149px; height: 171px; background: url(/cjom/event/thankstothe/images_2506/ring_right_top.png) no-repeat 0 0; }

.ring:nth-child(5) { width: 291px; height: 224px; background: url(/cjom/event/thankstothe/images_2506/ring_right_bottom.png) no-repeat 0 0; }

.ring:nth-child(6) { width: 170px; height: 188px; background: url(/cjom/event/thankstothe/images_2506/ring_left_bottom.png) no-repeat 0 0; }
.rings{position:absolute;top:-150px;left:0;width:100%;height:1070px;}

@-webkit-keyframes rings-fall{
    0%{top:0%;}
    100%{top:100%;}
}

@-webkit-keyframes rings-shake{
    0%{-webkit-transform:translateX(0px);transform:translateX(0px);}
    50%{-webkit-transform:translateX(80px);transform:translateX(80px);}
    100%{-webkit-transform:translateX(0px);transform:translateX(0px);}
}

@keyframes rings-fall{
    0%{top:0%;}
    100%{top:100%;}
}

@keyframes rings-shake{
    0%{transform:translateX(0px);}
    50%{transform:translateX(80px) rotateZ(140deg);}
    100%{transform:translateX(0px);}
}

.ring {
    position: absolute;
    top: -10%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: rings-fall,rings-shake,fade-out;
    -webkit-animation-duration: 7s,7s,15s;
    -webkit-animation-timing-function: linear,ease-in-out,ease-out;
    -webkit-animation-iteration-count: 1,infinite,infinite;
    -webkit-animation-play-state: running,running,running;
    -webkit-animation-iteration-count: infinite;
    animation-name: rings-fall,rings-shake,fade-out;
    animation-duration: 7s,7s,15s;
    animation-timing-function: linear,ease-in-out,ease-out;
    animation-iteration-count: 1,infinite,infinite;
    animation-play-state: running,running,running;
    animation-iteration-count: infinite;
}

@-webkit-keyframes fade-out {
}

@keyframes fade-out {
}

.ring:nth-of-type(1)  { left: 5%;  top: -12%; animation-delay: 0s, 0.2s; }
.ring:nth-of-type(2)  { left: 35%; top: -11%; animation-delay: 4.8s, 1.3s; }
.ring:nth-of-type(3)  { left: 65%; top: -13%; animation-delay: 0.6s, 1.1s; }
.ring:nth-of-type(4) { left: 30%; top: -11%; animation-delay: 1.2s, 0.3s; }
.ring:nth-of-type(5) { left: 70%; top: -12%; animation-delay: 2.7s, 0.9s; }
.ring:nth-of-type(6) { left: 90%; top: -10%; animation-delay: 5.8s, 1s; }

/*키비주얼 */
.surpriseweek .visual .kv-center{
  position: absolute;
  top: 435px;
  left: 53%;
  z-index: 3;
  transform: translateX(-50%);
}
.kv__center--top01,
.kv__center--top02,
.kv__center--top03,
.kv__center--top04 {
  position: absolute;
  top: 266px;
  left: 32%;
  animation: cloud 1.3s 0.5s infinite ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* 각각 z-index 설정 */
.kv__center--top01,
.kv__center--top03 {
  z-index: 2;
}

.kv__center--top02,
.kv__center--top04 {
  z-index: 3;
}

/* 공통 활성화 스타일 */
.kv__center--top01.active,
.kv__center--top02.active,
.kv__center--top03.active,
.kv__center--top04.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.surpriseweek .visual .kv__center--right{
  position: absolute;
  top: 215px;
  left: 62.8%;
  z-index: 3;
  animation: cloud 1.5s 0.8s  infinite ease-in-out;
}


.surpriseweek .themarket__app .desc{margin: 80px 0px 60px;
  font-size: 27px;
  letter-spacing: -1px;
  line-height: 37px;
text-align: center;
color: #111;}
.surpriseweek .themarket__app .desc span:first-child{font-weight: 700;}
.surpriseweek .themarket__app .desc .date{
  color: #f738dd;
  font-weight: 700;
}


.sectionTicket .appstep .appstep_kv .v-box01{position: absolute;top: 766px;right: 206px;z-index: 2;animation: cloud 1.3s 0.5s  infinite ease-in-out;}
.sectionTicket .appstep .appstep_kv .v-percent01{position: absolute;
    top: 895px;left: 172px;z-index: 2;animation: cloud 1.3s 0.5s  infinite ease-in-out;animation-delay: 0.4s !important;}

.sectionJoin .appstep .appstep_kv .v-box01{position: absolute;top:  407px;right: 206px;z-index: 2;animation: cloud 1.3s 0.5s  infinite ease-in-out;}
.sectionJoin .appstep .appstep_kv .v-percent01{position: absolute;
top: 537px;left: 172px;z-index: 2;animation: cloud 1.3s 0.5s  infinite ease-in-out;animation-delay: 0.4s !important;}


@keyframes cloud {
  0%,100% {
      transform: translateY(7px);
  }

  50% {
      transform: translateY(0);
      opacity: 1;
  }
}

/* 남은시간 */
.surpriseweek .visual .thanks-time {width: 688px;height: 173px;border-radius: 16px;  position: absolute;bottom: 140px;left: 50%;transform: translateX(-50%); overflow: hidden;
  z-index: 2;}
.surpriseweek .visual .thanks-time .top {position: absolute;top: 0;left: 50%;width: 680px;  padding: 0;text-align: center;font-size: 24px;line-height: 34px;color: #fff;z-index: 50;
  font-weight: 500;display: flex;transform: translateX(-50%);justify-content: space-between;}
.surpriseweek .visual .thanks-time .top strong{font-size: 30px;line-height: 30px;}
.surpriseweek .visual .thanks-time .inner {position: relative;width: 624px;top: 45px;  padding: 32px 32px;background: #fff;text-align: left;border-radius: 16px;height: auto;
  -webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.surpriseweek .visual .thanks-time .inner h3 {display:inline-block;padding:0 0  24px 0;}
.surpriseweek .visual .thanks-time .inner .thanks-timebox {position: relative;top: 0;  left: 50%;width: 400px;padding: 0;text-align: center;font-size: 30px;line-height: 30px;  margin-bottom: 22px;color: #333;font-weight: 700;transform: translateX(-50%);}
.surpriseweek .visual .thanks-time .inner .thanks-progress {width:100%;height:12px;border-radius:12px;overflow:hidden;background:#eeeeee;}
.surpriseweek .visual .thanks-time .inner .thanks-progress .thanks-progressbar {width:100%;height:12px;border-radius:12px;overflow:hidden;background:#ff00ea;transition:width 1.5s ease-in-out;}

.surpriseweek.open .visual {background:url(/cjom/event/surprise/images/bg_visual_open.jpg) repeat-x 50% 0;}
/*.surpriseweek.open .visual:before {display:block;width:100%;height:582px;background:url(/cjom/event/surprise/images/bg_visual_open.jpg) no-repeat 50% 0;content:'';}*/
.surpriseweek  .surpriseweek_1280p {width: 1286px; margin: 0 auto; position: relative; height:697px;}
.surpriseweek_1280p figure {position: absolute; top: 0; right: 0;}
/*icon 움직임*/
.surpriseweek .motion_position1 {position: absolute; top:49px; right:374px;}
.surpriseweek .motion_position2 {position: absolute; top:34px; right:55px;}
.surpriseweek .motion_position3 {position: absolute; top:177px; right:0px;}
.surpriseweek .motion1 {-webkit-animation: cloud2 1.3s 0.3s ease-in-out;-moz-animation: cloud2 1.3s 0.3s infinite ease-in-out;animation: cloud2 1.3s 0.3s infinite ease-in-out;}
.surpriseweek .motion2 {-webkit-animation: cloud2 1.3s  ease-in-out;-moz-animation: cloud2 1.3s infinite ease-in-out;animation: cloud2 1.3s infinite ease-in-out;}
.surpriseweek .motion3 {-webkit-animation: cloud2 1.3s 0.5s  ease-in-out;-moz-animation: cloud2 1.3s 0.5s  infinite ease-in-out;animation: cloud2 1.3s 0.5s  infinite ease-in-out;}
@keyframes cloud2 {
	0%,100% {transform:translateY(17px);}
	50% {transform:translateY(0);opacity:1;}
}


.sectionJoin {padding:50px 0 0;text-align:center;position: relative;margin-bottom: 100px;}
.sectionJoin h2 {text-align: center;font-size: 28px;letter-spacing: -1px;
 line-height: 52px;padding-bottom: 20px;}
.sectionJoin h3 {font-size:45px;font-weight:bold;letter-spacing:-3px;}
.sectionJoin .desc {margin-top:30px;font-size:28px;letter-spacing:-1px;line-height:28px;
}
.sectionJoin .desc + .btn-area {margin-top:45px;}
.sectionJoin .appstep {width:1059px;height:790px;margin:90px auto 0;background:url(/cjom/event/thankstothe_2402/images/img_appstep_01.jpg) no-repeat 0 0;}
.sectionJoin .btn-area button{background-color: #e32dcb;}

  .sectionJoin .btn-area .ico__arrow.type3 {
    width: 14px;
    height: 28px;
    vertical-align: -3px;
    background-image: url(/cjom/event/thankstothe/images_2504/ico_link_arrow.png);
  }
/*.sectionJoin .btn-area span:after{position: absolute;
  right: 3px;
  top: 13px;
  display: block;
  content: '';
  background: url(/cjom/event/thankstothe/images_2504/white_next.png) no-repeat 0 0;
  width: 14px;
  height: 16px;}*/
  .sectionJoin .appstep {width:1280px;height:1226px;margin:70px auto 0;background:url(/cjom/event/thankstothe/images_2506/img_appstep_01.jpg) no-repeat 0 0;}
  .sectionJoin .appstep .class_box_top,.sectionJoin .appstep .class_box_top1{display: block;position: relative;width: 576px;margin: 0 auto;top: 306px;}
  .sectionJoin .appstep .class_box_top .class_box_cont,.sectionJoin .appstep .class_box_top1 .class_box_cont{position: relative;padding-bottom: 10px;}



.sectionTicket {padding:70px 0 0;background-color: #ffe718;position: relative;margin-bottom: 100px;}
.sectionTicket h2 {position: relative;
 text-align:center;font-size:28px;letter-spacing:-1px;line-height: 52px;padding-bottom: 20px;z-index: 1;color: #fff;}
.sectionTicket h2::after{content: '';
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 157px;
  height: 30px;
  transform: translateX(-50%);
  background-color: #ff27e3;
  z-index: -1;}
.sectionTicket h3 {text-align:center;font-size:38px;letter-spacing:-1px;color:#000000;line-height: 52px;font-weight: normal;}
.sectionTicket h3 span {font-weight: bold;color:#000000;}
.sectionTicket .ticket {position: relative; width:630px;height:318px;margin:38px auto 0;background:url(/cjom/event/thankstothe/images_2506/img_ticket.png) no-repeat 0 0;}
.sectionTicket .ticket .num {    display: block;
  /* padding: 130px 130px 0 0; */
  text-align: center;
  color: #000;
  font-size: 40px;
  line-height: 80px;
  font-weight: 700;
  letter-spacing: 1px;
  width: 233px;
  position: absolute;
  left: 116px;
  top: 179px;
  height: 80px;
}
.sectionTicket .ticket .num span {position:relative;top:-4px;font-size:40px;font-weight:normal;display:inline-block;letter-spacing:-1px;display:none;}
.sectionTicket .btn-area .ico__arrow.type3 {
  width: 14px;
  height: 28px;
  vertical-align: -3px;
  background-image: url(/cjom/event/thankstothe/images_2504/ico_link_arrow.png);
}
  .ico__arrow {
    display: inline-block;
    width: 14px;
    height: 90px;
    margin-left: 8px;
    background-image: url(/cjom/event/thankstothe/images_2504/ico_link_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100% auto;
    vertical-align: bottom;
   
}
/*.sectionTicket .btn-area span:after{position: absolute;
  right: 3px;
  top: 13px;
  display: block;
  content: '';
  background: url(/cjom/event/thankstothe/images_2412/white_next.png) no-repeat 0 0;
  width: 14px;
  height: 16px;
}*/
.sectionTicket .ticket + .btn-area {margin-top:45px;}
.sectionTicket .ticket + .btn-area button {margin:0 10px;}
.sectionTicket .appstep {width:1280px;height:1227px;margin:70px auto 0;background:url(/cjom/event/thankstothe/images_2506/img_appstep_01.jpg) no-repeat 0 0;}
.sectionTicket .appstep .class_box_top{display: block;position: relative;width: 576px;margin: 0 auto;top: 320px;}
.sectionTicket .appstep .class_box_top .class_box_cont{position: relative;padding-bottom: 20px;}

.sectionIssue {position:relative;padding:50px 0 0;text-align:center;background-color: #ffe718;margin-bottom: 100px;}
.sectionIssue h2{position: relative;
  text-align: center;
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 52px;
  padding-bottom: 20px;
  z-index: 1;
color: #fff;}
.sectionIssue h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 157px;
    height: 30px;
    transform: translateX(-50%);
    background-color: #ff27e3;
    z-index: -1;
}

.sectionIssue h3 {font-size:48px;font-weight:bold;letter-spacing:-2px;}
.sectionIssue .desc {margin-top:20px;font-size:27px;letter-spacing:-1px;line-height:37px;}
.sectionIssue .desc span{font-weight: 700;}
.sectionIssue .btn-area {margin:45px auto 60px;}
.sectionIssue .btn-area button {margin:0 10px;}
.sectionIssue .btn-area .ico__arrow.type3 {
  width: 14px;
  height: 28px;
  vertical-align: -3px;
  background-image: url(/cjom/event/thankstothe/images_2504/ico_link_arrow.png);
}
/*.sectionIssue .btn-area span:after{position: absolute;
  right: 3px;
  top: 13px;
  display: block;
  content: '';
  background: url(/cjom/event/thankstothe/images_2412/white_next.png) no-repeat 0 0;
  width: 14px;
  height: 16px;}*/

.sectionIssue .ticket-img {text-align:center;padding:50px 0 30px 0;}
.sectionIssue .checkAgree {font-size:24px;padding-left:370px;text-align: left;line-height: 24px;}
.sectionIssue .checkAgree label{font-size: 24px;letter-spacing: -2px;}
.sectionIssue .checkAgree label .input-checkbox{width: 38px; height: 38px;}
.sectionIssue .checkAgree label .input-checkbox::after{content: '';display: block;width: 38px;height: 38px;box-sizing: border-box;
  background: #ffe718 url(/cjom/event/thankstothe/images_2506/icon_chk_off2.png) no-repeat 50%;background-size: 38px;}
  .sectionIssue .checkAgree label .input-checkbox.active:after{background: url(/cjom/event/thankstothe/images_2506/icon_chk_on.png) no-repeat 50%;
    background-size: 38px}
    
.sectionIssue .checkAgree a {display:inline-block;padding-left:50px;height:45px;line-height:45px;color:#1d1d1d;text-decoration:none;background:url(/cjom/event/24_01_event/thankstothe_01/images/check_box_new.png) no-repeat 0 0;background-size:35px 151px;}
.sectionIssue .checkAgree a.check {background-position:0 -58px;}
.sectionIssue .popupAgree {position:absolute;left:50%;top:-20px;z-index:61;display:none;width:794px;margin-left:-397px;letter-spacing:-1px;text-align:left;}
.sectionIssue .popupAgree .inner {/*padding:30px 50px 60px;*/background-color:#fff;}
.sectionIssue .popupAgree .inner .inner_info{padding:30px 50px 60px;background-color:#fff;}
.sectionIssue .popupAgree dl dt {color:#000;font-size:34px;font-weight:bold;}
.sectionIssue .popupAgree dl dd {margin-top:20px;font-size:26px;line-height:40px;}
.sectionIssue .popupAgree ul {margin-top:40px;padding:30px 0 0 0;font-size:26px;line-height:40px;letter-spacing: -1px;border-top:1px solid #bfbfbf;}
.sectionIssue .popupAgree ul li {position:relative;/*padding-left:25px;*/}
.sectionIssue .popupAgree ul ul{border-top: 0;margin-top: 0;padding-top: 0;}
.sectionIssue .popupAgree ul ul li{position:relative;padding-left:20px;}
.sectionIssue .popupAgree ul > ul li:before {content:"*";display:block;position:absolute;top:5px;left:2px;font-size: 26px;}
.sectionIssue .popupAgree ul li span {display:block;padding-left:294px;}
.sectionIssue .popupAgree ul .tc_1ba{color: #1ba774;margin: 5px 0;}
.sectionIssue .popupAgree .btnClose {text-align:right;/* padding-bottom:20px; */}
.sectionIssue .popupAgree .btnClose a {display:inline-block;width:33px;height:33px;background:url(/cjom/event/surprise/images/btn_popup_close.png) no-repeat 0 0;}
.sectionIssue .popupAgree .btn-area {margin-top:30px;}
.sectionIssue .noti {position:relative;padding:60px 330px;text-align:left;color:#1d1d1d;background:#f7f7f7;}
.noti:before {content:"";display:block;width:100%;position:absolute;top:0;bottom:0;right:100%;background:#f7f7f7;z-index:0;}
.noti:after {content:"";display:block;width:100%;position:absolute;top:0;bottom:0;left:100%;background:#f7f7f7;z-index:0;}
.sectionIssue .noti dl {position:relative;z-index:1;}
.sectionIssue .noti dt {font-size:22px;margin-bottom:15px;}
.noti ul li {position:relative;padding-left:18px;font-size:22px;line-height:36px;}
.noti ul li span{color:#18a473;}
.noti ul li:before {content:"";display:block;width:8px;height:1px;background:#1d1d1d;position:absolute;top:17px;left:0;}
.sectionIssue .popupAgree .btn-area{margin: 0;}
.sectionIssue .popupAgree .btn-area button{width: 50%;margin: 0;border-radius: 0;font-weight: normal;}
.sectionIssue .popupAgree .btn-area .btn-left-md{background-color: #d5d7d6;color: #a0a1a1;}
.sectionIssue .popupAgree .btn-area .btn-right-md{background-color: #1ba774;}
.sectionBefore {padding:0 0 100px;}
.sectionBefore .sectionBefore_cont{padding:60px 0 0 ;background-color: #ffe718;}
.sectionBefore.area h3{font-size: 48px;line-height: 62px;}
.sectionBefore.area_01 h3{font-size: 48px;line-height: 62px;}
.sectionBefore.re-issue h3{font-size: 48px;line-height: 62px;}


.sectionBefore.re-issue .desc {margin-top:20px;}
.sectionBefore .noti dl {position:relative;z-index:1;}
.sectionBefore .noti dt {font-size:22px;margin-bottom:15px;font-weight: 500;}
.noti ul li {position:relative;padding-left:18px;font-size:20px;line-height:36px;}
.noti ul li:first-child {font-weight: 500;}
.noti ul li span{color:#18a473;}
.noti ul li:before {content:"";display:block;width:8px;height:1px;background:#1d1d1d;position:absolute;top:17px;left:0;}

.sectionBefore .noti_01 dl {position:relative;z-index:1;}
.sectionBefore .noti_01 dt {font-size:30px;font-weight:800;margin-bottom:15px;}
.noti_01 ul li {position:relative;padding-left:18px;font-size:20px;line-height:36px;}
.noti_01 ul li:first-child {color:#18a473;}
/*.noti_01 ul li:nth-of-type(2){color:#18a473;}*/
.noti_01 ul li span{color:#18a473;}
.noti_01 ul li:before {content:"";display:block;width:8px;height:1px;background:#1d1d1d;position:absolute;top:17px;left:0;}

.sectionApp {padding:90px 0 100px;}
.sectionApp h3 {text-align:center;font-size:50px;font-weight:bold;letter-spacing:-2px;}
.sectionApp h3 + .desc {margin-top:30px;text-align:center;font-size:28px;letter-spacing:-1px;line-height:50px;}
.sectionApp dl {margin:80px auto 0;width:980px;padding-top:60px;border-top:1px solid #d1cece;}
.sectionApp dl dt {text-align:center;font-size:50px;font-weight:bold;color:#1d1d1d;letter-spacing:-2px;}
.sectionApp dl dt span {display:block;font-size:24px;font-weight:normal;margin-top:20px;line-height:38px;color:#19a672;}
.sectionApp dl dd {width:906px;height:134px;margin:50px auto 0;font-size:0;color:transparent;background:url(/cjom/event/surprise/images/img_appset.png) no-repeat 0 0;}

.sectionBefore h3 {text-align:center;font-size:38px;font-weight:bold;letter-spacing:-2px;}
.sectionBefore h3:first-child{font-weight: normal;}
.sectionBefore .desc {text-align:center;margin-top:30px;font-size:24px;letter-spacing:-1px;line-height:38px;}
.sectionBefore .desc > span{font-weight: bold;}
.sectionBefore .desc .d81{color: #fa6729;}
.sectionBefore .desc.d81{color: #fa6729;}
.sectionBefore .desc .fw7{font-weight: 700;}
.sectionBefore .desc .emp {color:#19a672;}
.sectionBefore .desc .emp.pat20 {margin-top: 15px;display: inline-block;}
.sectionBefore .beforeCode {width:634px;height:315px;margin:38px auto 0;background:url(/cjom/event/thankstothe/images_2506/img_ticket_02.png) no-repeat 0 0;}
.sectionBefore .beforeCode .code {display:block;padding:196px 0 0 0px; font-weight:700;font-size:27px;letter-spacing:1px;color:#000;text-align:center;}
.sectionBefore .beforeCode .code.mr_120 {
  margin-right: 135px;
}
.sectionBefore .beforeCode + .btn-area {margin-top:30px;}
.sectionBefore .noti {position:relative;margin:55px auto 0;padding:60px 0 60px 372px;text-align:left;color:#1d1d1d;background:#f7f7f7;}
.sectionBefore .noti h4 {font-size:30px;font-weight:800;margin-bottom:15px;}
.sectionBefore .noti_01 {position:relative;margin:0px auto 0;padding:60px 0 60px 335px;text-align:left;color:#1d1d1d;}
.sectionBefore .noti_01 h4 {font-size:30px;font-weight:800;margin-bottom:15px;}
.sectionBefore .appstep__01{width: 1280px;height: 983px;margin: -86px auto -63px;background: url(/cjom/event/24_01_event/thankstothe_01/images/img_appstep_02.png) no-repeat 0 0;
position: relative;z-index: 1;}
.sectionBefore .appstep__02{height: 517px;margin: 70px auto 0;background: url(/cjom/event/24_01_event/thankstothe_01/images/img_appstep_03.png) no-repeat 0 0;position: relative;width: 1024px;}
.sectionBefore .appstep__03{width: 702px;height: 974px;margin: 70px auto 0;background: url(/cjom/event/24_01_event/thankstothe_01/images/img_appstep_04.png) no-repeat 0 0;}

.sectionBefore.area .appstep__02 a{position: absolute;width: 182px;height: 47px;bottom: 186px;left:157px;line-height: 72px;}
.sectionBefore.area_01 .appstep__02 a{position: absolute;width: 182px;height: 47px;bottom: 196px;left:290px;line-height: 72px;}

/*.sectionBefore.area .appstep__02::after,.sectionBefore.area_01 .appstep__02::after{content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  background: #e5eeeb;
  z-index: 0;}
.sectionBefore.area .appstep__02::before,.sectionBefore.area_01 .appstep__02::before{content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  background: #e5eeeb;
  z-index: 0;}*/
  .sectionBefore.area .btn-area,.sectionBefore.area_01 .btn-area{margin:0 auto;top: 758px;position: relative;left: 0px; z-index: 1;width: 100%;}
	.sectionBefore.area .btn-area button,.sectionBefore.area_01 .btn-area button {width:581px;height:90px;line-height:90px;color:#fff;font-size:0; border-radius:4px;background-color:transparent !important ;position: absolute;left: 365px;}
  
  .sectionBefore .desc_top {margin-top: 30px;font-size: 28px;letter-spacing: -1px;line-height: 35px;text-align: center;color: #000;font-weight: normal;}
  .sectionBefore .desc_top span{font-weight: bold;}
  .sectionBefore.area  .desc_top .on_01::after {
    content: "마이페이지에서\a무료배송 쿠폰";
    font-weight: bold;
    color: #000;
    white-space: pre-line;
}

.sectionBefore.area  .desc_top .on_02::after {
    content: "마이페이지에서\a장바구니 중복할인 쿠폰";
    font-weight: bold;
    color: #000;
    white-space: pre-line;
}


  .sectionBefore.re-issue .remainNum .remainNum_bg{margin: 0 auto; width: 460px;background-color: #f7f7f7;}
  .sectionBefore.re-issue .remainNum span{font-weight: normal;font-size: 48px;letter-spacing: -2px;}
.sectionBefore.re-issue .remainNum span > span{font-weight:bold;font-family:Arial;}
.sectionBefore .remainNum {padding:45px 0 0;text-align:center;font-size:35px;}
.sectionBefore .remainNum span {font-weight:bold;font-family:Arial;}
.sectionBefore .date {font-size:26px;text-align:center;color:#fff;letter-spacing: 0px;font-weight: 400;}
.sectionBefore .date.bd_rd {
  border: 1px solid #111;
    border-radius: 90px;
    width: 402px;
    /* text-align: center; */
    margin: 0 auto;
    background-color: #111;
    color: #ffe718;
}
.sectionBefore .date.bd_rd.mg_t30 {
  margin-top: 30px;
}
.sectionBefore.complete {padding-bottom:100px;position: relative;}
.sectionBefore.complete h3{font-size: 48px;}

.sectionBefore.complete .appstep_01 {height:414px;margin:50px auto 0;background:url(/cjom/event/thankstothe_07/images/img_appstep_02.jpg) no-repeat 0 0;}
.sectionBefore.complete .appstep_01 a{position: absolute;width: 278px;height: 72px;top: 685px;left:52px;line-height: 72px;}
.sectionBefore.complete .appstep_02 {height:478px;margin:50px auto 0;background:url(/cjom/event/thankstothe_07/images/img_appstep_01.png) no-repeat 0 0;}
.sectionBefore.complete_01 {padding-bottom:100px;position: relative;}
.sectionBefore.complete_01 h3{font-size: 48px;}

.sectionBefore.complete_01 .appstep_01 {height:510px;background:url(/cjom/event/thankstothe_05/images/img_appstep_02.jpg) no-repeat 0 0; position: relative;background-color: #f7f7f7;}
.sectionBefore.complete_01 .appstep_01 a{position: absolute;width: 278px;height: 72px;bottom: 136px;left:52px;line-height: 72px;}
.sectionBefore.complete_01 .appstep_02 {height:758px;margin:-20px auto 0;background:url(/cjom/event/thankstothe_07/images/img_appstep_03.png) no-repeat 0 0;}
.sectionBefore.complete_01 .appstep_01::after{content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background: #f7f7f7;
    z-index: 0;}
.sectionBefore.complete_01 .appstep_01::before{content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #f7f7f7;
    z-index: 0;}
	.sectionBefore.complete_01 .btn-area{margin:0 auto;top: 925px;
		position: absolute;
		left: 430px;}
	.sectionBefore.complete_01 .btn-area button {width:400px;height:92px;line-height:92px;color:#fff;font-size:28px;border-radius:92px;background-color:#1f1f1f !important ;font-weight:bold;}

.sectionBefore.purchase {padding-bottom:100px;position: relative;}
.sectionBefore.purchase h3{font-size:50px; color: #000;}
.sectionBefore.purchase .desc{text-align:center;margin-top:0px;font-size:30px;letter-spacing:-1px;line-height:52px;}
.sectionBefore.purchase .desc span{color: #ed4802;font-weight: bold;}
.sectionBefore.purchase .desc span > span{color: #000;}
.sectionBefore.purchase .btn-area{
  margin-top: 45px;
}

.sectionBefore.complete_01 .checkAgree {font-size:24px;}
.sectionBefore.complete_01 .checkAgree a {display:inline-block;padding-left:50px;height:36px;line-height:35px;color:#1d1d1d;text-decoration:none;background:url(/cjom/event/surprise/images/checkbox.png) no-repeat 0 0;background-size:35px 143px;}
.sectionBefore.complete_01 .checkAgree a.check {background-position:0 -71px;}
/*.sectionBefore.complete_01 .popupAgree {position:absolute;left:50%;top:484px;z-index:20210;display:none;width:784px;margin-left:-397px;letter-spacing:-1px;text-align:center;}
.sectionBefore.complete_01 .popupAgree .inner {padding:50px 50px 60px;background-color:#fff;}
.sectionBefore.complete_01 .popupAgree dl dt {font-size:40px;font-weight:bold;text-align: center;line-height: 48px;}
.sectionBefore.complete_01 .popupAgree dl dt span{color:#19a672;}
.sectionBefore.complete_01 .popupAgree dl dd {margin-top:20px;font-size:26px;line-height:40px;}

.sectionBefore.complete_01 .popupAgree .btnClose {text-align:right;}
.sectionBefore.complete_01 .popupAgree .btnClose a {display:inline-block;width:33px;height:33px;background:url(/cjom/event/surprise/images/btn_popup_close.png) no-repeat 0 0;}
.sectionBefore.complete_01 .popupAgree .btn-area_01 {margin-top:30px;}*/
.sectionBefore.complete_01 .btn-area_01 {margin:0 auto;}
.sectionBefore.complete_01 .btn-area_01 button {width:399px;height:81px;line-height:81px;color:#fff;font-size:28px;border-radius:92px;background-color:#19a672;;font-weight:bold;}

.sectionBefore.purchase .appstep {height:1168px;background:url(/cjom/event/24_01_event/thankstothe_01/images/img_appstep_05.jpg) no-repeat 50% 50%;margin: 80px auto 0; position: relative; }
/* .sectionBefore.purchase .appstep a{position: absolute;width: 278px;height: 72px;bottom: 136px;left:52px;line-height: 72px;} */

.sectionBefore.purchase .refer-code{
 position: absolute;
  top:500px;left:382px; width: 530px;
}
.sectionBefore.purchase .refer-code-inner{
   margin: 0 auto;font-size: 0;
}
.sectionBefore.purchase .refer-code-inner::after{
  content: "";display: block;clear: both;
}
.sectionBefore.purchase .input-text{
  float: left; width: calc(100% - 155px);
}

.sectionBefore.purchase .checkAgree label{font-size: 24px;letter-spacing: -2px;}
.sectionBefore.purchase .checkAgree label .input-checkbox{width: 38px; height: 38px;}
.sectionBefore.purchase .checkAgree label .input-checkbox::after{content: '';display: block;width: 38px;height: 38px;box-sizing: border-box;
  background: #e5eeeb url(/cjom/event/24_01_event/thankstothe_01/images/icon_chk_off.png) no-repeat 50%;background-size: 38px;}
.sectionBefore.purchase .checkAgree label .input-checkbox.active:after{background: url(/cjom/event/24_01_event/thankstothe_01/images/icon_chk_on.png) no-repeat 50%;
    background-size: 38px}
    
    .sectionBefore.purchase .checkAgree a {display:inline-block;padding-left:50px;height:44px;line-height:44px;color:#000;text-decoration:none;background:url(/cjom/event/24_01_event/thankstothe_01/images/check_box_new.png) no-repeat 0 0;background-size:35px 151px;}
    .sectionBefore.purchase .checkAgree a.check {background-position:0 -58px;}



.sectionBefore.purchase  .checkAgree {position: absolute; top:635px;  left: 50%; transform: translateX(-50%);}
.sectionBefore.purchase  .checkAgree a {display:inline-block;padding-left:50px;height:36px;line-height:35px;color:#191919;text-decoration:none;background:url(/cjom/event/surprise/images/checkbox.png) no-repeat 0 0;background-size:35px 143px;}
.sectionBefore.purchase  .checkAgree a.check {background-position:0 -71px;}
/*.sectionBefore.purchase  .popupAgree {position:absolute;left:50%;top:-20px;z-index:20210;display:none; text-align:left; width:794px;margin-left:-397px;letter-spacing:-1px;text-align:left;}
.sectionBefore.purchase  .popupAgree .inner {padding:30px 50px 60px;background-color:#fff;}
.sectionBefore.purchase .popupAgree dl dt {color:#19a672;font-size:34px;font-weight:bold; text-align: left;}
.sectionBefore.purchase  .popupAgree dl dd {margin-top:20px;font-size:26px;line-height:40px;}
.sectionBefore.purchase  .popupAgree ul {margin-top:40px;padding-top:30px;font-size:26px; text-align: left;; line-height:40px;letter-spacing: -1px;border-top:1px solid #bfbfbf;}
.sectionBefore.purchase  .popupAgree ul li {position:relative;padding-left:25px;}
.sectionBefore.purchase  .popupAgree ul li:before {content:"";display:block;width:4px;height:4px;border-radius:100%;position:absolute;top:18px;left:2px;background: #1a1a1a;}
.sectionBefore.purchase  .popupAgree ul li span {display:block;padding-left:294px;}
.sectionBefore.purchase  .popupAgree .btnClose {text-align:right; padding-bottom:20px; }
.sectionBefore.purchase  .popupAgree .btnClose a {display:inline-block;width:33px;height:33px;background:url(/cjom/event/surprise/images/btn_popup_close.png) no-repeat 0 0;}
.sectionBefore.purchase  .popupAgree .btn-area {margin-top:30px;}*/

.sectionBefore.purchase  .popupAgree_end {position:absolute;left:50%; color:#2d2d2d; top:700px;z-index:61;display:none;width:640px;margin-left:-320px;letter-spacing:-1px;text-align:center; background: #fff; ;}
.sectionBefore.purchase  .popupAgree_end h3 {font-size: 40px;color:#2d2d2d; line-height: 54px;padding-top: 20px;}
.sectionBefore.purchase  .popupAgree_end h3 span {color:#19a672;  }
.sectionBefore.purchase  .popupAgree_end h3 span > span {color:#000; }
.sectionBefore.purchase  .popupAgree_end p {font-size: 26px;; padding-top:14px ;}
.sectionBefore.purchase  .popupAgree_end button {font-size:32px;     border-radius: 92px; color:#fff; background: #19a672; font-weight: bold; height:81px; box-sizing: border-box; width: 400px; ; }
.sectionBefore.purchase  .popupAgree_end .btnClose{
  text-align: right;
}
.sectionBefore.purchase  .popupAgree_end .btnClose a{
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url(/cjom/event/surprise/images/btn_popup_close.png) no-repeat 0 0;
}
.sectionBefore.purchase  .popupAgree_end .inner{
  padding: 30px 50px 60px;
    background-color: #fff;
}

.sectionBefore.purchase .ip-refer{
  text-align: left;
    width: 100%;
    box-sizing: border-box;
    height: 96px;
    padding: 10px;
    border: 1px solid #3f4140;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.sectionBefore.purchase .ip-refer::placeholder {font-size:23px;font-weight:normal;color:#bbb !important;}
.sectionBefore.purchase .refer-code-inner button{
  font-size: 0;
}






.surpriseweek .itemList {padding:10px 0 0;}
.surpriseweek .itemList li {float:left;position:relative;width:280px;height:394px;padding:2px 8px 0 2px;background:url(/cjom/event/surprise/images/bg_itemlist.png) no-repeat 0 0;}
.surpriseweek .itemList li a {display:block;}
.surpriseweek .itemList li .label {position:absolute;display:block;left:-17px;top:-40px;width:198px;height:94px;background:url(/cjom/event/surprise/images/label_item.png) no-repeat 0 0;}
.surpriseweek .itemList .thumb {padding-top:15px;}
.surpriseweek .itemList .title {max-height:22px;padding:0 10px 0 20px;line-height:22px; color:#000; font-size:18px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; box-sizing:border-box; word-wrap:break-word;}
.surpriseweek .itemList .price {display:inline-block; color:#e6005f; font-size:18px; margin-right:5px;}
.surpriseweek .itemList .price strong {font-size:28px;}
.surpriseweek .itemList .price-info {padding:3px 10px 0 20px;color:#282b11; font-size:20px;}
.surpriseweek .itemList .price-info del {display:inline-block; color:#000; font-size:18px; margin-right:5px;}



/* 세일페스타 상품 */
.product_sec {
  position: relative;
  margin-top: 30px;
}

.product_sec .app-product {
  width: 1280px;
  margin: 0 auto;
}

.product_sec .app-product:after {
  content: "";
  display: block;
  clear: both;
}

.product_sec .app-product li {
  float: left;
  width: 25%;
  position: relative;
  box-sizing: border-box;
}

.product_sec .app-product li .flag-acc {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 88px;
  height: 88px;
  border-radius: 100%;
  background: #18a473;
  color: #fff;
  /*width:160px;height:160px;background:url(/cjom/event/cjsalefesta/23_05_images/bg_limit.png) 0 0 no-repeat;*/
}

.product_sec .app-product li .flag-acc div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  text-align: center;
  transform: translate(-50%,-50%);
  line-height: 27px;
  font-size: 23px;
  font-weight: 800;
  color: #053725;
  letter-spacing: 0;
}

.product_sec .app-product li .flag-acc span {
  display: block;
}

.sectionBefore.purchase .product-item {
  text-align: left;  
  border-left: 0;
  background: #fff;
  height: 515px;
}

.product_sec .app-product li {
  border-left: 1px solid #e9e9e9;
}
.product_sec .app-product li:first-child{
  border-left:0;
}

.sectionBefore.purchase .product-item .thumb {
  margin: 20px 20px 0 20px;
  background: #fff;
}

.sectionBefore.purchase .product-item .thumb:before {
}

.product_sec .app-product li .flag-acc {
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: center;
  width: 88px;
  height: 88px;
  border-radius: 100%;
  /*width:160px;height:160px;background:url(/cjom/event/cjsalefesta/23_05_images/bg_limit.png) 0 0 no-repeat;*/
}

.product_sec .app-product li .flag-acc div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  text-align: center;
  letter-spacing: -0.5px;
  transform: translate(-50%,-50%);
  line-height: 27px;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0;
}

.product_sec .app-product li .flag-acc span {
  display: block;
}

.sectionBefore.purchase .product-item .title {
  padding: 0 40px;
  margin: 20px 0 0 0;
  font-size: 22px;
  line-height: 31px;
  color: #000;
  max-height: 93px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.sectionBefore.purchase .product-item .price-info {
  padding: 0 40px 20px 40px;
  margin: 3px 0;
}

.sectionBefore.purchase .product-item .price-info del {
  display: block;
  text-decoration: none;
  color: #aaacab;
  font-size: 23px;
  line-height: 31px;
}

.sectionBefore.purchase .product-item .price-info del .num {
  font-size: 23px;
  color: #aaacab;
  font-weight: normal;
  text-decoration: line-through;
}

.sectionBefore.purchase .product-item .price-info .dis-rate {
  font-size: 33px;
  line-height: 41px;
  color: #f05d48;
  font-weight: 700;
  vertical-align: middle;
}

.sectionBefore.purchase .product-item .price-info .price {
  display: inline-block;
  font-size: 23px;
  color: #000;
  font-weight: 700;
  line-height: 41px;
  margin-right: 0;
}

.sectionBefore.purchase .product-item .price-info .price:first-child {
  /*margin-top:29px;*/
}

.sectionBefore.purchase .product-item .price-info .price .num {
  font-size: 33px;
}

.sectionBefore.purchase .product-item .price-info .price * {
  vertical-align: middle;
}

.product-item .btn-cart {
  position: absolute;
  top: 255px;
  right: 28px;
  width: 36px;
  height: 36px;
  background: url(/cjom/web/images/common/icon-plist-cart.svg) no-repeat 0 0;
  background-size: 36px;
  display: inline-block;
  z-index: 3;
}

.sectionBefore.purchase .date{
  margin-top: 0;
}
.sectionBefore.purchase .app-sale{

  padding: 28px 20px ;
  margin: 47px auto 0;
}

.sectionBefore.purchase .appstep_01 {height:632px;background:url(/cjom/event/24_01_event/thankstothe_01/images/img_appstep_06.jpg) no-repeat 50% 50%;margin: 0 auto 0; }

.sectionBefore.purchase .popupAgree_01 {position:absolute;left:50%;top:275px;z-index:61;display:none;width:794px;margin-left:-397px;letter-spacing:-1px;text-align:left;}
.sectionBefore.purchase .popupAgree_01 .inner {/*padding:30px 50px 60px;*/background-color:#fff;}
.sectionBefore.purchase .popupAgree_01 .inner .inner_info{padding:30px 50px 60px;background-color:#fff;}
.sectionBefore.purchase .popupAgree_01 dl dt {color:#000;font-size:34px;font-weight:bold;}
.sectionBefore.purchase .popupAgree_01 dl dd {margin-top:20px;font-size:26px;line-height:40px;}
.sectionBefore.purchase .popupAgree_01 ul {margin-top:40px;padding:30px 0 0 0;font-size:26px;line-height:40px;letter-spacing: -1px;border-top:1px solid #bfbfbf;}
.sectionBefore.purchase .popupAgree_01 ul li {position:relative;/*padding-left:25px;*/}
.sectionBefore.purchase .popupAgree_01 ul ul{border-top: 0;margin-top: 0;padding-top: 0;}
.sectionBefore.purchase .popupAgree_01 ul ul li{position:relative;padding-left:20px;}
.sectionBefore.purchase .popupAgree_01 ul > ul li:before {content:"*";display:block;position:absolute;top:5px;left:2px;font-size: 26px;}
.sectionBefore.purchase .popupAgree_01 ul li span {display:block;padding-left:294px;}
.sectionBefore.purchase .popupAgree_01 ul .tc_1ba{color: #1ba774;margin: 5px 0;}
.sectionBefore.purchase .popupAgree_01 .btnClose {text-align:right;/* padding-bottom:20px; */}
.sectionBefore.purchase .popupAgree_01 .btnClose a {display:inline-block;width:33px;height:33px;background:url(/cjom/event/surprise/images/btn_popup_close.png) no-repeat 0 0;}
.sectionBefore.purchase .popupAgree_01 .btn-area {margin-top:30px;}
.sectionBefore.purchase .popupAgree_01 .btn-area{margin: 0;}
.sectionBefore.purchase .popupAgree_01 .btn-area button{width: 50%;margin: 0;border-radius: 0;font-weight: normal;}
.sectionBefore.purchase .popupAgree_01 .btn-area .btn-left-md{background-color: #d5d7d6;color: #a0a1a1;}
.sectionBefore.purchase .popupAgree_01 .btn-area .btn-right-md{background-color: #1ba774;}


/* .sectionBefore.purchase .popupAgree {position:absolute;left:50%;top:484px;z-index:20210;display:none;width:784px; text-align:left; margin-left:-397px;letter-spacing:-1px;text-align:center;}
.sectionBefore.purchase .popupAgree .inner {padding:50px 50px 60px;background-color:#fff;}

.sectionBefore.purchase .popupAgree dl dt span{color:#19a672;}
.sectionBefore.purchase .popupAgree dl dd {margin-top:20px;font-size:26px;line-height:40px; text-align: left;;}

.sectionBefore.purchase .popupAgree .btnClose {text-align:right;/* padding-bottom:20px; } */

.sectionBefore.purchase .popupAgree .btn-area_01 {margin-top:30px;}
.sectionBefore.purchase .btn-area_01 {margin:0 auto;}
.sectionBefore.purchase .btn-area_01 button {width:399px;height:81px;line-height:81px;color:#fff;font-size:28px;border-radius:92px;background-color:#19a672;;font-weight:bold;}
.sectionBefore.purchase .noti01{text-align: center;font-size: 23px;font-weight: 500;color: #000;margin: 50px 0 0 0;}
.sectionBefore.purchase .desc_01{
  text-align: center;
    margin-top: 0px;
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 38px;}

/* dim */
.dim {display:none;position:absolute;z-index:60;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6); }

/* 고객감사제 접속시 레이어팝업 2024-08-05 */
html.modal-open_01{
  overflow: hidden;
  position: relative;
  height: auto;
  min-width: 1280px;
}
html.modal-open_01 #modal-wrap_01 {
  position: fixed;
  z-index: 200000;    
  overflow: hidden;    
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 1280px;
}
html.modal-open_01 #modal-thankstothe {
  display: block;
}
#modal-thankstothe {width:550px;height: 697px; padding-bottom:0;border: 0px;z-index: 200000;background:#fff;top: 460px;padding-top: 42px;border: 13px solid #696969;}
#modal-thankstothe .modal-title{font-size: 37px; font-weight: 700;padding-right: 0;text-align: center;line-height: 37px;}
#modal-thankstothe .modal-cont {padding:0 0px 0px 0px;text-align:center;}
#modal-thankstothe .modal-cont .top_txt {margin:0;font-size:23px;line-height:33px;color:#000;letter-spacing:-1px;}
#modal-thankstothe .modal-cont .cont_txt {margin:0;font-size:25px;line-height:33px;color:#000;letter-spacing:-1px;background-color: #eee;font-weight: 700;padding: 20px;margin: 20px 60px;}
#modal-thankstothe .modal-cont .cont_txt .cont_first{color: #2591ff;}

#modal-thankstothe .modal-cont .btn-area .btn-default_right:focus,#modal-thankstothe .modal-cont .btn-area .btn-default_left:focus{ outline:none; }
#modal-thankstothe .btn-modal-close span {position: absolute;top: 50%;left: 50%;height: 60px;
  width: 60px; margin: -35px 0 0 -35px;text-indent: -99999px;background: url(/cjom/web/images/common/btn-modal-close.svg) no-repeat 50%;background-size: 83px;}
#modal-thankstothe .modal-cont .btn-area .btn-default {width: 77%;height: 70px;line-height: 72px;
    background-color: #1689ff;font-size: 20px;border: 0;}
#modal-thankstothe .motion_top .v-jong{position: absolute;top:200px;left: 69px;width: 13%;}
#modal-thankstothe .lms-tip-cont,#modal-thankstothe .lms01-tip-cont{padding: 32px 80px;background-color: #ececec;color: #666666;}
#modal-thankstothe .lms-tip-cont p,#modal-thankstothe .lms01-tip-cont p{padding-left: 0;font-size: 16px;line-height: 20px;font-weight: 500;margin-bottom: 10px;color: #666666;}
#modal-thankstothe .lms-tip-cont li,#modal-thankstothe .lms01-tip-cont li{overflow: hidden;position: relative;padding-left: 8px;font-size:14px;line-height: 20px;}
#modal-thankstothe .lms-tip-cont li + li,#modal-thankstothe .lms01-tip-cont li + li{margin-top: 3px;}
#modal-thankstothe .lms-tip-cont .lms-list li::before,#modal-thankstothe .lms01-tip-cont .lms01-list li::before{content: '*';position: absolute;
  left: 0;top: 4px;}
#modal-thankstothe .modal-cont .btn-area{padding-bottom: 25px;}
#modal-wrap_01 .dimmed {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;
  background: rgba(0, 0, 0, .5);}
  
#modal-thankstothe .lms-tip-cont.on, #modal-thankstothe .lms01-tip-cont.on {display: block;}

#modal-thankstothe  .hidden { display: none; }
#modal-thankstothe .lms-tip-cont,#modal-thankstothe .lms01-tip-cont {
      display: none; /* 기본적으로 숨기기 */
    }