@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.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;}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/


.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; text-align:center;  
			font-weight:300; vertical-align:middle}
	
.btn01 			{ display:inline-block; padding:5px 10px; border:1px solid #222; background:#555; font-size:13px; 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;}
			
.srchBt		{display:inline-block; width:79px; height:33px; background:#009953; line-height:33px; text-align:center; vertical-align:middle }
.srchBt span{padding-left:20px; background:url('/SW_bbs/img/srch_icon.png') no-repeat 0 center; background-size:35%;color:#fff; line-height:32px;}

.btn_Gry { display:inline-block; padding:10px 20px; border:2px solid #222; background:#555; vertical-align:middle;}
	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:2px solid #222; background:#222;}

.btn_Pot { display:inline-block; padding:10px 20px; background:#009953;border:2px solid #006336; vertical-align:middle;}
	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:2px solid #006336; background:#006336;}
	
.btn_down 			{ display:inline-block; padding:7px 35px 7px 15px; border:1px solid #333; font-size:13px;  vertical-align:middle; background:url(/img/common/icon_file.png) no-repeat right #555}
	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; background:url(/img/common/icon_file.png) no-repeat right #222}
	

/* 컨텐츠버튼 */
.point-btn,.base-btn{display:inline-block;font-size:15px;letter-spacing:-0.02em;padding-right:20px;vertical-align:baseline;transition:background .3s; margin-bottom:5px}
.point-btn span,.base-btn span {display:block;padding:14px 20px;line-height:1;transition:all .3s;color:#fff}
.point-btn span.link,.base-btn span.link{background:url(/img/common/ico_link02.png) no-repeat 95% 50%;padding-right:40px;}
.point-btn:hover span.link,.point-btn:focus span.link,.base-btn:hover span.link,.base-btn:focus span.link {background-position:100% 50%;}

.point-btn {background:#009953;border:3px solid #006336;color:#fff !important;}
.point-btn:hover, .point-btn:focus {background:#006336;}

.base-btn {background:#555;border:3px solid #555;color:#fff !important;}
.base-btn:hover, .base-btn:focus {background:#222;}

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

	.tb1		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #000; margin:10px 0; }
	.tb1 th,
	.tb1 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle; }
	.tb1 thead th			{ font-weight:400; background: #f3f3f3; }
	.tb1 tbody th			{ background-color:#fafafa; font-weight:500; text-align:left; padding-left:10px }
	.tb1 td					{ background-color:#fff; font-weight:300; }
	.tb1 tbody th:last-child,.tb1 tbody td:last-child	{ border-right:0 }
	.td_pc_none				{ display:none; }
	.td_pc_block			{  }
	.th_pc_none				{ display:none; }
	.span_pc_none			{ display:none !important; }
	.span_pc_block			{ display:inline; }
	
	.tb2		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #000; margin:10px 0; }
	.tb2 th,
	.tb2 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle;}
	.tb2 thead th	{ font-weight:400; background: #f3f3f3}
	.tb2 tbody th	{ background-color:#fafafa; font-weight:400; border-right:1px solid #ccc;  text-align:left; padding-left:10px }
	.tb2 tbody th.type1	{ background-color:#e5f1f6; font-weight:400;  text-align:center;  }
	.tb2 thead th:last-child,.tb2 tbody th:last-child,.tb2 tbody td:last-child	{ border-right:0 }
	.tb2 td			{ background-color:#fff; font-weight:300; }


	.tal			{ text-align:left !important; }
	.tac			{ text-align:center !important; text-indent:0 !important; }
	.bd_r			{ border-right:0 !important; }
	.col_5			{ width:20%}
	.bd_no_m		{display:none;}
	.table_m,.board_m		{ display:none}	
 
	/* 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; color:#FFF !important}
	

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

h4.h4_title2 {
    clear: both;
    margin-bottom: 15px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -1px;
    padding-left: 20px;
    color: #000;
    line-height: 25px;
    position: relative;
	margin-top: 60px;
}

h4.h4_title2:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    height: 22px;
    width: 9px;
    border-radius: 20px;
    background: #ff7689;
}

h4.h4_title	{background:url(/img/common/btn_bullet.gif) no-repeat left; margin-bottom:15px; font-size:20px; font-weight: 500; letter-spacing:-1px; 
			padding-left:30px; color:#000; line-height:24px}
h5.h5_title		{padding-left:20px; margin-left:10px; background:url(/img/common/bu_3.gif) no-repeat 0 3px; color:#ed601b; clear:both; font-weight: 400; font-size:18px;}
h5.h5_title2	{padding-left:20px; margin-left:10px; background:url(/img/common/bu_3.gif) no-repeat 0 3px; color:#000; clear:both; font-weight: 400; font-size:18px;}
h5.h5_title3	 {position:relative;background:url('/img/common/bg_pattern.png') repeat-x left center; text-align:right }
h5.h5_title3 span {font-weight:400;line-height:28px; background:#fff; padding:0 30px; margin-right:30px; font-size:18px}

	div.con		{ padding:10px 0 0 15px; line-height:160%; }
	div.s_con	{ padding:10px 0 0 25px; line-height:160%; font-size:13px}
	div.con_box			{ padding:20px; line-height:200%; border:#efefef solid 1px;  border-radius:12px;}
	div.con_box ol li	{ line-height:180%; list-style:decimal; }
	div.con_img		{ text-align:center; padding:20px 0; position:relative}
	
	ul.img	{ clear:both; margin-top:20px;}
	ul.img li		{ width:280px; float:left; margin-bottom:10px}
	ul.img li img	{ width:280px;}

	ul.con_img li	{ float:left; width:30%; margin-right:3%; }
	ul.con_img li:last-child  { margin-right:0;}
	ul.con_img li img	{ width:210px}
	ul.con_img li p.txt{ clear:both; padding-top:5px; font-size:13px; text-align:center;}
    
	.point_txt		{ font-size:24px; text-align:center; padding:10px 0 20px; color:#000; font-weight:400 }
	.tt_txt			{ font-size:30px; padding:30px 0 20px 0; letter-spacing:-2px;  font-weight:normal; 
	color:#222; line-height:150%}
	.tt_txt2		{ font-size:38px; padding:30px 0 20px 0; letter-spacing:-2px;  font-weight:normal; 
	color:#222; line-height:150%}
	.tt_txt2 strong	{ font-weight:400;}
	.stt_txt	{ font-size:18px; padding-bottom:10px; line-height:140%}
	
	ol.bu1		{margin:5px 0 0 10px;}
	ol.bu1 li 	{line-height:170%;list-style: decimal !important }
	
	ul.bu1		{margin:5px 0 0 10px;}
	ul.bu1 li 	{line-height:170%;}
	
	ul.bu2		{margin:5px 0 0 40px;}
	ul.bu2 li 	{line-height:170%;list-style-type:disc !important}
	ul.bu2 li strong		{ font-weight:400; color:#000}
	ul.bu2 li strong.type1	{ font-weight:400; color:#ed601b !important}
	
	ul.bu3		{ margin-left:5px}
	ul.bu3 li 	{line-height:150%; background:url(/img/common/bu_3.gif) no-repeat 0 8px; padding-left:15px}
	ul.bu3 li ul li{ margin-left:5px; line-height:160%; list-style-type:none; background:url(/img/common/bu_4.gif) no-repeat 0 8px; padding-left:10px}
	ul.bu3 li strong	{ font-weight:400; color:#ed601b}
	
	
	.img_pc		{ padding:30px 0; text-align:center;}
	.img_m,a.detail-btn		{ display:none}
	
	.gap 		{height:10px;clear:both;display:block;}
	.f_point	{ color:#ed601b}	
	
	
	
	.charter-wrap 	{padding:4px;background:url(/img/common/boxTop_bg.gif) repeat 0 0;}
	.charter		{ padding:30px; background:#fff}
	.box_member		{ background:url(/img/common/mem_icon.png) no-repeat #fff 40px 30px; min-height:90px; padding-left:140px}
	.box_guide		{ background:url(/img/common/info_icon.png) no-repeat #fff 40px 30px; min-height:90px; padding-left:140px}
	.charter ol li	{ line-height:160%; list-style: disc; }

/*	.cont .list {overflow:hidden;padding-top:10px}
	.cont .list > li:nth-child(even){margin-left:20px}
	.cont .list > li{margin-left:20px}
	.cont .list > li:first-child{margin-left:0}
	
	.cont .list .type01,
	.cont .list .type02,
	.cont .list .type03 {position:relative;float:left;padding:32px 0 25px 30px;width:340px;border:1px solid #ddd;background:#fff;margin-top:20px}
	
		ul.list li.h120	{min-height:125px;}
		ul.list li.h150	{min-height:150px;}
	
	.cont .list .type04 {position:relative;float:left;padding:25px 30px;width:525px;border:1px solid #ddd;background:#fff;margin-top:20px}
	.cont .list .type04 { vertical-align:middle; line-height:29px; font-size:1.6em; font-weight:600; color:#000}
	.cont .list .type04 img { margin-right:10px}
	
	.cont .list dl dt{font-size:1.4em;color:#009953;font-weight:bold}
	.cont .list dl dd{line-height:160%;}
	.cont .list dl dd.txt1{margin:25px 30% 0 0; }
	.cont .list dl dd.txt2{margin:25px 10px 0 0; }
	.cont .list .img	{ width:100px;height:90px;position:absolute;top:50%;right:5px;margin-top:-45px} 
	.cont .list .img2	{ text-align:center; width:100%;} 

	
	.min-h310	{ min-height:330px !important}
	.min-h220	{ min-height:220px !important}
	
 */

/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap			{ }
	#contents_sitemap p.site	{width:100%; font-size:18px; font-weight:400; color:#009953; letter-spacing:-1px; line-height:60px; text-align:center;border:#009953 solid 2px; border-radius:12px;}
	
	#contents_sitemap .cate_line{margin-bottom:20px;*zoom:1;  }
	#contents_sitemap .cate_line:after{content:""; display:block;clear:both;}
	#contents_sitemap .cate_line .cate{display:inline-block;vertical-align:top; width:220px; height:auto; margin-right:33px;}
	#contents_sitemap .cate_line .cate:last-child{margin-right: 0px;}
	#contents_sitemap .cate_line .cate ul{ margin:10px 0 15px 0}
	#contents_sitemap .cate_line .cate ul li{ padding:5px 0 10px 0;margin:3px 0 0 30px;border-bottom:#f2f2f2 1px solid;list-style-type:disc !important; line-height:150%}
	#contents_sitemap .cate_line .cate ul li.sub{ padding:5px 0 10px 10px;margin:3px 0 0 30px;border-bottom:#ccc 1px dotted;list-style-type: none !important; }
	#contents_sitemap .cate_line .cate ul li.sub a{color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a		{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a:hover{color: #009953;}

	.sc_title     	{clear:both; padding:5px 0 5px 10px; border:dotted 1px #999; font-weight:bold; background:#f3f3f3;}
	.sc_text      	{clear:both; margin:15px 0 0 20px; line-height:200%;}
	.sc_text ol li	{ list-style: decimal    !important }
	.sc_text ol li ol		{ margin-top:10px}
	.sc_text ol li ol li	{ list-style: upper-roman !important; }
	.sc_text ul 	{ margin:5px 0 0 20px}
	.sc_text li 	{ line-height:160%; margin-bottom:5px;}

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


.tab_menu			{overflow:hidden;width:100%; margin:1px 0; border: 1px #ddd solid;}
.tab_menu:after 	{ content: ""; display: block; clear: both;}
	.tab_menu li		{_display:inline;float:left;border-left: 1px #ddd solid; background:#f3f3f3; text-align:center; box-sizing:border-box; background:#fff; height:45px; vertical-align:middle}
	.tab_menu li:first-child { border-left: none; }
	.tab_menu li a		{display:block; padding:15px 0; color:#444}
	.tab_menu li a:hover		{ background:#009953; color:#fff;}
	.tab_menu li.on		{ background:#009953; border:1px solid #009953; transition:all 0.15s ease-out;-webkit-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out;}
	.tab_menu li.on a	{ color:#fff;}
	
	.tab_menu .w12		{ width:14.28%}
	.tab_menu .w33		{ width:33.333%}
	.tab_menu .w25		{ width:25%}
	.tab_menu .w20		{ width:20%}
	.tab_menu .w50		{ width:50%}
	

	
	div.submenu		{ clear:both; margin:20px 0; text-align:center}
	div.submenu ul		{ display:inline-block;}
	div.submenu ul:after{ content:'';display:block; clear:both;}
	div.submenu li 		{float:left}
	div.submenu li a 			{ border:1px solid #ddd; border-left:none; text-align:center; padding:15px 40px; color:#555; min-width:150px; color:#333}
	div.submenu li:first-child a{ border-left:1px solid #ddd;}
	div.submenu li a:hover { color:#fff}
	div.submenu li.on a    { background:#009953; color:#fff}
 
	
	/* Sweep To Bottom */
	.submenu li a {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.submenu li a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #009953;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.submenu li a:hover, .submenu li a:focus, .submenu li a:active {
	  color: #fff;
	}
	.submenu li a:hover:before, .submenu li a:focus:before, .submenu:active li a:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}
	
	
	#tabs	{ overflow: hidden; width: 100%; margin: 0; 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-left:none; padding:20px 0; transition: all 0.6s}
	#tabs li:first-child	{border-left:1px solid #ddd}
	#tabs li#current,#tabs li.on { background:#063;}
	#tabs li#current a,#tabs li.on a { color:#FFF !important;}
	#tabs li a { color:#555; letter-spacing:-2px}
	#tabs li:hover a{color:#fff !important;}
	#tabs li:hover{ background:#063;}
	
	#content	{background: #fff;height: auto;position: relative;z-index: 2;}
	
	#tabs li.w12	{ width:12.5%}
	#tabs li.w25	{ width:25%}
	#tabs li.w33	{ width:33.333%}
    #tabs li.w2     {width: 49%}
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-사업안내
-----------------------------------------------------------------------------------------------------------*/

/* 절차, 단계 */
	.stepCon{position:relative;overflow:hidden;z-index:2}
	.stepCon ol::after{display:block;clear:both;content:''}
	.stepCon ol{width:100%;text-align:center}
	.stepCon ol > li{position:relative;float:left;margin:10px 0;padding-right:50px;width:15%;text-align:center;}
	.stepCon ol > li::after{position:absolute;top:50px;right:10px;width:21px;height:36px;content:'';background:url('/img/common/arrow_right.png') no-repeat;}
	.stepCon ol.step1 > li > div{position:relative;padding:20px 5px 0 5px;min-height:100px;color:#333;background:#fff;border:1px solid #c4c4c4;z-index:2}
	.stepCon ol > li > div span{display:block;}
	.stepCon ol > li > div .num{position:relative;margin-bottom:8px;padding-bottom:8px;color:#656565}
	.stepCon ol > li > div .num::after{position:absolute;bottom:0;left:50%;margin-left:-7px;;width:14px;height:2px;content:'';background:#c4c4c4}
	.stepCon ol > li > div .tit{font-size:16px;line-height:22px;font-weight:bold;word-break: keep-all;}
	.stepCon ol.mih > li > ul{min-height:80px}
	.stepCon ol > li > ul > li{width:100%;font-size:14px}
	.stepCon ol.step1 > li:first-child div{border:1px solid #3e4452}
	.stepCon ol > li:last-child::after{display:none; background:none}
	.stepCon ol.step1 > li:last-child div{color:#fff;background:#005fca;border:1px solid #005fca}
	.stepCon ol > li:last-child div .num{color:#fff}
	.stepCon ol.step1 > li:last-child > div .num::after{background:#fff}
	.stepCon ol.st4 > li:last-child::after{display:block}
	
	.stepCon ol.step1.li3 li{width:28% !important}
	
	.stepCon2_bg{ background:url(/img/guide/step_bg.png) no-repeat 90px 190px; height:350px}
	.stepCon ol.step2 > li::after{top:auto;bottom:30px;margin:0}
	.stepCon ol.step2 > li::after{position:absolute;top:80px;right:10px;width:21px;height:36px;content:'';background:url('/img/common/arrow_right.png') no-repeat;}
	.stepCon ol.step2 > li > div .tit{margin-bottom:9px;padding:15px 10px;min-height:50px;background:#c4c4c4}
	.stepCon ol.step2 > li > div .con{position:relative;padding:15px 10px;min-height:70px;font-weight:bold;background:#fff;border:1px solid #c4c4c4;z-index:2}
	.stepCon ol.step2 > li > div .con:before{position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;content:'';background:#fff;border:3px solid #c4c4c4;border-radius:50%}
	.stepCon ol.step2 > li.type1	{ width:90px !important; height:80px; vertical-align:middle }
	.stepCon ol.step2 > li.type1 div.tit	{ width:95px; color:#000; height:95px; border-radius:50%; text-align:center; border:2px solid #009953; line-height:95px; margin-top:50px}
	.stepCon ol.step2 > li.type2	{ width:200px !important;}
	.stepCon ol.step2 > li.type2 p.tit2	{ background:#009953; border-radius:12px 12px 0 0; padding:10px 0; text-align:center; color:#FFF}
	.stepCon ol.step2 > li.type2>ul { border:1px solid #009953; padding:10px;}
	.stepCon ol.step2 > li.type2>ul li { line-height:150%}
	.stepCon ol.step2 > li.last		  { width:90px !important; padding-right:0}
	.stepCon ol.step2 > li.last:after{ background:none}
	.stepCon ol.step2 > li.type3	{ width:97%; float:none !important; text-align:center; padding:20px 0; clear:both; background:none}
	.stepCon ol.step2 > li.type3:after{ background:none}
	.step_img		{ display:none}
	
	.business_box	{ position:relative; margin-top:20px}
	.business_tt	{ width:395px; float:left; height:345px; background:url(/img/business/business_tt_bg.png) top right no-repeat #009953 }
	.business_tt>h3.tt	{ color:#fff !important; padding:50px 0 0 30px !important; font-size:1.6em !important; font-weight:500; text-align:left !important; background:none !important}
	.business_tt>p.txt	{ color:#fff; padding:20px 30px !important; line-height:160%; opacity:0.8}
	.business_img	{ width:805px; float:left; position:relative}
	
 
	
 
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-복지관소개
-----------------------------------------------------------------------------------------------------------*/
	
	/* 인사말 */
	.about_sub			{ width: 100%; margin-top: 40px; display: inline-block;position: relative;  /*background:url(/img/about/c_kyg.jpg) no-repeat;background-size:28%;*//* background-position:90%;*//* padding:20px 400px 20px 0;*/}
   .about_bg1{position: relative; background:url(/img/about/about_img1.png) no-repeat center right}
   .about_bg2{position: relative; background:url(/img/about/about_img2.png) no-repeat center right}
    .about_sub p.txt_head{font-family: 'YeongwolTTF-Regular'; font-size: 55px; font-weight: 600; color:#e91659;line-height: 40px; padding: 30px 0 40px; text-align: center;}
	.about_sub p.txt1	{ color:#000; font-size:30px;font-weight: 600; line-height:46px;padding-bottom: 40px}
	.about_sub p.txt1:after{content:'';display:block;/*overflow:hidden;*/width:80px;height:2px;background: #000;margin-top: 20px;  clear:both}
	.about_sub p.txt1 span	{ color:#535a9b; font-size:30px;font-weight: 600; line-height:40px;/*padding-bottom: 20px*/ letter-spacing: -0.5px;}
	.about_sub p.txt2	{ clear:both; padding:5px 0 20px; font-size:17px; line-height:30px;color:#555;word-break:break-all;text-align: justify;font-weight: 400;}
	.about_sub p.txt3	{ clear:both; /*padding-top:30px; */padding-top:10px; width:100%; }
	.about_sub p.txt3 span.name1{text-align: right;/*width: 75%;*/width: 100%;padding-right: 3%; color:#000;height: 60px; ;font-weight:400;display: inline-block;font-size: 18px}
	.about_sub p.txt3 span.name2{text-align: left;width: 21%;color:#000; height: 60px;font-weight: 500;line-height: 24px; display: inline-block;font-size: 17px }	

	/* 연혁 */ 
	.historyDiv	{/* border-top:2px solid #333;*/ margin-top:30px;}	
		.historyDiv li{/*border-bottom:1px solid #ddd;*/ overflow:hidden; padding:0px 0;}
		 
		.historyDiv li.end{border-bottom:0px solid #ddd;}
		.historyDiv li p.year{position: relative;width:30%;/*width:30%;*//*width:120px;height: 120px; border:12px solid #e2e9cd;border-radius: 50%;*//*margin-left: 5%;*/ float:left; text-align:center; font-size:26px; color:#333;height: 140px;  font-family: 'S-CoreDream-5Medium'; line-height:140px;background: #fff; margin-top: 10px;margin-bottom: 20px;background:url(/img/about/his_bg.gif) no-repeat center }
		.historyDiv li p.year:before	{ position:absolute; content:''; top:150px;  width: 1px; height: 443px; background: #e2e9cd;left: 50%;z-index: -1}
		.historyDiv li:last-child p.year:before	{display: none }
		.historyDiv li ul.hisTxt{width:65%; float:right; color:#777; overflow:hidden;padding-top: 20px;padding-bottom: 40px!important;}
		.historyDiv li ul.hisTxt li.txt{overflow:hidden; padding:7px 0 !important;border-bottom:0px solid #ddd; }
		.historyDiv li ul.hisTxt li.txt p.month{position: relative; width:20%; float:left;  font-weight:normal; color:#555;padding-left: 2%;}
		.historyDiv li ul.hisTxt li.txt p.month:before	{ position:absolute; content:' '; top:0; left:0;width: 3px; height: 3px; background: #535a9b;top:7px;}
		.historyDiv li ul.hisTxt li.txt p.history		{width:76%; float:left;}
		.historyDiv li ul.hisTxt li.txt p.history span	{ display: block; padding:0 0 5px 15px; line-height:150%; position:relative}
		.historyDiv li ul.hisTxt li.txt p.history span:before	{ position:absolute; content:'-'; top:0; left:0;}
	

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-법적근거
-----------------------------------------------------------------------------------------------------------*/

.legal_wrap{
    margin-bottom: 50px;
}

.legal_tt_con{
    position: relative;
    display: block;
    padding: 27px;
    border: 1px solid #ddd;
    text-align: center;
    min-height: 75px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.08);
    cursor: pointer;
}

.legal_tt_con:before {
    position: absolute;
    bottom: 0px;
    right: 0%;
 
    content: " ";
 
	width: 0px;
        height: 0px;
        background-color: transparent;
        border-left:60px solid transparent;
        border-right: 0px;
        border-bottom:60px solid #eee;
}
.legal_tt_con:after {
    position: absolute;
    bottom: 6px;
    right: 6px;
    color: #fff;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 1.6em;
/*    background: #ddd;*/
   /* border-radius: 50% !important;*/
    /*width: 40px;
    height: 40px;*/
/*    padding: 8px 0;*/
    box-sizing: border-box;
    text-align: center;
   /* margin-left: -14px;*/
/*	width: 0px;
        height: 0px;
        background-color: transparent;
        border-left:60px solid transparent;
        border-right: 0px;
        border-bottom:60px solid #eee;*/
}
.legal_tt_con:hover{
 padding: 25px;
    border: 3px solid #91b918;
 
}
.legal_tt_con:hover:before {
 border-bottom:60px solid #91b918;
   /* background: #91b918;*/
 
}
.legal_tt_con p.tt1{
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 8px;

}
.legal_tt_con p.tt2{
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
}
.legal_tt_con p.tt{
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0 0;
	color: #3e1e83;
	
}

.legal_tt_con span.more_view{
    font-size: 15px;
    color:#777;
    font-weight: 300;
}
.legal_tt_con:hover span.more_view{
    
    color:#f39635;
    
}
.legal_box_con{
    padding:30px;
    font-weight: 500;
    background: #f9f9f9;
}
.legal_box_con p{
    padding: 15px 0;
    line-height: 160%;
    font-weight: 300;

}	
.legal_box_con li{
    padding-left:10px;
    line-height: 160%;
    font-weight: 300;
}

	/* 복지관소개 */
/*	.about_sub1_2		{ background:url(/img/about/sub1_2_logo.gif) no-repeat left; padding: 20px 0 0 350px; min-height:310px}
	.about_sub1_3		{ background:url(/img/about/sub1_2_img.gif) no-repeat left; padding: 20px 0 0 350px; min-height:310px}
		dl.about_sub1_2_txt	{}
		dl.about_sub1_2_txt dd	{ width:20%; float:left; padding:10px 0; text-align:center; background:#009953; color:#fff; margin-bottom:5px;box-sizing:border-box; line-height:25px}
		dl.about_sub1_2_txt dt	{ width:80%; float:left; padding:10px 20px; margin-bottom:5px;box-sizing:border-box; line-height:25px}
		dl.about_sub1_2_txt dt ol 		{}
		dl.about_sub1_2_txt dt ol li	{ list-style: decimal !important; line-height:150%; margin-bottom:5px}	
		
		
*/
		
	/* 미션비전 */

/*	.mission_txt		{text-align: center;padding-top:40px}
	.mission_txt_m		{ display:none}
	.mission_txt2		{ clear:both; padding-top:20px; line-height:160%; text-align:center}
	
	
	.vision{ margin-top:20px}
		.vision_info{background:url('/img/about/sub2_2_img02.png') no-repeat center 100px; min-height:473px}	
		.vision_info .vision {clear:both;margin-left:auto;margin-right:auto; position:relative}
		.vision_info .vision:after{content:'';display:block;overflow:hidden;width:0;height:0;clear:both}
		.vision_info .vision 	span.mobile_img{}
		.vision_info dl{ position:absolute; text-align:center}
		.vision_info dl.vision1 {top:-30px;left:38%}
		.vision_info dl.vision2 {top:290px;left:9%}
		.vision_info dl.vision3 {top:290px;right:8%}
		.vision_info dl.vision1 dt,
		.vision_info dl.vision3 dt{ text-align:center;}
		.vision_info dl.vision1 dd,.vision_info dl.vision2 dd,
		.vision_info dl.vision3 dd{ clear:both; padding-top:10px;font-size:1.4em;color:#f08200;font-weight:bold; text-align:center}

	*/

	
/* 조직도 */
/*.org-wr {position:relative;padding:30px 0 55px; background:url(/img/about/org_bg.png) no-repeat 0px -80px}
	.org-wr:before {position:absolute;top:0;left:50%;margin-left:-2000px;content:"";display:block;width:4000px;height:100%;}
	.org-wr .gj-list {position:relative;text-align:center;}
	.org-wr .gj-list > li {position:relative;}
	.org-wr .gj-list .h1 {display:block;font-size:20px;margin:0 auto; background:#fff; border:2px solid #FF6600; border-radius:12px; width:200px; padding:15px 0; text-align:center}
	.org-wr .gj-list .d1 {position:relative; margin-top:30px}
	.org-wr .gj-list .d1 span {display:block;width:200px;margin:0 auto;background:#fff;border:2px solid #FF6600; border-radius:12px;font-size:20px; padding:15px 0; text-align:center}
	
	.org-wr .gj-list .d3 {clear:both;text-align:center;padding-top:30px;}
	.org-wr .gj-list .d3_m	{ display:none}
	.org-wr .gj-list .d3 > span, .org-wr .gj-list .d2-list > li.dpt > span {position:relative;display:block;width:180px;margin:0 auto;background:#005aab url(/img/about/org_patt.png) repeat;color:#fff;font-size:16px;padding:11px 0}
	.org-wr .gj-list .d3 > span:before, .org-wr .gj-list .d2-list > li.dpt > span:before {border-color:#1b80d8 transparent transparent transparent}
	.org-wr .gj-list .d2-list {position:relative;overflow:hidden;}
	.org-wr .gj-list .d2-list > li {position:relative;float:left;width:15%;margin-left:2%;padding-top:60px;line-height:22px;}
	.org-wr .gj-list .d2-list > li:first-child {margin-left:0}
	.org-wr .gj-list .d2-list > li.dpt {width:100%;margin-left:0;padding-top:30px;}
	.org-wr .gj-list .d2-list > li > p.tt  {position:relative;display:block;background: #006699;color:#fff;padding:14px 0;border-radius:12px 12px 0 0;}
	.org-wr .gj-list .d2-list > li > p.ctt {position:relative;display:block;padding:14px 0; background:#f3f3f3; border:1px solid #ddd; border-bottom:none}
	.org-wr .gj-list .d2-list > li.dpt > span {margin-bottom:45px;padding:14px 0}
	.org-wr .gj-list .d3-list {background:#fff;box-sizing:border-box;text-align:left;padding:7px 0; min-height:203px; border:1px solid #ddd; }
	.org-wr .gj-list .d3-list dl {position:relative;font-size:14px;}
	.org-wr .gj-list .d3-list dt { width:55%; text-align:center; float:left; border-bottom:1px solid #ddd; font-size:13px; padding:8px 0; position:relative }
	.org-wr .gj-list .d3-list dt:after { content:'|'; position:absolute; right:0; color:#ddd }
	.org-wr .gj-list .d3-list dd { width:45%; text-align:center; float:left; border-bottom:1px solid #ddd; padding:8px 0}



	
	ul.org_list	{ display:block; margin-top:10px; clear:both; padding:10px; }
	ul.org_list li	{ clear:both; margin-top:10px}
	ul.org_list p.img	{ width:150px; height:175px; float:left; margin-right:5%;border:1px solid #ddd; padding:5px;border-radius: 3px;}
	ul.org_list ul.info	{ width:680px; float:left;}
	
	ul.org_list2	{ display:block; margin-top:10px; }
	ul.org_list2 li	{ width:50%; float:left; margin:10px 0 15px}
	ul.org_list2 p.img	{ width:150px; height:175px; float:left; margin-right:5%;border:1px solid #ddd; padding:5px;border-radius: 3px;}
	ul.org_list2 ul.info	{ width:240px; float:left;}
	ul.org_list p.img img,ul.org_list2 p.img img	{ width:100%; height:175px }
	
	ul.org_list ul.info p.name,ul.org_list2 ul.info p.name	{ padding:20px 0; height:30px}
	ul.org_list ul.info p.name span.txt1,ul.org_list2 ul.info p.name span.txt1	{ display:block; font-size:20px; color:#000; font-weight:bold; float:left; letter-spacing:10px}
	ul.org_list ul.info p.name span.txt2,ul.org_list2 ul.info p.name span.txt2	{ padding:5px 0 0 10px; float:left}
	ul.org_list ul.info ul.pro,ul.org_list2 ul.info ul.pro		{ clear:both; padding-top:10px; border-top:1px dotted #ccc; height:150px}
	ul.org_list ul.info ul.pro li,
	ul.org_list2 ul.info ul.pro li	{ clear:both !important; background:url(/img/common/dot.png) no-repeat 0 5px; padding-left:15px; width:100% !important; margin:0; line-height:160%}
	
	
	
	
	 */


	
	/* 오시는길 */
/*	.locaTitle{text-align: center; color:#252525; font-size:2.6rem; padding-bottom:15px;}
	.locaTx{text-align: center; font-size:1.7rem; color:#252525;}
	.locaTx:before{content:""; display: inline-block; width:5px; height:9px; background: url("/img/common/aw_pc.gif") no-repeat 0 0; margin-right:8px; vertical-align:1px;}
	.mapArea{margin-top:35px;}*/
	.locaInfoArea{margin-top:15px;width: 100%;}
	.locaInfoArea .infoRow{padding:50px 0 50px 160px; border-top:1px dashed #dfdfdf;}
	.locaInfoArea .infoRow:first-child{border-top:none;}
	.locaInfoArea .infoRow .infoTitle{font-size:1.2em; color:#252525; font-weight:normal; padding-bottom:15px;}
	.locaInfoArea .infoRow ul li{color:#252525; line-height:150%}
	.locaInfoArea .infoRow ul li .point{ color:#FF3300;font-weight:500;}
	.locaInfoArea .infoRow .busNum{color:#252525; display:block; font-weight:500;}
	.locaInfoArea .infoRow .busNum .busTit{ display: inline-block; vertical-align:middle; color:#fff; border-radius: 3px; background-color:#729f40; padding:1px 4px 2px; font-size:12px; }
	.locaInfoArea .infoRow.row01{background: url("/img/about/loca01.png") no-repeat 20px 50px; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row01 ul li{margin-top:10px;}
	.locaInfoArea .infoRow.row01 ul li:first-child{margin-top:0;}
/*	.locaInfoArea .infoRow.row01 ul li .point{display:block;}*/
	
	.locaInfoArea .infoRow.row02{background: url("/img/about/loca02.png") no-repeat 20px 50px; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row03{background: url("/img/about/loca03.png") no-repeat 20px 50px; background-size: 90px 90px;}


	.locaInfoArea .infoRow ul li>ul	{ padding-left:0px;}
	.locaInfoArea .infoRow ul li>ul>li{ background:url(/img/common/dot.png) no-repeat 0 7px; padding-left:15px; /*padding-bottom:5px;*/}
		
 /*-----------------------------------------------------------------------------------------------------------
컨텐츠-운영원칙
-----------------------------------------------------------------------------------------------------------*/
.plan_box{position: relative; display: inline-block; width: 96%; }
.plan_box li.p_left{float: left; width: 11%;margin: 1% 2%;display: inline-block}
.plan_box li.p_left span{display: inline-block;width: 60px; height: 60px;background: #81c172; color: #fff; border-radius: 50%;padding: 20px;font-size: 21px; font-weight: 500;text-align: center}
.plan_box li.p_right{float: left;width: 85%; display: inline-block;}

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-운영목적
-----------------------------------------------------------------------------------------------------------*/
	.guide_sub2_box	{ height:148px; margin-top:20px; margin-right:24px; background:url(/img/plan/sub2_bar.png) no-repeat center 20px;padding-bottom: 10px}
	.guide_sub2_box p	{ width:200px; margin:0 auto; text-align:center; padding:20px;border-radius: 5px; background:#3a1c76; color:#fff; font-size:1.2em; font-weight:600}
		
 	.cont .list {overflow:hidden;padding-top:10px}
	.cont .list > li:nth-child(even){margin-left:20px}
	.cont .list > li{margin-left:20px}
	.cont .list > li:first-child{margin-left:0}
	
	.cont .list .type01,
	.cont .list .type02,
	.cont .list .type03 {position:relative;float:left;padding:2% 2%;width:27.5%;height:360px; border:1px solid #ddd;background:#fff;/*margin-top:20px*/}
/*	
		ul.list li.h120	{min-height:125px;}
		ul.list li.h150	{min-height:150px;}

	.min-h310	{ min-height:330px !important}
	.min-h220	{ min-height:220px !important}
*/
	.cont .list dl dt{font-size:1.4em;color:#000;font-weight:500;background: #f9f9f9;padding: 0 0 30px}
	.cont .list dl dd{line-height:160%;}
	.cont .list dl dd.txt1{margin:25px 0; }
	.cont .list dl dd.txt2{margin:25px 0; }
	.cont .list .img	{ width:100px;height:90px;position:absolute;top:50%;right:5px;margin-top:-45px} 
	.cont .list .img2	{ text-align:center; width:100%;background: #f9f9f9;padding: 30px 0 20px} 

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

	
	.vol_party_layout	{ overflow:hidden; margin-bottom:8px; margin-left:2%  !important }
	ol.vol_party_layout	{ margin:0; padding:0}
		.vol_party_layout .vol_party_li		{ display:table; text-align:center; font-weight:bold; float:left; background:url("/img/common/aw_pc.gif") no-repeat 98% center; padding:0 3% 0 0; margin-bottom:3%; }
		.vol_party_layout .vol_party_li6		{ padding:0; margin:0; background:none  !important }
		.vol_party_layout .vol_party_box		{ display:inline-table; vertical-align:middle; padding:15px 5px;border-radius:12px; background:#009953; color:#fff; font-size:18px; width:80%}
		.vol_party_layout .vol_party_li p.tt	{ text-align:center; font-weight:400; letter-spacing:-1.5px; color:#fff; font-size:18px;}
		.vol_party_layout .vol_party_li p.tt span	{ text-align:center; letter-spacing:-1.5px; color:#fff; font-size:14px;}
		
		.vol_party_layout .w12	{width:12.75%}
		.vol_party_layout .w23	{width:17.45%}
		.vol_party_layout .w25	{width:22.75%}
		.vol_party_layout .w33	{width:30.75%}
		.vol_party_layout .h60	{ height:40px}
		.vol_party_layout .h30	{ height:35px}
		
 
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-일정보기
-----------------------------------------------------------------------------------------------------------*/


	table.schedule_table{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
	table.schedule_table thead tr th{width:102px; height:39px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; font-size:14px; text-align:center;}
	table.schedule_table thead tr th.sun{color:#d25656}
	table.schedule_table thead tr th.sat{color:#1f60b7}
	table.schedule_table thead tr th{border-right:1px solid #e0dede}
	table.schedule_table thead tr th:first-child{width:100px; border-left:1px solid #e0dede}
	table.schedule_table thead tr th span{display:block; height:39px; line-height:39px;}
	
	table.schedule_table tbody tr td{height:109px; border-top:1px solid #e0dede; border-right:1px solid #e0dede; vertical-align:top; }
	table.schedule_table tbody tr:first-child td{border-top:0px;}
	table.schedule_table tbody tr td:first-child{border-left:1px solid #e0dede}
	table.schedule_table tbody tr td div{*overflow:hidden; width:82px; padding:10px; 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:#88bc3f}
	table.schedule_table tbody tr td.today div span a{color:#fff;}
	table.schedule_table tbody tr td.today div a.schedule_title{ color:#fff;}
	table.schedule_table tbody tr td.today div a.more{background:url("../img/more_white.png") 0 0 no-repeat;}
	table.schedule_table tbody tr td.today div a.more span{background:url("../img/more_white.png") right -15px no-repeat; color:#1f60b7;}

	table.schedule_mobile {display:none;}
	
	/* 스케쥴게시판 list페이지 */
	.schedule_top{padding-bottom:20px; text-align:center;}
		.schedule_top a{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top}
		.schedule_top a.pre_mon{margin-right:45px;}
		.schedule_top a.next_mon{margin-left:45px;}
		.schedule_top a img{padding:3px 0 2px 0}
		.schedule_top span{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#009953; font-weight:bold; 
		font-size:30px; vertical-align:top}
		.schedule_top p{padding-top:10px; color:#666}
		.schedule_top p em{font-style:normal; font-weight:bold;}
		
		
		
	.pop_wrap{/*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); }
		
		
 
	
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소식지
-----------------------------------------------------------------------------------------------------------*/

	
	/*소식지*/
	.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:25%; float:left;}
	.paper_center li { clear:both; background:url(/img/common/dot.png) no-repeat 0 10px; padding-left:15px; 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.4em; font-weight:400; color:#009953; margin-bottom:10px; margin-top:15px; padding-left:20px} 
	.btn_pager_mobile  { display:none}
	
	
 

/*----------------------------------------------------------------------------------------------
마이페이지_로그인
----------------------------------------------------------------------------------------------*/
 
.mypage-wrap2 	{position: relative;display: inline-block; width:98%;margin: 0 1%; box-sizing: border-box;text-align: center; border: 1px solid #ddd;border-radius: 15px;margin-top: 30px;padding: 60px 50px;box-shadow:1px 1px 3px rgba(0,0,0,0.1) }
 .mypage2				{ position: relative;padding-top:0px ;padding-left: 70px; height: 210px;width: 50%; box-sizing: border-box;float: left;}
 .mypage2:first-child			{   border-right: 1px dashed #ddd;padding-right: 30px;padding-left: 0px;width: 50%;}
 
 
 .mypage_line:before {position: absolute;top:50%;left: 0%; content:'';display:block; background: #eee; width: 100%; height: 1px;z-index: -1} 
.mypage_line {position: relative;  font-weight: 400;background: #fff;padding:10px 0px;width: 100%;box-sizing: border-box; text-align: center;color: #777; font-size: 15px; z-index:  1}
.mypage_line span {display: inline-block; font-weight: 400;background: #fff;padding:0px 10px; color: #777; font-size: 15px;  }
 .mypage2 div.img			{ float:left; width:27%; text-align:center;background:url(/img/login/login.png)no-repeat center;display: inline-block;min-height: 280px}
 
	.mypage2 div.txt			{ float:left; width:100% ; display: inline-block;  }
	.mypage2 div p.t1			{  width: 100%;   font-size:46px;color: #000;font-weight: 500; text-align: left;height: 80px;line-height: 60px;display: inline-block;font-family: 'KOHIBaeumOTF';letter-spacing:-0.5px }
 	.mypage2 div p.t2			{  width: 100%;   font-size:16px;line-height: 30px; color: #666;font-weight: 400; text-align: left; margin-top: 20px;  }
.mypage2 div p.t3			{  display: none}
 

.login2{width: 100%; position: relative;display: inline-block;/*  border-bottom: 1px solid #ddd;*/padding-bottom:5px;margin-top: 10px}
.login2 ul{width: 100%; float:left;  }
.login2 li{margin-bottom:9px;   }
 
.login2 li input.loginform1 {background: url(/img/login/ic1.png) no-repeat 5px 50% #f6f6f6!important; height: 54px;padding: 8px 5px 8px 50px;width: 100%;border: 1px solid #ddd; font-size: 17px;box-sizing: border-box;color: #777!important;  }
.login2 li input.loginform2  {background: url(/img/login/ic2.png) no-repeat 5px 50% #f6f6f6!important; height: 54px;padding: 8px 5px 8px 50px;width: 100%; border: 1px solid #ddd;  font-size: 17px;box-sizing: border-box;color: #777!important; }
.login2 li input.loginform3  {background: url(/img/login/ic2.png) no-repeat 5px 50% #fff!important; height: 54px;padding: 8px 5px 8px 50px;width: 100%; border: 1px solid #ddd;  font-size: 17px;box-sizing: border-box;margin-top:-30px}
 
.login2 li select{background:#f6f6f6!important; height: 54px;padding: 8px 15px 8px 5px;width:100%; border: 1px solid #ddd; font-size: 17px;box-sizing: border-box;color: #777!important; }

.login_btn2	{float:left;  background: #412089; width: 100%; height: 60px; text-align: center; vertical-align: middle; color: #ffffff; border-radius: 5px;font-weight: 500;font-size: 18px;box-sizing: border-box }

 
button.find{float:left;width: 100%;height: 50px;text-align: left; line-height: 30px; background: url(/img/login/off.png) no-repeat -11px 50%;padding-left: 20px;  color: #000;border-radius: 2px;font-size: 14px;margin-top: 40px }


	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
 
.mypage-wrap2 	{ border: 0px solid #ddd;border-radius: 0px;margin-top: 20px;padding:  0px;box-shadow:0px 0px 0px rgba(0,0,0,0.0) }
 
.mypage2				{ padding:0px;  height: auto;width: 100%;  }
 
	.mypage2:first-child			{   border-right: 0px dashed #ddd ;border-bottom: 0px dashed #ddd;;padding-right:  0px;padding-left:  0px;width: 100%;  }
	 
		
.mypage2 div.img			{  width:100%;  }
.mypage2 div.txt			{   width:100% ;margin-left: 0% ; }
/*.mypage div.txt p			{   width:50% ;margin-left: 0%  }	*/	
.mypage2 div p.t1			{  width: 100%;   font-size:24px;color: #000;font-weight: 500; text-align: center;height: auto;line-height:40px;  }
.mypage2 div p.t1 br			{  display: none}	
.mypage2 div p.t2			{  font-size:14px;line-height:24px;ont-weight: 300;letter-spacing: -1px }		
.login2  {margin-top: 20px }
.login2 ul{width: 100%; }

.login2 li input.loginform1 { padding: 5px 0px 5px 20%;/*width: 80%;*/   }
.login2 li input.loginform2  { padding: 5px 0px 5px 20%;/*width: 80%; */    }
.login_btn2{ width: 100%; height: 52px; text-align: center;  }	
		
 	
		
/*button.join{ width: 100%; }*/
button.find{ float:left;width: auto; height: auto;margin-top:  0px ;letter-spacing: -0.4px}
		
 
}

.none {
    position: absolute;
    left: -5000px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}