:root {
	--main-color:#53A013 /*#56a315*/ /*#72B13D*/;
	--sub-color:#017d05 /*#008b05*/;
	--light-color:#E2F7CB;
	--dark-color:#274746;
	--basic-bg:#F2F3F6;
	--grd:linear-gradient(-90deg, #55BC32, #006e7d);
}

/*[s] 서브페이지*/
/*board*/
.board-info em{color:var(--main-color);}

/*상담시스템 시작*/
/*온라인상담게시판*/
.cl-list .img 				{background-color:#157d4e;}
.cl-list .img.bg2 			{background-color:#539b30;}
.cl-list .img.bg3 			{background-color:#328F9C;}

.cl-list .cont .category 	{border:1px solid #157d4e;color:#157d4e;}
.cl-list .cont .category.bg2 {color:#539b30;border-color:#539b30;}
.cl-list .cont .category.bg3 {color:#328F9C;border-color:#328F9C;}

/*.bx-exp */
.nuri-parent .bx-exp						{background:#f0f7e8;}
.nuri-parent .bx-exp em.point-main			{color:#F25C33 !important;font-weight:600;}
.nuri-parent .bx-exp li 					{padding:4px 0 4px 13px;}

/*1:1 부모상담*/
.counsel-one .board-tab 			{margin:0;}
.counsel-one .board-tab li 			{width:calc(25% - 4px);height:75px;}
.counsel-one .board-tab li a		{display:block;}
.counsel-one .board-tab li a:before	{content:"";width:30px;height:30px;background:url(/resources/homepage/main/img/counsel-one-c4.png) no-repeat;display:block;margin:0 auto 10px;}
.counsel-one .board-tab li a.c2:before {background:url(/resources/homepage/main/img/counsel-one-c5.png) no-repeat;}
.counsel-one .board-tab li a.c3:before {background:url(/resources/homepage/main/img/counsel-one-c6.png) no-repeat;}
.counsel-one .board-tab li a.on{background:#e96b38 !important;}
.counsel-one .board-tab li a.c2.on{background:#188bcf /*#0C9DF3*/ !important;}
.counsel-one .board-tab li a.c3.on{background:#d75670 /*#F9A0B2*/ !important;}


#counsel .nuri-cal.a002{background:#e1eff7;}
#counsel .nuri-cal.a001{background:#ffebda;}
#counsel .nuri-cal.a004{background:#ffebef;}


#counsel .btn-wrap 							{margin-top:50px;}
#counsel a.btn-step 				{background:var(--main-color);border:1px solid var(--main-color);padding:10px 35px;font-size:18px;}
#counsel a.btn-step:before 		{content:"\f304";font-family:'fontAwesome';font-size:15px;color:#FFF;margin-right:13px;}

#counsel h3 								{color:#000;font-size:20px;font-weight:600;margin:0 0 15px 0;}
#counsel.counsel-mypage h3  				{margin:30px 0 15px;}
#counsel.ex-mypage h3  						{margin:30px 0 20px 0;}
#counsel h3 span.badge 						{background:#EE6F00;border-color:#ee6f00;border-radius:2px;padding:.4rem .6rem 0.35rem;}
#counsel .bx-info 							{position:relative;padding:9px 15px 9px 35px;border:1px dashed var(--main-color);border-radius:5px;font-size:14px;line-height:1.3;color:#000;background:#fff;}
#counsel .bx-info i 						{font-size:11px;}
#counsel .bx-info:before					{content:"\f0f3";font-family:FontAwesome;font-weight:900;position:absolute;left:14px;top:10px;margin-right:5px;color:var(--main-color);border-radius:50%;text-align:center;font-size:12px;}
#counsel .coun-pro > ul 					{display:flex;flex-wrap:wrap;margin:0 -7.5px;}
#counsel .coun-pro > ul > li 				{width:calc(25% - 15px);margin:7.5px;padding:30px;background:#FFF;border:2px solid #FFF;display:block;border-radius:8px;position:relative;}
#counsel .coun-pro > ul > li.bg1 			{border-color:#4bbcfd;} 
#counsel .coun-pro > ul > li.bg2 			{border-color:#3685fd;} 
#counsel .coun-pro > ul > li.bg3 			{border-color:#05aac3;} 
#counsel .coun-pro > ul > li.bg4 			{border-color:#8377e9;} 
#counsel .coun-pro > ul > li.bg5 			{border-color:#f18d49;} 

#counsel .coun-pro > ul > li.a001.bg1{border-color:#ffcb12;}
#counsel .coun-pro > ul > li.a004.bg1{border-color:#F9A0B2; }
#counsel .coun-pro > ul > li.a001.bg1.selected{background:#fff3c5;}
#counsel .coun-pro > ul > li.a004.bg1.selected{background:#fde0e6;}

#counsel .coun-pro > ul > li.selected .stit	{color:#121314;}
#counsel .coun-pro > ul > li.selected:before{filter:brightness(0.6);}
#counsel .coun-pro > ul > li.bg1.selected 	{background:#d7f0ff;} 
#counsel .coun-pro > ul > li.bg2.selected 	{background:#cee1ff;} 
#counsel .coun-pro > ul > li.bg3.selected 	{background:#c2f1f0;} 
#counsel .coun-pro > ul > li.bg4.selected 	{background:#8f82ff40;} 
#counsel .coun-pro > ul > li.bg5.selected 	{background:#ffcbbd;} 

#counsel .coun-pro > ul > li:last-child 	{margin-right:0;}
#counsel .coun-pro > ul > li:before 		{content:"";width:60px;height:60px;background:url(/resources/homepage/main/img/counsel-one-ico-w2.png) no-repeat;position:absolute;top:30px;right:30px;}
#counsel .coun-pro > ul > li:not(.selected):before  {background: url(/resources/homepage/main/img/counsel-one-ico02.png) no-repeat;}
#counsel .coun-pro > ul > li .stit 			{color:var(--sub-color);font-size:13px;}
#counsel .coun-pro > ul > li .tit 			{color:#000;font-size:20px;font-weight:800;line-height:1;margin:5px 0 15px;}
#counsel .coun-pro > ul > li > ul.history  	{}

/*상담신청*/
.tab-txt.consult					{margin-bottom:30px;border-bottom:1px solid #ff9900;overflow:initial;}
.tab-txt.consult ul					{display:table;width:100%;table-layout:fixed;text-align:center;}
.tab-txt.consult li					{overflow:initial;display:table-cell;min-width:170px;vertical-align: middle !important;background: #F4F4F4;}
.tab-txt.consult li a.on:after		{content: "";position:absolute;left:0;top:auto;bottom:-1px;display:block;width: 100%;height:1px;background:#fff;z-index:1;}
.tab-txt.consult li a.on			{background:#fff;color:#ff9900;font-weight:600;border-left:none;border:1px solid #ff9900;border-bottom:none;border-left:1px solid #ff9900 !important;}
.tab-txt.consult li a				{position:relative;display:block;padding:15px 10px;font-size:16px;color:#666;border: 1px solid #dadada;border-left:0;border-bottom:none;}
.tab-txt.consult li:first-child a {border-left:1px solid #dadada;}
.tab-txt.consult li a:not(.on):hover			{color:#FFF;border-right:1px solid #ff9900;border:1px solid #ff9900;border-bottom:0;}

.dropdown-menu {font-family:'pretendard';} 
.datepicker table tr td.active, 
.datepicker table tr td.active.highlighted, 
.datepicker table tr td.active.highlighted:hover, 
.datepicker table tr td.active:hover		{background:#ff9900;}

.counsel-op								{padding:30px;display:flex;justify-content:space-between;}
.counsel-op ul li						{text-align:center;margin-right:10px;}
.counsel-op ul li a						{display:block;width:200px;height:100px;background:#FFF;border:1px solid #5A6378;padding:10px 0;transition:all 0.5s;font-weight:500;}
.counsel-op ul li a.on					{background:#ff9900;border:1px solid #ff9900;color:#FFF;box-shadow:1px 1px 10px 0 #999;}
.counsel-op ul li a:hover				{background:#ff9900;border:1px solid #ff9900;color:#FFF;box-shadow:1px 1px 10px 0 #999;}
.counsel-op ul li a:before				{content:"";width:50px;height:50px;display:block;background:url(/resources/homepage/main/img/counsel-ico.png)no-repeat;margin:0 auto;}
/*cl:전담 c2:비전담 c3:진로취업 c4:심리 c5:학습 c6:병무*/
.counsel-op ul li a.c1:before {background-position: 0 -50px;}
.counsel-op ul li a.c2:before {background-position:-50px -50px;}
.counsel-op ul li a.c3:before {background-position:-100px -50px;}
.counsel-op ul li a.c4:before {background-position:-150px -50px;}
.counsel-op ul li a.c5:before {background-position:-200px -50px;}
.counsel-op ul li a.c6:before {background-position:-250px -50px;}

.counsel-op ul li a.c1.on:before {background-position: 0 0;}
.counsel-op ul li a.c2.on:before {background-position:-50px 0;}
.counsel-op ul li a.c3.on:before {background-position:-100px 0;}
.counsel-op ul li a.c4.on:before {background-position:-150px 0;}
.counsel-op ul li a.c5.on:before {background-position:-200px 0;}
.counsel-op ul li a.c6.on:before {background-position:-250px 0;}

.counsel-op ul li a.c1:hover:before {background-position: 0 0;}
.counsel-op ul li a.c2:hover:before {background-position:-50px 0;}
.counsel-op ul li a.c3:hover:before {background-position:-100px 0;}
.counsel-op ul li a.c4:hover:before {background-position:-150px 0;}
.counsel-op ul li a.c5:hover:before {background-position:-200px 0;}
.counsel-op ul li a.c6:hover:before {background-position:-250px 0;}

.counsel-op .counsel-info				{background:#FCFCFC;border:1px solid #CCC;padding:20px;min-width:450px;display: flex;justify-content: space-between;align-items:center;}
.counsel-op .counsel-info ul li			{text-align:left;}

.counsel-op .counsel-info .left			{line-height:1;margin:5px 80px 0 0;}
.counsel-op .counsel-info .stit			{color:#666;font-weight:500;font-size:15px;letter-spacing:-1px;}
.counsel-op .counsel-info .tit			{color:#333;font-size:23px;font-weight:600;letter-spacing:-1px;line-height:1.2;width:auto;display:flex;align-items:flex-end;}
.counsel-op .counsel-info.t2 .tit		{font-size:20px;word-break:keep-all;position:relative;}

.counsel-op .counsel-info .right		{}
.counsel-op .counsel-info .right li		{color:#666;font-size:15px;font-weight:500;line-height: 1.1;}
.counsel-op .counsel-info span.badge 	{margin-left:8px;}
.counsel-op .counsel-info .right li:before {content:"\f095";font-family:'fontAwesome';color:#5A6378;font-weight:600;margin-right:10px;font-size:15px;display:inline-block;
width:15px;text-align:center;}
.counsel-op .counsel-info .right li.e-mail:before  {content:"\f0e0";}
.counsel-op .counsel-info .right li.address:before  {content:"\f3c5";}

#counsel .title-info							{color:#666;font-size:16px;}
#counsel .title-info:before						{content:"\f05a";font-family:'fontAwesome';font-weight:600;margin-right:8px;}
#counsel .col_wrap								{margin:0;}
#counsel .col_wrap:after						{display:none;}
/*캘린더*/
#counsel .main-calandar .col_wrap .col_cal					{width:100%;}
#counsel .main-calandar .col_wrap .col_time					{width:100%;margin-top:20px;}

#counsel .col_time									{margin-top:30px;}
#counsel .main-time .time_bx						{width:calc((100% / 5 ) - 2px);background:#fff;border: 1px solid #DADADA;text-align:center;margin-right:2px;margin-bottom:2px;border-radius:3px;}
#counsel .main-time .time_bx a						{display:block;color:#222;;padding:20px 0;line-height:1.4;}
#counsel.ex-mypage .main-time .time_bx				{width:calc(33.333% - 2px);}
#counsel.ex-mypage .main-time .time_bx a	 		{padding:20px 0;}		
#counsel .main-time .off							{background:#ececec;color: #dadada;}
#counsel .main-time .off a							{color:#cfcfcf;}
#counsel .main-time .off p							{color: #dadada;}
#counsel .main-time .on								{border:1px solid #FE7510;background:#FE8A36;}
#counsel .main-time .on	a							{color:#FFF;}

#main-calender										{position:relative;z-index:2;width:100%;}
#main-calender .mv-tit1								{margin-bottom:20px;color:#5E6877;}
#main-calender a.more								{position:absolute;top:10px;right:0;color:#ff9900;}
#counsel .nuri-cal									{position:relative;width:100%;height:auto;padding:30px;background:#fff;border-radius:8px;}
#counsel .nuri-cal .cal-top 						{position:relative;}
#counsel .nuri-cal .cal-top .control a 				{width:40px;height:40px;line-height:40px;background:#A6A6A6;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);display:block;border:0;margin:0;color:#FFF;text-align:center;}
#counsel .nuri-cal .cal-top .control a:hover,
#counsel .nuri-cal .cal-top .control a:focus  		{background:#768395;}
#counsel .nuri-cal .month							{margin-bottom:20px;text-align:center;font-size:30px;font-weight: 900;color:var(--dark-color);border-bottom:0;}
#counsel .nuri-cal .cal-top a.mon-prev				{left:60px;}
#counsel .nuri-cal .cal-top a.mon-next				{right:60px;}


#counsel .nuri-cal table thead th,
#counsel .nuri-cal table tbody td					{position:relative;width:calc(100% / 7);}
#counsel .nuri-cal table tbody td	 				{height:100px;padding:35px 7px 7px 7px;border:1px solid #ccc;vertical-align:top; background:#fff;}
#counsel .nuri-cal table tbody td span.date			{position:absolute;top:7px;left:10px;}
#counsel .nuri-cal table tbody td span.date.today 	{background:var(--dark-color);border-color:var(--dark-color);width:27px;height:27px;line-height:27px;border-radius:50%;color:#FFF;font-size:14px;}

/*#counsel .nuri-cal table tbody td span.list:after 	{content:"";width:5px;height:5px;border-radius:50%;background:#FF9900;position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);}
#counsel .nuri-cal table tbody td span.list.on:after 	{display:none;}*/
#counsel .nuri-cal table tbody td span.date.off 	{color:#888;}
#counsel .nuri-cal table tbody td ul.list 			{margin-top:10px;}
#counsel .nuri-cal table tbody td ul li 			{display: flex;justify-content:space-between;border:1px solid #ccc;border-radius:3px;padding: 3px;margin:2px 0;align-items: center;}
#counsel .nuri-cal table tbody td ul li.on .name 		{font-size:13px;color:#222;text-align:left;word-break: keep-all;}
#counsel .nuri-cal table tbody td ul li.off .name 		{font-size:13px;color:#999;}
#counsel .nuri-cal table tbody td ul li.null .name 	{color:#8b8b8b;}
#counsel .nuri-cal table tbody td ul li .cate 		{font-size:11px;width:30px;line-height:25px;color:#fff;border:1px solid #ccc;background:#eaeaea;}

.cate.bg1	{border-color:#4bbcfd !important;background:#d7f0ff;}
.cate.bg1.a001	{border-color:#ffcb12 !important;background:#fff3c5;}
.cate.bg1.a004	{border-color:#f9a0b2 !important;background:#fcd5dd;}
.cate.bg2	{border-color:#0c68f3 !important;background:#cee1ff;}
.cate.bg3	{border-color:#00dcff4a !important;background:#00dcff4a;}
.cate.bg3.a002{border-color:#05aac3 !important;background:#c2f1f0;}
.cate.bg4	{border-color:#8377e9 !important;background:#e5e3ff;}
.cate.bg5	{border-color:#f18d49 !important;background:#ffe6d5;}
.cate.null 	{border-color:#d2d2d2 !important;background:#f1f1f1;}

.cate.selected.bg1 {background:#ffd68f;}
.cate.selected.bg2 {background:#cdedab;}
.cate.selected.bg3 {background:#b7e7f8;}
.cate.selected.bg4 {background:#c8d9ff;} 
.cate.selected.bg5 {background:#ffcbbd;}

#counsel .nuri-cal table thead th					{padding:5px 0;background:#768395;color:#FFF;font-weight:600;}
#counsel .nuri-cal table tbody td.off				{background:#efefef;}
#counsel .nuri-cal table tbody tr:last-child td		{border-bottom:1px solid #dcdcdc;}
#counsel .nuri-cal table tbody td a					{z-index:2;position:relative;display:block;}
#counsel .nuri-cal table tbody td ul li.on a.btn-d 			{border-color:var(--main-color);background:var(--main-color);}
#counsel .nuri-cal table tbody td ul li.selected a.btn-d 	{border-color:#121314;background:#121314;}
#counsel .nuri-cal table tbody td ul li a.btn-off 			{background:#c3cad0;border:1px solid #c3cad0;pointer-events:none;}

#counsel .nuri-cal table tbody td a.day-off			{color:#ff9900;}
#counsel .nuri-cal table tbody td a.sat				{color:#666;}
#counsel .nuri-cal table tbody td a.off				{color:#d9d7d7;}
#counsel .nuri-cal table tbody td a.today			{color:#8BC932;font-weight:600;}
#counsel .nuri-cal table tbody td a.today:before,
#counsel .nuri-cal table tbody td a.on:before		{content: "";position:absolute;top:calc(50% - 22.5px);left:calc(50% - 22.5px);width:45px;height:45px;display:inline-block;border:2px solid #8BC932;line-height:45px;}

#counsel .nuri-cal table tbody td a.on				{color:#FFF;}
#counsel .nuri-cal table tbody td a.on:before		{border:2px solid #FE7510;background:#FE8A36;z-index:-1;}
#counsel .nuri-cal table tbody td a.y span:before		{content:"";width:5px;height:5px;border-radius:50%;background:#a3d251;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);}
#counsel .nuri-cal table tbody td a.today.y span:before {bottom:-3px;}

/*상담사 마이페이지 캘린더*/
#counsel .main-calender.ex .col_wrap .col_cal		{width:500px;}
#counsel .main-calender.ex .col_wrap 				{display:flex;justify-content:space-between;}
#counsel .main-calender.ex table:not(.ex_list) tbody td 			{height:60px;padding:0;}
#counsel .main-calender.ex .nuri-cal 				{padding:30px 20px 20px;}
#counsel .calender_list								{width:calc(100% - 520px);background:#FFF;padding:30px;position:relative;}
#counsel .calender_list .board-btn					{position:absolute;top:40px;right:30px;}
#counsel .calender_list	.btn-sm						{font-size:15px;}
#counsel .calender_list	.day span 					{font-size:12px;}
.calender-info										{padding-top:10px;}
.calender-info span									{font-size:14px;color:#666;margin-right:3px;}
.calender-info span:before							{content:"";width:10px;height:10px;background:#cacaca;display:inline-block;margin-right:5px;}
.calender-info span.sel:before						{background:#FE8A36;}

#counsel .nuri-cal.pro-cal table tbody td a.on:before	{border:2px solid #ff9494;background:#ff6060;}
#counsel .nuri-cal.pro-cal .calender-info span.sel:before		{background:#ff6060;}
#counsel #pro-time.pro-cal .on									{border:2px solid #ff9494;background:#fef5f8;}
#counsel #pro-time.pro-cal .on a								{color:#ff6060;}

@media only screen and (max-width:1480px){
	#counsel.online-main .board-write table th 		{width:120px;}
	#counsel .main-calender.ex .col_wrap .col_cal 	{width:430px;}
	#counsel .calender_list 						{width:calc(100% - 450px);}
	#counsel .main-calender.ex table:not(.ex_list) tbody td {height:53px;}
	#counsel .counsel-cont.complete				{padding:100px 160px;}

	#counsel.ex-mypage .main-time .time_bx				{width:calc(50% - 2px);}

}

@media only screen and (max-width:1240px){
	#counsel .counsel-date .col_wrap			{flex-wrap:wrap;}
	#counsel .counsel-date .col_wrap .col_cal {width:100%;}
	#counsel .counsel-date .col_wrap .col_time {width:100%;margin-top:20px;}
	#counsel .main-time .time_bx				{width:calc(20% - 5px);}
	#counsel .counsel-cont.complete				{padding:100px 80px;} 
	
	#counsel .nuri-cal 									{width:100%;overflow-x:auto;overflow-y:hidden;}
	#counsel .nuri-cal table thead th, #counsel .nuri-cal table tbody td{min-width:150px;}
	#counsel .calender_list		{width:100%;margin-top:20px;}
	
	#counsel .main-calender.ex .col_wrap 				{flex-wrap:wrap;}
	#counsel .main-calender.ex .col_wrap .col_cal 		{width:100%;}
	#counsel .main-calender.ex table:not(.ex_list) tbody td {height:65px}
	#counsel.ex-mypage .main-time .time_bx				{width:calc(25% - 2px);}

}
@media only screen and (max-width:1023px){
	#counsel.online-main .board-write table th 			{width:150px;} 
	.tab-txt.consult li									{min-width:auto;}
	.tab-txt.consult li a								{padding:15px 20px;font-size:14px;}
	#counsel .counsel-op								{flex-wrap:wrap;}
	#counsel .counsel-op .counsel-info					{margin-top:10px;width:100%;}
	#counsel .counsel-op .counsel-info .left			{margin:0 110px 0 0;}
	#counsel .counsel-op .counsel-info .right			{display:flex;flex-wrap:wrap;}
	#counsel .counsel-op .counsel-info .right li		{width:calc(50% - 10px);}
	#counsel .counsel-cont.complete						{padding:100px 40px;}
	#counsel .agree-info ul								{padding:30px;}
	#counsel .agree-info ul li							{width:calc(50% - 20px);}
	#counsel .agree-info ul li a 						{font-size:15px;}
	#counsel .counsel-cont.complete .tit				{font-size:22px;}
	#counsel .calender_list .board-btn					{top:25px;}
	.agree-info ul li span								{margin-right:40px;}
	.agree-info ul li:nth-child(1), 
	.agree-info ul li:nth-child(2)						{margin-bottom:10px;}
	
	.agree-process>ul 									{flex-wrap:wrap;}
	.agree-process>ul li 								{width:25%;}
	.agree-process .bx 									{line-height:45px;padding:0 0.5rem 0 2rem;}
	.agree-process .bx:before, 
	.agree-process .bx:after 	 						{border-width:23px;}
	.agree-process .bx:before 							{right:-44px;}
	.agree-process .bx:after 							{right:-45px}
	.agree-process li .tit 								{font-size:14px;}
	.agree-process li .tit:before 						{margin-right:5px;}
	

	#overlay .agree-info								{width:700px;padding:60px 40px 40px;}
	.agree-info .tit									{font-size:22px;}
	.agree-info ul li									{font-size:15px;}
	
	#counsel .form-inline .tv-toggle label  			{margin-right:0;}			
	#counsel .board-write .comment 						{width:auto;margin-left:0;margin-top:5px;}
	#counsel .board-write .comment.comment-left:before 	{display:none;}
	
	#counsel .nuri-cal table thead th, 
	#counsel .nuri-cal table tbody td					{min-width:140px;}
	#counsel .main-calender.ex table thead th,
	#counsel .main-calender.ex table tbody td 			{min-width:100%;}
	#counsel.ex-mypage .main-time .time_bx				{width:calc(33.333% - 2px);}
	.ex-mypage .mat-cal .bg_gr 							{padding:20px;}
	
	.counsel-one .board-tab li a:before 				{width:25px;height:25px;background-size:contain;margin:0 auto 5px;}
	.counsel-one .board-tab li a.c2:before, 			 
	.counsel-one .board-tab li a.c3:before 				{background-size:contain;}
	
	#counsel .bg_blue 									{padding:20px;}
	#counsel .board-tab a 								{padding:8px 0;margin-bottom: 0;}	
	#counsel .board-tab a.on, 
	#counsel .board-tab a:hover		 					{padding:13px 0;}
	
	#counsel .coun-pro > ul > li 						{width: calc(50% - 15px);}
	
	#counsel .btn-d.state 								{line-height:25px;width:58px;font-size:11px;}
	 
	} 

@media only screen and (max-width:767px){
	#counsel h2 			{margin:20px 0 15px 0;}
	#counsel h3 			{font-size:16px;}
	#counsel.counsel-mypage h3 {margin:15px 0 10px;}
	#counsel .tab-txt		{border-bottom:0;}
	#counsel .bg_gr			{padding:20px;}
	#counsel .bx-exp        {padding: 1rem 1.5rem 1rem 2.6rem;}
	#counsel .bx-exp:before{left:15px;}
	#counsel .main-time .time_bx {width:calc(33.33% - 2px);}
	#counsel #pro-calender .bg_gr {padding:20px;margin-top: 0;}	
	#pro-notice .bx1_gr {padding:20px;}
	#counsel .counsel-op ul 			{width:100%;}
	#counsel .counsel-op ul li:not(.counsel-op .counsel-info ul li) {width:calc(33.3333% - 7px);}
	#counsel .counsel-op ul li:not(.counsel-op .counsel-info ul li):last-child {margin-right:0;}
	#counsel .counsel-op ul li a 		{width:auto;}
	#counsel .counsel-op .counsel-info 	{flex-wrap:wrap;min-width:auto;}
	#counsel .counsel-op .counsel-info .left  {margin:0;}
	#counsel .counsel-op .counsel-info .right  {margin-top:5px;}
	
	.agree-info ul 						{padding:50px 30px;}
	.agree-info ul:after 				{display:none;}
	.agree-info ul li 					{width:calc(50% - 10px);}
	.agree-info ul li span 				{margin-right:40px;}
	#counsel .agree-info ul li 			{width:100%;}
	.agree-info.check 									{padding:70px 30px 10px;}
	.agree-info .tit:before 							{width:50px;height:50px;}
	
	.agree-process>ul li 								{width:50%;}
	.agree-process .bx 									{padding:0 0.5rem 0 3rem;}
	.agree-process>ul li:nth-child(3) .bx 				{padding:0 0.5rem 0 2rem;}
	#counsel .counsel-agree span 						{font-size:16px;text-align:left;display:block;}
	.counsel-agree .tv-checkbox span.btn label 			{width:25px;height:25px;}
	.counsel-agree .tv-checkbox input[type="checkbox"] + label::before {top:6px;left:2px;font-size:10px;}
	.counsel-agree .tv-checkbox 						{padding-left:0;}
	.counsel-one .board-tab li 							{width:calc(50% - 4px);height:auto;}
	#counsel .coun-pro > ul > li .stit 					{font-size:12px;}
	#counsel .coun-pro > ul > li .tit 					{font-size:16px;margin:2px 0 10px;}
	#counsel .coun-pro > ul > li:before 				{scale:0.8;}
	
	#counsel ul.bu > li 								{font-size:14px; whute-space:normal;}
	#counsel .bx-info                                   {margin:10px 0;}
	#counsel .nuri-cal 									{padding:0;}
	#counsel .nuri-cal .month 							{font-size:22px;}
	#counsel .nuri-cal .cal-top a.mon-prev 				{left:30px;}
	#counsel .nuri-cal .cal-top a.mon-next 				{right:30px;}
	#counsel .nuri-cal .cal-top .control a 				{width:30px;height:30px;line-height:30px;font-size:12px;}
	#counsel .nuri-cal 									{width:auto;overflow:hidden;padding: 10px;}
	#counsel .nuri-cal  thead	{display:none;}
	#counsel .nuri-cal  tbody,
	#counsel .nuri-cal  tr	{display:block;width:100%;}
	#counsel .nuri-cal table tbody td					{position:relative;display:block;width:100%;height:auto;min-height:46px;border:none;border-top: 1px solid #eaeced;background:none;padding: 7px 5px 7px 50px;}
	#counsel .nuri-cal table thead th,
	#counsel .nuri-cal table tbody td 					{min-width:100%;}
	#counsel .nuri-cal table tbody td ul.list 			{display:flex;justify-content:space-between;margin-top:0;flex-wrap:wrap;}
	#counsel .nuri-cal table tbody td ul.list li 		{width:calc(50% - 3px);}
	#counsel .btn-wrap a.btn-step 						{padding:5px 23px;font-size:14px;}
	#counsel .btn-wrap a.btn-step:before 				{font-size:13px;}
	#counsel .btn-d.state 								{line-height:20px;width:52px;font-size:10px;}
	#counsel .main-calender.ex table:not(.ex_list) tbody td {height:45px;}
	.ex-mypage .mat-cal .bg_gr 							{padding:0 !important;} 
	#counsel.ex-mypage #calendar_list	{padding:30px 0 10px;}
	
	#counsel .board-write .comment  					{height:auto;}
	#counsel .dday 										{font-size:10px;min-width:33px;}
}

@media only screen and (max-width:576px){
	#counsel .main-time .time_bx 						{width:calc(50% - 2px);}
	#counsel .main-time .time_bx a 						{font-size:13px;padding:15px 0;}
	.tab-txt.consult li a 								{padding:10px 15px;font-size:.9rem;}
	#counsel .bx-exp                                    {padding: 1rem 1.5rem}
	#counsel .bx-exp:before                             {display:none;}
	.agree-info.check 									{padding:50px 20px 10px;} 
	.agree-info ul										{padding:40px 30px;}
	.agree-info ul:after 								{display:none;}
	.agree-info ul li 									{width:100%;line-height:1.7;}
	.agree-info ul li:nth-child(1), 
	.agree-info ul li:nth-child(2) 						{margin-bottom:0;}
	.agree-info .tit 									{font-size:20px;word-break:keep-all;font-size:18px;}
	#counsel .agree-info .text-caution 					{padding:10px;font-size:13px;}		
	
	#overlay .agree-info 								{padding:50px 30px 30px;font-size:14px;}
	.agree-info .txt 									{font-size:16px;}
	.agree-info.check label 							{font-size:14px;}
	
	.agree-process li .tit 								{font-size:13px;}
	.agree-process>ul									{flex-wrap:wrap;}
	.agree-process>ul>li 								{min-width:50%;}	
	.counsel-agree .tv-checkbox span:first-child		{width:100%;display:block;}	
	.counsel-agree .tv-checkbox span 					{font-size:15px;}
	#counsel .nuri-cal .month							{font-size:19px;}
	#counsel .bx-info 									{font-size:14px;}
	#counsel .counsel-cont.complete 					{padding:80px 30px 60px;}
	.counsel-cont.complete .tit:before 					{width:40px;height:40px;margin:0 auto 10px;}

	#counsel .coun-pro > ul 							{flex-wrap:wrap;margin:-5px 0;}
	#counsel .coun-pro > ul > li 						{margin-right:0;margin:5px 0;width:100%;padding:20px;}
	#counsel .nuri-cal table tbody td 					{padding:5px 5px 5px 35px;font-size:12px;}

}

@media only screen and (max-width:415px){
	.agree-process>ul>li 								{min-width:100%;}
	.agree-process li:nth-child(1) .bx,
	.agree-process .bx.active 							{padding:0 1rem 0 1.5rem}
	.agree-process .bx,
	.agree-process>ul li:nth-child(3) .bx 				{padding:0 0.5rem 0 1rem;}
	.agree-info.check 									{padding:50px 20px 10px;}
	#counsel .agree-info ul li 							{flex-wrap:wrap;}
	.agree-info ul li span 								{dispaly:block;width:100%;}
	.ui-dialog .ui-dialog-content		 				{height:600px;}

	.counsel-one .board-tab li							{width:100% !important;}
	.counsel-one #counselData .date-wrap input 			{margin-bottom:5px;} 		
	#counsel .nuri-cal table tbody td ul.list 			{flex-wrap:wrap;}
	#counsel .nuri-cal table tbody td ul.list li 		{width:100%;}
	
	#counsel .comment.comment-left 						{width:100%;margin-left:0;margin-top:5px;}
	#counsel .comment.comment-left:before 				{display:none}
	
	#counsel .nuri-cal .cal-top a.mon-prev 				{left:0;}
	#counsel .nuri-cal .cal-top a.mon-next 				{right:0;}
	#counsel .btnarea a 								{font-size:15px;}
	
	#counsel .dday 										{font-size:8px;min-width:23px;}

}

/* 답글기능 */

#reply-wrap			{font-size:14px;line-height:1.5;padding-top:50px;}
#reply-wrap h3		{font-weight:500}
#reply-wrap h3 span	{color:var(--main-color);font-size:18px;font-weight:600;margin-left:10px;}
#reply-wrap .write-area  textarea{width:calc(100% - 90px);margin-right:10px;min-height:120px;border-color:var(--main-color);float:left;border-radius:3px;padding:10px}
#reply-wrap .write-area .btn-d		{width:80px;height:120px;line-height:120px;background:var(--main-color);color:#fff;text-align:center;border:none;float:right;}
#reply-wrap .name, #reply-wrap .date{font-size:13px;color:#888;display:inline-block;}
#reply-wrap .name				{margin-right:5px;}
#reply-wrap .date				{margin-left:10px;}
#reply-wrap a:hover .name		{color:#2085cb;}
#reply-wrap .mn-badge			{vertical-align:middle;margin-top:-3px;margin-right:0;}
#reply-wrap .mn-badge.ico-mentor-mn:after, #reply-wrap .mn-badge.ico-supporter-mn:after	{margin-left:0;}
#reply-wrap li					{padding:20px 0;border-top:1px solid #dfdfdf;}
#reply-wrap li:first-child		{border:none;}
#reply-wrap li li:last-child	{padding-bottom:0;}
#reply-wrap .cont	{margin-top:5px;}
#reply-wrap .re-area			{margin-top:5px;}
#reply-wrap .re-area input[type=text]	{width:calc(100% - 90px);margin-right:10px;min-height:38px;float:left}
#reply-wrap .re-area .btn-d		{width:80px;text-align:center;border:none;float:right;}
#reply-wrap .left a:hover,
#reply-wrap .on					{color:var(--main-color);}
#reply-wrap .re-area > ul > li:before	{content:"";display:inline-block;width:10px;height:10px;border-left:1px dotted #2085cb;border-bottom:1px dotted #2085cb}
#blogComment_reply_btn			{color:#aaa;font-size:12px;}


.btn-opinion					{position:relative;border:1px solid #dfdfdf;border-radius:2px;width:90px;}
/* .btn-opinion:before				{content:"";position:absolute;left:50%;bottom:0;width:1px;height:calc(100% - 1px);background:#efefef;} */
.btn-opinion a					{display:block;line-height:23px;padding:0 5px;text-align:center;font-size:11px;border:1px solid #fff;}
.btn-opinion a:focus,
.btn-opinion a:hover			{background:#f6f6f6;border-color:#f6f6f6;}
.btn-opinion a:before			{content:"";font-family:FontAwesome;display:inline-block;margin-right:5px;}
.btn-opinion a.ico-up			{color:#FF6666;}
.btn-opinion a.ico-up:before	{content:"\f164";}
.btn-opinion a.ico-down			{color:#838CA0;}
.btn-opinion a.ico-down:before	{content:"\f165";}
.btn-opinion a.ico-up.active		{border:1px solid #FF6666;position:relative;z-index:1;}
.btn-opinion a.ico-down.active		{border:1px solid #838CA0;position:relative;z-index:1;}


/*LMS*/
.lms-view-myprogress>.d_width{background:#edf9df !important;}