@charset "utf-8";


/*누리웹 모든*/

* {
    margin: 0;
    padding: 0;
}

/*풀페이지 민하이 제안*/
html, body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

li {
    list-style: none;
}




/*시험판 시작*/

.trial_bg {
  margin-top: -66px;
  padding-top: 66px;
  min-width: 320px;
  width: 100%;
  height: auto;

  background: url(../../../img/trial_img/trial_bg.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}


.trial_wrap {
  margin: 0 auto;
  max-width: 1150px;
  padding: 0 15px 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-3d .swiper-slide-shadow-left {
  background: none !important;
}

.swiper-3d .swiper-slide-shadow-right {
  background: none !important;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.trial_item_all {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 100px 0px 150px 0px;
}

.trial_item_text {
  width: calc(100%);
  display: flex;
  flex-direction: row;
}



.trial_item_text_tit {
  width: calc(1/2*100% - (1 - 1/2)*50px);
  margin-right: 50px;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.trial_item_text_tit > h2 {
  font-size: 40px;
  line-height: 46px;
  font-weight: 900;
  color: #f4f4f7;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  display: block;
  margin-bottom: 20px;
  word-break: keep-all;
}

@media only screen and (min-width: 0px) and (max-width: 685px) {
  .trial_item_text_tit > h2 {
    font-size: 25px;
    line-height: 30px;
  }
}

.trial_item_text_tit > h2 > span {
  color: #fdba07;
}

.trial_item_text_tit > p {
  font-size: 15px;
  line-height: 27px;
  color: #eae8f3;
  font-weight: normal;
  word-break: keep-all;
}

.trial_item_flex {
  width: calc(1/2*100% - (1 - 1/2)*30px);
  display: flex;
  flex-direction: column;
}

.trial_item_now {
  margin-bottom: 10px;
}

.trial_item_now > p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  display: block;
}

.trial_item_img {
  width: calc(1/2*100% - (1 - 1/2)*100px);
}

.swiper-slide > img {
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .trial_item_text {
    flex-direction: column;
  }

  .trial_item_text_tit {
    width: calc(100%);
    margin-right: 0px;
  }

  .trial_item_flex {
    width: calc(100%);
  }
  
}

@media only screen and (min-width: 0px) and (max-width: 801px) {
  .swiper {
    overflow: inherit !important;
  }

  .trial_item_img {
    width: calc(75%);
    margin-bottom: 50px;
  }

  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) !important;
  }

  .swiper-3d .swiper-slide-shadow {
    background: none !important;
  }
}


@media only screen and (min-width: 800px) and (max-width: 1160px) {
  .swiper {
    overflow: inherit !important;
  }

  .trial_item_img {
    width: calc(55%);
    margin-bottom: 50px;
  }

  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) !important;
  }

  .swiper-3d .swiper-slide-shadow {
    background: none !important;
  }
}


@media only screen and (min-width: 0px) and (max-width: 1160px) {
  .trial_item_all {
    display: flex;
    flex-direction: column-reverse;
    padding: 50px 0px 150px 0px;
  }

  .trial_item_text {
    width: calc(100%);
    margin-right: 0px;
  }
  
}



/*메일 폼*/


.mail_form {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}


.email_form {
  width: 100%;
  padding: 20px 150px 20px 25px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5) !important;
  border-radius: 13px;
  border: none;
  color: #434343;
  margin-bottom: 15px;
  font-size: 14px;
}

.email_form::placeholder {
  color: #9c9c9c;
}

.email_submit {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 15px 25px 15px 25px;
  border-radius: 10px;
  background: #cfcfcf;
  color: #949494;
  font-weight: 900;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 14px;
}


.email_submit.email_submit_active {
  background: #ffb20c;
  color: #434343;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.email_submit.email_submit_active:hover {
  background: #ffbf36;
  color: #434343;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}


.trial_important {
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  margin-bottom: 15px;
}

.trial_important > p {
  font-size: 13px;
  line-height: 23px;
  font-weight: normal;
  color: #434343;
  word-break: keep-all;
}

.trial_important > ul > li {
  list-style: disc !important;
  margin-left: 20px;
}

.trial_important > ul > li > p {
  font-size: 13px;
  line-height: 23px;
  font-weight: normal;
  color: #434343;
  word-break: keep-all;
}

.notice_text {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.chk_info {
  margin-right: 8px;
}

.notice_text > label {
  font-size: 13px;
  color: #434343;
}


/*개인정보 수집 폼*/


.support_all {
  width: 100%;
  height: 100%;
  min-width: 250px;

  display: flex;
  flex-direction: column;
  position: relative;
}


.agree_info_text {
  padding: 20px 20px 0px 20px;
}

.new_td_content {
	border-radius: 5px;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 15px;
	border: 1px solid #d8d8d8;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}


.new_td_content > h3 {
	font-size: 16px;
	font-weight: 900;
	color: #434343;

}

.new_td_content > p {
	font-size: 14px;
	font-weight: normal;
	color: #434343;
	line-height: 24px;
}

.new_td_content > ul  {
	margin-bottom: 15px;
}

.new_td_content > ul > li {
	list-style: disc;
	margin-left: 25px;
}

.new_td_content > ul > li > p {
	font-size: 14px;
	font-weight: normal;
	color: #434343;
	line-height: 24px;
}


.new_td_content > ul:last-child {
	margin-bottom: 0;
}



/*동의 팝업*/

.agree_info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  z-index: 4;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}




.agree_info.support_all_popup {
  min-width: 320px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 3;
  position: fixed;
}


.agree_info_content {
  max-width: 1150px;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  z-index: 4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.agree_info_text_box {
  overflow: auto;
}


.agree_info_tit {
  padding: 20px;
  background: #eaeaea;
}

.agree_info_tit > h3 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #434343;
}



.agree_info_btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px;
}


.agree_info_btn > [type=button] {
  padding: 8px 15px 8px 15px;
  background: #1686ee;
  border: none;
  color: #ffffff;
  font-size: 15px;
  border-radius: 8px;
  cursor: pointer;
}



/* 체크 박스*/

.chk_info {
  width: 15px;
  height: 15px;
}


input[type="checkbox"]:focus {		
  outline-color: #ff0c0c;	
  outline-style: dashed;	
  outline-width: 1px;	
}

  
.checkbox_power {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  display: flex;
  flex-direction: row;
}

.checkbox_power input {
  display: none;
  cursor: pointer;
}

.checkmark {
  position: relative;
height: 18px;
width: 18px;
background: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
border: 1px solid #cfcfcf;
margin-right: 8px;
}

.checkbox_power:hover input + .checkmark {
  border: 1px solid #ddd;
  background-color: #ddd;
}

.checkbox_power input:checked + .checkmark {
  border: 1px solid #1686ee;
  background-color: #1686ee;
}

.checkbox_power input:disabled + .checkmark {
border: 1px solid #e7e7e7;
background-color: #e1e1e1;
cursor: no-drop;
box-shadow: none;
}

.checkbox_power .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox_power input:checked + .checkmark:after {
  display: block;
}

.checkbox_power .checkmark:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}






/*특징 시작*/

.feature_bg {
  margin-top: -100px;
  min-width: 320px;
  width: 100%;
  height: auto;
  padding-bottom: 60px;
}

.feature_wrap {
  margin: 0 auto;
  max-width: 1150px;
  padding: 0 15px 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ground_all {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}

.feature_box {
  margin-bottom: 25px;
}


.nar_text_box {
  display: flex;
  flex-direction: column;
}

.nar_now_text_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.nar_now_item {
  width: calc(1/3*100% - (1 - 1/3)*15px);
  margin-right: 15px;
  background: #f9f9f9;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 15px;

  display: flex;
  flex-direction: row;
}


.nar_now_item:nth-child(3n) {
  margin-right: 0px;
}


.nar_text_core {
  display: flex;
  flex-direction: column;
}

.nar_text_core > h3 {
  font-size: 16px;
  font-weight: 700;
  color: #434343;
  display: block;
  margin-bottom: 5px;
}

.nar_text_core > p {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  display: block;
}


@media only screen and (min-width: 0px) and (max-width: 559px) {
  .nar_now_item {
    width: calc(100%);
    margin-right: 0px;
  }

  .nar_now_item:nth-child(2n) {
    margin-right: 0px;
  }

  .nar_now_item:nth-child(3n) {
    margin-right: 0px;
  }

  .nar_now_item:last-child {
    margin-right: 0px;
  }

  .nar_text_core > h3 {
    font-size: 15px;
  }
  
  .nar_text_core > p {
    font-size: 13px;
  }
}


@media only screen and (min-width: 560px) and (max-width: 800px) {
  .nar_now_item {
    width: calc(1/2*100% - (1 - 1/2)*15px);
    margin-right: 15px;
  }

  .nar_now_item:nth-child(2n) {
    margin-right: 0px;
  }

  .nar_now_item:nth-child(3n) {
    margin-right: 15px;
  }

  .nar_now_item:last-child {
    margin-right: 0px;
  }

  .nar_text_core > h3 {
    font-size: 15px;
  }
  
  .nar_text_core > p {
    font-size: 13px;
  }
}





/*아이콘*/

.nar_now_img {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  flex-shrink: 0;
  margin-right: 8px;
}


.nar_now_img1 {
  background: url(../../../img/products_img/icon_nar1.png) no-repeat center center;
  background-size: 60px 60px;
}

.nar_now_img2 {
  background: url(../../../img/products_img/icon_nar2.png) no-repeat center center;
  background-size: 60px 60px;
}


.nar_now_img3 {
  background: url(../../../img/products_img/icon_nar3.png) no-repeat center center;
  background-size: 60px 60px;
}


.nar_now_img4 {
  background: url(../../../img/products_img/icon_nar4.png) no-repeat center center;
  background-size: 60px 60px;
}


.nar_now_img5 {
  background: url(../../../img/products_img/icon_nar5.png) no-repeat center center;
  background-size: 60px 60px;
}


.nar_now_img6 {
  background: url(../../../img/products_img/icon_nar6.png) no-repeat center center;
  background-size: 60px 60px;
}


















/*faq 시작*/

.faq_bg {
  min-width: 320px;
  padding: 50px 0 50px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.faq_wrap {
  margin: 0 auto;
  max-width: 1150px;

  padding: 0 15px 0 15px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/*탭이 있을 경우*/


.nar_tab_box {
  transition: ease-in-out 0.2s;
}

.accordion_box {
 background: #ffffff;
 box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
 margin-bottom: 15px;

 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;

 border-radius: 10px;

 border: 1px solid #ddd;

 overflow: hidden;
}

.accordion_box:last-child {
  margin-bottom: 0px;
}

.accordion_header > h3 {
font-size: 18px;
font-weight: 600;
line-height: 33px;
padding: 15px 60px 15px 15px;
color: #434343;
word-break: keep-all;
text-align: left;
display: block;
cursor: pointer;

background: url(../../../img/products_img/plus.png) no-repeat top 15px right 15px;

transition: ease-in-out 0.3s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}


.accordion_header.tab_open > h3 {
 color: #d11818;
background: url(../../../img/products_img/plus_not.png) no-repeat top 15px right 15px;
}



.inner_tabs > div  {
 border-top: 1px solid #eaeaea;
}


.nar_tab_center {
 background: #f4f4f4;

}


.nar_tab_center > p {
 font-size: 14px;
 line-height: 30px;
 color: #434343;
 word-break: keep-all;
 padding: 20px;

 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}


.nar_tab_center > p > a {
 word-break: break-all !important;
}




@media only screen and (min-width: 0px) and (max-width: 800px) {
  .accordion_header > h3 {
    font-size: 16px;
  }
    
}









/********************************
*
*
* 공통 타이틀 텍스트
*
*
********************************/


.common_text {
  width: 100%;
  height: auto;
}


.common_line {
  width: 50px;
  height: 2px;
  background: #1d282e;
}

.common_line_black {
  width: 50px;
  height: 2px;
  background: #1d282e;
}



.common_text > h2 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 900;
  margin: 0px 0 15px 0;
  color: #1d282e;
  word-break: keep-all;
  text-align: left;
}


.common_text > p {
  font-size: 18px;
  line-height: 35px;
  color: #434343;
  word-break: keep-all;
  margin-bottom: 15px;
}




.common_text_black > h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 80px;
  margin: 0px 0 30px 0;
  color: #1d282e;
  word-break: keep-all;
  text-align: left;
}


.common_text_black > p {
  font-size: 18px;
  line-height: 35px;
  color: #434343;
  word-break: keep-all;
  margin-bottom: 15px;
}



.common_line_center {
  margin: 0 auto;
  width: 50px;
  height: 2px;
  background: #434343;
}


.common_text_center > h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 80px;
  margin: 30px 0 30px 0;
  color: #434343;
  word-break: keep-all;
  text-align: center;
}


.common_text_center > h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 60px;
  margin: 30px 0 30px 0;
  color: #434343;
  word-break: keep-all;
  text-align: center;
}







.common_line_white {
  width: 50px;
  height: 2px;
  background: #fff;
}

.common_text_white > h2 {
  font-size: 35px;
  line-height: 55px;
  font-weight: 900;
  margin: 30px 0 30px 0;
  color: #fff;
  word-break: keep-all;
  text-align: left;
}



.common_text_white > h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin: 30px 0 30px 0;
  color: #fff;
  word-break: keep-all;
  text-align: left;
}



.common_line_white_center {
  margin: 0 auto;
  width: 50px;
  height: 2px;
  background: #fff;
}



.common_text_white_center > h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 80px;
  margin: 30px 0 30px 0;
  color: #fff;
  word-break: keep-all;
  text-align: center;
}



.common_text_white_center > h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin: 30px 0 30px 0;
  color: #fff;
  word-break: keep-all;
  text-align: center;
}


@media only screen and (min-width: 0px) and (max-width: 450px) {
  
  .common_text > h2 {
    font-size: 35px;
    line-height: 55px;
  }


  .common_text_black > h2 {
    font-size: 35px;
    line-height: 55px;
    text-align: center;
  }
  
  
  .common_text > p {
    font-size: 18px;
    line-height: 35px;
    color: #434343;
    word-break: keep-all;
    margin-bottom: 15px;
  }
  
  
  .common_text_center > h2 {
    font-size: 35px;
    line-height: 55px;
  }
  
  
  .common_text_center > h3 {
    font-size: 15px;
    line-height: 30px;
  }
  
  
  
  .common_line_black {
    margin: 0 auto;
  }
  

  .common_line_white {
    margin: 0 auto;
  }
  
  
  .common_text_white > h2 {
    font-size: 35px;
    line-height: 55px;
    text-align: center;
  }
  
  
  
  .common_text_white > h3 {
    font-size: 15px;
    line-height: 30px;
  }
  
  
  
  .common_text_white_center > h2 {
    font-size: 35px;
    line-height: 55px;
  }
  
  
  
  .common_text_white_center > h3 {
    font-size: 15px;
    line-height: 30px;
  }
  
  
  
}










/****************************
*
*
* 알림
*
*
******************************/


.thankyou_bg {
  min-width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.thankyou_wrap {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;

  margin: 0 auto;
  max-width: 500px;

/*높이를 안줘야 최소 높이 했을때 안겹침*/
  height: auto;

  padding: 25px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;


}


.thankyou_box {
  padding: 25px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  border: 1px solid #eaeaea;
}

.thankyou_img {
  margin: 0 auto;
  width: 150px;
  height: 60px;

  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}


.checkmark__circle {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  stroke-width: 2;

  stroke: #ce242a;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark_ani {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #ce242a;
  animation: scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.spark_all {
  width: 100px;
  height: 100px;
  position: absolute;
}
.st0 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  position: absolute;
  stroke: #ce242a;
  stroke-width: 0.7;

  animation: stroke2 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}


@keyframes stroke2 {
  0% {
    stroke-dashoffset: -200;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 200;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

/*배경있을때
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
*/


/*x일때*/

.stx_all {
  width: 60px;
  height: 60px;
}

.stx_circle {
  stroke: #ce242a;
  stroke-width: 0.9;

  stroke-dasharray: 100;
  stroke-dashoffset: 100;

  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.stx {
  stroke: #ce242a;
  stroke-width: 0.9;

}

.stx1 {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;

  animation: stroke_verse 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.stx2 {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;

  animation: stroke_reverse 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}


.stx_all {
  animation: shake_all 0.1s cubic-bezier(0.65, 0, 0.45, 1) 1.6s forwards;
}

@keyframes stroke_verse {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke_reverse {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


@keyframes shake_all {
  0% {
    
    transform: translate3d(-2px, 0, 0);
  }

  25% {
    transform: translate3d(2px, 0, 0);
  }

  50% {
    transform: translate3d(-2px, 0, 0);
  }

  75% {
    transform: translate3d(2px, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}


/*x일때 끝*/

.thankyou_text {

}

.thankyou_text > h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 300;
  color: #ce242a;
  margin-top: 15px;
  margin-bottom: 15px;
  word-break: keep-all;
}

.thankyou_text > p {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #434343;
  margin-bottom: 15px;
  word-break: keep-all;
}






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


.thankyou_ok_btn {
  transition: all ease-in-out 0.1s;
}

.thankyou_ok_btn:hover {
  transform: scale(1.1);
}

.thankyou_ok_btn > h3 {
  display: block;
  padding: 5px 15px 5px 15px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #eaeaea;
  cursor: pointer;
  color: #ffffff;
  background: #ce242a;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.thankyou_ok_btn > h3 > a {
  cursor: pointer;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.thankyou_ok_btn > a > h3 {
  display: block;
  padding: 5px 15px 5px 15px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #eaeaea;
  cursor: pointer;
  color: #ffffff;
  background: #ce242a;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.thankyou_logo {
  border-top: 1px solid #eaeaea;
  padding-top: 15px;
  margin-top: 15px;
}

.thankyou_logo_img {
  margin: 0 auto;
  width: 100px;
  height: 33px;
  background: url(../../../img/main_img/main_logo_nurilab.svg) no-repeat center center;
  background-size: 100px 33px;
}





































/*공통 input 스타일*/

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    
    -webkit-appearance: none;
    margin: 0;
}
/*input=text number의 사파리, 크롬, 파이어폭스 보더를 제거합니다.*/

input:focus {
  outline: none;
}

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow:none;
}

.input_tit {
	margin-right:5px;
}

label {
    cursor: pointer;
}

input[type=button] {
    font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=radio] {
    vertical-align: middle;
    font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
}

	.radio_label {
		display:inline-block;
		line-height:25px;
		margin-right:10px;
      font-size: 13px;
	}

	
input[type=submit] {
    font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
}
input[type=text] {
    font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
}


input[type=email] {
    font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    
    -moz-appearance: none;
}

input[type=checkbox] {
    font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", 돋움, Dotum, Arial, "Apple Gothic", sans-serif;
}