/* 서브레이아웃*/

#container {width:100%; height:auto;padding:0 2% 50px 2%;position:relative;clear:both;overflow:hidden;margin:20px 0 0 0}
#container #remote {float:left;width:320px; text-align:center;padding: 0 0 0 0;margin:0 0 0 0;border:1px solid #e4e8e9;box-shadow: 0 5px 6px rgba(0,0,0,0.16), 0 5px 6px rgba(0,0,0,0.23);border-radius:20px}
#container #remote h2 {font-family: 'SCoreDream';display: block;height: 120px;border-bottom: 1px solid #076a56;font-size: 28px;line-height:50px;font-weight: bold;letter-spacing: 0;color:#fff;padding:35px 0 0 0;text-align:center;background: linear-gradient(to bottom, #0eb291, #00876c);border-radius:20px 20px 0 0;}
#container #remote #lnb ul {margin:0;padding:15px 25px 35px 25px}
#container #remote #lnb ul li a {font-weight:500;font-family: 'SCoreDream';display: block; font-size:18px;padding: 12px 0 12px 15px;border-bottom: 1px solid #e7e7e7;text-align:left;background: url(../images2/sub/left_off.png) no-repeat 230px center;color: #555;letter-spacing: -1px;}

#container #remote #lnb ul li a:hover, #sub #container #lnb ul li a:active {text-decoration:none;background:url(../images2/sub/left_on.png) no-repeat 230px center;color:#00a97e;font-weight:600}
#container #remote #lnb ul li a.on{text-decoration:none;background:url(../images2/sub/left_on.png) no-repeat 230px center;color:#00a97e;font-weight:600}
#container #remote #lnb ul li ul{display:none;visibility: visible;height: auto;overflow: hidden;padding: 16px 15px;border-top: 4px solid #00a97e;text-align: left;transition: all 0.4s;background-color: #F5F8FD;}
#container #remote #lnb ul li ul li a {font-weight:500;font-family: 'SCoreDream';display: block; font-size:15px;padding: 5px 0 5px 15px;border-bottom:none;text-align:left;background: url(../images2/sub/left_bullet_off.png) no-repeat left center;color: #555;letter-spacing: -1px;}

#container #remote #lnb ul li ul li a:hover, #sub #container #lnb ul li a:active {text-decoration:none;background:url(../images2/sub/left_bullet_on.png) no-repeat left center;color:#00a97e;font-weight:500}
#container #remote #lnb ul li ul li a.on{text-decoration:none;background:url(../images2/sub/left_bullet_on.png) no-repeat left center;color:#00a97e;font-weight:500}

/*3뎁스 추가 2024.09.24 */
#container #remote #lnb ul li ul li ul{display:none;padding: 12px 15px;border-top:none;text-align: left;transition: all 0.4s;background-color: #F5F8FD;}
#container #remote #lnb ul li ul li ul li a {font-weight:500;display: block; font-size:14px;padding: 0px 0 5px 15px;border-bottom:none;text-align:left;background: url(../images2/sub/3depth_bullet_off.png) no-repeat left 7px;color: #555;letter-spacing: -1px;}

#container #remote #lnb ul li ul li ul li a:hover, #sub #container #lnb ul li a:active {text-decoration:none;background:url(../images2/sub/3depth_bullet_on.png) no-repeat left 7px;color:#00a97e;font-weight:500}
#container #remote #lnb ul li ul li ul li a.on{text-decoration:none;background:url(../images2/sub/3depth_bullet_on.png) no-repeat left 7px;color:#00a97e;font-weight:500}


/* contents */
#contents {width: calc(100% - 370px);height: 100%;padding:0 0 50px 0; margin:0 0 0 40px; position:relative;float:left}
#contents:after {content:""; display:block; clear:both;}

#contents .sub_title{position: relative;margin:0 0 0 0;overflow:hidden;width:100%;border-bottom: 2px dotted #dbdbdb;}
#contents .sub_title h3{padding:20px 0 0 0;
    font-family: 'SCoreDream';
    display: block;
    position: relative;
    float: left;
    font-size: 24px;
    line-height: 18px;
    font-weight: 700;
    color: #000;}
#contents .sub_navigation{float:right;height:50px}
#contents .sub_navigation ul{position: relative;height:40px;padding: 7px 0;margin:12px 0 0 0}
#contents .sub_navigation ul li {float: left;padding:5px 10px 0 20px;background: url(../images2/sub/location_arrow.png) no-repeat left 5px;font-size:14px;color:#666}
#contents .sub_navigation ul li a{color:#666}
#contents .sub_navigation ul li a strong{color:#000} 
#contents .sub_navigation ul li:first-child {background: none;padding: 5px 0 0px 30px;background: url(../images2/sub/home.png) no-repeat left 0px;height:30px}

.content_area{ /* overflow:hidden; 2024.10.20. 문병섭 jqGrid 오른선 안보여서 주석처리 */ margin:10px 0 0 0;}

/* list search table */

.list-search-table { 
    width: 100%; 
    margin-top: 10px; 
    table-layout: fixed; 
}
.list-search-table tr  > *{ 
    border: 1px solid #dfd4d4;
    font-weight:500;  
}
.list-search-table tr th {
     background-color: #f6f6f6; 
     vertical-align:middle;
     font-size:14px;
     padding:10px 0;
	}
.list-search-table tr > td { 
    padding: 5px 5px;
    position: relative;
    line-height:28px;
    font-size:14px;
    font-weight:500;
}

.list-search-table tr > td.txtleft { 
    padding: 5px 5px 5px 10px;
 }
/* dtl-table */
.dtl-table {
     width: 100%;
     height: 100px;
     border-top: 2px solid #339933;
     border-bottom: 2px solid #339933;
     margin-top: 10px;
     table-layout: fixed;
}
.dtl-table tr {
     border-bottom: 2px solid #339933;
}
.dtl-table tr th {
     background-color: #f6f6f6;
     height: 47px;
}
.dtl-table tr > td {
     padding: 0 10px;
     height: 35px;
     position: relative;
}
.dtl-table tbody tr > td {
    padding: 6px 10px;
    height: 48px;
    position: relative;
}
.contract-date { 
    height: 35px; 
    border: 1px solid #dfd4d4; 
    border-radius: 5px; 
    padding: 5px; 
    font-size: 14px; 
/*     color:#bdb4b4;  */
/*     font-weight: 500;  */
    font-family:'Pretendard';
}
.contract-date:focus {
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #339933;
}
.contract-finish-date { 
    height: 35px; 
    border: 1px solid #dfd4d4; 
    border-radius: 5px; 
    padding: 5px; 
    font-size: 14px; 
/*     color:#bdb4b4;  */
/*     font-weight: 500;  */
    font-family:'Pretendard';
}
.contract-finish-date:focus {
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #339933;
}
.list-search-table tr td span { 
    margin: 0 17px; 
    color: #999191; 
}

/* select */

select { 
    color: #000; 
    padding-left: 10px; 
    background-repeat: no-repeat; 
    background-image: url(../images2/sub/input-down-arrow.png); 
    background-position-y: 50%; 
    background-position-x: calc(100% - 10px); 
    border: 1px solid #b6b6b6; 
    font-size: 14px; 
    border-radius: 3px; 
    width: 100%; 
    height: 25px; 
    font-family:'Pretendard';
}

select::-ms-expand { 
	display: none;
}


select:focus {
  border-color: #fff;
  color: #00a97e;
  outline: none;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #00a97e;
  background-image: url(../images2/sub/input-top-arrow.png);
  background-position-y: 50%; 
  background-position-x: calc(100% - 10px);  
}

select option {
    background-color: #fff;
    color: #000;
}

input[type=text], input[type=password] { 
    border: 1px solid #b6b6b6; 
    width: 100%;  /*20241015 문병섭 각각의 화면에 맞는 길이가 지정되어 있기 때문에 주석처리함 */
    height: 25px; 
    border-radius: 3px; 
    text-indent: 10px; 
}
input[type=text]:focus {
    border-color: #fff;
    color: #00a97e;
    outline: none;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #00a97e;
  }
  

/* button */
.btn.green { background-color: #339933; color: #fff; }
.btn.white { background-color: #ffffff; color: #000; }
.btn.gray { background-color:  #666666; color: #fff;}
.btn--wrapper {  
    display: flex; 
    padding: 5px 0; 
    gap:5px;
}

/* 로그인 */

.login_body{background: #eaeaea;width:100%;height:550px;}
#login_wrap {
    width: 700px;
/*     height: 550px; */  /* 20241106 문병섭 주석처리 */
/*     overflow: hidden; */ /* 20241106 문병섭 주석처리 */
    position: relative;
    border:1px solid #c5c5c5;
    border-radius:20px;
    margin:auto;
}

#login_container {
    width: 700px;
/*     height: 550px; */ /* 20241106 문병섭 주석처리 */
    position: relative;
}

#login_container #login_contents {
    
    margin: 0 auto;
    padding: 60px 90px;
}

#login_container #login_contents h3 {
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    margin:auto;
    padding: 0 0 15px 0;
    color: #37322f;
    font-weight: 600;
    position: relative;
  }
  #login_container #login_contents h3 img{margin:0 30px 0 0;vertical-align: bottom;}
  #login_container #login_txt {
    width: 100%;
    height: auto;
}



.member_box {width:auto;background:#fff;padding:0; margin:30px auto;}
.member_box .login {width:500px;margin:0 auto; padding:0; position:relative;}
.member_box .login ul {width:100%;}
.member_box .login ul li {margin-bottom:10px;}
.member_box .login ul li:first-child {margin-top:0px;}
.member_box .login ul li input {width:100%; height:55px; line-height:38px;padding:0 0 0 50px}
.member_box .login ul li input#usid{background:url(../images2/sub/id_bg.png) no-repeat 20px 15px;} 
.member_box .login ul li input#emplrPssrd{background:url(../images2/sub/pw_bg.png) no-repeat 20px 15px;} 
.member_box .login ul li input:hover, .member_box .member_box .login ul li input:focus {border:2px solid #0ea097;}
.member_box .login .login_btn {border-radius:5px;background:#0ea097; border:0; width:100%; padding: 16px 0;height: auto;font-size:18px;margin:10px 0 0 0;font-weight:500;color:#fff}

.join {width:500px; margin:10px auto; padding:0 0;overflow:hidden;clear:both}

.join li.join_link {margin:10px 0 0 0;text-align:center;float:left;width:245px;}
.join li.join_link a {border-radius:5px;display:block;text-align:center; vertical-align:top; padding:16px 0 16px 0; margin:0 0 0 0;font-size:16px;color:#fff;background:#999; width:100%;font-weight:400}
.join li.idpw_link{margin:0 0 0 0;text-align:center;float:right;width:245px}
.join li.idpw_link a {border-radius:5px;display:block;text-align:center; vertical-align:top; padding:16px 0 16px 0; margin:0 0 0 0;font-size:16px;color:#fff;background:#999; width:100%;font-weight:400}

.check {margin: -3px 0 0 0;padding: 0 15px;}
.check input[type="checkbox"] {border:1px solid #eee;width:20px;height:20px;}
.check input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 10px;
    color: #333;
    }




/* contract table */

.contract-table { 
    width: 100%; 
    color: #666666; 
/*     margin:10px 0 0 0; */  /* 2024.10.20. 문병섭 주석처리 여백 조정 다른 엘리먼트에서 함 */
    position:relative;
}

.main-table{ 
    font-size: 14px; 
    table-layout: fixed; 
    width: 100%; 
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-top: 2px solid #58626e;
}
.main-table thead th { 
    border: 1px solid #e5e5e5; 
    height: 47px; 
     font-weight: bold; 
    text-align: center; 
    background-color: #f6f6f6; 
    vertical-align:middle;
}

.main-table td{ 
    border: 1px solid #f0e7e7; 
    text-align: center; 
    height:43px;
    padding:0 10px;
    vertical-align:middle;
}
.main-table thead td p{
	display: flex;
	align-items: center;
	padding: 5px 10px;
}
.blueprint-table tbody tr td {
    border-left: none;
    min-height:43px;
    vertical-align:middle;
}
thead th:last-child { 
    border-right: none; 
}

.first-em { 
    width: 24px; 
    height: 24px; 
    display: inline-block; 
    
} 

.main-table td:first-child { 
    /* border-left: none;  */
    
}
.main-table td:last-child { 
    border-right: none;
}
.main-table td.align-right {
    text-align: right;
}

.main-table td.align-left{
    text-align: left;
}
.ellipsis { 
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis !important; 
    width: 100%; 
}

.admission { color: #339933; }
.request { color: #d98a00; }
.companion { color: #f1586c; }
  

tr.bg-on { 
    background-color: #f6f6f6; 
}
.goto-btn-wrapper {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 5px;
    bottom: 200px;
    z-index: 9999999;
}
.goto-top-btn { 
    
    background-repeat: no-repeat;
    width: 43px; 
    height: 44px; 
    display: inline-block;  
    margin-bottom: 5px;
}
.goto-bottom-btn { 
    
    background-repeat: no-repeat;
    width: 43px; 
    height: 44px; 
    display: inline-block;  
    
}

.title-wrapper .dot-title::before {
    content: '';
    
    display: inline-block;
    width: 5px;
    height: 5px;
    transform: translateY(-3px);
    margin: 0 5px;
}

.scroll-1400{
	width:100%;
	overflow-x:auto;
}

.al_left {
    text-align: left !important;
}

.paginate {width:100%; text-align:center; margin-top:20px; /* 2024.10.20. 문병섭 여백 조정 40->20 으로 변경 */ position:relative; overflow:hidden;}
.paginate * {display:inline-block; vertical-align:middle; margin:0;}
.paginate a {padding:0 10px; color:#383838;}
.paginate a.first {display:inline-block; /* margin-right:15px; */}
.paginate a.last{display:inline-block;  /* margin-right:15px; */}
.paginate a:hover, .paginate a:active, .paginate a:focus {color:#65625f;}
.paginate strong {color:#fff; background:#65625f; width:30px; height:30px; line-height:30px;}
.paginate .dir {border:1px solid #b7b7b7; background:#fbfbfb; width:28px; height:28px; padding:0;}
.paginate .dir img {display:block;}


.totalDspLayer {
    position: absolute;
    right: 10px;
    bottom: 20px;
}


/* 계약 목록 등 사업 화면 탭 스타일 */
.tab_wrap{text-align:center;}
.tab_list{display:inline-flex; margin:0 auto; background:var(--gray-bg); font-size:var(--title-20); padding:6px; box-sizing:border-box; border-radius:5px;width:100%;}
.tab_list > li{display:inline-flex; align-items:center; justify-content:center; width:20%; height:45px; font-size:120%; font-weight:500; color:var(--black-color04); border-radius:5px; cursor:pointer; transition:all 0.4s;}
.tab_list > li.on{color:var(--point-white);background:var(--col_header_line);}
.tab_list > li.on > button{color:var(--point-white);}

.h4_style{font-size:18px;font-weight:700;color:#333;background: url(../images2/sub/h4_bullet.png) no-repeat left 6px;padding:0 0 0 12px;margin:20px 0 0 0}



  .table_top_btn{overflow:hidden;clear:both;}
  .table_top_btn_l{float:left}
  .table_top_btn_r{float:right}
  .scroll--1400 table {min-width: 1400px !important;}


  /*설계내역 텍스트박스 추가 2024.09.24*/

.txt_box {
    margin:30px 0 0 0;
    border: 1px solid #e4e4e4;
    padding: 30px 50px 30px 70px;
    width: auto;
    background: #f8f8f8 url(../images2/sub/txt_ic.png) no-repeat 30px 27px;
    border-radius:5px;
}

.caption_txt{margin:-30px 0 30px 0}
.caption_txt span{color:var(--col_pink);display:inline-block;margin:0 5px 0 0;vertical-align:middle}




/********** Media quary **********/

@media screen and (max-width: 1280px){
    
    :lang(ko) body.sub_bg {
        background:none;}
    #container {margin:0}
    #container #remote {display:none}
    #contents {width: calc(100% - 10px);height: 100%;padding:0 0 50px 10px; margin:0 0 0 0; position:relative;float:left;}

    #top_layout .sub_top_wrap .utile_wrap li.mo button {
        display: block;
        width: 36px;
        height: 36px;
        border: none;
        background: url(../images2/main/menu.png) no-repeat center;
        font-size: 0;
        margin:10px 0 0 0
    }
    #top_layout .sub_top_wrap .utile_wrap li.mo {
        display:block;
    }

    #sgnb_layout .depth1_ul {
        display: none;
    }

    #tnb{display:none}

    :lang(ko) body {
        background:none;}
        
    #top_layout{border-bottom:1px solid #efefef}

    #top_layout .sub_top_wrap .utile_wrap li {margin:0}
    #sgnb {display:none}
}


@media (max-width: 768px) { 
	
	div:not(.scroll--1400) > .list-search-table,
	div:not(.scroll--1400) > form .list-search-table{
		display: flex;
        border-top:1px solid #cccccc;
	}
	div:not(.scroll--1400) > .list-search-table colgroup,
	div:not(.scroll--1400) > .form .list-search-table colgroup{
		display:none;
	}
	div:not(.scroll--1400) > .list-search-table tbody,
	div:not(.scroll--1400) > form .list-search-table tbody{
		display:block;
		width:100%;
	}
	div:not(.scroll--1400) > .list-search-table tr > *,
	div:not(.scroll--1400) > form .list-search-table tr > *{
		display: flex;
		align-items: center;
		gap:5px;
		padding: 10px;
		border:0;
		height:auto;
		min-height:47px;
		border-bottom:1px solid #cccccc;
		flex-direction: column;
	}
	div:not(.scroll--1400) > .list-search-table tr,
	div:not(.scroll--1400) > form .list-search-table tr{
		display:flex;
		flex-wrap:wrap;
		width:100%;
	}
	div:not(.scroll--1400) > .list-search-table th,
	div:not(.scroll--1400) > form .list-search-table th{
		width: 100px;
		justify-content: center;
        border-left:1px solid #cccccc;
	}
	div:not(.scroll--1400) > .list-search-table td,
	div:not(.scroll--1400) > form .list-search-table td{
		width:calc(100% - 100px);
		justify-content: center;
        border-left:1px solid #cccccc;
        border-right:1px solid #cccccc;
        align-items: normal;
	}
	div:not(.scroll--1400) > .list-search-table td > *,
	div:not(.scroll--1400) > form .list-search-table td > *{
		width:100% !important;
	}
	select{
		font-size:13px;
	}
    .tab_list > li {font-size:90%}
	
}

/* 로딩레이어 */
.loading_layer {position:relative;width:100%}
.loading_layer .popup {width:418px; padding:100px 0 0 0;margin:auto }
.loading_layer .popup p {margin:40px 0 0 0; text-align:center; color:#505050;}
.loading_layer .popup p strong {font-size:25px; display:block;margin-bottom:5px}
.loading_layer .popup p span {font-size:18px; display:block;}
.loading_layer .popup .ico {width:60px;height:60px;margin:0 auto;border:6px solid rgba(0,0,0,.15);border-top-color:#076a56;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-animation:spin 1.5s linear  infinite; /* Chrome, Safari, Opera */-moz-animation:spin 1.5s linear  infinite;animation: spin 1.5s linear infinite;}
@-moz-keyframes spin {
to {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes spin {
to {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
/* Standard syntax */
@keyframes spin {
to {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

/* 분류체계 추가 2024.10.15 */

#admin {width:auto; height:auto;border-top: 2px solid #58626e;}
#admin ul {padding:10px 0 0 0;}
#admin ul li {padding:20px 0 20px 20px;color:#333;position:relative;border-bottom:1px solid #ccc;}
#admin ul li a{display:inline-block;overflow:hidden;}
#admin ul li a.open_folder{background:url(../images2/sub/open_folder.png) no-repeat 5px 8px;display:inline-block;padding:0 0 0 50px;font-size:18px;color:#222}
#admin ul li a.close_folder{background:url(../images2/sub/close_folder.png) no-repeat 15px 8px;display:inline-block;padding:0 0 0 60px;font-size:18px;color:#222}
#admin ul li ul {padding:0 0 0 10px; border:0; background:none;}
#admin ul li ul li {border-bottom:0;padding:20px 0 20px 10px;}

#admin ul li ul li a.open_folder{background:url(../images2/sub/open_folder.png) no-repeat 5px 8px;display:inline-block;padding:0 0 0 50px;}
#admin ul li ul li a.close_folder{background:url(../images2/sub/close_folder.png) no-repeat 5px 8px;display:inline-block;padding:0 0 0 50px;}
#admin ul li ul li ul{padding:0 0 0 10px; border:0; background:none;}
#admin ul li ul li ul li{border-bottom:0;padding:20px 0 0 10px;}
#admin ul li ul li ul li a.open_folder{background:url(../images2/sub/open_folder.png) no-repeat 5px 8px;display:inline-block;padding:0 0 0 60px;}
#admin ul li ul li ul li a{background:url(../images2/sub/close_folder.png) no-repeat 5px 8px;display:inline-block;padding:0 0 0 60px;}

#admin ul li ul li ul li ul{padding:0; border:0; background:none;}
#admin ul li ul li ul li ul li{border-bottom:0;padding:20px 0 0px 20px;}
#admin ul li ul li ul li ul li a.file{background:url(../images2/sub/file.png) no-repeat 0 3px;display:inline-block;padding:0 0 0 20px;}
#admin ul li ul li ul li ul li a.click{color:#144f7b;font-weight:500;}

.admin_btn_area{margin:0 0 0 20px;overflow:hidden;display: inline-block;vertical-align:middle;position: absolute;top:15px;right:20px}
.admin_btn {display: inline-block;vertical-align: top; padding: 10px 15px 10px 15px !important; border: 1px solid #c2c2c2;background:#f5f5f5 !important;margin:0 0 0 5px;font-size:16px;border-radius:3px}
.w100-h35-btn {
    min-width: 100px;
    height: 35px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #2b6f2b;
    display:block !important;
    margin:0 0 20px 0;
    
}
.member_box .login .login_close {border-radius:5px;background:#505050; border:0; width:100px; padding: 16px 0;height: auto;font-size:18px;margin:10px 0 0 200px;font-weight:500;color:#fff;text-align:center;}

#pop_wrap {
    width: 700px;
    height: 550px;
    overflow: hidden;
    position:absolute;left:35%;top:100px;
    border:1px solid #c5c5c5;
    border-radius:20px;
    margin:auto;
    background: #fff;
    box-shadow: 5px 20px 10px rgb(0, 0, 0, 0.3);
}
    
    
/***** Footer *****/
#main_footer {width:100%; height:auto; position:relative;background:#333333; padding:0 0 40px 0;}
#main_footer .cl_top {width:100%; height:200px; background:#333333;padding:0 0 0 0;}
#main_footer .menu {width:1280px; padding:30px 0 30px 0; margin:auto;border-bottom:1px solid #444444;background:#333333;}
#main_footer .menu:after {content:""; display:block; clear:both;}
#main_footer .menu li {float:left; padding:0 15px; background:url(../images2/main/f_bullet.png) no-repeat left 5px;}
#main_footer .menu li:first-child {padding-left:0; background:none;}
#main_footer .menu li a {display:block; padding:3px; color:#d7d7d8;}
#main_footer .menu li:last-child a {color:#ff9f16; font-weight:600;}
#main_footer address,
#main_footer .copy {font-size:14px; line-height:20px; margin:0px; font-style:normal;width:1280px;margin:auto;background:#333333;}
#main_footer address {color:#a8a8a8; padding:30px 0 5px 0;background:#333333;}
#main_footer address span {display:inline-block; vertical-align:top;background:#333333;}
#main_footer .copy{color:#7c7c7d;padding:0 0 0 0;background:#333333;}


/*2024.10.29* 디자인수정 최은미*/
.ui-widget-header{
	border: 1px solid #fff !important;
    background: #fff !important;
    padding:20px 0 0 20px !important;
 } 
 
 .ui-dialog-title{ 
	 color: #000;
	 font-weight: 600;
	 font-size:20px;
 }   
 
 .ly_x_btn{
 	float: right;
    font-size: 20px;
    position: absolute;
    font-weight: 400;
    color: #888 !important;
    right: 0;
    top: 20px;
    margin-right: 10px;
    padding: 6px 6px;
    
   }