@charset "utf-8";
@media (max-width: 1580px) {
	#wrapper{padding-top:80px;}
    /* header */
    #header:after{top:80px;}
    #header .contain{height:80px;padding:0 30px;}
    #header .sitelogo { top:20px; left:30px;}
    #header .sitelogo img{height:40px;}

    #gnb{padding-right:100px;}
    #gnb>ul {margin:0 -40px;} 
    #gnb>ul>li {padding:0 40px;}
    #gnb>ul>li>a {line-height:80px;font-size:20px;}
    #gnb .submenu {width:160px;}
    #gnb .submenu>ul {padding:25px 5px;}

    .btn-m-menu{right: 30px;}

    .main-vis-wrap{padding-left:0;}
    .main-visual {border-radius:0;}
    .main-visual .item {height: calc(100vh - 80px);}

    /* footer */
    #footer .contain{padding:0 30px;}
    #footer .foot-logo img{height:50px}
    #footer .foot-cnt .flex{gap:0 50px;}
    #footer .foot-cnt .col-tit{margin-bottom:15px;}
    #footer .foot-cnt address{gap:0 20px;max-width:100%;font-size:13px;}
    #footer .foot-cnt .copy{margin-top:15px;font-size:12px;}
    #footer .foot-cnt .col:nth-child(1){min-width:0;width:1%;flex:1 1 auto;}
    #footer .foot-cnt .col.type2{max-width:120px;}
    #footer .foot-cnt .menu ul li{font-size:14px;padding-bottom:5px;margin-bottom:5px;}
    #footer .foot-cnt .foot-contact .plus{font-size:16px;}
    #footer .foot-cnt .foot-contact .tt{font-size:14px;}

    .quick ul li img{width:44px;}

    /* sub */
    .sub-vis-wrap{padding-left:0;}
    .sub-visual{border-radius:0;}
    .lnb-wrap:before{display: none;}
}

@media (max-width: 1230px) {
	/* main */ 
    .main-visual .tt-wrap .txt-img img{height:80px;}
    
    /* .sec-tit .tit{} */
    .sec1 .row .imgs{width:50%;}
    .sec1 .row .imgs ul{margin:0 -10px;}
    .sec1 .row .imgs ul li{padding:0 10px;}
    .sec1 .row .tt-wrap .tit{padding-right:20px;}
    .sec1 .row .tt-wrap .tit:after{width:10px;height:10px;}
    .sec1 .row .tt-wrap .tt1{margin-bottom:5px;}
    .sec1 .row .tt-wrap .tt2{margin-bottom:20px;}
    .sec1 .row .tt-wrap .tt2 br{display: none;}
    .main-more{width:120px;height:38px;}

    #footer .contain{display: block;}
    #footer .foot-logo{margin-bottom:30px;margin-right:0;}
    #footer .foot-logo img{height:40px;}
    #footer .foot-cnt{width:100%;}
    #footer .foot-cnt .flex{gap:0 40px;}
    #footer .foot-cnt address{font-size:12px;}
    #footer .foot-cnt .foot-contact .tt{font-size:13px;}
    #footer .foot-cnt .foot-contact .time{font-size:12px;}

    /* sub */
    .sub-visual{height:300px;}
    .lnb ul li a{font-size:16px;height:50px;}
    .sub-title{margin:60px 0 55px;}
    .sub-title h1{font-size:28px;}  

    /* 인사말 */
    .tt18 br{display: none;}

    /* 찾아오시는길 */
    .location .top-con .info .dl-wrap dl{margin-bottom:25px;}
    .location .top-con .info .dl-wrap dl dt{width:110px;padding-left:40px;}
    .location .top-con .info .dl-wrap dl dt:before{width:30px;height:30px;background-size:16px;}
    .location .top-con .img{width:30%;}

    .location .maps .root_daum_roughmap {height:300px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:300px !important;}

    /* 위탁급식 */
    .lodi-box>ul{margin:0 -10px;}
    .lodi-box>ul>li{padding:0 10px;}
    .lodi-box>ul>li .box{padding:20px 15px}
    .lodi-box>ul>li .box .tit{font-size:15px;letter-spacing:-.07em;}
    .lodi-box>ul>li .box .dot-list{font-size:14px;line-height:1.6em;}

    /* 식자재유통 */
    .lodi-process:before{top:21px;}
    .lodi-process>ul{margin:0 -10px;}
    .lodi-process>ul>li{width:25%;padding:0 10px;}
    .lodi-process>ul>li:after{top:38%;height:12px;}
    .lodi-process>ul>li .num{margin:0 auto 20px;width:44px;height:44px;font-size:24px;border-width:2px;}
    .lodi-process>ul>li .tit{margin:var(--size30) 0 10px;}
    .lodi-process>ul>li .tt{font-size:13px;line-height:1.6em;}

    /* 메뉴운영 */
    .step-flex .step-list{width:60%;}
    .step-list:before{width:2px;height:80%;left:21px;}
    .step-list>ul>li .num{width:44px;height:44px;font-size:24px;border-width:2px;}
    .step-list>ul>li .tt-wrap .dot-list>li{line-height:1.6em;}
    .step-flex .img{width:40%;}

    /* 교육프로그램 */
    .ic-program ul{gap:60px;}
    .ic-program ul li .ld-ic{width:120px;height:120px;}
    .ic-program ul li .ld-ic lord-icon{width:70px;height:70px;}
    
    /* 상담문의 */
    .inquiry .input-wrap .row .flex{margin:0 -15px;}
    .inquiry .input-wrap .row .flex .col{padding:0 15px;}
    
}

@media (max-width: 1024px) {
	#gnb{display:none;}
}

@media (max-width: 768px) {
    #wrapper{padding-top:60px;}
    /* header */
    #header:after{top:60px;}
    #header .contain{height:60px;padding:0 15px;}
    #header .sitelogo { top:12px; left:15px;}
    #header .sitelogo img{height:36px;}

    .btn-m-menu{right: 15px;margin-top:-11px;}
    .btn-m-menu img{height:22px;}
	
    /* main */ 
    .main-visual .item {position:relative; height: 400px;}
    .main-visual .bg{background-position:80% 50%}
    .main-visual .tt-wrap{padding:0 15px;}
    .main-visual .tt-wrap .tt{margin-bottom:10px;font-size:22px;}
    .main-visual .tt-wrap .txt-img img{height:44px;}
    .main-visual .controls {bottom:35px;}
    .main-visual .controls .sld-btn{height:7px;}
    .main-visual .center{margin:0 15px;width:100px;}
    .main-visual .paging ul li{width:100px;font-size:13px;}
    .main-visual .circle {transform:translate(-50%,-50%) scale(0.6);}

    .sec-tit .tit{font-size:28px;}
    .sec1 .row{display: block;}
    .sec1 .row .imgs{width:100%;margin-bottom:25px;}
    .sec1 .row .imgs ul{margin:0 -5px;}
    .sec1 .row .imgs ul li{padding:0 5px;}
    .sec1 .row .tt-wrap{width:100%;padding:0 !important;}
    .sec1 .row .tt-wrap .tit{padding-right:12px;font-size:22px;}
    .sec1 .row .tt-wrap .tit:after{width:6px;height:6px;}
    .sec1 .row .tt-wrap .tt2{margin-bottom:15px;}
    .main-more{width:110px;height:36px;}

    .sec2 .sec-tit{margin-bottom:20px;}
    .tt20 br{display: none;}

    #footer .contain{display: block;text-align:center;padding:0 15px;}
    #footer .foot-logo{margin-bottom:25px;}
    #footer .foot-logo img{height:36px;}
    #footer .foot-cnt .col-tit{margin-bottom:10px;font-size:15px;}
    #footer .foot-cnt .flex{gap:0;flex-direction:column;}
    #footer .foot-cnt .flex .col:nth-child(1){order:3;width:100%;}
    #footer .foot-cnt .flex .col:nth-child(2){order:1;margin-bottom:25px;}
    #footer .foot-cnt .flex .col:nth-child(3){order:2;margin-bottom:25px;}
    #footer .foot-cnt address{font-size:13px;display: block;}
    #footer .foot-cnt .copy{line-height:1.4em;}
    #footer .foot-cnt .copy a{font-size:11px;}
    #footer .foot-cnt .col.type2{max-width:100%;}
    #footer .foot-cnt .menu ul{display: flex;justify-content:center;gap:20px;}
    #footer .foot-cnt .menu ul li{padding-bottom:0;margin-bottom:0;border-bottom:none;font-size:13px;}
    #footer .foot-cnt .foot-contact .time{font-size:12px;line-height:1.5em;}

    .quick{right:15px;}
    .quick ul li{margin-bottom:5px;}
    .quick ul li img{width:32px;}

    /* sub */
    .sub-visual{height:200px;}
    .sub-visual .tit{font-size:32px;}
    .lnb ul li a{font-size:15px;height:44px;}
    .sub-title{margin:60px 0 45px;}
    .sub-title h1{font-size:26px;}

    /* 인사말 */
    .greeting .tt-wrap .wrap p{margin-bottom:15px;}
    .greeting .tt-wrap .ceo .sign img{height:28px;}

    /* 조직도 */
    .organization .top-tt .rest img{height:20px;}
    .organization .top-tt p{margin:0 20px;min-width:0;width:1%;flex:1 1 auto;}
    .organization .top-tt p br{display: none;}

    /* 찾아오시는길 */
    .location .top-con{flex-direction: column;}
    .location .top-con .info{margin-right:0;order:2;width:100%;}
    .location .top-con .info .tit{margin-bottom:25px;}
    .location .top-con .info .dl-wrap dl{margin-bottom:20px;display: block;}
    .location .top-con .info .dl-wrap dl dt{width:100%;padding-left:40px;margin-bottom:5px;}
    .location .top-con .info .dl-wrap dl dt:before{width:30px;height:30px;background-size:16px;}
    .location .top-con .info .dl-wrap dl dd{width:100%;padding-left:40px;line-height:1.6em;}
    .location .top-con .img{width:100%;order:1;margin-bottom:25px;}

    .location .maps .root_daum_roughmap {height:200px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:200px !important;}

    /* 위탁급식 */
    .rest-tit .tit{margin:0 15px;font-size:16px;min-width:0;width:1%;flex:1 1 auto;line-height:1.5em;}
    .rest-tit .tit br{display: none;}
    .rest-tit.nm .tit{width: auto;flex:none;}
    .rest-tit.nm .tit br{display: block;}
    .rest-tit .rest img{height:16px;}
    .doc-top-txt .wrap{margin-top:15px;}
    .busi1 .cont1 .imgs ul{margin:0 -10px -30px;flex-wrap:wrap;}
    .busi1 .cont1 .imgs ul li{width:50%;padding:0 10px;margin-bottom:30px;}

    .lodi-step ul li{width:50%;}
    .lodi-step ul li .box{padding:20px;}
    .ld-ic lord-icon{width:54px;height:54px;}
    .ld-num{margin:15px auto 10px;width:54px;height:22px;}
    .lodi-step ul li .box .tit{font-size:14px;}
    .lodi-step ul li:nth-child(even) .num{background-color: var(--pri);color: #fff;}
    .lodi-step ul li:nth-child(1){order:1;}
    .lodi-step ul li:nth-child(2){order:2;}
    .lodi-step ul li:nth-child(3){order:4;}
    .lodi-step ul li:nth-child(4){order:3;}
    .lodi-step ul li:nth-child(5){order:5;}
    .lodi-step ul li:nth-child(6){order:6;}
    .lodi-step ul li:nth-child(7){order:8;}
    .lodi-step ul li:nth-child(8){order:7;}
    .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:0;}
    .lodi-step ul li:nth-child(3),
    .lodi-step ul li:nth-child(4),
    .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{right:-12px;margin-top:-12px;width:24px;height:24px;background-size:12px;}
    .lodi-step ul li:nth-child(1):after,
    .lodi-step ul li:nth-child(5):after{right:-12px;margin-top:-12px;bottom:auto;left:auto;background-image: url('/images/sub/step-next.png')}
    .lodi-step ul li:nth-child(2):after,
    .lodi-step ul li:nth-child(4):after,
    .lodi-step ul li:nth-child(6):after{right:auto;margin-top:0;bottom:auto;left:50%;margin-left:-12px;background-image: url('/images/sub/step-down.png');top:auto;bottom: -12px;}
    .lodi-step ul li:nth-child(3):after,
    .lodi-step ul li:nth-child(7):after{right:auto;margin-top:-12px;bottom:auto;left:-12px;background-image: url('/images/sub/step-prev.png')}
    .lodi-step ul li:last-child:after{display:none;}


    .lodi-box>ul{display:block;margin:0;}
    .lodi-box>ul>li{width:100%;padding:0;margin-bottom:20px;}
    .lodi-box>ul>li:last-child{margin-bottom:0;}
    .lodi-box>ul>li .box{padding:20px;}
    .lodi-box>ul>li .box .ld-num{margin-bottom:20px;width:60px;height:24px;}
    .lodi-box>ul>li .box .ld-ic{margin-bottom:var(--size20);}
    .lodi-box>ul>li .box .tit{font-size:16px;letter-spacing:0;margin-bottom:15px;}
    .lodi-box>ul>li .box .tit:after{width:calc(100% + 10px);height:6px;bottom:3px;}

    /* 식자재유통 */
    .row-flex-con .row .flex{display: block;margin:0;}
    .row-flex-con .row .flex .col{padding:0;width:100%;}
    .row-flex-con .row .flex .img{margin-bottom:25px;}

    .lodi-process:before{display: none;}
    .lodi-process>ul{margin:0 -10px -35px;flex-wrap:wrap;}
    .lodi-process>ul>li{width:50%;padding:0 10px;margin-bottom:35px;}
    .lodi-process>ul>li:nth-child(even):after{display: none;}
    .lodi-process>ul>li:after{top:50%;margin-top:-6px;}
    .lodi-process>ul>li .num{margin:0 auto 15px;width:26px;height:26px;font-size:15px;}
    .lodi-process>ul>li .ld-ic lord-icon{width:54px;height:54px;}
    .lodi-process>ul>li .tt{font-size:12px;}

    /* 급식컨설팅 */
    .lodi-box2>ul{margin:0;display: block;}
    .lodi-box2>ul>li{width:100%;padding:0;margin-bottom:20px;}
    .lodi-box2>ul>li:last-child{margin-bottom:0;}
    .lodi-box2>ul>li .box{padding:20px;}
    .lodi-box2>ul>li .box .tit{font-size:16px;margin-bottom:10px;}
    .lodi-box2>ul>li .box .tags li .tag{height:26px;font-size:12px;}

    /* 메뉴운영 */
    .step-flex{flex-direction:column;}
    .step-flex .step-list{width:100%;padding-right:0;order:2;}
    .step-list:before{width:2px;height:80%;left:12px;}
    .step-list>ul>li .num{margin-right:10px;width:26px;height:26px;font-size:15px;}
    .step-list>ul>li .tt-wrap{padding-top:5px;}
    .step-list>ul>li .tt-wrap .tit{margin-bottom:5px;}
    .step-flex .img{width:100%;order:1;margin-bottom:25px;}

    .row-flex-con.type2 .row .flex .col.tt-wrap{padding-left:0;}
    .row-flex-con.type2 .row:nth-child(even) .flex .col.tt-wrap{padding-right:0;}
    .row-flex-con .row .flex .col.tt-wrap .tt br{display: none;}
    .different .chk-tit{margin-bottom:15px;}
    .different .chk-tit .chk img{height:24px;}
    .different .chk-tit .tit{font-size:18px;}
    .different .tt1{margin-bottom:5px;}

    .img-list ul{margin:0 -5px;}
    .img-list ul li{padding:0 5px;}

    /* 교육프로그램 */
    .ic-program ul{gap:20px;}
    .ic-program ul li .ld-ic{width:90px;height:90px;}
    .ic-program ul li .ld-ic lord-icon{width:50px;height:50px;}
    .lodi-box.type2>ul>li .box .ld-num{width:120px;height:28px;}

    /* 새로운소식 */
    .gal-list{padding-top:20px;}
    .gal-list ul{margin:0 -10px -45px;}
    .gal-list ul li{width:50%;padding:0 10px;margin-bottom:45px;}
    .gal-list ul li .tit{margin-top:15px;}

    /* 상담문의 */
    .inquiry .input-wrap .row .flex{display: block;margin:0;}
    .inquiry .input-wrap .row .flex .col{width:100%;padding:0;margin-bottom:var(--size50);}
    .inquiry .input-wrap .row .flex .col:last-child{margin-bottom:0;}
    .inquiry .input-wrap .row .tit{margin-bottom:10px;font-size:15px;}
    .inquiry .input-wrap .row input.input,
    .inquiry .input-wrap .row select.input{height:38px;}

    .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);}
    .captcha-wrap{height:38px;}

    .btn-inq{width:120px;height:44px;font-size:15px;}

}