/*@font-face {*/
/*  font-family: 'Noto Sans KR';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  src: url(../font/NotoSansKR-Light.woff2) format('woff2'),*/
/*    url(../font/NotoSansKR-Light.woff) format('woff'),*/
/*    url(../font/NotoSansKr/NotoSansKR-Light.otf) format('opentype');*/
/*}*/
/**/
/*@font-face {*/
/*  font-family: 'Noto Sans KR';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),*/
/*    url(../font/NotoSansKR-Regular.woff) format('woff'),*/
/*    url(../font/NotoSansKR-Regular.otf) format('opentype');*/
/*}*/
/**/
/*@font-face {*/
/*  font-family: 'Noto Sans KR';*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*  src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),*/
/*    url(../font/NotoSansKR-Medium.woff) format('woff'),*/
/*    url(../font/NotoSansKR-Medium.otf) format('opentype');*/
/*}*/
/**/
/*@font-face {*/
/*  font-family: 'Noto Sans KR';*/
/*	font-style: normal;*/
/*	font-weight: 700;*/
/*	src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),*/
/*	url(../font/NotoSansKR-Bold.woff) format('woff'),*/
/*	url(../font/NotoSansKR-Bold.otf) format('opentype');*/
/*}*/

@font-face {
	font-family: "Gmarket Sans";
	font-style: normal;
	font-weight: 300;
	src: url("./font/GmarketSansTTFLight.ttf") format("truetype");
}

@font-face {
	font-family: "Gmarket Sans";
	font-style: normal;
	font-weight: 500;
	src: url("./font/GmarketSansTTFMedium.ttf") format("truetype");
}

@font-face {
	font-family: "Gmarket Sans";
	font-style: normal;
	font-weight: 700;
	src: url("./font/GmarketSansTTFBold.ttf") format("truetype");
}



html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
button,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}


body * {
/*	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;*/
}

body {
	height: 100%;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	font-size: 15px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

@media (min-width: 1024px) {
	body::-webkit-scrollbar, div::-webkit-scrollbar, ul::-webkit-scrollbar, textarea::-webkit-scrollbar {
		width: 14px; /* 스크롤바 너비 */
		height: 14px;
	}

	body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
		background: #00000030; /* 스크롤바 색상 */
		border: 4px solid transparent;
		border-radius: 8px;
		background-clip: padding-box;
	}

	body::-webkit-scrollbar-track, div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track {
		background: transparent;  /*스크롤바 뒷 배경 색상*/
	}
}


.w100{width:100% !important;}
.w90{width:90% !important;}
.w80{width:80% !important;}
.w70{width:70% !important;}
.w60{width:60% !important;}
.w50{width:50% !important;}
.w40{width:40% !important;}
.w30{width:30% !important;}
.w20{width:20% !important;}
.w10{width:10% !important;}


.mt50-m{margin: 50px auto 0;}
.b-0{border: none !important;}
.bt-0{border-top: none !important;}
.br-0{border-right: none !important;}
.bb-0{border-bottom: none !important;}
.bl-0{border-left: none !important;}

.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}

.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}

.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}

.m-3{margin:.75rem!important}
.mt-3,.my-3{margin-top:.75rem!important}
.mr-3,.mx-3{margin-right:.75rem!important}
.mb-3,.my-3{margin-bottom:.75rem!important}
.ml-3,.mx-3{margin-left:.75rem!important}

.m-4{margin:1rem!important}
.mt-4,.my-4{margin-top:1rem!important}
.mr-4,.mx-4{margin-right:1rem!important}
.mb-4,.my-4{margin-bottom:1rem!important}
.ml-4,.mx-4{margin-left:1rem!important}

.m-5{margin:1.5rem!important}
.mt-5,.my-5{margin-top:1.5rem!important}
.mr-5,.mx-5{margin-right:1.5rem!important}
.mb-5,.my-5{margin-bottom:1.5rem!important}
.ml-5,.mx-5{margin-left:1.5rem!important}

.m-6{margin:2rem!important}
.mt-6,.my-6{margin-top:2rem!important}
.mr-6,.mx-6{margin-right:2rem!important}
.mb-6,.my-6{margin-bottom:2rem!important}
.ml-6,.mx-6{margin-left:2rem!important}

.m-7{margin:3rem!important}
.mt-7,.my-7{margin-top:3rem!important}
.mr-7,.mx-7{margin-right:3rem!important}
.mb-7,.my-7{margin-bottom:3rem!important}
.ml-7,.mx-7{margin-left:3rem!important}

.m-8{margin:3.5rem!important}
.mt-8,.my-8{margin-top:3.5rem!important}
.mr-8,.mx-8{margin-right:3.5rem!important}
.mb-8,.my-8{margin-bottom:3.5rem!important}
.ml-8,.mx-8{margin-left:3.5rem!important}

.m-9{margin:4rem!important}
.mt-9,.my-9{margin-top:4rem!important}
.mr-9,.mx-9{margin-right:4rem!important}
.mb-9,.my-9{margin-bottom:4rem!important}
.ml-9,.mx-9{margin-left:4rem!important}


.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}

.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}

.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}

.p-3{padding:.75rem!important}
.pt-3,.py-3{padding-top:.75rem!important}
.pr-3,.px-3{padding-right:.75rem!important}
.pb-3,.py-3{padding-bottom:.75rem!important}
.pl-3,.px-3{padding-left:.75rem!important}

.p-4{padding:1rem!important}
.pt-4,.py-4{padding-top:1rem!important}
.pr-4,.px-4{padding-right:1rem!important}
.pb-4,.py-4{padding-bottom:1rem!important}
.pl-4,.px-4{padding-left:1rem!important}

.p-5{padding:1.5rem!important}
.pt-5,.py-5{padding-top:1.5rem!important}
.pr-5,.px-5{padding-right:1.5rem!important}
.pb-5,.py-5{padding-bottom:1.5rem!important}
.pl-5,.px-5{padding-left:1.5rem!important}

.p-6{padding:2rem!important}
.pt-6,.py-6{padding-top:2rem!important}
.pr-6,.px-6{padding-right:2rem!important}
.pb-6,.py-6{padding-bottom:2rem!important}
.pl-6,.px-6{padding-left:2rem!important}

.p-7{padding:3rem!important}
.pt-7,.py-7{padding-top:3rem!important}
.pr-7,.px-7{padding-right:3rem!important}
.pb-7,.py-7{padding-bottom:3rem!important}
.pl-7,.px-7{padding-left:3rem!important}

.p-8{padding:3.5rem!important}
.pt-8,.py-8{padding-top:3.5rem!important}
.pr-8,.px-8{padding-right:3.5rem!important}
.pb-8,.py-8{padding-bottom:3.5rem!important}
.pl-8,.px-8{padding-left:3.5rem!important}

.p-9{padding:4rem!important}
.pt-9,.py-9{padding-top:4rem!important}
.pr-9,.px-9{padding-right:4rem!important}
.pb-9,.py-9{padding-bottom:4rem!important}
.pl-9,.px-9{padding-left:4rem!important}

.w-xs-1{width:10%;}
.w-xs-2{width:16.66666667%;}
.w-xs-3{width:20%;}
.w-xs-4{width:25%;}
.w-xs-5{width:30%;}
.w-xs-6{width:33.33333333%;}
.w-xs-7{width:40%;}
.w-xs-8{width:45%;}
.w-xs-9{width:50%;}
.w-xs-10{width:55%;}
.w-xs-11{width:60%;}
.w-xs-12{width:66.66666667%;}
.w-xs-13{width:70%;}
.w-xs-14{width:75%;}
.w-xs-15{width:80%;}
.w-xs-16{width:83.33333333%;}
.w-xs-17{width:90%;}
.w-xs-18{width:100%;}

.dn-xs{display: none !important;}
.db-xs{display: block !important;}
.df-xs{display: flex;}


@media (min-width: 1200px){
	.w-lg-1{width:10% !important;}
	.w-lg-2{width:16.66666667% !important;}
	.w-lg-3{width:20% !important;}
	.w-lg-4{width:25% !important;}
	.w-lg-5{width:30% !important;}
	.w-lg-6{width:33.33333333% !important;}
	.w-lg-7{width:40% !important;}
	.w-lg-8{width:45% !important;}
	.w-lg-9{width:50% !important;}
	.w-lg-10{width:55% !important;}
	.w-lg-11{width:60% !important;}
	.w-lg-12{width:66.66666667% !important;}
	.w-lg-13{width:70% !important;}
	.w-lg-14{width:75% !important;}
	.w-lg-15{width:80% !important;}
	.w-lg-16{width:83.33333333% !important;}
	.w-lg-17{width:90% !important;}
	.w-lg-18{width:100% !important;}

	.m-lg-0{margin:0!important}
	.mt-lg-0,.my-lg-0{margin-top:0!important}
	.mr-lg-0,.mx-lg-0{margin-right:0!important}
	.mb-lg-0,.my-lg-0{margin-bottom:0!important}
	.ml-lg-0,.mx-lg-0{margin-left:0!important}

	.dn-lg{display: none !important;}
	.db-lg{display: block !important;}
}

@media (min-width: 992px){
	.w-md-1{width:10%;}
	.w-md-2{width:16.66666667%;}
	.w-md-3{width:20%;}
	.w-md-4{width:25%;}
	.w-md-5{width:30%;}
	.w-md-6{width:33.33333333%;}
	.w-md-7{width:40%;}
	.w-md-8{width:45%;}
	.w-md-9{width:50%;}
	.w-md-10{width:55%;}
	.w-md-11{width:60%;}
	.w-md-12{width:66.66666667%;}
	.w-md-13{width:70%;}
	.w-md-14{width:75%;}
	.w-md-15{width:80%;}
	.w-md-16{width:83.33333333%;}
	.w-md-17{width:90%;}
	.w-md-18{width:100%;}
	.dn-md{display: none !important;}
	.db-md{display: block !important;}
}


@media (min-width: 992px){    /*768px*/
	.w-sm-1{width:10%;}
	.w-sm-2{width:16.66666667%;}
	.w-sm-3{width:20%;}
	.w-sm-4{width:25%;}
	.w-sm-5{width:30%;}
	.w-sm-6{width:33.33333333%;}
	.w-sm-7{width:40%;}
	.w-sm-8{width:45%;}
	.w-sm-9{width:50%;}
	.w-sm-10{width:55%;}
	.w-sm-11{width:60%;}
	.w-sm-12{width:66.66666667%;}
	.w-sm-13{width:70%;}
	.w-sm-14{width:75%;}
	.w-sm-15{width:80%;}
	.w-sm-16{width:83.33333333%;}
	.w-sm-17{width:90%;}
	.w-sm-18{width:100%;}

	.m-sm-0{margin:0!important}
	.mt-sm-0,.my-sm-0{margin-top:0!important}
	.mr-sm-0,.mx-sm-0{margin-right:0!important}
	.mb-sm-0,.my-sm-0{margin-bottom:0!important}
	.ml-sm-0,.mx-sm-0{margin-left:0!important}

	.dn-sm{display: none !important;}
	.db-sm{display: block !important;}
}



input, button, textarea, select {
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

input[type=text], input[type=password], input[type=email],
input[type=url], input[type=time], input[type=date], input[type=datetime-local],
input[type=tel], input[type=number], input[type=search], textarea {
	background-color: #fff;
	border: none;
	outline: none;
	font-size: 15px;
	padding: 0.8rem 1.3rem;
	border-radius: 15px;
	caret-color: #262a30;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
/*	transition: all .2s;*/
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
}

input::placeholder, textarea::placeholder{
	color: #7d8388;
	font-weight: 500;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border: 1px solid #262a30;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
	display: none;
}

input[type=number]::-webkit-inner-spin-button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

button {
	border: 0;
	background-color: #0000;
	cursor: pointer;
}

select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

select:focus{
	outline: none;
	box-shadow: none;
}


pre {
	white-space: pre-line;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	color: inherit;
}

ul, li{
	list-style: none;
}


.left{text-align: left !important;}
.right{text-align: right !important;}
.center{text-align: center !important;}

.f-center{display: flex; justify-content: center; align-items: center;}
.m-center{margin: 0 auto;}
.a-center{display: flex; justify-content: center; width: 100%; margin: 0 auto; text-align: center !important; align-items: center;}

.f-justify {display: flex; justify-content: space-between;}

.float_l{float:left !important; text-align: left;}
.float_r{float:right !important; text-align: right;}

.po_re{position: relative;}
.po_ab{position: absolute;}

.centerArea{position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%);}

.line_1 div{width: 100%; border-top: 1px solid #dde3eb;}

.pc{display: block;}
.mo{display: none;}
.hidden{display: none;}

.br_pc{display: block;}
.br_mo{display: none;}



.cd1{color: #469af3;}
.cd2{color: #262a30;}
.cd3{color: #f27474;}


.bottom_btn{
	bottom: 0;
	position: fixed;
	width: 100%;
	background: #fff;
}  




.co1{color: #469af3;}
.co2{color: #262a30;}
.co3{color: #f27474;}

.co1-line{
	background: #fff;
	color: #469af3;
	border: 1px solid #469af3;
}

.co2-line{
	background: #fff;
	color: #262a30;
	border: 1px solid #262a30;
}

.co3-line{
	background: #fff;
	color: #f27474;
	border: 1px solid #f27474;
}


.bg1, .btn.cider, button.cider{
	background: #469af3 !important;
	color: #fff !important;
	border: 1px solid #fff0 !important;
}

.bg2, .btn.black, button.black{
	background: #262a30 !important;
	color: #fff !important;
	border: 1px solid #fff0 !important;
}

.bg3{
	background: #f27474 !important;
	color: #fff !important;
}

.btn.gray, button.gray{
	background: #d1d6dc;
	color: #fff;
}
.btn.gray-light, button.gray-light{
	background: #f5f5f5;
	color: #818181 !important;
}

.btn.cider-light, button.cider-light{
	background: #469af31f;
	color: #469af3 !important;
}

.btn.gray-line, button.gray-line{
	background: #fff;
	color: #6d7176 !important;
	border: 1px solid #6d7176;
}

.btn.cider-line, button.cider-line{
	background: #fff;
	color: #469af3 !important;
	border: 1px solid #469af3;
}

.btn.red, button.red{
	background: #f18585;
	color: #fff !important;
}

.btn:disabled, .btn2:disabled{
	background: #e9ecef;
	color: #919395;
	pointer-events: none;
	cursor: default;
}

.btn{
	display: block;
/*	margin: 0 auto;*/
	text-align: center;
	background: #262a30;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	height: 52px;
	line-height: 52px;
	border-radius: 7px;
	letter-spacing: 0.3px;
	transition: all 0.2s ease;
}

.btn2 {
	position: absolute;
	right: 0;
	margin: 5px;
	display: block;
	background: #262a30;
	color: #fff;
	width: 24%;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	border-radius: 30px;
	text-align: center;
	letter-spacing: 0.3px;
	transition: all 0.2s ease;
}

.btn3{
	display: block;
	max-width: 100px;
	height: 42px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 7px;
	text-align: center;
}

.btn-sm{
	display: block;
	margin: 0 auto;
	background: #262a30;
	color: #fff;
	max-width: 140px;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	border-radius: 30px;
	text-align: center;
	letter-spacing: 0.5px;
	transition: all 0.2s ease;
}

.btn-xs{
	display: block;
	width: auto;
	height: 34px;
	background: #262a30;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	padding: 0 12px;
	border-radius: 6px;
	text-align: center;
	letter-spacing: 0.5px;
	transition: all 0.2s ease;
/*	box-shadow: 10px 10px 40px #0000001c;*/
}


.bottom_btn .btn{
	width: 90%;
	margin: 10px auto;
}

.top_btn{
	position: fixed;
	top: 0;
	width: 100%;
	display: flex;
	background: #fff;
	justify-content: space-between;
	z-index: 10;
}

.top_btn p{
	height: 46px;
	line-height: 46px;
	font-size: 17px;
	font-weight: 500;
}

.back_btn{
	display: block;
	padding: 7px 8px;
	margin: 5px 6px;
}

.back_btn i{
	font-size: 20px;
	color: #0c0c0c;
}


.notify_new{
	position: relative;
	display: inline-block;
	color: #f27474;
}

.notify_new::after{
	content: "N";
	position: absolute;
	top: 20%;
	left: 50%;
	font-size: 16px;
	color: #fff;
	transform: translate(-50%, 0%);
}

@media (max-width: 992px){
	.notify_new{
		font-size: 16px;
	}

	.notify_new::after{
		top: 10%;
		font-size: 10px;
	}
}


input[type=search] {
/*	padding-right: 40px;*/
}

input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	background: url('../img/icon_circle-close.svg') center center no-repeat;
	cursor: pointer;
}

input[type=checkbox]{
	display: none;
}

input[type=checkbox] + label{
	position: relative;
	display: inline-block;
	cursor: pointer;
}

input[type=checkbox] + label:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	height: 17px;
	background: url('../img/check-off.svg') no-repeat #ffffff;
	border-radius: 2px;
	transition: background .1s;
}

input[type=checkbox]:checked + label:before {
	background: url('../img/check-on.svg') no-repeat;
}

input[type=radio]{
	display: none;
}

input[type=radio] + label{
	position: relative;
	display: inline-block;
	cursor: pointer;
}

input[type=radio] + label:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url('../img/radio-off.svg') no-repeat #ffffff;
	border-radius: 10px;
	transition: background .1s;
}

input[type=radio]:checked + label:before {
	background: url('../img/radio-on.svg') no-repeat;
}


/*///////header///////*/

.header{
	position: fixed;
	width:100%;
	top:0;
	z-index:100;
	background: #fff;
/*	border-bottom: 1px solid #f2f4f6;*/
	text-align: center;
	box-shadow: 0px 1px 2px #262a3024;
}

.header_area{
	height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_logo{
	text-align: left;
}

.header_logo img{
	width: 100%;
	max-width: 130px;
}

.header_cont2{
	max-width: 640px;
}

.header_right{
/*	max-width: 200px;*/
}

.header_list{
/*	display: flex;*/
/*	justify-content: flex-end;*/
/*	align-items: center;*/
/*	grid-gap: 13%;*/
}

.header_menu{
	position: relative;
	display: flex;
	font-weight: 400;
	text-align: center;
	justify-content: space-between;
	align-items: center;
}

.header_menu i{
	font-size: 19px;
}

.nav .header_menu li > a {
	display: block;
	font-size: 16.5px;
	padding: 15px;
}

.nav .header_menu li i{
	font-size: 16px;
	padding-right: 2px;
}

.header_menu li{
	position: relative;
	color: #262a30;
	font-size: 15px;
	font-weight: 500;
}

.header_right .header_menu{
	justify-content: flex-end;
	grid-gap: 15%;
}

.header_right .header_list a span{
	display: block;
	border: 1px solid #555d69;
	padding: 6px 20px;
	border-radius: 7px;
}

.header_right .header_list a:hover span{
	color: #fff;
	background: linear-gradient(135deg, #42b1ff 0%, #4a83e7 100%);
	border: 1px solid #469af3;
}

.header_list a:hover{
	color: #469af3;
/*	background: linear-gradient(135deg, #42b1ff 0%, #4a83e7 100%);*/
/*	background-clip: text;*/
/*	-webkit-background-clip: text;*/
	font-weight: 600;
}


.header_menu li a.active{
	color: #469af3;
/*	background: linear-gradient(135deg, #42b1ff 0%, #4a83e7 100%);*/
/*	background-clip: text;*/
/*	-webkit-background-clip: text;*/
	font-weight: 600;
}

.header_menu li a.active:before{
	content: '';
	position: absolute;
	background: linear-gradient(315deg, #42b1ff 0%, #4a83e7 100%);
	width: 5px;
	height: 5px;
	top: 22px;
	left: 4px;
	border-radius: 10px;
	z-index: -1;
}

/*.header_menu li.on a:after {*/
/*	content: '';*/
/*	position: absolute;*/
/*	background: #43c2ffc2;*/
/*	width: 9px;*/
/*	height: 2px;*/
/*	top: 24px;*/
/*	right: 1px;*/
/*	border-radius: 10px;*/
/*	z-index: -1;*/
/*}*/

.dn-md .header_menu{
	width: 19%;
	max-width: 80px;
	min-width: 60px;
}


.sub-header{
	justify-content: flex-start;
	z-index: 100;
}

.sub-header i{
	font-size: 20px;
	color: #262a30;
}

.sub-header p{
	font-size: 18px;
	font-weight: 700;
	color: #262a30;
	margin-left: 15px;
	margin-right: auto;
}



#hamberger, #hamberger2 {
	position: relative;
	width: 20px;
	margin-left: auto;
}

#hamberger a, #hamberger2 a {
}

#hamberger a span, #hamberger2 a span {
	display: block;
	width: 100%;
	height: 1px;
	background: #262a30;
/*	border-radius: 5px;*/
	transition: all 0.3s ease-in-out;
}

#hamberger a span+span, #hamberger2 a span+span {
	margin-top: 5.5px;
}

#hamberger.active a span:nth-child(1), #hamberger2.active a span:nth-child(1) {
	transform: rotate(-45deg);
	margin-top: 6px;
	background: #469af3;
}

#hamberger.active a span:nth-child(2), #hamberger2.active a span:nth-child(2){
	transform: rotate(45deg);
	margin-top: -1px;
	background: #469af3;
}

#hamberger.active a span:nth-child(3), #hamberger2.active a span:nth-child(3){
	opacity: 0;
	transform: rotate(45deg);
	background: #469af3;
}

#hamberger.active .hamberger_menu, #hamberger2.active .hamberger_menu{
	display: block;
}

#hamberger .hamberger_menu, #hamberger2 .hamberger_menu{
	position: fixed;
	display: none;
	padding-top: 50px;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 101;
}

#hamberger .mobile_menu_logo, .hamberger_menu .mobile_menu_logo{
	position: absolute;
	background: #fff;
	padding: 8px 30% 8px 0;
	top: 0;
	left: 4%;
}

#hamberger .mobile_menu, #hamberger2 .mobile_menu{
	position: relative;
	max-width: 100%;
	height: calc(100vh - 100px);
	background: #fff;
	overflow-y: auto;
}

#hamberger .mobile_menu ul, #hamberger2 .mobile_menu ul{
	padding: 5px 0 10px;
	overflow: hidden;
}

#hamberger .mobile_menu ul > li, #hamberger2 .mobile_menu ul > li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #eceff1;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
}

#hamberger .mobile_menu ul > li a, #hamberger2 .mobile_menu ul > li a{
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	color: #262a30;
	padding: 15px 5%;
	text-align: left;
}

#hamberger .mP_infoBox{
	margin: 0 5%;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
}

#hamberger .myInfo{
	display: flex;
	justify-content: center;
}

#hamberger .myInfo p{
	display: flex;
	width: 33%;
	font-size: 13px;
	font-weight: 600;
	color: #b4b7bb;
	padding: 15px 0;
	border-right: 1px solid #e9e9e9;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	grid-gap: 3px;
}

#hamberger .myInfo p:last-child{
	border: none;
}

#hamberger .myInfo p a{
	font-size: 17px;
	font-weight: 700;
	color: #469af3;
	margin-left: 0;
}








.tab_submenu{
	border-bottom: none !important;
}

.tab_submenu p{
	padding-top: 17px;
	text-align: left;
}

.tab_submenu ul{
	display: flex;
	padding: 0 !important;
	margin: 0 5%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tab_submenu li{
	width: calc(50% - 4px) !important;
	margin-bottom: 8px;
	border: 1px solid #e2e9ef !important;
	border-radius: 7px;
	box-sizing: border-box;
}

.tab_submenu li a{
	font-size: 13.5px !important;
	padding: 11px 0 !important;
	color: #7f8387 !important;
	text-align: center !important;
}

.mobile_menu_footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	text-align: center;
}

.mobile_menu_footer img{
	width: 85%;
	max-width: 450px;
	padding: 25px 0;
}

.mobile_menu_footer_btn{
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 100%;
	height: 50px;
	bottom: 50px;
/*	background: #e7ebf1;*/
	background: #469af3;
	color: #fff;
	text-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.mobile_menu_footer_btn a{
	width: 50%;
	height: 50px;
	line-height: 50px;
}



/*////main_content////*/

.bubble {
	display: block;
	position: relative;
}

.individual-bubble {
	position: absolute;
	border-radius: 100%;
	bottom: 10px;
	background: #f0faff30;
	border: 1px solid #ffffff47;
	z-index: 0;
}


.cont_container{
	display: flex;
	min-height: 100vh;
	height: -webkit-fill-available;
	flex-direction: column;
	justify-content: space-between;
}

@supports (-webkit-touch-callout: none) { 
	height: -webkit-fill-available;
}

.wrap{
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
}

.row{
	padding: 100px 0;
}

.background{
	background-image: url(../img/bg_img.jpg);
	width: 100%;
	height: 100vh;
	background-position: top center;
	background-size: cover; 
	background-repeat: no-repeat;
	overflow: hidden;
	position: fixed;
	z-index: -50;
	filter: brightness(0.7);
}

.cont{
	padding: 100px 0;
}

.cont_area h2{
	padding-bottom: 60px;
	padding-top: 10px;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
}

/*.cont_tit{*/
/*	font-family: 'Gmarket Sans';*/
/*	font-size: 40px;*/
/*	text-align: center;*/
/*	padding-bottom: 75px;*/
/*	line-height: 140%;*/
/*}*/

/*.cont_tit b{*/
/*	position: relative;*/
/*}*/

/*.cont_tit b::before{*/
/*	content: '';*/
/*	position: absolute;*/
/*	display: block;*/
/*	background: #43c2ff;*/
/*	width: 8px;*/
/*	height: 8px;*/
/*	top: -12px;*/
/*	left: 10px;*/
/*	border-radius: 10px;*/
/*	z-index: -1;*/
/*	display: none;*/
/*}*/

.cont1-1 img{
	position: absolute;
	max-width: 860px;
	top: 50%;
	right: 0;
	transform: translate(0%, -50%);
	z-index: -1;
}

.cont1_area {
	height: 100vh;
	display: block;
}

.cont1_box {
	position: relative;
	top: 27%;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	z-index: 2;
}

.cont1_tit{
	font-family: 'Gmarket Sans';
	font-size: 54px;
	font-weight: 700;
	color: #262a30;
	margin-bottom: 30px;
}

.cont1_tit h1{
	font-size: 70px;
	color: #222;
/*	transform: scaleY(1.2);*/
}

.cont1_txt p{
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 22px;
	color: #fff;
}

.cont1_tit b{
/*	font-size: 60px;*/
	font-weight: 700;
	color: #0000;
	background: linear-gradient(135deg, #42b1ff 0%, #4a83e7 100%);
	background-clip: text;
	-webkit-background-clip: text;
}

.cont_input_list{
	position: relative;
}

.cont_input_list input{
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
	padding-right: 100px;
	font-size: 17px;
	border: 1px solid #fff0;
	box-shadow: 3px 4px 26px 0 #00000016;
}

.cont_input_list input:focus{
	border: 1px solid #dde1e5;
}

.cont_input_list .del_input{
	position: absolute;
	right: 5px;
	min-width: 30px;
	padding: 13px;
	color: #f27474;
	font-size: 15px;
	font-weight: 600;
}

.cont_input_list button i{
/*	font-size: 20px;*/
}

.cont_btn_box{
	display: flex;
	margin-top: 15px;
	flex-wrap: wrap;
	justify-content: flex-start;
	grid-gap: 15px 0;
}

.add_input{
	position: absolute;
	width: 80px;
	max-width: 80px;
	height: 46px;
	background: #262a30;
	color: #fff;
	font-size: 16px;
	margin: 7px;
	top: 0;
	right: 0;
	line-height: 46px;
	border-radius: 10px;
}

.add_input i{
	font-size: 16px !important;
}

.add_input_list{
	display: inline-flex;
/*	padding: 3px 8px;*/
/*	margin: 3px;*/
/*	background: #dcdcdcde;*/
/*	border: 1px solid #0000001f;*/
/*	border-radius: 2px;*/
	grid-gap: 10px;

	padding: 8px 8px 8px 17px;
	margin: 3px;
	height: 20px;
	line-height: 20px;
	background: #262a30;
	border: none; 
	border-radius: 6px;
}

.add_input_list p{
	font-size: 14px;
	color: #fff;
/*	color: #444;*/
}

.add_input_list button{
	width: 20px;
	font-size: 15px;
	color: #ff5c5c;
}

.cont2_box{
	display: flex;
	text-align: center;
	font-weight: 500;
	justify-content: center;  
}

.cont2_list{
/*	width: 20%;*/
}

.cont2_list a{
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
}


.cont2_box img {
	width: 70px;
	padding-bottom: 5px;
}

.empty_area{
	display: flex;
	padding: 75px 0;
	text-align: center;
	flex-direction: column;
	align-items: center;
}

.empty_area img{
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
	padding-bottom: 20px;
	filter: opacity(0.7);
}

.empty_area p{
	color: #262a30;
	font-size: 14px;
	line-height: 140%;
}

.empty_area .empty_tit{
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 8px;
}


.slide {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	position: relative;
	width: 100%;
	user-select: none;
}

.slide_item {
	display: flex;
	position: relative;
	left: 0px;
	width: 100%;
	height: auto;
	justify-content: center;
	flex-shrink: 0;
	transition: left 0.15s;
}

.slide_button {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #fffc;
	cursor: pointer;
}

.slide_button span{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 22px;
	color: #00000069;
	transform: translatey(-50%) translatex(-50%);
}

.slide img{
	width: 100%;
/*	width: 100vw;*/
	height: auto;
	pointer-events: none;
}

.slide_main_button{
	position: absolute;
	width: 100%;
	max-width: 1400px;
	top: 50%;
	left: 50%;
	transform: translatey(-50%) translatex(-50%);
}

.slide_prev_button {
	left: 10px;
}

.slide_next_button {
	right: 10px;
}

.slide_pagination {
	position: absolute;
	display: flex;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.slide_pagination > li {
	color: #ffffff80;
	cursor: pointer;
	font-size: 45px;
}

.slide_pagination > li.active {
	color: #fff;
}

.slide_item_duplicate {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0px;
	width: 100%;
	height: 300px;
	flex-shrink: 0;
	transition: left 0.15s;
}



/**/
/*.slider {*/
/*	position:relative;*/
/*	width: 100%;*/
/*	height: 390px;*/
/*}*/
/*.slider.mobile {*/
/*	position:relative;*/
/*	width: 100%;*/
/*	height:50vw;*/
/*}*/
/**/
/*.side-btn{*/
/*	position: relative;*/
/*	height: inherit;*/
/*}*/
/**/
/*.slider .slide_box > div {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	opacity: 0;*/
/*	transition: opacity 0.5s;*/
/*}*/
/**/
/*.slider .slide_box img {*/
/*	width: auto;*/
/*	height: 390px;*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*	background-repeat: no-repeat;*/
/*	transition: opacity 0.5s;*/
/*}*/
/**/
/*.slider.mobile .slide_box > div{*/
/*	left: 0;*/
/*	transform: none;*/
/*}*/
/**/
/*.slider.mobile .slide_box img{*/
/*	width: 100%;*/
/*	height: 100%;*/
/*}*/
/**/
/*.slider .slide_box > div.active {*/
/*	opacity:1;*/
/*}*/
/**/
/*.slider .page-nav {*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	text-align: center;*/
/*	bottom: 5px;*/
/*	left: 0;*/
/*}*/
/**/
/*.slider .page-nav > div {*/
/*	display: inline-block;*/
/*	width: 10px;*/
/*	height: 10px;*/
/*	margin: 2px;*/
/*	background: #ffffff80;*/
/*	border-radius: 20px;*/
/*	cursor: pointer;*/
/*}*/
/**/
/*.slider .page-nav > div.active {*/
/*	background: #fff;*/
/*}*/
/**/
/*.slider>.side-btn>div{*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 0;*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	transform: translateY(-50%);*/
/*	cursor: pointer;*/
/*	z-index: 10;*/
/*}*/
/**/
/*.slider>.side-btn>div>span:active{*/
/*	transform: translatey(-50%);*/
/*}*/
/**/
/*.slider>.side-btn>div:last-child{*/
/*	left: auto;*/
/*	right: 0;*/
/*}*/
/**/
/*.slider>.side-btn>div>span{*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	transform: translatey(-50%);*/
/*	left: inherit;*/
/*	right: inherit;*/
/*	width: 40px;*/
/*	height: 40px;*/
/*	background: #ffffff85;*/
/*	border-radius: 100%;*/
/*	margin: 0 5px;*/
/*	box-shadow: 0px 0px 40px #00000018;*/
/*}*/
/**/
/*.slider>.side-btn>div>span > i{*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	font-size: 2rem;*/
/*	color: #00000087;*/
/*	transform: translateX(-50%) translateY(-50%);*/
/*}*/
/**/
/*.slider>.side-btn>div:last-child>span > i {*/
/*	transform: translateX(-50%) translateY(-50%);*/
/*}*/



.cont3_box{
	display: flex;
	flex-direction: column;
	grid-gap: 20px;
	max-width: 1000px;
	margin: 0 auto;
}

.cont3_list{
	display: flex;
	align-items: center;
	background: #fff;
	width: calc(100% - 24px);
	padding: 12px;
	max-width: 660px;
	margin: 0 auto;
	border-radius: 30px;
	box-shadow: 0px 0px 70px #00000012;
}

.cont3_list:nth-child(odd){
	margin-left: 0;
}

.cont3_list:nth-child(even){
	margin-right: 0;
}

.cont3_list img {
	max-width: 96px;
}

.cont3_list p{
	display: flex;
	grid-gap: 2px;
	padding: 0 20px;
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
}

.cont3_list i{
	font-size: 10px;
	padding: 3px;
}

.cont4_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cont4_boxarea{
/*	position: relative;*/
	display: flex;
	flex-direction: column;
}

.cont_round_tab{
}

.cont_round_tab ul{
	text-align: right;
}

.cont_round_tab li{
	display: inline-block;
	width: 90px;
	font-size: 16px;
	font-weight: 500;
	padding: 10px;
	margin: 0 2px;
	text-align: center;
	color: #262a30;
	background: #fff;
	border: 1px solid #262a30;
	border-radius: 100px;
	box-sizing: border-box;
	cursor: pointer;
}

.cont_round_tab li.active{
	color: #fff;
	background: #262a30;
}

.tab_content{
	min-height: 640px;
}

.tab_box{
	display: none;
}

.tab_content .cont_subtit{
	font-size: 24px;
	font-weight: 500;
	padding: 30px 0;
	text-align: right;
}

.cont4_imgbox{
	position: relative;
	z-index: -1;
}

.cont4_mo_img{
/*	position: absolute;*/
	display: none;
	max-width: 375px;
	right: 0;
	bottom: -120px;
	box-shadow: 0px -40px 60px #00000012;
	border-radius: 45px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.cont4_pc_img{
	width: 100%;
/*	box-shadow: 0px 0px 60px #00000012;*/
/*	border-radius: 8px;*/
}

.cont4_boxarea p{
	font-size: 28px;
	margin-top: 38px;
/*	padding: 20px;*/
	text-align: center;
}

.cont4_boxarea p b{
	font-weight: 600;
}

.cont4_txtbox{
	display: flex;
	vertical-align: text-bottom;
	align-items: center;
	margin: 0 auto;
	margin-top: 30px;
}

.cont4_txtbox img{
	width: 154px;
	padding-right: 4px;
	padding-bottom: 6px;
}

.cont6 img{
	max-width: 660px;
}



@media (min-width: 992px){
	.wrap-pc {
		width: 92%;
		max-width: 1400px;
		margin: 0 auto;
	}
}


@media (min-width: 992px){
	.cont_input_box{
		max-width: 720px;
	}

	.lab_search .cont_input_box{
		max-width: 1000px;
		margin: 0 auto;
	}
}


@media (max-width: 1200px){
	.cont1-1 img{
		width: 98%;
		top: auto;
		bottom: 4%;
		right: 1%;
		max-width: 700px;
		transform: none;
	}

	.cont1_box{
		top: 18%;
	}
}


@media (max-width: 992px){
	.header_menu .header_list img, .header_menu a svg{
		display: block;
		height: 25px;
/*		fill: #222;*/
/*		-webkit-transition: all 0.2s ease;*/
/*		-moz-transition: all 0.2s ease;*/
/*		-o-transition: all 0.2s ease;*/
/*		transition: all 0.2s ease;*/
	}
}


@media (max-width: 992px){
	.wrap-mo {
		width: 92%;
		max-width: 1400px;
		margin: 0 auto;
	}

	.row{
		padding: 80px 0;
	}

	.pc{
		display: none;
	}

	.mo{
		display: block;
	}

	.btn {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.header{
		border: none;
		box-shadow: none;
	}

	.header_area{
		background: #fff;
		height: 50px;
	}

	.header_logo img{
		height: 30px;
	}

	.cont_tit{
		font-size: 24px;
		padding-bottom: 40px;
	}

	.cont1_tit{
		font-size: 29px;
		text-align: center;
		margin-bottom: 30px;
	}

	.cont1_box{
		top: 15%;
	}

	.cont1_tit h1{
		font-size: 52px;
	}

	.cont1_txt p{
		font-size: 14px;
		font-weight: 400;
		text-align: center;
	}

	.cont_input_box input{
		padding: 15px;
		padding-right: 50px;
		font-size: 14.5px;
	}
	
	.add_input{
		width: 40px;
		height: 40px;
		line-height: normal;
		font-size: 14px;
		margin: 4px;
	}

	.add_input span{
		display: none;
	}

	.add_input_list p{
		font-size: 13px;
	}

	.add_input_list{
		width: calc(100% - 34px);
		height: auto;
		padding: 7px 14px;
		margin: 3px;
	}
	
	.cont_input_list .del_input{
		padding: 15px;
	}

	.cont2_list a{
		font-size: 13px;
	}

	.cont2_box img{
		width: 42px;
	}

	.slide_pagination > li {
		font-size: 30px;
	}
	
	.cont3_list img{
		width: 70px;
	}

	.cont3_list p{
		padding: 0 10px;
		font-size: 15px;
	}

	.cont4_imgbox{
		margin: 0 4%;
	}

	.cont4_pc_img{
		display: none;
	}

	.cont4_mo_img{
		display: block;
		width: 100%;
		bottom: -50px;
		border-radius: 20px;
	}

	.cont4_boxarea p{
		font-size: 17px;
		margin-top: 25px;
		margin-bottom: 60px;
	}

	.cont4_txtbox{
		margin-top: 25px;
	}

	.cont4_txtbox img{
		width: 94px;
		padding-right: 3px;
		padding-bottom: 3px;
	}

	.cont_round_tab ul{
		text-align: center;
	}

	.cont_round_tab li{
		width: 78px;
		font-size: 14px;
		padding: 9px;
	}

	.tab_content .cont_subtit{
		font-size: 15px;
		text-align: center;
	}
}




/*//////시약 검색//////*/

.lab_list{
/*	background: linear-gradient(135deg, #42b1ff08 0%, #4a83e708 100%);*/
	background: #f9fafb;
	padding-top: 70px;
}

.lab_search{
	background: #f9fafb;
	padding-top: 70px;
}

.lab_search .cont2{
/*	background: #fff;*/
	min-height: calc(100vh - 196px);
/*	padding-bottom: 100px;*/
}

.search_box{
	position: sticky;
	position: -webkit-sticky;
	width: 100%;
/*	background: #fff;*/
	padding: 35px 0;
	top: 70px;
	z-index: 2;
}

.search_box .cont_input_box{
	max-width: 700px;
	margin: 0 auto;
}

.search_box .cont_input_list{
	display: flex;
	justify-content: space-between;
}

.search_box .cont_input_box input {
	width: 630px;
	background: #fff;
	color: #262a30;
	font-size: 17px;
	font-weight: 700;
	padding: 17px 20px;
	margin-bottom: 0;
	border: 1px solid #fff0;
	border-radius: 15px;
	transition: all .1s;
	box-shadow: 0 8px 18px 0 #00000010;
	letter-spacing: 0.4px;
}

.search_box .cont_input_box input:focus{
	border: 1px solid #dde1e5;
}

.search_box .cont_input_box input::placeholder{
	color: #bfc4c9;
	font-weight: 500;
}

.search_box .search_btn{
	width: 56px;
	height: 56px;
	background: #469af3;
	color: #fff;
	font-size: 17px;
	border-radius: 15px;
	box-shadow: 0 8px 18px #00000010;
}

.search_stats{
	display: flex;
	max-width: 1400px;
	font-size: 15px;
	font-weight: 500;
	padding: 10px 0 12px 0;
	margin: 0 auto;
	color: #656a71;
/*	border-bottom: 1px solid #e2e9ef;*/
}

.search_stats span{
	color: #469af3;
}

.search_result{
	display: flex;
/*	border-right: 1px solid #e2e9ef;*/
/*	border-left: 1px solid #e2e9ef;*/
	justify-content: space-between;
}

.search_result .search_result_box{
	width: 56%;
/*	border-right: 1px solid #e2e9ef;*/
}

.search_result .contarea{
}

.search_result_box ul{
	display: flex;
	max-height: 500px;
	overflow-y: auto;
	flex-wrap: wrap;
}

.search_result > .contarea{
/*	display: flex;*/
	width: 38%;
/*	height: 560px;*/
	background: #fff;
	padding: 20px;
/*	border: 1px solid #dde1e5;*/
	border-radius: 15px;
	letter-spacing: -0.4px;
	box-shadow: 0px 4px 25px #00000012;
}

.search_result_box li{
	padding: 10px;
	box-sizing: border-box;
/*	border-bottom: 1px solid #e2e9ef;*/
/*	margin-bottom: 10px;*/
}

.search_result_box .search_result_list{
	display: flex;
	background: #fff;
	font-size: 16px;
	padding: 10px;
	height: 52px;
/*	border: 1px solid #e2e9ef;*/
	border-radius: 15px;
	align-items: center;
	justify-content: center;
/*	grid-gap: 1%;*/
	box-shadow: 0px 4px 10px #00000012;
}

.search_result_box .search_result_list .img_box{
	display: -webkit-box;
	max-width: 130px;
	text-align: center;
	word-break: break-word;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.search_result_box .search_result_list .img_box img{
	width: 100%;
	max-width: 100px;
	max-height: 45px;
}

.search_result_box .search_result_list .text_box{
	width: 75%;
	word-break: break-all;
}

.search_result_box li:hover:not(.no-result) .search_result_list{
	transition: all 0.1s ease;
	transform: scale(1.048);
	box-shadow: 0px 4px 10px #0000001a;
/*	text-decoration: underline;*/
}

.search_result .no-result > div{
	background: #fff0;
	font-size: 22px;
	font-weight: 800;
	color: #00000038;
	border: none;
	box-shadow: none;
}

.search_result .cont_input_box{
	position: relative;
	display: flex;
	height: calc(100vh - 380px);
	min-height: 350px;
	max-height: 500px;
	margin-bottom: 14px;
	flex-direction: column;
	overflow-y: auto;
}

.search_result .add_input_list{
	width: fit-content;
	background: #f4f5f7;
	height: auto;
	font-weight: 500;
	padding: 5px 5px 5px 10px;
	margin: 0 0 5px 0;
	border: 1px solid #e2e5e9;
	border-radius: 3px;
	line-height: 120%;
	word-break: break-all;
	z-index: 1;
}

.search_result .cont_input_box2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cont_input_box2 .cont_input_list{
	width: 70%;
}

.search_result .cont_input_list input{
	width: 100%;
/*	background: #f6f7f8;*/
	font-size: 15px;
	margin-bottom: 0;
	padding: 13px;
	padding-right: 75px;
	border: 1px solid #dbe0e5;
	border-radius: 10px;
	box-shadow: none;
}

.search_result .cont_input_list input:focus{
	border: 1px solid #3e4248;
	box-shadow: none;
}

.search_result > .contarea .cont_input_box .del_input{
	color: #babdc3;
}

.search_result .empty_area{
	position: absolute;
	width: max-content;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.search_result > .contarea .cont_input_box2 button{
	font-size: 15px;
	font-weight: 500;
	height: 46px;
	margin: 0;
	border-radius: 10px;
	line-height: 46px;
}

.search_result > .contarea .cont_input_box2 button.add_input{
	width: 70px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.search_result > .contarea .cont_input_box2 button.add_input i{
	font-size: 15px !important;
	margin-right: 1px;
}

.search_result > .contarea button.btn{
	width: 28%;
}

.search_result .add_input_list p{
	width: fit-content;
	color: #56595c;
}

.maker_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	grid-gap: 5%;
	grid-row-gap: 20px;
}

.maker_area .img_box{
	width: 7%;
}

.maker_area .img_box img{
	width: 100%;
	max-height: 46px;
}



@media (max-width: 992px){
	.lab_search{
		background: #fff;
		padding-top: 90px;
	}

	.lab_search .cont2{
		padding-bottom: 50px;
	}

	.search_box{
		position: sticky;
		background: #fff;
		padding: 0;
		top: 0;
/*		z-index: 150;*/
	}

	.search_box .cont_input_list{
		display: flex;
/*		background: #f7f8f9;*/
		margin: 17px;
		border-radius: 8px;
		border: 1px solid #dbe0e5;
/*		box-shadow: 0 1px 3px #00000020;*/
	}
	
	.search_box .cont_input_box input {
		width: calc(100% - 44px);
		background: #fff0;
		font-size: 15px;
		padding: 0;
		padding-left: 15px;
		margin-bottom: 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	.search_box .cont_input_box input:focus{
		border: none;
	}

	.search_box .cont_input_box input::placeholder{
		color: #a5a9ae;
		border: none;
	}

	.search_box .add_input {
		width: 42px;
		margin: 3px;
		height: 42px;
		line-height: 42px;
		border-radius: 15px;
	}

	.search_box .search_icon{
		font-size: 16px;
		color: #a5a9ae;
		padding: 0 14px;
		line-height: 44px;
	}

	.search_box .top_menu{
		margin: 10px;
		padding: 7px;
	}

	.search_subtab{
		position: fixed;
		display: flex;
		width: 100%;
		background: #fff;
		font-size: 16px;
		border-bottom: 1px solid #e9edf1;
		text-align: center;
		top: 50px;
		z-index: 5;
	}

	.search_subtab > div{
		width: 50%;
		padding: 10px 0;
		color: #abb1b6;
		font-size: 15px;
		font-weight: 600;
	}

	.search_subtab > div.active{
		border-bottom: 2px solid #34373c;
	}

	.search_subtab > div.active span{
		position: relative;
		color: #262a30;
		font-weight: 600;
	}

	.search_subtab > div.active span:before{
		content: '';
		position: absolute;
		display: none;
		top: 2px;
		right: -9px;
		width: 6px;
		height: 6px;
		background: #469af3;
		border-radius: 100%;
	}

	.search_stats{
/*		background: #edf0f3;*/
		font-size: 14px;
		padding: 15px 5%;
/*		border: 1px solid #e0e3e6;*/
	}

	.search_result {
		display: block;
	}

	.lab_search .search_result_box .contarea{
		border: none !important;
	}

	.search_result_box ul{
		max-height: none;
	}

	.search_result_box li{
		padding: 7px;
	}

	.search_result .stPasteBox{
		display: none;
		height: -webkit-fill-available;
/*		height: calc(100vh - 120px);*/
		margin-top: 15px;
		box-shadow: none;
	}

	.search_result .stResultBox, .search_result .stPasteBox{
		width: 100%;
		padding: 0;
	}


	.search_result_box .search_result_list{
		font-size: 14px;
		padding: 8px 5px;
		border: 1px solid #e8eaec;
		box-shadow: 0px 2px 10px #00000014;
	}

	.search_result_box .search_result_list .img_box{
		max-width: 120px;
		line-height: 130%;
	}

	.search_result .contarea > div{
		display: flex;
		height: 100%;
/*		padding: 10px;*/
		flex-direction: column;
		justify-content: space-between;
	}

	.search_result .cont_input_box{
		position: relative;
		height: auto;
		min-height: calc(100vh - 258px);
		max-height: calc(100vh - 258px);
		padding: 10px;
		margin: 0;
		border: 1px solid #dde1e5;
		border-radius: 10px;
	}

	.search_result .cont_input_box2{
/*		padding: 10px;*/
		margin-top: 15px;
	}

	.search_result .empty_area{
		position: absolute;
		width: 100%;
		padding: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.cont_input_box2 .cont_input_list{
		width: 100%;
		margin-bottom: 10px;
	}

	.search_result .cont_input_list input{
		padding-right: 50px;
	}

	.search_result > .contarea .cont_input_box2 .add_input{
		width: 50px !important;
	}

	.search_result > .contarea button.btn{
		width: 100%;
		padding: 0 20px;
	}

	.search_result .search_result_list .text_box a{
		word-break: break-all;
	}

	.maker_area .img_box{
		width: 18%;
		padding: 0 5px;
	}

	.maker_area .img_box img{
		max-height: 35px;
	}
}





/*///// 견적의뢰목록 /////*/

.no-result{
	background: #fff0 !important;
	font-size: 22px;
	font-weight: 800;
	color: #00000038;
	line-height: 4;
	border: none !important;
	text-align: center;
	box-shadow: none !important;
}

.lab_list .cont1{
	padding: 60px 0;
}

.estimate_tit{
	display: flex;
	margin-bottom: 50px;
	justify-content: center;
	grid-gap: 5%;
}

.estimate_tit a{
	font-size: 31px;
	font-weight: 700;
	color: #a1a7ae;
	letter-spacing: -0.4px;
}

.estimate_tit a.active{
	position: relative;
	color: #262a30;
}

/*.estimate_tit a.active:after{*/
/*	content: '';*/
/*	position: absolute;*/
/*	top: 2px;*/
/*	right: -17px;*/
/*	width: 11px;*/
/*	height: 11px;*/
/*	background: #469af3;*/
/*	border-radius: 100%*/
/*}*/

#check_info{
	display: none; 
	padding: 14px 0; 
	text-align: center; 
}

#check_info div{
	display: inline-block;
	max-width: 800px;
	background: #fef8f8;
	font-size: 14px;
	font-weight: 500;
	color: #f27474; 
	padding: 10px 24px; 
	border: 1px solid #f27474; 
	border-radius: 7px; 
}

.lab_list .contarea{
/*	background: #fff;*/
/*	padding: 20px;*/
/*	border: 1px solid #e2e9ef;*/
	border-radius: 15px;
/*	box-shadow: 0 16px 30px #00000010, 0 3px 10px #0000000a;*/
/*	letter-spacing: -0.2px;*/
}

.lab_list .contarea ul:not(.estimate_progress, .options){
	padding: 5px;
	min-height: 239px;
}

.lab_list .lhead{
/*	background: #eff2f5;*/
/*	border-radius: 10px;*/
	color: #469af3;
	padding: 2px 15px;
	margin-bottom: 13px;
	font-weight: 500;
	border: none !important;
}

.lab_list .estimate_wishlist li:not(.lhead){
	padding: 12px 15px;
	font-weight: 500;
}

.lab_list .contarea .estimate_wishlist li:not(.lhead){
	background: #fff;
	margin-bottom: 12px;
/*	border: 1px solid #dde3eb;*/
	border-radius: 15px;
	box-shadow: 0px 2px 7px #00000010;
}

/*.lab_list .estimate_wishlist li:hover{*/
/*	background: #eff2f585;*/
/*}*/
.lab_list .lhead .estimate_list > div{
	font-size: 15px !important;
	font-weight: 500 !important;
}

.lab_list .estimate_list{
	display: flex;
	height: 40px;
	font-size: 14px;
	line-height: 110%;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	letter-spacing: -0.2px;
}

.lab_list .lhead .estimate_list{
	height: auto;
}

.lab_list .lbody .estimate_list{
	height: 40px;
	padding: 12px 15px;
}

.lab_list .estimate_list .chk{
	position: relative;
	width: 17px;
	height: 17px;
}


.lab_list .estimate_list .chk label{
	position: absolute;
	left: 0;
}

.lab_list .estimate_wishlist .estimate_img{
	width: 14%;
	text-align: center;
}

.lab_list .estimate_wishlist .estimate_img img{
	width: 100%;
	max-width: 90px;
	max-height: 40px;
}

.lab_list .estimate_wishlist .product{
	width: 64%;
}

.lab_list .estimate_wishlist .url{
	width: 46%;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
	line-height: 120%;
	letter-spacing: -0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}

.lab_list .estimate_wishlist .url a{
	font-size: 16px;
	color: #9fa4a9;
	margin-right: 5px;
	transition: none;
}

.lab_list .estimate_wishlist .url a:hover{
	color: #7c8185;
}

.lab_list .estimate_wishlist .url input{
	width: calc(100% - 28px);
	padding-left: 15px;
	text-align: left;
}

.lab_list .estimate_list .url a:hover{
	text-decoration: underline;
}

.lab_list .estimate_wishlist .catalog{
	width: 13%;
	text-align: center;
}

.lab_list .estimate_wishlist .quantity, .lab_list .estimate_wishlist .volume{
	width: 9%;
	text-align: center;
}

.lab_list .estimate_list input{
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	border: 1px solid #c7ccd3;
	border-radius: 7px;
	text-align: center;
}

.lab_list .estimate_list input::placeholder{
	color: #c8cbce;
	font-weight: 500;
}

.lab_list .estimate_list input:focus {
	border: 1px solid #8e9297;
}

.lab_list .estimate_list input:valid {
	border: 1px solid #63676c;
}


.lab_list .ep-sub_area{
	width: 24%;
}

.lab_list .ep-sub_box{
	background: #fff;
	padding: 20px 24px;
	margin: 15px;
	height: 550px;
	border-radius: 15px;
	box-shadow: 3px 10px 25px #00000010;
}

.lab_list .sub_box_list p{
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: 600;
}

.lab_list .sortInp{
	display: block;
	padding: 10px 0;
	color: #262a30;
	font-weight: 500;
}

.lab_list .sortInp label{
	width: 100%;
}

.lab_list .estimate_progress{
	width: 100%;
	text-align: left;
}

.lab_list .estimate_progress li:not(.lhead){
	border: 1px solid #fff0;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 15px;
	box-shadow: 0px 4px 10px #00000010;
}

.estimate_progress .lbody > li:hover{
/*	background: #f9fafb;*/
	border: 1px solid #dde1e5;
}

.estimate_progress .lbody > li.spread:hover{
	background: #fff;
}

.estimate_progress .estimate_title{
/*	border: 1px solid #4a83e7;*/
	background: #469af320;
}

.estimate_progress .estimate_list{
	text-align: center;
	justify-content: space-between;
}

.estimate_progress .estimate_list2{
	padding: 13px 15px;
	border-top: 1px dashed #e2e5e8;
}

.estimate_progress .lhead{
	margin-bottom: 0;
	padding: 0 30px;
	padding-top: 15px;
}

.estimate_progress .lbody{
	overflow-y: auto;
/*	max-height: 550px;*/
	height: auto;
	padding: 15px;
/*	border-bottom: 1px solid #dde3eb;*/
}

.lab_list .estimate_progress .notify{
	width: 22px;
	padding-left: 5px;
}

.lab_list .estimate_progress .notify .notifyBox{
	position: relative;
	height: 40px;
}

.lab_list .estimate_progress .notify i{
	position: absolute;
	width: 22px;
	font-size: 30px;
	color: #f27474;
	top: -13px;
	left: 0;
}

.lab_list .estimate_progress .notify p{
	position: absolute;
	color: #fff;
	top: -8px;
	left: 50%;
	font-size: 14px;
	font-weight: 600;
	transform: translate(-50%, 0%);
}

.lab_list .estimate_progress .notify.check p{
	display: none;
}

.lab_list .estimate_progress .estimate_img{
	width: 12%;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
/*	word-break: break-all;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.lab_list .estimate_progress .estimate_img img{
	width: 100%;
	max-width: 80px;
	max-height: 40px;
	text-align: center;
}

.lab_list .estimate_progress .est_no{
	width: 9%;
	cursor: pointer;
}

.lab_list .estimate_progress .url{
	width: 50%;
	font-size: 13px;
	font-weight: 400;
}

.lab_list .estimate_progress .url a:hover{
	text-decoration: underline;
}

.lab_list .estimate_progress .product{
	width: 38%;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.lab_list .estimate_progress .product a{
	font-size: 16px;
	color: #9fa4a9;
	margin-right: 5px;
	transition: none;
}

.lab_list .estimate_progress .product a:hover{
	color: #7c8185;
}

.lab_list .estimate_progress .product span{
	font-size: 15px;
	font-weight: 600;
}

.lab_list .estimate_progress .catalog{
	width: 10%;
	cursor: pointer;
}

.lab_list .estimate_progress .volume{
	width: 6%;
}

.lab_list .estimate_progress .quantity{
	width: 6%;
}

.lab_list .estimate_progress .state{
	width: 6%;
}

.lab_list .estimate_progress .price{
	width: 6%;
}

.lab_list .estimate_progress .d_date{
	width: 7%;
}

.lab_list .estimate_progress .o_date{
	width: 7%;
}

.lab_list .estimate_progress .supplant{
	width: 12%;
}

.lab_list .estimate_progress .supplant a{
	color: #f27474;
}

.lab_list .estimate_progress .date{
	width: 10%;
	text-align: center;
}

.lab_list .estimate_progress .note{
	position: relative;
	width: 30%;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: left;
}

.lab_list .estimate_progress .rdo{
	width: 18px;
	height: 18px;
}

.lab_list .estimate_progress .estimateArray p{
	display: none;
}

.lab_list .detailEstimate .estimate_img{
	width: 6%;
	font-size: 13px;
	font-weight: 400;
	cursor: default;
}

.lab_list .detailEstimate .dE-head .asc::after{
	content: '↑';
}
.lab_list .detailEstimate .dE-head .desc::after{
	content: '↓';
}

.lab_list .detailEstimate .dE-head .quantity{
	width: 7%;
}

.lab_list .detailEstimate .dE-head .price{
	cursor: pointer;
}
.lab_list .detailEstimate .dE-head .d_date{
	cursor: pointer;
}
.lab_list .detailEstimate .dE-head .o_date{
	cursor: pointer;
}

.estimate_progress .estimateArray .price span{
	color: #469af3;
	font-weight: 600;
}

.estimate_progress .estimateArray .pop-note{
/*	width: 38px;*/
/*	height: 20px;*/
/*	background: #fff;*/
	font-size: 18px;
	font-weight: 500;
	color: #9fa4a9;
/*	padding: 3px 7px;*/
/*	border: 1px solid #63676c;*/
/*	border-radius: 5px;*/
}

.estimate_progress .estimateArray button:hover{
/*	color: #63676c;*/
/*	border: 1px solid #63676c;*/
}

.estimate_progress .lbody li.spread{
	border: 1px solid #469af3;
/*	transition: all 0.2s ease;*/
}

.estimate_progress .estimate_list2{
	display: flex;
	max-height: 400px;
	overflow-y: auto;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
/*	grid-gap: 12px;*/
}

.detailEstimate{
	width: 100%;
	font-size: 14px;
	text-align: center;
}

.detailEstimate .estimateList{
}

.detailEstimate .estimateArray{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.detailEstimate .dE-body .estimateArray{
	height: 40px;
	line-height: 120%;
	letter-spacing: -0.3px;
}

.detailEstimate .dE-head{
	color: #a4a9b0;
/*	margin-bottom: 12px;*/
	padding: 0 10px 12px;
	border-bottom: 1px solid #ebedef;
}

.detailEstimate .dE-body{
	padding: 0 10px;
}

/*.estimate_list2 > div:nth-child(4n+1) > .dE-body{*/
/*	background: #f9fafb;*/
/*}*/

.estimate_list2 > div:nth-child(2n+1) > .dE-body{
	background: #f9fafb;
}

.detailEstimate .dE-body label{
	width: 18px;
	height: 18px;
}

.detailEstimate .dE-body input[type=radio] + label:before{
	top: 50%;
	transform: translate(0%, -50%);
}

.estimate_list2 .empty{
	color: #a4a9b0;
	font-size: 15px;
	margin: 0 auto;
	padding: 10px;
}

.lab_list .estimate_progress .estimate_list button{
	width: 100px;
	height: 46px;
	font-size: 15px;
	font-weight: 600;
	line-height: 46px;
	border-radius: 10px;
}


.estimate_pop{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
/*	background: #00000066;*/
	z-index: 999;
}

.estimate_pop .pop_bg{
	position: absolute;
/*	display: none;*/
	width: 100%;
	height: 100%;
	background: #00000050;
	top: 0;
	left: 0;
}

.estimate_pop .pop_area{
	position: absolute;
	width: 100%;
	max-width: 400px;
	background: #fff;
	top: 50%;
	left: 50%;
	border: 10px solid #1c1c1c;
	border-radius: 40px;
	box-shadow: 0 0 64px 0 #0000001a, 0 32px 64px -48px #00000080;
/*	box-shadow: 0px 0px 6px #11111026;*/
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}

.estimate_pop .top_area .content{
	display: flex;
}

.estimate_pop .top_area p{
	width: 30%;
	font-weight: 800;
	margin-top: auto;
	text-align: center;
}

.estimate_pop .top_area .c_area{
	position: relative;
	width: 40%;
	height: 26px;
	background: #1c1c1c;
	border-radius: 0 0 16px 16px;
}

.estimate_pop .top_area .r_area{
	width: 30%;
	padding-top: 10px;
	text-align: center;
}

.estimate_pop .close-button{
	position: absolute;
	width: 22px;
	top: 0;
	right: -60px;
	background: #1c1c1cd6;
	font-size: 22px;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

.estimate_pop .close-button:hover{
	background: #1c1c1c;
}

.estimate_pop .custom-select{
	position: absolute;
	width: fit-content;
	right: 15px;
	bottom: 0;
	background: #fff0;
	margin-left: auto;
	border: none;
}

.estimate_pop .custom-select .select-tit{
	padding: 13px 35px 13px 10px;
}

.estimate_pop .custom-select .options{
	width: max-content;
	right: 0;
	left: auto;
	margin-top: 0;
	border: 1px solid #c8cbce;
	border-radius: 5px;
}

.estimate_pop .section{
	position: relative;
	border-bottom: 1px solid #dde1e5;
}

.estimate_pop .section .content{
	padding: 12px 15px;
}

.estimate_pop .section .content .tit{
	width: 90%;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.estimate_pop .section .content .txt{
	display: flex;
	font-size: 14px;
	flex-wrap: wrap;
	gap: 4px;
}

.estimate_pop .section .content .txt .line{
	width: 1px;
	margin: 3px 8px;
	background: #dddddd;
}

.estimate_pop .section1{
	position: relative;
	height: 60vh;
	max-height: 550px;
	padding: 0 15px;
/*	margin-bottom: 10px;*/
	overflow-x: hidden;
	overflow-y: auto;
}

.estimate_pop .section1 .dateline{
	position: relative;
/*	width: fit-content;*/
	font-size: 13px;
	font-weight: 600;
	color: #a7abb1;
	padding: 15px 0;
/*	border-radius: 15px;*/
	text-align: center;
}

.estimate_pop .section1 .dateline span{
	position: relative;
	background: #fff;
	padding: 0 10px;
	z-index: 1;
}

.estimate_pop .section1 .dateline::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	background: #dde1e5;
	transform: translate(0, -50%);
}

.estimate_pop .section1 .content{
	display: flex;
	margin-bottom: 20px;
}

.estimate_pop .section1 .content.mine ul{
	background: #469af3a6;
	color: #fff;
	margin-left: auto;
	border-color: #fff;
	border-radius: 12px 12px 0px 12px;
}

.estimate_pop .section1 .content.mine li.subtit{
	background: #469af3;
	color: #fff;
	border-radius: 9px 9px 0 0;
}

.estimate_pop .section1 .content.mine .tit{
	color: #ffffffab;
}

.estimate_pop .section1 .content:not(.mine) ul::before{
/*	content: "\f00c";*/
	position: absolute;
	width: 14px;
	height: 14px;
	background: #fff;
	top: -8px;
	right: -14px;
	font: var(--fa-font-solid);
	font-size: 14px;
	color: #e1e3e5;
	padding: 5px;
	border: 2px solid #e1e3e5;
	border-radius: 50%;
	text-align: center;
}

.estimate_pop .section1 .profile{
	width: 26px;
	height: 26px;
	background: #262a30;
	font-size: 32px;
	font-weight: 900;
	color: #ffffffd9;
	font-style: italic;
/*	margin-top: auto;*/
	margin-right: 8px;
	border-radius: 5px;
	line-height: 26px;
	text-align: center;
}

.estimate_pop .section1 .profile p{
	text-shadow: 3px 2px 0px #a5a9ae;
}

.estimate_pop .section1 .company{
	font-size: 14px;
	font-weight: 500;
	color: #262a30;
	margin: 0 3px 5px;
}

.estimate_pop .section1 ul{
	position: relative;
/*	width: 75%;*/
	max-width: 300px;
	min-width: 190px;
	background: #fff;
	font-size: .92em;
	padding-bottom: 2px;
	border: 1px solid #dde1e5;
	border-top: none;
	border-radius: 0px 12px 12px 12px;
	box-sizing: border-box;
/*	cursor: pointer;*/
}

.estimate_pop .section1 ul:hover{
	border-color: #e1e3e5;
}

.estimate_pop .section1 ul.ckd{
/*	background: #469af3;*/
	border: 2px solid #262a30;
}

.estimate_pop .section1 ul.ckd .tit{
/*	color: #ffffffb8;*/
}

.estimate_pop .section1 ul.ckd .txt{
/*	color: #fff;*/
}

.estimate_pop .section1 .content ul.ckd::before{
	background: #262a30;
	color: #fff;
	border: 2px solid #fff;
}

.estimate_pop .section1 li{
	display: flex;
	font-weight: 500;
	margin-bottom: 8px;
	padding: 0 10px;
}

.estimate_pop .section1 li.subtit{
	background: #469af3;
	font-weight: 600;
	color: #ffffffe8;
	padding: 10px;
	margin-bottom: 10px;
	border-top-right-radius: 9px;
}

.estimate_pop .section1 ul.ckd li.subtit{
	background: #262a30;
	color: #fff;
}

.estimate_pop .section1 li.p_sub .txt{
	display: flex;
	gap: 3px;
}

.estimate_pop .section1 li:last-child{
/*	margin-bottom: 12px;*/
}

.estimate_pop .section1 li .tit{
	width: 25%;
	min-width: 80px;
	color: #ababab;
}

.estimate_pop .section1 li.p_sub .txt span{
	text-decoration: underline;
}

.estimate_pop .section1 li .txt2{
	font-weight: 600;
}

.estimate_pop .section1 li form{
	width: 100%;
}

.estimate_pop .section1 .add_btn{
	width: 100%;
	background: #469af314;
	font-size: 0.92rem;
	font-weight: 600;
	color: #469af3;
	padding: 8px 0;
	margin-top: 5px;
	border: 1px solid #469af352;
	border-radius: 6px;
}

.estimate_pop .section1 .pop_date{
	position: absolute;
	width: 70px;
	right: -70px;
	bottom: 0;
	font-size: 11px;
	font-weight: 400;
	color: #93979b;
	padding-left: 5px;
	letter-spacing: -0.2px;
	box-sizing: border-box;
	cursor: default;
}

.estimate_pop .section2{
	display: flex;
	padding: 10px 10px 15px;
	border-top: 1px solid #dde1e5;
}

.estimate_pop .section2 .content1{
	height: 34px;
	background: #edf0f3;
	margin-left: auto;
	border-radius: 5px;
}

.estimate_pop .section2 .content2{
	font-size: 19px;
	color: #4b4c4d;
	margin: auto;
}

.estimate_pop .section2 button{
	display: inline-block;
	height: 40px;
	font-size: 0.92rem;
	line-height: normal;
	border-radius: 6px;
}



.notePopup{
	position: absolute;
	bottom: 15px;
	right: 0;
	z-index: 199;
}

.notePopup .popBox{
	width: max-content;
	min-width: 80px;
	max-width: 200px;
	max-height: 90vh;
	background: #47494b;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	padding: 8px 12px;
	border-radius: 10px;
/*	border-bottom-right-radius: 0;*/
	line-height: 130%;
	text-align: left;
}

.notePopup button{
	position: absolute;
	background: #ffffff;
/*	width: 16px;*/
/*	height: 16px;*/
	bottom: -13px;
	right: 10px;
/*	border: 1px solid #63676c;*/
	border-radius: 50%;
	line-height: 100%;
	text-align: center;
}

.notePopup button i{
	color: #9fa4a9;
	font-size: 18px;
}




.lab_list #pop .popup_box{
	max-width: 470px;
}

.lab_list #pop .popup_box p{
	margin: 5px;
}




.page{
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 5px;
}

.page i{
	font-size: 15px;
	cursor: pointer;
	color: #919396;
	padding: 7px 10px;
}

.page input{
	width: 54px;
	color: #469af3;
	padding: 6px;
	margin: 0 3px;
	font-weight: 500;
	border: 1px solid #469af3;
	border-radius: 5px;
	text-align: center;
}

.page input::placeholder{
	color: #4a83e7;
	font-weight: 500;
}

.page input:focus {
	border: 1px solid #4a83e7;
}

.page span{
	display: inline-block;
	width: 19px;
	font-size: 16px;
	font-weight: 500;
	color: #59626e;
	padding: 6px;
	text-align: center;
	cursor: pointer;
}

.page span.on{
	color: #fff;
	background: #469af3;
	font-weight: 600;
	border-radius: 20px;
}

.estimateLimit{
	display: flex;
	width: 100%;
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 5px;
	border-top: 1px dashed #c2c6ca;
	justify-content: flex-end;
	align-items: center;
}

.estimateLimit p{
	font-size: 15px;
	font-weight: 600;
	color: #469af3;
	margin-right: 20px;
}

.estimateLimit label{
	display: flex;
}

.estimateLimit input{
	width: 140px;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	padding: 8px 10px;
	border: 1px solid #c7ccd3;
	border-radius: 7px;
}

.estimateLimit input[type='date']::before{
	content: attr(data-placeholder);
	width: 100%;
	font-weight: 500;
	color: #c8cbce;
}

.estimateLimit input[type='time']::before{
	content: attr(placeholder);
	width: 100%;
	font-weight: 500;
	color: #c8cbce;
}

.estimateLimit input[type='date']:valid,
.estimateLimit input[type='time']:valid{
	border: 1px solid #63676c;
}

.estimateLimit input[type='date']:valid::before,
.estimateLimit input[type='time']:valid::before {
	display: none;
}





@media (max-width: 992px){
	.lab_list{
		padding-top: 50px;
	}

	.lab_list .cont1{
		padding: 55px 0;
	}

	.estimate_tit{
		position: fixed;
		width: 100%;
		background: #fff;
		top: 50px;
		margin-bottom: 0;
/*		border-bottom: 1px solid #e9edf1;*/
		grid-gap: 0;
		box-shadow: 0px 1px 2px #262a3024;
		z-index: 2;
	}

	.estimate_tit a{
		width: 50%;
		font-size: 15px;
		font-weight: 500;
		color: #abb1b6;
		padding: 10px 0;
		text-align: center;
	}

	.estimate_tit a.active{
		font-weight: 600;
		border-bottom: 2px solid #34373c;
	}

	

	#check_info{
		padding: 0;
		padding-bottom: 15px;
	}

	#check_info div{
		font-size: 13px;
		padding: 8px 24px;
		line-height: 120%;
	}

	.lab_list .contarea ul:not(.estimate_progress){
		padding: 0;
	}

	.lab_list .lhead{
		display: none;
	}

	.lab_list .estimate_list{
		height: auto;
		font-size: 12px;
		grid-gap: 8px;
	}

	.lab_list .estimate_wishlist .estimate_img{
		width: calc(55% - 36px);
	}

	.lab_list .estimate_wishlist .estimate_img img{
/*		max-width: 95px;*/
		max-height: 30px;
	}

	.lab_list .estimate_wishlist .url{
		width: 100%;
		font-size: 13px;
		order: 2;
	}

	.lab_list .estimate_wishlist .catalog{
		width: 45%;
	}

	.lab_list .estimate_wishlist .quantity, .lab_list .estimate_wishlist .volume{
		width: calc(50% - 18px);
		order: 2;
	}

	.lab_list .estimate_wishlist .volume{
		margin-left: auto;
	}

	.lab_list .estimate_wishlist input{
/*		font-size: 13px;*/
	}

/*	.lab_list .estimate_wishlist .estimate_list > div{*/
/*		position: relative;*/
/*	}*/
/**/
/*	.lab_list .estimate_wishlist .estimate_list span{*/
/*		position: absolute;*/
/*		font-size: 11px;*/
/*		top: -5px;*/
/*		left: 8px;*/
/*		padding: 0 3px;*/
/*		background: #fff;*/
/*		color: #262a30;*/
/*	}*/

	.lab_list_bot{
		display: flex;
		flex-direction: column;
	}

	.lab_list_bot .page{
		order: 1;
	}

	.lab_list_bot .estimateLimit{
		order: 2;
	}

	.lab_list_bot .cont_btn_box{
		order: 3;
	}

	.lab_list .cont_btn_box .page{
		display: none;
	}

	.estimateLimit{
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.estimateLimit p{
		width: 100%;
		font-size: 14px;
		font-weight: 500;
		color: #92989e;
		margin-bottom: 8px;
	}

	.estimateLimit label{
		width: 100%;
		background: #fff;
		padding: 12px;
		border-radius: 15px;
		box-shadow: 0px 2px 7px #00000010;
	}

	.estimateLimit input{
		width: 50%;
/*		font-size: 13px;*/
		padding: 10px 12px;
	}

	.estimate_progress .lhead{
		display: none;
	}

	.estimate_progress .lbody{
		padding: 0;
	}

	.estimate_progress .estimate_list2{
		padding: 0;
	}

	.lab_list .lbody .estimate_list{
		height: auto;
		justify-content: flex-start;
		grid-gap: 8px 0;
	}

	.detailEstimate{
		width: 100%;
		font-size: 12.5px;
		text-align: left;
	}

	.detailEstimate .dE-head{
/*		display: none;*/
		padding: 10px; 
	}

	.detailEstimate .dE-head .rdo, .detailEstimate .dE-head .estimate_img,
	.detailEstimate .dE-head .supplant, .detailEstimate .dE-head .note{
		display: none !important;
	}

	.detailEstimate .dE-head .price, .detailEstimate .dE-head .d_date, 
	.detailEstimate .dE-head .o_date{
		width: 33.3% !important;
		text-align: center !important;
	}

	.detailEstimate .dE-body{
		padding: 7px 10px;
	}

	.detailEstimate .dE-body .estimateArray{
		height: auto;
		grid-gap: 5px 0;
	}

	.lab_list .estimate_progress .notify{
		order: 2;
	}

	.lab_list .estimate_progress .notify .notifyBox{
		height: 17px;
	}

	.lab_list .estimate_progress .est_no{
		position: relative;
		width: auto;
		color: #93979b;
		margin-right: 8px;
		padding-right: 8px;
		order: 3;
	}

	.lab_list .estimate_progress .estimate_img{
		width: auto;
		max-width: calc(100% - 125px);
		font-size: 13px;
		font-weight: 500;
		margin-left: 7px;
		text-align: left;
	}

	.lab_list .estimate_progress .estimate_img img{
		display: none;
	}

	.lab_list .estimate_progress .product{
		width: 100%;
		order: 2;
	}

	.lab_list .estimate_progress .product a{
		font-size: 14px;
		margin-right: 2px;
	}

	.lab_list .estimate_progress .catalog{
		position: relative;
		width: auto;
		color: #93979b;
		margin-right: 8px;
		padding-right: 8px;
		text-align: left;
		order: 3;
	}

	.lab_list .estimate_progress .volume{
		position: relative;
		width: auto;
		color: #93979b;
		margin-right: 8px;
		padding-right: 8px;
		order: 3;
	}

	.lab_list .estimate_progress .quantity{
		width: auto;
		color: #93979b;
		order: 3;
	}

	.lab_list .estimate_progress .date{
		width: auto;
		font-size: 11px;
		color: #8a9096;
		margin-left: auto;
		text-align: right;
	}

	.estimate_list .est_no:before, .estimate_list .catalog:before, .estimate_list .volume:before{
		content: '';
		position: absolute;
		right: 0;
		top: 2px;
		height: 10px;
		border-right: 1px solid #e2e4e7;
	}

	.lab_list .detailEstimate .estimate_img{
		width: calc(50% - 23px);
		min-width: calc(50% - 23px);
		font-size: 12.5px;
		margin: 0;
	}

	.lab_list .estimate_progress .price{
		width: calc(50% - 5px);
		text-align: left;
	}

	.lab_list .estimate_progress .state{
		width: 45%;
		margin-left: 20px;
	}

	.lab_list .estimate_progress .note{
		display: flex;
		width: 100%;
	}

	.lab_list .estimate_progress .note p{
		width: 26px;
	}

	.lab_list .estimate_progress .note span{
		width: calc(100% - 26px);
	}

	.lab_list .estimate_progress .estimateArray p{
		display: inline-block;
		font-weight: 300;
		color: #abafb3;
		margin: 0 3px;
	}

	.lab_list .detailEstimate .quantity{
		width: 10%;
	}

	.lab_list .estimate_progress .d_date{
		width: 50%;
		min-width: 72px;
	}

	.lab_list .estimate_progress .o_date{
		width: calc(50% - 5px);
		min-width: 72px;
	}

	.lab_list .estimate_progress .supplant{
		width: 100%;
	}

/*	.estimate_list2 > div:nth-child(n+1) > .dE-body{*/
/*		background: #f9fafb;*/
/*	}*/
/**/
/*	.estimate_list2 > div:nth-child(2n) > .dE-body{*/
/*		background: #fff;*/
/*	}*/

	
	.estimate_progress .lbody li.spread{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}


	.estimate_pop .pop_area{
		top: 0;
		left: 0;
		border: none;
		border-radius: 0;
		transform: none;
	}

	.estimate_pop .close-button{
		right: 0;
		background: transparent;
		color: #1c1c1c;
	}

	.estimate_pop .section ul{
/*		padding: 10px 15px;*/
	}

	.estimate_pop .section ul .tit{
		font-size: 15px;
	}

	.estimate_pop .section ul .txt{
		font-size: 14px;
	}
	
	.estimate_pop .section1{
		height: calc(100vh - 88px);
		max-height: none;
	}

	.estimate_pop .section1 li{
		font-size: 13px;
	}

	.estimate_pop .section1 li .tit{
		min-width: 75px;
	}

	.estimate_pop ul .pop_date{
		font-size: 11px;
	}

	.estimate_pop .custom-select .select-tit{
		font-size: 13px;
		padding: 10px 16px;
	}

	.estimate_pop .custom-select .options li{
		font-size: 13px;
	}

	.estimate_pop .custom-select i{
		top: 12px;
		right: 0;
	}
}



.sub_menu_mo{
	position: fixed;
	display: flex;
	width: 100%;
	background: #fff;
/*	border-bottom: 1px solid #eff2f5;*/
	text-align: center;
	top: 50px;
	box-shadow: 0px 1px 2px #262a3024;
	z-index: 5;
	justify-content: space-evenly;
}

.sub_menu_mo > li{
	width: initial;
	padding: 9px;
	color: #bcc2c7;
	font-size: 14px;
	font-weight: 600;
}

.sub_menu_mo > li.active{
	color: #34373c;
	font-weight: 700;
	border-bottom: 2px solid #34373c;
}

.sub_menu_mo > li.active span{
	position: relative;
	color: #262a30;
	font-weight: 700;
}

.sub_menu{
	position: sticky;
	width: 20%;
	height: fit-content;
	top: 120px;
	overflow: hidden;
}

.sub_box{
	padding: 15px;
/*	box-shadow: 3px 10px 25px #00000010;*/
}

.sub_box p{
/*	font-family: 'Gmarket Sans';*/
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
	margin-left: 5px;
}

.sub_box_list{
	padding: 0 !important;
}

.sub_box_list > li{
	background: #f2f4f7;
	color: #696e74;
	margin-bottom: 11px;
	border-radius: 10px;
}

.sub_box_list > li a{
	display: block;
	font-size: 17px;
	font-weight: 600;
	padding: 16px 20px;
	border: 1px solid #fff0;
	transition: none;
	cursor: pointer;
}

.sub_box a i{
	color: #b9bdc0;
	padding-top: 1px;
	float: right;
}

.sub_box_list > li.active{
	background: #55a2f3;
}


.sub_box_list > li.active > a{
	background: #55a2f3;
	color: #fff;
	border: 1px solid #55a2f3;
	border-radius: 10px;
}

.sub_box_list > li.active a i{
	color: #fff;
}

.sub_box_list2{
	background: #fff;
	border: 1px solid #98c4f3;
	border-radius: 0 0 10px 10px;
}

.sub_box_list2 > li > a{
	display: block;
	font-size: 16px;
	color: #55595e;
	transition: 0.1s;
}

.sub_box_list2 > li > a:hover{
	background: #469af310;
	color: #69adf5;
}

.sub_box_list2 > li.on a{
	background: #469af318;
	color: #69adf5;
}

.sortInp{
	display: block;
	padding: 10px 0;
	color: #262a30;
	font-weight: 500;
}

.sortInp label{
/*	width: 100%;*/
	padding-left: 25px;
}


.contarea .btn.cider-line:hover{
	background: #469af3;
	color: #fff !important;
}

.contarea .contarea_tit{
	font-size: 34px;
	margin-bottom: 40px;
}


.submenu_tab ul{
	display: flex;
	flex-wrap: wrap;
}

.submenu_tab li{
	color: #bcc2c7;
	font-size: 17px;
	font-weight: 600;
	border-bottom: 1px solid #e9edf1;
	cursor: pointer;
}

.submenu_tab li a{
	display: block;
	padding: 9px 20px;
}

.submenu_tab li.on{
	color: #262a30;
	font-weight: 700;
	border-bottom: 2px solid #34373c;
}

.submenu_tab li.on.red{
	color: #f27474;
	font-weight: 700;
	border-bottom: 2px solid #f27474;
}






/*/// 마이페이지 /// */

.mypage{
	background: #fff;
	padding-top: 70px;
}

.mypage .contarea{
	display: flex;
	padding: 50px 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mypage .contarea .maincont{
	width: 73%;
}

.mypage .profile{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.mypage .profileImg{
	display: none;
}

.mypage .profileTxt{
	color: #262a30;
/*	margin-left: 22px;*/
}

.mypage .profileTxt h2{
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
}

.mypage .profileTxt p{
	
}

.profileImg img{
	width: 78px;
	height: 78px;
	border: 3px solid #d6e0e894;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.mypage .mP_Info{
	
}

.mypage .mP_infoBox{
	background: #55a2f3;
	padding: 30px;
	border-radius: 15px;
}

.mypage .myInfo{
	display: flex;
	justify-content: space-evenly;
}

.mypage .myInfo p{
	width: auto;
	color: #ffffffc2;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.mypage .myInfo p a{
	color: #fff;
	margin-left: 13px;
}

.mypage .myInfo i{
	font-size: 16px;
}

.mypage .filterBox{
	display: flex;
	grid-gap: 10px;
	flex-wrap: wrap;
}

.mypage .searchFilter{
	display: flex;
	font-weight: 500;
	padding: 11px 15px;
	border: 1px solid #dbe0e5;
	border-radius: 10px;
	justify-content: center;
}

.mypage .searchFilter input{
/*	width: 100px;*/
	background: #fff0;
	color: #262a30;
	font-weight: 500;
	padding: 0;
/*	border: 1px solid #dbe0e5;*/
	border-radius: 0;
}

.mypage .searchFilter input::placeholder{
	color: #a5a9ae;
}

.mypage .searchFilter span{
	color: #262a30;
	padding: 0 10px;
}







/*/// 주문내역 ///*/

.myOrderList .cont2{
	margin-top: 40px;
}

.myOrderList .cont2 h2{
	color: #262a30;
	font-size: 21px;
}

.myOrderList .order_listBox{
	margin-top: 12px;
	border: 1px solid #edf0f3;
}

.myOrderList .order_listBox .lhead{
	display: flex;
	background: #f2f4f7;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 15px;
/*	border-top: 1px solid #edf0f3;*/
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.myOrderList .order_listBox .lhead a{
	color: #74797d;
	font-size: 13px;
	font-weight: 500;
}

.myOrderList .order_listBox .lhead a span{
	display: inline-block;
	width: 1px;
	height: 9px;
	background: #00000020;
	margin: 0 9px;
}

.myOrderList .order_listBox .lhead i{
	margin-left: 5px;
}

.myOrderList .lhead .order_list{
	padding: 12px 15px;
}

.myOrderList .order_list{
	display: flex;
	height: 46px;
	padding: 10px 12px;
	border-top: 1px solid #edf0f3;
	line-height: 120%;
	text-align: center;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.myOrderList .order_listTxt{
	display: flex;
	width: 78%;
/*	max-width: 680px;*/
	justify-content: space-between;
	align-items: center;
}

.myOrderList .order_list .img{
	width: 12%;
}

.myOrderList .order_list img{
	width: 100%;
	max-width: 74px;
	max-height: 42px;
	text-align: center;
}

.myOrderList .order_list .order_infoBox{
	display: flex;
	width: 85%;
	flex-wrap: wrap;
	align-items: center;
}

.myOrderList .order_list .infoBox{
	display: flex;
	width: 80%;
	color: #93979b;
	font-size: 13.5px;
	text-align: left;
	align-items: center;
	flex-wrap: wrap;
}

.myOrderList .order_list .product{
	width: 100%;
	color: #262a30;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.myOrderList .order_list .volume{
	position: relative;
	width: auto;
	padding-right: 12px;
	margin-right: 12px;
}

.myOrderList .order_list .quantity{
	width: auto;
}

.myOrderList .order_list .volume:before, .myOrderList .order_list .catalog:before {
	content: '';
	position: absolute;
	right: 0;
	top: 4px;
	height: 10px;
	border-right: 1px solid #e2e4e7;
}

.myOrderList .order_list .catalog{
	position: relative;
	width: auto;
	padding-right: 10px;
	margin-right: 10px;
}

.myOrderList .order_list .price{
	width: 20%;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
}

.myOrderList .order_list .state{
/*	display: flex;*/
	width: 17%;
	font-size: 15px;
	font-weight: 600;
	color: #469af3;
/*	flex-wrap: wrap;*/
	flex-direction: column;
}

.myOrderList .order_list .stateBtn{
	display: flex;
	width: 10%;
	flex-direction: column;
	gap: 3px;
}

.myOrderList .order_list .state a{
	width: 100%;
}

.myOrderList .order_list .state p{
	width: 100%;
	color: #a6a9ab;
	font-size: 12px;
	font-weight: 400;
	margin-top: 1px;
}

.myOrderList .order_list .state.confirm p{
	color: #469af3;
	font-size: 12px;
	font-weight: 500;
}

.myOrderList .order_list .state.confirm i{
	font-size: 11px;
	margin-right: 3px;
}

.myOrderList .order_list .state.cancel{
	color: #b4b6b9;
}

.myOrderList .order_list .btn{
	width: 100%;
	height: auto;
	background: #fff;
	color: #606264;
	font-size: 13px;
	font-weight: 500;
	padding: 5px;
	border: 1px solid #dfe0e1;
	border-radius: 5px;
	line-height: normal;
	letter-spacing: 0;
}


.myOrderList .order_list .line{
	position: relative;
	width: 1px;
}

.myOrderList .order_list .line:before {
	content: '';
	position: absolute;
	background: #e2e4e7;
	width: 1px;
	height: 38px;
	right: 0;
	top: -19px;
}





/*/// 주문내역 - 상세 ///*/

.myOrderList .cont1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.myOrderList .cont1{
	
}

.myOrderList .detail_tit{
	font-size: 14px;
}

.myOrderList .detail_tit h3{
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 6px;
}

.myOrderList .detail_tit span{
	font-weight: 700;
	margin-left: 7px;
}

.myOrderList .cont1_right button{
	background: #fff;
	color: #262a30;
	font-size: 14px;
	font-weight: 500;
	padding: 6px 12px;
	margin: 0 3px;
	border: 1px solid #a5a9ad;
	border-radius: 5px;
}

.myOrderList .cont1_right button:hover{
	border: 1px solid #63676c;
}

.myOrderList .order-datails .order_list{
	height: auto;
}

.myOrderList .order-datails .product{
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.myOrderList .order-datails .order_listTxt{
	width: 75%;
}

.myOrderList .order-datails .state{
	width: 6%;
}

.myOrderList .cont3{
	margin-top: 50px;
}

.myOrderList .detail_info{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.myOrderList .detail_info .info_box{
	display: flex;
	width: 48%;
	padding: 15px 12px;
	border-top: 1px solid #6b6f73;
	box-sizing: border-box;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
}

.myOrderList .detail_info .info_box > p{
	color: #262a30;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 18px;
}

.myOrderList .detail_info .info_txtbox{
/*	display: flex;*/
	width: 100%;
}

.myOrderList .detail_info .info_txtbox > div{
	display: flex;
	color: #96989b;
	margin-bottom: 10px;
	justify-content: space-between;
}

.myOrderList .detail_info .info_txtbox p{
	width: 80%;
	color: #262a30;
	font-weight: 500;
}

.myOrderList .detail_info .payInfo .info_txtbox p{
	text-align: right;
}


.myOrderList .detail_info .totalPayInfo{
	color: #262a30 !important;
	font-weight: 600;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px dashed #e2e5e9;
}

.myOrderList .detail_info .totalPayInfo p{
	width: 60% !important;
	font-weight: 700;
}

.myOrderList .order-datails .cont4 button{
	margin: 0 auto;
}




.myOrderList .pop .popup_box{
	max-width: 450px;
}

.myOrderList .pop .content{
	font-size: 15px;
	line-height: 150%;
	text-align: left;
}

.myOrderList .pop .content > div{
	display: flex;
	font-weight: 500;
	color: #262a30;
	margin-bottom: 5px;
}

.myOrderList .pop .content p{
	width: 100px;
	font-weight: 400;
	color: #96989b;
}






.statementPop{
	max-width: 800px !important;
}

.statementContent .title{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: center;
}

.statementContent .title h3{
	font-size: 19px;
	font-weight: 700;
}

.statementContent .title img{
	width: 110px;
}

.statementContent h4{
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 25px;
}

.statementContent .statementBox{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}

.statementContent .statementBox thead th{
	font-weight: 600;
}

.statementContent .statementBox th{
	background: #f6f8f9;
	text-align: left;
}

.statementContent .statementBox th, .statementContent .statementBox td{
	font-size: 13px;
	font-weight: 400;
	padding: 6px 12px;
	border: 1px solid #ebedef;
}

.statementContent .statementBox .empty{
	background: #fff;
	border: none;
}

.statementContent .order_listBox .lhead {
	display: flex;
	background: #f2f4f7;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 12px;
	border: 1px solid #ebedef;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.statementContent .order_list {
	display: flex;
	padding: 12px;
	border-bottom: 1px solid #ebedef;
	line-height: 120%;
	text-align: center;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.statementContent .order_listBox .company{
	width: 17%;
	font-size: 13px;
	text-align: left;
}

.statementContent .order_listBox .infoBox{
	display: flex;
	width: 60%;
	text-align: left;
	align-items: center;
	flex-wrap: wrap;
}

.statementContent .order_listBox .product{
	width: 100%;
	font-weight: 600;
}

.statementContent .order_listBox .volume, .statementContent .order_listBox .catalog{
	position: relative;
	width: auto;
	font-size: 13px;
	color: #93979b;
	padding-right: 12px;
	margin-right: 12px;
}

.statementContent .order_listBox .volume:before{
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	height: 12px;
	border-right: 1px solid #e2e4e7;
}

.statementContent .order_listBox .quantity{
	width: 8%;
	font-weight: 600;
	text-align: center;
}

.statementContent .order_listBox .price{
	width: 15%;
	font-weight: 600;
	text-align: right;
}

.statementContent .total_price{
	padding: 10px 15px;
	margin-top: 30px;
	border: 1px solid #5e6165;
}

.statementContent .total_price > div{
	display: flex;
	width: 100%;
	font-size: 13.5px;
	font-weight: 500;
	margin-bottom: 7px;
	justify-content: space-between;
}

.statementContent .total_price .tP-txt{
	font-size: 15px;
	font-weight: 600;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px dashed #b7bbbf;
}








/*//// 연구실 구매 내역 ////*/

.mypage .contarea.orderList{
	padding-right: 0;
}

.mypage .contarea.orderList .maincont{
	width: 77%;
}

.orderList .filterBox{
	display: flex;
	grid-gap: 10px;
	flex-wrap: wrap;
}

.orderList .orderBox{
	width: 100%;
	border-collapse: collapse;
}

.orderList .orderBox tr{
	border-bottom: 1px solid #edf0f3;
	text-align: center;
	letter-spacing: -0.2px;
}


.orderList .orderBox thead tr{
	background: #f2f4f7;
	border-bottom: 1px solid #e3e6e9;
}

.orderList .orderBox thead td{
	height: 22px;
	font-size: 14px;
	padding: 8px 5px;
	vertical-align: middle;
}

.orderList .orderBox tbody tr:hover{
	background: #f2f4f754;
}

.orderList .orderBox tbody tr:nth-child(2n){
/*	background: #f7f8f9;*/
}

.orderList .orderBox tbody td{
	font-size: 13px;
	height: 33px;
	padding: 5px;
	vertical-align: middle;
}

.orderList .orderBox tbody td a{
	font-weight: 600;
}

.orderList .orderBox td .chk{
	position: relative;
	width: 16px;
	height: 16px;
}

.orderList .orderBox td .chk label{
	position: absolute;
/*	left: 0;*/
}

.orderList .orderBox td .chk label:before{
	width: 16px;
	height: 16px;
}

.orderList .orderList_btn{
	display: flex;
	flex-direction: row-reverse;
}

.orderList .orderList_btn button{
	height: 38px;
	font-size: 14px;
	font-weight: 600;
	padding: 0 12px;
	margin: 0;
	border-radius: 7px;
	line-height: normal;
}

.orderList .excelDown{
	display: flex;
	color: #21a365;
	padding: 7px 12px;
	border: 1px solid #17864ca1;
	align-items: center;
}

.orderList .excelDown img{
	width: 22px;
	margin-right: 10px;
}






/*//// 장바구니 ////*/

.cart .cart_listBox{
}

.cart .cart_listBox .lhead{
	background: #f2f4f7;
	color: #777b81;
	font-weight: 600;
	padding: 1px 0;
	margin-bottom: 5px;
	border-radius: 7px;
}

.cart .cart_listBox .estimate_list{
	display: flex;
/*	height: 40px;*/
	font-size: 14px;
	padding: 10px 15px;
	line-height: 120%;
	text-align: center;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	letter-spacing: -0.2px;
}

.cart .cart_listBox .lbody{
/*	min-height: 380px;*/
	max-height: 500px;
	border: 1px solid #edf0f3;
	border-radius: 7px;
	overflow: auto;
}

.cart .cart_listBox .lbody li{
	border-bottom: 1px solid #edf0f3;
}

.cart .cart_listBox .lbody li:last-child{
	border: none;
}

.cart .cart_listBox .chk{
	position: relative;
	width: 18px;
	height: 18px;
}

.cart .cart_listBox .chk label{
	position: absolute;
	left: 0;
}

.cart .cart_listBox .chk label p{
	padding-left: 25px;
}

.cart .cart_listBox .chk label:before{
	width: 18px;
	height: 18px;
}

.mypage .cart_listBox .infoBox{
	width: 55%;
}

.mypage .cart_listBox .lbody .infoBox{
	display: flex;
	text-align: left;
	align-items: center;
	flex-wrap: wrap;
}

.mypage .cart_listBox .estimate_img{
	width: auto;
	font-weight: 700;
}

.mypage .cart_listBox .product{
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	margin: 6px 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mypage .cart_listBox .catalog{
	position: relative;
	width: auto;
	color: #a7abb1;
	font-size: 13px;
	padding-right: 12px;
	margin-right: 12px;
}

.mypage .cart_listBox .catalog:before{
	content: '';
	position: absolute;
	right: 0;
	top: 2px;
	height: 12px;
	border-right: 1px solid #e2e4e7;
}

.mypage .cart_listBox .volume{
	width: auto;
	color: #a7abb1;
	font-size: 13px;
}

.mypage .cart_listBox .quantity{
	width: 8%;
}

.mypage .cart_listBox .price{
	width: 12%;
}

.mypage .cart_listBox .price span{
	font-size: 15px;
	font-weight: 600;
/*	color: #469af3;*/
}

.mypage .cart_listBox .state{
	width: 10%;
}

.mypage .cart_listBox .state p{
	width: fit-content;
	background: #f0f2f5;
	font-size: 13px;
	font-weight: 500;
	color: #929da9;
	margin: 0 auto;
	padding: 3px 6px;
	border-radius: 5px;
}

.mypage .cart_listBox .note{
	width: 10%;
	font-size: 13px;
}

.mypage .totalPrice{
	display: flex;
	background: #f6f7f8;
	font-size: 18px;
	font-weight: 500;
	padding: 10px;
	margin-top: 40px;
/*	border: 1px solid #edf0f3;*/
	border-radius: 10px;
	text-align: center;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}

.mypage .totalPrice p{
	width: 40%;
	font-size: 22px;
	font-weight: 700;
	margin-right: 7%;
	text-align: right;
}

.cart .cont2{
	margin-top: 50px;
}

.cart .cont2 .info_tab ul{
	display: flex;
	text-align: center;
}

.cart .cont2 .info_tab li{
	background: #f2f4f7;
	color: #a5a9ae;
	font-weight: 500;
	padding: 12px 0;
	border: 1px solid #e9ebed;
	border-bottom: 1px solid #262a30;
	box-sizing: border-box;
	cursor: pointer;
}

.cart .cont2 .info_tab li.on{
	background: #fff;
	color: #262a30;
	font-weight: 600;
	border: 1px solid #262a30;
	border-bottom: none;
}

.cart .cont2 .info_tab_cont{
	padding: 20px 30px;
	border: 1px solid #262a30;
	border-top: none;
}

.cart .cont2 .info_tab_cont .txtbox{
	display: flex;
	font-size: 13.5px;
	padding: 15px 0;
	border-bottom: 1px solid #f2f4f7;
}

.cart .cont2 .info_tab_cont .txtbox:last-child{
	border-bottom: none;
}

.cart .cont2 .info_tab_cont .tit{
	width: 15%;
	font-weight: 600;
}

.cart .cont2 .info_tab_cont .txt{
	width: 85%;
	line-height: 140%;
}

.cart .cont2 .info_tab_cont .txt b{
	font-weight: 700;
}









/*//// 결제하기 ////*/

.contarea.payment .contarea_tit{
	width: 100%;
}

.mypage .payment .maincont{
	width: 62%;
}

.mypage .payment_total-price{
	position: sticky;
	width: 30%;
	height: fit-content;
	top: 120px;
	border: 1px solid #edf0f3;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 50px #22272c0d;
}

.payment .cont1, .payment .cont2, .payment .cont3{
	background: #fff;
	padding: 26px 32px;
	margin-left: 20px;
	margin-bottom: 50px;
	border: 1px solid #edf0f3;
	border-radius: 10px;
	box-shadow: 0 2px 50px #22272c0d;
}

.payment .order_info, .payment .receive_info, .payment .payment_info{
	padding: 10px 8px 0;
/*	margin: 10px;*/
/*	border: 1px solid #eef2f8;*/
	border-radius: 10px;
}

.payment .cont2 .title{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: center;
}

.payment .cont2 .title .paymentCheck label{
	font-size: 14px;
	padding-left: 22px;
/*	margin-right: 15px;*/
}

.payment .cont2 .title .paymentCheck label:before{
	width: 16px;
	height: 16px;
	top: 1px;
}

.payment h3{
	color: #262a30;
	font-size: 21px;
	font-weight: 700;
/*	margin-bottom: 15px;*/
}

.payment .form_box{
	padding: 8px 0;
	border-bottom: none;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.payment .form_box p{
	width: 16%;
	color: #51565c;
	font-weight: 600;
	margin: 0 0 0 1%;
}

.payment .form_box .form_txtbox{
	width: 83%;
}

.payment .cont3 label{
	font-size: 17px;
	font-weight: 500;
	padding-left: 25px;
}

.payment .cont3 label:before{
	width: 19px;
	height: 19px;
}


.payment .totalPrice{
	background: #fff;
	margin: 0;
	padding: 20px;
	border: none;
	justify-content: space-between;
}

.payment .totalPrice .txt{
	width: 100%;
	margin-top: 13px;
}

.payment .totalPrice .txt > div{
	display: flex;
	width: 100%;
	margin-bottom: 5px;
	line-height: 120%;
	justify-content: space-between;
}

.payment .totalPrice p{
	width: auto;
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}

.payment .totalPrice .tP-txt{
	padding-top: 17px;
	margin-top: 13px;
	border-top: 1px dashed #eef2f8;
}

.payment .totalPrice .tP-txt p{
	font-size: 17px;
}

.payment .totalPrice span{
	font-size: 20px;
	font-weight: 700;
}

.payment .totalPrice .point p{
	font-size: 14px;
	color: #66aaf3;
}

.payment .totalPrice .point span{
	font-size: 17px;
	color: #66aaf3;
}






/*//// 사이다마켓 ////*/

.market.contarea{
	padding: 40px 0;
}

.market .mP_info{
	position: sticky;
	height: fit-content;
	background: #fff;
	top: 85px;
	border: 1px solid #dde1e5;
	border-radius: 15px;
	box-shadow: 0 8px 20px 0 #00000012;
	overflow: hidden;
	z-index: 5;
}

.market .mP_info::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 15px;
	background: #fff;
	top: 70px;
	left: 0;
}

.market .profile{
	margin-bottom: 0;
	justify-content: space-between;
}

.market .mP_infoBox{
	width: 38%;
	background: #fff;
	padding: 0 30px;
}

.market .myInfo p{
	width: 50%;
	color: #262a30d4;
	font-size: 17px;
}

.market .myInfo p a{
	color: #469af3;
}

.market .totalCP{
	font-size: 19px;
	font-weight: 700;
	color: #262a30;
	margin: 0 25px 0 auto;
	text-align: right;
}

.market .profile button{
	width: 200px;
	font-weight: 600;
	margin: 7px;
}


.market .cont1 .point_exchange{
	display: flex;
	flex-wrap: wrap;
}

.market .maincont{
	width: 100% !important;
}

.market .cont1{
	margin-top: 50px;
}

.market .support_top{
	padding: 0 10px;
}

.market .search_stats{
	width: calc(100% - 275px);
}

.market .custom-select{
	padding-right: 12px;
}

.market .exchange_list{
	padding: 15px;
	box-sizing: border-box;
}

.market .exchange_list a{
	position: relative;
	display: block;
	width: 100%;
}

.market .exchange_list a::after{
	display: block;
	content: "";
	padding-bottom: 100%;
}

.market .exchange_list img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 2px solid #eff1f3;
	border-radius: 5px;
	object-fit: cover;
	user-select: none;
}

.market .exchange_list.active img{
	border: 2px solid #262a30;
}

.market .exchange_list.active img::before{
	content: "\f00c";
	font: var(--fa-font-solid);
}

.market .exchange_list .txt{
	margin-top: 15px;
}

.market .exchange_list .tit{
	font-weight: 700;
	margin-bottom: 5px;
}

.market .exchange_list .product{
	margin-bottom: 7px;
}

.market .exchange_list .price{
	font-size: 17px;
	font-weight: 700;
	color: #469af3;
}






/*/// 포인트내역 ///*/

.point .mP_infoBox{
	background: #f6f7f8;
}

.point .myInfo p{
	color: #000000b8;
}

.point .myInfo p a{
	color: #469af3;
}

.point .point_list{
	display: flex;
	padding: 15px 10px;
	border-bottom: 1px solid #edf0f3;
	line-height: 120%;
	justify-content: space-between;
	align-items: center;
}

.point .point_list .date{
	width: 15%;
	min-width: 60px;
	font-size: 14px;
	color: #8a9096;
}

.point .point_list .infoBox{
	display: flex;
	width: auto;
	margin-right: auto;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
}

.point .point_list .name{
	display: -webkit-box;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.point .point_list .reward{
	width: max-content;
	font-weight: 600;
	margin-left: 10px;
	text-align: right;
	white-space: nowrap;
}

.point .point_list .reward.red{
	color: #f27474;
}








/*///// 회원정보수정 /////*/

.modify .cont1, .modify .cont2{
/*	padding: 24px 30px;*/
	margin-left: 15px;
	margin-bottom: 50px;
/*	border: 1px solid #ebedf1;*/
	border-radius: 10px;
}

.modify h3{
	color: #262a30;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
}

.modify .support_top{
	margin-bottom: 25px;
}

.mypage .modify_info{
	display: flex;
	padding: 10px 8px 0;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mypage .modify_infoBox{
	width: 47%;
}

.modify .form_box .custom-select{
	width: 72%;
}

.modify .form_box {
	min-height: 42px;
	font-weight: 500;
	padding: 9px 0;
	border-bottom: none;
	flex-wrap: wrap;
	align-items: center;
}

.modify .form_box > p {
	width: 25%;
	color: #51565c;
	font-weight: 500;
	margin: 0;
}

.modify .form_box .form_txtbox{
	width: 72%;
}

.modify .cont2 .form_box{
	width: 47%;
}

.mypage .modify_info2{
	padding: 5px 8px 0;
	margin-top: 20px;
	border-top: 1px dashed #e5e6e8;
}

.modify .form_check_all{
	color: #262a30;
	font-size: 15px;
	margin: 0;
	line-height: 120%;
}

.modify .form_check_all label{
	padding-left: 25px;
}

.modify .form_check_all label:before{
	width: 18px;
	height: 18px;
}




.modify .cont1 .support_top .btn{
	width: 125px;
	height: 44px;
	font-size: 14px;
	font-weight: 500;
	padding: 0;
	margin-right: 5px;
	border: 1px solid #fff;
	border-radius: 8px;
	line-height: normal;
	letter-spacing: 0.1px;
}

.modify .cont1 .support_top .btn i{
	font-size: 15px;
	margin-right: 6px;
}

.mypage .listBox .lhead{
	background: #f2f4f7;
	color: #9da2a7;
	font-size: 14px !important;
	font-weight: 500;
	padding: 1px 0;
	margin-bottom: 5px;
	border-radius: 7px;
}

.mypage .listBox .estimate_list{
	display: flex;
	font-size: 14px;
	padding: 10px 16px;
	line-height: 120%;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
/*	letter-spacing: -0.2px;*/
}

.mypage .listBox .lbody{
	border: 1px solid #edf0f3;
	border-radius: 7px;
}

.mypage .listBox .lbody li{
	border-bottom: 1px solid #edf0f3;
}

.mypage .listBox .lbody li:last-child{
	border-bottom: none;
}

.mypage .listBox .infoBox{
	width: 73%;
/*	color: #262a30;*/
	text-align: left;
}

.mypage .listBox .lbody .infoBox{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.mypage .listBox .rdo{
	width: 4%;
}

.mypage .listBox .rdo label{
	width: 18px;
	height: 18px;
}

.mypage .listBox .rdo i{
	width: 18px;
	font-size: 16px;
	color: #469af3;
	text-align: center;
}

.mypage .listBox .profileImg img{
	width: 48px;
	height: 48px;
	border: 2px solid #d6e0e894;
	border-radius: 100%;
	overflow: hidden;
}

.mypage .listBox .tit{
	width: 43%;
}

.mypage .listBox .name{
	width: 35%;
	font-size: 15px;
	font-weight: 600;
/*	margin-bottom: 4px;*/
}

.mypage .listBox .name span{
	background: #469af314;
	color: #469af3;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 6px;
	margin-left: 6px;
	border-radius: 4px;
}

.mypage .listBox .date{
	color: #bbbfc3;
	font-size: 13px;
}

.mypage .listBox .email{
	width: 40%;
}

.mypage .listBox .phone{
	width: auto;
}

.mypage .listBox .infoBox i{
	color: #494d51;
	margin-right: 5px;
}

.mypage .listBox .note{
	display: flex;
	width: 19%;
	justify-content: flex-end;
	grid-gap: 5px;
	text-align: right;
}

.mypage .listBox button{
	width: calc(100% - 34px);
	max-width: 100px;
	height: 34px;
	background: #fff;
	color: #999da1;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid #cccfd1;
	border-radius: 7px;
	letter-spacing: 0.3px;
}

.mypage .listBox button:hover{
/*	background: #838689;*/
	color: #717476;
	font-weight: 700;
	border: 1px solid #8e9297;
	transition: all 0.1s ease;
}

.mypage .listBox .delete{
	width: 34px;
	font-size: 15px;
	color: #f18989;
	border: 1px solid #f6a3a3;
}

.mypage .listBox .delete i{
	font-size: 14px;
}

.mypage .listBox .delete:hover, .mypage .listBox .refuse:hover{
	color: #f55e5e;
	border: 1px solid #f27474;
}

.modify .cont3 .listBox .note{
	width: 25%;
}

.mypage .listBox .refuse{
	color: #f18989;
	border: 1px solid #f6a3a3;
}

.mypage .listBox .accept{
	color: #68aef7;
	border: 1px solid #88bef7;
}

.mypage .listBox .accept:hover{
	color: #52a0f3;
	border: 1px solid #57a4f5;
}

.modify .cont2 .btn{
	height: 40px;
	font-size: 14px;
	font-weight: 600;
	padding: 0 13px;
	margin-top: 30px;
	border-radius: 7px;
	line-height: normal;
	float: right;
}








/*// 내 정보 - 결제수단 관리 //*/

.modify .payment_listBox .lhead{
	background: #f2f4f7;
	color: #777b81;
	font-weight: 600;
	padding: 1px 0;
	margin-bottom: 5px;
	border-radius: 7px;
}

.modify .payment_listBox .lbody{
	min-height: 380px;
	max-height: 500px;
	border: 1px solid #edf0f3;
	border-radius: 7px;
	overflow: auto;
}

.modify .payment_listBox .payment_list{
	display: flex;
	font-size: 14px;
	padding: 10px 15px;
	line-height: 120%;
	text-align: center;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.modify .payment_listBox .lbody .payment_list{
	height: 52px;
	line-height: 130%;
	border-bottom: 1px solid #edf0f3;
}

.modify .payment_list .img{
	width: 18%;
}

.modify .payment_list .infoBox{
	display: flex;
	width: 62%;
	text-align: left;
/*	margin-right: auto;*/
	flex-wrap: wrap;
}

.modify .payment_list .card{
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
}

.modify .payment_list .number{
	font-size: 13px;
	color: #9ea0a3;
}

.modify .payment_list .state{
	width: 15%;
}

.modify .payment_list .state button{
	font-size: 12px;
	font-weight: 600;
	color: #f27474;
	padding: 3px 6px;
	border: 1px solid #f27474;
	border-radius: 5px;
}




.mypage #pop .modifyPayment{
	max-width: 600px;
}

.mypage #pop .modifyPayment2{
	max-width: 450px;
}

.mypage #pop .cont1 input{
/*	background: #f5f6f7;*/
	height: 40px;
	font-size: 14px;
	padding: 0 5px 0 15px;
/*	border: 1px solid #dce0e5;*/
	border-radius: 10px;
	line-height: normal;
}

.mypage #pop .cont1{
	margin-bottom: 20px;
}

.mypage #pop .cont2 .topBox{
	display: flex;
	padding: 5px;
	justify-content: space-between;
	align-items: center;
}

.mypage #pop .cont2 .topBox p{
	font-size: 15px;
	font-weight: 600;
}

.mypage #pop .cont2 .topBox button{
	background: #262a3014;
	height: 23px;
	font-size: 13px;
	font-weight: 600;
	color: #76797c;
	padding: 4px 9px;
	border-radius: 5px;
}

.mypage #pop .cont2 .subtit{
	color: #76797c;
	font-size: 13px;
	font-weight: 500;
	padding: 0 5px;
	margin-bottom: 10px;
}

.mypage #pop .cont2 #emailInputBox{
	display: flex;
	height: 150px;
	padding: 6px;
	border: 1px solid #dce0e5;
	border-radius: 10px;
	flex-wrap: wrap;
	align-content: flex-start;
	box-sizing: border-box;
	cursor: text;
}

.mypage #pop .cont2 #emailContent{
	display: flex;
	flex-wrap: wrap;
	grid-gap: 5px;
}

.mypage #pop .cont2 .emailList{
	display: flex;
	background: #469af314;
	height: 28px;
	color: #469af3;
	font-size: 14.5px;
	font-weight: 500;
	padding: 0 7px 0 10px;
	border-radius: 15px;
	cursor: default;
	align-items: center;
}

.mypage #pop .cont2 .emailList.error{
	background: #f2747414;
	color: #f27474;
}

.mypage #pop .cont2 .emailList button{
	width: 14px;
	height: 14px;
	background: url(../img/icon_circle-close2.svg) center center no-repeat;
	margin-left: 6px;
}


.mypage #pop .cont2 textarea{
	width: auto;
	min-width: 100px;
	max-width: 660px;
	height: 28px;
	background: #fff0;
	padding: 0;
	padding-left: 5px;
	border: none;
	border-radius: 0;
	line-height: 26px;
	overflow: hidden;
	resize: none;
	overflow-wrap: inherit;
	word-break: keep-all;
}

.mypage #pop .cont2 textarea::placeholder{
/*	color: #abafb5;*/
}

.mypage #pop .cont2 textarea:focus{
/*	border: 1px solid #dce0e5;*/
}

.mypage #pop .popup_body button.btn{
	height: 46px;
	font-size: 15px;
	font-weight: 600;
	margin: 0 auto;
	border-radius: 8px;
	line-height: normal;
	letter-spacing: 0.2px;
}

.mypage .form_txtbox2{
	display: flex;
	width: 100%;
	align-items: center;
	grid-gap: 6px;
	text-align: center;
}

.mypage .form_txtbox2 input{
	width: inherit;
	padding: 0 5px;
	text-align: center;
}








/*//// 고객센터 ////*/

.support{
	background: #fff;
	padding-top: 70px;
}

.support .cont1{
	display: flex;
	padding: 50px 30px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.support .cont1 .contarea{
	width: 73%;
}

.support .cont1 .contarea_tit{
	font-size: 34px;
	margin-bottom: 40px;
}

.support_top{
	display: flex;
	margin-bottom: 15px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.support_top .search_stats{
	width: calc(100% - 275px);
	margin: 0;
	justify-content: space-between;
	align-items: center;
}


.custom-select{
	position: relative;
	background: #fff;
	height: fit-content;
/*	padding: 0 12px;*/
	border: 1px solid #dbe0e5;
	border-radius: 7px;
	cursor: pointer;
	box-sizing: border-box;
	z-index: 1;
}

.custom-select .select-tit{
	color: #939597;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 20px 13px 15px;
}

.custom-select .options{
	position: absolute;
	display: none;
	width: -webkit-fill-available;
	background: #fff;
	top: 100%;
	left: 0;
	padding: 6px 8px;
	margin-top: 3px;
	border: 1px solid #dbe0e5;
	border-radius: 10px;
}

.custom-select .options li{
	background: transparent !important;
	color: #939597;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 6px !important;
	margin: 0 !important;
	cursor: pointer !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.custom-select .options li.active{
	color: #469af3;
	font-weight: 600;
}

.custom-select i{
	position: absolute;
	top: 15px;
	right: 13px;
	font-size: 12px;
	color: #84878b;
}



.listArray{
	display: flex;
	padding: 0 12px;
	border: 1px solid #dbe0e5;
	border-radius: 10px;
	align-items: center;
}

.listArray select{
	background: #fff;
	height: auto;
	color: #939597;
	font-size: 14px;
	padding: 12px 0;
	margin-right: 8px;
	border: none;
	line-height: normal;
}

.listArray i{
	font-size: 12px;
	color: #84878b;
}

.support_top .search{
	position: relative;
}

.support_top .search input{
	font-weight: 700;
	padding: 12px;
	padding-left: 40px;
	border: 1px solid #dbe0e5;
	border-radius: 7px;
}

.support_top .search input::placeholder{
	color: #c8cbce;
}

.support_top .search button{
	position: absolute;
	font-size: 15px;
	color: #a5a9ae;
	padding: 13px 14px;
	left: 0;
}

.support .supportView_area .txtContent{
	padding-top: 50px;
}

.support .support_listBox{
	padding: 15px;
}

.support .support_list{
	display: flex;
	padding: 8px 0;
	border-bottom: 1px solid #eeeff0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.support .support_list .no{
	width: 5%;
	color: #74787c;
	font-size: 14px;
}

.support .support_list .category{
	width: 11%;
	background: #469af310;
	color: #469af3;
	font-size: 13px;
	font-weight: 600;
	padding: 3.5px 0;
	margin-right: 3%;
	text-align: center;
/*	border-right: 1px solid #dde5ed;*/
	border-radius: 5px;
}

.support .support_list .content{
	width: 85%;
}

.support .support_list .content > a{
	display: block;
	color: #262a30;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.support .support_list .date{
	width: 10%;
	color: #868b90;
	font-size: 14px;
	text-align: center;
}

.support .page{
	margin-top: 30px;
}

.support .inquiryBox{
	padding-bottom: 30px;
	border-bottom: 1px dashed #e5e6e8;
}

.support .inquiry .form_box{
	display: flex;
	margin-bottom: 5px;
	border-bottom: none;
	flex-wrap: wrap;
	justify-content: normal;
}

.support .inquiry .form_box p{
	width: 15%;
	font-size: 16px;
	font-weight: 600;
	color: #50565c;
}

.support .inquiry .form_box input[type=text]{
	height: 45px;
	font-size: 16px;
	padding: 0 17px;
	line-height: 45px;
}

.support .inquiry .form_box textarea{
	height: auto;
	padding: 10px 17px;
	font-size: 16px;
	line-height: 150%;
	resize: none;
}

.support .inquiry .form_box textarea::placeholder{
	color: #c8cbce;
}

.support .inquiry .form_box textarea:focus{
	border: 1px solid #dce0e5;
}

.contentView .contentView_tit{
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebedef;
}

.contentView .contentView_tit p{
	float: left;
	color: #262a30;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
}

.contentView .contentView_tit .date{
	float: right;
	color: #8a9098;
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}

.contentView_area .txtContent{
	padding: 50px 0;
	border-bottom: 1px dashed #e5e6e8;
	line-height: 150%;
}

.contentView_area .txtContent img{
	max-width: 100%;
}

.contentView button{
	margin: 50px auto 0;
}





@media (max-width: 992px){
	.mypage{
		padding-top: 50px;
	}
	
	.mypage .contarea{
		padding: 50px 0;
	}

	.mypage .contarea .maincont{
		width: 100%;
	}

	.mypage .contarea.orderList .maincont{
		width: 100%;
	}

	.contarea .contarea_tit{
		display: none;
	}

	.mypage .modify_infoBox{
		width: 100%;
	}

	.modify .cont1, .modify .cont2{
		margin: 0;
		margin-bottom: 30px;
	}

	.modify .support_top {
		flex-direction: row-reverse;
	}


	.submenu_tab{
		width: 100%;
	}

	.submenu_tab ul{
		display: block;
		overflow: auto;
		white-space: nowrap;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.submenu_tab li{
		display: inline-block;
		background: #f4f5f6;
		font-size: 13px;
		margin-right: 3px;
		border: none;
		border-radius: 10px;
		text-align: center;
	}

	.submenu_tab li.on, .submenu_tab li.on.red{
		background: #262a30;
		color: #fff;
		border: none;
	}

	.submenu_tab li a{
		display: block;
		padding: 9px 13px;
	}

	.submenu_tab li a i{
		padding-right: 5px;
	}

	.submenu_tab ul::-webkit-scrollbar{
		display: none;
	}

	.custom-select .select-tit{
		padding: 11px 20px 11px 15px;
	}

	.custom-select i{
		top: 13px;
	}




	/*/// 마이페이지 ///*/

	.mypage .profile{
		margin-bottom: 15px;
	}

	.mypage .profileImg img{
		width: 56px;
		height: 56px;
	}

	.mypage .profileTxt{
		margin-left: 15px;
	}

	.mypage .profileTxt h2{
		font-size: 20px;
		margin-bottom: 5px;
	}

	.mypage .mP_infoBox{
		padding: 15px 10px;

	}

	.mypage .myInfo{
		justify-content: space-around;
	}

	.mypage .myInfo p{
		display: flex;
		width: auto;
		font-size: 15px;
		flex-direction: column;
		justify-content: center;
		grid-gap: 5px;
	}

	.mypage .myInfo p a{
		margin-left: 0;
	}

	.mypage .myInfo i{
		font-size: 14px;
	}




	/*//  주문내역  //*/

	.myOrderList .cont2 h2{
		font-size: 19px;
	}

	.myOrderList .detail_tit{
		
	}

	.myOrderList .cont1_right{
		display: flex;
		flex-direction: column;
		grid-gap: 5px;
	}

	.myOrderList .cont1_right button{
		font-size: 12px;
		padding: 4px 8px;
		margin: 0;
	}

	.myOrderList .order_listBox{
		border-right: none;
		border-left: none;
	}

	.myOrderList .order_listBox .lhead{
		padding: 10px 4%;
	}

	.myOrderList .order_list{
		height: auto;
		padding: 10px 3%;
/*		flex-direction: column-reverse;*/
	}

	.myOrderList .order_listTxt{
		width: 83% !important;
	}

	.myOrderList .order_list .order_infoBox{
		width: 80%;
	}

	.myOrderList .order_list .img{
		position: relative;
		width: 15%;
		height: 0;
		padding-bottom: 15%;
		margin-bottom: auto;
	}

	.myOrderList .order_list .img img{
		position: absolute;
/*		width: 100%;*/
/*		height: 100%;*/
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.myOrderList .order_list .infoBox{
		width: 100%;
		font-size: 12px;
	}

	.myOrderList .order_list .product{
		font-size: 14px;
	}

	.myOrderList .order_list .volume{
		padding-right: 10px;
		margin-right: 10px;
	}

	.myOrderList .order_list .quantity{
		padding-right: 10px;
		margin-right: 10px;
	}

	.myOrderList .order_list .price{
		width: 100%;
		font-size: 14px;
		margin-top: 5px;
		text-align: left;
	}

	.myOrderList .order_list .line{
		display: none;
	}

	.myOrderList .order_list .state{
		width: 15%;
		font-size: 14px;
		margin-top: auto;
		text-align: right;
	}

	.myOrderList .order_list .state a{
		display: flex;
		margin-bottom: 5px;
	}

	.myOrderList .order_list .state p{
		position: relative;
		width: auto;
		margin: 0;
		margin-left: 8px;
		padding-left: 8px;
	}

	.myOrderList .order_list .state p:before {
		content: "";
		position: absolute;
		background: #c3c8cd;
		width: 2px;
		height: 2px;
		left: 0;
		bottom: 50%;
		border-radius: 4px;
	}

	.myOrderList .order-datails .state{
		width: 15%;
	}

	.myOrderList .order-datails .stateBtn{
		width: 100%;
		margin-top: 10px;
		flex-direction: row;
	}

	.myOrderList .order-datails .order_list .btn{
		width: -webkit-fill-available;
		font-size: 13px;
		padding: 7px 0;
	}




	.myOrderList .cont3{
		margin-top: 30px;
	}

	.myOrderList .detail_info .info_box{
		width: 100%;
		padding: 15px 4%;
		border-top: 6px solid #f1f2f3;
	}

	.myOrderList .detail_info .info_txtbox{
		font-size: 14px;
	}

	.myOrderList .detail_info .info_txtbox p{
		width: 75%;
	}

	.myOrderList .order-datails .cont4{
		margin: 15px 4%;
	}


	.statementPop .statementContent{
/*		width: 800px;*/
	}




	/*// 연구실 구매 내역 //*/

	.orderList .filterBox{
		width: 100%;
	}

	.orderList .searchFilter{
		width: 100%;
		padding: 11px 5px;
		justify-content: space-evenly;
	}

	.orderList .searchFilter input{
		width: 110px;
		font-size: 13.5px;
	}

	.orderList .searchFilter span{
		padding: 0 5px;
	}

	.orderList .orderBreakdown{
		width: 100%;
		overflow-x: scroll;
	}

	.orderList .orderBox{
		min-width: 850px;
	}

	.mypage .orderBox thead td{
		font-size: 13px;
	}

	.mypage .orderBox tbody td{
		font-size: 12px;
	}

	.orderList .orderList_btn{
		justify-content: center;
	}





	/*/// 장바구니 ///*/

	.mypage .contarea.cart{
		padding: 4% 0;
	}

	.cart .cart_listBox .lhead .estimate_list{
		padding: 8px 10px;
	}

	.cart .cart_listBox .estimate_list{
		padding: 10px;
		grid-gap: 5px;
	}

	.cart .lhead .infoBox, .cart .lhead .price,
	.cart .lhead .quantity, .cart .lhead .state{
		display: none;
	}

	.cart .cart_listBox .lbody .infoBox{
		width: 90%;
	}

	.cart .cart_listBox .estimate_img{
		font-size: 14px;
	}

	.cart .cart_listBox .product{
		font-size: 14px;
		margin: 3px 0;
	}

	.cart .cart_listBox .catalog{
		font-size: 13px;
		padding-right: 10px;
		margin-right: 10px;
	}

	.cart .cart_listBox .price{
		width: 40%;
		text-align: right;
	}

	.cart .cart_listBox .quantity{
		width: 20%;
		min-width: 30px;
		margin-left: auto;
	}

	.cart .cart_listBox .state{
		width: auto;
		font-size: 12px;
		color: #a7abb1;
		margin-left: auto;
	}

	.cart .cart_total-price{
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
	}

	.cart .totalPrice{
		background: #fff;
		font-size: 14px;
		margin: 0;
		border: 1px solid #e9edf1;
		border-radius: 0;
		justify-content: space-between;
	}

	.cart .totalPrice p{
		width: auto;
		font-size: 19px;
		margin-right: 0;
	}

	.cart .totalPrice button{
		width: 100%;
		margin-top: 10px;
	}

	.cart .cont2 .info_tab li{
		font-size: 12.5px;
		padding: 10px 0;
	}

	.cart .cont2 .info_tab_cont{
		padding: 0 10px;
	}

	.cart .cont2 .info_tab_cont .txtbox{
		font-size: 12px;
		flex-wrap: wrap;
	}

	.cart .cont2 .info_tab_cont .txtbox:last-child{
		border-bottom: none;
	}

	.cart .cont2 .info_tab_cont .tit{
		width: auto;
		margin-bottom: 8px;
	}

	.cart .cont2 .info_tab_cont .txt{
		width: 100%;
		line-height: 140%;
	}




	/*/// 결제 ///*/

	.mypage .contarea.payment{
		padding: 4% 0 0;
	}

	.payment .maincont{
		padding: 0 4%;
	}

	.payment .cont1, .payment .cont2, .payment .cont3{
		margin: 0;
		margin-bottom: 25px;
		padding: 0;
		border: none;
		box-shadow: none;
	}

	.payment h3{
		font-size: 19px;
		margin-bottom: 10px;
	}

	.payment .order_info, .payment .receive_info, .payment .payment_info{
		padding: 0;
	}

	.payment .form_box p{
		width: auto;
		font-size: 14px;
		margin: 0 3px 7px;
	}

	.payment .payment_total-price{
		width: 100%;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	.payment .totalPrice{
		padding: 4%;
		border-top: 6px solid #f1f2f3;
		border-radius: 0;
	}






	/*/// 회원 정보 수정 ///*/

	.modify.contarea{
		padding: 40px 0 4%;
	}

	.modify .payment_listBox{
		margin-top: 10px;
	}

	.modify .payment_listBox .lbody{
		min-height: auto;
		max-height: none;
	}

	.modify .payment_listBox .payment_list{
		font-size: 13px;
		padding: 10px 5px;
	}

	.modify .lbody li:last-child .payment_list{
		border-bottom: none;
	}

	.modify h3{
		display: none;
		font-size: 19px;
	}

	.mypage .modify_info{
		padding: 0;
	}

	.mypage .modify_info2{
		padding: 15px 0 0;
	}

	.modify .form_box > p{
		width: auto;
		font-size: 14px;
		margin: 0 3px 7px;
	}

	.modify .form_box .custom-select{
		width: 100%;
	}

	.modify .cont2 .form_box{
		width: 100%;
	}

	.modify .form_check_all{
		font-size: 14px;
		margin: 5px;
	}




	/*// 연구원 정보 - 연구원 관리 //*/

	.modify .cont1 .support_top .submenu_tab{
		width: 100%;
	}

	.modify .submenu_tab{
		margin-bottom: 10px;
	}

	.modify .cont1 .support_top .btn{
		width: 44px;
		margin-right: 0;
		margin-left: 5px;
	}

	.modify .cont1 .support_top .btn i{
		margin: 0;
	}

	.modify .cont1 .support_top .btn span{
		display: none;
	}

	.modify .support_top .search{
		width: calc(100% - 49px);
		margin-bottom: 0;
	}

	.mypage .listBox .lbody .estimate_list{
		padding: 10px 10px;
	}

	.mypage .listBox .rdo{
		margin-right: auto;
	}

	.mypage .listBox .profileImg{
		display: none;
		width: 25%;
	}

	.mypage .listBox .infoBox{
		width: 55%;
	}

	.mypage .listBox .name{
		width: 100%;
		font-size: 14px;
		margin-bottom: 4px;
	}

	.mypage .listBox .email{
		width: 100%;
		color: #53595f;
		font-size: 12px;
	}

	.mypage .listBox .phone{
		width: 100%;
/*		color: #bbbfc3;*/
		color: #53595f;
		font-size: 12px;
	}

	.mypage .listBox .note{
		width: 35%;
		flex-wrap: wrap;
		grid-gap: 4px;
	}

	.mypage .listBox button{
		width: calc(100% - 32px);
		max-width: 100px;
		min-width: 60px;
		height: 28px;
		font-size: 12px;
	}

	.mypage .listBox .delete{
		width: 28px;
		min-width: 28px;
		font-size: 14px;
	}


	.market .exchange_list .txt{
		font-size: 14px;
	}






	/*/// 포인트몰 ///*/

	.market.contarea{
		padding: 0;
	}

	.market .cont1{
		margin: 10px 0;
	}

	.market .mP_info{
		position: static;
		margin-top: 4%;
		border-radius: 10px;
		box-shadow: none;
	}

	.market .mP_info::before{
		top: 15px;
	}

	.market .profile{
		margin-bottom: 0;
	}

	.market .mP_infoBox{
		width: 100%;
		padding: 10px;
	}

	.market .totalCP{
		display: none;
	}

	.market .profile button{
		display: none;
	}

	.market .maincont{
		width: 92% !important;
	}

	.market .support_top{
		padding: 0;
	}

	.market .search_stats{
		width: 100%;
	}

	.market .exchange_list{
		padding: 10px;
	}

	.market .exchange_list:nth-child(even){
		padding-right: 0;
	}

	.market .exchange_list:nth-child(odd){
		padding-left: 0;
	}

	.market .exchangeBtn{
		position: sticky;
		width: 100%;
		background: #fff;
		bottom: 0;
		padding: 10px;
		border-top: 1px solid #e9ebed;
	}

	.market .exchangeBtn .cont_btn_box{
		margin: 0;
		justify-content: space-between;
		align-items: center;
	}

	.market .exchangeBtn p{
		font-size: 17px;
		font-weight: 700;
	}



	/*/// 포인트 내역 ///*/

	.point .contarea{
		padding: 4% 0 0;
	}

	.point .point_list{
		padding: 10px;
	}

	.point .point_list .date{
		width: auto;
		font-size: 13px;
		margin-right: 7px;
	}

	.point .point_list .infoBox{
		font-size: 14px;
	}

	.point .point_list .reward{
		font-size: 14px;
	}






	/*/// 고객센터 ///*/

	.support{
		padding-top: 50px;
	}

	.support .cont1{
		padding: 50px 0;
	}

	.support .sub_menu{
		width: 100%;
	}

	.support .cont1 .contarea{
		width: 100%;
	}

	.support_top{
		flex-direction: column-reverse;
	}

	.support .cont1 .contarea_tit{
		display: none;
	}

	.support_top .search{
		width: 100%;
		margin-bottom: 20px;
	}

	.support_top .search input{
		width: 100%;
		padding: 12px;
		padding-right: 5px !important;
		padding-left: 35px;
	}

	.support_top .search button{
		padding: 13px 12px;
	}

	.faq_tab ul{
		justify-content: space-between;
		grid-gap: 5px;
		border: none;
	}

	.faq_tab li{
		display: flex;
		width: 32%;
		background: #f6f7f9;
		font-size: 13px;
		font-weight: 500;
		color: #a8b1b6;
		text-align: center;
		border-radius: 5px;
		align-items: center;
		justify-content: center;
	}

	.faq_tab li a{
		padding: 9px 2px;
	}

	.faq_tab li.on{
		background: #469af3;
		color: #fff;
		font-weight: 500;
		border: none;
	}

	.support_top .search_stats{
		width: 100%;
		padding: 13px 0;
	}

	.support .support_listBox{
		padding: 0;
	}

	.support .support_list{
/*		padding: 9px 0;*/
	}

	.support .support_list .no{
		display: none;
		width: 7%;
	}

	.support .support_list .category{
		width: 21%;
		font-size: 11.5px;
	}

	.support .support_list .content{
		width: 75%;
	}

	.support .faq .support_list .content{
		width: 75%;
	}

	.support .support_list .content > a{
		font-size: 15px;
	}

	.support .support_list .date{
		width: auto;
		max-width: 25%;
		color: #abafb3;
		font-size: 12px;
		text-align: right;
		letter-spacing: -0.3px;
	}

	.support .inquiry .form_box p{
		width: 100%;
		font-size: 14px;
	}

	.support .inquiry .form_box input[type=text]{
		font-size: 14px;
		padding: 0 15px;
	}

	.support .inquiry .form_box textarea{
		font-size: 14px;
		padding: 10px 15px;
	}

	.contentView .contentView_tit p{
		float: none;
		width: 95%;
		font-size: 19px;
	}

	.contentView .contentView_tit .date{
		float: none;
		font-size: 13px;
	}
}




/*/// 정책 ///*/
.policy{
	padding-top: 70px;
	padding-bottom: 30px;
}

.policy .tit{
	font-size: 28px;
	font-weight: 700;
	padding: 30px 0;
	text-align: center;
}

.policy .content{
	max-width: 1200px;
	margin: 0 auto;
	line-height: 130%;
}

.policy .content .subtit{
	font-size: 16px;
	font-weight: 700;
	margin: 7px 0;
}






/*////login////*/

.cont-bg{
	background: #f9fafb;
}

.cont-bg > div{
	position: relative;
	min-height: 100vh;
}

.login{
	position: absolute;
	width: 100%;
/*	padding-top: 250px;*/
	left: 50%;
	top: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}

.login .logo{
	width: 100%;
	max-width: 200px;
	padding-right: 20px;
	padding-bottom: 28px;
}

.login_area{
	max-width: 470px;
	background: #ffffff;
	padding: 4%;
	margin: 0 auto;
/*	border: 1px solid #dde3eb;*/
	border-radius: 20px;
	box-shadow: 0 16px 30px #00000016, 0 8px 30px #0000000a;
}

.login .form_box{
	padding: 0;
	padding-bottom: 10px;
}

.form_box input[type=text], .form_box input[type=password], .form_box input[type=number], .form_box input[type=email], textarea, select{
	background: #fff;
	font-size: 14.5px;
	font-weight: 600;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	border: 1px solid #c7ccd3;
/*	border: 1px solid #e1e6ed;*/
	border-radius: 7px;
}

.form_box input[readonly]:not(#view_file_name){
	background: #f4f5f6;
	color: #6d6d6d;
	border: 1px solid #d8dbdd;
}

.form_box input[readonly]:focus{
	border: 1px solid #d8dbdd !important;
}

.form_txtbox{
	width: 75%;
}

.form_txtbox p.name{
	font-size: 14.5px;
	font-weight: 600;
	margin: 5px;
}

.form_txtbox span, .form_txtboxPhone span{
	display: none;
	font-size: 12px;
	font-weight: 500;
	color: #469af3;
	margin-top: 7px;
	margin-left: 4px;
	text-align: left;
	letter-spacing: -.05em;
}

.form_txtbox.error span, .form_txtboxPhone.error span{
	display: block;
	color: #f27474;
}

.form_txtbox span i{
	margin-right: 2px;
}

.form_box > p{
	color: #74787d;
	font-weight: 500;
	margin: 7px 5px;
	text-align: left;
}

.join .form_box > p{
	width: 25%;
	height: 42px;
	margin: 0;
	line-height: 42px;
}

.form_box input::placeholder{
	color: #c8cbce;
/*	color: #92989e;*/
}

.form_box input[type=text]:focus, .form_box input[type=password]:focus{
/*	border: 1px solid #dce0e5;*/
	border: 1px solid #8e9297;
}

.form_box input:focus p{
	color: #469af3;
}

.form_box input:valid {
/*	border: 1px solid #63676c;*/
}

.error input{
	border: 1px solid #f27474 !important;
}

.error input::before{
	content: "\f06a";
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	top: -12px;
	left: 10px;
}

.form_line{
	position: relative;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px dashed #e1e5e9;
}

.form_line span{
	position: absolute;
	background: #fff;
	font-size: 12px;
	color: #a4a7ab;
	padding: 0 7px;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.form_box .custom-select{
	background: #fff;
	color: #92989e;
	border: 1px solid #c7ccd3;
	text-align: left;
}

.form_box .custom-select .select-tit{
	color: #c8cbce;
	font-size: 14.5px;
	font-weight: 500;
	padding: 11px 20px 12px 15px;
}

.form_box .custom-select .options{
	max-height: 300px;
	padding: 0;
	border-radius: 7px;
	overflow-y: auto;
}

.form_box .custom-select .options li{
	font-size: 13.5px;
	padding: 8px 12px;
}

.form_box .custom-select li:hover{
	background: #f9fafb;
}

.form_box select{
	color: #92989e;
	line-height: normal;
}

.form_box select:focus{
	color: #262a30;
	border: 1px solid #8e9297;
}

.form_box select option{
	color: #262a30;
}

.form_box select.selected{
	color: #262a30;
}

.login .lab_result{
	background: #f5f6f7;
	padding: 8px;
/*	border: 1px solid #babdc1;*/
	border-radius: 10px;
	text-align: left;
}

.login .lab_result p{
	color: #b8bbbf;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 5px 5px;
}

.login .lab_result ul li{
	color: #888b8f;
	font-size: 13px;
	font-weight: 500;
	padding: 10px;
	border-bottom: 1px solid #e4e9ed;
	text-align: center;
}

.login .lab_result ul li:hover{
	background: #e9eaeb;
	color: #5c5f63;
}

.login .lab_result ul li:last-child{
	border-bottom: none;
}

.login .lab_result ul li a{
	display: block;
/*	color: #469af3;*/
/*	font-size: 14px;*/
/*	font-weight: 600;*/
/*	padding: 12px 7px;*/
	text-align: left;
}

.login .lab_result ul li i{
	margin-right: 10px;
}

.login_area .find_area{
	display: flex;
	margin: 10px 0 40px 0;
	justify-content: space-between;
	align-content: center;
}

.login_area .find_area label{
	padding-left: 23px;
	color: #7d838c;
	font-size: 14.5px;
}

.login .login_area .find_form .item{
	display: inline-block;
}

.login .login_area .find_form .item a{
	color: #a7b1bf;
	font-size: 14.5px;
	letter-spacing: -0.3px;
}

.login .login_area .find_form .item + .item:before{
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 2px 10px 0 9px;
	background: #e4e9ed;
	vertical-align: top;
}




/*//join//*/

.join{
	position: absolute;
	width: 100%;
	padding: 30px 0;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}

.join_tit{
	font-size: 28px;
	font-weight: 700;
	color: #262a30;
	margin-bottom: 35px;
	text-align: left;
}

.join_tit p{
	font-size: 16px;
	font-weight: 400;
	color: #575b61;
	margin-top: 7px;
	line-height: 140%;
}

.join_subtxt{
	color: #abb0b7;
	font-size: 14px;
	font-weight: 500;
	margin-top: 17px;
	text-decoration: underline;
}

.form_box{
	display: flex;
	padding: 10px 0;
	flex-wrap: wrap;
	justify-content: space-between;
/*	align-items: center;*/
}

.join .form_box{
	border-bottom: 1px dashed #eef2f8;
}

.join_user_type{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.join_user_type li{
	display: block;
	width: 47%;
	font-size: 20px;
	font-weight: 700;
	padding: 12px 0;
/*	height: 80px;*/
/*	line-height: 80px;*/
	color: #919ca8;
	border: 3px solid #d6dde6;
	border-radius: 15px;
	box-shadow: 0 0 20px #00000014;
	cursor: pointer;
}

.join_user_type li.active{
	color: #404142;
	border: 3px solid #469af3;
}

.join_user_type p{
	width: max-content;
	background: #c5cfdb;
	font-size: 13px;
	font-weight: 400;
	color: #ffffff;
	padding: 3px 9px;
	margin: 6px auto 0;
	border-radius: 20px;
}

.join_user_type li.active p{
	background: linear-gradient(135deg, #42b1ff 0%, #4a83e7 100%);
}



/*//약관동의//*/

.form_agree{
	margin-top: 25px;
}

.form_check_list{
	text-align: left;
}

.form_check_box.popup{
	display: flex;
	justify-content: space-between;	
	grid-gap: 10px;
}

.form_check_box.popup i{
	color: #262a30;
	font-size: 15px;
	margin: 0 3px;
}

.form_check_list label{
	padding-left: 25px;
}

.form_check_box, .form_check_all {
	color: #262a30;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 130%;
}



.form_input{
	display: flex;
	width: 100%;
	grid-gap: 9px;
}

.form_input button{
	font-size: 14.2px;
	font-weight: 500;
	height: 42px;
	line-height: 40px;
	border-radius: 7px;
/*	letter-spacing: -0.1px;*/
}

.join .labCodeFind{
	display: block;
	width: max-content;
	color: #a6a8aa;
	font-size: 13px;
	margin: auto 0 auto auto;
	padding: 9px 0;
	text-align: right;
	text-decoration: underline;
}

.join .labCodeFind i{
	margin-right: 3px;
}

.codeCk{
	display: none;
	padding-top: 10px;
}

input[type="file"]{
	display: none;
}



@media (max-width: 992px){
	.cont-bg{
		background: #fff;
	}

	.join{
		padding: 5% 0 !important;
		max-height: 85vh;
	}

	.login{
/*		padding-top: 25vh;*/
	}
	
	.login .logo{
		max-width: 170px;
		padding-right: 15px;
		padding-bottom: 20px;
	}

	.login .login_area, .login_area{
		padding: 0 !important;
		box-shadow: none;
	}

	.login .login_area input{
		padding: 0.75rem 1.1rem;
	}

	.login_area .find_area label, .login .login_area .find_form .item a{
		font-size: 14px;
	}

	.join_tit{
		font-size: 24px;
		margin-bottom: 25px;
	}

	.join_tit p{
		font-size: 15px;
	}

	.join .form_box{
		padding: 0;
		padding-bottom: 10px;
		flex-wrap: wrap;
		border: none;
	}

	.join .form_box > p{
		width: auto;
	}

	.form_txtbox{
		width: 100% !important;
	}

	.join .labCodeFind{
		font-size: 12.5px;
		padding: 13px 0;
	}
	
}






/*////pop////*/

#pop, .pop{
	display: none;
}

#pop .pop_bg, .pop .pop_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	z-index: 200;
}

#pop .popup, .pop .popup{
	position: fixed;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 201;
}

#pop .popup_box, .pop .popup_box{
	display: flex;
	flex-direction: column;
	width: 90vw;
	max-width: 700px;
	max-height: 90vh;
	overflow: hidden;
}

#pop .popup_header, .pop .popup_header{
	display: flex;
	justify-content: space-between;
	padding: 15px 18px;
	border-bottom: 1px dashed #e5e6e8;
}

#pop .popup_body, .pop .popup_body{
	overflow-y: auto;
	padding: 12px 17px 2px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 130%;
}

#pop .popup_header h2, pop .popup_header h2{
	font-size: 18px;
	font-weight: 600;
}

#pop .button_pop, .pop .button_pop{
	text-align: center;
	justify-content: space-evenly;
	width: 65vw;
	height: 20vh;
	font-size: 16px;
	font-weight: 500;
}


#pop .agree_box{
	width: 90vw;
	max-width: 400px;
	max-height: 500px;
}

#pop .agree_box .section1{
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

#pop .agree_box .section1 .tit{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
}

#pop .agree_box .section1 .close_pop{
	display: inline-block;
	float: right;
}

#pop .agree_box .section2{
	width: 100%;
	max-height: 450px;
	overflow-y: auto;
}

#pop .agree_box .section2 .content{
	font-size: 14px;
	padding: 12px 15px;
	line-height: 130%;
	white-space: pre-line;
}




.close_pop i{
	font-size: 20px;
	color: #262a30;
}






/*//alert//*/

.alert_01{
	padding: 1em !important;
}

.alert_01 .swal2-styled {
	width: 100%;
	height: 52px;
	font-size: 17px !important;
	border-radius: 10px !important;
	min-width: 100px;
	outline: none;
}

.alert_01 .swal2-styled:focus {
	outline: none !important;
	box-shadow: none !important;
}

.alert_01 .swal2-popup{
	padding: 2.25em 2em 1.5em;
	border-radius: 15px;
}

.alert_01 .swal2-icon{
	color: #469af3d4 !important;
	margin: 0 auto 5px;
	border-color: #469af336 !important;
}

.alert_01 .swal2-icon.swal2-error{
	color: #f27474 !important;
	border-color: #f2747436 !important;
}

.alert_01 .swal2-title{
	max-width: 100%;
	color: #262a30;
	font-size: 21px;
	font-weight: 600;
	padding: 0;
	padding-top: 1rem;
	line-height: 150%;
}

.alert_01 .swal2-html-container{
	font-size: 15px;
	color: #474c53;
	font-weight: 400;
	margin: 1rem 0 0;
	line-height: 140%;
}

.alert_01 .swal2-html-container div{
	max-width: 250px;
	background: #469af30d;
/*	background: #f6f7f8b3;*/
	margin: 0 auto;
	padding: 26px 0;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 600;
	border-radius: 10px;
}

.alert_01 .swal2-title span, .alert_01 .swal2-html-container span, .cider_point{
	position: relative;
	color: #469af3;
}

.alert_01 .swal2-title span:before, .alert_01 .swal2-html-container span:before, .cider_point::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	bottom: 0px;
	left: 0;
/*	background: #469af322;*/
	border-radius: 4px;
}

.alert_01 .swal2-actions{
	width: 100%;
	max-width: 350px;
	margin-top: 1.5em;
	flex-wrap: nowrap;
}

.alert_check{
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	grid-gap: 25px;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
	padding: 35px;
	border-radius: 15px;
	outline: none !important;
}

.alert_check .swal-text{
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
}

.alert_check .swal-footer{
	padding: 0 !important;
	margin-top: 0 !important;
	text-align: center;
}

.alert_01 .swal2-confirm{
	background: #469af3 !important;
}

.alert_01 .swal2-cancel{
	background: #f5f5f5 !important;
/*	border: 1px solid #262a30;*/
	color: #818181 !important;
}

.alert_01 .delete .swal2-icon {
	color: #f27474d4 !important;
	margin: 0 auto 5px;
	border-color: #f2747436 !important;
}

.alert_01 .delete .swal2-confirm{
	background: #f27474 !important;
}



@media (max-width: 992px){
	.alert_01 .swal2-popup{
		padding: 1.5em 1em 1em;
	}

	.alert_01 .swal2-title{
		font-size: 20px;
	}
}







/*// 견적 작성 //*/

.vendor{
/*	background: #f7f8f9;*/
	min-height: calc(100vh - 70px);
	padding-top: 70px;
}

.vendor .cont_title{
	margin-top: 40px;
}

.vendor .cont_topmenu ul{
	display: flex;
	margin-bottom: 30px;
	grid-gap: 3%;
}

.vendor .cont_topmenu li{
	font-size: 27px;
	font-weight: 700;
	color: #b7babd;
}

.vendor .cont_topmenu li.active{
	color: #262a30;
}

.vendor .cont1 ul{
	display: flex;
	flex-wrap: wrap;
}

.vendor .cont1 .estimate_box{
	display: flex;
	background: #fff;
	padding: 15px 17px;
	margin: 15px 10px;
	border: 1px solid #e5e6e7;
	border-radius: 10px;
	flex-wrap: wrap;
	grid-gap: 8px;
}

.vendor .cont1 li:nth-child(3n-2) .estimate_box{
	margin-left: 0;
	margin-right: 20px;
}

.vendor .cont1 li:nth-child(3n) .estimate_box{
	margin-left: 20px;
	margin-right: 0;
}

.vendor .cont1 .estimate_box:hover{
/*	border: 1px solid #444;*/
	box-shadow: 0 0px 20px 0 #00000018;
}

.vendor .cont1 .estimate_box .title{
	display: flex;
	flex-wrap: wrap;
	grid-gap: 6px;
}

.vendor .cont1 .estimate_box .title p{
	font-size: 15px;
}

.vendor .cont1 .estimate_box .title span{
	font-weight: 600;
	margin-left: 4px;
}

.vendor .cont1 .estimate_box .title .state,
.vendor .cont2 .orderlist .num .state{
	font-size: 12px;
	font-weight: 600;
	padding: 1px 6px;
	border: 1px solid #fff0;
	border-radius: 5px;
	display: inline;
}

.vendor .cont1 .estimate_box .title .state.red,
.vendor .cont2 .orderlist .num .state.red{
	color: #f27474;
	border: 1px solid #f27474;
}

.vendor .cont1 .estimate_box .title .state.blue,
.vendor .cont2 .orderlist .num .state.blue{
	color: #469af3;
	border: 1px solid #469af3;
}

.vendor .cont1 .estimate_box .title .state.gray,
.vendor .cont2 .orderlist .num .state.gray{
	color: #aaa;
	border: 1px solid #aaa;
}

.vendor .cont1 .estimate_box .title .state.green,
.vendor .cont2 .orderlist .num .state.green{
	color: #21a365;
	border: 1px solid #21a365;
}

.vendor .cont1 .estimate_box .title .date{
	color: #5f6163;
	margin-left: auto;
}

.vendor .cont1 .estimate_box .title .timeLimit{
	font-weight: 600;
	color: #f27474;
	margin-left: 4px;
}

.vendor .cont1 .estimate_box > div{
	width: 100%;
	font-size: 14px;
}

.vendor .cont1 .estimate_box .line{
	padding-bottom: 10px;
	margin-top: 7px;
	border-top: 1px dashed #e5e6e7;
}

.vendor .cont1 .estimate_box .info{
	display: flex;
}

.vendor .cont1 .estimate_box .info p{
	width: 25%;
	min-width: 60px;
	color: #a3a5a7;
}

.vendor .cont1 .estimate_box .info > div{
	width: 75%;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-word;
}

.vendor .cont1 .estimate_box .info .url{
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #abafb3;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.vendor .cont1 .estimate_box .info .url a:hover{
	text-decoration: underline;
}

.vendor .cont1 .estimate_box .info .url i{
	margin-right: 4px;
}

.vendor .btn_box{
	display: flex;
	margin-top: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	grid-gap: 9px;
}

.vendor .btn_box button{
	height: 36px;
	font-size: 14px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	border-radius: 7px;
	line-height: normal;
}

.vendor .btn_box .comment{
	width: 38px;
	background: #edeeef;
	font-size: 17px;
	color: #8b8d8f;
}

.vendor .btn_box p{
	font-size: 13px;
	color: #a5a7a9;
	margin-right: 10px;
}

.vendor .estimateInfo{
	margin: 2% 0;
}

.vendor .estimateInfo .estimate_box{
	max-width: 470px;
	background: #fff;
	padding: 2% 4%;
	margin: 0 auto;
	border: 1px solid #f2f2f2;
	border-radius: 20px;
	box-shadow: 0 3px 42px #00000018;
}

.vendor .estimateInfo .title{
	display: flex;
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #d2d4d6;
	flex-wrap: wrap;
}

.vendor .estimateInfo .title h2{
	font-weight: 600;
}

.vendor .estimateInfo .title p{
	margin: auto 0 0 auto;
}

.vendor .estimateInfo .title span{
	font-weight: 600;
	margin-left: 4px;
}

.vendor .estimateInfo .title a{
	width: 100%;
	font-size: 13px;
	font-weight: 300;
	color: #abafb3;
	margin-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.vendor .estimateInfo .title a:hover{
	text-decoration: underline;
}

.vendor .estimateInfo .estimate_box .form_box{
	align-items: center;
}

.vendor .estimateInfo .estimate_box .form_box p{
	width: 20%;
	font-size: 14.5px;
	margin: 0;
}

.vendor .estimateInfo .estimate_box .form_box input{
	height: 40px;
	font-size: 14px;
	font-weight: 600;
	padding: 0 15px;
	border: 1px solid #c7ccd3;
	border-radius: 10px;
	line-height: 140%;
}

.vendor .estimateInfo .estimate_box .form_box a{
	width: 80%;
	height: 40px;
	font-size: 13px;
	font-weight: 400;
	padding: 0 15px;
	border: 1px solid #c7ccd3;
	border-radius: 10px;
	line-height: 140%;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.vendor .estimateInfo .priceInfo{
	padding-right: 36px !important;
	text-align: right;
}

.vendor .estimateInfo .form_box span{
	position: absolute;
	right: 0;
	color: #a1a3a5;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 15px;
	user-select: none;
}

.vendor .estimateInfo .form_box textarea{
	height: auto;
	font-size: 14px;
	font-weight: 500;
	padding: 9px 15px;
	line-height: 150%;
	resize: none
}

.vendor .estimateInfo .form_box textarea::placeholder{
	color: #c8cbce;
}

.vendor .estimateInfo .dateInfo{
	font-size: 13px;
	font-weight: 600;
	color: #262a30;
	margin-top: 5px;
	margin-left: auto;
}

.vendor .estimateInfo .btn_box button{
	height: 42px;
	font-size: 15px;
}






/*/// 주문 현황 ///*/

.vendor .cont2{
	
}

.vendor .cont2 .lhead{
	background: #f2f4f6;
	color: #777b81;
	font-weight: 600;
	padding: 1px 0;
	margin-bottom: 5px;
	border-radius: 7px;
}

.vendor .cont2 .lbody li{
	max-height: 500px;
	margin-bottom: 10px;
	border: 1px solid #edf0f3;
	border-radius: 7px;
	overflow: auto;
}

.vendor .cont2 .lbody li.spread{
	border: 1px solid #b1b4b7;
}

.vendor .cont2 .orderlist{
	display: flex;
/*	height: 40px;*/
	font-size: 14px;
	padding: 10px 15px;
	line-height: 120%;
	text-align: center;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	letter-spacing: -0.2px;
}

.vendor .cont2 .chk{
	position: relative;
	width: 18px;
	height: 18px;
}

.vendor .cont2 .chk label{
	position: absolute;
	left: 0;
}

.vendor .cont2 .chk label:before{
	width: 18px;
	height: 18px;
}

.vendor .cont2 .num{
	width: 9%;
}

.vendor .cont2 .date{
	width: 10%;
}

.vendor .cont2 .infoBox{
	width: 35%;
}

.vendor .cont2 .lbody .infoBox{
	display: flex;
	text-align: left;
	align-items: center;
	flex-wrap: wrap;
}

.vendor .cont2 .estimate_img{
	width: auto;
	font-weight: 700;
}

.vendor .cont2 .product{
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	margin: 5px 0 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.vendor .cont2 .product a{
	color: #9fa4a9;
}

.vendor .cont2 .catalog{
	position: relative;
	width: auto;
	color: #a7abb1;
	font-size: 13px;
	padding-right: 12px;
	margin-right: 12px;
}

.vendor .cont2 .volume{
	position: relative;
	width: auto;
	color: #a7abb1;
	font-size: 13px;
	padding-right: 12px;
	margin-right: 12px;
}

.vendor .cont2 .catalog:before, .vendor .cont2 .volume:before{
	content: '';
	position: absolute;
	right: 0;
	top: 2px;
	height: 12px;
	border-right: 1px solid #e2e4e7;
}

.vendor .cont2 .quantity{
	width: auto;
	color: #a7abb1;
	font-size: 13px;
}

.vendor .cont2 .price{
	width: 8%;
	text-align: right;
}

.vendor .cont2 .price span{
	font-size: 15px;
	font-weight: 600;
/*	color: #469af3;*/
}

.vendor .cont2 .ordername{
	width: 8%;
}

.vendor .cont2 .labname{
	width: 10%;
}

.vendor .cont2 .ordername p, .vendor .cont2 .labname p{
	display: none;
}

.vendor .cont2 .state{
	width: 5%;
	min-width: 90px;
}

.vendor .cont2 .state button{
	width: 100%;
	color: #898c8f;
	padding: 4px 6px;
	border: 1px solid #d2d5d9;
	border-radius: 5px;
	margin: 1px;
}

.vendor .cont2 .spreadBtn{
	width: 32px;
}

.vendor .cont2  .spread .spreadBtn{
	transform: rotate(180deg);
}

.vendor .cont2 .spreadBtn i{
	color: #92969b;
	font-size: 15px;
	padding: 15px 8px;
}

.vendor .orderSublist{
	display: flex;
	background: #f3f5f7;
	font-size: 14px;
	border-top: 1px dashed #e2e5e8;
	flex-wrap: wrap;
	align-items: center;
}

.vendor .orderSublist > div{
	display: flex;
}

.vendor .orderSublist span{
	width: 70px;
	color: #9ea3ab;
	padding: 10px 0;
	text-align: center;
}

.vendor .orderSublist p{
/*	color: #4f5357;*/
	padding: 10px 15px;
}

.vendor .orderSublist .name{
	width: 20%;
}

.vendor .orderSublist .phone{
	width: 20%;
}

.vendor .orderSublist .address{
	width: auto;
}

#pop .orderInfoBox{
	max-width: 400px;
}

#pop .orderInfoBox .options{
	max-height: 110px;
	overflow-y: scroll;
}

#pop .orderInfoBox .select-tit{
	font-size: 14.5px;
}






@media (max-width: 992px){
	.vendor{
		min-height: calc(100vh - 50px);
		padding-top: 50px;
	}
	
	.vendor .cont_title{
		margin-top: 50px;
	}
	
	.vendor .cont_title h2{
		display: none;
	}

	.vendor .cont1 .estimate_box .title p{
		font-size: 14px;
	}

	.vendor .cont1 .estimate_box .title .date{
		font-size: 13px;
	}

	.vendor .cont1 .estimate_box{
		margin: 0 !important;
		margin-bottom: 4% !important;
		grid-gap: 7px;
	}

	.vendor .cont1 .estimate_box .info .url{
		font-size: 13px;
	}

	.vendor .estimateInfo{
		margin-top: 0;
		margin-bottom: 4%;
	}

	.vendor .estimateInfo .title{
		padding-bottom: 10px;
		margin-top: 4%;
		margin-bottom: 5px;
		border-bottom: 1px dashed #d2d4d6;
	}

	.vendor .estimateInfo .title h2{
		display: none;
	}

	.vendor .estimateInfo .title p{
		margin: 0;
	}

	.vendor .estimateInfo .estimate_box{
		padding: 0;
		border: none;
		box-shadow: none;
	}



	

	/*/// 주문 현황 ///*/

	.vendor .cont_topmenu ul{
		display: block;
		width: 100%;
		margin-bottom: 10px;
		overflow: auto;
		white-space: nowrap;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.vendor .cont_topmenu li{
		display: inline-block;
		background: #f4f5f6;
		font-size: 14px;
		font-weight: 600;
		color: #bcc2c7;
		margin-right: 3px;
		border-radius: 10px;
	}

	.vendor .cont_topmenu a{
		display: block;
		padding: 8px 14px;
	}

	.vendor .cont_topmenu li.active{
		background: #262a30;
		color: #fff;
	}

	.vendor .cont_topmenu ul::-webkit-scrollbar{
		display: none;
	}


	.vendor .cont2 .orderlist{
		padding: 10px;
		grid-gap: 5px;
	}

	.vendor .cont2 .num{
		width: auto;
	}

	.vendor .cont2 .date{
		width: auto;
		color: #a7abb1;
		font-size: 13px;
	}

	.vendor .cont2 .infoBox{
		width: calc(100% - 30px);
		order: 1;
	}

	.vendor .cont2 .price{
		width: 100%;
		order: 3;
	}

	.vendor .cont2 .ordername{
		width: auto;
		text-align: left;
		order: 4;
	}

	.vendor .cont2 .labname{
		width: auto;
		margin-left: 7%;
		margin-right: auto;
		text-align: left;
		order: 5;
	}

	.vendor .cont2 .ordername p, .vendor .cont2 .labname p{
		display: block;
		color: #9ea3ab;
		font-size: 12px;
		margin-bottom: 4px;
	}

	.vendor .cont2 .state{
		width: auto;
		order: 6;
		margin-left: auto;
	}

	.vendor .cont2 .state button{
		padding: 7px 12px;
		border-radius: 8px;
	}

	.vendor .orderSublist{
		font-size: 13px;
	}

	.vendor .orderSublist .name, .vendor .orderSublist .phone, .vendor .orderSublist .address{
		width: 100%;
	}

	.vendor .orderSublist span{
		width: 54px;
		padding: 7px 0;
	}

	.vendor .orderSublist p{
		width: auto;
		padding: 7px 15px;
	}

	.vendor .orderSublist .address p{
		width: calc(100% - 84px);
	}

	.vendor .cont2 .spreadBtn{
		width: 25px;
		order: 2;
	}

	.vendor .cont2 .spreadBtn i{
		padding: 5px;
	}
}





/*/// 채팅 문의 ///*/

/*.chat{*/
/*	position: fixed;*/
/*	right: 40px;*/
/*	bottom: 40px;*/
/*	z-index: 150;*/
/*}*/
/**/
/*.viewChat{*/
/*	width: 60px;*/
/*	height: 60px;*/
/*	background: linear-gradient(125deg, #469af3 0%, #4a83e7 100%);*/
/*	border-radius: 50%;*/
/*	box-shadow: 0 0px 16px 0 #12263d36;*/
/*	cursor: pointer;*/
/*}*/
/**/
/*.viewChat i{*/
/*	font-size: 30px;*/
/*	color: #fff;*/
/*	margin: 15px;*/
/*}*/
/**/
/*.viewChat:hover{*/
/*/*	background: #2a8bf1;*/*/
/*	box-shadow: 0 0px 20px 0 #12263d57;*/
/*	transition: transform 250ms cubic-bezier(0.33, 0, 0, 1) 0s;*/
/*	transform: scale(1.1);*/
/*}*/
/**/
/*.chatarea{*/
/*	position: absolute;*/
/*	width: 350px;*/
/*	height: 70%;*/
/*	max-height: 650px;*/
/*	min-height: 500px;*/
/*	background: #fffffff7;*/
/*	right: 0;*/
/*	bottom: 80px;*/
/*	border-radius: 24px;*/
/*	box-shadow: 0px 5px 40px #12263d38;*/
/*}*/
/**/
/*.chat .profile{*/
/*	width: 26px;*/
/*	border-radius: 10px;*/
/*}*/
/**/
/*.chat .title{*/
/*	display: flex;*/
/*	height: 50px;*/
/*	padding: 0 15px;*/
/*	align-items: center;*/
/*}*/
/**/
/*.chat .title p{*/
/*	font-size: 18px;*/
/*	font-weight: 600;*/
/*	margin-right: auto;*/
/*	margin-left: 10px;*/
/*}*/
/**/
/*.chat .title i{*/
/*	font-size: 18px;*/
/*	color: #262a30; */
/*}*/
/**/
/*.chat .content{*/
/*	max-height: 380px;*/
/*	overflow-y: auto;*/
/*}*/
/**/
/*.chat .contbox{*/
/*	background: #fff;*/
/*	margin: 15px;*/
/*	border-radius: 15px;*/
/*	box-shadow: 0 0px 13px 0 #12263d21;*/
/*}*/
/**/
/*.chat .contactInfo{*/
/*	display: flex;*/
/*	padding: 15px;*/
/*	flex-wrap: wrap;*/
/*	grid-gap: 10px;*/
/*}*/
/**/
/*.chat .contactInfo .main_contentbox{*/
/*	width: 100%;*/
/*	background: #469af3;*/
/*	color: #fff;*/
/*	font-size: 16px;*/
/*	font-weight: 600;*/
/*	padding: 13px 0;*/
/*	text-align: center;*/
/*	border-radius: 10px;*/
/*}*/
/**/
/*.chat .contactInfo .main_contentbox span{*/
/*	margin-left: 7px;*/
/*}*/
/**/
/*.chat .contactInfo .main_contentbox p{*/
/*	color: #ffffff9c;*/
/*	font-size: 13px;*/
/*	font-weight: 400;*/
/*	margin-top: 5px;*/
/*	letter-spacing: 0.2px;*/
/*}*/
/**/
/*.chat .contactInfo .subbox{*/
/*	display: inline-block;*/
/*	width: calc(50% - 5px);*/
/*	height: 38px;*/
/*	background: #f8f8f8;*/
/*	font-size: 14px;*/
/*	font-weight: 500;*/
/*	line-height: 38px;*/
/*	border-radius: 10px;*/
/*	text-align: center;*/
/*}*/
/**/
/*.chatBox .title i{*/
/*	font-size: 18px;*/
/*	margin-right: 5px;*/
/*}*/
/**/
/*.chat_content{*/
/*	background: #fff;*/
/*	box-shadow: none;*/
/*}*/
/**/
/*.chat_content .title{*/
/*	border-bottom: 1px solid #ebedef;*/
/*}*/
/**/
/*.chat_content .contbox{*/
/*	margin-top: 0;*/
/*	border-radius: 0;*/
/*	box-shadow: none;*/
/*}*/
/**/
/*.chat_content .date_history{*/
/*	font-size: 12px;*/
/*	color: #838587;*/
/*	padding: 10px 0;*/
/*	text-align: center;*/
/*}*/
/**/
/*.chat_content .chat_history{*/
/*	margin-bottom: 10px;*/
/*}*/
/**/
/*.chat_content .chatbox{*/
/*	display: flex;*/
/*	align-items: flex-end;*/
/*}*/
/**/
/*.chat_content .chatbox p{*/
/*	width: fit-content;*/
/*	max-width: 72%;*/
/*	padding: 8px 13px;*/
/*	border-radius: 12px;*/
/*	line-height: 140%;*/
/*}*/
/**/
/*.chat_content .left .chatbox p{*/
/*	background: #f2f4f6;*/
/*}*/
/**/
/*.chat_content .right .chatbox p{*/
/*	background: #469af3;*/
/*	color: #fff;*/
/*	text-align: right;*/
/*}*/
/**/
/*.chat_content .chatbox span{*/
/*	font-size: 11px;*/
/*	color: #838587;*/
/*	margin: 0 7px;*/
/*}*/
/**/
/*.chat_content .selectchat_area{*/
/*	display: flex;*/
/*	margin-top: 10px;*/
/*	flex-wrap: wrap;*/
/*	grid-gap: 5px;*/
/*}*/
/**/
/*.chat_content .selectChat button{*/
/*	width: fit-content;*/
/*	font-size: 14px;*/
/*	padding: 7px 11px;*/
/*	border: 1px solid #a9abad;*/
/*	border-radius: 8px;*/
/*}*/
/**/
/*.chat_content .selectChat button:hover{*/
/*	background: #469af3;*/
/*	color: #fff;*/
/*	border: 1px solid #fff0;*/
/*}*/
/**/
/*.chat_content .input{*/
/*	position: absolute;*/
/*	width: calc(100% - 30px);*/
/*	padding: 15px;*/
/*	bottom: 0;*/
/*}*/
/**/
/*.chat_content .input input{*/
/*	position: relative;*/
/*	width: 100%;*/
/*	font-weight: 600;*/
/*	padding: 12px 14px;*/
/*	margin: 0;*/
/*	border: 1px solid #87898b;*/
/*	border-radius: 20px;*/
/*}*/
/**/
/*.chat_content .input button{*/
/*	position: absolute;*/
/*	width: 33px;*/
/*	height: 33px;*/
/*	background: #469af3;*/
/*	color: #fff;*/
/*	right: 10px;*/
/*	top: 10px;*/
/*	margin: 10px;*/
/*	border-radius: 50%;*/
/*}*/






/*// 도움말 //*/

.tutorial{
	z-index: 150;
}

.tutorialContent{
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 50px;
	height: 50px;
	background: #fff;
	color: #a9abad;
	border: 3px solid #b8b9ba;
	border-radius: 50%;
	box-shadow: 0 0px 15px 0 #2d3a4924;
	cursor: pointer;
	z-index: 1000;
}

.tutorialContent i{
	width: 50px;
	font-size: 27px;
	line-height: 50px;
	text-align: center;
}

.tutorialContent.on{
	border: 3px solid #ff0000;
}

.tutorialContent.on i{
	color: #ff0000;
}

.tutorialContent:hover{
/*	background: #2a8bf1;*/
	box-shadow: 0 0px 18px 0 #2d3a492e;
	transition: transform 250ms cubic-bezier(0.33, 0, 0, 1) 0s;
	transform: scale(1.096);
}

.tutorial .main_layout{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #000000b3;
	z-index: 999;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.tutorial .closeBtn{
	position: absolute;
	display: none;
	width: 50px;
	height: 50px;
	background: #ffffff2e;
	top: 15%;
	right: 4%;
	font-size: 25px;
	color: #ffffffa3;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.tutorial .section1{
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}

.tutorial .cont_pc .section1 .content{
	padding-top: 105px;
}

.tutorial .section1 .cont1{
	display: flex;
	justify-content: space-between;
}

.tutorial .section1 .cont1-1{
	width: 630px;
	background: #fff;
	font-size: 17px;
	font-weight: 500;
	color: #bfc4c9;
	padding: 17px 20px;
	margin-bottom: 0;
	border: 1px solid #fff0;
	border-radius: 15px;
	box-shadow: 0 8px 18px 0 #00000010;
	letter-spacing: 0.4px;
	box-sizing: border-box;
}

.tutorial .section1 .cont1-2{
	width: 56px;
	height: 56px;
	background: #469af3;
	color: #fff;
	font-size: 17px;
	border-radius: 15px;
	box-shadow: 0 8px 18px #00000010;
	line-height: 56px;
	text-align: center;
}

.tutorial .cont_pc .txt{
	position: absolute;
	display: flex;
	font-size: 19px;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
}

.tutorial .cont_pc .txt h3{
	position: relative;
	background: #63a9f3;
	width: 28px;
	height: 28px;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
	line-height: 28px;
	border-radius: 50%;
	text-align: center;
}

.tutorial .cont_pc .txt h3:before{
	content: url("../img/tutorial_point.png");
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
}

.tutorial .cont_pc .txt span{
	color: #63a9f3;
}

.tutorial .section1 .txt{
	bottom: -58px;
	left: 25px;
}

.tutorial .section2{
	position: relative;
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
}

.tutorial .section2 .content{
}

.tutorial .section2 .content img{
	width: 56%;
	padding-top: 75px;
}

.tutorial .section2 .txt{
	bottom: 46px;
	left: 25px;
}

.tutorial .section3{
	position: relative;
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 216px;
}

.tutorial .section3 .content{
	display: flex;
	width: 38%;
	padding: 20px;
	margin-left: auto;
	justify-content: space-between;
}

.tutorial .section3 .cont1{
	display: flex;
	width: 70%;
}

.tutorial .section3 .cont1-1{
	width: calc(100% - 87px);
	height: 46px;
	background: #fff;
	font-size: 15px;
	font-weight: 500;
	color: #7d8388;
	padding-left: 13px;
	line-height: 46px;
	border: 1px solid #dbe0e5;
	border-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.tutorial .section3 .cont1-2{
	width: 70px;
	background: #262a30;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	height: 46px;
	line-height: 46px;
	border: 1px solid #fff0;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	text-align: center;
}

.tutorial .section3 .cont2{
	width: 28%;
	height: 46px;
	background: #469af3;
	font-weight: 500;
	color: #fff;
	line-height: 46px;
	border-radius: 10px;
	text-align: center;
	letter-spacing: 0.3px;
}

.tutorial .section3 .txt{
	top: -60px;
	right: 130px;
}

.tutorial .cont_pc .section3 .txt h3:before{
	content: url("../img/tutorial_point02.png");
	top: 29px;
}

.tutorial .cont_mo .section1 img{
	width: 100%;
	max-width: 450px;
}










@media (max-width: 992px){
	.chat{
		right: 15px;
		bottom: 15px;
	}
	
	.viewChat{
		width: 50px;
		height: 50px;
	}

	.viewChat i{
		font-size: 24px;
		margin: 13px;
	}

	.chat .mainarea{
		position: fixed;
		bottom: 0;
		right: 0;
	}

	.chatarea{
		position: absolute;
		width: 100vw;
		height: 100vh;
		background: #fff;
		max-height: none;
		right: 0;
		bottom: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.chat .title i{
		font-size: 20px;
	}

	.chat .content{
		height: calc(100vh - 117px);
		max-height: none;
	}

	.chat_content .chatbox p{
		fotn-size: 14px;
	}




	/*// 검색 //*/

	.tutorial{
	}

	.tutorialContent{
		width: 46px;
		height: 46px;
		right: 15px;
		bottom: 15px;
	}

	.tutorialContent i{
		width: 46px;
		font-size: 24px;
		line-height: 46px;
	}

	.tutorial .main_layout{
		background: #4c4c4c;
	}

	.tutorial .closeBtn{
		top: auto;
		bottom: 10%;
		left: 50%;
	}
}








/*/// footer ///*/

.footer{
	background: linear-gradient(170deg, #42b1ff 0%, #4a83e7 100%);
}

.footer_box{
	display: flex;
	padding: 40px 0;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer_left, .footer_right{
	display: flex;
	font-size: 14px;
	color: #ffffffe6;
	line-height: 150%;
	flex-direction: column;
	justify-content: space-between;
	grid-gap: 18px;
}

.footer_left img{
	width: 100%;
	max-width: 160px;
}

.footer_left .line{
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #ffffff45;
	margin: 0 5px;
}

.footer_right{
	margin-left: auto;
	text-align: right;
}

.footer_icon{
	display: flex;
	text-align: left;
	flex-wrap: wrap;
	grid-gap: 10px 20px;
}

.footer_icon div{
	display: flex;
	margin-left: auto;
	align-items: center;
}

.footer_icon img{
	width: 31px;
	background: #ffffff36;
	padding: 11px;
	margin-right: 12px;
	border-radius: 100%;
}

.footer_icon p b{
	font-size: 17px;
	font-weight: 500;
	color: #fff;
}

.footer_right a{
	padding: 0 5px;
}




@media (max-width: 992px){
	.footer_box{
		padding: 30px 0;
	}
	
	.footer_box{
/*		justify-content: center;*/
	}

	.footer_left, .footer_right{
		font-size: 13px;
	}

	.footer_left{
		margin-bottom: 22px;
	}

	.footer_left img{
		width: 130px;
	}

	.footer_left .line{
		margin: 0 2px;
	}

	.footer_icon{
/*		justify-content: center;*/
	}

	.footer_icon img{
		width: 25px;
		padding: 9px;
		margin-right: 10px;
	}

	.footer_icon p b{
		font-size: 14px;
	}
}