/**/
.icon-hwasun-2 {position:relative;}
.icon-hwasun-2:after {
    content:''; position: absolute; margin:auto; top:-20px; right:-30px; bottom:auto; left:auto;
    background:url(/images/content/layout/icon_hwasun_2.png) no-repeat center center;
    width:40px; height:40px;
}
section .se-subject {position:relative; line-height:100%;}
section .se-subject span {line-height:100%; display:inline-block;}
section .se-subject:before {
    content:''; width:30px; height:30px; display:inline-block; position:relative; top:3px;
    background:url(/images/content/layout/icon_hwasun_3.png) no-repeat center center;
}

/**/
.pages section {margin-bottom:80px;}
.pages section:last-child {margin-bottom:0;}
.pages .reactive {overflow:auto;}
.pages .reactive img {min-width:1024px;}

@media(max-width:768px){
    .pages .reactive img {min-width:768px;}
}

/**/
.box-dashed {border:1px dashed #ddd; border-radius:10px; padding:60px 50px; margin-top:30px;}
.box-dashed .bd-head {text-align:center; margin-bottom: 30px;}
.box-dashed .bd-head > div:nth-child(1) {margin-bottom:10px;}
.box-dashed .bd-head > div:nth-child(2) {color:#33454d; position:relative; margin-bottom:40px;}
.box-dashed .bd-head > div:nth-child(2):after {
    content:''; position: absolute; margin:auto; width:100px; height:2px;
    background:#dddddd; top:auto; right:0; bottom:-10px; left:0;
}
.box-dashed .bd-head > div:nth-child(3) {}
.box-dashed .bd-body {display:flex; justify-content: space-between;}
.box-dashed .bd-body .item {width:30%; text-align:center;}
.box-dashed .bd-body .img {
    width:250px; height:250px; border-radius:100%; border:1px solid #364850;
    margin:0 auto 0 auto; box-shadow:0 0 20px rgba(51,69,77,0.2);
    background-repeat:no-repeat; background-position:center center;
}
.box-dashed .bd-body .item > div:nth-child(2) {
    background:#1a9d8d; border-radius:50px; padding:10px 20px; text-align:center; color:#fff;
    margin:20px auto; font-weight:500;
}
.box-dashed .bd-body .item > div:nth-child(2).bg-blue {background:#1a53ad;}
.box-dashed .bd-body .item > div:nth-child(2).bg-sky {background:#0e8abd;}
.box-dashed .bd-body .item > div:nth-child(3) {color:#666; font-size:16px;}

@media(max-width:1024px){
    .box-dashed .bd-body {flex-wrap: wrap; justify-content: space-evenly;}
    .box-dashed .bd-body .item {width:100%; max-width:280px; margin-bottom:40px;}
}
@media(max-width:375px){
    .box-dashed .bd-body .img {width:200px; height:200px; background-size:180px 180px;}
}

/**/
ul.style-dot {margin:auto;}
ul.style-dot li {
    padding-left:16px; position:relative; margin-bottom:10px;
    line-height:140%; text-align:left;
}
ul.style-dot li:last-child {margin-bottom:0;}
ul.style-dot li:before {
    content:''; position:absolute; width:5px; height:5px; background:#1a9d8d;
    border-radius:100%; margin:auto; top:7px; right:auto; bottom:auto; left:5px;
}
ul.style-dot.color-blue li:before {background:#1a53ad;}
ul.style-dot.color-sky li:before {background:#0e8abd;}
ul.style-dot.dot-mini li:before {width:3px; height:3px; top:9px; left:7px;}

/**/
#menu-6 {}
#menu-6 .box-1 {
    background:url(/images/content/menu/menu6_01.png) no-repeat right bottom;
    color:rgba(9,132,127,0.4); height:320px;
}
#menu-6 .box-1 span {color:rgba(9,132,127,1);}
#menu-6 .box-1 p {padding:0 30px;}
#menu-6 .box-2 {
    border-radius:70px 0 0 0; height:120px;
    background:linear-gradient(160deg, #09847f 30%, #03b89c);
}
#menu-6 .box-3 {margin-top:60px;}
#menu-6 .box-4 {}
@media(max-width:550px){
	#menu-6 .box-1 {background-size:80%;}
    #menu-6 .box-2 {border-radius:40px 0 0 0; height:70px;}
}


/**/
#menu-7 {}
#menu-7 .se-1 {}
#menu-7 .se-1 .underline {
    border-bottom:2px solid #33454d; text-decoration: none;
    height:28px; display:inline-block; color:#33454d;
}
#menu-7 .se-1 .round-box {
    padding:20px 25px 20px 23px; background:#33454d; color:#fff; font-weight:500;
    text-align:center; border-radius:50px;
}
#menu-7 .se-1 .round-box.round-light {background:#edf3f5; color:#33454d;}
#menu-7 .se-1 .wrap > div:nth-child(1) {margin-bottom:20px;}
#menu-7 .se-1 .wrap > div:nth-child(2) {margin-bottom:50px; position:relative;}
#menu-7 .se-1 .wrap > div:nth-child(2):after {
    content:''; position:absolute; width:53px; height:24px; margin:auto;
    top:auto; right:0; bottom:0; left:0; transform:translateY(100%);
    background:url(/images/content/menu/menu7_arr_1.png) no-repeat center center;
}
#menu-7 .se-1 .wrap > div:nth-child(3) {margin-bottom:20px;}
#menu-7 .se-1 .wrap > div:nth-child(4) {margin-bottom:20px;}
#menu-7 .se-1 .wrap > div:nth-child(5) {}
#menu-7 .se-2 {}
#menu-7 .se-2 .wrap {border:1px dashed #ddd; border-radius:40px; padding:60px 50px;}
#menu-7 .se-2 .wrap > .flex {margin-bottom:50px;}
#menu-7 .se-2 .wrap > .flex:last-child {margin-bottom:0;}
#menu-7 .se-2 .wrap > .flex > .subject {flex-shrink: 0; width:150px;}
#menu-7 .se-2 .wrap > .flex > .subject div {width:75%; padding-top:10px; border-top:2px solid #dddddd;}
#menu-7 .se-2 .wrap > .flex > div:nth-child(2) {width:100%;}
#menu-7 .se-2 .flex-1 {}
#menu-7 .se-2 .flex-1 .con .flex {
    align-items: center; justify-content: space-around; text-align:center;
    border:1px solid #33454d; border-radius:120px; padding:40px; height:180px;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
}
#menu-7 .se-2 .flex-1 .con .flex p {line-height:130%;}
#menu-7 .se-2 .flex-2 {}
#menu-7 .se-2 .flex-2 .con {}
#menu-7 .se-2 .flex-2 .con .hw-sw {
    display:flex; flex-wrap:wrap; justify-content: flex-start;
    margin-left:-20px; margin-right:-20px;
}
#menu-7 .se-2 .flex-2 .con .hw-sw:nth-child(2) {
    padding-top:30px; border-top:1px dashed #1a9d8d;
}
#menu-7 .se-2 .flex-2 .con .hw-sw .item {
    width:33.3%; padding-left:20px; padding-right:20px; margin-bottom:30px;
}
#menu-7 .se-2 .flex-2 .con .hw-sw .item div {
    background:#1a9d8d; color:#fff;
    padding:12px 10px; border-radius:50px; text-align:center;
    line-height:130%; margin-bottom:20px;
}
#menu-7 .se-2 .flex-2 .con .hw-sw .item p:nth-child(1) {margin-bottom:5px;}
#menu-7 .se-2 .flex-2 .con .hw-sw .item p:nth-child(1) span {
    line-height:100%; height:auto; display:inline-block; border-bottom:1px solid #fff;
}
#menu-7 .se-2 .flex-2 ul.style-dot {width:80%;}
#menu-7 .se-2 .flex-2 .con .hw-sw .item:nth-child(3n-1) div {background:#1a53ad;}
#menu-7 .se-2 .flex-2 .con .hw-sw .item:nth-child(3n) div {background:#0e8abd;}
#menu-7 .se-2 .flex-3 {}
#menu-7 .se-2 .flex-3 .con {display:flex;}
#menu-7 .se-2 .flex-3 .con .item {
    width:33.3%; padding-left:20px; padding-right:20px; margin-bottom:30px;
}
#menu-7 .se-2 .flex-3 .con .item ul {
    background:#f9f9f9; display:block; padding:20px 30px; border-radius:100px;
}
#menu-7 .se-2 ul li {font-size:14px;}
#menu-7 .se-3 {background:#f9f9f9; padding:90px 0 120px 0; margin-top:90px;}
#menu-7 .se-3 .subject {display:flex; align-items: center;}

/**/
#menu-8 {}
#menu-8 .box-gray {
    padding:40px 60px; background:#f7f7f7; border-radius:10px; margin-bottom:50px;
    display:flex; align-items: center;
}
#menu-8 .box-gray > div:nth-child(1) {
    width:85px; height:85px; border-radius:100%; background:#fff;
    display:flex; align-items: center; justify-content: center;
    margin-right:20px;
}
#menu-8 .box-gray > div:nth-child(2) {}

/* 사업분야 - 사업소개 */
#menu-10 .se-1 {}
#menu-10 .se-1 .wrap {background:url(/images/content/menu/menu10_se1_bg.png) no-repeat center top; border-bottom:1px solid #dddddd;}
#menu-10 .se-1 .se-head {text-align:center; color:#fff; padding:75px 0 20px 0;}
#menu-10 .se-1 .se-body {
    margin-bottom:80px; display:flex; flex-wrap:wrap;
}
#menu-10 .se-1 .se-body .rect {
    width:50%; display:flex; align-items: center; justify-content: center;
    margin-top:60px;
}
#menu-10 .se-1 .se-body .rect > div:nth-child(1) {
    width:150px; height:150px; border-radius:100%; text-align:center;
    display:flex; align-items: center; justify-content: center; color:#fff; line-height:130%;
    background:url(/images/content/menu/menu10_se1_circle_bg.jpg) no-repeat left top, #1a9d8d;
    transform:translateX(20px); z-index:10;
}
#menu-10 .se-1 .se-body .rect > div:nth-child(2) {
    height:200px; width:400px; border:5px solid #1a9d8d; border-radius:100px; text-align:left;
    padding:30px 50px; line-height:120%; background:#fff; display:flex; flex-direction: column;
    justify-content: center; transform:translateX(-20px); z-index:9;
}
#menu-10 .se-1 .se-body .rect > div:nth-child(2) p {margin-bottom:14px; color:#666;}
#menu-10 .se-1 .se-body .rect > div:nth-child(2) p:last-child {margin-bottom:0;}

#menu-10 .se-2 .img-1 {background-image:url(/images/content/menu/menu10_se2_01.png);}
#menu-10 .se-2 .img-2 {background-image:url(/images/content/menu/menu10_se2_02.png);}
#menu-10 .se-2 .img-3 {background-image:url(/images/content/menu/menu10_se2_03.png);}
#menu-10 .se-2 .img-4 {background-image:url(/images/content/menu/menu10_se2_04.png);}
#menu-10 .se-2 .img-5 {background-image:url(/images/content/menu/menu10_se2_05.png);}
#menu-10 .se-2 .img-6 {background-image:url(/images/content/menu/menu10_se2_06.png);}
#menu-10 .se-2 .img-7 {background-image:url(/images/content/menu/menu10_se2_07.png);}
#menu-10 .se-2 .img-8 {background-image:url(/images/content/menu/menu10_se2_08.png);}
#menu-10 .se-2 .box-dashed:nth-child(4) .bd-body {justify-content: space-evenly;}
#menu-10 .se-3 {background:#f9f9f9; padding:90px 0 120px 0; margin-top:90px;}

@media(max-width:1024px){
    #menu-10 .se-1 .se-body {}
    #menu-10 .se-1 .se-body .rect {width:100%;}
}
@media(max-width:600px){
    #menu-10 .se-1 .se-body .rect {flex-direction: column;}
    #menu-10 .se-1 .se-body .rect > div:nth-child(1) {transform:translateY(15px);}
    #menu-10 .se-1 .se-body .rect > div:nth-child(2) {transform:translateY(-15px);}
}

/* 사업분야 - 주요사업 - 로컬푸드 거점센터 운영체계 */
#menu-27 {}
#menu-27 .se-1 .box-dashed .bd-body .item > div:nth-child(2) {height:75px; display:flex; align-items: center; justify-content: center;}
#menu-27 .se-1 {margin-bottom:30px;}
#menu-27 .se-1 .img-1 {background-image:url(/images/content/menu/menu27_se1_01.png);}
#menu-27 .se-1 .img-2 {background-image:url(/images/content/menu/menu27_se1_02.png);}
#menu-27 .se-1 .img-3 {background-image:url(/images/content/menu/menu27_se1_03.png);}
#menu-27 .se-3 .img-1 {background-image:url(/images/content/menu/menu27_se3_01.png);}
#menu-27 .se-3 .img-2 {background-image:url(/images/content/menu/menu27_se3_02.png);}
#menu-27 .se-3 .img-3 {background-image:url(/images/content/menu/menu27_se3_03.png);}
#menu-27 .se-3 .img-4 {background-image:url(/images/content/menu/menu27_se3_04.png);}
#menu-27 .se-3 .img-5 {background-image:url(/images/content/menu/menu27_se3_05.png);}
#menu-27 .se-3 .img-6 {background-image:url(/images/content/menu/menu27_se3_06.png);}
#menu-27 .se-4 {}


/**/
#menu-30 section {margin-bottom:80px;}
#menu-30 section:last-child {margin-bottom:0;}
#menu-30 .se-5 .img-1 {background-image:url(/images/content/menu/menu30_se5_01.png);}
#menu-30 .se-5 .img-2 {background-image:url(/images/content/menu/menu30_se5_02.png);}
#menu-30 .se-5 .img-3 {background-image:url(/images/content/menu/menu30_se5_03.png);}
#menu-30 .se-5 .img-4 {background-image:url(/images/content/menu/menu30_se5_04.png);}
#menu-30 .se-5 .item {width:36%;}
#menu-30 .se-5 .bd-body {justify-content: space-around;}
#menu-30 .se-5 .style-dot {
    padding:30px 60px; border:1px dashed #ddd; border-radius:200px;
    background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);
}
#menu-30 .se-5 .box-dashed .bd-body {position:relative;}
#menu-30 .se-5 .box-dashed .bd-body:before {
    content:''; position:absolute; margin:auto; width:22px; height:22px;
    top:280px; right:0; bottom:auto; left:0; transform:rotate(-90deg);
    background:url(/images/content/menu/menu7_arr_2.png) no-repeat center center;
}

@media(max-width:1024px){
    #menu-30 .se-5 .box-dashed .bd-body {}
    #menu-30 .se-5 .style-dot {border-radius:50px; padding:30px 25px;}
}
@media(max-width:768px){
    #menu-30 .se-5 .box-dashed .bd-body {flex-direction: column;}
    #menu-30 .se-5 .box-dashed .bd-body .item {width:100%; max-width:100%;}
    #menu-30 .se-5 .box-dashed .bd-body .item:first-child {position:relative; margin-bottom:80px;}
    #menu-30 .se-5 .box-dashed .bd-body .item:first-child:before {
        content:''; position:absolute; margin:auto; width:22px; height:22px;
        top:auto; right:0; bottom:0; left:0; transform:rotate(0) translateY(50px);
        background:url(/images/content/menu/menu7_arr_2.png) no-repeat center center;
    }
    #menu-30 .se-5 .box-dashed .bd-body:before {display:none;}
}

/**/
#menu-41 {}
#menu-41 .se-1 {color:#fff; text-align:center;}
#menu-41 .se-head {
    background:url(/images/content/menu/menu41_bg.png) no-repeat top center; min-height:600px;
    text-align:center; color:#fff; padding:75px 0 20px 0;
}
#menu-41 .se-head .circle {display:flex; flex-wrap:wrap; justify-content:center; margin-top:100px;}
#menu-41 .se-head .circle > div {
    width:150px; height:150px; background:#fff; color:#1a9d8d; border:5px solid #1a9d8d;
    border-radius:100%; display:flex; align-items: center; justify-content: center;
    font-weight:bold; margin:1.5%;
}
#menu-41 .table {table-layout: fixed; border-top:2px solid #222; min-width:600px;}
#menu-41 .table thead th {background:#f7fcf9; text-align:center; font-weight:bold; color:#111; border:1px solid #ddd;}
#menu-41 .table thead th:nth-child(1) {width:180px;}
#menu-41 .table thead th:nth-child(2) {width:240px;}
#menu-41 .table thead th:nth-child(3) {}
#menu-41 .table thead th:first-child {border-left:0;}
#menu-41 .table thead th:last-child {border-right:0;}
#menu-41 .table tbody td {border:1px solid #ddd; vertical-align:middle;}
#menu-41 .table tbody td .flex {align-items: center; justify-content: flex-start; text-align:left;}
#menu-41 .table tbody td .flex > div:nth-child(1) {margin-right:20px;}
#menu-41 .table tbody td .flex > div:nth-child(2) {color:#666;}
#menu-41 .table tbody td ul.style-dot li:before {background:#878787;}
#menu-41 .table tbody td img {max-width:280px;}

@media(max-width:1024px){
    #menu-41 .table thead th:nth-child(1) {width:120px;}
    #menu-41 .table thead th:nth-child(2) {width:140px;}
    #menu-41 .table tbody td img {max-width:200px;}
}
@media(max-width:768px){
    #menu-41 .table tbody td .flex {flex-wrap:wrap; text-align:left;}
    #menu-41 .table tbody td .flex > div {width:100%;}
}