
/* 관리자모드 *****/

template									{display:none;}

.sign_item_cart_box							{border-top:2px solid #555;}
.sign_item_cart_box .options > li			{padding:20px;border-bottom:1px solid #ccc;}
.sign_item_cart_box .options .tits			{float:left; width:120px;}
.sign_item_cart_box .options .sets			{padding-left: 130px;}


/* 권한박스 ******************************/
.sign_denied_box			{margin:30px auto;width:400px;border:1px solid #ddd;padding: 40px;}
.sign_denied_box .txt		{font-size: 1.1em;line-height:25px;}
.sign_denied_box .btn01		{display: inline-block; width:100%;text-align: center;line-height: 60px;height: 60px;color: #fff;background:#222;font-size: 1.3em;border: 1px solid #111;cursor: pointer;letter-spacing: -1px;margin-top:30px;}


/* screen 580 */
@media screen and (max-width:580px) {
	.sign_denied_box		{width:90%;}
}


/* 기본 리스트 =================================================================================== */ 
.sign_tabmenu01 					{overflow:hidden; border:1px solid #ddd; margin-bottom:40px; text-align:center;}
.sign_tabmenu01 li					{position:relative; display:inline-block; text-align:center; border-bottom:2px solid #fff;}
.sign_tabmenu01 li:after			{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:15px; margin:auto; background:#c0c4c7;}
.sign_tabmenu01 li:first-child:after{display:none;}
.sign_tabmenu01 li a				{font-family: 'GmarketSansMedium'; display:block; color:#797979; line-height:68px; height:66px; padding:0 30px; font-size:1.2em;}
.sign_tabmenu01 li:last-child a:after{display:none;}
.sign_tabmenu01 .on					{border-color:#e93e2e;}
.sign_tabmenu01 .on a,
.sign_tabmenu01 a:hover				{color:#e93e2e;}

.sign_item_list						{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 20px; }
.sign_item_list:after				{content:''; display:block; clear:both;}
.sign_item_list li					{position:relative; width:100%;  }
.sign_item_list em					{position:absolute; left:-10px; top:10px; background:#393939; color:#fff; z-index:1; padding:5px 10px; border-radius:3px; font-size:0.85em;font-style:normal; }
.sign_item_list figure				{position:relative; height:250px; border:1px solid #eaeaea; transition: all 0.3s ease;}
.sign_item_list figure img			{width:100%; height:100%; object-fit:cover;}
.sign_item_list .layer				{position:absolute;	top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;	width:100%;	height:100%; transition:0.5s; opacity:.7;}
.sign_item_list li:hover  figure	{transform: scale(1.03); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);}
.sign_item_list li:hover .layer		{display:block;}
.sign_item_list dl					{padding:22px 0; text-align:center;}
.sign_item_list dl dt				{letter-spacing:-1px; font-size:1.2em; font-weight:500; color:#222; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.sign_item_list dl dd				{font-size:0.95em; margin:5px 0 0 0;color:#777; letter-spacing:-0.75px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.sign_item_list .nolist,
.item_nolist						{text-align:center; padding:80px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#777;}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.sign_tabmenu01					{display:table; table-layout:fixed; width:100%; margin:-20px 0 40px 0; border-top:0; border-left:0; border-right:0;}
	.sign_tabmenu01 li				{display:table-cell; float:none; }
	.sign_tabmenu01 li a			{line-height:52px; height:50px; font-size:0.95em; padding:0 10px;}

	.sign_tabmenu02					{margin:-20px 0 20px 0;}

	.sign_item_list					{grid-template-columns: repeat(3, 1fr); gap: 20px 20px;}

}

/* screen 768 */
@media screen and (max-width:768px) {


	.sign_item_list					{grid-template-columns: repeat(2, 1fr);}
	.sign_item_list dl				{padding:15px 0;}
	.sign_item_list dl dt			{font-size:1.1em;}


}

/* screen 580 */
@media screen and (max-width:580px) {

	.sign_item_list					{grid-template-columns: repeat(1, 1fr); }

}


/* 기본 뷰 ==================================================================================== */ 
.sign_view_top							{position:relative; overflow:hidden; margin-bottom:60px;}
.sign_view_top .lt						{float:left; width:50%;}
.sign_view_top .lt figure				{border:1px solid #eaeaea; height:420px;}
.sign_view_top .lt figure img			{width:100%;height:100%; object-fit:cover;}
.sign_view_top .lt ul					{position:relative; margin:10px 0 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 10px; }
.sign_view_top .lt ul li				{position:relative; height:100px; border:1px solid #eaeaea; }
.sign_view_top .lt ul li img			{width:100%;height:100%; object-fit:cover;}
.sign_view_top .rt						{float:right; width:45%; padding:10px 0 0 0;}
.sign_view_top .rt em					{display:inline-block; font-style:normal; color:#74c500; margin-bottom:7px; font-size:1.1em; letter-spacing:-1px; font-weight:500; }
.sign_view_top .rt h2					{font-family: 'GmarketSansMedium'; font-size:1.9em; font-weight:300; color:#222; padding-bottom:20px; letter-spacing:-1px; line-height:120%; border-bottom:2px solid #333; }
.sign_view_top .info						{padding:30px; background:#f7f7f7; border-bottom:1px solid #ddd; }
.sign_view_top .info dl					{overflow:hidden; letter-spacing:-1px; margin:5px 0;}
.sign_view_top .info dl dt				{float:left; width:80px; color:#000; font-weight:500; }
.sign_view_top .info dl dd				{padding-left:80px; color:#4d4d4d;line-height:140%;}
.sign_view_top .btn						{width:100%; background:#e93e2e; border-radius:2px; color:#fff; padding:18px 0; text-align:center; font-size:1.2em; letter-spacing:-1px; font-weight:500; margin-top:20px;}
.sign_view_top .btn:hover				{background:#ff5544;}
.sign_view_order						{margin-bottom:60px;}
.sign_view_btn							{margin-bottom:60px; text-align:center;}

.sign_view_btm							{border-bottom:1px solid #ddd; padding-bottom:60px; margin-bottom:40px;}
.sign_view_btm .cont_box				{margin-bottom:60px; text-align:center;}
.sign_view_btm h4						{position:relative; text-align:left;margin-bottom:40px; font-family: 'GmarketSansMedium'; padding-top:20px; font-size:1.8em; color:#000; letter-spacing:-2.5px; line-height:140%;  border-top:1px solid #ddd;}
.sign_view_btm h4:before				{position:absolute; left:0px; top:0; content:''; display:block; width:12%; height:2px; background:#ff5544;}
.sign_view_btm h4:after					{display:none;}
.sign_view_btm ul						{position:relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px 20px;}
.sign_view_btm figure					{position:relative; height:180px; box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);}
.sign_view_btm figure img				{width:100%;height:100%;object-fit:cover; }
.sign_view_btm .tit						{text-align:center; margin:15px 0 0 0; line-height:1.4; font-size:0.95em;}
.sign_view_btm .layer					{position:absolute;	top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;	width:100%;	height:100%; transition:0.5s; opacity:.7;}
.sign_view_btm ul li:hover .layer		{display:block;}


/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.sign_view_top					{margin-bottom:40px;}
	.sign_view_top .lt				{width:48%;}
	.sign_view_top .lt figure		{height:320px;}	
	.sign_view_top .lt ul			{margin:5px 0 0 0; gap: 5px 5px; }
	.sign_view_top .lt ul li		{height:85px;}
	.sign_view_top .rt				{width:48%;}
	.sign_view_top .rt h2			{font-size:1.6em;}
	.sign_view_top .info			{padding:20px; font-size:0.95em;}
	.sign_view_top .btn				{padding:15px 10px; font-size:1em;}
	.sign_view_order				{margin-bottom:40px;}
	.sign_view_btn					{margin-bottom:40px;}
	.sign_view_btm h4				{font-size:1.4em; margin-bottom:20px; padding-top:15px;}

	.sign_view_btm					{padding-bottom:20px; margin-bottom:40px;}
	.sign_view_btm .cont_box		{margin-bottom:40px;}
	.sign_view_btm ul				{grid-template-columns: repeat(3, 1fr); }
	.sign_view_btm .tit				{margin:10px 0 0 0; }

}

/* screen 768 */
@media screen and (max-width:768px) { 
	.sign_view_top						{display: grid;}  
	.sign_view_top .lt					{order: 2; float:none; width:100%;}
	.sign_view_top .rt					{order: 1; float:none; width:100%; }
	.sign_view_top .rt h2			{text-align:center; padding-bottom:20px;font-size:1.5em;border-bottom:0;}

 .sign_view_top .info						{padding:20px;   border-top:1px solid #ddd;margin:0 0 20px 0; }

	.sign_view_btm figure			{height:120px;}

}

/* screen 580 */
@media screen and (max-width:580px) {

	.sign_view_btm ul				{grid-template-columns: repeat(2, 1fr); }

}


/* 파트너 ==================================================================================== */ 
.company_item_list figure			{height:180px; text-align:center; display:flex;justify-content:center;align-items:center;}
.company_item_list figure img		{width:auto; height:auto; max-width:90%; max-height:90%; flex:0 0 auto;}

.company_item_view .lt				{width:48%;}	
.company_item_view .lt figure		{height:200px;  text-align:center; display:flex;justify-content:center;align-items:center;}
.company_item_view .lt figure img	{width:auto; height:auto; max-width:90%; max-height:90%; flex:0 0 auto;}
.company_item_view .rt				{width:48%;}	


/* screen 768 */
@media screen and (max-width:768px) {

	.company_item_view .lt,
	.company_item_view .rt			{width:100%;}

}


/*  교육 LIST ==================================================================================== */ 
.lecture_item_list .tag_ing			{}
.lecture_item_list .tag_end			{background:#7e7e7e;}
.lecture_item_list dl				{text-align:left; color:#4d4d4d;}
.lecture_item_list dl dd strong		{position:relative; font-weight:300; color:#000; padding-right:20px;}
.lecture_item_list dl dd strong:after	{content:''; position:absolute; top:0; right:10px; bottom:0; width:1px; height:0.9em; margin:auto; background:#bbb;}
.lecture_item_list dl dd			{margin:10px 0 0 0; -webkit-line-clamp:2;}
.lecture_item_list dl dd p			{margin:3px 0;}
.lecture_item_list dl dd span		{color:#e42d1c;}

/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.lecture_item_list dl dd		{margin:5px 0 0 0;}

}


/* 채용정보 ==================================================================================== */ 
.responsive_table_wrap				{width:100%;overflow:hidden;}
.responsive_table_wrap strong,
.responsive_table_wrap b			{font-weight:500;}
.responsive_mobileinfo				{display:none;}

.employ_status						{display:inline-block;padding:2px 0; width:65px; text-align:center; font-weight:500;letter-spacing:-1px;border-radius:50px;font-size:0.9em;}
.employ_status.ing					{background:#e93e2e;color:#fff;}
.employ_status.end					{background:#ddd;}
.employ_inlineblock					{display:inline-block;padding:0px 20px 3px 0px;}


/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.responsive_mobileinfo				{display:block; border-right:1px solid #fff !important;}

	.responsive_table_wrap				{border-top:2px solid #333;}
	.responsive_table, 
	.responsive_table thead, 
	.responsive_table tbody, 
	.responsive_table th, 
	.responsive_table td, 
	.responsive_table tr				{display: block; overflow:hidden; text-align:left;}

	.responsive_table thead tr			{position: absolute;top: -9999px; left: -9999px; }
	.responsive_table .rs_hidden		{display:none;}

}

/* 마이페이지_매출관리 ==================================================================================== */ 
.book_searchbox						{float:right; width:30%;}
.book_searchbox select				{float:right; margin-left:5px;width:calc(50% - 5px);height:42px;vertical-align:top;border:1px solid #ddd;cursor:pointer;}


/* screen 768 */
@media screen and (max-width:768px) {
	.book_searchbox					{width:70%;}
}

/* screen 520 */
@media screen and (max-width:520px) {
	.book_searchbox					{float:none; width:100%;}

}





/* 리뷰 리스트 & 뷰 */
.sign_review_btn						{display:inline-block; zoom:1; *display:inline; line-height:30px; padding:0 10px; color:#fff; background:#5c666f; border:1px solid #5c666f; font-size:0.85em; cursor:pointer; vertical-align:middle; min-width:60px;text-align:center;} 
.sign_review_btn:hover					{border-color:#000; background:#000;}

.sign_review_top_info					{padding: 0 0 20px 0; overflow: hidden; word-break: keep-all;}

.sign_reviewlistbox						{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap:30px 20px; }
.sign_reviewlistbox li					{overflow:hidden; }
.sign_reviewlistbox figure				{position:relative; height:240px; border:1px solid #eaeaea; overflow:hidden;}
.sign_reviewlistbox figure img			{width: 100%; height:100%; object-fit: cover; transition: all 0.3s ease;}
.sign_reviewlistbox .layer				{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.sign_reviewlistbox li:hover .layer		{display:block;}
.sign_reviewlistbox li:hover img		{transform: scale(1.03);}
.sign_reviewlistbox dl					{margin:10px 0 0 0;}
.sign_reviewlistbox dl dt				{line-height:140%; font-size:1.25em; font-weight:700; margin:3px 0 15px 0; letter-spacing:-1.0px; color:#333; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.sign_reviewlistbox dl dt a				{font-weight:700;color:#333;}
.sign_reviewlistbox em					{font-style:normal; font-size:0.85em; color:#aaa;} 
.sign_reviewnolist						{padding:70px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 
.sign_reviewlistbox2					{gap:10px;}
.sign_reviewlistbox2 figure				{height:140px;}

.sign_reviewview_wrap						{width:calc(100% - 380px);}
.sign_review_tit_wrap						{padding:20px 10px; border-top:1px solid #333; overflow:hidden; border-bottom:1px solid #ddd; } 

.sign_review_tit_wrap .fl,
.sign_review_tit_wrap .fr					{width:50%;overflow:hidden;}
.sign_review_tit_wrap .fr					{border-left:1px solid #ddd;padding-left:20px;}

.sign_review_tit_wrap dt					{font-size:1.4em; letter-spacing:-2px; line-height:180%; color:#333; font-weight:500; padding:2px 0; }
.sign_review_tit_wrap dd					{color:#888; font-size:0.9em;}
.sign_review_tit_wrap dd span				{position:relative; padding-right:23px;}
.sign_review_tit_wrap dd span:after		{content:''; position:absolute; top:0; right:12px; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
.sign_review_tit_wrap dd span:last-child			{padding:0;}
.sign_review_tit_wrap dd span:last-child:after	{display:none;}

.sign_review_tit_wrap .sitem_box dt				{float:left;}
.sign_review_tit_wrap .sitem_box dt figure		{position:relative; width:130px; border:1px solid #eaeaea; overflow:hidden;}
.sign_review_tit_wrap .sitem_box dt figure img	{width: 100%; height:100%; object-fit: cover; transition: all 0.3s ease;}
.sign_review_tit_wrap .sitem_box dd				{font-size:1.3em; letter-spacing:-2px; line-height:180%; color:#333; font-weight:500; padding-left:150px; }
.sign_review_tit_wrap .sitem_box dd a			{color:#333; font-weight:500;}
.sign_review_tit_wrap .sitem_box dd:last-child	{font-size:1em;color: #888;}

.sign_review_tit_wrap2					{padding:40px 20px;}
.sign_review_tit_wrap2 dt				{font-size:1.6em; font-weight:700;}
.sign_review_content					{padding:20px 10px; word-break:break-all;  min-height:300px;border-bottom:1px solid #ddd; margin:0 0 20px 0;}
.sign_review_content img				{max-width:100%; }
.sign_review_content .edit_btn			{text-align:right; margin:20px 0 0 0;}
.sign_review_content .bbs_btn02			{min-width:60px; border-color:#ccc; line-height:32px; margin:0 1px;}


.sign_review_rating {
  display:flex;
  flex-direction: row-reverse;
  font-size:1.5em;
  justify-content:space-around;
  padding:0 .2em;
  text-align:center;
  width:5em;
}

.sign_review_rating input {
  display:none;
}

.sign_review_rating label {
  color:#ccc;
  cursor:pointer;
}

.sign_review_rating :checked ~ label {
  color:#e93e2e;
}

.sign_review_rating label:hover,
.sign_review_rating label:hover ~ label {
  color:#fc0;
}


.sign_review_star {
  display:inline-block;
  color:#bbb;
  font-size:1.1em;
}

.sign_review_star.on {
  color:#e93e2e;
}


/* screen 1024px */
@media screen and (max-width:1024px) {

	.share_itemview .rt,
	.share_itemview .rt .wrap			{position:relative; width:100%;}
	.share_itemview .rt .tit			{font-size:1.4em; text-align:center;}
	.share_itemview .rt .info			{padding:10px 0 0 0;}
	.share_itemview .rt dl				{margin:3px 0;}
	.share_itemview .info_btn div		{height:42px; width:49%;}
	.share_itemview .info_btn .sh_wish_btn .heart	{top:13px;}

	.share_itemview .lt					{float:none; width:100%; margin:20px 0 0 0;}
	.share_itemview .lt figure			{height:420px;}
	.share_itemview .info_imglist		{margin:10px 0 20px 0; gap:0 5px;}
	.share_itemview .info_imglist li	{height:85px;}
	.share_itemview .infobox			{padding:20px;}
	.share_itemview .infobox dl			{margin:3px 0;}
	.share_itemview .info01				{float:none; width:100%;}
	.share_itemview .info02				{float:none; width:100%; margin:20px 0 0 0;}

	.sign_reviewview_wrap				{width:100%;}
	.sign_reviewlistbox					{grid-template-columns: repeat(3, 1fr); gap:10px; }
	.sign_reviewlistbox dl dd			{font-size:1.1em;}
	.sign_reviewlistbox figure			{height:200px;}
	.sign_review_tit_wrap2				{padding:20px 10px;}
	.sign_review_tit_wrap2 dt			{font-size:1.4em;}

}


/* screen 768 */
@media screen and (max-width:768px) {

	.share_itemview .lt figure			{height:100%;}

	.sign_reviewlistbox					{grid-template-columns: repeat(1, 1fr); gap:10px; }

	.sign_review_tit_wrap .fl,
	.sign_review_tit_wrap .fr			{float:none;width:100%;}
	.sign_review_tit_wrap .fr			{border-left:0;padding-left:0px;}

}


@media screen and (max-width:480px) {
	.sign_review_tit_wrap .sitem_box dt				{float:none;}
	.sign_review_tit_wrap .sitem_box dt figure		{width:100%; border:1px solid #eaeaea; overflow:hidden;}
	.sign_review_tit_wrap .sitem_box dt figure img	{width: 100%; height:100%; object-fit: cover; transition: all 0.3s ease;}
	.sign_review_tit_wrap .sitem_box dd				{padding-left:0px; }
}



