@charset "utf-8";

body{font-family:'Noto Sans KR', sans-serif;
	 font-size:1em;
	 letter-spacing:-.03em;
	 overflow-wrap: break-word;
	 word-break: keep-all;}

.top_img img{margin-top:-5%;
				width:100%;}

.business{margin-top:90px;}
.business .h{font-family:'Noto Sans KR', sans-serif;
			 font-size:4em;
			 letter-spacing:-.03em;
			 text-align:center;
			 font-weight:500;}

.business .h_2{font-family:'Noto Sans KR', sans-serif;
			   font-size:1.8em;
			   font-weight:normal;
			   letter-spacing:-.03em;
			   text-align:center;}
.carousel{margin-bottom:60px;}
@media (max-width: 47.99em) {
	.business{font-size:1em;}
	.business .h{font-size:3em;}
	.business .h_2{font-size:1.8em;}
	.carousel{margin-bottom:30px;}
}
.business_cont{width:100%;
			   text-align:center;
			   font-size:1em;
			   margin-top:65px;}
.area > a > span{color:#838383;
			vertical-align:middle;
			font-size:1.6em;}
.area.on > a > span{color:#fff;}
.business_cont .busy {font-weight:400;
					  width:100%;
						 padding:10px 0 10px 0;
						 border:1px solid #838383;
						 border-left:none;
						 border-bottom:2px solid #ea6820;}
.business_cont .none{border-left:1px solid #838383;}
.business_cont .on .busy{background-color:#ea6820;
						 border:1px solid #ea6820;
						 border-bottom:2px solid #ea6820;}


.tab_wrap	 {position:relative; width:100%; padding-bottom:80px;}
.tab_wrap > ul:after {content:' '; display:block; clear:both; height:0; visibility:hidden; text-align:center;}
.tab_wrap > ul > li	{float:left; position:relative; width:16.6%;}
.tab_wrap > ul > li > a	 {display:block; text-align:center;}
.tab_wrap > ul > li > a	> span {display:block; text-align:center;}
.tab_wrap > ul > li:hover > a > span	{display:block;}
@media \0screen {.tab_wrap > ul > li:hover > a:after	{right:0;}}
.tab_wrap > ul > li > a:focus > span	{display:block; position:relative;}
.tab_wrap > ul > li	.tab_cont	{display:none;}
.tab_wrap > ul > li.on > a	{text-decoration:none;}
.tab_wrap > ul > li.on > a > span	{display:block; position:relative;}
@media \0screen {.tab_wrap > ul > li.on > a:after	{right:0;}}
.tab_wrap > ul > li.on	.tab_cont	{display:block; width:300%;}
.tab_wrap > ul > li.on	.tab_cont > div	{margin-top:65px;}
.tab_wrap > ul > li.on	.tab_cont.cont02 {margin-left:-100%;}
.tab_wrap > ul > li.on	.tab_cont.cont03 {margin-left:-200%;}
.tab_wrap > ul > li.on	.tab_cont.cont04 {margin-left:-300%;}
.tab_wrap > ul > li.on	.tab_cont.cont05 {margin-left:-400%;}
.tab_wrap > ul > li.on	.tab_cont.cont06 {margin-left:-500%;}

/* 길이별 type */
.tab_wrap.type03 > ul > li	{width:50%;}
.tab_wrap.type04 > ul > li	{width:24.98%;}
.tab_wrap.type05 > ul > li	{width:20%;}
.tab_wrap.type06 > ul > li	{width:16.66%;}

/* 길이별 콘텐츠 넓이 */
.tab_wrap.type04 > ul > li.on	.tab_cont	{width:400%;}
.tab_wrap.type05 > ul > li.on	.tab_cont	{width:500%;}
.tab_wrap.type06 > ul > li.on	.tab_cont	{width:600%;}




.area_wrap{width:90%;
		   font-size:1em;
		   margin:0 auto;}
.area_wrap img{width:100%;
			   margin-bottom:50px;}
.welcome-cont{padding-left:5px;
			  font-size:1em;}
.welcome-cont .welcome-h{font-size:4em;
						 font-weight:600;
						 margin-bottom:25px;
						 text-align:left;
						 word-break: keep-all !important;}
.welcome-cont .welcome-desc{font-size:2em;
							font-weight:400;
							text-align:left;
							word-break: keep-all !important;}
.area_logo{ width:100%;
		    text-align:left;
		    margin:60px auto;
		    display: flex;
		    flex-wrap: wrap;
            justify-content: space-between;
			grid-row-gap: 10px;}
.area_logo > img{width:19%;
				 border:1px solid #bfbfbf !important;
				 margin-bottom:5px;}
.area_logo > img.logo_blank {border:none !important;}

.member{overflow:visible;}
.mem01,
.mem02,
.mem03{font-size:1.8em;
		float:left;
		   text-align:left;
		   width:48%;
		   border-left:3px solid #9e9e9e;
		   padding-left:10px;
		   line-height:20px;}
.mem03{width:90%;}
.member dl > dt{font-weight:500;}
.member dl > dd{font-weight:300;
				padding-top:10px;}
.cont05 > .area_wrap > .member dl{margin-bottom:20%;}
.cont06 > .area_wrap > .member{margin-top:60px;}

@media all and (min-width:1025px) and (max-width:1680px) {
	.welcome-cont{font-size:1em;}
	.welcome-cont .welcome-h{font-size:3em;}
	.welcome-cont .welcome-desc{font-size:1.8em;}
	.mem01,
	.mem02{font-size:1.6em;}
	.carousel{margin-bottom:30px;}
	.business_cont{width:100%;
			   text-align:center;
			   font-size:1em;
			   margin-top:35px;}
	.welcome-desc br{display:none;}
}

@media all and (min-width:760px) and (max-width:1024px) {
	.welcome-cont{font-size:1em;}
	.welcome-cont .welcome-h{font-size:3em;}
	.welcome-cont .welcome-desc{font-size:1.8em;}
	.mem01,
	.mem02{font-size:1.6em;}
	.carousel{margin-bottom:30px;}
	.business_cont{width:100%;
			   text-align:center;
			   font-size:1em;
			   margin-top:35px;}
	.welcome-h br{display:none;}
	.welcome-desc br{display:none;}
	
}
@media (max-width: 47.99em) {
	.welcome-cont{font-size:1em;}
	.welcome-cont .welcome-h{font-size:1.8em;
							 word-break: normal !important;}
	.welcome-cont .welcome-desc{font-size:1.6em;}
	.mem01,
	.mem02{width:100%;
		  font-size:1.6em;}
	.area_logo > img {width:48%;}
	.welcome-h br{display:none;}
	.welcome-desc br{display:none;}

}

@media (max-width: 47.99em) {
.tab_wrap.type06 > ul > li	{width:16.66%;}
.business_cont .busy {width:100%;
						 border:1px solid #838383;
						 border-left:none;}
.business_cont .none{border-left:1px solid #838383;}
.business_cont .on .busy{background-color:#ea6820;
						 border:1px solid #ea6820;}
	.business_cont{width:100%;
			   text-align:center;
			   font-size:1em;
			   margin-top:35px;}
.area > a > span{
			font-size:1.3em;}
}
