/*     384665 : 한줄 텍스트      */
.bg01 {background-image:url('/img_up/shop_pds/friendent11/build/option/sang-dan-bae-neo17107401041511.jpg'); background-repeat: no-repeat;   background-position: center center; padding: 90px 15px; background-size: cover; text-align:center; color:#000; position:relative; }

.top_title {width:100%; }
.top_title  span { font-weight:300; font-size:16px; color:{$farm_set[color]}; letter-spacing:1px; text-transform:uppercase; }
.top_title p { font-family: 'Noto Serif KR', serif !important;  margin: 10px 0;padding:0; font-weight:700; font-size:24px; color:{$farm_set[color]};  line-height: 1em; text-transform:uppercase; position:relative;}
.top_title p::after { content:""; display:block; width:60px; height:2px; background:#000; margin:20px auto;}

.textarea__970185__ p {margin:0;padding:0px; font-size:16px;font-weight:500;color:{$farm_set[color]};letter-spacing:0;line-height:1.4em;
}

.textarea__970185__ p span {font-weight:bold; background:#01479d;  padding: 0px 10px;}

.mm {display:block;}
.pc {display:none;}

.scroll>a { padding-top: 60px; position:absolute;}
.scroll>a>span{position: absolute;  top: 14px;  left: 50%;  width: 30px;  height: 50px;  margin-left: -15px;  border: 2px solid #444;  border-radius: 50px; box-sizing: border-box;}
.scroll>a>span::before{position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #444; border-radius: 100%; -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; box-sizing: border-box;}
.scroll>a span::after {position: absolute; bottom: -18px; left: 50%;  width: 18px; height: 18px; content: ''; margin-left: -9px; border-left: 2px solid #444; border-bottom: 2px solid #444; -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  box-sizing: border-box; }

@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);  opacity: 0; }
40% { opacity: 1;}
  80% { -webkit-transform: translate(0, 20px);  opacity: 0; }
  100% { opacity: 0;}
}
@keyframes sdb {
0% { transform: translate(0, 0); opacity: 0; }
  30% {opacity: 1;  }
  60% { transform: translate(0, 20px);opacity: 0; }
  100% {  opacity: 0;}
}

@media all and (min-width:1024px){
.bg01 {background-image:url('/img_up/shop_pds/friendent11/build/option/sang-dan-bae-neo1710740104611.jpg');  padding: 150px 0;  background-position: center center;}

.top_title {width:1240px; margin:0 auto;}
.top_title  span { font-size:24px;  letter-spacing:5px;}
.top_title p { font-size:70px; margin: 30px 0 0; }
.top_title p::after { width:80px; height:2px; margin:30px auto;}
.textarea__970185__ p {font-size:24px; padding:0; width:1240px; margin:0 auto;}
 .pc {display:block;}
.mm {display:none;}
}

/*     384675 : BLANK 컨텐츠      */
.blank__384675__ {box-sizing:border-box;display:block;position:relative;width:100%;height:40px}
.blank__384675__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__384675__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__384675__ {height:20px}
}

/*     385235 : 한줄 텍스트      */
@font-face {
	font-family:'icomoon_slider';
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
	font-weight:normal;
	font-style:normal;
}

p {margin:0; pagging:0;}
.img_163561_ {display:inline-block; overflow:hidden; position:relative; max-width:100%; vertical-align:top;}
.img_163561_ * {box-sizing:border-box;}
.img_163561_ img {max-width:100%; vertical-align:top; display:block; }
  
.image_ok p a {border:1px solid #000; padding: 5px 20px; display: inline-block; font-weight: 500;}
.image_ok p a:hover {background:#000; color:#fff;}
.image_ok p {font-size:16px; text-align: center;}

.image_ok .bto_come {padding:0px 0 20px;}

/*슬라이드*/
.pm-banner_slide_basic__503425__ {max-width:708px;margin:0 auto 40px;}
.pm-banner_slide_basic__503425__ a {display:block;border:none}
.pm-banner_slide_basic__503425__ a img {border:none}
.pm-banner_slide_basic__503425__.slide_zindex .owl-item {z-index:1}
.pm-banner_slide_basic__503425__ .item {position:relative}
.pm-banner_slide_basic__503425__ .item img {vertical-align:top}

.pm-banner_slide_basic__503425__ .owl-nav {-webkit-tap-highlight-color:transparent}
.pm-banner_slide_basic__503425__ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:30px;height:30px;line-height:30px;margin-top:-15px;font-size:0;opacity:0.7}
.pm-banner_slide_basic__503425__ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:30px;font-weight:bold;color:#fff}
.pm-banner_slide_basic__503425__ .owl-nav [class*='owl-']:hover {opacity:1}
.pm-banner_slide_basic__503425__ .owl-nav .owl-prev {left:2px}
.pm-banner_slide_basic__503425__ .owl-nav .owl-next {right:2px}
.pm-banner_slide_basic__503425__ .owl-nav .owl-prev:before {content:'\e600'}
.pm-banner_slide_basic__503425__ .owl-nav .owl-next:before {content:'\e601'}
.pm-banner_slide_basic__503425__ .owl-nav .disabled {opacity:0.5;cursor:default !important}

.pm-banner_slide_basic__503425__ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center}
.pm-banner_slide_basic__503425__ .owl-dots .owl-dot {display:inline-block}
.pm-banner_slide_basic__503425__ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 3px;background:#ddd;border-radius:30px;transition:opacity 200ms ease}
.pm-banner_slide_basic__503425__ .owl-dots .owl-dot.active span,
.pm-banner_slide_basic__503425__ .owl-dots .owl-dot:hover span {background:#0256d0}

.pm-banner_slide_basic__503425__.empty__503425__ {padding:30px 10px;font-size:13px;text-align:center}

.pm-banner_slide_basic__503425__.build_edit_mode .item {display:none}
.pm-banner_slide_basic__503425__.build_edit_mode .item:first-child {display:block}

/*지도*/
.map__664535__ iframe {width:708px;vertical-align:top; margin:0 auto; display: block;}
.map__664535__ p {display:none;margin:0;padding:1em 0;font-size:13px}
.map__664535__ .build_preview__664535__ {display:table;width:100%}
.map__664535__ .build_preview__664535__ .inner__664535__ {display:table-cell;height:300px;border:1px solid #ddd;background:#f8f8f8;text-align:center;vertical-align:middle}
.map__664535__ .build_preview__664535__ .inner__664535__ .subject__664535__ {display:block;font-size:16px;font-weight:bold}
.map__664535__ .build_preview__664535__ .inner__664535__ .exp_text__664535__ {display:block;margin-top:10px;font-weight:normal;font-size:13px;color:#777}

/*오시는길 안내*/
.text__1113795__ {padding:10px 0 100px; 0;}
.text__1113795__ p {
	display:block;margin:0;padding:0;
	font-size:15px;font-weight:400;color:#444;letter-spacing:0;line-height:1.5em;
}
.text__1113795__ table {width:100%; border-top:2px solid rgb(110, 0, 148); border-bottom:2px solid rgb(110, 0, 148);}
.text__1113795__ tbody {display: flex; flex-direction: column;}
.text__1113795__ tr {display: flex; flex-direction: column;}
.text__1113795__ td {padding:10px; font-size:16px;}
.text__1113795__ .first {font-weight:700; text-align:center; border-bottom: 1px solid #d3d3d3;}
.text__1113795__ span {color:#193d70; font-weight:500; font-size: 36px; vertical-align: -3px;}
.text__1113795__ .line {width:100%; height:1px; background-color:#d3d3d3;}
  
   /*오른쪽 구성*/
  .right_con {position: fixed; bottom:50px; display: flex;  flex-direction: column-reverse; width:100%;}
  .scroll_r {overflow-y: hidden; overflow-x:hidden; height:270px; padding:0 5px;}
    .img_163561_ .right_ok {position: relative; display:none; }

    .con2 { padding: 10px;  border: 1px solid #eaeaea; border-radius: 0px; background:#fff;  margin-top:5px; text-align: center;}
  .con2:last-child {margin-bottom:10px; }
   .con2_1 {font-size:1em; line-height: 1.7em; margin-top:10px;}
	.con2_1>span {font-size:2em; font-weight: 700; color:rgb(110, 0, 148);}
  .con2 a {display:block; background:#fff; border:1px solid #5e0c81; border-radius: 20px; color:#5e0c81; padding:3px 8px; font-size: 14px;  font-weight: 700; margin-bottom:10px; text-align: center;}
  .con2 a:hover {background:#5e0c81; color:#fff;}
  .fast {font-size: 16px; padding:3px 0px; background:#fff; width:100%; display:block; text-align: center; color:#710f1c;  font-weight: 700; /*border-top:1px solid #000;*/}
  
  /*껐다 켰다*/
  #check-btn { display: none; }
#check-btn:checked ~ .scroll_r { display: block; background:#f7f7f7;} 
.scroll_r { display: none; }
  .btn { display: inline-block; background:#fff;  padding: 5px 30px; font-weight: 700; border-top:1px solid #000; border-bottom:1px solid #000; text-align: center;     font-size: 18px;}
  
 /*혜택 타이틀*/
.con2 .title__18799__ { margin:0 0 0px 0; display: inline-block; text-align: center; font-size:22px;font-weight:900; color: #000; line-height:20px;letter-spacing:-.03em;  box-sizing: border-box;  align-items: center; gap: 10px; width: 100%; background-image: linear-gradient(to right, #5e1180, #705d4c, #c0b192); background-clip: text; -webkit-background-clip: text; color: transparent; }

/*sns버튼*/
.sns_contect {display:flex; flex-wrap: nowrap;  justify-content: center; box-sizing: border-box;}
.sns_contect>a { background:#fff; border:1px solid #27a5df; padding: 5px 15px; width: 100%;   border-radius: 20px;  text-align: center; margin-bottom:10px; color:#000; font-size: 0.8em;  font-weight:500;} 
.sns_contect>a:nth-child(3) {background:#27a5df; color:#fff; font-weight:700;}
.sns_contect>a:hover {background:#27a5df; color:#fff; font-weight:700;}

  @media all and (min-width:1024px){
    /*폼*/
    .img_163561_ {display:flex; gap: 40px; width:1240px; margin:0 auto;}
    .img_163561_ .image_ok {width:752px;}
  /*이미지*/
    .image_ok p {font-size:24px;}
    .image_ok p span {font-size:16px;}

	.image_ok .bto_come {padding: 0px 0 40px;}

/*슬라이드*/
.pm-banner_slide_basic__503425__ {margin:0 auto 80px;}

/*오시는길 안내*/
.text__1113795__ {padding:10px 0 100px; 0;}
.text__1113795__ p {font-size:20px;}
	.text__1113795__ .first  {border:none;}
	.text__1113795__ td {padding:30px 50px; font-size:20px;}
	.text__1113795__ tr {display: flex;flex-direction: row; align-items: center;}
	.text__1113795__ .item {padding:45px;}
	.text__1113795__ .line {width:100%; height:1px; background-color:#d3d3d3;}
	.text__1113795__ table {width:800px; margin:0 auto;}
     
    /*오른쪽 구성*/
.img_163561_ .right_ok {display:block; }
    .right_con {  bottom: 20px;  flex-direction: column; width:400px; z-index:1;}
    .con2 {padding:24px; margin-top:30px; border-radius: 20px;}

/*혜택 타이틀*/
    .con2 .title__18799__ {margin:0 0 20px 0; font-size:24px;line-height:1em; }
    .con2 a {font-size: 20px;}
	.con2_1 {font-size:1.3em; margin-top:0px;}
    .scroll_r {height:560px; padding: 0 10px 0 0; display: block;}
    .btn { display:none;}
    .fast {font-size: 24px; padding: 20px 0 0 0; /*border-top:none;*/}
    

/*sns버튼*/
.sns_contect {flex-wrap: wrap;}
.sns_contect  a {font-size:1.2em; width:100%; border-radius: 10px;  display: block;}

  }
@media all and (max-width:767px){
/*지도*/
	.map__664535__ iframe {width:100%; height:200px !important;}
	.map__664535__ .build_preview__664535__ .inner__664535__ {height:200px;}
}

/*     384695 : BLANK 컨텐츠      */
.blank__384695__ {box-sizing:border-box;display:block;position:relative;width:100%;height:40px}
.blank__384695__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__384695__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__384695__ {height:20px}
}

/*     476195 : 팝업 기능      */
.blank__383275__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__383275__.build_edit_mode:before {content:'팝업 수정 클릭 용';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

.img__282192__ {
	 display: none;
  max-width: 100%;
  position: absolute;
  top: 50px;
  left: none;
  z-index: 999999999999999999999999999;
}
.img__282192__ * {
  box-sizing: border-box;
}
.img__282192__>div {display:flex;     flex-wrap: nowrap;}
.img__282192__ a {
  display: block;
  vertical-align: top;
}
.img__282192__ img {
  width: {$farm_set[width]}px;
  vertical-align: top;
}
.pop_close_bt_allstyle {
  display: inline-block;
  width: 50%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  background-color: #121212;
  color: #fff;
  text-align: center;
}
.btn_close_today {
  display: inline-block;
  width: 50%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  background-color: #122b88;
  color: #fff;
  text-align: center;
}

@media all and (min-width: 1024px) {
  .img__282192__ {
    top: 150px;
    left: 100px;
  }
}

