
.at-location {border-bottom:1px solid #e5e5e5;} 
.at-location a {padding:10px; font-size:14px; display:inline-block;}


.at-title {background:url(../img/pagetitle_line.png) repeat-x 0 center; text-align:center; margin-top:50px; margin-bottom:30px;}
.at-title h3 {color:#333333; font-size:20px; display:inline-block; background:#FFF; padding:0 10px;}

.at-article {padding:30px 0;max-width:1200px; margin:0 auto;}

.txtlist {}
.txtlist li {background:url(../img/list-bullet.png) no-repeat 0 10px; padding-left:10px; color:#888; line-height:180%;}

@media (max-width: 500px) {
 
.at-title {margin-top:30px; margin-bottom:15px;}


}


.sub_navi {background:#f9f9f9; border-bottom:1px solid #ddd;}
.sub_navi ul li {float:left;  font-size:14px; font-weight:bold; color:#75716c; border-right:1px solid #ddd; min-width:130px; position:relative;}
.sub_navi ul li:first-child {border-left:1px solid #ddd; min-width:50px;}
.sub_navi ul li a {padding:12px 30px 10px 20px; display:block; height:45px; color:#74716c;  font-weight:normal;}
.sub_navi ul li .menu-btn {min-width:159px;}
.sub_navi ul li a i {position:absolute; right:15px; top:16px;}

.sub_navi ul li.hover .hidden-menu {display:block;}
.sub_navi .hidden-menu {position:absolute; border:1px solid #ccc;  background:#FFF; z-index:1000; min-width:160px; display:none; border-bottom:none;}
.sub_navi .hidden-menu li {float:none; background:#FFF; border:none; width:100%; border-right:none; border-bottom:none;}
.sub_navi ul.hidden-menu li:first-child {border-left:none;}
.sub_navi .hidden-menu li a {border:none; border-bottom:1px solid #e5e5e5; display:block; background:#FFF; white-space:nowrap; font-weight:normal;}
.sub_navi .hidden-menu li a:hover {background:#F9F9F9;}

@media (max-width: 767px) {
	.sub_navi .at-container {width:100% !important;}
	.sub_navi ul li .menu-btn  {min-width: auto;    width: 150px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

}


/*고객센터*/
.customer_wrap {}
.customer_wrap .left_area {float:left; width:67.5%; margin-right:2.5%;}

.board-list table {width:100%;}
.board-list th {background:#f3f3f3; border-top:2px solid #2d2d2d; padding:10px 0; border-bottom:1px solid #d9d9d9;}
.board-list td {border-bottom:1px solid #eeeeee; padding:15px 10px;}
.board-list td.list-no {color:#888; font-size:12px; width:50px;}
.board-list td.list-date {color:#aaa; font-size:12px; text-align:center; width:90px;}
.board-list td.list-hit {color:#999999; font-size:12px; text-align:center; width:50px;}
.board-list td.list-subject a {color:#232323; letter-spacing:-1px; } 
.board-list tr:hover td {background:#F9F9F9;}

.customer_wrap .right_area {float:left; width:30%;}
.cs_box {background:#f3f3f3; padding:20px; margin-bottom:15px;}
.cs_box .title {font-size:16px; color:#333333; font-weight:bold; margin-bottom:18px;}
.cs_box .title strong {border-bottom:1px solid #000;}
.cs_box .title span {font-size:12px; color:#666666; margin-left:10px; font-weight:normal; letter-spacing:-1px;}

.cs_box .tel_box {background:url(../img/sub_tel_icon.png) no-repeat 0 2px; padding-left:45px;}
.cs_box .tel_box strong {font-size:20px; letter-spacing:-1px; font-weight:bold; color:#333333;}
.cs_box .tel_box p {font-size:14px; color:#333333; line-height:130%; margin-top:5px;}

.cs_box .bank_box {background:url(../img/sub_bank_icon.png) no-repeat 0 2px; padding-left:45px;}
.cs_box .bank_box strong {font-size:20px; letter-spacing:-1px; font-weight:bold; color:#333333;}
.cs_box .bank_box p {font-size:14px; color:#333333; line-height:130%; margin-top:5px;}

.cs_box .keyword_box {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:8px;}
.cs_box .keyword_box a {background:#FFF; display:inline-block; padding:5px 10px; font-size:16px; letter-spacing:-1px; font-weight:bold;}
.cs_box .keyword_box a:nth-child(1) {color:#56332c;}
.cs_box .keyword_box a:nth-child(2) {color:#ff1111;}
.cs_box .keyword_box a:nth-child(3) {color:#d75c43;}
.cs_box .keyword_box a:nth-child(4) {color:#f9aa00;}
.cs_box .keyword_box a:nth-child(5) {color:#333333;}

.sub_producer {height:auto; background:#ebebeb; width:100%;  float:left; margin-bottom:50px !important;}
.sub_producer_item {padding:0px 0px; text-align:center; float:left; width:30%; }
.sub_producer_item ul {display:inline-block;}
.sub_producer_item ul li { display:inline-block; margin:5px 0px; position:relative;}
.sub_producer_item ul li img {width:85px; height:85px; border-radius:85px; }
.sub_producer_item ul li:hover .hover {opacity:0.8;}
.sub_producer_item ul li .hover {position:absolute; top:0; background:#36211f; border-radius:85px; width:85px; height:85px; color:#FFF; font-size:11px; display:table; opacity:0; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;}
.sub_producer_item ul li .hover div {display:table-cell;  vertical-align:middle; height:100%; line-height:130%;}
.sub_producer a.producer_link {position:relative; display:block; float:left; width:70%;}
.sub_producer a.producer_link img {width:100%;}
.sub_producer a.producer_link p {background:rgba(81,66,59,0.8); color:#FFF; padding:18px; position:absolute; bottom:0; width:100%; font-size:12px; text-align:center;}


/******* slider02 *********************************/ 
.sub_producer { float:left; width:100%; margin:0 auto;  position: relative; zoom: 1;  z-index:1; }
.sub_producer .flex-viewport {max-height: 2000px; }
.sub_producer .slides {zoom: 1;margin: 0 auto; padding: 0; width:100%; }
.sub_producer .slides > li   width:100%;  display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.sub_producer .slides img { display: block; width:100%;  }

/* Direction Nav */
.sub_producer .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; z-index:9999; display:none;}
.sub_producer .flex-direction-nav a {width:40px;  height: 100%; margin: 0px 0 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 center; 
	position: absolute; top:0; z-index: 9999; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.sub_producer .flex-direction-nav .flex-next {background-position: 100% center; right:10px; }
.sub_producer .flex-direction-nav .flex-prev {left:10px;}

/* Control Nav */
.sub_producer .flex-control-nav {  right:0; width:100%; z-index:9999; height:30px;
	position: absolute; bottom:-50px; text-align: center;margin:0px 0; padding: 0 10px; list-style: none; z-index:9999;}
.sub_producer .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.sub_producer .flex-control-paging li a {width:11px; height: 11px; display: block; background: #b6b6b6; cursor: pointer; text-indent:-9999px; border-radius:10px;}
.sub_producer .flex-control-paging li a:hover { background: #cf1414;   }
.sub_producer .flex-control-paging li a.flex-active { background: #cf1414;  cursor: default; }
/******* //slider02 *********************************/ 


@media (max-width: 768px) {
 
.customer_wrap .left_area {float:left; width:100%; margin-right:0%; margin-bottom:20px;}
.customer_wrap .right_area {float:left; width:100%;}


}

/*평택팜 소개*/
.info_wrap {margin-bottom:100px; overflow:hidden;}
.info_wrap .left {float:left;}
.info_wrap .right {float:right;}
.info_wrap .info01 {width:30%;}
.info_wrap .info01 .tit {font-size:2.2em; font-weight:bold; line-height:1.2; position:relative; margin-bottom:50px;}
.info_wrap .info01 .tit::before {position:absolute; content:""; left: 178px; background:url("../img/info_butterfly.png") no-repeat; width:22px; height:23px;}
.info_wrap .info01 .tit::after {position:absolute; content:""; left:0; bottom:-25px; width:30px; height:1px; background:#000;}
.info_wrap .info01 .text {font-size:1.2em; line-height:1.2;}
.info_wrap .info02 {width:70%;}
.info_wrap .info02 ul {overflow:hidden;}
.info_wrap .info02 ul li {float:left; width:50%; background:#f5f5f5; min-height:280px; text-align:left; }
.info_wrap .info02 ul li.cont {padding:30px;}
.info_wrap .info02 ul li.cont h2 {font-size:1.4em; margin-bottom:20px;}
.info_wrap .info03 {width:70%;}
.info_wrap .info04 {width:30%;}
.info_wrap .info04 ul {border-top:1px solid #89bd2e; border-bottom:1px solid #eee; padding:25px 0;}
.info_wrap .info04 ul li {position:relative; padding-left:20px; margin-bottom:10px;}
.info_wrap .info04 ul li::after {position:absolute; content:""; width:3px; height:3px; background:#555; left:0; top:10px; border-radius:50%; }
.info_wrap .info04 ul li .tit {width:130px; display:inline-block; font-weight:bold; }

.brand_wrap {background:url("../img/info_img04.png") no-repeat center top; text-align:center; margin:80px 0; position:relative;}
.brand_wrap .mb20 {margin-bottom:20px; padding-top: 35px;}
.brand_wrap .brand_tag {margin-bottom:60px;}
.brand_wrap .brand_tag ul {display:table; margin-left:auto; margin-right:auto; overflow:hidden;}
.brand_wrap .brand_tag ul li {background:#f5fafe; padding:8px 20px; border-radius:20px; float:left;color:#000; margin-right:5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.brand_wrap .brand_text { font-size:2.2em; font-weight:bold; line-height:1.3; letter-spacing:-1px;}
.brand_wrap .brand_text .small {font-size:20px; color:#4d4d4f; margin-top:10px; font-weight:normal;}
.brand_wrap .brand_text .mint {color:#00b2ba;}
.brand_wrap .brand_text .green {color:#6eb43c;}
.brand_wrap .brand_text .pink {color:#ef3d6b;}
.brand_wrap .brand_cont {text-align:left; margin-top:100px; width:40%; font-size:1.1em; color:#595959;  line-height:1.5}
.brand_wrap .brand_cont h2 {font-weight:bold; font-size:1.3em; margin-bottom:20px; line-height:1.2}
.brand_wrap .brand_img { position:absolute; right:0; bottom:-50px; }

.farm_wrap {overflow:hidden;}
.farm_wrap ul {}
.farm_wrap ul li {margin-bottom:45px; overflow:hidden;}
.farm_wrap ul li .photo {width:28%; float:left; margin-right:1%;}
.farm_wrap ul li .cont {width:71%; float:left; background:#f4f4f4; border-radius:5px; min-height:208px; padding:20px; }
.farm_wrap ul li .cont .tit {margin-bottom:30px; font-weight:bold; font-size:1.4em;}
.farm_wrap ul li .cont .tit img {margin-right:10px;}

.join_title {font-size:1.1em; text-align:left; width:535px; margin:80px auto; padding-left:220px; position:relative;}
.join_title h2 {font-size:1.4em; font-weight:bold; margin-bottom:10px; margin-top:30px;}
.join_title::before {position:absolute; content:""; left:0; top:-25px; width:200px; height:140px; background:url("../img/info_img14.png") no-repeat;}
.join_wrap {padding:40px; border-bottom:1px solid #eee; position:relative;}
.join_wrap .join_tit {font-weight:bold; font-size:1.1em; margin-bottom:20px; position:relative; padding-left:25px;}
.join_wrap .join_tit::before {background:url("../img/info_icon08.png") no-repeat ; content:""; position:absolute; width:15px; height:6px; left:0; top:8px;}
.join_wrap ul {padding:15px 0;}
.join_wrap ul li {position:relative; padding-left:20px; margin-bottom:5px;}
.join_wrap ul li::before {position:absolute; width:3px; height:3px; background:#000; content:""; left:8px; top:10px;}
.join_wrap .join_box {display:flex; align-items:center; padding:20px 0;}
.join_wrap .join_box .box_title {width:15%; position:relative; padding-left:50px; font-weight:bold; font-size:1.05em;}
.join_wrap .join_box .box_title .num {position:absolute; left:0; top:-8px; width:40px; height:40px; font-weight:normal; background:#c1c1c1; color:#fff; text-align:center; line-height:2.2; border-radius:50%;}
.join_wrap .join_box .box_cont {width:85%;padding-left:30px; border-left:1px solid #333;}
.join_wrap .join_box .small {font-size:0.85em; color:#43a9ae; }
.join_wrap .join_img {position:absolute; right:0; bottom:20px; z-index:0}
.join_wrap .join_btn {text-align:center; margin:50px 0;}
.join_wrap .join_btn a {padding:15px 40px; color:#fff; background:#00b2ba; border-radius:5px; line-height:1.8; font-size:0.9em; font-weight:bold; position:relative;}
.join_wrap .join_btn a::after {position:absolute; content:""; right:10px; top:23px; width: 0;  height: 0;  border-bottom: 3px solid transparent;  border-top: 3px solid transparent;  border-left: 5px solid #fff;  border-right: 5px solid transparent;}
.join_wrap .join_btn .bg2 { background:#6eb43c; }
.join_wrap .chart {text-align:center; margin-bottom:50px}

.guide_title {font-size:1.4em; font-weight:bold; margin:30px 0; text-align:center;}
.guide_box01 {border:1px solid #eee; border-top:2px solid #89bd2e; margin-bottom:60px;}
.guide_box01 ul {display:flex; align-item:center;}
.guide_box01 ul li {width:20%; text-align:center; border-right:1px solid #eee;}
.guide_box01 ul li:last-child {border-right:0;}
.guide_box01 ul li .icon {padding:30px;}
.guide_box01 ul li .title {padding:10px 0; text-align:center; text-align:center; background:#f7f7f7; border-top:1px solid #eee;}

.guide_box02 {margin-bottom:50px;}
.guide_box02 ul {}
.guide_box02 ul > li {border-top:1px solid #333; padding:40px 0; overflow:hidden;}
.guide_box02 ul > li .icon_box {background:#89bd2e; padding:50px; float:left; width:200px; text-align:center;}
.guide_box02 ul > li .cont {float:left; width:calc(100% - 200px); padding-left:30px; line-height: 1.6;}
.guide_box02 ul > li .cont h2 {font-size:1.2em; color:#000; margin-bottom:35px; position:relative;}
.guide_box02 ul > li .cont h2::after {position:absolute; content:""; width:20px; height:1px; left:0; top:40px; background:#000;}
.guide_box02 ul > li .cont strong {color:#000; padding:5px 0;}
.guide_box02 ul > li .cont .cont_ul {overflow:hidden; margin-top:30px;}
.guide_box02 ul > li .cont .cont_ul .ul_left {float:left; width:50%}
.guide_box02 ul > li .cont .cont_ul .ul_left strong {color:#000; }
.guide_box02 ul > li .cont .cont_ul .ul_left > ul {margin-top:10px;}
.guide_box02 ul > li .cont .cont_ul .ul_left > ul > li {border-top:0; padding:0px 0; font-size:0.95em; padding-left:15px; position:relative; letter-spacing:-1px;}
.guide_box02 ul > li .cont .cont_ul .ul_left > ul > li::before {position:absolute; content:""; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#000}

.manage_title {font-size:2.0em; font-weight:bold; text-align:center;}
.manage_title img {vertical-align: text-top; padding: 0 10px;}

.accordion {
  background-color: #e7e7e7;
  color: #636363;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.1em;
  transition: 0.4s;
  font-weight:bold;
}

.accordionactive, .accordion:hover {
  background-color: #f8f8f8;
  border-bottom:1px solid #fff;
}

.accordion:after {
  content: '\002B';
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordionactive:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f8f8f8;
  border-bottom:1px solid #fff;
}
@media (max-width: 1024px) {
	.farm_wrap ul li .photo {width: 34%;}
	.farm_wrap ul li .cont {width: 65%;}

}

@media (max-width: 1000px) {
	.info_wrap .info01 { width:100%; margin-bottom:20px; }
	.info_wrap .info02 { width:100%; }
	.info_wrap .info03 { width:100%; }
	.info_wrap .info04 { width:100%; }
	.brand_wrap .brand_cont { width:50%; }
	.brand_wrap .brand_img { text-align:right;}
	.brand_wrap .brand_img img {width:60%;}
	.join_wrap .join_box .box_title {width:25%;}
	.join_wrap .join_box .box_cont {width:75%; padding-left: 15px;}
	.join_wrap .join_img {position:relative; text-align:center; margin-top:30px;}

	.guide_box02 ul > li .cont .cont_ul .ul_left {float:none; width:100%;}
	.guide_box01 ul li .icon {padding:10px;}
	.guide_box01 ul li .icon img{max-width:80% !important;}
}

@media (max-width: 767px) {
	.farm_wrap ul li .photo {width: 100%; text-align:center; margin-bottom:10px;}
	.farm_wrap ul li .cont {width: 100%;}
	.join_wrap {padding:40px 0;}
	.guide_box02 ul > li .icon_box {float:none; margin:0 auto 30px;}
	.guide_box02 ul > li .cont {width:100%; padding-left:0;}
}

@media (max-width: 540px) {
	.info_wrap .info02 ul li { width:100%; }
	.brand_wrap .brand_cont { width:100%; }
	.brand_wrap .brand_img { position:relative;}
	.brand_wrap .brand_img img {width:100%;}
	.brand_wrap .brand_tag ul {display:block; }
	.brand_wrap .brand_tag ul li { display:inline-block; float:none; margin-bottom:5px;}
	.join_title {width:100%; padding-top: 100px; padding-left: 0; text-align:center; margin: 60px auto;}
	.join_title::before {left:50%; transform:translateX(-50%)}
	.join_wrap .join_box {display:block; }
	.join_wrap .join_box .box_title {width:100%;  margin-bottom: 20px;}
	.join_wrap .join_box .box_cont {width:100%; padding-left: 0px;    border-left:0;}
	.join_wrap .join_btn a {padding: 15px 20px}
	.join_wrap .join_btn a::after {right:4px;}
	.manage_title {line-height: 1.5;}
}

/*마이페이지*/
.mypage_wrap {border-top:1px solid #cccccc; border-bottom:1px solid #ccc; margin-bottom:50px; font-size:14px;}
.mypage_wrap .mypage_side {float:left; width:20%;  box-sizing:border-box;}
.mypage_wrap .mypage_side .title {height:130px; background:#f2f2f2; border-bottom:1px solid #ccc; text-align:center; color:#333333; font-size:30px; font-weight:bold; vertical-align:middle; line-height:130px;}
.mypage_wrap .mypage_side .sidemenu {padding:20px;}
.mypage_wrap .mypage_side .sidemenu ul {}
.mypage_wrap .mypage_side .sidemenu ul li {border-bottom:1px solid #e5e5e5; padding:18px 0; line-height:180%;}
.mypage_wrap .mypage_side .sidemenu ul li:last-child {border-bottom:none;}
.mypage_wrap .mypage_side .sidemenu ul li h3 {font-size:18px; color:#333333; margin-bottom:10px;}
.mypage_wrap .mypage_side .sidemenu ul li a {display:block;}


.mypage_wrap .mypage_area {float:left; width:80%; border-left:1px solid #cccccc; min-height:800px;}
.mypage_wrap .mypage_area_sub {float:left; width:80%; border-left:1px solid #cccccc; min-height:800px; box-sizing:border-box; padding:30px;}

.mypage_sec01 {float:left; width:60%;}
.mypage_sec01 ul {}
.mypage_sec01 ul li {float:left; display:table; width:33.33333%; height:160px; border-bottom:1px solid #CCC; text-align:center;}
.mypage_sec01 ul li a {display:table-cell;  vertical-align:middle; width:100%; height:100%;}
.mypage_sec01 ul li a.small_link {display:block; border-left:1px solid #CCC; height:79px; line-height:79px;}
.mypage_sec01 ul li a.small_link:first-child {border-bottom:1px solid #ccc;}
.mypage_sec01 ul li a strong {color:#f47610;}

.mypage_sec02 {float:left; width:40%; border-bottom:1px solid #CCC; height:320px; border-left:1px solid #CCC; padding:20px 25px;}
.mypage_sec02 table {}
.mypage_sec02 table th {text-align:left; padding:8px 10px 8px 0; position:relative; width:100px;}
.mypage_sec02 table th::after {position:absolute; content:"";  top:15px; background:#CCC; height:10px; width:1px; right:0;}
.mypage_sec02 table td { padding:8px 10px; letter-spacing:-1px;}


.mypage_sec03 {float:left; width:85%; height:200px; border-bottom:1px solid #ccc; overflow:hidden; padding:25px;}
.mypage_sec03 .title {font-size:18px; color:#222; font-weight:bold; margin-bottom:20px;}
.mypage_flow {margin-top:10px;}
.mypage_flow li {float:left; width:20%; text-align:center; font-size:14px; color:#333333; font-weight:bold; position:relative;}
.mypage_flow li a {display:block;}
.mypage_flow li::after { content: "\f054";  font-family: 'FontAwesome'; position:absolute; right:0; top:30%; color:#d2d2d2; font-size:24px;}
.mypage_flow li:last-child::after {content:"";}
.mypage_flow li strong {font-size:24px;}


.mypage_sec04 {float:left; width:15%; height:200px; border-bottom:1px solid #ccc; overflow:hidden; border-left:1px solid #ccc; padding:25px; font-size:18px; text-align:center; font-weight:bold; position:relative;}
.mypage_sec04 img {margin-top:40px; margin-bottom:10px;}
.mypage_sec04 a strong {color:#f47610;}

.mypage_sec05 {padding:35px 0px 35px 25px; border-bottom:1px  solid #ccc; position:relative;}
.mypage_sec05 .title {font-size:18px; color:#222; font-weight:bold; margin-bottom:20px;}
.mypage_sec05 a.more {position:absolute; right:0; top:35px;}

.mypage_sec06 {padding:35px 0px 35px 25px;}
.mypage_sec06 .title {font-size:18px; color:#222; font-weight:bold; margin-bottom:30px;}
.mypage_sec06 .subtitle {font-size:14px; color:#222; font-weight:bold; margin-bottom:10px;}
.mypage_sec0601 {float:left; width:74%;}
.mypage_sec0602 {float:left; width:26%; padding-left:2.5%;}


@media (max-width:900px) {

 
.mypage_wrap .mypage_side {width:100%;}
.mypage_wrap .mypage_area {float:left; width:100%; border-left:none; min-height:800px; border-top:1px solid #000; margin-top:20px;}
.mypage_wrap .mypage_area_sub {float:left; width:100%; border-left:none; min-height:800px; box-sizing:border-box; padding:30px 0px 10px 0px; border-top:1px solid #000; margin-top:20px;}
.mypage_wrap .mypage_side .title {display:none;}

.mypage_wrap .mypage_side .sidemenu {padding:10px 0 0 0;}
.mypage_wrap .mypage_side .sidemenu ul {display:table; width:100%;}
.mypage_wrap .mypage_side .sidemenu ul li {border-bottom:none; padding:0px 0; line-height:180%; float:none; display:table-cell; width:33.333%; text-align:center; border:1px solid #e5e5e5; border-right:none;}
.mypage_wrap .mypage_side .sidemenu ul li:last-child {border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.mypage_wrap .mypage_side .sidemenu ul li h3 {font-size:14px; color:#333333; margin-bottom:5px; display:none;}
.mypage_wrap .mypage_side .sidemenu ul li a {display:block; font-size:14px; border-bottom:1px solid #e5e5e5; letter-spacing:-1px; line-height:35px; white-space:nowrap;}
.mypage_wrap .mypage_side .sidemenu ul li a:last-child {border-bottom:none;}
.mypage_wrap .mypage_side .sidemenu ul li:last-child a:last-child {border-bottom:1px solid #e5e5e5;}


}

@media (max-width:800px) {

.mypage_sec01 {width:100%;}
.mypage_sec02 {border-left:none; width:100%; height:auto;}

.mypage_sec03 {width:100%; height:auto; padding:25px 0;}
.mypage_sec04 {display:none;}
.mypage_sec05 {padding:35px 0px 35px 0;}
.mypage_sec06 {padding:35px 0px 35px 0px;}
}

@media (max-width: 767px) {
	.mypage_sec0601 {float:left; width:66%;}
	.mypage_sec0602 {float:left; width:34%; padding-left:2%;}
}


@media (max-width:600px) {
.mypage_wrap .mypage_side .sidemenu ul li a {display:block; font-size:12px; line-height:25px;}
.mypage_flow li {float:left; width:20%; text-align:center; font-size:12px; color:#333333; font-weight:bold; position:relative;}
.mypage_flow li::after { content: "\f054";  font-family: 'FontAwesome'; position:absolute; right:0; top:30%; color:#d2d2d2; font-size:16px;}

.mypage_sec0601 {float:left; width:100%;}
.mypage_sec0602 {display:none;}


}


/*입점안내*/
.enter-info h3 {text-align:center;  font-size:22px; color:#333; font-weight:normal;}
.enter-info h3 strong {color:#36afff;}

.enter-info .enterBox {float:left; width:48.5%;}
.enter-info .enterBox.last {margin-left:3%;}

.enter-info .enterBox .content-title {font-size:16px; color:#222; margin-top:35px; font-weight:bold; background:url(../img/content-title-bullet.png) no-repeat 0 10px; padding-left:15px; margin-bottom:10px;}
.enter-info .enterBox .content-cont {background:#f3f3f3; padding:25px 18px; letter-spacing:-1px;  line-height:200%;} 
.enter-info .enterBox .content-cont.first-child {height:160px;}
.enter-info .enterBox .content-cont a.download_btn {display:inline-block; border:1px solid #999999; background:url(../img/download_arrow.png) no-repeat right center #FFF; font-size:12px; padding:0 30px 0 10px; height:25px; line-height:25px; margin-left:10px;}

.enter-info p.imgWrap {display:block; text-align:center;}
.enter-info p.imgWrap img {max-width:100%;}

@media (max-width: 768px) {
.enter-info h3 {text-align:center;  font-size:18px; line-height:180%;}
.enter-info .enterBox {float:left; width:100%; margin-bottom:20px;}
.enter-info .enterBox.last {margin-left:0;}
.enter-info .enterBox .content-cont.first-child {height:auto;}
}


/*이용약관*/
.provision {}
.provision .top_txt {background:#f3f3f3; padding:30px; text-align:center; margin-bottom:30px; line-height:180%;}
.provision .top_txt2 {background:#f3f3f3; padding:30px; text-align:left; margin-bottom:30px; line-height:180%;}
.provision .top_txt2 p {border-top:none; padding-top:0;}
.provision .top_txt h3 {font-size:24px;}
.provision .top_txt p {font-size:14px; border-top:none; padding-top:0;}
.provision .provision_title {font-size:16px; font-weight:500; margin-top:30px; margin-bottom:20px; border-left:2px solid #003b6c; padding-left:10px; line-height:100%;}
.provision p {color:#333; border-top:1px solid #e5e5e5; padding-top:20px;}

.tbTypeA {width:100%;border-top:1px solid #8d8075;border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeA thead tr th {padding:10px;min-width:50px; background:#eee; color:#333; border:1px solid #e5e5e5;text-align:center;line-height:20px; vertical-align:middle;font-weight:normal;}
.tbTypeA tbody tr th {text-align:left;min-width:50px;border:1px solid #8d8075;background:#968574; color:#fff; font-weight:500; padding:15px 20px; }
.tbTypeA tbody tr td {padding:5px 20px; text-align:left; border:1px solid #d9d9d9; line-height:20px;vertical-align:middle; background:#fff;color:#555555;}


@media (max-width: 768px) {
.provision .top_txt h3 {font-size:18px;}
}


/*장터소개*/
.company_box_top {font-size:22px; color:#333; line-height:130%; margin-bottom:30px;}
.company_box_top span {color:#139a50;}
.company_box {position:relative;}
.company_box .txt {position:absolute; top:0; right:0; width:40%; background:rgba(0,0,0,0.6); height:100%; color:#FFF; box-sizing:border-box; padding:30px;}
.company_box .txt p.sign {font-size:18px;  margin-top:50px;  text-align:right;}

@media (max-width:1000px) {

.company_box .txt {position:relative; top:auto; bottom:0; right:0; width:100%; background:rgba(0,0,0,0.6); height:100%; color:#FFF; box-sizing:border-box; padding:30px;}
.company_box .txt p.sign {font-size:18px; float:none; margin-top:50px;}
}


/*장날*/
#daumRoughmapContainer1553128393631 {width:100%;}
.jangnal_box_top {font-size:22px; color:#333; font-weight:bold; margin-bottom:20px; margin-top:50px; letter-spacing:-1px;}
.jangnal_box_top span {color:#139a50;}

.jangnal_box01 {position:relative; margin-bottom:20px; background:#6f6258;}
.jangnal_box01 .img {float:left; width:63.5%;}
.jangnal_box01 .img img {width:100%;}
.jangnal_box01 .txt {float:left; top:0; width:36.5%; z-index:9; right:0; padding:40px;}
.jangnal_box01 .txt table {}
.jangnal_box01 .txt table th {text-align:left; color:#fff; border-bottom:1px solid #847971; width:80px; padding:10px 0; vertical-align:top;}
.jangnal_box01 .txt table td { color:#fff; border-bottom:1px solid #847971; padding:10px 0; vertical-align:top;}

.jangnal_box_left {float:left; width:50%; padding-right:20px; border-right:1px solid #ddd;}
.jangnal_box_right {float:left; width:50%; padding-left:20px;}

.jangnal_img {margin:20px 0;}


@media (max-width:1200px) {
 
.jangnal_box01 .img {float:left; width:60%;}
.jangnal_box01 .txt {float:left; top:0; width:40%; z-index:9; right:0; padding:20px;}
}

@media (max-width:700px) {
.jangnal_box_top {font-size:18px;}
.jangnal_box01 .img {float:left; width:100%;} 
.jangnal_box01 .txt {position:relative; top:0; width:100%; z-index:9; right:0; padding:30px;}
.jangnal_box01 .txt table {font-size:12px; width:100%;}
}

/*관광*/
.tour-tab {margin-bottom:30px;}
.tour-tab ul {}
.tour-tab ul li {float:left; width:25%;}
.tour-tab ul li a {text-align:center; background:#F3f3f3; border:1px solid #ddd; display:block; margin-left:-1px; margin-top:-1px; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tour-tab ul li a.active {background:#139a50; color:#fff;}

.yctour_title {font-size:22px; color:#333; margin:20px 0;}
.yctour_info {border-top:1px solid #000; border-bottom:1px solid #a8a8a8; padding:20px 0;}
.yctour_info span {margin-right:20px;}

.yctour_subtitle {font-size:18px; color:#333; margin:20px 0;}
.yctour_cont {background:#eff7f6; padding:30px;}

#daumRoughmapContainer1552893180530 {width:100%;}
#daumRoughmapContainer1552893528237 {width:100%;}
#daumRoughmapContainer1552893810727 {width:100%;}
#daumRoughmapContainer1552893923214 {width:100%;}
#daumRoughmapContainer1552894085850 {width:100%;}
#daumRoughmapContainer1552894607911 {width:100%;}
#daumRoughmapContainer1552894735659 {width:100%;}
#daumRoughmapContainer1552894797387 {width:100%;}
#daumRoughmapContainer1553498346999 {width:100%;}
 
@media (max-width: 500px) {
.tour-tab ul li {float:left; width:50%; } 
.tour-tab ul li a {font-size:12px;}
}


/*이용안내*/
.guide_page {}
.guide_page .content-title {font-size:16px; color:#000; margin-top:50px; margin-bottom:20px;}
.guide_page .content-title span {display:inline-block; border-bottom:1px solid #000;}
.guide_page .content-title::before {content: "\f068";   font-family: 'FontAwesome'; font-size:15px; color:#1b6698; margin-right:5px;}
.guide_page .txtlist2 {margin-left:20px;}
.guide_page .txtlist2 li {background:url(../img/list-bullet2.png) no-repeat 0 7px; padding-left:10px;}
.guide_txtbox {background:#eff7f6; padding:25px;   margin-top:15px; border-radius:10px;}
.guide_txtbox img {max-width:100%;}
.guide-table {}
.guide-table table th {width:80px; text-align:left; vertical-align:top; background:url(../img/list-bullet2.png) no-repeat 0 7px; padding-left:10px;}
.guide-table table td {vertical-align:top;}

.guide-table2 {}
.guide-table2 table th {width:120px; text-align:left; vertical-align:top; background:url(../img/list-bullet2.png) no-repeat 0 7px; padding-left:10px;}
.guide-table2 table td {vertical-align:top;}


/*상주참외는*/
.at-container-story {max-width:1121px; margin:0 auto; width:100%; position:relative;}
.story_top_txt {position:relative; padding-left:100px; margin-top:80px; margin-bottom:30px; background:url(/img/story_img01.jpg) no-repeat right -30px; height:166px;}
.story_top_txt .point {width:81px; height:81px; background:#14a346; font-size:18px; color:#FFF; border-radius:81px; text-align:center; line-height:79px; position:absolute; left:0; top:0;}
.story_top_txt .text01 {color:#14a346; font-size:24px; font-weight:bold; line-height:120%;}
.story_top_txt .text02 {color:#333333; font-size:60px; line-height:120%; font-weight:bold;  text-indent:-10px;}
.story_top_txt .text03 {color:#333333; font-size:18px; line-height:120%; margin-top:10px;}

@media (max-width: 767px) {

.story_top_txt {height:120px; margin-bottom:20px; background:none;}
.story_top_txt .text01 {color:#14a346; font-size:18px; font-weight:bold; line-height:120%;}
.story_top_txt .text02 {color:#333333; font-size:40px; line-height:120%; font-weight:bold;  text-indent:-10px;}
.story_top_txt .text03 {color:#333333; font-size:14px; line-height:120%; margin-top:10px;}

}


.story_tab {}
.story_tab .img {overflow:hidden;}
.story_tab .tab {background:url(/img/story_tab_bg.jpg) repeat-x; height:115px; position:relative; top:-55px; z-index:9;}
.story_tab .tab li {float:left; width:25%; border-left:1px solid #238646; box-sizing:border-box;  position:relative;}
.story_tab .tab li a {display:block; color:#FFF; font-size:20px; padding:20px; height:115px; font-weight:bold;}
.story_tab .tab li:first-child {border-left:none;}
.story_tab .tab li a p {font-size:14px; position:absolute; right:20px; bottom:20px; font-weight:normal;}
.story_tab .tab li a p i {font-size:18px;}
.story_tab .tab li a.active {background:#ffef4c; color:#14a346;}

.story_txtbox {}
.story_txtbox ul li {font-size:16px; color:#555555; float:left; width:50%; box-sizing:border-box;}
.story_txtbox ul li:first-child {padding-right:20px;}
.story_txtbox ul li:last-child {padding-left:20px;}
.story_txtbox ul li .bigtxt {font-size:24px; color:#333333; font-weight:bold; margin-bottom:30px; line-height:140%;}


@media (max-width: 767px) {

.at-container-story {padding:0 10px;}
.story_tab .img img {width:100%;}
.story_tab .tab {height:70px; top:-30px;}
.story_tab .tab li a {font-size:14px; line-height:140%; padding:15px 10px; height:70px; text-align:Center; letter-spacing:-1px;}
.story_tab .tab li a p {display:none;}
.story_txtbox ul li {width:100%;}
.story_txtbox ul li:first-child {padding:0 20px;}
.story_txtbox ul li:last-child {padding:0 20px; margin-top:20px;}


}


.story_txtbox2 {margin-top:60px; background:url(/img/story_img03.jpg) no-repeat right bottom #e2e5ed; padding:50px 0 50px 0px; position:relative;}
.story_txtbox2_title {position:absolute; width:240px; left:0;}
.story_txtbox2_title .text01 {font-size:20px; color:#333333; border:3px solid #333333; border-radius:50px; text-align:center; line-height:160%; font-weight:bold; margin-top:30px; padding:5px 0;}
.story_txtbox2_title .text02 {font-size:60px; color:#333333; font-weight:bold; line-height:160%; text-align:center;}
.story_txtbox2_title .text03 {font-size:18px; color:#333333; text-align:center;  margin-top:90px; line-height:160%;}
.story_txtbox2_inner {position:relative; padding-left:340px;}
.story_txtlist2 {}
.story_txtlist2 li {float:left; width:33.33333%; background:#FFF; border:1px solid #cfcfcf; margin-left:-1px; margin-top:-1px; text-align:center; padding:50px 10px; position:relative; cursor:pointer;}
.story_txtlist2 li .off p {font-size:18px; color:#333; font-weight:bold;}
.story_txtlist2 li:hover .hover {display:table-cell;}
.story_txtlist2 li .hover {position:absolute; display:none;width:100%; height:100%; z-index:99; top:0; left:0; background:#14a346; padding:40px 10px; vertical-align:middle;}
.story_txtlist2 li .hover h3 {font-size:18px; color:#FFF;}
.story_txtlist2 li .hover p {font-size:14px; color:#bae9cb; line-height:140%; margin-top:10px;}


@media (max-width: 767px) {
.story_txtbox2 {padding:20px;}
.story_txtbox2_title {position:relative; width:100%; left:0; }
.story_txtbox2_title .text01 {font-size:20px; }
.story_txtbox2_title .text02 {font-size:40px; }
.story_txtbox2_title .text03 {font-size:18px; margin-top:20px; margin-bottom:20px;}

.story_txtbox2_inner {position:relative; padding-left:0px;}
.story_txtlist2 li {padding:30px 5px;}
.story_txtlist2 li .off p {font-size:12px;}

}


.story_txtbox3 {margin-top:60px;}
.story_txtbox3 .story_txtbox3_title {text-align:center; margin-bottom:30px; position:relative;}
.story_txtbox3 .story_txtbox3_title p {font-size:18px;}
.story_txtbox3 .story_txtbox3_title h3 {font-size:36px; color:#333; line-height:140%;}
.story_txtbox3 .story_txtbox3_title a.main_more {position:absolute; font-size:14px; right:0; bottom:0;}

.storyList {margin-left:-3%;}
.storyList li {float:left; width:22%; border:1px solid #d9d9d9; margin-left:3%;}
.storyList li .info {padding:18px;}
.storyList li .img img {max-width:100%;}
.storyList li .info p {font-size:14px;}
.storyList li .info h3 {font-size:18px; font-weight:normal; line-height:120%; height:36px;}
.storyList li .info p.more {background:#666666; color:#FFF;  text-align:center; padding:5px 0; margin-top:30px;}


@media (max-width: 767px) {
.story_txtbox3 .story_txtbox3_title p {font-size:16px;}
.story_txtbox3 .story_txtbox3_title h3 {font-size:24px; color:#333; line-height:140%;}
.storyList li {float:left; width:47%; border:1px solid #d9d9d9; margin-left:3%; margin-bottom:3%;}

.storyList li .info h3 {font-size:16px; font-weight:normal; line-height:120%; height:32px;}
}

.story2_top_txt {background:url(/img/story_img08.jpg) no-repeat; padding-left:260px; height:149px; margin-bottom:60px;}
.story2_top_txt h4 {font-size:24px; color:#333333; line-height:140%; font-weight:normal; letter-spacing:-1px;}
.story2_top_txt h3 {font-size:60px; color:#333333; line-height:140%;}
.story2_top_txt p {font-size:16px; color:#333333;}

@media (max-width: 767px) {

.story2_top_txt {background-size:150px; padding-left:170px; height:auto; margin-bottom:30px;}
.story2_top_txt h4 {font-size:18px; }
.story2_top_txt h3 {font-size:30px;}
.story2_top_txt p {font-size:14px; line-height:140%;}


}


.story2_txtbox {}
.story2_txtbox li {background:#f1f1f1; margin-bottom:30px;}
.story2_txtbox li .img {width:50%;}
.story2_txtbox li .img img {max-width:100%;}
.story2_txtbox li .txt {float:left; width:50%; box-sizing:border-box; padding:30px 50px;}
.story2_txtbox li .txt .title {font-size:24px; color:#333333; font-weight:bold; line-height:140%; padding-top:35px; background:url(/img/story_text_deco.png) no-repeat;}
.story2_txtbox li .txt .desc {font-size:16px; color:#333333; margin-top:10px;}

.story2_txtbox li:nth-child(even) .img {float:left;}
.story2_txtbox li:nth-child(odd) .img {float:right;}


@media (max-width: 767px) {
.story2_txtbox li .img {width:100%;}
.story2_txtbox li .txt {float:left; width:100%;}
.story2_txtbox li .txt .title {font-size:18px;}
.story2_txtbox li .txt .desc {font-size:14px; line-height:140%;}

}


.story3_txtbox {background:#f5f5f5; border-top:2px solid #000000; margin-bottom:70px; padding:45px; box-sizing:border-box; position:relative; margin-left:13px;}
.story3_txtbox .title {width:274px; height:70px; background:url(/img/story_title_b.png) no-repeat; font-size:20px; color:#333; font-weight:bold; position:absolute; top:-35px; z-index:9; left:-13px; box-sizing:border-box; padding:15px 20px;}
.story3_txtbox .img {float:left; width:27%; margin-right:3%;}
.story3_txtbox .img img {max-width:100%;}
.story3_txtbox .txt {float:left; width:70%; font-size:16px;}

.story3_txtlist {}
.story3_txtlist li {position:relative; padding-left:45px; margin-top:30px;}
.story3_txtlist li .num {position:absolute; width:32px; height:32px; border-radius:32px; background:#14a346; text-align:center; color:#FFF; line-height:30px; font-size:14px; font-weight:bold; left:0;}
.story3_txtlist li h3 {font-size:18px; margin-bottom:15px;}
.story3_txtlist li p {font-size:16px;}


@media (max-width: 767px) {

.story3_txtbox {padding:45px 20px;}
.story3_txtbox .img {float:left; width:37%; margin-right:3%;}
.story3_txtbox .txt {float:left; width:60%; font-size:16px;}

}


.story_table {}
.story_table table {border-collapse:collapse; width:100%;}
.story_table table th {background:#5cb76e; border:1px solid #f5f5f5; color:#FFF; font-weight:normal; padding:5px;}
.story_table table td {background:#FFF; border:1px solid #e8e8e8; color:#555555; text-align:center; padding:5px;}
.story_table p.alt {margin-top:10px; font-size:16px;}

@media (max-width: 767px) {

.story_table {overflow-x:scroll;}
.story_table table {border-collapse:collapse; width:100%; min-width:700px;}

}


.story_table2 {}
.story_table2 table {border-collapse:collapse; width:100%;}
.story_table2 table th {background:#14a346; border-bottom:20px solid #fff; color:#FFF; font-weight:normal; padding:10px; font-size:16px; }
.story_table2 table td {background:#f5f5f5; border-bottom:20px solid #fff; color:#555555; font-size:16px; padding:10px;}
.story_table2 table td.date {width:150px; text-align:center; color:#14a346; font-weight:bold;} 
.story_table2 table td.ha {width:170px; text-align:center; color:#555555; border-left:1px solid #dadada;} 

@media (max-width: 767px) {

.story_table2 table th {font-size:14px; line-height:100%;}
.story_table2 table td.date {width:70px; text-align:center; color:#14a346; font-weight:bold; font-size:12px;} 
.story_table2 table td.ha {width:90px; text-align:center; color:#555555; border-left:1px solid #dadada; font-size:12px; letter-spacing:-1px;} 
.story_table2 table td  {font-size:14px; line-height:140%;  }


}


/*상주참외소개*/
.company_top_txt {position:relative; padding-left:245px; margin-top:20px; margin-bottom:30px; background:url(/img/company_img02.jpg) no-repeat 0 0; min-height:157px; padding-top:20px;}
.company_top_txt .text01 {color:#14a346; font-size:24px; font-weight:bold; line-height:120%; }
.company_top_txt .text02 {color:#333333; font-size:48px; line-height:120%; font-weight:bold;  text-indent:0px;}
.company_top_txt .text03 {color:#333333; font-size:18px; line-height:120%; margin-top:10px;}

.company_desc {font-size:16px; color:#555555; line-height:160%;}


@media (max-width: 767px) {

.company_top_txt {background-size:150px; padding-left:170px; min-height:auto;}
.company_top_txt .text01 {font-size:18px;}
.company_top_txt .text02 {font-size:30px;}
.company_top_txt .text03 {font-size:14px;}
}


.company2_txtbox {}
.company2_txtbox li {background:#fefce9; margin-bottom:30px;}
.company2_txtbox li .img {width:50%;}
.company2_txtbox li .img img {max-width:100%;}
.company2_txtbox li .txt {float:left; width:50%; box-sizing:border-box; padding:50px 50px;}
.company2_txtbox li .txt .title {font-size:20px; color:#333333; font-weight:bold; line-height:140%; display:inline-block; border:2px solid #333; padding:6px 20px; border-radius:50px;}
.company2_txtbox li .txt .title2 {font-size:36px; color:#333333; font-weight:bold; line-height:140%; margin-top:10px;}
.company2_txtbox li .txt .desc {font-size:18px; color:#333333; margin-top:10px;}

.company2_txtbox li:nth-child(even) .img {float:right;}
.company2_txtbox li:nth-child(odd) .img {float:left;}


@media (max-width: 767px) {

.company2_txtbox li .img {width:100%;}
.company2_txtbox li .txt {width:100%; padding:30px;}
.company2_txtbox li .txt .title {font-size:16px;}
.company2_txtbox li .txt .title2 {font-size:28px;}
.company2_txtbox li .txt .desc {font-size:14px;}
}


.tabContaier2 .tab {margin-left:-1%;}
.tabContaier2 .tab li {float:left; width:10.11111%; margin-left:1%;}
.tabContaier2 .tab li img {max-width:100%;}
.tabContaier2 .tab li p {text-align:center; margin-top:5px; font-size:14px;}
.tabContaier2 .tab li a.active img {border:4px solid #ffcc00;}
.tabContaier2  .tabDetails {margin-top:40px;}
.company_tour_top {border-top:2px solid #000; padding-top:40px;}
.company_tour_top .img { float:left; width:34%;}
.company_tour_top .img img {max-width:100%;}
.company_tour_top .txt { float:left; width:66%; box-sizing:border-box; padding-left:30px;}
.company_tour_top .txt  h3 {font-size:30px; font-family:"Nanum Myeongjo"; color:#000000; font-weight:bold; margin-top:10px; border-bottom:1px solid #d6d6d6; padding-bottom:20px;}
.company_tour_top .txt .tour_table table {width:100%; margin-top:20px; margin-bottom:40px;}
.company_tour_top .txt .tour_table th {font-size:16px; font-weight:bold; color:#000; width:110px; text-align:left; background:url(/img/company_bullet.png) no-repeat 0 14px; padding-left:10px; vertical-align:top;}
.company_tour_top .txt .tour_table td {font-size:16px; color:#555555;  vertical-align:top;}
.company_tour_top .txt a.btn1 {border:1px solid #777777; padding:12px 35px; font-size:14px;}
.company_tour_top .txt a.btn1 i {color:#15819d}
.company_tour_top .txt a.btn2 {border:1px solid #777777; padding:12px 35px; font-size:14px;}
.company_tour_top .txt a.btn2 i {color:#d92554}
.company_tour_desc {line-height:160%; margin:40px 0; font-size:16px;}
.company_tour_title {border-bottom:1px solid #404040;}
.company_tour_title span {display:inline-block; font-size:16px; color:#333333; font-weight:bold; border:1px solid #404040; position:relative; z-index:1; border-bottom:1px solid #fff; background:#FFF; top:1px; padding:5px 40px;}


@media (max-width: 767px) {

.tabContaier2 .tab {margin-left:-1%;}
.tabContaier2 .tab li {float:left; width:19%; margin-left:1%;}
.tabContaier2 .tab li:nth-child(6) {clear:both;}
.company_tour_top .txt  h3 {font-size:22px;}
.company_tour_top .txt .tour_table th {font-size:14px; width:90px;}
.company_tour_top .txt .tour_table td {font-size:14px; line-height:140%; }

.company_tour_top .txt a.btn1 { padding:12px 15px;}
.company_tour_top .txt a.btn2 {padding:12px 15px;}

}


 .company4_top_txt {text-align:center; line-height:160%; margin-bottom:40px;}
 .company4_top_txt h3 {font-size:24px; color:#000000; font-family:"Nanum Myeongjo"; letter-spacing:-1px;}
 .company4_top_txt p {display:block; margin-top:30px;}
 .company4_top_txt p b {font-size:36px; color:#000000; display:inline-block;  background:url(/img/company_tel_icon.jpg) no-repeat 0 5px; padding-left:40px; height:40px; line-height:40px;}
 .company4_top_txt p a.qabtn {display:inline-block; font-size:16px; background:url(/img/arrow_btn.png) no-repeat right center #f6d51d; height:40px; line-height:40px; position:relative; top:-8px; margin-left:10px; padding:0 40px 0 30px; font-weight:bold;}


@media (max-width: 767px) {
 .company4_top_txt p b {font-size:30px; }
  .company4_top_txt p a {font-size:14px;}
}

.company4_title {border-bottom:1px solid #404040; margin-bottom:20px;}
.company4_title span {display:inline-block; font-size:16px; color:#333333; font-weight:bold; border:1px solid #404040; position:relative; z-index:1; border-bottom:1px solid #fff; background:#FFF; top:1px; padding:5px 40px;}

 .company4_desc {line-height:160%; font-size:16px; padding:20px; margin-bottom:40px;}
 .company4_desc .img {text-align:center;}
 .company4_desc .img img {max-width:100%;}

.company4_table table {width:100%; }
.company4_table th {font-size:16px; font-weight:bold; color:#000; width:180px; text-align:left; background:url(/img/company_bullet.png) no-repeat 0 14px; padding-left:10px; vertical-align:top;}
.company4_table th.sec {width:100px;}
.company4_table td {font-size:16px; color:#555555;  vertical-align:top;}

 .company4_desc .company_txtlist {}
 .company4_desc .company_txtlist li {background:url(/img/company_bullet.png) no-repeat 0 14px; padding-left:10px; padding-bottom:10px;}

.enter_img {overflow:hidden; margin-bottom:50px;}
.enter_img .at-container {position:relative;}
.enter_img .enter_top_txt {position:absolute; top:55px; z-index:1; }
.enter_img .enter_top_txt h3 {font-size:18px; color:#009235; margin-bottom:20px;}
.enter_img .enter_top_txt h4 {font-size:36px; color:#333;}

.enter_box_left {float:left; width:68.9%; box-sizing:border-box; padding-right:30px;}
.enter_box_right {float:left; width:31.1%; padding-top:40px;}

.enter_btn {display:inline-block; background:#666666; color:#FFF; font-size:16px; padding:10px 30px; margin-top:18px;}
.enter_btn2 {display:inline-block; color:#333333; font-size:14px; padding:3px 40px 3px 20px; border:1px solid #666666; background:url(/img/arrow_btn.png) no-repeat right center;}

.txtlist_sub {margin:10px 0;}
.txtlist_sub li {background:none !important; font-size:14px; padding-left:0 !important; padding-bottom:0px !important;}


@media (max-width: 767px) {

.company4_title span {display:inline-block; font-size:14px;  padding:5px 30px;}
 .company4_desc {line-height:160%; font-size:14px; padding:20px 10px; margin-bottom:40px;}

.enter_box_left {float:left; width:100%; box-sizing:border-box; padding-right:0px;}
.enter_box_right {display:none;}
.enter_btn {display:inline-block; background:#666666; color:#FFF; font-size:14px; padding:10px 30px; margin-top:18px;}

}


.privacy_table {border-collapse:collapse; width:100%; margin:20px 0;}
.privacy_table th {border:1px solid #ddd; padding:5px 10px; background:#f3f3f3;}
.privacy_table td {border:1px solid #ddd; padding:5px 10px;}


/*상품정보 상세설명 - 2023-07-27 */
.detail_wrap {width:100%; font-size:18px; color:#4f4f4f; border-top:1px solid #d0d0d0;  border-bottom:1px solid #d0d0d0;  padding:140px 0 70px; line-height:1.4;}
.detail_wrap .top_txt {font-size:30px; text-align:center; margin-bottom:10px;}
.detail_wrap .top_tit {font-size:50px; text-align:center; color:#333; font-weight:bold; line-height:50px;}
.detail_wrap .top_photo {text-align:center; margin:60px 0 40px;}
.detail_wrap .cont {text-align:center; font-size:20px;}
.detail_wrap .farm_box {margin:90px 0;}
.detail_wrap .farm_box .bg_photo{position:relative;}
.detail_wrap .farm_box .bg_photo .txt {position:absolute; width: 100%; color:#fff; transform: translate(-50%,-50%);; top:50%; left:50%; text-align:center; font-size:20px;}
.detail_wrap .farm_box .bg_box{position:relative; padding:125px 35px; background:linear-gradient(to right, #e3efcc 25%, #f9fcf4 25%)}
.detail_wrap .farm_box .bg_box .cont_wrap {display:flex; align-items:center;}
.detail_wrap .farm_box .bg_box .cont_wrap .photo {}
.detail_wrap .farm_box .bg_box .cont_wrap .text {padding-left:30px;}
.detail_wrap .farm_box .bg_box .cont_wrap .text h2 {font-size:30px; color:#333;}
.detail_wrap .farm_box .bg_box .cont_wrap .text .txt_green {font-size:24px; color:#89bd2e; font-weight:bold;}
.detail_wrap .font28 {font-size:28px !important;}
.detail_wrap .font22 {font-size:22px !important;}
.detail_wrap .font30 {font-size:30px !important;}
.detail_wrap .mb35 {margin-bottom:35px !important;}
.detail_wrap .font_bold {font-weight:bold !important;}
.detail_wrap .bar01 {width:100%; height:2px; background:linear-gradient(to right, #afd95e 15%, #e3efcc 15%); margin:30px 0;}
.detail_wrap .bar02 {position:relative; width:100%; height:2px; background: #dedede; margin:18px 0;}
.detail_wrap .bar02::before {position:absolute; content:""; left:50%; transform:translateX(-50%); background:#979797; width:60px; height:2px; top:0; }
.detail_wrap .detail_title {font-size:40px; color:#333; margin-bottom:30px; text-align:center; font-weight:bold;}
.detail_wrap .detail_title img {margin-bottom:10px;}
.detail_wrap .detail_box {text-align:center; padding:0 60px; margin-bottom:65px;}
.detail_wrap .detail_box .content {background:#f7f7f7; padding:35px;}
.detail_wrap .detail_box .content h2 {font-weight:bold;color:#4f4f4f; font-size: 26px !important;position: relative !important;line-height: unset !important;}
.detail_wrap .detail_box .content ul {font-size:18px; padding-left:30px;}
.detail_wrap .detail_box .content ul li {text-align:left; position:relative; padding-left:12px; margin-bottom:3px;}
.detail_wrap .detail_box .content ul li::before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#4f4f4f; left:0; top:10px;}
.detail_wrap .guide_box {padding:0 60px; }
.detail_wrap .guide_box ul {border-top:2px solid #e4e4e4; padding-top:30px; overflow:hidden;}
.detail_wrap .guide_box ul li {float:left; width:33.33%; text-align:center;}
.detail_wrap .guide_box ul li .icon {padding:25px; text-align:center; border-radius:50%; background:#d7d7d7; width:105px; height:105px; margin:0 auto 20px;}
.detail_wrap .guide_box ul li .txt { font-size:16px; line-height:1.5}


@media (max-width: 820px) {
	.detail_wrap {padding:70px 0 70px; }
	.detail_wrap .farm_box .bg_box .cont_wrap .text {font-size:16px;}
}

@media (max-width: 767px) {
	.detail_wrap .farm_box .bg_box .cont_wrap {display:block; }
	.detail_wrap .farm_box .bg_photo .txt {font-size:16px;}
	.detail_wrap .farm_box {margin:40px 0;}
	.detail_wrap .mb35 {margin-bottom:10px !important;}
	.detail_wrap .font24 { font-size: 22px !important;}
	.detail_wrap .font30 { font-size: 26px !important;}
	.detail_wrap .farm_box .bg_box {padding: 50px 20px;}
	.detail_wrap .farm_box .bg_box .cont_wrap .photo {margin-bottom:30px; text-align:center;}
	.detail_wrap .farm_box .bg_box .cont_wrap .text {padding-left:0;}
	.detail_wrap .detail_box {padding: 0 0px;}
	.detail_wrap .detail_box .content { padding: 35px 20px; }
	.detail_wrap .detail_title { font-size: 30px; }
	.detail_wrap .detail_box .content h2 { font-size: 22px; }
	.detail_wrap .detail_box .content ul {    padding-left: 0px;}
	.detail_wrap .guide_box { padding: 0 0px;} 
	.detail_wrap .top_txt {font-size:24px;}
	.detail_wrap .top_tit {font-size: 35px; line-height: 35px;}
	.detail_wrap .cont {font-size:18px;}
}

@media (max-width: 540px) {
	.detail_wrap .guide_box ul li {width:100%; margin-bottom:20px;}
}