@font-face {
  font-family: 'cpsansdisplay';
  src: url('/wp-content/plugins/coupang-consulting/CPSansDisplay-aTh.otf') format('truetype');
}

.neo_wrap { width: 100%;height:100%;  display: flex;  flex-direction: column; }
.neo_wrap .neo_button {width:100%; margin:0 auto;}
.neo_wrap .neo_button button:hover,.neo_wrap .neo_button button:focus {background-color: #929292 !important; border: 1px solid #929292 !important;}
.neo_wrap .consulting_button .neo_button button:focus,.neo_wrap .consulting_button .neo_button button:hover{ background-color: #18a0fb !important; border: 1px solid #18a0fb !important;  color :#FFFFFF !important;outline: unset!important;}



.neo_step_num{ color: #B1B7C0; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 2.7em;}
.neo_step_title{  display: inline-block;  line-height: 1.2em; vertical-align: middle; margin-left:20px; font-weight: 500; font-size: 1.5em; color: #5A6877; }
.estimate_progress_bar .bar_area .gauge {  height: 4px;  background-color: #18a0fb ;  position: absolute;  left: 0;  content: "";  display: block;  border-radius: 10px;  -webkit-transition: all 1s;  transition: all 1s;}
.estimate_progress_bar .bar_area {  height: 4px;  background-color: #ddd; position: relative;  border-radius: 10px;}
.estimate_progress_bar {  height: 5px;  margin-top: 1.8em;  margin-bottom:  2.5em;}
.neo_button { width: 84%; margin: 0px 8%; }
.neo_button input,.neo_button button { white-space: normal; background-color:#fff !important; width:100%;  margin-bottom:0.5em; word-break: break-all; word-wrap: break-word;}
.neo_button input:hover,.neo_button button:hover{ background-color: #18a0fb !important; border: 1px solid #18a0fb !important;  color :#FFFFFF !important;}
.neo_button input:focus,.neo_button button:focus{ background-color: #18a0fb !important; border: 1px solid #18a0fb !important;  color :#FFFFFF !important;outline: unset!important;}
.consulting_button input{ margin-top:1.1em;  margin-bottom:0; background-color: #18a0fb !important; border: 1px solid #18a0fb !important; color :#FFFFFF !important;font-weight:bold;}
.consulting_button button{ margin-top: 32px;  margin-bottom:0;  background-color: #18a0fb !important; border: 1px solid #18a0fb !important; color :#FFFFFF !important;}

.slid_main {  position: relative; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
#aro1_next,#aro1_prev {left:8%;transform: translate(0,-50%);  color: transparent; text-shadow: 0 0 0 black; z-index: 10; border: none;  position: absolute; top:68%;  width:1.4em; height:4.4em; cursor: pointer;  background-image: url(/wp-content/plugins/coupang-consulting/consul-prev.svg);  background-size: contain;  background-repeat: no-repeat;  }
#aro1_next {left:unset; right:8%;background-image: url(/wp-content/plugins/coupang-consulting/consul-next.svg);}
.slid_right,.slid_left {left:0px; position: absolute;  top:50%; transform: translate(0,-50%);  width:12px;  height: 40px;  cursor: pointer;  background-image: url(/wp-content/plugins/coupang-consulting/consul-prev.svg);  background-size: contain;  background-repeat: no-repeat;  }
.slid_right { left:unset; right:0; background-image: url(/wp-content/plugins/coupang-consulting/consul-next.svg);}
.slid_left {opacity: .5;}
.slick-arrow:hover {opacity: .5;}
/* 맞춤컨설팅 페이지 */
.loading {text-align: center;  display: none;  padding: 100px;}
.slick-arrow {display: block !important;}
.consul_wrap .slick-track {display: flex;}
.consul_wrap {width:100%;     min-height: 240px; background-color:#f9f9f9; border-radius: 1.3em; padding: 3.1em 8%; color:#666; font-weight:400; line-height: 1.6em;}
.consul_wrap .neo_step_num{color:#18A0FB; font-weight: 100; font-size:6em; line-height: 1em; font-family: 'cpsansdisplay';}
.consul_wrap .neo_step_title{font-size:1.8em; color:#212B36; line-height: 1.4em; margin-left:1em; width: calc(100% - 6em);}
.consul_wrap .estimate_progress_bar {margin:1.7em 0 3.1em;}
.consul_wrap .neo_button input,
.consul_wrap .neo_button button {border-color:#d9d9d9 !important; padding:0.4em 2em 0.4em 2em !important;} 
.consul_wrap .neo_button input:hover,
.consul_wrap .neo_button button:hover{border: 1px solid #18a0fb !important;}
.consul_wrap .neo_button input:focus,
.consul_wrap .neo_button button:focus{border: 1px solid #18a0fb !important;}
.consul2 {margin:0 8%;}
.consul2 .neo_button {width:100%; margin:0;}
.consul2 .neo_button-fin {margin-top:1.4em;}
.neo_begin_btn:hover {opacity: .8;}
.consul2 .neo_button-fin .neo_button input {border:2px solid #18A0FB !important; background-color:#18A0FB !important; color:#fff !important;}
.neo_begin_btn:hover,.consul2 .neo_button-fin .neo_button .neo_begin_btn:hover,.neo_begin_btn,.consul2 .neo_button-fin .neo_button .neo_begin_btn {border:2px solid #18A0FB !important; color:#18A0FB !important; background-color: #fff !important;}
.neo_related_btn:hover,.consul2 .neo_button-fin .neo_button .neo_related_btn:hover,.neo_related_btn,.consul2 .neo_button-fin .neo_button .neo_related_btn {margin-top:1.4em;background-color:#212B36 !important; border-color:#212B36 !important; color:#fff;}
.consul_wrap .solu {font-size: 1.4em; line-height: 1.4em; color:#212B36; text-align: center; font-weight: 500;}
.consul_wrap .solu:after {content:""; display: block; width:16em; height:10em; background:url(/wp-content/plugins/coupang-consulting/solu.png) no-repeat center/contain; margin:1.6em auto 2em; max-width: 100%;}
.consul_wrap .neo_button-btm {margin-top:3.1em;}
.consul_wrap .neo_input-top {margin:1.5em 0;}
.consul_wrap .neo_button-btm input:not([type=button]) {margin:.5em 0;}
.consul_wrap .slick-slide .img-wrap {margin:1.5em 0;}
.consul_wrap .slick-slide img {border:1px solid #d9d9d9;}
.consul_wrap .slick-slide .small-img {display: inline-block; margin:0 0 -0.2em 0; border:none;}
.opacity-arrow {opacity: .5; cursor:auto !important;}
.consul_wrap .depth {margin-left:1em;    display: inline-block; width: 100%;}
.neo_button-btm a { white-space: wrap; background-color:#fff; color:#929292; text-align: center; display: block; width:100%; border:1px solid #d9d9d9; margin-bottom:0.5em; padding: 0.4em 2em 0.4em 2em;font-size: 1em; font-weight: 400; border-radius: 20px 20px 20px 20px;} 
.neo_button-btm a:hover{ background-color: #18a0fb; border: 1px solid #18a0fb;  color :#FFFFFF;}
.neo_button-btm a:focus{ background-color: #18a0fb; border: 1px solid #18a0fb;  color :#FFFFFF;outline: unset;}
@media (max-width:1480px) {
  .neo_wrap { margin:0 auto;}
}
@media (max-width:767px) {  
  .neo-wrap { width:100%; }
  .neo_wrap .neo_button {width:90%;}
  .neo_step_title {  font-size:18px; margin-left:16px; }
  .estimate_progress_bar {margin-top:30px;  margin-bottom:40px;} 
  .consul_wrap {padding:40px 5%;}
  .consul_wrap .neo_step_num{ font-size:40px;}
  .consul_wrap .neo_step_title{font-size:18px; width: calc(100% - 80px);}
  .consul_wrap .estimate_progress_bar {margin: 1.6em 0 2.4em;}
  #aro1_next,#aro1_prev {left:5%;width:1em; height:4em; }
  #aro1_next {left:unset; right:5%;}
  .neo_button {width: calc(100% - 64px); margin: 0px 32px;}
  .consul2 {margin:0 32px;}
  .consul_wrap .neo_button input, .consul_wrap .neo_button button {padding: 0.4em 12px !important;}
  .neo_button-btm a {font-size: 14px;} 
  .consul_wrap .solu {font-size: 16px;}
  .consul_wrap .solu:after {margin:2em auto 2em; height:7em;}
/* 호버 시 흐려짐 모바일에선 x */
.slick-arrow:hover {opacity: 1;}
.neo_begin_btn:hover {opacity: 1;}  
}