@charset "utf-8";

.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

#contents > #contents {display:none}
#contents .sub_top {display:none}
#m_contents {display:block;padding-top:39px}
#m_contents img {width:100%}

body{font-size:12px; height:100%;}
/*common*/
#wrap	{position:relative;overflow:hidden;width:100%; min-width:320px; max-width:768px; margin:0 auto;}
.cont_center	{width:100%;}
/* header */
#header	{width:100%;overflow:hidden; border-bottom:2px solid #fe6464; background-color:rgba(246,244,244,0.9);}
#header h1	{float:left; margin-left:2.6%; width:30%; padding:2% 0; margin-left:2.6%;}
h1 img	{width:100%;}
#btn_nav	{display:block; float:right; margin-right:3%;padding:2% 0;width:7%;}
#btn_nav>img	{width:100%;}

/* nav */
#nav_m	{position:absolute; top:0; right:-320px; width:320px; height:100%; overflow-y:scroll;  background-color:#333;  z-index:1000;}
#nav_m img	{width:100%;}
#nav_m a	{color:#fff;}
#nav_m>li>a{display:block;   font-weight:600; background-color:#333; border-bottom:1px solid #555; font-size:15px; padding:12px}
#nav_m .dep2	{display:none;}
#nav_m .dep2>li>a	{display:block;  border-bottom:1px solid #555; background-color:#444; font-size:13px; padding:8px 12px;}

.nav_top {overflow:hidden; background-color:#000}
#nav_m .nav_top>a	{display:block; float:left; margin-left:2.6; width:40%; padding:4.5% 0; margin-left:2.6%;border-bottom:0;background-color:#000}
#nav_m .nav_top .nav_close	{display:block; float:right; margin-right:2.6%;padding:2% 0;width:15%;}

.resi>ul	{ overflow:hidden; background-color:#71865b;}
.resi>ul>li	{float:left; width:33%; border-right:1px solid #222}
.resi>ul>li:last-child	{border-right:0;}
.resi>ul>li a	{display:block;padding:5px 0; text-align:center; color:#222; font-weight:600; font-size:14px;}
/*----------------------*/

/* visual */
#visual	{width:100%;position:relative}
#visual li	{width:100%;}
#visual img	{width:100%;}
#visual .bx-controls {position: absolute;left: 50%;bottom:10px;z-index: 99;transform: translateX(-50%);}
#visual .bx-controls .bx-pager-item {display:inline-block;margin:0 3px}
#visual .bx-controls a {display: block;font-size: 0;width: 8px;height: 8px;border-radius: 50px;background-color: #878787;}
#visual .bx-controls a.active {background-color:#fe6464}
/* cont01*/
#content img	{width:100%;}
#cont01	{width:100%;overflow:hidden; }
#cont01>a	{display:block; float:left; width:49.3%;}
#cont01>a>img	{width:96%;}
/*#cont01>div	{position:relative; float:right; width:49.3%;}*/
#cont01 li img	{width:96%; margin:2% 2% 0;}

#cont02	{width:100% ;margin-top:2%;}
#cont02>ul	{overflow:hidden;}
#cont02 ul li	{float:left; width:47%; margin-left:2%}
#cont02 ul li:last-child	{margin-left:2%;}

#cont03	{margin-top:4%;}
#cont03 ul	{overflow:hidden; }
#cont03 ul li	{float:left; width:50%; }

#cont04	{margin-top:4%;}
#cont04 ul	{overflow:hidden; }
#cont04 ul li	{float:left; width:47%; margin-left:2%;}
#cont04 ul li:last-child	{margin-left:2%;}

#cont05	{margin-top:2%;}

#cont06	{margin:8% 0;padding:0 6.5%; }
#cont06 ul	{margin-top:3.9%;}
#cont06 li	{padding:2% 0;border-bottom:1px solid #ddd; }

/* footer */
#footer	{}
#footer img	{width:100%;}
#footer .info	{padding:8% 6.5%; background-color:#f5f5f5;}
#footer .info p	{margin-bottom:3.9%;}
#footer .make {color:#fff;display:block}

#footer .set_contact	{overflow:hidden;}
.set_contact li	{float:left; width:33.3333%;}

.set_copy	{padding:8% 6.5%; background-color:#444;}
.set_copy p	{text-align:center; color:#fff; line-height:18px;}
.addr span	{padding:0 5px; }
.copyright	{margin-top:3.9%;}


#snb	{display:none;}

#m_snb {z-index: 999;position:absolute;top: 46px;left: 0;width: 100%;}
#m_snb:after {content: '';display: block;clear: both;}
#m_snb .snb_lr {position:relative;float:left;width: 50%;border-right: 1px solid #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;z-index:10}
#m_snb .snb_lr ul {display: none;padding:5px!important;position:absolute;width:100%!important;background:#effffb;border:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;z-index: 999;}
#m_snb .snb_l ul {background: #eee}
#m_snb .snb_lr ul li {border-bottom: 1px solid #ddd}
#m_snb .snb_lr ul li:first-child {border-top: 1px solid #ddd}
#m_snb .snb_lr ul a {display: block;font-size:14px;padding:11px 0}

#m_snb > .snb_3deps{
    position: relative;
    display: none;
}
#m_snb .snb_3deps ul {
    position:absolute; 
    top:40px; 
    left: 0px;
    display: none; 
    padding:5px;
    width:100%;
    background:#effffb;
    border:1px solid #eee;
    z-index: 999;
}
#m_snb .snb_3deps ul li {border-bottom: 1px solid #ddd}
#m_snb .snb_3deps ul li:first-child {border-top: 1px solid #ddd}
#m_snb .snb_3deps ul a {display: block;font-size:14px;padding:11px 0}

#m_snb .snb_on1,
#m_snb .snb_on2, 
#m_snb .snb_on3 {
    display: flex;
    align-items: center;
    font-size:/* 1.4em;*/13.5px;
    padding: 6px;
    font-weight: 500;
    height:40px;
    width:100%; 
}
#m_snb .snb_on1 {
    color: #333;
    background: #eee;
}
#m_snb .snb_on2 {
    color: #fff;
    background: #03a4b2;
}
#m_snb .snb_on3 {
    position: relative;
    width: 100%;
    color: #fff;
    background: #5bbda5;
}

#m_snb .snb_on2:after, 
#m_snb .snb_on3:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    -webkit-transition: .3s;
    transition: .3s; 
    position:absolute; 
    top:17px; 
    right:5%; 
} 
#m_snb .snb_on2.on:after,
#m_snb .snb_on3.on:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#m_snb.depth03On .snb_lr,
#m_snb.depth03On .snb_3deps{
    width: 33.3%;
}
#m_snb.depth03On .snb_3deps{
    float: left;
    display: block;
}

/* sub */
#contents .sub_title	{width:100%; height:180px; background-size:contain;}
.sub_title>h2	{margin-left:10px; padding-top:10px; font-size:16px; font-weight:600; line-height:18px; color:#fff;}
.sub_contents img{width:100%; margin-bottom:50px;}


/* mobile new sub */
#contents > #contents.mobileView {display:block}
#m_contents img.w100 {width:100%}
#m_contents img.w180 {width:180%;margin-left:-40%}
#m_contents .m_subTop {position:relative}
#m_contents .m_subTopMotion img.txt {position:absolute;top:0;right:0;opacity: 0; animation: ani2_1 .5s .4s 1 ease forwards;}
@keyframes ani2_1 {
    0% {right:-1200px;opacity:0}
    100% {right:0;opacity:1}
}
#m_contents .m_subTopMotion {}
#m_contents .m_subTopMotion .sub_ico {position:absolute;top:50px;left:43%;width:4.5%;opacity: 0;animation:none;}
#m_contents .m_subTopMotion .sub_ico {animation: ani2_2 1.5s 1s infinite ease-in-out}
@keyframes ani2_2 {
    0% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
    50% {opacity:1;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
    100% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
} 

#m_contents .sub_TabWrap img {display:none}
#m_contents .sub_TabWrap img:first-of-type {display:block}
#m_contents .sub_TabWrap {margin:0 auto;position:relative;}
#m_contents .sub_TabWrap ul {width:92%;line-height:30px;border: 1px solid #555;margin:0 auto 15px;box-sizing:content-box}
#m_contents .sub_TabWrap ul li {width:33.333%;float:left;border-right: 1px solid #555;box-sizing:border-box;text-align: center;}
#m_contents .sub_TabWrap ul li:nth-child(3n) {border-right:0}
#m_contents .sub_TabWrap ul li:nth-child(1), #m_contents .sub_TabWrap ul li:nth-child(2), #m_contents .sub_TabWrap ul li:nth-child(3) {border-bottom:1px solid #555}
#m_contents .sub_TabWrap ul li a {display:block;font-size:13px;color:#333;cursor:pointer;background-color:#fff}
#m_contents .sub_TabWrap ul li a:hover, #m_contents .sub_TabWrap ul li a.active {background-color:#555;color:#fff}

#m_contents .sub_TabWrap.sub_TabWrap2 {margin:35px auto }
#m_contents .sub_TabWrap.sub_TabWrap2 ul li {width:50%;float:left;border-right: 1px solid #555;box-sizing:border-box;text-align: center;border-bottom:0}
#m_contents .sub_TabWrap.sub_TabWrap2 ul li:nth-child(2) {border-right:0}


#m_contents .m_subTop2 {position: relative;background-size:cover;z-index:98}
#m_contents .m_subTop2 img.sub_tArea1 
{
    animation: ani3_1 .5s .4s 1 ease forwards;
    opacity: 0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
@keyframes ani3_1 {
    0% {top:70%;opacity:0}
    100% {top:50%;opacity:1}
}
#m_contents .m_subTop2 .sub_colorArea {width:60%;height:20px;top:55%;    animation: ani1_2 1.8s .5s infinite ease-in-out;}
#m_contents .m_subTop2 .sub_colorArea p {font-size:8px;letter-spacing: 5px;line-height: 19px;}

#snbVertical {display:none}



#contents .sub_title	{width:100%; height:180px; background-size:contain;}
.sub_title>h2	{margin-left:10px; padding-top:10px; font-size:16px; font-weight:600; line-height:18px; color:#fff;}
.sub_contents img{width:100%; margin-bottom:50px;}


/*new sub 201130*/
#contents #sub_container {padding-top:100px}
#contents #snbVertical {display:none}
#contents .sub_contents img {width:180%;margin-left:-40%;margin-bottom: 0;}
#contents .sub_top {position: relative;height:160px;background-size:cover;z-index:98}
#contents .sub_top .cont_center img.sub_tArea1 
{
    animation: none;
    opacity: 1;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:60%;
    opacity:1
}
#contents .sub_top .cont_center .sub_colorArea {width:50%;height:15px;top:53%;    animation: ani1_2 1.8s .5s infinite ease-in-out;}
#contents .sub_top .cont_center .sub_colorArea p {font-size:8px;letter-spacing: 5px;line-height: 15px;}
#contents .sub_top .cont_center img.sub_tArea2 
{
    position: absolute;
    top: 50%;
    left: 55%;
    width:43%;
    transform:translateY(-50%)
}
#contents .sub_top .cont_center img.sub_ico 
{
    position: absolute;
    top: 28%;
    left: 55%;
    width:3%
}
.sub_top .subtop_line1, .sub_top .subtop_line2 {display:none}

/*인사말*/
.in_text {padding:20px 1.5%;}
.in_text p {font-size:18px;font-weight:600;color:#1a62d1;margin:0 auto 15px;text-align:center;line-height: 1.3;letter-spacing: -1.5px;}
.in_text span {font-size:14px;color:#333;margin:0 auto 15px;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:14px;letter-spacing: -0.5px;width:100%;line-height:1.4;border:1px solid #a3a3a3;margin:20px auto 10px;padding:5px 0}

/*둘러보기*/
.sub_contents .galleryView {width:100%}
#gallery {padding:15px 0 30px}
.gallery_line {display: block;height: 20px;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:14px;letter-spacing: -1px;color: #333;cursor: pointer;border: 1px solid #333;margin-left:-1px;width: 20%;height:35px;line-height:35px;}
.gallery-header-center-right-links-current {color: #1b5a4d;font-weight: 500;border-color: #1b5a4d;}
.lightboxgallery-gallery-item {display: inline-block;width:100%;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 #gallery-content #gallery-content-center .lightboxgallery-gallery-item img {width:100%;margin-left:0}
#gallery-header-center-right {margin: 0 0 15px}
#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}

/*오시는길*/
#sub_contents .map_btn1 {width:100%}
.map_btn1 ul {float:right;margin-bottom:15px}
.map_btn1 ul li {float:left;margin-left:5px}
.map_btn1 ul li a {display:block;color:#fff;font-size:14px;text-align:center;padding:8px 15px;background-color:#1a62d1}

.sub_contents .root_daum_roughmap {width:100% !important;height:250px}

.map_address {background-color:#05367f;text-align:center;width:100%;font-size:13px;margin-bottom:20px;padding:15px 5px}
.map_address p {color:#fff}
.map_address span {display:inline-block;padding-left:20px;box-sizing:border-box}

.map_btn2 .btn_wrap {height:30px;position:relative;margin-bottom:20px}
.map_btn2 .btn_wrap ul {width:100%}
.map_btn2 .btn_wrap ul li {float:left;width:30%;margin: 0 1.6666%;}
.map_btn2 .btn_wrap ul li a {cursor:pointer;display:block;font-size:13px;color:#fff;background-color:#a2a2a2;text-align:center;width:100%;padding:5px 8px;}
.map_btn2 .btn_wrap ul li a.active {background-color:#111 !important}

.map_btn2 .map_info {width:100%;background-color:#eee;text-align:center;padding:20px 0;margin:0 auto}
.map_btn2 .map_info2 {display:none}
.map_btn2 .map_info3 {display:none}

#contents .sub_contents .map_btn2 .map_info img {margin:0 auto 5px;width:10%;margin-left:0}
.map_btn2 .map_info h3 span {font-weight:600;margin-bottom:15px;display: inline-block;}
.map_btn2 .map_info ul li {float:left;font-size:14px}
.map_btn2 .map_info1 h3, .map_btn2 .map_info2 h3 {color:#006db9;font-size:20px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info3 h3 {color:#28baa7;font-size:20px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info1 ul li {width:50%;text-align:left;padding-left:10px;box-sizing: border-box;color:#333}
.map_btn2 .map_info2 ul li, .map_btn2 .map_info3 ul li {width:100%;text-align:left;padding:0 15px;letter-spacing:-1px;color:#333;margin-bottom: 8px;}
.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:6px;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:20px auto 15px;width:100%;color:#111}
.hos_info > div {width:100%}
#contents .sub_contents .hos_info img {width:100%;margin-left:0}
.hos_info > div:nth-child(2) {margin-bottom:20px}
.hos_info > div:nth-child(2), .hos_info > div:nth-child(3) {background-color:#e6f0ff;padding:20px;box-sizing:border-box}
.hos_info > div:nth-child(2) h3, .hos_info > div:nth-child(3) h3 {font-size:24px;margin-bottom:10px;font-weight: 400;letter-spacing: -2px;color:#111}

.hos_info > div:nth-child(2) ul {margin-bottom:10px}
.hos_info > div:nth-child(2) ul li {font-size:15px}
.hos_info > div:nth-child(2) ul li span {width:100px;display:inline-block;font-weight:500}
.hos_info > div:nth-child(2) ul li b {font-size:13px;font-weight:400}
.hos_info > div:nth-child(2) > span {font-size:13px;display:block}
.hos_info > div:nth-child(3) h3 {text-align:center;margin-bottom:5px}
.hos_info > div:nth-child(3) p {font-size:36px;text-align:center;margin-bottom:10px;font-weight: 500;letter-spacing: -2px;}
.hos_info > div:nth-child(3) span {display:block;font-size:13px;text-align: center;}

.hos_btn {position:relative;}
.hos_btn > div {width:100%}
.hos_btn a {float:left;width:30%;margin:0 1.666%}
#contents .sub_contents .hos_btn a img {width:100%;margin-left:0}
#contents .sub_contents .timeBtmImg {margin-top:15px !important}