:root {
    --max-width: 1200px;
    --pre: "Noto Sans JP", sans-serif;
    --nanum: "Nanum Gothic", sans-serif;
}

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/***************** header ************************/
.gnb_p {background:#f0f0f0; padding:0;}
.gnb_p_inner {width:1000px; margin:0 auto; }
.gnb_p ul li a {display: block; height: 30px; line-height: 30px; margin: 0; padding: 0 .8em;  font-size: 12px;font-family: Arial; color: #878787; text-decoration: none;font-weight: 300;}

  .mall_btn {position: absolute; right:-230px; top:3px;}
  .mall_btn a.btn {display:block; border:1px solid #ddd; box-sizing:border-box; padding:8px 0; border-radius:10px; width:140px; text-align:center; box-shadow:0 2px 0 #ddd; margin-top:5px;}
  .mall_btn a.btn img {display:block; width:70px; margin:0 auto;}
  .mall_btn a.btn .txt {font-family:'GmarketSans', 'Noto Sans KR', sans-serif; word-break:keep-all; font-size:12px; margin: 6px 0 0 0; font-weight:normal; color:#ff861e;}
  .mall_btn a.btn:hover {background:#f9f9f9;}

  @keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
.blink {animation: blink-effect 1s step-end infinite;}
  
  @media (max-width:1023px) {
    .mall_btn {display:none;}
  }



@media (min-width:1024px){
  #header .header_p {display:flex; align-items:center; height:130px; padding-top:30px; justify-content:space-between;}
  #header .header_p > h1 {width:250px;}
  #header .header_p > div.lnb {width:1000px;}
  #header .header_p > h1 img {max-height:75px;}
  .lnb_p .dep1 > li > a {padding:0;  font-size:15px; font-weight:800;}
   #header > .inner, .gnb_p > .inner{max-width:1150px;}
 
   #header > .inner {padding: 10px 0;} /*26 08 24 추가*/

  .lnb_p{max-width:900px;}
  
   
   #header {border-bottom:2px solid #878787;} /*26 08 24 수정 4px solid #0466c1; */
  #header .header_p, #footer .fnb, #footer .finfo, .contents_wrap.mypage, #sub_view #container .sub_title2 {max-width:var(--max-width);}
 .lnb_p .dep1 > li > div{border:3px solid #777777;background:#fff; padding-top:5px; min-width:20%; width:100%;}
.lnb_p .dep2{padding:0;}
 .lnb_p .dep2 > li > a {color:#393939; height: 30px; line-height: 30px; padding: 0 20px; border-bottom: none; font-weight:700; font-family:var(--pre);}
.lnb_p .dep2 > li.on > a, .lnb_p .dep2 > li:hover > a {color:#777; background: #ececec;}
.lnb_p .dep2 {position: relative; }
     .lnb_p .dep2:before,
    .lnb_p .dep2:after { content:''; position:absolute; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent;}
    .lnb_p .dep2:before {top:-15px; border-bottom:8px solid #777777;}
    .lnb_p .dep2:after {top:-11px; border-bottom:8px solid #ffffff;}


  .lnb_p .dep1 > li > a {padding: 0; border-bottom: none; background: none; color: #393939; text-align: center; font-family:var(--pre);}

}



/**************** container ***********************/
.shgroup > .shgroup_pc{margin-bottom:0;}
.shgroup > .shgroup_pc .sub_location{display:block;}


#sub_view #container * {font-family:var(--pre); word-break:keep-all;}
.shgroup > .shgroup_pc .inner {position: relative; display: flex;align-items: center;justify-content: space-between;width: 100%;background-color: #ffffff;box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.15);border-bottom: 1px solid #ebebeb; z-index:2;}
.shgroup > .shgroup_pc .inner .top_subj {font-size:clamp(1rem, 1.3vw, 1.3rem); font-weight:bold;}
.shgroup > .shgroup_pc .inner .top_subj span {display:inline-block; margin-left:10px; padding-left:20px; font-size:clamp(.8rem, 1vw, 1rem);  font-weight:500;border-left: 1px solid #ebebeb;box-shadow: inset 10px 0px 10px -10px rgba(0, 0, 0, 0.12);line-height: 1.2;color: #9b9b9b;}
.shgroup > .shgroup_pc .inner .sub_location {margin:0; padding: 5px 10px; background: #ebebeb;}
.shgroup > .shgroup_pc .sub_location span:last-child {color:#242697; font-weight:bold;}

@media (min-width:1024px){
.row > .white-space {max-width:var(--max-width) !important;}
#sub_view #container .contents_wrap {max-width:1100px !important;}
#sub_view #container .contents_wrap .snb_wrap{margin-right:30px; display:block;}
#sub_view #container .contents_wrap .snb > div {overflow:hidden;}
#sub_view #container .contents_wrap .snb > div ul li a{position: relative;padding: 12px 30px 12px 15px;border: 2px solid transparent;font-size: 14px;font-weight: bold; color: #444; background:#fff; box-sizing:border-box;  line-height: 1.4;}
#sub_view #container .contents_wrap .snb > div ul li.on a, #sub_view #container .contents_wrap .snb > div ul li:hover a {border-color: #777777; color: #777777; background:#fff;box-sizing:border-box;}
#sub_view #container .contents_wrap .snb > div ul li a{padding:10px 10px; height: auto;}
#sub_view #container .contents_wrap .snb > div ul li a:before{display:none;}
}



/**************** footer *****************************/
#footer  {background:#333;text-align:center;}
#footer * {font-family:var(--pre); color:#777; font-size:13px;}
#footer .fnb ul {background:#333;}
#footer .fnb ul {text-align:center;}
#footer .finfo .copyright{text-align:center;}
#footer .fnb ul li a{color:#fff;}
#footer .finfo p:before{content: '';display: block;position: absolute;left:-5px;top: 50%;width: 1px;height: 10px;margin-top: -5px;background-color: #777777; opacity: .5;}
#footer .finfo p:first-child:before {display:none;}
.sns_wrap {background:#444444;width:100%;}
.sns_wrap .inner {max-width:1000px;display:flex;  margin:0 auto;  justify-content: center; align-items: center; text-align: center; }
 .sns_wrap a {position: relative; display: inline-block; position: relative; width: 25%;line-height: 40px; padding: 10px 5px; font-size: 13px; font-family: arial; color:#888;}
 .sns_wrap a:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 0;height: 100%;border-right: 1px solid #666; opacity: .5;}
 .sns_wrap a:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 0;height: 100%;border-right: 1px solid #666; opacity: .5;}
.sns_wrap a i {display: inline-block; vertical-align: top; width: 40px; height: 40px; margin: 0 3px; border: none; text-indent: -9999px; background-repeat: no-repeat; background:url(/img_up/shop_pds/ehompy0433/design/2026/sns_ico@1x.png);padding: 0p;}
 .sns_wrap a:first-child {font-size:16px; color:#fff;}
 .sns_wrap a .pt {color:#eeac31;}
 .sns_wrap a .tweeter {background-position: -40px -120px;}
 .sns_wrap a .facebook {background-position: 0px -120px;}


<!--sns 푸터 영역-->

#footer .inner .sns_share {display: block;}
#footer .inner .sns_share:after {content:' '; display:block; clear:both;}

#footer .inner .sns_share ul { margin: 0; padding: 0; list-style: none; font-size: 0;  background: #444;}
#footer .inner .sns_share ul li {display:inline-block; overflow:hidden; position:relative; height:40px; padding: 10px 0; text-align:center;}

#footer .inner .sns_share ul li p {height:40px; line-height:40px; margin:0; padding:0 10px; font-size:16px; color: #fff; vertical-align: middle;}
#footer .inner .sns_share ul li p span {color: #eeac31;}

#footer .inner .sns_share ul li a {display:block; height:40px; line-height:40px;  padding: 0 5px;  font-size: 13px;  font-family: arial; text-decoration: none; }
#footer .inner .sns_share ul li a span {display:none; padding: 0 10px; color:#b0b0b0;}


#footer .inner .sns_share ul li a i {display:inline-block; vertical-align: top; width:40px; height:40px; margin:0 3px; padding:0; border:none;  text-indent: -9999px; background: url(/img_up/shop_pds/ehompy0035/design/farm_contents_img/sns_ico@1x.png);
    background-repeat: no-repeat;}

#footer .inner .sns_share li .facebook_14696_ {background-position: 0px -120px;}
#footer .inner .sns_share li .twitter_14696_ {background-position: -40px -120px;}



@media (min-width: 1024px) {
#footer .f_board_list > .inner {padding:0;}
#footer .inner .sns_share ul li {display: inline-block; position:relative; width:25%;}
#footer .inner .sns_share ul li a span {  display: inline-block;}

#footer .inner .sns_share ul li:first-child:before {content: ''; display: block;  position: absolute; left: 0; top: 0;  width: 0;  height: 100%; border-right: 1px solid #666; opacity: .5;}

#footer .inner .sns_share ul li:after {content: ''; display: block;  position: absolute; right: 0; top: 0;  width: 0;  height: 100%; border-right: 1px solid #666; opacity: .5;}

}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#footer .inner .sns_share ul li a i {
        background: url(/img_up/shop_pds/ehompy0433/design/farm_contents_img/sns_ico@2x.png);
        background-size: 300px 300px;
    }
}


<!--서브 메인슬라이드-->


.sub_main_swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sub_main_swiper .swiper-wrapper {
    display: flex;
}

.sub_main_swiper .swiper-slide {
    flex-shrink: 0;
}

.sub_main_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.sub_main_swiper .owl-nav {cursor: pointer; user-select: none;}
.sub_main_swiper .owl-nav .owl-prev {left: 20px;}
.sub_main_swiper .owl-nav .owl-next {right: 20px;}
.sub_main_swiper .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;
}

.sub_main_swiper .owl-nav .owl-prev:before,
.sub_main_swiper .owl-nav .owl-next:before {
    content: '';
    position: absolute;
    top: 11px;
    width: 16px;
    height: 16px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}

.sub_main_swiper .owl-nav .owl-prev:before {
    left: 10px;
    transform: rotate(-135deg);
}

.sub_main_swiper .owl-nav .owl-next:before {
    right: 10px;
    transform: rotate(45deg);
}

.sub_main_swiper .owl-nav [class*='owl-']:hover {
    opacity: 1;
}

@media all and (max-width:1023px) {
.swiper-wrapper {
       margin-top: 82px;
}
}


    /* 모바일에서도 서브페이지 제목/경로 표시 */

@media all and (max-width:1023px) {
   
   .shgroup > .shgroup_pc {
        display:block;
    }

    .shgroup > .shgroup_pc .inner {
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        box-sizing:border-box;
        padding:15px 20px;
        background:#fff;
        border-bottom:1px solid #ebebeb;
    }

    .shgroup > .shgroup_pc .inner .top_subj {
        display:block;
        margin:0;
        font-size:18px;
        font-weight:bold;
    }

    .shgroup > .shgroup_pc .inner .top_subj span {
        display:inline-block;
        margin-left:8px;
        padding-left:10px;
        font-size:14px;
        line-height:1.2;
    }

    .shgroup > .shgroup_pc .inner .sub_location {
        display:block;
        margin:0;
        padding:5px 10px;
        background:#ebebeb;
        font-size:12px;
    }
}
@media all and (max-width:582px) {
.shgroup > .shgroup_pc .inner { padding: 15px 0px;}
.shgroup > .shgroup_pc .inner .top_subj { font-size: 12px;}
.shgroup > .shgroup_pc .inner .sub_location {        font-size: 10px;}
}

@media all and (max-width:452px) {
.shgroup > .shgroup_pc .inner .top_subj { font-size: 10px;}
.shgroup > .shgroup_pc .inner .sub_location {  font-size: 8px;}
}
@media all and (max-width:363px) {
.shgroup > .shgroup_pc .inner .top_subj { font-size: 8px;}
.shgroup > .shgroup_pc .inner .sub_location {  font-size: 6px;}
}



#header .logo button {position:absolute;top:0;bottom:0;width:50px;height:50px;margin:auto;border:none;background:none;font-size:0}
#header .logo button:before {font-family:'icomoon';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;color:#333333}
#footer .finfo button {border:1px solid #aaa;border-radius:4px;box-shadow:inset 0 1px 0 white;background:#f6f6f6;font-size:12px;color:#555;text-align:center}

@media all and (min-width:1024px) {
	/* PC viewport - Mobile content display none */
	 .button {display:none}

	.search_p .button {display:block;position:absolute;border:none;padding:0;top:0;right:0;margin:auto;width:32px;height:32px;background:#1c69dd;font-size:0}
	.search_p .button:before {content:'\e901';font-family:'icomoon';font-size:20px;color:#fff}
}

/* MOBILE - 뷰포트 CSS */
@media all and (max-width:1023px) {
	.side_search .button {position:absolute;border:none;padding:0;top:10px;right:10px;bottom:10px;margin:auto;padding:5px;background:transparent;font-size:0}
	.side_search .button:before {content:'\e901';font-family:'icomoon';font-size:24px;color:#666}

}


/* MOBILE - 상단 CSS */

 #header .logo #toggle_left {display:none;}

@media all and (max-width:1023px) {

    #header .logo {
        position:relative;
        width:100%;
        height:80px;
    }

    /* 로고 */
    #header .logo h1 {
        text-align:center;
    }


    /* 전화 */
    #header .logo #toggle_left {
        position:absolute;
        left:5px;
        top:50%;
        transform:translateY(-50%);

        display:flex;
        align-items:center;
        justify-content:center;

        width:65px;
        height:30px;

        box-sizing:border-box;
        border:1px solid #ddd;
        background:#fff;

        text-decoration:none;
    }

#header .logo #toggle_left svg {
    width:20px;
    height:20px;
    fill : #0466c1;
}
    /* 목록보기 */
    #header .logo #toggle_right {
        font-family: 'Malgun Gothic', sans-serif;
        position:absolute;
        right:5px;
        top:50%;
        transform:translateY(-50%);

        width:auto;
        height:30px;

        box-sizing:border-box;
        padding:5px;

        border:1px solid #ddd;
        background:#fff;

        color:#818181;
        font-size:14px;
        font-weight:bold;
        line-height:28px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
     #header .logo #toggle_right .b_blue_text{
       color:#0d3b93;
      }

}

/* 언어선택바 */

.menu_lang {
    position: absolute;
    left: -140px;
    top: 6px;
    z-index: 9999;
    <!--box-shadow: 0px 5px 25px rgb(0 0 0 / 5%);-->
    border-radius: 10px;
}


/* 현재 언어 */
.menu_lang .menu_lang_current {
    position: relative;
    z-index: 2;

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffffd9;
    color: #2a346e;

    font-size: 16px;
    font-weight: 700;

    cursor: pointer;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 8px 20px;
    border: 1px solid #eeeeee;

    flex-direction: column;
}

.menu_lang .contry_view {
    display: flex;
    align-items: center;
    margin-top: 4px;}

.menu_lang .contry_view img {
    width: 20px;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    padding-right: 0;
    margin-right: 6px;
}

.menu_lang .contry_view img:last-child {
    margin-right: 0px;
}

/* 위로 펼쳐지는 언어 선택바 */
.menu_lang .menu_lang_list {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;

    transform: translateY(-10px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    box-sizing: border-box;
    background: #ffffffd9;
    border-radius: 10px;
    margin-top: 5px;
    border: 1px solid #eeeeee;
    box-shadow: 0px 5px 25px rgb(0 0 0 / 5%);
}


/* 언어 항목 */
.menu_lang .menu_lang_list a {
    width: 100%;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #2a346e;
    font-size: 16px;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.2s;
    font-weight: 600;
    padding: 8px 20px;
}


.menu_lang .menu_lang_list a:hover {
    background: #eeeeee;
    color: #2a346e;
border-radius:10px;
}

.menu_lang img {
    width: 30px;
    padding-right: 10px;
}


/* 활성화 */
.menu_lang.on .menu_lang_list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* 모바일 */
@media (max-width: 1023px) {

    .menu_lang {
        left: 5px ;
        top: 24px ;
        width: 80px;
    }


.menu_lang .menu_lang_current { padding: 5px 8px;}

.menu_lang img {
    width: 25px;
    padding-right: 7px;
}

.menu_lang .menu_lang_current .contry_view {display:none;}
.menu_lang .menu_lang_current .contry_view img  {display:none;}

}

/*전화토글*/
#toggle_left_tel {display:none;}
#toggle_left_tel svg{display:none;}

@media (max-width: 1023px) {
#toggle_left_tel {display:block;}
#toggle_left_tel svg{display:block;}
#toggle_left_tel svg {
    width:20px;
    height:20px;
    fill : #0466c1;
}
#toggle_left_tel{
        position: fixed;
        left: 10px;
        bottom: 10px;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        background: #fff;
        text-decoration: none;
        z-index: 99999;
        border-radius: 50%;
        box-shadow: 0px 5px 25px rgb(0 0 0 / 5%);
}
}

/* 상단이동 모바일 변경*/
/*@media (max-width: 767px) {
#footer #btn_site_top {position:fixed;bottom:70px;right:10px;z-index:0;width:40px;height:40px;border:none;border-radius:50%;background:#1c69dd;font-size:0;opacity:0;transition:all .2s ease-in-out}/*26 09 10 바텀 10px->70px*/
}*/