@charset "UTF-8";

/* for styles */
@import url("font.css");
@import url("default.css");
@import url("layout.css");
@import url("slick.css");

/* main */
#mainCont .visual {position:relative; text-align:center; z-index:2;}
#mainCont .visual .slideArea {position:relative; width:100%; height:100%; overflow:hidden; z-index:5;}
#mainCont .visual .slideArea .slide {position:relative; width:100%; height:660px; background:center center no-repeat; background-size:cover;}
#mainCont .visual .mainText {background:url(/images/maintxtLine.png) no-repeat; max-width:1200px; margin:0 auto; padding-top:43px; position:relative; top:28%;}
#mainCont .visual .mainText h3 {background:url(/images/maintxt.png) no-repeat; height:64px; font-size:0; margin-bottom:35px;}
#mainCont .visual .mainText .subtxt {text-align:left; color:#fff; font-size:18px;}
.visual .slick-dots {position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.visual .slick-dots li {display:inline-block; margin:0 6px;}
.visual .slick-dots li button {display:block; border:0; padding:0; text-align:left; overflow:hidden; text-indent:-999em; width:10px; height:10px; background:url(/images/blt_off.png) 0 0 no-repeat;}
.visual .slick-dots li.slick-active button {background:url(/images/blt_on.png) 0 0 no-repeat;}
.visual .slick-prev {position:absolute; top:46%; left:0; width:55px; height:55px; border:0; padding:0; overflow:hidden; text-indent:-999em; cursor:pointer; background:url(/images/arrow_prev.png) 0 0 no-repeat; z-index:10;}
.visual .slick-next {position:absolute; top:46%; right:0; width:55px; height:55px; border:0; padding:0; overflow:hidden; text-indent:-999em; cursor:pointer; background:url(/images/arrow_next.png) 0 0 no-repeat; z-index:10;}

#iconBox{width:100%;height:auto;}
div.icon {width:1200px;margin:0 auto}
div.icon ul {overflow:hidden}
div.icon ul li {float:left;width:25%;color:#fff;text-align:center;padding-top:80px;padding-left:40px;padding-right:40px;height:367px;box-sizing:border-box}
div.icon ul li .imgBox {height:80px}
div.icon ul li strong {display:block;font-size:1.6em;margin-top:15px}
div.icon ul li p {line-height:1.5em;color:#333;margin-top:25px}
div.icon ul li a {color:#333;}

.mainBanner {width:100%; height:315px; margin:0 auto; position:relative; background:#eee; overflow:hidden;}
.round_wrap {position:relative; width:1200px; margin:0 auto; height:auto;}
.round_wrap:after {content:''; clear:both; display:block;}
.round_wrap li {float:left; width:16.66%; height:175px; text-align:center;}
.round_wrap .round {cursor:pointer;width:175px; height:175px; border-radius:175px; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff; position:relative; margin:0 auto;}
.round_wrap .item1 {background-image:url(/images/round_01.png);}
.round_wrap .item2 {background-image:url(/images/round_02.png);}
.round_wrap .item3 {background-image:url(/images/round_03.png);}
.round_wrap .item4 {background-image:url(/images/round_04.png);}
.round_wrap .item5 {background-image:url(/images/round_05.png);}
.round_wrap .item6 {background-image:url(/images/round_06.png);}
.round_wrap .item9 .overlay p.txt {letter-spacing:-1px; font-size:17px;}
.round_wrap .ico {width:80px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:auto; margin:0 auto;}
.round_wrap .ico img {display:none;}
.round_wrap .item1 .ico {background-image:url(/images/round_ico01.png);}
.round_wrap .item2 .ico {background-image:url(/images/round_ico02.png);}
.round_wrap .item3 .ico {background-image:url(/images/round_ico03.png);}
.round_wrap .item4 .ico {background-image:url(/images/round_ico04.png);}
.round_wrap .item5 .ico {background-image:url(/images/round_ico05.png);}
.round_wrap .item6 .ico {background-image:url(/images/round_ico06.png);}
.round_wrap .txt {padding-top:5px; color:#fff; font-size:17px;}
.round_wrap .overlay {display:block; position:absolute; width:70%; height:70%; top:15%; left:15%; text-align:center; border-radius:100%; transition:all .3s; -webkit-transition:all .3s;}
.round_wrap .round:hover .overlay {background:#1d7ab3;}
.round_wrap .round:hover .overlay .txt {font-size:18px;}
.round_wrap .item1:hover .ico {background-image:url(/images/round_ico01_on.png);}
.round_wrap .item2:hover .ico {background-image:url(/images/round_ico02_on.png);}
.round_wrap .item3:hover .ico {background-image:url(/images/round_ico03_on.png);}
.round_wrap .item4:hover .ico {background-image:url(/images/round_ico04_on.png);}
.round_wrap .item5:hover .ico {background-image:url(/images/round_ico05_on.png);}
.round_wrap .item6:hover .ico {background-image:url(/images/round_ico06_on.png);}

.mainInfo {max-width:1200px; margin:0 auto 30px;}
.mainInfoAP {margin-top:20px; width:100%; height:520px; box-sizing: border-box;}
.mainInfoAP .foodMainBox {border:1px solid #d4d4d4; box-sizing: border-box;}
.mainInfoAP .foodMainBox:after {content:''; display:block; clear:both;}
.mainInfoAP .foodMainBox .tit {float:left; width:40%; box-sizing:border-box; padding:50px; font-size:20px; text-align:center;}
.mainInfoAP .foodMainBox .tit span {display:block; font-size:25px;}
.mainInfoAP .foodMainBox .tit .blue {color:#058cce;}
.mainInfoAP .foodMainBox ul {float:left; border-left:1px solid #d4d4d4; width:60%; box-sizing:border-box; padding:30px; height:512px; padding:106px 0;}
.mainInfoAP .foodMainBox ul li {position:relative; font-size:17px; padding-left:0; text-align:center; width:70%; margin:0 auto 22px;}
.mainInfoAP .foodMainBox ul li.img {margin-top:50px;}

.mainHealthystory {width:100%; height:100%; margin:0; background:url(/images/mainHealthystoryBG.jpg) no-repeat; background-size:cover; padding:1% 0; box-sizing:border-box;}
.mainHealthystory .prdSlide {max-width:1200px; margin:30px auto;}
.mainHealthystory .prdSlide .prd img {padding:7%; position:relative; text-align:center; box-sizing:border-box; width:100%; height:100%;}
.mainHealthystory .prdSlide .slick-arrow {display:block; position:absolute; top:-35px; width:35px; height:35px; cursor:pointer; border:0; text-indent:-999em; overflow:hidden; background:0 0 no-repeat; z-index:10; background-size:35px;}
.mainHealthystory .prdSlide .slick-prev {right:65px; background-image:url(/images/btn_prev2.png);}
.mainHealthystory .prdSlide .slick-next {right:20px; background-image:url(/images/btn_next2.png);}
@media (max-width: 768px) {
.mainHealthystory .prdSlide {width:100%;}
.mainHealthystory .prdSlide .slick-arrow {top:-30px; width:30px; height:30px; background-size:30px;}
.mainHealthystory .prdSlide .slick-prev {right:45px;}
.mainHealthystory .prdSlide .slick-next {right:10px;}
}
@media (max-width: 414px) {
.mainHealthystory .prdSlide {width:100%; padding:13.422px;}
.mainHealthystory .prdSlide .slick-arrow {top:-30px; width:25px; height:25px; background-size:25px;}
.mainHealthystory .prdSlide .slick-prev {right:42px;}
.mainHealthystory .prdSlide .slick-next {right:13.422px;}
}

.mainLine {background:#c8b18a; width:100%; padding:68px 0; text-align:center; box-sizing:border-box;}

.mainContact {width:100%; height:730px; background:url(/images/maincontactBG.jpg) no-repeat; background-size:cover;}

.formBox {margin:0 auto; width:40%; height:600px; padding:0;}
.formBox .subtxt {margin-bottom:25px; font-size:17px; color:#999;}
.formBox li {margin-bottom:8px; font-size:18px;}
.formBox li:after {content:''; display:block; clear:both;}
.formBox li .tit {display:block; float:left; width:15%; height:45px; line-height:45px; font-weight:normal; font-family:'Noto Sans M';}
.formBox li .cont {display:block; float:left; width:85%;}
.formBox li .cont em {display:block; margin-bottom:7px;}
.formBox li .cont .btn {display:inline-block; font-size:16px; width:70px; height:45px; line-height:45px; vertical-align:middle; color:#fff; text-align:center; background:#646464;}
.formBox .fs {font-size:14px;}

.join_box {margin:0 auto; width:40%; height:400px; padding:0;}
.join_box div {position:relative; margin-bottom:15px;}
.join_box .input {position:relative; display:block; border:1px solid #bbb; position:relative; background:#fff;}
.join_box .input i {position:absolute; top:13px; left:7px; text-align:center; width:15px;}
.join_box .input input {width:100%; height:41px; text-indent:30px; font-size:14px;}
.join_box .btnAc .btnTypeA {background:#058cce; color:#fff !important; width:30%; border-radius:5px;}

/* 개인정보취급 레이어팝업 */
.agreeArea {display:none; z-index:10000; position:fixed !important; margin-bottom:0 !important; top:0; left:0; right:0; bottom:0; padding:5%; border:0; background-color:rgba(33,33,33,.8); height:auto;}
.agreeArea .block { background-color:#fff; padding:20px; box-sizing:border-box; height:100%; max-width:800px; overflow-y:auto;  margin:0 auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}
.agreeArea .btn {text-align:right;}
.agreeArea .btn a {font-size:20px;}
.agreeArea p {margin-bottom:5px;}
.agreeArea p strong {font-size:17px;}

/*------------- media -------------*/
@media (max-width: 1200px) {
div.icon {width:100%;}
div.icon ul li {width:50%; height:258px;}
div.icon ul li:nth-of-type(1) {background-color:#fcb040;}
div.icon ul li:nth-of-type(2) {background-color:#a3cd39;}
div.icon ul li:nth-of-type(3) {background-color:#00a6e2;}
div.icon li:nth-of-type(4) {background-color:#d61475;}
div.icon ul li p {display:none;}
.mainBanner {height:560px;}
.round_wrap {width:100%; padding:30px; box-sizing:border-box;}
.round_wrap li {width:33.33%; height:100%; margin:15px 0;}
}

@media (max-width: 768px) {
#mainCont .visual .mainText {padding:43px 50px 0; background:url(/images/maintxtLine.png) no-repeat 50px 0;}
.visual .slick-prev {display:none !important;}
.visual .slick-next {display:none !important;}
.mainLine {padding:25px 0;}
.join_box {width:60%;}
.mainInfo {width: 100%;box-sizing: border-box;}
.mainInfoAP {margin-top:20px; width:100%; height:383px; box-sizing: border-box;}
.mainInfoAP .foodMainBox {border:1px solid #d4d4d4; box-sizing: border-box;}
.mainInfoAP .foodMainBox:after {content:''; display:block; clear:both;}
.mainInfoAP .foodMainBox .tit {float:left; width:35%; box-sizing: border-box; padding: 37px; font-size: 20px; text-align: center;}
.mainInfoAP .foodMainBox ul {float:left; border-left:1px solid #d4d4d4; width:65%; box-sizing:border-box; padding:30px; height:377px; padding:34px 0;}
.mainInfoAP .foodMainBox ul li {font-size:16px; text-align:justify; font-family:'Noto Sans M'; position:relative; padding-left:0; width:70%; margin:0 auto 22px;}
.mainInfoAP .foodMainBox ul li br {display:none;}
.mainInfoAP .foodMainBox ul li.img {display:none;}
}

@media (max-width: 700px) {
#mainCont .slideArea {height:500px;}
#mainCont .slideArea .swiper-slide {background-position:30% 0;}
#mainCont .slideArea .swiper-slide.bg2 {background-position:65% 0;}
#mainCont .visual .mainText {top:20%;}
#mainCont .visual .mainText .subtxt {font-size:18px; margin-bottom:10px;}
#mainCont .visual .mainText h3 {/*font-size:28px;*/ font-size:0; line-height:35px;}
#mainCont .visual .mainText h4 {font-size:14px; margin:10px 0 20px; height:60px;}
#mainCont .slideArea .swiper-button-next, 
#mainCont .slideArea .swiper-button-prev {display:none;}
}

@media (max-width: 640px) {
div.icon {width:100%;}
div.icon ul li {height:auto; padding:40px 10px;}
div.icon ul li .imgBox {display:none;}
div.icon ul li strong {margin-top:0; font-size:1.4em;}
}

@media (max-width: 414px) {
#mainCont .visual .mainText {padding:43px 0 0; background:url(/images/maintxtLine.png) no-repeat 20px 0; background-size:365px;}
#mainCont .visual .mainText h3 {height:48px; margin-bottom:0; padding:0 7px; background-size:295px; background-position-x:17px;}
#mainCont .visual .mainText .subtxt {margin-bottom:0; font-size:16px; padding:17px;}
.mainBanner {height:386px;}
.round_wrap {padding:0 15px 15px 15px;}
.round_wrap .overlay {display:block; position:absolute; width:70%; height:70%; top:15%; left:15%; text-align:center; border-radius:100%; transition:all .3s; -webkit-transition:all .3s;}
.round_wrap .round {width:100px; height:100px; border-radius:100px;}
.round_wrap .ico {width:50%; height:50%; background-size:contain;}
.round_wrap .txt {padding-top:5px; font-size:16px;}
.mainLine {padding:10px;}
.mainLine img {width:80%;}
.mainContact {height:700px; padding-bottom:50px;}
.join_box {width:80%; height: auto;}
.join_box div {margin-bottom:10px;}
.mainInfoAP {padding:0 20px 20px 20px; margin-top:0; width:100%; height:683px; box-sizing:border-box;}
.mainInfoAP .foodMainBox {border:1px solid #d4d4d4; box-sizing: border-box;}
.mainInfoAP .foodMainBox:after {content:''; display:block; clear:both;}
.mainInfoAP .foodMainBox .tit {float:none; width:100%; box-sizing:border-box; padding:21px; font-size:20px; text-align:center;}
.mainInfoAP .foodMainBox .tit img {text-align:center; width:52%;}
.mainInfoAP .foodMainBox .tit span {display:block; font-size:25px;}
.mainInfoAP .foodMainBox .tit .blue {color:#058cce;}
.mainInfoAP .foodMainBox ul {float:none; border-top:1px solid #d4d4d4; border-left:0; width:100%; box-sizing:border-box; padding:30px; height:380px; padding:30px 15px;}
.mainInfoAP .foodMainBox ul li {font-size:15px; text-align:justify; font-family:'Noto Sans R'; position:relative; padding-left:0; width:100%; margin:0 auto 22px; text-align:left;}
.mainInfoAP .foodMainBox ul li.img {margin-top:40px;}
}

@media (max-width: 320px) {
.round_wrap .round {width:85px; height:85px; border-radius:85px;}
.round_wrap .txt {font-size:15px;}
}


.mainGallery {background:#fff; max-width:1200px; margin:80px auto; box-sizing: border-box;}
.mainGallery .titBox {position:relative;}
.mainGallery .titBox a {position:absolute; right:0; bottom:0; letter-spacing:1px; font-family:'Noto Sans L'; font-size:14px; color:#adadad;}
.mainGallery .titBox a:before {display:inline-block; content:'+'; color:#adadad; position:absolute; left:-12px; top:1px;}
.mainGallery ul {box-sizing:border-box;}
.mainGallery ul:after {content:''; clear:both; display:block;}
.mainGallery ul li {float:left; border:1px solid #cecece; width:23.5%; margin-right:2%; box-sizing:border-box;}
.mainGallery ul li:nth-child(4n) {margin-right:0;}
.mainGallery ul li a {display:block; position:relative;}
.mainGallery li .thumb {display:block; position:relative;}
.mainGallery li .thumb img {width:100%; height:230px;}
.mainGallery li .titBar {display:block; width:100%; padding:10px 14px; background:#fff; box-sizing:border-box; text-align:center;}
@media (max-width: 1200px) {
.mainGallery {padding: 0 2%;}
}
@media (max-width: 768px) {
.mainGallery ul li {width:49%; margin-bottom:2%;}
.mainGallery ul li:nth-child(2n) {margin-right:0;}
}

@media (max-width: 600px) {
.mainGallery {margin:50px auto;}
.mainGallery li .thumb img {height:120px;}
}
@media (max-width: 414px) {
.mainGallery {margin: 30px auto 40px;}
}



/* sub */
.introduce {text-align:center;}
.introduce h4 {display:inline-block; font-size:28px; margin-bottom:30px; padding:0 0 0 30px; background:url(/images/ico_db1.png) 0 center no-repeat;}
.introduce h4:after {content:''; display:inline-block; width:30px; height:40px; vertical-align:top; background:url(/images/ico_db2.png) right center no-repeat;}
.introduce h4 b {color:#f36910;}
.introduce .imgac {padding-bottom:30px; border-bottom:1px solid #e8e8e8;}
.introduce .imgac span {display:inline-block; width:30%; margin:0 -3px;}
.introduce .txt {margin-top:30px;}
.introduce .txt p {font-size:17px; color:#999;}
.introduce .txt span {color:#333;}
.introduce .txt span.blue {color:#058cce;}

.vision {width:1200px; height:auto; margin:0 auto;}
.vision .visionBox {width:100%; padding:0 100px; box-sizing:border-box;}
.vision .visionBox:after {content:''; clear:both; display:block;}
.vision .Box01 {height:295px; border-bottom:1px solid #efefef;}
.vision .Box02 {height:401px; margin-top:50px;}
.vision .visionBox div {float:left;}
.vision .visionBox div.img {width:24%;}
.vision .visionBox div.txt {width:65%; margin-left:11%;}
.vision .visionBox div.txt dl dt {font-size:20px;}
.vision .visionBox div.txt dl dt span {font-family:'Noto Sans R'; font-weight:normal;}
.vision .visionBox div.txt dl dd{font-size:16px; margin-top:20px;}
.vision .visionBox div.txt ul {margin-top:40px;}
.vision .visionBox div.txt ul li {position:relative; font-size:16px; padding-left:13px; margin-bottom:4px;}
.vision .visionBox div.txt ul li:before {content:''; display:block; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:100px; background:#058cce;}
.vision .visionBox div.txt ul li span {display:block; font-size:15px; color:#777;}

.history {}
.history:after {content:''; clear:both; display:block;}
.history .thumb {position:relative; float:left; width:30%; margin-left:10%; padding-right:10%;}
.history .thumb:after {content:''; display:block; position:absolute; top:60px; right:0; width:100%; height:1px; background:#e4e4e4; z-index:-1;}
.history dl {position:relative; float:left; width:50%; padding:43px 0 40px; background:url(/images/ico_dot2.png) 7px 0 no-repeat;}
.history dl:after {content:''; display:block; position:absolute; top:0; left:13px; width:1px; height:100%; background:#e4e4e4; z-index:-1;}
.history dl dt {padding-left:50px; height:36px; line-height:36px; font-size:30px; background:url(/images/ico_dot.png) 0 center no-repeat;}
.history dl dd {padding-left:50px; margin:10px 0 80px; font-size:17px;}
.history dl dd p {color:#666; margin-bottom:5px;}
.history dl dd p b {display:inline-block; width:45px; color:#333;}

.organization {height:auto; position:relative;}
.organization * {box-sizing:border-box;}
.organization ul, .organization li {position:relative;}
.organization ul:before {content:''; display:block; position:absolute; background:#cdcdcd; top:0; bottom:0; left:50%; width:1px;}
.organization li:before {content:''; display:block; position:absolute; background:#cdcdcd;}
.organization ul:after, .organization li:after {content:''; clear:both; display:block;}
.organization li.top .Boxtop {height:150px; line-height:150px;} 
.organization li.top .Boxtop:after {top:100%; left:50%; margin:-8px 0 0 -7px; position:absolute; content:''; width:9px; height:9px; border:3px solid #058cce; background:#fff; border-radius:50%;}
.organization li.side {margin-top:40px;}
.organization li.side li {width:50%;}
.organization li.side li.right {float:right; padding-left:120px;}
.organization li.side li.right:before {content:''; top:30px; left:0; width:120px; height:1px;}
.organization li.side li.right:after {top:24%; right:100%; margin-top:-7px; margin-right:-8px; position:absolute; content:''; width:9px; height:9px; border:3px solid #058cce; background:#fff; border-radius:50%;}
.organization li.side li.right .Boxtop {margin:0;}
.organization li.side li.right .Boxtopbtm {float:left;}
.organization li.bottom {margin-top:40px;}
.organization li.bottom:before {content:''; top:30px; left:10%; width:80%; height:1px;}
.organization li.bottom li {float:left; width:18%; margin:0 1%;}
.organization li.bottom li > .Boxtop {max-width:none;}
.organization li.bottom li > .Boxtopbtm {max-width:none;}
.organization .Boxtop {width:100%; max-width:200px; position:relative; display:block; height:60px; line-height:60px; text-align:center; margin:0 auto;}
.organization .Boxtopbtm {width:100%; max-width:200px; background:#fff; border:1px solid #ddd; border-top:0; padding:20px 0; font-size:16px; text-align:center; margin:0 auto;}
.organization .typeA {background:#058cce; color:#fff; font-size:18px; font-family:'Noto Sans M';}
.organization .typeB {background:#85b8d2; border:1px solid #ddd; color:#fff; font-size:18px; font-family:'Noto Sans M';}
.organization .typeC {background:#f5f5f5; border:1px solid #ddd; color:#333; font-size:18px;font-family:'Noto Sans M';}

.symbol {width:100%; height:auto; margin:0 auto; text-align:center;}
.symbol .txt {padding-top:55px;}
.symbol .txt:before {content:''; display:block; margin:10px auto; width:76px; height:2px; background:#058cce;}
.symbol .txt p {margin:40px 0; font-size:18px; color:#666; line-height:25px}

.employment {padding:0 50px; box-sizing:border-box;}
.employment:after {content:''; display:block; clear:both;}
.employment > div {border-bottom:1px solid #efefef; margin:15px 0 0 0; position:relative; overflow:hidden;}
.employment > div:first-child {margin:0;}
.employment > div:last-child {border-bottom:0;}
.employment dt,
.employment dd {margin:20px auto;}
.employment dt.icon{position:absolute; float:left; top:4%; width:calc(30% - 95px); margin-left:95px; font-size:22px; letter-spacing:-1px; min-height:115px; line-height:3em; font-family:'Noto Sans M'; font-weight:normal;}
.employment dt.icon:before {content:''; display:block; position:absolute; left:-95px; width:80px; height:80px;}
.employment dt.icon.icon01:before {background:#e9e9e9 url(/images/dt_icon01.png) no-repeat 50% 50%;}
.employment dt.icon.icon02:before {background:#e9e9e9 url(/images/dt_icon02.png) no-repeat 50% 50%;}
.employment dt.icon.icon03:before {background:#e9e9e9 url(/images/dt_icon03.png) no-repeat 50% 50%;}
.employment dd {width:68%; margin-left:30%; min-height:105px;}
.employment ul.process li {margin-bottom:15px; font-size:16px; line-height:1.8em;}
.employment ul.process li span {display:inline-block; background:transparent; padding:12px 15px; margin:10px; min-width:60px; text-align:center; border-radius:2px;}
.employment ul.process li span.processBG01 {background:#dcebff;}
.employment ul.process li span.processBG02 {background:#a1c3f1;}
.employment ul.process li img {vertical-align:middle;}
.employment ul.list_dot li {font-size:16px; padding-left:13px; margin-bottom:4px; position:relative; line-height:1.6em;}
.employment ul.list_dot li:before {content:''; display:block; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:100px; background:#058cce;}
.employment ul.list_dot em {font-family:'Noto Sans M'; color:#000;}
.employmentDown {width:auto; height:auto; margin:50px auto 0; text-align:center;}
.employmentDown a {border:1px solid #058cce; border-radius:3px; font-size:17px; height:45px; line-height:45px; display:inline-block; background:#058cce; padding:5px 30px; color:#fff;}
.employmentDown i {font-size:larger; margin-right:7px;}

/**/
.bgGray {padding:50px 0; background:#f7f7f7;}
.bgGray .foodCont {padding:0;}
.foodCont {max-width:1100px; padding:50px 0 90px; margin:0 auto;}
.foodCont.tit {padding:0; margin-bottom:-40px;}
.foodCont h4 {text-align:center; font-size:28px; margin-bottom:20px;}
.foodCont .subtxt {text-align:center; font-size:18px;}
.foodCont .subtxt:before {content:''; display:block; margin:10px auto; width:40px; height:4px; background:#dcdcdc;}

.foodIntro {margin-top:10px;}
.foodIntro:after {content:''; display:block; clear:both;}
.foodIntro li {float:left; width:31%; min-height:250px; margin-right:3%; border:1px solid #d4d4d4; border-radius:10px; box-sizing:border-box; padding:20px; background:95% 95% no-repeat; background-color:#fff;}
.foodIntro li.cont1 {background-image:url(/images/food_box1.png);}
.foodIntro li.cont2 {background-image:url(/images/food_box2.png);}
.foodIntro li.cont3 {background-image:url(/images/food_box3.png); margin-right:0;}
.foodIntro li b {display:block; margin-bottom:13px; font-size:22px; color:#058cce;}
.foodIntro li p {position:relative; padding-left:16px; font-size:16px; margin-bottom:4px;}
.foodIntro li p:before {content:''; display:block; position:absolute; top:9px; left:0; width:8px; height:8px; border-radius:50px; background:#058cce;}

.txtCont {margin-bottom:50px;}
.txtCont:after {content:''; display:block; clear:both;}
.txtCont li {float:left; width:33%; min-height:105px; box-sizing:border-box; padding:20px 25px;}
.txtCont li.cont1 {background:#2f87ab; color:#fff; font-size:20px; padding:20px 0 19px 80px;}
.txtCont li.cont1 span {display:block; font-size:25px;}
.txtCont li.cont2 {background:#227197;}
.txtCont li.cont3 {background:#1f6a92; width:34%;}
.txtCont li .txt2 {font-size:16px; color:#fff; padding:3px 0;}
.txtCont li .txt2 .num {display:inline-block; vertical-align:middle; font-size:15px; font-family:'Roboto', 'dotum', sans-serif;}
.txtCont li .txt2 .num:before {content:''; display:block; width:100%; height:1px; margin-bottom:2px; background:#fff;}
.txtCont li .txt2 span {display:inline-block; vertical-align:middle; margin-top:-5px; padding:0 10px; font-size:20px;}

.advantage {margin:20px 0 50px;}
.advantage:after {content:''; display:block; clear:both;}
.advantage li {float:left; width:25%; text-align:center; font-size:16px; color:#666;}
.advantage li b {display:block; padding-top:120px; font-size:20px; color:#333; background:center 0 no-repeat;}
.advantage li b.ico1 {background-image:url(/images/food_ico1.png);}
.advantage li b.ico2 {background-image:url(/images/food_ico2.png);}
.advantage li b.ico3 {background-image:url(/images/food_ico3.png);}
.advantage li b.ico4 {background-image:url(/images/food_ico4.png);}

.foodBox {margin-bottom:50px; border:1px solid #d4d4d4;}
.foodBox:after {content:''; display:block; clear:both;}
.foodBox .tit {float:left; width:35%; box-sizing:border-box; padding:80px 0 0 50px; font-size:20px;}
.foodBox .tit span {display:block; font-size:25px;}
.foodBox .tit .blue {color:#058cce;}
.foodBox ul {float:left; border-left:1px solid #d4d4d4; width:65%; box-sizing:border-box; padding:30px;}
.foodBox ul li {position:relative; font-size:16px; padding-left:15px; margin-bottom:5px;}
.foodBox ul li:before {content:''; display:block; position:absolute; top:9px; left:0; width:8px; height:8px; border-radius:50px; background:#058cce;}

/* data03 */
.foodhygiene1 {margin-top:10px;}
.foodhygiene1:after {content:''; display:block; clear:both;}
.foodhygiene1 li {float:left; width:49%; min-height:302px; margin-right:2%; border:1px solid #d4d4d4; border-radius:10px; box-sizing:border-box; padding:20px; background:95% 95% no-repeat; background-color:#fff;}
.foodhygiene1 li.cont1 {background-image:url(/images/food_box1.png);}
.foodhygiene1 li.cont2 {background-image:url(/images/food_box2.png); margin-right:0;}
.foodhygiene1 li b {display:block; margin-bottom:13px; font-size:22px; color:#058cce;}
.foodhygiene1 li p {position:relative; padding-left:16px; font-size:16px; margin-bottom:7px;}
.foodhygiene1 li p:last-child {margin-bottom:0;}
.foodhygiene1 li p em {font-weight:bold; display:block;}
.foodhygiene1 li p:before {content:''; display:block; position:absolute; top:9px; left:0; width:8px; height:8px; border-radius:50px; background:#058cce;}

.foodhygiene2 {margin:20px 0 50px;}
.foodhygiene2:after {content:''; display:block; clear:both;}
.foodhygiene2 li {float:left; width:33.33%; text-align:center; font-size:16px; color:#666;}
.foodhygiene2 li b {display:block; padding-top:190px; font-size:20px; color:#333; background:center 0 no-repeat; margin-bottom:6px;}
.foodhygiene2 li b.ico1 {background-image:url(/images/foodhygiene2_ico1.png);}
.foodhygiene2 li b.ico2 {background-image:url(/images/foodhygiene2_ico2.png);}
.foodhygiene2 li b.ico3 {background-image:url(/images/foodhygiene2_ico3.png);}
.foodhygiene2 ul.txt {width:75%; margin:0 auto;}
.foodhygiene2 ul.txt li {
    float: none;
    width: 100%;
    text-align: left;
    position: relative;
    padding-left: 7px;
    margin-bottom: 4px;
}
.foodhygiene2 ul.txt li:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background: #555;
}
.data03Cont {margin:80px 0;}
.data03Cont h4 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.data03Cont .subtxt {text-align:center;}
.data03Cont .subtxt:before {
    content: '';
    display: block;
    margin: 10px auto;
    width: 40px;
    height: 4px;
    background: #dcdcdc;
}
.data03Cont .subtxt2 {text-align:center;}
.data03Cont .subtxt2 img {padding:30px 0;}

.foodhygiene3 {margin-top:10px;}
.foodhygiene3:after {content:''; display:block; clear:both;}
.foodhygiene3 li {float:left; width:49%; margin-right:2%; box-sizing:border-box; padding:20px; text-align:center;}
.foodhygiene3 li:last-child {margin-right:0;}
.foodhygiene3 li b {display:block; margin-bottom:13px; }
.foodhygiene3 li b {display:inline-block; font-size:22px; color:#f36910; padding:0 0 0 30px; background:url(/images/ico_db1.png) 0 center no-repeat;}
.foodhygiene3 li b:after {content:''; display:inline-block; width:30px; height:40px; vertical-align:top; background:url(/images/ico_db2.png) right center no-repeat;}
.foodhygiene3 li p {position:relative; font-size:17px; margin-bottom:2px;}


@media (max-width: 768px) {
.foodhygiene1 li {float:none; width:100%; margin:0 0 3% 0; min-height:auto;}
.foodhygiene1 li b {font-size:18px; margin-bottom:7px;}
.foodhygiene1 li p {font-size:14px;}
.data03Cont h4 {font-size:24px;}
.foodhygiene3 li {float:none; width:100%; margin:0 0 4% 0; padding:10px 0;}
.foodhygiene3 li b {margin-bottom:7px;}
.foodhygiene3 li p {font-size:15px;}
}
@media (max-width: 414px) {
.foodhygiene2 li {float:none; width:100%; margin-bottom:50px;}
.foodhygiene2 ul.txt li {margin-bottom:0;}
.data03Cont {margin:50px 0;}
.data03Cont .subtxt {font-size:16px;}
.foodhygiene3 li b {font-size:24px; padding:40px 0 0; background-position:center 0;}
.foodhygiene3 li b:after {display:block; width:100%; background-position:center bottom;}
}



/* data04 잦은질문모음 아코디언 메뉴 */
.termList {margin:20px 0 30px;}
.termList .accordion_wrap li .tit {border-top:1px solid #ddd; padding:13px 20px; background:#f3f3f3;}
.termList .accordion_wrap li .tit a {position:relative; display:block; height:31px; line-height:30px; font-size:17px; font-family:'Noto Sans M'; padding-left:28px; overflow:hidden; background:url(/images/arr3.png) right -31px no-repeat;}
.termList .accordion_wrap li .tit a:before {content:''; display:block; position:absolute; top:7px; left:0px; width:20px; height:17px; background:url(/images/ico_termList.png) no-repeat;}
.termList .accordion_wrap li.on .tit a {background-position:right 0;}
.termList .accordion_wrap .acc_submenu {display:none; padding:20px; font-size:16px; border-top:1px solid #ddd;}
ul.proce3ss {position:relative;}
ul.proce3ss:after {content:''; display:block; clear:both;}
ul.proce3ss  li {float:left; width:17.1%; margin:0 1.8%; position:relative;}
ul.proce3ss  li:first-child {margin-left:0;} 
ul.proce3ss  li:last-child {margin-right:0;}
ul.proce3ss  .Boxtop {width:100%; position:relative; height:60px; line-height:60px; text-align:center; margin:0 auto; background:#9bc7f8; border:1px solid #ddd; color:#111f2d; font-size:17px;font-family:'Noto Sans M'; box-sizing:border-box;}
ul.proce3ss  .Boxtopbtm {width:100%; max-width:200px; background:#fff; border:1px solid #ddd; border-top:0; padding:8px 10px; font-size:16px; text-align:center; margin:0 auto; min-height:137px; box-sizing:border-box;}
ul.proce3ss img {position:absolute; top:19px; right:-32px; width:22px;}
@media (max-width: 768px) {
ul.proce3ss li {float:none; width:100%; margin:0 0 17px 0;}
ul.proce3ss .Boxtop {height:45px; line-height:45px;}
ul.proce3ss .Boxtopbtm {max-width:100%; min-height:auto;}
ul.proce3ss img {display:none;}
ul.proce3ss:before {content:''; display:block; position:absolute; background:#cdcdcd; top:0; bottom:0; left:50%; width:1px;}
}






/*---------*/

@media (max-width: 1100px) {
.txtCont li.cont1 {float:none; width:100%; padding:20px; text-align:center;}	
.txtCont li.cont2, .txtCont li.cont3 {width:50%;}	
.foodBox .tit {float:none; width:100%; padding:20px; text-align:center;}
.foodBox ul {float:none; width:100%; border-top:1px solid #d4d4d4; border-left:0;}
}

@media (max-width: 768px) {
.padWrap {padding:40px 15px 60px;}
.bgGray {padding:40px 15px;}
.foodCont h4 {font-size:24px;}
.foodIntro li {float:none; width:100%; margin:0 0 3% 0; min-height:auto;}
.foodIntro li b {font-size:18px; margin-bottom:7px;}
.foodIntro li p {font-size:14px;}
.txtCont li.cont2, .txtCont li.cont3 {float:none; width:100%;}	
.advantage li {width:48%; margin:0 1% 4%;}
}
@media (max-width: 414px) {
.foodCont .subtxt {font-size:16px;}
.txtCont li {min-height:auto;}
.txtCont li.cont1 {font-size:16px; padding:15px;}
.txtCont li.cont1 span {font-size:19px;}
.txtCont li .txt2 span {font-size:18px;}
.foodBox {margin-bottom:0;}
.foodBox .tit {font-size:17px;}
.foodBox .tit span {font-size:19px;}
.foodBox ul li {font-size:15px;}
.advantage li {float:none; width:100%; margin:0 0 7%;}
}

.foodContdata02 {max-width:100%; padding:50px 0 0; margin:0 auto;}
.foodContdata02 h4 {text-align:center; font-size:68px; margin-bottom:20px;}
.foodContdata02 h4 span {display:block; font-family:'Noto Sans M'; font-weight:normal; font-size:28px;}
.foodContdata02 .subtxt {text-align:center; font-size:18px;}
.foodContdata02 .subtxt:before {content:''; display:block; margin:10px auto; width:40px; height:4px; background:#dcdcdc;}
.foodContdata02 .subtxt p {margin:40px 0; color:#727272;}
.foodContdata02 .subtxt em {color:#000;}
.foodContdata02-2 {text-align:center; background:#eaeaea; width:80%; margin:60px auto 0; padding:35px 20px; box-sizing:border-box; border-radius:10px;}
.foodContdata02-2 h4 {display:inline-block; font-size:28px; padding:0 0 0 30px; background:url(/images/ico_db1.png) 0 center no-repeat;}
.foodContdata02-2 h4:after {content:''; display:inline-block; width:30px; height:40px; vertical-align:top; background:url(/images/ico_db2.png) right center no-repeat;}
.foodContdata02-2 h4 b {color:#f36910;}
.foodContdata02-2 .txt {margin-top:20px;}
.foodContdata02-2 .txt p {font-size:17px; color:#525252;}

.healthystory ul {box-sizing:border-box;}
.healthystory ul:after {content:''; clear:both; display:block;}
.healthystory ul li {float:left; border:1px solid #cecece; width:15.66%; margin-right:1%; height:340px; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.healthystory ul li:last-child {margin-right:0;}
.healthystory ul li a {display:block; width:100%; height:100%;}
.healthystory ul li img {width:100%; height:100%;}
@media (max-width: 1200px) {
.healthystory ul li {width:32.33%; margin-right:1.5%; margin-bottom:2%; height:480px;}
.healthystory ul li:last-child {margin-right:1.5%;}
.healthystory ul li:nth-child(3n) {margin-right:0;}
}

@media (max-width: 768px) {
.healthystory ul li {height:320px;}
}

@media (max-width: 600px) {
.healthystory ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 400px;
}
.healthystory ul li:nth-child(3n) {margin-right:2%;}
.healthystory ul li:nth-child(2n) {margin-right:0;}
}

.mealService ul {box-sizing:border-box;}
.mealService ul:after {content:''; clear:both; display:block;}
.mealService ul li {float:left; border:1px solid #cecece; width:23.5%; margin-right:2%; margin-bottom:2%; box-sizing:border-box;}
.mealService ul li:nth-child(4n) {margin-right:0;}
.mealService ul li a {display:block; position:relative;}
.mealService li .thumb {display:block; position:relative;}
.mealService li .thumb img {width:100%; height:230px;}
.mealService li .titBar {display:block; width:100%; padding:10px 14px; background:#fff; box-sizing:border-box;}
@media (max-width: 900px) {
.mealService ul li {width:32%;}
.mealService ul li:nth-child(4n) {margin-right:2%;}
.mealService ul li:nth-child(3n) {margin-right:0;}
}

@media (max-width: 600px) {
.mealService ul li {width:49%;}
.mealService ul li:nth-child(3n) {margin-right:2%;}
.mealService ul li:nth-child(2n) {margin-right:0;}
}

/* page */
.paging {position:relative; margin:30px auto 10px;}
.paging p {margin:0 auto; padding:0; text-align:center; zoom:1;}
.paging p a {display:inline-block; margin:0 0; padding:0 5px; width:32px; height:32px; line-height:30px; color:#333; vertical-align:middle; border:1px solid #d5d5d5;}
.paging p a:hover, .paging p a:focus, .paging p a:active {color:#000; border:1px solid #333;}
.paging p a.checkOn {font-weight:bold; color:#fff; background:#2d89d6; width:22px; line-height:30px; border:1px solid #2d89d6;}
.paging p a.pre {width:32px; margin:0px 0 0; padding:0; background:url(/bbsbb/img/pagingIcon.png) 0 0 no-repeat;}
.paging p a.pre:hover, .paging p a.pre:focus, .paging p a.pre:active {background-position:-38px 0;}
.paging p a.first {width:32px; margin:0px 0 0; padding:0; line-height:32px; background:url(/bbsbb/img/pagingIcon.png) -76px 0 no-repeat;}
.paging p a.first:hover, .paging p a.first:focus, .paging p a.first:active {background-position:-114px 0;}
.paging p a.next {width:32px; margin:0px 0 0; padding:0; background:url(/bbsbb/img/pagingIcon.png) 0 -38px no-repeat;}
.paging p a.next:hover, .paging p a.next:focus, .paging p a.next:active {background-position:-38px -38px;}
.paging p a.last {width:32px; margin:0px 0 0; padding:0; background:url(/bbsbb/img/pagingIcon.png) -76px -38px no-repeat;}
.paging p a i {line-height:32px;}
.paging p a.last:hover, .paging p a.last:focus, .paging p a.last:active {background-position:-114px -38px;}
.paging p a.pre span, .paging p a.first span, .paging p a.next span, div.paging p a.last span {display:none;}

/*------------- media -------------*/
@media (max-width: 1200px) {
.vision {width:100%;}
}

@media (max-width: 768px) {
.introduce h4 {font-size:24px; padding:40px 0 0; background-position:center 0;}
.introduce h4:after {display:block; width:100%; background-position:center bottom;}
.introduce .imgac span {width:33%;}

.vision .visionBox {padding:0;}
.vision .visionBox div.txt {margin-left:8%;}

.history .thumb {margin-left:0;}
.history dl dt {font-size:25px;}
.history dl dd {font-size:15px; margin:10px 0 40px;}
.history dl dd p b {width:40px;}

.organization li.top .Boxtop {height:130px; line-height:130px;}
.organization li.bottom li > .Boxtopbtm {padding:20px 10px; font-size:15px; height:80px;}

.employment dt.icon {font-size:20px; width:auto; position:relative; margin-left:0px;}
.employment dt.icon:before {position:relative; margin-bottom:0; top:0; left:0;}
}

@media (max-width: 414px) {
.introduce .txt p {font-size:15px; text-align:justify;}
.introduce .txt p br {display:none;}
.introduce .imgac span {display:block; width:100%;}

.vision .Box01 {height:auto; padding-bottom:40px;}
.vision .Box02 {height:auto;}
.vision .visionBox div {float:none;}
.vision .visionBox div.img {width:100%; text-align:center;}
.vision .visionBox div.img img {width:150px;}
.vision .visionBox div.txt {width:100%; margin-left:0; margin-top:30px;}
.vision .visionBox div.txt dl dt {font-size:18px;}
.vision .visionBox div.txt dl dd{font-size:15px;}
.vision .visionBox div.txt ul {margin-top:30px;}
.vision .visionBox div.txt ul li {font-size:15px; padding-left:10px;}
.vision .visionBox div.txt ul li:before {top:8px; width:4px; height:4px;}
.vision .visionBox div.txt ul li span {display:block; font-size:15px; color:#777;}

.history .thumb {display:none;}
.history dl {float:none; width:100%; background-position:4px 0;}
.history dl:after {left:10px;}
.history dl dt {padding-left:40px; font-size:22px; background-size:20px;}
.history dl dd {margin:5px 0 30px;}

.organization li.top .Boxtop {height:80px; line-height:80px;}
.organization li.side {margin-top:25px;}
.organization li.side li {width:100%;}
.organization li.side li.right {float:none; padding-left:0;}
.organization li.side li.right:after {top:100%; left:50%; margin:-8px 0 0 -8px;}
.organization li.side li.right .Boxtopbtm {float:none;}
.organization li.bottom {margin-top:25px;}
.organization li.bottom li {float:none; width:100%; margin:0; margin-bottom:10px;}
.organization .Boxtop {height:45px; line-height:45px; max-width:100%;}
.organization .Boxtopbtm {max-width:100%; padding:9px 0; font-size:15px;}
.organization .typeA {font-size:15px;}
.organization .typeB {font-size:15px;}
.organization .typeC {font-size:15px;}

.symbol img {width:70%;}
.symbol img:last-child {width: 100%;} 
.symbol .txt {padding-top:25px;}
.symbol .txt p {margin:25px 0; font-size:16px; line-height:22px; text-align:left;}
.symbol .txt p br {display:none;}

.foodContdata02 {padding:20px 0 0;}
.foodContdata02 h4 {font-size:33px;}
.foodContdata02 h4 span {font-size:18px;}
.foodContdata02 .subtxt {text-align:left; font-size:16px;}
.foodContdata02 .subtxt p {margin:20px 0;}
.foodContdata02 .subtxt p br {display:none;}
.foodContdata02-2 {width:100%; margin:30px auto 0; padding:20px;}
.foodContdata02-2 h4 {font-size:24px; padding:40px 0 0; background-position:center 0;}
.foodContdata02-2 h4:after {display:block; width:100%; background-position:center bottom;}
.foodContdata02-2 .txt p {font-size:16px;}

.employment {padding:0;}
.employment dt.icon {float:none; width:auto; margin:15px auto; text-align:center; font-size:19px;}
.employment dt.icon:before {position:relative; left:0; margin:0 auto;}
.employment dd {width:auto; margin-left:0;} 
.employment ul.process {width:80%; margin:0 auto;}
.employment ul.list_dot li {font-size:15px; padding-left:10px;}
.employment ul.list_dot li:before {width:4px; height:4px;}
.employmentDown {margin:40px auto 0;}
.employmentDown a {font-size:16px; height:38px; line-height:38px;}
.employmentDown i {font-size:medium; margin-right:5px;}
}

@media (max-width: 375px) {
.employment ul.process {width:100%;}
.employment ul.process li span.processBG01, .employment ul.process li span.processBG02 {padding:10px 12px; margin:5px 10px; width:calc(100% - 24px); box-sizing:border-box;}
.employment ul.process li img {display:block; text-align:center; margin:10px auto; transform:rotate(90deg);}
}