@charset "UTF-8";

/** =============== Default Style =============== */
.section-box { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; }
.section-box .section-controls { margin-bottom: 10px; line-height: 20px; display: block; }
.section-box .section-controls label { float: right; }
.section-box .section-content { background: #f2f2f2; overflow-x: hidden; border: 1px solid #ddd; height: 120px; }
.section-box .section-content > p { line-height: 1.5; padding: 10px; }
.line {height:1px;border:none;border-top: 1px solid #ececec;margin: 10px 0;}
/** ======= Modal ======= */
.modal .modal-body .tab {width:100%; box-sizing:border-box;position:relative;display:inline-block;}
.modal .modal-body .tab.item-2 li:hover{cursor:pointer;}
.modal .modal-body .tab.item-2 li {width:50%;padding:12px 0;border-top: 2px solid #f5f5f6; border-right:1px solid #f5f5f6;border-bottom:1px solid #cdcdcd;background-color:#f5f5f5;color:#777;font-weight:bold;font-size:16px;text-align:center;float:left;box-sizing:border-box;}
.modal .modal-body .tab.item-2 .active {padding:12px 0 13px;background-color:#fff;border-top: 2px solid #e70128;border-right:1px solid #cdcdcd;border-bottom:0;border-left:1px solid #cdcdcd;color:#e70128;}

/*시군구선택*/
.modal .modal-body .section.sido {padding-top:10px;}
.modal .modal-body .section.sido h2,.modal .modal-body .section.zip h2 {margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #d8d8d8;color:#333;font-weight:bold;font-size:21px;}
.modal .modal-body .section.search table p.title {width:522px;text-align:left;font-size:14px;font-weight:bold;margin:0 0 4px 0;padding:6px 10px;border:1px solid #e8e8e8;background-color:#f1f1f1;}
.modal .modal-body .table table tbody td {text-align:left;}
.modal .modal-body .table table tbody td input[type="text"]{text-align:left;width:147px;}
.modal .modal-body .section.search .btn_warp {margin-top:40px;text-align:center;}
.modal .modal-body .section.search .search-box {margin-top:40px;}
.modal .modal-body .section.search .search-box h3 {margin-bottom:10px;}
.modal .modal-body .section.search .search-box .page {margin-top:30px;text-align:center;}
.modal .modal-body .section.search .search-box .page li{display: inline-block;width: 30px;height: 30px;}
.modal .modal-body .section.search .search-box .page li:hover{cursor:pointer;}
.modal .modal-body .section.search .search-box .page li.active{color: #ff7b00;font-weight: bold;text-decoration: underline;}
.modal .modal-body .section.search .search-box .page li.prev{display: inline-block;width: 30px;height:30px;background:url(/images/sub/common/paging-btn-prev.png) no-repeat;vertical-align: middle;}
.modal .modal-body .section.search .search-box .page li.next{background: url(/images/sub/common/paging-btn-next.png) no-repeat;vertical-align: middle;}
.modal .modal-body .section.search .search-box .page {margin-bottom:10px;}
.modal .modal-body .section.search .search-box table>tbody>tr{cursor:pointer;}
.modal .modal-body .section.search .search-box table>tbody>tr:hover{background:#e70128;color:#fff!important;font-weight:bold;}
.modal .modal-body .section.search .search-box table>tbody>tr>td {text-align:left;background:none;}
.modal .modal-body .sido_list h3,.modal .modal-body .zip_list h3 {margin-bottom:12px;color:#7f5f2e;font-weight:bold;font-size:15px;}
.modal .modal-body .sido_list ul,.modal .modal-body .zip_list ul {overflow:hidden;margin:0 -5px;}
.modal .modal-body .sido_list ul>li,.modal .modal-body .zip_list ul>li{float:left;width:254.5px;padding:5px 0;margin:0 5px;}
.modal .modal-body .sido_list ul>li>div,.modal .modal-body .zip_list ul>li>div{display:inline-block;min-width:100%;padding:13px 0;background-color:#f1f1f1;color:#666;font-weight:bold;font-size:14px;text-align:center;vertical-align:middle;}
.modal .modal-body .sido_list ul>li>div:hover,.modal .modal-body .zip_list ul>li>div:hover{background-color:#e70128;cursor:pointer;color:#fff;}
.modal .modal-body .sido_list ul ~ h3,.modal .modal-body .zip_list ul ~ h3{margin-top:15px;padding-top:15px;border-top:1px solid #ececec;}
.modal .modal-body .zip_list {margin-top:15px;}

.modal .modal-body .table .zip_notice tbody td {border-top: 1px solid #eaeaea;}
.modal .modal-body .table .zip_notice tbody td .table_notice li {text-align:left;padding-left: 14px;
    background: url(/images/sub/common/helper-bullet-dot.png) no-repeat 0 9px; font-weight:bold;}
.modal .modal-body .table .zip_notice tbody td .table_notice .li_notice {margin-top: 10px;}
.modal .modal-body .table .zip_notice tbody td .table_notice .tip {text-align:left;padding-left: 14px;color: #7f5f2e;font-size: 12px;margin-top: 5px;}

.modal .modal-body  .search-box table>tbody>tr{cursor:pointer;}
.modal .modal-body  .search-box table>tbody>tr:hover{background:#e70128;color:#fff!important;font-weight:bold;}
.modal .modal-body  .search-box table>tbody>tr>td {text-align:left;background:none;}
.modal .modal-body  .search-box h3 {margin-bottom:10px;}

/*인증번호 전송*/
.transfer-request select {border-color:#e8e8e8;}
.transfer-request .confirm_area {margin-top:10px;float:left;}
.transfer-request #confirmStatus {line-height: 30px;height: 30px;padding:8px 3px;float: left;color:#e70128;}
.transfer-request .confirm_area a{margin-top:-1px;}
.transfer-request .confirmStatus {margin-top:10px;}
.transfer-request .join3 .section .custom1 table td input[type="text"] {margin-top:-1px;margin-left:3px;}
.transfer-request input[disabled] {background:#f8f8f8;}
.transfer-request .input-calendar {
    background: url(/images/sk/common/icon-calendar.gif) no-repeat 182px 3px;
}
.transfer-request input::placeholder {color:#909090;}

/*시간선택*/
.modal .modal-body .transfer-time {margin-top:40px;}
.modal .modal-body .transfer-time h3{margin-bottom:10px;}
.transfer-time ul {overflow:hidden;position:relative;margin:-5px; margin-bottom: 18px;}
.transfer-time ul>li {width:calc(33.33% - 13px);float:left;border: 1px solid #ddd;text-align:center;margin:5px;padding:10px 0;cursor: pointer;}
.transfer-time ul li span {font-family: Arial;line-height:16px;display:block;}
.transfer-time ul li.active,.transfer-time ul li:hover {color:#fff;background:#e70128;font-weight:bold;}
.transfer-time ul li.active a,.transfer-time ul li:hover a{color:#fff;background:#e70128;font-weight:bold;}
.transfer-time ul li.block {background: #f8f8f8;color: #ccc;}
.transfer-time ul li .y {}
.transfer-time ul li .n {color: #ddd;}
.transfer-time ul li a {color: #333;display:block;line-height: 16px;}

#zipStatus {color: #e70128; }
.member-phone {width:80px!important;height:30px}
.transfer-request select {width:80px!important;height:30px}

.spin-icon { font-size: 24px; text-align: center; padding: 20px; }

/*status.do*/
 .contents.transfer-check .section {
	margin: 0 auto;
	width: 312px;
	min-height: 260px;
	padding: 35px 40px;
	border: 1px solid #EBEBEB;
	background-color: white;
	/* box-shadow: 0 1px 3px rgba(0,0,0,0.3);*/
 }
.contents.transfer-check .section .phone-check p{line-height: 2;margin-bottom: 10px;}
.contents.transfer-check .section h4 {margin-bottom: 18px;color: #535353;font-size: 20px;}
.contents.transfer-check .section .phone-input-area div {margin-top: 10px;}
.contents.transfer-check .section .phone-input-area label {margin-right: 10px;}
.contents.transfer-check .section .phone-input-area select {
	padding: 5px 10px;
	box-sizing: content-box;
	height:16px;
	border: 1px solid #e8e8e8;
	color: #666;
	font-size: 14px;
	line-height: 1.2;
	font-family: "Nanum Gothic";
	vertical-align: middle;
}
.contents.transfer-check .section .phone-input-area input {padding: 5px 10px;}
.section .phone-input-area input[type=text] {width:40px;text-align: center;}
.contents.transfer-check .section .phone-input-area a {
	margin-left: 63px;
	margin-bottom: 10px;
	font-size: 14px;
	padding: 5px 0 6px;
}
.contents.transfer-check .section-wrap {background: #fafafa;padding: 45px;border: 1px solid #EBEBEB;}
.contents.transfer-check .btn-area {margin-top: 30px;}
.contents.transfer-check .btn-area a.btn {width: 273px;}

.heading-group.type-transfer { background: url(/images/sub/common/heading-bg-service.png) no-repeat; }

.transfer-info .section { overflow: hidden; }
.transfer-info .section .group img {clear:both;cursor:pointer;}
.transfer-info .section .group {min-height: 0; float: left; width: 274px; padding: 20px 0; text-align: center; }
.transfer-info .section .group h4 { color: #333; font-size: 21px; margin-bottom: 5px; height: auto; }
.transfer-info .section .group:first-child { width: 275px; border-left: 0; }
.transfer-info .section td a.btn{min-width:auto;font-size:13px;}
.heading-group.type-transfer { background: url(/images/sub/common/heading-bg-service.png) no-repeat; margin-bottom:10px; }
.msg.transfer {padding-bottom:10px;border-bottom:0px;}

.transfer-request .section { overflow: hidden; }
.transfer-request .section h4 { margin-bottom: 24px; color: #333; font-weight: bold; font-size: 16px; }
.transfer-request .section .group-wrap { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.transfer-request .section .group-wrap div[class^="group"] { padding: 20px; border-top: 1px dotted #EAEAEA; position: relative; }
.transfer-request .section .group-wrap div[class^="group"] a { position: absolute; top: 30%; right: 20px; }
.transfer-request .section .group-wrap div[class^="group"] a.btn { min-width: 46px; padding: 7px 10px 8px; background: #4d4d4d; font-size: 14px; }
.transfer-request .section .group-wrap div[class^="group"] a.btn:hover { background: #444; }
.transfer-request .section .group-wrap div[class^="group"] p { line-height: 1.5; }
.transfer-request .section .group-wrap div[class^="group"] h5 { margin-bottom: 5px; color: #333; font-weight: bold; font-size: 20px; }
.transfer-request .section .group-wrap div[class^="group"]:first-child { padding-top: 20px; border-top: 0; }


/* .not-hand {width:5px;height:5px;border-radius:100%;	background:#be3eff;	display:inline-block;} */
button.btn{display: inline-block;min-width: 112px;padding: 10px 14px 11px;background-color: #444;color: #fff;font-weight: bold;font-size: 16px;text-align: center;vertical-align: middle;}
.calendar-table ~ .btn_area {margin-top:40px;}
.calendar-table tbody td {font-weight:bold;font-family:Arial;border-bottom: 1px solid #eaeaea;padding: 1%;vertical-align: top;height: 36px;line-height:36px;cursor: pointer;position:relative;text-align:center;}
.calendar-table tbody td:after {width:40px;height:40px;background-color:red;position:absolute;}
.calendar-table tbody td.none {cursor: default;background-color:#f9f9f9;opacity:.3;}
.calendar-table tbody td:last-child {color: #2263c7;}
.calendar-table tbody td:first-child {color: #e70128;}
.calendar-table thead th {border-bottom: 1px solid #eaeaea;height: 30px;padding: 1%;text-align:center;background:#f9f9f9;}
.calendar-table thead th:first-child {color: #e70128;}
.calendar-table thead th:last-child {color: #2263c7;}
.calendar-table tbody td.active{color:#fff;background:#e70128;font-weight:bold;vertical-align: middle;}
.holiday {color:red;}
.holiday div{font-size: 0.7em;letter-spacing: -1px;height: 0.7em;line-height: 0.7em;}
#header {padding: 3%;text-align: center;font-size: 1.4em;font-weight: bold;}
::-webkit-input-placeholder {color:#eee;}
::-moz-input-placeholder {color:#eee;}
::-ms-input-placeholder {color:#eee;}
::-moz-placeholder {color:#eee;}
input:-ms-input-placeholder{color:#eee!important;}
input {color:#000!important;font-weight:bold;border:1px solid #bbbbbb;}
#total_zip{width:470px;}
.table tr td:first-child {border-left:0px!important;}
.table tr td:last-child{border-right:0px!important;}
.comment {margin-top: 10px;font-size: 16px;font-weight: bold;}
.example {width:147px;text-align: left;font-size: 14px;font-weight: bold;margin: 0 0 4px 0;padding: 6px 10px;display:inline-block;color:#666;letter-spacing:-1px;}
.calendar-header { text-align: center; font-size: 16px; font-weight: bold; padding: 10px 20px; line-height: 30px; height: 30px; }
/* .calendar-header em { font-style: normal; } */
.calendar-header .g-btn { line-height: 30px;font-size:23px; }
.visit-text {margin-top:10px;}
.left-border-none {border-left:0px!important;}
#ca_input {display:none;}
.list-transfer-type {background-color: #ff7c00;color: #fff;font-weight: bold;padding: 1px 9px; display: inline-block; margin-bottom: 5px;}
.btn {cursor: pointer!important;}