/*header*/
.ruda_tab_wrap{width: 100%;top: 365px;}
.ruda_tabbox{width: 50%; margin: auto;}
.r_tab{text-align: center; background-color: #fff; margin-top: 40px; float: left;}
.on a{color:#4e8436 !important; font-weight: 700 !important; line-height: 50px; padding-bottom: 10px;border-bottom: 2px solid #4e8436; }
.on{/*background-color: #4e8436; border-radius: 10px;*/ }
.r_tab a{color: #828282; font-weight: 400; font-size: 18px; line-height: 50px;}

/*header 끝*/

/* 상담하기 */
.consult_warp{width:100%; height: 200px; overflow: hidden; cursor: pointer; position: relative; background-color: #000;margin-bottom: 20px;}
.consult_bg{width: 100%; height: 100%; background:url(/images/sub/counsel_bg.png) center; background-size: cover;display: inline-block;background-repeat: no-repeat;background-position: center center;transition: transform .3s ease-out;opacity : 0.3;z-index: -1;}
.consult_tit{width: 100%; margin-top: 55px; text-align: center !important; position: absolute; top: 0;  color: #fff;}
.consult_tit span{font-family: 'Noto Sans KR';font-size: 22px; font-weight: 600; color: #b3b3b3;}
.blank2{margin-bottom: 20px;}
.consult_btn{width: 180px; font-size: 15px; padding: 5px 7px; text-align: center; border: 1px solid #fff; border-radius: 50px; letter-spacing: 1px;transition: background 0.6s;-webkit-transition: background 0.6s; cursor: pointer;margin: auto;}
.consult_btn a{color: #fff !important; font-weight: 300;font-size: 15px;}
.consult_warp:hover .consult_btn{background-color: #ad3387;  border: 1px solid #ad3387;transition: background 0.6s;-webkit-transition: background 0.6s;}
.consult_warp:hover .consult_btn a{color: #fff!important; font-weight: 900;}
.consult_warp:hover .consult_bg{ transform: scale(1.1);opacity: 0.75;z-index: -1;}
/* 상담하기 끝 */

/*sub_con*/
#ruda_sub_wrap{width: 100%;}
.ruda_sub_section{width: 100%; max-width: 1200px; margin: auto; }
.jb_scroll_txt{display: none;text-align: left; font-size: 14px; font-weight: 300; letter-spacing: -0.5px;font-family: 'Noto Sans KR';color: #989898;}
/*sub_01 인사말*/
.ruda_sub01_wrap{width: 100%; margin-bottom: 100px; height: auto; float: left; margin-top: 70px;}
.ruda_sub_box{width: 60%; float: right; padding: 50px 50px; margin-top: -100px; background-color: #fff;}
.ruda_sub_tit{text-align: left; font-size: 27px; font-weight: 900; line-height: 36px; letter-spacing: -0.5px;font-family: 'Nanum Myeongjo';margin-bottom: 20px;}
.ruda_sub_tit span{margin-left: 10px; font-size: 22px; font-weight: 400;color: #b3b3b3;}
.ruda_sub_txt{text-align: left; font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';color: #454545;}
.ruda_about_img{width: 100%; height: 400px;float: left; background:#000 url(/images/sub/sub01_1_200306.png);background-repeat: no-repeat; background-position: center center; background-size:cover; /*border-radius: 20px;*/}
.ruda_about_img2{width: 100%; height: 400px;float: left; background:#000 url(/images/sub/sub01_2_200306.png);background-repeat: no-repeat; background-position: center center; background-size:cover; /*border-radius: 20px;*/}
.jb_logo{width: 40%; padding: 100px; float:left; margin-top: 40px;}
/*sub_01 김윤미전복삼계탕 소개*/
.jb_sub_txt{text-align: left; font-size: 16px; font-weight: 400; letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.jb_sub_txt table{width: 100%; margin-bottom: 20px;}
.jb_sub_txt tr{text-align: left; line-height: 40px; vertical-align: text-top;}
.jb_sub_txt table th{width: 20%;font-size: 20px;font-weight: 500;line-height: 40px;letter-spacing: -0.5px;font-family: 'Noto Sans KR'; color: #454545;}
.jb_sub_txt table td{width: 80%;font-size: 16px;font-weight: 300;line-height: 40px;letter-spacing: -0.5px;font-family: 'Noto Sans KR'; color: #454545;vertical-align: middle;}
.jb_sub_txt table td li{float: left;text-align: center;line-height: 40px; font-size: 15px;font-weight: 300;color: #454545;}
.jb_sub_txt table td li:nth-child(1){width: 20%;}.jb_sub_txt table td li:nth-child(2){width: 60%;}.jb_sub_txt table td li:nth-child(3){width: 20%;}
.jb_sub_txt table td ul:nth-child(1){background-color: #e4f3de; height: 40px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;box-sizing: content-box;}
.jb_sub_txt table td ul:nth-child(2){border-bottom: 1px solid #ccc;height: 40px;box-sizing: content-box;} 
.jb_sub_txt table td ul:nth-child(3){height: 40px;box-sizing: content-box;border-bottom: 1px solid #ccc;} 
.sub_txt320{display: none;}
/*sub_01 오시는길*/
.ruda_sub_txt li img{width: 18px; margin-bottom: 3px;margin-right: 10px;}
.map {width: 100%;}
.locationTable {width:100%; margin: 30px auto 10px; white-space: nowrap;}
.locationTable th {
    width:20%;
	border-right: 1px solid #dfdfdf;
	background-color: #e4f3de;
	font-weight: normal;
	vertical-align: middle;
	font-size: 16px;
	color: #333;
	text-align:center;
	padding:22px 2%;
}
.locationTable td {font-size: 14px; line-height:20px; color: #333; text-align:left; padding-left:2%;}
.locationTable tr {border-bottom: 1px solid #efefef;}
.locationTable tr:first-child {border-top: 2px solid #ccc;}
.locationTable td b {font-size: 14px; width:110px; display: inline-block;}
.locationTable td span {font-size:12px; color:#ccc;}
.aboutTable {width:100%; white-space: nowrap;}
.aboutTable th {
    width: 33.33% !important;
    border-right: 1px solid #dfdfdf;
    background-color: #e4f3de;
    font-weight: normal;
    vertical-align: middle;
    font-size: 16px !important;
    color: #333;
    text-align: center;
}
.aboutTable td {width: 33.33% !important;font-size: 14px;line-height: 20px !important;color: #333;text-align: center;padding: 3%;}
.aboutTable tr {border-bottom: 1px solid #efefef;}
.aboutTable tr:first-child {border-top: 2px solid #ccc;}
.aboutTable td b {font-size: 14px; width:110px; display: inline-block;}
.aboutTable td span {font-size:12px; color:#ccc;}
/*sub_02 메뉴*/ 
.ruda_sub02_wrap{width: 100%; max-width: 1200px; margin: auto; margin-top: 100px; margin-bottom: 70px;}
.Bottom_con > .menu {margin-bottom:5%;}
.menu {width:48%; margin:0 1%; float: left; text-align:center; transition:all 0.3s ease-in-out; border:1px solid #fff;}
.menu:hover {border:1px solid #ccc; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.25);}
.menu:hover h2{color: #4e8436; font-weight: 500;}
.menu h2 {margin: 5% 0 3% 0; font-size: 20px;}
.menu h6 {font-size: 15px;color: #a2a2a2;  margin: 0% 5% 5% 5%;}
.Bottom_con > div:after, .Bottom_con:after, .point_txt:after {content:""; display:block; clear:both;}
.Bottom_con > .pp{margin-bottom: 10%;}
/*sub_03 창업안내*/
.jb_tabbox_sub03{width: 60%;}
.jb_sub_tit{text-align: left;font-size: 27px;font-weight: 900;border-left: 6px solid #4e8436;line-height: 40px;padding-left: 10px;color: #4e8436;/* width: 150px; */letter-spacing: -0.5px;font-family: 'Nanum Myeongjo';margin-bottom: 30px;}
.jb_sub_tit span{margin-left: 10px; font-size: 16px; line-height: 26px; font-weight: 400;color: #b3b3b3;}
.pc1000{display: none;}
.process {width:100%;}
.process_02{margin-bottom: 80px;} .process_02 .process_in{border: 0;}
.process_03 .process_in{width: 100%; border: 0;}
.process_03 .process_in .pTxt{width: auto;margin-top: 0;float: left;margin-right: 124px; line-height: 30px;}
.process_03 .process_in .pTxt:nth-child(3){margin-right: 0;}
.process_03 .process_in .pTxt_box{border: 1px solid #cbcbcb;padding: 20px 50px;float: left;width: 100%;margin-top: 20px;}
.process_in {height: 275px;width: 30%;float:left;display: flex;flex-direction: column;justify-content: baseline;align-items: center; margin-right: 5%; border-radius: 10px; border: 1px solid #ccc;padding: 20px;margin-bottom: 30px;}
.process_in:hover .p_arrow{width: 100%;transition:all 0.3s ease-in-out;}
.process_in:nth-child(3), .process_in:nth-child(6), .process_in:nth-child(9), .process_in:nth-child(12){margin-right: 0;}
.process_in:nth-child(13){margin-bottom: 70px;}
.process_in > .jb_txt_box {text-align: left; width: 100%;}
.step {text-align: center;font-size: 16px;font-weight: 600;margin-top: 50px;color: #4e8436;letter-spacing: 1px;padding-top:1.5%;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
.pTit {font-size: 22px;font-weight: 500;color: #454545;line-height: 30px;width: 100%;word-break: keep-all;}
.pTxt {font-family: 'Noto Sans KR';font-size: 15px;line-height: 24px;color: #454545;width: 100%;word-break: keep-all;font-weight: 300;margin-top: 10px;}
.process:after {content:"";display:block;clear:both;}
.p_arrow{width: 90%; height: 18px;margin-bottom:18px; background-size: contain;transition:all 0.3s ease-in-out;}
.p_noarrow{width: 100%; height: 18px;margin-bottom:18px; background-size: contain;}
.costTable {width:100%; border-bottom: 2px solid #ccc; white-space: nowrap;}
.costTable th {
    width:20%;
	background-color: #4b8435;
	font-weight: normal;
	vertical-align: middle;
	font-size: 17px;
	color: #fff;
	text-align:center;
	padding:20px 0;
}
.costTable td:last-child{border-right: 0;}
.costTable td {font-size: 14px;line-height: 20px;color: #333;text-align: center;padding: 15px;border-right: 1px solid #dfdfdf;}
.costTable td:first-child{font-size: 15px; background-color: #FFFCF7;}
.costTable tr {border-bottom: 1px solid #efefef;}
.costTable tr:nth-child(6), .costTable tr:nth-child(14){border-bottom: 2px solid #ccc;border-top: 2px solid #ccc;}
.costTable tr:nth-child(6) td:first-child, .costTable tr:nth-child(14) td:first-child{background-color: #fff;}
.costTable tr:nth-child(15) td:first-child{background-color: #F3F3F3;}
.costTable td b {font-size: 14px; width:110px; display: inline-block;}
.costTable td span {font-size:12px; color:#ccc;}
.jb_sub03_sd{height: auto;}
/*sub_04 매장찾기*/
.storeTable {width:100%; border-bottom: 2px solid #ccc;white-space: nowrap;}
.storeTable th {
	background-color: #4e8436;
	font-weight: normal;
	vertical-align: middle;
	font-size: 17px;
	color: #fff;
	text-align:center;
	padding:20px 0;
}
.storeTable th:nth-child(1){width: 20%;}
.storeTable th:nth-child(2){width: 20%;}
.storeTable th:nth-child(3){width: 30%;}
.storeTable th:nth-child(4){width: 30%;}
.storeTable td:last-child{border-right: 0;}
.storeTable td {font-size: 14px;line-height: 20px;color: #333;text-align: center;padding: 15px;border-right: 1px solid #dfdfdf;}
.storeTable tr {border-bottom: 1px solid #efefef;}
.storeTable td b {font-size: 14px; width:110px; display: inline-block;}
.storeTable td span {font-size:12px; color:#ccc;}
.Bottom_con > .menu2 {margin-bottom:5%;}
.menu2 {width:48%; margin:0 1%; float: left; text-align:center; transition:all 0.3s ease-in-out; border:1px solid #fff;}
.menu2:hover {border:1px solid #ccc; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.25);}
.menu2:hover h2{font-weight: 500;}
.menu2 h2 {padding: 6% 0 0 0; font-size: 20px;float: left;text-align: center;width: 30%;line-height: 30px;}
.menu2 h6 {font-size: 15px;color: #a2a2a2; padding: 3% 0;width: 70%;text-align: left; float: left;line-height: 30px;}
.menu2 h6 p {font-size: 15px;color: #454545; line-height: 30px;    font-weight: 400;}
.Bottom_con > div:after, .Bottom_con:after, .point_txt:after {content:""; display:block; clear:both;}
/*sub_con 끝*/

/*웹*/
@media all and (max-width:1300px){.ruda_sub_section, .ruda_sub02_wrap{ max-width: 90%;}}
/*웹 1200*/
@media all and (max-width:1200px){
	.ruda_tabbox{width:80%;}
	.jb_logo{padding: 50px;}
	.sub1_1_logo{display: none;}
	.s01_2box{width: 90%; margin-top: -100px;}
	.p_arrow{width: 100%;}
	.process_in{height: 280px;}
	.pc1000{display: block;} .pc1000 span{margin-left: 0;}
	.pc_up{display: none;}
	.process_03 .process_in .pTxt{margin-right: 0; width: 50%;}
}
/*웹 1000*/
@media all and (max-width:1000px){
	.top-menu{height: 200px !important;}
	.top-menu-title{padding-top: 70px;}
	
	.ruda_tabbox{width: 90%;}
	.ruda_sub_box{width: 90%; margin-top: -100px;}
	.jb_logo{display: none;}
	.ruda_sub_box{width: 100%; margin-top: 30px; padding: 0;}
	 .Bottom_con > .menu{width: 100%; margin-bottom: 7%;}
	.menu_imgbox{width: 40%;float: left;}
	.menu_txtbox{width: 60%;float: left; text-align: left;}
	.menu h2{margin: 5% 0 3% 5%}
	.menu h6{font-size: 14px;}
  .menu2{width: 100%; margin-bottom: 7%;}
	.menu2 h2{padding: 5% 0 0 5%;font-size: 20px;float: left;text-align: left;width: 100%;line-height: 30px;}
	.menu2 h6{font-size: 14px;color: #a2a2a2;padding: 3% 5%;width: 100%;text-align: left;float: left;line-height: 30px;}
	.process_in{width: 47.5%;}
	.process_in:nth-child(3), .process_in:nth-child(9){margin-right: 5%;}
	.process_in:nth-child(2), .process_in:nth-child(4), .process_in:nth-child(6), .process_in:nth-child(8), .process_in:nth-child(10), .process_in:nth-child(12){margin-right: 0%;}
	.process_in:nth-child(13){margin-bottom: 170px;}
	.process_02{margin-bottom: 0;}
	.process_03 .process_in .pTxt_box{padding: 20px 30px;}
	.process_03 .process_in .pTxt{margin-right: 5%; width: 45%;}
	.jb_scroll_txt{display: block;}
} 
/*웹 끝*/
/*태블릿*/
@media all and (max-width:767px){
	.ruda_about_img, .ruda_about_img2{height: 300px;}
	.menu_imgbox{width: 90%; float: none; margin: auto;}
	.menu_txtbox{width: 100%; text-align: center;}
	.menu h2{margin: 5% 0 3% 0%;} 
	.Bottom_con > .menu{margin-bottom: 10%;}
	.r_tab{width: 33.33% !important;}
	.process_03 .process_in .pTxt{width: 100%; margin-right: 0;}
	
}
/*태블릿 */
/*모바일*/
@media all and (max-width:640px){
	.top-menu-title{padding-top: 35px;}
	.top-menu{height: 150px !important;}
	.top-menu-title p{font-size: 30px;}
	.top-menu-title p span{font-size: 15px; line-height: 25px; word-break: keep-all; padding: 0 5%;}
	.r_tab{margin-top: 20px;}
	.r_tab span{display: none;}
	.r_tab a{font-size: 16px;}
	.sub_txt320{display: block;}
	.sub_txt_up{display: none;}
	.jb_sub_txt table{border-bottom: 1px solid #e4e4e4;}
	
	.ruda_sub01_wrap, .ruda_sub02_wrap{margin-top: 40px;}
	.ruda_about_img, .ruda_about_img2{height: 200px;}
	.map{overflow: hidden; height: 150px;}
	.menu_imgbox{width: 100%;}
	.process_in{width: 100%; height: auto;}
	.process_in:nth-child(13){margin-bottom: 70px;}
	.process_02{margin-bottom: 30px;}
	.process_03 .process_in  {padding: 0;}
	.process_03 .process_in .pTxt_box{padding: 20px;}
  .menu:hover{box-shadow:none;} 
 .menu:hover h2 {color: #000;font-weight: 400;}
  .Bottom_con > .menu{border: 1px solid #ccc;} 
  .menu2:hover{box-shadow:none;} 
 .menu2:hover h2 {color: #000;font-weight: 400;} 
  .Bottom_con > .menu2{border: 1px solid #ccc;}
}


@media all and (max-width:320px){
	
}