/*
Theme Name: Impreza Child
Theme URI: http://impreza.us-themes.com/
Template: Impreza
Author: UpSolution
Author URI: http://us-themes.com/
Description: Multi-Purpose WordPress Theme.
Version: 8.24.2.1717982813
Updated: 2024-06-10 10:26:53

*/

/* 보관상태 조회 > 로그인 */
.login_form { color: #efefef; font-size: 18px; background-color:#f9f9f9; 
border-width:1px; border-style:solid; border-radius:15px; padding: 50px 250px;}
#top .input-text, #top input[type="text"], #top input[type="input"] 
{font-size: 18px; border-radius: 12px; padding: 10px; padding-left:30px; margin-bottom: 10px; }
.btn-submit { color:#fff !important; }
.btn-submit { display:block; background-color: #f26349; border-radius: 12px; font-size: 20px; text-align:center; padding: 10px; margin-top:30px; }


/* 보관상태 조회 > 제대혈 보관상태 */

.keeping_status .article { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_status .article_02 { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_status .article_03 { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_status .article_04 { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_status .article_05 { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_status .article_06 { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_status .article > .tit { color: #231f20; font-size: 24px; font-weight:600; line-height:36px ;padding-bottom:10px; }
.keeping_status .article_01 > .tit { font-size: 14px; line-height: 1.6; }
.keeping_status .cont { float: left; width: 100%; }
.keeping_status .article .cont p { margin: 0; line-height: 1.8; padding: 7px 0; border-bottom: 1px solid #b5b5b5; }
.keeping_status .article .list dt {  width: 15%; float: left; color: #231f20; font-size: 17px; font-weight:500; }
.keeping_status .article .list { border-top: 2px solid #f26349; border-bottom: 1px solid #b5b5b5; overflow: hidden; }
.keeping_status .article .list dl { border-top: 1px dotted #ccc; padding: 10px 0; overflow: hidden; }
.keeping_status .article .list dl:first-child { border-top: 0; }
.keeping_status .article .list dd { width: 47%; float: left; line-height:24px; }
.keeping_status .article_01 .list { border-top: 2px solid black; border-bottom: 1px solid #b5b5b5; overflow: hidden; }
.keeping_status .article_02 .cbiAmount_graph { display: inline-block; width: 200px; height: 24px; margin-right: 10px; vertical-align: middle; background: #ded9d2; border-radius: 12px; overflow: hidden; }
.keeping_status .article_02 .cbiAmount_graph span { display: block; width: 0; height: 25px; background: #f26349; border-radius: 12px; }
.keeping_status .article_05 .list dl.half { width: 50%; float: left; }
.keeping_status .article_05 .list dl.half dt { width: 40%; }
.keeping_status .article_05 .list dl.half dd { width: 60%; }
.keeping_status .article_06 .cont .goKeepinfo { font-size: 20px; padding: 15px; width: 100%; background-color: #f26349; text-align: center;  border-radius: 32px; }
.keeping_status .article_06 .cont .goKeepinfo a { color: white; padding: 5px 14px;  }
.location_num { font-family:'Roboto'; font-size:24px; font-weight:600; color:#f26349; padding-left:36px;}
.point_num { font-family:'Roboto'; font-size:20px; color:#f26349; }


.keeping_info .article { position: relative; width: 100%; padding-bottom: 50px; overflow: hidden; }
.keeping_info .article > .tit { color: #231f20; font-size: 24px; font-weight:600; line-height:36px ;padding-bottom:10px; }
.keeping_info .article .cont  { float: left; width: 100%; }
.keeping_info .article .list { border-top: 2px solid #f26349; border-bottom: 1px solid #b5b5b5; overflow: hidden; }
.keeping_info .article .list dl { border-bottom: 1px dotted #ccc; padding: 15px 0; overflow: hidden; }
.keeping_info .article .list dl.borderNone { border: none; }
.keeping_info .article .list dl:first-child { border-top: none; }
.keeping_info .article .list dt { display: inline-block; width: 120px; color: #231f20; font-size: 16px; font-weight:500; }
.keeping_info .article .list dd { font-size: 18px; display: inline-block; }
.keeping_info .article .li_01 { margin-bottom: 55px; }
.keeping_info table { display: table; table-layout: fixed; width: 100%; margin: 0; border: 0; border-collapse: collapse; }
.keeping_info table td {  padding: 15px 0; text-align: center; vertical-align: middle; line-height: 1.2; }
.keeping_info table td.num { width: 110px; }
.keeping_info table td.name { width: auto; }
.keeping_info table td.amount { width: 100px; }
.keeping_info table td.dsctType { width: 100px; }
.keeping_info table td.status { width: 100px; }
.keeping_info table td.status span { color: #f26349; font-weight: 700; }
.keeping_info thead tr td { border-top: 2px solid #ccc; border: 0; border-bottom: 1px solid #b5b5b5; color: #231f20; font-size: 18px; background-color:#f7f7f7; }
.keeping_info tbody tr td { word-break: break-all; border: 0; border-top: 1px dotted #ccc; }
.keeping_info tbody tr:first-child td { border-top: 0; }
.keeping_info .article_01 table td.num { width: 110px; }
.keeping_info .article_01 table td.name { width: auto; }
.keeping_info .article_01 table td.amount { width: 100px; }
.keeping_info .article_01 table td.dsctType { width: 100px; }
.keeping_info .article_01 table td.status { width: 100px; }
.keeping_info .article_02 table td.num { width: 20%; }
.keeping_info .article_02 table td.start_date { width: 20%; }
.keeping_info .article_02 table td.finish_date { width: 20%; }
.keeping_info .article_02 table td.renew { width: 20%; }
.keeping_info .article_02 table td.pgr369 { width: 20%; }
.keeping_info .article_02 .goKeepingview { font-size: 13px; display: inline-block; padding: 4px 5px; background-color: #f26349; border-radius: 32px; color: #fff; }


.profile_edit .article { position: relative; width: 100%; overflow: hidden; padding-bottom: 100px; line-height: 22px; }
.profile_edit .article > .tit { color: #231f20; font-size: 24px; font-weight:600; line-height:36px ;padding-bottom:10px; }
.profile_edit .article .cont { float: left; width: 100%; }
.profile_edit .article  dl { position: relative; border-top: 1px dotted #ccc; padding: 15px 0; overflow: visible; }
.profile_edit .article  dl.borderNone { border: none; }
.profile_edit .article  dl:first-child { border-top: 2px solid #f26349; }
.profile_edit .article  dt { display: inline-block; width: 150px; color: #231f20; font-size: 16px; font-weight:500; letter-spacing:-0.5px; vertical-align:top;}
.profile_edit .article  dd { float: none; display: inline-block; }
.profile_edit .article  dd > div { padding-top: 5px; }
.profile_edit .article  dd > div:first-child { padding-top: 0; }
#top .profile_edit .cont form { margin: 0; }
#top .profile_edit .cont label, 
#top .profile_edit .cont input[type='text'],
#top .profile_edit .cont select,
#top .profile_edit .cont input[type='password'] { display: inline-block; vertical-align: middle; border-radius: 3px; margin-bottom: 5px; padding: 12px; }
#top .profile_edit .cont select.w_s { width: 105px; }
#top .profile_edit .cont input[type='text'].w_s { width: 105px; }
#top .profile_edit .cont input[type='text'].w_m { width: 105px; }
#top .profile_edit .cont select,
#top .profile_edit .cont input { vertical-align: middle; }
#top .profile_edit .cont label { padding: 0; }
.profile_edit a.btn-submit, .profile_edit a.btn-cancel, .profile_edit a.btn-check-email { display: inline-block; padding: 15px; width:40% ; background-color: #f26349; border-radius: 32px; color: #fff; margin-top:10px; margin-bottom:10px; }
.profile_edit a.btn-submit:hover, .profile_edit a.btn-cancel:hover, .profile_edit a.btn-search-zipcod:hover, .profile_edit a.btn-check-email:hover { color: #fff; }
.profile_edit a.btn-submit, .profile_edit a.btn-cancel { font-size: 20px; margin-left:10px; }
.profile_edit a.btn-cancel { background-color: #464646; }
.profile_edit .btn-box { border-top: 1px solid #ccc; padding-top: 10px; text-align: center; }
.profile_edit .search-zipcode { display: none; position: absolute; z-index: 2; right: 0; top: -120px; width: 400px; height: 400px; background-color: #fff; border: 3px solid #f0644f; border-radius: 0 100px 0 100px; }
.profile_edit a.btn-search-zipcod { font-size:15px; display: inline-block; padding: 5px; width:130px ; background-color: #f26349; border-radius: 32px; color: #fff; font-size: 16px; margin-bottom:10px; text-align:center; }

.search-zipcode .sh-tit { padding: 20px 0 0 20px; font-weight: 700; font-size: 14px }
.search-zipcode .sh-cont { margin: 35px 35px 0 70px; border-top: 2px; } 
.search-zipcode .sh-desc01 span { display: block; color: #f0644f; }
.search-zipcode .sh-ip { padding-bottom: 50px; }
a.btn-search-hspt { display: inline-block; padding: 0 25px; background-color: #f26349; border-radius: 32px; color: #fff; font-size: 11px; }
a.btn-search-hspt:hover { color: #fff; }
#top .search-zipcode .sh-ip label, #top .search-zipcode .sh-ip input[type='text'] { display: inline-block; vertical-align: middle; margin-bottom: 0;  }
#top .search-zipcode .sh-ip label { width: 20%; }
#top .search-zipcode .sh-ip input[type='text'] {}
#btn-search-zipcode-submit { padding: 10px; background-color: #f26349; border-radius: 32px; color: #fff; }
.search-zipcode .sh-list { border-top: 2px solid #000; border-bottom: 1px solid #000; }
.search-zipcode .sh-list ul { height: 120px; overflow-y: scroll; }


@media only screen and (max-width : 600px) { 

.keeping_status .article_01 > .tit br, .keeping_info .article > .tit br, .profile_edit .article > .tit br { display: none; }
.keeping_status .article .cont, .keeping_info .article .cont, .profile_edit .article .cont { float: left; width: 100%; }

/* 보관상태 조회 > 로그인 */
.login_form { color: #efefef; font-size: 18px; background-color:#f9f9f9; border-radius:15px; padding: 30px 30px;}
#top .input-text, #top input[type="text"], #top input[type="input"] 
{ font-size: 16px; border-radius: 32px; padding: 10px; padding-left:20px; margin-bottom: 10px; }
.btn-submit { color:#fff !important; }
.btn-submit { display:block; background-color: #f26349; border-radius: 32px; font-size: 20px; text-align:center; padding: 10px; margin-top:30px; }


/* 보관상태 --------- */

.keeping_status .article .list dt {width: 60%; float: left; color: #231f20; }
.keeping_status .article .list dd {width: 100%; float: left; line-height:20px; padding-left:10px;}
.location_num {font-size:28px; font-weight:600; line-height:30px; color:#f26349; padding-left:10px;}
.point_num {font-weight:600; color:#f26349; }


/* 보관정보 --------- */
.keeping_info thead tr td { font-size:14px; border-top: 2px solid #ccc; border: 0; border-bottom: 1px solid #b5b5b5; color: #231f20; font-weight:600;}
.keeping_info .article .list dt { display: inline-block; width: 120px; color: #231f20; }
.keeping_info table td { font-size:12px; padding: 14px 0; text-align: center; vertical-align: middle; letter-spacing:-0.5px; line-height: 1.5; }
.keeping_info .article_02 .goKeepingview { display:none; }

/* 고객정보 수정 --------- */
.profile_edit .article  dt { display: inline-block; width: 100%; color: #231f20; font-weight:600; letter-spacing:-0.5px; margin-bottom:15px; }
.profile_edit .article  dd { float: none; display: block; }
.profile_edit .btn-box { border-top: 1px solid #ccc; padding-top: 20px; text-align: center; }
.profile_edit a.btn-submit { width:50% ; }
.profile_edit a.btn-cancel { width:40% ; }
.w-filter.state_desktop.style_drop_default .w-filter-item-title, .w-color-swatch, .select2-selection, select, textarea, input:not([type=submit]) {margin-bottom:5px}
}


/* Datepicker 수정 --------- */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 
 .ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 
 .ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; } 
 .ui-datepicker td span, .ui-datepicker td a {padding:0em; line-height:1.5em !important;}
 .ui-widget {font-family: "Noto Sans KR" !important;}
 .ui-widget {font-size: 14px !important;}
 .ui-datepicker .ui-datepicker-title select {font-size:15px; font-weight:500 !important;}
 .ui-datepicker-title select {font-size:15px  !important; font-weight:500 !important;}
 .ui-datepicker a.ui-state-active {background:#f26249 !important; color:#fff !important;}

 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5 !important; background-color: transparent !important; font-weight: normal; color: #454545; text-align: center; } 

 .ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; line-height:2.8em !important; padding: 0px; font-weight: bold; } 
 .ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 
 .ui-widget.ui-widget-content { border: 1px solid #eee; } 

 #datepicker:focus>.ui-datepicker { display: block; } 
 .ui-datepicker-prev,
 .ui-datepicker-next { cursor: pointer; } 
 .ui-datepicker-next { float: right; } 
 .ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 
 .ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 
 .ui-datepicker-calendar { width: 100%; } 
 .ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 
 .ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
 .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 
 .ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; } 
 .ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 

 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 
 .ui-widget-header .ui-icon { background-image: url('./btns.png'); } 
 .ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; } 
 .ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; } 
 .ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; } 
 .ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; } 
 .ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; } 
 .ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } 

 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%;} 
 .inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 
 .inp:focus { outline: none; background-color: #eee; }