body {background-color:#fff;}
#page{padding: 80px;box-shadow: 2px 2px 12px #4e4e4e !important;border-radius: 5px;}

#page .introduce_box .introduce{text-align:center; text-shadow: 1px 0 1px #808080;}
#page .introduce_box .introduce .top_introduce{font-size:28px;line-height:50px;}
#page .introduce_box .introduce .top_introduce:after{content:"";display:block;margin:40px auto;width:50%;height:2px;max-width:90px;background:#282828;}

#page .introduce_box .introduce {background-color: rgba(51, 102, 153,0.05);padding: 80px 30px 40px; border-radius: 5px; box-shadow:2px 2px 7px 1px #c0c0c0; margin:0 auto; color: #353742;}
#page .introduce_box .introduce .top_introduce .bold{font-size:32px;font-weight:600;color:#006699;}
#page .introduce_box .introduce .top_introduce .bold.purple{color:#9966cc;}
#page .introduce_box .introduce .bottom_introduce{font-size:20px;line-height:35px;}

#page .introduce_box .img_box01,
#page .introduce_box .img_box02{margin-top:20px;}
#page .introduce_box .img_box01 ul,
#page .introduce_box .img_box02 ul{margin:0;padding:0;list-style:none;}
#page .introduce_box .img_box01 ul:after,
#page .introduce_box .img_box02 ul:after{content:"";display:block;clear:both;}
#page .introduce_box .img_box01 ul li,
#page .introduce_box .img_box02 ul li{float:left;width:calc(33.333% - 14px);margin-right:20px;padding:0px;box-sizing:border-box;/*border:1px solid #e5e5e5;*/}
#page .introduce_box .img_box01 ul li:nth-child(3n),
#page .introduce_box .img_box02 ul li:nth-child(3n){margin-right:0;}
#page .introduce_box .img_box01 ul li:before,
#page .introduce_box .img_box02 ul li:before{content:"";display:block;padding-bottom:70%;background-size:cover;background-position:center center;}

#page .introduce_box .img_box01 ul li:nth-child(1):before{background-image:url(img/korean_food_01.jpg); border-radius: 5px;box-shadow:2px 2px 7px 1px #c0c0c0;}
#page .introduce_box .img_box01 ul li:nth-child(2):before{background-image:url(img/korean_food_02.jpg); border-radius: 5px;box-shadow:2px 2px 7px 1px #c0c0c0;}
#page .introduce_box .img_box01 ul li:nth-child(3):before{background-image:url(img/pasta_01.jpg); border-radius: 5px;box-shadow:2px 2px 7px 1px #c0c0c0;}

#page .introduce_box .img_box02 ul li:nth-child(1):before{background-image:url(img/steak_01.jpg); border-radius: 5px;box-shadow:2px 2px 7px 1px #c0c0c0;}
#page .introduce_box .img_box02 ul li:nth-child(2):before{background-image:url(img/korean_food_03.jpg); border-radius: 5px;box-shadow:2px 2px 7px 1px #c0c0c0;}
#page .introduce_box .img_box02 ul li:nth-child(3):before{background-image:url(img/korean_food_04.jpg); border-radius: 5px;box-shadow:2px 2px 7px 1px #c0c0c0;}

#page .introduce_box .bottom_introduce .p-right {padding-right: 200px;}
#page .introduce_box .bottom_introduce .p-left {padding-left: 200px; color:#804040;}


@media screen and (max-width:1200px){
	#page .introduce_box .img_box01 ul li,
	#page .introduce_box .img_box02 ul li{width:calc(33.333% - 15px);margin-right:22px;}

}

@media screen and (max-width:1040px){
	#page .introduce_box .introduce .top_introduce{font-size:25px;line-height:45px;}
	#page .introduce_box .introduce .top_introduce:after{margin:35px auto;}
	#page .introduce_box .introduce .top_introduce .bold{font-size:25px;}
	#page .introduce_box .introduce .bottom_introduce{font-size:10px;}
	#page .introduce_box .img_box01 ul li, #page .introduce_box .img_box02 ul li {width:calc(33.333% - 12px);margin-right:18px;padding:0;}
}

@media screen and (max-width:900px){
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .introduce_box .introduce .bottom_introduce{font-size:16px;line-height:29px;}
	#page .introduce_box .img_box01 ul li,#page .introduce_box .img_box02 ul li{width:calc(33.333% - 10px);margin-right:15px;padding:0;}
}

@media screen and (max-width:767px){
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .introduce_box .img_box02 {margin-top:0;}
	#page .introduce_box .introduce .top_introduce{font-size:20px;}
	#page .introduce_box .introduce .top_introduce .bold{font-size:20px;}
	#page .introduce_box .introduce .bottom_introduce{font-size:14px;line-height:22px;}

	#page .introduce_box .img_box01 ul li,#page .introduce_box .img_box02 ul li{width:auto;margin:0;float:none;padding:10px;}
	#page .introduce_box .introduce .bottom_introduce .p-right {padding-right: 0;}
	#page .introduce_box .introduce .bottom_introduce .p-left {padding-left: 0;}

	#page .introduce_box .introduce {padding: 40px 30px 40px;}
}



.class_study_order img {width:100%; margin-top: 40px; border-radius: 5px; box-shadow:2px 2px 7px 1px #c0c0c0;}