@charset "utf-8";

*{padding:0; margin:0;}
html, body {width:100%; height:100%;}
#content {height:auto; overflow:hidden;}

.fixed-member {display:none; height:300px; margin-bottom:50px; background-image:none !important; background-size:cover; background-position:center; background-color:#fff;}
.board_head {display:none; height:300px; margin-bottom:50px; background-image:none !important; background-size:cover; background-position:center; background-color:#fff;}
.board_title {padding-top:130px;}
.board_title h1 {text-transform:uppercase; text-align:center; font-weight:700; font-size:60px; letter-spacing:-2px; color:#222;}
.board_title h2 {text-transform:uppercase; text-align:center; font-weight:200; font-size:24px; letter-spacing:2px; color:#555;}
.fixed-board-head {display:block !important;}

.main-gnb .swiper-pagination-bullet:nth-child(1):before {content:"신사 N°5"; }
.main-gnb .swiper-pagination-bullet:nth-child(2):before {content:"시그니처 프로그램"; }
.main-gnb .swiper-pagination-bullet:nth-child(3):before {content:"의료진소개"; }
.main-gnb .swiper-pagination-bullet:nth-child(4):before {content:"보유장비"; }
.main-gnb .swiper-pagination-bullet:nth-child(5):before {content:"둘러보기"; }
.main-gnb .swiper-pagination-bullet:nth-child(6):before {content:"진료안내"; }
.main-gnb .swiper-pagination-bullet:last-child {display:none;}

.main {width:100%; height:100%; background:#111;}
.swiper {width: 100%; height: 100%;}
.swiper-slide {text-align: center;font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;	}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-slide {position:relative; background-attachment: fixed; overflow:hidden;}
.h1_head {font-size:60px; font-weight:100; color:#fff; margin-bottom:30px;}
.h1_head b {font-weight:700;}


.ss2 {width:100%; height:100%; background-image:url(/img/main/bg2.jpg);}
.ss2-1 {position:absolute; left:0px; z-index:1000;}
.ss2-2 {position:absolute; right:0px; z-index:1000;}
.swiper-slide-active .ss2-1 {left:500px;}
.swiper-slide-active .ss2-2 {right:500px;}
.swiper-slide .parallax {opacity:0;}
.swiper-slide-active .parallax {opacity:1;}

.ss3 {float:left; padding-top:20px; opacity:0;}
.ss3_2 {float:left; padding-top:50px; padding-left:100px; opacity:0;}
.swiper-slide-active .ss3 {opacity:1;}
.swiper-slide-active .ss3_2 {opacity:1;}
.ss4 {width:100%; height:100%; background-image:url(/img/main/bg2.jpg);}
.ss4-1 {position:absolute; z-index:1000;}

.paging {margin-top:40px;}
.paging > .swiper-pagination-bullet {border-radius:30px; width:23px; height:23px; opacity:1; background-color:transparent; transition:all 0.3s; border:7px solid #fff;}
.paging > .swiper-pagination-bullet-active {background:#fff;}

.quick_menu_mo {display:none;}


@media screen and (min-width:1024px) {
/*PC*/
	.head {position:fixed; top:0px; left:0px; width:100%; height:80px; z-index:10000; background-color:#111;}
	.head .main-logo {position:absolute; left:50px; top:13px; z-index:1000000;}

	.main-gnb-wrap {display:table; margin:0 auto;}
	.main-gnb {border:0px solid #111; text-align:center; display:table; margin:0 auto;}
	.main-gnb .swiper-pagination-bullet {width:auto; background:none; float:left; height:80px; line-height:80px; font-size:18px; color:#fff; opacity:1; padding:0 25px;}
	.main-gnb .swiper-pagination-bullet:hover {color:#e0c463;}
	.main-gnb .swiper-pagination-bullet-active {color:#111; background-color:#e0c463; border-radius:0; font-weight:600;}
	.main-gnb .swiper-pagination-bullet-active:hover {color:#111;}


	.main-gnb-sub {border:0px solid #111; text-align:center; display:table; margin:0 auto;}
	.main-gnb-sub li {float:left;}
	.main-gnb-sub li a {width:auto; background:none; float:left; height:80px; line-height:80px; font-size:18px; color:#fff; opacity:1; padding:0 25px;}
	.main-gnb-sub li a:hover {color:#e0c463;}

	.head .main_sns {position:absolute; right:50px; top:26px; z-index:1000000;}
	.head .main_sns a {float:left; margin-left:15px;}

	.quick_menu {position:fixed; top:50%; margin-top:-100px; right:5px; z-index:1000;}
	.quick_menu li {background-color:rgba(0,0,0,0.7);}
	.quick_menu li:hover {background-color:rgba(0,0,0,1.0);}

	.footer {background:#282828;}
	.footer_copy {}
	.footer_wrap {width:94%; max-width:1400px; margin:0 auto;}

	.site_map {float:left; }
	.site_map li {float:left;}
	.site_map li a {margin-right:40px; color:#fff; line-height:80px; font-size:16px;}

	.foot_sns {float:right;}
	.foot_sns li {float:left; margin-left:40px;}
	.foot_sns li a { color:#fff; padding-top:23px; float:left;}

	.footer_copy {border-top:1px solid #fff; clear:both; }
	.footer_copy ul {float:left; margin-top:30px;}
	.footer_copy ul li {text-align:left;}
	.footer_copy ul li span {text-align:left; color:#fff; font-size:16px; margin-right:30px; line-height:28px;}
	.footer_copy ul li p {text-align:left; color:#777; font-size:13px; margin-right:30px;  line-height:40px;}
	.footer_copy .foot_logo {float:right; width:369px; height:auto; margin-top:30px;}

}

@media screen and (max-width:1024px) {
/*MO*/
	#content {height:auto;}
	.head {position:fixed; top:0px; left:0px; width:100%; height:60px; z-index:10000000; background-color:#111;}
	.head .main-logo {position:absolute; height:70%; top:15%; left:10px;}
	.head .main-logo img {height:100%;}

	.main-gnb-wrap {display:none; position:fixed; top:60px; left:0px; width:100%; height:300px; background-color:rgba(0,0,0,0.8); padding-top:30px; padding-bottom:30px;}
	.main-gnb {border:0px solid #111; text-align:center;}
	.main-gnb .swiper-pagination-bullet {width:40%; background:none; height:50px; line-height:50px; font-size:18px; color:#fff; opacity:1; display:table; padding:0 5%; margin:0 auto;}
	.main-gnb .swiper-pagination-bullet:hover {color:#e0c463;}
	.main-gnb .swiper-pagination-bullet-active {color:#111; background-color:#e0c463; border-radius:0; font-weight:600;}
	.main-gnb .swiper-pagination-bullet-active:hover {color:#111;}

	.main-gnb-sub {border:0px solid #111; text-align:center; display:table; margin:0 auto;}
	.main-gnb-sub li {display:block;}
	.main-gnb-sub li a {width:40%; background:none; height:50px; line-height:50px; font-size:18px; color:#fff; opacity:1; display:table; padding:0 5%; margin:0 auto;}
	.main-gnb-sub li a:hover {color:#e0c463;}

	.main_sns {display:none;}
	.menu_bt {float:right; position:relative;}
	.menu_bt .on_bt {position:absolute; top:0px; right:0px;}
	.menu_bt .off_bt {position:absolute; top:0px; right:0px; display:none;}

	.quick_menu {position:fixed; top:50%; margin-top:-100px; right:5px; z-index:1000; display:none;}
	.quick_menu li {background-color:rgba(0,0,0,0.7);}
	.quick_menu li:hover {background-color:rgba(0,0,0,1.0);}

	.main {width:100%; height:92%; background:#111;}
	.quick_menu_mo {display:block;}

	.board_head {height:auto; margin-bottom:50px;}
	.board_title {padding-top:110px;}
	.board_title h1 {font-size:40px;}
	.board_title h2 {font-size:20px;}

	
}

/*메인 CSS*/
#main_slide {width:100%; height:100%; position:absolute; top:0px; left:0px;}
#main_slide > .swiper-wrapper {position:relative; width:100%; height:100%;}
#main_slide > .swiper-wrapper > .swiper-slide {width:100%; height:100%;}
#main_slide > .swiper-wrapper > .swiper-slide > .slide_bg {transition:all 4.0s ease-in-out; transform:scale(1.2);}
#main_slide > .swiper-wrapper > .swiper-slide-active > .slide_bg {transform:scale(1.0);}
#main_slide > .swiper-wrapper > .swiper-slide > h1 {position:fixed; top:50%; margin-top:-100px; z-index:999; font-size:100px; color:#fff; font-weight:100; letter-spacing:10px; line-height:120px; z-index:10000; width:1400px;}
#main_slide > .swiper-wrapper > .swiper-slide > h1 b {font-weight:700;}
#main_slide > .swiper-wrapper > .swiper-slide > h1 > .main_slide_diamond {width:90px;}
#main_slide > .swiper-wrapper > .swiper-slide > h2 {position:fixed; top:50%; margin-top:110px; width:1400px; z-index:999; font-size:42px; font-weight:300; color:#fff;}
.main_slide_list {position:absolute; bottom:50px; left:50%; margin-left:-155px; z-index:1000;}
.main_slide_list > .swiper-pagination-bullet {border-radius:0px; width:100px; height:1px; margin:0 2px; opacity:1; background-color:transparent; padding-top:19px; border-bottom:1px solid #fff; transition:all 0.3s}
.main_slide_list > .swiper-pagination-bullet-active {padding-top:15px; border-bottom:5px solid #e0c463;}
#main_slide .swiper-slide h1, #main_slide .swiper-slide h2 {opacity:0;}
#main_slide .swiper-slide-active h1, #main_slide .swiper-slide-active h2 {opacity:1;}

/*2번째 슬라이드*/
#slide_2 {position:relative; max-width:1400px; width:90%; margin:50px auto 0 auto; overflow:hidden;}

/*4번째 슬라이드*/
#slide_4 {position:absolute; width:2220px; left:50%; margin-left:-1110px; overflow:hidden;}
#slide_4 .swiper-slide {width:33.33% !important; min-width:740px; height:500px; background:transparent;}
#slide_4 .swiper-slide-active {width:33.33% !important; min-width:740px; height:500px;}
#slide_4 .swiper-slide img {height:100% !important; object-fit: contain;}
#slide_4 .swiper-slide .l1 {transition:all 0.4s ease-in-out; position:absolute; left:0; z-index:1000; opacity:0.3;}
#slide_4 .swiper-slide-active .l1 {position:absolute; left:-195px; opacity:1;}
#slide_4 .swiper-slide .l2 {opacity:0; transition:all 0.4s ease-in-out; position:absolute; left:350px;}
#slide_4 .swiper-slide-active .l2 {position:absolute; left:175px; opacity:1;}

/*5번째 슬라이드*/
#slide_5 {position:absolute; top:0px; left:0px; width:100%; height:100%;}
#slide_5 .h1_head {position:absolute; left:0; top:50%; margin-top:-360px; z-index:100000; text-align:center; width:100%;}
#slide_5 .swiper-wrapper {width:100%; height:100%; position:relative;}
#slide_5 .swiper-slide {position:relative; z-index:100000; width:100%; height:100%; background-size:cover; padding:0; margin:0;}
#slide_5 .swiper-slide:before {content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);}
#slide_5 .swiper-slide img {position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-590px; width:1180px; height:600px;}
.slide_5_list {position:absolute; top:50%; margin-top:380px !important; left:0px; width:100%; height:100%; z-index:999;}

/*6번째 슬라이드*/
.s6 {color:#111 !important; position:absolute; top:50%; margin-top:-320px;}
.info_box {margin-top:120px;}
.root_daum_roughmap {height:540px; width:640px; overflow:hidden;}
.info_map {float:left;}
.info_copy {float:left;}
.dia_logo {width:290px !important; height:290px !important; display:block; margin-top:50px; padding-bottom:50px;}

@media screen and (max-width:1024px) {
	/*메인 CSS*/
	#main_slide > .swiper-wrapper > .swiper-slide > h1 {font-size:36px; letter-spacing:2px; line-height:50px;}
	#main_slide > .swiper-wrapper > .swiper-slide > h1 > .main_slide_diamond {margin-top:50px;}
	#main_slide > .swiper-wrapper > .swiper-slide > h2 {font-size:13px; margin-top:95px;}
	.h1_head {font-size:30px; margin-bottom:15px; margin-top:60px;}

	#slide_2 {position:absolute; width:900px; margin:20px auto 30px auto; overflow:hidden;}
	#slide_2 .swiper-slide {opacity:0.3; }
	#slide_2 .swiper-slide-active {opacity:1;}

	.ss3 {position:absolute; top:50%; margin-top:-220px; width:300px; padding-top:0px; opacity:0;}
	.ss3_2 {position:absolute; top:50%; margin-top:20px; width:200px; opacity:0; padding:30px 20%; background-color:#f8f8f8;}


	#slide_4 {position:absolute; width:1000px; left:50%; margin-left:-500px; overflow:hidden;}
	#slide_4 .swiper-slide {position:relative; min-width:200px; width:300px; height:360px;}
	#slide_4 .swiper-slide img {object-fit: contain;}
	#slide_4 .swiper-slide .l1 {left:-50px; height:100% !important; opacity:0;}
	#slide_4 .swiper-slide .l2 {left:80px; top:100px; z-index:1000; height:60% !important;}
	#slide_4 .swiper-slide-active .l1 {opacity:1;}
	
	#slide_5 .h1_head {margin-top:-200px;}
	#slide_5 .swiper-slide:before {content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(100,100,100,1);}
	#slide_5 .swiper-slide img {margin-top:-150px; margin-left:-150px; width:300px; height:360px;}
	.slide_5_list {margin-top:230px !important;}

	.paging {margin-top:20px;}
	.paging > .swiper-pagination-bullet {border-radius:30px; width:13px; height:13px; opacity:1; background-color:transparent; transition:all 0.3s; border:5px solid #fff;}
	.paging > .swiper-pagination-bullet-active {background:#fff;}

	.s6 {top:50%; margin-top:-220px;}
	.info_box {margin-top:100px;}
	.root_daum_roughmap {height:240px; width:300px; overflow:hidden;}
	.info_map {display:none;}
	.info_copy {}
	.info_copy img {width:300px;}

	.footer_wrap {background-color:#111; padding-bottom:100px;}
	.dia_logo {width:150px !important; height:150px !important; display:block; margin-top:50px; padding-bottom:20px;}
	.site_map {display:none;}

	.foot_sns {display:table; margin:0 auto;}
	.foot_sns li {float:left; margin:0 15px 10px 15px;}
	.foot_sns li a { color:#fff; padding-top:23px; float:left;}
	.foot_sns li a img {}

	.footer_copy {border-top:1px solid #fff; clear:both; }
	.footer_copy ul {display:table; margin:0 auto; margin-top:30px;}
	.footer_copy ul li {text-align:center;}
	.footer_copy ul li span {text-align:center; color:#fff; font-size:12px; margin-right:0px; line-height:18px; display:block;}
	.footer_copy ul li p {text-align:center; color:#777; font-size:11px; margin-right:0px;  line-height:20px;}
	.footer_copy .foot_logo {display:table; margin:0 auto; width:150px; height:auto; margin-top:30px;}
	
}