.project_wrap {width:100%; min-width:1080px; margin:0 auto;}

/*오른쪽영역*/
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}


/* 왼쪽_메뉴 영역 */
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}

/* 센터쪽 */
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
.consultation-info input { width:80%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
.consultation-info input input::placeholder {color:#B5BDC4;}
.consultation-info label {padding-left: 10px;}
.consultation-info input[type="checkbox"] {width: 15px; height:15px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
.consultation-info input[type="checkbox"] input::placeholder {color:#B5BDC4;}
.consultation-info select {width:80%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
.consultation-info textarea { width:80%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
.consultation-info textarea::placeholder {color:#B5BDC4;}
.wp60 input { width:80%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
.wp60 input input::placeholder {color:#B5BDC4;}
.wp60 textarea { width:80%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
.wp60 textarea::placeholder {color:#B5BDC4;}

/* content_box */
.project_wrap .content_section .hospital_wrap .center_box .content_box { width:100%; height:calc(100% - 50px); padding-top:20px; display:table; }
.add_btn{
	width:24px;
	height:24px;
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-top: 0px;
}
.ml50{
	margin-left:50%;
}
.button_box button { width:70px; font-size:12px; height:32px; border-radius: 16px;}
.button_box button.cancel_btn {background: #F8FBFF;}
.button_box button.registration_btn {
	margin-left: 10px;
    color: #fff;
    background: #3985EA;
}
.button_box {
	margin-top:30px;
    text-align:center;
}

.fix_area {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.btn-basic {
	width:120px;
	height:40px;
    border: 1px solid #a73439;
    border-radius:5px;
    background-color: white;
    color: #a73439;
}

.clear:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: "";
}


.clear > .right {
    float: right;
}

.clear > .left{
	float:left;
}

.main-img-size {
    position: relative;
    width: 655px;
    height: 368px;
    overflow: hidden;
    border-radius: 0.25rem;
    text-align: center;
}
.img_center img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0;
}


.thumbnail-bottom-txt {
    padding-top: 15px;
}

.thumbnail-bottom-txt > span {
    display: block;
    color: #6c696a;
    font-size: 13.5px;
}

.content>.wp60 {
    width: 60%;
}
.content>.wp40 {
    width: 40%;
}

.wp10{
	width:10%;
}
.wp90{
	width:90%;
}


.content>[class^=wp] {
    float: left;
}

.consultation-info h2{
	font-size: 4rem;
}
.consultation-info p{
	margin-top: 2rem;
	font-size:2rem;
}


.consultation-info .price {
    display: block;
    font-size: 3rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.price-area .border-line {
    height: 1px;
    background-color: #ddd;
}


.hashtag_list{
	padding: 1rem 0 1.5rem;
}

.hashtag_list span{
	font-size:1.6rem;
	color:#a94442;
}


.procedure-area>.procedure_select_txt{
    float: left;
    width: 7rem;
    line-height: 1.5;
    padding-top: 0.375rem;
}

.procedure-area > .dropdown_area {
    float: right;
    width: calc(100% - 7rem);
}

.select_procedure_div {
    position: relative;
}

.select_procedure_div .default_item {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
}

.select_procedure_div .default_item {
    position: relative;
    width: 100%;
    padding-right: 2.5rem;
    background-color: #fff;
    border: 1px solid #cb9f76;
    text-align: left;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.option_scrl_wrap {
    display: none;
    overflow: hidden;
    position: relative;
    z-index:1;
}

.select_procedure_div.active .option_scrl_wrap {
    border: 1px solid #76232f;
}

.select_service_form.active .default_item:after {
    border-top-color: #333;
}

.default_item:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 1.1em;
    margin-top: -0.2rem;
    border: 0.28571428em solid transparent;
    border-top-color: #999;
}


.optipon_item {
    padding: 0.4rem 0.5rem;
}

.sepr_wrap {
    position: relative;
    min-height: 2.5rem;
}

.item_subprice {
    min-height: 42px;
}

.select_procedure_div.active .option_scrl_wrap {
    display: block;
    position: absolute;
    right: -1px;
    left: -1px;
    background-color: #fff;
    user-select: none;
}

.cs-checkbox > label.d-block {
    display: block;
}
.cs-checkbox > label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 30px;
    margin: 0;
    line-height: 20px;
    transition: color .3s ease-out;
}



.oi-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* .cs-checkbox input[type="checkbox"] { */
/*     visibility: hidden; */
/*     display: none; */
/* } */

/* .cs-checkbox > label:before, .cs-radio > .r_visible { */
/*     border: 1px solid #ccc; */
/* } */

input[type="checkbox"] {
  transform: scale(1.5); /* 크기를 1.5배로 확대 */
}

.idxChk{
	position:absolute;
}

.cs-checkbox > label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-right: 0.8em;
    border-radius: 0;
    background-color: #fff;
}

.oi-wrap .oi-txt {
    flex: 0 0 65%;
    max-width: 65%;
}

.option_list {
    display: block;
    background: #fff;
    max-height: 224px;
    overflow-y: auto;
    overflow-x: hidden;
}


.oi-wrap .oi-price {
    flex: 0 0 35%;
    max-width: 35%;
    text-align: right;
}

.original_price {
    color: #757575;
    opacity: 0.7;
}

.d-block {
    display: block;
}

.discount_price {
    font-family: 'Campton', Sans-serif;
    font-weight: 600;
    color: #A73439;
}

.procedure-area:after {
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
    content: "";
}

.selected-procedure{
	margin-top:20px;
	position:relative;
}


.selected-procedure .selt_info_wrap .info {
    top: 0.7rem;
    width: 9.5em;
    padding-top: 0.3em;
}

.selt_info_wrap .info {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 8.5em;
    padding-right: 1rem;
    padding-top: 0.2em;
    text-align: right;
}
.selt_info_wrap .info button{
	border:none;
	background-color:#fff;
}


.real_price {
    font-family: 'Campton', Sans-serif;
    font-weight: 600;
    color: #A73439;
}

.selected-procedure .selt_info_wrap {
    padding: 0.8rem 0;
    z-index:0;
}

.selt_info_wrap {
    position: relative;
    min-height: 2.5rem;
    background-color:#fff;
    border:1px solid #eee;
}

.selected-procedure .selt_info_wrap .selt {
    padding-right: 9.5em;
    padding-left: 1rem;
    width: 100%;
}

.selt_info_wrap .selt {
    padding-top: 0.3em;
    padding-right: 8.5em;
}

.total-price-area .total {
    position: relative;
    background-color: #e6e6e6;
    padding: 25px 25px 60px;
    display: flex;
    justify-content: space-between;
}

.total-price-area .total .txt_sub {
    color: #222222;
    font-size: 2rem;
    opacity: 1;
}
.total-price-area .total .right strong {
    font-size: 22px;
    font-weight: 600;
}

.total-price-area .total-price-txt {
    font-family: 'Campton', Sans-serif;
    font-weight: 600;
    color: #A73439;
}

.total-price-area .total .bs-txt {
    position: absolute;
    bottom: 17px;
    right: 25px;
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #999999;
    letter-spacing: -1px;
}


.main_btn {
    text-align: right;
    margin: 1rem 0;
}

.main_btn button {
    width: 180px;
    height: 50px;
}


.fastrack-btn {
    position: relative;
}

.btn-primary {
    border: 1px solid #a73439;
    background-color: #a73439;
    color: #fff;
}

.img-content{
    background-color: #eee;
}

.img-area{
    padding-top: 70px;
    padding-bottom: 200px;
    text-align:center;
}

/* 페이지게이션 */
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}

/*반응형 View*/
@media only screen and (max-width:1500px) {
    .project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
    .project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
}

@media only screen and (max-width:1280px) {
    .project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
    .project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box { width:110px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box img { width:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:10px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .slash { line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
    .project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
    .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
    .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
    .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
    .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
    .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
    .project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:350px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:14px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { text-indent:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label::after { width:15px; height:15px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox']:checked + label::before { width:5px; height:8px; left:5px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { font-size:14px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box { width:120px; height:32px; background-size:18px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .label { padding:0 10px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list .option_list_item { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input { font-size:12px; height:32px; width:250px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label { font-size:12px; height:32px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label.file_btn img { width:22px; height:22px; }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 350px); }
    .project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:70px; font-size:12px; height:32px; }
}

@media only screen and (max-width:1080px) {
    .project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
}