/* 섹션(section) 기본 */
.sec_mg {margin-top:80px; margin-bottom:80px;}

.sec_bg0 {background-color: #FFFFFF !important;}
.sec_bg1 {background: url(/assets/img/sec_bg.png) no-repeat; background-size: cover;}
.sec_bg2 {background-color: #303249 !important;}

.back_m1 {background: url(/assets/img/bg_m1.jpg) repeat; background-size: cover;}
.back_m2 {background: url(/assets/img/bg_m2.jpg) repeat; background-size: cover;}
.back_m3 {background: url(/assets/img/bg_m3.jpg) repeat; background-size: cover;}

.style_flower1 {
  position:absolute;
  width:700px;
  height:237px;
  margin-top:-160px;
  background: url(/assets/img/flower_back1.png) center center no-repeat;
  background-size: 75%;
}

.style_bg1 {background: url(/assets/img/luxury_pattern.jpg) repeat;}

@media screen and (max-width: 768px) {
.sec_mg {margin-top:20px; margin-bottom:20px;}
.style_bg1 {background-size: 100%; background-position:center;}
.style_flower1 {
  position:absolute;
  width:100%;
  height:170px;
  margin-top:-160px;
  background-size: 100%;
}
}


.feature {
    background: url(/assets/img/bg-hero.png) center center no-repeat;
    background-size: cover;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom:10px;
}

.section-title h2 {
	display: block;
	font-size: 46px;
	font-weight: 800;
	color:#303249;
	word-break: keep-all;
	margin: 0 auto;
	line-height: 56px;
}

.section-title p {
	font-size: 16px;
	color: #a0a0a0;
	word-break: keep-all;
	display: block;
	font-weight:600;
}

.cont-mt200 {margin-top:200px;}


/* 서브타이틀 */
.inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
.box:last-child {padding-bottom: 100px;}
.ttl01 {text-align: center; margin-bottom: 55px;}
.ttl01 strong {display: block; font-size: 36px; font-weight: 800; word-break: keep-all; line-height: 60px;}
.ttl01 strong::after {content: ''; display: inline-block; width: 11px; height: 11px; background-color: #55a30f; vertical-align: top; border-radius: 50%; margin-left: 3px;}

/* 메인 텍스트 Extend */

.m-uni-t {font-size:50px; font-weight: 600; color:#303249;}
.m-uni-t span {font-size:60px; font-weight:900;}
.m-uni-s {font-size:30px; margin-bottom:20px;}
.m-uni-b {font-size:20px;}

@media screen and (max-width: 768px) {
.m-uni-t {font-size:28px; color:#303249;}
.m-uni-t span {font-size:35px; font-weight:900;}
.m-uni-s {font-size:20px; margin-top:10px; margin-bottom:20px;}
.m-uni-b {font-size:15px;}
}

/* 로그인 */
.login-w {width:400px;}
.login-w .frm_input {background:#f7f7f7; height:50px; padding:15px; margin:0 0 20px}

.login-t {font-size:32px; font-weight:800; letter-spacing:-1px}

@media screen and (max-width: 768px) {
  .login-w {
    width: 100%;
  }
}


/* 게시판 */
.view-title {font-size:24px; font-weight:600; color:#55a30f}

.img-list img {width:100%;}
.vod-list iframe {width:360px; height:203px; margin:5px;}

.vod-view iframe {width:720px; height:400px;}

.view_col_btn ul {float:left; width:100%;}
.view_col_btn li {display: inline-block; margin:0 5px 0;}

.bod-submit{line-height:30px; padding: 5px 25px 5px; border-radius:3px;font-weight:700;font-size:14px;background: #303249;color:#fff;transition:all .2s ease-out;border: none;}
.bod-submit:hover{box-shadow:3px 3px 8px rgba(0, 0, 0, .2);background: #fff;color:#333;}

.button {border: 0;box-shadow: inset 0 0 0 1px #f45e61;position: relative;}
.button::before, .button::after{content: "";position: absolute;width: 100%;height: 100%;}

.draw {transition: color 0.25s;}
.draw::before, .draw::after {border: 1px solid transparent;width: 0;height: 0;}
.draw::before {top: 0;left: 0;}
.draw::after {bottom: 0;right: 0;}
.draw:hover {color: #60daaa;}
.draw:hover::before, .draw:hover::after {width: 100%;height: 100%;}
.draw:hover::before {border-top-color: #60daaa;border-right-color: #60daaa;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.draw:hover::after {border-bottom-color: #60daaa;border-left-color: #60daaa;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}

.meet:hover {color: #fbca67;}
.meet::after {top: 0;left: 0;}
.meet:hover::before {border-top-color: #000;border-right-color: #000;}
.meet:hover::after {border-bottom-color: #000;border-left-color: #000;transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;}

#bo_w .btn-confirm .btn-submit{background: #1c54a7;box-shadow:none;border: none;color: #fff;width: 140px;height: 50px;font-size: 16px;vertical-align: top;margin-right: 10px;font-weight: bold;transition:all .4s ease-out;}
#bo_w .btn-confirm .btn-submit:hover{background: none;color:#000}
#bo_w .btn-confirm .btn-cancel{box-shadow: inset 0 0 0 1px #dadada;text-align: center;display: inline-block;width: 140px;height: 50px;line-height: 50px;color: #333;font-size: 16px;vertical-align: top;font-weight: bold;}


@media screen and (max-width: 768px) {
.vod-view iframe {width:100%; height:220px;}
.bod-submit{padding: 5px 15px 5px;}
}



/* --------------------------------------------------------------------------------------- */

/* 와이드형 */
@media (min-width: 992px) {
  .container.wisdeSEC {
      max-width: 100% !important;
  }

  .wide-text  {
      padding-right: calc(((100% - 960px) / 2) + .75rem);
  }
}

@media (min-width: 1200px) {
  .wide-text  {
      padding-right: calc(((100% - 1140px) / 2) + .75rem);
  }
}

@media (min-width: 1400px) {
  .wide-text  {
      padding-right: calc(((100% - 1320px) / 2) + .75rem);
  }
}


/*** Img Border ***/
.img-border {
  position: relative;
  height: 100%;
  min-height: 400px;
}

.img-border::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 3rem;
  bottom: 3rem;
  border: 5px solid #e1e1e1;
  border-radius: 6px;
}

.img-border img {
  position: absolute;
  top: 3rem;
  left: 3rem;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  object-fit: cover;
  border-radius: 6px;
}

/* --------------------------------------------------------------------------------------- */

/* 메인.무료상담신청 */
.freephone {color:#fff;}
.freephone span {
color: #FBFBFB;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.freephone h1 {
color: #FBFBFB;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.freephone h2 {
color: #FBFBFB;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


.inptFld {width:100%; height:50px; border-radius: 5px; padding:10px;}
.inptFld_chk {width:25px; height:25px;}

.intpselect input {width:20px; height:20px; margin-right:10px;}


.intp-button {
  align-items: center;
  background-image: linear-gradient(135deg, #f34079 40%, #fc894d);
  border: 0;
  border-radius: 10px;
  margin:0 auto;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 700;
  height:50px;
  line-height:50px;
  justify-content: center;
  letter-spacing: -1px;
  line-height: 1;
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.intp-button:active {
  outline: 0;
}

.intp-button:hover {
  outline: 0;
}

.intp-button span {
  transition: all 200ms;
}

.intp-button:hover span {
  transform: scale(.9);
  opacity: .75;
}

@media screen and (max-width: 991px) {
  .intp-button {
    font-size: 15px;
    height: 50px;
  }

  .intp-button span {
    line-height: 50px;
  }
}


/*--------------------------------------------------------------
# 메인.커플매니저
--------------------------------------------------------------*/
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  transition: 0.5s;
  height: 100%;
}

.team .member .pic {
  overflow: hidden;
  width: 180px;
  border-radius: 50%;
}

.team .member .pic img {
  transition: ease-in-out 0.3s;
}

.team .member:hover {
  transform: translateY(-10px);
}

.team .member .member-info {
  padding-left: 30px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}

.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}

.team .member span::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}

.team .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #eff2f8;
}

.team .member .social a i {
  color: #37517e;
  font-size: 16px;
  margin: 0 2px;
}

.team .member .social a:hover {
  background: #47b2e4;
}

.team .member .social a:hover i {
  color: #fff;
}

.team .member .social a+a {
  margin-left: 8px;
}


/*--------------------------------------------------------------
# 메인.진행절차
--------------------------------------------------------------*/
.services .img {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0 25px rgba(0,0,0,0.2);
}

.services .img img {
  transition: 0.6s;
}

.services .details {
min-height:195px;
  padding: 50px 30px;
  margin: -150px 30px 0 30px;
  transition: all ease-in-out 1s;
  background: var(--color-white);
  position: relative;
  background: rgba(255,255,255,1);
  text-align: center;
  border-radius: 8px;  
}

.services .details .icon {
  margin: 0;
  width: 80px;
  height: 80px;
  background: var(--color-primary);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--color-white);
  font-size: 28px;
  transition: ease-in-out 0.3s;
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  border: 6px solid var(--color-white);
}

.services .details h3 {
  color: var(--color-default);
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 22px;
  transition: ease-in-out 0.3s;
}

.services .details p {
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
}

.services .service-item:hover .details h3 {
  color: var(--color-primary);
}

.services .service-item:hover .details .icon {
  background: var(--color-white);
  border: 2px solid var(--color-primary);
}

.services .service-item:hover .details .icon i {
  color: var(--color-primary);
}

.services .service-item:hover .img img {
  transform: scale(1.2);
}


/*--------------------------------------------------------------
# 메인.베트남와이드
--------------------------------------------------------------*/
.promotion-carousel .promotions {
  width: 100%;
  height: 100%;
}
.promotion-carousel .promotion {
  width: 100%;
  height: 750px;
  min-height: 600px;
  position: relative;
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
}
.promotion-carousel .promotion .shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 50%);
}

.promo-text {
  color: #fff;
  position: relative;
}
.promo-text .copy {
  display: block;
}

.promo-detail {
  position: absolute;
  left: 20%;
  top: 50%;
  z-index: 100;
  width: 85%;
  margin-left: 30px;
  padding: 10% 10% 10% 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.promo-detail .headline {
  font-weight: 600;
  font-size: 4em;
  line-height: 1.15;
  margin-bottom: 5px;
  letter-spacing: -1px;
  text-shadow: 2px 1px 6px #383838;
  text-transform: uppercase;
}
.promo-detail .body {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 5px;
  text-transform: none;
}
.promo-detail .buttons {
  padding: 15px 0;
}
.promo-detail .button {
  box-sizing: content-box;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  width: auto;
  display: inline-block;
}
.promo-detail .button:first-child {
  background: #b10000;
}
.promo-detail .button:first-child:hover {
  border-color: #c00;
  background-color: #c00;
}
.promo-detail .dash {
  background: #b10000;
  display: block;
  height: 5px;
  margin-bottom: 20px;
  width: 70px;
}
.promo-detail .promo-flag {
  background: 0 0;
  font-size: 2em;
  line-height: 14px;
  margin-bottom: 8px;
  position: relative;
  text-shadow: 2px 1px 6px #383838;
  text-transform: uppercase;
  display: inline-block;
}

@media (max-width: 768px) {
  .promo-detail {
    left: 0;
    width: 100%;
    text-align: center;
  }
  .promo-detail .headline {font-size:2.5em;}
  .promo-detail .dash {margin:0 auto; margin-bottom:20px;}
  .promo-detail .promo-flag {font-size:1.5em;}

  }

.navigation {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 50px;
}
.navigation ul {
  list-style: none;
  padding: 0;
}
.navigation li {
  position: relative;
  width: 8px;
  height: 8px;
  margin: 15px 0;
}
.navigation li a {
  background-color: #fff;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  display: block;
  transition: .2s ease;
}
.navigation li a.active {
  background-color: #b10000;
}



/* 커플매니저 모집 */
.manager {border-radius: 15px; margin-bottom:50px;}
.manager_tx {padding:0 100px 0;}
.mge_tx1 {margin-top:130px; font-size:32px; margin-bottom:10px;}
.mge_tx2 {font-size:60px; line-height:65px; font-weight: 700;}
.mge_tx2 span {color:#1c54a7}

@media (max-width: 768px) {
  .manager {margin:0}
  .manager_tx {padding:0 50px 0; text-align: center;}
  .mge_tx1 {margin-top:40px; font-size:28px;}
  .mge_tx2 {font-size:50px; letter-spacing: -2px; line-height:50px; margin-bottom:20px;}
  }


.footer_bottom {display:none;}

/* 하단정보(Footer) */
#footer {background-color: #212429;}
#footer .footBox {width:1200px; margin: 0 auto; box-sizing: border-box;}
#footer .f_menu {border-bottom: 1px solid #494c50; padding: 20px 0 20px;}
#footer .f_menu li {display: inline-block; position: relative; margin-right: 50px;}
#footer .f_menu li::before {content: ''; width: 1px; height: 10px; background-color: #5d5d5d; position: absolute; right: -26px; top: 50%; margin-top: -5px;}
#footer .f_menu li:last-child {margin-right: 0;}
#footer .f_menu li:last-child::before {display: none;}
#footer .f_menu li a {display: block; font-size: 15px; color: #dddddd; word-break: keep-all; line-height: 30px;}
#footer .f_cont {width: 100%; padding: 20px 0 30px;}
#footer .f_cont li {display: inline-block; font-size: 14px; line-height: 34px; color: #d5d6dc; word-break: keep-all; margin-right: 42px;}
#footer .f_cont li:last-child {margin-right: 0;}
#footer .btm_bx {background-color: #000000; font-size: 14px; padding:20px; letter-spacing:0; color: #666666; word-break: keep-all;}


@media all and (max-width:768px){
  #footer {padding-bottom: 60px;}
  #footer .footBox {width:100%;}
  #footer .f_menu {width:90%; margin:0 auto;}
  #footer .f_menu li {display:inline-block; width:100%; padding:10px; margin:0 0 5px; background:#3e4249; text-align:center;}
  #footer .f_menu li::before {display:none;}
  #footer .f_cont {text-align:center;}
  
  .footer_bottom {
  display:block;
  position: fixed;
  width: 100%;
  height: auto;
  bottom:0;
  right:0;
  z-index:1000;
}

.footer_bottom button {height:50px;}
}

.sideBanner {
  position: fixed;
  width: 80px;
  height: 300px;
  top: 230px;
  right:15px;  
  z-index:1000;
}

.sideBanner ul {width:100%; padding:0; margin:0;}
.sideBanner li {width:80px; height:90px; color:#fff;}
.sideBanner li div {height:14px; font-size:20px; font-weight: 600; letter-spacing: 0;}
.sideBanner li div span {margin-top:5px; margin-bottom:5px;}

@media all and (max-width:768px){
	.sideBanner {display:none;}
}