@charset "utf-8";

.maxWrap {max-width: 1200px;margin: 0 auto; padding: 0; text-align: center;}
.venderWrap{ margin-bottom: 50px;}

.venderWrap.hidden {
	display: none;
}

.venderWrap.active {
	display: block; /* 또는 원하는 스타일 */
}

.visualWrap{position:relative; height: 390px;  text-align: center; }
.visualWrap img {width:100%; height:auto; display:none;}
.visualWrap.sub1{background: url(/images/sub/subVisual1-f0189cdccc0a3a9f723acd1cae6be519.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub2{background: url(/images/sub/subVisual2-8b571e57ed2a04181968ababdf3de71b.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub3{background: url(/images/sub/subVisual3-5393d03233a59c1d2f9c97a36fd3b295.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub4{background: url(/images/sub/subVisual4-62eef3396ee41bf4fe49c488ca6b5dad.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub5{background: url(../images/sub/subVisual5.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub6{background: url(../images/sub/subVisual6.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub7{background: url(../images/sub/subVisual7.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub8{background: url(../images/sub/subVisual8.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub9{background: url(../images/sub/subVisual9.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub10{background: url(../images/sub/subVisual10.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub11{background: url(../images/sub/subVisual11.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub12{background: url(../images/sub/subVisual12.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub13{background: url(../images/sub/subVisual13.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub14{background: url(../images/sub/subVisual14.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub15{background: url(../images/sub/subVisual15.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}

.visualWrap img{width: 100%; height: auto; display: none;}
.visualWrap p{font-size: 13px; color: #fff; padding-top: 195px; letter-spacing: 4.5px; text-transform: uppercase;}
.visualWrap h2{font-size: 39px; font-weight: 600; color: #fff; padding-top: 20px; letter-spacing: -1.5px;}
.visualWrap h4{font-size: 18px; font-weight: 400; color: #fff; padding-top: 20px;}
.visualWrap .text{font-size: 18px; color: #fff; font-weight: 300; padding-top: 10px;}

/* 서브화면 뎁스 */
.location.fixed {position:fixed; top:93px;}
.location{z-index:2;position:relative;height:72px; line-height: 71px; width:100%; margin:0 auto 0;background:#efefef;/*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-e54c4aeb6bf26b25b34ea3e9032138d3.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:15px;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-ecab669ad3f4f2fc4e5505dded7cd129.png) no-repeat 0 0;}
.location .dep1.noicon > a:before{content:"";display:block;position:absolute;top:30px;right:15px;width:12px;height:7px;background:transparent;}
.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; margin-top:0px;}
.location .active .dep2 li~li{margin-top:0;}
.location .active .dep2 a{display:block;line-height:50px;height:50px;padding-left:22px; padding-right: 15px; box-sizing: border-box; color:#676969;font-size:15px;}
.location .active .dep2 a:hover{position: relative; background: #77a3e4; color: #fff;font-weight: 500; }
.location .active .dep2 a:hover:before {content: '';display:  block;position: absolute;width:  6px;height:  100%;background: #77a3e4;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-33ba119e85b5dc39915876f2c17341b3.png) no-repeat 0 0;}
.location .dep1.active > a{position:relative;top:1px;left:1px;}
.line {width:100%; height:1px; background:#eee; margin:100px 0;}
.img100 {width:100%;}
.img {width:100%; max-width:1200px;}

/* 서브화면 내용 */
.titleWrap{text-align: center; padding:0px 0 15px; }
h3.tit{font-size: 32px; font-weight: 600; color: #222; display: inline-block;position: relative; margin-bottom: 35px; letter-spacing:-2px;}

h5.tit_sub {font-size:20.5px; line-height:1.6em; margin-bottom:40px;}
/* .titleWrap div > img {width:100%; margin:20px 0;} */
h4.tit_box {font-size:24px; line-height:1.6em; margin-bottom:30px; background:#4b7aa5; color:#fff; font-weight:bold; padding:10px; letter-spacing: -1px; margin:50px 0 0px;}
.c-darkbule {color:#006a9f;}
.c-orange {color:#e36630;}
.sub_bg1 {background:url(/images/sub/sub_bg1-de3ab481383ad2e67f1c08736a31bfd7.jpg) no-repeat; background-size:cover; padding:60px 0;}
.sub_bg1 .flex-container {display: flex;  flex-wrap:wrap;  justify-content: space-between;  align-items: stretch; }
.sub_bg1 .card_itembox {width:33%; padding: 20px;  display: flex; flex-direction: column; justify-content: center;  box-sizing: border-box; text-align: center;}
.sub_bg1 .card_itembox:last-child {border-right:none;}
.sub_bg1 .card_itembox img {width: 100%; max-width:128px; display:block; margin:0 auto;}
.sub_bg1 .card_itembox h2 {font-size: 26px; margin: 20px 0 20px; font-weight: bold; color: #111; letter-spacing: -.5px;}
.sub_bg1 .card_itembox p {flex-grow: 1;  font-size: 16px; color: #333; line-height: 1.6;}
.flex {display:flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between;}
.flex .left, .flex .right {width:49%;}
.doctor_inform {background:url(/images/bg_2-43677d87c06276b9b74e691b116c62f4.jpg) no-repeat; background-size:cover;}
.doctor_inform h4 {font-size:25px; font-weight:500;}
.doctor_inform h4 span { font-weight:700;}
.doctor_inform h5 {font-size:20px; font-weight:600; margin:30px 0 10px;}
.doctor_inform h5::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 1em;
	background-color: #38bdf8;
	margin-right: 8px;}

.line-with-text {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 30px 0;
}

.line-with-text::before,
.line-with-text::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #38bdf8;
	opacity: 0.7;
}

.line-with-text span {
	padding: 0 16px;
	font-size: 12px;
	color: #38bdf8;
	letter-spacing: 3px;
	font-weight: 500;
}
.clinic {display:flex; flex-wrap:wrap; justify-content: space-between;}
.clinic li {width:50%; box-sizing: border-box; margin-bottom:80px;}
.clinic li div.text h4 {font-size:26px; font-weight:700; color:#006a9f; margin-top:15px;}
.clinic li div.text h5 {font-size:18px; font-weight:600; margin-top:15px; margin-bottom:5px; line-height:1.5em;}
.clinic li div.pic img {width:100%; max-width:340px;}

.view_photo {display:flex; flex-wrap:wrap; justify-content:space-between; box-sizing:border-box;}
.view_photo li {width:49.8%;}
.view_photo li img {width:100%; }
.map_view img {width:100%;}

.hospital_inform > ul.hospital_inform_ul {display:flex; flex-wrap:wrap; justify-content: space-between; box-sizing: border-box;}
.hospital_inform > ul.hospital_inform_ul li {width:50%;}
.hospital_inform > ul.hospital_inform_ul li h5 {font-size:22px; font-weight:600; color:#0f74a6; margin:50px 0 20px;}
.hospital_inform > ul.hospital_inform_ul li h5 img {width:100%; max-width:30px; display:inline-block; margin-bottom:-6px;}
.hospital_inform > ul.hospital_inform_ul li p span.gray_color {color:#777;}
.hospital_inform > ul.hospital_inform_ul li.com p span {display:inline-block; width:80px;}
.hospital_inform > ul.hospital_inform_ul li ul.icon_ul {display:flex; flex-wrap:wrap;}
.hospital_inform > ul.hospital_inform_ul li ul.icon_ul li {width:20%; text-align: center;}
.hospital_inform > ul.hospital_inform_ul li ul.icon_ul li img {width:100%; max-width:60px;}

.titleWrap .text {display:flex; flex-wrap:wrap; justify-content: space-between;}
.titleWrap .text .left {width:50%;}
.titleWrap .text .right {width:45%; text-align:left;}
.titleWrap .text .right.doc_txt {background:url(../images/sub/logo_bg.jpg) no-repeat right center;}
.titleWrap .text .right h3.boxtit {display:inline-block; border-radius:15px 0 15px 0; font-size:17px; color:#fff; background:#8fbcff; padding:5px 20px; margin:25px 0 4px;}
.titleWrap .text .right h5 {font-size:18px; color:#777;}
.titleWrap .text .right h2.tit {font-size: 40px; line-height: 46px; font-weight: 600; margin: 10px 0 15px 0; letter-spacing: -2px;}
.titleWrap .text .right h4 {font-size:21px; color:#3f75a8; font-weight:bold; margin-bottom:20px;}
.titleWrap .text .right p {font-size:16px; line-height:1.7em;}
.titleWrap .linebar {width:100%; height:1px; background:#eee; margin-top:50px;}
.titleWrap .box { border:1px solid #4b7aa5; padding:50px; text-align: center; margin-bottom:70px; border-radius:20px; font-size:18px; line-height:1.6em;}

.inner {width:100%;}
.inner.in {padding:90px 0;}
.inner .inner_tit {font-size:26px; font-weight:600; margin-bottom:30px; color:#1a3458;}
.inner .inner_tit.c-white {color:#fff;}
.inner .inner_tit.c-white2 {color:#8fbcff;}
.inner .con {width:100%; max-width:1000px; margin:0 auto; margin-bottom:30px;}
.inner ul.check_form {background:#fff; padding:50px 100px; border-radius: 20px 20px 0 20px; text-align: left;}
.inner ul.check_form li {font-size:18px; line-height: 3em; border-bottom:1px solid #ddd;}
.inner ul.check_form li::before {content:''; display:inline-block; width:20px; height:20px; background: url(../images/sub/check.jpg)no-repeat center/cover; margin-right:15px;}

.inner ul.num li {border-bottom:1px solid #ccc; padding:30px 0;}
.inner ul.num li:last-child {border-bottom:none;}
.inner ul.num li span {display:inline-block; width:60px; font-size:40px; color:#77a3e4; font-weight:300;}
.inner ul.num li h5 {display:inline-block; width:290px; font-size:17px; background:#77a3e4; color:#fff; border-radius:15px 0 15px 0; padding:3px 15px; text-align: center;}
.inner ul.num li p {padding-left:60px; margin-top:10px;}

.inner ul.circle {display:flex; flex-wrap:wrap; gap:10px; text-align: center; justify-content: center;}
.inner ul.circle li {width:120px; height:120px; background:rgba(256,256,256,0.3); color:#fff; font-size:18px; font-weight:bold; border-radius: 50%;display:flex; justify-content: center; align-items: center;}

.inner ul.lineBox {display:flex; flex-wrap:wrap; gap:10px; text-align: center; justify-content: center; }
.inner ul.lineBox li {width:100%; font-size:16px; border:1px solid #0061cd; padding:15px 30px;}
.inner ul.lineBox li span {display:inline-block; font-size:16px; font-weight:bold; color:#0061cd; padding-right:10px; border-right:1px solid #aaa; margin-right:10px;}

.inner ul.three {display:flex; flex-wrap:wrap; justify-content: space-between; border:1px solid #ccc; padding:50px;}
.inner ul.three li {width:33%; text-align: left;}

.inner ul.coop {background:#fff; display:flex; flex-wrap:wrap; width:100%; margin:0 auto; border-radius:20px;}
.inner ul.coop li {width:31%; padding:8px; margin:3px; border:1px solid #ccc;}

.inner .time {display:flex; flex-wrap:wrap; justify-content: space-between;}
.inner .time .left {width:30%;}
.inner .time .right {width:70%; text-align: left; }
.inner .time p {font-size:20px; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.inner .time p:last-child {border-bottom:none; color:#888;}
.inner .time p b {font-weight:600; display:inline-block; width:220px;}

.add h5 {font-size:22px; font-weight:bold; margin-top:50px;}
.add p {font-size:16px;}

.bgsub3{position:relative; height:auto; margin-top: 50px; width:100%; background: url(../images/sub/sub3_bg.jpg)no-repeat center/cover; }
.bgsub3_2{position:relative; height:auto; margin-top: 50px; width:100%; background: url(../images/sub/sub3_bg2.jpg)no-repeat center/cover; }

.three {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.three.none {border:none;}
.three .img img {width:100%; max-width:380px;}
.three .img {width:35%; box-sizing: border-box; padding-right:15px;}
.three .txt {width:65%; text-align:left; box-sizing: border-box;}
.three .txt h5 {font-size:20px; font-weight:600; margin-bottom:10px;}

/****************************** TAB ******************************/
.tab { position:relative; max-width:1200px; margin-left:auto; margin-right:auto; border-bottom:1px solid #555; margin-bottom:30px;}
.tab:before { content:''; position:absolute; left:50%; bottom:0; height:70px; width:100%; max-width:1200px;  transform:translateX(-50%);  border-bottom:1px solid #c0dcd8; box-sizing:border-box;}
.tab .tab-in { max-width:1200px; display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; margin:0 auto; }
.tab .tab-in li { flex:1; text-align:center; color:#888}
.tab .tab-in li .tab-item { position:relative; display:block; height:58px; font-size:21px; font-weight:700; line-height:58px; box-sizing:border-box; overflow:hidden; }
.tab .tab-in li .tab-item::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; transform:translateX(-50%); transition:width 0.4s ease; background-color:#50978e; }
.tab .tab-in li .tab-item:hover::after, .tab .tab-in li.active .tab-item::after { width:100%; }
.tab .tab-in li a.active { background-color:#50978e; color:#fff;}
.tab .tab-in li a.active:after { content:''; display:block; position:absolute; left:50%; bottom:0;  width:100%;  height:2px; transform:translateX(-50%);  background-color:#50978e; }
/* .tab .tab-in li:hover {color:#00b4b7;} */
.tab-wrap {padding:70px 0;}
.tab .tab-in.color2 li .tab-item::after {background-color:#507a97;}
.tab .tab-in.color2 li a.active { background-color:#507a97;}
.tab .tab-in.color3 li .tab-item::after {background-color:#34ab98;}
.tab .tab-in.color3 li a.active { background-color:#34ab98;}

/*테이블*/
.admin_table {width:100%; height:auto;  margin:0 auto;color:#333; margin:0 0;}
.admin_table table {width:100%;  border-collapse:collapse; vertical-align:middle;}
.admin_table th {text-align:center; border-bottom:1px solid #e7e0d4; height:48px; color:#333; font-size:14px; font-weight:400; line-height:1.5em;}
.admin_table td {text-align:center; font-size:14px; font-family: "Noto Sans KR", sans-serif; line-height:1.5em; border-bottom:1px solid #e7e0d4;}
.admin_table td.inner {padding:25px 0 15px;}
.admin_table td ul.s-table {width:100%;}
.admin_table td ul.s-table li {width:100%; padding-top:20px; box-sizing:border-box; margin-top:25px;}
.admin_table .gray {background:#e9e9e9;}
.admin_table .orange {background:#1ca6ea; color:#fff; font-weight:bold;}
.admin_table .orange2 {background:#f07334; color:#fff; font-weight:bold;}
.admin_table .bg_white {background:#fff;}
.admin_table .border-none {border:none;}
.admin_table .c-white {color:#fff;}
.admin_table td.border-none {font-size:30px;}
.admin_table tr:hover {background:#f6fbff;}
.form_table {
	width: 100%;
	margin-bottom: 1.5em
}
.form_table table {
	width: 100%!important;
	margin: 0!important;
	border-collapse: collapse!important;
	font-size: 1em!important;
	border: 1px solid #ccc!important;
	table-layout: auto!important
}
.form_table table th {
	text-align: center!important;
	padding: 1em!important;
	font-size: 1em!important;
	font-weight: 700!important;
	color: #333!important;
	border: 1px solid #ccc!important;
	background: #f0f0f0!important
}
.form_table span {font-size:12pt;}
.form_table table td {
	padding: .5em 1em!important;
	border: 1px solid #ccc!important;
	background: #fff!important
}
.form_table table tr:nth-child(even) td {
	background-color: #f7f7f7!important
}
.admin_table .blue_bg {background:#e1f5ff;}
.admin_table .blue_bg2 {background:#ffe9de;}

/* 서브하단공통 */
.bottomWrap{position:relative; height:200px; margin-top: 100px; width:100%; background: url(../images/sub/bottom_img.jpg)no-repeat center/cover; text-align: center; }
.bottomWrap p.ment {font-size:24px; color:#fff; line-height:1.7em; font-family: 'Noto Serif KR', serif;}

.bottomWrap2 {position:relative; height:auto; margin-top: 100px; width:100%; background: url(../images/sub/bottom_img2.jpg)no-repeat center/cover; text-align: center; }
.bottomWrap2 p.ment {font-size:22px; color:#fff; line-height:1.6em; letter-spacing: -.7px; margin-top:50px;}
.bottomWrap2 ul {margin:40px auto;}
.bottomWrap2 ul li {width:20%; margin:10px;}
.bottomWrap2 ul li p {color:#e4e4e4; font-size:16px; line-height: 1.5em; margin-top:10px;}

.bottomTxt {padding:40px 0;}
.bottomTxt h2 {margin:50px auto; text-align: center;}
.bottomTxt .inner {max-width: 1000px; margin:0 auto;}
.bottomTxt .inner p {text-align:left; padding-left:60px; font-size:20px; line-height:1.7em; letter-spacing: -1px;}
.bottomTxt .inner p > img {display: block; margin-bottom:15px;}
.bottomTxt .inner p span.point  {
	display: inline-block;
	background-image: linear-gradient( transparent 35%, #d0f1c3 50%);
	line-height: 1;
	font-weight: 600;
}
.bottomTxt .inner li {margin:30px 0;}

.bottomMap{position:relative; height:auto; margin-top: 50px; width:100%; background: url(../images/sub/bottom_bg.jpg)no-repeat center/cover; padding:85px 0 40px;}
.bottomMap .left {width:50%;}
.bottomMap .right {width:50%; padding-top:50px;}
.bottomMap .left ul {margin-bottom:50px;}
.bottomMap .left ul li {color:#fff; font-size:17px;}
.bottomMap .left ul li.tit {font-size:23px; color:#4ed070; font-weight:bold; margin-right:30px; letter-spacing: -2px;}
.bottomMap .left ul li span.s_tit {display:inline-block; width:100px;}
.bottomMap .left ul li span.s_ment {display:inline-block; color:#aaa; margin-top:10px; font-size:15px;}
.bottomMap .left ul li span.big_tit {font-size:35px; font-weight:600; letter-spacing: -1.5px;}
.bottomMap .right h5 {font-size:18px; line-height:1.6em; margin-bottom:30px; background:#4ba55a; color:#fff; font-weight:bold; padding:10px; letter-spacing: -.5px; margin:50px 0 10px; text-align: center;}
.bottomMap .right p {font-size:16px; color:#aaa; text-align: center;}

span.light {font-weight: 100;}
span.bold {font-weight: 600;}
span.bold2 {font-weight: 600; display:inline-block; margin-top:10px;}
span.point  {
	display: inline-block;
	background-image: linear-gradient( transparent 35%, #d0f1c3 50%);
	line-height: 1;
	font-weight: 600;
}
span.chung {color:#34ab98;}
.history {text-align: left;}
.history > div {display:flex; flex-wrap:wrap;}
.history > div h2 {width:25%;}
.history > div ul {width:75%;}
.history h2 {position:relative; font-size:32px; font-weight:600; color:#4c6b99; line-height:1;}
.history h2:before {content:""; position:absolute; left:-47px; top:17px; width:15px; height:15px; border-radius:100%; background:#77a3e4; transform:translateY(-50%); box-sizing:border-box;}
.history h2 span {font-size:21px; font-weight:600;}
.history div {position:relative; padding:0 0 0 48px;}
.history div:before {content:""; position:absolute; left:8px; top:0; width:2px; height:100%; background:#ddd;}
.history div:first-child:before {top:10px; height:calc(100% - 10px);}
.history ul {padding:10px 0 40px;}
.history li {font-size:16px; color:#000; line-height: 29px;}
.history li span {display:inline-block; width:50px; color:#aaa;}

.maxWrap {max-width: 1200px; width:100%; margin: 0 auto; padding: 0; text-align: center;}
#visit img {width:100%;}
#visit ul{padding:0; margin:0; list-style:none;}
#visit section{position:relative; overflow:hidden; background:#fff; padding:0; }
#visit section dl dd{text-align:center ; height:auto; width:100%; margin:0;}
#visit section dl dd p{position:absolute; top:0; left:0; background:rgba(0,0,0,.4); color:#FFF; padding:10px 30px; z-index:3; font-size:1.1em;}
#visit section .swiper-zoom-container {height:auto;}
#visit section .swiper-zoom-container img {width:100%;}
#visit section .controll{ position:absolute; top:50%; left:0; right:0; z-index:3;}
#visit section .controll button{ background:transparent; position:absolute; top:-40px; width:67px; height:80px; background:rgba(0,0,0,.4); border:0;}
#visit section .controll button.prev{left:0}
#visit section .controll button.next{right:0}
#visit section .controll button.swiper-button-disabled{background:rgba(0,0,0,.2);}
#visit section .controll button:after{position:absolute; top:50%; width:25px; height:25px; border-style:solid;  border-width:3px; content:"";}
#visit section .controll button.prev:after{left:18px; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#visit section .controll button.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#visit section .controll button.next:after{right:18px; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#visit section .controll button.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

#visit aside{position:relative; overflow:hidden;}
#visit aside dd{position:relative;  cursor:pointer; margin-left:0px;}
#visit aside dd img{width:100%; height:auto; }
#visit aside dd div{ padding-top:0%; background-position:center; background-size:cover; }
#visit aside dd.swiper-slide:after{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); content:"";}
#visit aside dd.swiper-slide-thumb-active:after{ background:rgba(0,0,0,0); }
#visit aside dl dd p {display:none;}

#view_h {position: relative;}
#view_h .swiper_view {overflow: hidden;}

.person h5 {font-size:24px; font-weight:600;}
.person ul {display:flex; flex-wrap:wrap;  margin-top:20px;}
.person ul li {width:16.5%;}
.person ul li img {width:95%; height:183px; overflow: hidden;}
.person ul li p {margin-bottom:30px;}
.titleWrap.easy h3 img {width:80%; max-width:400px; padding-top:20px;}
.titleWrap.easy h3 .c-orange {color:#f07334;}
.container {max-width: 1200px;margin: 0 auto;}
.container .intro {text-align: center;margin-bottom: 60px;}
.container .intro p {margin-bottom: 10px;}
.container .grid {display: grid; grid-template-columns: repeat(3, 1fr);	gap: 40px 20px;}
.container .card_box {text-align: center;}
.container .card_box img {width: 100%; height: auto; max-height: 200px;	object-fit: cover; border-radius: 0px;	margin-bottom: 10px;}
.container .card_box h3 {color: #e9501b; font-size:25px; font-weight:600; margin-bottom: 20px;}
.container .card_box ul {list-style: none;	padding: 0;	margin: 0 auto;	text-align: left; max-width: 220px;	font-size: 15px;}
.container .card_box ul li {margin-bottom: 6px;	position: relative;	padding-left: 12px; font-family: "Noto Sans KR", sans-serif;}
.container .card_box ul li::before {content: '·';position: absolute;left: 0;color: #333;}

span.bg_gray {background:#eee; padding:7px 30px; border-radius: 10px; color:#333; font-size:17px;}

@keyframes bigger {
	0% {trasform:scale(1.2);}
	100% {trasform:scale(1);}
}

@media screen and (max-width: 1500px) {
	.titleWrap.greeting .text .left {width:100%;}
	.titleWrap.greeting .text .right {width:100%; margin-top:50px;}
	.titleWrap.greeting .text .name_sign {width:220px;}
	.inner ul.coop li {width:45%;}
	.clinic li div.text h4 {font-size:22px;}
}

@media screen and (max-width: 1300px) {
	.person ul li img { height:140px; }
	.three .img {width:35%; box-sizing: border-box; padding-right:15px;}
	.three .txt {width:65%; text-align:left; box-sizing: border-box;}
	.three .txt h5 {font-size:17px; font-weight:600; margin-bottom:10px;}
}

@media screen and (max-width: 1024px) {
	.location.fixed {position:fixed; top:60px;}
	.location .home {display: none;}
	.location .active .dep2 {margin-top:-18px;}
	.location .active .dep2 a {padding-left:11px;}

	.visualWrap{position:relative; height: 265px;  text-align: center; }
	.visualWrap img {width:100%; height:auto; display:none;}
	.visualWrap.sub1{background: url(/images/sub/subVisual1_m-a2aed79fbb18ff5d31283f567ec54529.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub2{background: url(/images/sub/subVisual2_m-59c820ba29e708dd7eb0c81390221ae1.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub3{background: url(/images/sub/subVisual3_m-e1ca4b5a22062222df8ab5086623bff0.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub4{background: url(/images/sub/subVisual4_m-4658efe9801b608dbbba94022e7346da.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub5{background: url(../images/sub/subVisual5_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub6{background: url(../images/sub/subVisual6_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub7{background: url(../images/sub/subVisual7_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub8{background: url(../images/sub/subVisual8_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub9{background: url(../images/sub/subVisual9_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub10{background: url(../images/sub/subVisual10_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub11{background: url(../images/sub/subVisual118_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub12{background: url(../images/sub/subVisual12_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
	.visualWrap.sub13{background: url(../images/sub/subVisual13_m.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}

	.visualWrap img{width: 100%; height: auto; display: none;}
	.visualWrap p{font-size: 9px; padding-top: 122px; }
	.visualWrap h2{font-size: 25px; padding-top: 20px; letter-spacing: -0.5px;}
	.visualWrap h4{font-size: 13px; padding-top: 10px; letter-spacing: -0.1px;}
	.visualWrap .text{font-size: 14px;  padding-top: 10px;}

	.bottomTxt h2 img {width:100%;}
	#visit section .controll{ display:block;}
	#visit section dl dd{text-align:center ; height:auto;  }
	#visit section .controll button{width:43px; height:60px; background:rgba(0,0,0,.3);}
	#visit section .controll button.prev{left:-7px;}
	#visit section .controll button.next{right:-7px;}
	#visit section .controll button:after{width:17px; height:17px; border-width:3px;}
	.inner ul.coop li img { max-width:250px;}

	.history > div h2 {width:17%;}
	.history > div ul {width:83%;}
	.history div:before {left:0px;}
	.history h2 {font-size:13px; line-height: 2;}
	.history h2:before {left:-24px; top:13px; width:10px; height:10px;}
	.history div {padding:0 0 0 20px;}
	.history ul {padding:0px 0 40px;}
	.history li span {width:25px;}
	.history li {font-size:12px; letter-spacing: -0.5px;}

	h3.tit {font-size: 24px;padding-bottom: 15px;margin-bottom: 15px;}

	.inner {width:100%; margin:auto;}
	.inner.in {padding:50px 0;}
	.inner p {font-size:13px; line-height: 20px;}
	.inner ul.check_form {padding:20px;}
	.inner ul.check_form li {font-size:14px;}
	.inner ul.check_form li::before {width:10px; height:10px; margin-right:7px;}
	.inner .inner_tit {font-size:18px;}
	.inner ul.num li h5 {font-size:14px; width:220px;}
	.inner ul.num li span {width:35px; font-size:30px;}
	.inner ul.circle li {font-size:16px;}
	.inner .time .left {width:100%;}
	.inner .time .right {width:100%;}
	.inner .time p {font-size:15px;}
	.inner .time p b {width:135px;}
	.inner ul.check_form li {line-height:2.2em;}
	.inner ul.lineBox li {padding:15px 15px;}
	.inner ul.lineBox li, .inner ul.lineBox li span {font-size:14px;}
	.titleWrap .text .right img {width:100%;}
	#footer {margin-top:100px;}
	.person ul li{width:25%}
	.person ul li img {width:95%; height:120px; overflow: hidden; }
	.hospital_inform > ul.hospital_inform_ul li h5 {font-size:19px; margin:30px 0 10px;}
	.hospital_inform > ul.hospital_inform_ul li h5 img {max-width:26px;}
	.hospital_inform > ul.hospital_inform_ul li ul.icon_ul li {width:25%;}
	.admin_table td.border-none {font-size:25px;}
	.admin_table th {font-size:14px;}
	.admin_table td {font-size:14px;}
	.container .card_box h3 {font-size:20px;}
	.container .card_box ul {font-size:14px;}
}

@media screen and (max-width: 768px) {
	.venderWrap {margin-bottom: 30px;}
	.location .home + ul {display: flex;width: 100%;}
	.location .dep1 {min-width: auto;width: 100%;}
	.location .dep1.active {min-width: auto;}
	.titleWrap{padding: 55px 0 5px;}
	.titleWrap h3{font-size: 30px;padding-bottom: 18px;margin-bottom: 18px;}
	.titleWrap .text{font-size: 18px;}
	.titleWrap .item_box span { font-size:19px; }
	.titleWrap .item_box p {font-size:19px;}
	.mapBox p {font-size:15px; line-height: 1.5em;}
	.mapBox .btnBox button {margin-left:0; width:100%; margin:10px 0;}
	.contents .busTable div.rightIcon p, .contents .busTable div.rightIcon span {line-height:1.5em; font-size:15px; }
	.section05.sub .item-box .video-wrap .video-slider .video-item .video-container {margin-top:0px;}
	.line {margin:40px 0;}
	.gap150 {height:80px;}
	.inner ul.check_form li {font-size:13px;}
	.person ul li {width:33%;}
	.person ul li img {width:95%; height:170px; overflow: hidden; }
	.admin_table th, .admin_table td {font-size:13px;}
	.three .img {width:100%;padding-right:0px;}
	.three .txt {width:100%;}
	.three .txt h5 {font-size:16px; margin-bottom:6px; margin-top:5px;}
	.three .img img {max-width:768px;}
	.hospital_inform > ul.hospital_inform_ul > li {width:100%; border-bottom:1px solid #ccc; padding-bottom:10px;}
	.hospital_inform > ul.hospital_inform_ul li h5 {font-size:17px; margin:15px 0 7px;}
	.hospital_inform > ul.hospital_inform_ul li ul.icon_ul p {font-size:12px;}
	.clinic li div.text h4 {font-size:20px;}
	.clinic li div.text h5 {font-size:16px;}
	.sub_bg1 .card_itembox {padding:10px;}
	.sub_bg1 .card_itembox h2 {font-size:20px; margin:10px 0 5px;}
	.sub_bg1 .card_itembox p {font-size:15px;}
	.doctor_inform h4 {font-size:20px;}
	.doctor_inform h5 {font-size:16px;}
	.container .card_box h3 {font-size:18px; margin-bottom:10px;}
	.container .card_box ul {font-size:13px;}
	.container .grid {grid-template-columns: repeat(2, 1fr);}
	.flex {flex-direction: column;}
	.flex > .left.left-flex-width, .flex > .right.right-flex-width {width: 90%; padding-left: 1rem;}
}

@media screen and (max-width: 650px) {
	.location {height:55px;}
	.location .dep1{padding-left: 10px;  height:55px; line-height:55px;}
	.location .dep1 > a {line-height:58px;}
	.location .dep1 > a:before {top:28px;}

	.titleWrap{padding: 30px 0 30px;}
	h3.tit {font-size: 22px;padding-bottom: 15px;margin-bottom: 15px;}
	h5.tit_sub {font-size:14px;}
	.titleWrap .text{font-size: 14px;}
	.titleWrap .text .left {width:100%; margin-bottom:20px;}
	.titleWrap .text .left img {width:100%;}
	.titleWrap .text .right {width:100%;}
	.titleWrap .text .right h5 {font-size:15px;}
	.titleWrap .text .right h2.tit {font-size:20px; margin:5px 0 5px 0; line-height:25px;}
	.titleWrap .text .right p {font-size:15px;}
	.titleWrap .text .right h4 {font-size:15px; margin-bottom:10px;}
	.contents .sub_title {font-size:22px; margin:80px 0 10px;}
	h4.tit_box {font-size:18px;}

	.titleWrap .con_box p {font-size:18px;}
	.titleWrap .con_box ul li {width:45%;}
	.bottomWrap2 ul {flex-wrap:wrap;}
	.bottomWrap2 p.ment {font-size:15px;}
	.bottomWrap2 ul li {width:42%;}
	.bottomWrap2 ul li p {font-size:14px; margin-top:0;}
	.bottomTxt h2 img {width:100%;}
	.bottomTxt .inner li {flex-direction: column;}
	.bottomTxt .inner p {padding-left:0;margin-top:10px;}

	.bottomWrap p.ment {font-size:18px;}
	.bottomMap .left, .bottomMap .right, .bottomMap .right img {width:100%;}
	.bottomMap .left ul li.tit {font-size:15px; margin-right:15px;}
	.bottomMap .left ul li {font-size:14px;}
	.bottomMap .left ul li span.s_tit {width:70px;}
	.bottomMap .right {margin-top:0;}
	.bottomMap {padding:55px 0 40px;}
	.bottomMap .right h5 {font-size:16px;}
	.img-w100 {width:100%;}

	.tab .tab-in li .tab-item {font-size:16px;}
	.gap100 {height:40px;}
	.titleWrap h5.page_title {font-size:23px;}
	.titleWrap .box {padding:30px 10px; font-size:15px;}
	.titleWrap h5.page_title {margin-top:40px;}
	.mapBox .btnBox button {font-size:15px;}
	.inner ul.coop li {width:100%;}
	.inner ul.coop li img {width:80%; max-width:250px;}
	p.txt {font-size:14px;}
	.view_photo li {width:100%;}
	.clinic li {width:100%;}
	.sub_bg1 .card_itembox {width:100%; margin-bottom:30px;}
}
@media screen and (max-width: 480px) {
	.location .dep1 > a {font-size:14px;}
	.titleWrap .text .right p {font-size:14px;}
	.bottomWrap p.ment {font-size:16px;}
	.bottomMap .left ul li {font-size:12px;}
	.bottomMap .left ul li.tit {font-size:14px;}
	.bottomTxt .inner p {font-size:17px;}
	.bottomWrap2 ul li p {font-size:13px;}
	.person ul li {width:50%;}
	.person ul li img {width:95%; height:165px; overflow: hidden; }
	.admin_table th, .admin_table td {font-size:11px;}
	p.txt {font-size:12px;}
	span.enter {display:block;}
}