board_page@charset "utf-8";

.venderWrap{ margin-bottom: 70px;}

.visualWrap{position:relative; height: 460px;  text-align: left; }
.visualWrap img {width:100%; height:auto; display:none;}
.visualWrap.sub1{background: url(../images/sub/subVisual1.jpg)no-repeat 50% 5%; text-align: left; background-size: cover;}
.visualWrap.sub2{background: url(../images/sub/subVisual2.jpg)no-repeat 80% 50%; text-align: left; background-size: cover;}
.visualWrap.sub3{background: url(../images/sub/subVisual3.jpg)no-repeat 50% 50%; text-align: left; background-size: cover;}
.visualWrap.sub4{background: url(../images/sub/subVisual4.jpg)no-repeat 50% 50%; text-align: left; background-size: cover;}
.visualWrap img{width: 100%; height: auto; display: none;}
.visualWrap h2{font-size: 37px; font-weight: 600; color: #fff; padding-top: 255px; text-align: center; letter-spacing: -1.5px;}
.visualWrap p.text{font-size: 15px; color: #fff; font-weight: 300; padding-top: 20px;  text-align: center; letter-spacing: 12px;}

/* 서브화면 내용 */
.titleWrap{text-align: center; padding:0px 0 10px; }
.titleWrap h1 {margin-bottom:10px;}
.titleWrap h3.tit{font-size: 35px; font-weight: 600; color: #222; display: inline-block;position: relative; letter-spacing:-2px;}
.titleWrap p {color:#888; margin:13px;}
.titleWrap h2.tit2 {font-size: 36px; font-weight: 600; color: #222; position: relative; letter-spacing:-1px; margin-top:50px;}

.h-tit {font-size:30px; font-weight:600; margin-bottom:20px;}
.tit {font-size:26px; font-weight:600; margin-bottom:7px;}
.tit2 {font-size:22px; font-weight:500; margin-bottom:7px;}
.tit-s {font-size:15px; font-weight:400; letter-spacing: 15px; margin-bottom:20px;}
h1 span.box {display:inline-block; padding:0px 9px; color:#fff; background:#e36630; border-radius: 5px;}

/* 서브화면 뎁스 */
.location {display:none;}
.location{z-index:2;position:relative;height:72px; line-height: 71px; width:100%; margin:0 auto 0;background:#fff;/*border-top:1px solid #e1e1e1; */border-bottom:1px solid #e1e1e1 ; box-sizing: border-box; }
.location *{vertical-align:middle;}
.location .box{position:relative;max-width:1200px;margin:0 auto;font-size:0;border-left:1px solid #e1e1e1; /*border-left:1px solid #e1e1e1; */}
.location .home{display:inline-block;width:69px;height:72px;font-size:0; /*border-right:1px solid #e6e6e6; */background:url(../images/sub/ico_home.png) no-repeat 50% 50%;border-right:1px solid #e6e6e6;}
.location .home + ul{display:inline-block;}
.location .dep1{position:relative;display:inline-block; padding-left:20px;  border:1px solid transparent;  border-bottom:0; /*border-right:1px solid #e1e1e1; */box-sizing:border-box;border-right:1px solid #e1e1e1;min-width:250px; height:72px; line-height:72px;}
.location .dep1:nth-child(2) {background:#fff;}
.location .dep1 > a{position:relative;display:block;  padding-right:35px;font-size:16px;color:#666; line-height:74px;}
.location .dep1 > span{position:relative;display:block;padding-right:24px;font-size:14px;}
.location .dep1 > a:before{content:"";display:block;position:absolute;top:33px;right:19px;width:12px;height:7px;background:url(../images/sub/ico_lnb_arrow.png) no-repeat 0 0;}
.location .dep1.noicon > a:before{content:"";display:block;position:absolute;top:30px;right:15px;width:12px;height:7px;background:#fff;}
.location .dep2{display:none;position:absolute;width:calc(100% + 2px);left:-1px;top:71px;background:#fff;box-sizing:border-box;}
.location .active .dep2{display:block;padding:0 0 12px 0;border:1px solid #212121;border-top:0;font-size:14px;color:#666;}
.location .active .dep2 li~li{margin-top:0;}
.location .active .dep2 a{display:block;line-height:50px;height:50px;padding-left:23px; padding-right: 15px; box-sizing: border-box; color:#676969;font-size:15px;}

.location .active .dep2 a:hover{position: relative; background: #e36630; color: #fff;font-weight: 500; }
.location .active .dep2 a:hover:before {content: '';display:  block;position: absolute;width:  6px;height:  100%;background: #e36630;top:  0;left:  0;}
.location .dep2.on > a{ color:#fff;}
.location .dep1.active{min-width: 250px; max-width: 340px; left:-1px;top:-1px;border:1px solid #212121;border-bottom:0;}
.location .active > a:before{background:url(../images/sub/ico_lnb_arrow_up.png) no-repeat 0 0;}
.location .dep1.active > a{position:relative;top:1px;left:1px;}

#doc_page {background: url(../images/sub/bg_about1.jpg) no-repeat center center/cover; display: flex; flex-direction: column; align-items: center; justify-content: center; color:#333; padding-bottom:50px;}
#doc_page .con .flex {display:flex; flex-wrap:wrap; gap:30px; margin-top:40px;}
#doc_page .con .l {width:48%; box-sizing: border-box;}
#doc_page .con .r {width:48%; box-sizing: border-box;}
#doc_page .con .r img.doctor {width:100%; display:block;}
#doc_page .con h1 {margin:0px;}
#doc_page .con p {color:#333; font-size:16px; font-weight:400; margin-top:10px;}
#doc_page .con h3 {font-size:35px; font-weight:600; letter-spacing:-.05em; margin-top:3%;}
#doc_page .con h5 {background:#e36630; color:#fff; font-size:18px; font-weight:500; display:inline-block; padding:10px 20px; margin-top:30px;}
#doc_page p span.history_tit {display:block; margin:15px 0 5px; font-weight:600; color:#e36630;}

#doc_page2 {background: url(../images/sub/bg_about2.jpg) no-repeat center top/cover; display: flex; flex-direction: column; align-items: center; justify-content: center; color:#333; padding:100px 0;}
#doc_page2 p {font-size:35px; font-weight:600; color:rgba(256, 256, 256, 0.3); letter-spacing: 5px;}

/* 모달창 스타일 */
#doc_page .con .modal {
	display: none; /* 처음에는 숨김 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	justify-content: center;
	align-items: center;
	z-index:999999;
}
#doc_page .con .modal-content {
	background: white;
	width: 100%;
	max-width:1033px;
	padding: 20px;
	border-radius: 10px;
	position: relative;
	text-align: center;
}
#doc_page .con .modal-content img {width:100%;}
#doc_page .con .modal-content h2 {font-size:17px; font-weight:600; margin-bottom:17px;}

/* 닫기 버튼 스타일 */
#doc_page .con .close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 25px;
	cursor: pointer;
}
/* 버튼 스타일 */
#doc_page .con button {
	padding: 10px 20px;
	font-size: 15px;
	cursor: pointer;
	background: #e36630;
	color: white;
	border: none;
	border-radius: 30px;
	margin-top:60px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
	transition: all .3s;
}
#doc_page .con button:hover {background:#b93a03;}

#process { display: flex; justify-content: center; align-items: center;}
#process h1 {margin-bottom:2%; color:#fff;}
#process h1 span {display:inline-block; padding:1px 8px; background:#e36630; color:#fff;}
#process h5 {font-size:22px; line-height:1.6em; margin-top:35px; margin-bottom:50px;}
#process ul.circle {gap:10px; margin-bottom:40px;}
#process ul.circle li {width:15%; margin:1px; box-sizing: border-box; position:relative;}
#process ul.circle li:last-child:after {display:none;}
#process ul.circle li p {color:#666; font-size:17px; font-weight:400; letter-spacing: -.1em;}
#process ul.circle li img {width:100%;}
#process ul.text {display:flex; flex-wrap:wrap; justify-content: center; color:#fff; max-width:1200px; margin:0 auto;margin-bottom:10px;}
#process ul.text li.left {width:150px;}
#process ul.text li.right {flex:1; text-align: left; padding-left:30px;}
#process ul.text li.right span {text-decoration: underline;}
#process ul.text li.left h3 {color:#fff; background:#e36630; padding:2px 8px; font-size:18px; font-weight:bold;}

#process2 {background: url(../images/sub/bg_about2.jpg) no-repeat center top/cover; display: flex; flex-direction: column; align-items: center; justify-content: center; color:#333; padding:100px 0;}
#process2 > div {background:#fff; border-radius: 25px; text-align: center; padding:40px 20px 50px; width:100%; max-width:1000px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#process2 > div h3 {font-size:25px; font-weight:600; color:#e36630; margin-bottom:25px;}
#process2 > div p {font-size:17px;}
#process2 > div h5 {font-size:20px; font-weight:600; color:#333; margin-top:20px;}
#process2 > div h5 span.blank {display:inline-block; width:30px;}

#list_bg {background: url(../images/sub/bg_clinic.jpg) no-repeat center/cover; padding-bottom:140px;}
#list { display: flex; align-items: center; justify-content: center;}
#list .d-p-standard {width:1200px;}
#list h1 {color:#fff; letter-spacing:-.05em;}
#list h1 span {display:inline-block; padding:1px 8px; background:#ffffff; color:#e36630;}
#list ul {display:flex; flex-wrap:wrap; text-align: left; box-sizing:border-box; margin-top:20px;}
#list ul .left {width:25%;background:#fff;  border-radius:0 0 0 30px;}
#list ul .left img {width:100%; height:auto; border-radius:0 0 0 30px;}
#list ul .right {width:70%; background:#fff; border-radius:0 30px 30px 0; padding:25px 30px 20px 20px;}
#list ul .right h4 { font-size:19px; background:#e36630; color:#fff; font-weight:bold; display:inline-block; padding:10px 20px; margin-bottom:12px;}
#list ul .right h5 { font-size:19px; color:#e36630; font-weight:bold; display:inline-block; margin:20px 0 5px;}
#list ul .right p {font-size:15.5px; color:#666;}
#list ul .right p.s {font-size:15px; color:#666;}
#list p {color:#333; font-size:23px; font-weight:500; letter-spacing:-.02em; line-height: 1.5em;}
#list .list-txt {text-align: center; margin-top:50px;}
#list .list-txt p {font-size:18px; color:#fff; max-width:877px; width:100%; margin:30px auto; line-height: 1.8em;}
#list .list-txt p span {background:#fff; color:#333;}
#list.under_line ul {border-bottom:1px solid #eee;}
#list.under_line ul .right h4 {font-size:26px; color:#333; background:#fff;  padding:10px 15px 10px 0px;}

#list_bg {color:#fff; padding-top:100px;}
#list_bg span.box {background:#fff; color:#e36630; }

#list_bg2 {background: url(../images/sub/bg_clinic2.jpg) no-repeat center/cover; padding-bottom:140px;}

.paper-table-wrap{
    width:100%;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    touch-action:auto;
    cursor:grab;
}
.paper-table-wrap::after{
    content:"";
    display:block;
    text-align:center;
    font-size:12px;
    color:#666;
    padding:10px 0;
}
.paper-table{
    width:100%;
    min-width:1200px;
    border-collapse:collapse;
    font-size:14px;
    color:#333;
	table-layout:fixed;
}
.paper-table th,
.paper-table td{
    white-space:normal;
    word-break:break-word;
}
.paper-table thead th{
    background:#d96f2b;
    color:#fff;
    font-weight:600;
    padding:14px 12px;
    border:1px solid #c86223;
    text-align:center;
}

.paper-table tbody td{
    padding:12px;
    border:1px solid #e1c8bf;
    background:#faf1f1;
    vertical-align:top;
}

.paper-table tbody tr:nth-child(even) td{
    background:#ffffff;
}

.paper-table .col-no{
    width:60px;
}

.paper-table .col-journal{
    width:220px;
}

.paper-table .col-date{
    width:120px;
}

.paper-table td:first-child,
.paper-table th:first-child{
    text-align:center;
}
/* 비급여 */
.price-table-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 80px auto;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 14px;
    font-size: 17px;
    color: #111;
}

.price-table th {
    background: #e96f2c;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 10px;
    border: 2px solid #fff;
    text-align: center;
}

.price-table td {
    background: #f7e6e2;
    border: 2px solid #fff;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6;
}

.price-table tr:nth-child(even) td {
    background: #f2cec5;
}

.price-table td:first-child {
    width: 30%;
}

.price-table td:nth-child(2) {
    width: 22%;
}

.price-table td:last-child {
    width: 48%;
}

.price-table td[rowspan] {
    vertical-align: top;
}

@media screen and (max-width:1400px) {
	#process ul.circle li img {max-width:170px;}
	#list .d-p-standard {width:96%; padding-left:2%; padding-right:2%;}
	#list h1 {padding:30px 0 0px; margin-bottom:0;}
	#list ul {margin-top:10px;}
	#list ul .left {padding:0;}
	#list ul .right {padding:10px 10px 20px; width:69%; font-size:13px;}
	#list ul .right h4 {font-size:18px;}
	#list ul .right h5 {font-size:17px;}
	#list ul .right p {font-size:13px;}
	.h-tit {font-size:25px; margin-bottom:20px;}
	.tit {font-size:20px;  margin-bottom:7px;}
	.tit2 {font-size:17px;  margin-bottom:7px;}
	.tit-s {font-size:13px;  letter-spacing: 10px; margin-bottom:20px;}
}

@media screen and (max-width: 1024px) {
	.location .home {display: none;}
	.location .active .dep2 a {padding-left:11px; height:45px; font-size:14px;}
	.visualWrap {height:340px;}
	.venderWrap {margin-bottom: 30px; margin-top: -95px;}
	.titleWrap h3.tit {font-size:25px;}
	.visualWrap h2 {padding-top:170px; font-size:33px;}
	.visualWrap p.text {font-size:16px;}
	.titleWrap h2.tit2 {font-size:29px;}
	#process h1 {margin-top:80px;}	
	#process ul.text li.left {width:100px;}
	#process ul.text li.left h3 {font-size:14px; padding:1px 4px;}
	#process ul.text li.right {padding-left:20px;}
	#process ul.text li.right p {font-size:13px;}
	#process ul.circle {margin-bottom:10px; gap:0; justify-content: center;}
	#process ul.circle li {width:30%;}
	#process ul.circle li:after {display:none;}
	#process ul.circle li img {width:100%;}
	#list p {font-size:14px;}
	
	#doc_page .con h3 {font-size:29px;}
	#doc_page2 p {font-size:25px;}
	#process2 > div {max-width:700px;}
	#process2 > div h3 {font-size:22px; margin-bottom:20px;}
	#process2 > div p {font-size:14px;}
	#process2 > div h5 {font-size:15px;}
	#list .list-txt p {font-size:17px;}
}


@media screen and (max-width: 900px) {
	.h-tit {font-size:20px; margin-bottom:20px;}
	.tit {font-size:17px;  margin-bottom:7px;}
	.tit2 {font-size:15px;  margin-bottom:7px;}
	.tit-s {font-size:12px;  letter-spacing: 10px; margin-bottom:20px;}
	.location {display:block;}
	.location .home + ul {display: flex;width: 100%;}
	.location .dep1 {min-width: auto;width: 100%;}
	.location .dep1.active {min-width: auto;}
	.location .active .dep2 {margin-top:-9px;}
	
	.titleWrap h2.tit2 {font-size:22px;}
	.titleWrap p {margin:7px;}	
	.f-size20 {font-size:14px;}
	#doc_page .con .left {width:100%; order:2;}
	#doc_page .con .right {width:100%; order:1;}
	#doc_page .con h3 {font-size:22px; margin-top:50px;}
	#doc_page .con .f-size18 {font-size:14px;}
	#doc_page .con h5 {margin-top:15px; font-size:16px;}
	#doc_page .con  p {font-size:14px;}
	#doc_page2 p {font-size:19px;}
	#doc_page .con button {font-size:14px;}
	#list.under_line ul .right h4 {font-size:17px;}
}

@media screen and (max-width: 768px) {
	.location {height:63px;}
	.location .dep1{padding-left: 10px;  height:63px; line-height:63px;}
	.location .dep1 > a {line-height:63px;}
	.location .dep1 > a:before {top:28px;}
	.visualWrap h2 {font-size:25px;}
	.titleWrap img, .txt_logo {width:250px;}
	#process ul.text li.right p {font-size:11px;}
	#list h1 {margin-top:10px;}
	#list p {font-size:13px; margin-top:0px;}
	#list ul .left {border-radius: 0 0 0 15px;}
	#list ul .left img {border-radius: 0 0 0 15px;}
	#list ul .right {width:69%;font-size:12px; border-radius: 0 15px 15px 0;}
	#list ul .right h5 {font-size:13px;}
	#list ul .right p {font-size:12px;}
	#list ul li {padding:10px 0;}
	#list ul li p {font-size:13px;}
	#list ul .right h4 {font-size:15px; margin-bottom:3px; padding:5px 10px;}
	#list ul .left img {  padding:5px 0 0 5px;}
	#list ul .right p.s {font-size:12px;}
	#process2 {padding:50px 0; margin-top:40px;}
	#process2 > div {max-width:auto; width:90%; padding:30px 10px;}
	#process2 > div h3 {font-size:18px;}
	#process2 > div p {font-size:13px;}
	#process2 > div h5 {font-size:14px;}
	#process2 > div h5 span.blank {width:100%;}
	#process ul.circle li p { font-size:13px;}
	#list .list-txt p {font-size:15px;}
	#doc_page .con .l,
	#doc_page .con .r {width:100%;}
	#doc_page .con{overflow:hidden;}
	#doc_page .con .modal-content {width:90%;padding:20px 5px;}
	.paper-table-wrap{
        display:block;
		overflow:auto;
    -webkit-overflow-scrolling:touch;
    touch-action:auto;
        margin:0 -15px;
        padding:0 15px;
    }
	.paper-table{
        min-width:900px;
        font-size:12px;
    }

    .paper-table th,
    .paper-table td{
        padding:10px;
    }
	.paper-table-wrap::after{
        display:none;
    }
	.price-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .price-table {
        /* min-width: 720px; */
        font-size: 15px;
    }

    .price-table th {
        font-size: 18px;
    }
}
@media screen and (max-width: 480px) {
	.location .dep1 > a {font-size:14px;}
	.visualWrap p.text {font-size:14px;}
}