@charset "utf-8";
/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
/* css setting start */

.kids-header,
.kids-content,
.kids-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}
.kids-content{margin:40px 0 40px;padding:0 20px;}
.kids-content.main{margin:0;padding:0;}
@media (max-width: 991px) { 
	.kids-content{margin:40px 0 40px;}
	.kids-content.main{margin:0;}


}

/* contents */ 
.wr{position:relative;max-width:1260px; margin:0 auto; } 

.color_red{color:#e40175;}
/*정렬*/
.text-right{text-align:right !important;;}
.text-center{text-align:center !important;;}
.text-left{text-align:left !important;;}
.text-justify{text-align:justify !important;;}

/*줄바꿈*/
.m-br { display: none; }
.p-br { display: block; }
@media (max-width: 767px) {
	.m-br { display: block; }
	.p-br { display: none; }
}
.border-top{border-top:2px solid #757575}
.blind{opacity:0;width:0;height:0;display:none;}

/*모바일 pc 보이고 숨기고 */
.mobile__itemView{ display: none;}
.pc__itemView{ display: block;}
.pc__inline{ display: inline;}
@media (max-width: 767px) {
.mobile__itemView{ display: block;}
.pc__itemView{ display: none;}
.pc__inline{ display: none;}
}

/*여백*/
.mgt-0{margin-top:0;}.mgt-10{margin-top:10px;}.mgt-15{margin-top:15px;}.mgt-20{margin-top:20px;}.mgt-30{margin-top:30px;}.mgt-40{margin-top:40px;}.mgt-50{margin-top:50px;}.mgt-60{margin-top:60px;}.mgt-70{margin-top:70px;}.mgt-80{margin-top:80px;}.mgt-90{margin-top:90px;}.mgt-100{margin-top:100px;}
.mgb-10{margin-bottom:10px;}.mgb-15{margin-bottom:15px;}.mgb-20{margin-bottom:20px;}.mgb-30{margin-bottom:30px;}.mgb-40{margin-bottom:40px;}.mgb-50{margin-bottom:50px;}.mgb-60{margin-bottom:60px;}.mgb-70{margin-bottom:70px;}.mgb-80{margin-bottom:80px;}.mgb-90{margin-bottom:90px;}.mgb-100{margin-bottom:100px;}
.pdt-0{padding-top:0;}.pdt-10{padding-top:10px;}.pdt-15{padding-top:15px;}.pdt-20{padding-top:20px;}.pdt-30{padding-top:30px;}.pdt-40{padding-top:40px;}.pdt-50{padding-top:50px;}.pdt-60{padding-top:60px;}.pdt-70{padding-top:70px;}.pdt-80{padding-top:80px;}.pdt-90{padding-top:90px;}.pdt-100{padding-top:100px;}
.pdb-10{padding-bottom:10px;}.pdb-15{padding-bottom:15px;}.pdb-20{padding-bottom:20px;}.pdb-30{padding-bottom:30px;}.pdb-40{padding-bottom:40px;}.pdb-50{padding-bottom:50px;}.pdb-60{padding-bottom:60px;}.pdb-70{padding-bottom:70px;}.pdb-80{padding-bottom:80px;}.pdb-90{padding-bottom:90px;}.pdb-100{padding-bottom:100px;}


/*color*/
.blueText{color:#0d6dd0 !important;}
.IndigoText{color:#2a3c86 !important;}
.orangeText{color:#df7625 !important;}
.greenText{color:#05af50 !important;}
.grayText{color:#a5a5a5 !important;}
.grayText_sm{color:#a5a5a5 !important;font-size:.9rem;font-weight:300;}

/* css setting end */



/****************************************** header ******************************************/ 

/* Header */
.headerMenu .topbar { height:115px; border-bottom: 1px solid #ddd;background-color:#fff;text-align:center;}
.headerMenu.scrollON{position:fixed;top:0;left:0;width:100%;z-index:100;}
.headerMenu .topbar .logo {padding-top:20px;}
.headerMenu .topbar .logo:before{content:"아이와 여성을 위한 한의원";color:#df4e07;line-height:70px;font-weight:300;font-size:1.2rem;}

.headerMenu .topbar .snsBox{position:absolute;top:35px;left:20px;}
.headerMenu .topbar .snsBox a{padding-right:5px;}
.headerMenu .topbar .snsBox a img{width:30px;height:30px;}
.headerMenu .topbar .snsBox a img.mobile{display:none;}
.headerMenu .topbar .snsBox a img.pc{display:inline;}


.kids-header{position:absolute; top:115px; left:0; z-index:9; height:75px; transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; } 


@media (max-width: 1600px) {
	 .headerMenu .topbar .rightBox{position:absolute;top:40px;right:15px;}
	.headerMenu .topbar .leftBox{position:absolute;top:40px;left:15px;}
}
@media (max-width: 991px) {
	.kids-header{position: fixed;}
	.headerMenu .topbar { height:60px;text-align:left;}
	.headerMenu .topbar .logo {padding-top:0;}
	.headerMenu .topbar .snsBox{top:10px;left:230px;}
	.headerMenu .topbar .snsBox a img.mobile{display:inline;}
	.headerMenu .topbar .snsBox a img.pc{display:none;}
	.headerMenu .topbar .logo img{height:58px;}
	.headerMenu .topbar .logo:before{display:none;}
	.kids-header{display:none;}

}
@media (max-width: 480px) {
	.headerMenu .topbar .snsBox{top:10px;left:210px;}
	.headerMenu .topbar .logo img{height:55px;}

}
 
/* mouseover */
.kids-header{background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
.kids-header .logo{background-image:url(/images/logo-b.png);}
.kids-header .nav:after{display:none;}
.kids-header .nav > li > h2{color:#333;}  
.kids-header .logo{display: block; width:218px; height:45px; background: url(/html/resource/img/logo.jpg) no-repeat 50%; position:absolute; left:50px; top:20px;}   
.kids-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.kids-header:before{content:''; width:100%; height:75px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.kids-header.active:after{content:''; width:320px; height:168px; position:absolute; bottom:0; right:12%; z-index:-2; opacity:1;} 
.kids-header.active:before{opacity:1;}

/* menu */
.nav{display:inline-block;}
.nav:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:75px;}
.nav h2{font-weight:400; cursor:pointer;}
.nav h3{font-weight:400;}
.nav > li{float:left;} 
.nav > li h2{position:relative;color:#000; font-size:18px; padding:0 50px; line-height:75px;overflow:visible;}
.nav > li h2.active{font-weight:500;}
.nav > li h2.active:after{position:absolute;top:-12px;left:50%;margin-left:-15px;width:30px;height:25px;content:'';display:block;background:url(/html/resource/img/menuon.png) no-repeat 0 0;}
.nav > li h2:before{position:absolute;top:25px;right:0;width:1px;height:20px;content:'';display:block;background:#d2d2d2;}
.nav > li:last-child h2:before{display:none;}
.nav > li h2 a{color:#000;  line-height:75px;}
.nav > li h3{color:#000; font-size:18px; font-weight:500;}  
.nav > li h3 a{ transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;}
.nav > li h3 a:hover{color:#014099;}
.nav > li > a{color:#666; font-size:16px;} 
.nav > li > ul{width:calc(100% - 75px); height:0; padding:0; overflow:hidden; position:absolute; top:75px; left:0; text-align:center; }
.nav > li > ul > li{ display:inline-block; text-align:left; padding:0 35px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.nav > li > ul > li > h3{margin:0 0 20px;}
.nav > li > ul > li > a{display:block; padding:5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
.nav > li > ul > li > a:hover{color:#014099;}   
.nav > li.open h2{position:relative; }
.nav > li.open .depth-1{height:30px;text-align:left;}
.nav > li.open .depth-2{height:30px;text-align:left;}
.nav > li.open .depth-3{height:30px;}
.nav > li.open .depth-4{height:30px;}
.nav > li.open .depth-5{height:30px;}
.nav > li.open .depth-6{height:30px;text-align:right;}
.nav > li.open .depth-7{height:30px;text-align:right;}
.nav > li.open ul{padding:30px; border-top:1px solid #eee;}
.nav > li.open ul > li{ opacity:1;}

/* sitemap */
.btn-category {position:absolute; top:115px; right:0; width:75px; height:75px; cursor:pointer;background-color:#0071bb;z-index:1000;}
.btn-category .bar {position: absolute; left:17px; width:40px;height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#fff;}
.btn-category .bar:nth-child(1) {top:22px; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:34px; opacity:1}
.btn-category .bar:nth-child(3) {top:46px; transform:rotate(0)} 
.btn-category.map{ }
.btn-category.map .bar {background:#fff; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:35px; background:#fff; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:35px; background:#fff; transform:rotate(45deg)}
 

#sitemap{position:fixed; top:190px; right:-100%; width:100%; height:calc(100% - 190px); background:#fff; padding:50px 20px; z-index:10;overflow: hidden; overflow-y:auto;}
#sitemap > ul{max-width:1280px; overflow:hidden; margin:0 auto;}
#sitemap > ul > li{float:left; width:20%; padding:0 10px;}
#sitemap > ul > li h2{font-size:24px; color:#333;}
#sitemap > ul > li h3{font-size:18px; color:#333; font-weight:500; margin:0 0 10px}
#sitemap > ul > li > ul > li{margin:30px 0;}
#sitemap > ul > li > ul > li > a{color:#999; font-size:16px;  padding:7px 0; display:block;}
#sitemap > ul > li h3 > a:hover{color:#014099;}
#sitemap > ul > li > ul > li > a:hover{color:#014099;} 
#sitemap.open{right:0;}
.kids-header.stm-hd{background:#fff }
.kids-header.stm-hd .logo{background-image:url(/images/logo-b.png);}
.kids-header.stm-hd .nav{display:none;}
.kids-header.stm-hd .lang{display:none;} 
.scr{overflow-y:hidden;} 
.lang{position:absolute; top:39px; right:10%;}
.lang a{color:#fff; font-size:15px; margin:0 10px; display:inline-block; position:relative; opacity:.5;} 
.lang a.active{opacity:1;}
.lang a.active:before{content:''; width:100%; height:2px; position:absolute; bottom:-2px; left:0; background:#fff;}
.kids-header.on .lang a{color:#333;}
.kids-header.on .lang a.active:before{ background:#333;}

@media (max-width: 991px) {
	.btn-category {width:70px; height:60px; top:0;}
	.btn-category .bar {position: absolute; left:17px}
	.btn-category .bar:nth-child(1) {top:17px;}
	.btn-category .bar:nth-child(2) {top:29px;}
	.btn-category .bar:nth-child(3) {top:41px; } 
	.btn-category.map .bar:nth-child(1),.btn-category.map .bar:nth-child(3) {top:28px;}

	#sitemap{top:60px;height:calc(100% - 60px);}
	#sitemap.open{top:60px;}
}




/****************************************** footer ******************************************/ 
.kids-footer{background:#fff; color:#999; font-size:14px; padding:0 20px 50px;margin-top: 80px;}

.ft-link{padding:20px 0; border-bottom:1px solid #ddd;}
.ft-link a{display:inline-block; margin-right:20px; color:#999;font-size:1rem;}
.ft-link a:first-child{color:#0071bb; font-weight:400;}
.ft-info{padding:20px 0; position:relative;}
.ft-info .copy{margin:10px 0 0;}
.ft-info p span{color:#ddd;}
.ft-logo{position:absolute; right:15px; top:15px; z-index:2;}
@media screen and (max-width:767px){
	.kids-footer {display:none;}
	.kids-content{padding-bottom:110px;}
	.kids-content.main{padding-bottom:110px;}


}
/****************************************** layout ******************************************/ 
#fl_menu{display:block;position:absolute; top:300px; right:20px; z-index:9999; }
#fl_menu .menu .menu_item{position:relative;display:block;text-align:center;background:#fff; color:#fff;padding:15px;border:1px solid #ddd;border-bottom:none;font-size:1.3rem;}
#fl_menu .menu .menu_item:nth-child(2){border-bottom:1px solid #ddd;}
#fl_menu .menu .menu_item:hover{background:#efefef;}
#fl_menu .menu .menu_item i{color:#0071bb;font-size:2rem;}
#fl_menu .menu .menu_item span{display:block;font-size:1rem;padding-top:10px;padding-top:0;color:#000;}
#fl_menu .menu .menu_item:last-child{margin:10px 0 0 5px;border-radius:100%;width:75px;height:75px;background-color:#0071bb;color:#fff;border:none;}
#fl_menu .menu .menu_item:last-child span{color:#fff;line-height: 1;margin-top: -5px;}
#fl_menu .menu .menu_item:last-child i{color:#fff;font-size:1rem;}

/* quick */
#quick_menu_wrap {display:none;position:fixed; left:0; bottom:0; width:100%; height:85px; background-color:rgb(0,113,187); z-index:10;}
#quick_menu_wrap .quick_menu { width:400px; height:85px; margin:0 auto; overflow:hidden;}
#quick_menu_wrap .quick_menu li { float:left; width:80px; height:80px;text-align:center;padding-top:15px;}
#quick_menu_wrap .quick_menu li i{ font-size:1.7rem;color:#fff;}
#quick_menu_wrap .quick_menu li:nth-child(4) i{ color:#fff;}
#quick_menu_wrap .quick_menu li:nth-child(5) i,#quick_menu_wrap .quick_menu li:nth-child(3) i{ color:#fff;}
#quick_menu_wrap .quick_menu li span{display:block;font-size:.8rem;color:#fff;}

@media (max-width:1199px) { 
 #fl_menu{display:none;}
 #quick_menu_wrap {display:block;}
}

.sub-visual{width:100%; position:relative;  overflow:hidden;}
.sub-visual:after{ content:'';width:100%; height:100%;position:absolute; left:0; top:0; z-index:-1;background-size:cover; background-position:center center; animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.4s; -webkit-animation-delay: 0.4s;animation-name:visual-zoom; -webkit-animation-name:visual-zoom;}
.bg01:after{background-image:url('../img/sub-visual-1.jpg');}
.bg02:after{background-image:url('../img/sub-visual-2.jpg');}
.bg03:after{background-image:url('../img/sub-visual-3.jpg');}
.bg04:after{background-image:url('../img/sub-visual-4.jpg');}
.bg05:after{background-image:url('../img/sub-visual-5.jpg');}
.bg06:after{background-image:url('../img/sub-visual-6.jpg');}
.bg07:after{background-image:url('../img/sub-visual-7.jpg');}

.sub-visual h1{font-size:50px; color:#fff; padding:120px 20px; text-align:center; font-weight:500;}
.sub-visual.lowH h1{padding:120px 20px 60px; }
.sub-visual h1 span,
.sub-visual h1 p{animation-duration: 0.7s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 0.7s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.3s; -webkit-animation-delay: 0.3s;animation-name:visual-tit; -webkit-animation-name:visual-tit;}
 
.sub-visual h1 p {animation-delay: 0.8s; -webkit-animation-delay: 0.8s;} 

@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


.sub-visual h1 p{font-size:18px; font-weight:300; margin:10px 0 0;}
.sub-depth-1{position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.6); width:100%;}
.sub-depth-1 ul{max-width:1280px; width:100%; margin:0 auto; overflow:hidden;}
.sub-depth-1 li{float:left; } 
.sub-depth-1 li:only-child { width: 100%; }                          /* 메뉴가 하나일 때 선택 */
.sub-depth-1 li:first-child:nth-last-child(2),                       /* 메뉴가 둘 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(2)+li { width: 50%;  }     /* 메뉴가 둘 일 때, 2번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3),                       /* 메뉴가 셋 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 메뉴가 셋 일 때, 2~3번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4)~li { width: 25%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5)~li { width: 20%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */ 
.sub-depth-1 li:first-child:nth-last-child(6),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(6)~li { width: 16.66%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */ 
.sub-depth-1 li a{display:block; color:#000; text-align:center; line-height:70px; position:relative; transition:all ease .4s; -webkit-transition:all ease .4s; -ms-transition:all ease .4s; -o-transition:all ease .4s; font-size:18px;} 
.sub-depth-1 li.active a{background:#ffcb07; color:#333; font-weight:500;border-radius: 35px;}
.sub-depth-1 li a:before{content:''; width:1px; height:12px; background:rgba(0,0,0,0.2); position:absolute; right:0; top:50%; margin-top:-6px;}
.sub-depth-1 li:last-child a:before,
.sub-depth-1 li.active a:before{display:none;}
.sub-depth-2{display:none;text-align:center; border-bottom:1px solid #ddd;}
.sub-depth-2 a{display:inline-block; line-height:70px; margin:0 20px; padding:0 10px; font-size:18px; color:#666; position:relative;}
.sub-depth-2 a.active{ color:#333;}
.sub-depth-2 a.active:after{content:''; width:0; height:3px; background:#ffcb07; position:absolute; left:50%; bottom:-1px; animation-duration: 0.3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 0.3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.3s; -webkit-animation-delay: 0.3s;animation-name:sub-tab-line; -webkit-animation-name:sub-tab-line;}

@keyframes sub-tab-line {
	0% {width:0%; left:50%;}
	100% {width:100%; left:0;}
}
@-webkit-keyframes sub-tab-line {
	0% {width:0%; left:50%;}
	100% {width:100%; left:0;}
}

@media screen and (max-width:1199px){
	 .nav{display:none;}
	#sitemap{  background:rgba(0,0,0,0.5); }
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;} 
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{background:url('../img/sel-arr.png') no-repeat center right; margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:500px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%;} 
	.sub-depth-1 li a{font-size:14px;}
	.sub-depth-2 a{font-size:14px; line-height:60px;}
}

@media screen and (max-width:991px){ 
	.sub-visual{display:none;}
	.sub-depth-1 li{width:100% !important;}
	.sub-depth-1 li a{font-size:18px; display:none;}
	.sub-depth-1 li.active a{display:block;}\
}

@media screen and (max-width:767px){
	.sub-depth-1 li.active a{line-height:60px; background:url('../img/arr-down.png') #ffcb07 no-repeat center right 20px; transition:none;}
	.sub-depth-1 li.active a.bg-act{background:url('../img/arr-up.png') #ffcb07 no-repeat center right 20px;}
	.sub-depth-2{position:absolute; width:100%; left:0; z-index:2; background:#fff; display:none;}
	.sub-depth-2 a{width:100%; display:block; margin:0; border-bottom:1px solid #e8e8e8;}
}
@media screen and (max-width:575px){
	/* layout */
	.kids-header{background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
	.kids-header:before{display:none;}
	
	#sitemap > ul > li{padding:0;}
	#sitemap > ul > li h2{font-size:20px;}
	#sitemap > ul > li h3{font-size:17px;}
	#sitemap > ul > li > ul > li > a{font-size:15px;}
	
	.sub-depth-1 li.active a{line-height:50px; font-size:16px;}
	.sub-depth-2 a{line-height:50px; font-size:14px;} 
	



}


/*-----------------------------------------------------------------------------------*/
/* 슬라이드
/*-----------------------------------------------------------------------------------*/

#mobileSlide{display:none;}	
@media (max-width: 991px) {
	#pcSlide{display:none;}
	#mobileSlide{display:block;}	

}

/* 메인배너 */
#bannerArea {position:relative;width:100%;padding:0;background-color:#ecf1f5;margin: 75px 0 0 0;}
#bannerArea img{width:100%;}
#bannerArea .pcImg{display:block;}
#bannerArea .mobileImg{display:none;}
@media (max-width: 991px) {		 
 	#bannerArea {margin: 0;}

}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;/* Fix of Webkit flickering */z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap;flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height;}
.swiper-container-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;/* For Firefox */-ms-overflow-style: none;/* For Internet Explorer and Edge */}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align: start start;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: y mandatory;}
:root {--swiper-navigation-size: 44px;/*--swiper-navigation-color: var(--swiper-theme-color);*/}
.swiper-button-prev,.swiper-button-next {position: absolute;top: 50%;font-size:2rem;width: calc(var(--swiper-navigation-size) / 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size) / 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {opacity:1;cursor: pointer;}
.swiper-button-prev:after,
.swiper-button-next:after {font-family: 'themify';letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {content:"\e64a";}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {content: "\e649";}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white {--swiper-navigation-color: #ffffff;}
.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black {--swiper-navigation-color: #000000;}
.swiper-button-lock {display: none;}
.swiper-pagination {position: absolute;left: 0;bottom:30px;text-align: center;transition: 300ms opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {/*bottom: 10px;left: 0;*/width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 15px;height:15px;display: inline-block;background:#0c75dd;opacity: 0.2;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;  appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;background-color:#0c75dd}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0;display: block;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms left;}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;}

	@media (max-width: 991px) {
	#bannerArea .pcImg{display:none;}
	#bannerArea .mobileImg{display:block;}
	.swiper-pagination {bottom:10px;}
	}


/*-----------------------------------------------------------------------------------*/
/* main
/*-----------------------------------------------------------------------------------*/

.whiteArea{background-color:#fff;padding:80px 15px ;}
.grayArea{background-color:#ececec;padding:80px 15px;}

/* 메인 타이틀 */
.subMain_title{font-size:2.2rem;text-align:center;color:#0071bb;padding-bottom:35px;line-height:2rem;font-weight:300;}
.subMain_title span{display:block;font-weight:600;color:#94a6bf;}
.subMain_title.right-title{text-align:left;line-height:1.2;}




/*박스부분*/
.mainBox{margin-top:-120px;margin-bottom:80px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.mainBox .area{padding:30px;}
.mainBox .area h2{color:#fff;font-size:2.2rem;font-weight:400;margin-bottom:15px;line-height:2.5rem;}
.mainBox .area p{color:#fff;}
.mainBox .mainBox_01{background-color:#919191;height:350px;width:35%}
.mainBox .mainBox_01 ul li{position:relative;color:#fff;overflow:hidden;text-overflow: ellipsis; width:95%;white-space:nowrap;padding:0 0 5px 10px;}
.mainBox .mainBox_01 ul li:after{position:absolute;top:10px;left:0;display:block;content:'';width:2px;height:2px;background-color:#fff;}
.mainBox .mainBox_01 ul li a{color:#fff;font-weight:300;}
.mainBox .mainBox_02{height:350px;width:23%;background:#14a192 url('/html/resource/img/icon_main_01.png') no-repeat 80% 90%;}
.mainBox .mainBox_02 a{display:block;width:100%;height:100%;}
.mainBox .mainBox_03{height:350px;width:21%;background:#235f9f url('/html/resource/img/icon_main_02.png') no-repeat 80% 90%;}
.mainBox .mainBox_03 .tel{color:#fff;text-align:right;font-size:2rem;font-weight:700;margin-top:20px;}
.mainBox .mainBox_03 .tel span{font-size:1.5rem;display:block;font-weight:400;}
.mainBox .mainBox_04{background-color:#de9a4b;height:350px;width:21%;}
.mainBox .mainBox_04 a{display:block;width:100%;height:100%;}

.mainBox .mainBox_05{background-color:#60cece;height:405px;width:35%;}
.mainBox .mainBox_05 ul li{color:#fff;padding:0 0 5px 0;font-size:1.2rem;}
.mainBox .mainBox_05 ul li span{display:inline-block;width:100px;}
.mainBox .mainBox_05 p{color:#035874;font-weight:500;margin-top:20px;font-size:2rem;}

.mainBox .mainBox_06{background-color:#203547;height:405px;width:23%;}
.mainBox .mainBox_07{height:405px;width:42%;padding:0 !important;}
.mainBox .mainBox_07 .mainBanner  {height:405px;}
.mainBox .mainBox_07 .mainBanner .swiper-slide {width:100%;height:100%;}
.mainBox .mainBox_07 .mainBanner .swiper-slide img{height:100%;width:auto;}

@media (max-width: 991px) { 
	.mainBox{margin-top:0;margin-bottom:0;}
	.mainBox .mainBox_01{display:none;height:auto;width:100%}
	.mainBox .mainBox_02{height:300px;width:33.33%;}	
	.mainBox .mainBox_03{height:300px;width:33.33%;}
	.mainBox .mainBox_04{height:300px;width:33.33%;}

	.mainBox .mainBox_05{height:350px;width:60%;}	
	.mainBox .mainBox_06{height:350px;width:40%;}	
	.mainBox .mainBox_07{height:auto;width:100%}

	.mainBox .mainBox_07 .mainBanner  {height:auto;width:100%;}
	.mainBox .mainBox_07 .mainBanner .swiper-slide {height:auto;}
	.mainBox .mainBox_07 .mainBanner .swiper-slide img{height:auto;width:100%;}


}

@media (max-width: 767px) {
	.mainBox .area{padding:30px 15px;}
	.mainBox .mainBox_02 p,
	.mainBox .mainBox_03 p,
	.mainBox .mainBox_04 p{display:none;}
	.mainBox .mainBox_03 .tel{color:#fff;text-align:right;font-size:1.2rem;font-weight:700;margin-top:20px;}
	.mainBox .mainBox_03 .tel span{font-size:1rem;display:block;font-weight:400;}
	.mainBox .mainBox_02,
	.mainBox .mainBox_03{height:220px;background-size:auto;background-position:center 90%;}
 	.mainBox .mainBox_04 img{display:none;}
	.mainBox .mainBox_04{height:220px;background:#de9a4b url('/html/resource/img/icon_main_03.png') no-repeat center 90%;background-size:auto;}


	.mainBox .area h2{color:#fff;font-size:1.6rem;line-height:1.5;font-weight:400;margin-bottom:15px;}

	.mainBox .mainBox_05,	.mainBox .mainBox_02,	.mainBox .mainBox_04,
	.mainBox .mainBox_06{width:50%}
   .mainBox .mainBox_05 ul li{padding:0 0 2px 0;font-size:1rem;}
   .mainBox .mainBox_05 p{margin-top:10px;font-size:1.4rem;}


}

@media (max-width: 480px) {
	.mainBox .mainBox_02,
	.mainBox .mainBox_04{height:200px;background-size:50% auto;}
	   .mainBox .mainBox_05 ul li,.mainBox .mainBox_06 p{font-size:.8rem;}
	   .mainBox .mainBox_05 ul li span{display:inline;width:auto;}
	   .mainBox .mainBox_06 img{width:100px;}
	.mainBox .mainBox_05{height:300px;}	
	.mainBox .mainBox_06{height:300px;}	


}

 /*배너부분*/
 .clinic-big{position:relative;}
 .clinic-small{position:relative;}
 .clinic-small.top{padding:0 !important;}
 .clinic-small.btm{padding:0 !important;margin-top:30px;}

.bannerBox{position:absolute;top:0;left:0;width:100%;height:100%;padding: 2rem 3rem;}
.clinic-small.top .bannerBox,	.clinic-small.btm .bannerBox{padding: 2rem;}
.bannerBox .title-box{}
.bannerBox .title-box a{display:block;width:100%;height:100%;}
.bannerBox .title-box h2{color:#333;font-size:2rem;font-weight:600;line-height:1.2;margin-bottom:20px;}
.bannerBox .title-box p{color:#333;font-size:1.5rem;font-weight:300}
.bannerBox .title-box ul li{color:#333;font-size:1.5rem;font-weight:300}

@media (max-width: 991px) { 
 .clinic-small.top{margin-top:30px;}
 .clinic-small.btm{}


}

 /*링크부분*/
.linkBox_01,.linkBox_02, .linkBox_03, .linkBox_04{padding:4rem 2rem;text-align:center;height:auto;}
.linkBox_01 img, .linkBox_02 img, .linkBox_03 img, .linkBox_04 img{padding-bottom:20px;}
.linkBox_01 h2 strong, .linkBox_02 h2 strong, .linkBox_03 h2 strong, .linkBox_04 h2 strong{font-weight:600;display:block;}
.linkBox_01 p, .linkBox_02 p, .linkBox_03 p, .linkBox_04 p{font-size:1rem;color:#000;}
.linkBox_01 h2, .linkBox_02 h2, .linkBox_03 h2, .linkBox_04 h2{color:#000;font-size:1.5rem;font-weight:400;line-height:1.2;margin-bottom:20px;}

.linkBox_01{background-color:#aac6da;}
.linkBox_02{background-color:#eadfd8;}
.linkBox_03{background-color:#c4c1de;}
.linkBox_04{background-color:#d4ddc1;}

@media (max-width: 767px) {
.linkBox_01,.linkBox_02, .linkBox_03, .linkBox_04{padding:2rem 1rem;  }
}						  
/*하단부분*/
.btm_network{padding:12rem 6rem;background:#234393 url('/html/resource/img/bg_box.jpg') no-repeat 0 0;background-size:cover}
.btm_network h2{font-size:2rem;color:#373737;text-align:center;}
.btm_network p{font-size:1.5rem;color:#373737;text-align:center;}
.btm_network ul{border-top:1px solid #000;padding:30px 0;text-align:center;margin-top:30px;}
.btm_network ul li{display:inline-block;width:100px;height:100px;margin-right:10px;border-radius:100%;text-align:center;color:#fff;font-weight:400;padding-top:30px;}
.btm_network ul li:nth-child(1){background-color:#829a43;}
.btm_network ul li:nth-child(2){background-color:#8847cd;}
.btm_network ul li:nth-child(3){background-color:#5f7689;margin-right:0;}


.btm_contact{padding:80px;background-color:#f1f1f1;}
.btm_contact ul {margin-bottom:20px;}
.btm_contact ul li{color:#3d539b;font-size:1.5rem;}
.btm_contact ul li span{color:#e84b0d;}
.btm_contact .add {margin-bottom:20px;}
.btm_contact .add h2{display:inline-block;color:#000;font-size:1.2rem;font-weight:400;}
.btm_contact .add h2 a{display:inline-block;background-color:#5b96fd;color:#fff;padding:0 10px;margin-left:10px;font-size:1rem;font-weight:400;}
.btm_contact .add p{display:inline-block;margin-left:10px;}

@media (max-width: 767px) {
 .btm_network{padding:6rem 2rem;}
 .btm_contact{padding:60px 40px;}
 .btm_contact ul li{color:#3d539b;font-size:1.1rem;}
.btm_contact .add p{display:block;margin-left:0;}


}


 /* ----------------------------------------------------------------------------------------------------
	공통 sub
---------------------------------------------------------------------------------------------------- */


.sub_tit {text-align:center;  margin:60px 0 40px; }
.sub_tit h2 {position:relative; display:inline-block; vertical-align:top; margin:0; padding:0 20px; font-size:38px; font-weight:bold; color:#222222; letter-spacing:-0.045em; line-height:38px; }
.sub_tit.left {text-align:left;margin-bottom:20px;}
.sub_tit.left h2{display:inline-block;vertical-align:middle;padding-left:0;}
.sub_tit.left h3 {display:inline-block;font-size:1.7rem;font-weight:400;vertical-align:middle;}
.sub_tit.left p{display:inline-block;font-size:1.1rem;vertical-align:middle;}
 @media (max-width: 991px) { 
 .sub_tit {margin:30px 0 ; }
 }
.sub_tit02 {position:relative;border-top:1px solid #ededed; text-align:center; }
.sub_tit02:before {content:''; position:absolute; left:calc(50% - 25px); top:-1px; width:50px; height:4px; background-color:#e40175; }
.sub_tit02 h3 {margin-top:25px; font-size:28px; font-weight:400; color:#6a6a6a; letter-spacing:-0.045em; }
.sub_tit02 p {font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; }
.sub_tit03 h4{font-size:2rem;font-weight:300;color:#000;margin-bottom:15px;}

.sub_tit01 {font-size: 26px;font-weight: 700;color: #333333;line-height: 38px;margin-bottom:20px;}

.table_type01 {overflow-y:auto; }
.table_type01 table {width:100%; }
.table_type01 table.minw700 {min-width:700px; }
.table_type01 table thead th {padding:15px; border:1px solid #e3e3e3; border-top:2px solid #1268cf; background-color:#fcfcfc; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; }
.table_type01 table thead th.center{text-align:center;}
.table_type01 table tbody th {padding:15px; border:1px solid #e3e3e3; background-color:#fcfcfc; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; }
.table_type01 table tbody td {padding:15px 10px; border:1px solid #e3e3e3; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; text-align:center; }
.table_type01 table tbody td.left{text-align:left;}
.table_type01 table tbody td a {font-size:18px; color:#388ef4; letter-spacing:-0.045em; font-weight:300; }
.table_type01 table tbody td input {width:calc(100% - 20px); height:40px; padding:0 20px; box-sizing:border-box; }
.table_type01 table tbody td input:focus {outline:none; }
.table_type01 table tbody td p{font-size:16px; color:#aaaaaa}


.btn_type01 {margin:30px 0 10px; font-size:0; letter-spacing:-4px; text-align:center; }
.btn_type01 a {display:inline-block; vertical-align:top; width:150px; height:40px; border:1px solid #1268cf; margin:0 3px; font-size:18px; color:#1268cf; background-color:#d2e6ff; letter-spacing:-0.045em; text-align:center; line-height:40px; box-sizing:border-box; }
.btn_type01 a.type01 {background-color:#1268cf; color:#fff; }


/* 기본 리스트 */
ul.basicList{margin:20px 0 ;}
ul.basicList li{position:relative;padding:0 0 5px 15px;font-weight:400;}
ul.basicList li strong{color:#000;}
ul.basicList li:before{background-color:#222;width:5px;height:5px;display:block;position:absolute;top:10px;left:0;content:'';}

ol.basicList{margin:20px 0  20px 20px;}
ol.basicList li{list-style:decimal ;text-align:left;padding-bottom:5px;}

.grayBox1 {width: 100%;height: auto;padding: 0;background-color: #fff;margin: 30px 0 0;}
.grayBox1 b {display:block;margin-bottom:5px;font-size:17px;letter-spacing:-1px;color: #23408f;}
.grayBox1 p {font-size:17px;letter-spacing:-1px;}
.grayBox1 p.grayTxt {font-size:16px;color:#666}

.grayBox3 {width: 100%;height: auto;padding: 24px;background-color: #f3f5f9;margin-bottom: 40px;}
.grayBox3 b {display:block;margin-bottom:5px;font-size:17px;letter-spacing:-1px;color: #23408f;}
.grayBox3 p {font-size:17px;letter-spacing:-1px;}
.grayBox3 p.grayTxt {font-size:16px;color:#666}

/*버튼*/
.whiteInputBtn {display: inline-block;border: 1px solid #ddd;font-size: 14px;border-radius: 5px;width: auto;height: 30px;padding: 3px 10px 2px;min-width:70px;margin-top: 3px;font-weight: 400;vertical-align: top;background: #fff;}
.whiteInputBtn.big	   {width:150px;padding:10px 0 ;height:auto;font-size:1.2rem;background-color:#5bb3c4;color:#fff;border:none;}
.whiteInputBtn.regist	   {}
.whiteInputBtn.del			{color: #e60c29;}
.whiteInputBtn.download {}

 /* ----------------------------------------------------------------------------------------------------
	컨텐츠
---------------------------------------------------------------------------------------------------- */

/* 요약 영역 */
.summerBox{position: relative;width: 100%;background-repeat: no-repeat;background-position: right top;margin-top: 30px;}
.summerBox h4{color:#303030;font-weight:bold;font-size: 2rem;line-height: 1.5;margin-bottom: 0;font-weight: 400;text-align: center;}
.summerBox h4 span{color: #0a66b1;font-weight: 600;font-size: 2.2rem;}
.summerBox p{color: #727272;font-size: 1.2rem;font-weight: 400;line-height: 1.5em;text-align: center;}
.summerBox .pngOver_info{position:absolute;right:30px;bottom:10px;width:128px;height:128px;}/*대상자모집안내*/
.summerBox .pngOver{position:absolute;right:25px;bottom:0;width:200px}/*센터소개*/
.summerBox .pngOver img{width:100%;}

@media (max-width:991px) { 
.summerBox h4{font-size: 1.6rem;}
.summerBox h4 span{font-size: 2rem;}
.summerBox p{font-size: 1rem;line-height: 1.5;}


}

/*소개*/
.aboutBox {margin:40px 0;}
.aboutBox h5{font-size:2rem;font-weight:300;color:#000;margin-bottom:30px;}
.aboutBox p{padding-bottom:10px;text-align:justify;}
.aboutBox p.column{text-align:justify;}
.profile_img{margin:0 0 30px;}
.profile{border-bottom:1px solid #ddd;margin:0 0 30px;}

/*오시는길*/
 .detail_info {padding: 0 30px 30px;}
 .detail_info:after {content: "";display: block;clear: both;}
 .detail_info .standard_div {position: relative;float: left;width: 40%;}
 .detail_info .standard_div .name {padding-top: 56px;font-size: 26px;font-weight: 700;color: #333333;line-height: 38px;}
 .detail_info .standard_div .loca {position: relative;padding-top: 18px;}
 .detail_info .standard_div .loca:after {content: "";display: block;clear: both;}
 .detail_info .standard_div .loca span {float: left;max-width: calc(100% - 146px);font-size: 16px;font-weight: 300;color: #666666;line-height: 26px;}
 .detail_info .standard_div .loca .addr_menu {float: left;margin-left: 20px;width: 96px;height: 36px;overflow: hidden;}
 .detail_info .standard_div .tel {padding-top: 10px;font-size: 16px;font-weight: 300;color: #666666;line-height: 26px;}
 .detail_info .operation_info {float: right;width: 60%;}
 .detail_info .operation_info dl {padding-top: 18px;}
 .detail_info .operation_info dl:first-child {padding-top: 60px;}
 .detail_info .operation_info dl:after {content: "";display: block;clear: both;}
 .detail_info .operation_info dt {float: left;width: 90px;font-size: 16px;font-weight: 500;color: #333333;line-height: 26px;}
 .detail_info .operation_info dd {float: left;width: calc(100% - 90px);font-size: 16px;font-weight: 300;color: #666666;line-height: 26px;}

 @media (max-width: 991px) { 

  .detail_info {padding: 0 0 30px;}

 .detail_info .standard_div {float: none;width: 100%;}
 .detail_info .operation_info {float: none;width: 100 %;}
 
 }
 /*준비중*/
.ready-box{text-align:center;border:1px solid #e9e9e9;background-color:#f9f9f9;margin-top:1.25rem;padding:70px 10px 150px;}
.ready-box h4{font-size:2rem;font-weight:300;color:#000;margin:20px 0;}
.ready-box h4 strong{font-weight:500;color:#000;}
.ready-box p{line-height:1.5;color:#000;}

 
 /* ----------------------------------------------------------------------------------------------------
	게시판
---------------------------------------------------------------------------------------------------- */

/* 게시판 리스트 - width 100% 테이블 */
.tb02 table {width:100%;border-top:2px solid #575757; border-bottom:1px solid #444; color:#545861;font-size:1.1rem;  }
.tb02 thead tr th{border-bottom:1px solid #d5d5d5;padding:14px 10px;font-weight:bold;background:#fff;color:#222;}
.tb02 tbody tr td{border-bottom:1px solid #d5d5d5;padding:14px 10px;text-align:center;}
.tb02 tbody tr td.left{text-align:left;}
.tb02 tbody tr td .notice{color:#fff;font-size:.9rem;background-color:#0981ae;display:inline-block;padding:2px 15px;border-radius:20px;text-align:center;}

@media (max-width: 767px) {
	.tb02 .mo{display:none;}
	.tb02 thead tr th.mo{display:none;}
	.tb02 tbody tr td.mo{display:none;}
	.tb02 tbody tr td{padding:14px 5px;}
	.tb02 tbody tr td .notice{padding:2px 7px;}
}

@media screen and (max-width:1000px){
	.tb01 table {width:1500px;}
	.tableWrap:after{display:block;content:'';position:absolute;top:0;right:0;height:100%;width:20px;-webkit-box-shadow: inset -19px 0px 10px -8px rgba(255,255,255,1);-moz-box-shadow: inset -19px 0px 10px -8px rgba(255,255,255,1);box-shadow: inset -19px 0px 10px -8px rgba(255,255,255,1);}

}

/*게시판 본문*/
table.board_view {width:100%;margin-top:20px;background-color:#fff;}
table.board_view img{max-width:630px;}
table.board_view thead th.title{padding:14px;border-bottom: 1px solid #ccc;border-top: 1px solid #000;color:#000;font-size:18px;background-color:#f7f8fa;}
table.board_view thead th{border-bottom:1px solid #e9e9e9;text-align:center;font-weight:bold;}
table.board_view thead td {border-bottom:1px solid #e9e9e9;padding:8px 15px;text-align:left;height:18px;vertical-align: middle;}
table.board_view tbody td{padding:5px 10px 30px;line-height:180%;text-align:justify;}
table.board_view tbody td .info {margin-bottom:30px;width:100%;color:#a5a5a5;}
table.board_view tbody td .info .writer{float:left;width:150px;display:none;}
table.board_view tbody td .info .writeDate{float:right;width:auto;}

@media only screen and (max-width: 640px) {

table.board_view tbody td .info .writer{font-size:.8rem;display:none;}
table.board_view tbody td .info .writeDate{font-size:.8rem;}


}



/*게시판 글쓰기*/
table.board_form {width:100%;border-top: 2px solid #575757;border-bottom: 1px solid #444;background-color:#fff;}
table.board_form tbody th {border-bottom:1px solid #ddd;text-align:left;font-weight:600;font-size:1rem;font-weight: 400;padding-left:10px;background-color:  #fff;}
table.board_form tbody td {border-bottom:1px solid #ddd;padding:8px 15px;text-align:left;height:18px;}
table.board_form tbody td select,#boardBox table.board_form tbody td input[type='text']{border:1px solid #ddd; background:#efefef; padding:5px;}

/*예약하기 글쓸기*/
#agreeYac{width:100%;height:20px; overflow-y:hidden;position:relative;}
.agreeMore{text-align:center;position:absolute;top:-5px;right:10px;}
.agreeMore button{background:none;    color: #004ebc;}
.agreeMore button i{vertical-align:middle;padding-right:5px;}
.reserveBox  {background-color:#e6e6de;border-radius:10px;padding:20px 0;}
.reserveBox table.board_form {border-top: none;background-color:transparent;border-radius:10px;border:none;}
.reserveBox table.board_form tbody th {border-bottom:none;background-color:transparent;text-align:right;font-weight:500;color:#000;}
.reserveBox table.board_form tbody td {border-bottom:none;font-size:1.1rem;}
.reserveBox table.board_form tbody tr:last-child,
.reserveBox table.board_form tbody tr:last-child td,
.reserveBox table.board_form tbody tr:last-child th{border-bottom:none;}

.reserveBox table.board_form tbody td select,
.reserveBox table.board_form tbody td textarea,
.reserveBox table.board_form tbody td input[type=text] {padding:10px; background-color:#fff;}
.reserveBox table.board_form tbody td .date {line-height:40px}

/*paging*/
.pagination {width:100%;padding-left: 0;margin: 20px 0;border-radius: 4px;line-height:1.5rem;vertical-align:middle;}
.pagination a {display: inline-block;border: 1px solid #e1e1e1;margin: 0.2rem 0.2rem 0 0.2rem;min-width: 2.5rem;height: 2.5rem;overflow: hidden;line-height: 2.65;font-size: 0.875rem;}
.pagination span {display: inline-block;border: 1px solid #e1e1e1;margin: 0.2rem 0.2rem 0 0.2rem;min-width: 2.5rem;height: 2.5rem;overflow: hidden;line-height: 2.65;font-size: 0.875rem;}
.pagination span a{display: inline;border: none;margin: 0;min-width:auto;height: auto;overflow: hidden;line-height: 2.65;font-size: 0.875rem;}
.pagination span b{line-height: 2.65;}
.pagination .prevBtn{display: inline-block;position:relative;color:#000;width:40px;height:40px;}
.pagination .nextBtn{display: inline-block;position:relative;color:#000;width:40px;height:40px;}



/*게시판 이전글 다음글*/
.prev_next {width:100%;background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display: flex;flex-flow: row wrap;justify-content: space-between;}
.prev_next .prev {width:50%;background: url(/image/prev_p.gif) no-repeat 0 center;padding:20px 0 20px 35px;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.prev_next .next {width:50%;background: url(/image/next_p.gif) no-repeat right center;padding:20px 35px 20px 0;text-align:right;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.prev_next .prev span,
.prev_next .next span{font-weight:bold;display:inline-block;height:30px;width:100%;vertical-align:top;}
.prev_next .prev p,
.prev_next .next p{display:inline-block;height:30px;vertical-align:top;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}


@media only screen and (max-width: 640px) {
.prev_next .prev {padding:20px 0 20px 25px;}
.prev_next .next {padding:20px 25px 20px 0;}

}

.boardBtn {margin-top:20px;height:40px;}
.boardBtn .col_left {float:left;display:inline-block;}
.boardBtn .col_right {float:right;display:inline-block;}

.commentTitle{font-weight:500;font-size:1.3rem;color:#000;}
.commentDate{margin-bottom:20px;}

.box_search{text-align:center;}
.box_search select{padding: 5px;height: 30px;border: 1px solid #ebebeb;background: #fff;color: #696969;border-radius: 0;vertical-align:middle;}
.box_search input{padding: 5px;height: 30px;border: 1px solid #ebebeb;background: #fff;color: #696969;border-radius: 0;vertical-align:middle;}
.box_search button{border: 1px solid #ddd;font-size: 14px;width: auto;height: 30px;padding: 0 10px;margin-top: 3px;font-weight: 400;vertical-align: middle;background: #efefef;}
 
 /* ----------------------------------------------------------------------------------------------------
	예약페이지
---------------------------------------------------------------------------------------------------- */

/*월별 보기*/
#schedulesArea{position:relative;}

#schedulesArea .head-cal{position:relative;text-align:center;color:#ddd;margin:20px 0 0;}
#schedulesArea .head-cal h3{font-size:2rem;font-weight:bold;color:#444;text-align:center;padding-bottom:20px;}
#schedulesArea .head-cal span{display:block;font-size:1.2rem;font-weight:400;}
#schedulesArea .head-cal button i{vertical-align:middle;}
#schedulesArea .head-cal .prev-btn{position:absolute;top:20px;left:0;padding:5px 10px;height:40px;}
#schedulesArea .head-cal .next-btn{position:absolute;top:20px;right:0;padding:5px 10px;height:40px;}
#schedulesArea .today{width:380px;text-align:center;background-color: #f3f5f9;padding:10px;border-radius:10px;margin:0 auto;}

#schedulesArea .schedulesTable{width:100%;}
#schedulesArea .schedulesTable tr th{background-color: #f1f1f2;padding:10px 0;font-weight:bold;border:1px solid #ddd;}
#schedulesArea .schedulesTable tr th.sun{color:#d42820}
#schedulesArea .schedulesTable tr th.sat{color:#205bd4}

#schedulesArea .schedulesTable tr td{min-height:100px;padding: 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:7px;vertical-align: top;font-size:11px;font-weight:normal;}
#schedulesArea .schedulesTable tr td:first-child{border-left:1px solid #ddd;}
#schedulesArea .schedulesTable tr td .dayBox{height:100%;position:relative;}
#schedulesArea .schedulesTable tr td .dayBox img{display:block;position:absolute;bottom:0;right:0;}
#schedulesArea .schedulesTable.hsmall tr td{height:50px;}
#schedulesArea .schedulesTable tr td.today_sun,
#schedulesArea .schedulesTable tr td.today_sun a{font-size:11px;font-weight:normal;color:#d42820;}
#schedulesArea .schedulesTable tr td.today_sat,
#schedulesArea .schedulesTable tr td.today_sat a{font-size:11px;font-weight:normal;color:#205bd4;}
#schedulesArea .schedulesTable tr td a{font-size:11px;font-weight:normal;color:#444;line-height:20px;}
#schedulesArea .schedulesTable tr td .exhiSdul{padding-left:5px;}
#schedulesArea .schedulesTable tr td .dateNum{padding-left:5px;display:block;text-align:right;font-size:.7rem;}
#schedulesArea .schedulesTable tr td .dateNum span{font-size:.9rem;}
#schedulesArea .schedulesTable tr td select.form-control{margin:10px;width:calc(90% - 20px);}/*진료설정*/
#schedulesArea .schedulesTable tr td .reserveList{margin-left:10px;padding:0;}/*월별진료내용*/
#schedulesArea .schedulesTable tr td .reserveList li{list-style:none;}

#schedulesArea .schedulesTable tr td .reserveNum {font-size:1.5rem;text-align:center;}/*예약관리명수*/

 iframe[name="boardHiddenFrm"]{width:0;height:0;display:none;}
 iframe[name="counterFrm"]{width:0;height:0;display:none;}


.tabs{background-color:#e7ecea;padding:20px 10px;z-index:-1;margin-top:30px;}
.tab-select-outer {display: none;}
#tab-button{margin:0 0 0 10px;height:45px;text-align:left;border-bottom:1px solid #ddd;}
#tab-button li{position:relative;display:inline-block;font-size:.9rem;margin-left:-10px;width:170px;height:45px;} 
#tab-button li a{font-size:1.1rem;display: block;width: 100%;height: 100%;padding:10px  50px 10px 30px;color:#777;} 
#tab-button li a span{position: absolute;z-index:5} 
#tab-button li.is-active{} 
#tab-button li.is-active a{color:#fff;font-size:1.1rem;} 
#tab-button li a::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:1;outline: 1px solid transparent;border-radius: 10px 10px 0 0;background: #fff;box-shadow: inset 0 -3px 3px rgb(0 0 0 / 5%);content: '';-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#tab-button li.is-active a::after {background: #2cc185;}
#tab-button .mobile{ display: none; }
#tab-select{margin-bottom:30px;border: 1px solid #ddd; width: 100%; height: 50px; padding:10px;}
.tab-contents{background-color:#fff;padding:5px;}
@media screen and (max-width: 1530px) {
	#tab-button .mobile{display: block; }
	#tab-button li a{padding:10px;} 
}

@media screen and (max-width: 760px) {
	.tb05 thead tr th{font-size:.9rem; }
#tab-button li{width:32%;} 

}
@media screen and (max-width: 480px) {
	.tb05 thead tr th{font-size:.8rem; }
}


/* ----------------------------------------------------------------------------------------------------
	컨텐츠
---------------------------------------------------------------------------------------------------- */


.title_style01{font-size:2rem;font-weight:500;color:#000;margin-bottom:30px;}
.title_style01 span{font-size:1.2rem;font-weight:400;}
.title_style02{font-size:1rem;font-weight:500;}

.big_font {font-size:2rem;font-weight:300;line-height:1.5;}
.middle_font {font-size:1.3rem;font-weight:300;line-height:1.3;}
.middle_font2 {font-size:1.5rem;font-weight:300;line-height:1.3;}

.color_01{color:#3d81c7 !important;}
.color_02{color:#d1149a !important;}
.color_03{color:#0d9530 !important;}
.color_04{color:#fc5a0a !important;}
.color_05{color:#5b78f3 !important;}
.color_06{color:#1797cc !important;}
.color_black{color:#000 !important;}

hr{border:none;border-top:1px solid #ddd; width:100%;height:0;margin-top:30px 0;display:block;}

.stepList li{float:left;width:25%;padding:5px;}
.stepList li .inner{width:105px;height:105px;text-align:center;border-radius:100%;margin:0 auto;color:#fff;}
.stepList li .inner span{display:block;padding-top:25px;}
.stepList::after{clear:both;display:block;width:0;height:0;content:'';}


.stepList.five li{float:left;width:20%;padding:5px;}
.stepList.five li .inner{color:#000;padding-top:40px;}
.stepList.five li:nth-child(1) .inner,.stepList.five li:nth-child(2) .inner{padding-top:30px;}


.checkList li{font-size: 20px;color: #000;letter-spacing: -0.045em;font-weight: 300;padding: 20px 10px 20px 30px;background: #fff;border: 1px solid #ddd;display: block;vertical-align: top;width:100%;max-width:800px;margin:0 auto 10px;}
.checkList li span{position: relative;padding-left: 30px;display: block;}
.checkList li span:before {content: '';display: block;position: absolute;width: 39px;height: 31px;background: url(/html/resource/img/check.jpg);top: 0;left: -20px;}
@media (max-width: 767px) { 
	.checkList li{width: 100%;margin-right: 0;}
}