@charset "utf-8"; 
 
 
/* VISUAL    ================================================================================== */
.main_visual						{position:relative; overflow: hidden;}
.main_visual li						{position:relative; height:680px; }	
.main_visual .visual_item			{content:''; animation:imgScale 3s both;}

.main_bn							{position:absolute; width:100%; top:65%; transform:translateY(-65%); text-align:center; color:#fff; z-index:1000;}
.main_bn dt							{font-family: 'GmarketSansLight'; font-size:3.3em; letter-spacing:-3px; line-height:120%; margin:0 0 30px 0;}	
.main_bn dt span					{font-family: 'GmarketSansMedium';}
.main_bn dt:after					{content:''; display:block; width:50px; height:2px; background:#ff5544; margin:30px auto 0 auto;}
.main_bn dd							{font-sizE:1.4em; line-height:160%; letter-spacing:-1px; font-weight:300;}	
.main_bn img						{border-radius:10px;}

@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}


/* MAIN_CONT    ================================================================================== */
.main_cont							{position:relative; padding:80px 0; overflow:hidden;}

.main_cont .lt						{position:relative;  float:left; width:66%; overflow:hidden;}
.main_cont .lt img					{width:100%; height:100%; object-fit:cover;}
.photo_list							{float:left; width:49.5%;}
.photo_list li						{float:left; width:49%; height:130px;}
.photo_list li:nth-child(1), .photo_list li:nth-child(2)		{margin-bottom:10px;}
.photo_list li:nth-child(even)		{float:right;}
.photo_list li:last-child			{background:#333; color:#fff; line-height:130px; text-align:center;}
.photo_list li:last-child p			{font-family: 'GmarketSansMedium';}
.main_cont figure					{float:right; width:49.5%; height:270px;}
.main_cont .lt:hover .photo_list li:last-child		{background:#ff5544;}

.main_cont .rt						{position:relative; float:right; width:30%; height:270px; letter-spacing:-1px;}
.main_cont .rt dt					{font-family: 'GmarketSansMedium'; font-size:2em; letter-spacing:-2px; color:#333; line-height:1.4;}
.main_cont .rt dt:after				{content:''; display:block; width:40px; height:1px; background:#ff5544; margin:20px 0 25px 0;}
.main_cont .rt dd					{font-size:1.1em; color:#777; line-height:1.5;}
.main_cont .rt .btn					{position:absolute; bottom:0; width:140px; height:48px; line-height:44px; text-align:center; border:2px solid #cccfd4;}
.main_cont .rt .btn a				{display:block; font-size:0.95em; color:#414141; font-weight:500;}
.main_cont .rt .btn:hover			{border-color:#ff5544; background:#ff5544;}
.main_cont .rt .btn:hover a			{color:#fff;}

.con02								{background:#f8f8f8;}
.con02 .lt							{float:right;}
.con02 .photo_list					{float:right;}
.con02 .lt figure					{float:left;}
.con02 .rt							{float:left;}

.con04								{background:url("../image/main/part_bg.jpg") no-repeat center 0; background-size: cover;}
.con04 h2							{color:#fff;}
.con04 .part_list					{overflow:hidden;}
.con04 .part_list li				{float:left; margin:0 10px 10px 0; width:32.3%; height:85px;}
.con04 .part_list li:nth-child(3n)		{margin-right:0;}
.con04 .part_list li:nth-child(n+7)		{margin-bottom:0;}
.con04 .rt dt,
.con04 .rt dd,
.con04 .rt .btn a					{color:#fff;}


/* 고수 리스트   ==========================*/
.main_people									{position:relative; padding:70px 0; border-bottom:1px solid #e5e5e5;}
.main_people .title						{text-align:center;}
.main_people .title p						{position:relative; font-family: 'GmarketSansMedium'; font-size:2em; letter-spacing:-2px; color:#333; line-height:1.4;}	
.main_people .title p:after			{content:''; display:block; width:40px; height:1px; background:#ff5544; margin:20px auto 25px auto;}
.main_people .title span				{display:block; color:#797979; font-size:18px; margin:15px 0 40px 0; letter-spacing:-1px; line-height:1.4;}

.main_people ul							{position:relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.main_people ul li							{text-align:center; }
.main_people ul li .img				{   height:200px; overflow:hidden; border:1px solid #e9e9e9;}
.main_people ul li .img img			{width:100%;height:100%;object-fit:cover;}
.main_people ul li .tit					{padding:15px  0 0 0;font-size:1em;color:#111;font-weight:500;}
.main_people .more						{position:absolute;right:0; width:200px; height:200px; background:url('../image/main/main_icon01.png') no-repeat center 40px #6b9ae4;border-radius:50%; cursor:pointer;z-index:1; }
.main_people .more p					{text-align:center; font-weight:500;color:#fff;padding:125px 0 0 0; }

.main_star										{position:relative;padding:5px 0 0 0;   }
.main_star .review_star					{display:inline-block;width:85px;height:20px;background:url("../image/common/icon_star.png") no-repeat left -20px ;background-size:auto 40px;text-align:left; margin:5px 0 0 0; }
.main_star .review_fill					{display:inline-block;height:20px;background:url("../image/common/icon_star.png") no-repeat left 0 ;background-size:auto 40px; }


.main_plist										{padding:70px 0; border-bottom:1px solid #e5e5e5;}
.main_plist .title								{text-align:center;}
.main_plist .title p							{position:relative; font-family: 'GmarketSansMedium'; font-size:2em; letter-spacing:-2px; color:#333; line-height:1.4;}	
.main_plist .title p:after				{content:''; display:block; width:40px; height:1px; background:#ff5544; margin:20px auto 25px auto;}
.main_plist .title span					{display:block; color:#797979; font-size:18px; margin:15px 0 40px 0; letter-spacing:-1px; line-height:1.4;}

.main_plist ul							{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.main_plist ul li						{text-align:center; }
.main_plist ul li .img				{   height:230px; overflow:hidden;border:1px solid #e9e9e9;}
.main_plist ul li .img img			{width:100%;height:100%;object-fit:cover;}
.main_plist ul li .tit					{padding:15px 0 0 0;font-size:1em;color:#111;font-weight:300;}
.main_plist ul li .price				{padding:10px 0 0 0;font-weight:400;}
.main_plist ul li .price span		{color:#111;font-family:'맑은고딕';font-size:1.25em;font-weight:600;}

 
@media screen and (max-width:1024px) {
.main_people									{padding:70px 0 150px 0;  }
.main_people ul							{   grid-template-columns: repeat(4, 1fr); gap: 20px; }
.main_people .more						{ bottom:-85px;right:initial;left:calc(50% - 100px); height:50px; background:url('../image/main/main_icon01.png') no-repeat 35px 13px #6b9ae4;border-radius:0;background-size:30px auto; }
.main_people .more p					{text-align:left; font-weight:500;color:#fff;padding:12px 0 0 70px; }
}
@media screen and (max-width:768px) {
.main_people ul							{   grid-template-columns: repeat(2, 1fr); gap: 20px; }
.main_plist ul							{  grid-template-columns: repeat(2, 1fr); gap: 20px; }
}



/* MAIN_BUILD 추가 ==========================*/
.main_buildbox						{padding:60px 0 80px 0;}
.main_buildbox .title				{text-align:center;}
.main_buildbox .title p				{position:relative; font-family: 'GmarketSansMedium'; font-size:2em; letter-spacing:-2px; color:#333; line-height:1.4;}	
.main_buildbox .title p:after		{content:''; display:block; width:40px; height:1px; background:#ff5544; margin:20px auto 25px auto;}
.main_buildbox .title span			{display:block; color:#797979; font-size:18px; margin:15px 0 40px 0; letter-spacing:-1px; line-height:1.4;}

.build_item							{margin:10px 0;}
.build_item:after					{content:''; display:block; clear:both;}
.build_item .tit					{float:left; width:19.2%; height:210px; text-align:center; }
.build_item .tit p					{font-family: 'GmarketSansMedium'; font-size:1.3em; margin:60px 0 10px 0;}
.build_item01 .tit					{background:#f7f7f9;}
.build_item02 .tit					{background:#5a6370; color:#fff;}
.build_item ul						{float:right; width:80%; position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 10px;}
.build_item ul li figure			{position:relative; height:210px; overflow:hidden;}
.build_item ul li figure img		{width: 100%; height:100%;object-fit: cover; transition: all 0.3s ease;}
.build_item ul li:hover figure		{box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);}
.build_item ul li:hover figure img	{transform: scale(1.03);}
.build_item ul li figure p			{position:absolute; bottom:0; width:100%; padding:12px 10px; line-height:1.2; text-align:center; color:#fff; background:rgba(0, 0, 0, 0.6); z-index:1;
									overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; font-size:0.9em;}			
.build_item .btn					{display:inline-block; width:140px; height:48px; line-height:44px; text-align:center; border:2px solid #cccfd4; margin:0 !important;}
.build_item .btn a					{display:block; font-size:15px; color:#414141; font-weight:500;}
.build_item .btn:hover				{border-color:#ff5544; background:#ff5544;}
.build_item .btn:hover a			{color:#fff;}
.build_item02 .btn a				{color:#fff;}


/* 20220510 추가    ================================================================================== */
.signcate_type 							{position:relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 5px; text-align:center;}
.signcate_type li a						{font-family: 'GmarketSansMedium'; display:block; color:#fff; padding:110px 0 20px 0; font-size:1.1em;}
.signcate_type li:first-child			{background:url("../image/main/acc_cate01.png") no-repeat center 30px #e93e2e; background-size:58px;}
.signcate_type li:nth-child(2)			{background:url("../image/main/acc_cate02.png") no-repeat center 30px #e93e2e; background-size:62px;}
.signcate_type li:nth-child(3)			{background:url("../image/main/acc_cate03.png") no-repeat center 30px #e93e2e; background-size:62px;}
.signcate_type li:nth-child(4)			{background:url("../image/main/acc_cate04.png") no-repeat center 30px #e93e2e; background-size:62px;}
.signcate_type li:nth-child(5)			{background:url("../image/main/acc_cate05.png") no-repeat center 30px #e93e2e; background-size:62px;}
.signcate_type li:nth-child(6)			{background:url("../image/main/acc_cate06.png") no-repeat center 30px #e93e2e; background-size:62px;}
.signcate_type li:last-child			{background:url("../image/main/acc_cate07.png") no-repeat center 30px #e93e2e; background-size:62px;}
.signcate_type li:hover,
.signcate_type li.on					{background-color:#5a6370;}
.con05 .rt								{height:auto;}



/* screen 1200*/
@media screen and (max-width:1200px) {
	
	.main_cont							{padding:80px 15px;}
	.main_cont .rt dd br				{display:none;}


}


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

	.main_visual li						{height: 480px;}	
	.main_bn							{top:50%; transform:translateY(-50%); padding:0 15px;}
	.main_bn dt							{font-size:2.4em;}
	.main_bn dt:after					{margin:20px auto 0 auto; width:40px;}
	.main_bn dd							{font-size:1.1em;}
	.main_bn img						{width:100%;}

	.main_cont,
	.main_buildbox						{padding:40px 15px;}
	.main_cont .rt						{float:none; width:100%; height:100%; text-align:center;}
	.main_cont .rt dt,
	.main_buildbox .title p				{font-size:1.8em;}
	.main_cont .rt dt:after,
	.main_buildbox .title p:after		{margin:10px auto 15px auto;}
	.main_cont .rt dd,
	.main_buildbox .title span			{font-size:0.95em;}
	.main_cont .lt						{float:none; width:100%;}
	.main_cont .rt .btn					{position:relative; margin:20px auto; width:100px; height:42px; line-height:38px;}

	.con05 .lt							{margin:20px 0 0 0;}
	.signcate_type li a					{font-size:1em; padding:80px 10px 20px 10px;}
	.signcate_type li:first-child,
	.signcate_type li:nth-child(2),
	.signcate_type li:nth-child(3),
	.signcate_type li:nth-child(4),
	.signcate_type li:nth-child(5),
	.signcate_type li:last-child		{background-position:center 20px; background-size:50px;}

	.build_item .tit					{float:none; width:100%; height:auto; padding:15px 10px; margin:0 0 10px 0;}	
	.build_item ul						{float:none; width:100%;}
	.build_item .tit p					{margin:0 0 10px 0;}
	.build_item .btn					{width:100px; height:42px; line-height:38px;}

}


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

	.main_visual li						{height:320px;}	
	.main_bn dt							{font-size:2em; margin:0 0 20px 0;}

	.main_cont .rt dt					{font-size:1.4em;}
	.main_cont figure					{float:none; width:100%; height:100%;}
	.photo_list							{float:none; width:100%; margin:5px 0 0 0;}
	.photo_list li						{width:calc(25.1% - 5px); margin-right:5px; height:100px;}
	.photo_list li:nth-child(even)		{float:left;}	
	.photo_list li:nth-child(1), .photo_list li:nth-child(2)		{margin-bottom:0;}
	.photo_list li:last-child			{line-height:100px; margin:0; font-size:0.85em;}

	.con04 .part_list li				{height:65px;}

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

	.build_item ul						{grid-template-columns: repeat(2, 1fr); gap: 10px 10px;}
	.build_item ul li figure			{height:180px;}

}


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

	.photo_list li					{height:70px;}
	.photo_list li:last-child		{line-height:70px;}

	.con04 .part_list li			{width:49%; margin:0 0 5px 0;}	
	.con04 .part_list li:nth-child(even)	{float:right;}
	.con04 .part_list li:nth-child(n+7)		{margin-bottom:5px;}
	.con04 .part_list li:last-child	{margin:0;}

}