@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
 
.PC	{}	
.mobile	{ display:none}
		/* 모바일 해상도 */
	@media all and (max-width:980px) {	
		
			
	.PC		{ display:none}	
	.mobile	{ display: block}
}
/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
/*.btnDiv			{ clear:both; padding:10px 0}
.pageDiv		{ clear:both; overflow:hidden;  width:100%; text-align:center}
.page_number	{  padding:20px 0; text-align:center; clear:both;}
*/
/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/
.btn_g1 			{ display:inline-block; padding:3px 5px; border:1px solid #333; background-color:#555;  font-size:11px; border-radius: 3px; vertical-align:middle}
	a.btn_g1,input.btn_g1,button.btn_g1						{ color:#fff;}
	a:hover.btn_g1,input:hover.btn_g1,button:hover.btn_g1	{ color:#fff; border:1px solid #333; background:#666;}
	
.btn_r1 			{ display:inline-block; padding:3px 5px; border:1px solid #d20d08; background:#eb231d; font-size:11px; border-radius: 3px; vertical-align:middle}
	a.btn_r1,input.btn_r1,button.btn_r1						{ color:#fff;}
	a:hover.btn_r1,input:hover.btn_r1,button:hover.btn_r1	{ color:#fff; border:1px solid #d20d08; background:#f43530;}

.btn01 			{ display:inline-block; padding:0 7px; border:1px solid #222; background:#555; border-radius: 3px; vertical-align:middle}
	a.btn01,input.btn01,button.btn01					{ color:#fff;}
	a:hover.btn01,input:hover.btn01,button:hover.btn01	{ color:#fff; border:1px solid #222; background:#777;}

.btn02 			{ display:inline-block; padding:0 25px; border:1px solid #1b5ebb; background:#266bca; border-radius: 3px; vertical-align:middle; line-height:30px; height:35px}
	a.btn02,input.btn02,button.btn02					{ color:#fff;}
	a:hover.btn02,input:hover.btn02,button:hover.btn02	{ color:#fff;  border:1px solid #1b5ebb; background:#1b5ebb;}


.btn03{display:inline-block;margin:1px 2px 1px 0;font-size:13px;vertical-align:middle;line-height:22px;background:#fff;border:1px solid #2769cc}
	.btn03 a{display:block;padding:0 13px;color:#2769cc !important;text-decoration:none}
	.btn03.ic_down a{padding-left:27px;background:#fff url('/image/board/ic_down2.png') no-repeat 11px center}

.btn_new	{ display:inline-block; height:20px; line-height:15px; text-align:center; font-family:'NanumSquareB';}
.btn_new span{padding-right:20px; background:url('/image/board/ico_blank1.png') no-repeat right; line-height:14px;}

.srchBt		{display:inline-block; width:79px; height:33px; background:#bc1111; line-height:33px; color:#fff; font-size:13px; text-align:center; font-family:'NanumSquareB';}
.srchBt span{padding-left:20px; background:url('/SW_bbs/img/srch_icon.png') no-repeat 0 center; background-size:15px; line-height:32px;}

.btn_Gry 			{ display:inline-block; padding:7px 15px; border:1px solid #222; background:#555;  border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	a.btn_Gry,input.btn_Gry,button.btn_Gry					{ color:#fff;}
	a:hover.btn_Gry,input:hover.btn_Gry,button:hover.btn_Gry	{ color:#fff; border:1px solid #222; background:#777;}

.btn_Pot 			{ display:inline-block; padding:7px 15px; border:1px solid #1b5ebb; background:#266bca; border-radius: 3px; vertical-align:middle; font-size:15px}
	a.btn_Pot,input.btn_Pot,button.btn_Pot					{ color:#fff;}
	a:hover.btn_Pot,input:hover.btn_Pot,button:hover.btn_Pot{ color:#fff; border:1px solid #1b5ebb; background:#1b5ebb;}
	

.btn_s	{ padding:3px 5px; border:1px solid #333; background-color:#555;  font-size:11px; border-radius: 3px; 
		vertical-align:middle; margin-right:1px; color:#fff}
/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/
 

/*-----------------------------------------------------------------------------------------------------------
서브 제목
-----------------------------------------------------------------------------------------------------------*/
h4.h4_title	{ clear:both; margin-bottom:15px;  font-size:24px; padding-left:20px;   color:#000; line-height:26px; position:relative; font-weight:500;}
h4.h4_title:before {position:absolute;top:3px;left:0; content:"";display:block; background:#5977dd;  /*background: linear-gradient(-15deg, #378690, #378690, #1e938d, #33a073, #3ca469, #3ca469) ;*/width:8px; height: 24px;border-radius: 30px;  }

h4.h4_title2	{ clear:both; margin-bottom:25px;  font-size:30px; padding-left:22px;   color:#fff; line-height:26px; position:relative; font-weight:500;}
h4.h4_title2:before {position:absolute;top:0px;left:0; content:"";display:block; background:#fff;   width:8px; height: 30px;border-radius: 30px;  }

h4.h4_title3	{ clear:both; margin-bottom:15px;  font-size:22px; padding-left:22px;   color:#000; line-height:26px; position:relative; font-weight:500;}
h4.h4_title3:before {position:absolute;top:3px;left:0; content:"";display:block;/* background:#5977dd;*/  background: linear-gradient(-15deg, #5977dd, #5977dd, #1e938d, #33a073, #3ca469, #3ca469) ;width:6px; height: 20px;/*border-radius: 30px; */ }

h4.h4_title4	{ clear:both; margin-bottom:15px;  font-size:24px;    color:#000; line-height:26px; position:relative; font-weight:600;}
 
h5.h5_title	{ clear:both;margin-left: 10px; margin-bottom:15px;  font-size:21px; padding-left:25px;   color:#000; line-height:26px; position:relative; font-weight:500;}
h5.h5_title:before {position:absolute;top:5px;left:0; content:"";display:block; background:#fff; border: 4px solid #5977dd; width:9px; height: 9px;border-radius: 40px;  }


@media all and (max-width:980px) {
 h4.h4_title	{ clear:both; margin-bottom:15px;  font-size:19px; padding-left:20px;   color:#000; line-height:26px; }
h4.h4_title:before {  height: 20px;   }

}

 

/*-----------------------------------------------------------------------------------------------------------
/*표스타일
-----------------------------------------------------------------------------------------------------------*/

.tb1 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
   /* border-top: 2px solid #000;*/
    margin: 10px 0;
}

.tb1 th,
.tb1 td {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 12px 8px;
    line-height: 160%;
    vertical-align: middle;
    font-size: 0.93em
}

.tb1 th:last-child ,
.tb1 td:last-child {
    border-right: 0px solid #dfdfdf; 
}

.tb1 thead th {
    font-weight: 500;
    color: #000;
    background: #f2f2f2;position: relative;padding: 17px 8px;
}

.tb1 tbody th {
    background-color: #fafafa;
    font-weight: 400;
     
    text-align: center;
     color: #222;
}
.tb1 tbody th img {
    vertical-align: middle
}
.tb1 td {
    background-color: #fff;
    font-weight: 300;
}

/*-----------------------------------------------------------------------------------------------------------
/*복지시설찾기 view페이지 표
-----------------------------------------------------------------------------------------------------------*/

.tb2 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    /*border-top: 1px solid #3e61d7;*/border-top: 1px solid #3e61d7;
    margin: 10px 0;
}

.tb2 th,
.tb2 td {
   /* border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;*/border: 1px solid #dfdfdf;border-top: 0px solid #3e61d7;
    padding: 12px 8px;
    line-height: 160%;
    vertical-align: middle;
    font-size: 0.93em
}

/*.tb2 th:last-child ,
.tb2 td:last-child {
    border-right: 0px solid #dfdfdf; 
}
*/
.tb2 thead th {
    font-weight: 500;
    color: #000;
    background: #f6f7fb;position: relative;padding: 17px 8px;
}

.tb2 tbody th {
    background-color: #f6f7fb;
    font-weight: 400;
     
    text-align: center;
     color: #222;
}
.tb2 tbody th img {
    vertical-align: middle
}
.tb2 td {
    background-color: #fff;
    font-weight: 300;
}

/*-----------------------------------------------------------------------------------------------------------
/* 
-----------------------------------------------------------------------------------------------------------*/
ul.bu1 {
    margin: 6px 0 70px 15px; width: 100%; display: inline-block;box-sizing: border-box
}

ul.bu1 li {
    line-height: 190%;position: relative;padding-left: 17px;
  
}

ul.bu1 li:after{position: absolute;content:'';top:14px;left:0%; width:6px;height:6px;background: #000; }	

 


ul.bu2 {
    margin: 5px 0 0 40px;
}

ul.bu2 li {
    line-height: 170%;
    list-style-type: disc !important; 
}

ul.bu2 li strong {
    font-weight: 400;
    color: #000
}

ul.bu2 li strong.type1 {
    font-weight: 400;
    color: #ed601b !important
}


ul.bu3 {
    margin: 0px 0 40px 50px;display: inline-block; 
}

ul.bu3 li {
    line-height: 170%;width: 30%;float: left;
    list-style-type: disc !important;  color: #555
}
ul.bu3 li:nth-child(3) {
   width: 40%;
}
ul.bu3 li strong {
    font-weight: 400;
    color: #000
}

@media all and (max-width:1480px) {
ul.bu3 li {
    width: 50%; 
}	
ul.bu3 li:nth-child(3) {
  width: 50%; 
}
}
@media all and (max-width:1230px) {
ul.bu3 li {
    width: 100%; 
}	
ul.bu3 li:nth-child(3) {
  width: 100%; 
}
}


@media all and (max-width:500px) {
ul.bu1 {
    margin: 6px 0 70px 5px; width: 100%; display: inline-block;box-sizing: border-box
}

ul.bu1 li {
    line-height: 150%; padding-left: 10px;
  
}

 

 }
/*-----------------------------------------------------------------------------------------------------------
서브타이틀
-----------------------------------------------------------------------------------------------------------*/
 
.sub_title_box			{position:relative;width: 100%; padding:3px;margin-bottom: 50px;background: #e3e3e3; border-radius: 30px; box-sizing: border-box; display: inline-block;overflow: hidden}
.sub_title			{position:relative; padding:30px 40px;  color: #333;font-weight: 400; min-height: 155px;box-sizing: border-box;background: #fff; border-radius: 30px;}
.sub_title div.img			{width: 95px;margin-left: 20px; height: 95px;/*;background: #ebebeb;border-radius: 50px;*/float: left}
.sub_title div.img span.icon_01			{ background:url(/img/data/icon_01.png) no-repeat center #ebebeb; border-radius: 50px;width: 95px;height: 95px;display: inline-block;}
.sub_title div.img span.icon_02			{ background:url(/img/facilities/icon.png) no-repeat center #ebebeb; border-radius: 50px;width: 95px;height: 95px;display: inline-block;}
.sub_title div.img span.icon_03			{ background:url(/img/data/icon_02.png) no-repeat center #ebebeb; border-radius: 50px;width: 95px;height: 95px;display: inline-block;}
.sub_title div.img span.icon_04			{ background:url(/img/data/icon_03.png) no-repeat center #ebebeb; border-radius: 50px;width: 95px;height: 95px;display: inline-block;}
.sub_title div.txt			{width: 88%; float:right;margin-top: 7px}
.sub_title div.txt span.tt			{width: 100%;display: inline-block;color: #000;font-weight: 500;font-size: 24px;}
.sub_title div.txt span.tt2			{color: #e86b6a;font-weight: 500;font-size: 24px;}
.sub_title div.txt span.st			{width: 100%; color: #000; font-size: 18px;margin-top: 10px;display: inline-block;}
.sub_title_box:before	{ position:absolute; content:'';background:url(/img/common/top_bg1.png) no-repeat;width:97px; height:97px;top:0px; left:0px; }
.sub_title_box:after	{ position:absolute; content:''; background:url(/img/common/top_bg2.png) no-repeat;width:97px; height:97px;; bottom:0px; right:0px; }



.sub_title_box2{width: 100%;margin: 0px 0 30px; border-radius: 30px;padding: 50px 70px;box-sizing: border-box;background: #ebeffb ;box-shadow: 0px 5px 8px 3px rgb(0,0,0, 0.1); }

.sub_title_box3{width: 100%;margin: 20px 0;margin-bottom: 60px;display: inline-block/*border: 1px solid #ddd;border-radius: 10px;padding: 50px;box-sizing: border-box;background: #fff;box-shadow: 3px 3px 8px 0px rgb(0,0,0, 0.1);display: inline-block */}

.ani_1{ animation-name:fadeInRight; animation-duration:0.6s; animation-iteration-count:1;
		animation-direction:altemate; animation-timing-function:linear;
		  -webkit-animation-name: fadeInRight;display: inline-block}

.chk_step{padding: 15px 0;/*border-bottom: 1px dashed #fff;*/ }
 
.chk_step_line{ border-top: 1px dashed #fff; }
.chk_step span{ background: #6d6f82;border-radius: 50px; margin-right: 30px;padding: 7px 20px;min-width: 70px;text-align: center;display: inline-block;color: #fff;font-weight: 500}
.chk_step a{cursor:pointer;  border-radius: 50px; padding: 7px 20px; text-align:left;display: inline-block;color: #000;font-weight: 500}
.chk_step a:active{ background: #3e61d7;  color: #fff; }
.chk_step a.on{cursor:pointer;  border-radius: 50px; padding: 7px 20px; text-align:left;display: inline-block; font-weight: 500;background: #3e61d7;  color: #fff;}
.chk_step a:hover{ background: #3e61d7;  color: #fff; }

@media all and (max-width:1080px) {
.sub_title_box			{padding:0px;background: none;/*position:relative;width: 100%; padding:3px;margin-bottom: 50px;background: #e3e3e3; border-radius: 30px; box-sizing: border-box; display: inline-block;overflow: hidden*/overflow:inherit}
.sub_title			{  padding:10px 20px; text-align: center;/* color: #333;font-weight: 400; min-height: 155px;box-sizing: border-box;background: #fff; border-radius: 30px;*/display: inline-block;}
.sub_title div.img			{width: 100%;margin-left: 0px; /*height: 95px;background: #ebebeb;border-radius: 50px;float: left*/ }
.sub_title div.img span.icon_01			{ background:url(/img/data/icon_01.png) no-repeat center #ebebeb;border-radius: 50px; width: 95px;height: 95px;display: inline-block;}
.sub_title div.txt			{width: 100%; float: left;margin-top: 7px}
.sub_title div.txt span.tt			{ font-size: 21px;}
.sub_title div.txt span.tt2			{ font-size: 21px;}
.sub_title div.txt span.st			{  font-size: 16px; }
.sub_title_box:before	{ display: none}
.sub_title_box:after	{ display: none }

}
@media all and (max-width:880px) {
.sub_title_box2{/*width: 100%;margin: 0px 0 30px; border-radius: 30px;*/padding: 30px 40px;/*box-sizing: border-box;background: #ebeffb ;box-shadow: 0px 5px 8px 3px rgb(0,0,0, 0.1);*/ text-align: center;}
	.chk_step{text-align: center;width: 100%; /*position: relative;margin: 0 auto*/}
	.chk_step span{  display: block;/*display: grid;justify-content: space-around;*/width: 90px;margin-bottom: 10px }

}
/*-----------------------------------------------------------------------------------------------------------
시설찾기
-----------------------------------------------------------------------------------------------------------*/
.map_box{position:relative;width: 90%; padding:50px 5%;display: inline-block; border-radius: 30px;background: #f1f4fc; overflow: hidden }
.map_box:before	{ position:absolute; content:''; background:#dae1f5;/*border: 1px solid #ddd;*/width:38%;height:503px; top:0px; right:0px;z-index: -1px;border-radius:0 30px 30px 0; }
.mapTotal{position:relative;text-align: left;margin-top:  0px }
 
.main_map_from2		{ position:absolute; width:30%;right:0;top:30px;/*background: #5977dd; */ border-radius: 30px;}
.main_map_from2 ul li{float: left;width: 49%;margin-right: 2%;box-sizing: border-box;margin-bottom: 5px }
.main_map_from2 ul li:nth-child(2){margin-right:0%}
.main_map_from2 ul li:last-child{ width: 100%;margin-right:0%}
.main_map_from2 ul li select{ width: 100%; height: 65px ;border-radius: 10px;box-sizing: border-box;border: 1px solid #cecece;font-size:18px;font-weight: 400!important;  color:#888!important;}
input.facilities_input{width: 100%;height: 65px ;border: 1px solid #cecece;border-radius: 10px;font-size:18px;font-weight: 400!important;  color:#888!important;box-sizing: border-box}
 

.btn_map {
    display: inline-block;width: 100%;height: 77px; line-height: 77px; margin-top: 10px;
    border: 1px solid #5977dd;
    background: #5977dd;
     font-size: 24px;font-weight:500;
    border-radius:20px; color: #fff; 
    vertical-align: middle;}

a.btn_map,
input.btn_map,
button.btn_map {color: #fff;}

a:hover.btn_map,
input:hover.btn_map,
button:hover.btn_map {
    color: #fff;
    border: 1px solid #eb8954;
    background: #eb8954;}


.menuMap{position:absolute;top:110px;right:40%;width:24%;  }
.menuMap ul li.btn1 {   background:#5977dd;border-radius: 10px;  }
.menuMap ul li.btn1 a{ line-height:55px;text-align: center; border:1px solid #5977dd;transition:all 0.3s ease;background:#5977dd; color:#fff;border-radius: 10px; }
 
.menuMap ul li{float:left;margin-bottom:8px; margin-right: 2%; width:48%; font-size: 18px;font-weight:400; }
.menuMap ul li a{display:block;line-height:55px;text-align: center;background:#fff;border:1px solid #9dcdf5;transition:all 0.3s ease;border-radius: 10px; }
.menuMap ul li.on a{color:#fff;background:#5977dd;border:1px solid #5977dd} 
.mapTotal .areaMap{position:relative; float:left; margin-top: 0px;margin-left: 20px; display: inline-block; }
.mapTotal .areaMap .map_area{position:absolute;top: 0px;left:0;z-index:30}
.mapTotal .areaMap .map_on{position:absolute;top: 0;left:0 ;width:100%;height:100%;}
.mapTotal .areaMap .map_on div{opacity:0;position:absolute;top:0;left:0;transition:all 0.3s ease}
.mapTotal .areaMap .map_on div.on{opacity:1}
.mapTotal .menuMap ul li a:hover{color:#fff;background:#5977dd;border:1px solid #5977dd}
.mapTotal .txt{margin-top:10px;text-align:right}
.mapGu{margin-bottom:30px}

@media all and (max-width:1340px){
 
	.menuMap {display: none}
	.map_box:before	{  width:58%;  }
	.main_map_from2		{  width:50%; }
	.mapTotal .areaMap{margin-left: 0px;  }
	/*.map_box{ padding:30px 3%; height: auto}
	.menuMap{display: none}
	
	.mapTotal .areaMap{  margin-top: -50px; }*/
}

@media all and (max-width:980px) {
/*.mapTotal p{ font-size:16px; line-height: 30px }
.mapTotal p span{font-size:19px;  }
.mapTotal p:after{ bottom:-19px;  }	
	
.main_map_from2		{ position: relative;width:30%;left:0;top:40px; }*/
	.map_box{ width:92%; padding:0px 4%;/*background:#5977dd; */display: inline-block;height: auto; padding-bottom:60px;/*display: inline-block; border-radius: 30px;background: #f1f4fc; overflow: hidden */}
	.map_box:before	{display: none}
	.main_map_from2		{position: relative;width:100%;display: inline-block; }
	.mapTotal .areaMap  {display: none}
 	.main_map_from2 ul li select{ height: 45px ;top: 0px; }
	input.facilities_input{ height: 45px ; }
	.btn_map { height: 57px; line-height: 57px; margin-top: 10px;}
 

} 

@media all and (max-width:790px) {
	
	/*.mapTotal .areaMap  {display: none}*/
/*	.map_box{ padding-bottom: 80px}*/

 	.main_map_from2		{ width:100%; }
	.main_map_from2 li input{   width:99.5%;}
} 

@media all and (max-width:500px) {

.mapTotal p{ font-size:14px; line-height: 24px }
.mapTotal p span{font-size:16px;  }
 
} 

.map_tb {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #000;
    margin: 10px 0;
    border-left: 0px solid #dfdfdf;
}

.map_tb th,
.map_tb td {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 12px 8px;
    line-height: 160%;
    vertical-align: middle;
	text-align: center;;color: #666
}

.map_tb thead th {
    font-weight: 400;
    background: #5977dd;padding: 10px 8px;font-size: 15px;color: #fff;
}

.map_tb tbody th {
    font-weight: 300; color: #666
}
 

.map_tb thead th:last-child,
.map_tb tbody th:last-child,
.map_tb tbody td:last-child {
    border-right: 0
}
 

.map_tb td {
    background-color: #fff;
    font-weight: 300;
    text-align: center
}
.map_tb td strong {
    font-weight: 400;color: #000
}
.map_tb td:hover strong { color: #5977dd
}
 

@media all and (max-width:780px) {
/*.map_tb th:nth-child(1),
.map_tb td:nth-child(1) {display: none}*/
}

@media all and (max-width:500px) {
/*.map_tb th:nth-child(2),
.map_tb td:nth-child(2) {display: none}*/

}

.s_f_btn {
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
	font-size: 15px;
    background-color: #626262;
    text-align: center;
    color: #ffffff;
    vertical-align: bottom;
    overflow: hidden;
}
.s_f_btn:hover { 
    background-color: #f66d4b; 
}
/*-----------------------------------------------------------------------------------------------------------
시설찾기 상세보기
-----------------------------------------------------------------------------------------------------------*/
 

	.schView{position:relative; width: 100%;box-sizing: border-box;border: 1px solid #dfdfdf;padding: 55px 70px;border-radius: 30px;margin-bottom: 60px;display: inline-block;border-top:2px solid #333; }
		.schView .head{padding:5px 0px 20px; }
		.schView .head .tit{font-size:30px; color:#000;  font-weight:500; text-align:left}
		.schView .head .txt{color:#777; margin-top:10px; text-align:left} 

		.schView .st	{font-size:17px; color:#000;font-weight:400; line-height: 25px;}
		.schView .st span	{position: relative;font-size:18px; color:#3e61d7;padding-right: 12px;padding-left: 17px;font-weight: 400;}
		.schView .st span:after{position: absolute;content:'';top:11px;left:0%; width:5px;height:5px;background: #000; }	
		.schView .view	{padding:10px 0; line-height:180%; clear:both}
		.schView .view .viewImg{width:100%;}
		.schView .view > h3.view_tt	{ text-align:center; padding:10px 0; background:#266bca; color:#fff; font-size:18px;}
		.schView .view > h4.view_h4		{ font-size:20px; color:#000}
		.schView .view > h4.view_h4 i	{ font-size:24px; color:#266bca}
 

		.schView_list {position: relative;width: 100%;display: inline-block;border: 1px solid #dfdfdf;box-sizing: border-box;border-top: 0px;padding: 60px;margin-bottom: 50px}
		.schView_list ul.view	{float: left;width: 100%;display: inline-block;padding:10px 0; line-height:180%; clear:both}
@media all and (max-width:1280px) {
 .schView{ padding: 35px 50px;  }
.schView_list { padding:30px 5%;margin-bottom: 30px}
}

@media all and (max-width:980px) {
 .schView{ padding: 25px 30px;border-radius: 15px;margin-bottom: 30px; }
.schView_list #map { width: 100%;box-sizing: border-box}
}

/*-----------------------------------------------------------------------------------------------------------
복지서비스 상세보기
-----------------------------------------------------------------------------------------------------------*/
	.schView2{position:relative; width: 100%;box-sizing: border-box;background: #eff2fa; padding: 55px 70px;border-radius: 30px;margin-bottom: 60px;display: inline-block; }
		.schView2 .head{padding:5px 0px 20px; }
		.schView2 .head .tit{font-size:30px; color:#000;  font-weight:500; text-align:center}
		.schView2 .head .txt{color:#777; margin-top:10px; text-align:center}

.btnWrap.type1 {display:flex; gap:20px; justify-content:center; align-items:center;  margin:0px auto;margin-bottom:50px; width:30%; }
.btnWrap.type1 a {display:flex;/* gap:20px; */ align-items:center; justify-content:center; padding:15px 20px 15px 20px; border-radius:10px; background:#eff2fa; color:#000; font-size:24px; font-weight:500; line-height:1; /*transform:var(--textRotate);*/ width:50%; white-space:nowrap;}
.btnWrap.type1 a:hover {background:#3e61d7;color: #fff }
.btnWrap.type1 a span {display:block; width:40px; aspect-ratio:1/1;/* border-radius:50%; */padding:0px;background: url(/img/facilities/ic_02.png)no-repeat center  ;  display: inline-block;margin-right: 10px }
.btnWrap.type1 a:hover span { background: url(/img/facilities/ic_03.png)no-repeat center  ;  }
.bokji1				{position: relative;float:left;   width: 100%;margin-right: 32px;background:#ebeffb;border-radius: 40px; ;padding: 35px 35px;box-sizing: border-box}
.stbox1 button{float:left;  display: inline-block;  width:19%;height:66px;  border:1px solid #ddd;border-radius: 15px;background:#fff;margin: 3px 0% 3px 1%;text-align: left;padding: 8px;box-sizing: border-box;vertical-align: top }

		.stbox1 button span{  float:left; display: inline-block;margin-left: 15px;height:50px;}
		.stbox1 button span.icon1{ background:url(/img/main/bs_icon_01.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px;   }
		.stbox1 button span.icon2{ background:url(/img/main/bs_icon_02.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px;   }
		.stbox1 button span.icon3{ background:url(/img/main/bs_icon_03.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px;   }
		.stbox1 button span.icon4{ background:url(/img/main/bs_icon_04.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px }
		.stbox1 button span.icon5{ background:url(/img/main/bs_icon_05.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px;    }	
		.stbox1 button span.icon6{ background:url(/img/main/bs_icon_06.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px  }
		.stbox1 button span.icon7{ background:url(/img/main/bs_icon_07.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px;   }
		.stbox1 button span.icon8{ background:url(/img/main/bs_icon_08.png) no-repeat center 50% #efefef;border-radius: 50px;width:50px;   } 
 
		.stbox1 button span.txt{ float:left; font-size: 18px!important;line-height: 50px!important; font-weight: 400; color: #000; }

		.stbox1 button:hover{ background:#5977dd;  box-shadow: 3px 3px 5px 0px rgb(0,0,0, 0.1)   }
		.stbox1 button:hover span.icon1{ background:url(/img/main/bs_icon_01.png) no-repeat center 50% #fff; }
		.stbox1 button:hover span.icon2{ background:url(/img/main/bs_icon_02.png) no-repeat center 50% #fff; }
		.stbox1 button:hover span.icon3{ background:url(/img/main/bs_icon_03.png) no-repeat center 50% #fff; }
		.stbox1 button:hover span.icon4{ background:url(/img/main/bs_icon_04.png) no-repeat center 50% #fff; }
		.stbox1 button:hover span.icon5{ background:url(/img/main/bs_icon_05.png) no-repeat center 50% #fff; }	
		.stbox1 button:hover span.icon6{ background:url(/img/main/bs_icon_06.png) no-repeat center 50% #fff; }
		.stbox1 button:hover span.icon7{ background:url(/img/main/bs_icon_07.png) no-repeat center 50% #fff; }
		.stbox1 button:hover span.icon8{ background:url(/img/main/bs_icon_08.png) no-repeat center 50% #fff; } 
 
		.stbox1 button:hover span.txt{  font-size: 18px!important;line-height: 50px!important;font-weight: 400; color: #fff; }

		.stbox1 button.on{ background:#5977dd;  box-shadow: 3px 3px 5px 0px rgb(0,0,0, 0.1)   }
		.stbox1 button.on span.icon1{ background:url(/img/main/bs_icon_01.png) no-repeat center 50% #fff; }
		.stbox1 button.on span.icon2{ background:url(/img/main/bs_icon_02.png) no-repeat center 50% #fff; }
		.stbox1 button.on span.icon3{ background:url(/img/main/bs_icon_03.png) no-repeat center 50% #fff; }
		.stbox1 button.on span.icon4{ background:url(/img/main/bs_icon_04.png) no-repeat center 50% #fff; }
		.stbox1 button.on span.icon5{ background:url(/img/main/bs_icon_05.png) no-repeat center 50% #fff; }	
		.stbox1 button.on span.icon6{ background:url(/img/main/bs_icon_06.png) no-repeat center 50% #fff; }
		.stbox1 button.on span.icon7{ background:url(/img/main/bs_icon_07.png) no-repeat center 50% #fff; }
		.stbox1 button.on span.icon8{ background:url(/img/main/bs_icon_08.png) no-repeat center 50% #fff; } 
 
		.stbox1 button.on span.txt{  font-size: 18px!important;line-height: 50px!important;font-weight: 400; color: #fff; }

.bokji_more{width: 19%;float: left;height:140px;  border:1px solid #ddd;border-radius: 15px;background:#fff;margin: 3px 0.5%;text-align: center;padding: 8px;box-sizing: border-box;display: grid;align-content: center;justify-items: center;font-size: 19px!important;line-height: 50px!important;font-weight: 400;color: #000}
.bokji_more span.icon{position: relative;display: block;background:url(/img/main/bs_icon_15.png) no-repeat center #3e61d7;width:50px;height: 50px;margin-top: 8px; border-radius:50%;box-sizing: border-box;}
.bokji_more span.icon_0{position: relative;display: block;background:url(/img/main/bs_icon_14.png) no-repeat center #3e61d7;width:50px;height: 50px;margin-top: 8px; border-radius:50%;box-sizing: border-box;}

.bokji_more:hover{ background:#3e61d7; color: #fff}
.bokji_more:hover span.icon{  background:url(/img/main/bs_icon_01.png) no-repeat center #fff; }
.bokji_more .on:hover{ background:#3e61d7; color: #fff}
.bokji_more .on:hover span.icon{  background:url(/img/main/bs_icon_01.png) no-repeat center #fff; }


@media all and (max-width:1200px) { 
	.stbox1 button{ width:20.25%;letter-spacing: -1px; padding: 8px 3px;font-size: 18px!important;}
	.stbox1 button span{  margin-left: 5px; }
	.bokji_more{width: 14%;padding: 8px 3px;font-size: 18px!important;   }
}
@media all and (max-width:980px) {
	.stbox1 button{ width:24%;  }
	.stbox1 button span{  margin-left: 5px; }	
 	.bokji_more{width:100%;padding: 8px 3px 8px 73px;height:auto;display:inline-block;/*line-height: 50px!important;*/}
/*	.bokji_more span.icon{ display:inline-block;background:url(/img/main/bs_icon_01.png) no-repeat left center #3e61d7;margin-right: 10px }*/
}
@media all and (max-width:860px) {
	.stbox1 button{ width:49%;  }
	.stbox1 button span{  margin-left: 15px; }	
 	.bokji_more{width:100%;padding: 8px ;height:auto;display:inline-block; } 
}
@media all and (max-width:510px) {
	.stbox1 button{ width:99%;  } 
	.btnWrap.type1 a {  width:80%;  }
}


	.sub_bokji_tt li{padding:20px;border:2px solid #ff9307; border-radius:12px; background:#fbf8f3}
		.sub_bokji_tt li dl{position:relative;padding-left:150px;min-height:95px}
		.sub_bokji_tt li dl.bg01{background:url('/image/sub/notice_icon.png') no-repeat 15px 0 }
		.sub_bokji_tt li dl dt{margin-bottom:15px;font-size:22px;color:#333;font-weight:bold; padding-top:17px}
		.sub_bokji_tt li dl dt span.txt1{ color:#F00}
		.sub_bokji_tt li dl dt span.txt2{ color:#F00; font-size:25px}
		.sub_bokji_tt li dl dd	{font-size:16px}
	
	.sub_bokji_sch1			{width: 100%; border:1px solid #428bca; background:#f5f5f5;/* min-height:55px;*/ padding: 20px 20px 27px;border-radius: 10px;margin-bottom: 20px;display: inline-block;box-sizing: border-box}	
	.sub_sch_from				{ padding:10px 0 0 23px;  }
		.sub_sch_from select.select,
		.sub_sch_from select.select{ width:32.3%; font-size:18px; color:#000; padding:10px;border-radius: 5px;}
		.sub_sch_from label + select.select{margin-left:12px;}
	@media all and (max-width:980px) {
			.sub_sch_from				{ padding:10px 0 0 20px;  }
.sub_sch_from select.select,
		.sub_sch_from select.select{ width:30.3%;    }
}		
	@media all and (max-width:560px) {
			.sub_sch_from				{ padding:10px 0 0 20px;  }
.sub_sch_from select.select,
		.sub_sch_from select.select{ width:95%;  padding:10px 1%;margin-bottom: 3px; }
}
/*	.sub_bokji_sch2			{ border:1px solid #428bca; background:#fff; clear:both; height:344px; margin-top:10px}
		.depth2Box2 ul li		{ float:left; width:16.5%; height:139px; border-right:1px solid #ddd;border-top:1px solid #ddd; text-align:center}
		.depth2Box2 ul li.end	{ float:left; width:16.9%; height:139px; border-right:none;border-top:1px solid #ddd; text-align:center}
			.depth2Box2 ul li img	{ border:3px solid #16588c;  border-radius:50%; text-align:center; margin-top:13px; background:#fff}
			.depth2Box2 ul li p		{ clear:both; padding:10px 0; font-size:18px}
			.depth2Box2 li.on		{ float:left; width:16.5%; height:139px; border-right:1px solid #ddd;border-top:1px solid #ddd; text-align:center; 
									background:#16588c}
			.depth2Box2 li.on p		{ color:#FFF}*/
			
	.sub_bokji_sch3			{ /*border:1px solid #428bca; background:#fff;*/ clear:both; height:250px; margin-top:10px;background:#f1eefd;border-radius: 40px; ;padding: 35px 35px;box-sizing: border-box}
		.depth1Box2 ul li		{ float:left; width:20%; height:180px; border-right:1px solid #ddd;text-align:center;box-sizing: border-box}
		.depth1Box2 ul li:last-child		{   border-right:0px solid #ddd; }

			.depth1Box2 ul li.type0 a ,
			.depth1Box2 ul li.type1 a,
			.depth1Box2 ul li.type2 a,
			.depth1Box2 ul li.type3 a,
			.depth1Box2 ul li.type4 a{width: 170px ;height: 170px;border-radius: 50%;background: #fff;display: inline-block;overflow: hidden;border:1px solid #ddd;box-sizing: border-box}
		/*.depth1Box2 ul li.end	{ float:left; width:20%;box-sizing: border-box}*/
			.depth1Box2 ul li.type0 img,
			.depth1Box2 ul li.type1 img,
			.depth1Box2 ul li.type2 img,
			.depth1Box2 ul li.type3 img,
			.depth1Box2 ul li.type4 img,
			.depth1Box2 ul li.type0_on img,
			.depth1Box2 ul li.type1_on img,
			.depth1Box2 ul li.type2_on img,
			.depth1Box2 ul li.type3_on img,
			.depth1Box2 ul li.type4_on img{  width: 69px;height: 69px; text-align:center; margin-top:13px;  }
	/*		.depth1Box2 ul li.type0 img{border:3px solid #f9cd1d;}
			.depth1Box2 ul li.type1 img{border:3px solid #ff9a38;}
			.depth1Box2 ul li.type2 img{border:3px solid #7db930;}
			.depth1Box2 ul li.type3 img{border:3px solid #5b80e7;}
			.depth1Box2 ul li.type4 img{border:3px solid #c06cbf;}*/
			
			.depth1Box2 ul li p		{width: 100%; clear:both; margin:-5px 0 0; font-size:18px;  color:#000;font-weight: 400}
			.depth1Box2 ul li p span.btn0	{width: 100%; padding:10px 0px 25px;/* background:#f9cd1d;*/height: 60px; display: inline-block; display:grid;align-content: center ;}
			.depth1Box2 ul li p span.btn1	{width: 100%; padding:10px 0px 25px; /*background:#ff9a38;*/height: 60px; display: inline-block;}
			.depth1Box2 ul li p span.btn2	{width: 100%; padding:10px 0px 25px; /*background:#7db930;*/height: 60px; display: inline-block;}
			.depth1Box2 ul li p span.btn3	{width: 100%; padding:10px 0px 25px; /*background:#5b80e7;*/height: 60px; display: inline-block;}
			.depth1Box2 ul li p span.btn4	{width: 100%; padding:10px 0px 25px;/* background:#c06cbf;*/height: 60px; display: inline-block;}	

			/*.depth1Box2 li.type0_on a,
			.depth1Box2 li.type1_on a,
			.depth1Box2 li.type2_on a,
			.depth1Box2 li.type3_on a,
			.depth1Box2 li.type4_on	{ float:left; width:24.89%; height:159px; border-right:1px solid #ddd;text-align:center;}*/
 
			.depth1Box2 li.type0 a:hover	{/*background:#f9cd1d;*/border:1px solid #5977dd;}
			.depth1Box2 li.type1 a:hover	{/*background:#ff9a38;*/border:1px solid #5977dd;}
			.depth1Box2 li.type2 a:hover	{/*background:#7db930;*/border:1px solid #5977dd;}
			.depth1Box2 li.type3 a:hover	{/*background:#5b80e7;*/border:1px solid #5977dd;}
			.depth1Box2 li.type4 a:hover	{/*background:#c06cbf;*/border:1px solid #5977dd;/*border-radius:  0%;*/}
			.depth1Box2 li.type0 a.on	{/*background:#f9cd1d;border:3px solid #f9cd1d;*/background: #5977dd;border:3px solid #5977dd;color:#fff;}
			.depth1Box2 li.type1 a.on	{/*background:#ff9a38;border:3px solid #ff9a38;*/background: #5977dd;border:3px solid #5977dd;}
			.depth1Box2 li.type2 a.on	{/*background:#7db930;border:3px solid #7db930;*/background: #5977dd;border:3px solid #5977dd;}
			.depth1Box2 li.type3 a.on	{/*background:#5b80e7;border:3px solid #5b80e7;*/background: #5977dd;border:3px solid #5977dd;}
			.depth1Box2 li.type4 a.on	{/*background:#c06cbf;border:3px solid #c06cbf;*/background: #5977dd;border:3px solid #5977dd;/*border-radius:  0%;*/}

			.depth1Box2 ul li a.on p {color: #fff;  }
			/*.depth1Box2 ul li.type0 a.on p span.btn0	{width: 100%; padding:10px 0px 25px; background:#fff;color: #000; height: 60px; display: inline-block;display:grid;align-content: center ;}
			.depth1Box2 ul li.type0 a.on p span.btn1	{width: 100%; padding:10px 0px 25px; background:#fff;color: #000;height: 60px; display: inline-block;}
			.depth1Box2 ul li.type0 a.on p span.btn2	{ width: 100%;padding:10px 0px 25px; background:#fff;color: #000;height: 60px; display: inline-block;}
			.depth1Box2 ul li.type0 a.on p span.btn3	{width: 100%; padding:10px 0px 25px; background:#fff;color: #000;height: 60px; display: inline-block;}
			.depth1Box2 ul li.type0 a.on p span.btn4	{ width: 100%;padding:10px 0px 25px; background:#fff;color: #000;height: 60px; display: inline-block;}	*/
		


@media all and (max-width:1080px) { 
    .depth1Box2 ul li		{  border-right:0px solid #ddd; }
	.depth1Box2 ul li.type0 a ,
	.depth1Box2 ul li.type1 a,
	.depth1Box2 ul li.type2 a,
	.depth1Box2 ul li.type3 a,
	.depth1Box2 ul li.type4 a{width: 98% ;height: auto;border-radius: 15px;/*;background: #fff;display: inline-block;overflow: hidden;border:1px solid #ddd;box-sizing: border-box*/}
}
 
@media all and (max-width:700px) {
	.sub_bokji_sch3			{   height:auto; display: inline-block;/*margin-top:10px;background:#f1eefd;border-radius: 40px; ;padding: 35px 25px;box-sizing: border-box*/}
    .depth1Box2 ul li		{  width:50%; height: auto;  }
	.depth1Box2 ul li.type0 a ,
	.depth1Box2 ul li.type1 a,
	.depth1Box2 ul li.type2 a,
	.depth1Box2 ul li.type3 a,
	.depth1Box2 ul li.type4 a{width: 98% ;height: auto;border-radius: 15px; }	 
	    .depth1Box2 ul li br		{ display: none}
	
		.depth1Box2 ul li p span.btn0,
			.depth1Box2 ul li p span.btn1,
			.depth1Box2 ul li p span.btn2,
			.depth1Box2 ul li p span.btn3,
			.depth1Box2 ul li p span.btn4	{ height: auto;padding:10px 0px 15px;  }	
}
@media all and (max-width:510px) {
	
 	.depth1Box2 ul li.type0 img,
			.depth1Box2 ul li.type1 img,
			.depth1Box2 ul li.type2 img,
			.depth1Box2 ul li.type3 img,
			.depth1Box2 ul li.type4 img,
			.depth1Box2 ul li.type0_on img,
			.depth1Box2 ul li.type1_on img,
			.depth1Box2 ul li.type2_on img,
			.depth1Box2 ul li.type3_on img,
			.depth1Box2 ul li.type4_on img{ width: 39px;height: 39px; }
	  .depth1Box2 ul li:nth-child(3) br,.depth1Box2 ul li:nth-child(4) br { display: block}
 
		.depth1Box2 ul li p		{ letter-spacing: -1px;font-size: 16px}
}




		.btnAll			{ width:100%; clear:both; background:#f5f5f5; text-align:center; height:45px; padding-top:20px  }
		a span.btnAll_btn	{text-align:center; color:#fff; font-size:22px; font-weight:bold; border-radius:50px; background:#16588c; padding:10px 30px;}
		a span.btnAll_btn i	{ color:#fff}
		
		a:hover span.btnAll_btn		{ background:#266bca; color:#fff;}
		a:hover span.btnAll_btn i	{ color:#fff}
		
		a span.btnAll_btn2	{text-align:center; color:#fff; font-size:22px; font-weight:bold; border-radius:50px; background:#ff6600; padding:10px 30px;}
		a span.btnAll_btn2 i	{ color:#fff}
		
		a:hover span.btnAll_btn2		{ background:#ff9600; color:#fff;}
		a:hover span.btnAll_btn2 i	{ color:#fff}
		
		.bokji_list_tt	{ min-height:50px; border-bottom:2px solid #266bca; margin-top:15px; width:100%; clear:both;display: inline-block;box-sizing: border-box}
		.bokji_list_tt1	{ float:left;margin-top:10px;}
		.bokji_list_tt2	{ float:right;margin-bottom: 10px; }
		a.btn_ls_img i,a.btn_ls_txt i		{ font-size:35px; color:#888}
		a:hover.btn_ls_img i,a:hover.btn_ls_txt i	{ font-size:35px; color:#266bca}
		
		a.btn_ls_img_ov i,a.btn_ls_txt_ov i		{ font-size:35px; color:#266bca}		
		a.btn_ls_img span,a.btn_ls_txt span,a.btn_ls_img_ov span,a.btn_ls_txt_ov span	{ font-size:0;}
		
		.bokji_list_stt	{ width: 100%; min-height:40px;padding: 10px 0; border-bottom:1px solid #ddd; width:100%; clear:both;display: inline-block;box-sizing: border-box}
		
	.bokji_list1		{ clear:both; }
	.bokji_list1 > h3	{ font-size:30px; color:#000; margin:40px 0 20px 0;font-weight:600}
		.list_box		{ /*border:1px solid #c5c5c5;*/ position:relative; clear:both; margin-top:15px; }
		.list_box > h4	{ padding-left:30px; height:59px; line-height:59px; background:#f5f5f5; font-size:22px; color:#333}
		.list_box > h4._ov	{ padding-left:30px; height:59px; line-height:59px; background:#fff; font-size:22px; color:#266bca}
		.bokji_more_open	{ position:absolute; top:0; right:0; width:67px; height:59px; font-size:0; background:url(/img/service/icon_open.png) no-repeat;display: none}
		.bokji_more_close	{ position:absolute; top:0; right:0; width:67px; height:59px; font-size:0; background:url(/img/service/icon_close.png) no-repeat;display: none}
		
		.bokji_table_list{width:100%; border-collapse:collapse;	border-spacing:0;/*// border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;*/ border:1px solid #c5c5c5; border-radius: 20px;padding: 40px;box-sizing: border-box}
		.list_sub		{ clear:both; padding:10px 40px; border-top:none}
		.list_sub a li 	{ width:100%;/* margin-left:0.3%; margin-bottom:7px;*/ float:left; padding:30px 5px; min-height:35px;border-bottom:1px solid #ddd;/* border:1px solid #ddd; border-radius: 10px; *//*background:url(/img/service/icon_aw.png) no-repeat 97% 19px;*/box-sizing: border-box}
		.list_sub a li:last-child 	{  border-bottom:0px solid #ddd; }
		.list_sub a li span.tt 	{ display: block;position: relative;width: 100%;font-size: 28px;letter-spacing: -1px;line-height:36px; color: #000;font-weight: 600;height: 42px;padding-top: 5px; padding-bottom: 15px }
		.list_sub a li span.st 	{ display: block;position: relative;width: 100%;font-size: 15px;line-height:20px;  color: #000;font-weight: 400; padding-bottom: 15px }
		.list_sub a:hover li span.tt  	{ /*background:url(/img/service/icon_aw.png) no-repeat 95% 20px #f5f5f5;*//*border:1px solid #266bca;*/color: #266bca;}
		
	.bokji_list2	{ clear:both;}
	.bokji_list2 li	{ width:32.8%; margin-left:0.5%; margin-bottom:1%; float:left; position:relative }
			div.img_box	{min-height:160px; text-align:center; border:1px solid #ddd; border-radius:10px;}
			div.img_box p.tt	{ padding-top:40px; font-weight:600; font-size:22px; letter-spacing:-.5px; color:#000}
			div.img_box p.icon_class		{ position:absolute; bottom:30px; width:100%; text-align:center}
			div.img_box p.icon_class span.type1	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#04afb5;vertical-align:2px}
			div.img_box p.icon_class span.type2	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#63aef3;vertical-align:2px}
			div.img_box p.icon_class span.type3	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#54c436;vertical-align:2px}
			div.img_box p.icon_class span.type4	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#91c13d;vertical-align:2px}
			div.img_box p.icon_class span.type5	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#ffc200;vertical-align:2px}
			div.img_box p.icon_class span.type6	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#f85454;vertical-align:2px}
			div.img_box p.icon_class span.type7	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#f69e2c;vertical-align:2px}
			div.img_box p.icon_class span.type8	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#41c0e4;vertical-align:2px}
			div.img_box p.icon_class span.type9	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#ffc200;vertical-align:2px}
			div.img_box p.icon_class span.type10	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#a57de1;vertical-align:2px}
			div.img_box p.icon_class span.type11	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#e9add9;vertical-align:2px}
			div.img_box p.icon_class span.type12	{display:inline-block; height:19px;padding:0 15px;font-size:13px;line-height:17px;font-weight:bold; color:#fff;background:#65c6a9;vertical-align:2px}
			div.img_box p.stt	{ display:none}
			.bokji_list2 li a:hover div.img_box{ border:1px solid #266bca; background:#266bca}
			.bokji_list2 li a:hover div.img_box p.tt,.bokji_list2 li a:hover div.img_box p.icon_class	{ display:none}
			.bokji_list2 li a:hover div.img_box p.stt	{ display:block; padding:20px 10px 0 10px; color:#999; font-size:14px; color:#fff; line-height:140%}
		
	.bokji_list3	{ clear:both;}
	.bokji_list3 li	{ padding:20px 0; border-bottom:1px solid #ddd;}
			div.txt_box	{}
			div.txt_box p.tt	{ font-weight:600; font-size:22px; letter-spacing:-1px; color:#000}
			div.txt_box p.stt	{ padding:5px 0; color:#999; font-size:13px; letter-spacing:-1px; clear:both}
			.bokji_list3 li a:hover div.txt_box p.tt	{ color:#266bca}
	
	.sch_best	{ margin:20px;}
	.sch_best > h3 .sch_service > h3	{ color:#000; font-size:18px;}
	.sch_service		{ margin:20px; border-top:1px solid #ddd; padding-top:20px}
		dl.sch_r_list		{ clear:both; padding-top:10px;}
		dl.sch_r_list dt	{ width:10%; float:left; height:25px}
		dl.sch_r_list dt span	{ padding:2px 5px; background:#F60; color:#fff; font-size:13px;border-radius: 3px; }
		dl.sch_r_list dd	{ float:left; width:80%; padding-left:0.5%; height:25px}
		span.mon	{ background:#66cc33; padding:2px 4px; font-size:16px; color:#fff;border-radius: 3px; }
		span.week	{ background:#3399ff; padding:2px 4px; font-size:16px; color:#fff;border-radius: 3px; }
	
		
		
	/* 나를 위한 복지서비스 찾기-상세페이지 */
/*	.schView{position:relative; border-top:2px solid #333; border-bottom:1px solid #bdbdbd}
		.schView .head{padding:18px 20px; border-bottom:1px solid #bdbdbd}
		.schView .head .tit{font-size:28px; color:#333; font-family:'NanumSquareB'; font-weight:normal; text-align:center}
		.schView .head .txt{color:#777; margin-top:10px; text-align:center}
		.schView .head .txt .bar{color:#ddd; margin:0 6px}
		.schView .view	{padding:10px 0; line-height:180%; clear:both}
		.schView .view .viewImg{width:100%;}
		.schView .file		{ border-top:1px solid #eee; padding:15px 20px; font-size:13px; height:20px}
		.schView .file:after{content:""; display:block;clear:both;}
		.schView .file span.kakao	{padding:2px 5px;border-radius:5px; 
		background:url(/image/board/ico_kakao_p.png) no-repeat 5px 2px #ffe100; padding-left:25px}
		.schView .file .bar{color:#ddd; margin:0 6px}
		.schView .view > h3.view_tt	{ text-align:center; padding:10px 0; background:#266bca; color:#fff; font-size:18px;}
		.schView .view > h4.view_h4		{ font-size:20px; color:#000}
		.schView .view > h4.view_h4 i	{ font-size:24px; color:#266bca}
		.schView .view .table	{border-collapse: collapse; width:100%; margin:0px; border-top:2px solid #000;}
		.schView .view .table td{ padding:14px 8px;  border-bottom:1px solid #ddd;}*/
		
 
 
	/* 복지서비스 검색 */
	div.search_sch			{ clear:both; width:680px; border:3px solid #136fc5; background:#fff; margin:40px auto 0 auto;}
		div.search_sch select		{ float:left;}
		div.search_sch fieldset .tf_keyword		{ float:left; width:420px; height:53px; border:none; margin-left:10px; font-size:18px; color:#333 }	
		div.search_sch fieldset .btn_search		{ float:right;  width:60px; height:63px;border:3px solid #136fc5; color:#fff; font-size:28px; text-align:center; background:#136fc5}	
	/* 복지서비스 검색 231201 상세검색추가 */
	div.search_sch2			{position: relative;clear:both; width:680px; border:3px solid #136fc5; background:#fff; margin:40px auto 0 auto;padding-right: 150px}
		div.search_sch2 select		{ float:left;}
		div.search_sch2 fieldset .tf_keyword		{ float:left; width:400px; height:53px; border:none; margin-left:10px; font-size:18px; color:#333 }	
		div.search_sch2 fieldset .btn_search		{ float:right;  width:80px; height:63px;border:3px solid #136fc5; color:#fff; font-size:28px; text-align:center; background:#136fc5}	
		div.search_sch2 fieldset .btn_search2		{ position: absolute;right: -3px ;top:-3px; content: "";  width:153px; height:69px;padding-right: 40px; border-left:3px solid #fff; color:#fff; font-size:19px;line-height: 69px; text-align:center;border-left: 5px solid #fff;background:#1f69a7;background: url(/img/service/btn_btm.png)no-repeat 90% 50% #1f69a7;display: inline-block}	
		
.bokji_list_w{position: relative;width:94%;clear:both;float: left;margin-top: 20px; margin-bottom: 50px;box-sizing: border-box;margin: 0 3%;} 
.bokji_list_w a{ width: 23%;margin: 20px 2.66% 20px 0%; float: left;cursor: pointer;} 

.bokji_list_w a:nth-child(4n){margin: 20px 0% 20px 0%; }
.bokji_list_box{ width: 100%;box-sizing: border-box;padding:30px;border: solid 1px #ddd;border-radius: 20px  }
.bokji_list_box li{position: relative;width: 100%;}
.bokji_list_box li.tt{position: relative;width: 100%;font-size: 28px;letter-spacing: -1px;line-height:36px; color: #000;font-weight: 600;height: 72px;padding-top: 5px; padding-bottom: 15px}
.bokji_list_box li.st{position: relative;width: 100%;font-size: 15px;line-height:20px;height:120px; color: #000;font-weight: 400}
.bokji_list_box li span.point{  padding: 4px 10px;border: 1px solid #136fc5;border-radius: 30px;margin-right: 5px;margin-bottom: 10px;font-size: 16px;font-weight: 400;color: #136fc5;display: inline-block;margin-bottom: 10px}
.bokji_list_box li span.btn{ padding: 5px 10px;background: #136fc5;border-radius: 5px;color: #fff;font-size: 16px; }

.bokji_list_box:hover{ border: solid 1px #136fc5; box-shadow: 3px 3px 5px 0px rgb(0,0,0, 0.1)  }


/* paging */
.paging_one {
    display: inline-block;
    vertical-align: middle;
    padding: 25px 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.paging_one a {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    padding:6px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #333;
    letter-spacing: -1px;
    line-height: 30px;
    text-align: center;
    border: #fff solid 1px;
    background: #fff;
	border-radius: 50%;
}

.paging_one a:hover {
    color: #be1e2d;
}

.paging_one a.on {
    color: #be1e2d;
    border: #222 solid 1px;
    background: #fff;
}

.paging_one a.focus {
    color: #fff;
    border: #222 solid 1px;
    background: #222;
}

.paging_one a.focus:hover {
    color: #fff;
    border: #be1e2d solid 1px;
    background: #be1e2d;
}


@media all and (max-width:1280px) {

/* .bokji_list_w a{ width: 31.3%;margin: 20px 2.66% 20px 0%;  } 
	.bokji_list_w a:nth-child(4n){margin: 20px 0% 20px 0%; }*/
	
}
@media all and (max-width:980px) {

 .bokji_list_w a{ width: 48%;margin: 20px 4% 20px 0%;  } 
.bokji_list_w a:nth-child(2n){margin: 20px 0% 20px 0%; }
}
@media all and (max-width:580px) {

 .bokji_list_w a{ width: 100%;margin: 20px 0% 20px 0%;  } 
.bokji_list_w a:nth-child(2n){margin: 20px 0% 20px 0%; }
}
/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/

#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
	 margin-bottom:  0px;display: table;
}
 

#tabs li {text-align: center;
    position: relative;  
    transform-origin: center; 
    border: 1px solid #ddd;border-left: 0px solid #ddd;border-bottom: 1px solid #4560da;padding: 20px 0; 
    transition: all 0.6s;
    background: #f6f7fb;
}
#tabs li:first-child { 
    border-left: 1px solid #ddd;
 
}

#tabs li#current,
#tabs li.on {
    background: #fff;border:#4560da;border-top: 2px solid #4560da;border-right: 1px solid #4560da;border-left: 1px solid #4560da; 
}

#tabs li#current a,
#tabs li.on a {
    color: #3e61d7!important;font-size: 19px;font-weight: 500
}
#tabs li:focus#current a,
#tabs l:focus.on a{ outline:2px dashed #fff!important;margin: 3px 10px; z-index: 9999999; cursor: pointer; }
 
#tabs li a {
    color: #000;font-weight: 400;font-size: 17px;
}

/*#tabs li:hover a {
    color: #d70b8c !important;font-weight: 400; 
}*/

/*#tabs li:hover {
    background: #fff;  border-bottom: 1px solid #fff !important;
}*/

#content {
    background: #fff;
    height: auto;
    position: relative;
    z-index: 2;
}
.wd_1{width: 100%;display: table-cell}
.wd_2{width: 50%;display: table-cell}
.wd_3{width: 33.3%;display: table-cell}
.wd_4{width: 25%;display: table-cell}
.wd_5{width: 20%;display: table-cell}
.wd_6{width: 16.6%;display: table-cell}

/* 모바일 해상도 */
@media all and (max-width:980px) {



/*#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
	 margin-bottom:  0px;display: table
}
 */

#tabs li {/*text-align: center;
    position: relative;  
    transform-origin: center; */
    border: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 7px 0; box-sizing: border-box;
   /* transition: all 0.6s;
    background: #f6f7fb;*/
}
/*#tabs li:first-child { 
    border-left: 1px solid #ddd;
 
}*/

#tabs li#current,
#tabs li.on {
    background: #fff; ;border: 1px solid #4560da;
}

#tabs li#current a,
#tabs li.on a {
    color: #3e61d7!important;font-size: 16px;font-weight: 500
}
#tabs li:focus#current a,
#tabs l:focus.on a{ outline:0px dashed #fff!important;margin: 3px 10px; z-index: 9999999; cursor: pointer; }
 
#tabs li a {
    color: #000;font-weight: 400;font-size: 17px;
}
	.wd_3{width: 100%; display: inline-block}
}
 





/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	

/* 모바일 해상도 */	
		/* Force table to not be like tables anymore */
		.no-more-tables table, 
		.no-more-tables thead, 
		.no-more-tables tbody, 
		.no-more-tables th, 
		.no-more-tables td, 
		.no-more-tables tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		.no-more-tables thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	
		.no-more-tables tr { border-top: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf;}
		.no-more-tables th { border-right:none!important;padding:10px 0;}
		.no-more-tables td { width: 100%;
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			/*padding-left: 28%; */
			white-space: normal; padding:10px 0;
			text-align:center; font-weight:400; border-right:none!important;box-sizing: border-box; line-height: 24px  }
		
		.no-more-tables td img {  width: 100%;  }
		.no-more-tables td input {  padding:3px 2px;box-sizing: border-box;   }
		.no-more-tables td.tal  {  text-align: center!important; }
		.no-more-tables td.tac {  text-align: center; }
		.no-more-tables td select {  height: 32px; line-height: 32px; }	
		.no-more-tables td input.w30  {  width: 90% }
		
	/*	.no-more-tables td:before { 
		 
			position: absolute;
			 
			left: 6px;
			width: 20%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: 400;
			border-right: 1px solid #eee;
			color:#000
		}*/
	
		/*
		Label the data
		*/
		/*.no-more-tables td:before { content: attr(data-title); }*/
		
		
		
		.no-more-tables2 table, 
		.no-more-tables2 thead, 
		.no-more-tables2 tbody, 
		.no-more-tables2 th, 
		.no-more-tables2 td, 
		.no-more-tables2 tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		.no-more-tables2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	
		.no-more-tables2 tr { /*border-top: 1px solid #dfdfdf; *//* border-bottom: 1px solid #dfdfdf;*/}
		.no-more-tables2 th { border-right:none;}
		.no-more-tables2 td { 
			/* Behave  like a "row" */
			border: none;
			padding-bottom:10px;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 28%!important; 
			white-space: normal;
			text-align:left; font-weight:300; border-right:none!important;font-size: 15px;letter-spacing: -0.5px;  ;min-height: 34px
			
		}
 		.no-more-tables2 td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */		
			left: 6px;
			width: 20%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: 400;font-size: 14px;
			border-right: 1px solid #eee;letter-spacing: -0.5px; 
			color:#000;min-height: 20px
		}
		.no-more-tables2 td.tal  { 
			text-align: left!important;
			
		}
		/*
		Label the data
		*/
		.no-more-tables2 td:before { content: attr(data-title); }
		
		
		

		.no-more-tables2_2 table, 
		.no-more-tables2_2 thead, 
		.no-more-tables2_2 tbody, 
		.no-more-tables2_2 th, 
		.no-more-tables2_2 td, 
		.no-more-tables2_2 tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		.no-more-tables2_2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	
		.no-more-tables2_2 tr { /*border-top: 1px solid #dfdfdf; *//* border-bottom: 1px solid #dfdfdf;*/border-left: 0px solid #dfdfdf;;}
		.no-more-tables2_2 th { border-right:none;border-left: none ;}
		.no-more-tables2_2 td { 
			/* Behave  like a "row" */
			border: none;
			/*padding-bottom:10px;*/
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 43%!important; 
			white-space: normal; 
			text-align:left!important; font-weight:300; border-right:none!important; border-left:none!important;font-size: 15px!important;letter-spacing: -0.5px;  ;line-height:24px;padding-left: 5px;min-height: 24px;word-break: break-all
			
		}
 		.no-more-tables2_2 td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */		
			left: 6px;
			width: 35%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left!important;
			font-weight: 400;font-size: 14px;
			border-right: 1px solid #eee;letter-spacing: -1px; 
			color:#000;line-height:24px;min-height: 24px
		}
		.no-more-tables2_2 td button  { 
			font-size: 15px!important;text-align:left!important;
			
		}
	 
		.no-more-tables2_2 td:before { content: attr(data-title); }
		
		
/*		.bd_r	{border-right: 1px solid #fff !important;}
		
		.ovf	{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;}
		.ovf:after{width:100%; height:60px; position:absolute; left:0px;  top:0; display:block; content:"";background:#eceff1; z-index:-1}
		.ovf:before{width:360px;height:30px; position:absolute;left:10px; top:15px;font-size:15px; letter-spacing:-0.05em; color:#555; display:block; content:"← 좌우로 스크롤 하시면 자세히 보실 수 있습니다  →"; box-sizing:border-box; line-height:30px;}
		.ovf table	{width:620px !important}*/
		
	}
	














/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
#contents_sitemap {}

#contents_sitemap p.site {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #5977dd;
    letter-spacing: -1px;
    line-height: 90px;
    text-align: center;
    border: #5977dd solid 2px;
    border-radius: 12px;
}

#contents_sitemap .cate_line { width: 100%;  }

#contents_sitemap .cate_line:after {
    content: "";
    display: block;
    clear: both;
}

#contents_sitemap .cate_line .cate {
    display: inline-block;
    vertical-align: top;
    width: 27.3%;
    height: auto;
    margin: 20px 3% 70px;box-sizing: border-box;float: left;
}

#contents_sitemap .cate_line .cate ul {
    margin: 10px 0 15px 0
}

#contents_sitemap .cate_line .cate ul li {
    padding: 10px 0 10px 0;
    margin: 5px 0 5px 30px;
    border-bottom: #f2f2f2 1px solid;
    list-style-type: disc !important;
    line-height: 210%;font-size: 400;
}

/*#contents_sitemap .cate_line .cate ul li.sub {
    padding: 5px 0 10px 10px;
    margin: 3px 0 0 30px;
    border-bottom: #dfdfdf 1px dotted;
    list-style-type: none !important;
}
*/
/*#contents_sitemap .cate_line .cate ul li.sub a {
    font-size: 1.13em !important;
    color: #000;
    letter-spacing: -1px;
}
*/
#contents_sitemap .cate_line .cate ul li a {
    color: #333; font-size: 1.1em ;
    /*letter-spacing: -1px;*/
}

#contents_sitemap .cate_line .cate ul li a:hover {
    color: #5977dd;
}




/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {
    #contents_sitemap .cate_line .cate {
        float: left;
        width: 22%;
        height: auto;
        margin: 20px 3% 10px 0px;
    }

    #contents_sitemap .cate_line ul li br {
        display: none
    }

}

/* 모바일 해상도 */
@media all and (max-width:800px) {
    #contents_sitemap .cate_line .cate {
        width: 100%;
        height: auto;
        margin: 20px 0 10px 0px;
        clear: both
    }
}


 

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-일정보기
-----------------------------------------------------------------------------------------------------------*/


table.schedule_table {
    width: 100%;
    border-top: 2px solid #222;
    border-bottom: 1px solid #e0dede;
}

table.schedule_table thead tr th {
    width: 102px;
    height: 39px;
    border-bottom: 1px solid #e0dede;
    background: #f2f2f2;
    color: #0f3d7c;
    font-size: 14px;
    text-align: center;
}

table.schedule_table thead tr th.sun {
    color: #d25656
}

table.schedule_table thead tr th.sat {
    color: #1f60b7
}

table.schedule_table thead tr th {
    border-right: 1px solid #e0dede
}

table.schedule_table thead tr th:first-child {
    width: 100px;
    border-left: 1px solid #e0dede
}

table.schedule_table thead tr th span {
    display: block;
    height: 39px;
    line-height: 39px;
}

table.schedule_table tbody tr td {
    height: 109px;
    border-top: 1px solid #e0dede;
    border-right: 1px solid #e0dede;
    vertical-align: top;
}

table.schedule_table tbody tr:first-child td {
    border-top: 0px;
}

table.schedule_table tbody tr td:first-child {
    border-left: 1px solid #e0dede
}

table.schedule_table tbody tr td div {
    overflow: hidden;
    width: 82px;
    padding: 10px;
}

/* height:89px; */
table.schedule_table tbody tr td:first-child div {}

table.schedule_table tbody tr td div span {
    display: block;
    font-size: 11px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

table.schedule_table tbody tr td.sun div span {
    font-size: 11px;
    color: #d25656
}

table.schedule_table tbody tr td.sat div span {
    font-size: 11px;
    color: #1f60b7
}

table.schedule_table tbody tr td.pre_mon div span a,
table.schedule_table tbody tr td.next_mon div span a {
    font-size: 11px;
    color: #aaa
}

table.schedule_table tbody tr td.schedule {
    background: #f2f2f2;
}

table.schedule_table tbody tr td.schedule div a.schedule_title {
    display: block;
    height: 20px;
    line-height: 15px;
    padding-left: 10px;
    background: url("../../img/bullet.gif") 0 center no-repeat;
    color: #333;
    text-align: left;
}

table.schedule_table tbody tr td.schedule div a.schedule_title:hover {
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: underline;
}

table.schedule_table tbody tr td.schedule div a.more {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 15px;
    line-height: 15px;
    padding-left: 5px;
    background: url("../img/more_skyblue.png") 0 0 no-repeat;
    margin-top: 5px;
}

table.schedule_table tbody tr td.schedule div a.more span {
    display: block;
    line-height: 15px;
    padding-right: 5px;
    background: url("../img/more_skyblue.png") right -15px no-repeat;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
}

table.schedule_table tbody tr td.today {
    background: #ebeffb
}

table.schedule_table tbody tr td.today div span a {
    color: #fff;
}

table.schedule_table tbody tr td.today div a.schedule_title {
    color: #fff;
}

table.schedule_table tbody tr td.today div a.more {
    background: url("../img/more_white.png") 0 0 no-repeat;
}

table.schedule_table tbody tr td.today div a.more span {
    background: url("../img/more_white.png") right -15px no-repeat;
    color: #1f60b7;
}

table.schedule_mobile {
    display: none;
}

/* 스케쥴게시판 list페이지 */
.schedule_top {
    padding: 30px 0;
    text-align: center;
}

.schedule_top a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 30px;
    line-height: 30px;
    vertical-align: top
}

.schedule_top a.pre_mon {
    margin-right: 45px;
}

.schedule_top a.next_mon {
    margin-left: 45px;
}

.schedule_top a img {
    padding: 3px 0 2px 0
}

.schedule_top span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 30px;
    line-height: 30px;
    color: #253a6b;
    font-weight: bold;
    font-size: 30px;
    vertical-align: top
}

.schedule_top p {
    padding-top: 10px;
    color: #666
}

.schedule_top p em {
    font-style: normal;
    font-weight: bold;
}



.pop_wrap {
     /*padding-bottom:95px; */display: inline-block;  
}

.pop_wrap .pop {
    /*position:absolute; top:50%; left:50%; z-index:250;*/
    width: 350px;
    height: 500px;
  /*  padding-bottom: 25px;*/
    border: 2px solid #3e61d7;
    background: #fff;display: inline-block;  
}

.pop_wrap .pop .pop_title {
    height: 50px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.pop_wrap .pop strong {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #3e61d7;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px
}

.pop_wrap .pop strong span {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    font-family: 'NanumSquareR', dotum, "돋움", sans-serif;
}

.pop_wrap .pop .pop_con {
    padding: 0;
    background: #f4f7fa; 
}

.pop_wrap .pop .pop_con ul {
    border-bottom: 1px solid #ccd5e0;
  /*height: 330px;display: inline-block;*/  
}

.pop_wrap .pop .pop_con ul li:first-child {
    border-top: 0px;
}

.pop_wrap .pop .pop_con ul.schedule_write {
    padding: 10px 0; overflow-y: scroll;height: 240px 
}

/* 일정작성 */
.pop_wrap .pop .pop_con ul.schedule_write li {
    position: relative;
    padding: 5px 0;display: inline-block; box-sizing: border-box;width: 100%;
}

.pop_wrap .pop .pop_con ul.schedule_write li span.tt {
    float: left;
    color: #000;
    font-size: 14px;
    border-right: 1px solid #ccd5e0;
    padding-right: 20px
}

.pop_wrap .pop .pop_con ul.schedule_write li span {
    display: block;
    font-size: 14px;
    float: left;
    margin-left: 15px;  
}
.pop_wrap .pop .pop_con ul.schedule_write li span:first-child {
      color: #000 ;font-weight: 400
}
.pop_wrap .pop .pop_con ul.schedule_write li span#content {
  display:block; padding:3%;margin-top: 10px; box-sizing: border-box;width: 91%;
}
.pop_wrap .pop .pop_con ul.schedule_write li textarea {
    width: 268px;
    min-height: 210px;
    border: 1px solid #ccd5e0;
    padding: 0;
    color: #666;
    font-size: 12px; padding: 10px 0
}

.pop_wrap .pop .pop_con ul.schedule_write li:last-child {
    padding-bottom: 0;
}

.pop_wrap .pop .pop_con .pop_bt {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.pop_wrap .pop .pop_con .pop_bt a {
    width: 60px;
    border: 1px solid #222;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    font-size: 12px
}

.pop_wrap .bg_trans {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

#dialog-background {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 10;
}
#my-dialog {
    display: none;
    position: fixed;
    left: calc(50% - 160px);
    top: calc(50% - 210px);
    width: 344px;
    height: 352px;
    background: #fff;
    z-index: 11;
    padding: 10px;
}
/* 모바일 해상도 */
@media all and (max-width:800px) {


    table.schedule_mobile {
        width: 100%;
        border-top: 2px solid #222;
        border-bottom: 1px solid #e0dede;
    }

    table.schedule_mobile th {
        height: 30px;
        padding: 0 15px;
        border-bottom: 1px solid #e0dede;
        background: #f2f2f2;
        color: #0f3d7c;
        text-align: center;
    }

    table.schedule_mobile td {
        height: 30px;
        width: 100%;
        border-bottom: 1px solid #e0dede;
        color: #0f3d7c;
        padding: 10px;
    }

    table.schedule_mobile td.schedule {
        background: #fbfbfb;
    }

    table.schedule_mobile td.schedule a {
        display: block;
    }

    table.schedule_mobile td.today {
        background: #ebeffb;
    }

    table.schedule_mobile td.today a {
        display: block;
        color: #fff;
    }

    table.schedule_mobile {
        display: block;
    }

    table.schedule_table {
        display: none;
    }
	
	.pop_wrap .pop {
     
    width: 98%;
   /* min-height: 188px;
    padding-bottom: 65px;
    border: 2px solid #3e61d7;
    background: #fff*/
}
	#my-dialog {
  /*  display: none;
    position: fixed;
    left: calc(50% - 160px);
    top: calc(50% - 70px);*/
    width: 100%;box-sizing: border-box;
    /*height: 252px;
    background: #fff;
    z-index: 11;
    padding: 10px;*/
}

}



.grf{width: 100%;box-sizing: border-box;padding:0 20px 30px;display: inline-block}
.grf li {float: left;width: 30.3%;margin: 1.5%;box-sizing: border-box;padding: 20px 40px; text-align: center;border: 1px solid #ddd;font-size: 19px;font-weight: 400;color: #000}
.grf li span {font-size: 19px;font-weight: 400;}

/* 모바일 해상도 */
@media all and (max-width:800px) {
.grf{ padding:0 0% 30px; }	
.grf li { width: 100%;margin:0%; padding: 10px 3%;margin-bottom: 3px;font-size: 16px;}	
.grf li span {font-size: 16px; }	
}





/*-----------------------------------------------------------------------------------------------------------
이용안내
-----------------------------------------------------------------------------------------------------------*/
.guide_box{ border-radius: 20px;width: 100%;padding: 50px 60px;box-sizing: border-box;margin-bottom: 50px;font-size: 17px;font-weight: 400;color: #444; background: url("/img/etc/bg1.png") no-repeat right bottom  #eff2fb; }
.guide_box span.tt{ font-size: 28px;font-weight: 700;color: #5977dd;line-height: 40px;background: linear-gradient(to right top, #0b949d, #5977dd);color: transparent; -webkit-background-clip: text;}
.guide_box span.tt2{ font-size: 36px;font-weight: 700;color: #000;line-height:60px; }



.gu_title{width: 100%;margin-top: 60px;text-align: center;font-size: 36px;font-weight: 700;color: #000;margin-bottom: 40px;/*background: linear-gradient( 45deg, #5977dd, #183494);color: transparent; -webkit-background-clip: text;*//*transform: rotate(45deg);*/}

.guide_box_view{width: 100%;position: relative;display: inline-block;margin-bottom: 60px;}
 
.guide_img{position: relative;float: left;width: 52%;display: inline-block;/*padding: 50px ;*/box-sizing: border-box;border: 2px solid #5977dd;border-radius: 20px;margin: 5px 0  ;/*padding: 20px  ;*/overflow: hidden;box-shadow: 0px 5px 8px 3px rgb(0,0,0, 0.1); }
.guide_img img{width:100%;}
.guide_txt{float: right;width: 41%;display: inline-block;margin-left: 40px;padding-top: 30px;color: #333;}
.guide_txt ul.bu2 {margin-left: 20px!important}
.guide_txt ul.bu2 li {font-size: 15px; color: #392c2c;font-weight:400;}

.guide_img2{position: absolute;left:21%;top:100px; float: left;width: 35%;display: inline-block; box-sizing: border-box;border:1px solid #5977dd;border-radius: 20px;padding: 20px  ;background: #fff; overflow: hidden;box-shadow: 0px 5px 8px 3px rgb(0,0,0, 0.1);display: inline-block;}
.guide_img2 img{width:100%;}

.guide_img3{position: absolute;left:25%;top:170px; float: left;width: 30%;display: inline-block; box-sizing: border-box;border:1px solid #5977dd;border-radius: 20px;padding: 20px  ;background: #fff; overflow: hidden;box-shadow: 0px 5px 8px 3px rgb(0,0,0, 0.1);display: inline-block;}
.guide_img3 img{width:100%;}


.guide_tip{width: 100%;padding: 20px;
    /*border: 1px solid #fc6b3d;*/border: 1px solid #ce2444;
    border-radius: 12px;
    /*background: #fbf8f3;  */ background: #fbf8f3;
   /* margin: 20px 0px;*/margin:30px 0;
    line-height: 150%;;box-sizing: border-box}
.guide_tip strong {
    background: #ce2444;font-size: 14px;margin-bottom: 10px;
    padding: 3px 8px;
    color: #fff;
    border-radius: 5px;display: inline-block;
}
.guide_box_view .num{background: #8a8b8f;width: 30px;height: 30px;border-radius: 8px; text-align: center;line-height: 30px;font-size: 14px;font-weight: 700;color: #fff;display: inline-block;margin-right: 5px;margin-left: -36px;margin-top: 20px;}

.guide_txt span.text_po{display: inline-block;background: #f1effd;border-radius: 30px;padding: 4px 15px;margin: 0 2px; color: #000;font-size: 15px;font-weight: 400;}
.guide_txt span.co_b{display: inline-block;  color: #000!important; font-weight: 500!important; }

/* 모바일 해상도 */
@media all and (max-width:980px) {
.guide_box{ border-radius: 20px;width: 100%;padding: 20px 20px;box-sizing: border-box;margin-bottom: 30px;font-size: 16px;font-weight: 400;color: #444;  background: url("/img/etc/bg1.png") no-repeat right bottom  #eff2fb;padding-bottom: 120px;background-size: 300px;  }	
.guide_box span.tt{ font-size:21px;font-weight: 500; line-height: 30px; text-align: center}
.guide_box span.tt2{ font-size: 24px;font-weight: 500; line-height:30px; text-align: center}

	
.gu_title{ margin-top:30px; font-size: 21px;font-weight: 700;color: #000;margin-bottom: 20px;  }

.guide_box_view{ ;margin-bottom: 30px;}
 
	
	
.guide_img{ width: 100%;  }
 
.guide_txt{float:left;width: 100%;margin-left:  0px; }
.guide_img2{position: relative;left:0%;top: 0px; float: left;width:100%; }
.guide_img3{position: relative;left:0%;top: 0px; float: left;width:100%; }
	
	.guide_tip{width: 100%;padding: 8px; margin:30px 0; }
	
.guide_box_view .num{  margin-left: 0px; }

}



/*-----------------------------------------------------------------------------------------------------------
개인정보처리방침
-----------------------------------------------------------------------------------------------------------*/
.con_box{ border-radius: 20px;width: 100%;padding: 50px 60px;box-sizing: border-box;margin-bottom: 50px;font-size: 17px;font-weight: 400;color: #444; background: #eff2fb; }
.para_core{margin-left: 20px;}
.para_core p{color: #555;font-weight: 400;}