﻿header {z-index: 10000; border-bottom:1px solid rgba(255,255,255,0.3); height:60px; transition: 0.3s;}
header * {line-height: normal;}
header .header-wrap {transition: 0.3s;}
header .header-wrap .right-menu {}
header .header-wrap .right-menu a {padding:22px 15px; display:inline-block; cursor: pointer;}
header .header-wrap .scroll-logo {display:none;}
header .header-wrap .mobile-menu-opener {display: none;}

header.scroll {background-color: #fff; height:63px;}
/* header.scroll .header-wrap {transform: scale(0.95);} */
header.scroll .header-wrap .scroll-logo {display:inline-block;}
header.scroll .header-wrap .no-scroll {display:none;}
header.scroll .header-wrap .right-menu a {color:#1d1d1f;}
header.scroll .header-wrap .right-menu a.bg-black {background-color: #AD3371; color: #fff;}
header.scroll .header-wrap .right-menu a:hover {color:#336cad;}

/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:2%; right:2rem; z-index:99; text-align:center; cursor:pointer; display: none;}
.right-quick-menu li {background:#bbb; width:87px; height:87px; line-height:87px; border-radius:100%; text-align:center; cursor:pointer; margin-bottom:7px;}
.right-quick-menu li img {margin-bottom:-20px;}
.right-quick-menu li:hover {background:#336cad;}
.right-quick-menu.on {display:block;}
.right-quick-menu.off {display:none;}

/* 스크롤  */
.icon-scroll {position:fixed;bottom:0px;left:calc(50% - 25px);z-index:999; padding:0px 0 20px;;}
.icon-scroll div {transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:53px;height:53px;background:url(../images/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}
.icon-scroll.off {display:none;}
h1.h-tit {font-size:40px; font-weight:700;letter-spacing:-.05em;}
img.img100 {width:100%;max-width:1200px;}

.container {height:100%;}
#fp-nav.right {right:25px;}
#fp-nav ul li, .fp-slidesNav ul li {margin:10px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background:#fff;}

.slick-list,
.slick-track {
    height: 100%;
}

.slick-list * {outline: none;}

.item-section {min-height:100%; background-repeat: no-repeat; overflow-x: hidden;}
.item-box {padding:20px 0 80px;}

.fade {position: relative; opacity: 0; transition: 1.3s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-80px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-80px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-80px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-80px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}

.pc-slide {background-repeat: no-repeat; background-size: cover; background-position: center;}
.slider-00 {background-image: url(/img/slide/slide_img00-7cfd538e2b23bc04668917fd94a2440b.jpg);}
.slider-00 > div {margin-top:250px;}
.slider-00 > div img {width:100%; max-width:1000px;}
.slider-01 {background-image: url(../img/slide/slide_img02.jpg);}
.slider-02 {background-image: url(../img/slide/slide_img03.jpg);}

.section01 {position: relative;}
.section01 .slider-move-btn {position: absolute; z-index: 2; background-color: transparent; border: none;}
.section01 .slider-move-btn img {width:50px;}
.section01 .slider-move-btn.prev {top: 50%; margin-top: -77.5px; left: 50px;}
.section01 .slider-move-btn.next {top: 50%; margin-top: -77.5px; right: 50px;}

.section02 {background: url(/img/background/bg_img02-a9c36b471dc4fa8748db52755b5930ee.jpg) no-repeat right center/cover; display: flex; align-items: center; justify-content: center;}
.section02 p.h-tit-white {color:#fff; font-size:13px; letter-spacing: 5px; line-height:1.5em;} 
.section02 p.sec_title {color:#fff; font-size:30px; margin-top:15px; line-height:1.5em;} 
.section02 ul.ul_pic {justify-content: space-around; margin-top:55px;}
.section02 ul.ul_pic li {width:30%; margin:4px; box-sizing: border-box; border-radius: 10px; background:rgba(255,255,255,0.18); padding:40px 10px;}
.section02 ul.ul_pic li img {max-width:140px; width:90%;}
.section02 ul.ul_pic li h5 {color:#fff; font-size:22px; font-weight:700; letter-spacing:-.01em; line-height: 1.1em; margin:10px 0;}
.section02 ul.ul_pic li p {color:#777; font-size:19px; font-weight:500; letter-spacing:-.03em; line-height: 1.5em; }

.company {background-image: url(/img/background/bg_img03-81333bc844494c33fe4c9ec3613d8602.jpg); background-size: cover; background-position: center bottom;}
.company .item-box img {flex:1 0 750px; width:750px;}

.view {background-image: url(/img/background/bg_img04-ed0f38a801d1cf25dd67b2d66f06b1c3.jpg); background-size: cover; background-position: center bottom;}
.view .item-box .video-wrap {}
.view .item-box .video-wrap .video-slider {}
.view .item-box .video-wrap .video-slider .video-item {background-color:#fff; padding:20px; width:79%; margin:auto;}
.view .item-box .video-wrap .video-slider .video-item .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; background-color:#ccc;}
.view .item-box .video-wrap .video-slider .video-item .video-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.view .item-box .video-wrap .slider-control-btn { top: 50%; margin-top: -75px; padding: 0 10px; z-index: 1; transition: 0.5s;}
.view .item-box .video-wrap .slider-control-btn.disabled {opacity:1; cursor: default;}
.view .item-box .video-wrap .slider-control-btn img {width:40px;}
.view .item-box .video-wrap .slider-control-btn.prev-btn {left: 50%; margin-left: -30%;}
.view .item-box .video-wrap .slider-control-btn.next-btn {right: 50%; margin-right: -30%;}

.add {background-image: url(/img/background/bg_img05-4d8b8e74507a58e435d7b9714bb97320.jpg); background-size: cover; background-position: center bottom; display: flex; align-items: center;}
.add .d-flex .left {width:50%;}
.add .d-flex .left p.f-size32 {letter-spacing: -3px;}
.add .d-flex .left p span.w-gap {display:inline-block; width:150px;}
.add .d-flex .right {width:50%; }
.add .d-flex .right img {margin:10px 0;}
.add .phone_num a {font-size:43px; font-weight:600; color:#fff;}
.add .phone_num a span {font-weight:300;}
.add .f-size32 {font-size: 28px;}
.add .f-size20 {font-size: 17px;}
.add span.box {display:inline; padding:1px 8px; color:#fff; background:#e36630;}

.marker-wrap {position: absolute; top: -33px; left: 0; margin-left: -48px;}
.marker-wrap .triangle-border {position: relative; padding: 0px 10px 0px 5px;; margin: 0; border: 3px solid #0475F5; color: #fff; background: #0475F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 20px; bottom: -7px; left: 0; cursor: pointer; transition: 0.2s; height:30px; line-height: 30px;}
.marker-wrap .triangle-border:before {content: ""; position: absolute; bottom: -12px; left: 40px; border-width: 10px 5px 0; border-style: solid; border-color: #0475F5 transparent; display: block; width: 0;}
.marker-wrap .triangle-border:after {content: ""; position: absolute; bottom: -6px; left: 42px; border-width: 7px 3px 0; border-style: solid; border-color: #0475F5 transparent; display: block; width: 0;}

.marker-wrap .add-pint-count {background-color: #1c75bc; color: #fff; padding: 3px 7px; border-radius: 10px; position: absolute; right: 8px; top: -12px; cursor: pointer;}

.marker-wrap .sub-marker-wrap {background-color: #fff; position: absolute; bottom: 53px; right: 7px; box-shadow: 0px 1px 3px 1px #c7c7c7; display:none;}
.marker-wrap .sub-marker-wrap a {display: block; padding: 7px 25px 7px 10px; cursor: pointer;}
.marker-wrap .sub-marker-wrap a:hover {background-color:#eaeaea;}

.hospital-item-wrap a {display:inline-block; white-space: nowrap; font-family: 'Gothic NeoSB' !important; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; cursor: pointer; transition: 0.2s;}
.hospital-item-wrap a::before {display: inline-block; content: ' '; width: 25px; height: 25px; background-size: 100%; vertical-align: middle; background-color: #fff; border-radius: 100%; background-image: url(/img/icon/pin-ee757488ca48583c38ba5e9f603290c2.png); background-size: 15px; background-repeat: no-repeat; background-position: center;}
.hospital-item-wrap a span {display: inline-block; vertical-align: middle; font-size: 12px; margin-left: 10px; color: #fff; font-family: 'NG B' !important;}

.gm-style .gm-style-iw-d {overflow: visible !important; position: relative;}
.gm-style .gm-style-iw-t {bottom:15px !important;}
.gm-style .gm-style-iw-c {background-color: transparent; box-shadow: none; overflow: visible; padding: 0; /*left:45px; top:4px;*/}
.gm-style .gm-style-iw-c button {display: none !important;}
.gm-style .gm-style-iw-t::after {display: none;}

.gm-fullscreen-control {display:none;}

.choose-pin {background-color: #0475F5 !important; color:#fff !important;}
.choose-pin a span {color:#fff !important;}
.choose-pin.triangle-border {transform: scale(1.1);}
.choose-pin.triangle-border:after {border-color: #0475F5;}

#footer {background-color: #004d8f; padding:30px 0;}

.mobile-slide {display: none;}
.mobile-gnb {display: none;}

@media(max-width:1280px) {
    header {padding:20px 0 15px 0 !important; height:auto;}
    header.scroll {height:44px;}
    header .header-wrap {text-align: center; justify-content: center;}
    header .header-wrap .right-menu {display:none;}
    header .header-wrap .logo img {width:180px;}
    header .header-wrap .mobile-menu-opener {display: inline-block; top:40%; margin-top:-11px;}
    header.scroll .header-wrap .mobile-menu-opener {color: #262626;}

    .section01 .slider-move-btn img {width:30px;}
    .section01 .slider-move-btn.prev {top: 50%; margin-top: -45px; left: 10px;}
    .section01 .slider-move-btn.next {top: 50%; margin-top: -45px; right: 10px;}

    .section02 h1 {font-size:25px; margin-top:20px;}
	.section02 p {font-size:15px; margin-top:15px;}
	.section02 ul.ul_txt {font-size:16px; margin-top:20px; padding:15px;}
	.section02 ul.ul_pic li p {font-size:16px;}
	.section02 p.sec_title {margin-top:30px;}

    .company .item-box > p.f-size40 {font-size:19px;}
    .company .item-box > p.f-size18 {font-size:13px; margin-top:2px; margin-bottom:10px;}
    .company .item-box > div {flex-wrap: wrap; margin-top:0;}
    .company .item-box > div > img {width:100%; flex: none;}
    .company .item-box > div > div {margin:0; margin-top:0px; width:100%;}
    .company .item-box > div > div p {display: inline;}
    .company .item-box > div > div p.pt-20 {display:inline-block;}

    .view .item-box .video-wrap .video-slider .video-item {width:calc(90% - 30px); padding:5px;}
    .view .item-box .video-wrap .slider-control-btn img {width:2.5vw;}
    .view .item-box .video-wrap .slider-control-btn {margin-top:-4vw; font-size:0; padding: 0 2vw;}
    .view .item-box .video-wrap .slider-control-btn.next-btn {margin-right:-43.5%;}
    .view .item-box .video-wrap .slider-control-btn.prev-btn {margin-left:-43.5%;}

    .add .d-flex .left p.f-size32 {font-size:22px;}

    .mobile-gnb {position:fixed; top:0; left:0; width: 100%; height:100%; z-index:10001; display: block;}
    .mobile-gnb .gnb-mask {position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; background-color: rgba(0,0,0,0.6);}
    .mobile-gnb .gnb {width:80%; max-width:500px; position: absolute; top:0; left:0; height:100%; overflow-y:auto; background-color: #fff; z-index: 2;}
    .mobile-gnb .gnb .gnb-header img.logo {width:190px; }
    .mobile-gnb .gnb .gnb-header .gnb-close img {width:20px;}
    .mobile-gnb .gnb hr {margin-top: 0px; margin-bottom: 0px; height: 10px; border-top: 1px solid #fff;}

    .mobile-gnb .gnb .menu-type1 {width: 100%; font-size: 0; overflow-y: auto; /*height: calc(100% - 162px);*/}
    .mobile-gnb .gnb .menu-type1 > li {border-bottom:1px solid #D5D8DC; position: relative; cursor:pointer;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open {padding-bottom:0; border-bottom:none;}
    .mobile-gnb .gnb .menu-type1 > li > a {
        font-size: 16px; font-family: 'NSG R' !important; display: inline-block; width: calc(100% - 73px); overflow: hidden;
        text-overflow: ellipsis; white-space: nowrap; padding: 15px 20px; cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;
    }
    .mobile-gnb .gnb .menu-type1 > li.parent-menu > .more {position: absolute; width: 22px; height: 22px; background-image: url(/img/icon/menu-more-58511bdbeaf8130b5ab2a3ea06f31a2d.png); background-size: 100%; top: 15px; right: 10px;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open .more {background-image: url(/img/icon/menu-cut-3aa8fa021b377d59f43b9c4cd38f73fe.png);}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu > ul {display: none;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul {font-family: 'NSG L' !important; position: relative; display: block;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li {width: 100%; position: relative; background-color: #F7F7F7; font-size:0; border-bottom: 1px solid #e8e8e8;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li:last-child {border-bottom: 1px solid #D5D8DC;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li:hover {background-color: #dfe2e4;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li:first-child {border-top: 1px solid #D5D8DC;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li > a {display: inline-block; padding:15px 0 15px 30px; width:calc(100% - 35px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;}
}

@media(max-width:1030px) {
    .item-box {padding-top:100px !important; padding-bottom:50px !important;}
    .slider-00 > div > div > p:nth-child(1) {font-size:27px;}
    .slider-00 > div > div > p:nth-child(2) {font-size: 14px; margin-top: 1vw; margin-bottom: 3vw;}
    .slider-01 > div > div > p:nth-child(1) {font-size: 27px; line-height: 11vw;}
    .slider-01 > div > div > p:nth-child(2) {font-family: 'NG M' !important; font-size: 14px; margin-top:-20px;}
    .slider-01 > div > div {margin-top:180px;}
    .section02 p {font-size:9px;}
	.section02 ul.ul_pic li {width:32%;}
	.section02 ul.ul_pic li p {font-size:14px; margin-top:2px;}
	.section02 ul.ul_txt {width:90%;}
	.section02 ul.ul_txt li {padding:0 10px;}
	.section02 ul.ul_pic li h5 {font-size:15px; margin:4px 0;}
	.section02 ul.ul_pic {flex-wrap:wrap; margin-top:30px;}
	.section02 ul.ul_pic li {padding:30px 7px;}
	.section02 ul.ul_pic li img {max-width:80px;}
	.section02 p.sec_title {margin-top:25px; font-size:18px;}
    .add .d-flex .left {width:100%; padding-top:4%; margin-left:4%;}
	.add .d-flex .right {width:100%;}
	.add .left .mt-20 {margin-top:5px;}
	.add .left .mt-40 {margin-top:20px;}
	.add .left .mt-100 {margin-top:20px;}
	.add .d-flex .right img {width:100%;}
	.add .f-size32 {font-size: 22px;}
	.add .f-size20 {font-size: 14px;}
	.add .phone_num a {font-size:35px;}
	.add .left, #foot_page .right	 {width:100%;}
	.add .d-flex .left p.f-size32 {letter-spacing: -1px;}

}

@media(max-width:767px) {
    header {padding:20px 0 7px 0 !important; height:auto;}
    a, span, p {line-height: 20px;}
    .f-size14 {font-size:13px;}
    .f-size24 {font-size:20px;}
    .f-size26 {font-size:23px;}
    .fade {position: relative; opacity: 0; transition: 1.0s;}
    .fade-fast {transition: 0.05s;}
    .container {height:100%;}

    .slider-00 > div > div > p:nth-child(1) {font-size:22px; margin-top:-170px; letter-spacing: -0.09em;}
    .slider-00 > div > div > p:nth-child(2) {font-size: 13px; margin-top: 3vw; margin-bottom: 3vw;}
    .slider-00 > div img {width:100%;}
    .slider-00 > div {margin-top: 0; display: flex; height: 100%; align-items: center;}

    .slider-01 > div {margin-top: 0; display: flex; height: 100%;}
    .slider-01 > div > div .mt-200 {margin-top:150px;}
    .slider-01 > div > div {margin-top:150px;}
    .slider-01 > div > div > p:nth-child(1) {font-size: 20px; line-height: 11vw; letter-spacing: -0.09em;}
    .slider-01 > div > div > p:nth-child(2) {font-family: 'NG M' !important; font-size: 13px; margin-top:0px;}
    .slider-01 > div > div > a {margin-top: 8vw;}
    .slider-01 {background-image: url(../img/slide/slide_m_img02.jpg); background-position: center top; background-size:100% 100%;}
    .slider-02 {background-image: url(../img/slide/slide_m_img03.jpg); background-position: center top; background-size:100% 100%;}
    .pt-20 {padding-top:10px;}
    .section01 {height: 100%;}
    .section02 p.h-tit-white {padding-top:90px;}
}

@media(max-width:650px) {
    h5 {font-size:16px;}
    #fp-nav {display:none;}
    .item-section {min-height: auto; overflow-y:hidden;}
    .section02 h1, #care h1, #info_page .left h1, #about h1 {font-size:19px;}
	.section02 ul.ul_pic {margin-top:20px;}
	.section02 ul.ul_pic li {width:100%; padding:9px;}
	.section02 ul.ul_txt {font-size:14px;}
	.section02 p.sec_title {margin-top:15px; font-size:14px;}
    .view .item-box {padding-top: 80px !important; padding-bottom: 80px !important;}
    .view .item-box .video-wrap {margin-top:30px;}
    .view .item-box > div:nth-child(1) p:nth-child(1) {font-size:6vw;}
    .view .item-box > div:nth-child(1) p:nth-child(2) {font-size: 3.5vw; margin-top: 2vw;}
    .sectioin05 .mt-50 {margin-top:20px;}
	.sectioin05 .mt-15 {margin-top:0px;}
    footer .footer-logo {display:none;}
}
