@ CHARSET 'UTF-8';



/****************회사소개**********************/
div.hide {display:none;}


#about_section {width:100%;}
#about_section .wraper {padding:100px;}
#about_section .wraper .tab_title {width:100%;}
#about_section .wraper .tab_title ul{position:relative;width:100%;}
#about_section .wraper .tab_title ul li {width:25%;float:left; text-align:center;height: 40px;line-height: 35px;font-size:20px;font-weight:200;cursor: pointer;}
#about_section .wraper .tab_title ul li a {display:block; width:100%;height:100%;}
#about_section .wraper .tab_title ul li a.on {border-bottom:5px solid #941b61; color:#941b61;font-weight:400;}




#about_section .tab_con .wrap  > div {position:relative; width:100%;}
#about_section .tab_con .wrap .about_con {float:left; width:50%; line-height:50%; }
#about_section .tab_con .wrap .about_con p.big {    font-size: 25px;    font-weight: 400;    margin-top: 16%;line-height: 25px;}
#about_section .tab_con .wrap .about_con p.small { font-size:15.5px;font-weight:300;padding-top:11%; line-height:28px;padding-right: 20px;color:#333232;}
#about_section .tab_con .wrap .about_con img {width:100%;}


@media all and (max-width:1200px) {
#about_section .tab_con .wrap .about_con { width:100%; }
}
@media all and (max-width:1170px) {
#about_section .tab_con .wrap .tab_con .about_con {float:left; width:100%; }
#about_section .tab_con .wrap ul.about_area02 > li{  height: 350px;width: calc( 33.3333% - 14px );    margin: 20px 10px 15px 10px;}
#about_section .tab_con .wrap .about_con p.big {margin-top:0;}
#about_section .tab_con .wrap .tab_con .about_con p.small {margin-bottom:20px;}

}


/*브랜드*/
#brand {background:#fafafa; padding:100px 0;}
#about_section .tab_con .wrap > div.brand_cont {width:50%;}
#about_section .tab_con .wrap > div:nth-of-type(2) {text-align:right;}
.brand_cont h3 {font-size:30px; color:#941b62;}
.brand_cont p {font-size:20px; margin-top:25px; color:#333;}
.brand_cont a {display:inline-block; padding:0 58px; height:50px; background:#941b62; font-size:20px; color:#fff; margin-top:50px; line-height:50px;}
.tab_con_bnr {    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 0px;}

.tab_con_bnr img { position: relative;
    left: 50%;
    margin-left: -100%;}

/*사업영역*/
#business .business_wrap .business_box {    float: left;    width: 25%;    height: 235px;   box-sizing: border-box; background-position: center;    background-repeat: no-repeat;    background-size: cover;transition: all 0.4s;border-color:#941b61;}
#business .business_wrap .business_box.box01 {background-image:url('../images/content/about_b01.jpg');}
#business .business_wrap .business_box.box02 {background-image:url('../images/content/about_b02.jpg');}
#business .business_wrap .business_box.box03 {background-image:url('../images/content/about_b03.jpg');}
#business .business_wrap .business_box.box04 {background-image:url('../images/content/about_b04.jpg');}
#business .business_wrap .business_box.box05 {background-image:url('../images/content/about_b05.jpg');}
#business .business_wrap .business_box.box06 {background-image:url('../images/content/about_b06.jpg');}
#business .business_wrap .business_box.box07 {background-image:url('../images/content/about_b07.jpg');}
#business .business_wrap .business_box.box08 {background-image:url('../images/content/about_b08.jpg');}
#business .business_wrap .business_box.box09 {background-image:url('../images/content/about_b09.jpg');}
#business .business_wrap .business_box.box10 {background-image:url('../images/content/about_b10.jpg');}
#business .business_wrap .business_box.box11 {background-image:url('../images/content/about_b11.jpg');}
#business .business_wrap .business_box.box12 {background-image:url('../images/content/about_b12.jpg');}
#business .business_wrap .business_box .text_area {    width: 100%;  text-align: center;    line-height: 235px; color: #fff;    font-size: 19px;    font-weight: 200;}


@media all and (max-width:1230px) {
#business .business_wrap .business_box {width:50%;}
}
@media all and (max-width:900px) {
#business .business_wrap .business_box {width:100%;}
}
@media all and (max-width:885px) {
	#about_section .wraper .tab_title ul li {width:50%}
	#about_section .wraper .tab_title ul li:nth-child(n+3) {margin-top:10px;}
	
}
@media all and (max-width:700px) {
#business .business_wrap .business_box {width:50%;}
#about_section .wraper .tab_title ul li {width:25%}
#about_section .wraper .tab_title ul li:nth-child(n+3) {margin-top:0px;}
}
@media all and (max-width:580px) {
#about_section .wraper .tab_title ul li {width:50%}
#about_section .wraper .tab_title ul li:nth-child(n+3) {margin-top:10px;}
	

}
@media all and (max-width:540px) {
#business .business_wrap .business_box {width:100%;}
}

/*연혁*/
#histroy {padding-top:100px;}
#histroy .histroy_wrap {}
#histroy .histroy_wrap .histroy_list_wrap {}
#histroy .histroy_wrap .histroy_list_wrap .histroy_list {    float: left;    width: 33.3333%; height:350px}
#histroy .histroy_wrap .histroy_list_wrap .histroy_list dl {padding:0 10px;}
#histroy .histroy_wrap .histroy_list_wrap .histroy_list dl dt {    font-size: 35px;    font-weight: 300;    color: #941b61;    margin-bottom: 20px;}
#histroy .histroy_wrap .histroy_list_wrap .histroy_list dl dd{ line-height: 25px;font-size: 15px;font-weight: 300;padding-left: 10px;background-image: url(../images/common/list_deco.png);
    background-repeat: no-repeat;background-size: 5px;background-position: left 7px;color: #323232;}

div.main02 .wrapper ul.about_area02 > li .member_text ul li

@media all and (max-width:1290px) {
	#histroy .histroy_wrap .histroy_list_wrap {padding:0px 25px;}
}

@media all and (max-width:1040px) {
	#histroy .histroy_wrap .histroy_list_wrap .histroy_list {width:50%;}
	#histroy .histroy_wrap .histroy_list_wrap .histroy_list dl {padding:0 25px;}
}
@media all and (max-width:560px) {
	#histroy .histroy_wrap .histroy_list_wrap .histroy_list {width:100%; height:auto; margin-bottom:40px}
	#histroy .histroy_wrap .histroy_list_wrap .histroy_list dl {padding:0 25px;}
}

/*회원*/
#member {margin-bottom:100px;}
#member .member_wrap {    width: 100%;
    position: relative;}
#member .member_wrap .member_list01 {position: relative;}
#member .member_wrap .member_list01 li { position: relative; width: 100%; text-align:center; font-size: 18px; font-weight:200;}
#member .member_wrap .member_list01 li p.member_pic{margin-top: 18px; }
#member .member_wrap .member_list01 li:after {content:''; display:block; position:absolute;top:190px; left:calc(50% - 100px ); height:10px;width:200px; background: linear-gradient( to right, #941b61, #091f3c );  }
#member .member_wrap .member_list01 li:before {content:''; display:block; position:absolute;top:200px; left: calc(50% - 1px ); height:75px;width:1px; background: linear-gradient( to right, #941b61, #091f3c );  }
#member .member_wrap .member_list {
/*	border-top: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
    border-image: linear-gradient(to bottom right, #931b60 0%, #0a1f3c 100%);
    border-image-slice: 1;*/
	position: relative;
	margin-top: 45px;
    padding-top: 35px;

}
#member .member_wrap .member_list:before { content: '';    display: block;    position: absolute;    top: 0px;    left: calc(50% - 40.05% );    height: 1px;    width: 80.05%;    background: linear-gradient( to right, #941b61, #091f3c );}
#member .member_wrap .member_list .member_team {
   float: left;
    width: 15%;
    margin: 0 2.5%;
	position:relative;
	text-align: center;
	border-top: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
    border-image: linear-gradient(to bottom right, #931b60 0%, #0a1f3c 100%);
    border-image-slice: 1;
}
#member .member_wrap .member_list .member_team.list01 { -moz-border-image: -moz-linear-gradient(top left, #941b61 0%, #941b61 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #941b61 0%, #941b61 100%);
    border-image: linear-gradient(to bottom right, #941b61 0%, #941b61 100%);
    border-image-slice: 1;}
#member .member_wrap .member_list .member_team.list02 {}
#member .member_wrap .member_list .member_team.list03 {}
#member .member_wrap .member_list .member_team.list04 {}
#member .member_wrap .member_list .member_team.list05 {}
#member .member_wrap .member_list .member_team .team_name:before {content: '';
    display: block;
    position: absolute;
    top: -44px;
    left: calc(50% - 1px );
    height: 34px;
    width: 1px; background: linear-gradient( to right, #941b61, #091f3c );}
#member .member_wrap .member_list .member_team .name03:before {display:none;}
#member .member_wrap .member_list .member_team .team_name {     margin-top: 20px;margin-bottom:15px ;   font-size: 18px; font-weight:200;}
#member .member_wrap .member_list .member_team .member_pic{}
#member .member_wrap .member_list .member_team .member_pic:after{content: '';
    display: block;
    position: absolute;
    top: 208px;
    height: 10px;
    width: 100%;
    background: linear-gradient( to right, #941b61, #091f3c );
}

#member .member_wrap .member_list .member_team .team {
    margin-top: 84px;
	padding-top: 20px;
	position:relative;
	position:relative;
	text-align: center;
	border-top: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
    border-image: linear-gradient(to bottom right, #931b60 0%, #0a1f3c 100%);
    border-image-slice: 1;
}
#member .member_wrap .member_list .member_team .team:before {content: '';
    display: block;
    position: absolute;
    top: -86px;
    left: calc(50% - 1px );
    height: 76px;
    width: 1px;
    background: linear-gradient( to right, #941b61, #091f3c );
}
#member .member_wrap .member_list .member_team .team .team_list {
    font-size: 18px;
    line-height: 30px;
	font-weight:200;
}
@media all and (max-width:1170px) {
	#member .member_wrap .member_list {
		margin-top:0px;
		border-left: 1px solid transparent;
		-moz-border-image: -moz-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
		-webkit-border-image: -webkit-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
		border-image: linear-gradient(to bottom right, #931b60 0%, #0a1f3c 100%);
		border-image-slice: 1;
	}
	
	#member .member_wrap .member_list01 li {width:200px;}
	#member .member_wrap .member_list01 li:before {left:0px; display:none;}
	#member .member_wrap .member_list:before {display:none;}
	#member .member_wrap .member_list .member_team .team_name:before {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: -7.4%;
		height: 1px;
		width: 5.7%;
		background: linear-gradient( to right, #941b61, #091f3c );
	}
	#member .member_wrap .member_list .member_team {
		float: left;
		width: 90%;
		margin: 0 5%;
		margin-top: 25px;
		position: relative;
		text-align: center;
		border-top: 0;
		border-left: 10px solid transparent;
		-moz-border-image: -moz-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
		-webkit-border-image: -webkit-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
		border-image: linear-gradient(to bottom right, #931b60 0%, #0a1f3c 100%);
		border-image-slice: 1;
	}
	#member .member_wrap .member_list .member_team.list01 {margin-top:0px;}

	#member .member_wrap .member_list .member_team .member_pic:after {
		display:none;
	}
	#member .member_wrap .member_list .member_team .team {
		margin-top: 0px;
		padding-top: 20px;
		text-align: center;
		border-top: 0px solid transparent;
		-moz-border-image: -moz-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
		-webkit-border-image: -webkit-linear-gradient(top left, #931b60 0%, #0a1f3c 100%);
		border-image: linear-gradient(to bottom right, #931b60 0%, #0a1f3c 100%);
		border-image-slice: 1;
	}
	#member .member_wrap .member_list .member_team .team:before {display:none;}

}



/*
#about_section .wraper ul.about_area02{padding-bottom:100px;}
#about_section .wraper ul.about_area02 > li { float:left;  width: calc( 33.3333% - 30px ); margin: 20px 22.5px 15px 22.5px; position:relative; overflow:hidden;}
#about_section .wraper ul.about_area02 > li:nth-child(3n-2) {margin-left: 0;}
#about_section .wraper ul.about_area02 > li:nth-child(3n) {margin-right: 0;}
#about_section .wraper ul.about_area02 > li:nth-child(-n+3) {margin-top: 0;}
#about_section .wraper ul.about_area02 > li img {width:100%;}

#about_section .wraper ul.about_area02 > li .member_text {padding-top:20px; }
#about_section .wraper ul.about_area02 > li .member_text p:nth-child(1) {padding-bottom:15px }
#about_section .wraper ul.about_area02 > li .member_text p:nth-child(1) strong{font-size:20px;font-weight:400;}
#about_section .wraper ul.about_area02 > li .member_text ul li {line-height:20px;font-size: 14px;}
*/

.sub_header {
	z-index: 100;
    display: block;
    width: 100%;
    height: 85px;
	background:#fff;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	position:fixed;
	top:0;
	}
.sub_header .wrap {width:1200px; margin:0 auto; position:relative; height:85px;}
.sub_header .wrap h1 {position: absolute; top: 19px; left: 0;}
.sub_header .wrap ul {
	margin-left: 440px;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
	}
.sub_header .wrap ul li {
	width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
	}
.sub_header .wrap ul li a {color:#333;}
.sub_header .wrap ul li a.action {color:#941b61; font-weight:500; font-size:19px;}

.about_nav {position:fixed; top:86px; z-index:99; width:100%; background:#fff;border-bottom: 1px solid rgba(0,0,0,0.1);}
.about_nav .wrap {width:1200px; margin:0 auto; position:relative; display:flex; justify-content:space-between;}
.about_nav .wrap a {width:20%; text-align:center; padding:17px 0;}


.nara_nav {position:fixed; top:86px; z-index:99; width:100%; background:#fff;border-bottom: 1px solid rgba(0,0,0,0.1);}
.nara_nav .wrap {width:1200px; margin:0 auto; position:relative; display:flex; justify-content:space-around; flex-wrap:wrap;}
.nara_nav .wrap a {text-align:center; padding:17px 0;}
.wrap a {color:#333;}
.nara_nav .deep_menu {width:400px; border-right:1px solid rgba(0,0,0,0.1); display:flex; justify-content:space-around; align-items:center;}
.nara_nav .deep_menu a {font-size:21px; padding:0; font-weight:400;}
.nara_nav .deep_menu a.on {color:#951c61;}

nav a:hover,  nav a.active {
	color: #941b61;
	border-bottom:1px solid #951c61;
	font-weight:500;
}