/* 로그인 버튼/폼박스/자료없음 */
.fmbx_df_log			{width:100%; height:50px; padding:0 15px 0 100px; border:1px solid #dddddd; border-width:1px;background:white; font-size:13px; text-align:left;}
.fmbx_df					{width:100%; height:50px; padding:0 15px 0 100px; border:1px solid #dddddd; border-width:1px;background:white; font-size:13px; text-align:left;}
.frm_reset2				{border:0px solid blue; background:transparent; font-size:13px; font-weight:500; width:calc(33.333% - 20px); height:48px; text-align:center;}
.fmbx_df_add		{width:100px; height:35px; padding:0 15px; border:1px solid #6d8dae; background:#e8f3ff; font-size:11px; text-align:center; cursor:pointer; color:black;}
.fmbx_df_adr			{width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; border-width:1px;background:white; font-size:13px; text-align:left;}

.btn_df					{width:100%; height:70px; padding:0 10px; border:0px; background:#0062b5; font-size:13px; text-align:center; color:white; cursor:pointer;}
.btn_df_chk			{width:100%; height:50px; padding:0 10px; border:1px solid #dddddd; border-width:1px 1px 1px 0; background:#fafafa; font-size:11px; font-weight:bold; text-align:center; color:black; cursor:pointer;}
.btn_df_chk2			{padding:10px; border:0px; background:#006ddc; font-size:11px; text-align:center; color:white; cursor:pointer; line-height:100%;}
.btn_df_chk2:hover	{background:#0161c3;}
.btn_df_chk3			{width:100%; height:50px; padding:0 10px; border:0px solid #dddddd; border-width:0; background:#006ddc; font-size:11px; font-weight:bold; text-align:center; color:white; cursor:pointer;}
.no_data		{float:left; width:100%; padding:50px; border-bottom:1px solid #eeeeee;}

.ad_btn_df					{width:100%; height:40px; padding:0 10px; border:0px; background:#323232; font-size:12px; text-align:center; color:white; cursor:pointer;}
.ad_fm_df					{width:100%; height:40px; padding:0 15px; border:1px solid #c4c4c4; border-width:1px;background:white; font-size:12px; text-align:left;}
.ad_btn_list				{width:auto; height:40px; padding:0 20px; border:1px solid #c4c4c4; background:#fafafa; font-size:12px; text-align:center; color:black; cursor:pointer;}
.ad_btn_list:hover	{background:#eeeeee; border:1px solid black;}

@media screen and (max-width: 1250px){
	.btn_df					{font-size:12px;}
	.fmbx_df_log			{font-size:11px;}
}

@media screen and (max-width: 650px){
	.fmbx_df_log			{height:45px;font-size:11px;}
	.fmbx_df			{height:45px;font-size:11px;}
	.frm_reset2			{height:43px;font-size:11px;}
	.fmbx_df_adr			{height:45px;font-size:11px;}
	.btn_df					{height:60px; }
	.btn_df_chk3			{height:45px;}
	.ad_btn_list				{height:35px; padding:0 10px;font-size:11px;}
}

/* 로그인 박스 레이아웃 */
.m_layout				{width:100%;  height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;text-align:center; display:table; background:#272727;
	background-image: -webkit-repeating-radial-gradient(center center, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
}
.m_layout .pos		{display:table-cell; vertical-align:middle; text-align:center;}

@media screen and (max-width: 1250px){
	.m_layout				{background:white;}
	.m_layout .pos		{display:inline-block; }
}

@media screen and (max-height: 750px){
	.m_layout				{position:relative; display:inline-block; background:white; }
	.m_layout .pos		{display:inline-block; }
}

@media screen and (max-width: 650px){
	.m_layout				{position:relative; display:inline-block; }
	.m_layout .pos		{display:inline-block; }
}


/* 로그인박스 */
.mbx 							{border:0px solid #dddddd; width:600px; padding:100px 90px;display:inline-block; background:white; border-radius:20px;}
.mbx  .stit					{float:left; width:100%; text-align:left; margin:0px 0px; border-top:1px solid #eeeeee; padding:25px 0 15px 0;}
.mbx  .stit .stname	{float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; color:#0055ac; font-size:14px; line-height:110%; letter-spacing:-0.05em; padding-left:5px;}
.mbx  .stit .stex			{float:left; margin-left:10px; font-size:12px;}
.mbx  .set						{float:left; width:100%; padding:5px 0;}
.mbx  .set .tt				{position:relative; width:70px; height:0px; text-align:left; top:16px; left:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:12px; }
.mbx  .set .bx					{float:left; width:100%}
.mbx  .btn_ar			{float:left; width:100%; padding-top:8px;}	/* 일반적인버튼위치 */
.mbx  .rmb				{float:left; width:100%; padding:20px 0; border-bottom:1px solid #eeeeee; }

/* 공통 / 로고 */
.logo_title					{float:left; width:100%; text-align:center; margin-bottom:35px;}
.logo_title .logo			{float:left; width:100%; margin-bottom:15px;}
.logo_title .logo img	{width:129px; }
.logo_title .name		{float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:400; color:black; font-size:15px; line-height:110%; letter-spacing:-0.05em;}

/* 공통 / 카피 */
.mbtm_copy				{float:left; width:100%; padding-top:30px; font-family:tahoma; font-size:11px;}
.mbtm_copy span	{font-family:NanumBarunGothic, sans-serif; letter-spacing:-0.05em; margin:0 5px; color:black;}

@media screen and (max-width: 1250px){
	.mbx 							{max-width:600px; width:100%; background:transparent; border:0;}
}

@media screen and (max-width: 900px){
	.mbx 							{border:0}
	.mbx  .stit					{padding:20px 0 10px 0;}
	.mbx  .stit .stname	{font-size:12px; line-height:120%; }
	.mbx  .stit .stex			{font-size:12px;}
	.mbx  .set				{padding:3px 0;}
	.logo_title					{margin-bottom:30px;}
	.logo_title .logo			{margin-bottom:10px;}
	.logo_title .logo img	{width:100px; }
	.logo_title .name		{font-size:13px; }
}

@media screen and (max-height: 750px){
	.mbx				{border:0}
}

@media screen and (max-width: 650px){
	.mbx 							{padding:50px 25px;}
	.mbx  .stit					{padding:20px 0 10px 0;}
	.mbx  .stit .stname	{display:none;}
	.mbx  .stit .stex			{font-size:11px;}
	.mbx  .set				{padding:2px 0;}
	.mbx  .set .tt			{top:14px; font-size:11px;}
	.mbx  .rmb				{padding:15px 0; font-size:11px;}
	.logo_title					{margin-bottom:25px;}
	.logo_title .logo img	{width:100px; }
	.logo_title .name		{font-size:11px; }
}

/* 페이지 skip css */
.pps_set			{display:inline-block; font-size:11px; letter-spacing:-0.05em; margin-top:30px; }
.pps_pga			{float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;}
.pps_pga:hover	{color:#ef386c; }
.pps_pgd			{float:left; border:1px solid transparent; color:#8f8f8f; border-radius:0px; padding:7px; font-family:돋움;}
.pps_hset			{float:left; margin:0px 15px;}
.hot_pga			{float:left; color:#898989; padding:7px 10px;  border:1px solid transparent;}
.hot_pga:hover	{color:#ef386c; }
.hot_pgs			{float:left; color:#ef386c; padding:7px 15px; font-weight:bold; border:1px solid #e6e6e6; background:white;}

/* 스크롤탑세팅 */
.go-top			{width:35px; height:35px; padding-top:8px; text-align:center; font-size:18px; position:fixed; bottom:-40px; right:20px;background:rgba(0,0,0,0.6); color:#FFFFFF; text-decoration:none;border-radius:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -moz-border-radius:100%; -webkit-border-radius:100%; z-index:20;}
.go-top.show{bottom:20px;}
.go-top:hover{background:rgba(0,0,0,1);}

/* 전체 레이아웃 */
#wrap							{width: 100%; height:100%; margin: 0 auto; text-align:center;}
#top_blk						{width:100%; height:80px; margin:auto;  text-align:center; }
#top_blk_mb			{display:none;}
.etc_blk						{width:100%; border-bottom:0px solid #eeeeee; background:#5b5b5b; height:50px;}
.etc_blk .title				{float:left; padding:15px 40px 0 40px; font-size:12px; color:#ffffff; height:50px;  background:#272727;}
.etc_blk .title span	{font-weight:bold; color:#ffffff;}
.etc_blk .who				{float:left; padding:15px 0 0 25px; font-size:12px; color:#ffffff; height:50px; display:none;}
.etc_blk .who span	{font-weight:bold; color:#e7c900;}
#etc_mm				{float:right;}
#etc_mm .icon		{font-size:16px; color:#6f6f6f;}
#etc_mm, #etc_mm ul {margin: 0; padding: 0; list-style: none;}
#etc_mm {margin: 0px auto; display:inline-block;  width:auto;}
#etc_mm:before, #etc_mm:after {content: ""; display: table; }
#etc_mm:after {clear: both;}
#etc_mm {zoom:1;}
#etc_mm li {float: left; position: relative; box-sizing:border-box;}
#etc_mm a {float: left; text-align:center; padding: 15px 40px 0px 40px; height:50px; border-left:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,1); font-size:12px; font-weight:bold; background:#2f2f2f;transition: all .2s;}
#etc_mm li:hover > a {background:#464646;transition: all .2s;}
*html #etc_mm li a:hover { /* IE6 only */ color: #fafafa;}

.top_fix						{width:100%; height:80px; background: #fafafa; border-bottom:1px solid #eeeeee; position:absolute; top:50px; text-align:center; z-index:9999;}
.top_fix .pos_c			{max-width:1250px; width:100%; display:inline-block;}
.top_fix .pos_c .logo{float:left; width:auto; text-align:center;}
.top_fix .pos_c .mark{float:left; padding:29px 0 0 20px; }
.top_fix .pos_c .mark img{width:90px;}
.top_fix .pos_c .txt		{float:left; padding:43px 0px 0px 20px; font-family:Noto Sans KR, sans-serif; font-weight:500;  letter-spacing:-0.05em; font-size:15px; color:#000000;}
.top_fix .pos_c .txt	 span	{font-weight:500; color:#ffffff;}
.top_fix .pos_c .mn	{float:right; padding-top:0px;}
.top_fix .fix_out			{position:fixed; top:0; right:0; z-index:10000;}
.top_fix .fix_out a		{float:left; width:100px; height:100px; background:#851300; color:white; font-size:20px; padding-top:30px;}
.top_fix .fix_out a:hover		{background:#931500;}
.top_fix .fix_out a span		{font-size:11px; font-weight:bold;}

#content_blk				{background:#ffffff; padding:50px 0; width:100%;border:0px solid blue;} 
#content_blk .sub_title		{float:left; width:100%; padding:45px 0; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:22px; color:#000000;border-bottom:1px solid #eeeeee; margin-bottom:45px;}
#content_blk .sub_title a	{color:#595959;}
#content_blk .sub_title span		{color:#595959; display:none;}
#content_blk .pos	{display:inline-block; max-width:1250px; width:100%;}
#content_blk .pos .cont		{float:left; width:100%;}

#bottom_blk				{width:100%; padding-bottom:50px; text-align:center; }


@media screen and (max-width: 1100px){
	#top_blk						{display:none;}
	#top_blk_mb						{display:block; position:fixed; top:0; width:100%; height:50px; background:#fafafa; margin:auto; border-bottom:1px solid #eeeeee; z-index:99999999;}
	#top_blk_mb .menu_ar		{float:left; width:60px; border:1px solid transparent;}
	#top_blk_mb .logo_pic		{position:fixed; width:100%; text-align:center; top:18px;}
	#top_blk_mb .logo_pic img		{height:15px;}
	#top_blk_mb .logo_ar		{position:fixed; top:17px; right:15px; font-size:15px; color:#646464; }
	#top_blk_mb .logo_ar a		{color:#a83131;}
	#content_blk				{padding:50px 0; width:100%;}
	#bottom_blk				{min-width:100%; padding-bottom:0px;}
	#content_blk .sub_title		{padding:30px 0; font-size:17px;}
}

@media screen and (max-width: 900px){
	#content_blk				{padding:50px 0 30px 0;}
	#content_blk .sub_title		{padding:15px 0 15px 20px; font-size:13px; text-align:left; margin-bottom:25px;}
	#content_blk .sub_title span		{color:#595959; display:inline-block;}
}

@media screen and (max-width: 650px){
	#content_blk				{padding:50px 0 15px 0;}
	#content_blk .sub_title		{padding:15px 0 15px 20px; font-size:12px; letter-spacing:-0.05em;}
}


/* 하단영역 css */
.bt_cblk								{display:inline-block; width:100%; line-height:190%;}
.bt_cblk .title						{display:inline-block; padding:50px 0 10px 0;}
.bt_cblk .title .mark			{float:left; padding:0px 0 0px 0;}
.bt_cblk .title .mark img	{height:30px;}
.bt_cblk .title .txt				{float:left; padding:0 0 10px 0;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:white; font-size:17px;}
.bt_cblk .stt						{font-size:13px; padding:0px 0 20px 0; font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:-0.05em; color:white; opacity:0.6;}
.bt_cblk .info						{color:rgba(255,255,255,0.6);}
.bt_cblk .ftas						{margin-right:5px;}
.bt_cblk .info a					{color:white; cursor:text; font-weight:bold;}
.bt_cblk .info span			{display:inline-block; margin:0 8px;}
.bt_cblk .otx						{font-size:11px;color:rgba(255,255,255,0.6);}
.bt_cblk .copy					{padding-top:15px; font-family:arial; font-size:11px; color:white; letter-spacing:0.05em;}

@media screen and (max-width: 1100px){
	.bt_cblk								{padding-bottom:30px;}
	.bt_cblk .title						{font-size:17px; padding:30px 0 10px 0;}
	.bt_cblk .title .mark			{float:left; padding:0px 0 0px 0;}
	.bt_cblk .title .mark img	{height:23px;}
	.bt_cblk .title .txt				{float:left; padding:5px 0 10px 5px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:white; font-size:15px;}
	.bt_cblk .stt						{font-size:12px;}
	.bt_cblk .ftas						{margin-right:3px;}
	.bt_cblk .info span			{display:inline-block; margin:0 5px;}
	.bt_cblk .otx						{font-size:11px;color:rgba(255,255,255,0.6);}
}

@media screen and (max-width: 900px){
	.bt_cblk					{padding:0 15px 30px 15px; line-height:140%;}
	.bt_cblk .title			{padding:30px 0 0 0;}
	.bt_cblk .stt			{font-size:11px; padding-bottom:10px;}
	.bt_cblk .info			{font-size:10px; letter-spacing:-0.05em; line-height:180%;}
	.bt_cblk .info span		{margin:0 7px;}
	.bt_cblk .otx			{font-size:10px; letter-spacing:-0.05em; padding-top:10px;}
	.bt_cblk .copy		{padding-top:10px; font-size:10px;}
}

@media screen and (max-width: 650px){
	.bt_cblk .title .txt			{font-size:13px;}
	.bt_cblk .info span		{margin:0 5px;}
	.bt_cblk .otx					{font-size:9px; max-width:280px; display:inline-block;}
	.bt_cblk .copy				{font-size:9px;}
}

/* ////////////////////// 컨텐츠 css //////////////////////////////////// */

/* index / 기본정보, 일정 css */
.main_cont		{float:left; width:100%; padding:50px 0; border:0px solid red;}
.main_cont .tinfo							{float:left; width:50%; text-align:left; padding:25px 70px 25px  25px; line-height:110%; border-right:1px solid #eeeeee;}
.main_cont .tinfo .lv						{float:left; width:100%;padding:0 0 20px 0;}
.main_cont .tinfo .lv .icn				{float:left; font-size:45px; color:#005998; }
.main_cont .tinfo .lv .name			{float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:15px 0 0 15px; letter-spacing:-0.05em; font-size:30px; color:black;}
.main_cont .tinfo .lv .tit					{float:left; font-family:Noto Sans KR, sans-serif; font-weight:400; padding:17px 25px 0 15px; letter-spacing:-0.05em; font-size:25px; color:black;}
.main_cont .tinfo .lv .tit span		{color:#005998; margin-left:15px; font-weight:500;}

.main_cont .tinfo .set					{float:left; width:100%; padding:15px 0 15px 0px;}
.main_cont .tinfo .set .clm			{float:left; width:100%; padding:17px 0 17px 40px ; font-size:12px; border-bottom:1px dotted #eeeeee;}
.main_cont .tinfo .set .clm .tt		{float:left; width:100px; font-weight:bold; opacity:0.7;}
.main_cont .tinfo .set .clm .con	{float:left; width:calc(100% - 100px); color:black;}
.main_cont .tinfo .btn					{float:left; width:100%; padding:20px 0 0 0px; text-align:center; font-size:0;}
.main_cont .tinfo .btn .go			{display:inline-block; padding:20px 0; width:45%; background:#0072c2; color:white; margin:0 5px; font-size:13px; font-weight:bold; transition: all .2s; text-align:center;}
.main_cont .tinfo .btn .go:hover	{background:#015d9e;  transition: all .2s;}

.main_cont .today							{float:left; width:50%; text-align:center; padding:25px 25px 25px 70px; border-left:1px solid #eeeeee; margin-left:-1px; }
.main_cont .today .title					{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:22px; color:black; text-align:left;}
.main_cont .today .title span			{color:#005998; }
.main_cont .today .text					{float:left; width:100%; padding:15px 0 30px 0; text-align:left;}
.main_cont .today .sclist					{float:left; width:100%; text-align:left; padding:0 0 30px 0;}
.main_cont .today .sclist .gr				{float:left; width:100%; font-size:12px; border-bottom:1px dotted #eeeeee; padding:13px 10px;}
.main_cont .today .sclist .gr:hover	{background:#fafafa;}
.main_cont .today .sclist .gr .time		{float:left; width:50px; font-weight:bold;}
.main_cont .today .sclist .gr .memo	{float:left; width:100px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.main_cont .today .sclist .gr .who		{float:left; width:calc(100% - 270px);text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.main_cont .today .sclist .gr .tel			{float:left; width:120px; text-align:right;}
.main_cont .today .go_sclist				{display:inline-block; padding:15px 0; width:180px; border:1px solid #0072c2; background:white; color:#0072c2; margin:0 5px; font-size:13px; font-weight:bold; transition: all .2s; text-align:center;}
.main_cont .today .go_sclist:hover	{background:#0072c2; border:1px solid #0072c2; color:white;  transition: all .2s;}


@media screen and (max-width: 1100px){
	.main_cont									{padding:20px 0;}
	.main_cont .tinfo							{width:100%; padding:0 70px 50px 70px; border:1px solid #eeeeee; border-width:0 0 1px 0;}
	.main_cont .tinfo .btn					{padding:20px 0 0 0; text-align:center;}
	.main_cont .today						{width:100%; padding:70px 70px 0 70px; border-left:0px; margin:0; }
}

@media screen and (max-width: 900px){
	.main_cont									{padding:20px 0;}
	.main_cont .tinfo							{padding:0 50px 50px 50px;}
	.main_cont .tinfo .lv						{padding:0 0 10px 0;}
	.main_cont .tinfo .lv .icn				{font-size:30px;}
	.main_cont .tinfo .lv .name			{padding:8px 0 0 15px; font-size:22px;}
	.main_cont .tinfo .lv .tit					{padding:9px 25px 0 15px; font-size:18px;}
	.main_cont .tinfo .set					{padding:10px 0 10px 0px;}
	.main_cont .tinfo .set .clm			{padding:15px 0 15px 40px ; font-size:12px;}
	.main_cont .tinfo .btn					{padding:20px 0 0 0; text-align:center;}
	.main_cont .today						{padding:50px 50px 0 50px;}
	.main_cont .today .title					{font-size:20px; }
}

@media screen and (max-width: 650px){
	.main_cont									{padding:0 0;}
	.main_cont .tinfo							{padding:20px 20px 40px 20px;}
	.main_cont .tinfo .lv						{padding:0 0 10px 0; font-size:0; text-align:center;}
	.main_cont .tinfo .lv .icn				{float:none; display:inline-block; font-size:25px; vertical-align:top;}
	.main_cont .tinfo .lv .name			{float:none; display:inline-block; padding:4px 0 0 10px; font-size:18px; vertical-align:top;}
	.main_cont .tinfo .lv .tit					{float:none; display:inline-block; padding:5px 25px 0 10px; font-size:15px; vertical-align:top;}
	.main_cont .tinfo .set					{padding:10px 0 10px 0px;}
	.main_cont .tinfo .set .clm			{padding:15px 0 15px 15px ; font-size:12px;}
	.main_cont .tinfo .set .clm .tt		{width:80px; opacity:0.5;}
	.main_cont .tinfo .set .clm .con	{width:calc(100% - 80px);}
	.main_cont .tinfo .btn					{padding:20px 0 0 0; text-align:center;}
	.main_cont .tinfo .btn .go			{padding:15px 0; width:45%; margin:0 5px; font-size:12px; }
	.main_cont .today						{padding:40px 20px 30px 20px;}
	.main_cont .today .title				{font-size:18px; text-align:center; padding-bottom:30px;}
	.main_cont .today .text				{display:none;}
	.main_cont .today .sclist				{padding:0 0 30px 0;}
	.main_cont .today .sclist .gr				{font-size:11px; padding:10px 5px;}
	.main_cont .today .sclist .gr .time		{ width:45px;}
	.main_cont .today .sclist .gr .memo	{width:100px;}
	.main_cont .today .sclist .gr .who		{width:calc(100% - 240px);}
	.main_cont .today .sclist .gr .tel			{width:95px;}
	.main_cont .today .go_sclist				{padding:13px 0; width:45%; font-size:12px;}
}

/* index / 공지사항 css */
.bd_blk 			{float:left; width:100%; text-align:left; padding:80px 0px 30px 0px;  border-top:1px solid #eeeeee; }
.bd_blk .title		{float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:20px; color:black; text-align:center;padding-bottom:0px; }
.bd_blk .latest	{float:left; width:100%; margin-top:30px;}

@media screen and (max-width: 1100px){
	.bd_blk 			{padding:80px 0px 30px 0px; margin-top:50px;}
}

@media screen and (max-width: 900px){
	.bd_blk 			{padding:50px 20px 0px 20px; margin-top:30px;}
	.bd_blk .title		{font-size:18px;}
	.bd_blk .latest	{float:left; width:100%; margin-top:10px;}
}

@media screen and (max-width: 650px){
	.bd_blk 			{padding:30px 30px 30px 25px; margin:10px 0 -20px 0;; background:#fafafa;}
	.bd_blk .title		{font-size:15px;}
	.bd_blk .latest	{float:left; width:100%; margin-top:20px;}
}

/* 고객목록리스트 css */
.cl_list					{float:left; width:100%; padding:0 0 50px 0;}
.cl_list	 .title		{float:left; width:100%; padding:20px 0; background:#f4f4f4; border:1px solid #dddddd; border-width:1px 0; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:15px; }
.cl_list	 .grp		{float:left; width:100%; padding:25px 0; border-bottom:1px solid #eeeeee; font-size:15px; line-height:160%; font-family:Noto Sans KR, sans-serif; font-weight:500;}
.cl_list	 .bg1		{background:#ffffff;}
.cl_list	 .bg2		{background:#fafafa;}
.cl_list	 .no					{float:left; width:80px;}
.cl_list	 .kind				{float:left; width:110px;}
.cl_list	 .name			{float:left; width:80px; color:black; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.cl_list	 .add				{float:left; text-align:left;width:calc(100% - 1030px); padding-left:10px; color:#0062b5; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.cl_list	 .add span		{opacity:0.7; margin-right:10px; font-size:13px;}
.cl_list	 .a1					{float:left; width:100%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.cl_list	 .a2					{float:left; width:100%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.cl_list	 .phone			{float:left; width:130px;}
.cl_list	 .date				{float:left; width:100px;}
.cl_list	 .move				{float:left; width:110px;}
.cl_list	 .orday				{float:left; width:100px;}
.cl_list	 .stat				{float:left; width:70px;}
.cl_list	 .etc					{float:left; width:250px;}
.cl_list	 .hp					{padding-top:0px;}
.cl_list	 .htit					{display:none;}


@media screen and (max-width: 1100px){
	.cl_list							{padding:0; border-top:1px solid #eeeeee;}
	.cl_list	 .no					{display:none;}
	.cl_list	 .title				{display:none;}
	.cl_list	 .grp				{text-align:left; padding:30px 50px;}
	.cl_list	 .htit					{float:left; text-align:left; display:inline-block; width:100px; opacity:0.7;}
	.cl_list	 .kind				{width:calc(100% - 100px);}
	.cl_list	 .name				{width:calc(50% - 100px);}
	.cl_list	 .phone				{width:calc(50% - 100px);}
	.cl_list	 .date				{width:calc(50% - 100px);}
	.cl_list	 .move				{width:calc(50% - 100px);}
	.cl_list	 .orday				{width:calc(50% - 100px);}
	.cl_list	 .stat				{width:calc(50% - 100px);}
	.cl_list	 .add				{width:calc(100% - 100px); padding:0;}
	.cl_list	 .etc					{width:calc(100% - 100px);}
}

@media screen and (max-width: 900px){
	.cl_list	 .grp				{padding:30px 50px; font-size:14px; line-height:180%;}
}

@media screen and (max-width: 650px){
	.cl_list	 .grp				{padding:30px; font-size:12px; line-height:160%; font-weight:400;}
	.cl_list	 .htit					{width:50px;}
	.cl_list	 .kind				{width:calc(100% - 50px);}
	.cl_list	 .name				{width:calc(50% - 50px);}
	.cl_list	 .phone				{width:calc(50% - 50px);}
	.cl_list	 .date				{width:calc(50% - 50px);}
	.cl_list	 .move				{width:calc(50% - 50px);}
	.cl_list	 .orday				{width:calc(50% - 50px);}
	.cl_list	 .stat				{width:calc(50% - 50px);}
	.cl_list	 .add				{width:calc(100% - 50px);}
}


/* 결제내역 css */
.pay_tbox				{float:left; width:100%; padding:50px 10px 15px 10px;}
.pay_tbox .stkinfo				{float:left; }
.pay_tbox .stkinfo .ea				{float:left; font-size:15px;}
.pay_tbox .stkinfo .ea span	{color:red; font-weight:bold;}
.pay_tbox .stkinfo .if					{float:left;  color:#000; margin-left:15px; color:#015d9e;}
.pay_tbox .listcnt				{float:right; }

@media screen and (max-width: 1100px){
	.pay_tbox				{padding:10px 20px 15px 20px;}
}

@media screen and (max-width: 900px){
	.pay_tbox				{padding:0px 20px 15px 20px;}
	.pay_tbox .stkinfo .ea				{font-size:13px;}
	.pay_tbox .stkinfo .if					{margin-left:10px;}
	.pay_tbox .listcnt				{font-size:11px;}
	.pay_tbox .stkinfo				{width:100%;}
	.pay_tbox .listcnt				{float:left ; width:100%; text-align:left;}
}

@media screen and (max-width: 650px){
	.pay_tbox .stkinfo .ea				{font-size:11px;}
	.pay_tbox .stkinfo .if					{margin-left:5px;}
}

.pay_list					{float:left; width:100%; padding:0 0 50px 0;}
.pay_list	 .title		{float:left; width:100%; padding:20px 0; background:#f4f4f4; border:1px solid #dddddd; border-width:1px 0; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:15px; }
.pay_list	 .grp		{float:left; width:100%; padding:25px 0; border-bottom:1px solid #eeeeee; font-size:15px; line-height:160%; font-family:Noto Sans KR, sans-serif; font-weight:500;}
.pay_list	 .bg1		{background:#ffffff;}
.pay_list	 .bg2		{background:#fafafa;}

.pay_list	 .no					{float:left; width:80px;}
.pay_list	 .date				{float:left; width:200px;}
.pay_list	 .stk				{float:left; width:150px;}
.pay_list	 .dtl				{float:left; text-align:left;width:calc(100% - 430px); padding-left:10px; color:#0062b5; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}

.pay_list	 .kind				{float:left; width:100px;}
.pay_list	 .money				{float:left; width:200px;}
.pay_list	 .dtl1				{float:left; text-align:left;width:calc(100% - 580px); padding-left:10px; color:#0062b5; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}

.pay_list	 .hp					{padding-top:0px;}
.pay_list	 .htit					{display:none;}

@media screen and (max-width: 1100px){
	.pay_list							{padding:0; border-top:1px solid #eeeeee;}
	.pay_list	 .no					{display:none;}
	.pay_list	 .title				{display:none;}
	.pay_list	 .grp				{text-align:left; padding:30px 50px;}
	.pay_list	 .date				{width:calc(50% - 100px);}
	.pay_list	 .stk				{width:calc(50% - 100px);}
	.pay_list	 .kind				{width:calc(50% - 100px);}
	.pay_list	 .money				{width:calc(50% - 100px);}
	.pay_list	 .dtl				{width:calc(100% - 100px); padding:0;}
	.pay_list	 .dtl1			{width:calc(50% - 100px); padding:0;}
	.pay_list	 .htit					{float:left; text-align:left; display:inline-block; width:100px; opacity:0.7;}
}

@media screen and (max-width: 900px){
	.pay_list	 .grp				{padding:30px 50px; font-size:14px; line-height:180%;}
}

@media screen and (max-width: 650px){
	.pay_list	 .grp				{padding:30px; font-size:12px; line-height:160%; font-weight:400;}
	.pay_list	 .htit					{width:50px;}
	.pay_list	 .date				{width:calc(50% - 50px);}
	.pay_list	 .stk				{width:calc(50% - 50px);}
	.pay_list	 .kind				{width:calc(50% - 50px);}
	.pay_list	 .money				{width:calc(50% - 50px);}
	.pay_list	 .dtl				{width:calc(100% - 50px);}
	.pay_list	 .dtl2			{width:calc(50% - 50px);}
}


/* 고객정보 css */
.cl_detail			{float:left; width:100%; text-align:center;  font-size:14px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; padding:50px 0;}

.cl_detail .stbtn		{float:left; width:100%; border:1px solid #eeeeee; border-width:1px 0; background:#fafafa;}
.cl_detail .stbtn .dfx	{float:left; width:100%; color:red;  font-size:18px;  padding:50px 20px;}
.cl_detail .stbtn .dft_mm 	{float:left;padding:13px 0; color:red; margin:20px 20px; font-size:15px; }
.cl_detail .stbtn .dft	{float:left;padding:13px 0; width:180px; color:white; margin:20px 20px; font-size:15px; transition: all .2s; text-align:center; background:#a91800; }
.cl_detail .stbtn .dft:hover	{background:#bb1a00; }
.cl_detail .stbtn .ing	{background:#9a4500; }
.cl_detail .stbtn .ing:hover	{background:#b25000; }
.cl_detail .stbtn .cmp	{background:#0033ff; }
.cl_detail .stbtn .cmp:hover	{background:#0066ff; }


.cl_detail .title		{float:left; width:100%; padding-bottom:25px; font-size:20px;}
.cl_detail .set1		{float:left; width:50%; text-align:left; border-bottom:1px solid #eeeeee;}
.cl_detail .set2		{float:left; width:100%;text-align:left; border-bottom:1px solid #eeeeee;}

.cl_detail .tt		{float:left; width:130px; background:#fafafa; padding:20px 0 20px 35px; opacity:0.8;}
.cl_detail .txt		{float:left; width:calc(100% - 130px); padding:20px;}

.cl_detail .btn		{display:inline-block; padding-top:30px;}
.cl_detail .btn .ar	{float:left;padding:20px 0; width:180px; background:#0072c2; color:white; margin:0 5px; font-size:15px; transition: all .2s; text-align:center;}
.cl_detail .btn .ar:hover	{background:#015d9e;  transition: all .2s;}

@media screen and (max-width: 1100px){
	.cl_detail			{padding:30px 0;}
}

@media screen and (max-width: 900px){
	.cl_detail .title		{padding-bottom:20px; font-size:16px;}
	.cl_detail .set1		{width:100%;}
}

@media screen and (max-width: 650px){
	.cl_detail			{padding:30px 0; font-size:13px; font-weight:400;}
	.cl_detail .stbtn		{padding:0px;}
	.cl_detail .stbtn .dfx	{font-size:13px; padding:30px;}

	.cl_detail .stbtn .dft_mm 	{width:100%; text-align:left; padding:0 20px 15px 20px; color:red; margin:-10px 0px 0 0px; font-size:13px;  line-height:100%;}
	.cl_detail .stbtn .dft	{padding:10px 0; width:180px; font-size:13px;}
	.cl_detail .title		{padding-bottom:15px; font-size:15px; font-weight:500;}
	.cl_detail .tt		{width:90px; padding:15px 0 15px 25px; background:#ffffff; color:#0072c2;}
	.cl_detail .txt		{float:left; width:calc(100% - 90px); padding:15px 15px 15px 0;}
	.cl_detail .btn		{width:100%; padding-top:30px; text-align:center;}
	.cl_detail .btn .ar	{display:inline-block; float:none; padding:20px 0; width:40%; margin:0 2px; font-size:13px;}
}

/* 업체정보 css */
.agtxt_info			{float:left; width:100%; text-align:left;font-family:Noto Sans KR, sans-serif; font-weight:500;  letter-spacing:-0.05em; font-size:15px;}
.agtxt_info .title			{float:left; width:100%; text-align:center;font-family:Noto Sans KR, sans-serif; font-weight:500;  letter-spacing:-0.05em; font-size:18px; color:black; padding-bottom:15px; }
.agtxt_info .bx			{float:left; width:100%; border:1px solid #dddddd;}
.agtxt_info .cinfo			{float:left; width:50%; border-bottom:1px solid #eeeeee; padding:20px 20px; font-size:14px; background:#fafafa;}
.agtxt_info .cinfo .tit			{float:left; width:100px; opacity:0.8;}
.agtxt_info .cinfo .mm		{float:left; width:calc(100% - 100px); color:black;}
.agtxt_info .space			{float:left; width:100%; height:50px; font-size:0;}

@media screen and (max-width: 1250px){
	.agtxt_info			{padding:0 50px;}
}

@media screen and (max-width: 900px){
	.agtxt_info			{padding:0 30px;}
	.agtxt_info .title			{font-size:15px; padding-bottom:15px; }
	.agtxt_info .cinfo			{padding:15px 20px; font-size:13px;}
	.agtxt_info .space			{height:30px;}
}

@media screen and (max-width: 650px){
	.agtxt_info			{padding:0 0px;}
	.agtxt_info .title			{font-size:15px; padding-bottom:15px; }
	.agtxt_info .bx			{border:1px solid #dddddd; border-width:1px 0;}

	.agtxt_info .cinfo			{width:100%;padding:13px 15px; }
	.agtxt_info .cinfo .tit			{width:85px;}
	.agtxt_info .cinfo .mm		{width:calc(100% - 85px);}
}


/* 마감달력 버튼 css */
.cal_control		{float:left; width:100%; padding:50px 30px;}
.cal_btnbx		{float:left; width:100%; padding-bottom:30px;}
.cal_btnbx .set			{display:inline-block;}
.cal_btnbx .set .arr	{float:left; margin:0 3px;}
.cal_btnbx .set .arr .btn1		{background:#00559d; color:white; border:1px solid #00559d; width:150px; height:40px; cursor:pointer;transition: all .2s;}
.cal_btnbx .set .arr .btn2		{background:#fafafa; color:black; border:1px solid #dddddd; width:100px; height:40px; cursor:pointer;transition: all .2s;}
.cal_btnbx .grp		{float:left; width:100%; margin:-30px 0 0 0;}
.cal_btnbx .sel1		{float:left; width:180px;}
.cal_btnbx .sel2		{float:right; width:180px; padding-top:15px;}

@media screen and (max-width: 900px){
	.cal_control		{padding:30px 30px;}
	.cal_btnbx		{padding-bottom:20px;}
	.cal_btnbx .set .arr	{margin:0 2px;}
	.cal_btnbx .set .arr .btn1		{width:100px; height:35px;}
	.cal_btnbx .set .arr .btn2		{width:70px; height:35px;}
	.cal_btnbx .sel1		{width:130px;}
	.cal_btnbx .sel2		{width:130px;}
}

@media screen and (max-width: 650px){
	.cal_control		{padding:0 10px;}
	.cal_btnbx		{padding-bottom:10px;}

	.cal_btnbx .grp		{margin:5px 0 0 0;}
	.cal_btnbx .sel1		{width:calc(50% - 2px);}
	.cal_btnbx .sel2		{width:calc(50% - 2px);}
}

/* 마감달력 css */
.cal_box		{float:left; width:100%;}
.cal_box .txt		{float:left; width:100%; padding-top:30px;  font-size:12px; }
table.tb_acal							{width:100%; border:1px solid #e4e4e4; border-width:1px; border-collapse:collapse; text-align:center;}
table.tb_acal>tbody>tr>th		{border:none; border:0px solid #e4e4e4; border-width:0px 1px 1px 1px; border-bottom:1px solid #dddddd; vertical-align:middle; padding:20px 0px; background:#fafafa;letter-spacing:0em; font-size:15px; color:black;}
table.tb_acal>tbody>tr>td		{border:none; border:0px solid #e4e4e4; border-width:0px 1px 1px 1px; vertical-align:top; background:#dddddd; height:150px;}

table.tb_scal							{width:100%; border:1px solid #e7e7e7; border-width:0px; border-collapse:collapse; text-align:center;}
table.tb_scal>tbody>tr>th		{border:none; border:0px solid #eeeeee; border-width:0px 0px 0px 0px; vertical-align:middle; padding:20px 0px; background:#104070;letter-spacing:0em; font-size:15px; color:white;}
table.tb_scal>tbody>tr>td		{border:none; border:0px solid #eeeeee; border-width:0px; vertical-align:middle; padding:0; letter-spacing:0em;  font-size:15px;font-family:Noto Sans KR, sans-serif;  font-weight:500; letter-spacing:-0.05em;}
table.tb_scal .date		{display:inline-block; width:100%; padding:15px; height:100%; min-height:100px;}
table.tb_scal .date:hover		{background-color:#fafafa;}
table.tb_scal .day			{display:inline-block; width:100%; }
table.tb_scal .no			{display:inline-block;}
table.tb_scal .dnm			{display:inline-block; font-size:12px;}
table.tb_scal .stat			{display:inline-block; width:100%; padding-top:8px; font-size:13px;}
table.tb_scal .em			{font-size:11px; font-family:tahoma;}

@media screen and (max-width: 900px){
	.cal_box .txt		{padding-top:20px;  font-size:12px; }
	table.tb_acal>tbody>tr>th		{padding:15px 0px; font-size:13px;}
	table.tb_scal>tbody>tr>td		{font-size:13px; font-weight:500;}
	table.tb_scal .date		{padding:10px; height:100%; min-height:70px;}
	table.tb_scal .stat			{padding-top:0px; font-size:11px; letter-spacing:-0.05em;}
}

@media screen and (max-width: 650px){
	.cal_box .txt		{text-align:left; line-height:150%; padding:15px 15px 0 15px;  font-size:11px; }
	table.tb_acal>tbody>tr>th		{padding:10px 0px; font-size:12px; border:0px solid #eeeeee; border-width:0px 1px 1px 1px; }
	table.tb_acal>tbody>tr>td		{border:0px solid #eeeeee; border-width:0px 1px 1px 1px; vertical-align:top; }
	table.tb_scal>tbody>tr>td		{font-size:11px; height:100px;}
	table.tb_scal .no			{padding:5px 0 0 5px;}
	table.tb_scal .date		{padding:0px; height:100%; min-height:50px;}
	table.tb_scal .stat			{padding-top:0px; font-size:10px; letter-spacing:-0.05em;}
	table.tb_scal .em			{display:none;}
	table.tb_scal .dnm			{display:none;}
}