@charset "utf-8";

/*주요농정시책*/
.sub_0302 .part01 ul {overflow: hidden; width: 100%; margin-top: 10px;}
.sub_0302 .part01 ul li {float: left; width: 22%; margin: 0.3% 1%; background: #f0f0f0; border: 1px solid #dbdbdb; border-radius: 8px; padding: 5px; text-align: center;}
.sub_0302 .part01 ul li a {font-weight: 500; word-break: keep-all;}

/*이미지100%*/
.img100 {max-width: 100%;}

/*성주참외체험형테마공원*/
.sub_030302 .img_box {background:#f5f5f5; border:1px solid #ddd; padding:15px; margin:10px 0 10px 10px;}
.sub_030302 .img_box img {display:block; margin:0 auto !important;}
.sub_030302 .img {overflow:hidden; margin:10px 0 15px 10px;}
.sub_030302 .img img {float:left; width:450px; border:1px solid #ddd;}
.sub_030302 .img > ul {padding-left:450px;}
.sub_030302 .img > ul li {margin-top:3px;}
@media all and (max-width:768px){
	.sub_030302 .img img {width:200px;}
	.sub_030302 .img > ul {padding-left:200px;}
}

/*참외유통센터*/
.sub_030303 .part02 .list01 .h5 {margin-bottom: 10px;}
.sub_030303 .part02 .list03 .imgWrap {width: 100%; margin-top: 20px; background-image: url(/ko/img/sub/sub03/03_img02.gif); background-position: center 38px; background-repeat: no-repeat;}
.sub_030303 .part02 .list03 .imgWrap span {display: block; padding: 7px 0; width: 164px; margin: 0 auto; background: #0066b3; color:#fff; font-weight: 500; text-align: center; border-radius: 7px;}
.sub_030303 .part02 .list03 .imgWrap ul {overflow: hidden; margin-top: 50px;}
.sub_030303 .part02 .list03 .imgWrap ul li {float: left; width: 16.8%; margin: 0 2%; background: #f7f7f7; border: 1px solid #cccccc; border-radius: 7px; padding: 17px; font-size: 13px; font-weight: 500; line-height: 17px; min-height: 90px; word-break: keep-all;}
.sub_030303 .part02 .list03 .imgWrap .first {margin-left: 0;}
.sub_030303 .part02 .list03 .imgWrap .last {margin-right: 0;}
.sub_030303 .part02 .list04 .map {margin-top: 10px;}
.sub_030303 .part03 {margin-top: 30px;}
.sub_030303 .part03 .box_tit {font-size: 18px; font-weight: 500;}
.sub_030303 .part03 .text {font-size: 14px; margin-top: 10px; margin-bottom: 20px;line-height: 16px;}

.sub_03030102 .last_list .h5_ul li {overflow: hidden;}
.sub_03030102 .last_list .h5_ul li p {width: 80%; float: left; padding-right: 10%;}
.sub_03030102 .last_list .h5_ul li img {float: right;}

.sub_03030103 .part01 {background-image: url(/ko/img/sub/sub03/korean_melon.jpg); background-position:  right top; background-repeat: no-repeat;}
.sub_03030103 .part01 p.text01,
.sub_03030103 .part01 p.text02 {width: 57%;}


/*참외관_재배기술*/
.sub_0303010401 .img01 {display: block;}
.sub_0303010401 .text_over {overflow: hidden;}
.sub_0303010401 .text_over ul {padding-left: 10px;}
.sub_0303010401 table {overflow: hidden; border-bottom: 2px solid #cccccc;}

.sub_0303010403 img {display: block; margin-top: 10px;}
.sub_0303010403 .pot {background: #fce47a;}
.sub_0303010403 .list01 .step {overflow: hidden; /*background: url(/ko/img/sub/sub03/0303_img22.gif) no-repeat center center;*/}
.sub_0303010403 .list01 .step > li {float: left; width: 21%; margin: 0 2.6%; border: 2px solid #0066b3; border-radius: 5px; min-height: 190px;}
.sub_0303010403 .list01 .step > li.first {margin-left: 0;}
.sub_0303010403 .list01 .step > li.last {margin-right: 0;}
.sub_0303010403 .list01 .step > li > p {display: block; min-height: 80px; background: #0066b3; font-size: 20px; text-align: center; padding-top: 15px; color:#fff; font-weight: 500; line-height: 22px;}
.sub_0303010403 .list01 .step > li > p span {display: block; font-size: 15px;}
.sub_0303010403 .list01 .step ul {padding: 10px;}
.sub_0303010403 .list01 .step ul li {font-size: 15px;}

.sub_0303010404 img {display: block; margin-top: 10px;}

.photo2 {overflow: hidden;}
.photo2 li {float: left;}
.photo2 li img {display: block;}
.photo2 li span {font-weight: 500;}

/*참외클러스터*/
.sub_030304 ul li img {display: block; margin: 40px auto;}

.sub_030501 .part01 .tb1_st1 {border-top: 1px solid #555555;}
.sub_030501 .part01 .tb1_st1 tbody tr th {padding-left: 20px;}
.sub_030501 .part01 .tb1_st1 tbody tr td {padding-left: 20px; padding: 12px 5px 12px 20px;}
.sub_030501 .part01 .tb1_st1 tbody tr td ul {overflow: hidden;}
.sub_030501 .part01 .tb1_st1 tbody tr td ul li {float: left; margin-right: 30px;}
.sub_030501 .part01 .tb1_st1 .price {width: 197px; height: 31px; float: left; margin-right: 10px;}
.sub_030501 .part02 {margin-top: 90px; text-align: center;}
.sub_030501 .part02 .result {font-size: 16px; font-weight: 600;}
.sub_030501 .part02 .result b {font-size: 22px; color:#df3f3f; margin-left: 48px;}
.sub_030501 .part02 .result span {font-size: 14px; margin-left: 5px;}
.sub_030501 .part02 .text {font-size: 14px; line-height: 16px;}

/*참외정품확인*/
.sub030307 .use_box {overflow:hidden;}
.sub030307 .use_box li:first-child {margin-left:0;}
.sub030307 .use_box > li {float:left; width:48%; margin-left:2%; border:1px solid #ddd; padding:5px; }
.sub030307 .use_box li dl {background:#eee; padding:20px; min-height:350px;}
.sub030307 .use_box li dl dt {text-align:center; font-size:20px; font-weight:600; line-height:50px; color:#333;}
.sub030307 .use_box li:first-child dl dt span {background:#fff url('/ko/img/sub/sub03/sub030307_01.gif') no-repeat center center !important;}
.sub030307 .use_box li dl dt span {background:#fff url('/ko/img/sub/sub03/sub030307_02.gif') no-repeat center center; text-indent:-9999px; border-radius:25px; display:inline-block; width:50px; height:50px; margin-right:5px;}
.sub030307 .use_box li dl dd > p { text-align:center; padding-top:30px;}
.sub030307 .use_box li dl dd > p img { height:120px;}
.sub030307 .smart_step { overflow:hidden; }
.sub030307 .smart_step li { float:left; width:48%; margin:1%; text-align:center;}
.sub030307 .smart_step p { height:150px;}
.sub030307 .smart_step .step01 { background:url('/ko/img/sub/sub03/sub030307_05.gif') no-repeat center center; background-size:50%;}
.sub030307 .smart_step .step02 { background:url('/ko/img/sub/sub03/sub030307_06.gif') no-repeat center center; background-size:50%;}
.sub030307 .smart_step .step03 { background:url('/ko/img/sub/sub03/sub030307_07.gif') no-repeat center center; background-size:50%;}
.sub030307 .smart_step .step04 { background:url('/ko/img/sub/sub03/sub030307_08.gif') no-repeat center center; background-size:50%;}
.sub030307 .smart_step li span {font-weight:600; font-size:20px; color:#009d4e;}
.sub030307 .melon_check {background:#ffda6a url('/ko/img/sub/sub03/sub030307_09.png') no-repeat 5px center; border:1px solid #ffda6a; display:inline-block; padding-left:50px; margin-top:20px;}
.sub030307 .melon_check a {background:#ffebae; line-height:50px; display:inline-block; padding:0 20px; font-weight:600; font-size:17px;}
.sub030307 .melon_check .blank {background:url('/ko/img/sub/ico_blank.png') no-repeat right 2px; padding-right:15px;}
@media all and (max-width:900px){
  .sub030307 .use_box li dl {min-height:300px;}
  .sub030307 .use_box li dl dd > p img { height:80px;}
}

@media all and (max-width:768px){
  .sub030307 .use_box li dl {min-height:10px;}
  .sub030307 .use_box > li {width:100%; margin-left:0;}
  .sub030307 .use_box li dl dd > p img { height:100%;}
}

@media all and (max-width:480px){
  .sub030307 .use_box li dl dd > p img {width:100%;}
  .sub030307 .smart_step li { float:left; width:98%; margin:1%;}
}

/*전통가공식품*/
.sub_0307 > div {overflow: hidden;}
.sub_0307 .img, .sub_0307 .h5_ul { float: left;}
.sub_0307 .img { margin-right: 5%; margin-top: 21px;}
.sub_0307 .h5_ul {width: 67%;}
.sub_0307 .h6_ul ul {overflow: hidden;}
.sub_0307 .h6_ul ul li {float: left; margin-right: 10px;}
.sub_0307 .imgWrap {margin-right: 5%; margin-top: 21px; float: left;}
.sub_0307 .imgWrap a {display: table; margin: 0 auto;}

/*농특산물직거래장터*/
.sub_030703 > div {border-bottom: 1px solid #ededed; padding: 50px 0; background-position: right 50px; background-repeat: no-repeat; min-height: 387px;}
.sub_030703 > div > h5 {margin-bottom: 20px !important;padding-left: 0 !important;font-weight: 600 !important;line-height: 1.3;}
.sub_030703 > div > h5::before {content: '';display: block;width: 30px;height: 4px;background-color: #0066b3;margin-left: 2px;margin-bottom: 4px;}
.sub_030703 > div > h5 strong {display: block;font-size: 1.5em;color: #0066b3;font-weight: 600;}
.sub_030703 > div > p {width: 50%; word-break: keep-all; margin-bottom: 27px;}
.sub_030703 .part01 {background-image: url(/ko/img/sub/sub03/07_img05.gif);}
.sub_030703 .part02 {background-image: url(/ko/img/sub/sub03/07_img06.gif);}
.sub_030703 .part03 {background-image: url(/ko/img/sub/sub03/07_img07.gif);}
.sub_030703 .part04 {background-image: url(/ko/img/sub/sub03/07_img08.gif); border-bottom: 0;}

/*귀농귀촌*/
.sub_03080303 table .h5_ul {margin-left: 0;}

.sub_03080101 {overflow: hidden;}
.sub_03080101 .part01, .sub_03080101 .part02 {float: left;}
.sub_03080101 .part01 {width: 18%; padding-right: 10px; border-right: 1px solid #ddd;}
.sub_03080101 .part02 {width: 80%;}
.sub_03080101 .part01 ul {margin-top: 20px; background: url(/ko/img/sub/sub03/0308_img01.gif) no-repeat 45% 63px;}
.sub_03080101 .part01 li {width: 90%; height: 45px; border: 1px solid #0066b3; border-radius: 5px; color:#0066b3; text-align: center; padding: 14px 0; margin-bottom: 43px; background: #fafafa; font-size: 13px; line-height: 15px; font-weight: 500;}
.sub_03080101 .part01 li.text01 {padding: 7px 0;}

@media all and (max-width:1023px) {
  .sub_0302 .part01 ul li {width: 31%;}

  .sub_03030102 .last_list .h5_ul li p {width: 70%;}

  .sub_030303 .part02 .list03 .imgWrap {background-size: 84%;}
  .sub_030303 .part02 .list03 .imgWrap ul {margin-top: 5%;}
  .sub_030303 .part02 .list03 .imgWrap ul li {min-height: 142px;}
  .sub_0303010403 .list01 .step {background-size: 54%;}

  .sub_0307 .img {width: 25%;}
  .sub_0307 .imgWrap {width: 25%;}
  .sub_0307 .imgWrap img {width: 100%;}
}

@media all and (max-width:860px) {
  .sub_03030103 .part01 {background-position: right top;}
  .sub_03030103 .part01 p.text01 {width: 50%;}
  .sub_03030103 .part01 p.text02 {width: 50%;}

  .sub_030304 ul li img {width: 80%;}
}

@media all and (max-width:768px) {
  .sub_03030103 .part01{background-position: center top; padding-top: 270px;}
  .sub_03080101 .part01 {width: 100%;}
  .sub_03080101 .part02 {width: 100%;}
  .sub_03030103 .part01 p.text01, .sub_03030103 .part01 p.text02{width: 100%;}
}

@media all and (max-width:680px) {
  .sub_0302 .part01 ul li {width: 48%;}
  .sub_0303010403 img {width: 100%;}
  .sub_0303010403 .list01 .step {background: none;}
  .sub_0303010403 .list01 .step > li {width: 48%; margin: 1%;}
  .sub_0303010403 .list01 .step > li.first, .sub_0303010403 .list01 .step > li.last {margin: 1%;}
  .sub_0303010403 .list01 .step ul {padding: 9px;}
}

@media all and (max-width:610px) {
  .sub_03030102 .last_list .h5_ul li img {width: 28%;}

  .sub_030303 .part02 .list01 img {width: 100%;}
  .sub_030303 .part02 .list03 .imgWrap {background-image: none;}
  .sub_030303 .part02 .list03 .imgWrap ul {margin-top: 10px;}
  .sub_030303 .part02 .list03 .imgWrap ul li, .sub_030303 .part02 .list03 .imgWrap .first, .sub_030303 .part02 .list03 .imgWrap .last {width: 48%; margin: 1%; min-height: 106px;}
  .sub_030303 .part02 .list04 .map a img {width: 100%; height: auto;}
  .sub_030303 .part03 a {margin: 5px 0;}

  .sub_0303010404 img {width: 100%;}
  /*농특산물직거래장터*/
  .sub_030703 > div {background-size: 40%; background-position: right 51%;}

  .sub_0307 .img {width: auto;}
  .sub_0307 .imgWrap {width: auto;}
  .sub_0307 .imgWrap img {width: auto;}
  .sub_0307 .h5_ul {margin-left: 0; width: 100%;}
}

/*모바일*/
@media all and (max-width:480px) {
  .sub_0302 .part01 ul li {width: 99%; margin: 0.3% 0;}

  .sub_03030102 .last_list .h5_ul li p {width: 100%; padding: 0;}
  .sub_03030102 .last_list .h5_ul li img {display: none;}

  .sub_0303010401 .img01 {width: 100%;}

  /* .sub_03030103 .part01 {background: none;}
  .sub_03030103 .part01 p.text01 {width: 100%;}
  .sub_03030103 .part01 p.text02 {width: 100%; word-break: break-all;} */
  .sub_030304 ul li img {width: 100%;}
  /*농특산물직거래장터*/
  .sub_030703 > div { background-size: 53%; background-position: left 34%;}
  .sub_030703 > div > p {margin-top: 60%; width: 100%;}
  .sub_030703 .part01 {background-position: left 40%;}
  .sub_030703 .part02 {background-position: left 38%;}
  .sub_030703 .part03 {background-position: left 33%;}
  .sub_030703 .part04 {background-position: left 38%;}
  .sub_03080101 .part01 {width: 37%;}
  .sub_03080101 .part02 {width: 63%;}

  .photo1 {width: 100%;}
  .photo2 li {margin-bottom: 10px; width: 100%;}
  .photo2 li img {width: 100%;}
}

@media all and (max-width:360px) {
  .sub_03080101 .part01 {width: 100%; border:0; padding: 0;}
  .sub_03080101 .part01 ul {background: url(/ko/img/sub/sub03/0308_img01.gif) no-repeat center 63px;}
  .sub_03080101 .part01 li {width: 100%;}
  .sub_03080101 .part02 {width: 100%;}
}



/* 참외쇼핑몰 */
.sub_060503 .part01 {background-image: url('/ko/img/sub/sub06/06img_02.gif'); background-repeat: no-repeat; background-position: 90% 10%; padding-bottom: 30px;}
.sub_060503.melon .part01 {background-image: url('/ko/img/sub/sub03/03_img_08_2022.gif');}
.sub_060503.melon .part01 .title {position:relative; padding-top:15px;}
.sub_060503.melon .part01 .title * {display:block;}
.sub_060503.melon .part01 .title:before {content:''; position:absolute; top:0; left:0; width:40px; height:3px; background:#0066b3;}
.sub_060503.melon .part01 .title span {font-weight:600;}
.sub_060503.melon .part01 .title em {margin:5px 0 25px; font-size:30px; font-weight:600; letter-spacing:-1px; color:#0066b3;}
.sub_060503 .part01 p {width:50%; word-break: keep-all;}
.sub_060503 .part01 a {display:table; margin-top:40px;}
@media all and (max-width:860px) {
  .sub_060503.melon .part01 {background-position:center 20px; padding-top:360px;}
  .sub_060503 .part01 p {width:100%;}
}