@charset "utf-8";

body {font-family: "NotoKr", sans-serif;letter-spacing: -0.7px;min-width: 1400px;position: relative}

#header {position: fixed;left: 0;top: 0;width: 200px;height: 100%;background: #292832;overflow: hidden;z-index: 100}
#header .scroll_wrap {width: 230px;height: 100%;overflow: auto}
#header .logo {width: 200px;height: 120px;text-align: center;padding: 22px 0 0;box-sizing: border-box}
#header #login_content {background: #484566;text-align: center;width: 200px;height: 30px;line-height: 30px;font-size: 0}
#header #login_content li {height: 100%;padding: 0 6px;display: inline-block;vertical-align: top;background: url(../images/login_bar.gif) no-repeat right}
#header #login_content li:last-child {background: none}
#header #login_content li a {padding: 0 3px;font-size: 11px;color: #fff}
#header #appo_open {text-align: center;display: block;width: 200px;margin: 0 0 20px;cursor: pointer}

#siteMap {}
#siteMap .pop_wrap .pop_windo {width: 1200px;height: 700px;margin: -330px 0 0 -600px;background: rgba(0,0,0,.9)}
#siteMap h2 {color: #fff;font-size: 32px;font-weight: 500;padding: 0 0 20px;border-bottom: 2px solid #fff}
#siteMap #mn_field {width: 100%}
#siteMap #mn_field tr {border-bottom: 1px solid #444}
#siteMap #mn_field th {width:200px;color: #a69fde;vertical-align: middle;font-size: 20px;padding: 0 10px}
#siteMap #mn_field td {padding: 20px 0}
#siteMap #mn_field td li {float: left;margin: 0 10px 0 0;line-height: 21px}
#siteMap #mn_field td a {color: #fff;font-size: 16px}
#siteMap #mn_field td a:hover {color: #f5d21d}
#siteMap .pop_wrap .pop_close {top: 26px;right: 40px}
#siteMap #mn_field a {background: none;width: auto;height: auto;background: none;border: 0}
#siteMap #mn_field .img {display: none;}
#siteMap #mn_field tr:nth-child(9),
#siteMap #mn_field tr:nth-child(10) {display: none;}

#gnb {}
#gnb > li.hover > a {background: #fff;color: #303395}
#gnb > li.hover > a span {color: #303395}
#gnb > li.hover > a:after {background: url(../images/gnb_arrow.png) right}
#gnb > li.hover .dp1 {display: block;}
#gnb > li > a {position: relative;width: 200px;height: 50px;line-height: 50px;padding: 0px 0 0 30px;color: #fff;font-size: 17px;letter-spacing: -1.5px;display: block;border-bottom: 1px solid #666;transition: background .3s,color .3s;box-sizing: border-box}
#gnb > li > a:after {content: '';position: absolute;top: 18px;right: 20px;width: 7px;height: 12px;background: url(../images/gnb_arrow.png) left;transition: background .3s}
#gnb > li > a b {display: block;font-weight: 500}
#gnb > li > a span {font-size: 10px;transform: scale(0.8);transform-origin: left;display: block;color: #aaa;margin: 2px 0 0;letter-spacing: 0;display: none}
#gnb .dp1 {display: none;position: fixed;top: 0;left: 200px;background: #fcfcfc;width: 200px;height: 100%;overflow: hidden}
#gnb .dp1 h3 {font-size: 0}
#gnb .dp1 .dp1_mn {overflow: auto;width: 220px;height: calc(100% - 150px)}
#gnb .dp1 .dp1_mn li {width: 200px}
#gnb .dp1 .dp1_mn li a {display: block;height: 50px;line-height: 50px;text-indent: 20px;font-size: 15px;font-weight: 500;color: #292832;border-bottom: 1px solid #b5b2ab;box-sizing: border-box}
#gnb .dp1 .dp1_mn li a:hover,
#gnb .dp1 .dp1_mn li a:focus {background: #292832;color: #fff}
#gnb .dp1 .dp1_mn li.img a {height: auto;line-height: normal;text-indent: 0;font-size: 0}

#header .hd_cs {padding: 30px 0 30px 28px}
#header .hd_cs h2 {font-size: 14px;color: #fff;font-weight: 700;margin: 0 0 10px}
#header .hd_cs p.deco1 {color: #5aeaff;font-size: 22px;font-weight: 700;margin: 0 0 10px}
#header .hd_cs p.deco2 {color: #fff;font-size: 11px;line-height: 18px;letter-spacing: 0}
#header .hd_cs p.deco2 .th {display: inline-block;width: 32px;height: 11px;margin: 0 7px 0 0;vertical-align: top;text-align: justify}
#header .hd_cs p.deco2 .th:after {content: '';display: inline-block;width: 100%}
#header .hd_cs p.deco3 {color: #fff;font-size: 11px;line-height: 18px;letter-spacing: 0}

#section {padding: 0 82px 0 200px}

.main_pg {}
.main_pg:after {content: '';display: block;clear: both}
.main_pg .content_left {float: left;width: calc(100% - 500px);height: 100vh;overflow: hidden;transition: width .4s;transition-timing-function: linear;display: none;}
.main_pg .content_left.on {width: 100%}
.main_pg .content_left .swiper-slide {height: 100vh;background-position: center;background-size: cover}
.main_pg .content_left .swiper-container-horizontal > .swiper-pagination-bullets {bottom: auto;top: 20px;right: 20px;left: auto;width: auto}
.main_pg .content_left .swiper-pagination-bullet {width: 15px;height: 15px}

.main_pg .vis_wrap {position: relative;width: 1000px;margin: 0 auto}
.main_pg .vis_wrap .ani {position: absolute;animation: none}

.main_pg .s1 .vis_wrap .ani1 {top: 80px;right: -32px;opacity:0}
.main_pg .s1 .vis_wrap .ani2 {top: 240px;right: -32px;opacity:0}
.main_pg .s1 .vis_wrap .ani3 {top: 260px;right: -32px;opacity:0}
.main_pg .s1 .vis_wrap .ani4 {top: 327px;right: -32px;opacity:0}
.main_pg .s1 .vis_wrap .ani5 {top: 350px;right: -32px;opacity:0}

.main_pg .s1.on .vis_wrap .ani1 {animation: vis1_ani1 .5s .5s 1 ease forwards}
.main_pg .s1.on .vis_wrap .ani2 {animation: vis1_ani2 .7s 1s 1 cubic-bezier(0.55, 0.1, 0.86, 0.05) forwards}
.main_pg .s1.on .vis_wrap .ani3 {animation: vis1_ani3 .3s 2.1s 1 ease forwards}
.main_pg .s1.on .vis_wrap .ani4 {animation: vis1_ani2 .7s .8s 1 cubic-bezier(0.55, 0.1, 0.86, 0.05) forwards}
.main_pg .s1.on .vis_wrap .ani5 {animation: vis1_ani4 .5s 2.7s 1 ease forwards}

@keyframes vis1_ani1 {
    0% {top: 150px;transform: scaleY(.7);opacity: 0}
    100% {top: 80px;transform: scaleY(1);opacity: 1}
}
@keyframes vis1_ani2 {
    0% {transform: scaleX(0);opacity: 0}
    100% {transform: scaleX(1);opacity: 1}
}
@keyframes vis1_ani3 {
    0% {top: 280px;transform: scaleY(.7);opacity: 0}
    100% {top: 260px;transform: scaleY(1);opacity: 1}
}
@keyframes vis1_ani4 {
    0% {right: 20px;opacity: 0}
    100% {right: -32px;opacity: 1}
}

.main_pg .s2 .vis_wrap .ani1 {top: 150px;left: -32px;opacity:0}
.main_pg .s2 .vis_wrap .ani2 {top: 310px;left: -32px;opacity:0}
.main_pg .s2 .vis_wrap .ani3 {top: 330px;left: -32px;opacity:0}
.main_pg .s2 .vis_wrap .ani4 {top: 397px;left: -32px;opacity:0}
.main_pg .s2 .vis_wrap .ani5 {top: 420px;left: -32px;opacity:0}
.main_pg .s2 .vis_wrap .ani6 {top: 547px;left: -28px;opacity:0}
.main_pg .s2 .vis_wrap .ani7 {top: 547px;left: 108px;opacity:0}
.main_pg .s2 .vis_wrap .ani8 {top: 547px;left: 244px;opacity:0}
.main_pg .s2 .vis_wrap .ani9 {top: 547px;left: 380px;opacity:0}

.main_pg .s2.on .vis_wrap .ani1 {animation: vis2_ani1 .5s .5s 1 ease forwards}
.main_pg .s2.on .vis_wrap .ani2 {animation: vis2_ani2 .7s .8s 1 cubic-bezier(0.55, 0.1, 0.86, 0.05) forwards}
.main_pg .s2.on .vis_wrap .ani3 {animation: vis2_ani3 .3s 2.1s 1 ease forwards}
.main_pg .s2.on .vis_wrap .ani4 {animation: vis2_ani2 .7s .8s 1 cubic-bezier(0.55, 0.1, 0.86, 0.05) forwards}
.main_pg .s2.on .vis_wrap .ani5 {animation: vis2_ani4 .5s 2.7s 1 ease forwards}
.main_pg .s2.on .vis_wrap .ani6 {animation: vis2_ani5 .6s 3.3s 1 cubic-bezier(0.22, 0.35, 0, 2.62) forwards}
.main_pg .s2.on .vis_wrap .ani7 {animation: vis2_ani5 .7s 3.6s 1 cubic-bezier(0.22, 0.35, 0, 2.62) forwards}
.main_pg .s2.on .vis_wrap .ani8 {animation: vis2_ani5 .7s 3.9s 1 cubic-bezier(0.22, 0.35, 0, 2.62) forwards}
.main_pg .s2.on .vis_wrap .ani9 {animation: vis2_ani5 .7s 4.2s 1 cubic-bezier(0.22, 0.35, 0, 2.62) forwards}

@keyframes vis2_ani1 {
    0% {top: 220px;transform: scaleY(.7);opacity: 0}
    100% {top: 150px;transform: scaleY(1);opacity: 1}
}
@keyframes vis2_ani2 {
    0% {transform: scaleX(0);opacity: 0}
    100% {transform: scaleX(1);opacity: 1}
}
@keyframes vis2_ani3 {
    0% {top: 350px;transform: scaleY(.7);opacity: 0}
    100% {top: 330px;transform: scaleY(1);opacity: 1}
}
@keyframes vis2_ani4 {
    0% {left: 20px;opacity: 0}
    100% {left: -32px;opacity: 1}
}
@keyframes vis2_ani5 {
    0% {top: 580px;opacity: 0}
    100% {top: 547px;opacity: 1}
}

#content_right {position: fixed;top: 0;right: 82px;width: 500px;height: 100vh;background: #bbb;overflow: hidden;z-index: 10;transition: right .4s;transition-timing-function: linear;display: none;}
#content_right .scroll_wrap {overflow: auto;width: 520px;height: 100%}
#content_right .fl {float: left}
#content_right .db {display: block}
#content_right .cr01 {}
#content_right .cr02 {width: 335px;height: 177px;background: #333}
#content_right .cr03 {width: 165px;height: 177px}
#content_right .cr04 {width: 250px;height: 220px}
#content_right .cr05 {width: 250px;height: 220px}
#content_right .cr06 {width: 250px;height: 220px;background: #3b69c7}
#content_right .cr07 {width: 250px;height: 220px;background: #fff;position:relative}
#content_right .cr07 .column_arrow {position: absolute;right: 30px;top: 30px;}
#content_right .cr08 {width: 350px;height: 186px}
#content_right .cr09 {width: 150px;height: 186px}
#content_right .cr10 {width: 150px;height: 150px}
#content_right .cr11 {width: 350px;height: 150px}
#content_right .cr12 {width: 500px;background: #fff;text-align: center;padding: 20px 0;overflow: hidden}
#content_right .cr12 h3 {margin: 0 0 12px}
#content_right .cr12 .e_info {font-size: 12px;color: #222;line-height: 16px}
#content_right .cr12 .e_info.mb {margin-bottom: 8px}
#content_right .cr12 .e_info span {width: 2px;height: 9px;background: url(../images/footer_bar.jpg);display: inline-block;margin: 0 5px}
#content_right #cr_btn {position: fixed;right: 582px;top: 50%;margin-top: -11px;width: 23px;height: 85px;background-image: url(../images/btn_open.png);background-position: 0 -85px;transition: right .4s;transition-timing-function: linear;cursor: pointer;z-index: 100}
#content_right.on {right: -418px}
#content_right.on #cr_btn {right: 82px;background-position: 0 0}
#content_right #cr_btn {}
#content_right .need {margin: 0 0 10px}
#content_right .need > li {display: inline-block;color: #282828;font-weight: 500;font-size: 13px;font-weight: 500}
#content_right .need > li > span {cursor: pointer}

/*퀵메뉴 기본*/
#quick_mn {position: fixed;top: 0;right: 0;right: 0px;height: 100%;background: #292832;z-index: 100}
#quick_mn .black_bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;display: none;opacity: 0;z-index: 100}
#quick_mn > ul {font-size: 0;position: relative;z-index: 101}
#quick_mn > ul > li > a.tg {display: block;width: 82px;height: 83px;overflow: hidden;}
#quick_mn > ul > li > a.tg img {position: relative;left: 0;transition: left .3s}
#quick_mn > ul > li:hover > a.tg img {left: -82px}
#quick_mn .point {display: block;}
#quick_mn .q_content {position: absolute;top: 0;left: 82px;width: 400px;height: 100vh;background: #eee;font-size: 17px;display: none;box-sizing: border-box}
#quick_mn .under {}
#quick_mn .under a {width: 82px;height: 26px;line-height: 26px;color: #fff;font-size: 13px;background: #1b1a24;display: block;text-align: center;border-top: 1px solid #292832}
#quick_mn #topBtn {position: absolute;left: 0;bottom: 0;width: 82px;height: 83px;cursor: pointer;z-index: 101}

/*퀵메뉴 콘텐츠*/
#quick_mn {}
#quick_mn .t_sjt {color: #1abacd;font-size: 30px;font-weight: 500;margin: 0 0 35px}
#quick_mn .onlineC {padding: 30px}
#quick_mn .q_btnS1 {width: 100%;height: 35px;background: #1abacd;border-radius: 5px;color: #fff;font-size: 13px;line-height: 35px;display: block;text-align: center;margin: 40px 0 0}
#quick_mn .notice_event {padding: 30px}
#quick_mn .notice_event .swiper-button-prev {width: 14px;height: 30px;background: url(../images/quick_left_btn.png);margin-top: -15px;background-size: auto}
#quick_mn .notice_event .swiper-button-next {width: 14px;height: 30px;background: url(../images/quick_right_btn.png);margin-top: -15px;background-size: auto}
#quick_mn .mapView {padding: 30px}
#quick_mn .mapView .ads_num {font-size: 14px;color: #666;padding: 7px 0 0}
#quick_mn .mapView .ads_num .right {float: right}

#quick_mn .q_content .q_ani1 {opacity:0;transform: translateY(30px);animation: q_ani .4s 0s forwards}
#quick_mn .q_content .q_ani2 {opacity:0;transform: translateY(30px);animation: q_ani .4s .1s forwards}
#quick_mn .q_content .q_ani3 {opacity:0;transform: translateY(30px);animation: q_ani .4s .2s forwards}
#quick_mn .q_content .q_ani4 {opacity:0;transform: translateY(30px);animation: q_ani .4s .3s forwards}

@keyframes q_ani{
    0% {transform: translateY(30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}

/*sms*/
.sms_box {position: absolute;left: 50%;bottom: 0;width: 900px;height: 122px;background: #161824;z-index: 99;padding: 20px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.sms_box h4 {float: left;font-size: 28px;color: #fff;font-weight: 500}
.sms_box .qu {margin: 0 0 0 15px;color: #fff;font-weight: 300;line-height: 37px;font-size: 15px}
.sms_box .ft_input {height: 25px;background: #fff;border: 1px solid #898989;vertical-align: top;padding: 0 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.sms_box .input_box {position: absolute;top: 70px;left: 30px}
.sms_box .ft_input.sz1 {width: 134px;margin: 0 20px 0 0}
.sms_box .ft_input.sz2 {width: 74px}
.sms_box .ft_la1 {font-size: 18px;color: #fff;margin: 0 10px 0 0;line-height: 22px}
.sms_box .hap {width: 10px;height: 1px;background: #fff;display: inline-block;vertical-align: middle;margin: 0 1px 0 4px}
.sms_box .agr_box {position: absolute;left: 595px;bottom: 25px;width: 145px}
.sms_box .agr_box label {color: #fff;font-size: 14px;cursor: pointer}
.sms_box .agr_box input[type="checkbox"] {vertical-align: middle;border-radius: 3px;cursor: pointer}
.sms_box .agr_box .pr_btn {width: 100%;height: 21px;line-height: 21px;font-size: 14px;color: #fff;background: #434761;text-align: center;margin: 3px 0 0;cursor: pointer}
.sms_box #ft_submit {position: absolute;top: 20px;right: 30px;cursor: pointer}

/*레이어팝업*/
html#pop_on {overflow: hidden}
.pop_wrap {display: none;position: fixed;left: 0!important;top: 0!important;width: 100%!important;height: 100%!important;z-index: 999}
.pop_wrap .bk_bg {position: fixed;left: 0!important;top: 0!important;width: 100%!important;height: 100%!important;background: rgba(0,0,0,0.2);z-index: 999}
.pop_wrap .pop_windo {position: absolute;left: 50%;top: 50%;margin: -290px 0 0 -290px;width: 500px;height: 500px;padding: 40px;background: #fff;z-index: 1000}
.pop_wrap .pop_close {position: absolute;right: -45px;top: 0;cursor: pointer;display: inline-block;width: 29px;height: 29px}
.pop_wrap .agr_cont h2 {margin-bottom: 19px;padding-bottom: 20px;font-size: 21px;text-align: center;color: #222;border-bottom: 2px solid #222}
.pop_wrap .agr_cont .agr_content {overflow-y: scroll;height:385px;font-size: 14px;line-height: 22px;word-break: keep-all;color: #333;font-weight: 400;text-align: left}

/*진료예약팝업*/
#appo {display: none;width: 840px!important;height: 590px!important;position: fixed;left: 50%;top: 180px;margin-left: -420px!important;background: url(../images/appo/bg.png);z-index: 10000}
#appo_black {position: fixed;left: 0!important;top: 0!important;width: 100%!important;height: 100%!important;background: rgba(0,0,0,0.2);z-index: 9999;display: none}
#appo .top {height: 60px;padding: 0 24px}
#appo .top h2 {float: left;margin: 12px 0 0}
#appo .top p {float: left;margin: 28px 0 0 50px;font-size: 12px;color: #fff;font-weight: 400}
#appo .top .sq_btn {display: inline-block;font-size: 12px;color: #848484;width: 55px;height: 22px;line-height: 20px;background: #fff;text-align: center;border: 1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 5px;-webkit-border-radius: 5px}
#appo .top .btn_box {float: right;margin: 25px 0 0}
#appo .top .btn_box .fl {float: left;margin: 0 0 0 5px}
#appo .left {float: left;margin: 0 15px 0 24px;width: 511px}
#appo .cbox {float: left;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.5);box-sizing: border-box;padding: 15px}
#appo .cbox h2 {font-size: 15px;height: 15px;line-height: 15px;color: #555;background: url(../images/appo/ck_img.png) no-repeat 0 1px;padding: 0 0 8px 20px;font-weight: 500}
#appo .cbox2 {float: left;background: rgba(255,255,255,0.3);border-radius: 10px;box-sizing: border-box;padding: 15px}
#appo .ap1 {width: 208px;height: 287px;margin: 0 15px 0 0}
#appo .ap1 select {width: 100%;height: 234px;border:1px solid #d7d7d7;box-sizing: border-box;outline:none}
#appo .ap2 {position: relative;width: 288px;height: 287px}
#appo .ap2:after {content: '';width: 252px;height: 1px;background: #d7d7d7;position: absolute;bottom: 14px;}
#appo .ap2 .datepicker--buttons, #appo .ap2 .datepicker--time {padding: 6px 4px}
#appo .ap2 .datepicker--day-name {color: #4490b7}
#appo .ap2 .datepicker--cell {height: 27px}
#appo .ap3 {width: 100%;height: 208px;margin: 15px 0 0}
#appo .ap3 h2 {font-size: 17px;color: #032a4c;margin: 0 0 8px;font-weight: 500;}
#appo .ap3 p {font-size: 14px;color: #032a4c;line-height: 22px;font-weight: 400;}
#appo .ap4 {float: left;width: 266px;height: 510px}
#appo .ap4 .texta {width: 100%;height: 100px;padding: 8px;border: 1px solid #d7d7d7;box-sizing: border-box;overflow-y: auto;font-size: 13px;line-height: 18px;background: #f9f9f9;margin: 0 0 10px}
#appo .ap4 .ck-r {float: right;font-size: 14px;height: 14px}
#appo .ap4 .ck-r input {vertical-align: top;margin: 2px}
#appo .ap4 .ap_tbl {width: 100%;margin: 0 0 3px}
#appo .ap4 .ap_tbl th {font-size: 13px;width: 55px;text-align: left;vertical-align: middle}
#appo .ap4 .ap_tbl td {line-height: 22px;padding: 2px 0;font-size: 13px}
#appo .ap4 .ap_tbl td input[type="text"] {padding: 0 7px;height: 22px;border: 1px solid #aaa;box-sizing: border-box;margin: 0;display: block;font-size: 13px}
#appo .ap4 .ap_tbl .border_none {border: 0!important}
#appo .ap4 .ap_tbl .time_rtv {position: relative}
#appo .ap4 .ap_tbl .time_rtv #time_pk:focus + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:active + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:hover + .time_help {opacity: 1;right: -90px}
#appo .ap4 .ap_tbl .time_help { position: absolute;top: 0;right: -100px;border: 1px solid #ddd;border-radius: 5px;background: #fff;padding: 5px;opacity: 0;transition: .3s}
#appo .ap4 .ap_tbl .time_help h3 { font-weight: 500;color: #01676d;}
#appo .ap4 .ap_tbl .time_help p {}
#appo .ap4 .ads {}
#appo .ap4 .ads input[type="text"] {display: inline-block!important;vertical-align: top;margin-bottom:3px!important}
#appo .ap4 .ads input[type="button"] {margin: 2px 0 0 2px;padding: 0 10px;font-family: inherit;font-size: 12px;background: #555;color: #fff;border: 0;font-weight: 300;border-radius: 4px;vertical-align: to;cursor: pointer}
#appo .ap4 #appo_submit {width: 100%;height: 40px;font-size: 15px;font-weight: 500;background: #ce372f;color: #fff;line-height: 40px;text-align: center;padding: 0;cursor: pointer;box-sizing: border-box;border-radius: 5px;border: 0}
#appo #appo_close {cursor: pointer}
.ui-timepicker-standard {z-index: 10000!important}

/*탭메뉴*/
.comPgTabMn:after {content: '';display: block;clear: both}
.comPgTabMn ul.tabs {float: left;width: 100%}
.comPgTabMn ul.tabs li {float: left;text-align:center;cursor: pointer;overflow: hidden;position: relative;height: 63px;line-height: 63px;color: #333;font-size: 26px;font-weight: 500;border: 1px solid #dedede;border-left: 0}
.comPgTabMn ul.tabs li:first-child {border-left: 1px solid #dedede}
.comPgTabMn ul.tabs li.active {background: #3d3d3d;color: #fff}
.comPgTabMn .tab_container {clear: both;float: left}
.comPgTabMn .tab_content {display: none;}
.comPgTabMn .tab_container .tab_content ul {width:100%}
.comPgTabMn.index2 ul.tabs li {width: 498px}
.comPgTabMn.index2 ul.tabs li:first-child {width: 499px}
.comPgTabMn.index3 ul.tabs li {width: 332px}
.comPgTabMn.index4 ul.tabs li {width: 249px}
.comPgTabMn.index4 ul.tabs li:first-child {width: 248px}

/*서브*/
.sub_pg .content_left {overflow: visible;height: auto}
.sub_pg .content_left .subComTopBg {height: 350px;background: url(../images/sub_com_top_bg.jpg) no-repeat center;background-size: cover}
.sub_wrapper {width: 1000px;margin: 0 auto;padding: 50px 0 100px}
.mb35 {margin-bottom: 35px}
.mb90 {margin-bottom: 90px}
.mb130 {margin-bottom: 130px}
/*.hideme {opacity: 0;transform: translateY(50px);}
.hideme.hideOff {opacity: 1;transform: translateY(0);transition: opacity .8s, transform .8s;}*/

/*병원소개 공통*/
.btm_top {transform: translateY(25px);opacity: 0;transition: .5s}
.btm_top_on {transform: translateY(0px);opacity: 1}
.left_right {transform: translateX(-25px);opacity: 0;transition: .5s}
.left_right_on {transform: translateX(0px);opacity: 1}
.td03 {transition-delay: .3s}
.tr08 {transition-duration: .8s}

.hos_intro_top_sjt {width: 1000px;height: 300px;text-align: center;margin: 0 0 100px}
.hos_intro_top_sjt h2 {font-size: 50px;color: #fff;font-weight: 500;margin: 0 0 10px;padding: 77px 0 0;animation: hos_intro1 .2s .7s 1 linear normal forwards;opacity: 0}
.hos_intro_top_sjt .line {display: inline-block;width: 386px;height: 1px;background: #fff;margin: 0 0 7px;animation: hos_intro2 .2s .3s 1 linear normal forwards;transform: scale(0,1);opacity: 0}
.hos_intro_top_sjt p {font-size: 30px;color: #fff;font-weight: 300;line-height: 36px;animation: hos_intro3 .3s 1s 1 linear normal forwards;opacity: 0}

@keyframes hos_intro1 {
    from {
        transform: translateY(25px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}
@keyframes hos_intro2 {
    from {
        transform: scale(0,1);
        opacity: 0;
    }
    to {
        transform: scale(1,1);
        opacity: 1;
    }
}
@keyframes hos_intro3 {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/*인사말*/
.greetings .hos_intro_top_sjt {background: url(../images/sub/s1/i1_s01.jpg) no-repeat center;}
.greetings .cont1 {position: relative;height: 1154px;background: url(../images/sub/s1/i1_s02.jpg) no-repeat center}
.greetings .cont1 .po1 {position: absolute;top: 190px; left: 334px;opacity: 0;transition: 1s}
.greetings .cont1 .po1.po1_1 {top: 150px;left: 466px;opacity: 1}
.greetings .cont1 .po2 {position: absolute;top:774px;left: 63px}
.greetings .cont1 .po2 h3 {font-size: 25px;color: #fff961;font-weight: 700;line-height: 34px}
.greetings .cont1 .po2 p {font-size: 20px;color: #fff;line-height: 26px}
.greetings .cont2 {margin: 0 0 50px}
.greetings .cont2 .sup {text-align: right;position: relative;top: -97px;z-index: 10}
.greetings .cont2 .sup p {font-size: 30px;color: #f1592a;line-height: 40px}
.greetings .cont2 .sup h2 {font-size: 50px;color: #f1592a;font-weight: 700;line-height: 56px}
.greetings .cont2 .step {height: 203px;background: url(../images/sub/s1/i1_s03.jpg) no-repeat center;position: relative;top: -30px}
.greetings .cont2 .step li {float: left;width: 220px;text-align: center;margin: 0 40px 0 0}
.greetings .cont2 .step li:last-child {margin: 0}
.greetings .cont2 .step li h4 {color: #fff;font-weight: 700;font-size: 24px;margin: 0 0 23px;padding: 30px 0 0}
.greetings .cont2 .step li p {color: #fff;font-size: 28px}
.greetings .cont3 {}
.greetings .cont3:after {content: '';clear: both;display: block;}
.greetings .cont3 li {float: left;width: 475px;margin: 0 50px 60px 0}
.greetings .cont3 li:nth-child(2n+1) {clear: both}
.greetings .cont3 li:nth-child(2n) {margin-right: 0}
.greetings .cont3 li h3 {font-size: 24px;color: #333;font-weight: 500;padding: 25px 0 6px}
.greetings .cont3 li h3 b {font-weight: 700}
.greetings .cont3 li .t1 {font-size: 18px;color: #333;font-weight: 500;line-height: 28px;word-break: keep-all}
.greetings .cont3 li .t2 {font-size: 18px;color: #666;font-weight: 500;line-height: 24px;word-break: keep-all}
.greetings .cont3 li .c1 {color: #f1592a}

/*의료진소개*/
.doc_intro .hos_intro_top_sjt {background: url(../images/sub/s1/i2_s01.jpg) no-repeat center;}
.doc_intro .cont1 {position: relative;height: 480px;background: url(../images/sub/s1/i2_s02.jpg) no-repeat center;}
.doc_intro .cont1 .cont1_txt {position: absolute;top: 113px;right: 90px;text-align: right}
.doc_intro .cont1 .cont1_txt h3 {font-size: 50px;color: #333;line-height: 68px;font-weight: 300;margin: 0 0 35px}
.doc_intro .cont1 .cont1_txt h3 strong {font-weight: 700}
.doc_intro .cont1 .cont1_txt p {font-size: 20px;color: #f1592a;letter-spacing: 3px}
.doc_intro .cont2 {text-align: center;padding: 80px 0}
.doc_intro .cont2:before {content: '';width: 1px;height: 101px;background: #f1592a;display: block;margin: 0 auto 15px}
.doc_intro .cont2:after {content: '';width: 1px;height: 101px;background: #f1592a;display: block;margin: 15px auto 0}
.doc_intro .cont2 .txt {font-size: 26px;line-height: 50px;color: #f1592a;height: 150px}
.doc_intro .cont3 {margin: 0 0 80px}
.doc_intro.cont4 {height: 699px;background: url(../images/sub/s1/i2_s05.jpg) no-repeat center;}
.doc_intro.cont4 .wrap {position: relative;width: 1000px;margin: 0 auto;padding: 0 0 0 200px;text-align: right;box-sizing: border-box}
.doc_intro.cont4 h2 {font-size: 34px;line-height: 36px;color: #333;padding: 170px 0 30px}
.doc_intro.cont4 h2 strong {font-weight: 700;}
.doc_intro.cont4 ol {width: 500px;padding: 40px;background: rgba(0,0,0,.47);display: inline-block;text-align: left}
.doc_intro.cont4 ol li {font-size: 20px;color: #fff;font-weight: 300;word-break: keep-all;margin: 0 0 20px;line-height: 26px}

/*진료시간*/
.hos_hours {}
.hos_hours .hos_intro_top_sjt {background: url(../images/sub/s1/i3_s01.jpg) no-repeat center;margin: 0 0 60px}
.hos_hours .cont1 {margin: 0 0 90px 0}
.hos_hours .cont1:after {content: '';display: block;clear: both;}
.hos_hours .cont1 .box1 {float: left}
.hos_hours .cont1 .box1 h3 {font-size: 30px;color: #000;background: url(../images/sub/s1/i3_s02.jpg) no-repeat left bottom;padding: 0 0 10px;font-weight: 500;}
.hos_hours .cont1 .box2 {width: 450px;border-top: 1px solid #f15a2d;border-bottom: 2px solid #f15a2d;margin: 0 50px 0 0;padding: 20px 0}
.hos_hours .cont1 .box2 p {font-size: 24px;height: 24px;padding: 0 15px;margin: 0 0 20px}
.hos_hours .cont1 .box2 p .th {width: 110px;display: inline-block;text-align: justify;text-align-last: justify;vertical-align: top}
.hos_hours .cont1 .box2 p .th:after {content: '';width: 100%;display: inline-block;}
.hos_hours .cont1 .box2 p .td {display: inline-block;vertical-align: top;font-weight: 500;padding: 0 0 0 25px}
.hos_hours .cont1 .box2 p i {font-size: 18px}
.hos_hours .cont1 .box2 ul {padding: 0 15px}
.hos_hours .cont1 .box2 ul li {line-height: 26px}
.hos_hours .cont1 .box2 ul li:before {content: '·';margin: 0 1px 0 0}
.hos_hours .cont1 .box2 ul li b {color: #f15a2d}
.hos_hours .cont2 {}
.hos_hours .cont2 > h3 {font-size: 30px;color: #000;background: url(../images/sub/s1/i3_s02.jpg) no-repeat left bottom;padding: 0 0 10px;font-weight: 500;}
.hos_hours .cont2:after {content: '';clear: both;display: block;}
.hos_hours .cont2 .box1 {border-top: 1px solid #f15a2d;border-bottom: 2px solid #f15a2d;padding: 30px 0 0}
.hos_hours .cont2 .box1:after {content: '';display: block;clear: both;}
.hos_hours .cont2 li {float: left;width: 475px;margin: 0 50px 60px 0}
.hos_hours .cont2 li:nth-child(2n+1) {clear: both}
.hos_hours .cont2 li:nth-child(2n) {margin-right: 0}
.hos_hours .cont2 li h3 {font-size: 24px;color: #333;font-weight: 500;padding: 25px 0 6px}
.hos_hours .cont2 li h3 b {font-weight: 700}
.hos_hours .cont2 li .t1 {font-size: 18px;color: #333;font-weight: 500;line-height: 28px;word-break: keep-all}
.hos_hours .cont2 li .t2 {font-size: 18px;color: #666;font-weight: 500;line-height: 24px;word-break: keep-all}
.hos_hours .cont2 li .c1 {color: #f1592a}

/*장비소개*/
.equipment-wr .hos_intro_top_sjt {background: url(../images/sub/s1/i4_s01.jpg) no-repeat center;margin: 0 0 50px}
.equipment-wr .equipment-list {position:relative;padding:50px 0 20px 250px;color: #555;font-size: 14px;min-height: 175px}
.equipment-wr .equipment-list:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:1px;background:#ddd}
.equipment-wr .equipment-list .equip-thum {position:absolute;top:50px;left:10px;display:block;}
.equipment-wr .equipment-list:first-child .equip-thum {border:1px solid #ccc;}
.equipment-wr .equipment-list h3 {font-size:22px;color:#333;margin-bottom:35px;}
.equipment-wr .equipment-list h3 span {font-size:13px;color:#767676;font-weight:normal;margin: 0 0 0 7px}
.equipment-wr .equipment-list .equipment-txt p {font-size:14px;line-height:22px;margin-bottom:25px;letter-spacing:-0.03em;word-break: keep-all}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*둘러보기*/
.inte_pg .hos_intro_top_sjt {background: url(../images/sub/s1/i5_s01.jpg) no-repeat center;margin: 0 0 70px}
.inte_swiper {}
.inte_swiper .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.inte_swiper .swiper-slide {background-size: cover;background-position: center;}
.inte_swiper .gallery-top {height: 600px;width: 100%;}
.inte_swiper .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.inte_swiper .gallery-thumbs .swiper-slide {width: 25%;height: 120px;opacity: 0.4;}
.inte_swiper .gallery-thumbs .swiper-slide-active {opacity: 1;}
.inte_swiper .com_sw_btn {width: 60px;height: 60px;background: rgba(0,0,0,.5);border-radius: 30px;transition: left .6s, right .6s}
.inte_swiper .com_sw_btn:before {content: '';position: absolute;top: 20px;width: 17px;height: 17px;border-top: 2px solid #fff;transition: .3s}
.inte_swiper .com_sw_btn:active,
.inte_swiper .com_sw_btn:focus {margin-top: -21px}
.inte_swiper .swiper-button-next {right: -18px}
.inte_swiper .swiper-button-next:before {left: 16px;border-right: 2px solid #fff;transform: rotate(45deg)}
.inte_swiper .swiper-button-prev {left: -18px}
.inte_swiper .swiper-button-prev:before {right: 16px;border-left: 2px solid #fff;transform: rotate(-45deg)}
.inte_swiper:hover .com_sw_btn {background: rgba(0,0,0,.8)}
.inte_swiper:hover .swiper-button-next {right: 20px}
.inte_swiper:hover .swiper-button-prev {left: 20px}
.inte_swiper .swiper-container-horizontal > .sw_pg_custom {position: absolute;left: calc(50% - 345px);bottom: 0;width: 690px;height: 125px;background: rgba(0,0,0,.6);z-index: 10}
.inte_swiper .swiper-container-horizontal > .sw_pg_custom  .swiper-pagination {width: 100%;bottom: 15px}
.inte_swiper .sw_pg_custom .swiper-pagination-bullet {width: 25px;height: 7px;margin: 0 4px;background: #c0c0c0;border-radius: 0;opacity: 1}
.inte_swiper .sw_pg_custom .swiper-pagination-bullet-active {background: #f54c4c}
.inte_swiper .sw_pg_custom h3 {text-align: center;color: #fff;font-size: 50px;padding: 25px 0 0;font-weight: 500}
.inte_swiper .item_name {font-size: 0}

/*오시는길*/
.sub_pg.s0106 {}
.sub_pg.s0106 .hos_intro_top_sjt {background: url(../images/sub/s1/i6_s00.jpg) no-repeat center;margin: 0 0 70px}
.sub_pg.s0106 .map_box {width: 100%;padding: 35px;border: 1px dashed #d4d4d4;margin: 0 0 25px;box-sizing: border-box}
.sub_pg.s0106 .map_box > ul li {display: inline-block;vertical-align: top;padding: 0 0 0 100px;height: 81px;color: #282828;margin: 0 0 20px}
.sub_pg.s0106 .map_box > ul li:first-child {background: url(../images/sub/s1/i6_s01.png) no-repeat left;margin: 0 120px 0 0}
.sub_pg.s0106 .map_box > ul li:last-child {background: url(../images/sub/s1/i6_s02.png) no-repeat left}
.sub_pg.s0106 .map_box > ul li h3 {font-weight: 500;margin: 20px 0 6px}
.sub_pg.s0106 .map_box > ul li p {font-size: 15px}
.sub_pg.s0106 .map_box .root_daum_roughmap_landing {width: 100%!important}
.sub_pg.s0106 .pub {}
.sub_pg.s0106 .pub h2 {font-size: 24px;color: #1e6779;margin: 0 0 25px}
.sub_pg.s0106 .pub h2:before {content: '';width: 21px;height: 5px;background: url(../images/sub/s1/i6_s03.jpg) no-repeat;display: block;margin: 0 0 4px}
.sub_pg.s0106 .pub .each {}
.sub_pg.s0106 .pub .each > li {padding: 0 0 0 100px;min-height: 81px;margin: 0 0 35px}
.sub_pg.s0106 .pub .each > li:nth-child(1) {background: url(../images/sub/s1/i6_s04.png) no-repeat top left}
.sub_pg.s0106 .pub .each > li:nth-child(2) {background: url(../images/sub/s1/i6_s05.png) no-repeat top left}
.sub_pg.s0106 .pub .each > li h3 {font-size: 17px;color: #282828;font-weight: 700;margin: 0 0 6px;padding: 15px 0 0}
.sub_pg.s0106 .pub .each > li p {font-weight: 400}
.sub_pg.s0106 .pub .each_c1 {}
.sub_pg.s0106 .pub .each_c1 li {display: inline-block;vertical-align: top;margin: 0 55px 0 0}
.sub_pg.s0106 .pub .each_c1 li dl {}
.sub_pg.s0106 .pub .each_c1 li dl dt {font-size: 15px;color: #94588e;font-weight: 700;padding: 11px 0 9px}
.sub_pg.s0106 .pub .each_c1 li dl dt:before {content: '';width: 4px;height: 4px;border-radius: 2px;background: #94588e;display: inline-block;vertical-align: top;position: relative;top: 5px;margin: 0 3px 0 0}
.sub_pg.s0106 .pub .each_c1 li dl dd {margin: 0 0 5px 10px}
.sub_pg.s0106 .pub .each_c1 li dl dd .c1 {}
.sub_pg.s0106 .pub .each_c1 li dl dd .c1:before {content: '지선';background: #52bf6e;color: #fff;font-size: 13px;border-radius: 3px;display: inline-block;width: 32px;height: 17px;line-height: 17px;text-align: center;margin: 0 4px 0 0;font-weight: 300}
.sub_pg.s0106 .pub .each_c1 li dl dd .c2:before {content: '마을';background: #52bf6e;color: #fff;font-size: 13px;border-radius: 3px;display: inline-block;width: 32px;height: 17px;line-height: 17px;text-align: center;margin: 0 4px 0 0;font-weight: 300}
.sub_pg.s0106 .pub .each_c1 li dl dd .c3:before {content: '일반';background: #00aeab;color: #fff;font-size: 13px;border-radius: 3px;display: inline-block;width: 32px;height: 17px;line-height: 17px;text-align: center;margin: 0 4px 0 0;font-weight: 300}
.sub_pg.s0106 .pub .each_c1 li dl dd .c4:before {content: '직행';background: #f86e55;color: #fff;font-size: 13px;border-radius: 3px;display: inline-block;width: 32px;height: 17px;line-height: 17px;text-align: center;margin: 0 4px 0 0;font-weight: 300}
.sub_pg.s0106 .pub .each_c1 li dl dd span {font-size: 15px;color: #606060;line-height: 17px}