@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 메인 콘텐츠
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */
mark{background:none;}

.visual-slider{position:relative;}
.visual-slider .slick-list,
.visual-slider .slick-track{height:100%;}

.visual-slider .list .item{position:relative; width:100%; height:600px; box-sizing:border-box;}

.visual-slider .list .bg01{background:url(/assets/img/web/main/slider_bg01.jpg) no-repeat center center; background-size:cover;}
.visual-slider .list .bg02{background:url(/assets/img/web/main/slider_bg02.jpg) no-repeat center center; background-size:cover;}
.visual-slider .list .bg03{background:url(/assets/img/web/main/slider_bg03.jpg) no-repeat center center; background-size:cover;}

.visual-slider .list .bg01 img{position:absolute; left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}

.visual-slider .list .bg02 img,
.visual-slider .list .bg03 img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}

.controller{position:absolute; left:calc(50% + 50px); bottom:48px;}
.controller button{display:inline-block; float:left; font-size:18px; color:#fff; margin:0 5px; cursor:pointer;}


@media(max-width:1024px){
	.visual-slider .list .bg01 img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
}

@media(max-width:768px){
	.visual-slider .list .item{height:450px;}
	.visual-slider .list img{width:100%; max-width:310px;}
}






.business{position:relative; padding:50px 0; background:#f8f8f8; text-align:center;}
.business .inner::before{display:inline-block; width:100%; height:11px; left:0; top:16px; background:url(/assets/img/common/pattern01.png) repeat-x left center;}
.business h6{position:relative; display:inline-block; padding:0 35px; font-size:44px; font-weight:700; color:#111; letter-spacing:-4px; background:#f8f8f8; z-index:1;}

.business ul{display:inline-block; width:100%; margin-top:45px;}
.business ul li{float:left; width:calc(25% - 12px); height:320px; margin-right:16px; margin-bottom:16px;}
.business ul li a{position:relative; display:block; width:100%; height:100%; text-align:center;}
.business ul li a em{display:block; margin:0 auto; font-size:32px; font-weight:700; color:#fff;}

.business ul li.bg01{width:calc(50% - 8px); margin-right:16px; background:url(/assets/img/web/main/business_bg01.jpg) no-repeat center center; background-size:cover;}
.business ul li.bg02{width:calc(50% - 8px); margin-right:0; background:url(/assets/img/web/main/business_bg02.jpg) no-repeat center center; background-size:cover;}
.business ul li.bg03{background:url(/assets/img/web/main/business_bg03.jpg) no-repeat center center; background-size:cover;}
.business ul li.bg04{background:url(/assets/img/web/main/business_bg04.jpg) no-repeat center center; background-size:cover;}
.business ul li.bg05{background:url(/assets/img/web/main/business_bg05.jpg) no-repeat center center; background-size:cover;}
.business ul li.bg06{margin-right:0; background:url(/assets/img/web/main/business_bg06.jpg) no-repeat center center; background-size:cover;}
 
.business ul li a span{position:absolute; width:100%; height:100%; left:0; top:0; padding-top:200px; background:rgba(0,0,0,0.6); box-sizing:border-box;}

.business ul li.bg01 span,
.business ul li.bg02 span{position:absolute; width:50%; height:100%; left:0; top:0; padding:90px 0 0 30px; background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_arrow.png) no-repeat 30px 220px; text-align:left; font-size:16px; color:#fff;}


.business ul li.bg01 span em,
.business ul li.bg02 span em{margin-bottom:15px;}

.business ul li.bg01 span mark{color:#ffb931; font-weight:700; background:rgba(0,0,0,0.6);}
.business ul li.bg02 span mark{color:#87c600; font-weight:700;}

.business ul li.bg03 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon01.png) no-repeat center 100px;}
.business ul li.bg04 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon02.png) no-repeat center 100px;}
.business ul li.bg05 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon03.png) no-repeat center 100px;}
.business ul li.bg06 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon04.png) no-repeat center 100px;}



.business ul li a{}
.business ul li a span{}
.business ul li a span em{}


@media(max-width:1024px){
	.business h6{font-size:31px; letter-spacing:-2px;}

	.business ul li{float:left; width:calc(50% - 5px); height:200px; margin-right:10px; margin-bottom:10px;}
	

	.business ul li.bg01{width:100%; height:250px; margin-right:0;}
	.business ul li.bg02{width:100%; height:250px; margin-right:0;}
	.business ul li.bg04{margin-right:0;}

	.business ul li a span{padding-top:130px;}
	.business ul li a em{font-size:21px;}

	.business ul li.bg01 span,
	.business ul li.bg02 span{width:70%; font-size:15px; line-height:20px;}

	.business ul li.bg01 span,
	.business ul li.bg02 span{padding:80px 30px 0 30px; background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_arrow.png) no-repeat 30px 190px;}



	.business ul li.bg03 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon01.png) no-repeat center 50px; background-size:80px;}
	.business ul li.bg04 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon02.png) no-repeat center 50px; background-size:80px;}
	.business ul li.bg05 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon03.png) no-repeat center 50px; background-size:80px;}
	.business ul li.bg06 span{background:rgba(0,0,0,0.6) url(/assets/img/web/main/business_icon04.png) no-repeat center 50px; background-size:80px;}
}

@media(max-width:768px){
	.business h6{font-size:25px; letter-spacing:-1px;}
	.business .inner::before{top:8px;}
}



















.information{position:relative; display:inline-block; width:100%; padding:100px 0; }
.information .inner{}
.information .customer,
.information .info,
.information .blog,
.information .online-counsel,
.information .location{float:left; height:270px; box-sizing:border-box;}

.information .customer,
.information .info{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; box-sizing:border-box; }

.information .customer{background:url(/assets/img/web/main/information_img01.jpg) no-repeat center center;}
.information .info{margin-right:0; background:url(/assets/img/web/main/information_img02.jpg) no-repeat center center;}
.information .blog{background:#f0f0f0 url(/assets/img/web/main/information_img03.jpg) no-repeat center center;}

.information .info a,
.information .blog a{display:block; width:100%; height:100%;}


.information .blog{width:350px;}
.information .location{width:350px; border:3px solid #ddd; background:url(/assets/img/web/main/information_img04.jpg) no-repeat center center;}


.information .online-counsel{position:relative; width:calc(100% - 720px); margin:0 10px; padding:25px; border:1px solid #dddddd;}
.information .online-counsel em{display:block; font-size:20px; color:#111; font-weight:700; margin-bottom:25px;}
.information .online-counsel ul{}
.information .online-counsel ul li{padding:12px 0; border-bottom:1px dashed #ddd;}
.information .online-counsel ul li:first-child{border-top:1px solid #ddd;}
.information .online-counsel ul li:last-child{border-bottom:0;}
.information .online-counsel ul li mark{font-size:15px; margin-right:10px; font-weight:700;}
.information .online-counsel ul li mark[data-type="도시락"]{color:#f04e23;}
.information .online-counsel ul li mark[data-type="위탁급식"]{color:#5b3824;}
.information .online-counsel ul li mark[data-type="식자재"]{color:#468700;}
.information .online-counsel ul li mark[data-type="운반급식"]{color:#3f56a6;}
.information .online-counsel ul li a{position:relative; display:block; width:100%; box-sizing:border-box; font-size:15px; padding-right:100px; color:#111; line-height:24px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.information .online-counsel ul li a span{position:absolute; right:0; top:0; color:#aaa;}

.information .online-counsel a.more{position:absolute; right:25px; top:20px; width:30px; height:30px; background:url(/assets/img/web/main/btn_more.png) no-repeat center center;}


@media(max-width:1024px){
	.information{padding:50px 0; height:835px;}

	.information .customer,
	.information .info{width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; box-sizing:border-box; }

	.information .customer{background:url(/assets/img/web/main/information_img01.jpg) no-repeat right center;}
	.information .info{margin-right:0; background:url(/assets/img/web/main/information_img02.jpg) no-repeat right center;}

	.information .blog{width:calc(100% - 360px); margin-right:10px;}
	.information .location{width:350px; border:3px solid #ddd; background:url(/assets/img/web/main/information_img04.jpg) no-repeat center center;}
	.information .online-counsel{position:absolute; width:calc(100% - 20px); margin:0; left:10px; bottom:0;}
}

@media(max-width:768px){
	.information{padding:30px 0; height:1110px;}
	.information .customer,
	.information .info{width:100%; margin-right:0; margin-bottom:10px; box-sizing:border-box; }
	.information .customer{background-size:cover;}
	.information .info{background-size:cover;}


}

@media(max-width:640px){
	.information{padding:30px 0; height:1390px;}
	.information .blog{width:100%; margin-bottom:10px;}
	.information .location{width:100%; }
}


@media(max-width:480px){
	.information{padding:30px 0; height:1250px;}

	.information .customer,
	.information .info{height:200px;}
	.information .location{height:270px;}
}










.board-total{position:absolute; right:0; top:20px; display:inline-block; text-align:right;}
.board-total span{float:left; margin-right:10px;}
.board-total span em{font-weight:700; color:#3f56a6; font-size:15px;}


.tbc{width:100%; margin:7px 0 15px 0; border-top:2px solid #3f56a6; border-bottom:1px solid #3f56a6;}
.tbc colgroup{}
.tbc colgroup col:nth-child(1){width:80px;}
.tbc colgroup col:nth-child(2){}
.tbc colgroup col:nth-child(3){width:100;}
.tbc colgroup col:nth-child(4){width:80px;}
.tbc colgroup col:nth-child(5){width:100px;}

.tbc th{padding:25px 0; background:#f1f1f1; border-bottom:1px solid #ddd; font-size:13px; font-weight:700; vertical-align:middle;}
.tbc td{font-size:13px; line-height:25px;  padding:20px 5px; border-bottom:1px dashed #eee; vertical-align:middle;}
.tbc tr:last-child td{border-bottom:0;}
.tbc td:nth-child(2){text-align:left;}
.tbc td a{display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tbc td.empty{padding:50px 0; background:#fcfcfc; color:#999;}

@media(max-width:1024px){
	.tbc td a{width:300px;}
}


@media(max-width:768px){
	.board-total{left:10px; top:-40px;}


	.tbc colgroup col:nth-child(1){display:none;}
	.tbc colgroup col:nth-child(2){}
	.tbc colgroup col:nth-child(3){}
	.tbc colgroup col:nth-child(4){display:none;}
	.tbc colgroup col:nth-child(5){display:none;}

	.tbc th:nth-child(1){display:none;}
	.tbc th:nth-child(2){}
	.tbc th:nth-child(3){}
	.tbc th:nth-child(4){display:none;}
	.tbc th:nth-child(5){display:none;}

	.tbc td:nth-child(1){display:none;}
	.tbc td:nth-child(2){}
	.tbc td:nth-child(3){}
	.tbc td:nth-child(4){display:none;}
	.tbc td:nth-child(5){display:none;}
}

@media(max-width:580px){
	.tbc td a{width:200px;}
}

.board-search{}
.board-search label{display:none;}
.board-search select,
.board-search input,
.board-search button{float:left; margin-right:3px; height:35px; line-height:35px; padding:0 5px; border:1px solid #ccc; border-radius:3px; font-size:13px;}

.board-search button{background:#3f56a6; border:1px solid #3f56a6; color:#fff; font-weight:700; padding:0 20px;}

.board-search select{background:url(/assets/img/common/breadcrumb_down.png) no-repeat 90% center;}

@media(max-width:580px){
	.board-search select{width:80px;}
	.board-search input{width:150px;}
	.board-search button{width:50px; padding:0 10px;}
}





.boare-paging{}

.boare-paging strong,
.boare-paging a{display:inline-block; float:left; width:35px; height:35px; line-height:35px; border-radius:3px; text-align:center; color:#111; font-size:15px; margin:0 2px; background:#eee;}
.boare-paging strong{background:#3f56a6; color:#fff; font-weight:700;}









p.board-info{display:inline-block; width:100%; text-align:left;}
p.board-info span{position:relative; float:left; padding-right:10px; margin-right:10px; color:#555;}
p.board-info span::after{display:inline-block; width:1px; height:10px; right:-1px; top:2px; background:#ccc;}
p.board-info span:last-child::after{display:none;}

.tbl{width:100%; margin:7px 0 15px 0; border-top:2px solid #3f56a6; border-bottom:1px solid #3f56a6; text-align:left;}


.tbl th{padding:25px; background:#f1f1f1; border-bottom:1px solid #ddd; font-size:15px; font-weight:700; vertical-align:middle;}
.tbl td{font-size:13px; line-height:25px;  padding:25px; border-bottom:1px dashed #eee; vertical-align:middle;}
.tbl tr:last-child td{border-bottom:0;}
.tbl td img{max-width:100%;}