@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");

/* board paging newversion*/
#paginate{
	text-align:center;
	padding:30px 0;
	font-size:0;
	clear:both
}
#paginate a{
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:40px;
	height:40px;
	display:inline-block;
	color:#999;
	font-size:12px;
	font-weight:400;
	font-family:'Roboto',sans-serif;
	line-height:40px;
	vertical-align:middle;
	box-sizing:border-box;
	background-color:#fff;
	margin-left:0
}
#paginate a:hover{
	background-color:#f4f4f4
}
#paginate a.now{
	border-top:1px solid #b18370;
	border-bottom:1px solid #b18370;
	color:#fff;
	background:#b18370
}
#paginate a.btn_paging{
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
	font-size:0
}
#paginate a.btn_paging.first{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_first.png');
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	-khtml-border-radius:5px 0 0 5px;
	-ms-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	border-left:1px solid #ddd
}
#paginate a.btn_paging.prev{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_prev.png');
}
#paginate a.btn_paging.next{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_next.png');
}
#paginate a.btn_paging.last{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_last.png');
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-khtml-border-radius:0 5px 5px 0;
	-ms-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0
}
.board_paging #paginate span:hover{width:auto;height:auto;display:inline;background:none}
/*search - from*/
.list_search{
    margin-top:20px; 
    overflow:hidden;
    height:100px;
    margin-bottom:30px;
}
.list_search .search_box{
    float:left;
    width:calc(80% - 10px);
    height:100%;
    box-sizing:border-box;
    padding:25px;
    border:1px solid #ddd;
    background:#f4f4f4;
    font-size:0;
}
.list_search .search_box .c1{width:180px;margin-right: 5px;}
.list_search .search_box .c2{width:calc(100% - 340px);}
.list_search .search_box .c3{width:150px}
.list_search .search_box select{
    width:100%;
    height:50px;
    font-size:16px;
}
.list_search .search_box input[type='text']{
    width:100%;
    height:50px;
    font-size:16px;
}
.list_search .search_box input[type='button']{
    width:100%;
    font-family:'Montserrat';
    font-size:16px;
    font-weight:500;
    color:#fff;
    background:#999;
}
.list_search .write_btn{
    float:right;
    display:table;
    width:20%;
    height:100%;
    box-sizing:border-box;
    text-align:center;
}
.list_search .write_btn a{
    display:table-cell;
    vertical-align:middle;
    background:#000;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    transition:background-color .3s;
}
.list_search .write_btn a:hover{background:#000}
.list_search .write_btn a span{
    display:inline-block;
    height:24px;
    line-height:26px;
    padding:0 3px 5px 25px;
    font-size:18px;
    color:#fff;
    background:url("//image.idhospital.com/www/oboard/icon_write_btn.png") no-repeat 0 50%;
    border-bottom:1px solid #fff;
}

/****************** common ********************/
.sub_container input {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: inherit;
    font-family: inherit;
    line-height: 1;
    border-radius: 0;
    box-sizing: border-box;
}
.sub_container input[type=text], .sub_container input[type=tel], .sub_container input[type=number], .sub_container input[type=password], .sub_container input[type=submit], .sub_container input[type=button], button, textarea, select {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: inherit;
    font-family: inherit;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	box-sizing: border-box;
}
.sub_container table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    word-break:break-all
}
.stdrd_a {
    max-width:1120px;
    margin:0 auto;
}
.stdrd_a:after{
    content:"";
    clear:both;
    display:block;
}
.sub_container .btn {
    display: inline-block;
    margin-left: 6px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    width: 170px;
    height: 60px;
    line-height:60px;
    font-size: 18px;
    /* border-radius: .25rem; */
    transition: all 0.2s ease-in-out;
}
.btn.btn_navy {
    background: #000;
}
.btn.btn_pink {
    background: #f172ac;
}
.btn.btn_navy a {color:#fff}
.btn.btn_pink a {color:#fff}


/* Form Design */
.inp_grp {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.inp_grp input[type='checkbox'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.inp_grp input[type='checkbox']+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.inp_grp input[type='checkbox']+label:before {
    line-height: 26px;
    display: inline-block;
    width: 26px;
    height: 26px;
    content: ' ';
    text-align: center;
    vertical-align: middle;
    border: 2px solid #d8d8d8;
    background: #fff;
}

.inp_grp input[type='checkbox']:checked+label:before {
    font-weight: bold;
    content: '\002714';
    color: #5ab1e4;
}

.inp_grp input[type='radio'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.inp_grp input[type='radio']+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.inp_grp input[type='radio']+label:before {
    line-height: 26px;
    display: inline-block;
    width: 26px;
    height: 26px;
    content: ' ';
    text-align: center;
    vertical-align: middle;
    border: 2px solid #d8d8d8;
    border-radius: 100%;
    background: #fff;
}

.inp_grp input[type='radio']:checked+label:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 6px;
    width: 18px;
    height: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    background: #5ab1e4;
}

.inp_grp input[type='text'], .inp_grp input[type='tel'], .inp_grp input[type='password'], .inp_grp select {
    width: 180px;
    height: 40px;
    padding: 0 1em;
    border: 1px solid #c7c7c7;
    background: #fff;
}
.inp_grp select::-ms-expand {
    display: none;
}

.inp_grp select {
    background: #fff url("//image.idhospital.com/www/oboard/icon_downArrow.png") no-repeat 90% 50%;
}
.inp_grp select.types {background-position :95% 50%;}

.inp_grp input[type='button'] {
    width: 156px;
    height: 50px;
    padding: 0;
    cursor: pointer;
    border:1px solid #999;
    background-color: #999;
    
}

.inp_grp input[type='submit'] {
    width: 160px;
    height: 50px;
    padding: 0;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
	font-size:1.6rem;
}

.inp_grp a.btn {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
    width: 160px;
    height: 50px;
	line-height: 50px;
    border-style: solid;
    border-width: 1px;
	font-size:1.6rem;
}

.inp_grp .btnB {
    color: #fff;
    background: #5ab1e4;
    border-color: #5ab1e4;
}

.inp_grp .btnW {
    color: #333;
    background: #fff;
    border-color: #333;
}

.inp_grp ::-webkit-input-placeholder {
    color: #555;
}

.inp_grp ::-moz-placeholder {
    color: #555;
}

.inp_grp :-ms-input-placeholder {
    color: #555;
}

.inp_grp :-moz-placeholder {
    color: #555;
}

@media screen and (max-width: 480px) {
	.inp_grp a.btn {
		line-height: 40px;
	}
}


.sub_content {
    padding:90px 0;
    background: #f4f4f4;
}
.sub_content .introTab{
    text-align:center
}

.sub_content .introTab ul{
}
.sub_content .introTab ul li{
    display:inline-block;
    vertical-align:middle;
    margin:0 25px;
    padding-top:40px;
}
.sub_content .introTab ul li a{
    display:block;
    padding-bottom:5px;
    font-size:1.8rem;
    color:#333;
    border-bottom:3px solid transparent;
}
.sub_content .introTab ul li.active a,
.sub_content .introTab ul li:hover a{
    color:#1588ca;
    border-bottom:3px solid #1588ca;
}


/******** //기본 테이블 영역 ********/

.main_gnb_wrap {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.sub_container{padding: 0 0;width: 1420px;margin: 130px auto;position: relative;}
.counselTit{font-family: "ivymode", sans-serif;font-size: 80px;color: #000;font-weight: 400;border-bottom: 1px solid #000;margin-bottom: 110px;padding-bottom: 20px;letter-spacing: 2px;}



.nboard {
    padding: 40px 60px;
    background: #fff;
}

.nboard .nboard_header:after {
    content:'';
    display: block;
    clear: both;
}
.nboard .nboard_header .col_txt {
    float:left;
    margin-top: 30px;
    font-size: 15px;
    color: #999;
}
.nboard .nboard_header .col_txt a {
    color:#3f485b;
    text-decoration: underline;
}
.nboard .nboard_header .col_btn {
    float: right;
}
.nboard .table_cgt::after {
    content:'';
    display: block;
    clear: both;
}
.nboard .table_cgt {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin-top: 20px;
}
.nboard .table_cgt li {
    width: 168px;
    height: 60px;
    line-height:60px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border:1px solid #ccc;
    border-right: 0;
    text-align: center;
    background:#fff;
}
.nboard .table_cgt li:last-of-type {
    border-right: 1px solid #ccc;
}
.nboard .table_cgt li.active {
    background: #b18370;
    border:1px solid #b18370;
}
.nboard .table_cgt li.active a {
    color:#fff;
}
.nboard .table_cgt li a {display: block;color:#959595;font-size: 18px;height: 100%;padding-top: 21px;box-sizing: border-box;}

.nboard .table_cnt {
    margin-top: 20px;
}
.nboard .table_bordered thead {
    border-top: 1px solid #999;
    background-color: #f4f4f4;
}
.nboard .table_bordered th,
.nboard .table_bordered td {
    padding: 20px 5px;
    font-size:14px;
    color:#666;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.nboard .table_bordered td:nth-child(2){
    color:#aaa;
}
.nboard .table_bordered th {
    font-size:16px;
    font-weight: normal;
    color:#333;
}
.nboard .table_bordered .anw i {
    display: inline-block;
    width: 68px;
    height: 22px;
    line-height:22px;
    font-size: 14px;
    font-family: 'Montserrat';
    text-align: center;
    font-style: normal;
    color: #fff;
    border-radius: 5px;
}
.nboard .table_bordered .anw .ico_q {
    background: #000;
}
.nboard .table_bordered .anw .icon_a {
    background: #999;
}
.nboard .table_bordered .anw .icon_c {
    background: #b18370;
}
.nboard .table_bordered .tit {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}
.nboard .table_bordered .tit a {
    display: inline-block;
    color:#333;
    vertical-align: middle;
    width: auto;
    min-width: 0;
    max-width: 360px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.nboard .table_bordered .tit .icon_n {
    display: inline-block;
    margin-left:5px;
    width: 16px;
    height: 16px;
    line-height: 17px;
    font-family: "Montserrat";
    font-size: 10px;
    color: #fff;
    background: #b18370;
    text-align: center;
    vertical-align: middle;
}

/******** //기본 테이블 영역 ********/
.list_search {
    margin-top: 40px;
}




/* 밸런스센터 */
.nboard .nboard_header{position: absolute;top:130px;right: 0;}
.nboard .table_cgt{position: absolute;top: 110px;left: 0;}





/* TOP */
img{width:auto}

@charset "utf-8";
/* Borad Style */
.reservWrap{}
.reservWrap .tit{margin-bottom:40px;line-height:1.3;word-break:keep-all;text-align:center}
.reservWrap .tit h4{font-size:3rem;color:#333}
.reservWrap .tit p{margin-top:20px;font-size:1.8rem;font-weight:300;color:#666}
.reservWrap .tit p span{color:#56b6e6}
.reservWrap .apply{}
.reservWrap .apTbl table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all}
.reservWrap .apTbl table th{text-align:left;font-size:1.6rem;color:#333}
.reservWrap .apTbl table td{padding:7.5px 0;font-size:1.6rem;color:#333}
.reservWrap .apTbl table tr:first-of-type td{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type td{padding-bottom:22.5px}
.reservWrap .apTbl table tr:first-of-type th{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type th{padding-bottom:22.5px}
.reservWrap .apTbl table tr.top{border-bottom:1px solid #ddd}
.reservWrap .apTbl table tr.top td{padding:30px 0}
.reservWrap .apTbl table tr.top th{padding:30px 0}
.reservWrap .apTbl .inp_grp{font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='text'], 
.reservWrap .apTbl .inp_grp input[type='tel'], 
.reservWrap .apTbl .inp_grp input[type='password'], 
.reservWrap .apTbl .inp_grp select{width:380px}
.reservWrap .apTbl .inp_grp label{margin-right:10px;font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='checkbox']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']:checked+label:after{left:5px;width:9px;height:9px}
.reservWrap .apTbl .inp_grp input[type='file']{padding:8px 0;background:#fff}
.reservWrap .apTbl .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.reservWrap .apTbl textarea{display:block;box-sizing:border-box;width:100%;height:180px;padding:15px;border:1px solid #c7c7c7;background:#fff;font-size:1.6rem;color:#333;line-height:1.4;resize:none}
.reservWrap .apTbl .descript{display:inline-block;vertical-align:middle;margin-left:10px;font-size:1.4rem;color:#999}
.reservWrap .apTbl .descript.under_p{display:block;margin-left:0;margin-top:7.5px}
.reservWrap .apTbl .gender{overflow:hidden;width:380px;height:40px;box-sizing:border-box;border:1px solid #c7c7c7;text-align:center}
.reservWrap .apTbl .gender li{float:left;width:50%;height:100%;display:table;cursor:pointer}
.reservWrap .apTbl .gender li span{display:table-cell;vertical-align:middle;font-size:1.4rem;color:#999;background:#fff}
.reservWrap .apTbl .gender li.selected span{color:#fff;background:#56b6e6}
.reservWrap .apTbl .chk_agree .inp_grp label{margin-right:0;margin-left:10px}
.reservWrap .apCheck{margin:60px 0 40px}
.reservWrap .apCheck input[type='checkbox']{display:inline-block;vertical-align:bottom;width:15px;height:15px;margin:0}
.reservWrap .apCheck label{cursor:pointer}
.reservWrap .apCheck label span{display:inline-block;vertical-align:middle;font-size:1.6rem}
.reservWrap .apCheck label span strong{font-size:1.6rem;color:#c91818}
.reservWrap .apCheck .all{margin-bottom:15px;text-align:center}
.reservWrap .apCheck .all label span{color:#222}
.reservWrap .apCheck .pers ul{border-top:1px solid #ccc}
.reservWrap .apCheck .pers ul li{border-bottom:1px solid #ccc}
.reservWrap .apCheck .pers .check{position:relative;overflow:hidden;padding:15px}
.reservWrap .apCheck .pers .check label span{color:#999} 
.reservWrap .apCheck .pers .check.active label span{color:#1588ca} 
.reservWrap .apCheck .pers .check .chk_btn{position:absolute;top:50%;right:0;font-size:1.4rem;color:#999;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.reservWrap .apCheck .pers .hide{overflow:hidden;height:0;background:#f4f4f4;-webkit-transition-duration:500ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms}
.reservWrap .apCheck .pers .hide .scrollY{width:100%;height:100%;font-size:1.4rem;color:#999;border-top:1px solid #ccc}
.reservWrap .apCheck .pers .hide .scrollY *{font-size:inherit;color:inherit;line-height:1.4;word-break:keep-all}
.reservWrap .apCheck .pers .hide.view{height:150px}
.reservWrap .apBtn{font-size:0;text-align:center}
.reservWrap .apBtn .inp_grp input[type='button'],
.reservWrap .apBtn .inp_grp input[type='submit'],
.reservWrap .apBtn .inp_grp a.btn{width:180px;margin:0 2.5px;font-size:1.6rem}


.authWrap{position:relative;background:#fff}
.authWrap .authTab ul.tab_grp li{width:25%}
.authWrap .authTab ul.tab_grp li a{display:block}
.authWrap .authCon{padding:80px}
.authWrap .authPop{display:none}
.authWrap .authPop .blackBg{position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:120}
.authWrap .authPop .popup{position:absolute;top:30%;left:50%;width:600px;margin-left:-300px;background:#fff;z-index:130}
.authWrap .authPop .popup .pTop{overflow:hidden;padding:20px 25px;background:#5ab1e4}
.authWrap .authPop .popup .pTop h4{font-size:1.8rem;color:#fff}
.authWrap .authPop .popup .pTop .btn_grp{position:absolute;top:18px;right:25px}
.authWrap .authPop .popup .pTop .btn_grp .close{width:21px;height:21px}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_l{background:#fff}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_r{background:#fff}
.authWrap .authPop .popup .pBot{padding:40px 25px}
.authWrap .authPop .popup .pBot .inp_grp{font-size:1.6rem;color:#333}
.authWrap .authPop .popup .pBot .inp_grp input[type='text']{width:340px}
.authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.authWrap .authPop .popup .pBot .descript{margin-top:10px;font-size:1.4rem;color:#999}

.JI_readOnly{display:block;width:100%;height:100%;box-sizing:border-box;padding:10px;background:transparent;resize:none;overflow:hidden;border:0;outline:none;overflow-y:auto}







/* main_gnb_wrap */
.main_gnb_wrap{position: fixed;width: 100%;background-color: #fff;z-index: 99;min-width: 1400px;overflow: hidden; top:0; left:0;}
.main_gnb_wrap.on{}
.gnb_menu{height: 100px;position: relative;}
.gnb_menu.on{border-bottom: 1px solid #d1d1d1;}
.gnb_menu .logo {float: left;margin:30px 0 0 60px; width:162px;}
.gnb_menu .logo img {width:100%;}
.gnb_menu .depth01 {float: right;box-sizing: border-box;text-align: center;width: 80%;}
.gnb_menu .depth01 > li {display: inline-block;vertical-align: top;width:12%;}
.gnb_menu .depth01 > li:nth-child(6),
.gnb_menu .depth01 > li:nth-child(7) {width:11%;}
.gnb_menu .depth01 > li > p {font-size: 16px;color:#3a3a3a;letter-spacing: -1px;height: 100px;line-height: 100px;cursor: pointer;}
.gnb_menu .depth01 > li > p > a {display:block; width:100%; height:100%; line-height:100px;}
.gnb_menu .depth01 > li .depth02 {background-color: #fff;text-align: center;margin: 35px 0 20px;display: none;}
.gnb_menu .depth01 > li .depth02 li{}
.gnb_menu .depth01 > li .depth02 li a{font-size: 14.5px;color:#666666;display: block;padding-bottom: 18px;}
.gnb_menu .depth01 > li .depth02 li a:hover {color:#dba6aa;}
.gnb_menu .depth01 > li .depth03 li a {font-size:12px; color:#989898;}

.gnb_menu .red {background-color:red}
.gnb_menu .depth02 .yellow {background-color:yellow}
.gnb_menu .blue {background-color:blue}
.quick_bnr{background-color: #fff;position: fixed;top:50%;transform: translate(0,-50%);right: 35px;z-index: 1;width: 82px;border-radius: 40px;text-align: center;letter-spacing: -1px;box-shadow: 0 0 10px rgba(90,90,90,0.2); z-index:100;}
.quick_list{padding: 20px 0 10px;}
.quick_list li{padding: 15px 0;}
.quick_list li a{display: block;font-size: 13px;}
.quick_list li .quick_list_img{background: url(//image.idhospital.com/idx.idhospital.com/common/quick/online_icon.png?v=1) no-repeat center;background-size: 100%;width: 34px;height: 27px;margin: 0 auto;}
.quick_list li:nth-child(1) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/kakao_icon.png);width: 31px;height: 30px;}
.quick_list li:nth-child(3) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/ytube_icon.png);width: 28px;height: 22px;}
.quick_list li:nth-child(2) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/map_icon.png);width: 24px;height: 27px;}

.quick_list li:hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/online_icon_on.png);}
.quick_list li:nth-child(1):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/kakao_icon_on.png);}
.quick_list li:nth-child(3):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/ytube_icon_on.png);}
.quick_list li:nth-child(2):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/map_icon_on.png);}

.quick_list li:hover .quick_list_txt{color:#dba6aa;}

.quick_list li .quick_list_txt{margin-top: 5px;}
.quick_list li .call_txt{font-size: 13px;color:#3a3a3a;}
.quick_list li .call_txt span{display: block;font-size: 14px;color:#dba6aa;font-weight: 600;margin-bottom: 5px;letter-spacing: -1.5px;}

.top_btn{padding: 27px 0 30px;position: relative;cursor: pointer;}
.top_btn::before{content: '';display: block;width: 80%;height: 1px;background-color: #d2d2d2;position: absolute;top:0;left: 50%;transform: translate(-50%,0);}
/* BOTTOM */
#wholebg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}
.loading-indicator {display:none;padding:0;background:transparent;width:100px;height:100px}
.blocker {z-index:10;}
.fix_counsel{text-align: center;position: fixed;bottom: 0;left: 50%;transform: translate(-50%,0);width: 100%;z-index: 5;}
.fix_counsel_btn{background-color: #b18370;color:#fff;width: 180px;height: 48px;padding: 15px;box-sizing: border-box; font-size: 19px;margin: 0 auto;border-radius: 10px 10px 0 0;cursor: pointer;}
.fix_counsel_btn span{display: inline-block;vertical-align: middle;margin-top: -3px;}
.fix_counsel_btn.on span{animation: fix_counsel_btn_ani 0.5s forwards;}
.privacy_wrap {display:none}
.privacy_wrap .JI_readOnly {height:200px}
@keyframes fix_counsel_btn_ani{
    0%{transform: rotate(0);}
    100%{transform: rotate(180deg);}
}


.fix_counsel_view{background-color: #b18370;letter-spacing: -1px;padding: 45px 0 60px;display: none;width: 100%;}
.fix_counsel_view form{}
.fix_counsel_view input{width: 231px;height: 46px;font-size: 17px;color:#000;padding-left: 12px;box-sizing: border-box;border-radius: 10px;border:0;margin: 0 15px;}
.fix_counsel_view input::placeholder {
  color: a2a2a2;
  opacity: 1; /* Firefox */
}
.fix_counsel_view input[type=submit]{color:#fff;background-color: #624133;cursor: pointer;}
.fix_counsel_view input[type=checkbox] {width: 16px;height: 16px;box-sizing: border-box;margin: -3px 8px 0 0;display: inline-block;vertical-align: middle;accent-color:#fff;}

.agree_box{margin-top: 15px;}
.agree_box label{color:#fff;font-size: 16px;} 

#progressContainer {
    width: 100%;
    background: #f3f3f3;
    border-radius: 8px;
    height: 60px;
    display: none;
}
#uploadResult {
    width: 100%;
    background: #f3f3f3;
    border-radius: 8px;
    height: 60px;
    display: none;
}
.place_wrap {width:100%;position:relative}
.place_wrap img {width:100%;}

.place_wrap #map{position: absolute;top:0;left:57%;width:43%;height:100%;box-sizing: border-box;overflow: hidden;background-color: #fff;}

.footer_wrap{background-color: #000000;letter-spacing: -1px;text-align: center;padding: 45px 0;min-width: 1400px;}
.footer_logo{font-size: 41px;font-family: 'Roboto';font-weight: bold;color:#fff;padding-bottom: 25px;}
.footer_logo img {}
.footer_list{}
.footer_list li{margin-bottom: 7px;}
.footer_list li span{font-size: 14px;color:#999999;display: inline-block;margin: 0 14px;}
/* LAYOUT_MAIN */
body{min-width:1280px;width: 100%;}
h1.skeleton {min-height:500px;display:flex;align-items:center;justify-content:center}
.main_wrap {width:100%; padding-top:100px;}
.main_wrap img {max-width: 100%;}
.main_wrap .visual img {height:100%; object-fit:cover;}