@charset "utf-8";

/*°øÅë*/
@media screen and (max-width:1200px){
	.inner{width:95%;}
}

@media screen and (max-width:480px){
    .inner{width:97%;}
}

/*header*/
@media screen and (max-width:1118px){
    .header .top_section ul li{ height:90px; line-height:90px; margin-right:15px;}
    .header .top_section ul li span{top:38px;}
    .header h1 img{width:80%;}
}

@media screen and (max-width:1024px){
    .header ul li:nth-child(1){margin-right:20px;}
}

@media screen and (max-width:800px){
    .header .top_section ul li{ height:70px; line-height:80px;}
	.header .top_section ul li span{top:32px;}
    .header ul li:nth-child(1){margin-right:18px;}
}


@media screen and (max-width:680px){
    .header ul li:nth-child(1){margin-right:15px;}
}

@media screen and (max-width:580px){
    .header ul li:nth-child(1){margin-right:12px;}
}

@media screen and (max-width:480px){
    .header h1{width:250px;}
	.header .top_section ul li{ height:60px; line-height:60px;}
    .header ul li:nth-child(1){margin-right:10px;}
	.header .top_section ul li span{top:23px;}
	.header h1 img{width:77%;}
}



@media screen and (max-width:420px){
    .header h1{width:225px;}
	.header .top_section ul li span{top:22px; left:3px;}
    .header ul li:nth-child(1){margin-right:8px;}
}

@media screen and (max-width:385px){
    .header h1{width:205px;}
	.header .top_section ul li span{top:18px;}
    .header .top_section ul li{height:50px; line-height:50px;}
}

@media screen and (max-width:375px){
    .header h1{width:190px;}
}

@media screen and (max-width:360px){
	.header h1{width:170px;}
	.header h1 img{position:relative; top:5px;}
	
}

@media screen and (max-width:320px){
    .header h1{width:150px;}
	.header .top_section ul li a{font-size:13px;}
}


/*visual*/
@media screen and (max-width:1440px){
    .main_visual .bxslider div{top:450px; right:200px;}
    .main_visual .bxslider div p:nth-child(1){font-size:45px; margin-bottom:23px;}
}

@media screen and (max-width:1366px){
    .main_visual .bxslider div{top:380px; right:180px;}
}

@media screen and (max-width:1024px){
    .main_visual .bxslider div{top:260px; right:100px;}
}

@media screen and (max-width:800px){
	.main_visual ul li > img{display:none;}
	.main_visual ul li .m_vis{display:block;}
	.main_visual .bxslider div{top:360px; right:80px;}
}

@media screen and (max-width:680px){
    .main_visual .bxslider div{top:300px; right:80px;}
	.main_visual .bxslider div p:nth-child(1){font-size:40px;}
	.main_visual .bxslider div p:nth-child(2){font-size:15px;}
}

@media screen and (max-width:580px){
    .main_visual .bxslider div{top:260px; right:50px;}
	.main_visual .bxslider div p:nth-child(1){font-size:35px;}
}

@media screen and (max-width:480px){
    .main_visual .bxslider div{top:280px; right:45px;}
	.main_visual .bxslider div p:nth-child(1){font-size:25px; margin-bottom:8px;}
	.main_visual .bxslider div p:nth-child(1) br{display:none;}
	.main_visual .bxslider div p:nth-child(2){font-size:13px;}
}

@media screen and (max-width:420px){
    .main_visual .bxslider div{top:230px; right:40px;}
	.main_visual .bxslider div p:nth-child(1){font-size:20px; margin-bottom:3px;}
}

@media screen and (max-width:385px){
    .main_visual .bxslider div{top:210px; right:35px;}
}

@media screen and (max-width:360px){
    .main_visual .bxslider div{top:180px; right:30px;}
}

@media screen and (max-width:320px){
    .main_visual .bxslider div{top:160px;}
}

/***************************content***************************/

/*ÁÖ¿äÇÁ·Î±×·¥[program]*/
@media screen and (max-width:1024px){
    .program > p:nth-child(1){font-size:30px; padding:44px 0 14px 0; box-sizing:border-box;}
    .program > p:nth-child(2){font-size:20px; margin-bottom:50px;}
	.program .inner ul li {margin-right:25px;}
	.program .inner ul li a{width:150px; height:187px;}
	.program .inner ul li a p{font-size:18px;}
	.program .inner ul li img{width:80%;}
}

@media screen and (max-width:800px){
	.program .inner ul li {margin-right:10px;}
	.program .inner ul li a{width:125px; height:167px;}
	.program .inner ul li img{width:70%;}
}

@media screen and (max-width:780px){
	.program .inner ul li {margin-right:10px;}
	.program .inner ul li a{width:125px; height:147px;}
	.program .inner ul li img{width:70%;}
}

@media screen and (max-width:680px){
    .program > p:nth-child(1){font-size:28px; padding:34px 0 13px 0; box-sizing:border-box;}
    .program > p:nth-child(2){font-size:18px; margin-bottom:30px;}
	.program .inner ul{padding-bottom:30px;}
	.program .inner ul li {margin-right:20px;}
	.program .inner ul li a{width:100px; height:127px;}
	.program .inner ul li img{width:65%;}
	.program .inner ul li a p{font-size:16px; margin:25px 0 14px 0; }
}

@media screen and (max-width:580px){
    .program > p:nth-child(1){font-size:25px;}
    .program > p:nth-child(2){font-size:15px;}
	.program .inner ul li {margin-right:9px;}
	.program .inner ul li a{width:95px; height:110px;}
	.program .inner ul li img{width:60%;}
	.program .inner ul li a p{font-size:15px; margin:15px 0 14px 0; }
}

@media screen and (max-width:480px){
    .program .inner ul{padding-bottom:0px;}
	.program .inner ul li{margin-right:28px; margin-bottom:30px;}
	.program .inner ul li:nth-child(3){margin-right:0;}
	.program .inner ul li a{width:100px; height:100px;}
	.program .inner ul li img{width:65%;}
	.program .inner ul li a p{font-size:15px; margin:10px 0 14px 0; }
}

@media screen and (max-width:385px){
    .program > p:nth-child(1){font-size:20px;}
	.program > p:nth-child(2){margin-bottom:20px;}
	.program .inner ul li{margin-right:20px; margin-bottom:20px;}
}

@media screen and (max-width:360px){
	.program .inner ul li{margin-right:13px;}
}

@media screen and (max-width:320px){
    .program > p:nth-child(1){padding:24px 0 13px 0;}
	.program .inner ul li a{width:80px; height:80px;}
	.program .inner ul li img{width:60%;}
	.program .inner ul li a p{font-size:14px; margin:10px 0;}
}

/*Äî¾Øº£ÀÌÄ¿ ¼Ò½ÄÁö[cook_news]*/
@media screen and (max-width:1440px){
    .cook_news .news ul li{margin-right:1.5%; width:18%;}
	.cook_news .news ul li img{width:100%;}
	.cook_news .news ul li a p:nth-child(2){height:30px;}
    .cook_news .news ul li a p:nth-child(3){font-size:17px; height:80px;}
	.cook_news .news ul li:nth-child(1) a p:nth-child(3) br{display:none;}
}

@media screen and (max-width:1366px){
    .cook_news .news ul li a p:nth-child(1){height:auto;}
	.cook_news .news ul li a p:nth-child(2){line-height:135%;}
    .cook_news .news ul li a p:nth-child(3){font-size:15px;}
}

@media screen and (max-width:1280px){
    .cook_news{text-align:center; margin-bottom:50px;}
}

@media screen and (max-width:1024px){
    .cook_news > p:nth-child(1){font-size:30px; padding:44px 0 14px 0; box-sizing:border-box;}
    .cook_news > p:nth-child(2){font-size:20px; margin-bottom:50px;}
    .cook_news .news ul li a p:nth-child(2){line-height:135%; font-size:18px;}
	.cook_news .news ul li a p:nth-child(3){height:100px;}
}

@media screen and (max-width:800px){
    .cook_news{margin-bottom:20px;}
    .cook_news .news ul li{margin-right:2.5%; width:30%;}
	.cook_news .news ul li:nth-child(3),
    .cook_news .news ul li:nth-child(5){margin-right:0;}
	.cook_news .news ul li a p:nth-child(3){height:70px;}
	.cook_news .news ul li a span{margin-bottom:30px;}
}

@media screen and (max-width:680px){
    .cook_news{margin-bottom:15px;}
    .cook_news > p:nth-child(1){font-size:28px; padding:34px 0 13px 0; box-sizing:border-box;}
    .cook_news > p:nth-child(2){font-size:18px; margin-bottom:30px;}
	.cook_news .news ul li a p:nth-child(2){font-size:16px;}
    .cook_news .news ul li a p:nth-child(3){display:none;}
}

@media screen and (max-width:580px){
    .cook_news > p:nth-child(1){font-size:25px;}
    .cook_news > p:nth-child(2){font-size:15px;}
}

@media screen and (max-width:480px){
    .cook_news{margin-bottom:0px;}
    .cook_news .news ul li{margin-right:1.3%; width:48%;}
	.cook_news .news ul li:nth-child(2),
    .cook_news .news ul li:nth-child(4){margin-right:0;}
    .cook_news .news ul li:nth-child(3),
    .cook_news .news ul li:nth-child(5){margin-right:1.3%;}
}

@media screen and (max-width:385px){
    .cook_news > p:nth-child(1){font-size:20px;}
	.cook_news > p:nth-child(2){margin-bottom:20px;}
	.cook_news .news ul li a p:nth-child(2){font-size:15px;}
}

/*Äî¾Øº£ÀÌÄ¿ ±³À°[cook_education]*/
@media screen and (max-width:1440px){
	.cook_education .special_cook div{right:8.5%;}
    .cook_education .special_cook div ul li{width:200px; height:200px;}
	.cook_education .special_cook div ul li img{margin:20px 0; width:70%;}
	.cook_education .special_cook div ul li p{font-size:20px;}
}

@media screen and (max-width:1366px){
	.cook_education .special_cook > p:nth-child(1){font-size:45px;}
	.cook_education .special_cook div{ right:6%;}
	.cook_education .special_cook > p:nth-child(2){padding-bottom:247px;}
}

@media screen and (max-width:1280px){
	.cook_education .special_cook > p:nth-child(1){font-size:40px;}
	.cook_education .special_cook div{ right:3.1%;}
	.cook_education .special_cook div ul li{width:180px; height:180px;}
	.cook_education .special_cook > p:nth-child(2){padding-bottom:220px;}
}

@media screen and (max-width:1024px){
	.cook_education .special_cook div{ right:2.6%;}
	.cook_education .special_cook > p:nth-child(2){padding-bottom:200px;}
}

@media screen and (max-width:800px){
    .cook_education{background:url(../image/main/education_bg.jpg) no-repeat 50% 0; background-size:cover;}
    .cook_education .special_cook > p:nth-child(1){font-size:35px; padding:89px 0 41px 0; }
	.cook_education .special_cook div{ top:37%;right:2.8%;}
	.cook_education .special_cook div ul li{width:130px; height:120px;}
    .cook_education .special_cook div ul li img{margin:15px 0; width:60%;}
	.cook_education .special_cook > p:nth-child(2){font-size:17px; padding-bottom:160px;}
	.cook_education .special_cook div ul li p{font-size:16px;}
}

@media screen and (max-width:680px){
    .cook_education .special_cook > p{text-align:center;}
    .cook_education .special_cook > p:nth-child(1){font-size:30px;}
	.cook_education .special_cook > p:nth-child(1) br{display:none;}
    .cook_education .special_cook > p:nth-child(2){padding-bottom:250px;}
	.cook_education .special_cook div{ top:55%; right:0; width:100%; margin:0 auto;}
	.cook_education .special_cook div ul li p{font-size:16px;}
}

@media screen and (max-width:480px){
    .cook_education .special_cook > p:nth-child(1){padding:69px 0 51px 0;}
	.cook_education .special_cook div{ top:60%; right:0; width:100%; margin:0 auto;}
}

@media screen and (max-width:420px){
    .cook_education .special_cook > p:nth-child(1){font-size:27px;}
	.cook_education .special_cook div{ top:60%; right:0; width:100%; margin:0 auto;}
}

@media screen and (max-width:385px){
    .cook_education .special_cook div ul li{width:100px; height:100px;}
	.cook_education .special_cook > p:nth-child(1){padding:69px 0 30px 0;}
	.cook_education .special_cook > p:nth-child(2){padding-bottom:200px; font-size:16px;}
	.cook_education .special_cook div ul li p{font-size:14px;}
	.cook_education .special_cook div ul li img{margin:10px 0;}
}

@media screen and (max-width:320px){
    .cook_education .special_cook div ul li{width:90px; height:90px;}
	.cook_education .special_cook > p:nth-child(2){padding-bottom:190px; font-size:16px;}
	.cook_education .special_cook div ul li p{font-size:12px;}
	.cook_education .special_cook div ul li img{margin:8px 0;}
}

/*³óÃÌÃ¼Çè[experience]*/
@media screen and (max-width:1440px){
	.experience .farm{top:56px; left:9%;}
    .experience .farm a p:nth-child(1){font-size:35px;}
    .experience .farm a p:nth-child(2){font-size:18px; margin:30px 0;}
	.experience .farm a span{width:155px; height:45px; line-height:45px;}
}

@media screen and (max-width:1366px){
	.experience .farm{top:40px; left:6.5%;}
    .experience .farm a span{font-size:16px;}
}

@media screen and (max-width:1280px){
	.experience .farm{top:25px; left:3.5%;}
}

@media screen and (max-width:1024px){
	.experience .farm a p:nth-child(1){font-size:30px;}
	.experience .farm a p:nth-child(2){margin:18px 0; font-size:16px;}
	.experience .farm a span{width:120px; height:40px; line-height:40px;}
}

@media screen and (max-width:800px){
    .experience .farm{top:28px;}
	.experience .farm a p:nth-child(1) br{display:none;}
	.experience .farm a p:nth-child(1){font-size:27px;}
	.experience .farm a p:nth-child(2){margin:25px 0;}
}

@media screen and (max-width:680px){
    .experience .bg > img{display:none;}
	.experience .bg .m_farm{display:block;}
    .experience .farm{top:30px; left:0; width:100%; margin:0 auto; text-align:center;}
	.experience .farm a p:nth-child(2){margin:20px 0;}
	.experience .farm a span{margin:0 auto; width:110px; font-size:14px;}
}

@media screen and (max-width:580px){
	.experience .farm a p:nth-child(2){display:none;}
	.experience .farm a p:nth-child(1){font-size:25px; margin:15px 0;}
	.experience .farm a span{margin:10 auto; width:110px; font-size:14px;}
}

@media screen and (max-width:480px){
    .experience .farm a p:nth-child(1){font-size:20px; margin:15px 0;}
	.experience .farm a span{width:100px; font-size:14px;}
}

@media screen and (max-width:420px){
	.experience .farm a span{width:100px; height:30px; line-height:30px;}
}


@media screen and (max-width:360px){
	.experience .farm a p:nth-child(1){font-size:18px;}
}

@media screen and (max-width:320px){
	.experience .farm a p:nth-child(1){font-size:16px; margin:10px 0;}
}

/*footer*/
@media screen and (max-width:1024px){
	.footer .inner > p{font-size:16px;}
}

@media screen and (max-width:800px){
	.footer .inner > p br{display:block;}
	.footer .inner > p{line-height:135%;}
}

@media screen and (max-width:680px){
	.footer .inner ul{text-align:center; }
	.footer .inner ul li{float:none; display:inline-block;  margin:10px; line-height:40px;}
	.footer .inner ul li span{line-height:40px; position:relative; top:15px;}
	.footer .inner > p{text-align:center;}
}

@media screen and (max-width:480px){
    .footer .inner ul li{margin:5px;}
	.footer .inner > p{font-size:14px;}
	.footer .inner ul li span{top:10px;}
}

@media screen and (max-width:420px){
    .footer .inner ul li{margin:3px;}
	.footer .inner > p{font-size:14px;}
	.footer .inner ul li span{top:8px;}
}

@media screen and (max-width:385px){
    .footer .inner ul li{margin:1px;}
	.footer .inner ul li span{top:8px;}
}

@media screen and (max-width:360px){
   .footer .inner ul li{font-size:12px;}
}

@media screen and (max-width:320px){
   .footer .inner ul li{margin:0;}
   .footer .inner > p:last-child{font-size:13px;}
}


