/*===============================================================*/ /*======================= Mobile 520 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:520px){ .pct {display:none !important;} .tablet {display:none !important;} .mobile {display:block !important;} img.tablet_img {display:none;} img.pct_img {display:none;} img.mobile_img {display:block;} table.mobile {display:table;} .inner {padding:0 5%;} /*header*/ /* #header, .headerWrap > .inner {height:60px;} */ .headerWrap h1 {width:150px; padding-top:11px;} .headerWrap .btn_allmenu {width:25px; left:5%;} .headerWrap .btn_t_seacrh {width:25px; height:25px; right:5%;} #TSearch {top:60px; height:auto;} #TSearch .InputArea {width:100%; margin:8% auto 10%;} #TSearch .InputArea .icon_search {width:6vw; height:6vw; background-image:url('/images/common/btn/btn_search_m.png');} #TSearch .InputArea input.text {height:14vw; padding-left:10vw; padding-right:25vw;} #TSearch .InputArea .btn_search_txt {width:22vw; height:9vw; font-size:3.6vw; line-height:9vw;} #TSearch .btn_s_close {display:none;} #wrap.scroll #header {height:60px;} #wrap.scroll #TSearch {top:60px;} /* allmenu */ #allmenu .btn_close {width:24px; top:18px; right:18px;} #allmenu .allmenuWrap {width:72%; padding:8%;} #allmenu .gnb {padding-top:14%;} #allmenu .gnb dl {margin-top:8%;} #allmenu .gnb dl dt {font-size:4.5vw;} #allmenu .gnb dl dt a:after {height:2px;} #allmenu .gnb dl dd ul {padding-top:6%;} #allmenu .gnb dl dd ul li {line-height:2.5;} #allmenu .gnb dl.on dt a:after {width:8vw;} #allmenu .top_util {margin-top:18%;} #allmenu .top_util ul li {font-size:3.6vw;} #allmenu .top_util ul.store li {float:left; width:49%; margin-left:2%; line-height:9vw;} #allmenu .top_util ul.store li:first-child {margin-left:0;} #allmenu .top_util ul.store li a {width:100%;} #allmenu .top_util ul.sns {margin-top:8%;} #allmenu .top_util ul.sns li a {height:6vw;} #allmenu .top_util ul.sns li.sns_01 a {width:4.8vw;} #allmenu .top_util ul.sns li.sns_02 a {width:5vw;} #allmenu .top_util ul.sns li.sns_03 a {width:1.9vw;} #allmenu .top_util ul.sns li.sns_04 a {width:4.6vw;} #allmenu .top_util ul.sns li.sns_05 a {width:4.6vw;} /* 메인비주얼 */ #mainVisual {padding:5% 1%; box-sizing:border-box;} #mainVisual .list .mainV_txt {padding-top:2%;} #mainVisual .list .mainV_txt strong {font-size:6.5vw;} #mainVisual .list .mainV_txt p {padding-top:1%; font-size:4.2vw;} #mainVisual .list .mainV_txt .btn_more01 {margin-top:6%;} #mainVisual .Paging {margin-top:8%;} #mainVisual .Paging span {font-size:3.4vw; font-weight:700;} #mainVisual .Paging .pagingInfo {font-size:4.8vw; font-weight:700;} #mainVisual .Paging .slick-arrow {width:6.5vw; height:4vw;} #mainVisual .Paging .slick-arrow.slick-prev {background-image:url('/images/common/btn/btn_prev_m.png');} #mainVisual .Paging .slick-arrow.slick-next {background-image:url('/images/common/btn/btn_next_m.png');} /* #mainVisual_2 .slide_text .slide_text02 {font-size: 34px;} #mainVisual_2 .slide_text .slide_text03 { padding-right: 3%;width: 100%;} */ /* #mainVisual_2 .slide_text .slide_text01 {font-size: 17px;} #mainVisual_2 .slide_text .slide_text02 {font-size: 34px; } #mainVisual_2 .slide_text .slide_text03 {font-size: 18px;;} */ /* product슬라이드 */ .main_TitleArea .Product {font-size: 28px;} .main_TitleArea .Product::after { width: 10px; height: 10px;} .main_TitleArea p {font-size: 14px;} #new_menu .menuSlider .ThumbArea img {height: 180px;} #new_menu .menuSlider .TxtArea .tt {font-size: 20px;} #new_menu .menuSlider a {line-height: 20px;} .product_section .view_btn {height: 42px; width: 150px;} .product_section .view_btn span {font-size: 14px; line-height: 3.2;} .product_section .view_btn img {width: 12px;} /* .product_section .view_btn {font-size: 13px; width: 135px ; height: 40px;line-height: 30px; } .product_section .view_btn img {height: auto;transform: translateY(-8px);width: 12px;} */ /* daichifood story */ .mainStory {padding-top: 100px; margin-bottom: 256px;} .storyImg01_m {display: block;} .mainStory .storyBox .storyImg_bag {display: none;} .mainStory .storyBox .storyImg01 {display: none;} .mainStory .storyBox .storyImg02 {display: none;} .mainStory .storyBox .storyText {position: absolute; left: 5%; top: 117%; padding-right: 5%;} .mainStory .storyBox .storyText .storyText01 {text-transform: uppercase; font-size: 18px; padding-bottom: 20px;} .mainStory .storyBox .storyText .storyText02 {font-size: 26px;font-weight: 300;line-height: 1.2;} .mainStory .storyBox .storyText .storyText02 b {font-size: 26px; font-weight: bold; } .mainStory .storyBox .storyText .storyText03 {width: 100%; font-size: 18px;} .mainStory .storyBox .storyText .storyBtn {margin-top: 30px; width: 230px; height: 55px; background-color: #000; border-radius: 30px; position: relative;} .mainStory .storyBox .storyText .storyBtn span {color: #fff; font-weight: 400; font-size: 15px; line-height: 3.7;} /* notice */ .notice_section {margin-top: 150px; padding-bottom: 100px;} .notice_section .main_TitleArea .notice{font-size: 28px;} .notice_section .main_TitleArea p {font-size: 14px;} .notice_section .main_TitleArea .notice::after {width: 10px; height: 10px;} .notice_section .notice_rwap .notieBox>a>p {width: 26%; float: none; width: 0; margin-top: 5%; margin-left: 5%; margin-bottom: 3%;} .notice_section .notice_rwap .notieBox .noticeText {width: calc(94% - 4%); float: none; margin-left: 5%; padding-top: 0;} .notice_section .notice_rwap .notieBox .noticeText>b {font-size: 20px;} .notice_section .notice_rwap .notieBox .noticeText>p {padding-top: 5px; line-height: 1.4; font-size: 16px;} .notice_section .notice_rwap .notieBox .noticeText .date {padding-top: 10px;} /* .daichiIntroduction .text_wrap {padding-top: 40px;} */ /* 샘플신청하기&구매안내 */ .sample_get {width: 100%; height: auto; color: #fff; text-align: center; display: block;} .sample_get .sample {width: auto; height: 250px;background-image: url(/images/main/main_m_sample.jpg);} .sample_get .get {width: auto; height: 250px;background-image: url(/images/main/main_m_get.jpg);} .sample_get b {padding-top: 40px;} .sample_get p {padding-top: 10px; padding-bottom: 15px;} /* 서브페이지 시작 */ /* 회사소개 * /* 01.다이찌식품 소개 */ .daichiIntroduction .company_01_bag_color {height: 600px;} .daichiIntroduction .company_01_bag {width:530px; height: 600px;} .daichiIntroduction .introduction_box01 {padding-bottom: 0px;} .daichiIntroduction .introduction_box01 .company_01_logo {height: 270px;} .daichiIntroduction .introduction_box01 .introduction_text_box {margin-top: 50px;} .daichiIntroduction .introduction_box01 .introduction_text01 {font-size: 16px; line-height: 2;} /* .daichiIntroduction .introduction_box02{height: 600px;} */ .daichiIntroduction .introduction_box02 .introduction_text03 p>span {display: inline; word-break: keep-all;} /* #contents .section_introduction02 {padding-top: 50px;} */ /* 02.연혁 */ /* .history .section {padding-bottom: 50px;} */ .history .history_wrap .history_box .history_img {width: 100%;} .history .history_wrap .history_box .text_box {text-align: left;} .history .history_wrap .history_text .year {font-size: 28px;} .history .history_wrap .history_text .year::after {bottom: 11px;} .history .history_wrap .history_text p {position: relative; left: 30px; padding-right: 14%; word-break: keep-all;margin-left: 0;} .history .history_wrap .history_text .month {/*position: absolute; top: 44px; left: -30px;*/} .history .history_wrap .history_text .year {width: auto;} /* 03.다이찌식품이념 */ /* .ideology .section {padding-bottom: 50px;} */ .ideology .ideology_wrap .content h5 {font-size: 20px;} .ideology .ideology_wrap .content p {font-size: 16px;} /* 05.오시는길 */ /* .map .map_wrap {margin-bottom: 150px;} */ .map .kakao_map {height: 400px;} #map {height: 400px;} .map .inner>p {font-size: 16px;} .map .map_info strong {top: 0;} .map_info>span {top: 50px;padding-right: 30px;} .map .map_info strong {font-size: 20px;} .map .map_btn {margin-top: 115px;} /* 다이찌식품 특징 */ /* .feature {padding-bottom: 50px;} */ .feature .feature_con {padding-bottom: 50px;} .feature .feature_con03 {padding-bottom: 0px;} .feature .feature_con .feature_text {padding-top: 20px;} .feature .feature_con .feature_text h6 {font-size: 20px;} .feature .feature_con .feature_text strong {font-size: 16px;} /* 샘플신청 */ .samplerequest .sample_con {height: auto; padding: 20px;} .samplerequest .sample_con>div {width: 100%; padding: 15px 0; position: relative;} /* .samplerequest .sample_con>div:nth-child(1) {padding-bottom: 40px;} .samplerequest .sample_con>div:nth-child(2) {padding-bottom: 40px;} */ .samplerequest .sample_con>div>img {position: absolute;} .samplerequest .sample_con>div>span {padding: 0; padding-left: 40px;display: inline-block; ;word-break: keep-all;top: 12px; margin-top: -2px;} .samplerequest .sample_con>div>span>b {padding-left: 0;} .samplerequest .sample_con>img {width: 280px;position: none;bottom: -280px;right: auto;left: 50%;transform: translateX(-35%);} .samplerequest .sample_tit {/* margin-top: 290px; */font-size: 20px;} .samplerequest .sample_tit::before {content: url(/images/samplerequest/samplerequest_m_ditto01.png);transform: translateX(-50px) translateY(-12px);} .samplerequest .sample_tit::after {content: url(/images/samplerequest/samplerequest_m_ditto02.png);transform: translate(132px , -16px);} .samplerequest .sample_list {margin-top: 50px;} /* .samplerequest .sample_list .samplerequest_img {padding-top: 30px;} */ .samplerequest .sample_list li {width: 100%; margin-right: 0;} .samplerequest .sample_list ul li:nth-child(5) {margin-bottom: 5%;} .samplerequest .sample_list ul li:nth-child(8) {display: none;} /* 구매안내 */ .buy .buy_box01 {padding-bottom: 50px;} .buy .buy_box02 {padding-top: 50px; padding-bottom: 100px;} /* 컨텐츠 공통 */ .LineBanner .logo {width:28%; height:19vw; top:-6vw;} .section {padding-top: 100px; padding-bottom: 100px;} .section02 {padding-top:15%;} .contentsArea .section + .LineBanner {margin-top:-5%;} @media(max-width:520px) { /* #contents .section {padding-top: 50px;} */ } /*main contents */ .main #contents {padding-top:0x;} #wrap.main.scroll #contents {padding-top:60px;} /* .main_TitleArea {margin-bottom:8%;} */ /* .main_TitleArea h2 {width:35%; font-size:8.5vw;} */ /* .main_TitleArea p {padding-top:5%; font-size:4.5vw;} */ .main_TitleArea02 {margin-bottom:5%;} .main_TitleArea02 h2 {font-size:4.5vw;} .main_TitleArea02 .more {font-size:3.4vw;} #brand_story .brand_info strong {font-size:4.5vw;} #brand_story .brand_info strong br {display:none;} #brand_story .brand_info .cols_wrap .cols {font-size:3.6vw;} #fresh_story .fresh_info ul li {float:none; width:100%; margin-left:0; margin-top:10%;} #fresh_story .fresh_info ul li:first-child {margin-top:0;} #fresh_story .fresh_info ul li .ThumbArea {height:55.7vw;} #fresh_story .fresh_info ul li .TxtArea {margin-top:6%;} #fresh_story .fresh_info ul li .TxtArea .title {padding-bottom:2%; font-size:4.5vw;} #fresh_story .fresh_info ul li .TxtArea p {font-size:3.6vw;} #fresh_story .fresh_info ul li .btn_more02 {margin-top:6%;} #new_menu .main_TitleArea {margin-bottom:40PX;} #new_menu .main_TitleArea .btn_more02 {bottom:1.5vw;} /* #new_menu .menuSlider .list {width:48% !important; padding-left:4%;} */ #new_menu .menuSlider .list.nodata {line-height:40vw;} #new_menu .menuSlider .ThumbArea .icon_new {width:10vw; height:6vw; font-size:3.2vw; line-height:6vw;} #new_menu .menuSlider .TxtArea {margin-top:8%;} /* #new_menu .menuSlider .TxtArea .tt {padding-bottom:4%; font-size:4.2vw; font-weight:500;} */ /* #new_menu .menuSlider .TxtArea p {font-size:3.6vw;} */ #new_menu .menuSlider .slick-dots {margin-top:12%;} #new_menu .menuSlider .slick-dots li {padding:0 1.5vw;} #new_menu .menuSlider .slick-dots li button {width:2.2vw; height:2.2vw;} #new_menu .menuSlider .slick-arrow {width:6.5vw; height:4vw; bottom:-0.5vw;} #new_menu .menuSlider .slick-arrow.slick-prev {/* background-image:url('/images/common/btn/btn_prev_m.png'); background-size:100%; */width: 50px; height: 50px;} #new_menu .menuSlider .slick-arrow.slick-next {/* background-image:url('/images/common/btn/btn_next_m.png'); background-size:100%; */width: 50px; height: 50px;} #sns_story .main_TitleArea .btn_more02 {top:11.5vw;} #sns_story #grid {width:104%;} #grid {width:104%; margin-left:-2%;} #grid .grid-item {width:50%; padding:10% 2% 0;} #grid .grid-item:nth-child(-n+3) {padding-top:10%;} #grid .grid-item:nth-child(-n+2) {padding-top:0;} #grid .grid-item .ThumbArea .prd_icon_new {width:10vw; height:6vw; font-size:3.2vw; line-height:6vw;} #grid .grid-item .TxtArea {padding-top:12%;} #grid .grid-item .TxtArea .category {padding-bottom:4%; font-size:3.2vw;} #grid .grid-item .TxtArea .tt {padding-bottom:6%; font-size:3.8vw;} #grid .grid-item .TxtArea .con {height:19vw; font-size:3.5vw; -webkit-line-clamp:4;} #grid .grid-item .TxtArea .date {padding-top:8%; font-size:3.2vw;} #grid .grid-item.nodata {font-size:3.6vw; line-height:40vw;} #cscenter.section {padding:14% 0;} #cscenter .cols {float:none; width:100%; margin-left:0; margin-top:10%; font-size:3.6vw;} #cscenter .cols:first-child {margin-top:0;} #cscenter .cols:nth-child(2) {margin-top:10%;} #cscenter .col2 .num {padding-bottom:1%; font-size:6vw;} #cscenter .cols p {line-height:5.5vw;} #cscenter .cols .link li {height:10vw; font-size:3.6vw; line-height:10vw;} #cscenter .cols .link li span.smart_store {background-size:4.5vw; padding-left:6.5vw;} #cscenter .cols .link li span.mall_store {background-size:5vw; padding-left:7vw;} /* 서브비주얼 */ /* .subVisual {background: url(/images/common/subvisual_01.png) no-repeat center center} */ /* .subVisual .sub-location {display: none;} */ /* 서브비주얼 */ .subVisual h2 {font-size: 35px; word-wrap: break-word;} /* #subVisual {height:22vw; margin-top:60px; background-image:url('/images/common/subvisual_bg_m.jpg');} */ /* #subVisual h2 {padding-top:0; font-size:5vw; line-height:21vw;} #subVisual .location {display:none;} #wrap.scroll #subVisual {margin-top:60px;} */ /*sub contents*/ .bgH {display:block; padding-bottom:2%; background:#eee;} .Inner_section {margin-top:10%;} .Inner_bg_section {margin-top:10%; padding:8% 5%;} .Inner_section02 {margin-top:8%;} /* .contentsArea .TitleArea {margin-bottom:6%;} .contentsArea .TitleArea h3 {font-size:6.5vw;} .contentsArea .TitleArea h3.eng .contentsArea .TitleArea h3 .eng {font-size:8.2vw;} .contentsArea .TitleArea p {padding-top:3%; font-size:4.6vw; line-height:1.3;} .contentsArea h4 {margin-bottom:8%; font-size:4.2vw;} */ .TbType01 .ConArea {padding-top:3%;} .TbType01 .ConArea .tt {font-size:4.6vw; line-height:1.3; word-break:break-word;} .TbType01 .ConArea .img_wrap {margin-top:8%;} #SNB {margin-top:-26px;} #SNB ul li {/* height:9.5vw; */font-size:3.5vw; /* line-height:9.5vw; */} #SNB ul li a {padding: 10px;} /* TabStyle */ .TabType01 ul li {height:12.5vw; line-height:12.5vw;} /* ListStyle */ .ListType01 li {padding-left:8px; font-size:3.4vw;} .ListType01 li:before {top:2.4vw; width:2px; height:2px;} /* 오늘고기 */ .BrandInformation .different_brand {background-image:url('/images/company/brand_bg_m.jpg');} .BrandInformation .different_brand ul li {float:none; width:100%; margin-top:6%; font-size:3.5vw; text-align:left;} .BrandInformation .different_brand ul li:first-child {margin-top:0;} .BrandInformation .different_brand ul li img {display:inline-block; width:26%; margin-bottom:0; vertical-align:middle;} .BrandInformation .different_brand ul li .txt {display:inline-block; width:72%; padding-left:4%; vertical-align:middle; box-sizing:border-box;} .BrandInformation .different_brand ul li .num {padding-bottom:2%; font-size:3.6vw;} .BrandInformation .different_brand ul li p {padding:0;} /* (주)농부 소개 */ .introduction .ceo {padding-top:4%;} .introduction .ceo b {font-size:4.6vw;} .introduction .sign_img {width:25vw; margin-top:3%;} .introduction .philosophy strong {padding:8% 4%; font-size:4.5vw;} .introduction .vision li {width:50%; height:42vw; padding:5%;} .introduction .vision li:nth-child(3n-2) {border-left:1px solid #e4e4e4;} .introduction .vision li:nth-child(2n-1) {border-left:none;} .introduction .vision li:nth-child(2n-1) {background-color:#fff;} .introduction .vision li:first-child, .introduction .vision li:nth-child(4), .introduction .vision li:nth-child(5) {background-color:#fafafa;} .introduction .vision li .icon {width:9vw; height:9vw;} .introduction .vision li .icon.vision_01 {background-image:url('/images/company/icon_vision01_m.png');} .introduction .vision li .icon.vision_02 {background-image:url('/images/company/icon_vision02_m.png');} .introduction .vision li .icon.vision_03 {background-image:url('/images/company/icon_vision03_m.png');} .introduction .vision li .icon.vision_04 {background-image:url('/images/company/icon_vision04_m.png');} .introduction .vision li .icon.vision_05 {background-image:url('/images/company/icon_vision05_m.png');} .introduction .vision li strong {font-size:4vw;} .introduction .vision li.blank {background-size:55%;} .introduction .history .ConArea dl:before {top:1.6vw; left:-1.2vw; width:2.5vw; height:2.5vw; background-image:url('/images/company/history_bul_m.jpg'); background-size:100%;} .introduction .history .ConArea dl dt {width:12%; font-size:4vw;} .introduction .history .ConArea dl dd {width:84%; font-size:3.4vw;} .introduction .history .ConArea dl dd .month {font-size:4vw;} .introduction .history .ConArea dl dd ul li {padding-left:8vw; margin-top:4%;} /* HACCP */ .haccp .haccp_standard {background-image:url('/images/company/haccp_standard_bg_m.jpg');} /* 오시는 길 */ .location .address ul li {margin-top:1%;} .location .address ul li b {width:12%;} .location #map {height:80vw;} .location .map_wrap .btn_green {margin-top:5%;} /* 상품정보 */ #Board #new_menu {margin-bottom:14%; padding-bottom:14% !important;} #hashtag a {height:8.5vw; padding:0 3vw; font-size:3.5vw; line-height:8vw;} #hashtag02 {padding-right:10vw;} #hashtag02 a {height:8.5vw; padding:0 3vw; font-size:3.5vw; font-weight:400; line-height:8vw;} #hashtag02 .shareBtnArea .btn_share {width:8.5vw; height:8.5vw; background-size:46%;} /* 공유하기 레이어 */ .LayerPop01 {width:85%; height:auto;} .LayerPop01 .LayerWrap {padding:5% 6%;} .LayerPop01 .LayerTitle {padding-bottom:4%;} .LayerPop01 .LayerTitle .title {font-size:4.2vw;} .LayerPop01 .LayerTitle .btn_layer_close {width:4.2vw; height:4.2vw;} .LayerPop01 .LayerContents {padding:8% 0 4%;} .LayerPop01 .share li {margin-left:10%; font-size:3.4vw;} .LayerPop01 .share li .icon {width:12vw; height:12vw; margin-bottom:2vw;} /* 고객센터 안내 */ .cscenter .LineBanner .LeftCon {padding-bottom:6%; margin-bottom:8%;} .cscenter .LineBanner .LeftCon .tt {font-size:4.5vw;} .cscenter .LineBanner .LeftCon .num {padding-top:1%; font-size:9vw;} .cscenter .LineBanner .RightCon ul li {padding-left:0; padding-top:11vw; background-position:left top !important; background-size:9vw !important; font-size:3.5vw;} .cscenter .LineBanner .RightCon ul li.time {margin-left:15vw;} .cscenter .LineBanner .RightCon ul li em {font-size:3.8vw;} .cscenter .process {padding-top:6%; margin-top:2%;} .cscenter .process li {width:26%; margin-left:11%;} .cscenter .process li:after {top:10vw; right:-6vw; width:2.5vw; height:4.1vw;} .cscenter .process li:first-child {margin-left:0;} .cscenter .process li img {width:100%;} .cscenter .process li b {font-size:4vw;} .cscenter .process li span {padding-top:1%; font-size:3.2vw;} .cscenter .as_tb {padding:8%;} .cscenter .as_tb .tbc:first-child {padding-bottom:10%; margin-bottom:10%;} .cscenter .as_tb .tbc img {height:9.5vw; margin-bottom:4%;} .cscenter .as_tb .tbc strong {padding-bottom:2%; font-size:4.2vw;} .cscenter .as_tb .ListType01 b {width:11%;} .cscenter .as_tb .ListType01 span {width:89%;} .cscenter .as_tb .tbc .caution {padding-top:2%; font-size:3.2vw;} .cscenter .as_method_info ul li {padding:8% 2%; font-size:3.4vw;} .cscenter .as_method_info ul li .icon {width:16vw; height:16vw; margin-bottom:4%;} .cscenter .as_method_info ul li .icon.icon_01 {background-image:url('/images/company/icon_cs_m.png');} .cscenter .as_method_info ul li .icon.icon_02 {background-image:url('/images/company/icon_mail_m.png');} .cscenter .as_method_info ul li strong {padding-bottom:1%; font-size:4.2vw;} /* 구매안내 */ .guide .search_img {width:50%;} .guide .online_store .TbType01 .ConArea .tt {padding-top:4%;} .guide .online_store .online_purchase {margin-top:8%;} .guide .online_store .online_purchase dl {margin-top:6%;} .guide .online_store .online_purchase dl dt {padding-bottom:4%; font-size:4vw;} .guide .storeSlider {margin-top:6%;} .guide .storeSlider .slick-dots {margin-top:0;} .guide .storeSlider .slick-dots li {width:19.2%; margin-top:1%;} .guide .storeSlider .slick-dots li:nth-child(5n-4) {margin-left:0;} .guide .store_info {margin-top:6%;} .guide .store_info dl {margin-top:1%;} .guide .store_info dl dt {width:26% !important;} .guide .store_info dl dd {width:74% !important;} .guide #map {height:50vw; margin-top:7%;} .guide .cs_info {margin-top:6%; padding:8% 6%;} .guide .cs_info .tbc:first-child {margin-bottom:8%; padding-bottom:8%;} .guide .cs_info .tbc .numArea {padding:2vw 0 2vw 19vw; background-image:url('/images/company/icon_tel_m.png'); background-size:15vw;} .guide .cs_info .tbc .numArea .num {font-size:5.5vw;} .guide .cs_info .infoArea {width:74%;} .guide .cs_info dl dt {width:28%;} .guide .cs_info dl dd {width:72%;} /* 퀵 메뉴 */ #quick {right:5%;} #quick .qcon {margin-top:2vw; padding:1vw; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.4);} #quick .qcon .icon {width:11vw; height:11vw; margin:-1vw;} #quick .qcon span a {width:8.8vw; height:8.8vw; margin-left:2.5vw; line-height:8.8vw;} #quick .qcon.mall_store span a {background:#aa2929; color:#fff;} #quick .qcon.smart_store span a {background:#fff; color:#00c300;} #quick .qcon.on {border-radius:30px;} #quick .qcon.on span {width:33.5vw; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;} /* 검색결과 */ .searchResult .search_result {margin-bottom:8%; font-size:4.5vw;} /* footer */ #foot {/* padding:6% 0; */ text-align:center;text-align: left;} #foot .sns {float:none;} #foot .sns li {float:none; display:inline-block; margin-left:5%; vertical-align:top;} #foot .sns li a {height:6vw;} #foot .sns li.sns_01 a {width:4.8vw;} #foot .sns li.sns_02 a {width:5vw;} #foot .sns li.sns_03 a {width:1.9vw;} #foot .sns li.sns_04 a {width:4.6vw;} #foot .sns li.sns_05 a {width:4.6vw;} /* #foot .copy { float:none; padding-top:3%; font-size:2.6vw;} */ #foot .copy img {width:2vw; margin-top:-2px;} #foot .icon_scrollTop img{width: 50px; margin-top: 3px;} /* 관리자 로그인 */ div#box {width:90%; left:5%; padding:6% 5%; margin-bottom:-50%; border-width:3px; margin-left:0; box-sizing:border-box;} div#p_input span.label {width:24%;} div#box .login_center {padding:6% 0;} div.login_foot {margin-top:6%;} .divbox .text {width:50%;} } /*===============================================================*/ /*======================= Mobile 470 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:470px){ /* 02.연혁 */ /* .history .history_wrap .history_box1 {height: 500px;} .history .history_wrap .history_box2 {height: 630px;} .history .history_wrap .history_box3 {height: 340px;} .history .history_wrap .history_text p strong::after {bottom: 21px;} .history .history_wrap .history_text p strong {font-size: 28px;} .history .history_wrap .history_text p span {font-size: 16px;} .history .history_wrap .history_box .history_img {width: 300px; height: 180px; border-radius: 15px;} */ #mainVisual_2 .slide_text .slide_text03 span{display: inline;} /* 인증현황 스킨 반응형으로 수정 */ /* list.skin (G.certifi)*/ #Board .certifi ul li {width: 50%;} } /*===============================================================*/ /*======================= Mobile 440 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:467px){ /* product슬라이드 */ #new_menu .menuSlider .list:first-child {margin-right: 3%;} #new_menu .menuSlider .ThumbArea img {height: 150px;} #new_menu .menuSlider .TxtArea .tt {font-size: 18px;} #new_menu .menuSlider .TxtArea p {font-size: 16px;} /* daichifood story */ .mainStory .storyBox .storyText {top: 110%;} /* 서브페이지 시작 */ /* 회사소개 */ /* 다이찌식품 소개 */ .daichiIntroduction .introduction_box02 .introduction_text02 {width: auto; font-size: 18px;} .daichiIntroduction .introduction_box02 .introduction_text03 {font-size: 16px; /* padding-top: 30px; */} /* .history .history_wrap .history_box2 {height: 680px;} .history .history_wrap .history_box3 {height: 360px;} */ } /*===============================================================*/ /*======================= Mobile 420 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:420px){ /* daichifood story */ .mainStory {margin-bottom: 150px;} .mainStory .storyBox .storyText {top: 100%;} .mainStory .storyBox .storyText .storyText02 {font-size: 22px;} .mainStory .storyBox .storyText .storyText02 b{font-size: 22px;} .mainStory .storyBox .storyText .storyText03 {font-size: 15px;} /* 메인슬라이드 */ /* #mainVisual_2 .swiper-slide>p {height: 460px;} #mainVisual_2 .slide_text {transform: translateY(-90%);} */ #new_menu .menuSlider .list {/* margin-left: 3%; */ width: 47.3% !important;/* height: 280px; */padding-bottom: 100px;} /* #mainVisual_2 .slide_text .slide_text01 {font-size: 11px;} */ /* #mainVisual_2 .slide_text .slide_text02 {font-size: 33px; } */ #mainVisual_2 .slide_text .slide_text03 {padding-right: 3%;} #mainVisual_2 .slide_text .slide_text03 span{display: inline;} #new_menu .menuSlider .view_btn {width: 130px;} #new_menu .menuSlider .view_btn span {margin-left: 12px; /* font-size: 14px; */ /* line-height: 3.7; */} .product_section .view_btn img {right: 12px;} .daichiIntroduction .introduction_box01 .introduction_text01 {display: inherit;} .daichiIntroduction .introduction_box01 .introduction_text01 p {margin-bottom: 20px;} /* 구매안내 */ /* .buy .buy_box02 li span {display: inline;} */ } /*===============================================================*/ /*======================= Mobile 360 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:360px){ #foot .icon_wrap {transform: translateY(-270%);} /* 메인슬라이드 */ #mainVisual_2 .swiper-slide>p {height: 460px;} /* #mainVisual_2 .slide_text {transform: translateY(-90%);} */ /* #mainVisual_2 .slide_text .slide_text01 {font-size: 11px;} #mainVisual_2 .slide_text .slide_text02 {font-size: 28px; } #mainVisual_2 .slide_text .slide_text03 {font-size: 14px; padding-top: 20px; word-break: keep-all;} */ /* product슬라이드 */ #new_menu .inner {padding-bottom: 60px;} #new_menu .menuSlider .TxtArea .tt {font-size: 16px;} #new_menu .menuSlider .TxtArea p {font-size: 14px;} #new_menu .menuSlider .ThumbArea img {height: 120px;} /* #new_menu .menuSlider a {width: 100px; height: 30px; line-height: 3;} */ #new_menu .menuSlider .view_btn {width: 120px;} #new_menu .menuSlider .view_btn span {font-size: 13px;margin-left: 12px;} .product_section .view_btn img {width: 10px;} #new_menu .menuSlider .slick-arrow.slick-next {transform: translateX(60px); transform: scale(0.7); margin-right: -50px; top: 105%;} #new_menu .menuSlider .slick-arrow.slick-prev {transform: translateX(-60px);transform: scale(0.7); margin-left: -50px; top: 105%;} /* daichifood story */ .mainStory {padding-top: 100px; margin-bottom: 125px;} .mainStory .storyBox .storyText {top: 96%;} .mainStory .storyBox .storyText .storyText02 {font-size: 20px;} .mainStory .storyBox .storyText .storyText02 b{font-size: 20px;} .mainStory .storyBox .storyText .storyText03 {font-size: 15px;} /* .mainStory .storyBox .storyText .storyBtn {} */ /* .mainStory .storyBox .storyText .storyBtn span {font-size: 10px; line-height: 2;} */ /* Notice */ .notice_section {margin-top: 100px;} /* 서브페이지 시작 */ /* 회사소개 */ /* 다이찌식품 소개 */ .daichiIntroduction .company_01_bag {width:470px;} .daichiIntroduction .introduction_box02 .introduction_text02 {font-size: 16px;} #SNB {margin-top:-22px;} /* #contents .section {padding-top: 50px;} */ } /*===============================================================*/ /*======================= Mobile 320 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:320px){ #foot .icon_wrap {transform: translateY(-300%);} /* 메인슬라이드 */ #mainVisual_2 .swiper-slide>p {height: 410px;} /* #mainVisual_2 .slide_text {transform: translateY(-90%);} */ /* #mainVisual_2 .slide_text .slide_text01 {font-size: 11px; letter-spacing: 2px; padding-bottom: 2px;} #mainVisual_2 .slide_text .slide_text02 {font-size: 20px; } #mainVisual_2 .slide_text .slide_text03 {font-size: 12.3px; padding-top: 15px; word-break: keep-all;} */ /* product슬라이드 */ #new_menu .inner {padding-bottom: 42px;} #new_menu .menuSlider .slick-arrow.slick-next {top: 100%;} #new_menu .menuSlider .slick-arrow.slick-prev {top: 100%;} #new_menu .menuSlider .view_btn {width: 120px;} #new_menu .menuSlider .TxtArea p {font-size: 14px; height: 38px;} /* 서브페이지 시작 */ /* 회사소개 */ /* 다이찌식품 소개 */ .daichiIntroduction .introduction_box01 .company_01_logo {height: 230px;} /* 샘플신청 */ .samplerequest .sample_con>img {width: 250px; bottom: -270px;} #SNB {margin-top:-20px;} /* #contents .section {padding-top: 10px;} */ }