@charset "utf-8";

/****************** 상품관리 *****************/
/* 상품등록페이지 */
.product.product_insert .c-box.box1 .c-box__right {
	width: calc(100% - 45%);
}
.product.product_insert .c-box.box1 .c-box__right .table-wrap {
	height: 290px;
}
.search-f.add {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
}
.product.product_insert .c-box.box1 .search-f.add .search-f__wrap input:first-child {
	width: 240px;
}
.product.product_insert .write {
	max-width: 1200px;
}

.ui-widget.ui-widget-content { 
  z-index:9999999 !important;    
}


/****************** 수출신고 *****************/
/* 신고등록페이지 */
.export.export_insert .c-box.box1 .c-box__left,
.export.export_insert .c-box.box1 .c-box__right {
	width: 50%;
}

/****************** 수입신고 *****************/
/* 신고등록페이지 */
.import.import_insert .c-box.box1 .c-box__left,
.import.import_insert .c-box.box1 .c-box__right {
	width: 50%;
}
.import.import_insert .c-box.box1 .write li .write__wrap {
	align-items: center;
}

/****************** 대시보드 *****************/
.dashboard .c-menu {
	padding: 30px;
	background: url('../images/main/banner_bg.png') no-repeat right center / contain;
	border-bottom: none;
}
.dashboard .c-menu .c-menu__title h2,
.dashboard .c-menu .c-menu__title h2 strong {
	color: var(--color-sub);
}
.dashboard .c-menu .c-menu__title h2 {
	font-weight: var(--weight-light);
}
.dashboard .c-menu .c-menu__title h2 strong {
	font-weight: var(--weight-bold);
	font-size: var(--font-h2);
}
.dashboard .c-menu .c-menu__title p {
	color: #ABABAB;
	font-size: var(--font-medium);
}
.dashboard .c-box .c-box__wrap {
	padding: 25px 30px 40px;
}
.dashboard .c-box .c-box__wrap .c-box__row.row1 {
	margin-bottom: 30px;
	display: flex;
	gap: 20px;
}
.dashboard .c-box .c-box__wrap .c-box__row.row1 .table-wrap thead tr th:first-of-type,
.dashboard .c-box .c-box__wrap .c-box__row.row1 .table-wrap thead tr th:last-of-type,
.dashboard .c-box .c-box__wrap .c-box__row.row2 .table-wrap thead tr th:first-of-type,
.dashboard .c-box .c-box__wrap .c-box__row.row2 .table-wrap thead tr th:last-of-type {
	border-radius: 0 !important;
}
.dashboard .c-box .c-box__wrap .c-box__row.row1 .border-box {
	width: 25%;
}
.inset-box {
	display: flex;
	gap: 20px;
	width: 75%;
}
.inset-box li {
	width: calc(100% / 2);
	box-shadow: 1.92036px 1.92036px 5.76109px 0px rgba(60, 60, 60, 0.10) inset;
	background: #F8F8F8;
	border-radius: 10px;
	padding: 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.inset-box li .inset-box__top {
	display: flex;
	justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-bd);
}
.inset-box li .inset-box__top .inset-box__title {
	display: flex;
	align-items: center;
}
.inset-box li .inset-box__top .inset-box__title .inset-box__icon {
	width: 60px;
	height: 60px;
	padding: 12px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.inset-box li .inset-box__top .inset-box__title .inset-box__icon img {
	width: 30px;
}
.inset-box li:nth-child(2n) .inset-box__top .inset-box__title .inset-box__icon {
	background: #E3ECF1;
}	
.inset-box li:nth-child(2n+1) .inset-box__top .inset-box__title .inset-box__icon {
	background: #E7F1E3;
}
.inset-box li .inset-box__top .inset-box__title a {
	font-size: var(--font-xxlarge);
	font-weight: var(--weight-semibold);
}
.inset-box li .inset-box__top .inset-box__total a {
	color: #868686;
	font-weight: var(--weight-light);
}
.inset-box li .inset-box__top .inset-box__total a iconify-icon {
	color: #b1b1b1;
	font-size: 26px;
}
.inset-box li .inset-box__con {
	width: 100%;
	height: calc(100% - 81px);
    display: flex;
    align-items: end;
    padding: 0 20px;
}
.inset-box li .inset-box__con .rating {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 15px;
}
.inset-box li .inset-box__con .rating dl {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.inset-box li .inset-box__con .rating dl dt {
	font-family : "Urbanist", Dotum, "돋움", Verdana, Arial;
	font-size: var(--font-login);
	font-weight: var(--weight-exbold);
	margin-bottom:8px;
}
.inset-box li .inset-box__con .rating dl dd {
	color: #877C7C;
	font-size: 13px;
}
.dashboard .c-box .c-box__wrap .c-box__row.row2 {
	display: flex;
	gap: 20px;
}
.border-box {
	border:1px solid var(--color-bd);
	border-radius: 10px;
	width: 50%;
	overflow: hidden;
}
.border-box .border-box__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 25px 0;
	margin-bottom: 10px;
}
.border-box .border-box__top a {
	font-size: var(--font-xlarge);
	font-weight: var(--weight-semibold);
}
.border-box .border-box__top a {
	display: inline-block;
}
.border-box .border-box__top a iconify-icon {
	color: #b1b1b1;
	font-size: 26px;
}
.border-box .border-box__con .table-wrap {
	border: none;
	border-radius: unset;
	height: auto;
}
.border-box .border-box__con .table-wrap table {}
.border-box .border-box__con .table-wrap table thead {
	height: auto;
}
.border-box .border-box__con .table-wrap table tr {
	border-bottom: none;
	height: 35px;
}
.border-box .border-box__con .table-wrap table th:first-child,
.border-box .border-box__con .table-wrap table td:first-child {
	padding-left: 25px;
}
.border-box .border-box__con .table-wrap table th:last-child,
.border-box .border-box__con .table-wrap table td:last-child {
	padding-right: 25px;
}
.dashboard .c-box .c-box__wrap .c-box__row.row2 .border-box .border-box__con{}


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

.mypage .c-box .c-box__wrap .c-box__left {
	padding: 30px 30px 70px;
}
.mypage .write__zone .write__sline p {
	min-width: 130px;
}
.mypage .service {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	background: #f9f9f9;
	padding: 30px 20px;
}
.mypage .service .service__grade {
	display: flex;
	margin-bottom: 15px;
}
.mypage .service .service__grade label {
	cursor: auto;
}
.mypage .service .service__grade label span:not(.checkmark){
	margin-right: 20px;
	font-size: 18px;
	font-weight: bold;
}
.mypage .service .service__grade label:last-of-type {
	margin-right: 0;
}
.mypage .service .service__grade label input[type=radio]:checked + .checkmark + span{
	color: var(--color-main);
}
.mypage .service .service__info {
	font-size: 14px;
	font-weight: var(--weight-regular);
}
.mypage .service .service__info strong {
	font-size: 16px;
	font-weight: var(--weight-bold);
}



/****************** 고객센터 *****************/
.content.center.cs .view {
	padding: 40px 40px 100px;
}
.content.center.cs .view h3 {
	margin-bottom: 16px;
}
.center .table-wrap {
	border-radius: 0;
	border: none;
	height: auto;
}
.center .table-wrap table thead {
	background: none;
	border-top: 1px solid var(--color-bk);
}
.center .table-wrap table thead tr th {
	color: var(--color-bk);
}
.center .table-wrap table thead tr {
	background: #F9F9F9;
}
.center .table-wrap table tbody tr:nth-child(2n) {
	background: none;
}
/* 답변 */
.view .answer .view__top {
	border-top: 1px dashed var(--color-main);
}



/****************** 공지사항 *****************/
.c-menu__top {
	display: flex;
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	justify-content: center;
}
.center .c-menu {
	text-align: center;
	justify-content: center;
	padding: 0 40px;
}
.center .c-menu .c-menu__top {
	gap: 100px;
}
.center .c-menu .c-menu__title {
	display: flex;
	align-items: center;
	position: relative;
}
.center .c-menu .c-menu__title h2 {
	margin-bottom: 0;
}
.center .c-menu .c-menu__title h2 a{
	font-size: var(--font-h2);
	font-weight: var(--weight-semibold);
	color: #b7b7b7;
}
.center .c-menu .c-menu__title h2.on a {
	color: var(--color-bk);
}
.center .c-box .c-box__wrap {
	display: flex;
	justify-content: center;
}
.center .c-box .c-box__wrap .c-box__left {
	width:100%;
	max-width: 1200px;
}
.center .search-f__wrap input[name=sfl]{
	min-width: 200px;
}

/****************** 고객센터 - 개인정보동의 *****************/
.center.terms {}
.center.terms .c-box .c-box__wrap .c-box__left {
	padding: 40px 40px 60px;
}
.agree {
	margin-bottom: 30px;
}
.agree > p {
	font-size: var(--font-mainsub);
    margin-bottom: 20px;
}
.agree .table-wrap {
	margin-bottom: 10px;
}
.agree .table-wrap table {}
.agree .table-wrap table thead tr {
	background: #F9F9F9;
	border-bottom: 1px solid var(--color-bd);
}
.agree .table-wrap table thead tr th,
.agree .table-wrap table tbody tr td {
	text-align: center;
	border-right: 1px solid var(--color-bd);
	font-size: var(--font-small);
}
.agree .table-wrap table thead tr th:last-of-type,
.agree .table-wrap table tbody tr td:last-of-type  {
	border-right: none;
}
.agree .table-wrap table tbody tr {
	border-bottom:  1px solid var(--color-bd) !important;
}
.agree .table-wrap table tbody tr:hover{
	background: none;
}
.agree .table-wrap table tbody tr td {
	line-height: 1.4;
}
.agree span {
	font-size: 14px;
	font-weight: var(--weight-regular);
	color: #ed3a3a;
}
.agree + .checkbox {
	gap: 10px;
	display: inline-flex;
	font-size: 18px;
}


/******************  수입/수출 - 무역거래처조회 팝업  *****************/
#checkShipper {
	width: 900px;
	height: 600px;
}

/******************  사원관리 - 관리자권한설정 팝업  *****************/
#memRights {
	width: 900px;
}
.rights {
	display: flex;
	gap: 10px;
}
.rights li.rights__menu {
	width: calc(100% / 5);
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.rights li.rights__menu > label {
	font-size: 16px;
	padding: 15px;
	background: #d5e5f3;
	gap: 10px;
}
.rights li.rights__menu .rights__detail {
	width: 100%;
	padding: 15px;
}
.rights li.rights__menu .rights__detail li {
	margin-bottom: 13px;
}
.rights li.rights__menu .rights__detail li > label {
	font-size: 14px;
	font-weight: var(--weight-regular);
	gap: 6px;
}
.rights li.rights__menu .rights__detail li > label .checkmark {
	width: 12px;
	height: 12px;
	border-radius: 2px;
}
.rights li.rights__menu .rights__detail li > label .checkmark:after{
	width: 2px;
	height: 6px;
	top: 45%;
}


/******************  ERROR - page not found *****************/
.content.error-page .c-box {
    min-height: 750px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.error p {
    font-size: 65px;
    font-weight:var(--weight-exbold);
    color: var(--color-main);
    margin-bottom: 35px;
}
.error img {
    width: 350px;
    margin-bottom: 10px;
}
.error dl dt {
    font-size: 30px;
    font-weight: var(--weight-exbold);
    color: #F96363;
    margin-bottom: 15px;
    text-align: center;
}
.error dl dd {
    font-size: 16px;
    color: #999999;
    text-align: center;
    line-height: 1.7;
}

.content.error-page.db .error img {
	width: 750px;
	margin-bottom: 30px;
}
.content.error-page.db .error p {
	margin-bottom: 40px;
}


/******************  미디어쿼리 *****************/
@media screen and (max-width:1200px){
	.product.product_insert .c-box.box1 .search-f.add .search-f__wrap input:first-child{
		width: 100%;
	}
}
@media screen and (max-width:1600px){
	.inset-box li .inset-box__con {
		padding: 0;
	}
	.inset-box li .inset-box__con .rating {
		/*padding: 0;*/
	}
}