/* 상단 메뉴 */
.lnb_intro {width:825px; margin:0 auto 50px 300px}
.lnb_intro li {float:left; width:195px; margin-left:13px; border:1px solid #d7d7d7}
.lnb_intro li:first-child {margin-left:0}



/* 테이블 */
.bd_r0 {border-right:0 !important}
.tbl_type0 th,
.tbl_type0 td {padding:5px !important; border:0 !important; vertical-align:top !important}
.tbl_type0 th {background:none !important;}


/* 송도푸드 */
.img_mb {display:none;}

.food .row01 .subtitle2 {font-family: 'NotoSansKR-Medium'; font-size:25px; color:#363636; text-align:center; line-height:1.4}
.food .row01 .subtitle2 em {color:#026637}
.food .row01 .circle_list2 {position:relative; margin-top:50px}
.food .row01 .circle_list2 > li {position:relative; display: inline-block;vertical-align: top; margin:0 !important; width:14.285%; float:left; text-align:center; padding-top: 25px;}
.food .row01 .circle_list2 > li:nth-child(n + 8) {width:16.666%}
.food .row01 .circle_list2 > li:before {position: absolute;top: 80px;left: 0;width: 100%; height: 8px;background-color: #056839;content:""}
.food .row01 .circle_list2 > li .shape2 { display:inline-block;background-color: #fff; text-align:left; height:200px}
.food .row01 .circle_list2 > li .shape2.line_height1,
.food .row01 .circle_list2 > li .shape2.line_height2,
.food .row01 .circle_list2 > li .shape2.line_height3 {padding-top: 25px;}
.food .row01 .circle_list2 em {position:relative; display:inline-block; font-family: 'NotoSansKR-Medium'; font-size:.87em; line-height:1.3; margin-top:60px}
.food .row01 .circle_list2 em:before {position: absolute;top: -37px;left: 0; width:10px; height:10px; border-radius:50%; border:3px solid #b5cbb8; background-color:#ebf1de; content:""}
.food .row01 .circle_list2 > li:first-child em:before,
.food .row01 .circle_list2 > li:last-child em:before {position: absolute;top: -40px;left: 0; width:10px; height:10px; border-radius:50%; border:7px solid #89b7a2; background-color:#ebf1de; content:""}
.food .row01 .circle_list2 > li i {font-size:1.1em}
.food .row01 .circle_list2 > li:first-child i,
.food .row01 .circle_list2 > li:last-child i {font-family: 'NotoSansKR-Medium'; color:#000}
.food .row01 .circle_list2 > li:first-child em,
.food .row01 .circle_list2 > li:last-child em {color:#08693b; font-size:1.1em}

.food .row02 {margin-top:80px}
.food .row02 .tbl_type {margin-top:20px}
.food .row02 li {float:left; height:207px}
.food .row02 .li01 {width:50%}
.food .row02 .li02 {width:50%}
.food .row02 table {height:100%}
.food .row02 .li01 table,
.food .row02 .li02 table {height:100%; margin:0; padding:0}
.food .row02 .li02  td table {height:80%}




/* 비전 */
.vision {font-family: 'NotoSansKR-Light'; color:#404040;}
.vision .row01 h4 { font-family: 'NotoSansKR-Regular'; color:#000; font-size:22px; line-height:39px}
.vision .row01 h4 em {font-family: 'NotoSansKR-Medium'; color:#568636; font-size:30px; line-height:32px}
.vision .row01 p {margin-top:10px}
.vision .row01 p span {display:inline-block}

.vision .row02 .subtitle {font-family: 'NotoSansKR-Medium'; color:#568636; font-size:30px; line-height:32px; text-align:center}
.vision .row02 .subtitle:before {position: absolute;top: 0px;left: 0;width: 0x;height: 0px;background-color: #79aa3f;content: "";transform: skew(-45deg);margin-left: 0px;}
.vision .row02 .circle_list, .box_list {text-align: center;margin-bottom: 0px;overflow: hidden; }
.vision .row02 .circle_list > li {display: inline-block;vertical-align: top;margin: 0 8px;width: calc(100% / 5);}
.vision .row02 .circle_list > li .shape {display:inline-block;width: 220px;height: 132px;background-color: #fff;border: 4px solid #e1e1e1;border-radius: 0;text-align: center;color: #646464;line-height: 24px;}
.vision .row02 .circle_list > li .shape.line_height1,
.vision .row02 .circle_list > li .shape.line_height2,
.vision .row02 .circle_list > li .shape.line_height3 {padding-top: 25px;}
.vision .row02 .circle_list i {font-style:italic}
.vision .row02 .circle_list em {display:inline-block; font-family: 'NotoSansKR-Medium'; color:#568636; font-size:20px; line-height:60px}
.vision .row02 {margin-top:50px}
.vision .row02 h4 { font-family: 'NotoSansKR-Regular'; color:#000; font-size:22px; line-height:39px; border-bottom:1px solid #ccc; position:relative; padding-left:25px;}
.vision .row02 h4:after {display:block; content:""; clear:both; position:absolute; top:12px; left:0; width:17px; height:17px; background:#79aa3f }
.vision .row03 {margin-top:50px}
.vision .row03 h4 { font-family: 'NotoSansKR-Regular'; color:#000; font-size:22px; line-height:39px; border-bottom:1px solid #ccc; position:relative; padding-left:25px;}
.vision .row03 h4:after {display:block; content:""; clear:both; position:absolute; top:12px; left:0; width:17px; height:17px; background:#79aa3f }
.vision .row03 .tbl_type {margin-top:20px}
.vision .row03 li {float:left; height:207px}
.vision .row03 .li01 {width:35%}
.vision .row03 .li02 {width:65%}
.vision .row03 table {height:100%}
.vision .row03 .li01 table,
.vision .row03 .li02 table {height:100%; margin:0; padding:0}
.vision .row03 .li02  td table {height:80%}



/* 조직도 */

.organization .row01 {text-align:center; background:url(/images/organization_bg.jpg) no-repeat ; background-position:center -49px}
.organization .row01 ul.ul04:after {display:block; content:""; clear:both; position:relative; top:-186px; left:10%; width:80%; height:1px; background:#ccc }
.organization .row01 ul {clear:both; margin-top:50px;}
.organization .row01 ul.ul03 {margin-top:0;}
.organization .row01 ul.ul04 li {padding-top:60px;}
.organization .row01 li {float:left; width:20%}
.organization .row01 li > div {position:relative; z-index:10}
.organization .row01 li > div dt,
.organization .row01 li > div dd {width:200px; padding:10px 0; margin:0 auto;}
.organization .row01 .organization02 {margin-left:-200px}
.organization .row01 .organization03 {margin-left:100px}
.organization .row01 .organization04 {margin-top:-46px}

.organization .row01 .organization01 dt {color:#fff; background-color:#568636}
.organization .row01 .organization02 dt {color:#000; background-color:#a9d18e}
.organization .row01 .organization03 dt {color:#000; background-color:#a9d18e}
.organization .row01 .organization04 dt {color:#fff; background-color:#ed7d31}
.organization .row01 .organization05 dt {color:#fff; background-color:#2f5597}
.organization .row01 .organization06 dt {color:#fff; background-color:#2f5597}
.organization .row01 .organization07 dt {color:#fff; background-color:#2e75b6}
.organization .row01 .organization08 dt {color:#fff; background-color:#2e75b6}
.organization .row01 .organization09 dt {color:#fff; background-color:#2e75b6}
.organization .row01  dd {color:#000; background-color:#f0f0f0}

.organization .row01 .organization05:after,
.organization .row01 .organization06:after,
.organization .row01 .organization08:after,
.organization .row01 .organization09:after {display:block; content:""; clear:both; position:absolute; top:-67px; left:50%; width:1px; height:67px; background:#ccc}



/* 조직도 new */
.organization > ul > li {width:47%; float:left}
.organization > ul > li:nth-child(2) {margin-left:6%}
.organization .org h4 {color:#000; font-weight:700; font-size:1.32em}
.organization .org h4 > i {display:inline-block; width:24px; height:24px; line-height:24px; font-family:"굴림"; font-size:.7em; background-color:#056839; color:#fff; text-align:center; vertical-align:middle; margin:0 10px 3px 0; border-radius:5px}

.organization .org_l table {width: 100%;border-collapse: collapse; margin-top:60px; overflow:hidden; position:relative}
.organization .org_l td {text-align:center; width:33.333%; height:70px; position:relative}
.organization .org_l tr {position:relative !important}
.organization .org_l tr span {position:relative; display:inline-block; width:80%; border:1px solid #056839; padding:3px; background-color:#fff; z-index:2; box-shadow: 1px 1px 5px #9f9f9f;}
.organization .org_l tr:nth-child(1) span {background-color:#056839; color:#fff; font-weight:700}
.organization .org_l tr:nth-child(2) span {background-color:#ebf1de; color:#056839; font-weight:700}
.organization .org_l tr:nth-child(3) span {color:#056839}
.organization .org_l tr:nth-child(4) span {border:1px solid #b2b2b2}
.organization .org_l tr:nth-child(3) td:after , 
.organization .org_l tr:nth-child(4) td:after {display:block; content:""; clear:both; position:absolute; top:17px; left:20%; width:90%; height:1px; background:#056839}
.organization .org_l td:nth-child(2):before { display:block; content:""; clear:both; position:absolute; top:17px; left:50%; width:1px; height:100%; background:#056839}

.organization .org_l tr:nth-child(3) td:nth-child(3):after,
.organization .org_l tr:nth-child(4) td:nth-child(3):after,
.organization .org_l tr:nth-child(4) td:nth-child(2):before {display:none}

.organization .org_l tr:nth-child(3) td:nth-child(2) span:after {display:block; content:"◆"; clear:both; position:absolute; top:-9px; left:calc(50% - 5.7px); color:#056839; font-size:.68em}
.organization .org_l .dov01 {width:94%; margin:0 auto; padding:20px 0 40px; border:1px solid #ccc; border-radius:9px; box-shadow: 1px 1px 5px #9f9f9f; background:url('/images/intro/org_l_img01.jpg') right top no-repeat}
.organization .org_l .dov01 h4 {width:40%; padding:3px 0 3px 30px; color:#fff; font-size:1em; border-radius:0 15px 15px 0;background-image: linear-gradient(to right, #006d37, #00401e); ; box-shadow: 2px 2px 0 2px #ccc;}
.organization .org_l .dov01 h5 {position:relative; margin:20px 0 0 33px; padding-left:17px; color:#000; font-size:1.17em; font-weight:700}
.organization .org_l .dov01 h5:after {position:absolute; top:13px; left:0; width:6px; height:6px; background-color:#000; display:block; content:"";}
.organization .org_l .dov01 p {margin-left:50px}

.organization .org_r li {width:calc(25% - 10px); float:left; margin:20px 0 0 12px; text-align:center} 
.organization .org_r li .img {position:relative; font-size:1em; height:130px; box-shadow: 1px 1px 5px #9f9f9f;}
.organization .org_r li .img em {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(250,250,250,.9); color:#056839; font-size:.9em; font-weight:700; padding:3px}
.organization .org_r li .txt {font-size:.8em; margin:10px 0 25px 0}
.organization .org_r li:nth-child(n + 5) {width:calc(33.333% - 10px) ; margin:20px 0 0 13.5px}
.organization .org_r li:nth-child(1),
.organization .org_r li:nth-child(5),
.organization .org_r li:nth-child(8) {margin-left:0}
.organization .org_r li:nth-child(1) .img {background:url('/images/intro/org_r_img01.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(2) .img {background:url('/images/intro/org_r_img02.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(3) .img {background:url('/images/intro/org_r_img03.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(4) .img {background:url('/images/intro/org_r_img04.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(5) .img {background:url('/images/intro/org_r_img05.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(6) .img {background:url('/images/intro/org_r_img06.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(7) .img {background:url('/images/intro/org_r_img07.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(8) .img {background:url('/images/intro/org_r_img08.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(9) .img {background:url('/images/intro/org_r_img09.jpg') no-repeat; background-size:cover}
.organization .org_r li:nth-child(10) .img {background:url('/images/intro/org_r_img10.jpg') no-repeat; background-size:cover}




/* 오시는길 */
.map .row.row01 {margin-bottom: 20px;}
.map .map_area {border:1px solid #d5d5d5}




@media all and (max-width:1100px)
{
	/* 조직도 */
	.organization .row01 {text-align:center; background:url(/images/organization_bg.jpg) no-repeat ; background-position:center -69px}
	.organization .row01 ul.ul04:after {top:-155px;}

	.organization .row01 li > div dt,
	.organization .row01 li > div dd {width:150px; padding:5px 0; font-size:14px}
	.organization .row01 .organization02 {margin-left:-190px}
	.organization .row01 .organization03 {margin-left:120px}
	.organization .row01 .organization04 {margin-top:-33px}



	/* 조직도 new */
	.organization > ul > li {width:100%; float:}
	.organization > ul > li:nth-child(2) {margin-left:0%; margin-top:60px}
	.organization > ul > li:nth-child(2) ul {width:94%; margin:0 auto}	
}


@media all and (max-width:840px)
{
	/* 조직도 */
	.organization .row01 {border:0px solid red}
	.organization .row01 li > div dt,
	.organization .row01 li > div dd {width:100px; padding:5px 0; font-size:14px}
	.organization .row01 .organization02 {margin-left:-140px}
	.organization .row01 .organization03 {margin-left:80px}
	.organization .row01 .organization04 {margin-top:-33px}
}

@media all and (max-width:580px)
{
	/* 조직도 */		
	.organization .row01 {text-align:center; background:url(/images/organization_bg.jpg) no-repeat ; background-position:center -98px}	
	.organization .row01 ul.ul04 li {padding-top:20px;}
	.organization .row01 ul.ul04:after {top:-110px;}
	.organization .row01 ul {clear:both; margin-top:30px;}
	.organization .row01 li > div dt,
	.organization .row01 li > div dd {width:70px; padding:3px 0; font-size:12px}

	.organization .row01 .organization02 {margin-left:-100px}
	.organization .row01 .organization03 {margin-left:60px}
	.organization .row01 .organization04 {margin-top:-26px}


	.organization .row01 .organization05:after,
	.organization .row01 .organization06:after,
	.organization .row01 .organization08:after,
	.organization .row01 .organization09:after {display:block; content:""; clear:both; position:absolute; top:-39px; left:50%; width:1px; height:39px; background:#ccc}
}

@media all and (max-width:400px)
{
	/* 조직도 */
	.organization .row01 {text-align:center; background:url(/images/organization_bg.jpg) no-repeat ; background-position:center -105px}	

	.organization .row01 ul.ul04:after {top:-100px;}		
	.organization .row01 ul {clear:both; margin-top:20px;}
	.organization .row01 ul.ul01 {margin-top:10px;}


	.organization .row01 {border:0px solid red}
	.organization .row01 li > div dt,
	.organization .row01 li > div dd {width:57px; padding:5px 0; font-size:11px}
	.organization .row01 li > div dd {line-height:15px}

	.organization .row01 .organization02 {margin-left:-70px}
	.organization .row01 .organization03 {margin-left:40px}
	.organization .row01 .organization04 {margin-top:-28px}


	.organization .row01 .organization05:after,
	.organization .row01 .organization06:after,
	.organization .row01 .organization08:after,
	.organization .row01 .organization09:after {display:block; content:""; clear:both; position:absolute; top:-32px; left:50%; width:1px; height:32px; background:#ccc}


}



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

	/* 송도푸드 */
	.food .row01 .circle_list2 > li {width:33.333% !important}
	.food .row01 .circle_list2 > li:nth-child(n + 13) {width:100% !important}
	.food .row02 li {float:none; clear:both}
	.food .row02 .li01 {width:100%}
	.food .row02 .li02 {width:100%}


	.vision .row02 .circle_list > li {float:left; width: 50%; margin:0 !important; padding:2% !important}
	.vision .row02 .circle_list > li .shape {width:100%; height:auto}

	.vision .row03 li {float:none; clear:both}
	.vision .row03 .li01 {width:100%}
	.vision .row03 .li02 {width:100%}
}



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

	/* 공통 */

	.tbl_type th,
	.tbl_type td {padding:5px !important; font-size:12px !important}


	/* 송도푸드 */
	.img_pc {display:none;}
	.img_mb {display:block;}


	.food .row01 .subtitle2 {font-size:17px}
	.food .row01 .circle_list2 {margin-top:0px}
	.food .row01 .circle_list2 > li:before {top: 80px;}
	.food .row01 .circle_list2 > li .shape2 {height:130px; padding-top: 20px;}
	.food .row01 .circle_list2 em {font-size:.72em; margin-top:40px}
	.food .row01 .circle_list2 em:before {top: -35px;left: 0; width:10px; height:10px; border-radius:50%; border:3px solid #b5cbb8; background-color:#ebf1de; content:""}
	.food .row01 .circle_list2 > li:first-child em:before,
	.food .row01 .circle_list2 > li:last-child em:before {position: absolute;top: -38px;left: 0; width:10px; height:10px; border-radius:50%; border:7px solid #89b7a2; background-color:#ebf1de; content:""}
	.food .row01 .circle_list2 > li i,
	.food .row01 .circle_list2 > li:first-child em,
	.food .row01 .circle_list2 > li:last-child em {font-size:.8em}

	.food .row01 .shape2 {width:80%; margin-left:20%}
	.food .row01 li:last-child .shape2 {width:42.5%; margin-left:20%}
	.food .row02 {margin-top:40px}

	/* 비전 */	
	.vision .row01 h4 { font-size:17px; line-height:30px}
	.vision .row01 h4 em {font-size:22px; line-height:25px}
	.vision .row01 p { font-size:14px; line-height:22px !important;}
	.vision .row01 p br {display:none}

    .vision .row02 .subtitle {font-size: 20px;margin-bottom: 15px;}
	.vision .row02 .circle_list > li .shape {padding: 15px 0}
	.vision .row02 .circle_list i {font-style: normal; color:#000; font-size:12px; line-height:20px; margin-right:5px}
	.vision .row02 .circle_list em {font-size:14px; line-height:20px}	
	.vision .row02 {margin-top:25px}
	/*
	.vision .row02 h4 {font-size:15px; line-height:30px; padding-left:15px;}
	.vision .row02 h4:after {top:10px; left:0; width:11px; height:11px;}
	*/
	.vision .row02 h4 {font-size:18px; line-height:32px;; padding-left:25px}
	.vision .row02 h4:after {top:10px; left:0; width:13px; height:13px;}

	.vision .row03 {margin-top:25px}	

	/*
	.vision .row03 h4 {font-size:15px; line-height:30px; padding-left:15px}
	.vision .row03 h4:after {top:10px; left:0; width:11px; height:11px;}
	*/
	.vision .row03 h4 {font-size:18px; line-height:32px;; padding-left:25px}
	.vision .row03 h4:after {top:10px; left:0; width:13px; height:13px;}
}


@media all and (max-width:768px){
	/* 조직도 new */
	.organization .org h4 {font-size:1.12em}
	.organization .org h4 > i {width:22px; height:22px; line-height:22px; border-radius:4px}

	.organization .org_l .dov01 h4 {width:170px}
	.organization .org_l tr span {font-size:.87em}
	.organization .org_l .dov01 {padding:20px 0 30px}
	.organization .org_l .dov01 h5 {font-size:1.1em}
	.organization .org_l .dov01 p {font-size:.87em}

	.organization > ul > li:nth-child(2) {margin-top:40px}
	.organization .org_r ul {width:100% !important; margin-left:0 !important}
	.organization .org_r li {width:calc(50% - 13px) !important; margin-left:23px !important}
	.organization .org_r li:nth-child(odd) {margin-left:0 !important;}	
	.organization .org_l tr:nth-child(3) td:nth-child(2) span:after {top:-8px; left:calc(50% - 4.5px);}
}



@media all and (max-width:600px){	
	/* 비전 */
	.tbl_type0 th {position:relative; width:65px !important; text-align:left !important;; }
}



@media all and (max-width:450px)
{
	/* 비전 */
	.vision .row01 br {display:none}

	/* 오시는 길 */
	.map .map_area iframe {height:195px}
}