@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* 인사말 */
.greeting .top-wrap{display: flex;margin-bottom:var(--size60);}
.greeting .top-wrap .tit{width:50%;font-size:var(--fz72);line-height:1.39em;color:var(--dark);font-weight: 600;margin-right:20px;}
.greeting .top-wrap .tit strong{font-size:clamp(1.375rem, 0.4211rem + 3.8158vw, 5rem);font-weight: 800;}
.greeting .top-wrap .img{width:50%;}
.greeting .top-wrap .img img{border-radius:var(--bd24);}
.greeting .tt-wrap .wrap p{margin-bottom:var(--size30);}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.tt18{font-size:var(--fz18);line-height:1.67em;}
.greeting .tt-wrap .ceo{display: flex;align-items: center;margin-top:var(--size45);font-size:var(--fz18);font-weight: 600;color:var(--dark);line-height:1.2em;}
.greeting .tt-wrap .ceo .sign{margin-left:20px;}

/* 조직도 */
.organization .top-tt{display: flex;align-items:center;justify-content:center;margin-bottom:var(--size60);}
.organization .top-tt .rest{text-align:center;}
.organization .top-tt p{margin:0 23px;font-size:var(--fz20);color:var(--dark);line-height:1.4em;text-align:center;}

/* 찾아오시는길 */
.location .top-con{display: flex;margin-bottom:var(--size60);}
.location .top-con .info{min-width:0;width:1%;flex:1 1 auto;margin-right:20px;}
.location .top-con .info .tit{margin-bottom:var(--fz40);font-size:var(--fz32);font-weight:700;line-height:1.2em;color:var(--dark);}
.location .top-con .info .dl-wrap dl{display: flex;align-items:center;margin-bottom:var(--size30);}
.location .top-con .info .dl-wrap dl:last-child{margin-bottom:0;}
.location .top-con .info .dl-wrap dl dt{position:relative;width:145px;padding-left:55px;font-size:var(--fz22);font-weight:600;color:var(--dark);line-height:1.2em;}
.location .top-con .info .dl-wrap dl dt:before{content: '';position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--pri) url('/images/sub/loc-ic1.png')no-repeat 50% 50%/21px;border-radius:100%;}
.location .top-con .info .dl-wrap dl.st2 dt:before{background-image:url('/images/sub/loc-ic2.png');}
.location .top-con .info .dl-wrap dl.st3 dt:before{background-image:url('/images/sub/loc-ic3.png');}
.location .top-con .info .dl-wrap dl.st4 dt:before{background-image:url('/images/sub/loc-ic4.png');}
.location .top-con .info .dl-wrap dl dd{min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz18);line-height:1.4em;}
.location .top-con .img img{border-radius:var(--bd40);}

.location .maps{border-radius:var(--bd40);overflow:hidden;}
.location .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"진지한상"; font-size:12px; line-height:15px;}

/* 위탁급식 */
.doc-busi .content{padding-bottom:var(--size100);margin-bottom:var(--size100);border-bottom:1px dashed #d2cbc3;}
.doc-busi .content:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.doc-busi.busi1 .content{padding-bottom:60px;margin-bottom:60px;}
.doc-busi.busi2 .content{padding-bottom:0;border:none;}
.doc-busi.busi2 .cont2 .tit32{margin-bottom:var(--size40);text-align:center;}
.doc-top-txt{text-align:center;margin-bottom:var(--size55);}
.rest-tit{display: flex;align-items:center;justify-content:center;}
.rest-tit .tit{margin:0 20px;font-size:var(--fz28);font-weight:500;color:var(--dark);line-height:1.2em;}
.rest-tit .tit strong{font-weight: 600;}
.doc-top-txt .wrap{margin-top:var(--size30);}
.doc-top-txt .wrap p{margin-bottom:var(--size30);}
.doc-top-txt .wrap p:last-child{margin-bottom:0;}
.busi1 .cont1 .imgs ul{display: flex;margin:0 -15px;}
.busi1 .cont1 .imgs ul li{width:25%;padding:0 15px;text-align:center;}
.busi1 .cont1 .imgs ul li .pic img{border-radius:var(--bd16);}
.busi1 .cont1 .imgs ul li .tit{margin-top:15px;font-size:var(--fz18);font-weight:500;color:var(--dark);line-height:1.3em;}

.doc-tit{margin-bottom:var(--size55);font-size:var(--fz40);font-weight:600;line-height:1.2em;color:var(--pri);text-align:center;font-family:var(--ebs);}
.lodi-step ul{display: flex;flex-wrap:wrap;}
.lodi-step ul li{position:relative;width:25%;}
.lodi-step ul li .box{position:relative;margin-left:-1px;border: 1px solid #ddd;text-align:center;padding:var(--size35) 20px var(--size40);text-align:center;height:100%;}
.ld-ic{display: flex;justify-content:center;align-items:center;}
.ld-ic lord-icon{width:72px;height:72px;}
.ld-num{display:flex;justify-content:center;align-items:center;margin:20px auto 10px;width:64px;height:24px;border: 1px solid var(--pri);background-color:#fff;color:var(--pri);font-weight: 600;line-height:1.2em;border-radius:24px;}
.lodi-step ul li .box .tit{font-size:var(--fz20);font-weight: 600;line-height:1.5em;color:var(--dark);}
.lodi-step ul li:nth-child(even) .box{background-color: #fff;}
.lodi-step ul li:nth-child(even) .num{background-color: var(--pri);color: #fff;}
.lodi-step ul li:nth-child(5){order:8;}
.lodi-step ul li:nth-child(6){order:7;}
.lodi-step ul li:nth-child(7){order:6;}
.lodi-step ul li:nth-child(8){order:5;}
.lodi-step ul li:nth-child(5),
.lodi-step ul li:nth-child(6),
.lodi-step ul li:nth-child(7),
.lodi-step ul li:nth-child(8){margin-top:-1px;}
.lodi-step ul li:after{content:'';position: absolute;right:-20px;top:50%;margin-top:-20px;width:40px;height:40px;background:var(--pri) url('/images/sub/step-next.png')no-repeat 50% 50%/20px;z-index:1;border-radius:100%;}
.lodi-step ul li:last-child:after{display:none;}
.lodi-step ul li:nth-child(4):after{background-image: url('/images/sub/step-down.png');right:auto;left:50%;margin-left:-20px;bottom:-20px;top:auto;margin-top:0;}
.lodi-step ul li:nth-child(5):after,
.lodi-step ul li:nth-child(6):after,
.lodi-step ul li:nth-child(7):after{background-image: url('/images/sub/step-prev.png');left:-20px;}

.lodi-box>ul{display: flex;margin:0 -15px;}
.lodi-box>ul>li{width:33.3333%;padding:0 15px;}
.lodi-box>ul>li .box{height:100%;border: 1px solid  #d9d3cf;border-radius:var(--bd24);background-color: #fff;padding:var(--size40) var(--size40) var(--size35);text-align:center;}
.lodi-box>ul>li .box .ld-num{margin:0 auto var(--size25);width:80px;height:30px;border-radius:30px;background-color:#f29848;border:none;font-size:var(--fz20);font-weight: 700;color: #fff;}
.lodi-box>ul>li .box .ld-ic{margin-bottom:var(--size20);}
.lodi-box>ul>li .box .tit{display: inline-block;position: relative;margin-bottom:var(--size20);font-size:var(--fz20);font-weight: 600;color:var(--dark);line-height:1.3em;z-index: 1;}
.lodi-box>ul>li .box .tit:after{content: '';width:calc(100% + 16px);height:10px;background-color: #fceada;position: absolute;left:50%;bottom:-1px;transform:translateX(-50%);z-index:-1;}
.dot-list{text-align: left;text-indent:-.6em;padding-left:.6em;line-height:1.63em;}

.lodi-box>ul>li.st2 .box .ld-num{background-color: #ed8427;}
.lodi-box>ul>li.st2 .box .tit:after{background-color: #fbe6d4;}
.lodi-box>ul>li.st3 .box .ld-num{background-color: #eb6218;}
.lodi-box>ul>li.st3 .box .tit:after{background-color: #fbe0d1;}

/* 식자재유통 */
.rest-tit .tit.st2{font-size:var(--fz24);}

.row-flex-con .row{margin-bottom:var(--size80);}
.row-flex-con .row:last-child{margin-bottom:0;}
.row-flex-con .row .flex{display: flex;align-items:center;margin:0 -30px;}
.row-flex-con .row .flex .col{padding:0 30px;width:50%;}
.row-flex-con .row .flex .img img{border-radius:var(--bd40) var(--bd40) var(--bd80) var(--bd40);}
.tit32{margin-bottom:var(--size15);font-size:var(--fz32);font-weight:700;line-height:1.3em;color:var(--dark);}
.row-flex-con .row .flex .tt-wrap .dot-list {font-size:var(--fz18);line-height:1.94em;}
.row-flex-con .row:nth-child(even) .flex{flex-direction: row-reverse;}
.row-flex-con .row.type2 .flex{display: block;margin:0;}
.row-flex-con .row.type2 .flex .col{padding:0;width:100%;}
.row-flex-con .row.type2 .flex .img{display: none;}
.row-flex-con .row.type2 .flex .tt-wrap{display: flex;flex-direction: column;align-items:center;}

.lodi-process{position:relative;}
.lodi-process:before{content: '';width:80%;height:3px;background-color:var(--pri);position: absolute;left:50%;top:24px;transform:translateX(-50%)}
.lodi-process>ul{display: flex;margin:0 -20px;}
.lodi-process>ul>li{width:25%;padding:0 20px;position:relative;text-align:center;}
.lodi-process>ul>li:after{content:'';position:absolute;right:-26.5px;top:41%;width:53px;height:17px;background:url('/images/sub/process-arr.png')no-repeat 50% 50%/contain;}
.lodi-process>ul>li:last-child:after{display:none;}
.lodi-process>ul>li .num{display: flex;justify-content:center;align-items:center;margin:0 auto 40px;width:54px;height:54px;font-size:30px;border-radius:100%;border: 3px solid var(--pri);line-height:1.2em;background-color: #fff;color:var(--pri);font-weight:700;}
.lodi-process>ul>li .ld-ic lord-icon{width:80px;height:80px;}
.lodi-process>ul>li .tit{margin:var(--size30) 0 10px;font-size:var(--fz20);font-weight: 600;color:var(--dark);line-height:1.3em;}
.lodi-process>ul>li .tt{line-height:1.5em;color:#686868}

/* 급식컨설팅 */
.lodi-box2>ul{display: flex;flex-wrap:wrap;margin:0 -15px -30px;}
.lodi-box2>ul>li{width:50%;padding:0 15px;margin-bottom:30px;}
.lodi-box2>ul>li .box{height:100%;border: 1px solid #d9d3cf;border-radius:var(--bd24);background-color: #fff;padding:var(--size60) ;text-align:center;}
.lodi-box2>ul>li .box .ld-ic{margin-bottom:var(--size20);}
.lodi-box2>ul>li .box .tit{margin-bottom:var(--size10);font-size:var(--fz22);font-weight:600;color:var(--dark);line-height:1.3em;}
.lodi-box2>ul>li .box .tt{margin-bottom:var(--size25);font-size:var(--fz17);line-height:1.65em;}
.lodi-box2>ul>li .box .tags{display: flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.lodi-box2>ul>li .box .tags li .tag{display: inline-flex;align-items:center;padding:0 13px;height:32px;border-radius:32px;background-color: #ece9e6;line-height:1.2em;font-weight:600;color:var(--pri);}

/* 메뉴운영 */
.step-flex{display: flex;}
.step-flex .step-list{width:50%;padding-right:40px;}
.step-list{position:relative;z-index: 1;}
.step-list:before{content: '';width:3px;height:80%;background-color:var(--pri);position: absolute;left:25.5px;top:0;z-index: -1;}
.step-list>ul>li{display:flex;margin-bottom:var(--size55);}
.step-list>ul>li:last-child{margin-bottom:0;}
.step-list>ul>li .num{display:flex;justify-content:center;align-items:center;margin-right:20px;width:54px;height:54px;font-size:30px;border-radius:100%;border: 3px solid var(--pri);line-height:1.2em;background-color: #fff;color:var(--pri);font-weight:700;}
.step-list>ul>li .tt-wrap{padding-top:12px;width:1%;flex:1 1 auto;min-width:0;}
.step-list>ul>li .tt-wrap .tit{margin-bottom:var(--size15);font-size:var(--fz24);font-weight:600;color:var(--dark);line-height:1.3em;}
.step-list>ul>li .tt-wrap .dot-list>li{font-size:var(--fz18);line-height:1.94em;}
.step-flex .img{width:50%;}
.step-flex .img img{border-radius:var(--bd40) var(--bd40) var(--bd80) var(--bd40);}

.row-flex-con.type2 .row .flex{margin:0;}
.row-flex-con.type2 .row .flex .col{padding:0;}
.row-flex-con.type2 .row .flex .col.tt-wrap{padding-left:var(--size75);}
.row-flex-con.type2 .row .flex .col.tt-wrap .tit32{margin-bottom:var(--size20);}
.row-flex-con.type2 .row .flex .col.tt-wrap .tt20{margin-bottom:var(--size20);font-weight: 500;color:var(--dark);}
.row-flex-con.type2 .row .flex .col.tt-wrap .dot-list{font-size:var(--fz16);line-height:1.88em;}
.row-flex-con.type2 .row:nth-child(even) .flex .img img{border-radius:var(--bd40) var(--bd40) var(--bd40) var(--bd80);}
.row-flex-con.type2 .row:nth-child(even) .flex .col.tt-wrap{padding-left:0;padding-right:var(--size75);}

.different{text-align:center;}
.different .chk-tit{display: flex;align-items:center;justify-content:center;margin-bottom:var(--size25);}
.different .chk-tit .chk{margin-right: 10px;}
.different .chk-tit .tit{font-size:var(--fz28);font-weight: 700;line-height:1.2em;color:var(--pri);}
.different .tt1{margin-bottom:var(--size15);font-size:var(--fz24);font-weight:500;color:var(--dark);line-height:1.5em;}
.different .tt2{font-size:var(--fz20);line-height:1.6em;}

/* 위생안전 */
.img-list ul{display: flex;margin:0 -15px;}
.img-list ul li{width:33.3333%;padding:0 15px;}
.img-list ul li .pic img{border-radius:var(--bd16);}

/* 교육프로그램 */
.ic-program ul{display: flex;justify-content:center;gap:140px;}
.ic-program ul li{text-align:center;}
.ic-program ul li .ld-ic{display: flex;justify-content:center;align-items:center;margin:0 auto;width:160px;height:160px;border-radius:100%;background-color: #fff;}
.ic-program ul li .ld-ic lord-icon{width:80px;height:80px;}
.ic-program ul li .tit{margin-top:var(--size25);font-size:var(--fz20);font-weight: 600;color:var(--dark);line-height:1.3em;}

.lodi-box.type2>ul>li .box .ld-num{width:130px;height:32px;}

/* 새로운소식 */
.gal-list{padding-top:30px;border-top: 1px solid var(--dark);}
.gal-list ul{display: flex;flex-wrap:wrap;margin:0 -15px -55px;}
.gal-list ul li{width:33.3333%;padding:0 15px;margin-bottom:55px;}
.gal-list ul li .pic {position:relative; height:0; padding-bottom:157.905%; overflow:hidden;border-radius:var(--bd16);}
.gal-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.gal-list ul li .tit{margin-top:25px;font-size:var(--fz20);font-weight:600;line-height:1.4em;color:var(--dark);}
.gal-list ul li .date{margin-top:10px;font-size:var(--fz14);color:#c3c3c3;line-height:1.3em;}

.gal-list.type2 ul li .pic{padding-bottom: 78.953%;}

/* 상담문의 */
.inquiry .input-wrap{margin-bottom:var(--size60);}
.inquiry .input-wrap .row{margin-bottom:var(--size50);}
.inquiry .input-wrap .row:last-child{margin-bottom:0;}
.inquiry .input-wrap .row .flex{display: flex;margin:0 -30px;}
.inquiry .input-wrap .row .flex .col{width:50%;padding:0 30px;}
.inquiry .input-wrap .row .tit{display: inline-block;margin-bottom:15px;font-size:18px;font-weight: 600;color:var(--dark);line-height:1.3em;}
.inquiry .input-wrap .row input.input,
.inquiry .input-wrap .row select.input{height:54px;}

.inquiry .input-wrap .row input.input,
.inquiry .input-wrap .row select.input,
.inquiry .input-wrap .row textarea.input{border-radius:4px;font-size:var(--fz16);}

.btn-inq{display: flex;justify-content:center;align-items:center;width:230px;height:60px;border-radius:30px;background-color:var(--pri);color: #fff;font-size:20px;font-weight:600;letter-spacing:0;line-height:1.2em;margin: 0 auto;border:none;cursor:pointer;}