/*  전체 영역  */	
body { font-size:16px; font-family:'Noto Sans KR', dotum, sans-serif; font-weight:400; letter-spacing:-0.04em; }
input, button, select {margin:0; padding:0; font-family:'Noto Sans KR', dotum, sans-serif; font-size:16px}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:15px}
select {margin:0}

/* 가로 세로 정렬 */
.flex_ { display:flex; align-items: center; justify-content: center; }

/* 길이 자르기 */
.ellips_ { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


/*  전체 영역  */	
#wrap { width:100%; min-width:1440px; height:auto !important; height:100%; min-height:100%; border-top:15px #5FC3D1 solid;}
#wrap_sub { width:100%; min-width:1440px; height:auto !important; height:100%; min-height:100%; overflow:hidden;border-top:15px #5FC3D1 solid; }

/* TM */	
#header { display:block; position:relative; z-index:999; width:1650px; height:110px; margin:0 auto; top:0; }
.tm { float:right;position:absolute; padding:9px 0 0; right:-6px;}
.tm img { padding:0; margin:-5px 5px 0 0; }
.tm a { color:#777;  text-decoration:none; font-size:14px; font-family:'Noto Sans KR'; font-style: normal; letter-spacing:-0.05em;}
.tm_logo { position:relative; width:354px; top:27px; left:-28px; margin:0 auto; }
.tm_mark_l { position:absolute; top:34px; left:5px; }
.tm_mark_l img { margin-right:15px; }
.tm_mark_r { position:absolute; top:34px; right:0; }
.tm_mark_r img { margin-left:15px; }
Noto Sans KR
.span_ll { display:inline-block; padding:0 8px; font-size:11px; font-family:'dotum'; color:#aaa; font-weight:bold; }
.span_fl { color:#aaa; font-size:13px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }


/* GNB */
#gnb { display:block; position:relative; z-index:9999; width:100%; min-width:1440px; height:58px; margin:0 auto;  border-top:1px #ddd solid; } 
.gnb_stripe { height:58px; position:relative; z-index:1; background:#fff; }

#gnb_nav { display:none; width:100%; height:58px; margin:0 auto; position:relative; background:none;  } 
#gnb_nav_wrapper { margin:0 auto; width:1200px; position:relative; }
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:200px; height:58px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:58px; font-family:'Noto Sans KR'; color:000; font-size:21px; font-weight:400; letter-spacing:-0.03em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#000; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:58px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:58px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:58px; width:100%; height:58px; position:absolute; background:#5FC3D1; color:#fff; }		

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:200px; height:58px; cursor:pointer; position:relative; }
		
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { top:0; left:0px; margin-top:20px; padding:0; position:absolute; z-index:-1;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:20px; line-height:20px; position:absolute; background:#fff; opacity:0.4; }

#snb_nav_mask { top:58px; width:100%; height:0; overflow:hidden; position:absolute; opacity:1; border-bottom:1px #ddd solid; background:#fff;} 

#snb_nav_wrapper { top:0px; left:0px; width:1200px; height:220px; position:relative; margin:0 auto; padding-top:25px; background:#fff; }
#snb_nav_wrapper .gnb_nav_info { width:285px; position:absolute; left:-280px; top:20px; }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:200px; height:235px; position:absolute; cursor:pointer; }
#snb_nav_square .menu ul { padding:0; width:200px; height:235px; }
#snb_nav_square .menu ul li { position:relative; top:0px; left:0px;  padding:0; list-style:none; float:left; text-align:center; width:200px; height:35px;  line-height:35px; font-family:'Noto Sans KR';  font-size:17px; font-weight:400; background:#fff; color:#111; letter-spacing:-0.02em; cursor:pointer; }

#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:200px; height:235px; position:absolute; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:200px; height:35px; cursor:pointer; position:relative;}
#snb_nav_btn .menu ul li { list-style:none; float:left; width:200px; height:35px; cursor:pointer; position:relative;}			
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:210px; position:absolute; margin-top:0px; }

.lineBottom { /*display:none;*/ top:58px; left:0; width:100%; height:2px; background:#5FC3D1; opacity:0; filter:alpha(opacity=0); position:absolute; }		

.logoSide { width:60px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-690px; position:absolute; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-58px; cursor:pointer; }


/*  MAIN VISUAL */
#intro_main { display:block; position:relative; z-index:1; width:100%; height:770px; margin-top:0px; }
#main_visual { position:relative; width:100%; height:770px; overflow:hidden }
#main_visual:after { content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:770px; z-index:1; display:none }
#main_visual .swiper-container { position:relative }
#main_visual .swiper-slide { width:100%; overflow:hidden }
#main_visual .swiper-slide .container { position:relative; left:50%; margin-left:-960px; width:1920px; height:770px; overflow:hidden }
#main_visual .swiper-slide .container .wrap { position:relative; top:50%; left:50%; margin:-410px 0 0 -960px; width:2120px; height:770px; overflow:hidden }
	
#main_visual .swiper-slide .visual_bg1 { display:none; position:absolute; padding:90px 0 0 650px; }
#main_visual .swiper-slide .visual_bg1 img { transition:all ease-out 1s 1s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0); opacity:0 }
#main_visual .swiper-slide .visual_bg1 img.scale_plus { transition:all ease-out 0s 0s !important; transform:scale(1) } 

#main_visual .swiper-slide .visual_bg2 { position:absolute; }
#main_visual .swiper-slide .visual_bg2 img { transition:all ease-out 1s 1s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }
#main_visual .swiper-slide .visual_bg2 img.scale_minus { transition:all ease-out 0s 0s !important; transform:scale(1) } 

#main_visual .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; overflow:hidden; cursor:pointer; z-index:1; transition:all ease-out .3s }
#main_visual .btn_prev { left:50px }
#main_visual .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
#main_visual .btn_next { right:100px }
#main_visual .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-50px }
#main_visual .arrow { border:#000 solid ; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px	}

#swiper-scrollbar_special {  bottom:70px; left:50%; margin-left:-150px; position:absolute; width:300px; height:1px; background:#999; z-index:1 }
#swiper-scrollbar_special .bar { width:10px; height:10px; background:#00bad8; top:-4px; left:0; position:absolute; border-radius:5px;}

#box_bg { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1 }



/* 특별함 */
.section1_container {  display:block; width:100%; height:650px; position:relative; margin-top:50px; text-align:center; font-family:'Noto Sans KR'; }
.section1_container > p:nth-child(1) { padding-top:10px; display:block; width:100%; text-align:center; font-size:60px; font-weight:800; color:#686868; line-height:90px; letter-spacing:-0.04em; }
.section1_container > p:nth-child(1) span { color:#4eaabd; }
.section1_wrap {  display:inline-block; width:1355px; top:30px; margin:0 auto; position:relative; }
.section1_wrap .box { float:left; display:block; margin:0 10px; width:251px; height:251px; position:relative; overflow:hidden; cursor:pointer; }
.section1_wrap .box .bg { top:0; width:100%; height:100%; position:absolute; text-align:center; }
.section1_wrap .box .bg .img_on { position:absolute; left:0; opacity:1; }
.section1_wrap .box .bg .img_on1 { position:absolute; left:0; opacity:0; }
.section1_wrap .box .sp {  position:relative; text-align:center; margin:0 auto; top:0px; opacity:1; }
.section1_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; margin-top:-15px; }
.section1_wrap .box .tit .txt1 { padding-top:185px; text-align:center; font-weight:800; font-size:23px; line-height:32px; transition: all 0.1s ease;}
.section1_wrap .box .tit .txt1:hover { width:251px; height:251px; padding-top:170px; color:#fff;  font-size:20px; line-height:28px; transition: all 0.3s ease; }
.section1_wrap1 { width:1350px; top:80px; margin:0 auto; position:relative; text-align:center;}

/* 미디어 */
.section2_container { display:inline-block; width:100%;height:782px; position:relative; text-align:center;  font-family:'Noto Sans KR'; letter-spacing:-0.05em; background:url('../images/section2_bg.jpg'); background-repeat:no-repeat; background-size:cover;}
.section2_wrap { width:1400px; margin:0 auto; text-align:center; position:relative; margin-top:100px; }
.section2_wrap .box1 { float:left; width:369px; }
.section2_wrap .box1 > p:nth-child(1) { text-align:left; font-size:60px; font-weight:800; color:#000; line-height:90px; }
.section2_wrap .box1 > p:nth-child(1) span { color:#49acbf; }
.section2_wrap .box1 > p:nth-child(2) { text-align:left; font-size:32px; font-weight:400; color:#000; }
.section2_wrap .box1 > p:nth-child(3) a { display:block; margin-top:70px; width:160px; height:48px; line-height:48px; text-align:center; font-size:25px; font-weight:700; color:#000; background:#fff; border:2px #49ACBF solid; border-radius:26px;transition: all 0.3s ease;}
.section2_wrap .box1 > p:nth-child(3) a:hover { color:#fff; background:#49ACBF; text-decoration:none; transition: all 0.3s ease; }
.section2_wrap .box2 { float:left; width:1031px; }


/* 오시는길 */
.section4_container { display:inline-block; width:100%; padding:80px 0 0; position:relative; text-align:center; }
.section4_container > p:nth-child(1) { display:block; width:100%; text-align:center; font-size:60px; font-weight:800; color:#686868; line-height:90px; }
.section4_container > p:nth-child(1) span { color:#4eaabd; }
.section4_wrap { display:inline-block; width:1400px; height:570px; top:50px; margin:0 auto; position:relative; }
.section4_wrap li:nth-child(1) { float:left; width:810px; text-align:left; }
.section4_wrap li:nth-child(2) { float:left; text-align:left; padding:13px 0 0; }
.section4_wrap1 { display:inline-block; width:1400px; height:550px; margin:0 auto; margin-top:40px;position:relative; border-top:6px #60C3D1 solid; }
.section4_wrap1 p { position:relative; z-index:1; margin-top:-30px; width:1400px; line-height:75px; text-align:center; font-size:24px; font-weight:300; color:#fff; background:#999; border-radius:0 0 10px 10px; }
.section4_wrap1 a.view  { position:absolute; z-index:3; margin-top:310px; right:30px; width:54px; height:54px; font-size:50px; font-weight:200; background:#888; color:#fff; text-align:center; line-height:50px; border-radius:27px; text-decoration:none; cursor:pointer; }
.section4_wrap1 a.view_bo  { position:absolute; z-index:3; margin-top:500px; right:30px; width:54px; height:54px; font-size:50px; font-weight:200; background:#888; color:#fff; text-align:center; line-height:50px; border-radius:27px; text-decoration:none; cursor:pointer; }



/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%; height:400px; top:0px; }

.visual_sub_wrap{	position:relative; height:100%; overflow:hidden; }
.back_img{ position:relative; left:0; top:0; width:100%; height:100%; z-index:1;
	-moz-transform: translate(0) scale(1.05);;
	-webkit-transform: translate(0) scale(1.05);;
	-o-transform: translate(0) scale(1.05);;
	-ms-transform: translate(0) scale(1.05);;
	transform: translate(0) scale(1.05);;
}
.visual_sub_wrap.on .back_img{
 left:0; top:0; width:100%; height:100%; z-index:1;
  -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	-moz-transition: all 1.5s ease-out;
	-webkit-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
}

/* SNB */
.snb_container { display:block; position:relative; z-index:5; width:100%; margin-top:-5px; margin-bottom:50px; text-align:center; border-top:5px #64D7E1 solid; }
.snb_wrap { display:inline-block; position:relative;width:1400px; height:75px;  margin:0 auto; text-align:center; padding:0; border-bottom:1px #ddd solid;  }
.snb_wrap > span:nth-child(1) { float:left; margin-top:24px; width:100px; height:30px; }
.snb_wrap > span:nth-child(2) { float:left; }

/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; margin-top:60px; }
#board {  display:block; position:relative; margin:0 auto; top:0; text-align:center; left:50%; margin-left:-960px; width:1920px; }
#board .bo_cont {  width:100%; min-height:620px; padding:40px 0 50px 0; margin:0 auto; margin-top:0px; height:auto !important; } 
#board .bo_cont1 {  width:1400px; min-height:620px; padding:40px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

/* 게시판 타이틀 */
.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:-30px; margin-bottom:50px; padding:0; }
.snb_tit .bo_tit { display:inline-block; text-align:center; font-family:'Noto Sans KR';  font-size:59px; font-weight:800; color:#2d2d2d; line-height:90px; letter-spacing:-0.04em; }
.snb_tit .bo_nav {  float:right; text-align:right; padding:25px 0 0; font-size:13px; color:#444; letter-spacing:0em;}
.snb_tit .bo_line { display:inline-block; width:100%; margin:0 auto; text-align:center; color:#000; font-size:10px; padding:10px 0 0; letter-spacing:-0.2em; } 

/* 카테고리 */
.cate_pc { width:1400px; margin:0 auto; padding:0; text-align:center; }
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; margin-bottom:60px; }
.cateBtn .nav { width:100%; position:relative; width:1400px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans KR'; font-size:25px; font-weight:500; letter-spacing:0em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:18%; height:55px; line-height:57px; background:#3c3c3c; color:#fff; margin:0 8px; border-radius:12px;text-align:center; cursor:pointer; }
.cateBtn .nav li span {  display:block; height:55px; background:#5FC3D1; color:#fff; border-radius:12px; text-align:center; cursor:pointer; }

.cateBtn1 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; margin-bottom:60px; }
.cateBtn1 .nav { width:100%; position:relative; width:1400px; margin:0 auto; }
.cateBtn1 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans KR'; font-size:25px; font-weight:500; letter-spacing:0em;}
.cateBtn1 .nav li { list-style:none; display:inline-block; position:relative; width:12%; height:55px; line-height:57px; background:#3c3c3c; color:#fff; margin:0 8px; border-radius:12px;text-align:center; cursor:pointer; }
.cateBtn1 .nav li span {  display:block; height:55px; background:#5FC3D1; color:#fff; border-radius:12px; text-align:center; cursor:pointer; }

/* NAV */
.nav_wrap { display:block; position:relative; z-index:-1; width:100%; height:50px; margin-top:0px; text-align:center; background:#f3f3f3; }
.nav_wrap .bo_nav { text-align:center; padding:15px 0 0; font-size:15px; color:#666; font-weight:600; letter-spacing:-0.04em;}
.nav_wrap .bo_nav a { color:#666; }


/* 하단 진료시간 */
.tail_info{ display:inline-block; position:relative; width:100%; height:580px; margin:0 auto; text-align:center; }
.tail_info ul { width:1300px; margin:0 auto; }
.tail_info li:nth-child(1) { float:left; width:810px; text-align:left; }
.tail_info li:nth-child(2) { float:left; text-align:left; padding:13px 0 0; }

/* 하단 배너 */
.tail_banner{ display:inline-block; position:relative; width:100%; height:80px; margin:0 auto; text-align:center; border-top:1px #ddd solid; }

/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; text-align:center; background:#5e5e5e; }
.copyright { width:1400px; margin:0 auto; text-align:center; padding:40px 0 140px 0; }
.copyright .tail_logo { position:relative; margin-left:1030px; padding:20px 0 0; }
.copyright .tail_add { position:relative; margin-top:-60px; text-align:left; font-family:'Noto Sans KR'; font-size:14px; font-weight:300; color:#ededed; line-height:25px;}
.copyright .tail_add p { padding-top:25px; text-align:left; font-family:'Noto Sans KR'; font-size:13px; font-weight:300; color:#bebebe; }
.copyright .tail_privacy { width:255px; margin-top:-95px; margin-left:995px; cursor:pointer;  }

.copyright .tail_adm { text-align:left; padding:20px 0 0;}
.copyright .tail_adm a { text-align:center; padding:2px 12px 3px 12px; border:1px #888 solid; font-size:13px; line-height:24px; letter-spacing:-0.05em;  font-weight:300; cursor:pointer; }
.copyright .tail_adm a { font-family:'Noto Sans KR'; color:#888; text-decoration:none; }
.copyright .tail_adm a.adm_ { padding:0px; border:none; cursor:pointer; }

.span_line { clear:both; display:inline-block; width:11px; border-left:1px #fff solid; line-height:12px; margin:0 0 0 13px; }
.tail_line { clear:both; display:inline-block; width:10px; border-left:1px #aaa solid; color:#aaa; line-height:12px; margin:0 0 0 11px; }


/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center; border-top:1px #E5E5E5 solid;}
#head_content #head { width:950px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:0 0 90px 0; }

@media only screen and ( max-width:1024px){
	#head_content #head { width:100%; }
	#head_content #head .cont { width:100%; padding:0 0 90px 0; }
}
@media only screen and ( max-width:586px){
	#head_content #head .cont { padding:0 0 70px 0; }
}


/* Go Top 버튼 */
a.go-top { position:relative; right: 0px; z-index: 999; }


/* 버튼 */
.btn, a.btn{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn3, a.btn3{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{ display:inline-block; position:absolute;z-index:20; margin-left:690px; top:55px; width:40px;height:40px; border:none;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:3px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:3px;}