@charset "utf-8";

/* modal 공통 */
.modal{position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 410px; max-width:410px;height: 207px;padding: 20px;margin: auto;background:#fff;z-index:9999;display:none;box-sizing: border-box;}
.modal>p { margin-bottom: 20px; font-size: 15px; line-height: 160%; word-break: keep-all;}
.modal p span { display: block; font-size: 13px; color: #ef0808;}
.modal .left {float: left;width: 25%;line-height: 230%;}
.modal .left p { font-size: 16px;}
.modal .right {float: left;width: 52%;}
.modal .right { line-height: 230%;}
.modal .right input {display: block;margin: 5px 0;color: #000;font-size: 14px;width: 90%;}
.modal .confirm {display: block;float: right;width: 40px;margin: 5px auto 0;padding: 10px 22px;color: #fff;font-size: 17px;text-align: center;line-height: 270%;background: #22614e;}
.modal .confirm:hover { background: #66225a;}
.modal .close{position:absolute;  right:-13px; top:-13px; color:#fff; display:block; }
.modal .close i {color: #fff; font-size: 35px; border-radius: 100%; border:2px solid #000; background: #000;}



/*filed -공통*/
.container {padding-top: 96px;}
.content-wrap{padding-top:110px;padding-bottom:90px;width: 1200px; margin: 0 auto;}
.content-wrap.width100 {width: 100%;}

/* .content{background-repeat:no-repeat;} */
.content {padding: 0 10px;}
.content2 {margin-top: 60px;}
.content-title{margin-bottom:60px;clear:both;}
.content-title .title{font-size: 50px;font-weight: 500;}
/*.content-title.board-title {margin-top: 140px;}*/
.content-title.board-title .title {text-align: center;}

/*sub-title 공통*/
.sub-title{width: 100%;clear: both;background: no-repeat center top;/* background-attachment: fixed; */background-size: cover;}
.sub-title h2{display:inline-block;padding:0 20px;font-weight: bold; font-size: 70px;color: #fff;letter-spacing:-2px; /*background-color:#000000;*/}
.sub-title p{color: rgba(255,255,255,0.9);
    font-size: 16px;
    letter-spacing: -0.3PX;
    margin-top: 20px;
    font-weight: 300;
	word-break: keep-all;
}
.sub-title .title-wrap{padding: 100px 0;text-align: center; background: rgba(0,0,0,0.3);}
.sub-title .text {padding: 10px 0 110px; color: #fff; font-size: 25px; text-align: center; font-weight: 100;}
.sub-title .sub-navi{width: 100%; height: 60px; background-color: #fff; border-top: 1px solid #8b8b8c; border-bottom:1px solid #888889;}
.sub-title .sub-navi ul{/* overflow: hidden; */clear: both;max-width: 1100px;margin: 0 auto;}
.sub-title .sub-navi ul li span {font-size: 20px;}
.sub-title .sub-navi > ul > li{float: left;height:60px;line-height: 178%;font-size: 20px;box-sizing: border-box;border-right: 1px solid #999999;position: relative;background-repeat: no-repeat;/* background-position: 86% center;padding-left: 4%; */background-position: 90% center;padding-left: 3%;line-height: 60px;cursor: pointer;}
.sub-title .sub-navi > ul > li.sub-na-home{width: 7% !important;border-left: 1px solid #999999;text-align: center;padding-left: 0;}
.sub-title .sub-navi > ul > li > a{display: block;/* padding: 16px 0 17px; */height: 100%;line-height: 65px;}
.sub-title .sub-navi ul li.on{font-size: 19px;font-weight: bold;/* line-height: 165%; */background: #1dac9d;}
.sub-title .sub-navi ul li.on:before { position: absolute; width: 100%; height: 100%; border-left: 1px solid #11675e; border-right: 1px solid #11675e; content: ''; left: -1px;}
.sub-title .sub-navi ul li.on a{color:#fff; line-height: 63px;}
.sub-title .sub-navi ul li.on a span{color:#fff;}
.sub-title .sub-navi.sub01 > ul > li{width: 20%;}
.sub-title .sub-navi.sub02 > ul > li{width: 25%;}
/* .sub-title .sub-navi.sub02 > ul > li:last-child{width: 25%;} */
.sub-title .sub-navi ul.sub-navi-2dep {width: 100%;position: absolute;top: 61px;left: 0; background-color:#388d73;/* bottom: 61px; */display: none;z-index:5;}
.sub-title .sub-navi ul.sub-navi-2dep li {border-bottom: 1px solid rgba(255,255,255,0.4);}
.sub-title .sub-navi ul.sub-navi-2dep li a{display: block;color:#fff;padding-left: 24px;line-height: 50px;}
.sub-title .sub-navi ul.sub-navi-2dep li a:hover {background-color:#22614e;}

.con-title{padding-left:20px;background:url('/common2/images/common/con_title_line.png') no-repeat left center;}
.con-title h4 {font-size: 34px; font-weight: 500;}

.no-img {position: relative; background-color: #eaeaea;}
.no-img:before {content: '이미지 준비중';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-top: 80px; background: url('/common2/images/common/icon_noimg.png') no-repeat center top;font-size: 20px;color: #aca8a8;}

/* tab */
.tab-wrap{margin-bottom:25px; font-size:0; border:1px solid #c2c2c2;}
.tab-wrap li{display:inline-block;/* width:25%; */height:65px;line-height:65px;text-align:center;border-left:1px solid #c2c2c2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tab-wrap li:first-child{border-left:0 none;}
.tab-wrap li a{display:block; font-size:25px; font-weight:500;}
.tab-wrap li.on a{color:#fff;font-weight: 500;letter-spacing:-1px;background-color: #22614e;}
.tab-box{display:none;}
.board .tab-wrap li{width:25%;}

/* 병원 둘러보기 */
.tour .tab-wrap {margin-bottom: 0;border-top: 3px solid #22614e; border-right: 1px solid #22614e;border-bottom: 0 none;border-left: 0 none;}
.tour .tab-wrap li {width: 25%;margin-top:-1px;border-bottom: 1px solid #22614e;border-left: 1px solid #22614e;}

.tour .tab-box {padding-top: 45px;}
.tour .tab-box .explanation {margin-bottom: 60px; text-align: center;}
.tour .tab-box .explanation .text {margin-top: 10px;}

.big-imglist {font-size: 0;overflow: hidden;margin-bottom: 145px;}
.big-imglist .big-img {display: inline-block;vertical-align: top;width: 52%;}
.big-imglist .big-img .img {width: 100%; height: 420px;}
.big-imglist .big-img .img img {width: 100%;}
.big-imglist .big-img .title {margin-top: 15px; margin-bottom: 5px; font-size: 20px; font-weight: 500;}
.big-imglist .thumbnail-list {display: inline-block;vertical-align: top; text-align:left;width: 47%;font-size: 0;}
.big-imglist .thumbnail-list li {display: inline-block; margin-right: 1%;width: 31.5%; height: 127px; vertical-align: top;}
.big-imglist .thumbnail-list li:first-child {margin-left: 0;}
.big-imglist .thumbnail-list li img{width:100%;}
.big-imglist .thumbnail-list .img {width: 100%; height: 100%;}
.big-imglist2 .big-img {
	margin-bottom:30px;
}
.big-imglist2 .big-img .title {
	margin-top: 15px; margin-bottom: 5px; font-size: 20px; font-weight: 500;
}


.thumbnail-list .no-img:before {content: '';width: 70px;padding-top: 60px;}
.thumbnail-list img {width: 100%;}

.left-big {text-align: left;}
.left-big .big-img {float: left;}
.left-big .big-img .text {line-height: 130%;}
.left-big .thumbnail-list {float: right;}

.right-big .thumbnail-list {float: left;}

.right-big {text-align: right;}
.right-big .big-img {float: right;}

.tour .tab4content {text-align:center;}
.tour4 {width:100%;}

/*병원장 인사말*/
.page1 .content1 {
	/*border: 1px solid red;*/
	text-align: center;
}
.page1 .content1 .content-title {
	font-size: 45px;
	font-weight: 500;
	line-height: 50px;
}
.page1 .content1 .content-title>span {
	font-size: 45px;
	color: #388d73;
}
.page1 .content1 .content-text {
	color: #676666;
	font-weight: 300;
	font-size: 17px;
	line-height: 30px;
}

.page1 .content2 {
	width:85%;
	margin: 0 auto;
	/*border: 1px solid red;*/
	margin-top: 100px;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
.page1 .content2 .con2box{
	width: 450px;
	text-align: center;
    margin: 0 auto;
}
.page1 .content2 .con2box>.con2box_img {
	width: 100%;
	position: relative;
}
.page1 .content2 .con2box>.con2box_img>img {
	width: 100%;
	height: 560px;
}
.page1 .content2 .con2box>.con2box_img .con2namebox {
	width: 100%;
	height: 60px;
	text-align: center;
	background: #22614e;
	position: absolute;
	bottom: 0;
}
.page1 .content2 .con2box>.con2box_img .con2namebox>p {
	color: white;
	font-weight: 500;
	font-size: 20px;
	line-height: 60px;
}

.page1 .content2 .con2history {
	margin-top: 30px;
}
.page1 .content2 .con2history>li:before {
	content: '· ';
}
.page1 .content2 .con2history>li {
	font-size: 16px;
	color: #676666;
}
.page1 .content2 .con2history>li:nth-child(1):before {
	content: '';
}
.page1 .content2 .con2history>li:nth-child(1) {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
}
/*비전과 미션*/
.page2 .content_vision {
	text-align: center;
}
.page2 .content_vision img {
	max-width:798px;
	width:100%;
}


/*의료진소개*/
.page3 .content1 {
	/*border: 1px solid red;*/
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.page3 .content1 .con {
	width: 49%;
	position: relative;
	margin-bottom: 10%;
	min-height:550px;
}
.page3 .content1 .con>img {
	width: 50%;
}
.page3 .content1 .con>.bluebox {
	background: #eff3f2;
	position: absolute;
	width: 50%;
	height: 100%;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-radius: 0px 10px 10px 0px;
	padding: 25px;
	box-sizing: border-box;
}
.page3 .content1 .con>.bluebox>.con1name {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
}
.page3 .content1 .con>.bluebox>.con1name>span {
	color: #388d73;
	font-size: 17px;
	margin-left: 10px;
}
.page3 .content1 .con>.bluebox>ul {
	margin-top: 10px;
}
.page3 .content1 .con>.bluebox>ul>li {
	font-size:15px;
	font-weight:300;
	word-break: keep-all;
}
.page3 .content1 .con>.bluebox>ul>li::before {
	content:'·';
	margin-right:5px;
}
.page3 .content1 .con>.bluebox>ul>li.tit {
	font-weight: 500;
	font-size: 17px;
	margin:5px 0;
}
.page3 .content1 .con>.bluebox>ul>li.tit::before {
	content: '';
}
/*입원 및 진료안내*/
.add .content {
	margin-bottom: 80px;
}
.add .content > .explanation {
	margin-bottom: 25px;
}
.add li {
	font-size: 20px;
	margin-bottom: 8px;
}
.add .listul {
	padding-left: 20px;
}
.add .listul li:before {
	content: "- ";
}
.add .circlebox {
	/*border: 1px solid red;*/
	width: 90%;
	margin: 0 auto 180px auto;
}
.add .circlebox:after {
	content: '';
	display: block;
	clear: both;
}
.add .circle {
	width: 25%;
	float: left;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
.add .circle .circleimg {
	width: 75%;
	background: #EAEAEA;
	border-radius: 50%;
}
.add .circle .circlenext {
	width: 20%;
	position: absolute;
	z-index: 9;
	top: 80px;
	right: -10%;
}
.add .circle .circletitle {
	font-size: 20px;
	margin-top: 5px;
	font-weight: bold;
}
.add .circle .circletext {
	color: #999999;
}

.add .listul .lititle {
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
}
.add .listul .lititle::before {
	content: "";
}
.add .listul .blueli {
	color: #388d73;
}
.add .listul .grayli {
	color: #666666;
}
.add .listul .grayli>p::before {
	content: "· ";
}
.add .listul .grayli>p {
	color: #666666;
	font-size: 16px;
	padding-left: 10px;
	margin-top: 5px;
}
.add .content4 .con4button a {
	display:block;
	margin-top: 20px;
	margin-left: 30px;
	padding: 0 10px;
	width: 304px;
	height: 56px;
	background: #22614e;
	color: white;
	font-size: 20px;
	line-height:56px;
	text-align:center;
	border:1px solid #ccc;
}
/* 오시는 길 */
.map-img {width: 100%;}
.map-img img {width: 100%;}

.traffic-wrap {margin-top: 25px;}
/* .traffic-list {margin-top: 10px;}
.traffic-list > li {margin-bottom: 15px;padding: 30px;font-size: 0;border: 1px solid #cccccc;display: table;width: 100%;box-sizing: border-box;}
.traffic-list > li .icon, 
.traffic-list > li .info {display: inline-block;display: table-cell;}

.traffic-list .icon {width: 115px;height: 115px;text-align: center;vertical-align: middle;border-right: 1px solid #cccccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.traffic-list .icon span {display: block;margin: 0 auto;width: 72px;height: 72px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #959595;}
.traffic-list .icon .icon-bus {background-image: url('/common2/images/sub/icon_bus.png');}
.traffic-list .icon .icon-car {background-image: url('/common2/images/sub/icon_car.png');}
.traffic-list .icon .text {margin-top: 6px;color: #959595;font-weight: 500;}

.traffic-list > li .info {padding-left: 25px;}
.traffic-list .info li {display: inline-block;vertical-align: top;}
.traffic-list .info .title {margin-bottom: 15px;}

.traffic-list .info.column-three li{width: 33%;}
.traffic-list .info.column-two li{width: 49%;}
.traffic-list .info.column-two li:first-child {margin-right: 15px;}

.traffic-list .column-one .info {vertical-align: middle;line-height: 190%;}
.traffic-list .column-one .info li {display: block;}
.traffic-list .column-one .info li:before {content: '-';display: inline-block;margin-right: 5px;}
.traffic-list .column-one .info li.dashed-none:before{display:none;}

.traffic-list .info-detail .text {margin-left: 10px;}
.traffic-list .info-detail p {display: inline-block;vertical-align: top;}
.traffic-list .info-detail .detail-title {width: 94px;font-weight: bold;}
.traffic-list .info-bus li:nth-child(3) .info-detail .detail-title {width: 110px;}
 */
/* 2021-04-06 수정 */
.traffic-list {margin-top: 30px;}
.traffic-list ul {margin-left: 12px;margin-bottom: 50px;line-height: 180%;}
.traffic-list .title{display: inline-block;color:#fff;background-color: #22614e;border-radius: 17px;padding: 1px 15px 3px;margin-bottom: 10px;}
.traffic-list .detail-title{display:inline-block;font-weight: 700;min-width: 80px;}
.traffic-list .info{display:inline-block;margin-left: 30px;}

.map-list2 {margin-top: 10px; font-size: 0;}
.map-list2 li {display: inline-block;margin-left: 1.5%;width: 23.8%;text-align: center;}
.map-list2 li:nth-child(1) {margin-left: 0;}
.map-list2 li:nth-child(-n+2) {/* margin-bottom: 37px; */}
.map-list2 li img {width: 100%;}
.map-list2 .title a {font-size: 17px;}

/* sub content */
.explanation strong {font-size: 34px; font-weight: 500;}
.explanation strong.bullet {padding-left: 20px; background: url('./common2/images/common/con_title_line.png') no-repeat left center;}
.explanation .text {color: #676666; font-size: 20px; font-weight: 300; line-height: 130%;}

.content > .explanation{margin-bottom: 60px;}
.content > .explanation .text{margin-top:15px;padding-left:15px;}

.img-item-list.list-width {padding: 0 15px;}
.img-item-list > li{overflow: hidden; clear: both; margin-bottom: 50px;}


.img-item-list li dl{width: 465px;letter-spacing: -1px;}
.img-item-list li dl dt{padding-bottom: 12px; font-size: 22px; font-weight: bold; line-height: 30px; color: #424242;}
.img-item-list li dl dd{font-size: 17px; line-height: 30px; word-break: keep-all;}
.img-item-list li dl dd ul{margin-top:12px;}
.img-item-list li dl dd li{padding-left: 10px; text-indent: -4px; font-size: 16px;}
.img-item-list li dl dd li:before{display: inline-block; content:'-'; margin-right: 5px;}

.img-item-list li.img-left .img, .img-item-list li.img-right dl{float: left;}
.img-item-list li.img-right .img, .img-item-list li.img-left dl{float: right;}
.img-item-list li.img-left dl{padding-left: 29px;}
.img-item-list li.img-right dl{padding-right: 29px;}

.img-item-list li .no-img {background-color: #ccc;}

.img-item-list .img{position: relative; display: block; width: 656px; /* min-height: 300px; */ overflow: hidden;}
.img-item-list .img.no-img{height:300px;}
.img-item-list .img img{/*position: absolute; top: 0; left: 50%; margin-left: -335px;*/width: 100%;}

<!--나의 상태에 따른 맞춤형 암진료-->
.img-list {font-size: 0;}
.img-list img {display: block;}
.img-list li {display: inline-block; margin-left: 2.5%;width: 31.5%;text-align:center; vertical-align: top;}
.img-list li:first-child {margin-left: 0;}
.img-list .img{margin-bottom:20px; position:relative;}
.img-list .img img{width:100%;}
.img-list .title{font-size:24px;}
.img-list .link{font-size:20px;color:#999999;}
.img-list .blackbox {
	position: absolute;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
    padding-top: 5%;
	padding-bottom: 5%;
    box-sizing: border-box;
    bottom: 0;
} 
.img-list .blackbox>p {
	color: white;
	margin-bottom: 10px;
	font-size: 20px;
}


/*.img-list .link {display: inline-block; margin-top: 2px; line-height: 30px; border-bottom: 1px solid #a9a9a9;}*/
.img-list .link {
	display: inline-block;
    width: 80px;
    padding: 5px 10px;
    border-radius: 50px;
    color: white;
    font-size: 17px;
    border: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(6, 8, 6, 0.2);
    transition: 0.3s;
}
/*board*/
.board-wrap .info-wrap{width: 352px; float: right; padding-bottom: 18px;}
.board-wrap .info-select{float: left; position: relative;}
.info-wrap .info-slabel{display: block; position: absolute; top: 0; right: 0; width: 68px; height: 38px; padding: 0 15px; line-height: 38px; border: 1px solid #dddddd; background:  url(/common2/images/sub/search_arrow.png) no-repeat 85% center;}
.info-wrap .info-slabel:focus{background-image:  url('/common2/images/sub/search_arrow.png');}
.info-wrap .info-s {opacity: 0; display: block; width: 100px; height: 40px;}



.info-wrap .search input {float: left; display: block; width: 172px; height: 38px; margin: 0 3px; line-height: 36px; border: 1px solid #dddddd;}
.info-wrap .search input.btnSh, 
.info-wrap .search a.btnSh {float: left; margin:0; border:none; display: block; width: 60px; height: 40px; line-height: 40px; text-align: center; background: #48484a; font-size: 14px; color: #fff;}
.info-wrap .search a {float: left; display: block; width: 60px; height: 40px; line-height: 40px; text-align: center; background: #48484a; font-size: 14px; color: #fff;}
.board-table, .board-table.board-table-view, .info-table{clear: both;width: 100%;border-top: 2px solid #22614e;table-layout: fixed;}
.board-table.board-table-view, .board-table.cantact, .info-table{border-top: 0;}
.join-info{border-top: 1px solid #dadada;}
.board-wrap.border-top{border-top: 2px solid #22614e;}
.board-table th, .info-table th{padding: 16px 10px;text-align: center;border-bottom: 1px solid #dadada;background: #f7f9fb;font-size: 16px;vertical-align: middle;font-weight: 500;}
.board-table .right-border{border-right: 1px solid #dadada;}
.board-table .title {text-align: left;}
.board-table .title a:hover{color: #22614e;}
.board-table td, .info-table td {padding: 15px 13px;text-align: center;border-bottom: 1px solid #dadada;font-size: 16px;vertical-align: middle;}
.board-table td a, .info-table td a { font-size: 17px;}
.board-table td.text-l{text-align: left; line-height: 25px;}
.info-table th, .info-table td{text-align: left; line-height: 25px;}
.info-table th{padding-left: 34px;}
.info-table .font-col{color: #777777;}

.board-table .board-re .fa-lock { margin-left: 10px; }
.board-table .board-re .icon_re { margin: 0 5px; font-weight:600; color:#8a6731; }
.board-table .board-re .material-icons { vertical-align:text-bottom; color:#48484a; }

.board-table.board-re span{padding: 5px 10px;border-radius: 15px;color: #fff;background: #fff;word-break:keep-all;border: 1px solid #22614e;font-size: 15px;color: #29292C;}
.board-table.board-re span.re {background: #22614e;color: #fff;}
.board-table-view.board-re {
    margin-top: 100px;
    border-top: 2px solid #22614e;
}

.board-table-view.board-re i {
    color: #22614e;
    vertical-align: text-bottom;
    font-size: 22px;
    font-weight: normal;
}

.board-table.board-list th, .board-table.board-list td{/* width:15%; */}
.board-table.board-list th.title, 
.board-table.board-list td.title{width:70%;}
.board-table.board-list td.title a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-table-edit th{width:10%;}
.board-table-edit td{width:40%;}
.board-table-edit .point { color: #e21c1c; font-size: 12px; float: right; margin-right: 10px;}
.board-table-edit input { width: 98%; border: 1px solid #dddddd; font-size: 16px; box-sizing: border-box;}
.board-table-edit textarea { font-size: 16px; border: 1px solid #ddd;}
.board-table-edit .input01 { width: 20%; max-width: 95px; margin: 0 5px;}
.board-table-edit .phone_num { text-align: left;}

.info-table th, .info-table td{text-align: left; line-height: 25px;}
.info-table th{padding-left: 34px;}
.info-table .font-col{color: #777777;}

.board-table-view .board-con{height:250px;}
.board-table-view .board-con td{ vertical-align: top;}

.board-table .notice {
    display: inline-block;
    padding: 0 8px 2px;
    vertical-align: middle;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #22614e;
}

/* table */
table {border-collapse: collapse; border-spacing: 0;}
.table-type1{width:100%;}
.table-type1 th{padding:10px;height:56px;text-align:center;font-weight:500;border-left:1px solid #fff; background-color:#9cb7af;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.table-type1 th:first-child{border-left:0 none;}
.table-type1 .bg-blue1 th{height:70px;font-size:20px;color:#fff;background-color:#22614e;}
.table-type1 td{/*padding:10px;*/height:60px;text-align:center;border-right:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;word-break:keep-all;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.table-type1 tr:first-child td{border-top:1px solid #d1d1d1;}
.table-type1 tr:nth-child(even) td{background-color:#f7f7f7;}
.table-type1 td.bg-white{background-color:#fff !important;}

/* gallery */
.board-gallery {width:100%;clear: both;}
.gallery-table li{float: left;width: 31%;padding: 8px;margin-right: 1%;margin-bottom: 20px;background-color: #f2f2f2;}
.gallery-table li img{display:block;width:100%;}
.gallery-table li .thumbnail{ width:100%; /* height:227px; */ /* max-height: 362px; */ overflow:hidden;}
.gallery-table .li3,
.gallery-table .li6{margin-right:0;}
.gallery-table .subject{padding: 15px 0;}
.gallery-table .subject a{display:block;font-size: 19px;font-weight: 500;line-height: 30px;color: #292929;word-break: keep-all;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gallery-table .subject a:hover{color:#22614e;}

.thum-gallery .gallery .text {padding: 0 10px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;height: 50px;}
.thum-gallery .gallery .text a {color: #5f5b5b; font-size: 15px;}

/* faq */
.faq-wrap .faq-list { border-top: 2px solid #22614e; font-size: 18px;}
.faq-wrap .faq-list li { border-bottom: 1px solid #dadad9;}
.faq-wrap .faq-list li .faq-img {display: inline-block;width: 40px;height: 40px;margin-right: 40px;line-height: 35px;font-size: 20px;font-weight: 500;color: #fff;vertical-align: middle;text-align:center;border-radius: 100%;background: #454441;}
.faq-wrap .faq-list li .faq-q { padding: 20px 40px; background: url(/common2/images/sub/cancer/faq_arrow_off.png) no-repeat 97% center; transition:all 0.3s; cursor:pointer;}
.faq-wrap .faq-list li .faq-q p{display:inline-block; font-size:18px; line-height:210%;}
.faq-wrap .faq-list li .faq-a { padding: 20px 40px 25px; display:none;}
.faq-wrap .faq-list li .faq-a .faq-img {  vertical-align: top;}
.faq-wrap .faq-list li.on .faq-q { background-color: #cee5de; background-image: url(/common2/images/sub/cancer/faq_arrow_on.png);}
.faq-wrap .faq-list li.on .faq-a { background-color: #f8f8f8;}
.faq-wrap .faq-list li.on .faq-a p{display:inline-block; width:80%; line-height:180%; word-break:keep-all;}
.faq-wrap .faq-list li.on .faq-img { background-color: #22614e;}

/* 비급여 */
.modified-date{display:block;margin-bottom:5px;text-align:right;font-size:18px;font-weight:500;}

/* button */
.regist, .goToList{text-align: right; margin-top: 34px;}
.goToList{margin-bottom: 105px;}
.board-view .goToList{margin-bottom: 0;}
.regist a, .goToList a{display: inline-block;padding: 10px 37px;font-size: 17px;background: #48484a;color: #fff;}

/* 온라인 상담 */
.policy {width:100%;height: 151px;overflow-y: scroll;margin: 0 auto; padding: 10px;border: 1px solid #dcdcdc; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.policy-title {font-size: 18px;margin-bottom:9px;text-align: center;font-weight: 500;}
.policy-bold {margin-bottom:10px; font-weight: 500;}
.policy-sub {margin-top: 10px; margin-bottom:3px; font-weight: 500;} 
.policy-text {margin-bottom: 10px;}
.policy-check {margin: 5px 0 15px; text-align: right;}
.policy-date {text-align: right;}

/* 개인정보 취급방침/이용약관 */
.policy2 {width: 1100px; margin: 0 auto;}
.policy-title2 {font-size: 25px;margin-bottom:30px;text-align: center;font-weight: 500;}
.policy-date2 {margin: 50px 0; text-align: right;}
.policy2 .policy-sub {margin-top: 20px;}
.policy2 .policy-text {margin-left: 15px;}
.policy2 .policy-text:first-child {margin-left: 0;}
.policy-text.policy-text2 {margin-left: 0;}
.policy-rule {margin-bottom: 35px;}

.footerpage_title {
	display: block !important;
    padding: 80px 0 !important;
    font-weight: bold !important;
    font-size: 70px !important;
    color: #fff !important;
    letter-spacing: -2px !important;
    background-color: rgba(0,0,0,0.4) !important;
    text-align: center !important;
}

/* sub-common : 서브 공통 - 하단 컨텐츠 */
/* common */
.sub-common .content h3.title {padding-top: 55px; margin-bottom:38px;font-size:34px;text-align:center; word-break: keep-all;}
/*.sub-common .content h3.title:before {content: '';display: block;width: 87px;height: 12px;background-image: url('/common2/images/main/title_line.png');margin: 0 auto;}*/
.sub-common .content h3.title:after {content: '';display: block;width: 55px;/* background-image: url('/common2/images/main/title_line.png'); */margin: 20px auto 0;border: 1px solid #22614e;}

.board-list {font-size: 0;}
.board-list img {display: block;}
.board-list li {display: inline-block; vertical-align: top;}

/* content1 */
.sub-common .content1 {padding-bottom: 37px;}
.sub-common .content1 .inner-wrap {margin: 0 auto; width: 1200px;}
.sub-common .content1 .board-list li{margin-left: 19px;}
.sub-common .content1 .board-list li:first-child{margin-left:0;}

/* content2 */
.sub-common .content2 {margin-top: 30px; padding-bottom: 100px;}
.sub-common .content2 .inner-wrap {margin: 0 auto; width: 1200px;}
.sub-common .board-list.program li{margin-left:2px; padding:31px 0 15px; width:198px; height:200px; background-color:#eaeaea; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:all 0.5s;}
.sub-common .board-list.program li:first-child{margin-left:0;}

.board-list.program li:nth-of-type(1) {
	background-image: url(/common2/images/main/program_bg1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-list.program li:nth-of-type(2) {
	background-image: url(/common2/images/main/program_bg2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-list.program li:nth-of-type(3) {
	background-image: url(/common2/images/main/program_bg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-list.program li:nth-of-type(4) {
	background-image: url(/common2/images/main/program_bg4.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-list.program li:nth-of-type(5) {
	background-image: url(/common2/images/main/program_bg5.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-list.program li:nth-of-type(6) {
	background-image: url(/common2/images/main/program_bg6.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-list.program img{margin:0 auto; width: 40%;}

.sub-common .board-list.program img{margin:0 auto;}
.board-list.program .title{   
	margin-top: 18px;
    line-height: 23px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

/* content3 */
.sub-common .content3 {padding-bottom:100px; background-color: #ececec;}
.sub-common .content3 a { position: absolute; right: 0; top: 90px;}
.sub-common .content3 .inner-wrap {margin: 0 auto;width: 1200px;position: relative;}

.sub-common .board-list.gallery li {margin-left: 5%; width: 30%;}
.sub-common .board-list.gallery li:first-child {margin-left: 0;}
.sub-common .board-list.gallery li .img {position:relative;width:100%; -webkit-border-radius: 5%;-moz-border-radius: 5%;border-radius: 5%;overflow:hidden;border: 1px solid #b7b0b0; background-color: #fff;}
.sub-common .board-list.gallery li .img img{width:100%;}

/* content4 */
.sub-common .content4 {padding-bottom: 34px;}
.sub-common .content4 .inner-wrap {margin: 0 auto; width: 1200px;}

.board-list.gallery2 li {margin-left: 0.1%; /*padding: 10px;*/ width: 24.9%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.board-list.gallery2 li:first-child{margin-left:0;}
.board-list.gallery2 li.bg1 {background-color:#86bc24;}
.board-list.gallery2 li.bg2 {background-color:#5bb115;}
.board-list.gallery2 li.bg3 {background-color:#558e46;}
.board-list.gallery2 li.bg4 {background-color:#22614e;}
.board-list.gallery2 img {width: 100%;}
.board-list.gallery2 .top {padding: 23px 10px 35px 10px; height:195px;}
.board-list.gallery2 .top strong {color: #fff; font-size: 25px; font-weight: 600;}
.board-list.gallery2 .top p {color: #fff; margin-top: 5px;}
.board-list.gallery2 .btn-more{float: right;width:21px;height:22px;margin-top: 7px;font-size: 0;background:url('/common2/images/main/btn_more_w.png');}
/* content5 */
.sub-common .content5 .map {position: relative; margin:0 auto; width: 100%; max-width: 1920px; height: 479px; text-align: center; overflow: hidden; background-image: url(/common2/images/main/main_map.png); background-position: center top;}
.sub-common .map .box-wrap {position: absolute; left: 0; right: 0; margin:0 auto; width:1200px; height: 100%;}
.sub-common .map .box {position: absolute;right: 0;bottom: 110px;padding: 28px 33px 32px;width: 326px;height: 250px;text-align: left;background-color: #22614e;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sub-common .map .box .title {font-size: 30px; font-weight: bold; color: #fff;}
.sub-common .map .box .title:after {content: '';display: block;margin: 13px 0;width: 100%;height: 1px;background-color: #fff;background-color: rgba(255,255,255,0.3);}
.sub-common .map .box .text {font-size: 20px;color: #fff;font-weight: 300;letter-spacing: -1px;line-height: 30px;text-indent: -27px;padding-left: 28px;}
.sub-common .map .box .text:before{content:'';display: inline-block;margin-right: 8px;width:19px;height:19px;background-image:url('/common2/images/main/icon_check.png');}

/* 항암영양식단 - 주간 */
.weekly-gallery {position:relative;}
.weekly-gallery *:focus {outline:0;}
.weekly-gallery .slick-list, 
.weekly-gallery .slick-track {width:100%; overflow:hidden; zoom:1;}
.weekly-gallery .slick-slide {width:100%; float:left; position:relative;overflow:hidden;}
.weekly-gallery .slick-slide > img{/* width:100%; */display: block;margin-left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.weekly-gallery .slick-slide img {width: 100%;}
.weekly-gallery .slick-dots {font-size: 0;}
.weekly-gallery .slick-dots li {display: inline-block; margin-right: 0.5%; width: 13.8%;}
.weekly-gallery .slick-dots li:last-child {margin-right: 0;}
.weekly-gallery .slick-dots .thumb img {width: 100%;}

.weekly-gallery{position:relative;}
.weekly-gallery .slick-arrow {position: absolute;top: 50%;margin-top: -36px;border: 0;width: 72px;height: 72px;font-size: 0;z-index: 3;background-color: transparent;}
.weekly-gallery .slick-next {right: 0; background-image: url('/common2/images/common/btn_arrow_next.png');}
.weekly-gallery .slick-prev {left: 0;background-image: url('/common2/images/common/btn_arrow_prev.png');}

@media screen and (min-width:1024px) {
	.info-list.column-three li:nth-child(3n+1){margin-left: 0;}
}
@media screen and (max-width:1200px) {

	.content-wrap,	
	.content-wrap.width100 > .content > .inner-wrap,
	.cancer-injection > .tab-wrap, 
	.cancer-injection > .tab-box > .content > .inner-wrap {width: 95%;}
	
	/* 오시는길 */
    .traffic-list .info.column-two li {width: 100%;}
    .traffic-list .info .title {margin-bottom: 6px;}
    .traffic-list .info.column-two li:first-child {margin-bottom: 15px;}
    
    /* sub content */
    .img-item-list li dl{width: 47%;}
    .img-item-list li.img-left dl{padding-left: 3%;}
    .img-item-list li.img-right dl{padding-right: 3%;}
    .img-item-list li .img{width: 50%;}
	
	/* 개인정보취급방침, 이용약관 */
    .policy2 {width: 90%;}
    
    /* faq */
    .faq-wrap .faq-list li .faq-img{vertical-align:top;}
    .faq-wrap .faq-list li .faq-q p { width: 80%; line-height: 180%;}
    .faq-wrap .faq-list li.on .faq-a p { width: 80%; line-height: 180%;}
	.faq-wrap .faq-list li.on .faq-a p br { display: none;}

}
@media screen and (max-width:1200px) and (min-width:1024px) {
	.item-ex-type1 .ex-img img {height: 100%;width: auto;}	
}

@media screen and (max-width:1200px) {
	.left-big .big-img,
	.right-big .big-img,
	.left-big .thumbnail-list,
	.right-big .thumbnail-list {float: none;}
	.right-big {text-align: left;}
	 
	
	.big-imglist .big-img {width: 100%;}
	.big-imglist .big-img img {width: 100%;}
	.big-imglist .big-img .img {height: 320px;}
	
	.big-imglist .thumbnail-list {
	    margin-top: 20px;
	    width: 100%;
	}
	.big-imglist .thumbnail-list li:nth-child(3n+1) {
	    margin-left: 0;
	}
	.big-imglist .thumbnail-list li {
	    margin-top: 10px;
	    height: auto;
	    width:25%;
	}
}

@media screen and (max-width:1100px) {
	/*입원*/
	
}
@media screen and (max-width:1023px) {
	.container{padding-top:50px;}
	
	/* 오시는길 */
    .traffic-list .info-detail .text {margin-left: 0;}
    .traffic-list .info-detail{width: auto;}
    .traffic-list .info.column-three li {width: 31%;}
    .traffic-list > li {padding: 30px 30px 30px 30px;}
	
	/* table */
	.board-table.board-list colgroup { display: none;}
    .board-table.board-list th, .board-table.board-list td {width: 15%;}
	.board-table.board-list th:nth-child(1), .board-table.board-list:nth-child(1) td {width: 8%;}
	.board-table.board-list th:nth-child(2), .board-table.board-list:nth-child(2) td {width: 40%;}
	
    /*병원장인사말*/
	.page1 .content2 .con2box {
		width: 350px;
	}
	.page1 .content2 .con2box>.con2box_img>img {
		width: 350px;
		height: auto;
	}

	/*의료진소개*/
	.page3 .content1 .con {width:100%;}
    /*입원 및 진료안내*/
	.add .circlebox {
		margin: 0 auto 120px auto;
	}
	.add .circle .circlenext {
		top: 50px;
	}
	
	/* gallery */
    .gallery-table li{ width:49%; margin-right:1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .gallery-table li.li2, .gallery li.li4 { margin-right: 0;}
    .gallery-table li.li3 { margin-right: 1%;}
    
    .gallery-table li .thumbnail {height: 0;padding-bottom: 60%;}
    
    .sub-common .content .inner-wrap,
    .sub-common .map .box-wrap{margin:0 auto; width: 90%;}    
    .sub-common .content3{background-size:29%;}
    
    .sub-common .board-list.gallery li:nth-child(3) {margin-left: 0;}
	.sub-common .board-list.gallery li:nth-child(-n + 2) {margin-bottom: 15px;}
	.sub-common .board-list.gallery2 li {margin-left: 0.2%; width: 49.8%;}
	.sub-common .board-list.gallery2 li:nth-child(3) {margin-left: 0;}	
	.sub-common .board-list.gallery2 .img img {width: 100%;}
	.sub-common .board-list.program li:nth-child(-n + 3) {margin-bottom: 0.4%;}
	
	/*비급여 */
	.unpaid-table-wrap {overflow-x: scroll;}
	.unpaid-table-wrap .table-type1 {width: 1100px;}
	.unpaid-table-wrap::-webkit-scrollbar { width: 5.2px; height:3px}
	.unpaid-table-wrap::-webkit-scrollbar-track { box-shadow: 0 0 0 1px #fff inset; background-color:#c3c3c3; }
	.unpaid-table-wrap::-webkit-scrollbar-thumb { background: #4e4e4e;}
	.unpaid-table-wrap::-webkit-scrollbar-thumb:hover { background: #404040; }
	.unpaid-table-wrap::-webkit-scrollbar-thumb:active { background: #808080;}
	.unpaid-table-wrap::-webkit-scrollbar-button { display: none; }
}
@media screen and (max-width:1023px) and (min-width:721px) {
	.sub-common .board-list.gallery2 li:nth-child(-n + 2) {margin-bottom: 0.1%;}
	.sub-common .board-list.program li:nth-child(4){margin-left:0}
	
}
@media screen and (max-width: 980px){
    /* modal */
    .modal{width:80%;}
}
@media screen and (max-width: 920px){
	/*비전과미션*/
	.page2 .content1 .content1_img {
		width: 100%;
	}
	.page2 .content1 .content1_img .textbox {
		width: 70%;
		padding: 30px;
		box-sizing: border-box;
	}
	.page2 .content1 .content1_img .textbox>p {
		padding-top: 10%;
		word-break: keep-all;
	}
}
@media screen and (max-width: 880px){
	/*병원장인사말*/
	.page1 .content2 .con2box {
		width: 300px;
	}
	.page1 .content2 .con2box>.con2box_img>img {
		width: 300px;
		height: auto;
	}
	.page1 .content2 .con2history {
		margin-top: 20px;
	}
}
@media screen and (max-width: 780px){
	/* 의료진 소개 */
	.page3 .content1 {
		display: block;
	}
	.page3 .content1 .con {
		width: 100%;
	}
	.page3 .content1 .con>.bluebox>.con1name {
		font-size: 35px;
	}
}
@media screen and (max-width: 768px){
	/* sub content */
/*     .img-item-list li dl{width: 90%; margin: 0 auto;}
    .img-item-list li dl dd br{display:none;}
    .img-item-list li.img-left .img, .img-item-list li.img-right dl{float: none;}
    .img-item-list li.img-right .img, .img-item-list li.img-left dl{float: none;}
    .img-item-list li.img-left dl, .img-item-list li.img-right dl{padding: 35px 0 0 0;}

	.img-item-list li .img{width: 100%;height: 0; padding-bottom: 41%;}    
    .img-item-list li .img img { position: inherit; margin: 0; width: 100%; left: 0;} */
}
@media screen and (max-width: 760px){
	/*병원장인사말*/
	.page1 .content2 {width: 95%;}
	.page1 .content2>div:nth-of-type(2) {
		margin-left: 5px;
	}
	.page1 .content2 .con2box>.con2box_img .con2namebox {
		height: 40px;
	}
	.page1 .content2 .con2box>.con2box_img .con2namebox>p {
		line-height: 40px;
	}
}
@media screen and (max-width:720px) {
	.content-wrap {padding: 80px 0 60px;}
	
	.content {background-size: 1100px;}
		
	.content-title {margin-bottom: 40px;}
	.content-title .big-title {margin-bottom: 10px; line-height: 120%;font-size: 32px;}
	.content-title .title {/* font-size: 20px; */letter-spacing: -1px !important;}
	
	.sub-title h2 {padding: 5px 20px 10px; font-size: 35px; line-height: 35px;}
	.sub-title .sub-navi {height: 50px;}
	.sub-title .sub-navi > ul > li {line-height: 50px;height: 50px;}
	.sub-title .sub-navi > ul > li.sub-na-home {width: 15% !important;}
	.sub-title .sub-navi.sub01 > ul > li {width: 42.5%;}
	.sub-title .sub-navi.sub02 > ul > li {width: 35%;}
	.sub-title .sub-navi.sub02 > ul > li:last-child {width: 50%;}
	
	.sub-title .sub-navi ul li span {padding-top:17px;font-size: 17px;}
	.sub-title .sub-navi ul.sub-navi-2dep {top: 51px;}
	.sub-title .sub-navi ul.sub-navi-2dep li a {line-height: 45px;}
	
	.sub-title .sub-navi > ul > li.sub-na-home img {display: inline-block;padding-top: 17px;vertical-align: super;}
	
	.sub-title > .sub-navi > ul {display: table; width: 100%;}
	.sub-title .sub-navi.sub02 > ul > li {display: table-cell; line-height: 46px; vertical-align: middle; word-break: keep-all;}
	.sub-title .sub-navi > ul > li.sub-na-home img {padding-top: 0; width: 14px;}
	.sub-title .sub-navi ul li span {display: inline-block; padding-top: 0; line-height: 17px; font-size: 16px; vertical-align: middle;}
	.sub-title .sub-navi ul.sub-navi-2dep li a {font-size: 15px;padding: 15px;line-height: 17px;/* height: 45px; */box-sizing: border-box;/* padding-top: 15px; */}
	
	.content-title .title {font-size: 35px;}
	.content-wrap {padding: 60px 0 40px;}
	.content {padding: 0;}
	.content > .explanation {margin-bottom: 40px;}
	
	.con-title h4 {font-size: 30px;}
	
	.content1 .content-title {font-size: 30px; line-height: 35px;}
	.content1 .content-title>span {font-size: 30px;}
	.content1 .content-text {margin: 0 auto; width: 85%; word-break: keep-all;}
	.content2 {margin-top: 80px;}
	
	.explanation strong {font-size: 26px;}
	.explanation strong.bullet {display: block; text-indent: 0px; background-position: left 6px;}
	
	.content > .explanation .text {padding: 0 15px; font-size: 17px;}
	
	.img-item-list.list-width {padding: 0;}
	.img-item-list li .img {padding-bottom: 50%;}
	.img-item-list li.img-left dl, .img-item-list li.img-right dl {padding: 30px 0 0 0;}
	.img-list li {margin-top:20px; margin-left:0; width: 100%;}
	.img-list li:first-child {margin-top:0;}
	.img-list .img {margin-bottom: 15px;}
	.img-list .title {font-size: 20px;}
	.img-list .link {font-size: 17px; line-height: 27px;}

	/*비전과미션*/
	.content-wrap2 .content2-title {font-size: 40px;}
	
	/* 입원 및 진료안내 */
	.add .listul {
		padding-right: 10px;
	}
	
	/* 오시는길 */
    /* .traffic-list .info.column-three li {width: 100%; margin-bottom: 15px;}
    .traffic-list .info.column-three li:last-child {margin-bottom: 0;}
    .traffic-list .info-detail .detail-title {width: auto; margin-right: 6px;}
    .traffic-list .info-bus li:nth-child(3) .info-detail .detail-title{width: auto;}
    
    .traffic-list > li {padding: 15px 25px 25px;}    
    .traffic-list > li .icon, 
    .traffic-list > li .info {display: block; text-align: left;}
    .traffic-list > li .info {padding: 19px 0 0 0;}    
    
    .traffic-list .icon {display: block; width: 100%; height: auto; margin: 0 auto; border-bottom: 1px solid #cccccc; border-right: none;}
    .traffic-list .icon span {display:inline-block; width: 62px; height: 62px;}   
    .traffic-list > li .icon span {display: inline-block;margin-bottom: 10px;background-size: contain;}
    .traffic-list > li .icon {font-size: 0;}
    .traffic-list .icon .text {display: inline-block; margin: 16px 0 8px 10px; font-size: 20px; vertical-align: top;}
        
    .traffic-list .column-one .info {line-height: 150%;} */
    /* 20210406 수정 */
    .traffic-list .info {display: block; margin-bottom: 5px; margin-left: 10px; word-break: keep-all;}
    
    .map-list2 li {width: 49%;}
	.map-list2 li:nth-child(3){margin-left:0;}
	.map-list2 li:nth-child(n+3){margin-top:15px;}
    
   	/* sub content */
    .img-item-list li dl{width: 90%; margin: 0 auto;}
    .img-item-list li dl dd br{display:none;}
    .img-item-list li.img-left .img, .img-item-list li.img-right dl{float: none;}
    .img-item-list li.img-right .img, .img-item-list li.img-left dl{float: none;}
    .img-item-list li.img-left dl, .img-item-list li.img-right dl{padding: 35px 0 0 0;}

	.img-item-list li .img{width: 100%;height: 0; padding-bottom: 41%;}
	.img-item-list .img.no-img {height: 0;}    
    /* .img-item-list li .img img { position: inherit; margin: 0; width: 100%; left: 0;} */
	
    /*board*/
    .board-table.board-list th:nth-child(1), .board-table.board-list th:nth-child(4), .board-table.board-list td:nth-child(1), .board-table.board-list td:nth-child(4){display:none;}
    .board-table.board-list th:nth-child(2), .board-table.board-list td:nth-child(2){width:50%;}
    .board-table.board-list th:nth-child(3), .board-table.board-list td:nth-child(3){width:22%;}
    
    .board-table th, .info-table th{font-size:15px;}
    .board-table td, .info-table td{font-size:14px;}
    

    /* 게시판 view */
	.board-table-view colgroup { display: none;}
	.board-table-view th, .board-table-view td { display: block; width:100%; box-sizing:border-box;}
	.board-table.board-table-view .right-border { border-right: none;}
	.board-table-view .board-con img { width: 100% !important; height: auto !important;	}
	
	.board-table-view .board-con {height: auto;}
	.board-table td, .info-table td, .board-table td p {font-size: 14px;}
	
	/* button */
	.regist, .goToList {margin-top: 24px;}
	.regist a, .goToList a {padding: 5px 20px;font-size: 16px;}
	
	/* 온라인상담 */
	.policy-title {font-size: 16px;}
	.policy-text {font-size: 15px; line-height: 150%;}
	
	/* 개인정보취급방침, 이용약관 */
    .policy-title2 {font-size: 21px;}
    .policy2 .policy-sub {margin-top: 25px;}
    .policy-rule {margin-bottom: 16px;}
    .policy-title2 {margin-bottom: 25px;}
	
	
	.tab-wrap li a {font-size: 20px;}
	.tour .tab-wrap li {width: 50%;}
	
	.sub-common .board-list {text-align: center;}
    .sub-common .board-list img {width: 100%;}
    .sub-common .board-list.gallery {margin-top: 75px;}
	.sub-common .board-list.gallery li {margin-left: 0;margin-bottom: 3%; width:100%; box-sizing: border-box;}
	.sub-common .board-list.gallery li img {box-sizing: border-box;}
	
	.sub-common .board-list.program li:nth-child(2n+1) {margin-left: 0;}
	
	.sub-common .board-list.gallery2 li {margin-left: 0; width: 100%;}
	.sub-common .board-list.gallery2 .top {padding: 4% 3% 6%; text-align: left;}
	
	.sub-common .content .inner-wrap{width: 95%; margin:0 auto;}
	.sub-common .content1 .board-list li {margin-left: 0; margin-bottom: 40px;}
    .sub-common .content1 .board-list li:last-child {margin-bottom: 0;}
    
    .sub-common .content3 a{top: 116px; left: 0; right: 0;margin: 0 auto;  width: 120px;}
    .sub-common .content3 a img{ display: block; width: 120px;}
    
    .sub-common .content5 .map {position: relative; height: 220px;}

    .sub-common .board-list.gallery2 li {margin-bottom: 1px;}

    .sub-common .board-list.program img {width: 70%; max-width: 110px;}
	.sub-common .board-list.program li {width: 49.6%; height: 202px;}
	.sub-common .board-list.program .title {font-size: 19px; line-height: 23px;}
	
	.sub-common .board-list.program li:nth-child(2n+1) {margin-left: 0;}

	.sub-common .content5 .map {padding-bottom: 205px;height: 383px; background-position: center -50px;}
	.sub-common .content5 .map .box-wrap {width: 100%;}
	.sub-common .content5 .map .box {bottom: 0;padding: 15px 20px 32px;width: 100%;height: auto;}
	.sub-common .map .box .title {font-size: 25px;}
	.sub-common .map .box .title:after {margin: 8px 0;}
	.sub-common .map .box .text {font-size: 17px;line-height: 27px;} 
	
	/* 비급여 */
	.modified-date {font-size: 16px;}
	.board .tab-wrap li {width: 50%;}
	.board .tab-wrap .tab3 {border-left: 0 none;}
	.board .tab-wrap .tab3, .board .tab-wrap .tab4 {border-top: 1px solid #c2c2c2;}
	
	.table-type1 th {height: 45px;}
	.table-type1 td {padding: 10px 5px;height: auto;font-size: 15px;}
	.table-type1 .bg-blue1 th {padding: 20px;height: auto;font-size: 17px;}
	
	.unpaid-table-wrap .table-type1 {width: 920px;}
	
	.weekly-gallery .slick-arrow { width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat;}
	
	
}
@media screen and (max-width: 667px){
	.page2 .content1 .content1_img .textbox>p>span {
		font-size: 35px;
	}
}
@media screen and (max-width: 648px){

    /* board */
    .board-table td a, .info-table td a{font-size:15px;}
    .board-table-edit th, .board-table-edit td { display: inline-block; width: 100%; box-sizing: border-box; text-align: center !important;}
  	.board-table-edit .right-border{border-right:none;}
  	.board-table-edit .point {float: none; margin-left: 20px;}
  	.board-table-edit colgroup{display:none;}
  	
  	.faq-wrap .faq-list li .faq-q { padding: 20px;}
  	.faq-wrap .faq-list li .faq-q p{line-height:150%;}
  	.faq-wrap .faq-list li .faq-a{padding:20px;}  	
  	.faq-wrap .faq-list li .faq-img {margin-right: 20px;}
  	
  	
  	/* modal */
  	.modal { padding: 15px; height:230px;}
  	.modal>p {margin-bottom:10px; font-size: 14px;}
  	.modal .left {width: 40%;}
	.modal .left p { font-size: 15px;}
	.modal .right input {width: 100%;}
	.modal .confirm { width: 100%; line-height: 18px; box-sizing:border-box;}

	/*병원장인사말*/
	.page1 .content2 .con2box {
		width: 250px;
	}
	.page1 .content2 .con2box>.con2box_img>img {
		width: 100%;
	}
}
@media screen and (max-width: 630px){
	/*의료진소개*/
	.page3 .content1 .con>img {width:100%;}
	.page3 .content1 .con>.bluebox>ul {margin-bottom:20px;}
	.page3 .content1 .con>.bluebox {width:100%; position:unset; transform: unset; border-radius: unset;}
}
@media screen and (max-width: 590px){
	/*입원 및 진료안내*/
	.add .circlebox {
		width: 100%;
		margin: 0 auto;
	}
	.add .circle .circletitle {
		font-size: 17px;
	}
	.add .circle .circletext {
		font-size: 13px;
		font-weight: 400;
	}
	.add .con4button {
		text-align: center;
	}
	.add .content4 .con4button a {
		margin:50px auto 0 auto;
	}
	.add .circle .circlenext {
		top: 35px;
	}
}
@media screen and (max-width: 530px){
	/*비전과미션*/
	.page2 .content1 .content1_img .textbox {
		height: 250px;
	}
	.page2 .content1 .content1_img .textbox>p {
		font-size: 25px;
	}
	.page2 .content1 .content1_img .textbox>p>span {
		font-size: 30px;
	}
}
@media screen and (max-width: 520px){
	/*비전과미션*/
	.page2 .content1 .content1_img .textbox>p {
		padding-top: 5%;
	}
	/*의료진 소개*/
	.page3 .content1 .con>.bluebox>.con1name {
		font-size: 25px;
	}
	.page3 .content1 .con>.bluebox>.con1name>span {
		font-size: 15px;
		margin-left: 5px;
	}
	.page1 .content2 .con2box>.con2box_img .con2namebox {
		height: 30px;
	}
	.page1 .content2 .con2box>.con2box_img .con2namebox>p {
		line-height: 30px;
		font-size: 17px;
	}
}
@media screen and (max-width: 510px){
	/*병원장 인사말*/
	.page1 .content2 {
		margin-top: 80px;
	}

}
@media screen and (max-width: 480px){
	/* sub content */
	.img-item-list li dl dd { font-size: 14px; line-height: 190%;}
	
	/* gallery */
	.board-wrap, .join_info{margin-top: 5%; }
	.board-wrap .info-wrap { width: 100%; max-width: 352px;}
	.info-wrap .search input { width: 45%; max-width: 125px;}
	.info-wrap .search input.btnSh, .info-wrap .search a.btnSh { width: 18%; max-width: 60px;}
	
	.gallery-table li {margin-right: 0;width: 100%;}
	.gallery-table .subject {padding: 3% 0 0;}
	.gallery-table .subject > a {font-size: 18px;}
	
	/* faq - 자주하는 질문 */
	.faq-wrap .faq-list{font-size:16px;}
	
	/*병원장인사말*/
	.content2 .con2box {
		width: 150px;
	}
	.content2 .no-img img {
		width: 150px;
	}
	/* 입원 및 진료안내 */	
	.add li {
		font-size: 17px;
	}

}
@media screen and (max-width: 450px){
	/*비전과미션*/
	.page2 .content1 .content1_img .textbox {
		height: 200px;
	}
	.page2 .content1 .content1_img .textbox>p {
		font-size: 20px;
		padding-top: 0;
	}
	.page2 .content1 .content1_img .textbox>p>span {
		font-size: 25px;
	}
	.page2 .content1 .content1box>ul>li {
		padding-left: 10px;
	}
	.circle {
		width: 110px;
		height: 110px;
	}
	.page2 .content1 .content1box>ul>li>p {
		padding-left: 30px;
	}
	.vision_ul {
		padding-left: 30px;
	}
	
	.big-imglist {margin-bottom:100px;}
}
@media screen and (max-width: 438px){
	/*병원장인사말*/
	.page1 .content2 {
		display: block;
	}
	.page1 .content2 .con2box {
		width: 100%;
	}
	.page1 .content2 .con2box>.con2box_img>img {
		height: auto;
	}
	.page1 .content2 .con2history {
		margin-top: 10px;
	}
	.page1 .content2>div:nth-of-type(2) {
		margin-left: 0;
		margin-top: 50px;
	}
	.page1 .content2 .con2box>.con2box_img .con2namebox {
		height: 40px;
	}
	.page1 .content2 .con2box>.con2box_img .con2namebox>p {
		line-height: 40px;
		font-size: 19px;
	}
	.board-table th{padding: 14px;}
	.board-table td{padding: 14px;}
	.board-table-edit .input01{width:20%;}
	
	.board-table.board-list th, .board-table.board-list td{width:19%;}
	.board-table.board-list th:nth-child(3), .board-table.board-list td:nth-child(3){width:15%;}
	.board-table.board-list th:nth-child(2), .board-table.board-list td:nth-child(2){width:32%;}
	
	/* faq */
    .faq-wrap .faq-list li .faq-q { padding: 20px 10px;}
	.faq-wrap .faq-list li .faq-q p { width: 70%;}
	.faq-wrap .faq-list li.on .faq-a { padding: 20px 10px;}
	.faq-wrap .faq-list li.on .faq-a p { width: 70%;}
	
	/*의료진 소개*/
	.page3 .content1 .con>.bluebox {
		padding: 25px 0px 10px 15px;
	}
}
@media screen and (max-width: 390px){
	/* 의료진소개 */
	
	/* 입원 및 진료안내 */	
	.add .circle:nth-child(3) .circletext {
		word-break: keep-all;
	}
}
@media screen and (max-width: 375px){
	/* 입원 및 진료안내 */	
	.add .circle .circletext {
		word-break: keep-all;
	}
}

/* 20221012 텍스트 없을때 대비해서 임시 */
.board-list.gallery2 .top {padding: 23px 10px 35px 10px; min-height:147px; box-sizing:border-box;}