html, body {width:100%; min-height:100%;font-family: Montserrat, "Noto Sans KR", sans-serif;}
html {overflow-y:scroll; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none; font-family: Montserrat, "Noto Sans KR", sans-serif;}
#wrap {position:relative; width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:199;}
.overlay02 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:500;}

#header, #mainVisual, #subVisual, #container, #foot {width:100%; position:relative;}
.inner {position:relative; width:1200px; margin:0 auto; box-sizing:border-box;
}

/* 임시설정 */
.padding_100px {padding: 100px;}

.inner:after {display:block; content:""; clear:both;}
.pc {display:block !important;}
.tablet {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}
.tb {display:table;}
.tbc {display:table-cell;}

*::placeholder { color:#999; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; }                     
*::-webkit-input-placeholder { color:#999; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; }
*:-moz-placeholder { color:#999; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; }             
*::-moz-placeholder { color:#999; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; }           
*:-ms-input-placeholder { color:#999; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; }      
*::-ms-input-placeholder { color:#999; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; } 


/*header*/
/* #header {position:fixed; top:0; left:0; width:100%; height:160px; background:#fff; z-index:200; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap {position:relative;}
.headerWrap:after {display:block; content:""; clear:both;}
.headerWrap h1 {float:left; width:132px; margin-top:33px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */
/* .headerWrap .btn_allmenu {display:block;} */
/* #header .headerWrap .top_util {position:absolute; top:33px; right:0; z-index:10; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */
/* #header .top_util ul {float:left; margin-left:25px; overflow:hidden;}
#header .top_util ul:first-child {margin-left:0;}
#header .top_util ul li {float:left; font-size:14px; line-height:34px;}
#header .top_util ul li:first-child {margin-left:0 !important;}
#header .top_util ul li a {display:block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#header .top_util ul.board li {margin-left:22px;}
#header .top_util ul.board li a {color:#444;}
#header .top_util ul.board li:hover a {color:#84c447;}
#header .top_util ul.store li {margin-left:5px;}
#header .top_util ul.store li a {width:108px; background:#f2f2f2; text-align:center; border-radius:25px; overflow:hidden;}
#header .top_util ul.store li.smart_store a {color:#529c0b;}
#header .top_util ul.store li.mall a {color:#aa2929;}
#header .top_util ul.store li.smart_store:hover a {background:#84c447; color:#fff;}
#header .top_util ul.store li.mall:hover a {background:#ab2929; color:#fff;}
#header .top_util ul.sns li {margin-left:20px;}
#header .top_util ul.sns li a {height:34px; font-size:0; line-height:0; text-indent:-9999px;}
#header .top_util ul.sns li.sns_01 a {width:22px; background:url('/images/common/icon/icon_kakotalk.png') no-repeat 0 center; background-size:100%;}
#header .top_util ul.sns li.sns_02 a {width:24px; background:url('/images/common/icon/icon_blog.png') no-repeat 0 center; background-size:100%;}
#header .top_util ul.sns li.sns_03 a {width:9px; background:url('/images/common/icon/icon_facebook.png') no-repeat 0 center; background-size:100%;}
#header .top_util ul.sns li.sns_04 a {width:20px; background:url('/images/common/icon/icon_instagram.png') no-repeat 0 center; background-size:100%;}
#header .top_util ul.sns li.sns_05 a {width:20px; background:url('/images/common/icon/icon_youtube.png') no-repeat 0 center; background-size:100%;}
#header .top_util ul.sns li.sns_01:hover a {background-image:url('/images/common/icon/icon_kakotalk_g.png');}
#header .top_util ul.sns li.sns_02:hover a {background-image:url('/images/common/icon/icon_blog_g.png');}
#header .top_util ul.sns li.sns_03:hover a {background-image:url('/images/common/icon/icon_facebook_g.png');}
#header .top_util ul.sns li.sns_04:hover a {background-image:url('/images/common/icon/icon_instagram_g.png');}
#header .top_util ul.sns li.sns_05:hover a {background-image:url('/images/common/icon/icon_youtube_g.png');} */

#header{/* position: fixed; top: 0; left: 0; */ position: absolute; top: 0; left: 0; width: 100%;z-index: 99999999; background-color: transparent;}

.headerWrap .inner {margin-left: 0; margin: 0 auto; width: 100%; max-width: 1300px;}
#header .logo-green {display: none;}
#header.theme-dark {background-color: #000000;}
#header.theme-dark .logo-wh {display: none;}
#header.theme-dark .logo-green {display: block;}

.box {position: absolute;  z-index: -1;background-image: url(/images/main/main_img.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%; height: 2000px;}

#header:hover {background-color: #222222;}
#header:hover .logo-wh {display: none;}
#header:hover .logo-green {display: block;}


/* logo */
.headerWrap .inner h1 {width: 175px; height: auto; position: absolute; top: 30%; /* left: 185px; */ left: 0;}
.headerWrap .inner h1 a img{ width: 100%; height: auto;}

/* btn_allmenu */
.headerWrap .btn_allmenu {position: absolute; top: 40%;  right: 185px;display: none;}
.headerWrap .btn_allmenu img {width: 100%; height: auto;}

/* topmenu */
#topmenu {position: relative; z-index:110; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; height: 100px; /* margin: 0 auto; */ display: table; margin-left: auto; margin-right: 40px;
}


#topmenu > ul:after {display:block; content:""; clear:both;}
#topmenu > ul > li {float:left; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-size:16px; font-weight:400; line-height:100px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
height: 100px; text-align: center; display: inline-block; 
}
#topmenu > ul > li > a {display:block;  color:#fff; padding: 0 20px;}
#topmenu > ul > li > a::before {content: ''; width: 7px; height: 7px; background: #ffffff; border-radius: 50%; position: absolute; top: 50%; margin-left: -14px; -webkit-transform: translateY(-50%);  transform: translateY(-50%); display: none;}
#topmenu > ul > li > a:hover :before {content: ''; width: 7px; height: 7px; background: #ffffff; border-radius: 50%; position: absolute; top: 50%; margin-left: -14px; -webkit-transform: translateY(-50%);  transform: translateY(-50%);}

#topmenu > ul > li.on > a::before {display: block;}


@media (max-width:1600px) {
/*     #topmenu > ul > li > a {padding: 0 25px;} */
}
@media (max-width:1400px) {
/* 
    #topmenu {margin-right: 40px;} */

}
@media (max-width:1200px) {
    #topmenu > ul > li {font-size: 15px;}
    #topmenu > ul > li a{padding: 0 12px;}
    
    

}

/* 메뉴 앞 부분 원 */
    /* 자바스크립트 넣어야 할 부분 임시 */
    /* #topmenu > ul > li > a:hover span{ opacity: 1; } */

/* #topmenu:hover > ul > li {padding-bottom:33px;} */
/* #topmenu > ul > li.on > a > span:after, */
/* #topmenu > ul > li:hover > a > span:after {width:100%; opacity:1;} */

#topmenu .submenu { /* position:absolute; */ width:100%;  height:auto; z-index: 9999999;

opacity:0; display:none;
}
/* #topmenu > ul > li:first-child .submenu {border-left:none;} */
#topmenu .submenu ul {/* width: 900px; */ height: 300px; 
/* float: left; */} 
#topmenu .submenu li {font-size:15px;  text-align:center; line-height:50px; /* width: 16.666%; */ height: 50px;}
#topmenu .submenu li:nth-child(1) {margin-top: 25px;}
#topmenu .submenu li a {color:#666666;}
#topmenu .submenu li:hover a {color:#363636; }
.submenu_bg {display:none; position:absolute; top:100px; left:0; width:100%; height:0; background:#ffffff; opacity:0; z-index:10;  box-sizing: border-box;}



/* @media screen and (max-width: 1610px) {
    .headerWrap .inner {margin-left: 0; margin: 0 auto;}
    .headerWrap .inner h1 {left: 6%;}
    .headerWrap .btn_t_seacrh {right: 6%;}

}

@media screen and (max-width: 1430px) {
    .headerWrap .inner h1 {left: 2%;}
    .headerWrap .inner {padding: 0 4%;}
    .headerWrap .btn_allmenu {right: 4%;}
    .headerWrap .btn_t_seacrh {right: 4%;}
} */

.sound-only {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%);}

.headerWrap .btn_t_seacrh {position:absolute; top:50%; /* right:185px;  */
    right: 0; width:22px; height:22px; padding:0; background:url('/images/common/btn/btn_search.png') no-repeat 0 0; background-size:cover; vertical-align:middle; z-index:120; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-filter: invert(1); -webkit-filter: invert(1);  filter: invert(1);}

#TSearch {display:none; position:absolute; top:100px; left:0; width:100%; height:150px; background:#f8f8f8;z-index: 99999;} 
#TSearch .InputArea .icon_search {position:absolute; top:50%; left:0; width:22px; height:22px; transform:translateY(-50%); background:url('/images/common/btn/btn_search.png') no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-9999px;}
#TSearch .InputArea {position:relative; width:700px; margin:38px auto 0; border-bottom:2px solid #272727;}
#TSearch .InputArea input.text {width:100%; height:62px; padding-left:40px; padding-right:120px; border:none; background:none;}
#TSearch .InputArea input.text::placeholder { color:#888; }                     
#TSearch .InputArea input.text::-webkit-input-placeholder { color:#888; }
#TSearch .InputArea input.text:-moz-placeholder { color:#888; }             
#TSearch .InputArea input.text::-moz-placeholder { color:#888; }           
#TSearch .InputArea input.text:-ms-input-placeholder { color:#888; }      
#TSearch .InputArea input.text::-ms-input-placeholder { color:#888; } 
#TSearch .InputArea .btn_search_txt {position:absolute; top:50%; right:0; width:108px; height:34px; transform:translateY(-50%); background:#222; font-size:14px; text-align:center; color:#fff; line-height:34px; border-radius:25px;}
#TSearch .btn_s_close {position:absolute; right:175px; top:50%; width:22px; height:22px; transform:translateY(-50%); background:url('/images/common/btn/btn_close.png') no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-9999px;}



@media screen and (min-width: 1920px) {
    .headerWrap {display: flex; justify-content: center;}
}

@media screen and (max-width: 1610px) {
    .headerWrap .inner {margin-left: 0; margin: 0 auto;}
    .headerWrap .inner h1 {left: 0;}
    .headerWrap .btn_t_seacrh {right: 0;}
    #TSearch .btn_s_close {right:0;}


}

@media screen and (max-width: 1430px) {
    .headerWrap .inner h1 {left: 2%;}
    .headerWrap .inner {padding: 0 4%;}
    .headerWrap .btn_allmenu {right: 4%;}
    .headerWrap .btn_t_seacrh {right: 4%;}
    #TSearch .btn_s_close {right:4%;}
    
}

@media screen and (max-width: 1280px) {

    .headerWrap .inner h1 {width: 130px; top: 34%;}
}






/* #allmenu {display:none;} */




/* #allmenu .allmenuWrap {} */
#allmenu .allmenuWrap a {width: 27px; height: auto; color: #363636;}


/* .sub #header {border-bottom:1px solid #eee;} */
#wrap.scroll #header {height:80px; border-bottom:1px solid #eee;}
#wrap.scroll .headerWrap h1 {width:90px; margin-top:12px;}
#wrap.scroll #header .top_util {top:-100px;}
#wrap.scroll .headerWrap .btn_t_seacrh {top:35px;} 
#wrap.scroll #topmenu {margin-top:10px;}
#wrap.scroll #topmenu:hover > ul > li {padding-bottom:11px;}
#wrap.scroll #topmenu .submenu {top:70px;}
#wrap.scroll #TSearch {top:80px;}
#wrap.scroll .submenu_bg {top:80px;}

/* 메인비주얼 */
/* #mainVisual {position:relative; height:658px; background:url('/images/main/mainvisual_bg.jpg') no-repeat center top; background-size:cover;}
#mainVisual .list:after {display:block; content:""; clear:both;}
#mainVisual .list .mainV_txt {position:absolute; top:125px; left:0; width:300px; z-index:10; transform:translateX(-100px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; word-break:keep-all;}
#mainVisual .list .mainV_txt strong {display:block; padding-bottom:10px; font-size:36px; color:#222; line-height:1.2;}
#mainVisual .list .mainV_txt p {line-height:1.4;}
#mainVisual .list .mainV_txt .btn_more01 {margin-top:25px;}
#mainVisual .list .mainV_img {position:relative; float:right; max-height:100%; transform:translateX(100px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;}
#mainVisual .Paging {position:absolute; left:0; bottom:165px; z-index:15;}
#mainVisual .Paging span {font-family:'Montserrat', Sans-serif; font-size:14px; font-weight:500; color:#919090;}
#mainVisual .Paging .slick-arrow {display:inline-block; width:28px; height:18px; margin-top:-2px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer; vertical-align:middle;}
#mainVisual .Paging .slick-arrow.slick-prev {background:url('/images/common/btn/btn_prev.png') no-repeat 0 0; background-size:100%;}
#mainVisual .Paging .slick-arrow.slick-next {background:url('/images/common/btn/btn_next.png') no-repeat 0 0; background-size:100%;}
#mainVisual .Paging .num {display:inline-block; margin:0 15px; vertical-align:middle;}
#mainVisual .Paging .pagingInfo {font-size:20px; font-weight:600; color:#666;}
#mainVisual .Paging .pagingInfo02 {padding:0 2px 0 5px;}

#mainVisual .slick-active .list .mainV_txt {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#mainVisual .slick-active .list .mainV_img {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;} */



/* 메인슬라이드 */

#mainVisual_2 {
  background: #eee;
/*   font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;

}

.slide_inner {height: 100%;}



#mainVisual_2 .swiper-slide {position: relative; top: 0; left: 0; }
#mainVisual_2 .swiper-slide {background-size: cover; 
background-repeat: no-repeat; background-position: top center; width: 100%; height: 100vh; /* height: calc(100vh - 100px); */}


#mainVisual_2 .slide_img01{background-image: url(/images/main/main_slide01.jpg);}
#mainVisual_2 .slide_img02{background-image: url(/images/main/main_slide02.jpg);}
#mainVisual_2 .slide_img03{background-image: url(/images/main/main_slide03.jpg);}
#mainVisual_2 .slide_img04{background-image: url(/images/main/main_slide04.jpg);}
#mainVisual_2 .slide_img05{background-image: url(/images/main/main_slide05.jpg);}

/* #mainVisual_2 .slide_text {color: #fff; display: flex; flex-direction: column; justify-content: center; height: 100%;} */
.slide_inner {position: relative;}
#mainVisual_2 .slide_text {position: absolute; bottom: 20%; left: 5%;}

#mainVisual_2 .slide_text .slide_text01 {font-size: 40px;/* text-transform: uppercase; */ letter-spacing: 3px; padding-bottom: 5px;font-weight: 800;text-shadow: 0px 1px 1px #666666; text-shadow: 2px 2px 2px #000000;}
#mainVisual_2 .slide_text .slide_text02 {font-size: 40px; line-height: 1; margin-top: 20px; font-weight: 400; text-shadow: 2px 2px 2px #000000;}
#mainVisual_2 .slide_text .slide_text03 {font-size: 25px; padding-top: 35px; }
#mainVisual_2 .slide_text .slide_text03 span{display: block;}
/* #mainVisual_2 .paev {left:43%;right:auto} */
#mainVisual_2 .swiper-slide img {width: 100%; height: auto;}


@media(max-width:922px) {
    #mainVisual_2 .slide_text .slide_text01 {
        font-size: calc(1rem + 2.1vw);

    }
    #mainVisual_2 .slide_text .slide_text02 {
        font-size: calc(1rem + 2.1vw);

    }
}

@media(max-width:768px) {

    /* #mainVisual_2 .slide_text .slide_text02 {padding-bottom: 50px;} */
}


@media(max-width:360px) {

    #mainVisual_2 .slide_text .slide_text01 {
        font-size: 24px;

    }
    #mainVisual_2 .slide_text .slide_text02 {
        font-size: 24px;
        padding-bottom: 0;
    }
}


/* @media screen and (max-width: 1440px) {
    #mainVisual_2 .slide_text { left: 10%; transform: translateY(-50%);}
}

@media only screen and (max-width:1280px){
    #mainVisual_2 .slide_text { left: 10%;}
}
 */


/* 컨텐츠 공통 */
.LineBanner {position:relative;}
.LineBanner img {position:relative; left:50%; max-width:inherit; transform:translateX(-50%);}
.LineBanner .logo {position:absolute; top:-70px; left:50%; width:297px; height:196px; margin-left:303px; background:url('/images/common/logo.png') no-repeat 0 0; background-size:100%;}

.section {padding-top: 100px; padding-bottom: 100px;}
.section_1 {padding-top: 100px; }

.section.bd {border-bottom:1px solid #eee;}
.section .tb {width:100%;}
.section02 {padding-top:130px;}

/*main contents */
.product_section .menuSlider{max-width: 1200px;}
.main #contents {/* padding-top:160px; */ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#wrap.main.scroll #contents {padding-top:80px;}
.main_TitleArea {position:relative; word-break:keep-all;}
.main_TitleArea .wp {width:200px;}
.main_TitleArea .Product {position: relative; 
font-size:40px; font-weight:bold; color:#000; line-height:1; text-align: center; text-transform: uppercase; display: inline-block; left: 50%; transform:  translateX(-50%);
}
/* .main_TitleArea .Product::after {position: absolute; content: ""; width: 12px; height: 12px ; border-radius: 50%; background-color: #87ca3c;position: absolute; bottom: 4px; margin-left: 10px;} */
.main_TitleArea p {padding-top:30px; font-size:18px; color:#000; text-align: center; font-weight: 300;}
.main_TitleArea .btn_more02 {margin-top:55px;}
.tb .main_TitleArea {display:table-cell; width:26%; vertical-align:top;}
.main_TitleArea02 {position:relative; margin-bottom:24px;}
.main_TitleArea02 h2 {display:block; font-size:20px; font-weight:500; color:#222; line-height:1;}
.main_TitleArea02 .more {position:absolute; right:0; bottom:0; font-size:13px; color:#666; font-weight:600; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.main_TitleArea02 .more:hover {color:#84c447;}

#brand_story .brand_info {display:table-cell; padding-left:8%; border-left:1px solid #eee; vertical-align:top;}
#brand_story .brand_info strong {display:block; padding-bottom:30px; font-size:28px; font-weight:400; color:#608041; line-height:1.2;}
#brand_story .brand_info .cols_wrap {overflow:hidden;}
#brand_story .brand_info .cols_wrap .cols {float:left; width:46%; margin-left:8%; font-weight:300; word-break:keep-all; line-height:1.3;}
#brand_story .brand_info .cols_wrap .cols:first-child {margin-left:0;}

#fresh_story .fresh_info {display:table-cell; padding-left:8%;}
#fresh_story .fresh_info ul {overflow:hidden;}
#fresh_story .fresh_info ul li {float:left; width:48%; margin-left:4%;}
#fresh_story .fresh_info ul li:first-child {margin-left:0;}
#fresh_story .fresh_info ul li a {display:block;}
#fresh_story .fresh_info ul li .ThumbArea {width:100%; height:19.2vw; max-height:230px;}
#fresh_story .fresh_info ul li .ThumbArea img {width:100%; height:100%; object-fit:cover;}
#fresh_story .fresh_info ul li .TxtArea {margin-top:30px;}
#fresh_story .fresh_info ul li .TxtArea .title {display:block; padding-bottom:10px; font-size:22px; color:#222;}
#fresh_story .fresh_info ul li .TxtArea p {font-size:16px; font-weight:300; line-height:1.4;}
#fresh_story .fresh_info ul li .btn_more02 {margin-top:40px;}
#fresh_story .fresh_info ul li a:hover .btn_more02 {color:#84c447; border-color:#84c447;}

#new_menu {padding-bottom:0 !important;}
#new_menu .main_TitleArea {margin-bottom:80px;}
#new_menu .main_TitleArea .btn_more02 {position:absolute; right:0; bottom:10px; margin-top:0;}
#new_menu .menuSlider div {vertical-align:top;  margin: 0 auto;}
#new_menu .menuSlider a {display:flex; align-items: center; justify-content: center;}
#new_menu .menuSlider .list {/* width:22% !important; */ /* padding-left:4%; */ width: 360px ; /* height: 480px; */ width:29.8% !important; margin-left: 30px; border:  1px solid #f1f1f1; border-radius: 3%; overflow: hidden; transition: all 0.3s; padding-bottom: 110px; position: relative;}

#new_menu .menuSlider .list:hover {box-shadow: 15px 10px 10px #eee}
#new_menu .menuSlider .list:first-child {padding-left:0; position: relative; top: 0; left: 0;}
#new_menu .menuSlider .list.nodata {width:100% !important; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; font-weight:300; line-height:250px; }
#new_menu .menuSlider .ThumbArea img {/* position:absolute; */ width:auto; height:250px;}
#new_menu .menuSlider .ThumbArea .icon_new {position:absolute; top:5px; left:5px; width:46px; height:25px; background:#84c447; font-family: Montserrat, "Noto Sans KR", "Noto Sans KR", sans-serif; font-size:14px; font-weight:600; text-align:center; color:#fff; z-index:10; line-height:25px; font-weight: bold;} 
#new_menu .menuSlider .TxtArea {margin-top:20px; padding: 0 30px;}
#new_menu .menuSlider .TxtArea .tt {display:block; width:100%; padding-bottom:10px; font-size:25px; color:#000; white-space:nowrap; text-overflow:ellipsis; font-weight: bold;}
#new_menu .menuSlider .TxtArea p {font-size:18px; font-weight:300; line-height:1.4; word-break:keep-all; height: 50px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}

.product_section .TxtArea .tt {text-overflow: ellipsis; overflow: hidden;}
.product_section .view_btn {width: 160px; height: 50px; border-radius: 30px; border:  1px solid #363636;text-transform: uppercase; position: absolute; bottom: 30px; transition: all 0.3s;}
.product_section .view_btn span {margin-right: 20px; font-size: 15px; line-height: 3.4;}
.product_section .view_btn img { height: auto; position: absolute; top: 50%; right: 20px; transform: translateY(-4px); width: 14px;}

/* .product_section .slick-active {margin: 0 70px;} */
#new_menu .menuSlider .slick-arrow {position:absolute; top:105px; width:50px; height:50px;  background-repeat:no-repeat; background-position:center center; /* border-radius:20px; */ font-size:0; line-height:0; text-indent:-9999px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.product_section .view_btn:hover {background-color: #000; color: #fff;}
.product_section .view_btn:hover img {filter: invert(100%);}
.product_section .view_btn:hover span {color: #fff;}
#new_menu .menuSlider .slick-arrow.slick-prev {left:-4%; top: 200px; background-image:url('/images/common/btn/btn_prev.png'); background-color: #fff; z-index: 100;}
#new_menu .menuSlider .slick-arrow.slick-next {right:-4%; top: 200px; background-image:url('/images/common/btn/btn_next.png');background-color: #fff; z-index: 100;}
#new_menu .menuSlider .slick-arrow.slick-prev:hover {background-image:url('/images/common/btn/btn_prev_b.png');}
#new_menu .menuSlider .slick-arrow.slick-next:hover {background-image:url('/images/common/btn/btn_next_b.png');}
#new_menu .menuSlider .slick-dots {height:10px; margin-top:50px; text-align:center;}
#new_menu .menuSlider .slick-dots li {display:inline-block; padding:0 10px; vertical-align:top;}
#new_menu .menuSlider .slick-dots li button {display:block; width:10px; height:10px; box-sizing:border-box; font-size:0; line-height:0; text-indent:-9999px; border-radius:100%; -webkit-border-radius:100%; appearance:none; -webkit-appearance:none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #c8c8c8;}
#new_menu .menuSlider .slick-dots li.slick-active button {background-color: #000;transform: scale(1.3); }


/* daichifood story */

.mainStory {padding: 150px 0; 
   padding-top: 150px; height: 670px; position: relative; left: 0; top: 0;font-family: Montserrat, "Noto Sans KR", sans-serif; color: #000;}
.mainStory .storyBox {height: 100%;}
.storyImg01_m {display: none;}
.mainStory .storyBox .storyImg_bag {float: right; height: 100%;}
.mainStory .storyBox .storyImg_bag>img {height: 100%;}

.mainStory .storyBox .storyImg01 {position: absolute; top: 50%; transform: translateY(-50%);}
.mainStory .storyBox .storyImg02 {position: absolute; right: 2%; bottom: 16%;}
.mainStory .storyBox .storyText {position: absolute; left: 50%; top: 50%; transform: translateY(-50%);}
.mainStory .storyBox .storyText .storyText01 {text-transform: uppercase; font-size: 20px;padding-bottom: 20px;}

.mainStory .storyBox .storyText .storyText02 {font-size: 45px;font-weight: 300;line-height: 1.2;}
.mainStory .storyBox .storyText .storyText02 b {font-size: 45px; font-weight: bold; }

.mainStory .storyBox .storyText .storyText03 {font-size: 18px; font-weight: 300; padding-top: 20px; color: #666;}
.mainStory .storyBox .storyText .storyText03 span {display: block;}

.mainStory .storyBox .storyText .storyBtn {margin-top: 60px; width: 240px; height: 55px; background-color: #000; border-radius: 30px; position: relative;}

.mainStory .storyBox .storyText .storyBtn a {display: block;}
.mainStory .storyBox .storyText .storyBtn span {color: #fff; font-weight: 400; font-size: 15px; text-transform: uppercase; margin-left: 25px; line-height: 3.7;}
.mainStory .storyBox .storyText .storyBtn img {height: 11px;position: absolute;top: 50%; right: 25px;transform: translateY(-6px);}




/* notice */

.notice_section {margin-top: -150px;position: relative; left: 0; top: 0; padding-bottom: 150px;}
.notice_section .notice_bag01 {position: absolute; top: 200px; left: 0; background: url(/images/main/notice_bag01.png); background-repeat: no-repeat; background-position: left top; background-size: cover; width: 550px; height: 730px;}
.notice_section .notice_bag02 {position: absolute; top: 150px; right: 0; background: url(/images/main/notice_bag02.png); background-repeat: no-repeat; background-position: right top; background-size: cover; width: 200px; height: 530px;}

.notice_section .main_TitleArea {margin-bottom: 80px; word-break: keep-all;}
.notice_section .main_TitleArea .notice{position: relative;font-family: Montserrat, "Noto Sans KR", "Noto Sans KR", sans-serif;font-size: 40px;font-weight: bold;color: #000;line-height: 1;text-align: center;text-transform: uppercase;display: inline-block;left: 50%;transform: translateX(-50%);}

/* .notice_section .main_TitleArea .notice::after {content: "";width: 12px;height: 12px;border-radius: 50%;background-color: #87ca3c;position: absolute;bottom: 4px;margin-left: 10px;} */

.notice_section .main_TitleArea p {padding-top: 30px;font-size: 18px;color: #000;text-align: center;font-weight: 300;}

.notice_section .notice_rwap {width: 100%; max-width: 1200px; margin: 0 auto;}
.notice_section .notice_rwap .notieBox02 {margin-top: 35px;}
.notice_section .notice_rwap .notieBox {width: 100%; height: 210px; border: 1px solid #f1f1f1; background-color: #fff;}

.notice_section .notice_rwap .notieBox>a>p {width: 15%; float: left; margin-top: 90px;}


.notice_section .notice_rwap .notieBox>a>p span{display: block; text-align: center;width: 100px; height: 30px; font-size: 15px; font-weight: 300;border-radius: 30px; line-height: 2.1; margin: 0  auto; border: 1px solid #f1f1f1; color: #767676;}
.notice_section .notice_rwap .notieBox>a:hover span {background-color: #000;color: #fff; transition: all 0.3s;}

.notice_section .notice_rwap .notieBox:hover {box-shadow: 15px 10px 10px #eee;} 

.notice_section .notice_rwap .notieBox .noticeText {/* width: 85%;  */width: calc(85% - 5%); float: left;color: #767676;  text-overflow: ellipsis; overflow: hidden; padding-top: 30px;}

.notice_section .notice_rwap .notieBox .noticeText>b {font-size: 22px; white-space: nowrap;}
.notice_section .notice_rwap .notieBox .noticeText>p {font-size: 18px; font-weight: 300; padding-top: 10px; /* word-break: keep-all; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.notice_section .notice_rwap .notieBox .noticeText .date {font-size: 15px; padding-top: 25px;font-family: Montserrat, "Noto Sans KR", "Noto Sans KR", sans-serif;}

.notice_section .notice_rwap .notieBox>a:hover b {color: #000;transition: all 0.3s;}


/* 프로덕트 */
.main-product {width: 100%; height: 600px;  color: #fff; text-align: center; background-image: url("/images/main/main-product.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; flex-direction: column; justify-content: center; }

.main-product strong {font-size: 40px; font-weight: bold;display: block; padding-top: 50px;}
.main-product p {padding-top: 20px; padding-bottom: 35px;}
/* .toavmftlscjd_get  */.product_get_btn {width: 160px;height: 50px;border-radius: 30px;border: 1px solid #fff;text-transform: uppercase;position: relative;transition: all 0.3s; color: #fff;display: block; left: 50%; transform: translateX(-50%); cursor: pointer;}
.main-product .product_get_btn span {margin-right: 25px;font-size: 15px;line-height: 3.4; text-align: left; }
.main-product .product_get_btn img {height: auto; position: absolute; top: 50%;right: 20px;transform: translateY(-4px);  /* filter: invert(1); */ width: 14px;}

.main-product .product_get_btn:hover {background-color: #000;color: #fff;border: 1px solid #000;}



/* 샘플신청하기&구매안내 */

.sample_get {width: 100%; height: 300px; display: flex; color: #fff; text-align: center;}
.sample_get .sample {width: 50%; height: 100%; background-image: url("/images/main/main_sample.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.sample_get .get {width: 50%; height: 100%; background-image: url("/images/main/main_get.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}

.sample_get strong {font-size: 40px; font-weight: bold;display: block; padding-top: 50px;}
.sample_get p {padding-top: 20px; padding-bottom: 35px;}
/* .toavmftlscjd_get  */.sample_get_btn {width: 160px;height: 50px;border-radius: 30px;border: 1px solid #fff;text-transform: uppercase;position: absolute;transition: all 0.3s; color: #fff;display: block; left: 50%; transform: translateX(-50%); cursor: pointer;}
.sample_get .sample_get_btn span {margin-right: 25px;font-size: 15px;line-height: 3.4; text-align: left; }
.sample_get .sample_get_btn img {height: auto; position: absolute; top: 50%;right: 20px;transform: translateY(-4px);  /* filter: invert(1); */ width: 14px;}

.sample_get .sample_get_btn:hover {background-color: #000;color: #fff;border: 1px solid #000;}






#sns_story .tbc {vertical-align:top ;}
#sns_story #grid {position:relative; width:100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
#sns_story #grid:before {content:''; position:absolute; top:0; left:33.3333333333333%; width:1px; height:100%; background:#eee;}
#sns_story #grid:after {content:''; position:absolute; top:0; right:33.3333333333333%; width:1px; height:100%; background:#eee;}

#grid .grid-item {position:relative; float:left; width:33.3333333333333%; padding:0 2%; padding-top:6%; box-sizing:border-box; z-index:10;}
#grid .grid-item:nth-child(-n+3) {padding-top:0;}
#grid .grid-item a {display:block;}
#grid .grid-item .ThumbArea {width:100%;}
#grid .grid-item .ThumbArea img {width:100%;}
#grid .grid-item .ThumbArea .prd_icon_new {position:absolute; top:5px; left:5px; width:46px; height:25px; background:#84c447; font-family: Montserrat, "Noto Sans KR", "Noto Sans KR", sans-serif; font-size:14px; font-weight:600; text-align:center; color:#fff; z-index:10; line-height:25px;}
#grid .grid-item .TxtArea {padding-top:30px; word-break:keep-all;}
#grid .grid-item .TxtArea .category {display:block; padding-bottom:10px; font-size:14px; line-height:1;}
/* #grid .grid-item .TxtArea .category.cat_01 {color:#752646;} */ /* 보도자료 */
/* #grid .grid-item .TxtArea .category.cat_02 {color:#ff4557;} */ /* 뉴스 */
/* #grid .grid-item .TxtArea .category.cat_03 {color:#469dff;} */ /* 리뷰 */
/* #grid .grid-item .TxtArea .category.cat_04 {color:#ca8429;} */ /* 전시 */
/* #grid .grid-item .TxtArea .category.cat_05 {color:#9f4cce;} */ /* 대외 */
/* #grid .grid-item .TxtArea .category.cat_06 {color:#608041;} */ /* 블로그 */
/* #grid .grid-item .TxtArea .tt {display:block; padding-bottom:15px; font-weight:400; color:#222; line-height:1.2;}
#grid .grid-item .TxtArea .con {display:-webkit-box; height:67.2px; font-size:16px; font-weight:300; line-height:1.4; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#grid .grid-item .TxtArea .date {display:block; padding-top:15px; font-size:12px; font-weight:300; color:#888; line-height:1;}
#grid .grid-item.nodata {width:100% !important; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:18px; text-align:center; font-weight:300; line-height:250px;}

#cscenter.section {padding:100px 0;}
#cscenter .cols {float:left; width:22.375%; margin-left:3.5%; font-size:16px;}
#cscenter .cols p {font-weight:300; line-height:1.4;}
#cscenter .cols:first-child {margin-left:0;}
#cscenter .col2 .num {display:block; padding-bottom:10px; font-family: Montserrat, "Noto Sans KR", "Noto Sans KR", sans-serif; font-size:30px; font-weight:600; color:#3e3e3e; line-height:1.1;}
#cscenter .col2 b {display:block; font-weight:400; color:#222;}
#cscenter .col3 .black strong {font-family:'Poppins', Sans-serif; font-weight:600;}
#cscenter .col4 .black {font-weight:400;}
#cscenter .cols .link {margin-top:20px; border:1px solid #ccc; overflow:hidden;}
#cscenter .cols .link li {float:left; width:50%; height:45px; border-left:1px solid #ccc; font-size:15px; text-align:center; box-sizing:border-box; line-height:45px;}
#cscenter .cols .link li:first-child {border-left:none;}
#cscenter .cols .link li a {display:block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#cscenter .cols .link li span {display:inline-block;}
#cscenter .cols .link li span.smart_store {padding-left:23px; background:url('/images/common/icon/icon_naver_b.jpg') no-repeat 0 center; 임시background-size:19px;}
#cscenter .cols .link li span.mall_store {padding-left:26px; background:url('/images/common/icon/icon_mall_b.jpg') no-repeat 0 center; background-size:22px;}
#cscenter .cols .link li span.smart_store:hover {background-image:url('/images/common/icon/icon_naver.png');}
#cscenter .cols .link li span.mall_store:hover {background-image:url('/images/common/icon/icon_mall.png');}
#cscenter .cols .link li a:hover {color:#84c447;} */

/* 서브비주얼 */
.subVisual {height:543px; background:url('/images/common/subvisual.png') no-repeat center top; background-size:cover; text-align:center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: flex; justify-content: center; align-items: center; flex-direction: column;position: relative; word-break: keep-all;}
@media (max-width:520px) {
    .subVisual {height: 350px;}
}
.subVisual .inner {height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative;}




.subVisual_01 {background: url('/images/common/subvisual_01.png') no-repeat center top; background-size:cover;}
.subVisual_02 {background: url('/images/common/subvisual_02.png') no-repeat center top; background-size:cover;}
.subVisual_03 {background: url('/images/common/subvisual_03.png') no-repeat center top; background-size:cover;}

.subVisual_04 {background: url('/images/common/subvisual_04.png') no-repeat center top; background-size:cover; }
.subVisual_05{background: url('/images/common/subvisual_05.png') no-repeat center top; background-size:cover; }
.subVisual_06{background: url('/images/common/subvisual_06.png') no-repeat center top; background-size:cover; }
.subVisual_07{background: url('/images/common/subvisual_07.png') no-repeat center top; background-size:cover; }

.subVisual h2 {position:relative; top:70px; font-size:65px; font-weight:600; color:#ffffff; line-height:1; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; padding-bottom: 50px; line-height: 1.2;}
.subVisual .location {position:absolute; /* top:180px; */ /* padding-top:50px; */ font-size:16px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; font-weight: 200; color: #ffffff; text-align: right; bottom: 70px; right: 0; /* bottom: 120px !important; */}



.subVisual .location span.bul {padding:0 15px;}
#wrap.scroll .subVisual {margin-top:80px;}
.icon_home {display: inline-block; width: 14px; height: 14px; /* background-image: url(/images/common/icon/icon_home.png); background-repeat: no-repeat; background-size: cover; background-position: center center;  */}
.icon_home img {width: 100%; height: auto; margin-top: 2px;}
.icon_right {width: 6px; height: 10px; display: inline-block; padding: 0 15px;}
.icon_right img {width: 100%; height: auto; margin-top: 5px;}

.subVisual .sub-location {width: 100%; height: 75px; background-color: rgba(0,0,0,0.4); position: absolute; bottom: 26px; left: 0;}

.subVisual .sub-location .sub-location-list {display: flex; justify-content: center;}


.subVisual .sub-location .sub-location-list li a{color: #ccc;padding: 9px 33px; display: inline-block;}


@media(max-width:1300px) {
    .subVisual .location {right: 4%;}  
}
@media(max-width:640px) {
    .subVisual .location {font-size: 14px; } 
    .subVisual .sub-location {height: 55px;}
    .subVisual .sub-location .sub-location-list li a {padding: 6px 10px;}


}



/* .icon_home img {width: 100%; height: auto; margin-top: 20px;} */

#contents .section {padding-top: 100px;}
#contents .section_1 {padding-top: 100px;}
.sub-location .sub-location-list .sub-location-link.on {/* color: #87ca3c; */ background-color: #ffffff; border-radius: 30px; color: #2fac66; font-weight: 600;}

/*sub contents*/
.sub #contents {position:relative; width:100%; box-sizing:border-box; opacity:0;}
.bgH {display:none;}

.Inner_section {margin-top:100px;}
.Inner_bg_section {margin-top:100px; padding:70px 6.5%; background-size:cover !important; text-align:center; color:#fff;}
.Inner_section02 {margin-top:50px;}

.contentsArea {position:relative;}
.contentsArea .TitleArea {margin-bottom:20px;}
.contentsArea .TitleArea h3 {font-size:44px; font-weight:500; color:#222; line-height:1.4;}
.contentsArea .TitleArea h3.eng,
.contentsArea .TitleArea h3 .eng {font-family: Montserrat, "Noto Sans KR", sans-serif; font-size:50px; font-weight:600;}
.contentsArea .TitleArea p {padding-top:25px; font-size:24px; font-weight:400; line-height:1.2;}
.contentsArea h4 {margin-bottom:60px; font-size:40px;  text-align:center; color:#222;}

@media (max-width:780px) {
    .contentsArea h4 {font-size:30px; word-break: break-all;}    
}
.contentsArea h4 span {display:inline-block; border-bottom:1px solid #222;}
.contentsArea h4.w {color:#fff;}
.contentsArea h4.w span {border-color:#fff;}

#SNB {/* position:absolute; left:0; */ width:100%; margin-top:-36px; text-align:center; z-index:10;}
#SNB ul {display:flex; font-size:0; /* border:1px solid #000; */ vertical-align:top;
max-width: 830px; width: 100%; margin: 0 auto;}
#SNB ul li {display:inline-block; /* width:20%;   */width: calc(25% - 6px); font-size:22px; text-align:center;  vertical-align:top; box-sizing:border-box; margin-right: 8px;}
/* #SNB ul li:first-child {border-left:none;} */
#SNB ul li:last-child {margin-right: 0;}
#SNB ul li a {position:relative; display:block;color: #000;padding: 16px; /* background-color: #efefef; */ font-weight: 500;background:#fff; border:1px solid #cccccc; border-radius: 40px; }
#SNB ul li.on a {color:#fff; background-color: #87ca3c; border-color: #87ca3c;}
#SNB ul li a:hover {color:#fff; background-color: #87ca3c; border-color: #87ca3c;}
#SNB ul.list5 {display:block; max-width:1200px; margin:0 auto;}
#SNB ul.list5 li {width:20%;}


/* 공유하기 레이어 */
.LayerPop01 {display:none; position:fixed; top:50%; left:50%; width:450px; height:244px; transform:translateX(-50%) translateY(-50%); background:#fff; z-index:550;}
.LayerPop01 .LayerWrap {padding:30px;}
.LayerPop01 .LayerTitle {position:relative; padding-bottom:15px; border-bottom:1px solid #eee;}
.LayerPop01 .LayerTitle .title {font-size:22px; font-weight:500; color:#222; line-height:1;}
.LayerPop01 .LayerTitle .btn_layer_close {position:absolute; top:0; right:0; width:20px; height:20px; background:url('/images/common/btn/btn_close02.png') no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-9999px;}
.LayerPop01 .LayerContents {padding:30px 0;}
.LayerPop01 .share {text-align:center;}
.LayerPop01 .share li {display:inline-block; margin-left:40px; font-size:16px; vertical-align:top;}
.LayerPop01 .share li:first-child {margin-left:0;}
.LayerPop01 .share li a {display:block;}
.LayerPop01 .share li .icon {display:block; width:62px; height:62px; margin:0 auto 10px;}
.LayerPop01 .share li .icon.icon_kakao {background:url('/images/common/btn/btn_kakao.png') no-repeat center top; background-size:100%;}
.LayerPop01 .share li .icon.icon_link {background:url('/images/common/btn/btn_link.png') no-repeat center top; background-size:100%;} 


/* .TbType01 {display:table; width:100%; word-break:keep-all;}
.TbType01 .TitleArea {display:table-cell; width:34%; margin-bottom:0 !important; vertical-align:top;}
.TbType01 .ConArea {display:table-cell; vertical-align:top;}
.TbType01 .ConArea .tt {display:block; font-size:28px; font-weight:400; color:#608041; line-height:1.2; letter-spacing:-1px;}
.TbType01 .ConArea p {padding-top:30px; font-weight:300; line-height:1.3; letter-spacing:-0.1px;}
.TbType01 .ConArea p:first-child {padding-top:8px;}
.TbType01 .ConArea .img_wrap {margin-top:50px;}
 */
/* TabStyle */
.TabType01 .tab_wrap {border-bottom:1px solid #eee; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: none;}
.TabType01 ul:after {display:block; content:""; clear:both;}
.TabType01 ul li {position:relative; float:left; width:50%; height:50px; border-top:1px solid #eee; background:#f8f8f8; text-align:center; line-height:50px; box-sizing:border-box;}
.TabType01 ul li a {display:block;}
.TabType01 ul li.on {background:#fff;}
.TabType01 ul li.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#000;}
.TabType01 ul li.on a {color:#222;}

/* ListStyle */
/* .ListType01 li {position:relative; padding-left:12px; font-weight:300; line-height:1.6; overflow:hidden;}
.ListType01 li:before {content:''; position:absolute; top:13px; left:0; width:3px; height:3px; background:#7b7b7b;} */

/* 오늘고기 */
/* .BrandInformation .different_brand {background:url('/images/company/brand_bg.jpg') no-repeat center top;}
.BrandInformation .different_brand ul {overflow:hidden;}
.BrandInformation .different_brand ul li {float:left; width:33.333333333333%; text-align:center; word-break:keep-all; line-height:1.4;}
.BrandInformation .different_brand ul li img {width:160px; margin-bottom:18px;}
.BrandInformation .different_brand ul li .num {display:block; padding-bottom:10px; font-family: Montserrat, "Noto Sans KR", sans-serif; font-size:20px; font-weight:600;}
.BrandInformation .different_brand ul li p {padding:0 4%;} */

/* (주)농부 소개 */
/* .introduction .ceo {display:block; padding-top:30px; font-weight:400; color:#222;}
.introduction .ceo b {font-size:22px;}
.introduction .sign_img {width:160px; margin-top:15px;}
.introduction .LineBanner.mtm {margin-top:-40px;}
.introduction .philosophy {border-top:1px solid #222; text-align:center;}
.introduction .philosophy strong {display:block; padding:45px 10px; font-size:28px; font-weight:400; color:#222; line-height:1.2;}
.introduction .vision {border:1px solid #e4e4e4; border-top-color:#222; border-bottom:none; overflow:hidden;}
.introduction .vision li {float:left; width:33.333333333333%; height:20.2vw; max-height:263px; padding:5%; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; box-sizing:border-box;}
.introduction .vision li:nth-child(3n-2) {border-left:none;}
.introduction .vision li:nth-child(2n-1) {background-color:#fafafa;}
.introduction .vision li img {width:48px;}
.introduction .vision li .icon {display:block; width:48px; height:48px;}
.introduction .vision li .icon.vision_01 {background:url('/images/company/icon_vision01.png') no-repeat 0 0; background-size:100%;}
.introduction .vision li .icon.vision_02 {background:url('/images/company/icon_vision02.png') no-repeat 0 0; background-size:100%;}
.introduction .vision li .icon.vision_03 {background:url('/images/company/icon_vision03.png') no-repeat 0 0; background-size:100%;}
.introduction .vision li .icon.vision_04 {background:url('/images/company/icon_vision04.png') no-repeat 0 0; background-size:100%;}
.introduction .vision li .icon.vision_05 {background:url('/images/company/icon_vision05.png') no-repeat 0 0; background-size:100%;}
.introduction .vision li strong {display:block; padding-top:10%; font-size:22px; color:#222; line-height:1.2;}
.introduction .vision li.blank {background:url('/images/company/logo_g.jpg') no-repeat center center; background-size:50%;}
.introduction .history {padding-top:130px;}
.introduction .history .TitleArea {width:50%;}
.introduction .history .ConArea {position:relative;}
.introduction .history .ConArea:before {content:''; position:absolute; top:-130px; left:0; width:1px; height:calc(100% + 115px); background:#eee;}
.introduction .history .ConArea dl {position:relative; padding-left:44px; margin-top:50px;}
.introduction .history .ConArea dl:first-child {margin-top:0;}
.introduction .history .ConArea dl:before {content:''; position:absolute; top:7.5px; left:-7px; width:15px; height:15px; background:url('/images/company/history_bul.jpg') no-repeat 0 0;}
.introduction .history .ConArea dl:after {display:block; content:""; clear:both;}
.introduction .history .ConArea dl dt {float:left; width:48px; padding-right:26px; font-family:'Poppins', Sans-serif; font-size:20px; font-weight:600; color:#222; vertical-align:top; white-space:nowrap; text-align:right;}
.introduction .history .ConArea dl dd {float:left; width:calc(100% - 74px); font-weight:300; vertical-align:top;}
.introduction .history .ConArea dl dd .month {position:absolute; top:0; left:0; font-family: Montserrat, "Noto Sans KR", sans-serif; font-size:20px; color:#222;}
.introduction .history .ConArea dl dd ul li {position:relative; padding-left:44px; margin-top:15px;}
.introduction .history .ConArea dl dd ul li:first-child {margin-top:0;}
.introduction .history .ConArea dl dd ul li em {font-weight:500;} */

/* HACCP */
/* .haccp .haccp_standard {background:url('/images/company/haccp_standard_bg.jpg') no-repeat center top;} */

/* 오시는 길 */
/* .location .address {position:relative;}
.location .address ul li {margin-top:5px; font-weight:300;}
.location .address ul li:first-child {margin-top:0;}
.location .address ul li b {display:inline-block; width:50px; font-weight:400; color:#222;}
.location .address .btn_green {position:absolute; top:0; right:0;}
.location #map {width:100%; height:520px; background:#eee;}
.location .map_wrap .btn_green {display:none;} */

/* 상품정보 */
/*#Board #new_menu {margin-bottofm:100px; padding-bottom:100px !important; border-bottom:1px solid #eee; display: none;}

#hashtag {margin-bottom:50px; text-align:center;}
#hashtag a {display:inline-block; height:40px; margin:2px; padding:0 20px; border:1px solid #84c447; color:#84c447; line-height:40px; vertical-align:middle; box-sizing:border-box; border-radius:25px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#hashtag a:hover {background:#84c447; color:#fff;}

#hashtag02 {position:relative; padding-right:45px; text-align:left;}
#hashtag02 a {display:inline-block; height:38px; margin-right:5px; margin-top:5px; padding:0 20px; border:1px solid #84c447; font-size:16px; color:#84c447; line-height:34px; vertical-align:top; box-sizing:border-box; border-radius:25px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#hashtag02 a:hover {background:#84c447; color:#fff;}
#hashtag02 .shareBtnArea {position:absolute; top:0; right:0;}
#hashtag02 .shareBtnArea .btn_share {display:block; width:38px; height:38px; padding:0; margin-right:0; border:1px solid #ccc; background:url('/images/common/btn/btn_share.png') no-repeat 45% center; background-size:17px; font-size:0; line-height:0; text-indent:-9999px; border-radius:100%;}  */

/* 공유하기 레이어 */
/* .LayerPop01 {display:none; position:fixed; top:50%; left:50%; width:450px; height:244px; transform:translateX(-50%) translateY(-50%); background:#fff; z-index:550;}
.LayerPop01 .LayerWrap {padding:30px;}
.LayerPop01 .LayerTitle {position:relative; padding-bottom:15px; border-bottom:1px solid #eee;}
.LayerPop01 .LayerTitle .title {font-size:22px; font-weight:500; color:#222; line-height:1;}
.LayerPop01 .LayerTitle .btn_layer_close {position:absolute; top:0; right:0; width:20px; height:20px; background:url('/images/common/btn/btn_close02.png') no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-9999px;}
.LayerPop01 .LayerContents {padding:30px 0;}
.LayerPop01 .share {text-align:center;}
.LayerPop01 .share li {display:inline-block; margin-left:40px; font-size:16px; vertical-align:top;}
.LayerPop01 .share li:first-child {margin-left:0;}
.LayerPop01 .share li a {display:block;}
.LayerPop01 .share li .icon {display:block; width:62px; height:62px; margin:0 auto 10px;}
.LayerPop01 .share li .icon.icon_kakao {background:url('/images/common/btn/btn_kakao.png') no-repeat center top; background-size:100%;}
.LayerPop01 .share li .icon.icon_link {background:url('/images/common/btn/btn_link.png') no-repeat center top; background-size:100%;} */

/* 고객센터 안내 */
/* .cscenter .LineBanner {height:400px; background:url('/images/company/cscenter_info.jpg') no-repeat center top; color:#fff;}
.cscenter .LineBanner .inner {padding-top:155px;}
.cscenter .LineBanner .LeftCon {float:left; line-height:1.3;}
.cscenter .LineBanner .LeftCon .tt {display:block; font-size:24px; font-weight:600;}
.cscenter .LineBanner .LeftCon .num {display:block; font-family: Montserrat, "Noto Sans KR", sans-serif; font-size:48px; font-weight:600;}
.cscenter .LineBanner .RightCon {float:right; width:calc(100% - 480px);} 
.cscenter .LineBanner .RightCon ul {overflow:hidden;}
.cscenter .LineBanner .RightCon ul li {padding-left:80px; font-weight:300; line-height:1.6; box-sizing:border-box; vertical-align:top;}
.cscenter .LineBanner .RightCon ul li.date {float:left; background:url('/images/company/icon_csinfo01.png') no-repeat 0 0; background-size:48px;}
.cscenter .LineBanner .RightCon ul li.time {float:right; background:url('/images/company/icon_csinfo02.png') no-repeat 0 0; background-size:48px;}
.cscenter .LineBanner .RightCon ul li em {display:block; font-size:20px; font-weight:400;}

.cscenter .process {padding-top:30px; border-top:1px solid #222; overflow:hidden;}
.cscenter .process li {position:relative; float:left; width:33.33333333333%; font-weight:300; text-align:center; line-height:1.2;}
.cscenter .process li:after {content:''; position:absolute; top:70px; right:-6px; width:13px; height:22px; background:url('/images/common/icon/icon_arrow01.png') no-repeat 0 0; background-size:100%;}
.cscenter .process li:last-child:after {display:none;}
.cscenter .process li b {display:block; padding-top:20px; font-size:22px; color:#222;}
.cscenter .process li span {display:block; padding-top:5px;}

.cscenter .as_tb {padding:80px; background:#f7f7f7; word-break:keep-all;}
.cscenter .as_tb .tbc {width:50%; vertical-align:top; box-sizing:border-box;}
.cscenter .as_tb .tbc:first-child {padding-right:40px; border-right:1px solid #ddd;}
.cscenter .as_tb .tbc:last-child {padding-left:50px;}
.cscenter .as_tb .tbc img {height:51px; margin-bottom:15px;}
.cscenter .as_tb .tbc strong {display:block; padding-bottom:4px; font-size:22px; font-weight:400; color:#222;}
.cscenter .as_tb .ListType01 b {float:left; width:40px;}
.cscenter .as_tb .ListType01 span {float:left; width:calc(100% - 40px);}
.cscenter .as_tb .tbc .caution {padding-top:5px; font-size:16px; font-weight:300; color:#888;}

.cscenter .as_method_info {margin-top:50px;}
.cscenter .as_method_info ul {overflow:hidden;}
.cscenter .as_method_info ul li {float:left; width:48.5%; margin-left:3%; padding:50px 20px; border:1px solid #ddd; font-weight:300; line-height:1.6; text-align:center; box-sizing:border-box;}
.cscenter .as_method_info ul li:first-child {margin-left:0;}
.cscenter .as_method_info ul li .icon {display:inline-block; width:91px; height:91px; margin-bottom:15px;}
.cscenter .as_method_info ul li .icon.icon_01 {background:url('/images/company/icon_cs.png') no-repeat 0 0; background-size:100%;}
.cscenter .as_method_info ul li .icon.icon_02 {background:url('/images/company/icon_mail.png') no-repeat 0 0; background-size:100%;}
.cscenter .as_method_info ul li strong {display:block; padding-bottom:5px; font-size:22px; color:#222;} */

/* 구매안내 */ 
.guide .TbType01 {table-layout:fixed;}
.guide .online_store .TbType01 .ConArea .tt {padding-top:25px;}
.guide .online_store .online_purchase dl {margin-top:40px;}
.guide .online_store .online_purchase dl dt {padding-bottom:15px; font-size:20px; font-weight:400; color:#222; line-height:1;}

.guide .storeSlider {margin-top:40px;}
.guide .storeSlider div {vertical-align:top;}
.guide .storeSlider img {width:100%;}
.guide .storeSlider .slick-dots {margin-top:1%; overflow:hidden;}
.guide .storeSlider .slick-dots li {float:left; width:9.1%; margin-left:1%; opacity: 0.3; filter:alpha(opacity=0.3); -mox-opacity:0.3; cursor:pointer;}
.guide .storeSlider .slick-dots li:first-child {margin-left:0;}
.guide .storeSlider .slick-dots li.slick-active {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.guide .store_info {margin-top:30px; overflow:hidden;}
.guide .store_info dl {float:left; width:50%; margin-top:5px; overflow:hidden;}
.guide .store_info dl dt {float:left; font-weight:400; color:#222;}
.guide .store_info dl dd {float:left; font-weight:300;}
.guide .store_info dl:nth-child(2n-1) dt {width:50px;}
.guide .store_info dl:nth-child(2n-1) dd {width:calc(100% - 50px);}
.guide .store_info dl:nth-child(2n) dt {width:120px;}
.guide .store_info dl:nth-child(2n) dd {width:calc(100% - 120px);}
.guide #map {width:100%; height:425px; margin-top:35px; background:#dfdfdf;}

.guide .cs_info {margin-top:25px; padding:60px; border:1px solid #ddd;}
.guide .cs_info .tbc {width:50%; box-sizing:border-box; vertical-align:middle;}
.guide .cs_info .tbc:first-child {padding-right:30px; border-right:1px solid #ddd;}
.guide .cs_info .tbc:last-child {padding-left:30px;}
.guide .cs_info .tbc .numArea {padding:5px 0 5px 90px; background:url('/images/company/icon_tel.png') no-repeat 0 center; background-size:70px; font-family: Montserrat, "Noto Sans KR", sans-serif; color:#222; line-height:1.3;}
.guide .cs_info .tbc .numArea .num {display:block; font-size:30px; font-weight:600;}
.guide .cs_info .tbc .numArea .fax {display:block; font-weight:500;}
.guide .cs_info dl {margin-top:5px; overflow:hidden;}
.guide .cs_info dl:first-child {margin-top:0;}
.guide .cs_info dl dt {float:left; width:76px; color:#222;}
.guide .cs_info dl dd {float:left; width:calc(100% - 76px); font-weight:300;}


/* 서브페이지 시작 */

/* 회사소개 */

/* 01. 다이찌식품 소개 */
/* .daichiIntroduction .section {padding-bottom: 0;} */
/* .daichiIntroduction .section_introduction02 {padding-bottom: 0; padding-top: 0px;} */
.daichiIntroduction .company_01_bag_color {width: 100%; /* height: 720px; */ /* background-color:#f6f6f6; */ position: absolute; left: 0; bottom: 0; }
.daichiIntroduction .company_01_bag {background-image: url(/images/company/company_01_bag.png); background-size: contain; background-repeat: no-repeat; background-position: center bottom;
    width: 840px; height: 720px; position: absolute; left: 0; bottom: 0;}   
.daichiIntroduction .introduction_box01 {display: flex; padding-bottom: 0;}
.daichiIntroduction .introduction_box01 .company_01_logo {height: 410px; background-image: url(/images/company/company_01_logo.png); background-position: top center; background-repeat: no-repeat; background-size: contain; flex-basis: 43%; max-width: 500px;}
.daichiIntroduction .introduction_box01 .introduction_text_box {margin-left: 20px; flex-basis:calc(100% - 500px);}
.daichiIntroduction .introduction_box01 .introduction_text01 {font-size: 18px; display: flex; border-bottom:  1px solid #d6d6d6; padding: 30px 20px; padding-right: 19px; word-break: keep-all; justify-content: flex-start;} 
.daichiIntroduction .introduction_box01 .border_top {border-top:  1px solid #000;}
.daichiIntroduction .introduction_box01 .introduction_text01 p {color: #fff; font-weight: 500;  flex-basis: 150px;}
.daichiIntroduction .introduction_box01 .introduction_text01 p>em {background-color: #000;width: 90px; height: 30px;border-radius: 30px; text-align: center; display: block;}
.daichiIntroduction .introduction_box01 .introduction_text01 p>.em130 {width: 130px; display: block;margin-right: 20px;}
.daichiIntroduction .introduction_box01 .introduction_text01 span {font-weight: 300;}
.daichiIntroduction .introduction_box01 .introduction_text01:last-child span{line-height: 2;}
.daichiIntroduction .introduction_box01 .introduction_text01 span em {font-style: normal; padding: 0 15px;}
/* .daichiIntroduction .section_introduction02 {padding: 0;} */
/* .daichiIntroduction .introduction_box02 { height: 720px;} */
/* .daichiIntroduction .text_wrap {padding-top: 90px;} */
.daichiIntroduction .introduction_box02 .introduction_text02 {font-size: 26px; font-weight: 300; float: left; width: 460px;}
.daichiIntroduction .introduction_box02 .introduction_text02 p {font-size: 22px; color: #87ca3c; font-weight: 700; padding-bottom: 30px;}
.daichiIntroduction .introduction_box02 .introduction_text02 strong {font-weight: 700; display: block;}
.daichiIntroduction .introduction_box02 .introduction_text03 {font-size: 20px; font-weight: 300; float: right;/* padding-top: 65px; */}
.daichiIntroduction .introduction_box02 .introduction_text03 strong {font-weight: 700;}
.daichiIntroduction .introduction_box02 .introduction_text03 p>span {display: block;}
/* .company_01_img {width: 540px; height: 430px; background-color: #aaaaaa;} */
.section_introduction02 .inner {display: flex;} 
.company_01_img {margin-right: 5%;}
.company_01_img img{max-width: 100%;}

@media(max-width:1280px) {

    .daichiIntroduction .introduction_box02 .introduction_text03 p>span {display: inline;}
    .introduction_box02 {width: 50%;}
}
@media(max-width:920px) {
    .section_introduction02 .inner {flex-direction: column;}
    .company_01_img {margin-right: 0; text-align: center; margin-bottom: 30px;}
    .introduction_box02 {width: 100%;}
    .daichiIntroduction .introduction_box02 .introduction_text03 p>span {display: block; text-align: center;;}
    .daichiIntroduction .introduction_box02 .introduction_text03 {float: none;}
}
@media(max-width:420x) {
    .daichiIntroduction .introduction_box02 .introduction_text03 p>span {display: inline;}
}

/* 02.연혁 */
.history {background-image: url(/images/company/company_02_bag.png); background-position: bottom right; background-repeat: no-repeat; background-size: 638px; }
.history .section {padding-bottom: 150px;}
.history .history_wrap .history_box {width: 100%;}
.history .history_wrap .history_box .text_box {width: 60%;float: right;}
.history .history_wrap .history_box1 {height: 330px; padding-bottom: 60px;}
.history .history_wrap .history_box2 {height: 522px;}


/* 이미지 공통사항 */
.history .history_wrap .history_box .history_img {/* background-position: center center; background-repeat: no-repeat; background-size: cover; */ width: 350px; height: auto; border-radius: 20px; box-shadow: 20px 0 20px rgba(54,54,54,0.1); float: left; overflow: hidden;}
.history .history_wrap .history_box .history_img img{width: 100%; height: auto;}

/* 연혁 텍스트 공통사항 */
/* .history .history_wrap .history_text {} */
/* .history .history_wrap .history_text p {padding-bottom: 115px;} */
.history .history_wrap .history_text .year{font-size: 42px; font-weight: 500; color: #99cc33; display: block; position: relative; padding-bottom: 5px;border-bottom: 1px solid #e3e3e3; margin-bottom: 10px;} 
.history .history_wrap .history_text .year::after {content: ""; width: 7px; height: 7px; border-radius: 50%;  background-color: #99cc33; position: absolute; margin-left: 7px; bottom: 15px;}
.history .history_wrap .history_text p{ font-size: 18px; padding-top: 10px; padding-left: 30px;}
/* .history .history_wrap .history_text .padding35 {padding-top: 35px;} */
.history .history_wrap .history_text .month{font-weight: 500;}
.history_text02 , .history_text04 {margin-top: 90px;}


/* 03.다이찌식품 이념 *

/* .ideology {} */
.ideology>div {padding-bottom: 100px;}

@media (max-width:520px) {
    .ideology>div {padding-bottom: 50px;}

}

.ideology .ideology_wrap {width: 100%; height: 680px; overflow: hidden; border-radius: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #ddd; background-color: #ffffff;}

.ideology .ideology_wrap .content{width: 50%; height: 50%; float: left; padding: 0 67px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* border: 1px solid #dddddd; */ margin: auto 0; padding-top: 65px;}
.ideology .ideology_wrap .content h5 {font-size: 26px; font-weight: bold; padding-top: 5px; padding-bottom: 15px;}

.ideology .ideology_wrap .content img {width: 47px; height: auto;}
.ideology .ideology_wrap .content p {font-size: 18px; font-weight: 300;}
.ideology .ideology_wrap .content01 {border-right: 1px solid #ddd;}
.ideology .ideology_wrap .content03 {border-top: 1px solid #ddd; padding-top: 45px; border-right: 1px solid #ddd;}
.ideology .ideology_wrap .content04 {border-top: 1px solid #ddd; padding-top: 45px; background-image: url(/images/company/ideology_bag_01.png); background-size: contain; background-position: right bottom; background-repeat: no-repeat;}
.ideology .ideology_wrap .content span {display: block;}


/* 05.오시는길 */
/* .map .section {padding-bottom: ;} */
.map .inner>p {font-size: 19px; font-weight: 300; text-align: center; padding-bottom: 20px;}
/* .map .inner>p>span {} */
.map .inner>p>span>b {font-weight: 500;}
.map .inner>p em {padding: 0 20px;}

.map .map_wrap {position: relative; top: 0; left: 0; margin-bottom: 60px;}
.map .kakao_map {width: 100%; height: 620px; /* background-color: #ddd; overflow: hidden; */}

.map .map_info {position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: 91%; height: 120px; background-color: #f3f3f3; border-radius: 15px; font-size: 18px; font-weight: 400; padding: 0 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10;}
.map .map_info strong {font-size: 28px; line-height:4; padding-right: 7px;}

.map .map_btn {width: 160px; height: 50px; border-radius: 30px; background-color: #000; text-transform: uppercase; /* position: absolute; bottom: 30px; */ transition: all 0.3s; color: #fff;
display: inline-block; margin-top: 35px; float: right;}
.map .map_btn span {margin-left: 24px; font-size: 15px; line-height: 3.5;}
.map .map_btn img { height: auto; position: relative; top: 50%; transform: translateY(-4px); width: 13px; margin-left: 7px;}
#map {width: 100%; height: 620px;}


/* 다이찌식품 특징 */
.feature {padding-bottom: 100px; position: relative;}
.feature .feature_bag {background-image: url(/images/feature/feature_bag.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; width: 520px; height: 520px; position: absolute; top: 53%; left: -2%;} 
.feature .feature_con {width: 100%; display: flex;padding-bottom: 150px;}
.feature .feature_con03 {padding-bottom: 0;}
/* 텍스트 */
.feature .feature_con .feature_text {width: 50%;font-family:"Noto Sans KR", "Noto Sans KR", sans-serif;margin-top: -5px;}
.feature .feature_con .feature_text01 {order: 1; padding-top: 3%;}
.feature .feature_con .feature_text02 {order: 2;}
.feature .feature_con .feature_text03 {order: 1;}
.feature .feature_con .feature_text strong {font-size: 18px; font-weight: bold; color: #87ca3c;}
.feature .feature_con .feature_text h6 {font-size: 28px; font-weight: bold;margin-top: -5px;}
.feature .feature_con .feature_text>p {font-size: 18px; font-weight: 300;margin-top: 13px;}
.feature .feature_con .feature_text>p>span {display: block;}
.feature .feature_con .feature_text>p>span>b {font-weight: bold;}

/* 이미지 */
.feature .feature_con .feature_img{/* width: 520px; height: 310px;  */width: 50%; }
.feature .feature_con .feature_img img{width: auto; height: auto;}
.feature .feature_con .feature_img01{order: 2;}
.feature .feature_con .feature_img02{order: 1;}
.feature .feature_con .feature_img03{order: 2;}





/* 샘플신청 */
.samplerequest {position: relative;}
.samplerequest .samplerequest_bag01 {background-image: url(/images/samplerequest/samplerequest_bag01.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; width: 764px; height: 1043px; position: absolute;left: -10px; bottom: 0;}
.samplerequest .samplerequest_bag02 {background-image: url(/images/samplerequest/samplerequest_bag02.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; width: 308px; height: 333px; position: absolute;right: -60px; bottom: 26%;}
.samplerequest .section {padding-bottom: 100px;}
.samplerequest .samplerequest_img01 {display: flex; justify-content: center;} 

/* .samplerequest .sample_con {width: 100%; height: 370px; background-color: #f7f7f7; border-radius: 20px; padding: 60px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative;}
.samplerequest .sample_con>div {font-size: 25px; font-weight: 300; padding: 23px 25px; border-bottom: 1px dashed #d8d8d8; width: 94%;}
.samplerequest .sample_con>div>span>b { font-weight: bold; padding-left: 25px;}
.samplerequest .sample_con .padding0 {padding-left: 0;}
.samplerequest .sample_con>div>img {width: 31px; height: auto;vertical-align: sub; }
.samplerequest .sample_con>img {position: absolute; right: 0; bottom: -130px;}  */
.samplerequest .sample_tit {font-size: 40px; font-weight: 300; /* margin-top: 120px; */ text-align: center; position: relative;font-family: "Noto Sans KR", "Noto Sans KR";}
.samplerequest .sample_tit strong {font-weight: bold; display: block;}
/* 따옴표 */
.samplerequest .sample_tit::before {content: url(/images/samplerequest/samplerequest_ditto01.png); position: absolute; transform: translateX(-85px) translateY(-20px);}
.samplerequest .sample_tit::after {content: url(/images/samplerequest/samplerequest_ditto02.png); position: absolute; transform: translate(264px , -34px);}

/* 샘플리스트 */
.samplerequest .sample_list {margin-top: 110px; text-align: center; }
.samplerequest .sample_list ul {width: 100%; height: 1030px;}
.samplerequest .sample_list li {width: 31%; height: 47.5%; margin-right: 3.5%; margin-bottom: 5%; float: left; border: 1px solid #f1f1f1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 20px; background-color: #fff;} 
/* .samplerequest .sample_list li>a {display: block; width: 100%; height: 100%;} */
.samplerequest .sample_list ul li:nth-child(3)  {margin-right: 0;}
/* .samplerequest .sample_list ul li:nth-child(4)  {}
.samplerequest .sample_list ul li:nth-child(5)  {margin-bottom: 0;} */
.samplerequest .sample_list ul li:nth-child(6)  {margin-right: 0;}
.samplerequest .sample_list ul li:nth-child(7)  {margin-bottom: 0;}
.samplerequest .sample_list ul li:nth-child(8)  {margin-bottom: 0;}
.samplerequest .sample_list ul li:nth-child(9)  {margin-right: 0;margin-bottom: 0;}
.samplerequest .sample_list .samplerequest_img {padding-top: 30px; width: 260px; height: auto;}
.samplerequest .sample_list .samplerequest_logo {position: relative; top: 50%; transform: translateY(-50%);}
.samplerequest .sample_list li a {color: #000;}
.samplerequest .sample_list p {margin-top: 18px; font-size: 25px; font-weight: bold;}
.samplerequest .sample_list .view_btn {color: #363636; width: 160px; height: 50px; border-radius: 30px;border: 1px solid #000000;text-transform: uppercase;/* position: absolute; *//* bottom: 30px; */transition: all 0.3s; display: block; margin: 0 auto; margin-top: 35px;}
.samplerequest .sample_list .view_btn span {margin-left: 15px;font-size: 15px;line-height: 3.5; font-weight: 400;}
.samplerequest .sample_list .view_btn img {width: 12px;margin-top: 21px;margin-right: 10px;margin-left: 10px;}

.samplerequest .sample_list li:hover .view_btn {background-color: #000; color: #fff; }
.samplerequest .sample_list li:hover{box-shadow: 20px 0 20px rgba(54,54,54,0.1);}
.samplerequest .sample_list li:hover .view_btn img{filter: invert(1);}
.samplerequest .sample_list ul li:nth-child(8):hover {box-shadow:none;}
.samplerequest .sample_list ul li:nth-child(9):hover {box-shadow:none;}


/* 제품구입 */
/* 구매안내 */

/* .buy {position: relative;} */
.buy .section {padding-bottom: 0;font-family:"Noto Sans KR", "Noto Sans KR", sans-serif; }
.buy .buy_box01 {width: 100%; height: auto; padding-bottom: 100px;}
.buy .buy_box01 ul {display: flex;}
.buy .buy_box01 li {width: 31%; margin-right: 3.5%; }
.buy .buy_box01 li:nth-child(3) {margin-right: 0;}
.buy .buy_box01 li .buy_img01 {background-image: url(/images/buy/buy_img01.png);}
.buy .buy_box01 li .buy_img02 {background-image: url(/images/buy/buy_img02.png);}
.buy .buy_box01 li .buy_img03 {background-image: url(/images/buy/buy_img03.png);}


.buy .buy_box01 li .buy_img {background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 220px; margin-bottom: 35px; border-radius: 15px;}

/* .buy .buy_box01 li .buy_img03 {width: 25px;} */
.buy .buy_box01 li strong {font-size: 25px; font-weight: bold;padding-top: 9px;}
.buy .buy_box01 li strong img {height: 22px; margin-right: 12px; margin-top: 9px;}
.buy .buy_box01 li:first-child strong img {height: 28px; margin-top: 6px;}
.buy .buy_box01 a {display: inline-block;}
.buy .buy_box01 .kakao_img {width: 30px; height: auto;}
.buy .buy_box01 li p {font-size: 18px; font-weight: 300; padding-top: 12px; color: #666666;}
.buy .buy_box01 li p b {font-weight: bold;}
.buy .buy_box01 li span {display: block;margin-top: -2px;}
.buy .buy_box02 {width: 100%; background-color: #f8f8f8;  padding-top: 100px; padding-bottom: 100px; position: relative;}
.buy .buy_box02 .buy_bag {background-image: url(/images/buy/buy_bag.png); background-position: top right; background-repeat: no-repeat; background-size: contain; width: 690px; height: 497px; position: absolute; right: 0; bottom: 0;}
.buy .buy_box02 ul {display: flex;}
.buy .buy_box02 li {width: 31%; margin-right: 3.5%;background-color: #fff; text-align: center; padding: 50px 10px; border-radius: 15px; box-shadow: 20px 0 20px rgba(54,54,54,0.05);}
.buy .buy_box02 li:nth-child(3) {margin-right: 0;}
.buy .buy_box02 li .buy_icon{width: 55px; height: 55px; border-radius: 50%; background-color: #f7f7f7; margin: 0 auto;}


.buy .buy_box02 li .buy_icon img {padding: 14px;}
.buy .buy_box02 li strong .buy_icon_img{min-width: 22px;}
.buy .buy_box02 li strong {font-size: 25px; font-weight: bold; display: block; padding-top: 12px;}
.buy .buy_box02 li p {font-size: 18px; font-weight: 300; color: #666666; padding-top: 10px;}
/* .buy .buy_box02 li p b {font-weight: 500;} */
.buy .buy_box01 li p b {font-weight: 500; word-break: keep-all;}
.buy .buy_box02 li span {display: block;margin-top: -2px;}
.font-13 {font-size: 13px; color: #2fac66; font-weight: 500; display: block;}

/* 제품소개 게시판 */

#Board.view .product .TopInfo .PrdInfo .prdBtnArea a.btn_share {display: none;}

input.file {height: auto;}

.imgTitle {padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #222222; text-align: center; padding-top: 50px;}

#DivContents h2{padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #222222; text-align: center; padding-top: 50px;}
.video_wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-bottom: 4em;}

.video iframe,
.video object,
.video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width: 640px) {

    #DivContents h2{padding-bottom: 10px; margin-bottom: 20px;}
    .imgTitle{padding-bottom: 10px; margin-bottom: 20px;}
}



/* 다이찌식품 특징 test*/

/* .section_1 div ul:nth-child(odd) {background: #f1f1f1;}
.section_1 div ul:nth-child(even) {background: #eaeaea;}
.section_1 div ul {height: 400px;}
.section_1 ul li .conts {margin: 0 auto; padding: 0 40px;}
.section_1 ul li { float: left; width: 50%;text-align: center; font-size: 16px;
  line-height: 25px;}
.section_1 ul li h2 { font-size: 35px; line-height: 35px; margin-top: 100px; margin-bottom: 20px;}
.section_1 ul li .conts p { line-height: 28px;}
.section_1 .img {width: 100%;}

@media screen and (max-width: 780px) {
	.section_1 div li:last-child {height: auto; padding: 40px 0;}
	.section_1 div ul {height: 400px;}
	.section_1 ul li .conts {margin: 0 auto;padding: 0 40px;}
	.section_1 ul li { float: none; width: 100%; height: 315px; overflow: hidden;}
	.section_1 ul li h2 { margin-top: 0; margin-bottom: 10px;}
	.section_1 ul li .conts p {font-size: 15px; line-height: 26px;}
	} */


/* 다이찌상품의 경쟁력 */
/* .competition_power .content {width: 100%; display: flex; flex-wrap: wrap; word-break: keep-all;}
.competition_power .content li {width: 50%; height: auto; min-height: 400px; background-color: #f1f1f1;}
.competition_power .content li:nth-child(1) {order: 1;}
.competition_power .content li:nth-child(2) {order: 2;}
.competition_power .content li:nth-child(3) {order: 4;}
.competition_power .content li:nth-child(4) {order: 3; background-color: #eaeaea;}
.competition_power .content li:nth-child(5) {order: 5;}
.competition_power .content li:nth-child(6) {order: 6;}
.competition_power .content li:nth-child(7) {order: 8;}
.competition_power .content li:nth-child(8) {order: 7;background-color: #eaeaea;}
.competition_power .content li:nth-child(9) {order: 9;}
.competition_power .content li:nth-child(10) {order: 10;}
.competition_power .content li:nth-child(11) {order: 12;}
.competition_power .content li:nth-child(12) {order: 11;background-color: #eaeaea;}

.competition_power .content .con_img {background-repeat: no-repeat; background-position: center center; background-size: cover; }
.competition_power .content .con_img01{background-image: url("/images/feature/feature_img_1.jpg");}
.competition_power .content .con_img02{background-image: url("/images/feature/feature_img_2.jpg");}
.competition_power .content .con_img03{background-image: url("/images/feature/feature_img_3.jpg");}
.competition_power .content .con_img04{background-image: url("/images/feature/feature_img_4.jpg");}
.competition_power .content .con_img05{background-image: url("/images/feature/feature_img_5.jpg");}
.competition_power .content .con_img06{background-image: url("/images/feature/feature_img_6.jpg");}
.competition_power .content .con_text {padding:40px; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.competition_power h2 {font-size: 35px; padding-bottom: 10px;}


@media (max-width:1200px) {
    .competition_power h2 {font-size: 30px;}   
}


@media (max-width:780px) {

.competition_power .content li {width: 100%; min-height: 300px;}
.competition_power .content li:nth-child(2) {order: 2;}
.competition_power .content li:nth-child(3) {order: 3;}
.competition_power .content li:nth-child(4) {order: 4;}
.competition_power .content li:nth-child(5) {order: 5;}
.competition_power .content li:nth-child(6) {order: 6;}
.competition_power .content li:nth-child(7) {order: 7;}
.competition_power .content li:nth-child(8) {order: 8;}
.competition_power .content li:nth-child(9) {order: 9;}
.competition_power .content li:nth-child(10) {order: 10;}
.competition_power .content li:nth-child(11) {order: 11;}
.competition_power .content li:nth-child(12) {order: 12;}

.competition_power h2 {font-size: 25px;} 
.competition_power .content .con_text {padding: 40px 20px;}
}


@media (max-width:520px) {
    .competition_power .content .con_text>p {font-size: 14px;}


} */

.competition_power .content {word-break: keep-all;}
.competition_power .content>div {width: 100%; display: flex; flex-wrap: wrap;}
.competition_power .content>div:nth-child(even) {flex-direction: row-reverse; }
.competition_power .content>div>div {width: 50%; height: auto; min-height: 400px; background-color: #f1f1f1;}
.competition_power .content>div:nth-child(even) div{background-color: #eaeaea;}
.competition_power .content .con_img {background-repeat: no-repeat; background-position: center center; background-size: cover; }
.competition_power .content .con_img01{background-image: url("/images/feature/feature_img_1.jpg");}
.competition_power .content .con_img02{background-image: url("/images/feature/feature_img_2.jpg");}
.competition_power .content .con_img03{background-image: url("/images/feature/feature_img_3.jpg");}
.competition_power .content .con_img04{background-image: url("/images/feature/feature_img_4.jpg");}
.competition_power .content .con_img05{background-image: url("/images/feature/feature_img_5.jpg");}
.competition_power .content .con_img06{background-image: url("/images/feature/feature_img_6.jpg");}
.competition_power .content .con_text {padding:40px; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.competition_power h2 {font-size: 35px; padding-bottom: 10px;}
.power_content .con_text span { display: block;}



@media (max-width:1200px) {
    .competition_power h2 {font-size: 30px;}  
    .power_content .con_text span { display: inline;} 
}

@media (max-width:780px) {
    .competition_power h2 {font-size: 25px;} 

    .competition_power .content>div {flex-direction: column;}
    .competition_power .content>div>div {width: 100%; height: auto; min-height: 300px;}
    .competition_power .content>div:nth-child(even) {flex-direction: column;}
    .competition_power .content .con_text {padding: 40px 20px;}
    
}

@media (max-width:520px) {
        .competition_power .content .con_text>p {font-size: 14px;}
}


/* 새로새로 */
 /*임시  */
.competition_power .power_content {color: #ffffff;}
.competition_power .power_content ul {width: 100%; display: flex; flex-wrap: wrap; word-break: keep-all;}
.competition_power>div .power_content {width: 100%; display: flex; flex-wrap: wrap;}

.competition_power .power_content ul li {background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #333333;}
/* .competition_power .power_content .con_img01{background-image: url("/images/feature/feature_img_1.jpg");}
.competition_power .power_content .con_img02{background-image: url("/images/feature/feature_img_2.jpg");}
.competition_power .power_content .con_img03{background-image: url("/images/feature/feature_img_3.jpg");}
.competition_power .power_content .con_img04{background-image: url("/images/feature/feature_img_4.jpg");}
.competition_power .power_content .con_img05{background-image: url("/images/feature/feature_img_5.jpg");}
.competition_power .power_content .con_img06{background-image: url("/images/feature/feature_img_6.jpg");} */

.competition_power .power_content ul li:nth-child(1) {background-image: url("/images/feature/feature_img_1.jpg");}
.competition_power .power_content ul li:nth-child(3) {background-color: #728b4a;}
.competition_power .power_content ul li:nth-child(4) {background-image: url("/images/feature/feature_img_3.jpg");}
.competition_power .power_content ul li:nth-child(5) {background-image: url("/images/feature/feature_img_5.jpg");}
.competition_power .power_content ul li:nth-child(6) {background-color: #9e9188;}


.competition_power .power_content>ul>li {width: 50%; height: auto; min-height: 400px;}

.competition_power .power_content h2 {font-size: 35px; padding-bottom: 10px; color: #ffffff;}
.competition_power .power_content .con_text {padding:36px; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight: 300;}
.competition_power .power_content .con_text b {font-weight: 500;}


@media (max-width:1200px) {
    .competition_power .power_content  h2 {font-size: 30px;}   
}

@media (max-width:780px) {
    .competition_power .power_content h2 {font-size: 25px; width: 100%; text-align: left;} 

    .competition_power .power_content ul {flex-direction: column;}
    .competition_power .power_content ul li {width: 100%; height: auto; min-height: 300px;}
    .competition_power .power_content .con_text {padding: 40px; text-align: left;}

    .competition_power .power_content ul li:nth-child(3) {background-image: url("/images/feature/feature_img_3.jpg");}
    .competition_power .power_content ul li:nth-child(4) {background-image: none; background-color: #728b4a;}
}

@media (max-width:520px) {
    .competition_power .power_content .con_text>p {font-size: 14px;}
}


/* 제품개발 및 OEM 문의 */
.inquiry {word-break: keep-all;}
.inquiry .tit_text {font-size: 18px; color: #333333; text-align: center; padding-bottom: 50px;}
.inquiry .tit_text span {display: block;}
.inquiry_con {color: #ffffff;}
.inquiry_con .number{color: #ffffff;}
.inquiry .inquiry_bag {width: 100%; display: flex; flex-wrap: wrap; background-image: url(/images/inquiry/Inquiry_bag01.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center;}
.inquiry .inquiry_bag01 {background-image: url(/images/inquiry/Inquiry_bag01.jpg);}
.inquiry .inquiry_bag02 {background-image: url(/images/inquiry/Inquiry_bag02.jpg);}

.inquiry .inquiry_list  {width: 33.33333333%; height: 300px; text-align: center; padding: 18px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.inquiry_list .number{color: #ffffff; font-size: 35px; font-weight: 500; position: relative;}
.inquiry_list .number::before {content: ""; width: 100%; margin-top: 20px; height: 1px; background-color: #ffffff; position: absolute; bottom: -5px;}
.bag_color01 {background-color: #b1aaa3;}
.bag_color02 {background-color: #87ca3c;}
.bag_color03 {background-color: #9e9287;}
.bag_color04 {background-color: #536734;}
.bag_color05 {background-color: #333333;}
.bag_color06 {background-color: #728b4b;}
.bag_color07 {background-color: #333333;}
.bag_color08 {background-color: #9e9287;}

.inquiry .inquiry_list p {padding-top: 25px;}
.inquiry .inquiry_list p span {display: block;}

/* 모바일버전 가려놓기 */
.inquiry_con_m {display: none;}

@media (max-width:1300px) {
/*     .inquiry .inquiry_list {padding: 25px;} */
    .inquiry .inquiry_list p span {display: inline;}
}


/* 모바일버전 */


@media (max-width:780px) {
    /* PC버전 가리기 */
    .inquiry_con {display: none;}
    
    .inquiry_con_m {display: block; width: 100%; color: #ffffff;}
    .inquiry .tit_text span{ display: inline;}
    .inquiry_con_m>div {display: flex; flex-wrap: wrap; }
    .inquiry_con_m>div ul{display: flex; width: 100%;}
    .inquiry_con_m>div ul:nth-child(even) {flex-direction: row-reverse;}
    .inquiry_con_m .number{color: #ffffff;}
/*     .inquiry_con_m ul li{width: 50%; height: 300px;} */
    .inquiry_list_m .number{color: #ffffff; font-size: 35px; font-weight: 500; position: relative;}
    .inquiry_list_m .number::before {content: ""; width: 100%; margin-top: 20px; height: 1px; background-color: #ffffff; position: absolute; bottom: -5px;}

    .inquiry .inquiry_list_m  {width: 50%; height: 300px; text-align: center; padding: 18px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-direction: column;}
    .inquiry_list_m p {padding-top: 25px; font-size: 16px;}
    
    /* 모바일 배경 이미지 */
    .inquiry_con_m .bag_img {background-position: center center; background-repeat: no-repeat; background-size: cover;}
    .inquiry_con_m .bag_img01 { background-image: url(/images/inquiry/Inquiry_img_m01.png);}
    .inquiry_con_m .bag_img02 { background-image: url(/images/inquiry/Inquiry_img_m02.png); background-position: left center;}
    .inquiry_con_m .bag_img03 { background-image: url(/images/inquiry/Inquiry_img_m03.png);}
    .inquiry_con_m .bag_img04 { background-image: url(/images/inquiry/Inquiry_img_m04.png);}
    .inquiry_con_m .bag_img05 { background-image: url(/images/inquiry/Inquiry_img_m05.png); background-position: left center;}
    .inquiry_con_m .bag_img06 { background-image: url(/images/inquiry/Inquiry_img_m06.png); background-position: right center;}
    .inquiry_con_m .bag_img07 { background-image: url(/images/inquiry/Inquiry_img_m07.png); background-position: left center;}
    .inquiry_con_m .bag_img08 { background-image: url(/images/inquiry/Inquiry_img_m08.jpg);}

    }

    @media(max-width:520px) {
        .inquiry_con_m>div ul {flex-direction: column;}
        .inquiry .inquiry_list_m {width: 100%; height: 250px;}
        .inquiry_con_m>div ul:nth-child(even) {flex-direction: column;}
        .inquiry_con_m>div ul:last-child li:last-child {display: none;}
        
    }














/* 검색결과 */
.searchResult .search_result {margin-bottom:60px; font-size:26px; font-weight:400; text-align:center; color:#222; word-break:keep-all;}

/* 퀵 메뉴 */
/* #quick {display:none;} */

.quick_menu {position: fixed; top: 50%; transform: translateY(-50%); right: 4%;}
.quick_menu div {margin-bottom: 10px;width: 60px; height: auto;}
.quick_menu div a {display: block; }

@media(max-width:1600px) {
/*     .quick_menu {right: 20px;} */
}

@media(max-width:520px) {
    .quick_menu {top: auto; bottom: 60px;}
    .quick_menu div {width: 50px;}

}

/*footer*/
.footWrap {background-color: #000000;}
#foot {width:100%;
    background-color: #fff; /*  border: 1px solid #ddd; */}
#foot .inner {width: 100%; max-width: 1200px; height: auto; margin: 0 auto;}
#foot .copy {float:left; font-size:13px; color: #cccccc; width: 100%; text-align: center;
line-height:28px; padding: 42px 0; font-weight: 300;}
#foot .copy .foot_logo{width: 200px; display: block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
#foot .copy span{padding-left: 5px; padding-right: 5px;}
#foot .copy em{font-style: normal;}
#foot .p_inliine {font-style: normal; display: block;}
#foot img {width: 100%;}
#foot .copy .padding-left {padding-left: 0;}
#foot .icon_scrollTop {position: absolute; right: 0; top: 0; transform: translateY(-30px); cursor: pointer; width: 60px; height: auto;}
#foot img {width: 100%; height: auto;}
#foot span .imgC {width: 12px;}
#foot .icon_wrap {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#foot .icon_wrap p {width: 40px; float: left;}
#foot .icon_wrap .icon_kakao {margin-right: 17px;}
#foot .copy a {color: #cccccc; display: inline-block;}
#foot .copy a:hover {color: #ff5938; font-weight: 400;}
.mt-15 {margin-top: 15px; display: inline-block;}


@media(max-width:640px) {
    #foot .copy .foot_logo {width: 150px;}  
}


/* #foot .copy .padding-top {display: block;padding-left: 0px;} */


/* #foot .sns {float:right; overflow:hidden;}
#foot .sns li {float:left; margin-left:20px;}
#foot .sns li a {display:block; height:20px; font-size:0; line-height:0; text-indent:-9999px;}
#foot .sns li.sns_01 a {width:22px; background:url('/images/common/icon/icon_kakotalk_w.png') no-repeat 0 center; background-size:100%;}
#foot .sns li.sns_02 a {width:24px; background:url('/images/common/icon/icon_blog_w.png') no-repeat 0 center; background-size:100%;}
#foot .sns li.sns_03 a {width:9px; background:url('/images/common/icon/icon_facebook_w.png') no-repeat 0 center; background-size:100%;}
#foot .sns li.sns_04 a {width:20px; background:url('/images/common/icon/icon_instagram_w.png') no-repeat 0 center; background-size:100%;}
#foot .sns li.sns_05 a {width:20px; background:url('/images/common/icon/icon_youtube_w.png') no-repeat 0 center; background-size:100%;} */

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:80px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}



/* 스킨 반응형 잡기 */

/* list.skin (G.certifi)*/
/* 인증현황 */
/* 적응형으로 잡혀있는 상태를 반응형으로 */

/* .dragme{width: 100%; height: 100vh; aspect-ratio: none;
} */

/* #Board .certifi ul li{width:20%; float:left; margin:0 0 30px; display:inline-block; background:url("/images/common/board/certifi_bg.gif") center top no-repeat}
#Board .certifi .thumb{width:139px; position:relative; margin:0 auto;}
#Board .certifi .thumb .magnifier{position:absolute; right:8px; top:1px}
#Board .certifi .thumb span{padding:1px 0 0 1px; display:block;}	
#Board .certifi .subject {text-align:center; margin:10px 0 0 0;}	 */





/*============================================================*/
/*======================= PC 1600 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1600px){


/* daichifood story */

.mainStory .storyBox .storyImg01 {width: 660px;}
.mainStory .storyBox .storyText .storyText02 {font-size: 43px;}
.mainStory .storyBox .storyText .storyText02 b{font-size: 43px;}

}




/*============================================================*/
/*======================= PC 1280 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1280px){

.inner {width:100%; padding:0 4%;}

/*header*/
#header .headerWrap .top_util {right:4%;}
.headerWrap .btn_t_seacrh {right:4%;}
#TSearch .btn_s_close {right:4%;}
#topmenu > ul > li > a::before {margin-left: -10px; width: 5px; height: 5px;}
#topmenu > ul > li > a:hover :before{margin-left: -10px; width: 5px; height: 5px;}


/* 메인비주얼 */
#mainVisual .Paging {left:4%;}
#mainVisual .slick-list {overflow:visible !important;}
#mainVisual .list .mainV_img {float:left; margin-left:280px;}


/* product슬라이드 */
#new_menu .menuSlider .list {width: 29.3%  !important;}
#new_menu .menuSlider div {vertical-align: top; margin: 0px;}
.product_section .menuSlider {padding: 0 70px;}



/* daichifood story */

.mainStory {height: 450px;}
.mainStory .storyBox .storyText {left: 40%;padding-right: 4%;}
.mainStory .storyBox .storyImg_bag {width: 1000px;}
.mainStory .storyBox .storyImg01 {width: 500px;}
.mainStory .storyBox .storyImg02 {width: 130px; bottom: 20%;}
.mainStory .storyBox .storyText .storyText02 {font-size: 39px;}
.mainStory .storyBox .storyText .storyText02 b {font-size: 39px;}
.mainStory .storyBox .storyText .storyText03 {padding-top: 10px; font-size: 16px;}
.mainStory .storyBox .storyText .storyBtn {margin-top: 40px;}


/* 서브페이지 시작 */

/* 회사소개 */

/* 01.다이찌식품 소개 */

.daichiIntroduction .introduction_box01 .introduction_text01 {font-size: 16px; line-height: 2;}
.daichiIntroduction .introduction_box02 .introduction_text02 {width: 381px; font-size: 22px;}
.daichiIntroduction .introduction_box02 .introduction_text03 {font-size: 18px; }

/* 컨텐츠 공통 */
.LineBanner .logo {left:inherit; right:4%; margin-left:0;}
#new_menu .menuSlider .slick-arrow.slick-prev {left:0;}
#new_menu .menuSlider .slick-arrow.slick-next {right:0;}
#new_menu .menuSlider .slick-arrow.slick-prev:hover {background-image:url('/images/common/btn/btn_prev.png');}
#new_menu .menuSlider .slick-arrow.slick-next:hover {background-image:url('/images/common/btn/btn_next.png');}
#cscenter .cols .link li {font-size:14px;}
#cscenter .cols .link li span.smart_store {padding-left:20px; background-size:17px;}
#cscenter .cols .link li span.mall_store {padding-left:24px; background-size:20px;}


/* 03.다이찌식품 이념 */

.ideology .ideology_wrap .content span {display: inline; /* word-break: keep-all; */}
.ideology .ideology_wrap .content {padding: 35px 40px;}



/* 다이찌식품의 특징 */
.feature .feature_con {padding-bottom: 50px;}
.feature .feature_con03 {padding-bottom: 0px;}
.feature .feature_con .feature_text01 {padding-right: 5%;}
.feature .feature_con .feature_text02 {padding-left: 5%;}
.feature .feature_con .feature_text03 {padding-right: 5%;}
.feature .feature_con .feature_img {width: 50%;}
.feature .feature_con .feature_text>p>span {display: inline; word-break: keep-all;}



/* 프로덕트 */



/* 샘플신청 */

.samplerequest .sample_list p {height: 40px; font-size: 20px;padding: 0 20px; word-break: keep-all;}
.samplerequest .sample_con>img {width: 400px;}


/* 구매안내 */
.buy {word-break: keep-all;}

.buy .buy_box01 li strong img {height: 20px; margin-top: 6px;}
.buy .buy_box01 li strong {font-size: 20px;}
.buy .buy_box01 li p {font-size: 16px;}
.buy .buy_box01 li:nth-child(2) span {display: inline;}
.buy .buy_box01 li:first-child strong img {margin-top: 2px;}
.buy .buy_box02 li {padding: 50px 20px;}
.buy .buy_box02 li strong {font-size: 20px;}
.buy .buy_box02 li p {font-size: 16px;}
/* .buy .buy_box02 li span {display: inline; } */







/* .feature .feature_con .feature_text {width: 55%;}
.feature .feature_con .feature_text01 {margin-right: 5%;}
.feature .feature_con .feature_text02 {margin-left: 5%;}
.feature .feature_con .feature_text01 {margin-right: 5%;}
.feature .feature_con .feature_img {width: 40%;} */

/*sub contents*/
/* #SNB ul.list5 {max-width:100%; margin:0 4%;} */

/* 고객센터 안내 */
/* .cscenter .LineBanner .RightCon {width:calc(100% - 360px);} */

/* 구매안내 */ 
/* .guide .cs_info {padding:40px 60px;}
.guide .cs_info .tb {display:block;}
.guide .cs_info .tbc {display:block; width:100%; text-align:center;}
.guide .cs_info .tbc:first-child {padding-right:0; border-right:none; margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #ddd;}
.guide .cs_info .tbc:last-child {padding-left:0;}
.guide .cs_info .tbc .numArea {display:inline-block; text-align:left;}
.guide .cs_info .infoArea {display:inline-block; text-align:left;}
 */

/*foot*/

#foot .icon_scrollTop {right: 4%;}
#foot .icon_wrap {right: 4%;}


}

/* 프로덕트 스킨 재정비 */

.product .product-img-area {display: flex; justify-content: space-between; padding-top: 50px; padding-bottom: 100px;}
.product .product-img-area .img-02 {max-width: 350px; width: 100%; height: auto;}
.product .product-img-area .img-03 {max-width: 840px; width: 100%; height: auto;}
.product .product-img-area img{max-width: 100%;}

#Board.view .product .TopInfo #PrdInfo {position: static; min-height: none; min-height: fit-content; width: 100%; }
#Board.view .product .prdBtnArea {position: static; display: flex; width: 100%; max-width: 700px; margin: 0 auto; padding-bottom: 100px;}
/* #Board.view .product .prdBtnArea a {margin-left: 0px;} */
#Board.view .product .btn_green {width: 50%; line-height: 60px;height: 60px;}
#Board.view .product .btn_orange {display: block; width: 50%; background-color: #f8b233 ; height: 60px; font-weight: 400; color: #fff; line-height: 60px; text-align: center;margin-left: 10px;}

#Board.view .product #DivContents {margin-top: 0 !important;}
.red {font-weight: 400;}











@media only screen and (max-width: 1024px) {

    .product .product-img-area {padding-bottom:50px;}
    #Board.view .product .prdBtnArea a.btn_green {height: 45px; line-height: 50px;}
    #Board.view .product .btn_orange {height: 45px;line-height: 50px;}
    .product .product-img-area {flex-direction: column; align-items: center;}
    .product .product-img-area .img-02 {margin-bottom: 30px;}
    #Board.view .product .prdBtnArea {padding-bottom: 50px;}
}

@media only screen and (max-width: 768px) {
    #Board.view .product .prdBtnArea {box-shadow: none;}
    #Board.view .product .btn_orange {margin-left: 5px;}

}

@media only screen and (max-width: 520px) {

    #Board.view .product .prdBtnArea a.btn_green {height: 9vw;
        font-size: 3.4vw;
        line-height: 9vw;;}
    #Board.view .product .btn_orange {height: 9vw;
        font-size: 3.4vw;
        line-height: 9vw;}


}


/* 프로덕트 스킨에서 샘플신청으로 프로덕트2를 만듬 */

/* 리스트 */
#Board #new-product ul {margin-left: -2%; margin-right: -2%; margin-top: 0;}
#Board #new-product ul li {border: 1px solid #f1f1f1; width: calc(33.333% - 4%); margin-left: 2%; margin-right: 2%; margin-bottom: 4%; padding: 30px 10px; border-radius: 20px;}
#Board #new-product .samplerequest_img01 {display: flex; justify-content: center;}
#Board #new-product .sample_tit::before {    content: url(/images/samplerequest/samplerequest_ditto01.png);position: absolute;transform: translateX(-85px) translateY(-20px);}
#Board #new-product .sample_tit {    font-size: 40px;font-weight: 300;/* margin-top: 120px; */text-align: center;position: relative;font-family: "Noto Sans KR", "Noto Sans KR"; margin-bottom: 110px;}
#Board #new-product .sample_tit strong {font-weight: bold;display: block;}

#Board #new-product .sample_tit::after {content: url(/images/samplerequest/samplerequest_ditto02.png);position: absolute;transform: translate(264px , -34px);}


#Board #new-product ul li .ThumbArea {max-width: 260px; margin: 0 auto;}

#Board #new-product ul li .TxtArea .tt {font-size: 25px; font-weight: 700;}

#Board #new-product .sample-link {font-size: 16px; width: 170px; margin: 0 auto; height: 50px; border: 1px solid #000000; border-radius: 50px; display: block; display: flex; align-items: center; justify-content: center; margin-top: 35px;}

#Board #new-product .sample-link img {width: 12px; margin-left: 10px;}

#Board #new-product .sample-link span {margin-left: 15px;font-size: 15px;line-height: 3.5;font-weight: 400;}

#Board #new-product .sample-link:hover {
    background-color: #000000; color: #ffffff;
}
#Board #new-product .sample-link:hover img {filter: invert(100%);}


#Board #new-product ul li:hover {box-shadow: 20px 0 20px rgba(54,54,54,0.1);}


/* #Board #new-product .link-none {cursor: none;} */
.link-none {cursor: default;}
.modify {font-size: 16px; width: 80px; padding: 10px 0; border:  1px solid #dddddd; margin: 0 auto;margin-top: 30px; }

.modify:hover {background-color: #000000; border-color: #000000; color: #ffffff;}



@media(max-width:767px) {

    #Board #new-product ul li {width: calc(50% - 4%);}
    #Board #new-product .sample_tit {font-size: 30px;}
    #Board #new-product .sample_tit::after {transform: translate(198px , -30px);}
    #Board #new-product ul li .TxtArea .tt {font-size: 20px;}


}


@media(max-width:520px) {

    
#Board #new-product ul li {width: 100%;}
#Board #new-product .sample_tit {font-size: 20px;}
#Board #new-product .sample_tit::before {transform: translateX(-55px) translateY(-20px);}
#Board #new-product .sample_tit::after {transform: translate(128px , -30px);}
#Board #new-product ul li .TxtArea .tt {font-size: 18px;}
}


/* 뷰 */


#img-01 {width: 575px; margin: 0 auto;}


/* 20240529 소개,인증현황,오시는길 합치기 */

.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;} 
.d-none {display: none !important;}


.daichiIntroduction {margin-bottom: 100px; border-bottom: 1px solid #dddddd;}
.contentsArea.map {padding-top: 100px; border-top: 1px solid #dddddd; margin-top: 20px;}

@media(max-width:520px) {
/*     .daichiIntroduction {margin-bottom: 50px !important; }
    .contentsArea.map {padding-top: 50px; margin-top: 0px;} */

}