@charset "utf-8";

@import url('https://fastly.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
/*@import url('http://meta-kage.kakaocdn.net/dn/osa/blog/assets/fonts/Kakao.css');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('//fastly.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@import url('https://use.fontawesome.com/releases/v5.2.0/css/all.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');

/***** jquery modal *****/
.blocker {
	z-index: 1000 !important;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          outline: none;
}
::selection {
    background:#FAE100;
    text-shadow: none;
}
::-moz-selection {
    background:#FAE100;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#FAE100;
    color: #FFF;
    text-shadow: none;
}

:root{
    --color_primary:#ffe451;
    --color_primary2:#601986;

    --color_secondary:#f1cc00;
    --color_secondary2:#9546be;
    --color_secondary3:#f3f3f3;
    --color_secondary4:#ff0090;
    --color_secondary5:#4c9df8;
    --color_secondary6:#19a647;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family:'Noto Sans KR', 'kakao', sans-serif;
  width: 100%;
  height: 100%;
}
a {
	color: inherit;
    text-decoration: none;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
a:link {
	color: inherit;
	text-decoration: none;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
strong {
	font-weight: bold;
}
img {
	vertical-align: middle;
}
/***** 기본 요소 설정 *****/

/* 체크박스 스타일 */
.form_check {position: relative;}
.form_check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.form_check input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 24px; margin-right: 20px; line-height: 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-bottom: 0;}
.form_check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #e4e4e4;}
.form_check input[type="checkbox"]:checked + label:before { content: '\e876'; font-family: 'Material Icons'; font-size: 13px; font-weight: bold; line-height: 18px; color: #000; background: #ffdf2b; border-color:#ffdf2b;}

/*  파일업로드 스타일  */
/*  파일업로드 스타일  */
label.file input {position:relative; display: none;}
label.file {
	position: relative;
	width:100%;
	padding: 0;
	margin: 0;
	cursor:pointer;
}
label.file:after {
	content:"선택된 파일이 없습니다.";
	display:block;
	line-height: 38px;
	background-color:#f4f4f4;
	padding: 0 15px;
	overflow: hidden;
	font-size: 12px;
	height: 38px;
	border-radius: 8px 0 0 8px;
}
label.file[title]:not([title=""]):after{
	content:attr(title);
}
label.file:before {
	content:attr(filename);
	float: right;
	height: 38px;
	text-align: center;
	padding: 0 30px;
	line-height: 38px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin-left: -1px;
	border-radius: 0 8px 8px 0;
}

input {
    vertical-align: middle;
    background: #fff;
    height: 38px;
    border-radius: none !important;
    border: 1px solid #dedede;
    outline: none;
    padding:0 10px;
    transition: all .15s ease-in-out;
}
input:focus {
    box-shadow: none !important;
    border: 1px solid #8f8f8f !important;
    transition: all .15s ease-in-out;
}
textarea[readonly] {
    background-color: #fff;
    cursor: default;
}
select::-ms-expand {
  display: none;
}
select {
  background: url("../img/select_arrow.png");
  background-repeat:no-repeat;
  background-position: right 10px top 12px;
  background-size: 9px 9px;
  padding:0 35px 0 10px;
  font-size:13px;
  font-weight: 400;
  color:#000;
  height: 38px;
  border:1px solid #dddfe3;
  border-radius:0;
  -webkit-appearance: none;
  outline:0;
}

.tl {text-align: left !important;}
.tc {text-align: center !important;}
.tr {text-align: right !important;}
.fl {float: left !important;}
.fr {float: right !important;}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
/***** 기본 요소 설정 끝 *****/

/***** 기본 레이아웃 *****/
.dhnWrap {
	width: 100%;
	height: 100vh;
}
.dhn_header {
	display: block;
	border-bottom: 1px solid #dedede;
}
.dhn_contents {

}
.dhn_footer {
    position: relative;
    padding: 25px;
    background-color: #fff;
    border-top: 1px solid #dedede;
}

/***** footer area *****/
.company_logo {
	float: left;
	text-align: center;
	width: 200px;
}
.company_logo img {
	width: 50px;
}
.company_logo .logo_text {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin-top: 10px;
}
.company_logo .logo_text .subject {
	display: block;
	line-height: 1.5;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}
.company_info {
	overflow: hidden;
}
.company_info > ul {
	margin-bottom: 5px;
}
.company_info > ul > li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid rgba(0,0,0,0.2);
	line-height: 1;
	color: #8a92a5;
	font-weight: 300;
	font-size: 12px;
}
.company_info > ul > li:last-child {
	border: none;
}
.company_info > ul:after {
	content: "";
	display: block;
	clear: both;
}
.company_info > ul li a {
	color: inherit;
}
.company_info .branch_wrap li{
	width:100%;
    margin:3px 0;
}
.txt_copyright {
    display: block;
    color: #8a92a5;
    padding: 10px 0;
    font-size: 11px;
    font-family: 'Spoqa Han Sans';
}
.company_cert {
	display: flex; flex-wrap: wrap; align-items: center; gap:25px;
	margin-top: 0px;
}
.company_cert img {
	max-height: 40px;
}



.relation_wrap {
	position: absolute;
    top: 50px;
    right: 80px;
}
.link_terms {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 12px;
	color: #8a92a5;
	text-align: center;
	margin-top: 25px;
}
.sns_info {
	display: inline-block;
	margin-right: 40px;
	vertical-align: middle;
	opacity: 0.5;
}
.sns_info a {
	vertical-align: middle;
	margin-left: 15px;
}
.sns_info img {
	width: 18px;
	vertical-align: middle;
}
.xi-x {
	font-size: 1.3rem;
}
.bundle_site {
	display: inline-block;
}
.bundle_site .btn_relation {
    width: 160px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #1e1e1e;
    text-align: left;
    cursor: pointer;
}
.bundle_site .btn_relation strong {
    display: block;
    position: relative;
    height: 32px;
    font-size: 12px;
    font-weight: normal;
    color: #1e1e1e;
    line-height: 32px;
}
.bundle_site .list_relation {
	display: none;
    position: absolute;
    bottom: 32px;
    right: 0;
    width: 160px;
    padding: 7px 0;
    border: 1px solid #d4d4d4;
    background-color: #fff;
}
.bundle_site.active .list_relation {
	display: block;
	border-radius: 3px;
}
.bundle_site .btn_relation .icon_up {
	position: absolute;
    top: 5px;
    right: 0;
    transform: rotate(180deg);
}
.bundle_site.active .btn_relation .icon_up {
	transform: rotate(0);
}
.bundle_site .list_relation .link_relation {
    display: block;
    color: #666;
    padding-left: 14px;
    font-size: 12px;
    line-height: 32px;
}
.bundle_site .list_relation .link_relation:hover {
	color: #000;
}
.bundle_site .list_relation .toggle_clear {
	position: absolute;
	top: -10px;
	right: -10px;
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	background: #b2ccdc;
	color: #fff;
	border-radius: 24px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.footer_top {
	padding-bottom: 25px;
}
.footer_copyright {
	display: block;
	border-top: 1px solid #ededed;
	padding-top: 25px;
	text-align: center;
}

/*바우처*/
.voucher_wrap {width: 100%; letter-spacing: -0.05em;}
.voucher_visual{width: 100%; height:733px; overflow: hidden; position:relative; display: inline-block; background: url(/images/untact_mbg.jpg) no-repeat top center;}

.voucher_wrap p{margin-bottom:0;}
.voucher_wrap .voucher_top{width:100%; position: absolute; top:0; left:0; right:0; display: inline-block; }
.voucher_wrap .voucher_logo{margin:50px 0 0 50px; width:200px; height:200px; float:left; text-align:left;}
.voucher_wrap .voucher_btn{margin:65px 50px 0 0; width:200px; float:right; text-align: right;}
.voucher_wrap .voucher_btn a{color:#404040; padding:10px 20px; border:solid 1px #404040; font-size:15px; }
.voucher_wrap .voucher_btn a:hover{background-color: #ffdf00; color:#000;}

.voucher_slogan{width:1100px; text-align: left; margin:0 auto; letter-spacing: -0.05em;}
.voucher_slogan .tst1{color:#404040; font-family: 'Gmarket Sans Light'; font-weight: 300; letter-spacing: -0.05em; font-size:44px; line-height:120%;  margin-top:250px;}
.voucher_slogan .tst1 span{font-family: 'Gmarket Sans'; color:#ff0060; font-weight: 700;}
.voucher_slogan .tst2{color:#404040; font-family: 'Noto Sans KR'; font-size:16px; opacity: 0.5; margin-top:10px;}
.voucher_slogan .tst3{margin-top:40px;}
.voucher_slogan .tst3 a{background-color: #292929; padding:10px 30px; border-radius: 5px; color:#fff; font-family: 'Noto Sans KR'; font-size:18px; margin-top:-5px;}

.voucher_mbox1{width: 100%; height:593px; background-color:#fff;}
.voucher_mbox1 .content{width:1200px; margin: 0 auto; padding:0 20px; text-align: center;}
.voucher_mbox1 .b_tit1{font-size:35px; padding-top: 120px;}
.voucher_mbox1 .b_tit2{font-size:18px; opacity: 0.5;}
.voucher_mbox1 ul{width: 837px; margin: 30px auto;}
.voucher_mbox1 ul li{float:left; font-size:13px; width:231px; height: 230px; margin: 24px; padding-top:140px;}
.voucher_mbox1 ul li:nth-of-type(1){background: url(/images/untact_box_icon1.jpg) no-repeat 0 0;}
.voucher_mbox1 ul li:nth-of-type(2){background: url(/images/untact_box_icon2.jpg) no-repeat 0 0;}
.voucher_mbox1 ul li:nth-of-type(3){background: url(/images/untact_box_icon3.jpg) no-repeat 0 0;}

.voucher_mbox2{width: 100%; height:670px; background-color:#edf0f5;}
.voucher_mbox2 .content{width:1200px; margin: 0 auto; padding:0 20px; text-align: center;}
.voucher_mbox2 .b_tit1{font-size:35px; padding-top: 120px;}
.voucher_mbox2 .b_tit2{font-size:18px; opacity: 0.5;}
.voucher_mbox2 ul{width:1062px; margin: 30px auto;}
.voucher_mbox2 ul li{float:left; font-size:13px; display: inline-block; border-radius: 100px; width:153px; height:153px; margin:12px; padding-top:140px;}
.voucher_mbox2 ul li:nth-of-type(1){background:#fff url(/images/untact_icon2.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(2){background:#fff url(/images/untact_icon5.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(3){background:#fff url(/images/untact_icon11.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(4){background:#fff url(/images/untact_icon9.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(5){background:#fff url(/images/untact_icon10.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(6){background:#fff url(/images/untact_icon6.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(7){background:#fff url(/images/untact_icon7.jpg) no-repeat 55px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(8){background:#fff url(/images/untact_icon1.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(9){background:#fff url(/images/untact_icon17.jpg) no-repeat 55px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(10){background:#fff url(/images/untact_icon14.jpg) no-repeat 55px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(11){background:#fff url(/images/untact_icon16.jpg) no-repeat 50px 40px; padding-top:100px;}
.voucher_mbox2 ul li:nth-of-type(12){background:#fff url(/images/untact_icon15.jpg) no-repeat 55px 40px; padding-top:100px;}

.voucher_mbox3{width: 100%; height:590px; background-color:#fff;}
.voucher_mbox3 .content{width:1200px; margin: 0 auto; padding:0 20px; text-align: center;}
.voucher_mbox3 .b_tit1{font-size:35px; padding-top: 120px; line-height:110%;}
.voucher_mbox3 img{margin-top: 30px;}

.voucher_mbox4{width: 100%; height:640px; background-color:#ffb400; color:#fff;}
.voucher_mbox4 .content{width:1200px; margin: 0 auto; padding:0 20px; text-align: center;}
.voucher_mbox4 .b_tit1{font-size:35px; padding-top: 120px; line-height:110%;}
.voucher_mbox4 .voucher_info{width:770px; background-color: #fff; padding:50px 50px 20px 50px; margin-top:30px; display: inline-block; border-radius: 5px;}
.voucher_mbox4 .voucher_info dl{width:100%; letter-spacing: -0.05em; display: inline-block; margin-bottom:10px;}
.voucher_mbox4 .voucher_info dl dt{width:60px; float:left; font-size:16px; color:#ffb400; border-top:solid 1px #ffb400;}
.voucher_mbox4 .voucher_info dl dd{width:calc(100% - 80px); float:left; margin-left:20px; color:#404040;}
.voucher_mbox4 .voucher_info dl dd p:nth-of-type(1){font-size:16px; text-align: left;}
.voucher_mbox4 .voucher_info dl dd p:nth-of-type(2){font-size:12px; opacity: 0.5; text-align: left;}

.voucher_mbox5{width: 100%; height:700px; background-color:#edf0f5;}
.voucher_mbox5 .content{width:1200px; margin: 0 auto; padding:0 20px; text-align: center;}
.voucher_mbox5 .b_tit1{font-size:35px; padding-top: 120px; line-height:110%;}
.voucher_mbox5 .voucher_form{width:770px; background-color: #fff; padding:40px 50px 30px 50px; margin-top:30px; display: inline-block; border-radius: 5px;}
.voucher_mbox5 .voucher_form ul{}
.voucher_mbox5 .voucher_form ul li{width:50%; margin-bottom:10px; float:left; text-align: left;}
.voucher_mbox5 .voucher_form ul li span{width:70px; font-size:13px; float:left; display: inline-block;}
.voucher_mbox5 .voucher_form ul li input{width:calc(90% - 80px); height:30px !important; float:left; margin-left:10px;}
.voucher_mbox5 .voucher_form ul li select{width:calc(90% - 80px); float:left; margin-left:10px;}
.voucher_mbox5 .voucher_form ul li:nth-of-type(6){width:100% !important;}
.voucher_mbox5 .voucher_form ul li:nth-of-type(6) textarea{width:calc(95% - 80px); padding:10px; float:left; border:solid 1px #ddd; margin-left:10px;}
.voucher_mbox5 p{text-align: center; width: 100%; padding-top:20px;}
.voucher_mbox5 input, .voucher_mbox5 textarea{font-size:13px;}
.voucher_mbox5 button{background-color:#2b2b2b; border:none; color:#fff; padding:10px 30px; border-radius: 30px; font-size:20px; }

.voucher_mbox5 select {
  background: #fff url("/img/select_arrow.png");
	background-repeat:no-repeat;
  background-position: right 10px top 12px;
  background-size: 9px 9px;
}

.voucher_bot{width:100%; letter-spacing:-0.02em; font-size:13px; font-family:'Montserrat'; font-weight:600; background-color: #1e2633; padding:33px 0; color:#454a52; text-align: center;}

.btn_voucher{float:left; display: inline-block; line-height: 150%; border:solid 1px #ddd; padding:5px 10px; border-radius:20px; margin:20px 20px 0 5px;}
.btn_voucher .material-icons{font-size: 15px; vertical-align: middle;}
.btn_calendar{float:left; display: inline-block; line-height: 150%; border:solid 1px #ddd; padding:5px 10px; border-radius:20px; margin:20px 0 0 0;}
.btn_calendar .material-icons{font-size: 15px; vertical-align: middle;}
.btn_voucher:hover, .btn_calendar:hover{border:solid 1px #404040;}

@media (max-width:1200px) {
  .btn_voucher, .btn_calendar{display: none;}
}

/* 마트톡 카드결제 기능 신청하기 */
.voucher_mbox5.pay_card {width:100%; height:auto;}
.voucher_mbox5.pay_card .b_tit1{width:770px; margin:0 auto; font-size:35px; padding:120px 0 15px; line-height:110%; text-align:left;}
.voucher_mbox5.pay_card .voucher_form{margin-top:10px;}
/* .voucher_mbox5.pay_card .voucher_form ul li:nth-child(n+6):nth-child(-n+8){width:33%;} */
.voucher_mbox5.pay_card .voucher_form ul li:nth-child(n+8):nth-child(-n+10){width:33%;}
.voucher_mbox5.pay_card .voucher_form ul li:last-child{width:100%;}
.voucher_mbox5.pay_card .voucher_form ul li:last-child textarea{width:557px; margin-left:10px; padding:5px 10px; border:1px solid #dedede;}

.voucher_mbox5.pay_card .voucher_form ul li:nth-of-type(6){width:33% !important;}
.voucher_mbox5.pay_card .voucher_form ul li:nth-of-type(6) textarea{width:calc(95% - 80px); padding:10px; float:left; border:solid 1px #ddd; margin-left:10px;}

/* .voucher_mbox5.pay_card .voucher_form ul li:nth-child(7) span,
.voucher_mbox5.pay_card .voucher_form ul li:nth-child(8) span{padding-right:5px; text-align:right;} */
.voucher_mbox5.pay_card .voucher_form ul li:nth-child(9) span,
.voucher_mbox5.pay_card .voucher_form ul li:nth-child(10) span{padding-right:10px; text-align:right;}
.voucher_mbox5.pay_card form p{padding:20px 0 50px;}
.voucher_mbox5.pay_card button{border-radius:3px; padding:0 15px;}
/* .voucher_mbox5.pay_card button:hover{background-color:#2a1bad;} */

.voucher_mbox5.pay_card .content {position:relative; width:100%;}
.voucher_mbox5.pay_card .content > button{position:absolute; top:120px; left:calc(100% / 2 + 153px); background-color:#60a7e5; color:#fff; padding:10px 20px; border-radius: 5px; font-size:14px;}
/* .voucher_mbox5.pay_card .content > button{position:absolute; top:125px; right:75px; background-image: linear-gradient(to right, #bc67d4 0%, #2a1bad 100%); color:#fff; padding:10px 20px; border-radius: 5px; font-size:14px;} */
.voucher_mbox5.pay_card .content > button:hover{background-image:none; background-color:#2a1bad;}

/* .voucher_mbox5.pay_card .voucher_bot{width:100%; letter-spacing:-0.02em;font-family:'Montserrat'; font-weight:600; background-color: #1e2633; padding:33px 0; color:#454a52; text-align: center;} */

/* 이미지 들어가는 부분 */
.voucher_mbox5.pay_card .templet_img_box > div{
    display:inline-block;
    width:115px;
    height:auto;
    margin-left:10px;
    min-height:140px;
    border:solid 1px #ddd;
    position:relative;
    cursor:pointer;
    z-index:9999;
    box-sizing:border-box;
    overflow: hidden;
    background-repeat:no-repeat !important;
    background-size:115px !important;
    background-image: ;
}
.voucher_mbox5.pay_card .templet_img_box > div:after{
    content: "\e439";
    font-family: 'Material Icons';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:2rem;
    color:#c0c6d1;
}

/* .footer_wrap.pay_card .cs_info{justify-content:center;}
.footer_wrap.pay_card .cs_call{text-align:center;} */
.footer_wrap.pay_card .footer{width:770px; margin:0 auto;}


/* 친구톡 보내기 friend_new_am3 */
.friend_new_am3 .input_link_wrap #btn_web_like_1,
.friend_new_am3 .input_link_wrap #btn_web_like_2,
.friend_new_am3 .input_link_wrap #btn_web_like_3,
.friend_new_am3 .input_link_wrap #btn_web_like_4,
.friend_new_am3 .input_link_wrap #btn_web_like_5{overflow: hidden;}
.friend_new_am3 .input_link_wrap .btn_minus:before {margin-left: -2px;}

.friend_new_am3 .smart_link_wrap #div_smart .btn_add{background: #f2f2f2;}
.friend_new_am3 .smart_link_wrap #div_smart .btn_add:before{float: left;}
.friend_new_am3 .smart_link_wrap .btn_homelink {width: 127px;}
.friend_new_am3 .smart_link_wrap #hdn_order_url {width: 160px;}
.friend_new_am3 .smart_link_wrap #hdn_order_btn {float: right; width: 127px; margin-top: 5px; text-align: center;}

/* 오른쪽 미리보기 버튼 수정 */
/* #text_second{}
#text_second p.tem_btn{
    text-align: center;
    background-color: #f1f1f1;
    margin-bottom: 5px;
    border-radius: 4px;
    padding: 10px 0;
} */

/* 파트너관리 */
.wrap_company_lists .search_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wrap_company_lists .table_list {
    margin-bottom:20px;
}

.wrap_company_lists .table_list th,
.wrap_company_lists .table_list td{padding: 6px !important;}
.wrap_company_lists .table_list table{table-layout: fixed;}
.wrap_company_lists .table_list th:first-child{}
.wrap_company_lists .table_list th:nth-child(2),
.wrap_company_lists .table_list td:nth-child(2){width:140px;}
.wrap_company_lists .table_list td:nth-child(3){width:100px;}
.wrap_company_lists .table_list th:nth-child(8),
.wrap_company_lists .table_list td:nth-child(8){
    width:200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wrap_company_lists .table_list td:last-child .btn{
    height: 25px;
    padding: 0 6px;
}
.wrap_company_lists ~ #modal_detail .modal-content,
.wrap_company_lists ~ #modal_note .modal-content,
.wrap_company_lists ~ #modal_history .modal-content{
    width: 700px;
    height: 500px;
    margin: auto;
    padding: 40px;
}
.wrap_company_lists ~ #modal_history #exists table{width:100%; margin-bottom:20px;}

.wrap_company_lists ~ #modal_detail #detail_txt,
.wrap_company_lists ~ #modal_history #not_exists,
.wrap_company_lists ~ #modal_note .modal-content #modal_textarea{
    width: 100%;
    height: 70%;
    margin-bottom:20px;
}
.wrap_company_lists ~ #modal_detail #detail_txt{
    display: flex; align-items: left; justify-content:top;
    padding:20px;
    font-size:16px;
    border-bottom:1px solid #ddd;
}
.wrap_company_lists ~ #modal_history #not_exists {
    display: flex; align-items: center; justify-content:center;
    font-size:16px;
    border-bottom:1px solid #ddd;
}

.wrap_company_lists ~ #modal_note .modal-content .modal-tit,
.wrap_company_lists ~ #modal_history:has(#exists) .modal-content .modal-tit {
    border:none;
}

#popup_layer_19 {z-index: 99999;}

.main_top,
.send_menu,
.tit_wrap.tit_wrap{
    border-top: none;
    border-left: 1px solid #eee ;
}
.send_menu li{
    border-left: 1px solid #eee ;
}
.send_menu li a {
    font-size: 16px;
    color: #222;
}
.send_menu li a.sm_on{
    color: var(--color_primary2);
    border-top: 3px solid var(--color_secondary);
    background: linear-gradient(180deg, #fff 50%, var(--color_secondary3) 100%);
}

.send_menu li a:hover,
[class*=" xi-"], [class^=xi-] {
    color:var(--color_secondary2);
}

.send_menu{width:100%; display: inline-block; background-color: #fff; border-top:solid 1px #dbdde2;}
.send_menu ul{width:auto; margin: 0 auto;}
.send_menu li{float:left; position: relative;}
.send_menu li span{position: absolute; top:26px; left:30px; color:#aaa;}
.send_menu li a{padding:18px 30px 18px 30px; font-size:18px; width:100%; text-align:left; display: inline-block; color:#404040;}
.send_menu .sm_on{color:var(--color_primary2); border-top:2px var(--color_primary2) solid; border-bottom:none; background-color: #f2f2f2;}
.send_menu li a:hover{color:var(--color_primary2);}
.send_menu li .sm_on span, .send_menu li a:hover span{color:var(--color_primary2);}
.send_menu .bg_yellow{position: relative; z-index: 0;}
.send_menu .bg_yellow:before{
  content: '';
  	position: absolute;
  	top: 46%;
  	left:56%;
  	transform: translate(-50%,-30%);
  	display: inline-block;
  	width: 56%;
  	height: 30%;
  	background: rgba(250, 225, 0, .9);
    z-index: -1;
}


/* 정산 모달 수정 */
.static_modal.dh_modal .modal-content{
    width:800px;
    padding: 40px 50px;
}
.static_modal.dh_modal .modal-content{
    width:800px;
    padding: 40px 50px;
}
.static_modal.dh_modal .modal-content .modal-tit{
    font-size: 25px;
}
.static_modal.dh_modal .modal-content .modal_close{
    top: 30px;
    right: 40px;
    font-size: 45px;
    color:#999;
}
.static_modal.dh_modal .modal-content .modal_close:hover{
    color:#333;
}
.static_modal.dh_modal .modal-content #content_box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:10px;
    margin:20px 20px 0px;
}
.static_modal.dh_modal .modal-content #content_box > div{
    display: flex;
    align-items: center;
    gap:10px;
}
.static_modal.dh_modal .modal-content #content_box > div > label{
    width:100px;
    font-size: 14px;
    text-align: left;
}
.static_modal.dh_modal .modal-content .modal_bottom{
    display: flex;
    gap:10px;
    justify-content: center;
}

/* 정산 모달 리스트 */
.static_modal.dh_modal .modal-content.wrap_modal_list table{
    width: 100%;
    margin-bottom:30px;
}
.static_modal.dh_modal .modal-content.wrap_modal_list tr:has(td):hover td{
    background: #f5f5f5;
}
/* .static_modal.dh_modal .modal-content.wrap_modal_list tr:nth-of-type(even) td{
    background: #f9f9f9;
} */
.static_modal.dh_modal .modal-content.wrap_modal_list th{
    padding:12px 3px;
}
.static_modal.dh_modal .modal-content.wrap_modal_list td{
    padding:10px 3px;
}

/* 추가금 목록 */
.static_modal.dh_modal .modal-content.wrap_addedlist{
    width:1000px;
}
.static_modal.dh_modal .modal-content.wrap_addedlist .modal-tit{
    border:none;
}
.static_modal.dh_modal .modal-content.wrap_addedlist td:has(> input):first-of-type{
    width: 20px;
    padding:8px;
}
.static_modal.dh_modal .modal-content.wrap_addedlist td:first-child input{
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.static_modal.dh_modal .modal-content.wrap_addedlist input[onclick="delete_added()"]{
    position: absolute;
    top:40px;
    right:100px;
    padding:3px 20px;
    font-size: 14px;
}

/* 중간정산 목록 */
.static_modal.dh_modal .modal-content.wrap_periodlist{
    width:95%;
    max-height: 95%;
}
.static_modal.dh_modal .modal-content.wrap_periodlist div:has(> table){
    width:100%;
    max-height: 70vh;
    overflow: auto;
}
.static_modal.dh_modal .modal-content.wrap_periodlist .periodlist_sub_tit{
    display: flex;
    gap: 10px;
    position: absolute;
    top: 40px;
    right: 110px;
    font-size: 14px;
    align-items: center;
}
.static_modal.dh_modal .modal-content.wrap_periodlist .periodlist_sub_tit > div{
    display: flex;
    align-items: center;
    gap: 10px;
}
.static_modal.dh_modal .modal-content.wrap_periodlist .periodlist_sub_tit .periodlist_date{
    font-size: 20px;
}
.static_modal.dh_modal .modal-content.wrap_periodlist .periodlist_sub_tit .periodlist_notice{
    font-size: 14px;
    color:#bb4141;
}
.static_modal.dh_modal .modal-content.wrap_periodlist td:first-child{
    width:max-content;
}
.static_modal.dh_modal .modal-content.wrap_periodlist th{
    line-height: 1.3;
}
.static_modal.dh_modal .modal-content.wrap_periodlist td{
    white-space: nowrap;
}
.static_modal.dh_modal .modal-content.wrap_periodlist td input{
    height: 28px;
    margin-top:2px;
}

/* 추가금 추가 모달 */
#added_list_modal,
#added_modal{
    line-height: 1.5;
    padding-top:0;
}
#added_list_modal .modal-content,
#added_modal #added_modal_box{
    top:50%;
    transform: translateY(-50%);
    max-height:90vh;
    overflow-y: auto;
}
#added_modal #added_modal_box #content_box label {
    height: 40px;
    line-height: 40px;
    color:#666;
}
#added_modal #added_modal_box #content_box label:hover {
    color:#666;
    cursor: default;
}
#added_modal #added_modal_box #content_box input {
    display: inline-block;
}