@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap');

#comingsoon{padding-top:100px;font-size:16px;text-align:center;line-height:1.6;color:#666;font-family:var(--k-font)}

.pagecommon{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .tit_box{text-align:center}
.pagecommon .tit_box p{margin-bottom:25px;font-size:15px;font-weight:600;color:var(--primary);font-family:var(--e-font)}
.pagecommon .tit_box b{font-size:35px;line-height:1.3;font-weight:700;color:#111}
.pagecommon .tit_box b span{color:var(--primary)}

/* 회사소개 */
#p54{text-align:center}
#p54 .img_txt{margin-top:54px;padding:95px 0;background:url('/sh_page/img/p54_bg.jpg') no-repeat center / cover}
#p54 .img_txt p{font-size:18px;color:#fff}
#p54 .company_info{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:60px 50px 0;font-weight:600}
#p54 .company_info li{padding:40px 0 35px;color:#333}
#p54 .company_info li:nth-child(1),#p54 .company_info li:nth-child(4){background-color:#f5f5f5}
#p54 .company_info li span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:120px;height:120px;margin:0 auto 20px;border-radius:100%;color:#fff;background-color:#333}

/* 주요 서비스 */
#p55 .ser_box{margin-top:54px;padding-top:80px;border-top:1px solid #e1e1e1}
#p55 .ser_box>div{display:flex}
#p55 .ser_box>div+div{margin-top:60px}
#p55 .ser_box>div:nth-child(2n){flex-direction:row-reverse}
#p55 .ser_box .l_img{width:50%;height:380px;background:no-repeat center;background-size:cover}
#p55 .ser_box>div:nth-child(1) .l_img{background-image:url('/sh_page/img/p55_img01.jpg')}
#p55 .ser_box>div:nth-child(2) .l_img{background-image:url('/sh_page/img/p55_img02.jpg')}
#p55 .ser_box>div:nth-child(3) .l_img{background-image:url('/sh_page/img/p55_img03.jpg')}
#p55 .ser_box .r_cont{width:50%;padding:16px 50px 0}
#p55 .ser_box .r_cont .tit{margin-bottom:17px;font-size:25px;font-weight:700;color:#111}
#p55 .ser_box .r_cont .tit span{display:block;margin-bottom:5px;font-size:13px;font-weight:600;color:#888;font-family:var(--e-font)}
#p55 .ser_box .r_cont .sub_txt{margin-top:35px;padding-top:20px;border-top:1px solid #e1e1e1;font-size:15px}
#p55 .ser_box .r_cont .sub_txt dl{display:flex;gap:15px}
#p55 .ser_box .r_cont .sub_txt dl+dl{margin-top:15px}
#p55 .ser_box .r_cont .sub_txt dl dt{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:85px;height:30px;border-radius:50px;font-weight:600;color:#111;background-color:#f5f5f5}
#p55 .ser_box .r_cont .sub_txt dl dd{width:100%;padding-top:3px}

/* 비전&가치 */
#p56{text-align:center}
#p56 .tit_box{margin-bottom:39px}
#p56 .vs_box{display:flex;gap:40px;margin-top:75px}
#p56 .vs_box li{width:100%}
#p56 .vs_box li:nth-child(2){margin-top:60px}
#p56 .vs_box li img{width:100%}
#p56 .vs_box li p b{display:block;margin:31px 0 12px;font-size:20px;color:#111}
#p56 .img_txt{display:flex;align-items:center;justify-content:center;height:280px;margin-top:75px;background:url('/sh_page/img/p56_bg.jpg') no-repeat center / cover}
#p56 .img_txt p{font-size:25px;line-height:1.4;font-weight:600;text-align:center;color:#fff}

/* 프로모션 및 이벤트 */
#event_page{font-family:var(--k-font)}
#event_page>ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#event_page>ul>li>a{display:flex}
#event_page .img{flex-shrink:0;width:250px;height:210px;background:no-repeat center;background-size:cover}
#event_page ul ul{width:100%;padding:10px 0 10px 35px}
#event_page ul ul li{font-size:15px;color:#666}
#event_page ul ul li+li{margin-top:5px}
#event_page ul ul li span{position:relative;padding:0 15px 0 18px;font-weight:600;color:#333}
#event_page ul ul li span:before{position:absolute;left:0;top:7px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
#event_page ul ul li b{display:block;width:100%;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;font-size:18px;color:#111}
#event_page ul ul li.event_text{margin-top:10px;padding:15px;font-size:14px;color:#666;background-color:#f5f5f5}

/* 마이페이지 */
#mypage{max-width:1200px;margin:0 auto 70px;font-size:15px;color:#fff;font-family:var(--k-font)}
#mypage .info{width:100%;padding:40px 60px;border-radius:20px;background-color:#222;}
#mypage .info .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid rgba(255, 255, 255, 0.5);}
#mypage .info .top p{font-size:20px;word-break:keep-all;line-height:30px}
#mypage .info .top p span{font-weight:700}
#mypage .info .top div{display:flex;align-items:center;gap:30px}
#mypage .info .top div > div{width:90px;height:90px;border-radius:100%;background:#fff}
#mypage .info .top div > div img{width:100%}
#mypage .info .top a{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:30px;border:1px solid #fff;color:#fff}
#mypage .info ul{display:flex;flex-wrap:wrap;padding-top:30px}
#mypage .info ul li{display:flex;align-items:center;gap:30px;width:50%;padding:10px 0;font-size:18px}
#mypage .info ul li p{width:18%;color:rgba(255, 255, 255, 0.5)}
#mypage .list{margin-top:20px;border:1px solid #e1e1e1;padding:40px 60px;border-radius:20px}
#mypage .list b{font-size:20px;font-weight:700;color:#222}
#mypage .table_wrap{overflow-x:scroll;margin-top:20px;color:#666}
#mypage .table_wrap::-webkit-scrollbar{height:5px}
#mypage .table_wrap::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
#mypage .table_wrap::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ccc}
#mypage .table_wrap table{min-width:600px;width:100%;border-collapse:collapse}
#mypage .table_wrap table thead{border-top:1px solid #e1e1e1;background:#f7f7f7}
#mypage .table_wrap table thead th{padding:15px 0;color:#333}
#mypage .table_wrap table tbody td{padding:15px 0;border-bottom:1px dotted #e1e1e1;text-align:center;word-break:keep-all}
#mypage .pg_wrap{display:block;float:initial;margin-top:20px;text-align:center}
#mypage .cancel_btn{width:fit-content;margin:0 auto;padding:5px 10px;cursor:pointer;border:1px solid #ffd8e1;border-radius:5px;color:#ff567f;background:#fff7f9}
#mypage .state{display:inline-block;padding:1px 10px;border-radius:20px;font-size:13px;color:#fff;letter-spacing:-.5px;font-weight:500;}
#mypage .state.stay{background-color:#1f77b3}
#mypage .state.comp{background-color:#d7001e}
#mypage .state.cancle{background-color:#999}
.pg_wrap{float:initial;display:block;width:fit-content;margin:0 auto}

/* 마이페이지 - 농장주 */
.my_farm .farm_info{margin-top:20px;border:1px solid #e1e1e1;padding:40px 60px;border-radius:20px;color:#666;font-family:var(--k-font)}
.my_farm .farm_tit{display:flex;align-items:center;justify-content:space-between}
.my_farm .farm_tit b{font-size:20px;font-weight:700;color:#222}
.my_farm .farm_tit ul{display:flex;gap:10px}
.my_farm .farm_tit ul li a{display:block;width:max-content;padding:10px 20px;border:1px solid #e1e1e1;border-radius:30px;font-weight:500;color:#333}
.my_farm .farm_cont{display:flex;gap:50px;margin-top:15px}
.my_farm .farm_cont .farm_img{flex-shrink:0;width:280px;background:no-repeat center;background-size:cover}
.my_farm .farm_cont ul{width:100%;padding:15px 0}
.my_farm .farm_cont ul li{display:flex;gap:20px}
.my_farm .farm_cont ul li+li{margin-top:10px;padding-top:10px;border-top:1px dotted #e1e1e1}
.my_farm .farm_cont ul li span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:110px;height:35px;border-radius:50px;background-color:#f5f5f5;font-weight:600;color:#333;}
.my_farm .farm_cont ul li p{width:100%;padding-top:5px}
.my_farm .farm_cont .no_farm{width:100%;text-align:center}
.my_farm .farm_cont .no_farm a{display:block;width:max-content;margin:15px auto 0;padding:10px 20px;border:1px solid #e1e1e1;border-radius:30px;font-weight:500;color:#333}

/* 반응형 [s] */
@media (max-width:1230px){
#p55 .ser_box .r_cont{padding:16px 40px}
#p55 .ser_box .l_img{height:auto}
}
@media (max-width:1024px){
.pagecommon{font-size:15px}
.pagecommon .tit_box p{margin-bottom:20px;font-size:13px}
.pagecommon .tit_box b{font-size:30px}
#p54 .img_txt{margin-top:45px;padding:85px 20px}
#p54 .img_txt p{font-size:17px}
#p54 .company_info{padding:50px 20px 0}
#p54 .company_info li{padding:40px 30px 35px}
#p54 .company_info li .pl{white-space:normal}
#p55 .ser_box{margin-top:44px;padding-top:70px}
#p55 .ser_box .r_cont .tit{font-size:23px}
#p56>.pl{width:80%;margin:0 auto;white-space:normal}
#p56 .vs_box{gap:20px;margin-top:60px}
#p56 .vs_box li:nth-child(2){margin-top:40px}
#p56 .vs_box li p{white-space:normal}
#p56 .vs_box li p b{margin:25px 0 10px;font-size:18px}
#p56 .img_txt{height:260px;margin-top:65px}
#p56 .img_txt p{font-size:23px}
#event_page>ul>li>a{display:block}
#event_page .img{width:100%;height:250px}
#event_page ul ul{padding:20px 20px 10px}
}
@media (max-width:768px){
.pagecommon .tit_box b{font-size:25px}
#p54 .img_txt{margin-top:40px;padding:75px 25px}
#p54 .img_txt p{font-size:16px;white-space:normal}
#p54 .company_info li{padding:35px 20px}
#p54 .company_info li span{width:110px;height:110px}
#p55 .ser_box{margin-top:40px;padding-top:60px}
#p55 .ser_box>div{display:block}
#p55 .ser_box .l_img{width:100%;height:300px}
#p55 .ser_box .r_cont{width:100%;padding:40px 15px 0}
#p55 .ser_box .r_cont .tit{font-size:20px}
#p56 .tit_box{margin-bottom:25px}
#p56 .vs_box{gap:15px}
#p56 .img_txt{height:240px;padding:0 30px}
#p56 .img_txt p{font-size:20px;white-space:normal}
#event_page>ul{gap:20px}
#event_page ul ul{padding:20px 10px 10px}
#event_page ul ul li{font-size:14px}
#event_page ul ul li b{font-size:16px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .tit_box b{font-size:23px}
#p54 .img_txt{margin-top:35px;padding:50px 25px}
#p54 .img_txt p{font-size:15px}
#p54 .company_info{grid-template-columns:repeat(1,1fr);gap:0;padding:40px 15px 0}
#p54 .company_info li:nth-child(3){background-color:#f5f5f5}
#p54 .company_info li:nth-child(4){background-color:#fff}
#p54 .company_info li span{width:100px;height:100px}
#p54 .company_info li span img{height:20px}
#p55 .ser_box{margin-top:35px;padding-top:50px}
#p55 .ser_box .l_img{height:230px}
#p55 .ser_box .r_cont{padding:30px 15px 0}
#p55 .ser_box .r_cont .tit{font-size:18px}
#p55 .ser_box .r_cont .sub_txt{font-size:14px}
#p55 .ser_box .r_cont .sub_txt dl dt{width:75px}
#p56>.pl{width:100%}
#p56 .vs_box{display:block;width:90%;margin:45px auto 0}
#p56 .vs_box li+li{margin-top:40px}
#p56 .vs_box li p b{font-size:16px}
#p56 .img_txt{height:220px;margin-top:45px;padding:0 20px}
#p56 .img_txt p{font-size:18px}
#event_page>ul{grid-template-columns:repeat(1,1fr)}
#event_page .img{height:280px}
}
@media (max-width:380px){
#p54 .tit_box b{white-space:normal}
#p54 .company_info{padding:35px 0 0}
#p55 .tit_box b{white-space:normal}
#p55 .ser_box .r_cont .sub_txt dl{display:block}
#p55 .ser_box .r_cont .sub_txt dl dd{padding-top:10px}
#p56 .vs_box{width:100%}
#event_page .img{height:210px}
}
/* 반응형 [e] */