/* 폰트 적용 */

body {
  font-family: "Roboto", "NotoSansKR", "sans-serif";
}

@font-face {
  font-family: NotoSansKR;
  font-weight: 300;
  src: local("NotoSansKR-Light"),
    url(/font/NotoSansCJKkr-Light.woff) format("woff");
}
@font-face {
  font-family: NotoSansKR;
  font-weight: 500;
  src: local("NotoSansKR-Medium"),
    url(/font/NotoSansCJKkr-Medium.woff) format("woff");
}
@font-face {
  font-family: NotoSansKR;
  font-weight: 400;
  src: local("NotoSansKR-Regular"),
    url(/font/NotoSansCJKkr-Regular.woff) format("woff");
}
@font-face {
  font-family: NotoSansKR;
  font-weight: 100;
  src: local("NotoSansKR-Thin"),
    url(/font/NotoSansCJKkr-Thin.woff) format("woff");
}
@font-face {
  font-family: "Futura-m";
  font-weight: 500;
  src: url(/font/Futura-Std-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "futurastd";
  font-style: normal;
  font-weight: 400;
  src: url(../font/Futura_Medium.ttf) format("woff2"),
    url(../font/Futura_Medium.ttf) format("woff"),
    url(../font/Futura_Medium.ttf) format("opentype");
  unicode-range: U+0041-005A, U+0061-007A;
}
.font_futur {
  font-family: "Futura-r";
}
.font_futum {
  font-family: "Futura-m";
}
.font_noto_k {
  font-family: "NotoSansKR";
}
.font_t {
  font-weight: 100;
}
.font_l {
  font-weight: 200;
}
.font_r {
  font-weight: 300;
}
.font_m {
  font-weight: 400;
}
.font_b {
  font-weight: 500;
}
.font_bk {
  font-weight: 600;
}
.font_medium {
  font-weight: 500;
}
.p_color {
  color: #873c91;
}
.p_bg {
  background: #873c91;
}
.sub_bg {
  background: #efe6f1;
}
.menu ul {
  font-size: 18px;
}
#sec_m {
  width: 100%;
  height: 100vh;
}
#sec_2 {
  width: 100%;
  height: 100vh;
  background: #873c91;
  position: relative;
}
.sec_2_title {position: absolute;left:40px;top:0;}
#sec_2_m {
  width: 100%;
  padding: 60px 0 65px;
  background: #873c91;
    position: relative;height:100vh;
}
#sec_3 {
  height: 100vh;
  position: relative;
}
#sec_3_m {
  padding: 73px 0 59px;
    height:100vh;
}
#sec_3_m .mart35 img {
  vertical-align: bottom;
}
#sec_3 .con {
  margin-top: 108px;
}
.sec_3_line {
  width: 53px;
  height: 2px;
  background: #873c91;
  margin: 25px 0px 60px -15px;
}
.sec_3_content {
  position: relative;
}
.con_sec3 {position: absolute;right:40px;bottom:60px;}
#sec_m .content_img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}
#sec_m .content_img img {
  height: 100%;
}
#sec_4 {
  width: 100%;
  height: 100vh;
   
}
#sec4 {
  padding:100px 0px;
   overflow: hidden;  
}
#sec5 {
}
#sec_5_m {height:100vh;}
.sec_4_line {
  width: 53px;
  height: 2px;
  background: #873c91;
  margin: 16px 0px 50px -15px;
}
.gray_box {
  padding: 26px 0;
  text-align: center;
  background: #595757;
  color: #fff;
  font-size: 22px;
  width: 348px;
}
.gray_box_m {
  padding: 18px 0;
  text-align: center;
  background: #595757;
  color: #fff;
  font-size: 20px;
  width: 300px;
  height: 211px;
}
.purple_box_m {
  background: #873c91;
  width: 300px;
  margin-top: 11px;
  text-align: center;
  color: #fff;
  padding-top: 30px;
  height: 271px;
}
.purple_box {
  background: #873c91;
  width: 348px;
  margin-top: 11px;
  text-align: center;
  color: #fff;
  height: 319px;
  padding-top: 40px;
}
.con_text {
  font-size: 15px;
  color: #808080;
  font-weight: 400;
}
.water_mark_2 {
  display: block;
  position: absolute;
  bottom: 50px;
  left: 50px;
}
.sec_2_con {
  position: absolute;
  left: 0;
  bottom: 40px;
  padding: 0px 40px;
  width: 100%;
}
.sec_2_con.mobile {padding:0px 20px;}
.water_mark {
  position: relative;
  bottom: 0px;
}
.left_line {
  border-left: 1px #873c91 solid;
}
.slide_box {
  background: #f6f6f6;
  padding: 100px 0px;
}
.slide_box .owl-dots .owl-dot,
.slide_1 .owl-dots .owl-dot {
  background: #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 7px;
}
/* .slide_box .owl-dots {
  margin-top: 90px;
} */
.slide_1 .owl-dots {
  margin-top: 35px;
  text-align: center;
}
.slide_box .owl-dots .owl-dot.active,
.slide_1 .owl-dots .owl-dot.active {
  background: #873c91;
}
.google_map {
  /* height: 889px; */
}
.business_card {
  /* background: url(../img/sec5_con.png); */
  background: #883c92 url(../img/new-s.png) no-repeat right center;
  /* background-position: right center; */
  width: 100%; 
  height: 370px;
  padding: 44px 53px 52px;
  /* background-size: cover; */
  color: #fff;
}
.call_info {
  margin-top: 90px;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
}
.call_info_m {
  margin-top: 55px;
  line-height: 25px;
  color: #fff;
  font-size: 15px;
}
.bottom_line {
  border-bottom: 1px #999 solid;
}
textarea {
  border: none;
}
.btn {
  border: 1px #873c91 solid;
  padding: 6px 0;
  width: 114px;
  text-align: center;
  background: none;
}
.aside_menu {
  position: fixed;
  right: 20px;
  transform: translate(-50%, -50%);
  top: 50%;
}
.aside_menu li {
  width: 12px;
  height: 12px;
  background: #ccc;
  border-radius: 50%;
  margin-top: 10px;
}
.aside_menu li.active {
  background: #873c91;
}
.aside_menu li.active2 {
  background: #ffffff5e;
}

.owl-dots{
  position: absolute;
  width: 100%;
  bottom: 40px;
  left: 0;
}