@charset "UTF-8";

/*common*/
.titWrap {
	position: relative;
	height: 156px;
	background: #1f1f1f url("../img/sub/bg_visual.png") no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 57px;
}

.titWrap .btn-back {
	display: none;
}

.titWrap h3 {
	color: #fff;
	line-height: 156px;
}

.path {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto 20px;
	font-size: 0;
}

.path li {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	vertical-align: middle;
}

.path li::after {
	content: '';
	position: absolute;
	right: -10px;
	top: 7px;
	width: 9px;
	height: 15px;
	background: url("../img/common/ico_arrow_right.png") no-repeat;
}

.path li:last-child::after {
	display: none;
}

.path li a {
	padding: 0 10px;
	font-weight: 500;
	vertical-align: top;
}

.path li:first-child {
	margin-left: 0;
}

.path li:first-child a {
	padding-left: 0;
}

.path .homeBtn {
	display: block;
	position: relative;
	width: 21px;
	height: 30px;
	margin-right: 10px;
}

.path .homeBtn::after {
	content: '';
	position: absolute;
	bottom: 5px;
	width: 21px;
	height: 19px;
	background: url("../img/common/ico_btn_home.png") no-repeat;
}

@media screen and (max-width:1400px) {
	.path {
		padding: 0 30px;
	}
	.path li a {
		font-size: 18px;
	}
	.path .homeBtn::after {
		bottom: 8px;
	}
}

@media screen and (max-width:1007px) {
	.path {
		display: none;
	}
}

.sectionHeadWrap {
	position: relative;
	margin-top: 60px;
}

.sectionHeadWrap strong.tit {
	display: block;
}

.sectionHeadWrap .tit {
	padding: 0 0 28px 0;
	font-size: 28px;
	color: #000;
	font-weight: 500;
}

.sectionHeadWrap .largeTit {
	padding: 0 0 28px 0;
	font-size: 38px;
	color: #000;
}

.sectionHeadWrap .subTit {
	position: absolute;
	top: 0;
	right: 0;
	color: #005b9e;
}

.sectionHeadWrap .btn {
	position: absolute;
	top: 17px;
	right: 0;
}

.sectionHeadWrap.line {
	border-bottom: 2px solid #4a4653;
}

.sectionHeadWrap .subTit {
	position: absolute;
	top: 17px;
	right: 0;
}

.sectionHeadWrap .pos {
	position: absolute;
	top: 0;
	right: 0;
}

.sectionHeadWrap .btnDownload {
	position: absolute;
	top: 5px;
	right: 0;
}

.sectionHeadWrap .pos .total-number {
	position: static;
	display: inline-block;
	margin-top: 0;
	margin-right: 10px;
	vertical-align: middle;
}

.sectionHeadWrap .pos .btn {
	position: static;
	min-width: 125px;
	padding: 0 10px;
}

.sectionHeadWrap .pos .btnMore {
	margin-left: 14px;
}

.scale .imgWrap {
	overflow: hidden;
}

.scale .imgWrap img {
	transition: all 0.5s ease-out;
	transform: scale(1);
}

.scale a:hover .imgWrap img:not(.thumb_api_data) {
	transform: scale(1.2);
}

.flag {
	display: inline-block;
	height: 39px;
	padding: 0 10px;
	line-height: 39px;
	border: 1px solid #005b9e;
	font-size: 16px;
	color: #005b9e;
}

/*board*/
.boardWrap {
	overflow: hidden;
	border-top: 6px solid #32415e;
	border-bottom: 2px solid #757575;
}

.boardWrap table {
	width: 100%;
	clear: both;
	table-layout: fixed;
	margin-bottom: -1px;
}

.boardWrap table th {
	padding: 18px 0; /* 20220726 리뉴얼 */
	font-size: 20px;
	color: #222;
	text-align: center;
	border-bottom: 1px solid #d5d5d5;
}

.boardWrap table th .btnSort {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 3px;
	padding-top: 2px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.boardWrap table th .btnSort:before {
	content: '';
	display: inline-block;
	overflow: hidden;
	width: 13px;
	height: 7px;
	background: url("../img/sub/btn_sort.png") no-repeat 0 0;
	background-size: 13px 20px;
	vertical-align: top;
}

.boardWrap table th .btnSort.current:before {
	background: url("../img/sub/btn_sort.png") no-repeat 0 100%;
	background-size: 13px 20px;
	vertical-align: top;
}

.boardWrap table td {
	padding: 16px 0;  /* 20220726 리뉴얼 */
	font-size: 18px; /* 20220726 리뉴얼 */
	color: #222;
	text-align: center;
	border-bottom: 1px solid #d5d5d5;
  font-weight: 500;/* 20220726 리뉴얼 */
}

.boardWrap table td.subject {
	text-align: left;
}

.boardWrap table td.subject a {
	vertical-align: 0;
	line-height: 1;
}

.boardWrap table td.subject a span:first-child {
	display: inline-block;
	max-width: 100% !important;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222;
	font-weight: 300;
	vertical-align: middle;
}

.boardWrap table td.subject a:hover {
	color: #005b9e;
}

.boardWrap table td.subject.innerLock a span:first-child {
	max-width: calc(100% - 30px) !important;
}

.boardWrap table td.end {
	color: #e37600;
}

.boardWrap table td.nodata {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

.boardWrap table th.rt, .boardWrap table td.rt {
	text-align: right;
}

.boardWrap table .img {
	display: inline-block;
	width: 112px;
	height: 76px;
}

.boardWrap table .img img {
	display: inline-block;
	width: 112px;
	height: 76px;
}

.boardWrap tbody tr:hover td {
	background: #f8f8f8;
}
.btnWrap .btn.colOrg:hover {
	color: #d57604;
	border: 1px solid #d57604;
}

/*event*/
.eventList .bannerType>ul>li, .eventList>ul>li {
	position: relative;
	float: left;
}

.eventList .bannerType>ul>li .list, .eventList>ul>li .list {
	display: block;
}

.eventTop>ul {
	overflow: hidden;
	margin-left: -30px;
}

.eventTop>ul>li {
	width: calc(50% - 30px);
	margin-left: 30px;
	margin-bottom: 20px;
}

.eventTop>ul>li .imgWrap {
	display: inline-block;
	border: 1px solid #dcdcdc;
}

.eventTop>ul>li .imgWrap img {
	width: 100%;
}

.eventTop>ul>li .txtWrap {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
}

.eventTop>ul>li .txtWrap strong {
	display: inline-block;
	width: 100%;
	font-size: 50px;
}

.eventTop>ul>li .txtWrap .name {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	font-size: 30px;
}

.eventTop>ul>li .btnDetail {
	display: inline-block;
	width: 147px;
	height: 23px;
	margin: 38px auto 0;
	background: url("../img/sub/btn_detail.png") no-repeat 0 0;
	background-size: contain;
}

.eventTop>ul>li .btnDetail i {
	overflow: hidden;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.evenCommon .bannerType>ul, .evenCommon>ul {
	overflow: hidden;
	margin-left: -30px;
}

.evenCommon .bannerType>ul>li, .evenCommon>ul>li {
	width: calc(33.3333% - 30px);
	margin-left: 30px;
}

.evenCommon .bannerType>ul>li .list, .evenCommon>ul>li .list {
	overflow: hidden;
	padding: 30px 0;
	border-bottom: 1px solid #dadada;
}

.evenCommon .bannerType>ul>li:first-child .list, .evenCommon>ul>li:first-child .list
	{
	border-top: 1px solid #dadada;
}

.evenCommon .bannerType>ul>li:nth-child(3) .list, .evenCommon .bannerType>ul>li:nth-child(2) .list,
	.evenCommon>ul>li:nth-child(3) .list, .evenCommon>ul>li:nth-child(2) .list
	{
	border-top: 1px solid #dadada;
}

.evenCommon .bannerType>ul>li .imgWrap, .evenCommon>ul>li .imgWrap {
	/* display: inline-block; */
	float: left;
	margin-right: 20px;
	border: 1px solid #dadada;
	overflow: hidden;
	display: block;
	position: relative;
	font-size: 0;
	line-height: 0;
	/*    padding-bottom: 78%;*/
	width: 223px;
	height: 174px;
}

.evenCommon .bannerType>ul>li .imgWrap img, .evenCommon>ul>li .imgWrap img
	{
	/*    width: 223px;
    height: 174px;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*    height: 100%;*/
	max-width: 100%;
	/*    max-height: 100%;*/
	margin: auto;
}

.evenCommon .bannerType>ul>li .txtWrap, .evenCommon>ul>li .txtWrap {
	position: relative;
	display: inline-block;
	width: calc(100% - 253px);
	height: 174px;
	overflow: hidden;
}

.evenCommon .bannerType>ul>li .txtWrap .tit, .evenCommon>ul>li .txtWrap .tit
	{
	display: block;
	height: 54px;
	color: #222;
	font-size: 22px;
	line-height: 1.2;
	word-break: normal;
}

.evenCommon .bannerType>ul>li .txtWrap .name, .evenCommon>ul>li .txtWrap .name
	{
	display: block;
	font-size: 16px;
	line-height: 1.2;
}

.evenCommon .bannerType>ul>li .txtWrap .btnDetail, .evenCommon>ul>li .txtWrap .btnDetail
	{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 40px;
	text-indent: 25px;
	line-height: 36px;
	border: 2px solid #435189;
	background: url("../img/sub/btn_detail_pm2.png") no-repeat;
	background-position: right 30px top 50%;
	background-size: 16px 11px;
	color: #435189;
	font-size: 14px;
}

.evenCommon .bannerType>ul>li .txtWrap .btnDetail i, .evenCommon>ul>li .txtWrap .btnDetail i
	{
	color: #435189;
	font-weight: 500;
	font-size: 14px;
}

.evenCommon .bannerType>ul>li .txtWrap .btnDetail:hover, .evenCommon>ul>li .txtWrap .btnDetail:hover
	{
	background: #435189 url("../img/sub/btn_detail_m2.png") no-repeat;
	background-position: right 30px top 50%;
	background-size: 16px 11px;
	color: #fff;
	line-height: 40px;
	border: none;
}

.evenCommon .bannerType>ul>li .txtWrap .btnDetail:hover i, .evenCommon>ul>li .txtWrap .btnDetail:hover i
	{
	color: #fff;
	font-size: 14px;
}

/*이벤트상세*/
.slideset__wrap {
	position: relative;
}

.slideset__list a {
	display: block !important;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	padding-bottom: 21.50189%;
}

.slideset__wrap .slick-slide img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: initial;
	/*    height: 100%;*/
	max-width: 100%;
	/*    max-height: 100%;*/
	margin: auto;
}

.slideset__wrap img {
	width: 100%;
}

.slideset__wrap .slick-arrow {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url("../img/main/btn_prev.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	width: 61px;
	height: 61px;
	z-index: 1;
}

.slideset__wrap .slick-arrow.slick-prev {
	left: 40px;
}

.slideset__wrap .slick-arrow.slick-next {
	background-image: url("../img/main/btn_next.png");
	background-position: right 0;
	background-repeat: no-repeat;
	right: 40px;
}

.slideset__wrap .control__wrap {
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	text-align: center;
}

.slideset__wrap .control__wrap li>button {
	background-color: #fff;;
}

.slideset__wrap .control__wrap li.slick-active>button {
	width: 41px;
	background-color: #ffcc00;
}

.slideset__wrap .control__wrap .btn-pause, .slideset__wrap .control__wrap .btn-play
	{
	background-image: url("../img/main/btn_pause.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.slideset__wrap .control__wrap .btn-play {
	background-image: url("../img/main/btn_play.png");
	background-position: center center;
	background-repeat: no-repeat;
}
/*-- [e] 메인 슬라이드셋 */

/*상품상세*/
.companyWrap {
	padding-top: 67px;
}

.sectionHeadWrap h4.tit {
	margin-top: 0;
	padding-top: 0;
}

.companyWrap .txtInfo {
	padding: 30px 0;
	font-size: 18px;
}

.prdListWrap.line {
	padding-top: 30px;
	border-width: 6px 0 2px 0;
	border-style: solid;
	border-color: #32415e #fff #757575 #fff;
}

ul.prdList {
	overflow: hidden;
	margin-left: -25px;
	font-size: 0;
}

ul.prdList li {
	/* float: left; */
	display: inline-block;
	width: calc(25% - 25px);
	margin-left: 25px;
	margin-bottom: 25px;
	position: relative;/* 추가 */
}
ul.prdList li span.tag  {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  color: #fff;
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background: #dd4341;
  text-align: center;
  line-height: 65px;
  font-size: 16px;
}

ul.prdList li a {
	display: block;
	border: 1px solid #d4d4d4;
}

ul.prdList li a .imgWrap {
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	padding-bottom: 67.9%;
}

ul.prdList li a .imgWrap img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: initial;
	/*    height: 100%;*/
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

ul.prdList li a .txtWrap {
	display: block;
	padding: 20px 20px 18px; /* 20220818 수정 */
}

ul.prdList li a .txtWrap>* {
	display: inline-block;
	width: 100%;
	color: #272727;
}

ul.prdList li a .txtWrap .nameKo {
	font-size: 18px; /* 20220818 수정 */
	font-weight: 600; /* 20220818 수정 */
	color: #272727;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

ul.prdList li a .txtWrap .nameEng {
	font-size: 16px; /* 20220818 수정 */
	color : #555555; /* 20220818 수정 */
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

ul.prdList li a .txtWrap .price {
    font-size: 16px; /* 20220818 수정 */
	font-weight: 700;
	color: #005b9e;
}
/*공급기관*/
.evenCommon .bannerType {
	border-top: 6px solid #32415e;
}

.evenCommon .bannerType li .list {
	border-top: none;
}

.evenCommon .bannerType>li:first-child .list {
	border-top: none;
}

.evenCommon .bannerType>li:nth-child(3) .list, .evenCommon .bannerType>li:nth-child(2) .list
	{
	border-top: none;
}
/*홍보상세*/
.infoWrap .img__wrap {
	position: relative;
	float: left;
	width: 43%;
	padding-right: 50px;
}

.infoWrap .img__wrap img {r
	width: 100%;
}

.infoWrap .galleryWrap {
	position: relative;
}

.infoWrap .galleryWrap .slick-arrow {
	position: absolute;
	top: 50%;
	width: 34px;
	height: 47px;
	font-size: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.infoWrap .galleryWrap .slick-prev {
	left: 30px;
	background: url("../img/sub/ico_slide_arrow.png") no-repeat bottom 0
		center;
}

.infoWrap .galleryWrap .slick-next {
	right: 80px;
	background: url("../img/sub/ico_slide_arrow.png") no-repeat top 0 center;
}

.infoWrap .control__wrap {
	position: absolute;
	right: 50px;
	bottom: 0;
}

.infoWrap .control__wrap button {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url("../img/sub/btn_prev.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #9d7a5b;
	width: 54px;
	height: 54px;
	margin-left: -4px;
	border-left: 1px solid #b69b84;
}

.infoWrap .control__wrap button:first-child {
	border-left: none;
}

.infoWrap .control__wrap button.btn-next {
	background-image: url("../img/sub/btn_next.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.infoWrap .control__wrap button.btn-pause {
	background-image: url("../img/sub/btn_pause.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.infoWrap .control__wrap button.btn-play {
	background-image: url("../img/sub/btn_play.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
}

.infoWrap .txt__wrap {
	float: right;
	width: 57%;
	margin-bottom: 45px;
	border-top: 6px solid #32415e;
	border-bottom: 1px solid #32415e;
}

.infoWrap .txt__wrap dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 0;
}

.infoWrap .txt__wrap dl dt {
	position: relative;
}

.infoWrap .txt__wrap dl dt, .infoWrap .txt__wrap dl dd {
	display: table-cell;
	border-bottom: 1px solid #d3d3d3;
	vertical-align: top;
	font-size: 22px;
	line-height: 30px;
	padding: 16px 6px 10px;
}

.infoWrap .txt__wrap dl dt {
	width: 230px;
	color: #252525;
	font-weight: 600;
}

.infoWrap .txt__wrap dl dt:after {
	position: absolute;
	top: 21px;
	right: 0;
	content: '';
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #ddd;
}

.infoWrap .txt__wrap dl dd {
	width: 100%;
	color: #222;
	padding: 16px;
}

.infoWrap .txt__wrap dl dd strong.price {
	color: #005b9e;
	font-weight: 500;
}

.infoWrap .txt__wrap dl dd .btnWrap {
	float: right;
}

.infoWrap .txt__wrap dl dd .btnWrap .btnDownLine {
	height: auto;
	padding: 7px 18px 7px 26px !important;
	border: 3px solid #435189;
	font-size: 18px;
	line-height: 1.3;
}

.infoWrap .txt__wrap dl dd.innerBlock span {
	display: inline-block;
	width: 100%;
	word-break: break-all;
}

.infoWrap .btnWrap.btnCertificate {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

@media screen and (max-width:1007px) {
	.infoWrap .galleryWrap .slick-arrow {
		width: 27px;
		height: 46px;
		background-size: cover;
	}
	.infoWrap .galleryWrap .slick-next {
		right: 30px;
	}
	.infoWrap .txt__wrap dl dt:after {
		top: 10px;
	}
	.infoWrap .btnWrap.tblock {
		margin: 30px 0;
	}
	.infoWrap .btnWrap.tblock .btnDownLine {
		width: 100%;
		max-width: 580px;
		height: auto;
		padding: 14px 0 !important;
		font-size: 18px;
		line-height: 1.3;
	}
}

@media screen and (max-width:768px) {
	.infoWrap .galleryWrap .slick-arrow {
		width: 20px;
		height: 34.5px;
		background-size: cover;
	}
	.infoWrap .galleryWrap .slick-prev {
		left: 15px;
	}
	.infoWrap .galleryWrap .slick-next {
		right: 15px;
	}
	.infoWrap .txt__wrap dl dt, .infoWrap .txt__wrap dl dd {
		border-bottom: none;
	}
	.infoWrap .btnWrap.tblock .btnDownLine {
		font-size: 14px;
	}
}

.boardView {
	border-top: 6px solid #32415e;
}

.boardView .viewInfo {
	border-bottom: 1px solid #bdbdbd;
}

.boardView .viewInfo .brand {
	margin-right: 10px;
	color: #005b9e;
	font-size: 28px;
	font-weight: 500;
}

.boardView .viewInfo p.tit {
	padding-left: 30px;
}

.boardView .viewInfo .tit strong {
	display: inline-block;
	font-weight: 500;
	font-size: 28px;
	padding: 20px 0 20px 0;
	line-height: 1;
}

.boardView .viewInfo ul {
	padding: 20px 0;
	border-top: 1px solid #d5d5d5;
}

.boardView .viewInfo ul li {
	display: inline-block;
	padding: 0 30px;
	line-height: 1;
	border-right: 1px solid #a5a5a5;
}

.boardView .viewInfo ul li:last-child {
	border-right: none;
}

.boardView .viewInfo ul li .tit {
	font-weight: 500;
}

.boardView .viewInfo ul li .txt {
	font-weight: 300;
}

.boardView .viewCont {
	margin-bottom: 20px;
	padding: 40px 30px;
	border-bottom: 2px solid #757575;
}

.boardView .viewCont .imgWrap {
	position: relative;
	width: 34%;
	float: left;
	padding-right: 50px;
}

.boardView .viewCont .imgWrap .img {
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	padding-bottom: 67.9%;
}

.boardView .viewCont .imgWrap img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: initial;
	/*    height: 100%;*/
	max-width: 100%;
	/*    max-height: 100%;*/
	margin: auto;
}

.boardView .viewCont .imgWrap .btn {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

.boardView .viewCont .imgWrap .btn:after {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: 5px;
	background: url("../img/sub/btn_prdsearch.png") no-repeat 0 0;
	background-size: 22px 22px;
	vertical-align: middle;
}

.boardView .viewCont .imgWrap .btn:hover {
	background: #32415e;
	color: #fff;
}

.boardView .viewCont .imgWrap .thumb_api_data{
	width:60px;
	left:-130px;
	top: -110px;
}

.boardView .viewCont .txtWrap {
	width: 66%;
	float: right;
}

.boardView .viewCont .txtWrap .name {
	font-size: 24px;
	color: #222;
	padding-top: 10px;
}

.boardView .viewCont .txtWrap ul li {
	margin-top: 10px;
}

.boardView .viewCont .txtWrap ul li dl dt {
	display: inline-block;
	border: 1px solid #2271ab;
	width: 111px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	color: #2271ab;
	vertical-align: top;
}

.boardView .viewCont .txtWrap ul li dl dd {
	display: inline-block;
	font-size: 20px;
	color: #484848;
	padding-left: 10px;
}

.boardView .viewCont .txtWrap ul li dl dd .price {
	color: #005b9e;
	font-weight: 500;
}

.boardView .viewCont .txtWrap .txtBox {
	margin-top: 60px;
	font-size: 20px;
	color: #222;
}

.boardView .viewCont .txtGroup {
	padding: 10px;
	font-size: 20px;
	color: #222;
}

.boardView+.btnLarge {
	margin-top: 50px;
}

/*qnaWrap*/
.qnaWrap h4 {
	margin-top: 50px;
	padding-top: 0;
	font-size: 20px;
}

.qnaWrap h4:before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 21px;
	margin-right: 12px;
	background: url("../img/sub/ico_qna.png") no-repeat 0 0;
	background-size: 26px 21px;
	vertical-align: middle;
}

.qnaWrap .writeWrap {
	position: relative;
	padding: 26px 170px 26px 26px;
	background: #f4f4f4;
}

.qnaWrap .writeWrap textarea {
	border: 1px solid #e5e5e5;
	height: 81px;
	overflow-y: auto;
	font-size: 20px;
}

.qnaWrap .writeWrap .btn {
	position: absolute;
	top: 26px;
	right: 26px;
	height: 81px;
	line-height: 81px;
}

.qnaWrap .qnaList li {
	padding: 16px;
	border-bottom: 1px solid #dedede;
}

.qnaWrap .qnaList li .btnLine {
	display: inline-block;
	border: 1px solid #005b9e;
	padding: 0 13px;
	line-height: 24px;
	height: 26px;
	font-size: 16px;
	color: #005b9e;
	font-weight: 500;
}

.qnaWrap .qnaList li .info {
	margin-bottom: 10px;
}

.qnaWrap .qnaList li .info strong {
	color: #3c3c3c;
}

.qnaWrap .qnaList li .info .date {
	display: inline-block;
	padding: 0 8px;
	color: #777;
}

.qnaWrap .qnaList li .txt {
	color: #484848;
}

.qnaWrap .qnaList li .lock {
	color: #777;
}

.icoLock {
	display: inline-block;
	width: 15px;
	height: 18px;
	margin-left: 10px;
	background: url("../img/sub/icon_lock.png") no-repeat 0 0;
	background-size: cover;
	vertical-align: middle;
}

.qnaWrap+.btnLarge {
	margin-top: 50px;
}
/*접수*/
.boardWrite .requiredTxt {
	margin-bottom: 23px;
	font-size: 16px;
}

.boardWrite .writeList {
	padding: 35px 0 20px;
	margin-bottom: 60px;
	border-top: 6px solid #32415e;
	border-bottom: 1px solid #32415e;
	font-size: 0;
}

.boardWrite .writeList .radioList li {
	display: inline-block;
	margin-right: 25px;
}

.boardWrite .writeList>li {
	margin-bottom: 20px;
	font-size: 0;
}

.boardWrite .writeList>li>.tit {
	display: inline-block;
	width: 15%;
	padding-left: 27px;
	font-weight: 500;
	padding-top: 10px;
	vertical-align: top;
	color: #222;
}

.boardWrite .writeList>li>span, .boardWrite .writeList>li>label {
	color: #222;
}

.boardWrite .writeList>li>.tit.radiolabel {
	padding-top: 0;
}

.boardWrite .writeList>li.over {
	display: table;
	width: 100%;
}

.boardWrite .writeList>li.over>.tit {
	display: table-cell;
	vertical-align: middle;
	padding-top: 0;
}

.boardWrite .writeList>li.over>.writeWrap {
	display: table-cell;
}

.boardWrite .writeList li .required {
	color: #005b9e;
	font-size: 22px;
	line-height: 1;
	vertical-align: top;
	background: none;
}

.boardWrite .writeList li .tit .btnWrap {
	width: 80px;
	text-align: left;
}

.boardWrite .writeList li .tit .btnWrap .btn {
	display: block;
	min-width: 80px;
	margin-top: 10px;
	background-color: #43518a;
	padding-left: 18px;
	text-align: left;
	font-size: 14px;
}

.boardWrite .writeList li .tit .btnWrap .btn.ico:after {
	top: 13px;
}

.boardWrite .writeList li .tit .btnWrap .btn.ico:before {
	top: 20px;
}

.boardWrite .writeWrap.innerBtn {
	position: relative;
	padding-right: 120px;
}

.boardWrite .writeWrap.innerBtn .btnWrap {
	position: absolute;
	top: 0;
	right: 0;
}

.boardWrite .writeList>li>.writeWrap {
	display: inline-block;
	width: 85%;
}

.boardWrite .writeList>li .writeWrap.w35 {
	width: 35%;
}

.boardWrite .writeList>li .writeWrap.w50 {
	width: 50%;
}

.boardWrite .writeList>li .writeWrap.group3 {
	font-size: 0;
}

.boardWrite .writeList>li .writeWrap.group3 .search__wrap {
	width: calc(( 100% - 60px)/3);
	margin-right: 0;
}

.boardWrite .writeList>li .writeWrap.group3 .search__wrap:not(:last-child)
	{
	margin-right: 30px;
}

.boardWrite .writeList>li .writeWrap.w35.innerBtn {
	width: calc(35% + 120px);
}

.boardWrite .writeList>li>.writeWrap .attention {
	margin-top: 5px;
	font-size: 18px;
}

.boardWrite .writeList>li>.writeWrap .subinfo {
	margin-top: 5px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #5f5f5f;
}

.boardWrite .writeList>li>.writeWrap .subinfo li {
	font-size: 18px;
}

.boardWrite .writeList>li>.writeWrap .inputWrap+.row {
	margin-top: 40px;
}

.boardWrite .writeList>li>.writeWrap .row:not(:last-child) {
	margin-bottom: 20px;
}

.boardWrite .writeList>li>.writeWrap .row .tit {
	margin-bottom: 10px;
	padding-top: 10px;
	color: #222;
}

.boardWrite .writeList>li>.writeWrap.innerGroup {
	position: relative;
	padding-right: 180px;
	font-size: 0;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .row {
	font-size: 0;
}

.boardWrite .writeList li .row .writeWrap.innerGroup .group, .boardWrite .writeList>li>.writeWrap.innerGroup .group
	{
	display: inline-block;
	width: 50%;
	font-size: 0;
	vertical-align: top;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .group:first-child {
	padding-right: 23px;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .innerTit {
	display: inline-block;
	min-width: 100px;
	color: #222;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .inputWrap {
	display: inline-block;
	width: calc(100% - 100px);
}

.boardWrite .writeList>li>.writeWrap.innerGroup .pos {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
}

.boardWrite .writeList>li>.writeWrap.innerBtn .pos .btnM {
	padding-right: 40px;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap {
	display: table;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap>* {
	display: table-cell;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .inputWrap {
	width: 30%;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .at {
	min-width: 28px;
	text-align: center;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .search__wrap
	{
	width: 30%;
	padding-left: 5px;
	margin-right: 0;
	vertical-align: bottom;
}

.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .search__wrap select
	{
	min-width: 30%;
	padding-left: 0;
}

.boardWrite .writeList .textarea {
	height: 130px;
	border: 1px solid #bababa;
	overflow-y: auto;
}

.boardWrite .writeList .filePreview {
	position: relative;
	padding-left: 170px;
	min-height: 50px;
}

.boardWrite .writeList .filePreview+.attention {
	margin-top: 5px;
}

.boardWrite .writeList .filePreview .inputFileWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.boardWrite .writeList .filePreview.onlyname {
	padding-left: 0;
}

.boardWrite .writeList .datePickerWrap {
	display: inline-block;
}

.boardWrite .writeList .datePicker {
	display: inline-block;
	width: 321px;
	margin-right: 30px;
}

.boardWrite .writeList .search__wrap {
	display: inline-block;
	width: 203px;
	margin-right: 20px;
}

.boardWrite .writeList .search__wrap select {
	border-bottom: 1px solid #bababa;
	color: #4c4c4c;
	width: 100%;
	font-weight: 400;
}

.boardWrite .writeWrap .note {
	margin-top: 18px;
	font-size: 18px;
}

.boardWrite .writeWrap .note li {
	font-size: 18px;
}
/*1:1*/
.boardWrite .writeList li.w50 {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.boardWrite .writeList>li.w50>.tit {
	width: 30%;
}

.boardWrite .writeList>li.w50>.writeWrap {
	width: 70%;
}
/*개별상품*/
.infoWrap .galleryWrap .gallery {
	/* margin-bottom: 10px; */
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	/*    padding-bottom: 75.5%;*/
	padding-bottom: 67.95%;
	border: 1px solid #ddd;
}

.infoWrap .galleryWrap .gallery>img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: initial;
	/*  height: 100%;*/
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.infoWrap .galleryWrap .thumbnail li {
	float: left;
	width: calc(( 100% - 20px)/3);
}

.infoWrap .galleryWrap .thumbnail li:not(:first-child) {
	margin-left: 10px;
}

.infoWrap .galleryWrap .thumbnail li a {
	display: inline-block;
	border: 1px solid #dbdbdb;
}

.infoWrap .galleryWrap .thumbnail li a {
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	padding-bottom: 67.95%;
}

.infoWrap .galleryWrap .thumbnail li a img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: initial;
	/*height: 100%;*/
	max-width: 100%;
	/*max-height: 100%;*/
	margin: auto;
}

.infoWrap .prdWrap .prdInfoWrap {
	position: relative;
	width: 57%;
	float: right;
	font-size: 0;
}

.infoWrap .prdWrap .prdInfoWrap .txt__wrap {
	float: none;
	width: 100%;
	margin-bottom: 40px;
	border-top: 1px solid #32415e;
}

.infoWrap .prdWrap .prdInfoWrap .prdHead {
	padding-bottom: 20px;
}

.infoWrap .prdWrap .prdInfoWrap .prdHead .flag {
	display: inline-block;
	height: 39px;
	padding: 0 10px;
	line-height: 39px;
	border: 1px solid #005b9e;
	font-size: 16px;
	color: #005b9e;
}

.infoWrap .prdWrap .prdInfoWrap .prdHead .no {
	display: inline-block;
	height: 39px;
	padding: 0 10px;
	line-height: 39px;
	font-size: 20px;
	color: #343434;
}

.infoWrap .prdWrap .prdInfoWrap .prdHead p {
	font-size: 28px;
	color: #32415e;
	line-height: 1.3;
	font-weight: 500;
}
/*.infoWrap .prdWrap .prdInfoWrap .prdHead .nameKo {
    margin-top: 15px;
}*/
.infoWrap .prdWrap .prdInfoWrap .prdBottom {
	float: left;
	/*margin-bottom: 20px;*/
}

.infoWrap .prdWrap .prdInfoWrap .prdBottom .amountWrap {
	float: left;
}

.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWish {
	position: absolute;
	top: 30px;
	right: 0;
}

.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWish {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("../img/sub/ico_interest.png") no-repeat 0 0;
	background-size: contain;
}

.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWish.current {
	background: url("../img/sub/ico_interest_on.png") no-repeat 0 0;
	background-size: contain;
}

.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWrap {
	float: right;
}

.infoWrap .prdWrap .prdInfoWrap .btnLarge {
	float: right;
	width: calc(100% - 143px);
	margin-left: 40px;
}

.infoWrap .prdWrap .prdInfoWrap .btnLarge .btn {
	width: calc(( 100% - 28px)/3);
	min-width: auto;
}

@media screen and (max-width:1400px) {
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWish {
		top: 22px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdHead p {
		font-size: 24px;
	}
	.infoWrap .txt__wrap dl dt, .infoWrap .txt__wrap dl dd {
		padding: 14px 6px 8px;
		font-size: 20px;
	}
	.infoWrap .prdWrap .prdInfoWrap .btnLarge .btn {
		padding: 0 15px;
	}
}

@media screen and (max-width:1007px) {
	.infoWrap .prdWrap .prdInfoWrap .txt__wrap {
		margin-bottom: 25px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom {
		margin-bottom: 25px;
	}
	.infoWrap .prdWrap .prdInfoWrap .btnLarge .btn {
		width: calc(( 100% - 14px)/2);
		max-width: 283px;
	}
	.infoWrap .prdWrap .prdInfoWrap .btnLarge .btn:first-of-type {
		display: block;
		width: 100%;
		max-width: 580px;
		margin: auto;
		margin-bottom: 12px;
	}
	.infoWrap .btnWrap.btnLarge .btn:not(:only-child) {
		margin-left: 0;
	}
	.infoWrap .prdWrap .prdInfoWrap .btnLarge .btn:nth-child(n+3) {
		margin-left: 14px;
	}
}

.amountWrap {
	position: relative;
	width: 93px;
	height: 63px;
	border: 1px solid #d4d4d4;
}

.amountWrap input.count {
	position: relative;
	width: 55px;
	height: 60px; /* 20220923 수정 */
	border-right: 1px solid #d4d4d4;
	text-align: center;
}

.amountWrap button {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 35px;
	height: 30px;
}

.amountWrap button:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: -5px 0 0 -5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(-135deg);
	vertical-align: top;
}

.amountWrap .btnUp {
	border-bottom: 1px solid #d4d4d4;
}

.amountWrap .btnDown {
	top: auto;
	bottom: 0;
}

.amountWrap .btnDown:before {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	margin-top: -8px;
}

.prdInfoList .txtInfo {
	padding-top: 20px;
	max-width: 1600px;
}

.prdInfoList .txtInfo img {
	max-width: 1600px;
}
/*장바구니*/
.cartWrap {
	margin-bottom: 60px;
}

.cartHead {
	position: relative;
	padding: 18px 0 30px;
}

.cartHead .checkbox {
	margin: 0 35px 0 35px;
}

.cartHead .total-number {
	display: inline-block;
}

.cartHead .btnM {
	position: absolute;
	top: 0;
	right: 0;
	width: 133px;
}

.cartBody {
	border-width: 6px 0 2px 0;
	border-style: solid;
	border-color: #32415e none #757575;
}

.cartBody>ul>li {
	position: relative;
	min-height: 162px;
}

.cartBody>ul>li:not(:last-child) {
	border-bottom: 1px solid #d5d5d5;
}

.cartBody>ul>li .cartPrd {
	position: relative;
	display: table;
	width: 100%;
	padding: 30px 0;
	table-layout: fixed;
	padding-left: 287px;
}

.cartBody>ul>li .cartPrd .checkbox {
	position: absolute;
	top: 72px;
	left: 35px;
}

.cartBody>ul>li .cartPrd .imgWrap {
	position: absolute;
	top: 30px;
	left: 100px;
	width: 156px;
	height: 105px;
	border: 1px solid #dbdbdb;
}

.cartBody>ul>li .cartPrd .imgWrap a {
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	padding-bottom: 67.9%;
}

.cartBody>ul>li .cartPrd .imgWrap img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: initial;
	/*height: 100%;*/
	max-width: 100%;
	/*max-height: 100%;*/
	margin: auto;
}

.cartBody .cartPrd .prdName {
	display: table-cell;
	width: 60%;
	vertical-align: top;
}

.cartBody .cartPrd .prdName p {
	font-size: 24px;
	color: #222;
	font-weight: 500;
}

.cartBody .cartPrd .prdName .nameWrap .flag {
	height: 28px;
	margin-right: 28px;
	line-height: 26px;
}

.cartBody .cartPrd .prdName .nameWrap .agency {
	font-size: 18px;
	color: #222;
}

.cartBody .cartPrd .prdInfoBox {
	display: table-cell;
	width: 40%;
}

.cartBody .cartPrd .prdInfoBox>div {
	float: left;
	width: 33.333333%;
}

.cartBody .cartPrd .prdInfoBox .price, .cartBody .cartPrd .prdInfoBox .sum
	{
	line-height: 55px;
}

.cartBody .cartPrd .prdInfoBox>.price, .cartBody .cartPrd .prdInfoBox>.sum
	{
	color: #005b9e;
}

.cartFoot {
	padding: 24px 73px 24px 193px;
	border-bottom: 2px solid #757575;
}

.cartFoot .tit {
	float: left;
	font-size: 30px;
	color: #222;
	font-weight: 500;
	line-height: 1;
}

.cartFoot .price {
	float: right;
	font-size: 30px;
	color: #005b9e;
	font-weight: 700;
	line-height: 1;
}

.fieldsetWrap {
	margin-top: 30px;
	padding: 100px 15% 100px 15%;
	border: 1px solid #000;
}

.fieldsetWrap h4.tit {
	padding-top: 0;
	font-size: 30px;
	text-align: center;
}

.fieldsetWrap .info {
	margin-bottom: 30px;
	text-align: center;
}

.fieldsetWrap ul li {
	position: relative;
	padding-left: 166px;
}

.fieldsetWrap ul li.innerBtn {
	padding-right: 168px;
}

.fieldsetWrap ul li .btnM {
	position: absolute;
	right: 0;
	top: 0;
	width: 136px;
}

.fieldsetWrap ul li label {
	position: absolute;
	top: 10px;
	left: 0;
	font-weight: 500;
	color: #222;
}

.fieldsetWrap ul li div .attention {
	margin-top: 5px;
}

.fieldsetWrap .btnWrap {
	margin-top: 40px;
}

.fieldsetWrap .btnWrap .btn:not(:first-child) {
	margin-left: 7px;
}
/*입점신청결과조회 */
.stepWrap {
	border-top: 6px solid #32415e;
}

.stepWrap .userState {
	padding: 24px 0;
	margin-bottom: 90px;
	text-indent: 16px;
	border-bottom: 1px solid #32415e;
}

.stepWrap .step {
	margin-bottom: 90px;
}

.stepWrap .step ul {
	text-align: center;
}

.stepWrap .step ul li {
	position: relative;
	display: inline-block;
	/*    width: 33%;
    float: left;*/
	min-width: 33%;
	text-align: center;
	vertical-align: top;
}

.stepWrap .step ul li .circle {
	display: inline-block;
	width: 210px;
	height: 210px;
	margin: 0 auto;
	color: #fff;
	background: #444;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
}

.stepWrap .step ul li .circle.ico:before {
	width: 100%;
	height: 77px;
	margin: 40px 0 20px;
}

.stepWrap .step ul li:first-child .circle.ico:before {
	background: url("../img/sub/ico_step01.png") no-repeat 50% 0;
	background-size: contain;
}

.stepWrap .step ul li:nth-child(2) .circle.ico:before {
	background: url("../img/sub/ico_step02.png") no-repeat 50% 0;
	background-size: contain;
}

.stepWrap .step ul li:last-child .circle.ico:before {
	background: url("../img/sub/ico_step03.png") no-repeat 55% 0;
	background-size: contain;
}

.stepWrap .step ul li:last-child .circle {
	background-color: #005b9e;
}

.stepWrap .step ul li .txt {
	display: block;
	/*    width: 100%;*/
	margin-top: 40px;
	text-align: center;
	height: 60px;
}

.stepWrap .step ul li.icort:not(:last-child)::after {
	position: absolute;
	top: 68px;
	width: 52px;
	height: 75px;
	right: -30px;
	background: url("../img/sub/img_arrow_big.png") no-repeat 0 0;
	background-size: contain;
}

.boardWrite .writeList .innerGroupHalf>* {
	display: inline-block;
}

.boardWrite .writeList .innerGroupHalf .inputWrap {
	width: 321px;
	margin-right: 30px;
}

.boardWrite .writeList .innerGroupHalf .search__wrap {
	width: 321px;
	vertical-align: bottom;
}

.boardWrite .writeList .innerGroupHalf .innertilde {
	width: 100%;
}

.boardWrite .writeList .innerGroupHalf .innertilde .datePicker {
	width: calc(( 100% - 30px)/4);
}

.boardWrite .writeList .innerGroupHalf .innertilde .search__wrap {
	width: calc(( 100% - 30px)/4);
}

.boardWrite .writeList .innerGroupHalf .innertilde .datePicker:first-child
	{
	margin-right: 0;
}

.boardWrite .writeList .innerGroupHalf .tilde {
	display: inline-block;
	width: 30px;
	text-align: center;
	font-size: 30px;
	color: #222;
}

.boardWrite .writeList .dragAndDrop {
	padding-left: 0;
}

.boardWrite .writeList .dragAndDrop .inputFileWrap {
	position: static;
}

.boardWrite .writeList .dragAndDrop .dragWrap {
	width: 100%;
	height: 130px;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #bababa;
}

.boardWrite .writeList>li>.writeWrap.innerPost {
	position: relative;
	padding-right: 187px;
	width: calc(35% + 187px);
}

.boardWrite .writeList>li>.writeWrap.innerPost .btnWrap {
	position: absolute;
	top: 0;
	right: 0;
}

.loginType {
	width: 1120px;
	height: 735px;
	margin: 0 auto;
	background: url("../img/sub/bg_login.png") no-repeat 50% 50%;
}

.loginType fieldset {
	width: 579px;
	margin: 0 auto;
}

.loginType fieldset h4.logo {
	margin: 122px auto 10px;
	padding: 0;
}

.loginType fieldset .info {
	margin-bottom: 30px;
	font-size: 17px;
}

.loginType fieldset .loginInput li {
	margin-bottom: 10px;
}

.loginType fieldset .loginInput li input {
	width: 100%;
	height: 50px;
	padding: 10px;
	border-color: #9f9f9f;
}

.loginType fieldset .checkboxTxtWrap label {
	font-size: 17px
}

.loginType .btnWrap {
	font-size: 0;
}

.loginType .btnWrap .btnM {
	width: 100%;
	margin-top: 20px;
}

.loginType .btnWrap .btnFindid {
	width: calc(50% - 6px);
	margin-right: 6px;
}

.loginType .btnWrap .btnFindpw {
	width: calc(50% - 6px);
	margin-left: 6px;
}

.findWrap {
	padding: 60px 30% 80px;
	border: 1px solid #cbcbcb;
	margin: 0 auto;
}

.findWrap .tit {
	padding: 0 0 40px;
	font-size: 30px;
	text-align: center;
}

.findWrap ul li {
	margin-bottom: 20px;
}

.findWrap ul li label {
	color: #222;
	font-weight: 500;
}

.findWrap ul li .attention {
	margin-top: 15px;
}

.findWrap .btnWrap .btnM {
	width: 100%;
}

.fieldsetWrap .inputList>li:not(:first-child) {
	margin-top: 36px;
}

.tabon .fieldsetWrap ul li.innerBtn {
	margin-top: 36px;
}

.findResult {
	padding: 60px 30% 80px;
	border: 1px solid #cbcbcb;
	text-align: center;
}

.findResult .tit {
	padding: 0 0 40px;
	font-size: 30px;
}

.findResult .btnWrap {
	margin-top: 40px;
}

.boardinnerBtn {
	position: relative;
}

.boardinnerBtn .pos {
	position: absolute;
	top: 0;
	right: 0;
}

.boardinnerBtn .pos .btn:nth-child(2) {
	margin-left: 10px;
}

.no.nogap {
	margin-bottom: -5px;
	padding-bottom: 0;
}

.boardWrap table td .state {
	color: #e37600;
	font-weight: 500;
}

.boardWrap table td .state.finish {
	color: #005b9e;
}

.inlineGroup {
	padding-top: 10px;
}

.inlineGroup .attention {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.inlineGroup .btnWrap {
	display: inline-block;
	vertical-align: middle;
}

.myTit {
	text-align: center;
	padding-bottom: 28px;
	font-size: 22px;
}

.myTit .primary {
	font-size: 22px;
}

.btnWrap.btnWish {
	font-size: 0;
}

.btnWrap.btnWish .btn {
	width: 100%;
	height: 57px;
	line-height: 57px;
	font-size: 18px;
	min-width: auto;
	padding: 0;
}

.btnWrap.btnWish .btn.colBrown {
	margin-bottom: 10px;
}

.btnWrap.btnWish .flex {
	width: calc(50% - 6px);
}

.btnWrap.btnWish .btn:last-child {
	margin-left: 12px;
}

.inputLineWrap {
	padding-bottom: 10px;
}

.inputLineWrap .name {
	line-height: 1;
	vertical-align: middle;
}

.inputLineWrap .btnArrow {
	vertical-align: middle;
}

.inputLineWrap .btnDownload {
	vertical-align: middle;
}

.boardWrite .writeList>li.defaultGap {
	padding-top: 20px;
}

.boardWrite .writeList>li.defaultGap>.tit {
	padding-top: 0;
}

.boardWrite .writeList .chekboxList {
	padding-top: 10px;
}

.boardWrite .writeList .chekboxList li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
}

.linkTab {
	position:relative;
	margin-bottom: 40px;
	font-size: 0;
	text-align: right;
}

.linkTab.lf {
	text-align: left;
}

.linkTab ul {
	font-size: 0;
}

.linkTab li {
	display: inline-block;
}

.linkTab li a {
	width: 184px;
	display: inline-block;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background-color: #cbcbcb;
	color: #222;
}

.linkTab li a.current {
	background-color: #32415e;
	color: #fff;
}

.linkTab.innerBtn {
	position: relative;
}

.linkTab ul .write {
	float: right;
}

.linkTab.innerBtn .btnM {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	line-height: 38px;
}

.sortWrap {
	margin-bottom: 40px;
	padding: 40px 0;
	text-align: center;
	font-size: 0;
	background-color: #f4f4f4;
}

.sortWrap li {
	display: inline-block;
	font-size: 20px;
}

.sortWrap li {
	position: relative;
	padding-left: 10px;
	display: inline-block;
	font-size: 20px;
}

.sortWrap li:not(:last-child) {
	margin-right: 84px;
}

.sortWrap li a {
	color: #005b9e;
}

.sortWrap li:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 3px;
	background: #333;
	content: '';
}

.boardWrite .writeList.sortBoard {
	border: none;
	margin-bottom: 20px;
}

.boardHead {
	position: relative;
	margin: 40px 0 30px;
	text-align: left;
}

.boardHead h4 {
	position: relative;
	margin: 40px 0 30px;
	text-align: left;
	font-size: 24px;
}

.boardHead .btn:first-child {
	margin-right: 8px;
}

.boardHead .pos, .boardHead .btnDownload {
	position: absolute;
	top: 0;
	right: 0;
}

.boardWrite .writeList .writeWrap.innerUnit.w35 {
	width: calc(35% + 30px)
}

.boardWrite .writeList .writeWrap.innerUnit {
	position: relative;
	font-size: 0;
}

.boardWrite .writeList .writeWrap.innerUnit .unit {
	display: inline-block;
	line-height: 50px;
	font-size: 18px;
	width: 30px;
	text-align: right;
}

.boardWrite .writeList .writeWrap.innerRadio>* {
	display: inline-block;
}

.boardWrite .writeList .writeWrap.innerRadio .radioWrap, .boardWrite .writeList .writeWrap.innerRadio .radioTxtWrap
	{
	padding-right: 10px;
	vertical-align: middle;
}

.boardWrite .writeList .writeWrap.innerRadio>.radioWrap {
	vertical-align: top;
	margin-top: 7px;
}

.boardWrite .writeList .writeWrap.innerRadio .inputWrap {
	width: calc(100% - 111px);
}

.boardWrite .writeList .writeWrap.innerRadio .inputLineWrap {
	width: calc(100% - 30px);
}

.boardWrite .writeList .writeWrap.innerRadio .inputLineWrap .name {
	padding-right: 5px;
}

.boardWrite .writeWrap.innerImgWrap {
	overflow: hidden;
}

.boardWrite .writeWrap.innerImgWrap .imgWrap {
	/* display: inline-block; */
	float: left;
	width: 31%;
	padding-right: 40px;
}

.boardWrite .writeWrap.innerImgWrap .fileWrap {
	float: left;
	width: 69%;
}

.boardWrite .writeWrap.innerdatePicker {
	position: relative;
}

.boardWrite .writeWrap.innerdatePicker .datePicker {
	position: absolute;
	top: 0;
	right: 0;
	width: 270px;
	margin-right: 0;
	border-bottom: 1px solid #bababa;
}

.boardWrite .writeWrap.innerdatePicker .datePicker  input {
	line-height: 40px;
	height: 40px;
}

.categoryWrap {
	position: relative;
	min-height: 466px;
	border-width: 1px 1px 1px;
	border-color: #bababa;
	border-style: solid;
}

.categoryWrap .category {
	position: relative;
	width: 100%;
}

.categoryWrap .category:not(:last-child)::after {
	position: absolute;
	bottom: 0;
	left: 22.47%;
	display: inline-block;
	width: calc(( 100% - 22.47%)- 290px);
	height: 1px;
	content: '';
	background-color: #bababa;
}

.categoryWrap .category .depth1 {
	display: table;
	width: 22.47%;
	height: 116px;
	padding-right: 8.75%;
	text-align: right;
	border-bottom: 1px solid #5990f5;
	background-color: #306fe3;
}

.categoryWrap .category:first-child .depth1 {
	background: #306fe3 url("../img/sub/img_ctg_nav01.png") no-repeat;
	background-position: right 10% top 50%;
	background-size: 62px 59px;
}

.categoryWrap .category:nth-child(2) .depth1 {
	background: #306fe3 url("../img/sub/img_ctg_nav02.png") no-repeat;
	background-position: right 10% top 50%;
	background-size: 62px 59px;
}

.categoryWrap .category:nth-child(3) .depth1 {
	background: #306fe3 url("../img/sub/img_ctg_nav03.png") no-repeat;
	background-position: right 10% top 50%;
	background-size: 62px 59px;
}

.categoryWrap .category:nth-child(4) .depth1 {
	background: #306fe3 url("../img/sub/img_ctg_nav04.png") no-repeat;
	background-position: right 10% top 50%;
	background-size: 62px 59px;
	border-bottom: none;
}

.categoryWrap .category:nth-child(2) .depth2Wrap {
	top: -116px;
}

.categoryWrap .category:nth-child(3) .depth2Wrap {
	top: -232px;
}

.categoryWrap .category:nth-child(4) .depth2Wrap {
	top: -348px;
}

.categoryWrap .category .depth1 div {
	display: table-cell;
	vertical-align: middle;
}

.categoryWrap .category .depth1 div .nameKo {
	display: block;
	font-size: 25px;
	color: #fff;
	font-weight: 500;
}

.categoryWrap .category .depth1 div .nameEng {
	font-size: 15px;
	color: #b2cdff;
}

.categoryWrap .category .depth1.current {
	position: relative;
	background-color: #1dbfd7;
}

.categoryWrap .category .depth1.current .nameEng {
	color: #fff;
}

.categoryWrap .category .depth1.current::before {
	position: absolute;
	top: 50%;
	right: -23px;
	display: inline-block;
	width: 24px;
	height: 19px;
	content: '';
	margin-top: -10px;
	background: url("../img/sub/ico_point.png") no-repeat 0 0;
	background-size: 24px 19px;
	z-index: 2;
}

.categoryWrap .category .depth2Wrap {
	display: none;
	position: absolute;
	top: 0;
	left: 22.47%;
	width: calc(100% - 22.47%);
	min-height: 464px;
	padding-right: 290px;
	z-index: 1;
}

.categoryWrap .category .depth2Wrap.current {
	display: block;
	/*    border-width: 0 1px 0;
    border-color: #bababa;
    border-style: solid; */
}
/*.categoryWrap .category .depth2Wrap.current::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #bababa;
}
.categoryWrap .category .depth2Wrap.current::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #bababa;
}*/
.categoryWrap .category .depth2Wrap .list {
	overflow: hidden;
}

.categoryWrap .category .depth2Wrap .list li {
	position: relative;
	float: left;
	width: 20%;
	height: 116px;
	text-align: center;
}

.categoryWrap .category .depth2Wrap .list li:nth-child(5n+0)::after {
	display: none;
}

.categoryWrap .category .depth2Wrap .list li::after {
	position: absolute;
	content: '';
	top: 40px;
	right: 0;
	width: 1px;
	height: 38px;
	background-color: #d0d0d0;
}

.categoryWrap .category .depth2Wrap .list li a {
	display: inline-block;
	padding-top: 30px;
	text-align: center;
}

.categoryWrap .category .depth2Wrap .list li a:hover {
	border-bottom: 2px solid #e37600;
	color: #e37600;
}

.categoryWrap .category .depth2Wrap .list li a:hover span {
	color: #e37600;
}

.categoryWrap .category .depth2Wrap .list li a .nameKo {
	display: inline-block;
	color: #131111;
	font-weight: 500;
	word-break: break-all;
	font-size: 18px;
}

.categoryWrap .category .depth2Wrap .list li a .nameEng {
	display: inline-block;
	font-size: 15px;
	color: #4a4a4a;
	font-size: 15px;
}

.categoryWrap .category .depth2Wrap .imgWrap {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 248px;
}

.categoryWrap .category .depth2Wrap .imgWrap .img {
	display: inline-block;
	width: 248px;
	height: 405px;
}

.categoryWrap .category .depth2Wrap .imgWrap .img img {
	width: 248px;
	height: 405px;
}

.categoryWrap .category .depth2Wrap .imgWrap .txtWrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 103px;
	background: rgba(48, 111, 227, 0.9);
	text-align: center;
	display: table;
}

.categoryWrap .category .depth2Wrap .imgWrap .txtWrap .txtCell {
	display: table-cell;
	vertical-align: middle;
}

.categoryWrap .category .depth2Wrap .imgWrap .txtWrap .nameKo {
	display: inline-block;
	color: #fff;
}

.categoryWrap .category .depth2Wrap .imgWrap .txtWrap .nameEng {
	display: inline-block;
	font-size: 15px;
	color: #fff;
}

.categorySelect {
	margin-bottom: 40px;
	text-align: center;
}

.categorySelect select {
	min-width: 280px;
	margin-right: 30px;
}

.categorySelect select:last-child {
	margin-right: 0;
}

.searchTxt {
	margin: 40px 0;
}
/* .searchTxt {
    margin: 71px 0;
    font-size: 22px;
    text-align: center;
} */
.searchWrap {
	position: relative;
}

.searchWrap+.searchWrap {
	margin-top: 78px;
}

.searchWrap h4.tit {
	padding-bottom: 20px;
}

.searchWrap .viewCont .imgWrap {
	width: 20%;
}

.searchWrap .boardView .viewCont .txtWrap {
	width: 80%;
}

.boardView.noticeView .viewCont .txtWrap {
	width: 100%;
}

.searchWrap .txtWrap .innerDate {
	overflow: hidden;
	position: relative;
	padding-right: 134px;
}

.searchWrap .txtWrap .subjectWrap {
	display: block;
}

.searchWrap .txtWrap .subjectWrap .name {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	color: #222;
	padding-top: 0;
}

.searchWrap .txtWrap .innerDate .date {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 20px;
	line-height: 1;
	border-left: 1px solid #a5a5a5;
	color: #222;
}

.searchWrap .txtWrap .txt {
	overflow-y: hidden;
	max-height: 62px;
	margin-top: 20px;
}

.searchWrap .location {
	margin-top: 10px;
}

.searchWrap .location li {
	display: inline-block;
	padding: 0 24px;
	color: #000;
	font-size: 15px;
}

.searchWrap .location li:first-child {
	padding-left: 0;
}

.searchWrap .location li:not(:last-child) {
	background: url("../img/sub/ico_arrowsmall.png") no-repeat 100% 50%;
}

.searchWrap .location li .home {
	display: inline-block;
	width: 21px;
	height: 19px;
	background: url("../img/sub/ico_home.png") no-repeat 0 0;
	background-size: contain;
}

.searchWrap .pos {
	position: absolute;
	top: 0;
	right: 0;
}

.searchWrap .pos .btnM {
	width: 147px;
	text-align: left;
}

.qnaWrap .replyList.qnaList li .bline {
	border-color: #424242;
	color: #424242;
}

.qnaWrap .replyList.qnaList li button {
	margin-left: 5px;
}

.qnaWrap .replyList.qnaList li .name {
	display: inline-block;
	margin-left: 7px;
}

.qnaWrap .replyList.qnaList li .fileDown:hover {
	background: #eee;
}

.qnaWrap .replyList.qnaList li .fileDown {
	margin: 0 -16px 10px;
	padding: 10px 20px;
	background: #f9f9fb;
	color: #707070;
}

.qnaWrap .replyList.qnaList li .fileDown .btnDownload {
	margin-left: 10px;
}

.writeWrap.replyWrap {
	padding: 25px 20px;
	margin-top: 50px;
	background: #f4f4f4;
	margin-bottom: 20px;
}

.writeWrap.replyWrap .boardWrite .writeList>li>.writeWrap {
	width: 90%;
}

.writeWrap.replyWrap .boardWrite .writeList {
	margin-bottom: 0;
	border: none;
}

.writeWrap.replyWrap .boardWrite .writeList>li>.tit {
	width: 10%;
	padding-left: 0;
}

.writeWrap.replyWrap .boardWrite .writeList>li .inputLineWrap {
	padding-bottom: 0;
}

.writeWrap.replyWrap .boardWrite .writeList>li .inputLineWrap input {
	background: #f4f4f4
}

.alertType {
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 15px 0;
	border-width: 3px 0 1px;
	border-style: solid;
	border-color: #32415e;
	text-align: center;
	color: #222;
}

.alertType .date {
	margin-bottom: 15px;
}

.alertType+.btnWrap {
	margin-bottom: 30px;
}

.alertType+.btnWrap button:nth-child(2) {
	margin-left: 10px;
}

.writeWrap [data-ax5uploader] {
	position: relative;
	padding-left: 280px;
	min-height: 50px;
}

.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"] {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px 0 20px !important;
	background: #43518a;
	vertical-align: top;
	border: none;
}

.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"]:hover
	{
	padding: 0 20px 0 20px !important;
	background: #43518a;
	vertical-align: top;
	border: none;
	color: #fff;
}

.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"] .fileTypeDesc
	{
	color: #fff;
}

.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"]::after
	{
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: 10px;
	background: url(../img/sub/btn_prdsearch.png) no-repeat 0 0;
	background-size: 22px 22px;
	vertical-align: middle;
}

.writeWrap [data-ax5uploader] [data-ax5uploader-dropzone] {
	padding: 0;
	border: none;
	margin: 0;
	background: none;
	border-radius: 0;
}

.writeWrap [data-ax5uploader] [data-ax5uploader-dropzone] .text-center {
	border-bottom: 1px solid #bababa;
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 20px;
	padding-left: 16px;
	font-weight: 500;
}

.writeWrap [data-ax5uploader-uploaded-box] {
	min-height: auto;
}

.writeWrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]
	{
	margin: 0;
	padding: 10px 90px 10px 10px;
	min-height: 44px;
	border-bottom: 1px solid #bababa;
	border-radius: 0;
	background: none;
}

[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]:active,
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item].active
	{
	box-shadow: none !important;
}

.replyList [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box]
	{
	margin: 0;
	padding: 0;
	border: none;
	min-height: auto;
	padding: 10px 20px;
	background: #f9f9fb;
	color: #707070;
	margin: 0 -16px 10px;
}

.replyList [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]
	{
	background: none;
}

[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]:active,
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item].active
	{
	box-shadow: none !important;
}

.boardView [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box]
	{
	padding-left: 0;
	margin: 0;
	padding: 0;
	border: none;
	padding: 10px 20px;
	min-height: auto;
	background: #f9f9fb;
	color: #707070;
}

.boardView [data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]
	{
	background: none;
}

.replyList [data-ax5uploader-uploaded-box]:hover {
	background-color: #eee;
}

.replyList [data-ax5uploader-uploaded-box]:hover .file-name {
	cursor: pointer;
}

.boardWrite .writeList .cmswrite .filePreview {
	padding-left: 0;
}

.boardWrite .writeList .cmswrite .filePreview .inputFileWrap {
	position: static;
}
/* 2021 08 31 추가 */
.infoBox {
	margin-top: 35px;
	border-top: 6px solid #32415e;
	border-bottom: 2px solid #000;
	font-size: 0;
}

.infoBox dl {
	padding: 26px 0;
	border-bottom: 1px solid #ddd;
}

.infoBox dl>* {
	display: inline-block;
	vertical-align: middle;
}

.infoBox dl dt, .infoBox dl dd {
	font-size: 22px;
}

.infoBox dl dt {
	position: relative;
	width: 11.3%;
	min-width: 110px;
	padding-left: 15px;
	font-weight: 500;
}
.engType dl dt {
	width: 20%;
}

.infoBox dl dt::after {
	content: '';
	position: absolute;
	right: 0;
	top: 7px;
	width: 1px;
	height: 20px;
	background: #ddd;
}

.infoBox dl dd {
	padding-left: 25px;
	font-weight: 400;
	width: 88%;
}
.engType dl dd {
	width: 70%;
}


.descBox, .relateBox {
	margin-top: 46px;
}

.descTit {
	font-size: 28px;
	font-weight: 600;
}

.descTxt {
	padding-top: 26px;
}

.relateBox ul {
	padding-top: 25px;
}

.relateBox li {
	float: left;
	width: calc(( 100% - 72px)/4);
}

.relateBox li+li {
	margin-left: 24px;
}

.relateBox li .thumbBox {
	display: block;
	border: 1px solid #ddd;
}

.relateBox .infoWrap {
	padding: 23px 31px;
	border-top: 1px solid #ddd;
}

.relateBox .infoWrap>* {
	display: block;
	overflow: hidden;
	font-size: 24px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.relateBox .infoWrap .enName {
	font-size: 20px;
}

.relateBox .infoWrap .price {
	padding-top: 21px;
	font-weight: 600;
	color: #005b9e;
}

@media screen and (max-width: 1400px) {
	.infoBox dl dt, .infoBox dl dd {
		font-size: 18px;
	}
	.descTit {
		font-size: 20px;
	}
	.descTxt {
		font-size: 18px;
	}
	.relateBox .infoWrap {
		padding: 15px 18px;
	}
	.relateBox .infoWrap>* {
		font-size: 18px;
	}
	.relateBox .infoWrap .enName {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.infoBox dl {
		padding: 12px 0;
	}
	.infoBox dl dt, .infoBox dl dd {
		font-size: 10px;
	}
	.infoBox dl dt::after {
		top: 0;
		height: 14px;
	}
	.infoBox dl dd {
		padding-left: 10px;
	}
	.descBox, .relateBox {
		margin-top: 20px;
	}
	.descTit {
		font-size: 18px;
	}
	.descTxt {
		padding-top: 15px;
		font-size: 14px;
	}
	.relateBox ul {
		padding-top: 15px;
	}
	.relateBox li {
		width: calc(( 100% - 10px)/2);
	}
	.relateBox li:nth-child(even) {
		margin-left: 10px;
	}
	.relateBox li:nth-child(n+3) {
		margin-top: 10px;
	}
	.relateBox li+li {
		margin-left: 0;
	}
	.relateBox .infoWrap {
		padding: 15px 18px;
	}
	.relateBox .infoWrap>* {
		font-size: 14px;
	}
	.relateBox .infoWrap .enName {
		font-size: 12px;
	}
	.relateBox .infoWrap .price {
		padding-top: 10px;
	}
}
/*시작*/
/*******************************************************1725***********************************************/
@media screen and (max-width: 1725px) and (min-width: 1600px) {
	.evenCommon .bannerType>ul>li .txtWrap .tit, .evenCommon>ul>li .txtWrap .tit
		{
		font-size: 19px;
	}
}
/*******************************************************1600***********************************************/
@media screen and (max-width: 1600px) {
	.evenCommon .bannerType>ul>li, .evenCommon>ul>li {
		width: calc(50% - 30px);
	}
	.evenCommon .bannerType>ul>li:nth-child(3) .list, .evenCommon>ul>li:nth-child(3) .list
		{
		border-top: none;
	}
	.slideset__wrap .control__wrap {
		bottom: 15%;
	}
	.infoWrap .txt__wrap dl dt {
		width: 200px;
	}
	.prdInfoList .txtInfo {
		max-width: 100%;
	}
	.prdInfoList .txtInfo img {
		max-width: 100%;
		width: 100% !important;
		height: auto !important;
	}
}
/*******************************************************1400***********************************************/
@media screen and (max-width: 1400px) {
	.boardWrap table th {
		font-size: 16px;
	}
	.boardWrap table td button, .boardWrap table td span, .boardWrap table td a span,
		.boardWrap table td a, .boardWrap table td {
		font-size: 16px;
	}
	.eventTop>ul>li .txtWrap strong {
		font-size: 30px;
	}
	.eventTop>ul>li .txtWrap .name {
		font-size: 15px;
	}
	.eventTop>ul>li .btnDetail {
		margin: 10px auto 0;
	}
	.loginType {
		width: 800px;
	}
	.boardinnerBtn .btnWrap.pos.double .btn {
		min-width: 50px;
	}
	.categoryWrap .category .depth2Wrap .list li a {
		padding-top: 13px;
	}
	.categoryWrap .category .depth2Wrap .list li a .nameKo {
		font-size: 14px;
	}
	.categoryWrap .category .depth2Wrap .list li a .nameEng {
		font-size: 11px;
	}
}
/*******************************************************1140*****************************************************/
@media screen and (max-width: 1140px) and (min-width: 1008px) {
	.evenCommon .bannerType>ul>li .txtWrap .tit, .evenCommon>ul>li .txtWrap .tit
		{
		font-size: 17px;
	}
}

/*******************************************************1007*****************************************************/
@media screen and (max-width: 1007px) {
	.titWrap {
		padding: 0 30px;
		height: auto;
		margin-bottom: 20px;
		background: none;
	}
	.titWrap .btn-back {
		display: block;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		display: block;
		position: absolute;
		top: 50%;
		left: 30px;
		height: 40px;
		width: 40px;
	}
	.titWrap h3 {
		padding: 15px 0;
		line-height: 1;
		color: #3c3e42;
		font-size: 30px;
		border-bottom: 1px solid #3c4b66;
	}
	.titWrap.fixed h3 {
		border-bottom: 0;
	}
	.titWrap.fixed+.content {
		padding-top: 120px;
	}
	.titWrap.fixed+.content.gap2 {
		padding: 120px 15px 40px !important;
	}
	.titWrap.fixed+.content.gap3 {
		padding: 120px 17% 40px !important;
	}
	.search__wrap-top>div {
		float: none;
	}
	.search__wrap-top .search__wrap {
		width: 100%;
		margin: 0 auto;
	}
	.search__wrap-top .search__wrap.gap20 {
		padding: 0 20px;
	}
	.search__wrap-top .total-number {
		position: static;
	}
	.boardWrap {
		border-width: 2px;
	}
	.boardWrap colgroup, .boardWrap table thead tr {
		display: none;
	}
	.boardWrap table td {
		display: inline-block;
		font-size: 14px;
		border-bottom: none;
	}
	.boardWrap table td a {
		font-size: 17px;
	}
	.boardWrap table tr:first-child .subject {
		border-top: none;
	}
	.boardWrap table .subject {
		display: block;
		padding-bottom: 0;
		border-top: 1px solid #d5d5d5;
	}
	.boardWrap table .imgGroup {
		display: none;
	}
	.boardWrap table td.supply:before {
		content: '공급가:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.price {
		padding: 0 10px;
	}
	.boardWrap table td.price:before {
		content: '판매가:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap tbody tr:hover td {
		background: transparent;
	}
	.boardWrap table td.line {
		position: relative;
		padding-right: 5px;
	}
	.boardWrap table td.line:after {
		position: absolute;
		top: 50%;
		right: 0;
		content: '';
		display: inline-block;
		width: 1px;
		height: 13px;
		margin-top: -5px;
		background: #ddd;
	}
	.boardWrap table td.dateS:before {
		content: '접수일:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.dateE:before {
		content: '마감일:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.hit:before {
		content: '조회수:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth01:before {
		content: '개설자:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth02:before {
		content: '개설일:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth03:before {
		content: '소속:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth05:before {
		content: '참여자:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth06:before {
		content: '작성자:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth07:before {
		content: '작성일:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth08:before {
		content: '댓글:';
		display: inline-block;
		margin-right: 4px;
	}
	.boardWrap table td.cmth03 button {
		vertical-align: 0;
	}
	.boardWrap table td.lf {
		padding-left: 5px;
	}
	.boardWrap table td.lf {
		padding-left: 5px;
	}
	.poptable.boardWrap table thead tr {
		display: table-row;
	}
	.poptable.boardWrap table thead tr th:first-child {
		width: 20%;
	}
	.poptable.boardWrap table thead tr th:last-child {
		width: 20%;
	}
	.poptable.boardWrap table thead tr th {
		width: 60%;
	}
	.poptable.boardWrap table td {
		display: table-cell;
		width: 20%;
		border-top: 1px solid #d5d5d5
	}
	.poptable.boardWrap table td {
		padding: 10px 0;
		display: table-cell;
	}
	.poptable.boardWrap table .subject {
		display: table-cell;
		width: 60%;
	}
	.eventTop>ul>li .txtWrap strong {
		font-size: 28px;
	}
	.eventTop>ul>li .txtWrap .name {
		margin-top: 5px;
		font-size: 17px;
	}
	.eventTop>ul>li .btnDetail {
		margin: 0 auto;
	}
	.evenCommon .bannerType>ul>li, .evenCommon>ul>li {
		width: 100%;
	}
	.slideset__wrap .control__wrap {
		bottom: 15%;
	}
	.infoWrap .control__wrap button {
		width: 37px;
		height: 37px;
		background-size: auto 15px;
	}
	.infoWrap .txt__wrap dl dt, .infoWrap .txt__wrap dl dd {
		font-size: 18px;
		line-height: 24px;
		padding: 8px 6px;
	}
	.infoWrap .txt__wrap dl dt {
		width: 150px;
	}
	.infoWrap .txt__wrap dl dd {
		padding: 8px;
	}
	.boardView {
		border-top: 0;
	}
	.boardView .viewInfo {
		padding-bottom: 20px;
	}
	.boardView .viewInfo .brand {
		display: block;
		margin-bottom: 5px;
	}
	.boardView .viewInfo p.tit {
		padding-left: 0;
	}
	.boardView .viewInfo .tit strong {
		padding-left: 0;
	}
	.boardView .viewInfo ul {
		padding: 0;
		border-top: none;
	}
	.boardView .viewInfo ul li {
		padding: 0 7px 0 4px;
	}
	.boardView .viewInfo ul li.write {
		display: block;
		padding: 5px 0;
		border: none;
	}
	.boardView .viewInfo ul li.gab {
		padding-left: 0;
	}
	.boardView .viewInfo ul li.noline {
		border: none;
	}
	.boardView .viewCont {
		padding: 20px 0;
	}
	.boardView .viewCont .imgWrap {
		width: 100%;
		padding: 0 50px;
		float: none;
	}
	.boardView .viewCont .txtWrap {
		width: 100%;
		padding: 0 8px;
		float: none;
	}
	.boardWrite .requiredTxt {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.boardWrite .writeList {
		padding: 15px 0;
		margin-bottom: 30px;
		border-top: 3px solid #32415e;
	}
	.boardWrite .writeList>li>.tit {
		display: block;
		width: 100%;
		padding-left: 0;
	}
	.boardWrite .writeList>li>.tit.labelgap {
		margin-bottom: 15px;
	}
	.boardWrite .writeList>li>.writeWrap {
		display: block;
		width: 100%;
	}
	.boardWrite .writeList>li .writeWrap.w35 {
		width: 100%;
	}
	.boardWrite .writeList>li .writeWrap.w50 {
		width: 100%;
	}
	.boardWrite .writeList>li .writeWrap.w35.innerBtn {
		width: 100%;
	}
	.boardWrite .writeList .filePreview {
		padding-left: 0;
	}
	.boardWrite .writeList .filePreview .inputFileWrap {
		display: block;
		position: static;
		min-width: 100%;
		padding-right: 0;
	}
	.boardWrite .writeList .filePreview .inputLineWrap {
		position: relative;
		padding: 15px 0 15px 15px;
		min-height: 50px;
	}
	.boardWrite .writeList .filePreview .inputLineWrap.nopreview {
		padding-right: 15px;
	}
	.boardWrite .writeList .filePreview .inputLineWrap .name {
		height: auto;
		line-height: inherit;
		padding-left: 0;
	}
	.boardWrite .writeList .filePreview .inputLineWrap .btnDownload,
		.boardWrite .writeList .filePreview .inputLineWrap .btnArrow {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -15px;
	}
	.boardWrite .writeList .filePreview .inputLineWrap .name {
		font-size: 14px;
	}
	.boardWrite .writeList .filePreview .inputLineWrap .btnArrow {
		display: none;
	}
	.boardWrite .writeList li.w50 {
		width: 100%;
	}
	.boardWrite .writeList>li.w50>.tit {
		width: 100%;
	}
	.boardWrite .writeList>li.w50>.writeWrap {
		width: 100%;
	}
	/*개별상품*/
	.infoWrap .img__wrap {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.infoWrap .txt__wrap {
		float: none;
		width: 100%;
	}
	.infoWrap .control__wrap {
		right: 0;
	}
	.infoWrap .prdWrap .prdInfoWrap {
		float: none;
		width: 100%;
		margin-top: 14px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom {
		float: none;
		text-align: right;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .amountWrap {
		display: inline-block;
		float: none;
		text-align: left;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .interest {
		display: inline-block;
		margin-left: 20px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWrap {
		float: none;
		margin-top: 27px;
		width: 100%;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWrap .btnDownLine {
		width: 100%;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .btnWish {
		position: static;
		margin-left: 15px;
	}
	.infoWrap .prdWrap .prdInfoWrap .btnLarge {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0;
	}
	.cartHead .checkbox {
		margin: 0 2% 0 3%;
	}
	.cartBody>ul>li .cartPrd {
		display: block;
		padding-left: 40%;
	}
	.cartBody>ul>li .cartPrd .checkbox {
		left: 3%;
	}
	.cartBody>ul>li .cartPrd .imgWrap {
		width: 28%;
		height: auto;
		left: 10%;
	}
	.cartBody .cartPrd .prdName {
		display: block;
		width: 100%;
	}
	.cartBody .cartPrd .prdInfoBox {
		display: block;
		width: 100%
	}
	.fieldsetWrap {
		padding: 100px 14% 100px 7.5%;
	}
	/**/
	.stepWrap .step ul li {
		float: none;
		width: 100%;
	}
	.stepWrap .step ul li.icort:not(:last-child)::after {
		position: static;
		transform: rotate(90deg);
	}
	.stepWrap .step ul li .txt {
		margin-top: 20px;
		height: auto;
	}
	.stepWrap {
		border-top: none;
	}
	.stepWrap .userState {
		padding: 0 0 24px 0;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .group {
		width: 100%;
		padding-right: 0;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup {
		padding-right: 0;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .inputWrap {
		width: 100%;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .group:first-child {
		padding-right: 0;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap {
		display: block;
		font-size: 0;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .innerTit {
		display: block;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap>* {
		display: inline-block;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .inputWrap {
		display: inline-block;
		width: 45%
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .inputWrap {
		display: inline-block;
		width: 45%
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .at {
		display: inline-block;
		width: 10%;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .search__wrap
		{
		padding-left: 0;
		display: block;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup {
		padding-top: 10px;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .group:first-child {
		margin-bottom: 20px;
	}
	.boardWrite .writeList .innerGroupHalf {
		font-size: 0;
	}
	.boardWrite .writeList .innerGroupHalf .inputWrap {
		width: calc(50% - 7px);
		margin-right: 7px;
	}
	.boardWrite .writeList .innerGroupHalf .search__wrap {
		width: calc(50% - 7px);
		margin-left: 7px;
		margin-right: 0;
	}
	.boardWrite .writeList .innerGroupHalf .datePickerWrap {
		width: 100%;
		font-size: 0;
	}
	.boardWrite .writeList .innerGroupHalf .datePickerWrap .datePicker:first-child
		{
		width: calc(50% - 7px);
		margin-right: 7px;
	}
	.boardWrite .writeList .innerGroupHalf .datePickerWrap .datePicker:last-child
		{
		width: calc(50% - 7px);
		margin-left: 7px;
		margin-right: 0;
	}
	.boardWrite .writeList.noLine {
		padding-top: 0;
		border-top: 0;
		margin-top: -10px;
	}
	.loginType {
		width: 100%;
		height: auto;
		background: none;
	}
	.loginType fieldset {
		width: 100%;
	}
	.loginType fieldset h4.logo {
		margin: 30px auto 10px;
	}
	.loginType .btnWrap .btnM {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.findWrap {
		padding: 60px 14% 80px;
	}
	.findResult {
		padding: 60px 14% 80px;
	}
	.boardinnerBtn {
		position: relative;
	}
	.boardinnerBtn .pos {
		position: static;
		display: flex;
		margin-top: 40px;
	}
	.boardinnerBtn .pos .btn {
		width: 100%;
	}
	.boardWrap table.checkTable .subject {
		border-top: 0;
	}
	.boardWrap table.checkTable tr:not(:first-child) {
		border-top: 1px solid #d5d5d5;
	}
	.boardHead {
		flex-wrap: wrap;
	}
	.boardHead .btnDownload {
		position: static;
		flex: auto;
		margin-top: 10px;
		height: 30px;
		line-height: 30px;
	}
	.myTit {
		font-size: 20px;
	}
	.myTit .primary {
		font-size: 20px;
	}
	.linkTab li {
		width: 50%;
	}
	.linkTab li a {
		width: 100%;
	}
	.prdListWrap.innertotal .sectionHeadWrap {
		padding-bottom: 20px;
	}
	.prdListWrap.innertotal .sectionHeadWrap .tit {
		display: block;
		text-align: center;
	}
	.prdListWrap.innertotal .sectionHeadWrap .pos {
		position: relative;
	}
	.prdListWrap.innertotal .sectionHeadWrap .btn {
		position: absolute;
		top: 0;
		right: 0;
		height: 34px; /* 20220818 수정 */
		line-height: 32px; /* 20220818 수정 */
	}
	.categorySelect {
		margin: 30px 0 50px;
		font-size: 0;
	}
	.categorySelect select {
		width: calc(( 100% - 20px)/2);
		min-width: auto;
	}
	.categorySelect select:first-child {
		margin-right: 20px;
	}

	.searchTxt {
		margin: 20px 0;
	}
	.content .linkTab.lf ul .write {
		float:none;
		position:absolute;
		top:55px;
		right:0;
		width:100%;
		text-align:right;
	}
	.content .linkTab.innerBtn ul .write {
		position:absolute;
		top:110px; /*20220920 수정*/
		left:0;
		width:100%;
		font-size:0;
		text-align:left;
	}

	.content .linkTab.lf.clear ul .write .btn {
		width:calc((100% - 11px)/3);
		min-width:0;
		padding:10px 0;
		line-height:1.3;
	}
	.content .linkTab.lf.clear ul .write .btn:not(:first-of-type) {
		margin-left:5px;
	}
	.searchWrap {
		padding-bottom: 30px;
		border-bottom: 1px solid #757575;
	}
	.searchWrap  .boardView {
		border-top: 3px solid #32415e;
	}
	.searchWrap .boardView .viewCont {
		margin-bottom: 0;
	}
	.searchWrap .boardView .viewCont .imgWrap {
		margin-bottom: 20px;
	}
	.searchWrap .boardView .viewCont {
		border-bottom: 0;
	}
	.searchWrap .txtWrap .txt {
		height: 40px;
	}
	.searchWrap .location li {
		padding: 0 20px 0 10px;
	}
	.searchWrap .location li .home {
		width: 17px;
		height: 15px;
	}
	.searchWrap  .pos {
		position: static;
	}
	.searchWrap  .pos .btnM {
		width: 100%;
	}
	.searchWrap+.searchWrap {
		margin-top: 30px;
	}
	.searchWrap .pos .btnM {
		text-align: center;
	}
	.searchWrap .pos .btnAdd.ico::before {
		width: 11px;
		height: 1px;
		top: 50%;
		left: 50%;
		margin-top: 0;
		margin-left: 29px;
	}
	.searchWrap .pos .btnAdd.ico::after {
		width: 1px;
		height: 11px;
		left: 50%;
		top: 50%;
		margin-top: -5px;
		margin-left: 34px;
	}
	.linkTab.innerBtn .btnM {
		position: relative;
		margin-top: 10px;
	}
	.innertable.btnWrap .btn.colOrg {
		margin-left: 10px;
		height: 25px;
		line-height: 25px;
		padding: 0 3px;
	}
	.pop-container .boardWrap.orgTable+.btnWrap {
		margin-top: 20px;
	}
	.pop-conts .popHead.gap {
		margin-bottom: 20px;
	}
	.writeWrap.replyWrap .boardWrite .writeList>li>.tit {
		width: 100%
	}
	.writeWrap.replyWrap .boardWrite .writeList>li>.writeWrap {
		width: 100%;
	}
	.writeWrap.replyWrap .boardWrite .writeList {
		padding-bottom: 0;
	}
	.alertType {
		margin-top: 10px;
	}
	.linkTab.lf.innerBtn {
		text-align: left;
		margin-bottom: 50px;
	}
	.boardWrap table td.cmth04 {
		display: block;
		padding-top: 0;
	}
	.boardWrap table td.cmth04 .btn.colOrg {
		margin-left: 0;
	}
	.writeWrap.replyWrap {
		padding: 15px 10px;
	}
	.writeWrap [data-ax5uploader] {
		padding-left: 0;
		min-height: 50px;
	}
	.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"] {
		position: static;
		width: 100%;
		font-size: 18px;
		padding: 0 20px 0 20px !important;
		font-size: 18px;
	}
	.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"]::after
		{
		content: '';
		display: inline-block;
		width: 22px;
		height: 22px;
		margin-left: 10px;
		background: url(../img/sub/btn_prdsearch.png) no-repeat 0 0;
		background-size: 22px 22px;
		vertical-align: middle;
	}
	.writeWrap [data-ax5uploader] [data-ax5uploader-dropzone] .text-center {
		border-bottom: 1px solid #bababa;
		height: 50px;
		line-height: 50px;
		width: 100%;
		font-size: 20px;
		padding-left: 16px;
		font-weight: 500;
	}
	.writeWrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]
		{
		margin: 0;
		padding: 10px 90px 10px 10px;
		min-height: 44px;
		border-bottom: 1px solid #bababa;
		border-radius: 0;
	}
	.sortWrap {
		margin-bottom: 20px;
		padding: 20px 10px;
		text-align: left;
	}
	.sortWrap li {
		width: 32%;
		padding-left: 10px;
		display: inline-block;
		font-size: 14px;
	}
	.sortWrap li:not(:last-child) {
		margin-right: 0;
	}
	.replyList [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]
		{
		padding: 0;
	}
	.replyList [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder
		{
		display: contents;
	}
}

/*******************************************************751*****************************************************/
@media screen and (max-width: 751px) {
	.titWrap {
		padding: 0 15px;
		margin-bottom: 0;
	}
	.titWrap.fixed {
		padding: 0 15px;
	}
	.titWrap .btn-back {
		height: 40px; /*20220920  수정*/
		left: 15px;
	}
	.titWrap h3 {
		padding: 15px 27px;
		font-size: 23px;
	}
	.sectionHeadWrap {
		margin-top: 10px;
	}
	.sectionHeadWrap .tit {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.sectionHeadWrap .largeTit {
		font-size: 28px;
		padding-bottom: 10px;
	}
	.sectionHeadWrap .btn {
		position: absolute;
		top: 6px;
		right: 0;
	}
	.sectionHeadWrap.ct {
		padding-bottom: 10px;
		text-align: center;
	}
	.sectionHeadWrap.ct .tit {
		padding-bottom: 0;
	}
	.sectionHeadWrap.ct .subTit {
		position: static;
		font-size: 12px;
	}
	.search__wrap-top {
		margin-bottom: 18px;
	}
	.search__wrap-top .search__wrap.searchWide select {
		width: 100%
	}
	.search__wrap-top .search__wrap.searchWide .input__wrap {
		width: 100%
	}
	.search__wrap select, .search__wrap input {
		border-width: 1px;
	}

	.search__wrap-top .total-number {
		padding-left: 23px;
		font-size: 16px;
		line-height: 18px;
		background-size: 15px auto;
	}
	.total-number {
		padding-left: 23px;
		font-size: 16px;
		line-height: 18px;
		background-size: 15px auto;
	}
	.boardWrap table td a {
		font-size: 16px;
	}
	.boardWrap table td button, .boardWrap table td {
		font-size: 14px;
	}
	.eventTop>ul {
		overflow: hidden;
		margin-left: 0;
	}
	.eventTop>ul>li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.eventTop>ul>li .txtWrap strong {
		font-size: 25px;
	}
	.eventTop>ul>li .txtWrap .name {
		margin-top: 10px;
		font-size: 12px;
	}
	.eventTop>ul>li .btnDetail {
		width: 73px;
		height: 11px;
		margin: 10px auto 0;
		background: url("../img/sub/btn_detail_m.png") no-repeat 0 0;
		background-size: contain;
	}
	.evenCommon .bannerType>ul, .evenCommon>ul {
		margin-left: 0;
	}
	.evenCommon .bannerType>ul>li, .evenCommon>ul>li {
		margin-left: 0;
	}
	.evenCommon .bannerType>ul>li .list, .evenCommon>ul>li .list {
		text-align: center;
	}
	.evenCommon .bannerType>ul>li:first-child .list
    .evenCommon>ul>li:first-child .list {
		border-color: #000;
	}
	.evenCommon .bannerType>ul>li:nth-child(2) .list
    .evenCommon>ul>li:nth-child(2) .list {
		border-top: none;
	}
	.evenCommon .bannerType>ul>li .list
    .evenCommon>ul>li .list {
		padding: 15px;
		border-color: #000;
	}
	.evenCommon .bannerType>ul>li .imgWrap, .evenCommon>ul>li .imgWrap {
		float: none;
		margin: 0 auto;
	}
	/* .evenCommon .bannerType>ul>li .imgWrap img, .evenCommon>ul>li .imgWrap img
		{
		width: 150px;
		height: 117px;
	} */
	.evenCommon .bannerType>ul>li .txtWrap, .evenCommon>ul>li .txtWrap {
		width: 100%;
		height: auto;
		text-align: left;
	}
	.evenCommon .bannerType>ul>li .txtWrap .tit, .evenCommon>ul>li .txtWrap .tit
		{
		height: auto;
		margin-top: 15px;
		font-size: 16px;
	}
	.evenCommon .bannerType>ul>li .txtWrap .name, .evenCommon>ul>li .txtWrap .name
		{
		margin-top: 15px;
		font-size: 14px;
	}
	.evenCommon .bannerType>ul>li .txtWrap .btnDetail, .evenCommon>ul>li .txtWrap .btnDetail
		{
		position: static;
		bottom: 0;
		left: 0;
		margin-top: 15px;
		text-align: left;
		text-indent: 10px;
	}
	.slideset__list {
		padding: 0 0 0;
	}
	.slideset__wrap .slick-arrow {
		display: none !important;
	}
	.slideset__wrap .control__wrap {
		bottom: 13%;
	}
	.slideset__wrap .control__wrap li.slick-active>button {
		width: 35px;
	}
	.companyWrap {
		padding-top: 35px;
	}
	.companyWrap .subHeadWrap {
		text-align: center;
		padding-bottom: 20px;
	}
	.companyWrap .subHeadWrap .tit {
		font-size: 22px;
	}
	.companyWrap .sectionHeadWrap .tit {
		margin-top: 20px;
		font-size: 20px;
	}
	.companyWrap .txtInfo {
		padding: 10px 0;
		max-height: 180px;
		overflow-y: auto;
		font-size: 15px;
		margin-bottom: 10px;
	}
	ul.prdList {
		margin-left: -10px;
	}
	ul.prdList li {
		width: calc(50% - 10px);
		margin-left: 10px;
		margin-bottom: 10px;
	}
	ul.prdList  li a .txtWrap {
		display: block;
		padding: 12px 5px 12px 12px;
	}
	ul.prdList li a .txtWrap .nameKo {
		font-size: 14px;
	}
	ul.prdList li a .txtWrap .nameEng {
		font-size: 12px;
	}
	ul.prdList li a .txtWrap .price {
		font-size: 14px;
	}
	.evenCommon .bannerType {
		border-top: 3px solid #32415e;
	}
	.infoWrap .img__wrap {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.infoWrap .control__wrap {
		right: 0;
	}
	.infoWrap .txt__wrap {
		margin-top: 5px;
		float: none;
		width: 100%;
		border-top: 3px solid #32415e;
		margin-bottom: 20px;
	}
	.infoWrap .txt__wrap dl dt, .infoWrap .txt__wrap dl dd {
		font-size: 14px;
		line-height: 20px;
		padding: 13px 3px;
	}
	.infoWrap .txt__wrap dl dt {
		width: 95px;
	}
	.infoWrap .txt__wrap dl dt:after {
		top: 16px;
		height: 14px;
	}
	.infoWrap .txt__wrap dl dd {
		padding: 13px;
	}
	.infoWrap .txt__wrap dl dd .date {
		display: inline-block;
	}
	.infoWrap .txt__wrap dl dd.innerBlock span {
		font-size: 15px;
	}
	.boardView .viewInfo {
		border-bottom: none;
	}
	.boardView .viewInfo .brand {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.boardView .viewInfo .tit strong {
		font-size: 20px;
		padding: 0 0 10px;
	}
	.boardView .viewInfo ul li .tit {
		font-size: 14px;
	}
	.boardView .viewInfo ul li .txt {
		font-size: 14px;
	}
	.boardView .viewCont .imgWrap .btn {
		height: 25px;
		line-height: 25px;
		font-size: 11px;
	}
	.boardView .viewCont .imgWrap .btn:after {
		width: 11px;
		height: 11px;
		background: url("../img/sub/btn_prdsearch.png") no-repeat 0 0;
		background-size: 11px 11px;
	}
	.boardView .viewCont .txtWrap .name {
		font-size: 18px;
	}
	.boardView .viewCont .txtWrap ul li dl dd {
		font-size: 16px;
		max-width: calc(100% - 115px);
	}
	.boardView .viewCont .txtWrap .txtBox {
		margin-top: 20px;
		font-size: 16px;
	}
	.boardView .viewCont .txtGroup {
		padding: 0;
		font-size: 14px;
		color: #222;
	}
	.boardView+.btnLarge {
		margin-top: 25px;
	}
	.boardWrite .writeList .search__wrap select {
		height: 40px;
		line-height: 40px;
	}
	.qnaWrap h4 {
		margin-top: 30px;
	}
	.qnaWrap h4:before {
		width: 18px;
		height: 15px;
		background: url("../img/sub/ico_qna.png") no-repeat 0 0;
		background-size: 18px 15px;
	}
	.qnaWrap .writeWrap {
		padding: 10px;
	}
	.qnaWrap .writeWrap .btn {
		position: static;
		margin-top: 10px;
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
	.qnaWrap .qnaList li .btnLine {
		line-height: 16px;
		height: 18px;
		font-size: 12px;
	}
	.qnaWrap+.btnLarge {
		margin-top: 32px;
	}
	.linkTab.lf.innerBtn {
		margin-bottom:60px;
	}
	.content .linkTab.lf.clear ul .write .btn {
		height:auto;
	}
	.boardWrite .writeWrap.innerBtn {
		padding-right: 0;
	}
	.boardWrite .writeWrap.innerBtn .btnWrap {
		position: static;
		margin-top: 10px;
	}
	.boardWrite .writeList .textarea {
		height: 80px;
	}
	.boardWrite .writeList .datePickerWrap {
		position: relative;
		display: inline-block;
		width: calc(100% - 16px);
		font-size: 0
	}
	.boardWrite .writeList .datePickerWrap .datePicker {
		display: inline-block;
		width: calc(65% - 15px);
		margin-right: 15px;
	}
	.boardWrite .writeList .datePickerWrap .search__wrap {
		display: inline-block;
		width: calc(35% - 10px);
		margin-right: 10px;
	}
	/* .boardWrite .writeList .datePickerWrap .time {

	} */
	.boardWrite .writeList .search__wrap select {
		font: 14px;
	}
	.boardWrite .writeWrap .attention {
		margin-top: 10px;
		font-size: 14px;
	}
	.boardWrite .writeWrap .attention li {
		font-size: 14px;
	}
	.btnWrap.btnLarge .btn:not(:only-child) {
		margin-left: 7px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdHead .flag {
		height: 30px;
		line-height: 30px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdHead .no {
		font-size: 13px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdHead {
		padding-bottom: 10px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdHead p {
		font-size: 16px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdHead .nameKo {
		margin-top: 5px;
	}
	.cartPrd .prdInfoBox .amountWrap, .infoWrap .prdWrap .prdInfoWrap .prdBottom .amountWrap
		{
		width: 50px;
		height: 34px;
	}
	/*.infoWrap .prdWrap .prdInfoWrap .btnLarge .btn {
        width: calc((100% - 14px)/3);
        min-width: auto;
    }*/
	.amountWrap input.count {
		width: 30px;
		height: 32px;
	}
	.amountWrap button {
		width: 19px;
		height: 16px;
	}
	.amountWrap button:before {
		width: 6px;
		height: 6px;
		margin: -2px 0 0 -4px;
		border-width: 1px;
	}
	.amountWrap .btnDown:before {
		width: 6px;
		height: 6px;
		margin-top: -6px;
		border-width: 1px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .interest {
		margin-left: 10px;
	}
	.infoWrap .prdWrap .prdInfoWrap .prdBottom .interest button {
		width: 32px;
		height: 32px;
	}
	.prdInfoList .txtInfo {
		border-top: 1px solid #4a4653;
		/*        max-height: 200px;
        overflow-y: auto;*/
		padding-top: 20px;
	}
	.prdInfoList .txtInfo+.sectionHeadWrap {
		margin-top: 20px;
	}
	.cartWrap {
		margin-bottom: 30px;
	}
	.cartHead {
		padding: 10px 0 20px 0;
	}
	.cartHead .btnM {
		top: 5px;
		width: auto;
		padding: 0 20px;
	}
	.cartBody>ul>li .cartPrd {
		padding: 20px 0 20px 40%;
	}
	.cartBody>ul>li .cartPrd .checkbox {
		top: 20px;
	}
	.cartBody>ul>li .cartPrd .imgWrap {
		top: 20px;
	}
	.cartBody .cartPrd .prdName {
		display: block;
		width: 100%;
	}
	.cartBody .cartPrd .prdName p {
		font-size: 13px;
		margin-bottom: 1px;
	}
	.cartBody .cartPrd .prdName .nameWrap .agency {
		font-size: 12px;
	}
	.cartBody .cartPrd .prdInfoBox {
		display: block;
		width: 100%;
	}
	.cartBody .cartPrd .prdInfoBox .price, .cartBody .cartPrd .prdInfoBox .sum
		{
		width: 38%;
		line-height: 37.5px;
		text-align: right;
	}
	.cartBody .cartPrd .prdInfoBox>.selectWrap {
		width: 22%;
	}
	.fieldsetWrap {
		padding: 0 20px;
	}
	.cartFoot {
		padding: 14px 10px 14px 11%;
	}
	.cartFoot .tit, .cartFoot .price {
		font-size: 16px;
	}
	.cartBtn {
		flex-wrap: wrap;
	}
	.cartBtn .btn {
		width: 50%
	}
	.cartBtn .colBrown.mblock {
		flex: auto;
		margin-top: 10px;
		width: 100%;
	}
	.fieldsetWrap {
		margin-top: 0;
		padding: 30px 15px;
	}
	.fieldsetWrap ul li label {
		position: static;
	}
	.fieldsetWrap ul li {
		padding-left: 0;;
	}
	.fieldsetWrap ul li.innerBtn {
		padding-right: 0;
	}
	.fieldsetWrap ul li.innerBtn .btnM {
		position: static;
		width: 100%;
		display: block;
		margin-top: 10px;
	}
	.fieldsetWrap .btnWrap {
		margin-top: 20px;
	}
	/*입점 신청 결과 조회*/
	.stepWrap .userState {
		margin-bottom: 40px;
	}
	.stepWrap .userState ul li .circle {
		width: 130px;
		height: 130px;
		font-size: 14px;
	}
	.stepWrap .userState ul li.icort:after {
		width: 30px;
		height: 43px;
		margin: 10px 0;
	}
	.stepWrap .userState ul li .circle.ico:before {
		height: 40px;
		margin: 30px 0 10px;
	}
	.stepWrap .userState {
		margin-bottom: 40px;
		padding: 0 0 24px 0;
	}
	.boardWrite .writeList>li>.writeWrap .attention {
		font-size: 12px;
	}
	.boardWrite .writeList>li>.writeWrap .subinfo {
		font-size: 12px;
	}
	.boardWrite .writeList>li {
		position: relative;
		margin-bottom: 0;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .group:first-child {
		margin-bottom: 10px;
	}
	.boardWrite .writeList li .required {
		font-size: 16px;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup {
		padding-top: 5px;
	}
	.boardWrite .writeList>li>.writeWrap.innerGroup .emailWrap .search__wrap
		{
		width: 45%;
	}
	.boardWrite .writeList>li>.tit.labelgap {
		margin-bottom: 5px;
	}
	.boardWrite .writeList>li>.writeWrap.innerPost {
		padding-right: 0;
		width: 100%;
	}
	.boardWrite .writeList>li>.writeWrap.innerPost .inputWrap {
		width: 50%;
	}
	.boardWrite .writeList>li>.writeWrap.innerPost .btnWrap {
		width: 48%;
		top: auto;
		bottom: 0;
	}
	.boardWrite .writeList>li>.writeWrap .row:not(:last-child) {
		margin-bottom: 5px;
	}
	.boardWrap table td .state {
		font-size: 14px;
	}
	.infoWrap .btnWrap.btnCertificate {
		margin-bottom: 0;
	}
	.loginType {
		width: 100%;
		height: auto;
		background: none;
	}
	.loginType fieldset h4.logo {
		margin: 0 0 10px 0;
	}
	.loginType fieldset h4.logo img {
		height: 25px;
	}
	.loginType fieldset .info {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.loginType fieldset .checkboxTxtWrap label {
		font-size: 14px;
	}
	.loginType .btnWrap {
		display: block;
	}
	.loginType .btnWrap .btnM {
		margin-top: 10px;
	}
	.loginType fieldset .loginInput li input {
		line-height: 40px;
		height: 40px;
		padding-left: 10px;
		font-size: 14px;
	}
	.findWrap {
		padding: 30px 15px;
	}
	.findWrap h4.tit {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.findWrap ul li {
		margin-bottom: 10px;
	}
	.findWrap ul li .attention {
		margin-top: 10px;
	}
	.fieldsetWrap h4.tit {
		font-size: 20px;
	}
	.fieldsetWrap .info {
		margin-bottom: 15px;
	}
	.fieldsetWrap .inputList li:not(:first-child) {
		margin-top: 10px;
	}
	.findResult {
		padding: 30px 15px;
	}
	.findResult h4.tit {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.boardinnerBtn .pos {
		position: static;
		margin-top: 20px;
	}
	.icoLock {
		width: 12px;
		height: 15px;
		margin-left: 5px;
	}
	.inlineGroup .attention {
		display: block;
		margin-bottom: 5px;
	}
	.inlineGroup .btnWrap {
		display: block;
	}
	.boardWrite .writeList .filePreview .inputLineWrap {
		padding: 10px 90px 10px 10px;
		min-height: 44px;
	}
	.myTit {
		padding-bottom: 20px;
		font-size: 14px;
	}
	.myTit .primary {
		font-size: 14px;
	}
	.btnWrap.btnWish {
		display: block;
		font-size: 0;
	}
	.btnWrap.btnWish .btn {
		height: 37px;
		line-height: 37px;
		font-size: 13px;
		min-width: auto;
		margin: 0;
		padding: 0;
	}
	.btnWrap.btnWish .btn.colBrown {
		margin-bottom: 6px;
	}
	.btnWrap.btnWish .flex {
		width: 100%;
	}
	.btnWrap.btnWish .btn:last-child {
		margin: 6px 0 0 0;
	}
	.prdListWrap.line {
		padding-top: 15px;
	}
	.inputLineWrap .name {
		font-size: 14px;
	}
	.boardWrite .writeList .filePreview .inputLineWrap.btnArea .name {
		display: block;
		margin-bottom: 10px;
	}
	.boardWrite .writeList .filePreview .inputLineWrap.btnArea button {
		position: static;
		margin-top: 0;
	}
	.boardWrite .writeList .filePreview .inputLineWrap.btnArea button.btnDownload
		{
		position: absolute;
		margin-top: -15px;
	}
	.boardWrite .writeList>li>.writeWrap .inputWrap+.row {
		margin-top: 20px;
	}
	.boardWrite .writeList>li.defaultGap {
		padding-top: 10px;
	}
	.boardWrite .writeList>li>.writeWrap.innerBtn .pos {
		padding-right: 0;
	}
	.searchWrap .txtWrap .innerDate {
		padding-right: 70px;
	}
	.searchWrap .txtWrap .innerDate .date {
		padding-left: 10px;
		font-size: 12px;
		top: 6px;
	}
	.searchWrap .location li {
		display: inline-block;
		padding: 0 15px 0 7px;
		color: #000;
		font-size: 13px;
	}
	.searchWrap .location li:not(:last-child) {
		background: url("../img/sub/ico_arrowsmall.png") no-repeat 100% 50%;
		background-size: 6px auto;
	}
	.boardWrite .writeList>li>.writeWrap.innerBtn .pos .btnM.colBlack {
		background: none !important;
	}
	.boardWrite .writeList>li>.writeWrap.innerBtn .btnWrap.pos .btnM:hover,
		.boardWrite .writeList>li>.writeWrap.innerBtn .pos .btnM.colBlack:hover
		{
		border: none
	}
	.searchTxt {
		font-size: 18px;
	}
	.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"] {
		height: 33px;
		line-height: 33px;
		font-size: 14px;
	}
	.writeWrap [data-ax5uploader] [data-ax5uploader-button="selector"]::after
		{
		content: '';
		display: inline-block;
		width: 13px;
		height: 13px;
		margin-left: 5px;
		background: url(../img/sub/btn_prdsearch.png) no-repeat 0 0;
		background-size: 13px 13px;
		vertical-align: middle;
	}
	.writeWrap [data-ax5uploader] [data-ax5uploader-dropzone] .text-center {
		border-bottom: 1px solid #bababa;
		height: auto;
		line-height: 1.3;
		width: 100%;
		font-size: 14px;
		padding-left: 16px;
		font-weight: 500;
	}
	.writeWrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]
		{
		margin: 0;
		padding: 10px 90px 10px 10px;
		min-height: 44px;
		border-bottom: 1px solid #bababa;
		border-radius: 0;
	}
	.slideset__list a {
		display: block !important;
		overflow: hidden;
		display: inline-block;
		margin: 0 auto;
		display: block;
		overflow: hidden;
		position: relative;
		font-size: 0;
		line-height: 0;
		padding-bottom: 69.53125%;
	}
	.slideset__wrap .slick-slide img {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: initial;
		/*    height: 100%;*/
		max-width: 100%;
		/*    max-height: 100%;*/
		margin: auto;
	}
}
/**********************************************337***************************************************/
@media screen and (max-width: 337px) {
	.boardView .viewInfo ul li .tit {
		font-size: 12px;
	}
	.boardView .viewInfo ul li .txt {
		font-size: 12px;
	}
	.linkTab.lf.innerBtn  {
		margin-bottom:90px;
	}
	.content .linkTab.lf.clear ul .write .btn {
		font-size:12px;
	}
}

/* 비번입력화면용 추가 200202 aym */
.secritBox {
	max-width: 450px;
	margin: 30px auto 50px;
	text-align: center;
	padding: 30px 30px;
	border: 1px solid #000;
	margin-bottom: 50px;
}

.search {
	display: inline-block;
	max-width: 100%;
	min-width: 80px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	/* vertical-align: top; */
	padding: 0 25px;
	/* border: 1px solid #32415e; *//*헤더 통합검색버튼 라인안보임처리*/
	background-color: #32415e;
	font-size: 14px;
	box-sizing: border-box;
}

@media screen and (max-width: 751px) {
	.search {
		padding: 0 10px;
		height: 21px;
		line-height: 21px;
	}
}


#listTable table tbody tr td.subject a span {
	color: #000;
}

#listTable table tbody tr td.subject.bold500 a span {
	font-weight: 500;
	color: #000;
}

#listTable table tbody tr td.no.thide.bold500 {
	font-weight: 500;
	color: #000;
}

div.viewCont.clearfix div.textareaWrap {
	margin : 20px 0 20px 0;
}

div.pop-container div.pop-conts div.popHead p.tit strong {
	font-size : 1.6rem;
}








/* ---------------------------리뉴얼--------------------------- */
.boardWrap tbody tr:nth-child(even){
  background: rgba(232, 232, 232, 0.25);;
}
.boardWrap tbody tr:hover td {
  background: rgba(214, 218, 237, 0.35);
}

/*테스트*/
.content {margin:0 auto; max-width: 1300px;}
@media screen and (max-width:1300px) {
  .content { padding: 0 20px;}
}
/*표준물질 생산,공급기관*/
.produce_wrap h4 {
  font-size: 26px;
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 6px solid #32415e;
}
.produce_wrap .produce_list {
  display: flex;
  flex-wrap: wrap;
}
.produce_wrap .produce_list > li {
  width: calc((100% - 120px)/4);
  margin-right: 40px;
  margin-bottom: 30px;
  border: 1px solid #dedede;
}
.produce_wrap .produce_list > li:nth-child(4n) {
  margin-right: 0;
}
.produce_list .list_img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 150px;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.produce_list .list_img img{
	max-width: 150px;
}
.produce_list .list_info {
  padding: 30px 20px 20px;
}
.produce_list .list_info .tit {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.produce_list .list_info .txt {
  font-weight: 400;
  font-size: 15px;
  color: #6b6b6b;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.btn_wrap .list_btn {
  display: block;
  position: relative;
  font-size: 14px;
  width: 100%;
  line-height: 40px;
  padding: 0 15px;
  text-align: left;
  color: #435189;
  border: 2px solid #435189;
}
.btn_wrap .list_btn::after {
  content: "";
  display: block;
  position: absolute;
  right:15px;
  top:15px;
  width: 16px;
  height: 11px;
  background: url('../img/sub/btn_arrow.png') no-repeat;
}
.btn_wrap .list_btn:hover {
  color: #fff;
  background: #435189;
}
.btn_wrap .list_btn:hover::after {
  background-position-y: 100% ;
}
@media screen and (max-width:768px) {
  .produce_wrap h4 {
    margin-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 25px
  }
  .produce_wrap .produce_list > li {
    width: 100%;
    margin-right:0;
    margin-bottom: 15px;
  }
  .produce_list .list_info {
    padding: 25px 20px 20px
  }
  .produce_list .list_info .tit {
    font-size: 18px;
  }
  .produce_list .list_info .txt {
    font-size: 14px
  };
}
/*표준물질 서비스 내역 조회*/
.blue_txt{
  color:#005b9e !important;
}
.gray_txt{
  color:#5f5f5f;
}
.black_btn{
  background-color: #444;
  border: 1px solid #444;
  color:#fff;
  font-size: 18px;
  font-weight: 600;
}
.black_btn:hover{
  background-color: #fff;
  color:#444;
}
.navy_btn{
  background-color: #43518a;
  border: 1px solid #43518a;
  color:#fff;
  font-size: 18px;
  font-weight: 600;
}
.navy_btn:hover{
  background-color: #fff;
  color:#43518a;
}
.darknavy_btn{
  background-color: #32415e;
  color:#fff;
  border: 1px solid #32415e;
}
.beige_btn{
  background-color: #9d7a5b;
  border: 1px solid #9d7a5b;
  color:#fff;
  font-size: 18px;
  font-weight: 600;
}
.beige_btn:hover{
  background-color: #81542d;
  border: 1px solid #81542d;
}
.beige_btn.type02:hover{
  background-color: #fff;
  color:#9d7a5b;
}
.produce_service_wrap h4 {
  font-size: 26px;
  display: inline-block;
  font-weight: 600;
  letter-spacing: -0.04em;
  color:#000;
}
.produce_service_wrap span{
  font-size: 16px;
  color:#000;
  font-weight: 500;
}
.produce_service_wrap .title_wrap{
  padding-bottom: 25px;
  border-bottom: 6px solid #32415e;
}
.produce_service_select_wrap ul{
  display: flex;
  flex-wrap: wrap;
}
.produce_service_select_wrap ul li{
  width: 50%;
  border-bottom: 1px solid #bebebe;
}
.produce_service_select_wrap ul li >div{
  display: flex;
}
.produce_service_select_wrap .select_title{
  min-width: 200px;
  text-align: center;
  line-height: 69px;
  background-color: #f4f4f4;
  font-size: 18px;
}
.produce_service_select_wrap .select_title span{
  font-weight: 600;
}
.produce_service_select_wrap .select_wrap{
  padding: 8px 12px;
  width: 100%;
  display: flex;
}
.produce_service_select_wrap .select_wrap select{
  border: 1px solid #dedede;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  position: relative;
  background: url(../img/ico_select.png) no-repeat;
  background-position: calc(100% - 15px) center;
  font-size: 16px;
  font-weight: 500;
}
.produce_service_select_wrap .select_wrap input[type="text"]{
  border: 1px solid #dedede;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
.produce_service_select_wrap .select_wrap .ws{
  max-width: 180px;
  margin-right: 10px;
}
.produce_service_select_wrap .select_wrap button{
  width: 105px;
}
.produce_service_util_wrap{
  height: 115px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 17px;
  border-bottom: 6px solid #32415e;
}
.produce_service_util_wrap_cnt{
  height: 50px; /* 커뮤니티 목록 페이지 갯수표시부분 윗간격조정 */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 17px;
  border-bottom: 6px solid #32415e;
}
.produce_service_util_wrap .list_count_wrap{
  display: flex;
  align-items: center;
}
.produce_service_util_wrap .list_count_wrap img{
  margin-right: 12px;
}
.produce_service_util_wrap .list_count_wrap span{
  font-weight: 500;
  font-size: 18px;
}
.produce_service_util_wrap .list_count_wrap >span{
  color:#000;
}
.produce_service_util_wrap button{
  width: 170px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.produce_service_util_wrap button img{
  margin-right: 9px;
}
.produce_service_wrap .produce_service_list_wrap{
  min-width: 1300px;
}
.produce_service_list_wrap .tr{
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #bebebe;
}
.produce_service_list_wrap .tr.thead{
  text-align: center;
  cursor:auto;
}
.produce_service_list_wrap .tr.thead span{
  font-weight: 600;
}
.produce_service_list_wrap .tr >div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
   padding: 10px; /*20220920 추가*/
}
.produce_service_list_wrap .tr .choose{
  width: 5%;
  position: relative;
}
.produce_service_list_wrap .tr .code{
  width: 11.5%;
}
.produce_service_list_wrap .tr .number{
  width: 7.5%;
}
.produce_service_list_wrap .tr:not(:first-of-type) .name{
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 350px;
}
.produce_service_list_wrap .tr .certVal{
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 20%;
}
.produce_service_list_wrap .tr .soration{
  width: 11.5%;
}
.produce_service_list_wrap .tr .direct{
  width: 7.5%;
}
.produce_service_list_wrap .tr .price{
  width: 11.5%;
}
.produce_service_list_wrap .tr:not(:first-of-type) .price{
  text-align: right;
}
.produce_service_list_wrap .tr .type{
  width: 11.5%;
}
.produce_service_list_wrap .tr .typeEng{
  width: 20%;
}
.produce_service_list_wrap .tr .amount{
  width: 7.5%;
}
.produce_service_list_wrap .tr:nth-of-type(2n-1){
  background-color: #f9f9f9;
}
.produce_service_list_wrap .tr:nth-of-type(1){
  background-color: #fff;
}
.produce_service_list_wrap .tr:not(:first-of-type):hover{
  background-color: #f1f2f9;
}
.produce_service_list_wrap .tr .choose{
  position: relative;
}
.produce_service_list_wrap .tr .choose input[type="checkbox"]{
  display: none;
}
.produce_service_list_wrap .tr .choose input[type="checkbox"] + label{
  width:25px;
  height: 25px;
  background:url(../img/ico_check.png) no-repeat;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  position: absolute;
}
.produce_service_list_wrap .tr .choose input[type="checkbox"]:checked + label{
  background:url(../img/ico_checked.png) no-repeat;
}
/* 리스트 네비게이션 */
.paginate{
  display: flex;
  justify-content: center;
  padding: 180px 0 120px;
}
.paginate .btn_page{
  width: 30px;
  height: 35px;
  border: 1px solid #bebebe;
  margin: 0 4px;
}
.paginate .input_wrap{
  display: flex;
  align-items: center;
  margin: 0 26px;
}
.paginate .input_wrap input[type="text"],
.paginate .input_wrap button{
  width: 55px;
  height: 35px;
  border: 1px solid #bebebe;
  text-align: center;
}
.paginate .input_wrap button{
  font-weight: 600;
  margin-left: 20px;
  width: 80px;
}
.paginate .input_wrap span{
  margin: 0px 5px;
}
.paginate .start{
  background: url(../img/ico_start.png) center no-repeat;
}
.paginate .prev{
  background: url(../img/ft_prev.png) center no-repeat;
}
.paginate .next{
  background: url(../img/ft_next.png) center no-repeat;
}
.paginate .last{
  background: url(../img/ico_last.png) center no-repeat;
}
/* 직거래관 */
.direct_wrap{
  padding-bottom: 80px;
}
.direct_util_wrap{
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 20px;
}
.direct_util_wrap .list_count_wrap{
  display: flex;
  align-items: center;
}
.direct_util_wrap .list_count_wrap img{
  margin-right: 12px;
}
.direct_util_wrap .list_count_wrap span{
  font-size:18px;
  font-weight: 500;
}
.direct_util_wrap .list_count_wrap >span{
  color:#000;
}
.direct_wrap .direct_list{
  display: flex;
  flex-wrap: wrap;
}
.direct_wrap .direct_list > li {
    width: calc((100% - 120px)/4);
    margin-right: 40px;
    margin-bottom: 30px;
    border: 1px solid #dedede;
}
.direct_wrap .direct_list > li:hover {
  border-color: #186dcf;
}
.direct_wrap .direct_list > li:nth-child(4n){
  margin-right: 0px;
}
.direct_list .list_img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
}
.direct_list .list_img img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.direct_list .list_info{
  padding: 25px 20px 20px;
}
.direct_list .list_info .list_info_title{
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.direct_list .list_info p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 3px;
}
.direct_list .list_info .blue_txt{
  font-weight: 900;
}
@media screen and (max-width:768px) {
  .direct_wrap .direct_list > li {
    width: 100%;
    margin-right:0;
    margin-bottom: 15px;
  }
  .direct_util_wrap .list_count_wrap img{
    width: 14px;
    margin-right: 8px;
  }
  .direct_util_wrap .list_count_wrap span{
    font-size:16px;
  }
  .produce_service_util_wrap .list_count_wrap img{
    transform: scale(0.9);
  }
  .produce_service_util_wrap .list_count_wrap span{
    font-size: 16px;
  }
}
/* 마이페이지 - 직거래판매 - 상세 */
.mobile{
  display: none;
}
.direct_detail_wrap span{
  font-size: 20px;
  letter-spacing: -0.04em;
  font-weight: 500;
  color:#000;
}
.direct_detail_wrap .thead span{
  font-weight: 600;
}
.direct_detail_wrap .th span{
  font-weight: 600;
}
.order_info_wrap span.ess::after{
  content: '*';
  color: #005b9e;
  margin-left: 3px;
}
.direct_detail_wrap .title_wrap span.ess::before{
  content: '*';
  color: #005b9e;
}
.direct_detail_wrap .detail_sum_wrap{
  border-top: 6px solid #32415e;
}
.direct_detail_wrap .tr{
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #bebebe;
}
.detail_sum_wrap .tr:nth-of-type(2n-1){
  background-color: #f9f9f9;
}
.detail_sum_wrap .tr:nth-of-type(1){
  background-color: #fff;
}
.detail_sum_wrap .tr >div{
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
.detail_sum_wrap .board_wrap{
  text-align: center;
}
.detail_sum_wrap .tr.thead >div{
  font-size:20px;
}
.detail_sum_wrap .tr.thead >div span{
  font-weight: 600;
}
.detail_sum_wrap .tr:not(:first-of-type) .name{
  text-align: left;
  padding: 0px 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 350px;
}
.detail_sum_wrap .tr .choose{
  width: 6%;
  position: relative;
}
.detail_sum_wrap .tr .type{
  width: 11.5%;
}
.detail_sum_wrap .tr .whether{
  width: 11.5%;
}
.detail_sum_wrap .type02 .tr .type{
  width: 11.5%;
}
.detail_sum_wrap .tr .amount{
  width: 11.5%;
}
.detail_sum_wrap .tr .amount .board_input{
  max-width: 100px;
  height: 50px;
  text-align: center;
  font-weight: 500;
  color: #4c4c4c;
}
.detail_sum_wrap .tr .price{
  width: 11.5%;
}
.detail_sum_wrap .tr .total_price{
  width: 11.5%;
}
.detail_sum_wrap .tr .choose input[type="checkbox"]{
  display: none;
}
.detail_sum_wrap .tr .choose input[type="checkbox"] + label{
  width:25px;
  height: 25px;
  background:url(../img/ico_check.png) no-repeat;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  position: absolute;
}
.detail_sum_wrap .tr .choose input[type="checkbox"]:checked + label{
  background:url(../img/ico_checked.png) no-repeat;
}
.direct_detail_wrap .detail_sum_wrap .board_list li:not(:first-of-type) span{
  font-size: 18px;
}
.detail_sum_wrap .board_sum{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 25px;
}
.detail_sum_wrap .board_sum button{
  min-width: 100px;
  height: 50px;
  padding:0px;
}
.direct_detail_wrap .board_sum span{
  font-size:30px;
  font-weight: 600;
}
.direct_detail_wrap .title_wrap{
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 6px solid #32415e;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.direct_detail_wrap .title_wrap h4 {
  font-size: 26px;
  display: inline-block;
  font-weight: 600;
  letter-spacing: -0.04em;
  color:#000;
}
.direct_detail_wrap .title_wrap span{
  font-size: 16px;
}
.direct_detail_wrap .radio_wrap label{
  margin-right: 25px;
  font-size: 18px;
  font-weight: 500;
  color:#000;
}
.direct_detail_wrap .radio_wrap label:last-of-type{
  margin-right: 0px;
}
.direct_detail_wrap .radio_wrap input[type="radio"]{
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bebebe;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
}
.direct_detail_wrap .radio_wrap input[type="radio"]::before{
  content: '';
  display: none;
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #005b9e;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.direct_detail_wrap .radio_wrap input[type="radio"]:checked:before{
  display: block;
}
.direct_detail_wrap .order_info_wrap{
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: 1px solid #32415e;
}
.order_info_wrap .board_list{
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
}
.order_info_wrap .tr{
  display: flex;
  border-bottom: none;
  height: auto;
  width: 50%;
}
.order_info_wrap .tr.tr100{
  width: 100%;
}
.order_info_wrap .tr .th{
  width: 210px;
  padding: 25px 10px;
  display: flex;
  align-items: center;
  min-height: 80px;
  max-height: 88px;
}
.order_info_wrap .tr .td{
  width: calc(100% - 230px);
}
.order_info_wrap .tr .td input[type="text"],
.order_info_wrap .tr .td input[type="tel"],
.order_info_wrap .tr .td input[type="email"],
.order_info_wrap .tr .td input[type="number"]{
  border: none;
  height: 45px;
  border-bottom: 1px solid #bebebe;
  margin-top: 20px;
  width: 100%;
  padding: 0 15px;
  color:#222;
  font-weight: 500;
  font-size: 20px;
}
.order_info_wrap .tr100 .td >span{
  display: block;
  margin-top: 30px;
}
.order_info_wrap .tr .td p{
  margin-top: 15px;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.04em;
}
.order_info_wrap .address_find button{
  width: 175px;
  height: 50px;
  vertical-align: bottom;
}
.order_info_wrap .address_find button span{
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.01em;
}
.order_info_wrap .address_find button:hover span{
  color: #43518a;
}
.order_info_wrap .address_find button span::after{
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/sub/ico_ad_find.png) no-repeat center right;
  background-position: 0 100%;
  margin: 0 0 -3px 17px;
}
.order_info_wrap .address_find button:hover span::after{
  background-position: 0 0;
}
.order_info_wrap .tr .td .address_find input{
  width: calc(50% - 115px);
  margin-right: 25px;
}
.order_info_wrap .radio_tr .td{
  display: flex;
  align-items: center;
}
.direct_detail_wrap .btn_wrap{
  display: flex;
  justify-content: center;
  padding-top: 60px;
}
.direct_detail_wrap .btn_wrap a{
  width: 200px;
  height: 65px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 63px;
  margin-right: 15px;
}
.direct_detail_wrap .btn_wrap a:last-of-type{
  margin-right: 0px;
}
@media screen and (max-width: 1024px){
  .order_info_wrap .tr .th{
    width: 150px;
    padding: 0px;
  }
  .order_info_wrap .tr .td{
    width: calc(100% - 150px)
  }
  .order_info_wrap .tr .td p{
    margin: 5px 0;
    font-size: 14px;
  }
  .order_info_wrap .radio_tr{
    width: 100%;
  }
  .direct_detail_wrap span{
    font-size: 18px;
  }
  .direct_detail_wrap .detail_sum_wrap .board_list li:not(:first-of-type) span{
    font-size: 15px;
  }
  .detail_sum_wrap .tr .amount .board_input{
    max-width: 75px;
  }
}
@media screen and (max-width: 768px){
  .mobile{
    display: inline-block;
  }
  button.navy_btn{
    width: 100%;
    height: 35px;
    margin-top: 10px;
  }
  .order_info_wrap .address_find button span {
    font-weight: 600;
    font-size: 14px;
  }
  .order_info_wrap .address_find button span::after {
    width: 12px;
    height: 12px;
    background-size: cover;
    margin: 0 0 -1px 7px;
  }
  .direct_detail_wrap .th span{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.04em;
  }
  .direct_detail_wrap .td span{
    font-size: 15px;
  }
  .detail_sum_wrap .thead{
    display: none;
  }
  .direct_detail_wrap .detail_sum_wrap .tr >div{
    display: inline-block;
    width: auto;
    margin-right: 12px;
  }
  .direct_detail_wrap .detail_sum_wrap .tr .name{
    display: block;
    padding: 0;
    margin-bottom: 15px;
  }
  .direct_detail_wrap.type01 .detail_sum_wrap .tr .name span{
    font-weight: 600;
    display: block;
  }
  .direct_detail_wrap.type01 .detail_sum_wrap .tr div:not(:first-of-type) span{
    font-size: 14px;
  }
  .direct_detail_wrap.type01 .detail_sum_wrap .tr div:nth-of-type(2n){
    min-width: 120px;
  }
  .direct_detail_wrap.type01 .detail_sum_wrap .tr div:nth-of-type(2n+1){
    width: calc(100% - 150px);
  }
  .direct_detail_wrap.type01 .detail_sum_wrap .tr div:nth-of-type(1){
    width: 100%;
  }
  .detail_sum_wrap .tr:nth-of-type(2n-1){
    background-color: #fff;
  }
  .detail_sum_wrap .tr .choose{
    position: absolute;
    padding:  15px 5px;
  }
  .detail_sum_wrap .tr .choose input{
    width: 0px;
    height: 0px;
    border: none;
  }
  .detail_sum_wrap .tr .choose input[type="checkbox"] + label{
    width: 18px;
    height: 18px;
    background-size: cover;
    left: calc(50% + 5px);
    transform: translate(-50%, -50%);
  }
  .direct_detail_wrap.type02 .detail_sum_wrap .tr .name{
    padding:0px;
    padding-left: 25px;
    white-space: normal;
    min-width: calc(100% - 26px);
    margin-bottom: 10px;
  }
  .direct_detail_wrap.type02 .detail_sum_wrap .tr .name span{
    word-break: break-all;
    font-size: 16px;
    font-weight: 600;
  }
  .direct_detail_wrap.type02 .detail_sum_wrap .tr .amount .board_input{
    max-width: 50px;
    height: 25px;
    margin-left: 5px;
    margin-top: -5px;
  }
  .direct_detail_wrap .board_wrap{
    text-align: left;
  }
  .direct_detail_wrap .detail_sum_wrap .tr{
    padding:15px 0px;
    position: relative;
  }
  .direct_detail_wrap .detail_sum_wrap span{
    font-weight: 500;
  }
  .direct_detail_wrap .detail_sum_wrap .mobile{
    font-weight: 600;
  }
  .direct_detail_wrap .board_sum{
    margin-top: 20px;
  }
  .direct_detail_wrap .board_sum span{
    font-size: 18px;
    font-weight: 600;
  }
  .detail_sum_wrap .board_sum button{
    min-width: 65px;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
  }
  .direct_detail_wrap .title_wrap{
    padding-bottom: 10px;
  }
  .direct_detail_wrap .title_wrap.type02{
    display: block;
  }
  .direct_detail_wrap .title_wrap h4{
    font-size: 18px;
  }
  .order_info_wrap .tr{
    width: 100%;
    flex-direction: column;
  }
  .order_info_wrap .tr.blank{
    display: none;
  }
  .order_info_wrap .tr .th{
    width: 100%;
    padding: 15px 0 0 0;
    min-height: auto;
  }
  .order_info_wrap .tr .td{
    width: 100%;
  }
  .order_info_wrap .board_list{
    margin: 0;
  }
  .order_info_wrap .tr .td input[type="text"],
  .order_info_wrap .tr .td input[type="tel"],
  .order_info_wrap .tr .td input[type="email"],
  .order_info_wrap .tr .td input[type="number"]{
  height: 30px;
  margin-top: 5px;
  font-size: 14px;
  }
  .order_info_wrap .tr .td .address_find input{
    width: 100%;
  }
  .order_info_wrap .tr .td .address_find button{
    width: 100%;
    height: 35px;
  }
  .direct_detail_wrap .order_info_wrap{
    padding-bottom: 20px;
  }
  .direct_detail_wrap .radio_wrap{
    display: flex;
    align-items: center;
    padding-top: 10px;
  }
  .direct_detail_wrap .radio_wrap label{
    font-size: 15px;
  }
  .direct_detail_wrap .radio_wrap input[type="radio"]{
    width: 18px;
    height: 18px;
  }

  .direct_detail_wrap .radio_wrap input[type="radio"]::before{
    width: 10px;
    height: 10px;
  }
  .direct_detail_wrap .btn_wrap{
    padding-top: 30px;
  }
  .direct_detail_wrap .btn_wrap a{
    width: 155px;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
  }
}
/* 장바구니 - 구매문의 */
.shopping_wrap .guide_wrap p{
  font-size: 22px;
  font-weight: 500;
  color:#222;
  letter-spacing: -0.04em;
  position: relative;
  left:10px;
  word-break: break-all;
  width: calc(100% - 10px);
}
.shopping_wrap .guide_wrap p::before{
  content: '*';
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  width: 10px;
  left: -10px;
  position: absolute;
}
.shopping_wrap .produce_service_util_wrap{
  height: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0px;
  border-bottom: none;
}
.shopping_wrap .produce_service_util_wrap span{
  font-size: 22px;
}
.shopping_wrap .produce_service_util_wrap.type02{
  justify-content: flex-end;
}
.shopping_wrap .produce_service_util_wrap .check_wrap{
  position: relative;
  width: 40px;
  height: 20px;
}
.shopping_wrap .produce_service_util_wrap input[type="checkbox"]{
  display: none;
}
.shopping_wrap .produce_service_util_wrap input[type="checkbox"] + label{
  width:20px;
  height: 20px;
  background:url(../img/ico_check.png) no-repeat;
  background-size: cover;
  top:50%;
  left:0%;
  transform: translate(0%, -50%);
  cursor: pointer;
  position: absolute;
}
.shopping_wrap .produce_service_util_wrap input[type="checkbox"]:checked + label{
  background:url(../img/ico_checked.png) no-repeat;
  background-size: cover;
}
.shopping_wrap .produce_service_util_wrap button{
  width:105px;
  height: 50px;
  color:#fff;
}
.shopping_list_wrap{
  margin-top: 10px;
}
.shopping_list_wrap .shopping_list{
  margin-bottom: 30px;
}
.shopping_list_wrap .shopping_list li{
  border-bottom: 1px solid #bebebe;
}
.shopping_list_wrap .shopping_list li:last-of-type{
  border-bottom: 1px solid #32415e;
}
.shopping_list_wrap .shopping_list_title{
  display: flex;
  padding-bottom: 12px;
  border-bottom: 6px solid #32415e;
  align-items: center;
}
.shopping_list_wrap .shopping_list_title h4{
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.04em;
  color:#222;
  margin-right: 15px;
}
.shopping_list_wrap .shopping_list_title button{
  padding: 0px;
}
.shopping_list_wrap .shopping_list_title button span{
  color:#fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.shopping_list_wrap .shopping_list_title button:hover span{
  color:#32415e;
}
.shopping_list_wrap .shopping_list_title button span::after{
  content: '';
  display: inline-block;
  width:20px;
  height: 20px;
  background:url(../img/sub/ico_go_btn.png);
  margin: 0 0 -5px 5px ;
}
.shopping_list_wrap .shopping_list_info{
  display: flex;
  padding: 30px 0;
}
.shopping_list_wrap .shopping_list_info .check_wrap{
  min-width: 6%;
  margin-right: 15px;
  position: relative;
}
.shopping_list_wrap .shopping_list_info .check_wrap input[type="checkbox"]{
  display: none;
}
.shopping_list_wrap .shopping_list_info .check_wrap input[type="checkbox"] + label{
  width:20px;
  height: 20px;
  background:url(../img/ico_check.png) no-repeat;
  background-size: cover;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  position: absolute;
}
.shopping_list_wrap .shopping_list_info .check_wrap input[type="checkbox"]:checked + label{
  background:url(../img/ico_checked.png) no-repeat;
  background-size: cover;
}
.shopping_list_wrap .shopping_list_info .shopping_list_img{
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.shopping_list_wrap .shopping_list_info .shopping_list_img img{
  max-width: 155px;
  border: 2px solid #dadada;
}
.shopping_list_wrap .shopping_list_info .shopping_list_txt{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.shopping_list_wrap .shopping_list_info .shopping_list_price{
  display: flex;
  align-items: center;
  margin-right: 40px;
  justify-content: space-between;
  width: 40%;
  min-width: 300px;
  margin-left: 20px;
}
.shopping_list_wrap .shopping_list_info .shopping_list_txt p{
  font-size: 20px;
  font-weight: 500;
  color:#222;
  line-height: 26px;
}
.shopping_list_wrap .shopping_list_info .shopping_list_txt select{
  font-size: 20px;
  font-weight: 500;
  width: 90px;
}
.shopping_list_wrap .shopping_list_info .shopping_list_txt .select_wrap{
  position: relative;
}
.shopping_list_wrap .shopping_list_info .shopping_list_txt .select_wrap::before{
  content: '';
  width: 13px;
  height: 8px;
  /* background:url(../img/sub/ico_select_arrow.png) center center no-repeat; */
  display: block;
  position: absolute;
  top:50%;
  right:10px;
  transform: translate(0%, -50%);
}
.shopping_list_wrap .shopping_list_info .shopping_list_txt span{
  font-size: 20px;
  font-weight: 500;
}
.shopping_wrap .btn_wrap{
  display: flex;
  justify-content: center;
  padding-top: 60px;
}
.shopping_wrap .btn_wrap a{
  width: 245px;
  height: 65px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 63px;
  margin-right: 15px;
}
.shopping_wrap .btn_wrap a:last-of-type{
  margin-right: 0px;
}
.shopping_wrap .shopping_result_wrap{
  margin-top: 20px;
  width: 100%;
  height: 80px;
  border-top: 2px solid #757575;
  border-bottom: 2px solid #757575;
  display: flex;
  justify-content: flex-end;
}
.shopping_wrap .shopping_result{
  width: 72%;
  margin-right: 40px;
  display: flex;
  justify-content: space-between;
}
.shopping_wrap .shopping_result span{
  font-size: 30px;
  font-weight: 500;
  line-height: 78px;
  color:#222;
}
.shopping_wrap .shopping_result span.blue_txt{
  font-weight: 600;
}
@media screen and (max-width: 768px){
  .shopping_wrap .guide_wrap p{
    font-size: 18px;
    line-height: 24px;
  }
  .shopping_wrap .produce_service_util_wrap button{
    width: 63px;
    height: 34px;
    line-height: 32px;
  }
  .shopping_wrap .produce_service_util_wrap .check_wrap{
    width: 25px;
  }
  .shopping_wrap .produce_service_util_wrap span{
    font-size: 18px;
    line-height: 18px;
  }
  .shopping_wrap .produce_service_util_wrap input[type="checkbox"] + label{
    width: 17px;
    height: 17px;
  }
  .shopping_list_wrap .shopping_list_title{
    padding-bottom: 5px;
  }
  .shopping_list_wrap .shopping_list_title button{
    width: 120px;
    height: 34px;
    line-height: 32px;
  }
  .shopping_list_wrap .shopping_list_title button span{
    font-size: 14px;
  }
  .shopping_list_wrap .shopping_list_title h4{
    font-size: 18px;
    margin-right: 8px;
  }
  .shopping_list_wrap .shopping_list_info{
    padding: 17px 0;
  }
  .shopping_list_wrap .shopping_list_info .check_wrap{
    min-width: 20px;
    margin-right: 0px;
  }
  .shopping_list_wrap .shopping_list_info .check_wrap input[type="checkbox"] + label{
    top:0px;
    left: 0px;
    transform: translate(0%,0%);
    width: 17px;
    height: 17px;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_img{
    align-items: flex-start;
    margin-right: 5px;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_img img{
    max-width: 88px;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_price{
    width: 100%;
    min-width: auto;
    margin: 3px 0 0 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_txt p{
    font-size: 14px;
    line-height: normal;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_txt select{
    width:45px;
    min-width: 45px;
    font-size: 14px;
    margin-right: 10px;
    line-height: 25px;
    height: auto;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_txt .select_wrap::before{
    width: 11px;
    height: 7px;
    background-size: cover;
    right:10px;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_txt span{
    font-size: 14px;
    margin-right: 10px;
    font-weight: 600;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_txt span:last-of-type{
    margin-right: 0px;
  }
  .shopping_list_wrap .shopping_list{
    margin-bottom: 25px;
    width: 100%;
  }
  .shopping_wrap .shopping_result{
    margin-right: 0px;
    width: 100%;
  }
  .shopping_wrap .shopping_result_wrap{
    height: 56px;
    padding-left: 50px;
  }
  .shopping_wrap .shopping_result span{
    font-size: 18px;
    line-height: 54px;
    font-weight: 600;
  }
  .shopping_wrap .btn_wrap{
    padding-top: 30px;
  }
  .shopping_wrap .btn_wrap a{
    height: 50px;
    line-height: 48px;
    font-size: 15px;
  }
  .shopping_list_wrap .shopping_list_info .shopping_list_txt{
    flex-direction: column;
    width: calc(100% - 120px);
  }
}
/* 수요조사 - 목록 */
.boardWrap table th.appli{
  padding-left: 18px;
}
.demand_wrap .boardWrap table td{
  font-weight: 500;
}
.boardWrap table td.tit{
  text-align: left;
  padding-left: 20px;
}
.boardWrap table th{
  font-weight: 600;
}
.boardWrap table th > a{
  background: url(../img/sub/ico_tb_arrow.png) no-repeat center right;
  padding-right: 19px;
  font-size: 18px;
  color: #222;
}
.demand_wrap .search__wrap-top {
  margin-bottom: 27px;
}
.demand_wrap .produce_service_util_wrap{
  height: auto;
}
.demand_wrap .produce_service_util_wrap button{
  min-width: 105px;
  width: 105px;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
}
.boardWrap table .num{
  width: 145px;
  font-size: 18px;
}
.boardWrap table .division{
  width: 100px;
}
.boardWrap table .appli{
  width: 110px;
}
.boardWrap table .date{
  width: 140px;
}
.boardWrap table td.tit{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boardWrap table td.tit > a{
  font-size: 18px;
  color:#222;
}
@media screen and (max-width: 1400px){
  .demand_wrap .boardWrap table td{
    font-size: 18px;
  }
}
@media screen and (max-width: 1007px){
  .boardWrap table .num {
    width: auto;
  }
  .boardWrap table .division{
    width: auto;
  }
  .boardWrap table .appli{
    width: auto;
  }
  .boardWrap table .date{
    width: auto;
  }
  .boardWrap table .tit{
    width: 100%;
  }
  .demand_wrap .boardWrap table td.date{
    padding-bottom: 19px;
    padding-top: 0;
  }
  .boardWrap table td.tit > a{
    font-size: 16px;
  }
  .demand_wrap .boardWrap table tr{
    border-bottom: 1px solid #d5d5d5;
  }
  .demand_wrap .boardWrap table td{
    padding: 0;
    font-size: 16px;
    padding-top: 19px;
  }
  .boardWrap table td.tit{
    padding: 3px 0;
  }
  .demand_wrap .boardWrap tbody tr:hover{
    background: rgba(214, 218, 237, 0.35);
  }
  .demand_wrap .boardWrap table td:not(.tit,.appli,.date)::after{
    top: 50%;
    right: 0;
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 0 13px -3px 12px;
    background: #ddd;
  }
  .search__wrap-top.innerTotal .searchWide.search__wrap.type02 select.num {
		width: calc(50% - 5px);
		margin-right: 10px;
	}
	.search__wrap-top.innerTotal .searchWide.search__wrap.type02 select.type {
		width: calc(50% - 5px);
	}
}
@media screen and (max-width: 751px){
  .demand_wrap .produce_service_util_wrap button {
    min-width: 63px;
    width: 63px;
    height: 34px;
    font-size: 14px;
  }
}


/* 영문 - 품목조회목록 */
.produce_service_wrap.eng .tr.thead  span{
  font-size: 20px;
}
.produce_service_wrap.eng .produce_service_list_wrap .tr:not(.thead) .name{
  padding-left: 20px;
}


/* 수요조사 - 접수 */
.demand_receipt_wrap span{
  font-size: 20px;
  font-weight: 500;
  color: #222222;
  letter-spacing: -0.04em;
}
.demand_receipt_wrap span.red{
  color: #e82d2d;
}
.demand_receipt_wrap .demand_receipt_wrap .order_info_wrap span.ess::after{
  content: '*';
  color: #005b9e;
}
.title_wrap span.ess::before{
  content: '*';
  color: #005b9e;
}
.demand_receipt_wrap .board_sum span{
  font-size:30px;
  font-weight: 700;
}
.demand_receipt_wrap .title_wrap{
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 6px solid #32415e;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.demand_receipt_wrap .title_wrap h4 {
  font-size: 26px;
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.04em;
  color:#222;
}
.demand_receipt_wrap .title_wrap span{
  font-size: 16px;
}
.demand_receipt_wrap .order_info_wrap{
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: 1px solid #32415e;
}
.demand_receipt_wrap .order_info_wrap.bd_none{
  border-bottom: none;
}
.demand_receipt_wrap .order_info_wrap .board_list{
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
}
.demand_receipt_wrap .order_info_wrap .tr{
  display: flex;
  border-bottom: none;
  height: auto;
  width: 50%;
}
.demand_receipt_wrap .order_info_wrap .tr.tr100{
  width: 100%;
}
.demand_receipt_wrap .order_info_wrap .tr.tr50{
  width: 100%;
}
.demand_receipt_wrap .order_info_wrap .tr.tr50 .td{
  width: calc((100% - 460px) / 2);
}
.demand_receipt_wrap .order_info_wrap .tr .th{
  min-width: 210px;
  padding: 25px 10px 15px;
  display: flex;
  align-items: baseline;
  min-height: auto;
  max-height: 100%;
}
.demand_receipt_wrap .order_info_wrap .tr .td{
  width: calc(100% - 230px);
}
.demand_receipt_wrap .order_info_wrap .tr .td input[type="text"],
.demand_receipt_wrap .order_info_wrap .tr .td input[type="tel"],
.demand_receipt_wrap .order_info_wrap .tr .td input[type="email"],
.demand_receipt_wrap .order_info_wrap .tr .td input[type="number"]{
  border: none;
  height: 45px;
  border-bottom: 1px solid #bebebe;
  margin-top: 20px;
  width: 100%;
  padding: 0 15px;
  font-weight: 500;
  font-size: 20px;
  color: #222;
  background: #fff;
}
.demand_receipt_wrap .order_info_wrap .tr .td input::placeholder{
  color: #9e9e9e;
}

.demand_receipt_wrap .order_info_wrap .tr .td p{
  margin-top: 15px;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 500;
}
.demand_receipt_wrap .order_info_wrap .address_find button{
  width: 175px;
  height: 50px;
  vertical-align: bottom;
}
.demand_receipt_wrap .order_info_wrap .address_find button span{
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.01em;
}
.demand_receipt_wrap .order_info_wrap .address_find button span::after{
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/sub/ico_ad_find.png) no-repeat center right;
  background-position:  0 100%;
  margin: 0 0 -3px 17px;
}
.demand_receipt_wrap .order_info_wrap .address_find button:hover span{
  color: #43518a;
}
.demand_receipt_wrap .order_info_wrap .address_find button:hover span::after{
  background-position: 0 0;
}
.demand_receipt_wrap .order_info_wrap .tr .td .address_find input{
  width: calc(50% - 115px);
  margin-right: 25px;
}
/* .demand_receipt_wrap .order_info_wrap .tr .td .check_box_wrap{
  display: flex;
}
.demand_receipt_wrap .order_info_wrap .tr .td .check_box_wrap .ck_box:not(:first-of-type){
  margin-left: 28px;
}
.demand_receipt_wrap .order_info_wrap .tr .td input[type="checkbox"] + label{
  cursor: pointer;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.demand_receipt_wrap .order_info_wrap .tr .td input[type="checkbox"] + label:before{
  display: inline-block;
  content: "";
  width: 25px;
  height: 25px;
  background: url(../img/sub/ico_check02.png) no-repeat;
  background-position: 0 100%;
  vertical-align: middle;
  margin-bottom: 4px;
  background-size: cover;
  margin-right: 8px;
}
.demand_receipt_wrap .order_info_wrap .tr .td input[type="checkbox"]:checked + label:before {
  background-position: 0 0;
}
.demand_receipt_wrap .order_info_wrap .tr .td input[type="checkbox"] {
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  position: absolute;
  clip: rect(0,0,0,0);
} */
.demand_receipt_wrap .order_info_wrap .tr .td textarea{
  resize: none;
  font-size: 20px;
  color: #222;
  font-weight: 500;
  padding: 20px;
}
.demand_receipt_wrap .order_info_wrap .tr.textarea:not(:first-of-type){
  margin-top: 40px;
}
.demand_receipt_wrap .btn_wrap{
  display: flex;
  justify-content: center;
  padding-top: 60px;
}
.demand_receipt_wrap .btn_wrap > .btn:not(:first-child){
  margin-left: 14px;
}
.demand_receipt_wrap .btn_wrap > .btn{
  min-width: 200px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
}
.demand_receipt_wrap span > sub{
  color: #005b9e;
  vertical-align: text-bottom;
  margin-left:  3px;
}
.demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper{
   display: flex;
   padding-top: 10px;
}
.demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box{
  width: 30%;
}
.demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box:not(:last-of-type){
  margin-right: 30px;
}
.demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box > select{
  width: 100%;
  border-bottom: 1px solid #bebebe;
  font-size: 20px;
  padding: 0 35px 0 16px;
  color: #9e9e9e;
  background: url(../img/sub/ico_select.png) no-repeat center right 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}
.demand_receipt_wrap .order_info_wrap .tr .td .file_wrap{
  display: flex;
  align-items: flex-end;
}
.demand_receipt_wrap .order_info_wrap .tr .td .file_wrap > label{
  min-width: 133px;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  margin-right: 30px;
}
.demand_receipt_wrap .order_info_wrap .tr .td .file_wrap > label::after{
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/sub/ico_ad_find.png) no-repeat center right;
  background-position: 0 100%;
  margin: 0 0 -4px 15px;
}
.demand_receipt_wrap .order_info_wrap .tr .td .file_wrap > label:hover:after{
  background-position: 0 0;
}
.demand_receipt_wrap .order_info_wrap .tr .td .file_wrap input[type="file"] {
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  display: none;
}
.demand_receipt_wrap .order_info_wrap .tr .td.file p{
  margin-left: 0;
}
.demand_receipt_wrap .order_info_wrap .tr.txtarea{
  margin: 20px 0;
}

@media screen and (max-width: 1024px){
  .demand_receipt_wrap .order_info_wrap .tr .th{
    min-width: 150px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td{
    width: 100%;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td p{
    margin: 5px 0;
    font-size: 14px;
  }
  .demand_receipt_wrap span {
    font-size: 18px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="text"], .demand_receipt_wrap .order_info_wrap .tr .td input[type="tel"], .demand_receipt_wrap .order_info_wrap .tr .td input[type="email"], .demand_receipt_wrap .order_info_wrap .tr .td input[type="number"]{
    font-size: 18px;
  }
  .demand_receipt_wrap .order_info_wrap .tr.tr50 .td {
    width: calc((100% - 300px) / 2);
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box > select{
    font-size: 18px;
  }
}
@media screen and (max-width: 768px){
  .demand_receipt_wrap  span{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.04em;
  }
  .detail_sum_wrap .thead{
    display: none;
  }
  .demand_receipt_wrap  .board_wrap{
    text-align: left;
  }
  .demand_receipt_wrap .title_wrap{
    padding-bottom: 10px;
  }
  .demand_receipt_wrap .title_wrap.type02{
    display: block;
  }
  .demand_receipt_wrap  .title_wrap h4{
    font-size: 18px;
  }
  .demand_receipt_wrap .order_info_wrap .tr{
    width: 100%;
    flex-direction: column;
  }
  .demand_receipt_wrap .order_info_wrap .tr.blank{
    display: none;
  }
  .demand_receipt_wrap .order_info_wrap .tr .th{
    width: 100%;
    padding: 15px 0 0 0;
    min-height: auto;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td{
    width: 100%;
  }
  .demand_receipt_wrap .order_info_wrap .board_list{
    margin: 0;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="text"],
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="tel"],
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="email"],
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="number"]{
  height: 30px;
  margin-top: 5px;
  font-size: 14px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .address_find input{
    width: 100%;
    margin-right: 0;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .address_find button{
    width: 100%;
    height: 35px;
  }
  .demand_receipt_wrap .order_info_wrap .address_find button span::after{
    width: 12px;
    height: 12px;
    background-size: cover;
    margin: 0 0 -1px 7px;
  }
  .demand_receipt_wrap .demand_receipt_wrap .order_info_wrap{
    padding-bottom: 20px;
  }
  .demand_receipt_wrap  .btn_wrap{
    padding-top: 30px;
  }
  .demand_receipt_wrap  .btn_wrap a{
    width: 155px;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
  }
  .demand_receipt_wrap .order_info_wrap .tr.tr50 .td {
    width: 100%;
  }
  /* .demand_receipt_wrap .order_info_wrap .tr .td .check_box_wrap{
    margin-top: 13px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="checkbox"] + label{
    font-size: 16px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td input[type="checkbox"] + label:before{
    width: 17px;
    height: 17px;
    background-size: cover;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .check_box_wrap .ck_box:not(:first-of-type) {
    margin-left: 20px;
  } */
  .demand_receipt_wrap .order_info_wrap .tr .td textarea{
    margin-top: 13px;
  }
  .demand_receipt_wrap .order_info_wrap .tr.textarea:not(:first-of-type) {
    margin-top: 17px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td textarea {
    font-size: 14px;
    padding: 12px;
  }
  .demand_receipt_wrap .btn_wrap > .btn{
    flex: 1;
    min-width: auto;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
  }
  .demand_receipt_wrap .order_info_wrap .address_find button span{
    font-size: 14px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper {
    display: block;
    padding-top: 0;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box {
    width: 100%;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box:not(:last-of-type) {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .select_wrapper .select_box > select {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .demand_receipt_wrap .order_info_wrap .tr.txtarea {
    margin: 0;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .file_wrap {
    display: block;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .file_wrap > label {
    display: block;
    min-width: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    margin-right: 0;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .file_wrap > label::after{
    width: 12px;
    height: 12px;
    background-size: cover;
    margin: 0px 0 -1px 7px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td.file{
    margin-top:13px;
  }
  .demand_receipt_wrap .order_info_wrap .tr .td .file_wrap > input{
    margin-top: 0;
  }
  .demand_receipt_wrap .order_info_wrap{
    padding-bottom: 15px;
  }
}
/* 마이페이지 - 직거래 판매 - 목록 */
.demand_wrap .boardWrap table.type02 .tablet{
  display: none;
}
.tablet{
  display: none;
}
.boardWrap table.type02 .num{
  width: 145px;
}
.boardWrap table.type02 .appli{
  width: 110px;
}
.boardWrap table.type02 .date{
  width: 140px;
}
.boardWrap table.type02 .amount{
  width: 70px;
}
.boardWrap table.type02 .price{
  width: 150px;
}
.boardWrap table.type02 td.price{
  text-align: right;
}
.boardWrap table.type02 td.total_price{
  text-align: right;
}
.boardWrap table.type02 .total_price{
  width: 170px;
  padding: 0 10px;
}
.boardWrap table.type02 td.tit{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boardWrap table.type02 td.tit > a{
  font-size: 18px;
}
@media screen and (max-width: 1007px){
  .demand_wrap .boardWrap table.type02 .tablet{
    display: inline-block;
  }
  .demand_wrap .boardWrap table.type02 .num{
    width: auto;
  }
  .demand_wrap .boardWrap table.type02 .appli{
    width: auto;
  }
  .demand_wrap .boardWrap table.type02 td.date{
    width: auto;
    padding-top: 19px;
    padding-bottom: 0px;
  }
  .demand_wrap .boardWrap table.type02 .amount{
    width: auto;
    padding: 0px;
    padding-bottom: 19px;
  }
  .demand_wrap .boardWrap table.type02 .price{
    display: none;
  }
  .demand_wrap .boardWrap table.type02 .total_price{
    width: auto;
    padding: 0px;
    padding-bottom: 19px;
  }
  .demand_wrap .boardWrap table.type02 .total_price::after{
    display: none;
  }
  .demand_wrap .boardWrap table.type02 td:not(.tit,.date,.total_price)::after{
    top: 50%;
    right: 0;
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 0 13px -3px 12px;
    background: #ddd;
  }
  .boardWrap tbody tr:hover td{
    background-color: transparent;
  }
  .boardWrap tbody tr:hover{
    background-color: rgba(214, 218, 237, 0.35)
  }
  .boardWrap table.type02 td.tit > a{
    font-size: 16px;
  }
}


/* 마이페이지 - 일반기업회원 - 구매문의 - 목록 */
.general_com_board .produce_service_util_wrap{
  height: 100%;
}
.general_com_board .boardWrap table th{
  font-size: 18px;
}
.general_com_board .boardWrap table .quantity{
  width: 80px;
}
.general_com_board .boardWrap table .price{
  width: 120px;
}
.general_com_board .boardWrap table .writer{
  width: 80px;
}
.general_com_board .boardWrap table th.quantity > a,
.general_com_board .boardWrap table th.tit.type02 > a{
  background: none;
  padding-right: 0;
}
.general_com_board .boardWrap table .num{
  width: 80px;
}
.general_com_board .boardWrap table td.tit.type02{
  padding-left: 0px;
}
.general_com_board .boardWrap table td > a{
  font-size: 18px;
  font-weight: 500;
}
.general_com_board .boardWrap table th.tit.type02{
  width: 35%;
}

@media screen and (max-width: 1400px){
  .general_com_board .boardWrap table th{
    font-size: 18px;
  }
  .general_com_board .boardWrap table td{
    font-size: 18px;
  }
}

@media screen and (max-width: 1007px){
  .general_com_board .boardWrap table .num,
  .general_com_board .boardWrap table .quantity,
  .general_com_board .boardWrap table .price{
    display: none;
  }
  .general_com_board .boardWrap table .writer{
    padding-top: 0px;
    width: auto;
  }
  .general_com_board .boardWrap table .writer::after{
    top: 50%;
    right: 0;
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 0 13px -3px 12px;
    background: #ddd;
  }
  .general_com_board .boardWrap table td.tit {
    padding: 0;
    padding-bottom: 3px;
  }
  .general_com_board .boardWrap table td.tit.type02{
    padding: 18px 0 5px;
  }
  .general_com_board .boardWrap table tr{
    border-bottom: 1px solid #d5d5d5;
  }
  .general_com_board .boardWrap table .date{
    padding-top: 0;
  }
  .general_com_board .boardWrap table td > a{
    font-size: 16px;
  }
  .general_com_board .boardWrap table td{
    font-size: 16px;
  }
}


/* 마이페이지 - 일반기업회원 - 직거래구매 - 목록 */
.direct_purchase_wrap  .detail_sum_wrap{
  border-top: 6px solid #32415e;
}
.direct_purchase_wrap .tr{
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #bebebe;
}
.direct_purchase_wrap .detail_sum_wrap .tr:nth-of-type(2n-1){
  background-color: #f9f9f9;
}
.direct_purchase_wrap .detail_sum_wrap .tr:nth-of-type(1){
  background-color: #fff;
}
.direct_purchase_wrap .detail_sum_wrap .tr >div{
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
.direct_purchase_wrap .detail_sum_wrap .board_wrap{
  text-align: center;
}
.direct_purchase_wrap .detail_sum_wrap .tr.thead >div{
  font-size:20px;
}
.direct_purchase_wrap .detail_sum_wrap .tr.thead >div span{
  font-weight: 600;
}
.direct_purchase_wrap .detail_sum_wrap .tr:not(:first-of-type) .name{
  text-align: left;
  padding: 0px 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 350px;
}
.direct_purchase_wrap .detail_sum_wrap .tr .choose{
  width: 6%;
  position: relative;
}
.direct_purchase_wrap .detail_sum_wrap .tr .type{
  width: 11.5%;
}
.direct_purchase_wrap .detail_sum_wrap .tr .whether{
  width: 11.5%;
}
.direct_purchase_wrap .detail_sum_wrap .type02 .tr .type{
  width: 11.5%;
}
.direct_purchase_wrap .detail_sum_wrap .tr .amount{
  width: 11.5%;
}
.direct_purchase_wrap .detail_sum_wrap .tr .amount .board_input{
  max-width: 100px;
  height: 50px;
  text-align: center;
  font-weight: 500;
  color: #4c4c4c;
}
.direct_purchase_wrap .detail_sum_wrap .tr .price{
  width: 11.5%;
}
.direct_purchase_wrap .detail_sum_wrap .tr .total_price{
  width: 11.5%;
}
.direct_purchase_wrap .detail_sum_wrap .tr .choose input[type="checkbox"]{
  display: none;
}
.direct_purchase_wrap .detail_sum_wrap .tr .choose input[type="checkbox"] + label{
  width:25px;
  height: 25px;
  background:url(../img/ico_check.png) no-repeat;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  position: absolute;
}
.direct_purchase_wrap .detail_sum_wrap .tr .choose input[type="checkbox"]:checked + label{
  background:url(../img/ico_checked.png) no-repeat;
}
.direct_purchase_wrap  .detail_sum_wrap .board_list li:not(:first-of-type) span{
  font-size: 18px;
}
.direct_purchase_wrap .detail_sum_wrap .board_sum{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 25px;
}
.direct_purchase_wrap .detail_sum_wrap .board_sum button{
  min-width: 100px;
  height: 50px;
  padding:0px;
}
.direct_purchase_wrap .board_sum span{
  font-size:30px;
  font-weight: 600;
}
.direct_purchase_wrap .title_wrap{
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 6px solid #32415e;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.direct_purchase_wrap .title_wrap h4 {
  font-size: 26px;
  display: inline-block;
  font-weight: 600;
  letter-spacing: -0.04em;
  color:#000;
}
.direct_purchase_wrap .title_wrap span{
  font-size: 16px;
}
.direct_purchase_wrap .radio_wrap label{
  margin-right: 25px;
  font-size: 18px;
  font-weight: 500;
  color:#000;
}
.direct_purchase_wrap .radio_wrap label:last-of-type{
  margin-right: 0px;
}
.direct_purchase_wrap .radio_wrap input[type="radio"]{
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bebebe;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
}
.direct_purchase_wrap .radio_wrap input[type="radio"]::before{
  content: '';
  display: none;
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #005b9e;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.direct_purchase_wrap .radio_wrap input[type="radio"]:checked:before{
  display: block;
}
.direct_purchase_wrap  .order_info_wrap{
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: 1px solid #32415e;
}
.direct_purchase_wrap .order_info_wrap .board_list{
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
}
.direct_purchase_wrap .order_info_wrap .tr{
  display: flex;
  border-bottom: none;
  height: auto;
  width: 50%;
}
.direct_purchase_wrap .order_info_wrap .tr.tr100{
  width: 100%;
}
.direct_purchase_wrap .order_info_wrap .tr .th{
  width: 210px;
  padding: 25px 10px;
  display: flex;
  align-items: center;
  min-height: 80px;
  max-height: 88px;
}
.direct_purchase_wrap .order_info_wrap .tr .td{
  width: calc(100% - 230px);
}
.direct_purchase_wrap .order_info_wrap .tr .td input[type="text"],
.direct_purchase_wrap .order_info_wrap .tr .td input[type="tel"],
.direct_purchase_wrap .order_info_wrap .tr .td input[type="email"],
.direct_purchase_wrap .order_info_wrap .tr .td input[type="number"]{
  border: none;
  height: 45px;
  border-bottom: 1px solid #bebebe;
  margin-top: 20px;
  width: 100%;
  padding: 0 15px;
  color:#222;
  font-weight: 500;
  font-size: 20px;
}
.direct_purchase_wrap .order_info_wrap .tr100 .td >span{
  display: block;
  margin-top: 30px;
}
.direct_purchase_wrap .order_info_wrap .tr .td p{
  margin-top: 15px;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.04em;
}
.direct_purchase_wrap .order_info_wrap .address_find button{
  width: 175px;
  height: 50px;
  vertical-align: bottom;
}
.direct_purchase_wrap .order_info_wrap .address_find button span{
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.01em;
}
.direct_purchase_wrap .order_info_wrap .address_find button:hover span{
  color: #43518a;
}
.direct_purchase_wrap .order_info_wrap .address_find button span::after{
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/sub/ico_ad_find.png) no-repeat center right;
  background-position: 0 100%;
  margin: 0 0 -3px 17px;
}
.direct_purchase_wrap .order_info_wrap .address_find button:hover span::after{
  background-position: 0 0;
}
.direct_purchase_wrap .order_info_wrap .tr .td .address_find input{
  width: calc(50% - 115px);
  margin-right: 25px;
}
.direct_purchase_wrap .order_info_wrap .radio_tr .td{
  display: flex;
  align-items: center;
}
.direct_purchase_wrap .btn_wrap{
  display: flex;
  justify-content: center;
  padding-top: 60px;
}
.direct_purchase_wrap .btn_wrap a{
  width: 200px;
  height: 64px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 64px;
  margin-right: 15px;
  font-size: 20px;
}
.direct_purchase_wrap .btn_wrap a:last-of-type{
  margin-right: 0px;
}
.direct_purchase_wrap span {
  font-size: 20px;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: #000;
}
.direct_purchase_wrap .th span {
  font-weight: 600;
}
@media screen and (max-width: 1024px){
  .direct_purchase_wrap .order_info_wrap .tr .th{
    width: 150px;
    padding: 0px;
  }
  .direct_purchase_wrap .order_info_wrap .tr .td{
    width: calc(100% - 150px)
  }
  .direct_purchase_wrap .order_info_wrap .tr .td p{
    margin: 5px 0;
    font-size: 14px;
  }
  .direct_purchase_wrap .order_info_wrap .radio_tr{
    width: 100%;
  }
  .direct_purchase_wrap span{
    font-size: 18px;
  }
  .direct_purchase_wrap  .detail_sum_wrap .board_list li:not(:first-of-type) span{
    font-size: 15px;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr .amount .board_input{
    max-width: 75px;
  }
  .direct_purchase_wrap .order_info_wrap .tr .td input[type="text"], .direct_purchase_wrap .order_info_wrap .tr .td input[type="tel"], .direct_purchase_wrap .order_info_wrap .tr .td input[type="email"], .direct_purchase_wrap .order_info_wrap .tr .td input[type="number"]{
    font-size: 18px;
  }
}
@media screen and (max-width: 768px){
  button.navy_btn{
    width: 100%;
    height: 35px;
    margin-top: 10px;
  }
  .direct_purchase_wrap .order_info_wrap .address_find button span {
    font-weight: 600;
    font-size: 14px;
  }
  .direct_purchase_wrap .order_info_wrap .address_find button span::after {
    width: 12px;
    height: 12px;
    background-size: cover;
    margin: 0 0 -1px 7px;
  }
  .direct_purchase_wrap .th span{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.04em;
  }
  .direct_purchase_wrap .td span{
    font-size: 15px;
  }
  .direct_purchase_wrap .detail_sum_wrap .thead{
    display: none;
  }
  .direct_purchase_wrap  .detail_sum_wrap .tr >div{
    display: inline-block;
    width: auto;
    margin-right: 12px;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr .name{
    display: block;
    padding: 0;
    margin-bottom: 15px;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr .name span{
    font-weight: 600;
    display: block;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr div:not(:first-of-type) span{
    font-size: 14px;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr div:nth-of-type(2n){
    min-width: 120px;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr div:nth-of-type(2n+1){
    width: calc(100% - 150px);
  }
  .direct_purchase_wrap .detail_sum_wrap .tr div:nth-of-type(1){
    width: 100%;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr:nth-of-type(2n-1){
    background-color: #fff;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr .choose{
    position: absolute;
    padding:  15px 5px;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr .choose input{
    width: 0px;
    height: 0px;
    border: none;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr .choose input[type="checkbox"] + label{
    width: 18px;
    height: 18px;
    background-size: cover;
    left: calc(50% + 5px);
    transform: translate(-50%, -50%);
  }
  .direct_purchase_wrap.type02  .detail_sum_wrap .tr .name{
    padding:0px;
    padding-left: 25px;
    white-space: normal;
    min-width: calc(100% - 26px);
    margin-bottom: 10px;
  }
  .direct_purchase_wrap.type02 .detail_sum_wrap .tr .name span{
    word-break: break-all;
    font-size: 16px;
    font-weight: 600;
  }
  .direct_purchase_wrap.type02 .detail_sum_wrap .tr .amount .board_input{
    max-width: 50px;
    height: 25px;
    margin-left: 5px;
    margin-top: -5px;
  }
  .direct_purchase_wrap .board_wrap{
    text-align: left;
  }
  .direct_purchase_wrap .detail_sum_wrap .tr{
    padding:15px 0px;
    position: relative;
  }
  .direct_purchase_wrap .detail_sum_wrap span{
    font-weight: 500;
  }
  .direct_purchase_wrap .detail_sum_wrap .mobile{
    font-weight: 600;
  }
  .direct_purchase_wrap .board_sum{
    margin-top: 20px;
  }
  .direct_purchase_wrap .board_sum span{
    font-size: 18px;
    font-weight: 600;
  }
  .direct_purchase_wrap .detail_sum_wrap .board_sum button{
    min-width: 65px;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
  }
  .direct_purchase_wrap .title_wrap{
    padding-bottom: 10px;
  }
  .direct_purchase_wrap .title_wrap.type02{
    display: block;
  }
  .direct_purchase_wrap .title_wrap h4{
    font-size: 18px;
  }
  .direct_purchase_wrap .order_info_wrap .tr{
    width: 100%;
    flex-direction: column;
  }
  .direct_purchase_wrap .order_info_wrap .tr.blank{
    display: none;
  }
  .direct_purchase_wrap .order_info_wrap .tr .th{
    width: 100%;
    padding: 15px 0 0 0;
    min-height: auto;
  }
  .direct_purchase_wrap .order_info_wrap .tr .td{
    width: 100%;
  }
  .direct_purchase_wrap .order_info_wrap .board_list{
    margin: 0;
  }
  .direct_purchase_wrap .order_info_wrap .tr .td input[type="text"],
  .direct_purchase_wrap .order_info_wrap .tr .td input[type="tel"],
  .direct_purchase_wrap .order_info_wrap .tr .td input[type="email"],
  .direct_purchase_wrap .order_info_wrap .tr .td input[type="number"]{
  height: 30px;
  margin-top: 5px;
  font-size: 14px;
  }
  .direct_purchase_wrap .order_info_wrap .tr .td .address_find input{
    width: 100%;
  }
  .direct_purchase_wrap .order_info_wrap .tr .td .address_find button{
    width: 100%;
    height: 35px;
    line-height: 32px;
  }
  .direct_purchase_wrap  .order_info_wrap{
    padding-bottom: 20px;
  }
  .direct_purchase_wrap .radio_wrap{
    display: flex;
    align-items: center;
    padding-top: 10px;
  }
  .direct_purchase_wrap .radio_wrap label{
    font-size: 15px;
  }
  .direct_purchase_wrap .radio_wrap input[type="radio"]{
    width: 18px;
    height: 18px;
  }

  .direct_purchase_wrap .radio_wrap input[type="radio"]::before{
    width: 10px;
    height: 10px;
  }
  .direct_purchase_wrap .btn_wrap{
    padding-top: 30px;
  }
  .direct_purchase_wrap .btn_wrap a{
    width: 155px;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
  }
}


/* 20220818 추가 */
.sectionHeadWrap .tab_listType_wp{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.sectionHeadWrap .tab_listType_wp h4.tit{
  padding: 0;
}
.prdListWrap  .sectionHeadWrap .pos{
  position: static;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.prdListWrap .sectionHeadWrap .pos .total-number{
  font-size: 18px;
  padding-left: 30px;
}
.prdListWrap .view_tap>li {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 37px;
  text-align: center;
  border: 1px solid #d0d0d0;
  margin-right: 8px;
}
.prdListWrap .view_tap>li:last-of-type {
  margin-right: 0;
}
.prdListWrap .view_tap>li.act {
  background: #19539a;
  border: 1px solid #19539a;
}
.prdListWrap .view_tap>li button {
  width: 100%;
  height: 100%;
}
.prdListWrap .view_tap>li button::before {
  content: "";
  display: inline-block;
  margin-bottom: 2px;
}
.prdListWrap .view_tap>li.box_type button::before {
  width: 23px;
  height: 14px;
  background: url(../img/sub/box_tab.png) no-repeat;
}
.prdListWrap .view_tap>li.list_type button::before {
  width: 21px;
  height: 13px;
  background: url(../img/sub/list_tab.png) no-repeat;
}
.prdListWrap .view_tap>li.box_type.act button::before {
  background-position-y: 100%;
}
.prdListWrap .view_tap>li.list_type.act button::before {
  background-position-y: 100%;
}

/* 리스트형 */
.board_type.line .board_list{
  border-top: 6px solid #32415e;
  margin-bottom: 50px; /* 추가 */
}
.board_type.line .board_list table .tit span{
  font-size: 18px;
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.board_type.line .board_list table .tit span.nameEng{
	margin-left: 10px;
}
.board_type.line .board_list table .price{
  width: 20%;
}
.board_type.line .board_list table .com{
  width: 25%;
}

@media screen and (max-width: 1007px){
  .board_type.line .board_list table .tit{
    padding-top: 15px;
  }
  .board_type.line .board_list table .tit span {
    font-size: 16px;
  }
  .board_type.line .board_list table .com {
    width: auto;
    padding: 5px 0 20px;
  }
  .board_type.line .board_list table .com::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    background: #dcdcdc;
    margin: 0 9px -3px 10px;
  }
  .board_type.line .board_list table .price {
    width: auto;
    padding: 5px 0 20px;
  }
}

@media screen and (max-width: 768px){
  .sectionHeadWrap .tab_listType_wp {
    display: block;
  }
  .prdListWrap .view_tap>li button::before{
    margin-bottom: -1px
  }
  .prdListWrap .view_tap{
    margin-top: 35px;
  }
  ul.prdList {/*20220907 수정*/
    margin-left: 0;
	}
  .board_type ul.prdList li{
    width: 100%;
    margin-left: 0;/*20220907 수정*/
  }
}

/* 카테고리 리스트형 nodata */
.board_type .nodata {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

h3 {
    color: #3c3e42;
    font-size: 44px;
    font-weight: 600;
    text-align: center;
}
.content, .content_video_wrap {margin:0 auto; max-width: 1300px;  padding: 0 0 123px;}
@media screen and (max-width:1300px) {
  .content { padding: 0 20px 123px;}
}
@media screen and (max-width:1024px) {
  .content { padding: 0 20px 80px;}
}
@media screen and (max-width:751px) {
  .content { padding: 25px 20px 80px;}

  .amountWrap {
	position: relative;
	width: 50px;
	height: 35px;
	border: 1px solid #d4d4d4;
	}
}

.gallery_list .imgWrap .thumb_api_data {
  left: -235px;
  top: -180px;
  width: 60px;;
}



/* 20231106 성공스토리 추가 */
.gallery_item_list {
  display: flex;
  flex-wrap: wrap;
}
.gallery_item_list>li {
  width: calc((100% - 200px)/5);
  margin-bottom: 50px;
  border: 1px solid #e1e1e1;
}
.gallery_item_list>li:not(:nth-child(5n+1)) {
  margin-left: 50px;
}
.gallery_item_list .thum_wrap {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.gallery_item_list .thum_wrap img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all .3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.gallery_item_list .thum_wrap img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.gallery_item_list .txt_wrap {
  padding: 20px 28px;
  border-top: 1px solid #e1e1e1;
}
.gallery_item_list .txt_wrap .tit {
  overflow: hidden;
  font-weight: 500;
  font-size: 20px;
  color: #222;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.gallery_item_list .txt_wrap .date {
  margin-top: 15px;
  font-size: 18px;
  color: #666;
}
.success_story_wrap .gallery_item_list .thum_wrap {
  padding-bottom: 66.10%;
}
.success_story_wrap .gallery_item_list{
  gap: 30px 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.success_story_wrap .gallery_item_list>li {
  width: 100%;
  margin-bottom: 0;
}
.success_story_wrap .gallery_item_list>li:not(:nth-child(5n+1)) {
  margin-left: 0px;
}
.success_story_wrap .gallery_item_list .txt_wrap .tit{
  font-size: 18px;
  line-height: 24px;
}
.success_story_wrap .gallery_item_list .txt_wrap {
  padding: 25px 20px;
}
.success_story_wrap .gallery_item_list .thum_wrap img.thumb_play{
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}


@media screen and (max-width:1400px) {
  .gallery_item_list>li {
    width: calc((100% - 100px)/3);
  }
  .gallery_item_list>li:not(:nth-child(5n+1)) {
    margin-left: 0;
  }
  .gallery_item_list>li:not(:nth-child(3n+1)) {
    margin-left: 50px;
  }
  .success_story_wrap .gallery_item_list>li:not(:nth-child(3n+1)) {
    margin-left: 0px;
  }
}

@media screen and (max-width:1024px) {
  .success_story_wrap .gallery_item_list{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width:768px) {
  .gallery_item_list>li {
    width: calc((100% - 15px)/2);
  }
  .gallery_item_list>li:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
  .gallery_item_list>li:not(:nth-child(2n+1)) {
    margin-left: 15px;
  }
  .gallery_item_list .txt_wrap {
    padding: 7px 13px;
  }
  .gallery_item_list .txt_wrap .tit {
    font-size: 14px;
    line-height: 20px;
  }
  .gallery_item_list .txt_wrap .date {
    margin-top: 7px;
    font-size: 14px;
  }
  .success_story_wrap .gallery_item_list .txt_wrap {
    padding: 20px;
  }
  .success_story_wrap .gallery_item_list{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

@media screen and (max-width: 460px) {
  .success_story_wrap .gallery_item_list{
    grid-template-columns: 1fr;
  }