/* ****************** 1칸 레이아웃  ****************** */

.layout_117641_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding:0 20px;}
.layout_117641_ > div:after {content:''; display:block; clear:both;}
.layout_117641_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
.bg_01 {background-image:url('/img_up/shop_pds/odh83/farm/bg_011673339208.jpg'); background-repeat:no-repeat; background-size:cover; width:100%;}
  
  @media all and (min-width:1024px){
    .layout_117641_ { padding:0 0px;}
  }

@media \0screen{
	.layout_117641_ {min-width:1240px;}
}

/* ****************** 장문 텍스트  ****************** */

.textarea_117651_ p {
	display:block; margin:40px 0 0px 0; padding:0;  font-family: 'Pretendard';
	font-size:14px; letter-spacing:-0.04em;  font-weight:300; color:#fff; line-height:1.5em; width:100%;
  text-transform:uppercase;
}
  .textarea_117651_ p span{font-weight:600;}
    @media all and (min-width:1024px){
      .textarea_117651_ p {font-size:23px; width:100%;  margin:156px 0 0px 0; }
  }

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_117661_ p {
	display:block; margin:20px 0 0px 0; padding:0;  font-family: 'Pretendard';
	font-size:30px; letter-spacing:-0.04em; font-weight:200; color:#fff; line-height:1.2em;
}
  .text_117661_ p span{ font-weight:600;} 
  
  @media all and (min-width:1024px){
    .text_117661_ p {font-size:53px; margin:60px 0 0px 0;}
  }

/* ****************** 실선  ****************** */

.solid_line_117671_ {display:block; position:relative; width:10%; height:70px; margin:0 auto; opacity: .3;}
.solid_line_117671_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:2px solid #ffffff;}
  
    @media all and (min-width:1024px){
      .solid_line_117671_ {height:140px;}
  }

/* ****************** 장문 텍스트  ****************** */

.textarea_117681_ p {
	display:block; margin:0 0 40px 0; padding:0;  font-family: 'Pretendard';
	font-size:16px; letter-spacing:-0.04em;  font-weight:200; color:#fff; line-height:1.5em; width:100%;
}
  .textarea_117681_ p span{font-weight:600; font-size:20px;  margin:15px 0 0px 0; display: block;}
    @media all and (min-width:1024px){
      .textarea_117681_ p {font-size:30px; width:100%;  margin:0 0 140px 0; }
      .textarea_117681_ p span { font-size:40px;  margin:30px 0 0px 0;}
  }

/* ****************** 1칸 레이아웃  ****************** */

.layout_120931_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding: 0 20px;}
.layout_120931_ > div:after {content:''; display:block; clear:both;}
.layout_120931_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
   @media all and (min-width:1024px){
     .layout_120931_ {padding: 0 0px;}
  }
@media \0screen{
	.layout_120931_ {min-width:1240px;}
}

/* ****************** 공백  ****************** */

.empty_line_120961_ {display:block; width:100%; height:100px; line-height:100px;}

[id^=div_user_list] .empty_line_120961_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_120961_:before {content:'공백 : 100px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 공백  ****************** */

.empty_line_120971_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_120971_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_120971_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_120981_ p {
	display:block; margin:0; padding:0;  font-family: 'Pretendard'; text-align: center;
	font-size:22px; letter-spacing:-0.04em; font-weight:100; color:#ffffff; line-height:1.4em;
}
  .text_120981_ p span{ font-weight:600;} 
  
  @media all and (min-width:1024px){
    .text_120981_ p {font-size: 40px; text-align: left; }
    .text_120981_ p span { font-size: 48px; }
  }

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_120991_ p {
	display:block; margin:0; padding:0;  font-family: 'Pretendard'; text-align: center;
	font-size:22px; letter-spacing:-0.06em; font-weight:100; color:#ffffff; line-height:1.2em;
}
  .text_120991_ p span{ font-weight:600;} 
  
  @media all and (min-width:1024px){
    .text_120991_ p {font-size:53px; }
  }

/* ****************** 공백  ****************** */

.empty_line_120941_ {display:block; width:100%; height:70px; line-height:70px;}

[id^=div_user_list] .empty_line_120941_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_120941_:before {content:'공백 : 70px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 공백  ****************** */

.empty_line_120951_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_120951_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_120951_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 2칸 레이아웃  ****************** */

  .bg_02 {background-image:url('/img_up/shop_pds/odh83/farm/04_bg167143085111.jpg'); background-repeat:no-repeat; background-size:cover; width:100%;}
.layout_121001_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding: 0 20px;}
.layout_121001_ > div {margin-left:-60px;}
.layout_121001_ > div:after {content:''; display:block; clear:both;}
.layout_121001_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:60px; box-sizing:border-box;}
.layout_121001_ > div > .container_1 {width:50%;}
.layout_121001_ > div > .container_2 {width:50%;}
  
     @media all and (min-width:1024px){
    .layout_121001_ {padding: 0 0px;}
  }

@media (max-width:1023px){
	.layout_121001_ > div > .container_1 { width:100%; }
	.layout_121001_ > div > .container_2 {clear:both; width:100%; padding-top:60px;}
}

@media \0screen{
	.layout_121001_ {min-width:1240px;}
}

/* ****************** 이미지  ****************** */

.img_121141_ {display:inline-block; overflow:hidden; position:relative; width:70%; max-width:100%; vertical-align:top;}
.img_121141_ * {box-sizing:border-box;}
.img_121141_ a {display:block; text-decoration:none;}
.img_121141_ img {max-width:100%; vertical-align:top;}
  
  @media all and (min-width:1024px){
    .img_121141_  {width:100%;}
  }

/* ****************** 실선  ****************** */

.solid_line_121031_ {display:block; position:relative; width:100%; height:5px;}
.solid_line_121031_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:4px solid #ffffff;}

/* ****************** 공백  ****************** */

.empty_line_121021_ {display:block; width:100%; height:23px; line-height:23px;}

[id^=div_user_list] .empty_line_121021_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_121021_:before {content:'공백 : 23px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_121121_ p {
	display:block; margin:0; padding:0;  font-family: 'Pretendard';
	font-size:24px;letter-spacing:-0.04em;font-weight:200; color:#ffffff; line-height:1.6em;
}
  .text_121121_ p span{ font-weight:500;} 
  .text_121121_ h5 { color: white; font-weight: 100; font-size: .9rem; }
  .text_121121_ .txt-pc { display: none; }
  .text_121121_ .txt-m { display: block; }
  
  @media all and (min-width:1024px){
    .text_121121_ p {font-size:40px; }
    .text_121121_ .txt-pc { display: block; }
    .text_121121_ .txt-m { display: none; }
  }

/* ****************** 공백  ****************** */

.empty_line_121041_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_121041_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_121041_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 장문 텍스트  ****************** */

.textarea_121151_ p {
	display:block; margin:0; padding:0;
	font-size:16px; letter-spacing:-0.04em;  font-weight:200; color:#ffffff; line-height:1.5em; font-family: 'Pretendard'; 
}
  .textarea_121151_ .txt-pc { display: none; }
  .textarea_121151_ .txt-m { display: block; }
  
    @media all and (min-width:1024px){
      .textarea_121151_ p {font-size: 20px;}
      .textarea_121151_ .txt-pc { display: block; }
      .textarea_121151_ .txt-m { display: none; }
  }

/* ****************** 실선  ****************** */

.solid_line_121051_ {display:block; position:relative; width:100%; height:46px;}
.solid_line_121051_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:4px solid #ffffff;}

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_121241_ p {
	display:block; margin:0; padding:0;  font-family: 'Pretendard';
	font-size:24px;letter-spacing:-0.04em;font-weight:200; color:#ffffff; line-height:1.6em;
}
  .text_121241_ p span{ font-weight:500;} 
  .text_121241_ h5 { color: white; font-weight: 100; font-size: 1rem; }
  
  @media all and (min-width:1024px){
    .text_121241_ p {font-size:40px; }
  }

/* ****************** 공백  ****************** */

.empty_line_121081_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_121081_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_121081_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 장문 텍스트  ****************** */

.textarea_121171_ p {
	display:block; margin:0; padding:0;
	font-size:16px; letter-spacing:-0.04em;  font-weight:200; color:#ffffff; line-height:1.5em; font-family: 'Pretendard'; 
}
    @media all and (min-width:1024px){
      .textarea_121171_ p {font-size:20px;}
  }

/* ****************** 실선  ****************** */

.solid_line_121071_ {display:block; position:relative; width:100%; height:60px;}
.solid_line_121071_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #ffffff;}

/* ****************** 공백  ****************** */

.empty_line_121061_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_121061_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_121061_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 공백  ****************** */

.empty_line_121131_ {display:block; width:100%; height:100px; line-height:100px;}

[id^=div_user_list] .empty_line_121131_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_121131_:before {content:'공백 : 100px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_117691_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding:0 20px;}
.layout_117691_ > div:after {content:''; display:block; clear:both;}
.layout_117691_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
  
  @media all and (min-width:1024px){
    .layout_117691_ { padding:0 0px;}
  }

@media \0screen{
	.layout_117691_ {min-width:1240px;}
}

/* ****************** YouTube 동영상 플레이어  ****************** */

	/* player */
	.player__125421_ {display:block;overflow:hidden;position:relative;height:0;padding:0}
	.player__125421_ .player-item,
	.player__125421_ iframe,
	.player__125421_ embed,
	.player__125421_ object,
	.player__125421_ video {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
	.player__125421_.player-16by9 {padding-bottom:56.25%}
	.player__125421_.player-4by3 {padding-bottom:75%}

/* ****************** 공백  ****************** */

.empty_line_125441_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_125441_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_125441_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 공백  ****************** */

.empty_line_125431_ {display:block; width:100%; height:100px; line-height:100px;}

[id^=div_user_list] .empty_line_125431_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_125431_:before {content:'공백 : 100px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_125351_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding:0 20px;}
.layout_125351_ > div:after {content:''; display:block; clear:both;}
.layout_125351_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
  
  @media all and (min-width:1024px){
    .layout_125351_ { padding:0 0px;}
  }

@media \0screen{
	.layout_125351_ {min-width:1240px;}
}

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_125391_ p {
	display:block; margin:40px 0 30px 0; padding:0;  font-family: 'Pretendard';
	font-size:20px; letter-spacing:-0.04em; font-weight:200; color:#323232; line-height:1.2em;
}
  .text_125391_ p span{ font-weight:600;} 
  
  @media all and (min-width:1024px){
    .text_125391_ p {font-size:40px; margin:100px 0 60px 0;}
  }

/* ****************** 이미지  ****************** */

.img_125401_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;}
.img_125401_ * {box-sizing:border-box;}
.img_125401_ a {display:block; text-decoration:none;}
.img_125401_ img {max-width:100%; vertical-align:top; margin:0 0 30px 0;}
  
    @media all and (min-width:1024px){
      .img_125401_ img { margin:0 0 60px 0;}
  }

/* ****************** 한줄 텍스트  ****************** */

  
  .text_125411_ { position: relative; }
  .text_125411_ ul { position: relative; display: grid;}
  .text_125411_ ul li { text-align: center; position: relative; width: 100%; }
  .text_125411_ ul li .img-txt { position: relative; background: #fff; width: 90%; left: 50%; transform: translate(-50%, -30%); box-shadow: 0 2px 15px rgba(0, 0, 0, .15); padding: 20px 0 30px; }
  .text_125411_ ul li .img-txt h3 { color: #323232; font-weight: bold; font-family: 'Pretendard'; letter-spacing: -.08em; font-size: 23px; margin-bottom: 20px; }
  .text_125411_ ul li .img-txt span { color: #323232; font-family: 'Pretendard'; font-weight: 300; font-size: 18px;  }
  .text_125411_ ul li .arrow { 
    display: block; color: #263463; font-family: 'Pretendard'; font-weight: 500; 
     border: solid 1px; border-radius: 100px; cursor: pointer; font-size: 29px; width: 40px; 
    height: 40px; line-height: 40px; position: absolute; z-index: 999; left: 50%; 
    transform: translate(-50%, 20%); transition: all .3s;
  }
  .text_125411_ ul li .arrow:hover { background: #263463; color: #fff; }

  .text_125411_ ul li:nth-child(2) .img-txt .arrow { transform: translate(-50%, 55%); }

  /* modal css */
  .text_125411_ .modalbox-1  .modal-window {
    top: 50%; left: 50%; transform: translate(-50%, -50%);
 	  webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; 
    animation-name:animatetop; animation-duration:0.4s;
  }
    .text_125411_ .modalbox-1  .modal-window .close {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer;
    text-decoration: none;
  }
  
  @-webkit-keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }
  @keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }

    .text_125411_ .modalbox-1 { 
      display: none; z-index: 99999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; flex-direction: column;
      align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); 
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18);
    }

  .text_125411_ .modalbox-1  .modal-window {
    background: #fff; display: block; width: 95%;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
    border-radius: 10px; height: auto; position: relative; overflow: hidden;
  }
  
  /* modal contents */
  .text_125411_ .modalbox-1  .modal-window .right { text-align: center; padding: 20px 0; }
  .text_125411_ .modalbox-1  .modal-window .right hr { width: 10%; border-color: black; margin: 0 auto 20px;}
  .text_125411_ .modalbox-1  .modal-window .right .modal-top { display: block; color: #0a0a0a; font-weight: bold; font-family: 'Pretendard'; margin-bottom: 20px; }
  .text_125411_ .modalbox-1  .modal-window .right p { color: #263463; font-weight: bold; font-family: 'Pretendard'; font-size: 23px; margin-bottom: 10px; }
  .text_125411_ .modalbox-1  .modal-window .right p br { display: none; }
  .text_125411_ .modalbox-1  .modal-window .right .modal-text { color: #0a0a0a; font-family: 'Pretendard'; letter-spacing: -.07em; font-size: 1rem; }
  
  .text_125411_ ul li:nth-child(2) .img-txt { padding: 35px 0 45px; }
    .text_125411_ .modalbox-1  .modal-window .right .txt-pc { display: none; }
    .text_125411_ .modalbox-1  .modal-window .right .txt-m { display: block; line-height: 1.5; letter-spacing: -.03em; }
  
  .text_125411_ .modalbox-1  .modal-window img { width: 100%; height: 150px; object-fit: cover; }
  .text_125411_ .modalbox-1 .modal-window .right .modal-top { font-size: .9rem; }
    
  @media (min-width: 1024px) {
    .text_125411_ { width: 100%; height: 100%; }
    .text_125411_ ul { display: flex; justify-content: space-between; gap: 15px; }
    .text_125411_ ul li .img-txt { padding: 30px 0 60px; transform: translate(-50%, -27%);}
    .text_125411_ ul li:nth-child(2) .img-txt { padding: 45px 0 67px; }
    .text_125411_ ul li:nth-child(2) .img-txt h3 { margin-bottom: 40px; }
    .text_125411_ ul li:nth-child(2) .img-txt .arrow { transform: translate(-50%, 55%); }
    
    .text_125411_ ul li .img-txt h3 { font-size: 30px; margin-bottom: 25px; }
    .text_125411_ ul li .img-txt span { font-size: 22px; }
    .text_125411_ ul li .arrow { 
      font-size: 34px; width: 60px; height: 60px; line-height: 60px; transform: translate(-50%, 45%);
    }

    .text_125411_ .modalbox-1  .modal-window {
      background: #fff; display: flex; align-items: start; justify-content: start; gap: 20px;
      box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
      border-radius: 10px; width: 1240px; height: auto; position: relative; overflow: hidden;
    }
    .text_125411_ .modalbox-1  .modal-window img { width: 48%; height: 100%; }
    .text_125411_ .modalbox-1  .modal-window .right { padding: 50px 0 0; text-align: left; }
    .text_125411_ .modalbox-1  .modal-window .right hr { margin: 0 0 25px 0; }
    .text_125411_ .modalbox-1  .modal-window .right span { font-size: 18px; }
    .text_125411_ .modalbox-1 .modal-window .right .modal-top { margin-bottom: 30px; font-size: 18px; }
    .text_125411_ .modalbox-1  .modal-window .right p { font-size: 30px; margin-bottom: 25px; }
    .text_125411_ .modalbox-1  .modal-window .right .modal-text { font-size: 20px; letter-spacing: -.09em; line-height: 35px; }
    .text_125411_ .modalbox-1  .modal-window .right .txt-pc { display: block; }
    .text_125411_ .modalbox-1  .modal-window .right .txt-m { display: none; }
    .text_125411_ .modalbox-1  .modal-window .close { color: #282828; }
    .text_125411_ #modal2 .modal-window img { object-fit: cover; border-right: solid 1px #e5e5e5; border-bottom: 0;  }
    .text_125411_ #modal3 .modal-window .right { padding: 30px 0 0; }
  }

/* ****************** 한줄 텍스트  ****************** */

  
  .text_125381_ { position: relative; }
  .text_125381_ ul { position: relative; display: grid;}
  .text_125381_ ul li { text-align: center; position: relative; width: 100%; }
  .text_125381_ ul li .img-txt { position: relative; background: #fff; width: 90%; left: 50%; transform: translate(-50%, -30%); box-shadow: 0 2px 15px rgba(0, 0, 0, .15); padding: 20px 0 30px; }
  .text_125381_ ul li .img-txt h3 { color: #323232; font-weight: bold; font-family: 'Pretendard'; letter-spacing: -.08em; font-size: 23px; margin-bottom: 20px; }
  .text_125381_ ul li .img-txt span { color: #323232; font-family: 'Pretendard'; font-weight: 300; font-size: 18px;  }
  .text_125381_ ul li .arrow { 
    display: block; color: #263463; font-family: 'Pretendard'; font-weight: 500; 
     border: solid 1px; border-radius: 100px; cursor: pointer; font-size: 29px; width: 40px; 
    height: 40px; line-height: 40px; position: absolute; z-index: 999; left: 50%; 
    transform: translate(-50%, 20%); transition: all .3s;
  }
  .text_125381_ ul li .arrow:hover { background: #263463; color: #fff; }

  .text_125381_ ul li:nth-child(2) .img-txt .arrow { transform: translate(-50%, 55%); }

  /* modal css */
  .text_125381_ .modalbox-2  .modal-window {
    top: 50%; left: 50%; transform: translate(-50%, -50%);
 	  webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; 
    animation-name:animatetop; animation-duration:0.4s;
  }
    .text_125381_ .modalbox-2  .modal-window .close {
    color: #282828;
    display: block;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer;
    text-decoration: none;
  }
  
  @-webkit-keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }
  @keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }

    .text_125381_ .modalbox-2 { 
      display: none; z-index: 99999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; flex-direction: column;
      align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); 
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18);
    }

  .text_125381_ .modalbox-2  .modal-window {
    background: #fff; display: block; width: 95%;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
    border-radius: 10px; height: auto; position: relative; overflow: hidden;
  }
  
  /* modal contents */
  .text_125381_ .modalbox-2  .modal-window .right { text-align: center; padding: 20px 0; }
  .text_125381_ .modalbox-2  .modal-window .right hr { width: 10%; border-color: black; margin: 0 auto 20px;}
  .text_125381_ .modalbox-2  .modal-window .right .modal-top { display: block; color: #0a0a0a; font-weight: bold; font-family: 'Pretendard'; margin-bottom: 20px; }
  .text_125381_ .modalbox-2  .modal-window .right p { color: #263463; font-weight: bold; font-family: 'Pretendard'; font-size: 23px; margin-bottom: 10px; }
  .text_125381_ .modalbox-2  .modal-window .right p br { display: none; }
  .text_125381_ .modalbox-2  .modal-window .right .modal-text { color: #0a0a0a; font-family: 'Pretendard'; letter-spacing: -.07em; font-size: 1rem; }
  
  .text_125381_ ul li:nth-child(2) .img-txt { padding: 35px 0 45px; }
    .text_125381_ .modalbox-2  .modal-window .right .txt-pc { display: none; }
    .text_125381_ .modalbox-2  .modal-window .right .txt-m { display: block; line-height: 1.5; letter-spacing: -.03em; }
  
  .text_125381_ .modalbox-2  .modal-window img { width: 100%; height: 150px; object-fit: cover; }
  .text_125381_ .modalbox-2 .modal-window .right .modal-top { font-size: .9rem; }
    
  @media (min-width: 1024px) {
    .text_125381_ { width: 100%; height: 100%; }
    .text_125381_ ul { display: flex; justify-content: space-between; gap: 15px; }
    .text_125381_ ul li .img-txt { padding: 30px 0 60px; transform: translate(-50%, -27%);}
    .text_125381_ ul li:nth-child(1) .img-txt { padding: 45px 0 67px; }
    .text_125381_ ul li:nth-child(1) .img-txt h3 { margin-bottom: 40px; }
    .text_125381_ ul li:nth-child(2) .img-txt { padding: 45px 0 67px; }
    .text_125381_ ul li:nth-child(2) .img-txt h3 { margin-bottom: 40px; }
    .text_125381_ ul li:nth-child(3) .img-txt .arrow { transform: translate(-50%, 45%); }
    
    .text_125381_ ul li .img-txt h3 { font-size: 30px; margin-bottom: 25px; }
    .text_125381_ ul li .img-txt span { font-size: 22px; }
    .text_125381_ ul li .arrow { 
      font-size: 34px; width: 60px; height: 60px; line-height: 60px; transform: translate(-50%, 55%);
    }

    .text_125381_ .modalbox-2  .modal-window {
      background: #fff; display: flex; align-items: start; justify-content: start; gap: 20px;
      box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
      border-radius: 10px; width: 1240px; height: auto; position: relative; overflow: hidden;
    }
    .text_125381_ .modalbox-2  .modal-window img { width: 48%; height: 100%; object-fit: none; }
    .text_125381_ .modalbox-2  .modal-window .right { padding: 50px 0 0; text-align: left; }
    .text_125381_ .modalbox-2  .modal-window .right hr { margin: 0 0 25px 0; }
    .text_125381_ .modalbox-2  .modal-window .right span { font-size: 18px; }
    .text_125381_ .modalbox-2 .modal-window .right .modal-top { margin-bottom: 30px; font-size: 18px; }
    .text_125381_ .modalbox-2  .modal-window .right p { font-size: 30px; margin-bottom: 25px; }
    .text_125381_ .modalbox-2  .modal-window .right .modal-text { font-size: 20px; letter-spacing: -.09em; line-height: 35px; }
    .text_125381_ .modalbox-2  .modal-window .right .txt-pc { display: block; }
    .text_125381_ .modalbox-2  .modal-window .right .txt-m { display: none; }
    .text_125381_ .modalbox-2  .modal-window .close { color: #282828; }
    .text_125381_ #modal3 .modal-window .right { padding: 30px 0 0; }
  }

/* ****************** 한줄 텍스트  ****************** */

  
  .text_125371_ { position: relative; }
  .text_125371_ ul { position: relative; display: grid;}
  .text_125371_ ul li { text-align: center; position: relative; width: 100%; }
  .text_125371_ ul li .img-txt { position: relative; background: #fff; width: 90%; left: 50%; transform: translate(-50%, -30%); box-shadow: 0 2px 15px rgba(0, 0, 0, .15); padding: 20px 0 30px; }
  .text_125371_ ul li .img-txt h3 { color: #323232; font-weight: bold; font-family: 'Pretendard'; letter-spacing: -.08em; font-size: 23px; margin-bottom: 20px; }
  .text_125371_ ul li .img-txt span { color: #323232; font-family: 'Pretendard'; font-weight: 300; font-size: 18px;  }
  .text_125371_ ul li .arrow, .link { 
    display: block; color: #263463; font-family: 'Pretendard'; font-weight: 500; 
     border: solid 1px; border-radius: 100px; cursor: pointer; font-size: 29px; width: 40px; 
    height: 40px; line-height: 40px; position: absolute; z-index: 999; left: 50%; 
    transform: translate(-50%, 20%); transition: all .3s;
  }
  .text_125371_ ul li .arrow:hover, .link:hover { background: #263463; color: #fff; }

  .text_125371_ ul li:nth-child(2) .img-txt .link { transform: translate(-50%, 55%); }

  /* modal css */
  .text_125371_ .modalbox-3 .modal-window {
    top: 50%; left: 50%; transform: translate(-50%, -50%);
 	  webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; 
    animation-name:animatetop; animation-duration:0.4s;
  }
    .text_125371_ .modalbox-3 .modal-window .close {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer;
    text-decoration: none;
  }
  
  @-webkit-keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }
  @keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }

    .text_125371_ .modalbox-3 { 
      display: none; z-index: 99999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; flex-direction: column;
      align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); 
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18);
    }

  .text_125371_ .modalbox-3 .modal-window {
    background: #fff; display: block; width: 95%;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
    border-radius: 10px; height: auto; position: relative; overflow: hidden;
  }
  
  /* modal contents */
  .text_125371_ .modalbox-3 .modal-window .right { text-align: center; padding: 20px 0; }
  .text_125371_ .modalbox-3 .modal-window .right hr { width: 10%; border-color: black; margin: 0 auto 20px;}
  .text_125371_ .modalbox-3 .modal-window .right .modal-top { display: block; color: #0a0a0a; font-weight: bold; font-family: 'Pretendard'; margin-bottom: 20px; }
  .text_125371_ .modalbox-3 .modal-window .right p { color: #263463; font-weight: bold; font-family: 'Pretendard'; font-size: 23px; margin-bottom: 10px; }
  .text_125371_ .modalbox-3 .modal-window .right p br { display: none; }
  .text_125371_ .modalbox-3 .modal-window .right .modal-text { color: #0a0a0a; font-family: 'Pretendard'; letter-spacing: -.07em; font-size: 1rem; }
  
  .text_125371_ ul li:nth-child(2) .img-txt { padding: 35px 0 45px; }
    .text_125371_ .modalbox-3 .modal-window .right .txt-pc { display: none; }
    .text_125371_ .modalbox-3 .modal-window .right .txt-m { display: block; line-height: 1.5; letter-spacing: -.03em; }
  
  .text_125371_ .modalbox-3 .modal-window img { width: 100%; height: 150px; object-fit: cover; }
  .text_125371_ .modalbox-3 .modal-window .right .modal-top { font-size: .9rem; }
  
  .text_125371_ #modal9 .modal-window img { object-position: top; }
    
  @media (min-width: 1024px) {
    .text_125371_ { width: 100%; height: 100%; }
    .text_125371_ ul { display: flex; justify-content: space-between; gap: 15px; }
    .text_125371_ ul li .img-txt { padding: 45px 0 67px; transform: translate(-50%, -27%);}
    .text_125371_ ul li:nth-child(2) .img-txt { padding: 45px 0 67px; }
    
    .text_125371_ ul li .img-txt h3 { font-size: 30px; margin-bottom: 40px; }
    .text_125371_ ul li .img-txt span { font-size: 22px; }
    .text_125371_ ul li .arrow, .link { 
      font-size: 34px; width: 60px; height: 60px; line-height: 60px; transform: translate(-50%, 55%);
    }

    .text_125371_ .modalbox-3  .modal-window {
      background: #fff; display: flex; align-items: start; justify-content: start; gap: 20px;
      box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
      border-radius: 10px; width: 1240px; height: auto; position: relative; overflow: hidden;
    }
    .text_125371_ .modalbox-3  .modal-window img { width: 48%; height: 100%; object-fit: none; }
    .text_125371_ .modalbox-3  .modal-window .right { padding: 50px 0 0; text-align: left; }
    .text_125371_ .modalbox-3  .modal-window .right hr { margin: 0 0 25px 0; }
    .text_125371_ .modalbox-3  .modal-window .right span { font-size: 18px; }
    .text_125371_ .modalbox-3 .modal-window .right .modal-top { margin-bottom: 30px; font-size: 18px; }
    .text_125371_ .modalbox-3  .modal-window .right p { font-size: 30px; margin-bottom: 25px; }
    .text_125371_ .modalbox-3  .modal-window .right .modal-text { font-size: 20px; letter-spacing: -.09em; line-height: 35px; }
    .text_125371_ .modalbox-3  .modal-window .right .txt-pc { display: block; }
    .text_125371_ .modalbox-3  .modal-window .right .txt-m { display: none; }
    .text_125371_ .modalbox-3  .modal-window .close { color: #282828; }
    .text_125371_ #modal9 .modal-window .right { padding: 30px 0 0; }
  }

/* ****************** 한줄 텍스트  ****************** */

  .text_125361_ { position: relative; }
  .text_125361_ ul { position: relative; display: grid;}
  .text_125361_ ul li { text-align: center; position: relative; width: 100%; }
  .text_125361_ ul li .img-txt { position: relative; background: #fff; width: 90%; left: 50%; transform: translate(-50%, -30%); box-shadow: 0 2px 15px rgba(0, 0, 0, .15); padding: 30px 0 40px; }
  .text_125361_ ul li .img-txt h3 { color: #323232; font-weight: bold; font-family: 'Pretendard'; letter-spacing: -.08em; font-size: 23px; margin-bottom: 20px; }
  .text_125361_ ul li .img-txt span { color: #323232; font-family: 'Pretendard'; font-weight: 300; font-size: 18px;  }
  .text_125361_ ul li .arrow { 
    display: block; color: #263463; font-family: 'Pretendard'; font-weight: 500; 
     border: solid 1px; border-radius: 100px; cursor: pointer; font-size: 29px; width: 40px; 
    height: 40px; line-height: 40px; position: absolute; z-index: 999; left: 50%; 
    transform: translate(-50%, 46%); transition: all .3s;
  }
  .text_125361_ ul li .arrow:hover { background: #263463; color: #fff; }

  /* modal css */
  .text_125361_ .modalbox-4 .modal-window .close {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer;
    text-decoration: none;
  }
  .text_125361_ .modalbox-4  .modal-window {
    top: 50%; left: 50%; transform: translate(-50%, -50%);
 	  webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; 
    animation-name:animatetop; animation-duration:0.4s;
  }
  @-webkit-keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }
  @keyframes animatetop{
    from{top:-50%; opacity:0}
    to{top:50%; opacity:1}
  }

    .text_125361_ .modalbox-4 { 
      display: none; z-index: 999999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; flex-direction: column;
      align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); 
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18);
    }

  .text_125361_ .modalbox-4 .modal-window {
    background: #fff; display: block; width: 95%;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
    border-radius: 10px; height: auto; position: relative; overflow: hidden;
  }
  
  /* modal contents */
  .text_125361_ .modalbox-4 .modal-window .right { text-align: center; padding: 20px 0; }
  .text_125361_ .modalbox-4 .modal-window .right hr { width: 10%; border-color: black; margin: 0 auto 20px;}
  .text_125361_ .modalbox-4 .modal-window .right .modal-top { display: block; color: #0a0a0a; font-weight: bold; font-family: 'Pretendard'; margin-bottom: 20px; }
  .text_125361_ .modalbox-4 .modal-window .right p { color: #263463; font-weight: bold; font-family: 'Pretendard'; font-size: 23px; margin-bottom: 10px; }
  .text_125361_ .modalbox-4 .modal-window .right .modal-text { color: #0a0a0a; font-family: 'Pretendard'; letter-spacing: -.07em; font-size: 1rem; }

  .text_118531_ .modalbox-4 .modal-window .right .txt-pc { display: none; }
  .text_118531_ .modalbox-4 .modal-window .right .txt-m { display: block; line-height: 1.5; letter-spacing: -.03em; }
  
  .text_125361_ ul li:nth-child(2) { font-weight: 200; color: #323232; }

  .text_125361_ ul li .text1 strong, .text2 strong { margin-bottom: 10px; display: block; font-size: 18px; }

  .text_125361_ .modalbox-4 .modal-window .right .txt-pc { display: none; }
  .text_125361_ .modalbox-4 .modal-window .right .txt-m { display: block; line-height: 1.5; }
  .text_125361_ .modalbox-4 .modal-window .right .txt-m font { display: block; margin-bottom: 10px; }
  .text_125361_ .modalbox-4 .modal-window .right .txt-m font:lats-child { margin: 0; }
  .text_125361_ .modalbox-4 .modal-window .right .txt-m font br { display: block; }
  
  .text_125361_ ul li .text1 { margin-bottom: 30px; }
  .text_125361_ ul li .text1 strong font { font-size: 40px; color: #263463; display: block; margin-bottom: 20px; }
  .text_125361_ ul li .text1 p { font-size: 20px; font-weight: 300; }
  .text_125361_ ul li .text2 { font-size: 20px; font-weight: 300; }
  
  .text_125361_ .modalbox-4 .modal-window img { width: 100%; height: 150px; object-fit: cover; }
  .text_125361_ .modalbox-4 .modal-window .right .modal-top { font-size: .9rem; }

  @media (min-width: 1024px) {
    .text_125361_ { width: 100%; height: 100%; }
    .text_125361_ ul { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
    .text_125361_ ul li .img-txt { padding: 66px 0 72px; transform: translate(-50%, -27%);}
    .text_125361_ ul li:nth-child(1) { flex: 1; }
    .text_125361_ ul li:nth-child(2) { flex: 2; font-size: 40px; color: #323232; text-align: right; }
    .text_125361_ ul li:nth-child(1) .img-txt h3 { margin-bottom: 40px; }
    .text_125361_ ul li:nth-child(2) .img-txt h3 { margin-bottom: 40px; }
    
    .text_125361_ ul li .text1 { margin-bottom: 30px; }
    .text_125361_ ul li .text1 strong font { font-size: 70px; margin-bottom: 20px; }
    .text_125361_ ul li .text1 p { font-size: 30px; }
    .text_125361_ ul li .text2 { font-size: 30px; }
      .text_125361_ ul li .text1 strong, .text2 strong { font-size: 30px; }
    
    .text_125361_ ul li .img-txt h3 { font-size: 30px; margin-bottom: 25px; }
    .text_125361_ ul li .img-txt span { font-size: 22px; }
    .text_125361_ ul li .arrow { 
      font-size: 34px; width: 60px; height: 60px; line-height: 60px; transform: translate(-50%, 65%);
    }
    .text_125361_ .modalbox-4:nth-child(3) .modal-window .right {
    	padding: 15px 0 0;
    }
    .text_125361_ .modalbox-4:nth-child(3) .modal-window .right .modal-text {
    	letter-spacing: -.1em; 
    }
    
    .text_125361_ .modalbox-4 .modal-window {
      background: #fff; display: flex; align-items: start; justify-content: start; gap: 20px;
      box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); 
      border-radius: 10px; width: 1240px; height: auto; position: relative; overflow: hidden;
    }
    .text_125361_ .modalbox-4 .modal-window .right .modal-top { margin-bottom: 30px; }
    .text_125361_ .modalbox-4 .modal-window img { width: 48%; object-fit: none; height: 100%; }
    .text_125361_ .modalbox-4 .modal-window .right { padding: 50px 0 0; text-align: left; }
    .text_125361_ .modalbox-4 .modal-window .right hr { margin: 0 0 25px 0; }
    .text_125361_ .modalbox-4 .modal-window .right span { font-size: 18px; }

    .text_125361_ .modalbox-4 .modal-window .right p { font-size: 30px; margin-bottom: 25px; }
    .text_125361_ .modalbox-4 .modal-window .right .modal-text { font-size: 20px; letter-spacing: -.09em; line-height: 35px; }
    .text_125361_ .modalbox-4 .modal-window .right .txt-pc { display: block; }
    .text_125361_ .modalbox-4 .modal-window .right .txt-m { display: none; }
    
    .text_125361_ .modalbox-4 .modal-window .close { color: #282828; }
  }

/* ****************** 1칸 레이아웃  ****************** */

.layout_117811_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding:0 20px;}
.layout_117811_ > div:after {content:''; display:block; clear:both;}
.layout_117811_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
  
  @media all and (min-width:1024px){
    .layout_117811_ { padding:0 0px;}
  }

@media \0screen{
	.layout_117811_ {min-width:1240px;}
}

/* ****************** 장문 텍스트  ****************** */

.textarea_117841_ p {
	display:block; margin:40px 0 0px 0; padding:0;  font-family: 'Pretendard';
	font-size:14px; letter-spacing:-0.04em;  font-weight:300; color:#323232; line-height:1.5em; width:100%;
  text-transform:uppercase;
}
  .textarea_117841_ p span{font-weight:600;}
    @media all and (min-width:1024px){
      .textarea_117841_ p {font-size:23px; width:100%;  margin:100px 0 0px 0; }
  }

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_117851_ p {
	display:block; margin:20px 0 30px 0; padding:0;  font-family: 'Pretendard';
	font-size:30px; letter-spacing:-0.04em; font-weight:200; color:#323232; line-height:1.2em;
}
  .text_117851_ p span{ font-weight:600;} 
  
  @media all and (min-width:1024px){
    .text_117851_ p {font-size:53px; margin:60px 0 70px 0;}
  }

/* ****************** 장문 텍스트  ****************** */

  .textarea_117831_ {background-image:url('/img_up/shop_pds/odh83/farm/03_bg1673341019.png'); background-repeat:no-repeat; background-size:cover; width:100%; border-radius: 25px; left: 50%; transform: translate(0, 10%);}
.textarea_117831_ p {
	display:block; margin:0 0 0px 0; padding:30px 0; font-family: 'Pretendard';
	font-size:16px; letter-spacing:-0.04em;  font-weight: 300; color:#323232; line-height:1.5em; width:100%;
      z-index: 99999;
}
  .textarea_117831_ .txt-pc { display: none; }
  .textarea_117831_ .txt-m { display: block; }

  .textarea_117831_ p span {font-weight:600;}
    @media all and (min-width:1024px){
      .textarea_117831_ p {font-size:30px; width:100%;  margin:0 0 0px 0; padding:80px 0;}
      .textarea_117831_ .txt-pc { display: block; }
      .textarea_117831_ .txt-m { display: none; }
  }

/* ****************** 1칸 레이아웃  ****************** */

.layout_117871_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding:0 20px;}
.layout_117871_ > div:after {content:''; display:block; clear:both;}
.layout_117871_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
.bg_04 {background-image:url('/img_up/shop_pds/odh83/farm/04_bg1673342167.jpg'); background-repeat:no-repeat; background-size:cover; width:100%;}
  
  @media all and (min-width:1024px){
    .layout_117871_ { padding:0 0px;}
  }

@media \0screen{
	.layout_117871_ {min-width:1240px;}
}

/* ****************** 장문 텍스트  ****************** */

.textarea_117891_ p {
	display:block; margin:-80px 0 0px 0; padding:160px 0 40px;  font-family: 'Pretendard';
	font-size:16px; letter-spacing:-0.04em;  font-weight:300; color:#fff; line-height:1.5em; width:100%; z-index: 999;
}
  .textarea_117891_ p span{font-weight:600; font-size:20px;}
  
  .textarea_117891_ .txt-pc { display: none; }
  .textarea_117891_ .txt-m { display: block; }
  
    @media all and (min-width:1024px){
      .textarea_117891_ p {font-size:30px; width:100%;  margin:-120px 0 0px 0; padding:240px 0 100px 0;}
      .textarea_117891_ .txt-pc { display: block; }
      .textarea_117891_ .txt-m { display: none; }
  }

/* ****************** 1칸 레이아웃  ****************** */

.layout_120541_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto; padding:0 20px;}
.layout_120541_ > div:after {content:''; display:block; clear:both;}
.layout_120541_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}
  
  @media all and (min-width:1024px){
    .layout_120541_ { padding:0 0px;}
  }

@media \0screen{
	.layout_120541_ {min-width:1240px;}
}

/* ****************** 한줄 텍스트  ****************** */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
  
.text_120561_ p {
	display:block; margin:40px 0 10px 0; padding:0;  font-family: 'Pretendard';
	font-size:20px; letter-spacing:-0.04em; font-weight:200; color:#323232; line-height:1.2em;
}
  .text_120561_ p span{ font-weight:600; color:#263463;} 
  
  @media all and (min-width:1024px){
    .text_120561_ p {font-size:40px; margin:100px 0 15px 0;}
  }

/* ****************** 장문 텍스트  ****************** */

.textarea_120551_ p {
	display:block; margin:0px 0 20px 0; padding:0;  font-family: 'Pretendard';
	font-size:14px; letter-spacing:-0.04em;  font-weight:200; color:#323232; line-height:1.5em; width:100%;
}
  .textarea_120551_ p span{font-weight:600; color:#263463;}
    @media all and (min-width:1024px){
      .textarea_120551_ p {font-size:24px; width:100%;  margin:0px 0 40px 0; }
  }

/* ****************** 2칸 레이아웃  ****************** */

.layout_120571_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto;}
.layout_120571_ > div {}
.layout_120571_ > div:after {content:''; display:block; clear:both;}
.layout_120571_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_120571_ > div > .container_1 {width:25%;}
.layout_120571_ > div > .container_2 {width:75%;}

@media (max-width:1023px){
	.layout_120571_ > div > .container_1 { width:100%; }
	.layout_120571_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_120571_ {min-width:1240px;}
}

/* ****************** 공백  ****************** */

.empty_line_120581_ {display:block; width:100%;  height:10px;}

[id^=div_user_list] .empty_line_120581_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_120581_:before {content:'공백 : 28px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}
  @media all and (min-width:1024px){
    .empty_line_120581_ {height:28px;}
  }

/* ****************** 이미지  ****************** */

.img_120591_ {display:none; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;}
.img_120591_ * {box-sizing:border-box;}
.img_120591_ a {display:block; text-decoration:none;}
.img_120591_ img {max-width:100%; vertical-align:top;}
    @media all and (min-width:1024px){
      .img_120591_ {display:block;}
  }

/* ****************** 배너관리 - 슬라이드 (기본형)  ****************** */

	@font-face {
		font-family:'icomoon_slider';
		src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot');
		src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
			url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'),
			url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'),
			url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
		font-weight:normal;
		font-style:normal;
	}

	.pm-banner_slide_basic__120601_ {max-width:885px; margin:0 auto}
	.pm-banner_slide_basic__120601_ a {border:none}
	.pm-banner_slide_basic__120601_ a img {border:none}
	.pm-banner_slide_basic__120601_ .owl-item {z-index:1;}
	.pm-banner_slide_basic__120601_ .item {position:relative}

	.pm-banner_slide_basic__120601_ .owl-nav {-webkit-tap-highlight-color:transparent}
	.pm-banner_slide_basic__120601_ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:0;cursor:pointer;opacity:0.7}
	.pm-banner_slide_basic__120601_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff}
	.pm-banner_slide_basic__120601_ .owl-nav [class*='owl-']:hover {opacity:1}
	.pm-banner_slide_basic__120601_ .owl-nav .owl-prev {left:5px}
	.pm-banner_slide_basic__120601_ .owl-nav .owl-next {right:5px}
	.pm-banner_slide_basic__120601_ .owl-nav .owl-prev:before {content:'\e600'}
	.pm-banner_slide_basic__120601_ .owl-nav .owl-next:before {content:'\e601'}
	.pm-banner_slide_basic__120601_ .owl-nav .disabled {opacity:0.5;cursor:default}

	.pm-banner_slide_basic__120601_ .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__120601_ .owl-dots .owl-dot {display:inline-block}
	.pm-banner_slide_basic__120601_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#ddd;border-radius:30px;transition:opacity 200ms ease}
	.pm-banner_slide_basic__120601_ .owl-dots .owl-dot.active span,
	.pm-banner_slide_basic__120601_ .owl-dots .owl-dot:hover span {background:#999}

/* ****************** 1칸 레이아웃  ****************** */

.layout_120611_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto;}
.layout_120611_ > div:after {content:''; display:block; clear:both;}
.layout_120611_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_120611_ {min-width:1240px;}
}

/* ****************** 공백  ****************** */

.empty_line_120621_ {display:block; width:100%;  height:40px;}

[id^=div_user_list] .empty_line_120621_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_120621_:before {content:'공백 : 100px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}
  @media all and (min-width:1024px){
    .empty_line_120621_ {height:100px;}
  }

/* ****************** 1칸 레이아웃  ****************** */

.layout_120071_ {clear:both; min-width:320px; max-width:1240px; margin:0 auto;}
.layout_120071_ > div:after {content:''; display:block; clear:both;}
.layout_120071_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_120071_ {min-width:1240px;}
}

/* ****************** 맞춤전송폼 - 기본폼  ****************** */

	.myreg_form__120081_ {padding: 0 10px; margin: 20px 0; }
	.myreg_form__120081_ * {box-sizing:border-box}
	.myreg_form__120081_ dd * {box-sizing:content-box}
	.myreg_form__120081_ h3 {margin-bottom: 10px; font-size: 25px;color:#fff;text-align:left}
	.myreg_form__120081_ ul {position:relative;width:100%;margin:0;padding:0;list-style:none; box-sizing:border-box; display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; margin-bottom: 10px; }
	.myreg_form__120081_ li {padding: 0; }
	.myreg_form__120081_ dl {display:flex; align-items: center; justify-content: space-between; width:100%;margin:0}
	.myreg_form__120081_ dt {display:table-cell; padding: 0; font-size:15px;vertical-align:middle;text-align:left; color: #fff; }
	.myreg_form__120081_ dt i {font-style:normal;color:#d00000}
	.myreg_form__120081_ dd {display:table-cell; width: 80%; margin:0;padding:2px 5px;font-size:14px;vertical-align:middle;text-align:left}
	.myreg_form__120081_ dd > span {display:inline-block;padding:5px;color:#0256d0}
	.myreg_form__120081_ textarea {margin:2px 0;font-size:12px; resize: none; }
	.myreg_form__120081_ input[type=text],
	.myreg_form__120081_ textarea,
	.myreg_form__120081_ select {margin: 0; padding: 10px 0; border:1px solid #aaa;border-radius:.3em;font-size:14px;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2)}
	.myreg_form__120081_ label {font-size:14px}

	.myreg_form__120081_ .privacy > div {overflow:auto;height:120px;padding:10px;border:1px solid #aaa;border-radius:4px;background:#f1edea;font-size:13px;text-align:left;line-height:20px}
	.myreg_form__120081_ .privacy h4 {padding:5px 10px;border-radius:.3em;background:#bbb;color:#fff;text-shadow:-1px 0 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2)}
	.myreg_form__120081_ .privacy label {display:block;padding:0;font-size:14px; color: #fff; font-weight: 100; }

	.myreg_form__120081_ .submit {text-align:center}
	.myreg_form__120081_ .submit button {padding:10px 30px;border:none;background-color:#fff;font-size:16px;color:#263463;vertical-align:middle}

	.myreg_form__120081_ .captcha_img_code {margin-bottom:5px;}
	.myreg_form__120081_ .captcha_img_code .captcha_str {display:inline-block;padding:4px 10px 5px;border:1px solid #333;background:#fff;vertical-align:top;}
	.myreg_form__120081_ .captcha_img_code .captcha_str img {vertical-align:top;}
	.myreg_form__120081_ .captcha_img_code .captcha_input {margin:0;vertical-align:top;}
	.myreg_form__120081_ .captcha_img_code .captcha_input input[type='text'] {box-sizing:border-box;width:100px;height:31px;margin-left:2px;}
	.myreg_form__120081_ .captcha_help_text {margin:5px 0 0;padding:0;}
  
    .myreg_form__120081_ .btn-wrapper { display: flex; align-items: center; justify-content: end; gap: 10px; }
  .myreg_form__120081_ input[type=checkbox] { margin-right: 5px; }
  
  @media (min-width: 1024px) {
    .myreg_form__120081_ { margin: 30px 0; }
    .myreg_form__120081_ h3 { margin-bottom: 15px; font-size: 26px; }
    .myreg_form__120081_ ul { margin-bottom: 15px; grid-template-columns: repeat(4,1fr); }
    .myreg_form__120081_ .btn-wrapper { gap: 20px; }
  }