@charset "utf-8";

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.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 #fff; background-color:#d3e385;  font-size:11px; border-radius: 3px; vertical-align:middle;color:#000;}
	a.btn_g1,input.btn_g1,button.btn_g1						{ color:#000;}
	a:hover.btn_g1,input:hover.btn_g1,button:hover.btn_g1	{ color:#000; border:1px solid #fff; background:#2cb178;}

.btn_g3 			{ display:inline-block; padding:3px 5px; border:1px solid #fff; background-color:#d3e385; background:#fff; font-size:11px; border-radius: 3px; vertical-align:middle;color:#000;}
	a.btn_g3,input.btn_g3,button.btn_g3						{ color:#000;}
	a:hover.btn_g3,input:hover.btn_g3,button:hover.btn_g3	{ color:#000; border:1px solid #fff; background:#fff;}

.btn_r1 			{ display:inline-block; padding:3px 5px; border:1px solid #e1342f; background:#fb423d; font-size:11px; border-radius: 3px; vertical-align:middle;color: #fff;}
	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 #fb423d; background:#fb423d;}


.btn_r2 			{ display:inline-block; padding:3px 5px; border:1px solid #fff; background:#a1e2e8; font-size:11px; border-radius: 3px; vertical-align:middle;color: #000;}
	a.btn_r2,input.btn_r2,button.btn_r2						{ color:#000;}
	a:hover.btn_r2,input:hover.btn_r2,button:hover.btn_r2	{ color:#000; border:1px solid #fff; background:#a1e2e8;}

	
.btn_y1 			{ display:inline-block; padding:3px 5px; border:1px solid #999999; background:#999999; font-size:11px; border-radius: 3px; vertical-align:middle;color: #fff}
	a.btn_y1,input.btn_y1,button.btn_y1						{ color:#fff;}
	a:hover.btn_y1,input:hover.btn_y1,button:hover.btn_y1	{ color:#fff; border:1px solid #999999; background:#999999;}

.btn_ye1 			{ display:inline-block; padding:3px 5px; border:1px solid  #e5b333; background:#f7c23b; font-size:11px; border-radius: 3px; vertical-align:middle;color:#fff;}
	a.btn_ye1,input.btn_ye1,button.btn_ye1						{ color:#fff;}
	a:hover.btn_ye1,input:hover.btn_ye1,button:hover.btn_ye1	{ color:#fff; border:1px solid #e5b333; background:#edb832;}


.btn_w1  { display:inline-block; padding:3px 5px; border:1px solid #e1342f; background:#fb423d; font-size:11px; border-radius: 3px; vertical-align:middle;color:#fff;}
.btn_w1 a{}


.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:10px 25px; border:1px solid #aa0d0d; background:#bc1111; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn02,input.btn02,button.btn02					{ color:#fff; font-size:1em}
	a:hover.btn02,input:hover.btn02,button:hover.btn02	{ color:#fff; border:1px solid #aa0d0d; background:#c01e1e;}

.btn03 			{ display:inline-block; padding:10px 50px; border:1px solid #aa0d0d; background:#c01e1e; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn03,input.btn03,button.btn03					{ color:#fff; font-size:1em}
	a:hover.btn03,input:hover.btn03,button:hover.btn03	{ color:#fff; border:1px solid #aa0d0d; background:#c01e1e;}


.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-family:'NanumSquareB'; 
			font-weight:normal; vertical-align:middle}
.srchBt		{display:inline-block; width:79px; height:33px; background:#31b97f; 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; font-size:13px; 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_gre 			{ display:inline-block; padding:10px 15px; border:1px solid #006a59; background:#006a59; font-size:15px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	a.btn_gre{ color:#fff;}
.btn_gre span{display: inline-block; width: 15px; height: 15px; font-weight: bold; font-size: 15px; color: #006a59; line-height: 15px; padding: 3px;border-radius: 50%; background: #fff;margin-right: 5px;}

.btn_Pot 			{ display:inline-block; padding:7px 15px; border:1px solid #2cb178; background:#31b97f; font-size:13px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	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 #2cb178; background:#2cb178;}

.btn_Pot2 			{ display:inline-block; padding:10px 25px; border:1px solid #2cb178; background:#31b97f; font-size:16px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	a.btn_Pot2,input.btn_Pot2,button.btn_Pot2					{ color:#fff;}
	a:hover.btn_Pot2,input:hover.btn_Pot2,button:hover.btn_Pot2 { color:#fff; border:1px solid #2cb178; background:#2cb178;}
	
.btn_support			{display:inline-block; padding:20px 50px; border:1px solid #2cb178; background:#31b97f; 
						font-size:18px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB'; margin:5px 0;}	
	a.btn_support		{ color:#fff;}
	a:hover.btn_support	{ color:#fff; border:1px solid #2cb178; background:#2cb178;}
	
.btn_down 		{ display:inline-block; padding:10px 35px 10px 10px; border:1px solid #333; font-size:13px;  vertical-align:middle; background:#555; position:relative}
.btn_down:after	{ position:absolute; background:url(/img/common/com_img.png) no-repeat; content:""; top:8px; right:10px; width:17px; height:17px; background-position:-126px -52px }
	a.btn_down,input.btn_down,button.btn_down					{ color:#fff !important;}
	a:hover.btn_down,input:hover.btn_down,button:hover.btn_down { color:#fff !important; border:1px solid #333;}
	
.btn_support1			{display:inline-block; padding:20px 90px; border:1px solid #2cb178;background:url('/image/support/btn_bg1.png?=1') no-repeat center 20px #9cdabf;padding-top: 160px;/* background:#31b97f; */ font-size:18px; border-radius: 13px; vertical-align:middle; font-family:'NanumSquareB'; margin:5px 0;}	
	a.btn_support1		{ color:#000;}
	a.btn_support1 span		{ color:#000;background: #fff; border-radius: 23px;font-size:13px;line-height: 20px;display: inline-block;padding: 3px 10px;margin-top: 6px;  }
	a:hover.btn_support1	{ color:#fff; border:1px solid #2cb178; background:url('/image/support/btn_bg1.png?=1') no-repeat center 20px #2cb178;}
.btn_support2			{display:inline-block; padding:20px 90px; border:1px solid #6fc105;background:url('/image/support/btn_bg2.png?=1') no-repeat center 20px #daf0be;padding-top: 160px;/* background:#31b97f; */ font-size:18px; border-radius: 13px; vertical-align:middle; font-family:'NanumSquareB'; margin:5px 0;}	
	a.btn_support2		{ color:#000;}
a.btn_support2 span		{ color:#000;background: #fff; border-radius: 23px;font-size:13px;line-height: 20px;display: inline-block;padding: 3px 10px; margin-top: 6px;  }
	a:hover.btn_support2	{ color:#fff; border:1px solid #6fc105; background:url('/image/support/btn_bg2.png?=1') no-repeat center 20px #6fc105;}

/* 모바일 해상도 */
@media all and (max-width:980px) {
.btn_support1			{  padding:20px  0px; width: 100%;padding-top: 160px;}	
 
.btn_support2			{padding:20px  0px; width: 100%;padding-top: 160px; }	
}


/*첨부파일 버튼*/

.ad_btn_del, .ad_btn {
  cursor: pointer;
  padding: 8px 15px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius:20px;
  background-color: #fff;
   border-radius: 5px !important;
   height: auto;
   text-align: left;
    margin-top: 10px;
}

.ad_btn {
  color: #FFF;
  background-color: #88c63b;
  border-color: #88c63b;
}

.ad_btn:hover{
    background-color:#7cb733;
}

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

	.tb1		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #9bc71c; margin:10px 0; }
	.tb1 th,
	.tb1 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:12px 8px; line-height:150%; background-color:#f5f5f5; color:#333; 
				vertical-align:middle; }
	.tb1 thead th			{ font-weight:bold; text-align:center }
	.tb1 tbody th			{ background-color:#fafafa; font-weight:bold; text-align:center }
	.tb1 td					{ background-color:#fff; text-align:center; }
	.td_pc_none				{ display:none; }
	.th_pc_none				{ display:none; }
	.span_pc_none			{ display:none !important; }
	.span_pc_block			{ display:inline; }
	.tb1 td a				{ color:#333}

	.tb2		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #9bc71c; margin:10px 0; }
	.tb2 th,
	.tb2 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:12px 8px; line-height:150%; background-color:#f5f5f5; color:#333; 
				vertical-align:middle; }
	.tb2 thead th			{ font-weight:bold; }
	.tb2 tbody th			{ background-color:#fafafa; font-weight:bold; }
	.tb2 td					{ background-color:#fff; text-align:center; }
	.tb2 td a				{ color:#777}
	.tb2 .bg1					{ background-color:#31b97f;   color:#fff }
	.tb2 .bg2					{ background-color:#f9f9f9;;   color:#c20f24}
    /*세로선없는 게시판형태*/
        .tb3		{  width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #ddd; /*margin:10px 0;*/}
        .tb3 th,
        .tb3 td		{ border-bottom:1px solid #ddd; padding:12px 8px; line-height:150%;  vertical-align:middle; font-weight:300;/* font-size:15px;*/  text-align:left;color: #666; }
        .tb3 th.dt,.tb4 td.dt		{ border-bottom:1px dashed #ddd;  }
        .tb3 tbody th	{   font-weight:600;  text-align:center; color: #000 }
        .tb3 td span.type1	{ background-color:#fff;border:1px solid #ddd; padding:5px 8px;display: inline-block; border-radius: 40px;    font-size:15px;min-width: 100px;text-align: center;margin: 4px;font-weight:500; color: #333}
        .tb3 td img{vertical-align:middle;}

	.tal					{ text-align:left !important; }
	.tac					{ text-align:center !important; text-indent:0 !important; }
	.bd_r					{ border-right:0 !important; }
	.bd_b					{ border-bottom:0 !important; }
	.col_5					{ width:20%}
	.bd_no_m				{display:none;}
	.table_pc	{}
	.table_m	{ display:none}
	
	.m_ok		{background:#31b97f; padding:3px 7px; color:#fff; margin-right:5px; border-radius: 3px; font-size:13px}
	.m_no		{background:#888; padding:3px 7px; color:#fff; margin-right:5px; border-radius: 3px; font-size:13px}

	/* paging */
	.paging {display:inline-block; vertical-align:middle; padding:25px 0; width:100%; overflow:hidden; text-align:center; font-size:0;}
		.paging a {display:inline-block; vertical-align:middle; margin:2px; padding:0px 6px; min-width:10px; height:22px; font-size:13px; color:#b7b7b7; 
			letter-spacing:-1px; 
			line-height:22px; text-align:center;
			border:#fff solid 1px;
			background:#fff;}
		.paging a:hover {color:#e1708e;}
		.paging a.on {color:#e1708e; border:#e1708e solid 1px; background:#fff;}
		.paging a.focus {color:#fff; border:#e1708e solid 1px; background:#e1708e;}
		.paging a.focus:hover {color:#fff; border:#be1e2d solid 1px; background:#be1e2d;}
	
	/* 리스트검색 */
	.listSrch{border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:15px 0;}
		.listSrch select{width:90px;}
		.listSrch select.type2{width:360px;}
		.listSrch input{width:360px;}
		.listSrch strong{color:#333; margin-right:6px}
		.listSrch .btnGry{height:auto; width:auto; padding:8px 20px 7px; line-height:18px;}
	
	
	/* 상세페이지 */
	.bbsView{position:relative; background:url(/SW_bbs/img/table_bar.gif) repeat-x top; border-bottom:1px solid #bdbdbd}
		.bbsView .head{padding:18px 20px; border-bottom:1px solid #bdbdbd; height:50px}
		.bbsView .head .tit{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal;}
		.bbsView .head .txt{color:#777; margin-top:10px; float:left}
		.bbsView .head .txt .bar{color:#ddd; margin:0 6px}
		.bbsView .view	{padding:40px 20px; line-height:180%}
		.bbsView .view .viewImg{width:100%;}
		.bbsView .file	{ border-top:1px solid #bdbdbd; padding:18px 20px; }
		.bbsView .file .bar{color:#ddd; margin:0 6px}

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


h4.h4_title	{background:url(/image/common/btn_bullet.gif) no-repeat left top; margin-bottom:10px; font-size:24px; font-weight: 600; letter-spacing:-0.5px; 
			padding-top:20px; color:#000; min-height:30px }
h5.h5_title	{ padding-left:15px; font-size:18px; margin-left:10px; margin-bottom:10px; background:url(/image/common/bu_3.gif) no-repeat 0 7px; color:#31b97f; clear:both; font-weight: 600}

@media all and (max-width:800px) {
    h5.h5_title br{display: none;}	
}

	div.con		{ line-height:180%}
	div.con_box	{ line-height:180%; border:1px solid #ddd; padding:15px 25px;border-radius:5px; background:#f3f3f3}
	div.con_box1	{ line-height:180%; border:1px solid #ddd; padding:15px 25px;border-radius:5px; background:#f3f3f3}
	div.con_box2{ border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; padding:30px; line-height:180%;
	border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
	box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
	background:#fff;}
	.con_box2 ol li	{ list-style: decimal    !important; margin:0; padding:0 }
	div.con_box	strong	{ color:#000; font-size:16px}
	div.img		{ clear:both;}
	div.con_box ol li	{ list-style: decimal    !important }
	
	ul.img	{ clear:both; margin-top:20px;}
	ul.img:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
	ul.img li		{ width:50%; float:left; margin-top:10px; text-align:center;}
	ul.img li img	{ width:450px; margin-bottom:10px}

	.con_img	{ clear:both; margin:15px 0 0 20px;}
	.con_img p.img		{ width:25%; float:left; margin-right:5%; margin-bottom:30px}
	.con_img p.img img	{ width:220px;}
	.con_img div.txt{ float:left; float:left; width:65%;}
	
	div.img		{ padding:20px 0; text-align:center;}
	
	ul.list_img	{ clear:both; padding:40px 0;}
	ul.list_img li	{ float:left; width:33%}
	ul.list_img li img	{ width:280px; border:1px solid #ededed; text-align:center}
	ul.list_img li p.txt{ padding:15px 5px 0 5px; clear:both; line-height:160%; text-align:left; width:84%}
	ul.list_img li strong{ color:#000}
	
	ul.list_img2	{ clear:both; padding:40px 0;}
	ul.list_img2 li	{ float:left; width:33%}
	ul.list_img2 li img	{ width:260px; border:1px solid #ededed; text-align:center}
	ul.list_img2 li p.txt{ padding:15px 5px 0 5px; clear:both; line-height:160%; text-align:left; width:84%}
	ul.list_img2 li strong{ color:#000}
	
	ul.list_img3	{ clear:both; padding:0px 0;}
	ul.list_img3 li	{ float:left; width:33%}
	ul.list_img3 li img	{ width:92%;margin: 0 4%; border:1px solid #ededed; text-align:center;border-radius: 10px;}
	ul.list_img3 li p.tt{ padding:5px 5px 5px 5px; clear:both; line-height:160%; text-align:center;font-size: 18px; color: #006758!important;font-weight: bold}
	ul.list_img3 li p.st{ padding:15px 15px 0 35px; clear:both; line-height:140%; text-align:center; color:#000;font-family: 'KyoboHand'; width:80%;font-size: 18px;}
	ul.list_img3 li p.txt{ padding:5px 5px 0 5px; clear:both; line-height:160%; text-align:center; width:90%; }
	ul.list_img3 li strong{ /*color:#000*/}



	ul.list_img4	{ clear:both; padding:0px 0;}
	ul.list_img4 li	{ float:left; width:50%;margin-bottom: 1.5%;}
	ul.list_img4 li img	{ width:92%;margin: 0 4%; border:1px solid #ededed; text-align:center;border-radius: 10px;}
	ul.list_img4 li p.tt{ padding:5px 5px 5px 5px; clear:both; line-height:160%; text-align:center;font-size: 18px; color: #006758!important;font-weight: bold}
	ul.list_img4 li p.st{ padding:15px 15px 0 35px; clear:both; line-height:140%; text-align:center; color:#000;font-family: 'KyoboHand'; width:80%;font-size: 18px;}
	ul.list_img4 li p.txt{ padding:5px 5px 0 5px; clear:both; line-height:160%; text-align:center; width:90%; }
	ul.list_img4 li strong{ /*color:#000*/}




	ul.bu2		{margin:5px 0 0 10px;}
	ul.bu2 li 	{line-height:200%; background:url(/image/common/dot.gif) no-repeat 0 10px; padding-left:10px;}
	ul.bu2 li strong	{ font-weight:bold; color: #090}
	ul.bu2 li ul	{ padding:0 5px;}
	ul.bu2 li ul li	{ background:url(/image/common/dot.gif) no-repeat 0 12px;}

	.font1		{ font-family:나눔명조  !important; }
	
	.charDiv{overflow:hidden; margin-top:40px; padding-bottom:40px; border-bottom:1px solid #ddd}
	.charDiv .icon{float:left; margin-right:40px}
	.charDiv .txtArea{float:left}
	.charDiv .txtArea .tit{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal; margin-bottom:10px}
	.charDiv .txtArea .dotTxt2{letter-spacing:-0.4px;background:url(/image/common/dot.gif) no-repeat 0 10px; padding-left:10px;}

    
  .PC{display: block;}
    .Mobile{display: none;}

	
/* 모바일 해상도 */
@media all and (max-width:980px) {
    .PC{display: none;}
    .Mobile{display: block;}
	
	div.con_box1	{ line-height:160%; border:0px solid #ddd; padding:0px; }
}

/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/

#tabs {
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    list-style: none;
    text-align: center; 
}

#tabs {
    display: inline-block;
}

#tabs li {
    position: relative; 
    float: left;
    box-sizing: border-box;
    border: 1px solid #ddd;
	/*border-bottom: 1px solid #2cb178;*/
    border-left: none;
    padding: 20px 0;
    transition: all 0.6s;
	background: #fcfcfc;
	 
}
#tabs li a {
  color:#777;
	font-size: 15px;
	 
}

#tabs li:first-child {
    border-left: 1px solid #ddd;
    border-radius: 0px
}

#tabs li:last-child {
    border-radius: 0 0
}

#tabs li#current,
#tabs li.on {
    /*background: #676ba8;*/
	border: 1px solid #2cb178;
	/*border-bottom: 1px solid #fff;*/  
    background: #fff;
}

#tabs li#current a,
#tabs li.on a {
    color: #2cb178 !important;font-weight: 600;
}

#tabs li a {
    letter-spacing: -1px
}

#tabs li:hover a {
   color: #2cb178 !important; 
}

#tabs li:hover { 
/*	border: 1px solid #ec6b94;
	border-bottom: 1px solid #fff;*/
   /* background: #89ba14;*/
}



#tabs li.w-8 {
    width: 12.5%
}
#tabs li.w-7 {
    width: 14.25%
}
#tabs li.w-6 {
    width: 16.65%
}

#tabs li.w-5 {
    width: 20%
}

#tabs li.w-4 {
    width: 25%
}

#tabs li.w-3 {
    width: 33.33%
}

#tabs li.w-2 {
    width: 50%
}

#tabs li.w-1 {
    width: 100%
}

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


    #tabs {
        border-left: 1px solid #ddd;
		margin-top: 0px;
    }

    #tabs:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        visibility: hidden
    }

    #tabs li:first-child {
        border-left: 0px solid #ddd;
        border-radius: 0
    }
    #tabs li#current,    
    #tabs li.on {
/*        border-top: 0;*/
    }

    #tabs li:nth-child(3),
    #tabs li:nth-child(4),
    #tabs li:nth-child(5),
    #tabs li:nth-child(6),
    #tabs li:nth-child(7),
    #tabs li:nth-child(8) {
/*        border-top: 0px*/
    }

    #tabs li:last-child {
        border-radius: 0
    }

/*
    #tabs li {}
	#tabs li.w-8,
    #tabs li.w-7,
    #tabs li.w-6,
    #tabs li.w-5,
    #tabs li.w-4,
    #tabs li.w-3,
	#tabs li.w-2{  width: 50%  }
*/
    #tabs li.w-3{  width: 100%  }
     #tabs li.w-4{  width: 100%  }
}



.bg_color_01{background: #fcf9a2!important; }
.bg_color_01 a{color: #555!important }
.bg_color_02{background: #d3e385!important; }
.bg_color_02 a{color: #555!important }
.bg_color_03{background: #a1e2e8!important; }
.bg_color_03 a{color: #555!important }
/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap			{ }
	#contents_sitemap p.site	{width:100%; font-size:20px; font-weight:bold; color:#006a59; letter-spacing:-1px; line-height:60px; text-align:center;
	border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
	box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
	background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
	
	#contents_sitemap .cate_line{margin-bottom:20px;*zoom:1}
	#contents_sitemap .cate_line:after{content:""; display:block;clear:both;}
	#contents_sitemap .cate_line .cate{float:left; width:205px; height:auto; margin:20px 25px 10px 10px}
	#contents_sitemap .cate_line .cate ul{ margin:10px 0 15px 0}
	#contents_sitemap .cate_line .cate ul li{ padding:5px 0 10px 0;margin-top:3px;border-bottom:#f2f2f2 1px solid; text-align:center}
	#contents_sitemap .cate_line .cate ul li a		{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a:hover{color: #c60c23;}

	.sc_title     	{clear:both; padding:5px 0 5px 10px; border:dotted 1px #999; font-weight:bold; background:#f3f3f3;}
	.sc_text      	{clear:both; margin:15px; line-height:160%}
	.sc_text ol li	{ list-style: decimal    !important }
	.sc_text ol li ul 	{ margin:5px 0 0 10px; list-style:none}
	.sc_text ul.txt1 	{ margin-left:30px;}
	.sc_text ul.txt1 li	{ margin-bottom:5px}
	.sc_text li span.bold{ background:#555; padding:2px 5px; color:#fff; margin-right:5px; border-radius: 3px}

		

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

.box {display:block; vertical-align:middle; background:#fff; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.06);}
	.box.type1 {border:#eceef0 solid 5px; border-radius:20px;}
	.box.type2 {border:#f5f7fa solid 5px; border-radius:20px;}
	.box.type3 {border:#314ea3 solid 1px; border-radius:20px;}
	.box.type4 {border:#e9ecf2 solid 1px; border-radius:20px;}
	.box.type5 {border:#e9ecf2 solid 1px; border-radius:20px; background-color:#fefefe;}
	.box.bg1 {border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
		box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
		background:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
		background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
	.box.auto {overflow:auto;}
	.box_wrap {display:inline-block; vertical-align:middle; width:100%;}

	div.submenu		{ clear:both; margin:20px 0; text-align:center}
	div.submenu a 	{ border:1px solid #ddd; text-align:center; margin:0 2px 3px 0; padding:10px 40px; color:#555; min-width:150px}
	div.submenu a:hover { border:1px solid #363; color:#363}
	div.submenu a.on	{ border:1px solid #363; color:#363}
	

/*-----------------------------------------------------------------------------------------------------------
컨텐츠
-----------------------------------------------------------------------------------------------------------*/
	
	
	.chngSrvHead{position:relative;}
		.chngSrvHead img { border-top:3px solid #d88607}
		.chngSrvHead .txt{position:absolute; top:350px; left:0px; line-height:30px; background:rgba(0, 0, 0, .5); height:53px; width:100%}
		.chngSrvHead .txt p{margin:10px 0 0 20px; font-family:'NanumSquareR'; font-weight:normal; line-height:20px; color:#fff }
	
	/*나눔봉사*/
	.support_sub1_txt	{ clear:both; border:1px solid #ddd;}
	.support_sub1_txt p.img	{ width: 45%;  float:left}
		.support_sub1_txt p.img img	{ width:400px}
	.support_sub1_txt p.txt	{ width: 55%;  float:left; padding-top:25px; line-height:200%; font-size:17px}
	
.cs { }
.cs span {display: inline-block;}
.cs .tit {font-size: 20px;font-weight: 700;margin-right: 20px;color: #000;}
.cs .tel {font-size: 20px;font-weight: 700;color: #02652f;margin-right: 10px;}
.cs .noti {font-size: 15px;color: #666;}


	/* 나눔참여-반디소개 */
	.vandi_img			{ float:left; width:230px;}
	.vandi_txt			{ float:left; width:720px; padding-top:25px}
	.vandi_txt strong	{ color:#000; font-size:22px;}
	.vandi_txt p		{ clear:both; padding-top:20px; line-height:170%}
	
	.vandi_graph{margin:10px 0 40px 80px; width:780px}
	.vandi_graph ul{height:377px;margin:25px 0 0 0;background:url('/image/support/bg_vandi_graph.jpg') top center no-repeat}
	.vandi_graph ul li strong{display:block;color:#fff;font-size:16px;line-height:23px}
	.vandi_graph ul li span{display:block;font-size:14px;line-height:19px;color:#8d8d8d}
	.vandi_graph .vandi1{float:left;width:315px;margin:60px 160px 0 0}
	.vandi_graph .vandi1 strong{float:right}
	.vandi_graph .vandi1 span{float:left;text-align:right}
	.vandi_graph .vandi2{float:left;width:220px;margin:60px 0 0 0}
	.vandi_graph .vandi2 strong{float:left}
	.vandi_graph .vandi2 span{float:right;text-align:left}
	.vandi_graph .vandi3{float:left;width:275px;margin:155px 125px 0 40px}
	.vandi_graph .vandi3 strong{float:right}
	.vandi_graph .vandi3 span{float:left;text-align:right}
	.vandi_graph .vandi4{float:left;width:265px;margin:130px 0 0 0}
	.vandi_graph .vandi4 strong{float:left;text-align:center}
	.vandi_graph .vandi4 span{float:right;margin:20px 0 0 0;text-align:left}
	
	.vandi_process{margin:10px 0 0 0}
	.vandi_process ul{margin:25px 0 0 0;padding:10px 30px 0 30px;border:1px solid #e4e4e4}
	.vandi_process ul li	 	{float:left; height:120px; width:49%; padding-top:20px}
	.vandi_process ul li.bar2	{border-bottom:1px solid #e4e4e4}
	.vandi_process ul li p.img	{ float:left; width:30%; text-align:center}
	.vandi_process ul li p.txt	{ float:left; width:70%}
	.vandi_process ul li p.txt strong{display:block;margin:5px 0 10px 0;font-size:15px}

	
	/* 사업안내 */
	.business_sub1_txt	{text-align:center; font-size:28px; padding-top:20px; line-height:180%}
	.business_sub1_txt span.txt1{ color:#390}
	.business_sub1_txt span.txt2{ color:#F90}
	.business_sub1_txt span.txt3{ color:#06F}
	.business_sub1_txt span.txt4{ color:#63C}
	.business_sub1_txt2 p.img	{ float:right; width:40%; }
	.business_sub1_txt2 p.txt	{ float:left; width:50%; line-height:180%; padding:30px; border:2px solid #eee; font-size:18px;border-radius: 10px; margin-top:50px}
	.business	{ position:relative}
	.btn_view	{ clear:both; text-align:right;}
	
	ol.business_sub1_txt3{position:relative;width:780px;height:280px;background:url('/image/business/sub1_bg_01.gif') center top no-repeat; margin:20px auto 65px}
		ol.business_sub1_txt3 li{margin-bottom:35px;font-size:14px;color:#666}
		ol.business_sub1_txt3 li strong{display:block;margin:0 0 3px 0;font-size:20px;}
		ol.business_sub1_txt3 li span{display:block;line-height:24px;letter-spacing:-1.5px;vertical-align:top}
		ol.business_sub1_txt3 li.explain1{text-align:right;position:absolute;top:10px;left:15px; width:270px;}
		ol.business_sub1_txt3 li.explain1 strong{color:#ffca00}
		ol.business_sub1_txt3 li.explain2{text-align:left;position:absolute;top:10px;right:5px; width:270px;}
		ol.business_sub1_txt3 li.explain2 strong{color:#c8da2a}
		ol.business_sub1_txt3 li.explain3{text-align:right;position:absolute;top:183px;left:15px; width:270px;}
		ol.business_sub1_txt3 li.explain3 strong{color:#00cbc7}
		ol.business_sub1_txt3 li.explain4{text-align:left;position:absolute;top:183px;right:5px; width:270px;}
		ol.business_sub1_txt3 li.explain4 strong{color:#6fc249}

	ul.business_sub1_txt4{width:456px;height:405px;background:url('/image/business/sub1_bg_02.gif') no-repeat;margin:20px auto 65px}
		ul.business_sub1_txt4{color:#fff}
		ul.business_sub1_txt4 li{float:left;width:228px;height:202px}
		ul.business_sub1_txt4 li strong{display:block;font-size:24px;margin:75px 0 20px 55px}
		ul.business_sub1_txt4 li.list2 strong{margin:75px 0 10px 110px}
		ul.business_sub1_txt4 li.list3{float:right}
		ul.business_sub1_txt4 li.list3 strong{margin:100px 0 10px 110px}
		ul.business_sub1_txt4 li.list4 strong{margin:100px 0 10px 55px}

	ul.business_sub1_txt5{position:relative;width:574px;height:520px;background:url('/image/business/sub1_bg_03.gif') no-repeat;margin:20px auto 65px}
		ul.business_sub1_txt5{color:#fff}
		ul.business_sub1_txt5 li		{width:90px;height:70px; text-align:center; padding:30px 5px 0 5px;margin:0 auto; line-height:24px; letter-spacing:-0.5px}
		ul.business_sub1_txt5 li.list2  { position:absolute; top:58px; left:390px}
		ul.business_sub1_txt5 li.list3	{ position:absolute; top:209px; left:477px}
		ul.business_sub1_txt5 li.list4  { position:absolute; top:362px; left:390px}
		ul.business_sub1_txt5 li.list5  { position:absolute; top:423px; left:237px}
		ul.business_sub1_txt5 li.list6  { position:absolute; top:361px; left:83px}
		ul.business_sub1_txt5 li.list7  { position:absolute; top:209px; left:-2px}
		ul.business_sub1_txt5 li.list8  { position:absolute; top:65px; left:83px}

	ul.business_sub4{width:800px;height:400px;background:url('/image/business/sub4_bg_01.jpg') center no-repeat; margin:20px auto 65px}
		ul.business_sub4 li	{float:left;width:210px;}
		ul.business_sub4 li	{display:block;}
		ul.business_sub4 li	p.txt	{ padding:15px 0; color:#666; clear:both}
		ul.business_sub4 li	strong	{ font-size:18px; line-height:26px}
		ul.business_sub4 li	p.img	{ clear:both;}
		ul.business_sub4 li	p.img img	{ margin-bottom:5px}
		ul.business_sub4 li.list1 strong{color:#ffca00;}
		ul.business_sub4 li.list2 	{ float:right;}
		ul.business_sub4 li.list2 strong{color:#6fc249;}

	.business_sub4_txt2		{ background:url(/image/business/sub4_bg_02.jpg) no-repeat right bottom; border:1px solid #ddd;border-radius: 10px; line-height:24px; padding:40px 80px}
	
	.business_sub5_txt	{ }
	.business_sub5_txt p.img	{ float:left; width:20%; text-align:center}
	.business_sub5_txt p.txt	{ float:left; width:80%}
	.business_sub5_txt p.txt strong		{ color:#31b97f; font-size:16px}
	.business_sub5_txt p.txt span		{ color:#dc1c1c; font-size:16px;font-weight:bold}
	
	.business_sub5_txt p.txt2	{ float:left;margin-top: 10px; width:100%; text-align:center;color:#dc1c1c; }
	.business_sub5_txt ul.box_sp	{ float:left;  width:100%;  margin-top: 30px; }
	.business_sub5_txt ul.box_sp li	{ float:left;display: inline-block;width:47.9%;margin: 0.9%;   text-align:center;border: 1px solid #ddd}
	.business_sub5_txt ul.box_sp li span.tt	{ color:#31b97f;display: inline-block;width: 96%; font-size:16px;text-align:center;font-weight:bold;padding: 4% 2%;background: #f1f1f1 }
	.business_sub5_txt ul.box_sp li span.st	{display: inline-block; width: 96%; padding:5% 2%;}
	
	.business_body_level1 ol		{ margin:0; padding:10px;}
	.vol_party_layout	{ overflow:hidden; margin-bottom:8px; }
	.vol_party_li		{ display:inline; text-align:center; float:left; background:url("/image/common/aw_pc.gif") no-repeat 96% center; width:16.75%; padding:0 3% 0 0;}
	.vol_party_li5		{ padding:0; margin:0; background:none  !important; width:20% }
	
	.vol_party2_layout	{ overflow:hidden; margin-bottom:8px; }
	.vol_party2_li		{ display:inline; text-align:center; float:left; background:url("/image/common/aw_pc.gif") no-repeat 96% center; width:13.95%; padding:0 3% 0 0;}
	.vol_party2_li2		{ display:inline; text-align:center; float:left; background:url("/image/common/aw_plus.gif") no-repeat 96% center; width:13.95%;  padding:0 3% 0 0;}
	.vol_party2_li5		{ padding:0; margin:0; background:none  !important }
	
	.vol_party3_layout	{ overflow:hidden; margin:15px 0; padding:0; }
	.vol_party3_li		{ display:inline; text-align:center; float:left; background:url("/image/common/aw_pc.gif") no-repeat 96% center; width:22.75%; 
	padding:0 3% 0 0;}
	.vol_party3_li4		{ padding:0; margin:0; background:none  !important; width:20% }	
	.vol_party_box strong		{ height:25px;}
	
 	.vol_party4_layout	{ overflow:hidden; margin:15px 0; padding:0; }
	.vol_party4_li		{ display:inline; text-align:center; float:left; background:url("/image/common/aw_pc.gif") no-repeat 96% center; width:16.75%; padding:0 3% 0 0;}
    .vol_party4_li5		{ padding:0; margin:0; background:none  !important; width:20% }	

	/* 센터소개 */
	.about_sub1_txt		{ text-align:center; font-size:28px; padding:20px 0 30px 0; color:#31b97f; line-height:160%}
	.about_sub1_txt2	{ line-height:30px; margin-bottom:30px; background:url(/image/about/ceo_image.jpg) no-repeat right bottom;}
	.about_sub1_txt3	{ line-height:26px; color:#000; clear:both; text-align:right}
	.about_sub1_txt3 strong	{ font-size:25px;}
	.about_sub1_txt4		{ display:none}


	/* 어린이재단소개 */	
	.about_sub2_txt1		{ text-align:center; font-size:28px; padding:20px 0 10px 0; color:#000; line-height:160%}
	.about_sub2_txt1 span	{ color:#31b97f;}
	.about_sub2_txt2		{ padding:0 50px; text-align:center; line-height:170%}
	
	.valuesList {width:100%;overflow:hidden; margin-top:20px}
	.valuesList li{float:left;width:50%;margin:0 0 50px 0}
	.valuesList li h5{margin-bottom:20px;font-size:20px;font-weight:bold;color:#31b97f}
	.valuesList li p{font-size:14px;line-height:24px;color:#666;line-height:24px; width:80%; height:50px; position:relative; padding-left:10px}
	.valuesList li p:before	{ position:absolute; content:"⦁"; color:#31b97f; top:1px; left:0;}



.about_grid {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    margin-bottom: 120px
}

.about_grid:last-child {
    margin-bottom: 0
}

.about_grid>.cont_left {
    width: 25%
}

.about_grid>.cont_left h5 {
    font-size: 36px!important;
    font-weight: 700!important;
    line-height: 44px!important
}
 

.about_grid>.cont_right {
    width: 75%;
    font-size: 16px;
    line-height: 24px;letter-spacing: -0.5px;
}

.about_grid>.cont_right p {
    margin-bottom: 30px;
    word-break: keep-all;
    text-align: justify
}

/*모바일버젼*/
@media all and (max-width:980px) {
	.about_grid>.cont_left {
    display: none
}

 
 

.about_grid>.cont_right {
    width: 100%; 
}
}
	
	
	/*우리복지관소개*/ 
	.about_sub3_txt1{width:780px;height:700px;margin:0 auto;background:url('/image/about/sub3_img_01.jpg') no-repeat 0 0;position:relative; margin:50px auto 0}
		.about_sub3_txt1 h5{padding:100px 0px 20px 0;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:normal}
		.about_sub3_txt1 .about_sub3_Box .bsn{position:absolute;top:370px;left:0}
		.about_sub3_txt1 .about_sub3_Box .bsn h6{margin:0 0 80px 0px;font-size:23px;color:#333;text-align:center;font-weight:bold}
		.about_sub3_txt1 .about_sub3_Box .bsn ul li{float:left;width:220px;line-height:22px; padding:0 20px;}
		.about_sub3_txt1 .about_sub3_Box .bsn ul li p.tt	{ color:#fff; font-size:18px; text-align:center; margin-bottom:40px; font-weight:bold}
		.about_sub3_txt1 .about_sub3_Box .bsn ul li ul.stt li	{ background:url(/image/common/dot.gif) no-repeat 0 6px; padding-left:10px;line-height:22px; margin-bottom:5px; letter-spacing:-1px}		
		.about_sub3_txt1 .about_sub3_Box .bsn ul li ul.stt li strong	{ color:#F60}
			
	.about_sub3_txt2 ul li			{ float:left; width:280px; border:1px solid #ddd; margin-left:30px; height:400px}
		.about_sub3_txt2 ul li p.tt		{text-align:center; font-size:16px; color:#fff; padding-top:20px}
		.about_sub3_txt2 ul li p.tt span	{ font-size:22px; font-weight:bold;}
		.about_sub3_txt2 ul li p.icon			{ width:90px; height:90px; margin:10px auto}
		.about_sub3_txt2 ul li div.stt 			{ margin:0 20px; }
		.about_sub3_txt2 ul li div.stt strong	{ background:url(/image/common/dot.gif) no-repeat 0 6px; padding-left:10px;line-height:24px; padding-top:5px}
		.about_sub3_txt2 ul li.list1 p.tt	{ height:80px; background:#ffca00;border-radius:0 0 50% 50%;}
		.about_sub3_txt2 ul li.list2 p.tt	{ height:80px; background:#c7da29;border-radius:0 0 50% 50%;}
		.about_sub3_txt2 ul li.list3 p.tt	{ height:80px; background:#00cbc7;border-radius:0 0 50% 50%;}
		.about_sub3_txt2 ul li.list1 p.icon	{ background:url(/image/about/sub3_icon_01.gif) no-repeat;}
		.about_sub3_txt2 ul li.list2 p.icon	{ background:url(/image/about/sub3_icon_02.gif) no-repeat;}
		.about_sub3_txt2 ul li.list3 p.icon	{ background:url(/image/about/sub3_icon_03.gif) no-repeat;}
	

/*2022 비전,미션,실천과제*/

.vision .sec_inner {
    padding: 50px 0;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-block;
}
.vision .cont_motion dl dt {
    float: left;
    width: 15%;
    padding-left: 18px;
    font-size: 18px;
    font-weight: 400;
}
.vision .cont_motion dl dd {
    float: left;
    width: 75%;
    font-size: 20px;
    font-weight: 400;
}
.vision .cont_motion dl dd .vision .sec3 .sec_inner .cont1 dl dt {
    padding-top: 130px;
}
.vision .cont1 dl dd .inner_box {
    width: 608px;
    height: 273px;
    padding-top: 35px;
    padding-right: 19px;
    margin-left: 82px;
    text-align: center;    
}
.vision .cont1 dl dd .bg1{
       background: url(/image/about/vi01_tt.png) 0 0 no-repeat; 
}
.vision .cont1 dl dd .bg2{
       background: url(/image/about/vi02_tt.png) 0 0 no-repeat; 
}

.vision .cont1 dl dd p.txt {
    letter-spacing: -1.5px;
    line-height: 140%;    
    padding-top: 35px;
    font-size: 21px;
    color: #333;
    font-family: 'S-CoreDream-5Medium';
}
.vision .cont1 dl dd span.type1 {
    letter-spacing: -1.5px;
    line-height: 140%;
    font-size: 21px;
    color: #a7d700;
    font-family: 'S-CoreDream-5Medium';    
}

.vision .cont1 dl dd span.type2 {
    letter-spacing: -1.5px;
    line-height: 140%;
    font-size: 21px;
    color: #00b8b4;
    font-family: 'S-CoreDream-5Medium';    
}
.vision .cont1 dl dd p.txt2 {
    letter-spacing: -1.5px;
    line-height: 140%;    
    font-size: 23px;
    text-align: center;
    color: #a7d700;
    font-family: 'S-CoreDream-5Medium';
    margin-left: 50px;
}

.vision .cont1 dl dd p.txt2_2 {
    letter-spacing: -1.5px;
    line-height: 140%;    
    font-size: 23px;
    text-align: center;
    color: #00b8b4;
    font-family: 'S-CoreDream-5Medium';
    margin-left: 50px;
}

.vision .cont1 img.bg_img {
    position: absolute;
    left: 69px;
    top: 311px;
    z-index: -1;
    width: 100%;
}


.vision .cont2 {
    position: relative;
    margin-bottom: 70px;
}

.vision .cont2 dl {
    position: relative;
    z-index: 1;
}

.vision .cont2 dl.list1 {
    padding-top: 30px;
    margin-bottom: 50px;
}

.vision .cont2 dl.list1 dt {
    padding-top: 135px;
}

.vision .cont2 .list {
    overflow: hidden;
    width: 800px;
    height: 320px;
    margin-top: 50px;
}

.vision .cont2 .bg1{
    background: url(/image/about/vi01_con.png) center 0 no-repeat;
}
.vision .cont2 .bg2{
    background: url(/image/about/vi02_con.png) center 0 no-repeat;
}

.vision .cont2 .list div {
    float: left;
    width: 198px;
    text-align: center;
    padding-top: 102px;
}

.vision .cont2 .list p.tt{
  font-size: 16px;
   color: #fff;
   letter-spacing: -1px;
   font-family: 'S-CoreDream-5Medium';
        
} 

.vision .cont2 .list ul{
    position: relative;
    padding-top: 50px;
}

.vision .cont2 .list li{
    font-size: 15px;
    color:#888;
    letter-spacing: -1.5px;    
    background: url(/image/common/bu_3.gif) no-repeat 0 7px;
    margin-left: 24px;
    padding-left: 15px;
    text-align: left;
    line-height: 150%;
}

.vision .cont2 ul li.li2 {
    margin-left: -27px;
}

.vision .cont2 ul li.li3 {
    margin-left: -27px;
}

.vision .cont2 ul li.li4 {
    margin-left: -37px;
}

.vision .cont2 dl.list2 dt {
    padding-top: 40px;
}

.vision .cont2 dl.list2 dd {
    text-align: center;
}

.vision .cont2 dl.list2 dd span {
    display: block;
    font-size: 66px;
    font-weight: bold;
}

/*모바일버젼*/
@media all and (max-width:980px) {
    .vision .cont_motion dl dt {
        float: left;
        width: 100%;
        padding-left: 0px;
    }

    .vision .cont_motion dl dd {
        float: left;
        width: 100%;
    }


    .vision .cont1 dl dd .inner_box {
        width: 338px;
        height: 338px;
        padding: 50px;
        margin-left: 0px;
        margin: 0 auto 50px;
        box-sizing: border-box;
    }  
    
    .vision .cont1 dl dd .bg1{
           background: url(/image/about/vi01_tt_m.png) 0 0 no-repeat; 
    }
    .vision .cont1 dl dd .bg2{
           background: url(/image/about/vi02_tt_m.png) 0 0 no-repeat; 
    }
       
    .vision .cont1 dl dd p.txt {
        padding-top: 60px;
    }
    .vision .cont1 dl dd p.txt2,
    .vision .cont1 dl dd p.txt2_2{
        padding: 20px 0;
        margin-left: 0;
    }
    .vision .cont1 img.bg_img {
    display: none;
    }
    
    .vision .cont2 dl.list1 dt {
        padding-top: 50px;
    }
    .vision .cont2 .list {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .vision .cont2 .bg1,
    .vision .cont2 .bg2{
          background: none;
    }       
   .vision .cont2 .list div {
        float: left;
        width: 100%;
        padding-top: 0;
        padding: 20px 0;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .vision .cont2 .list div br{
        display: none;
    }
    
    .vision .cont2 .list ul {
        margin: 10px 20px;
        background: #fff;
        padding: 15px 0;
        border-radius: 10px;
    }    
  
    .vision .cont2 div.li1 {
        margin-left: 0;
        background: #ffcf19;
    }
    
    .vision .cont2 div.li2 {
        margin-left: 0;
        background: #cddf3f;
    }
    .vision .cont2 div.li3 {
        margin-left: 0;
        background: #14cdba;
    }

    .vision .cont2 div.li4 {
        margin-left: 0;
        background: #197969;
    }
  
    
}

	/* 연혁 */
	.historyDiv{border-top:2px solid #333}
		.historyDiv li{border-bottom:1px solid #ddd; overflow:hidden; padding:50px 0;}
		.historyDiv li.end{border-bottom:0px solid #ddd;}
		.historyDiv li .year{width:150px; float:left; text-align:right; font-size:30px; color:#333; font-family:'NanumSquareB'; font-weight:normal;}
		.historyDiv li .hisTxt{width:750px; float:right; color:#777; overflow:hidden}
		.historyDiv li .hisTxt .txt{overflow:hidden; margin-top:10px}
		.historyDiv li .hisTxt .txt .month{width:120px; float:left; font-family:'NanumSquareB'; font-weight:normal; color:#555; padding-top:10px;}
		.historyDiv li .hisTxt .txt .history	{width:630px; float:left; border-bottom:1px solid #ddd; padding-top:10px;}
		.historyDiv li .hisTxt .txt .history p	{ padding-bottom:10px}
	

	/* 조직도 */
	#about_org	{ width:780px; height:430px; position:relative; background:url(/image/about/org_bg4.gif) no-repeat top; margin:20px auto}
	.org_01		{ width:220px; text-align:center; color:#fff; font-size:20px;  border-radius:30px; padding:20px 0; margin:0 auto; background:#ffc000}	
	.org_02		{ width:270px; position:absolute}
		.org_02_1	{ background:#92d050;border-radius:30px;text-align:center;padding:20px 0; color:#FFF; font-size:18px; width:180px;}
		.org_02_2	{ background:#00b0f0;border-radius:30px;text-align:center;padding:20px 0; color:#FFF; font-size:18px; width:180px;}
		.org_02_3	{ background:#fb9705;border-radius:30px;text-align:center;padding:20px 0; color:#FFF; font-size:18px; width:180px;}
		.org_03_3	{ margin-top:20px;}
		.org_03_3 li{ line-height:30px; margin-left:35px;background:url(/image/common/dot.gif) no-repeat 0 10px; padding-left:10px; letter-spacing: -0.5px;}		
		.org_p_1{ top:130px; left:40px;}
		.org_p_2{ top:130px; left:305px;}
		.org_p_3{ top:130px; left:570px;}
	
	.about_sub6			{margin:50px auto; background:url(/image/about/sub6_bg.jpg) no-repeat top left}
	.about_sub6:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
		.about_sub6	dl	{ margin-left:320px; padding-top:28px}
		.about_sub6	dl dt	{ width:100px; float:left;background:#31b97f; text-align:center;border-radius:20px; color:#FFF; line-height:30px; padding:10px 0;}
		.about_sub6	dl dd	{ width:500px; float:left; border-bottom:1px solid #14a668; height:30px; padding-top:20px; margin-left:20px}
		.about_sub6_m	{ display:none}
	
	#scrollTabs a 	{color: #6e6e6e;font-weight: 600;text-decoration: none;padding:10px 10px;position: relative;display:inline-block;cursor:pointer;float:left;margin-right:1px;}
		#scrollTabs .a:not(.active):hover {color: #555;border-color: #999;border-bottom-color:gainsboro;}
		#scrollTabs a:not(.active):active {color: #333;}
		
		#scrollTabs #scrollTabs_tab_container {float:left; position:relative; width:100%; border-bottom:#d6d6d6 1px solid; height:51px; }
		#scrollTabs #scrollTabs_tab_container a		  {background:#f7f7f7; float:left; text-align:center; color:#555;  width:90px; height:30px; line-height:30px;border-bottom:#d6d6d6 1px solid;border-top:#d6d6d6 1px solid;border-left:#d6d6d6 1px solid;}
        #scrollTabs #scrollTabs_tab_container a:last-child{border-right:#d6d6d6 1px solid}
		#scrollTabs #scrollTabs_tab_container a.end	  {border-right:#d6d6d6 1px solid;}
		#scrollTabs #scrollTabs_tab_container a.active		{ background:#31b97f; border-bottom:1px solid #14a668; color:#fff;}
		
		#scrollTabs #scrollTabs_content_container{position:relative;height:350px;padding:20px 0;overflow:hidden;background-color:white;z-index:50;}
		#scrollTabs #scrollTabs_content_container #scrollTabs_content_inner{position:relative; height:100%;}
		#scrollTabs #scrollTabs_content_container #scrollTabs_content_inner .scrollTabs_content{position:absolute; width:100%;}
		#scrollTabs #scrollTabs_content_container #scrollTabs_content_inner .scrollTabs_content span.row{float:left; clear:both;}


@media only screen and (min-width:1024px) {/* PC */
}

/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {


	ul.img	{ clear:both; margin-top:10px;}
	ul.img li		{ width:32.25%; float:left; margin-bottom:10px}
	ul.img li img	{ width:100%;}
	
	.chngSrvHead img{width:100%;}
	.chngSrvHead .txt{top:70%;}
	.chngSrvHead .txt img{width:67px;}
		
	#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}
	
	.mission-value li {width:200px;font-size:14px;}
	.mission-value li.sec_01 {text-align:left;left:10px;}
	.mission-value li.sec_03 {text-align:right;right:10px;}
}

/* 테블릿 세로 해상도 */
@media all and (max-width:980px) {

	.business	{ clear:both; border:none; }
		.business h3.tt		{ color:#000; padding:0; font-size:24px;}
		.business h3.tt br	{ display:none}
		.business_tt{ width:100%; height:40px; background: none; float: none; clear:both; padding-top:20px}
		.business_tt div.btn_view	{ position:absolute; top:20px; right:0; left:inherit}
			.btn_v				{display:inline-block; padding:5px 20px; border:1px solid #ddd; background:rgba(0,0,0,0.5); vertical-align:middle}
			a.btn_v				{ color:#fff;}
			a:hover.btn_v		{ color:#fff; border:1px solid #ddd; background:#d88607; }
		
		.business div.img{ clear:both; border-top:3px solid #d88607}
		.business div.img img{ width:100% }
		.business .txt	{ position:relative; clear:both; padding-top:10px;}
	.business_sub5_txt ul.box_sp	{margin-top: 10px  }
	.business_sub5_txt ul.box_sp li	{width:97.9%;margin:0.9%;  }
}

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

	div.con		{ padding-left:10px; line-height:180%}
	div.sub_img img	{ width:100%}

	ul.img	{ clear:both; margin-top:10px;}
	ul.img li		{ margin-bottom:3px; width:100%; clear:both}
	ul.img li img	{ width:100%;}
	ul.list_img3 li	{ float:left; width:100%;margin-bottom: 20px;}	ul.list_img4 li	{ float:left; width:100%;margin-bottom: 20px;}
    ul.list_img4 li p.st br{display: none;}
	.con_img p.img		{ width:100%; clear:both; margin-bottom:5px;}
	.con_img p.img img	{ width:100%;}
	.con_img div.txt{ clear:both; width:100%;}
	
	div.img img	{ width:100%}
	
	.charDiv .icon{float:left; margin-right:5%; width:13%}
	.charDiv .icon img{width:100%}
	.charDiv .txtArea{float:left; width:80%}
	
	div.submenu				{ clear:both;}
	div.submenu a			{ float:left; width:48.5%; padding:8px 0;}
	
	div.submenu2			{ clear:both;}
	div.submenu2 a			{ float:left; width:48.5%; padding:8px 0;}
	
	div.submenu3			{ clear:both;}
	div.submenu3 a			{ float:left; width:48.5%; padding:8px 0;}

	
	/* 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 #ccc;  border-bottom: 1px solid #ccc; }

	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
		white-space: normal;
		text-align:left;
	}

	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 23%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		border-right:1px solid #ddd; 
		letter-spacing:-1px
		
	}

	/*
	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 #ccc; *//* border-bottom: 1px solid #ccc;*/}
    #no-more-tables2 th { border-right:none;border-top: 1px solid #eee; text-align:center; }
    #no-more-tables2 td { 
        /* Behave  like a "row" */
        border: none;
        padding-bottom:10px;
        border-bottom: 1px solid #eee; 
        position: relative;
        /*padding-left: 28%; */
        white-space: normal;
        text-align:left; font-weight:400; 

    }

    
    
	/* table_style */
	.tb1 thead tr							{ display:none; }
	.tb1 tbody th							{ border-right:1px solid #f2f2f2; }
	.tbody_th								{ border-top:2px solid #222; text-align:left; }
	.tb1 tbody .responsive_tr				{ border-bottom:3px solid #f00 !important; }
	.tb1 td									{ text-align:left; }
	.tb1 td	br				{display:none !important;}
	.tb1 td, table.tb1 th	{ padding:8px 5px; }
	.col_5					{ width:25%}
	.bd_no_pc				{display:none !important;}
	
	.table_pc	{ display:none}
	.table_m	{ display: block}
	
	ul.list_img,ul.list_img2		{ clear:both; padding:10px 0;}
	ul.list_img li,ul.list_img2 li	{ float:left; width:100%; padding-right:0; padding-bottom:10px}
	ul.list_img li img,ul.list_img2 li img	{ width:100%;}
	ul.list_img li p.txt			{ width:100%}
	
		
	.listSrch{padding:12px 0;}
		.listSrch select{width:20%;}
		.listSrch input{width:30%;}
		.listSrch select.type2{width:60%;}
		.listSrch strong{font-size:13px}
		.listSrch .btnGry{font-size:13px; padding:8px 2% 7px;}

	.support_sub1_txt	{ border:none;}
	.support_sub1_txt p.img	{ width: 100%; }
		.support_sub1_txt p.img img	{ width:100%}
	.support_sub1_txt p.txt	{ width: 100%; padding-top:10px; font-size:16px; text-align:center}
	
	/* 나눔참여-반디소개 */
	.vandi_img			{ width:100%; text-align:center}
	.vandi_txt			{ width:100%; padding-top:25px; clear:both}
	
	.vandi_graph{margin:10px 0; width:100%}
	.vandi_graph ul{height: auto;margin:25px 0 0 0;background: none}
	
	.vandi_graph .vandi1,
	.vandi_graph .vandi2,
	.vandi_graph .vandi3,
	.vandi_graph .vandi4{float: none;width:100%;margin:10px 0}
	.vandi_graph .vandi1 strong,
	.vandi_graph .vandi2 strong,
	.vandi_graph .vandi3 strong,
	.vandi_graph .vandi4 strong{float: none; width:100%; color:#000; text-align:left}
	.vandi_graph .vandi1 br,
	.vandi_graph .vandi2 br,
	.vandi_graph .vandi3 br,
	.vandi_graph .vandi4 br{ display:none}
	.vandi_graph .vandi1 span,
	.vandi_graph .vandi2 span,
	.vandi_graph .vandi3 span,
	.vandi_graph .vandi4 span{float:none;text-align:left; clear:both; padding-top:5px}
	
	.vandi_process ul			{ padding:20px;}
	.vandi_process ul li	 	{ height: auto; width:100%; padding:20px 0; clear:both}
	.vandi_process ul li.bar2 	{ border-bottom:none}
	.vandi_process ul li p.img	{ float:left; width:30%}
	.vandi_process ul li p.txt	{ float:left; width:70%}
	
	
	/*사업안내*/
	.business_sub1_txt	{font-size:22px; padding-top:10px; line-height:160%}
	.business_sub1_txt2 p.img		{ float: none; width:100%; }
	.business_sub1_txt2 p.img img	{ width:100%; }
	.business_sub1_txt2 p.txt		{ float: none; width:85%; line-height:24px; margin:0 auto}
	
	.chngSrvHead img{width:100%}
	.chngSrvHead .txt img{width:20px; display:none}
	.chngSrvHead .txt{position:relative; top:0; left:0; line-height:22px; background:none; height:auto; margin:0}
	.chngSrvHead .txt p{color:#333; margin:10px 0 0 0;}
	.chngSrvHead .txt p br{ display:none}
	
	
	.vol_party_layout .vol_party_li		{ width:100%; margin-bottom:10px; padding:0 0 20px 0; background:url("/image/common/aw_mo.gif") no-repeat center bottom;}
	.vol_party_box 	{   border:1px solid #ededed; padding:5px 0 }
	.vol_party_inbox	{ padding:10px 0; }
	
	.vol_party2_layout .vol_party2_li	{ width:100%; margin-bottom:10px; padding:0 0 20px 0; background:url("/image/common/aw_mo.gif") no-repeat center bottom; }
	.vol_party2_layout .vol_party2_li2	{ width:100%; margin-bottom:10px; padding:0 0 20px 0; background:url("/image/common/aw_plus.gif") no-repeat center bottom;}
	
	.vol_party3_layout .vol_party3_li	{ width:100%; margin-bottom:10px; padding:0 0 20px 0; background:url("/image/common/aw_mo.gif") no-repeat center bottom;}
	
    .vol_party4_layout .vol_party4_li	{ width:100%; margin-bottom:10px; padding:0 0 20px 0; background:url("/image/common/aw_mo.gif") no-repeat center bottom;}
    
	
	
	ol.business_sub1_txt3{position:relative;width:100%;height: auto;background: none; padding:0; margin:0;}
		ol.business_sub1_txt3 li{margin-bottom:15px;font-size:15px;}
		ol.business_sub1_txt3 li strong{display:block;margin:0 0 3px 0;font-size:20px;}
		ol.business_sub1_txt3 li span{display:block;line-height:24px;letter-spacing:-1.5px;vertical-align:top}
		ol.business_sub1_txt3 li.explain1{text-align:left;position: relative;top:0;left:0; width:100%;}
		ol.business_sub1_txt3 li.explain2{position: relative;top:0;left:0; width:100%;}
		ol.business_sub1_txt3 li.explain3{text-align:left;position: relative;top:0;left:0; width:100%;}
		ol.business_sub1_txt3 li.explain4{position: relative;top:0;left:0; width:100%;}
		

	ul.business_sub1_txt4{width:100%;height: auto;background: none; padding:0; margin:0;}
		ul.business_sub1_txt4 li{ color:#00cbc7; text-align:center}
		ul.business_sub1_txt4 li{float:left;width:45%;height: auto; border:2px solid #ddd; margin: 0 2% 2% 0; padding:20px 0;}
		ul.business_sub1_txt4 li strong{display:block;font-size:20px;margin:0; font-weight:bold;}
		ul.business_sub1_txt4 li.list3{float:left}
		ul.business_sub1_txt4 li.list2 strong,
		ul.business_sub1_txt4 li.list3 strong,
		ul.business_sub1_txt4 li.list4 strong{margin:0}

	ul.business_sub1_txt5{width:100%;height: auto;background: none; padding:0; margin:0;}
		ul.business_sub1_txt5 li	{ color:#000}
		ul.business_sub1_txt5 li	{width:27%; height:40px;text-align:center; padding:20px 5px;line-height:20px; float:left;border:2px solid #ddd; margin: 0 2% 2% 0;}
		ul.business_sub1_txt5 li.list2, 
		ul.business_sub1_txt5 li.list3,	
		ul.business_sub1_txt5 li.list4,  
		ul.business_sub1_txt5 li.list5, 
		ul.business_sub1_txt5 li.list6,  
		ul.business_sub1_txt5 li.list7,  
		ul.business_sub1_txt5 li.list8  { position: relative; top:0; left:0}


	ul.business_sub4	{width:100%;height: auto;background: none; padding:0; margin:0;}
		ul.business_sub4 li	{float:left;width:100%; padding-top:20px}
		ul.business_sub4 li	p.img img	{ width:100%}
	
	
	.business_sub4_txt2		{ background:url(/image/business/sub4_bg_03.jpg) no-repeat right bottom; border:1px solid #ddd;border-radius: 10px; line-height:24px; padding:20px}
	
	.business_sub5_txt p.img	{ width:100%; text-align:center}
	.business_sub5_txt p.txt	{ width:100%; clear:both; padding-top:10px}
	
	/*복지관소개 */
	.about_sub1_txt2	{ background:none; text-align:center; margin:0 5%}
	.about_sub1_txt3	{ padding-top:20px; text-align:center}
	.about_sub1_txt4	{ display:block; border-bottom:2px solid #31b97f; margin-bottom:20px}
	
	
	
	.valuesList li{float:left;width:100%;margin:20px 0 0 0}
	.valuesList li h5{ margin-bottom:10px}
	.valuesList li p{ width:100%}
	
	/*우리복지관소개*/ 
	.about_sub3_txt1{width:100%;height: auto;margin:0 auto;background: none;position:relative; margin:0}
		.about_sub3_txt1 h5{padding:40px;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:normal;border-radius:100%; background:#00cc9b; width:200px; margin:0 auto}
		.about_sub3_txt1 .about_sub3_Box .bsn{position:relative;top:0;left:0}
		.about_sub3_txt1 .about_sub3_Box .bsn h6{ display:none}
		.about_sub3_txt1 .about_sub3_Box .bsn ul li{float:left;width:100%;line-height:22px; padding:0 20px;}
		.about_sub3_txt1 .about_sub3_Box .bsn ul li p.tt	{ color:#000; text-align:left; margin:20px 0 10px 0; }
		.about_sub3_txt1 .about_sub3_Box .bsn ul li p.tt br	{ display:none}
			
	.about_sub3_txt2 ul li			{ float:left; width:100%; margin-left:0; height: auto; margin-bottom:10px; padding-bottom:10px}
	
	.historyDiv		{ clear:both; margin-top:20px}
	.historyDiv li	{padding:30px 5%; width:90%;}
	.historyDiv li .year{width:100%; float:none; text-align:left; font-size:18px;}
	.historyDiv li .hisTxt{width:100%; float:none;}
	.historyDiv li .hisTxt .txt{margin-top:15px; line-height:22px}
	.historyDiv li .hisTxt .txt.mt30{margin-top:25px !important}
	.historyDiv li .hisTxt .txt .month{width:25%;}
	.historyDiv li .hisTxt .txt .history{width:75%;}
	
	#contents_sitemap .cate_line .cate{width:100%; height:auto; margin:20px 0 10px 0px; clear:both}
	
	
	#about_org	{ width:100%; height: auto; position:relative; background: none; margin:20px auto}
	.org_01		{ width:100%;}	
	.org_02		{ width:90%; position: relative; margin-left:10%}
		.org_02_1,
		.org_02_2,
		.org_02_3	{ width:80%; margin-top:15px; padding:15px 0;}
				
		.org_p_1,
		.org_p_2,
		.org_p_3{ top:0; left:0;}
	
			
	.about_sub6			{ width:100%; margin:20px auto 40px; height:auto; background:none}
		.about_sub6	dl	{ margin-left:0px; padding-top:0}
		.about_sub6	dl dt	{ width:25%; height:45px}
		.about_sub6	dl dd	{ width:70%; height:45px; margin-left:5%; padding:10px 0;}		
		.about_sub6_m	{ display:block; clear:both; width:100%; height:40px;}
		
	#scrollTabs{float:left; clear:both;position:relative; width:100%;margin:0px;padding:0;margin-top:0;}
	#scrollTabs #scrollTabs_tab_container{float:left; position:relative; z-index:100; background:none; border:none}
	#scrollTabs #scrollTabs_tab_container a		  {display:inline-block; vertical-align:middle; width:31.5%; height:20px;
	color:#45464a; border:1px solid #ddd; margin:0.3%; line-height:20px; padding-top:15px; font-size:15px; background: #f7f7f7}
	#scrollTabs #scrollTabs_tab_container a.active{color:#fff; background:#31b97f; width:31.5%; height:20px; padding-top:15px; line-height:20px; font-size:15px}
	#scrollTabs a	{ padding:10px 0;}
	
	
}	


   /*모바일일때-좌우스크롤*/
    
    /* 모바일 해상도 */
    @media all and (max-width:800px) {


    	.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: #f9f9f9;
            border-radius: 5px;
    	    z-index: -1
    	}

    	.ovf:before {
    	    width: 360px;
    	    height: 35px;
    	    position: absolute;
    	    left: 10px;
    	    top: 15px;
    	    font-size: 15px;
    	    letter-spacing: -0.05em;
            color: #999;
            font-weight: 600;
            text-align: center;
    	    display: block;
    	    content: "← 손가락으로 좌우 스크롤 하세요 →";
    	    box-sizing: border-box;
    	    line-height:35px;
    	}

    	.ovf table {
    	    width: 620px !important
    	}
} 




/*오시는길*/

mark.ivory{
  background-color: #ffefcc;
}





/*-----------------------------------------------------------------------------------------------------------
일정
-----------------------------------------------------------------------------------------------------------*/


	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; width:113px; 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:5px; text-align:center;} /* 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:#e5f6e9}
	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;}



	table.schedule_table_it{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;border-collapse:collapse;}
	table.schedule_table_it 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_it thead tr th.sun{color:#d25656}
	table.schedule_table_it thead tr th.sat{color:#1f60b7}
	table.schedule_table_it thead tr th{border-right:1px solid #e0dede}
	table.schedule_table_it thead tr th:first-child{/*width:50px; */border-left:1px solid #e0dede}
	table.schedule_table_it thead tr th span{display:block; height:39px; line-height:39px;}
	
	table.schedule_table_it tbody tr td{height:109px; /*width:113px;*/ border-top:1px solid #e0dede; border-right:1px solid #e0dede; vertical-align:top; }
	table.schedule_table_it tbody tr:first-child td{border-top:0px;}
	table.schedule_table_it tbody tr td:first-child{border-left:1px solid #e0dede}
	table.schedule_table_it tbody tr td div{/**overflow:hidden; *//*width:82px;*/ /*width: auto;*/padding:5px 0; text-align:center;} /* height:89px; */ 
	table.schedule_table_it tbody tr td:first-child div{}
	table.schedule_table_it tbody tr td div span{display:block; font-size:11px; color:#333; font-weight:bold; margin-bottom:5px; text-align:left;}
	table.schedule_table_it tbody tr td.sun div span {font-size:11px; color:#d25656}
	table.schedule_table_it tbody tr td.sat div span {font-size:11px; color:#1f60b7}
	table.schedule_table_it tbody tr td.pre_mon div span a,
	table.schedule_table_it tbody tr td.next_mon div span a{font-size:11px; color:#aaa}
	
	table.schedule_table_it tbody tr td.schedule{background:#f2f2f2;}
	table.schedule_table_it 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_it tbody tr td.schedule div a.schedule_title:hover{font-weight:bold; letter-spacing:-1px; text-decoration:underline;}
	table.schedule_table_it 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_it 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_it tbody tr td.today{background:#e5f6e9}
	table.schedule_table_it tbody tr td.today div span a{color:#fff;}
	table.schedule_table_it tbody tr td.today div a.schedule_title{ color:#fff;}
	table.schedule_table_it tbody tr td.today div a.more{background:url("../img/more_white.png") 0 0 no-repeat;}
	table.schedule_table_it 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-bottom:20px; text-align:center;}
		.schedule_top a{display:inline-block; *display:inline; zoom:1; height:32px; line-height:32px;  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:#125316; 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;}*/
		.schedule_top{padding:30px 0; text-align:center;}
		.schedule_top a{display:inline-block; zoom:1; width:32px; height:32px; background:url(/image/common/com_img.png) no-repeat;}
		.schedule_top a.pre_mon{margin-right:45px; background-position:-3px -90px }
		.schedule_top a.next_mon{margin-left:45px; background-position:-35px -90px}
		.schedule_top span{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#f66d4b; 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;}
		.sch_btn	{ clear:both; text-align:right; padding-top:10px;}
		

.schedule_list{height: 30px;position: relative}

	.pop_wrap{/*position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;*/}
		.pop_wrap .pop{/*position:absolute; top:50%; left:50%; z-index:250;*/ width:350px; min-height:188px; padding-bottom:65px; border:2px solid #bf0000; background:#fff}
		.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:#bf0000; 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; min-height:130px;}
		.pop_wrap .pop .pop_con ul li:first-child{border-top:0px;}
		
		.pop_wrap .pop .pop_con ul.schedule_write{padding:10px 0;} /* 일정작성 */
		.pop_wrap .pop .pop_con ul.schedule_write li{position:relative; padding:15px 0;}
		.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; padding-left:15px}
		.pop_wrap .pop .pop_con ul.schedule_write li textarea{width:268px; height:180px; border:1px solid #ccd5e0; padding:0; color:#666; font-size:12px;}
		.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); }
		
		

/* 모바일 해상도 */
@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:#000; 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:#e5f6e9;}
	table.schedule_mobile td.today a{display:block;color:#fff;}

	table.schedule_mobile th.sun  {color:#d25656}
	table.schedule_mobile th.sat  {color:#1f60b7}
	
	table.schedule_mobile {display:block;}
	table.schedule_table  {display:none;}
	.sch_btn	{ display:none}
	
	.schedule_list span.btn_g1,.schedule_list span.btn_r1,.schedule_list span.btn_r2,.schedule_list span.btn_y1{padding: 1px;font-size: 7px;margin-right: 1px;}
	.schedule_list  {font-size: 15px!important;letter-spacing: -0.5px;}
}


/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소식지
-----------------------------------------------------------------------------------------------------------*/

	
	/*소식지*/
	.paper_all     { width:100%; clear:both; min-height:220px; border:1px solid #ddd; margin-bottom:10px; padding:30px; box-sizing:border-box}
	.paper_all:after {content:'';display:block;clear:both;height:0;visibility:hidden}
	.paper_all li  { clear:both;}
	.paper_left    { width:30%; float:left; text-align:center;}
	.paper_center  { width:55%; float:left; text-align:center;} 
	.paper_center li { clear:both; text-align:center; line-height:25px;}
	.paper_right   { width:40%; float:right; line-height:160%; letter-spacing:-1px;}
	.paper_right ul{ border-left:1px solid #ddd; padding-left:15px; line-height:160%}
	.paper_title   { font-size:1.25em; font-weight:400; color:#44bcb4; margin-bottom:10px; margin-top:15px; padding-left:20px} 
	.btn_pager_mobile  { display:none}
	.paper_nodata	{width:100%;text-align:center; padding:50px 0; font-size:14px; border-top:2px solid #000; border-bottom:1px solid #ccc; margin-top:20px}
	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.paper_all     { width:100%; clear:both; height: auto}
		.paper_left    { width:100%; float: none; text-align:center;}
		.paper_center  { width:100%; float:none;}
		.paper_right   { display:none}
		.paper_title   { text-align:center; padding-left:0} 
		.btn_pager_mobile  { display: block}
		.btn_pager_pc  { display:none}
	
	}
/*-----------------------------------------------------------------------------------------------------------
등록 비번확인
-----------------------------------------------------------------------------------------------------------*/
 
.login_wrap			{position:relative; width:65%; border:1px solid #E9E9E9; border-top:0px solid #5c699e; margin: 40px auto;   border-radius: 20px}
.login_box					{ width:100%; margin-bottom: 40px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.login_box dl.login			{  width:100%; padding:20px 0; margin: 0 auto; overflow: hidden;}
	.login_box dl.login dt		{ /*float:left; */width:100px; font-size:18px;  font-weight:500;/*background:url(/image/common/ico_arr.gif) no-repeat 5px 2px; */padding:4px 0 0 15px; height:30px}
	.login_box dl.login dd		{ /*float:left; */ margin: 20px auto;width:350px; height:30px; text-align: center;}
	.login_box input[type=text]		{ background-color:#f3f3f3; border:1px solid #ddd; width:90%; height:30px;border-radius: 20px;padding-left: 20px;}
	.login_box input[type=password]	{ background-color:#f3f3f3; border:1px solid #ddd; width:90%; height:30px;border-radius: 20px;padding-left: 20px;}
	.login_wrap	.login_txt	{ height:60px;  border-top:20px solid #31b97f; clear:both; margin-top:40px;  padding:90px 25px 25px!important; background:url(/image/support/login2.png) no-repeat center top #31b97f; color: #fff;border-radius: 20px 20px 0px 0px;}
	.login_wrap	.login_txt span { line-height:37px; font-weight:600; font-size: 21px;  }
	
	.login_bt {  width:55%; box-sizing:border-box;  padding:12px 15px; border:1px solid #31b97f; border-radius: 3px; text-align:center; margin: 0 auto; background-color:#31b97f;  }
    .login_bt:hover { border:1px solid #62ac09; background-color:#62ac09;}
    .login_bt a {color: #fff; padding:8px 15px;font-size: 21px}


	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
	.login_wrap			{  width:96%;  }
	.login_box dl.login			{width: 90%; padding:20px 0; margin: 0 auto; overflow: hidden;}		
	.login_box dl.login dd		{ width:80%;margin: 0px auto; }	
	.login_wrap	.login_txt	{ height:auto;  }
		
	.login_bt { width:73%;  border-radius: 20px}
	}



/*-----------------------------------------------------------------------------------------------------------
함께 IT(잇)는 초록우산 놀이터 - 신청페이지
-----------------------------------------------------------------------------------------------------------*/

.kidsNum_box{padding: 5px; display: inline-block; width: 18%}
.k_bar{color:#ddd;}
.ad_form{border:2px dashed #ddd;}
.ad_txt{ display: inline-block; padding-top: 10px;}
/* 모바일 해상도 */

@media all and (max-width:800px) {	
    .kidsNum_box{width: 80%}
    .k_bar{display: none}
}


/*신청페이지 예약전 필독*/
.rev_note{position: relative;}
.rev_note .con{border-radius: 10px; padding: 25px; box-sizing: border-box; display:flex; background: url(/image/support/cal_bg_01.png) no-repeat 38px bottom #f9f9f9}
.rev_note .tt{font-size:17px; color: #cf3b36; font-weight: bold;display: inline-block; width: 22%; padding-left: 3%; }
.rev_note .tt span{font-size:20px;color: #cf3b36; font-weight: bold;}
.rev_note .txt{display: inline-block;margin-left: 25px;}
.rev_note .txt li{line-height: 120%; margin-bottom: 8px;}
.rev_note .txt li:last-child{margin-bottom: 0;}
.rev_note .txt span.num{display: inline-block; width: 15px; height: 15px; border-radius: 50%; color: #fff; font-weight: bold; vertical-align: middle; background: #396a5a;text-align: center;padding:3px; font-size: 12px;margin-left: -25px;}


@media all and (max-width:800px) {
    .rev_note .con{padding: 15px; flex-direction:column;background:#f9f9f9;}
    .rev_note .tt{width: 100%; padding-bottom: 10px; padding-left: 0}
/*    .rev_note .tt span{display: block;}    */
    
}




/*-----------------------------------------------------------------------------------------------------------
보드랑
-----------------------------------------------------------------------------------------------------------*/
	ul.list_txt3	{ clear:both; padding:0px 0;}
	ul.list_txt3 li	{ float:left; width:31%;margin-right: 2%;border: 1px solid #ddd; border-radius: 10px;}
	 
	ul.list_txt3 li p.tt{ padding:10px 5px 10px 5px; clear:both; line-height:160%; text-align:center;font-size: 17px;background: #31b97f; color: #fff;font-weight: bold;border-radius: 10px 10px 0 0;}
 
	ul.list_txt3 li p.txt{ padding:10px 5% 10px 5%; clear:both; line-height:160%; text-align:center; font-size: 16px;width:90%;height: 80px }
 


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

 
	ul.list_txt3 li	{ float:left; width:100%;margin-bottom: 20px;}
	ul.list_txt3 li p.txt{  height: auto}
	}



/*보드랑 신청하기*/


.brang_btn{
    width: 100% !important;
    padding: 1px !important;
    position: relative;
    box-sizing: border-box;
}


.brangDetail{
    display:none;
    position: absolute;
    width: 92% !important;
    margin: 0 5% 0 3.5%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    top: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    z-index: 1;

}

.brangDetail .rev_box{
    width: 100% !important; 
    box-sizing: border-box;
    font-size: 13px;
    padding: 3px;
    text-align: left;
     /*margin: 5px 0;*/
}


.brangDetail .rev_box a{
        display: inline-block;
    padding: 5px;
    background: #ffe39b;
    border:1px solid #fcd778;    
    border-radius: 5px;
    font-size: 11px;
    color: #333;
    letter-spacing: -.8px; 
}

.brangDetail .rev_box a:hover{
        background: #fcd778;
}


.brangDetail .rev_box .btn_y1{
    background: #ccc;
    border:1px solid #bbb;    
    border-radius: 5px;
    color: #333;
}
.brangDetail .rev_box .btn_y1:hover{
   background: #ccc;    
}



/*it놀이터 신청하기*/


.it_btn{
    width: 100% !important;
    padding: 1px !important;
    position: relative;
    box-sizing: border-box;
}


.itDetail{
    display:none;
    position: absolute;
    width: 92% !important;
    margin: 0 5% 0 3.5%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    top: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    z-index: 1;

}

.itDetail .rev_box{
    width: 100% !important; 
    box-sizing: border-box;
    font-size: 13px;
    padding: 3px;
    text-align: left;
     /*margin: 5px 0;*/
}


.itDetail .rev_box a{
        display: inline-block;
    padding: 5px;
    background: #ffe39b;
    border:1px solid #fcd778;    
    border-radius: 5px;
    font-size: 11px;
    color: #333;
    letter-spacing: -.8px; 
}

.itDetail .rev_box a:hover{
        background: #fcd778;
}


.itDetail .rev_box .btn_y1{
    background: #ccc;
    border:1px solid #bbb;    
    border-radius: 5px;
    color: #333;
}
.itDetail .rev_box .btn_y1:hover{
   background: #ccc;    
}


/*mom놀이터 신청하기*/


.mom_btn{
    width: 100% !important;
    padding: 1px !important;
    position: relative;
    box-sizing: border-box;
}


.momDetail{
    display:none;
    position: absolute;
    width: 92% !important;
    margin: 0 5% 0 3.5%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    top: 60px;
    border: 1px solid #ddd;
    border-radius: 10px;
    z-index: 1;

}

.momDetail .rev_box{
    width: 100% !important; 
    box-sizing: border-box;
    font-size: 13px;
    padding: 3px;
    text-align: left;
     /*margin: 5px 0;*/
}


.momDetail .rev_box a{
        display: inline-block;
    padding: 5px;
    background: #ffe39b;
    border:1px solid #fcd778;    
    border-radius: 5px;
    font-size: 11px;
    color: #333;
    letter-spacing: -.8px; 
}

.momDetail .rev_box a:hover{
        background: #fcd778;
}


.momDetail .rev_box .btn_y1{
    background: #ccc;
    border:1px solid #bbb;    
    border-radius: 5px;
    color: #333;
}
.momDetail .rev_box .btn_y1:hover{
   background: #ccc;    
}


/*-----------------------------------------------------------------------------------------------------------
사업안내도
-----------------------------------------------------------------------------------------------------------*/
.bs_g_box {/*width: 31.3%;*/width:48%;  position: relative;  margin:70px 1% 60px; display: inline-block;float: left;}
.bs_g_box img {width: 80px;height: 80px;padding: 10px!important; background: #fff;  border-radius: 50%;position: absolute;content:'';display:block;/*clear:both; visibility:hidden;*/z-index: 33;top:-70px; left:50%;transform: translateX(-50%);}
.bs_g_box p{float: left;width: 100%;  font-family: 'Katuri'; color: #fff;font-size: 24px;text-align: center;/*margin: 15px 2% 15px 0;*/ }
.bs_g_box p.g1{ background: #c7da1c; line-height: 70px;/*width: 130px;height: 80px;padding-top: 50px;*/ padding-top: 20px;border-radius: 10px;text-align: center;  }
.bs_g_box p.g2{ background: #94c41c; line-height: 70px;/*width: 130px;height: 80px;padding-top: 50px; */padding-top: 20px;border-radius: 10px;text-align: center;    }
.bs_g_box p.g3{ background: #5caa1a; line-height: 70px;/*width: 130px;height: 80px;padding-top: 50px;*/ padding-top: 20px;border-radius: 10px;text-align: center; }
.bs_g_box ul.list	{ float: right; width: 100%;margin-top: 10px;  }
.bs_g_box ul.list li {float: left; width:92.9%;   border: 2px solid #eee; border-radius: 10px;   line-height: 24px;/*padding:15px 2%;*/padding:20px 3%; margin: 5px 0.9%;display: inline-block;  text-align: center; }
.bs_g_box ul.list li strong {color: #006a59;background: #f0f6e7; width: 100%;border-radius: 10px; display: inline-block;  font-weight: bold;padding: 10px 0;margin-top: 10px;}
.bs_g_box ul.list li.w3{float: left; width:97%; text-align: center;   border: 2px solid #eee; border-radius: 10px;   line-height: 24px;padding:15px 1.5%;margin:  5px 0.9%;display: inline-block;  }


/*사업안내 폼*/

	ul.business_img			{ clear:both; margin-top:20px;}
	ul.business_img li		{ display: inline-table;width:32%; margin-bottom:10px; margin-right:1.3%; text-align:center; box-sizing:border-box; line-height:20px}
	ul.business_img li:last-child    { margin-right:0px!important}
    ul.business_img li img			{ width:100%; border-radius:10px}
    @media all and (max-width:980px) {	
    ul.business_img li		{ width:100%; margin-right:0; text-align:center; }
    }	

	.business_box{ 
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: inline-block;
    border-top: 2px solid #52bc15;
    border-bottom: 1px solid #aaa;
    padding: 12px 0;
    box-sizing: border-box;}

	.business_box th		{  padding:13px 25px; background: url(/image/business/th_line.png)no-repeat right 14px;padding-left: 30px; /*background-color:#f2f2f2;*/ color:#000;font-size: 16px; font-weight:600;text-align: left; vertical-align: top}
	.business_box td{padding:10px 8px 10px 28px; line-height:180%;}
 
	.business_box td span.type1		{ padding:3px 20px!important; color:#006a59;  background-color:#f0f6e7;border-radius: 10px;display:inline-block;margin: 10px 0 5px;font-size: 16px; font-weight:bold; margin-left: -5px;}



    .box_in_tb	  { width:100%; border-collapse:collapse;	border-spacing:0;  margin:10px 0; border-top: 1px solid #ddd; }
	.box_in_tb th,
	.box_in_tb td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 8px; line-height:150%; background-color:#f5f5f5; color:#333;text-align: center; vertical-align:middle; font-size: 15px; }
	.box_in_tb thead th			{ font-weight:bold; }
	.box_in_tb tbody th			{ background-color:#fafafa; font-weight:bold; background-image: none; }
	.box_in_tb td					{ background-color:#fff; text-align:center; }


	@media all and (max-width:980px) {	
    .business_box th		{  background:#fafafa;border-bottom: 1px solid #ddd;font-size: 16px;}
    .business_box td {padding: 10px; }
		
	.bs_g_box {width: 97%;  }
        
}
    ul.box_in_list{display: inline-block;padding-bottom: 10px; border-bottom: 1px solid #ddd;}
    ul.box_in_list p{font-weight: bold;color: #000; padding-bottom: 5px;float:left}
    ul.box_in_list li{margin:3px 0; float:right; width: 80%;}
    ul.box_in_list li span{ background: #fafafa; display: inline-block; padding: 2px 10px; border-radius: 10px; font-weight: bold}

 

/*-----------------------------------------------------------------------------------------------------------
레이어팝업
-----------------------------------------------------------------------------------------------------------*/
	 #my-dialog2 {display: block;
   /* display: none;*/ 
    position: fixed;
    /*left: calc(50% - 170px);*/left:50%; transform: translateX(-50%);
    top: 40%;
   /* width: 344px;
    height: 322px;*/
   /* background: #fff;*/
    z-index: 11;
    padding: 10px;
}
	#mask2{position:fixed; z-index:30; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6);display: block; /*display:none;*/max-height: inherit; margin: 0} 	
	.pop_wrap2{ position: relative; top:0; left:0; z-index:200; width:100%; height:100%; }
		.pop_wrap2 .pop2{ position:absolute; top:18%; left:50%; transform: translateX(-50%); z-index:250; width: 340px; height:220px;   border: 5px #006a59 solid; border-radius: 100px; background:#fff;overflow-y: scroll;overflow: hidden;/* background: linear-gradient(-15deg, #d70b8c, #006a59) !important;*/}
		.pop_wrap2 .pop2 .pop_title{ margin-top: 20px;  text-align:center;line-height:40px; color:#000; font-size:20px; font-weight:bold; padding-top:30px}
/*		.pop_wrap2 .pop2 strong{display:block; height:40px; line-height:40px; color:#000; font-size:20px; font-weight:bold; padding-top:30px}*/
		.pop_wrap2 .pop2 .pop_title span{font-weight: 700; font-size:20px; text-align:left;color: #FF0004  }
		.pop_wrap2 .pop2 .pop_con2{padding:0px 20px; box-sizing: 100%;  } 
	/*	.pop_wrap2 .pop2 .pop_con2 ul li:first-child{border-top:0px;}*/
		
/*		.pop_wrap2 .pop .pop_con ul.schedule_write{width: 100%; padding:10px 0 15px;border-bottom:1px solid #ccd5e0; display: inline-block;}  
		.pop_wrap2 .pop .pop_con ul.schedule_write li{position:relative; width: 100%;box-sizing: border-box; display: inline-block;color:#555; font-weight: 400; }
		.pop_wrap2 .pop .pop_con ul.schedule_write li.tt{ position:relative;width: 100%;box-sizing: border-box; float:left;color:#000;  border-top:2px solid #0b3c6b; border-bottom:1px solid #ccd5e0; padding:10px 20px 10px 43px; font-weight: 400;font-size:16px; background:url(/img/rental/i_02.png) no-repeat 15px 51% #f8f8f8; background-size: 20px; display: inline-block}*/
/*
		.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li.r_tt{ position:absolute;width: 60%;  right:0px;content: ""; top:141px;color:#000;   font-weight: 400;font-size:16px; background:url(/img/rental/i_01.png) no-repeat 15px 51%  ; padding-left: 40px; background-size: 20px; display:  block; }

		.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li.st2{ position:relative;width: 100%;box-sizing: border-box; float:left;color:#000;    border-bottom:1px solid #ccd5e0; padding:10px 20px 10px 43px; font-weight: 400;font-size:16px; background:url(/img/rental/i_04.png) no-repeat 15px 51% #f8f8f8; background-size: 20px; display: inline-block}

		.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li.st{ position:relative;width: 100%; box-sizing: border-box; float:left; color:#d70b8c; padding:10px 10px; font-weight: 400; font-size:17px; display: inline-block}
		.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li.txt{ position:relative;width: 100%;box-sizing: border-box; float:left; padding:5px 10px ; font-weight: 300;  display: inline-block;color:#555;font-size:15px;}
		.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li.txt span{display:block; font-size:15px;float:left; padding-left:15px;color:#000; font-weight: 400; background:url(/img/common/path_arrow.gif) no-repeat left 50%;margin-right: 10px} 
		.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li:last-child {padding-bottom:0;}*/
		
		.pop_wrap2 .pop2 .pop_con2 .pop_bt2{position:relative;margin-top: 30px; width:100%; text-align:center; /*border-bottom:1px solid #ddd;height: 40px;padding: 10px 3%;background: #3c4f67;color: #fff; font-size:20px;font-weight: 700;line-height: 40px; */ /*background: linear-gradient(-15deg, #d70b8c, #006a59) !important;*/}
		.pop_wrap2 .pop2 .pop_con2 .pop_bt2 a.white_bt2{width:26px;height: 26px; padding: 10px 25px;  color: #fff;border-radius: 50px; font-size:20px;font-weight: 700;background: #006a59}
		/*.pop_wrap2 .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); }*/

	/* 모바일 해상도 */
	@media all and (max-width:600px) {	
		.pop_wrap2 .pop2{ top:6%;   width:90%; height:400px;  }
		
			/*.pop_wrap2 .pop2 .pop_con2 ul.schedule_write li.r_tt{  width: 52%;  right:0px; }*/
		}

/*-----------------------------------------------------------------------------------------------------------
동의레이어팝업
-----------------------------------------------------------------------------------------------------------*/
	 #my-dialog3 {display: block;
    /*display: none;*/ 
    position: fixed;
    /*left: calc(50% - 170px);*/left:50%; transform: translateX(-50%);
    top: 30%; 
    z-index: 11;
    padding: 10px;
}
	#mask3{position:fixed; z-index:30; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6);display: block; max-height: inherit; margin: 0} 	
	.pop_wrap3{ position: relative; top:0; left:0; z-index:200; width:100%; height:100%;  }
		.pop_wrap3 .pop3{ position:absolute; top:18%; left:50%; transform: translateX(-50%); z-index:250; width: 600px; height:350px;   border: 5px #006a59 solid; border-radius: 10px; background:#fff;overflow-y: scroll;overflow: hidden;/* background: linear-gradient(-15deg, #d70b8c, #006a59) !important;*/}
		.pop_wrap3 .pop3 .pop_title{ margin-top: 15px;  text-align:center;line-height:24px; color:#000; font-size:20px; font-weight:bold;padding-bottom: 10px  } 
		.pop_wrap3 .pop3 .pop_title span{font-weight: 700; font-size:20px; text-align:left;color: #FF0004  }
		.pop_wrap3 .pop3 .pop_con3{padding:0px 20px; box-sizing: 100%; height:240px;overflow-y: scroll  } 
 
		
		.pop_wrap3 .pop3 .pop_bt2{position:relative;margin-top: 20px; width:100%; text-align:center;  }
		.pop_wrap3 .pop3 .pop_bt2 a.white_bt2{width:26px;height: 26px; padding: 7px 25px;  color: #fff;border-radius: 50px; font-size:20px;font-weight: 700;background: #006a59}
	 

	/* 모바일 해상도 */
	@media all and (max-width:600px) {	
	 
	 #my-dialog3 { 
    top: 20%;  
}
		.pop_wrap3 .pop3{ top:6%;   width:90%; height:400px;  }
		
			 
		}

/*-----------------------------------------------------------------------------------------------------------
동의 레이어팝업
-----------------------------------------------------------------------------------------------------------*/
.check_list{position: relative;padding: 30px 40px;width: 100%;box-sizing: border-box;border :#53be15 solid 2px;box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);border-radius: 10px;}
.check_list li{border-bottom: 1px dashed #ddd; padding: 5px 0px;line-height: 34px;color: #000;font-size: 17px;font-weight: 400;}
.check_list li:last-child{border-bottom: 0px dashed #ddd;  }
/*.check_list li.strong{font-weight: 500!important;  }*/
.check_list li span.vv{float: right;display: inline-block;background: #009465; padding: 5px 14px;margin-top: 4px; line-height: 16px;color: #fff;border-radius:40px;font-size: 14px;font-weight: 500;}
.check_list li input 		{height:22px; width: 22px;vertical-align:middle; background:#fff;  border:#009465 solid 1px!important;font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777;margin-right: 10px;}
.check_list li input[type='radio'] { padding: 5px;  }


	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
		.check_list{ padding: 10px 3%; }
		.check_list li{ line-height: 24px;color: #000;padding: 8px 0px;font-size: 14px;letter-spacing: -1px;display: inline-block;width: 100%}
		.check_list li span.vv{ padding: 4px 8px;margin-top: 4px; line-height: 14px; font-size: 13px; }
		.check_list li input 		{height:16px; width: 16px; margin-right: 0px;}
		}
	/* 모바일 해상도 */
	@media all and (max-width:400px) {	
		.check_list{ padding: 10px 1%; }
		.check_list li{  ;font-size: 14px;letter-spacing: -1.5px; }
 
		}