@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; }

* {margin:0; padding:0; }
li {list-style:none; }
img { vertical-align:top; }
a { text-decoration:none; }

html, body { height:100%; }
body { font-family: 'NanumSquareRound', sans-serif; }
h2 { position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.wrap:after, ul:after { content:""; clear:both; display:block; }

header {background:#000; height:91px; width:100%; position:fixed; z-index:99; overflow:hidden;}
header h1 { width:105px; position:absolute; display:inline-block; margin-left:547px;}
header #gnb, header #gnb_1 {float:left;}
header #gnb>li, header #gnb_1>li {float:left; margin-right:125px; }

header #gnb>li >a, header #gnb_1> li >a {color:#fff; font-size:18px; font-weight:800;}

header #gnb >li, header #gnb_1 >li { margin-top:40px;}
header #gnb > li:first-child, header #gnb_1 > li:first-child {margin-left: 40px;}
header #gnb_1 > li:nth-child(3) {margin-right:0;}

header .fnb { margin-top:30px; position:absolute;}
header .fnb li {margin-top:10px;}
header .fnb a:link, header .fnb a:visited {color:#fff; font-size:14px; } 
header .fnb a:hover, header .fnb a:active, header .fnb a:focus {color:#fff; font-size:15px; } 

.blank {height:91px; }
#slide { width:100%; height:699px; position:relative; overflow:hidden;}
#slide ul {position:relative;}
#slide ul li {width:100%; height:699px; position:absolute; top:0; list-style:none;}
	


#slide_1 {background:#000; width:100%; height:154px;}
#slide_1 ul li {float:left; margin-right:19px; margin-top:19px;}
#slide_1 ul li:first-child{margin-left:19px;}

#cont1 {background:url(images/bg.jpg) center fixed; width:100%; height:437px;}
#cont1 .circle {border-radius:1000px; width:400px; height:400px; background:#fff; box-sizing:border-box; margin:20px 400px; display:inline-block; text-align:center;}
#cont1 img {margin-top:30px;}
#cont1 p {margin-top:30px; font-weight:800; }
#cont1 p:first-of-type {font-size:20px;}
#cont1 p:last-of-type {font-size:18px;}
#cont1 .circle a:link .li, #cont1 .circle a:visited .li {width:60px;}
#cont1 .circle a:link .ho, #cont1 .circle a:visited .ho {display:none;}
#cont1 .circle a:hover .li, #cont1 .circle a:active .li, #cont1 .circle a:focus .li {display:none;}
#cont1 .circle a:hover .ho, #cont1 .circle a:active .ho, #cont1 .circle a:focus .ho {display:inline-block; width:60px;}

#cont2 ul {margin-top:50px;}
#cont2 ul li {float:left; margin-left:20px; text-align:center;}
#cont2 ul li a:link, #cont2 ul li a:visited {color:#333; font-size:18px; font-weight:800; display:block; width:148px; height:148px; border-radius:300px;  border:1px solid #ccc; border-radius:300px; box-sizing:border-box;  }
#cont2 ul li a:hover, #cont2 ul li a:focus, #cont2 ul li a:active {color:#fff; background:#bd041b; border:none; }
#cont2 ul li:first-child a {color:#fff; background:#bd041b; border:none; }
#cont2 li a figure { padding:20px 0 10px;}
#cont2 .wrap > img {position:absolute; right:0; padding: 30px 100px 0 0;}

#cont2 dl {padding:80px 0 0 180px; display:block; width:500px; }
#cont2 dl dt {color:#bd041b; font-size:48px; font-weight:bold;}
#cont2 dl dt span { color:#333; font-size:14px; font-weight:normal;}
#cont2 dl dt p { color:#333; font-size:24px;}
#cont2 dl dd {color:#666; font-size:18px; margin:50px 0 70px; }

#cont2 .order {background:#bd041b; color:#fff; width:230px; height:55px; font-weight:800; text-align:center; line-height:55px; border-radius:60px; margin-left:160px; display:block;}
#cont2 .order:hover, #cont2 .order:focus, #cont2 .order:active {background:#000; color:#ffc300;}
#cont2 .left:link, #cont2 .left:visited {position:absolute; left:0; top:300px; font-size:80px; font-weight:bold; color:#ddd;}
#cont2 .left:hover, #cont2 .left:active, #cont2 .left:focus {color:#999;}
#cont2 .right {position:absolute; right:0; top:300px; font-size:80px; font-weight:bold; color:#ddd;}
#cont2 .right:hover, #cont2 .right:active, #cont2 .right:focus {color:#999;}

#cont3 {margin-top:100px; }
#cont3 #fre { text-align:center; }
#cont3 #fre dt {font-size:30px; font-weight:bold; color:#333;}
#cont3 #fre dd {font-size:18px; color:#999; text-align:1.6; margin-top:20px;}

#cont3 ul li {margin:30px 20px 0 0; float:left; position:relative; width:320px; height:220px; }
#cont3 ul li a:link, #cont3 ul li a:visited {color:#fff;  text-shadow:#333 1px 1px 1px;}
#cont3 ul li a:hover, #cont3 ul li a:focus, #cont3 ul li a:active { text-decoration:underline;}
#cont3 ul li:nth-child(1){background:url(images/quality_cheese.jpg) no-repeat center;  margin-left:100px;}
#cont3 ul li:nth-child(2){background:url(images/quality_lettuce.jpg) no-repeat center;  }
#cont3 ul li:nth-child(3){background:url(images/quality_potato.jpg) no-repeat center; }
#cont3 ul li dl dt { font-size:24px; font-weight:700; padding:20px 0 20px 20px; line-height:1.5;}
#cont3 ul li dl dd {font-size:16px; padding-left:20px; line-height:1.5;}

#cont3 ul li img {position:absolute; bottom:0; right:0; width:26px;}

#cont3 .sc{background:#bd041b; color:#fff; width:230px; height:55px; font-weight:800; text-align:center; line-height:55px; border-radius:60px; margin:60px 0 0 485px; display:block;}
#cont3 .sc:hover, #cont3 .sc:focus, #cont2 .sc:active {background:#000; color:#ffc300;}

#movie {background:#010110;  height:675px; margin-top:50px;}
#movie iframe {width:1200px; height:675px;}

#cont4 {margin:50px 0; }
#cont4 dl {text-align:center; padding-bottom:30px;}
#cont4 dl dt {font-size:30px; font-weight:bold; color:#333;}
#cont4 dl dd {font-size:18px; color:#999; text-align:1.6; margin-top:20px;}
#cont4 ul {float:left;}
#cont4 ul:after {content:""; clear:both; display:block;}
#cont4 ul li{float:left; margin-right:10px; width:290px;}
#cont4 ul li img {width:100%; }

footer { border-top:1px solid #999; margin:0 0 30px 0;}
footer ul {margin:30px 0;}
footer ul li{float:right; margin-left:20px;}
address {font-style:normal; font-size:16px; color:#333; text-align:right;}
address a {color:#333; font-weight:700;}

#sub1 {background: url(images/fsf.jpg) no-repeat center; height:850px;} 
#sub1 #left li, #sub1 #right li {margin-bottom:50px;}
#sub1 #left {padding-top:150px; position:relative;}
#sub1 #right {padding-top:45px; text-align:right; position:absolute; right:0; top:0;}



#sub1 #burger {text-align:center; position:absolute; top:90px; width:100%; }
#sub1 #burger dl {text-align:center; }
#sub1 #burger dl dd{ margin:15px 0; font-size:30px; color:#fff; text-shadow:2px 1px 1px #000; line-height:1.4;}
#sub1 #burger dl dd .red {background:#a02939; }
#sub1 #burger dl dd .small {font-size:24px;}
#sub1 #burger li:nth-child(3) {color:#eee; font-size:18px;}

#sub1 .order:link, #sub1 .order:visited {background:#bd041b; color:#fff; width:230px; height:55px; font-weight:800; text-align:center; line-height:55px; border-radius:60px; margin:5px 0 35px 485px; display:block; }
#sub1 .order:hover, #sub1 .order:focus, #sub1 .order:active {background:#000; color:#ffc300;}

#sub2 #menu {margin-top:50px;}
#sub2 #menu li {float:left; margin-left:20px; text-align:center;}
#sub2 #menu li a:link, #sub2 #menu li a:visited {color:#333; font-size:18px; font-weight:800; display:block; width:148px; height:148px; border-radius:300px;  border:1px solid #ccc; border-radius:300px; box-sizing:border-box;  }
#sub2 #menu li a:hover, #sub2 #menu li a:focus, #sub2 #menu li a:active {color:#fff; background:#bd041b; border:none; }
#sub2 #menu li:first-child a {color:#fff; background:#bd041b; border:none; }
#sub2 #menu li a figure { padding:20px 0 10px;}


#sub2 h3 {text-align:center; font-size:30px; color:#333; margin-top:50px;  font-weight:800;}
#sub2 p {text-align:center; font-size:18px; color:#999; text-align:1.6; margin-top:20px; width:100%}

#sub2 .sc {width:100%; text-align:center; margin:30px 0;}
#sub2 .sc #txt {width:800px; height:50px; border-radius:90px; border:1px solid #ccc; margin-right:20px;}
#sub2 .sc a img {width:50px;}

#sub2 .search1 {margin-bottom:50px;}
#sub2 .search1, #sub2 .search2 {text-align:center; width:100%;}
#sub2 .search1 li, #sub2 .search2 li {float:left; margin-left:115px;}

#sub2 .search1 li input {position:absolute; top:580px;}
#sub2 .search2 li input {position:absolute; top:790px;}


#list {margin-top:100px; background:#eee;}
#list #amenu {padding:30px 0 0 0; }
#list #amenu li {float:left; margin:0 0 30px 30px; width:370px; height:330px; text-align:center;  box-sizing:border-box; background:#fff;} 
#list #amenu a {color:#bd041b; font-size:30px; font-weight:800; line-height:1.0; display:block; width:370px; height:330px; box-sizing:border-box; padding:20px 0;  }
#list #amenu a span {color:#999; font-weight:normal; font-size:18px; }

#list #amenu a:link .li, #list #amenu a:visited .li {width:60px; margin-top:25px;}
#list #amenu a:link .ho, #list #amenu a:visited .ho {display:none;}
#list #amenu a:hover .li, #list #amenu a:active .li, #list #amenu a:focus .li {display:none;}
#list #amenu a:hover .ho, #list #amenu a:active .ho, #list #amenu a:focus .ho { margin-top:25px; display:inline-block; width:60px;}

#list #amenu li:nth-child(1) {background:#fff url(images/prol_201703290422412970.png) no-repeat center bottom ;}
#list #amenu li:nth-child(2) {background:#fff url(images/prol_201703290423596920.png) no-repeat bottom center; }
#list #amenu li:nth-child(3) {background:#fff url(images/prol_201803260923559090.png) no-repeat bottom center; }
#list #amenu li:nth-child(4) {background:#fff url(images/prol_201811220617407730.png) no-repeat bottom center; }
#list #amenu li:nth-child(5) {background:#fff url(images/prol_201402210534268320.png) no-repeat bottom center; }
#list #amenu li:nth-child(6) {background:#fff url(images/prol_201312011100080550.png) no-repeat bottom center; }
#list #amenu li:nth-child(7) {background:#fff url(images/prol_201612221009413850.png) no-repeat bottom center; }
#list #amenu li:nth-child(8) {background:#fff url(images/prol_201612221009532720.png) no-repeat bottom center; }
#list #amenu li:nth-child(9) {background:#fff url(images/prol_201312011057376960.png) no-repeat bottom center; }
#list #amenu li:nth-child(10) {background:#fff url(images/prol_201803260920282510.png) no-repeat bottom center; }
#list #amenu li:nth-child(11) {background:#fff url(images/prol_201312011059228320.png) no-repeat bottom center; }
#list #amenu li:nth-child(12) {background:#fff url(images/prol_201312011101549440.png) no-repeat bottom center; }

#list #amenu li:nth-child(2n) a:link, #list #amenu li:nth-child(2n) a:visited{ }
#list #amenu li:nth-child(2n) a:hover, #list #amenu li:nth-child(2n) a:focus, #list #amenu li:nth-child(2n) a:active {background:#bd041b ; color:#fff;}

#list #amenu li a:link .hide, #list #amenu li a:visited .hide{ display:none;}
#list #amenu li a:hover .hide, #list #amenu li a:focus .hide, #list #amenu li a:active .hide{display:inline-block; color:#fff; font-size:20px; margin-top:20px; text-align:center; line-height:1.6;}

#sub3 .bm {top:50px; right:0; position:absolute; }
#sub3 dl { padding:80px 0;}
#sub3 dl dt {color: #bd041b; font-size: 48px; font-weight: bold;}
#sub3 dl dd:first-of-type {color: #333; font-size: 24px;}
#sub3 dl dd:last-of-type {color: #666; font-size: 18px; margin-top: 30px; }
#sub3 .order:link, #sub3 .order:visited {background:#bd041b; color:#fff; width:230px; height:55px; font-weight:800; text-align:center; line-height:55px; border-radius:60px;  display:block; }
#sub3 .order:hover, #sub3 .order:focus, #sub3 .order:active {background:#000; color:#ffc300;}
#sub3 p {margin:100px 0 30px; text-align:right;}
#sub3 p a { font-size:16px; color:#999;}
#sub3 #mat li {float:left; margin-right:66px;}
#sub3 #mat li:first-child {margin-left:100px;}
#sub3 #mat figcaption {text-align:center; font-size:16px; color:#333;}
#sub3 h3 {text-align:center; font-size:30px; color:#333; margin:100px 0 50px;  font-weight:800;}
#sub3 #kal li {float:left; margin-right:62px;}
#sub3 #kal li:first-child {margin-left:100px;}

#od {background:url(images/sub2bg.jpg) no-repeat center fixed; background-size:cover; width:100%; height:380px; margin-top:100px;}
#od .ci{background:#fff; width:300px; height:300px; border-radius:400px; margin:40px 450px; display:inline-block; text-align:center;}
#od p {text-align:center; padding-top:80px; color:#333; font-size:30px; font-weight:800; } 
#od p  span {font-size:18px; color:#999; margin:20px 0 30px;}
#od a {width:100%; text-align:center; display:block; }
#od a:link .li, #od p a:visited .li {width:60px; margin-top:25px;}
#od a:link .ho, #od p a:visited .ho {display:none;}
#od a:hover .li, #od a:active .li, #od a:focus .li {display:none;}
#od a:hover .ho, #od a:active .ho, #od a:focus .ho { margin-top:25px; display:inline-block; width:60px;}

#re {margin-bottom:50px;}
#re h3 {text-align:center; font-size:30px; color:#333; margin:100px 0 50px;  font-weight:800;}
#re ul li {float:left; margin-right:12px;}
#re ul li:first-child {padding-top:15px;}
#re ul li:last-child {margin-right:0; padding-top:15px;}

#re ul li figcaption{text-align:center; color:#333; font-size:16px;}

#re ul li:first-child a:link, #re ul li:first-child a:visited {font-weight:bold; color:#ddd; font-size:80px; font-weight:bold; }
#re ul li:first-child a:hover, #re ul li:first-child a:active, #re ul li:first-child a:focus {color:#999;}

#re ul li:last-child a:link, #re ul li:last-child a:visited {font-weight:bold; color:#ddd; font-size:80px; font-weight:bold; }
#re ul li:last-child a:hover, #re ul li:last-child a:active, #re ul li:last-child a:focus {color:#999;}

@media (max-width:800px) { /* 모바일용 */
.pc { display:none !important; }
.wrap {width:94%;}


header {background:url(images/header_bg.gif) repeat-x; height:110px !important; position:static; z-index:100;} 
header h1 { margin: 22px 41%;}

header .mob #m_menu { padding:39px 0 0 3%; }
header .mob #m_menu2 {position:absolute; right:0; top:39px; padding-right:3%; }

header .mob .nav {position:absolute; top:110px; background:#c10d0d;  height:auto;  text-align:left; z-index:101; width:100% ; padding:0 3%; display:none; }
header .mob .nav.on { display:block;}
header .mob #gnb, header .mob #gnb_1 {float:none; padding:20px 0; margin-bottom:30px;}

header .mob #gnb > li , header .mob #gnb_1 > li {margin:0; width:33.333%; } 
header .mob #gnb > li > a, header .mob #gnb_1 > li > a {font-size:16px; color:#fff; }


header .fnb {position:static;}
header .fnb li {margin-top:10px;}
header .fnb a {color:#CCC; font-size:14px; } 
 

.blank {display:none; }

#slide {height:auto;}
#slide ul li img {width:100%;}
#slide ul li:nth-child(1) {left:0; position:static; height:auto;}
#slide ul li:nth-child(2) {left:100%;}
#slide ul li:nth-child(3) {left:200%;}



#slide_1 {height:auto;}
#slide_1 .wrap {width:100%;}
#slide_1 ul li {width:32%; height:auto; margin:2% 1% 2% 0 !important;}
#slide_1 ul li a img {width:100%;}
#slide_1 ul li:first-child {margin-left:1% !important;}


#cont1 .circle {border-radius:1000px; width:96%; height:380px; background:#fff; box-sizing:border-box; margin:20px 1%; display:inline-block; text-align:center;}
#cont1 img {margin-top:20px;}
#cont1 p {margin-top:20px; font-weight:800; }
#cont1 p:first-of-type {font-size:20px;}
#cont1 p:last-of-type {font-size:18px;}
#cont1 .circle a img{width:60px;}

#cont2 ul li { margin-left:0; width:calc(100%/7); }
#cont2 ul li a:link, #cont2 ul li a:visited { font-size:14px;  height:30px; width:100%; line-height:30px;}

#cont2 .wrap > img {padding:0; width:50%; height:auto; padding-top:30px;}
#cont2 dl {padding:50px 0 0 0; display:block; width:50%; }
#cont2 dl dt {color:#bd041b; font-size:38px; font-weight:bold;}
#cont2 dl dt span { color:#333; font-size:12px; font-weight:normal;}
#cont2 dl dt p { color:#333; font-size:20px;}
#cont2 dl dd {color:#666; font-size:14px; margin:20px 0 30px; }
#cont2 .order {background:#bd041b; color:#fff; width:40%; height:30px; font-weight:800; text-align:center; line-height:30px; border-radius:60px; margin-left:0; display:block; margin:50px 30% 0;}
#cont2 .left, #cont2 .right {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}


#cont3 {margin-top:30px;}
#cont3 #fre dt {padding:30px 0 20px; }
#cont3 #fre dd{padding:0; margin:0; font-size:16px;}

#cont3 ul li{float:none; margin:20px 0 0 0; width:100%; text-align:center;}
#cont3 ul li:nth-child(1) {margin-left:0; }
#cont3 ul li img {position:absolute; bottom:0; left:50%; width:26px; margin-left:132px;}

#cont3 .sc{background:#bd041b; color:#fff; width:40%; height:30px; font-weight:800; text-align:center; line-height:30px; border-radius:60px; margin-left:0; display:block; margin:20px 30%;}

#movie {height:300px;}
#movie iframe {width:100%; height:300px;}


#cont4 {margin-top:50px;}
#cont4 dl dd {font-size:16px;}
#cont4 ul li{width:49%; margin-right:2%; margin-bottom:10px}
#cont4 ul li:last-child {margin-right:0;}

#sub1 #burger {width:100%; text-align:center;}
#sub1 #burger .order {margin:10px 50%; position:absolute; left:-115px;}

#sub2 #menu li { margin-left:0; width:calc(100%/7); }
#sub2 #menu li a:link, #sub2 #menu li a:visited{ font-size:14px;  height:30px; width:100%; line-height:30px;}

#sub2 .sc #txt{width:80%; margin-right:5px;}

#sub2 .search1 li {margin:0; width:25%; height:auto;}
#sub2 .search1 li img{width:100%;  }
#sub2 .search2 li {margin:0; width:25%; height:auto;}
#sub2 .search2 li img{width:100%;  }

#sub2 .search1 li input {position:absolute; top:400px;}
#sub2 .search2 li input {position:absolute; top:560px;}

#list #amenu li {width:30%; margin-left:10px;}
#list #amenu a {color:#bd041b; font-size:18px; font-weight:800; line-height:1.0; display:block; width:100%; height:330px; box-sizing:border-box; padding:20px 0;  }
#list #amenu li a:hover .hide, #list #amenu li a:focus .hide, #list #amenu li a:active .hide{ font-size:14px; margin-top:20px; }
#list #amenu a span {color:#999; font-weight:normal; font-size:12px; }

#sub3 .bm {position:static; width:100%; margin-top:50px;}
#sub3 dl {padding:50px 0;}
#sub3 dl dt {font-size:36px;}
#sub3 dl dt:fist-chile {font-size:12px;}
#sub3 dl dt:last-child {font-size:14px; text-align:justify;}
#sub3 p {margin:50px 0 10px;}
#sub3 #mat li{width:50%; margin:0 !important; height:auto;}
#sub3 #mat li figure img{width:100%;}
#sub3 #mat li figcaption {font-size:12px;}
#sub3 #mat li:nth-child(2) figcaption {position:relative; top:-20px;}
#sub3 #mat li:nth-child(3) figcaption {position:relative; top:-20px;}
#sub3 #mat li:nth-child(4) figcaption {position:relative; top:-10px;}

#sub3 h3 {margin:50px 0 !important;}
#sub3 #kal li {width:calc(100%/5); margin:0 !important;}
#sub3 #kal li img {width:100%;}

#od {margin:50px 0; width:100%;}
#od .ci {margin:40px 50%; position:relative; left:-150px}

#re h3{margin:50px 0;}
#re ul li {width:33%; margin-right:1px !important; text-align:center;}
#re ul li img {width:100%;}
#re ul li figcaption {font-size:12px;}


#footer {font-size:14px;}

}



@media (min-width:801px) { /* PC용 */
.mob { display:none !important; }

}