@charset "utf-8";


#m_contents {display:none}
#m_snb {display:none}
/*snb*/

#snb	{ float:left; width:180px; margin-bottom:100px;}
#snb h2	{width:180px; height:100px;}
#snb .snb_dep2>li	{}
#snb .snb_dep2>li>a	{display:block; width:180px;height:40px;overflow:hidden;background-color:#eee; border-top:1px solid #e3e3e3;  border-bottom:1px solid #e3e3e3;}
#snb .snb_dep2>li.on>a>img	{margin-top:-40px;}
#snb .snb_dep3	{overflow:hidden; height:0; padding:0;}
#snb .snb_dep2>li.on .snb_dep3	{overflow:visible; height:auto; padding:5px 22px; background-color:#fafafa;}
#snb .snb_dep3>li>a	{display:block; overflow:hidden; height:24px;}
#snb .snb_dep3>li>a.on img	{margin-top:-24px;}

/* new snb(text title) */
#snb h3 {width: 180px;height: 100px;line-height: 30px;font-size: 24px;font-weight: 500;text-align: center;color: #fff;background: #525958;word-break: keep-all;
    -webkit-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#snb .snb_mn {}
#snb .snb_mn li {border-bottom: 1px solid #e3e3e3;}
#snb .snb_mn li a {position: relative;display: block;background: #eee;color: #888;height: 40px;line-height: 40px;font-weight: 500;padding: 0 0 0 30px;overflow: hidden;font-size:15px;}
#snb .snb_mn li a:before {content: '';width: 5px;height: 5px;background: url(../images/header/snb_dot.png) no-repeat 0 0;position: absolute;top: 18px;left: 17px;z-index: 10;-webkit-transition: background .3s;transition: background .3s}
#snb .snb_mn li a:after {content: attr(data-hover);position: absolute;top: 40px;left: 0;display: block;width: 100%;color: #fff;padding: 0 0 0 30px;height: 100%;background: #0898a3;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: .2s;transition: .2s;opacity: 0}
#snb .snb_mn li.on a:before,
#snb .snb_mn li:hover a:before {background: url(../images/header/snb_dot.png) no-repeat -5px 0}
#snb .snb_mn li.on a:after,
#snb .snb_mn li:hover a:after {top: 0;opacity: 1}
/* category custom*/
#snb.in h3{background:#5f8d8b;}
#snb.in .snb_mn li a:after	{background-color:#bd9d64;}

/* vertical snb */
#snbVertical {margin-bottom:0px;padding:30px 0px 80px 0px;background-color:#fff}
#snbVertical ul {width: fit-content; margin: 0 auto; display:table; border: solid black 1px;}
#snbVertical ul li {float:left;width:200px;height:60px; background-color:white;color:black;}
#snbVertical ul li.long {width:500px}
#snbVertical ul li:last-child {margin-right:0}
#snbVertical ul li a {display: flex; vertical-align: middle; justify-content: center; color:black; align-items: center; font-size:22px; width: 100%; height: 50px; border-right:solid black 1px; margin:5px 0;}
#snbVertical ul li:last-child a {border-right:solid black 0px;}
#snbVertical ul li.on {background-color:black;}
#snbVertical ul li.on a {color:white;}

.sub_top	{position:relative;width:100%; height:450px; padding-top:0;margin-bottom:50px;background-size:cover !important}
.sub_contents	{width:100%; /*padding-bottom:100px;*/}
.sub_contents img{display:block; width:100%; max-width:100%;}
.bo_sub_contents	{width:760px; float:right; }

/*inte_slider*/
.inte_slider	{margin-bottom:50px;}
.inte_slider>div	{height:374px;border:3px solid #deceb1;}
.inte_slider img	{padding:0; border:0;}
#inte_controls	{position:relative; overflow:hidden; top:-50px; left:665px; }
#inte_controls li	{float:left; width:34px; height:34px; margin-left:5px;}
#inte_pager	{overflow:hidden;}
#inte_pager>li	{float:left; width:110px; height:55px;margin-right:20px; }
#inte_pager>li.last	{margin-right:0; }
#inte_pager>li>a	{display:block; width:106px; height:51px; border:2px solid #ddd;}
#inte_pager>li>a.active	{border:2px solid #c1aa96;}

/*map*/
.map_area	{width:754px; height:374px; border:3px solid #deceb1; margin-bottom:20px;}

/* board */
.bo_title>img	{border:0; padding:0; }

/*sub title*/
.sub_title>h2	{position:relative; padding-top:30px; margin-left:30px; font-size:3.0em; font-weight:600;line-height:1.1em; color:#fff;}

/*sub_top*/
.sub_top .cont_center {height:100%}
/*ver1*/
.sub_top .sub_tArea1 {position:absolute;top:52px;left:50%;transform:translateX(-50%);opacity: 0;animation:none}
.sub_top.on .sub_tArea1 {animation: ani1_1 .5s .4s 1 ease forwards;}
@keyframes ani1_1 {
    0% {top:150px;opacity:0}
    100% {top:52px;opacity:1}
}
.sub_colorArea {background-color:#77338e;position:absolute;top:246px;left:50%;transform:translateX(-50%);width:380px;height:34px;overflow:hidden;opacity:0;animation:none}
.sub_top.on .sub_colorArea {animation: ani1_2 1.8s .9s infinite ease-in-out;}
@keyframes ani1_2 {
    0% {opacity:1;background-color:#6b338e;}
    13% {background-color:#46338e;opacity:1}
    27% {background-color:#33518e;opacity:1}
    40% {background-color:#33828e;opacity:1}
    53% {background-color:#378e33;opacity:1}
    67% {background-color:#9ea91e;opacity:1}
    80% {background-color:#d67323;opacity:1}
    92% {background-color:#f15e31;opacity:1}
    100% {background-color:#77338e;opacity:1}
}
.sub_colorArea p {position:absolute;left:50%;transform:translateX(-50%);text-align:center;color:#fff;font-size:14px;letter-spacing:12px;font-weight:300;line-height:34px;width:100%;z-index:9999}


/*인사말*/
.in_text p {font-size:40px;font-weight:600;color:#1a62d1;margin:0 auto 40px;text-align:center;line-height: 1.3;letter-spacing: -1.5px;}
.in_text span {font-size:27px;color:#333;margin:0 auto 25px;text-align:center;display: block;line-height: 1.4;letter-spacing: -0.5px;}
.in_text span:nth-of-type(2) {font-weight:400;font-size:30px;letter-spacing: -3px;width:1000px;height:52px;line-height:52px;border:1px solid #a3a3a3;margin-bottom:50px}

/*의료진소개*/
.sub_contents .doc_img {padding-bottom:80px}

/*오시는길*/

#sub_contents .map_btn1 {width:1000px}
.map_btn1 ul {float:right;margin-bottom:30px;margin-top:35px}
.map_btn1 ul li {float:left;margin-left:20px}
.map_btn1 ul li a {display:block;color:#fff;font-size:24px;text-align:center;width:200px;height:60px;line-height:60px;background-color:#1a62d1}

.map_address {background-color:#05367f;color:#fff;text-align:center;width:1000px;height:96px;line-height:96px;font-size:24px;margin-bottom:50px}
.map_address p {line-height:96px;color:#fff}
.map_address span {display:inline-block;padding-left:55px;box-sizing:border-box}

.map_btn2 .btn_wrap {height:60px;position:relative;margin-bottom:50px}
.map_btn2 .btn_wrap ul {position: absolute;left: 50%;transform: translateX(-50%);width:660px;}
.map_btn2 .btn_wrap ul li {float:left}
.map_btn2 .btn_wrap ul li a {cursor:pointer;display:block;font-size:24px;color:#fff;background-color:#a2a2a2;text-align:center;width:200px;height:60px;line-height:60px;margin:0 10px}
.map_btn2 .btn_wrap ul li a.active {background-color:#111 !important}

.map_btn2 .map_info {width:1000px;height:370px;background-color:#eee;text-align:center;padding:50px 0;margin:0 auto}
.map_btn2 .map_info2 {height:400px;display:none}
.map_btn2 .map_info3 {height:440px;display:none}
.map_btn2 .map_info img {margin:0 auto 20px;width:auto}
.map_btn2 .map_info h3 span {font-weight:600;margin-bottom:50px;display: inline-block;}
.map_btn2 .map_info ul li {float:left;font-size:27px}
.map_btn2 .map_info1 h3, .map_btn2 .map_info2 h3 {color:#006db9;font-size:27px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info3 h3 {color:#28baa7;font-size:27px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info1 ul li {width:50%;text-align:left;padding-left: 50px;box-sizing: border-box;color:#333}
.map_btn2 .map_info2 ul li, .map_btn2 .map_info3 ul li {width:33.333%;text-align:left;padding:0 20px;letter-spacing:-1px;color:#333}
.map_btn2 .map_info2 ul li:first-child {color:#05258c}
.map_btn2 .map_info2 ul li:nth-child(2) {color:#377ab2}
.map_btn2 .map_info2 ul li:last-child {color:#edb50b}
.map_btn2 .map_info2 ul li span, .map_btn2 .map_info3 ul li span {display:block;padding-left:20px;box-sizing:border-box;color:#333}

.map_btn2 .map_info3 ul li b {font-weight:400;}
.map_btn2 .map_info3 ul li b.blue {color:#3b5eb0}
.map_btn2 .map_info3 ul li b.green {color:#629748}
.map_btn2 .map_info3 ul li b.red {color:#c71521}

/*진료안내*/
.hos_info {margin:60px auto 50px;width:1000px;color:#111}
.hos_info > div {float:left;width:50%}
.hos_info > div:nth-child(2), .hos_info > div:nth-child(3) {background-color:#e6f0ff;padding:50px;box-sizing:border-box}
.hos_info > div:nth-child(2) {height:471px}
.hos_info > div:nth-child(3) {height:338px}
.hos_info > div:nth-child(2) h3, .hos_info > div:nth-child(3) h3 {font-size:35px;margin-bottom:33px;font-weight: 400;letter-spacing: -2px;color:#111}

.hos_info > div:nth-child(2) ul {margin-bottom:40px}
.hos_info > div:nth-child(2) ul li {font-size:27px}
.hos_info > div:nth-child(2) ul li span {width:130px;display:inline-block;font-weight:500}
.hos_info > div:nth-child(2) ul li b {font-size:20px;font-weight:400}
.hos_info > div:nth-child(2) > span {font-size:20px;display:block}
.hos_info > div:nth-child(3) h3 {text-align:center;margin-bottom:5px}
.hos_info > div:nth-child(3) p {font-size:50px;text-align:center;margin-bottom:30px;font-weight: 500;letter-spacing: -2px;}
.hos_info > div:nth-child(3) span {display:block;font-size:20px}

.hos_btn {position:relative;height:100px}
.hos_btn > div {position:absolute;top:0;left:50%;transform:translateX(-50%);width:717px}
.hos_btn a {float:left;margin:0 10px}

/*둘러보기*/
#gallery {padding: 30px 0 80px}
.gallery_line {display: block;height: 50px;width: 1px;background-color: #111;margin: 0 auto;}
#gallery-header {text-align: center;font-size: 0}
.gallery-header-center-right-links { display: inline-block;font-size: 22px;letter-spacing: -1px;color: #333;cursor: pointer;border: 1px solid #333;margin: 0 6px;width: 150px;height: 52px;line-height: 52px;}
.gallery-header-center-right-links-current {color: #1b5a4d;font-weight: 500;border-color: #1b5a4d;}
.lightboxgallery-gallery-item {display: inline-block;width: 385px;height: 453px;overflow: hidden;padding: 15px;-webkit-transition: .5s;transition: .5s}
.lightboxgallery-gallery-item > div {overflow: hidden}
.cate_under_p {font-size: 20px;color: #666;margin: 0 0 30px;letter-spacing: -1.5px}
#gallery-header-center-right {margin: 0 0 30px}
#gallery-content-center img {width: 100%;height: auto}
#gallery-content-center img:hover {-webkit-transform: scale(1.1);transform: scale(1.1)}
.lightboxgallery-gallery-item-content {position: relative;height: 50px;line-height: 50px;background: #f4f4f4;text-align: center;font-size: 20px;color: #666;font-weight: 500;z-index: 1}

/*오시는길*/
.map_btn2 {margin-bottom:80px}


/*한방치료 탭*/

.sub_TabWrap {margin:0 auto;position:relative;background-color: #f8f8f8;padding: 30px 0 0;}
.sub_TabWrap2 {margin:0 auto;position:relative;background-color: #f8f8f8;padding: 50px 0 0;}
.sub_TabWrap ul {width:1000px;line-height: 50px;height:50px;border: 1px solid #555;margin:0 auto;box-sizing:content-box}
.sub_TabWrap2 ul {width:1000px;line-height: 50px;height:50px;border: 1px solid #555;margin:0 auto;box-sizing:content-box}
.sub_TabWrap ul li {width:167px;float:left;height:inherit;border-right: 1px solid #555;box-sizing:border-box;text-align: center;}
.sub_TabWrap2 ul li {width:50%;float:left;height:inherit;float:left;border-right: 1px solid #555;box-sizing:border-box;text-align: center;}
.sub_TabWrap ul li:last-child {border-right:0;width:165px}
.sub_TabWrap2 ul li:last-child {border-right:0;}
.sub_TabWrap ul li a {display:block;font-size:20px;color:#333;cursor:pointer;background-color:#fff;height: inherit;line-height: 50px;}
.sub_TabWrap2 ul li a {display:block;font-size:20px;color:#333;cursor:pointer;background-color:#fff;height: inherit;line-height: 50px;}
.sub_TabWrap ul li a:hover, .sub_TabWrap ul li a.active {background-color:#555;color:#fff}
.sub_TabWrap2 ul li a:hover, .sub_TabWrap2 ul li a.active {background-color:#555;color:#fff}

.sub_inner {padding: 50px 0;background-color: #f8f8f8;}
.sub_inner img {display:none}
.sub_inner img:first-child {display:block}

.sub_inner1 {}
.sub_inner2 {display:none}