@charset "utf-8";

/* main */
#wrap.main #container {
	width: 100%;
	padding: 0;
}

#wrap.main #container>div {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#wrap.main #container .product-wrap>div {
	margin: 0 auto;
	padding: 170px 0 114px;
	overflow: hidden;
} /* 231101 수정 */
#wrap.main #container .family-wrap>div {
	width: 1140px;
	margin: 0 auto;
	padding: 70px 0 90px;
}

#wrap.main #container .community-wrap>div {
	width: 1140px;
	margin: 0 auto;
	padding: 170px 0 98px;
} /* 231101 수정 */
#wrap.main #container .video_area div {
	min-width: 1920px;
}

#wrap.main #dFoot {
	margin: 0;
}

#wrap.main #container h3 {
	color: #323232;
	font-size: 50px;
	line-height: 46px;
	font-weight: 700;
	font-family: 'Pretendard';
	text-align: center;
	line-height: 1.1;
	text-transform: uppercase;
} /* 231101 수정 */
#wrap.main #container h3 span {
	display: block;
	margin-top: 20px;
	font-size: 23px;
	font-weight: 400;
	line-height: 1.3;
} /* 231101 수정 */
#wrap.main #container .family-wrap h3 {
	color: #fff;
}

#wrap.main #container .family-wrap h3 span {
	color: #fff;
}

#wrap.main #container .community-wrap h3 span {
	color: #222;
}

.visual-banner {
	position: relative;
	height: 600px;
} /* 231101 수정 */
.visual-banner>ul {
	position: relative;
	width: 100%;
	min-width: 1140px;
	margin: 0 auto;
}

.visual-banner>ul li {
	position: absolute;
	top: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	transition: all 0.5s ease-in;
}

.visual-banner>ul li.on {
	opacity: 1;
	filter: alpha(opacity = 100);
	transition: all 0.5s ease-in;
	z-index: 10;
}

.visual-banner>ul li a {
	display: block;
	width: 100%;
	min-width: 1140px;
	height: 100%;
	margin: 0 auto;
}

.visual-banner .slide-contents>li {
	width: 100%;
	min-width: 1140px;
	height: 600px;
} /* 231101 수정 */
.visual-banner .control {
	position: absolute;
	bottom: 85px;
	width: 100%;
	height: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 100;
}

.visual-banner .control>a {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/icon/ico_slide_control.png") no-repeat;
	vertical-align: top;
}

.visual-banner .control>a.on {
	width: 26px;
	background: url("../images/icon/ico_slide_control2_on.png") no-repeat;
}

.visual-banner .control-arrows a {
	position: absolute;
	top: 50%;
	width: 78px;
	height: 78px;
	margin-top: -39px;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
} /* 231101 수정 */
.visual-banner .control-arrows a.prev {
	left: 50%;
	margin-left: -650px;
}

.visual-banner .control-arrows a.next {
	right: 50%;
	margin-right: -650px;
}

.product-wrap {
	position: relative;
	background: #fff;
} /* 231101 수정 */
.product-wrap .product-txt {
	margin-top: 50px;
	color: #222;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
}

.product-wrap .product-new {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 250px;
	height: 330px;
	margin-left: -600px;
	background: url("../images/main/product_new_bg.png") no-repeat 8px 0;
	overflow: hidden;
}

.product-wrap .product-new ul {
	width: 9999px;
	overflow: hidden;
}

.product-wrap .product-new ul li {
	float: left;
	width: 210px;
	padding: 90px 0 0 40px;
	text-align: center;
}

.product-wrap .product-new ul li img {
	width: 180px;
}

.product-wrap .control {
	position: absolute;
	top: 40px;
	right: 20px;
	height: 12px;
	margin: 0;
	padding: 0;
	text-align: right;
	z-index: 100;
}

.product-wrap .control>a {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/icon/ico_slide_control.png") no-repeat;
	vertical-align: top;
}

.product-wrap .control>a.on {
	background: url("../images/icon/ico_slide_control_on.png") no-repeat;
}

.product-wrap .product-section {
	position: relative;
	overflow: hidden;
} /* 231101 수정 */
/* 231101 추가 :: S */
.product-wrap .product-section .brand-product-list {
	display: flex;
	justify-content: center;
	width: 1000px;
	margin: 0 auto;
}

.product-wrap .product-section .brand-product-list li {
	flex: 1;
}

.product-wrap .product-section .brand-product-list li a {
	display: block;
	text-align: center;
}

.product-wrap .product-section .brand-product-list li a img {
	width: 180px;
	margin: 0 auto;
}

.product-wrap .product-section .brand-product-list li a .name {
	display: block;
	margin-top: 15px;
	font-size: 17px;
	font-weight: 500;
	font-family: 'Pretendard';
	color: #5b5b5b;
}

.product-wrap .product-section .more_btn {
	display: block;
	width: 160px;
	line-height: 46px;
	margin: 66px auto 0;
	border: 1px solid #ff6400;
	text-align: center;
	background: #fff;
}

.product-wrap .product-section .more_btn span {
	display: inline-block;
	padding-right: 56px;
	font-size: 25px;
	font-weight: 500;
	color: #ff6400;
	background: url('../images/main/more_arrow.png') right 0 center
		no-repeat;
}
/* 231101 추가 :: E */
.product-wrap .product-section .product-slide {
	position: relative;
	left: 50%;
	width: 1600px;
	margin-left: -800px;
	overflow: hidden;
}

.product-wrap .product-section .product-slide ul {
	width: 9999px;
	margin: 50px 2px 0;
	overflow: hidden;
}

.product-wrap .product-section .product-slide ul li {
	float: left;
	width: 228px;
	height: 300px;
	color: #666;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-align: center;
}

.product-wrap .product-section .product-slide ul a {
	font-weight: 300;
}

.product-wrap .product-section .product-slide ul li img {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
}

.product-wrap .product-section .product-slide ul li strong {
	display: block;
	color: #333;
	font-size: 17px;
	font-weight: 400;
}

.product-wrap .product-section .product-slide .slidedim>div {
	position: absolute;
	top: 0;
	width: 228px;
	height: 300px;
	background: #fff;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.product-wrap .product-section .product-slide .slidedim>div.dim01 {
	left: 0;
}

.product-wrap .product-section .product-slide .slidedim>div.dim02 {
	right: 0;
}

.product-wrap .bx-controls {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 100;
}

.product-wrap .bx-controls .bx-pager-item {
	display: inline;
	margin: 0 3px;
}

.product-wrap .bx-controls a {
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size: 0;
	text-indent: 999px;
	background: url("../images/icon/ico_slide_control.png") no-repeat;
	vertical-align: top;
}

.product-wrap .bx-controls a.active {
	width: 26px;
	background: url("../images/icon/ico_slide_control2_on.png") no-repeat;
}

.family-wrap {
	height: 756px;
	background: url(../images/main/family_bg.jpg) no-repeat center;
	background-size: cover;
}

.family-wrap .family-block {
	margin: 95px 0 0 -20px;
	overflow: hidden;
}

.family-wrap .family-block>div {
	float: left;
	margin-left: 20px;
}

.family-wrap .family-block>div>div>.tit {
	color: #010101;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
}

.family-wrap .family-block>div>div>p {
	margin-top: 18px;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
}

.family-wrap .family-block>div>div>a.btn-more {
	display: block;
	margin-top: 24px;
	text-align: left;
}

.family-wrap .family-block .tit.type01 {
	color: #fff;
	font-size: 28px;
	line-height: 28px;
}

.family-wrap .block-area1 {
	width: 430px;
}

.family-wrap .block-area2 {
	width: 240px;
}

.family-wrap .block-area3 {
	width: 430px;
}

.family-wrap .block-area1 .block1 {
	height: 335px;
	padding: 40px;
	background: url("../images/main/family_block01.jpg") no-repeat;
}

.family-wrap .block-area1 .block1 p {
	margin-top: 27px;
}

.family-wrap .block-area2 .block1 {
	height: 345px;
	padding: 35px;
	background: url("../images/main/family_block02.jpg") no-repeat;
}

.family-wrap .block-area3 .block1 {
	height: 127px;
	padding: 35px;
	background: url("../images/main/family_block03.jpg") no-repeat;
}

.family-wrap .block-area3 .block2 {
	height: 127px;
	margin-top: 21px;
	padding: 35px;
	background: url("../images/main/family_block04.jpg") no-repeat;
}

/* 231101 비디오 영역 추가 :: S */
.video_area {
	position: relative;
	height: 850px;
	overflow: hidden;
	background-color: #000000;
	max-height: 630px;
}

.video_area .bg_video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
/* 231101 비디오 영역 추가 :: E */

/* .community-wrap {height:1070px; background:#feebd1;} 231101 삭제*/
.community-wrap .sns-link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 68px 0 54px;
	overflow: hidden;
} /* 231101 수정 */
.community-wrap .sns-link li {
	margin: 0 8px;
} /* 231101 수정 */
.community-wrap .sns-link li a {
	display: block;
	width: 59px;
} /* 231101 추가 */
.community-wrap .sns-link li a img {
	max-width: 100%;
} /* 231101 추가 */
.community-wrap .community-block {
	margin: 0 0 0 -20px;
	overflow: hidden;
}

.community-wrap .community-block>div {
	float: left;
	margin-left: 20px;
}

.community-wrap .community-block>div>div {
	transition: all .3s;
}

.community-wrap .community-block>div>div .tit {
	color: inherit;
	font-size: 27px;
	line-height: 1.4;
	font-weight: 500;
} /* 231101 수정 */
.community-wrap .community-block>div>div p {
	margin-top: 5px;
	color: inherit;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: -0.05em;
	word-break: keep-all;
} /* 231101 수정 */
.community-wrap .community-block>div>div a.btn-more {
	display: block;
	margin-top: 30px;
	width: 90px;
	line-height: 24px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #ff6400;
	border-radius: 12px;
	transition: all .3s;
} /* 231101 수정 */
.community-wrap .community-block>div>div:hover {
	border-color: #ff6400;
	background: #ff6400;
	color: #fff;
} /* 231101 추가 */
.community-wrap .community-block>div>div:hover a.btn-more {
	background: #fff;
	color: #323232;
} /* 231101 추가 */
.community-wrap .community-block>div>div span.date {
	position: absolute;
	left: 35px;
	bottom: 40px;
	font-family: "roboto";
	font-size: 12px;
	font-weight: 400;
}

.community-wrap .block-area1 {
	width: 313px;
}

.community-wrap .block-area2 {
	width: 474px;
}

.community-wrap .block-area3 {
	width: 313px;
}

.community-wrap .block-area1 .block-sns {
	position: relative;
}

.community-wrap .block-area1 .block-sns .sns-box {
	height: 648px;
	padding: 0 0 5px 0;
	background: #fff;
	border: 1px solid #323232;
	transition: all .3s;
} /* 231102 수정 */
.community-wrap .block-area1 .block-sns .sns-box:hover {
	border-color: #ff6400;
	background: #ff6400;
	color: #fff;
}

.community-wrap .block-area1 .block-sns ul {
	display: none;
	position: absolute;
	top: 215px;
	width: 313px;
	left: 0;
	z-index: 102;
	background: #fff;
}

.community-wrap .block-area1 .block-sns ul li {
	position: relative;
	width: 253px;
	height: 140px;
	margin: 0 auto;
	padding: 20px 0;
	border-top: 1px solid #dedede;
}

.community-wrap .block-area1 .block-sns ul li span.date {
	display: block;
	color: #a0a0a0;
	left: 0;
	bottom: 20px;
}

.community-wrap .block-area1 .block-sns p {
	margin: 25px 0 0;
	color: #333;
}

.community-wrap .block-area1 .block-sns p a {
	color: #333;
}

.community-wrap .block-area1 .block-sns span.date {
	display: block;
	color: #a0a0a0;
	left: 30px;
}

.community-wrap .block-area1 .block-sns a.open-sns {
	position: absolute;
	right: 0;
	bottom: 0;
}

.community-wrap .block-area1 .block-event {
	position: relative;
	height: 347px;
	height: 427px;
	margin-top: 20px;
	overflow: hidden;
}

.community-wrap .block-area1 .block-event .tit {
	position: absolute;
	top: 37px;
	left: 40px;
	z-index: 10;
}

.community-wrap .block-area1 .block-event .evt-slide ul {
	width: 9999px;
	overflow: hidden;
}

.community-wrap .block-area1 .block-event .evt-slide ul li {
	float: left;
	width: 313px;
	height: 427px;
	overflow: hidden;
}

.community-wrap .block-area1 .block-event .control {
	position: absolute;
	top: 40px;
	right: 40px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-align: right;
	z-index: 100;
}

.community-wrap .block-area1 .block-event .control>a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("../images/icon/ico_slide2_control.png") no-repeat;
	vertical-align: top;
}

.community-wrap .block-area1 .block-event .control>a.on {
	background: url("../images/icon/ico_slide2_control_on.png") no-repeat;
}

.community-wrap .block-area1 .block-event .bx-controls {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 100%;
	height: 12px;
	margin: 0;
	padding: 0;
	text-align: right;
	z-index: 100;
}

.community-wrap .block-area1 .block-event .bx-controls .bx-pager-item {
	display: inline-block;
	margin: 0 3px;
}

.community-wrap .block-area1 .block-event .bx-controls .bx-pager-link {
	display: block;
	width: 14px;
	height: 14px;
	background: url("../images/icon/ico_slide2_control.png") no-repeat;
	vertical-align: top;
	overflow: hidden;
	text-indent: 9999px;
}

.community-wrap .block-area1 .block-event .bx-controls .bx-pager-link.active
	{
	background: url("../images/icon/ico_slide2_control_on.png") no-repeat;
}

.community-wrap .block-area1 .block-event .bx-controls .bx-controls-direction
	{
	display: none;
}

.community-wrap .block-area2 .block-video { /* 231101 수정 */
	position: relative;
	height: 430px;
	/* background: url('../images/main/vod_bg.png') no-repeat left top #fff; */
	background: #fff;
	border: 1px solid #323232;
	overflow: hidden;
	padding: 25px 0 0 40px;
	box-sizing: border-box;
	color: #323232;
	transition: all .3s;
}

.community-wrap .block-area2 .block-video:hover { /* 231101 추가 */
	border-color: #ff6400;
	background: #ff6400;
	color: #fff;
}

.community-wrap .block-area2 .block-video .tit { /* 231101 수정 */
	color: inherit;
	font-size: 27px;
	line-height: 1.4;
	font-weight: 500;
}

.community-wrap .block-area2 .block-video p { /* 231101 수정 */
	margin-top: 10px;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 400;
}

.community-wrap .block-area2 .block-video a.btn-more { /* 231101 수정 */
	display: block;
	margin-top: 30px;
	width: 90px;
	line-height: 24px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #ff6400;
	border-radius: 12px;
	transition: all .3s;
}

.community-wrap .block-area2 .block-video:hover a.btn-more {
	/* 231101 추가 */
	background: #fff;
	color: #323232;
}
/*.community-wrap .block-area2 .block-video a span {
    position:absolute; top:0; left:0; opacity:1; filter:alpha(opacity=100); z-index:10; transition:opacity 0.3s;
}
.community-wrap .block-area2 .block-video a span.dim-video {
    opacity:0; filter:alpha(opacity=0); z-index:9;
}
.community-wrap .block-area2 .block-video a:hover span.dim-video {
    opacity:1; filter:alpha(opacity=100); transition:opacity 0.3s;
}*/
.community-wrap .block-area2 .block-story {
	height: 210px;
	margin-top: 20px;
	padding: 25px 40px;
	/*background:#91c749 url("../images/main/bg_comm_tab04.png ") no-repeat 310px 40px;*/
	border: 1px solid #323232;
	background: #fff;
	box-sizing: border-box;
} /* 231101 수정 */
.community-wrap .block-area3 .block-recipe {
	position: relative;
	height: 214px;
	padding: 25px 30px;
	/* background:#6fc8e9 url("../images/main/bg_comm_tab_new.png ") no-repeat 217px 130px; */
	border: 1px solid #323232;
	background: #fff;
	box-sizing: border-box;
} /* 231101 수정 */
.community-wrap .block-area3 .block-recipe span.date {
	display: block;
	color: #fff;
}

.community-wrap .block-area3 .block-recipe a.link-boards {
	position: absolute;
	top: 34px;
	right: 25px;
}

.community-wrap .block-area3 .block-notice {
	position: relative;
	height: 193px;
	margin-top: 24px;
	padding: 25px 30px;
	border: 1px solid #323232;
	background: #fff;
	box-sizing: border-box;
} /* 231101 수정 */
/* .community-wrap .block-area3 .block-notice .tit {color:#333;} */
/* .community-wrap .block-area3 .block-notice p {color:#666;} 231101 삭제*/
.community-wrap .block-area3 .block-notice a.link-boards {
	position: absolute;
	top: 34px;
	right: 25px;
}

.community-wrap .block-area3 .block-notice span.date {
	display: none;
	color: #a0a0a0;
}

.community-wrap .block-area3 .block-shop {
	height: 210px;
	margin-top: 20px;
	padding: 25px 30px;
	/* background:#c38ef2 url("../images/main/bg_comm_tab07.png ") no-repeat 220px 135px; */
	border: 1px solid #323232;
	background: #fff;
	box-sizing: border-box;
} /* 231101 수정 */

/* sub-title */
.sub-title01 {
	position: relative;
	height: 40px;
	margin-bottom: 30px;
}

.sub-title01 h3 {
	float: left;
	margin-right: 20px;
	color: #111;
	font-size: 34px;
	font-weight: 500;
	line-height: 40px;
}

.sub-title01 .list-total {
	display: inline-block;
	margin-top: 16px;
	color: #666;
	font-size: 14px;
}

.sub-title01 .list-total span {
	color: #ff6a00;
	font-weight: 500;
}

.sub-title01 p {
	float: right;
	margin-top: 18px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
}

.sub-title01 p span {
	color: #f61818;
	vertical-align: middle;
}

/* sort */
.sort {
	position: relative;
	height: 40px;
	margin: 0 0 30px;
}

.sort .list-total {
	position: absolute;
	top: 16px;
	left: 0;
	color: #666;
	font-size: 14px;
}

.sort .list-total span {
	color: #ff6a00;
	font-weight: 500;
}

/* tab-type */
.tab-type01 {
	padding: 0 0 10px 1px;
	overflow: hidden;
}

.tab-type01 li {
	float: left;
	width: 16.6%;
	margin-left: -1px;
	padding-bottom: 8px;
}

.tab-type01 li a {
	position: relative;
	display: block;
	height: 58px;
	line-height: 58px;
	color: #323232;
	font-size: 19px;
	font-weight: 400;
	border: 1px solid #323232;
	background: #fff;
	text-align: center;
} /* 231101 수정 */
.tab-type01 li:first-child {
	width: 16.7%;
}

.tab-type01 li.on a {
	color: #fff;
	border-color: #ff6400;
	background: #ff6400;
	z-index: 2;
}

.tab-type01 li.on a:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	display: block;
	width: 16px;
	height: 8px;
	margin-left: -8px;
	background: url("../images/common/tab_arrow01.png") no-repeat 0 0;
}

.tab-type01.li2 li {
	width: 50% !important
}

.tab-type01.li3 li {
	width: 33.33% !important
}

.tab-type01.li4 li {
	width: 25% !important
}

.tab-type02 {
	
}

.tab-type02 ul {
	overflow: hidden;
}

.tab-type02 ul li {
	position: relative;
	float: left;
	width: 226px;
	height: 58px;
	margin-left: -1px;
	border: 1px solid #ccc;
}

.tab-type02 ul li:first-child {
	width: 226px;
	margin: 0;
}

.tab-type02 ul li.on {
	height: 57px;
	border-top: 3px solid #ff6a00;
	border-bottom: 0;
	z-index: 1;
}

.tab-type02 ul li.on a {
	line-height: 54px;
}

.tab-type02 ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 58px;
	text-align: center;
}

.tab-type03 {
	margin: 40px auto 0;
	padding-bottom: 50px;
	overflow: hidden;
	width: 1140px;
} /* 231101 수정 */
.tab-type03>ul {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	gap: 21px;
} /* 231101 수정 */
.tab-type03>ul>li {
	line-height: 20px;
	color: #666;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
} /* 231101 수정 */
.tab-type03>ul>li:first-child {
	margin: 0;
}

.tab-type03>ul>li>a {
	display: block;
	min-width: 140px;
	border: 1px solid #5b5b5b;
	padding: 0 10px;
	font-size: 22px;
	font-weight: 500;
	font-family: 'Pretendard';
	color: #5b5b5b;
	line-height: 43px !important;
	border-radius: 25px;
	box-sizing: border-box;
} /* 231101 수정 */
/* .tab-type03 > ul > li > a:hover img {margin-top:-80px;} 231101 삭제*/
/* .tab-type03 > ul > li > a.on img {margin-top:-80px;} 231101 삭제*/
.tab-type03>ul>li>a.on, .tab-type03>ul>li>a:hover {
	border-color: #ff6400;
	color: #fff;
	font-weight: 500;
	background: #ff6400;
}

.tab-type03 .tab-category {
	display: none;
	position: absolute;
	margin-top: 10px;
	padding: 0 5px;
	border-radius: 14px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	overflow: hidden;
}

.tab-type03 .tab-category li {
	float: left;
	padding: 0 5px;
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 center;
	overflow: hidden;
}

.tab-type03 .tab-category li:first-child {
	background: none;
}

.tab-type03 .tab-category a {
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 500;
	line-height: 27px;
}

.tab-type04.mb {
	margin-bottom: 50px;
}

.tab-type04 * {
	box-sizing: border-box
}

.tab-type04 {
	overflow: hidden;
}

.tab-type04 li {
	position: relative;
	float: left;
	width: 189px;
	height: 58px;
	line-height: 58px;
	margin-left: -1px;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ff6a00;
}

.tab-type04 li:first-child {
	width: 188px;
	margin: 0;
}

.tab-type04 li.on {
	border-color: #ff6a00;
	border-bottom: 0;
	z-index: 5;
}

.tab-type04 li a {
	display: block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
}

.tab-type04 li.on a {
	color: #ff6a00;
}

.tab-type04.col2 li {
	width: 50% !important
}

.tab-type04.col3 li {
	width: 33.333333333333% !important
}

.tab-type04.col4 li {
	width: 25% !important
}

.tab-type04.col5 li {
	width: 20% !important
}

.tab-type05 {
	margin-bottom: 60px;
	overflow: hidden;
}

.tab-type05 li {
	position: relative;
	float: left;
	width: 379px;
	height: 58px;
	line-height: 58px;
	margin-left: -1px;
	border: 1px solid #ccc;
}

.tab-type05 li:first-child {
	width: 378px;
	margin: 0;
}

.tab-type05 li.on {
	border-color: #ff6a00;
	border-bottom: 0;
	z-index: 5;
}

.tab-type05 li a {
	display: block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}

.tab-type05 li.on a {
	color: #ff6a00;
}

.tab-menu {
	margin-bottom: 67px;
}

.tab-menu>ul {
	overflow: hidden;
}

.tab-menu>ul>li {
	position: relative;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-left: -1px;
	color: #333;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ff6a00;
}

.tab-menu>ul>li:first-child {
	margin: 0;
}

.tab-menu>ul>li.on {
	height: 58px;
	line-height: 58px;
	color: #ff6a00;
	border: 1px solid #ff6a00;
	border-bottom: 0;
	z-index: 1;
}

.tab-menu.col5>ul>li {
	width: 20%;
	box-sizing: border-box;
	margin-bottom: 1px;
}

.tab-menu.col5>ul>li:nth-child(6) {
	margin: 0;
}

.tab-menu.col5>ul>li {
	border-bottom: 1px solid #ccc;
}

.tab-menu.col5>ul>li.on {
	border: 1px solid #ff6a00;
	border-bottom: 1px solid #ff6a00;
}

.tab-menu.col6>ul>li {
	width: 15.99%;
	box-sizing: border-box;
	margin-bottom: 1px;
}

.tab-menu.col6>ul>li:nth-child(7) {
	margin: 0;
}

.tab-menu.col6>ul>li {
	border-bottom: 1px solid #ccc;
}

.tab-menu.col6>ul>li.on {
	border: 1px solid #ff6a00;
	border-bottom: 1px solid #ff6a00;
}

.tab-list>li {
	display: none;
}

.tab-list>li.on {
	display: block;
}

/* check-type01 */
.check-type01 {
	display: inline;
	position: relative;
	top: -3px;
	left: 10px;
}

.check-type01 input {
	position: absolute;
	left: -9999px;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.check-type01 label {
	display: inline-block;
	height: 20px;
	padding: 0 0 0 29px;
	background: url("../images/icon/ico_check.gif") no-repeat left top;
}

.check-type01 label.on {
	background: url("../images/icon/ico_check_on.gif") no-repeat left top;
}

.check-type01.agree {
	top: 2px;
	left: 0;
}

.check-type01.agree1 {
	display: block;
	left: 0;
	margin-bottom: 5px;
}

.check-type01.agree2 {
	display: block;
	left: 0;
}

/* select-box */
.sel-box01 {
	float: right;
}

.sel-box01>div {
	position: relative;
	display: inline-block;
	width: 150px;
	text-align: left;
}

.sel-box01>div>a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	color: #666;
	font-size: 13px;
	border: 1px solid #c8c8c8;
	background: #fff url("../images/icon/ico_sel_arr.gif") no-repeat 93%
		center;
}

.sel-box01>div>ul {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	border: 2px solid #2b2b2b;
	background: #fff;
}

.sel-box01>div>ul li a {
	display: block;
	padding: 0 0 0 9px;
	height: 30px;
	line-height: 30px;
	color: #666;
	font-size: 13px;
}

.sel-box01>div>ul li a:hover {
	background: #f4f4f6;
}

.sel-box02 {
	display: inline-block;
}

.sel-box03 {
	display: inline-block;
}
/* .sel-box03 select {appearance: none; min-width:30px; height:38px; line-height:38px; padding:0 15px; color:#666; font-size:13px; text-align:left !important; background:#fff url("../images/icon/ico_sel_arr.gif") no-repeat 95% center; overflow:hidden;} */
.sel-box03 .design-select-box .select-title>a {
	background-position: 96% center;
}

/* paging */
.paging {
	position: relative;
	height: 32px;
	margin-top: 40px;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.paging a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 2px;
	color: #666;
	font-family: "roboto";
	font-size: 14px;
	border: 1px solid #ddd;
	vertical-align: middle;
}

.paging a img {
	vertical-align: middle;
}

.paging a.on {
	color: #fff;
	background-color: #ff6a00;
	border-color: #ff6a00;
}

.paging p {
	display: inline-block;
	padding: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}

.paging>a {
	width: 32px;
	height: 32px;
	margin: 0 2px;
	border: 0 none;
}

.paging>input {
	width: 30px;
	margin: 0 2px 0 18px;
	padding: 0 10px;
	font-size: 14px;
}

.paging>.btn01 {
	display: inline-block;
	width: 54px;
	height: 32px;
	line-height: 32px;
	margin: 0 2px;
	color: #fff;
	font-family: "Noto sans";
	font-size: 13px;
	font-weight: 400;
	background: #888;
	vertical-align: middle;
}

.paging>.btn02 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 40px;
	padding: 0 30px;
	line-height: 40px;
	color: #fff;
	font-family: "Noto sans";
	font-size: 16px;
	font-weight: 400;
	background: #ff6a00;
}

/* pg-alert */
.pg-alert {
	margin-top: 20px;
}

.pg-alert li {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.pg-alert li strong {
	color: #ff6a00;
	font-weight: 400;
}

.pg-alert.ta-r {
	text-align: right;
}

.pg-alert a.popup-btn.agree {
	float: right;
	display: block;
	padding: 4px 9px;
	color: #7d7d7d;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #dedede;
	border-radius: 3px;
}

/* board-list */
.board-list {
	
}

.board-list table {
	width: 100%;
	border-bottom: 1px solid #aaa;
}

.board-list table th {
	padding: 19px 0 17px 0;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	border-top: 1px solid #333;
	background: #f5f5f5;
	text-align: center;
}

.board-list table td {
	padding: 19px 0 17px 0;
	color: #999;
	font-family: "roboto";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	border-top: 1px solid #dcdcdc;
	text-align: center;
}

.board-list table td.subject {
	padding-left: 15px;
	font-family: "Noto Sans";
	text-align: left;
}

.board-list table td.subject a {
	color: #333;
	font-size: 16px;
	font-weight: 300;
}

.board-list table td.subject a span {
	padding-right: 7px;
	font-weight: 400;
}

.board-list table td.subject a span.secret img {
	margin-top: -2px;
	vertical-align: top;
}

.board-list table td.subject a span.reply {
	color: #f92424;
}

.board-list table td .ico-notice {
	display: inline-block;
	width: 44px;
	height: 22px;
	line-height: 24px;
	color: #fff;
	font-size: 11px;
	background: url("../images/common/board_notice.png") no-repeat;
	text-align: center;
}

/* board-list-search */
.search {
	position: relative;
	margin-top: 60px;
	padding: 20px 0;
	text-align: center;
	background: #f4f4f6;
}

.search .sel-box01 {
	display: inline-block;
	float: none;
}

.search input {
	width: 290px;
	height: 38px;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
}

.search>.btn01 {
	display: inline-block;
	width: 89px;
	height: 40px;
	line-height: 40px;
	margin: 0 0 0 1px;
	color: #fff;
	font-family: "Noto sans";
	font-size: 16px;
	font-weight: 400;
	background: #4f4f4f;
	vertical-align: top;
}

/* board-view */
.board-view {
	border-top: 2px solid #444;
	border-bottom: 1px solid #dedede;
}

.board-view .num-title {
	position: relative;
	padding: 20px 20px 15px;
}

.board-view .num-title .title {
	color: #333;
	font-size: 24px;
	font-weight: 400;
	line-height: 26px;
	overflow: hidden;
}

.board-view .num-title .title span.secret img {
	margin: 4px 0 0 5px;
	vertical-align: top;
}

.board-view .num-title .date {
	margin-top: 15px;
	color: #999;
	font-family: "roboto";
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

.board-view .num-title .count {
	color: #999;
	font-size: 13px;
	text-align: right;
}

.board-view .num-title .count a {
	color: #999;
}

.board-view .num-title .count span {
	color: #ff6a00;
}

.board-view .num-title .state {
	overflow: hidden;
}

.board-view .num-title .state>ul {
	float: right;
	overflow: hidden;
}

.board-view .num-title .state>ul>li {
	float: left;
	margin-left: 15px;
	padding-left: 15px;
	color: #999;
	font-size: 13px;
	background: url(../images/icon/ico_foot_bar2.gif) no-repeat left center;
}

.board-view .num-title .state>ul>li:first-child {
	background: none;
}

.board-view .num-title .state>ul>li span {
	color: #ff6a00;
}

.board-view .num-title .state>ul>li>a {
	color: #999;
}

.board-view .num-title .filebox {
	display: none;
	position: absolute;
	top: 100px;
	right: 120px;
	padding: 10px 15px;
	border: 2px solid #e1e1e1;
	background: #fff;
	z-index: 100;
}

.board-view .num-title .filebox li {
	width: 270px;
	margin-top: 5px;
	color: #666;
	font-size: 13px;
	line-height: 22px;
	overflow: hidden;
}

.board-view .num-title .filebox li:first-child {
	margin-top: 0;
}

.board-view .num-title .filebox li span {
	display: block;
	float: left;
	width: 180px;
	height: 20px;
	color: #666;
}

.board-view .num-title .filebox li a.btn-down {
	float: right;
	padding: 0 10px;
	color: #7d7d7d;
	font-size: 13px;
	line-height: 20px;
	border: 1px solid #dedede;
	border-radius: 3px;
}

.board-view .num-title .period {
	overflow: hidden;
}

.board-view .num-title .period ul {
	float: right;
	overflow: hidden;
}

.board-view .num-title .period ul li {
	float: left;
	margin-left: 15px;
	padding-left: 15px;
	color: #333;
	font-size: 13px;
	font-weight: 400;
	background: url(../images/icon/ico_foot_bar2.gif) no-repeat left center;
}

.board-view .num-title .period ul li:first-child {
	background: none;
}

.board-view .num-title .period ul li span {
	color: #999;
	font-family: "roboto";
	font-weight: 400;
	font-size: 14px;
}

.board-view .con {
	min-height: 200px;
	padding: 40px 20px;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	border-top: 1px solid #dcdcdc;
}

.board-view .con img {
	max-width: 1100px;
}

/* recipe-view */
.board-view.recipe .num-title {
	position: relative;
	background: #f8f8f8;
	padding: 30px;
}

.board-view.recipe .num-title .tit-img {
	position: relative;
	width: 220px;
	height: 200px;
	overflow: hidden;
}

.board-view.recipe .num-title .tit-area {
	position: absolute;
	top: 30px;
	left: 300px;
	width: 760px;
}

.board-view.recipe .num-title .tit-area .category {
	display: block;
	margin-bottom: 15px;
	color: #ff6a00;
	font-size: 20px;
	font-weight: 500;
}

.board-view.recipe .num-title .tit-area .title {
	height: 26px;
	margin-bottom: 25px;
	overflow: hidden;
}

.board-view.recipe .num-title .tit-area .title-hint {
	height: 48px;
	margin-bottom: 30px;
	color: #666;
	font-size: 16px;
	overflow: hidden;
}

.board-view.recipe .num-title .tit-area .title-like>a {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	color: #7d7d7d;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #dedede;
	background: #fff;
	border-radius: 2px;
}

.board-view.recipe .num-title .tit-area .title-like>a span {
	margin-left: 5px;
	color: #333;
	font-family: "roboto";
}

.board-view.recipe .num-title .tit-area .title-like>a img {
	margin-left: -2px;
	vertical-align: middle;
}

.board-view.recipe .num-title .state {
	position: absolute;
	right: 30px;
	bottom: 30px;
	overflow: auto;
}

.board-view.recipe .num-title .filebox {
	top: 235px;
	right: 220px;
}

.board-view.recipe .con>div {
	padding: 0 200px;
	border-top: 4px dotted #ebebeb;
}

.board-view.recipe .con div.con-section01 {
	min-height: 120px;
	padding: 20px 200px 40px;
	border: 0 none;
	background: url("../images/community/ico_recipe_view01.png") no-repeat
		50px 20px;
}

.board-view.recipe .con div.con-section02 {
	min-height: 120px;
	padding: 40px 200px;
	background: url("../images/community/ico_recipe_view02.png") no-repeat
		50px 40px;
}

.board-view.recipe .con div.con-section03 {
	min-height: 120px;
	padding: 40px 200px;
	background: url("../images/community/ico_recipe_view03.png") no-repeat
		50px 40px;
}

/* board-reply */
.board-reply {
	margin-top: 30px;
}

/* prev-next */
.prev-next {
	margin-top: 40px;
	border-top: 1px solid #ccc;
}

.prev-next table {
	width: 100%;
	border-bottom: 1px solid #999;
}

.prev-next table th, .prev-next table td {
	padding: 18px 0 17px 0;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
}

.prev-next table th {
	width: 98px;
	padding-left: 30px;
	color: #111;
	text-align: left;
}

.prev-next table th.th-prev {
	background: #f4f4f4 url("../images/icon/ico_prev_arr.gif") no-repeat
		88px 25px;
}

.prev-next table th.th-next {
	background: #f4f4f4 url("../images/icon/ico_next_arr.gif") no-repeat
		88px 25px;
}

.prev-next table td {
	padding: 0 30px;
	color: #666;
}

.prev-next table td a {
	color: #666;
}

.prev-next table td a:hover {
	color: #333;
	text-decoration: underline;
}

.prev-next table tr:first-child th, .prev-next table tr:first-child td {
	border-bottom: 1px solid #dedede;
}

.prev-next table td .date {
	float: right;
	margin-top: 4px;
	color: #999;
	font-family: "roboto";
	font-size: 14px;
	line-height: 18px;
}

.prev-next table td span.secret img {
	margin: -1px 5px 0 0;
	vertical-align: top;
}

/* btn-type */
.btn-type01 {
	margin-top: 30px;
	text-align: right;
}

.btn-type01 a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	background: #4f4f4f;
	text-align: center;
}

.btn-type01 a.btn01 {
	color: #fff;
	background: #4f4f4f;
}

.btn-type01 a.btn02 {
	color: #fff;
	background: #7f7f7f;
}

.btn-type01 a.btn03 {
	color: #666;
	background: #fff;
	height: 38px;
	line-height: 38px;
	padding: 0 29px;
	border: 1px solid #7f7f7f;
}

.btn-type02 {
	margin-top: 30px;
	text-align: center;
}

.btn-type02 a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	background: #ff6a00;
}

.btn-type02 a.btn02 {
	height: 40px;
	line-height: 40px;
	background: #4f4f4f;
}

.btn-type02 a.btn03 {
	height: 40px;
	line-height: 40px;
	background: #7f7f7f;
}

.btn-type03 {
	margin-top: 30px;
	text-align: right;
}

.btn-type03 a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	background: #4f4f4f;
	text-align: center;
}

.btn-type03 a.btn01 {
	color: #fff;
	background: #ff6a00;
}

.btn-type03 a.btn02 {
	color: #fff;
	background: #7f7f7f;
}

.btn-type04 a {
	display: inline-block;
	width: 88px;
	height: 38px;
	line-height: 38px;
	color: #666;
	font-size: 15px;
	font-weight: 400;
	border: 1px solid #dadada;
	background: #f7f7f7;
	text-align: center;
}

.btn-type04 a.btn02 {
	margin-left: -1px;
	background: #fff;
}

.btn-type04 a.btn03 {
	margin-left: -1px;
	background: #fff;
	color: #ddd;
}

.btn-more {
	margin-top: 50px;
	text-align: center;
}

.btn-more>a {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0 30px;
	color: #ff6a00;
	font-size: 18px;
	font-weight: 400;
	border: 1px solid #ff6a00;
	background: #fff;
	border-radius: 22px;
}

.btn-more>a img {
	margin-left: 10px;
	vertical-align: middle;
}

.con-btn {
	margin: 20px 0 60px;
	text-align: center;
}

.con-btn a {
	display: inline-block;
	width: 200px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	background: #ff6a00;
	text-align: center;
}

/* event-list */
.event-list {
	margin-top: 30px;
}

.event-list table {
	width: 100%;
	border-top: 2px solid #444;
	border-bottom: 1px solid #ebebeb;
}

.event-list table td {
	padding: 20px;
	font-family: "Noto Sans";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	border-top: 1px solid #dcdcdc;
	text-align: center;
}

.event-list table td.banner img {
	width: 213px;
	height: 124px;
}

.event-list table td.subject {
	padding-left: 15px;
	text-align: left;
}

.event-list table td.subject a {
	color: #333;
	font-size: 24px;
	font-weight: 400;
}

.event-list table td.subject .date {
	margin-top: 25px;
	color: #aeaeae;
	font-family: "roboto";
	font-size: 14px;
	line-height: 16px;
}

.event-list table td.subject .date strong {
	margin-left: 15px;
	padding: 0 15px;
	color: #666;
	font-family: "Noto Sans";
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	background: url(../images/icon/ico_foot_bar2.gif) no-repeat left center;
}

.event-list table td.subject .date strong:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

.event-list table td.event-state {
	
}

.event-list table td.event-state span {
	display: block;
	width: 107px;
	height: 38px;
	margin: 0;
	font-size: 14px;
	line-height: 38px;
	color: #666;
	font-weight: 300;
	text-align: center;
	border: 1px solid #d5d5d5;
}

.event-list table td.event-state span.on {
	color: #ff6a00;
	border-color: #ff6a00;
}

.event-list table td.event-state span.result {
	color: #78b22b;
	border-color: #91c749;
}

/* event-view */
.board-utill {
	margin: 20px 0 50px;
	padding: 0 20px;
	overflow: hidden;
}

.board-utill .tag {
	float: left;
	width: 700px;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
}

.board-utill .tag img {
	margin-top: 5px;
	margin-right: 10px;
	vertical-align: top;
}

.board-utill .tag span {
	display: inline-block;
	height: 22px;
	padding: 0 10px;
	color: #666;
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
	background: #e8e8e8;
	border-radius: 11px
}

.board-utill .share {
	float: right;
}

.board-utill .share li {
	float: left;
	margin-left: 5px;
}

.board-utill .share li.copy {
	margin-left: 20px;
}

.board-utill .share li.copy a {
	display: block;
	width: 141px;
	height: 27px;
	color: #7d7d7d;
	font-size: 13px;
	font-weight: 400;
	line-height: 27px;
	text-align: center;
	border: 1px solid #dedede;
	border-radius: 3px;
}

/* recipe-list */
.recipe-list {
	margin-top: 30px;
}

.recipe-list ul {
	width: 100%;
	border-top: 2px solid #444;
	overflow: hidden;
}

.recipe-list ul li {
	float: left;
	width: 500px;
	padding: 40px 50px 40px 20px;
	border-bottom: 1px solid #ebebeb;
}

.recipe-list ul li .bo-img, .recipe-list ul li .bo-tit {
	float: left;
}

.recipe-list ul li .bo-img {
	width: 218px;
	height: 198px;
	margin-right: 30px;
	line-height: 198px;
	vertical-align: middle;
	border: 1px solid #ddd;
	overflow: hidden;
}

.recipe-list ul li .bo-img>div {
	display: table-cell;
	height: 198px;
	vertical-align: middle;
}

.recipe-list ul li .bo-img img {
	width: 218px;
}

.recipe-list ul li .bo-tit {
	width: 250px;
}

.recipe-list ul li .bo-tit>div {
	height: 126px;
	margin-top: 20px;
}

.recipe-list ul li .bo-tit .title {
	overflow: hidden;
}

.recipe-list ul li .bo-tit .title .secret img {
	margin: 3px 5px 0 0;
	vertical-align: top;
}

.recipe-list ul li .bo-tit .title a {
	color: #333;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

.recipe-list ul li .bo-tit .name-date {
	margin-top: 20px;
	color: #666;
	font-size: 14px;
	line-height: 16px;
}

.recipe-list ul li .bo-tit .name-date .data {
	margin-left: 6px;
	padding-left: 10px;
	color: #aeaeae;
	font-family: "roboto";
	font-size: 12px;
	font-weight: 400;
	background: url("../images/icon/ico_span_bar.gif") no-repeat 0 center;
}

.recipe-list ul li .bo-tit .state>strong {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	color: #7d7d7d;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #dedede;
	background: #fff;
	border-radius: 2px;
}

.recipe-list ul li .bo-tit .state>strong span {
	margin-left: 5px;
	color: #333;
	font-family: "roboto";
}

.recipe-list ul li .bo-tit .state>strong img {
	vertical-align: middle;
}

.recipe-list ul li .bo-tit .state .like {
	margin-left: 2px;
}

/* media-list */
.media-list {
	margin: 0 0 0 -30px;
	overflow: hidden;
}

.media-list li {
	float: left;
	width: 360px;
	margin: 30px 0 0 30px;
}

.media-list li>a {
	position: relative;
	display: block;
}

.media-list li>a img {
	width: 360px;
	height: 203px;
}

.media-list li>a span {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	filter: alpha(opacity = 100);
	z-index: 10;
	transition: opacity 0.3s;
}

.media-list li>a span.dim-video {
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 9;
}

.media-list li>a:hover span.dim-video {
	opacity: 1;
	filter: alpha(opacity = 100);
	transition: opacity 0.3s;
}

.media-list li>.title-date {
	position: relative;
	height: 67px;
	margin-top: 20px;
	border-bottom: 1px solid #dedede;
}

.media-list li>.title-date .cate {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 13px;
	color: #fff;
	font-family: "Noto Sans", "roboto";
	font-size: 14px;
	font-weight: 400;
	background: #b2b2b2;
	border-radius: 11px;
}

.media-list li>.title-date .date {
	position: absolute;
	top: 0;
	right: 0;
	color: #aeaeae;
	font-family: "roboto";
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
}

.media-list li>.title-date .title {
	height: 24px;
	margin: 7px 0;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
}

.media-list li>.text {
	height: 40px;
	padding: 15px 0 0 0;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	overflow: hidden;
}

/* board-write */
.board-write {
	
}

.board-write table {
	width: 100%;
	border-top: 2px solid #444;
	border-bottom: 1px solid #dcdcdc;
}

.board-write table th {
	padding: 25px 0 25px 15px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	border-top: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: top;
}

.board-write table th * {
	font-size: 16px;
	font-weight: 400;
	vertical-align: text-top;
}

.board-write table th span {
	color: #f61818;
	vertical-align: middle;
}

.board-write table th label {
	color: #333;
}

.board-write table td {
	padding: 15px 0 15px 10px;
	color: #666;
	font-size: 14px;
	font-weight: 300;
	border-top: 1px solid #dcdcdc;
}

.board-write table td * {
	vertical-align: middle;
}

.board-write table td strong {
	color: #df2121;
	font-size: 14px;
	font-weight: 400;
	vertical-align: top;
}

.board-write table td span {
	display: block;
	margin-top: 7px;
	color: #999;
	font-size: 13px;
	font-weight: 400;
}

.board-write table td label {
	color: #666;
	font-size: 14px;
	font-weight: 300;
}

.board-write table td input[type=text], .board-write table td input[type=password]
	{
	height: 38px;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 38px;
}

.board-write table td input[type=radio] {
	margin-top: 3px;
}

.board-write table td input[type=checkbox] {
	margin: 0 2px 0 0;
	vertical-align: middle;
}

.board-write table td input[type=file] {
	padding: 7px 10px;
	border: 1px solid #d2d2d2;
}

.board-write table td label+input[type=radio] {
	margin-left: 15px;
}

.board-write table td input+input[type=radio] {
	margin-left: 25px;
}

.board-write table td label+input[type=checkbox] {
	margin-left: 15px;
}

.board-write table td textarea {
	color: #333;
	font-size: 14px;
	font-weight: 300;
}

.board-write table td .btn01 {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	margin-left: 5px;
	padding: 0 21px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	background: #787878;
	text-align: center;
}

.board-write table td .division01 {
	margin-top: 10px;
}

.board-write table td .division02 {
	margin-top: 20px;
}

.board-write .bo-file-name {
	position: relative;
	margin-bottom: 7px;
}

.board-write table td .bo-file-name input {
	color: #999;
}

.board-write .bo-file-name a.btn-file-del {
	vertical-align: top;
	margin-left: 2px;
}

.board-write .bo-file {
	position: relative;
	margin-bottom: 7px;
}

.board-write .bo-file input[type=file] {
	width: 88px;
	height: 38px;
	padding: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
}

.board-write .bo-file label {
	display: block;
	position: absolute;
	top: 0;
	left: 409px;
	width: 90px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #7f7f7f;
	cursor: pointer;
}

.board-write .bo-file a.btn-file-add {
	position: absolute;
	top: 0;
	left: 504px;
}

.board-write .bo-file a.btn-file-del {
	position: absolute;
	top: 0;
	left: 549px;
}

/* comment */
.comment-area a.btn-comm {
	padding: 2px 10px;
	color: #7d7d7d;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #dedede;
	border-radius: 3px;
	background: #fff;
}

.comment-area .btn-comm-del {
	display: inline-block;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	background: #4f4f4f;
}

.comm-write {
	position: relative;
	padding: 20px;
	background-color: #f4f4f6;
}

.comm-write input {
	margin-left: 5px;
	vertical-align: top;
}

.comm-write input[type=text], .comm-write input[type=password] {
	height: 38px;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 38px;
}

.comm-write input[type=radio] {
	margin-top: 3px;
}

.comm-write input[type=checkbox] {
	margin: 0 2px 0 0;
	vertical-align: middle;
}

.comm-write input[type=file] {
	padding: 7px 10px;
	border: 1px solid #d2d2d2;
}

.comm-write .write-top {
	width: 968px;
	margin-bottom: 10px;
}

.comm-write .write-top .btn-ggcon {
	display: inline-block;
	width: 100px;
	height: 38px;
	padding: 0 10px;
	line-height: 38px;
	color: #ff6a00;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #ff6a00;
	background: #fff url("../images/icon/ico_sel_arr2.gif") no-repeat 100px
		center;
}

.comm-write .write-top .btn-comm {
	float: right;
	vertical-align: top;
	margin-top: 7px;
}

.comm-write .write-con {
	overflow: hidden;
}

.comm-write .write-con .ggcon {
	float: left;
	height: 100px;
	margin-right: 3px;
}

.comm-write .write-con textarea {
	margin-left: 5px;
	color: #333;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	vertical-align: top;
}

.comm-write .write-con a {
	display: inline-block;
	width: 120px;
	height: 100px;
	margin-left: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 100px;
	border: 0 none;
	background: #ff6a00;
	text-align: center;
}

.ggcon-layer {
	display: none;
	position: absolute;
	top: 70px;
	width: 658px;
	padding: 20px;
	border: 1px solid #838383;
	background: #fff;
}

.ggcon-layer ul {
	overflow: hidden;
}

.ggcon-layer ul li {
	float: left;
	margin-left: -1px;
	border: 1px solid #e9e9e9;
}

.ggcon-layer ul li:first-child {
	margin: 0;
}

.ggcon-layer .btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.comm-view {
	margin: 30px 0 0
}

.comm-view p.comm-total {
	margin-bottom: 20px;
	padding: 0 20px;
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

.comm-view p.comm-total span {
	color: #ff6a00;
	font-weight: 500;
}

.comm-view .comm-list {
	border-top: 1px solid #838383;
}

.comm-view .comm-list td {
	padding: 30px 0;
	border-bottom: 1px solid #e1e1e1;
}

.comm-view .comm-list td.comm-l {
	padding: 30px 0;
	text-align: center;
	vertical-align: top;
}

.comm-view .comm-list td.comm-l>img {
	width: 83px;
	height: 63px;
	border: 1px solid #e9e9e9;
}

.comm-view .comm-list td.comm-c .comm-nick {
	margin-bottom: 10px;
}

.comm-view .comm-list td.comm-c .comm-nick .nick {
	margin-right: 18px;
	color: #333;
	font-weight: 500;
}

.comm-view .comm-list td.comm-c .comm-nick .date {
	margin-right: 40px;
	color: #a09f9f;
	font-size: 12px;
}

.comm-view .comm-list td.comm-c .comm-txt {
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

.comm-view .comm-list td.comm-c .comm-txt strong {
	margin-right: 5px;
	color: #444;
	font-size: 15px;
	font-weight: 500;
}

.comm-view .comm-list td.comm-r {
	padding: 30px 0;
	text-align: center;
}

.comm-view .comm-list td.comm-r .comm-btn li {
	display: inline;
	font-size: 13px;
	line-height: 24px;
	padding: 0 14px 0 5px;
}

.comm-view .comm-list td.comm-r .comm-btn li:first-child {
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat right
		center;
}

.comm-view .comm-list td.comm-r .comm-btn li a {
	color: #666;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
}

.comm-view .comm-list td.comm-l.reply {
	padding-left: 65px;
	background: url("../images/community/bg_reply_line.gif") no-repeat 35px
		30px
}

.comm-view .comm-list td.comm-c.reply {
	padding-left: 34px;
}

.comm-view .comm-list td.auth {
	padding: 20px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	background: #f4f4f6;
}

.comm-view .comm-list td.auth input {
	margin: 0 10px 0 0;
	height: 38px;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 38px;
}

.comm-view .comm-list td.auth a.btn-comm {
	margin-left: 20px;
}

.comm-view .comm-list td.comm-r.auth {
	text-align: right;
}

/* 약관보기 버튼 */
.board-write a.popup-btn.agree {
	float: right;
	display: block;
	margin-right: 20px;
	padding: 4px 9px;
	color: #7d7d7d;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #dedede;
	border-radius: 3px;
}

/* agree-area */
.agree-area {
	height: 100px;
	padding: 10px;
	border: 1px solid #c8c8c8;
	overflow-x: hidden;
	overflow-y: auto;
}

/* agree-area02 */
.agree-area02 {
	height: 100px;
	padding: 10px;
	border: 1px solid #c8c8c8;
	overflow-x: hidden;
	overflow-y: auto;
}

/* layer */
.layer-popup {
	display: none;
	position: absolute;
	left: 50%;
	z-index: 1000;
}

.layer-popup.test {
	display: block;
}

.layer-wrap {
	background: transparent;
}

.layer-wrap .close {
	position: absolute;
	top: 5px;
	right: 10px;
	display: inline-block;
	padding: 10px;
}

.layer-wrap .close-btn {
	position: absolute;
	top: 5px;
	right: -30px;
	display: block;
}

.layer-head {
	height: 52px;
	background: #ff6a00;
}

.layer-head h4 {
	padding: 0 0 0 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 52px;
}

.layer-con {
	padding: 30px 30px 40px 30px;
	background: #fff;
}

.layer-con .coment01 {
	display: table;
	width: 100%;
	height: 85px;
	margin-bottom: 30px;
}

.layer-con .coment01 p {
	display: table-cell;
	height: 100%;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	vertical-align: middle;
}

.layer-con .coment01 p strong {
	display: block;
	margin-bottom: 15px;
	color: #333;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
}

.layer-con .coment01 p span {
	display: block;
	margin-left: 10px;
}

.layer-con h5 {
	margin-bottom: 15px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
}

.layer-con .board-write table {
	border-top: 1px solid #666;
	border-bottom: 0 none;
}

.layer-con .con-btn {
	margin: 20px 0 0 0;
	text-align: center;
}

.layer-con .privacyTap {
	margin-bottom: 30px;
}

.layer-con .privacyTap ul {
	display: flex; /* flex-wrap: wrap; */
}

.layer-con .privacyTap ul li {
	width: 33.334%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-left: -1px;
	text-align: center;
	padding: 15px 0;
	font-weight: 400;
	letter-spacing: 0;
	cursor: pointer;
}

.layer-con .privacyTap ul li:first-child {
	margin-left: 0;
}

.layer-con .privacyTap ul li.on {
	background: #ff6a00;
	border-color: #ff6a00;
	color: #fff;
}

.layer-con .privacyTapPop ul li.on {
	background: #ff6a00;
	border-color: #ff6a00;
	color: #fff;
}

.layer-con .privacyTapPop {
	margin-bottom: 30px;
}

.layer-con .privacyTapPop ul {
	display: flex; /* flex-wrap: wrap; */
}

.layer-con .privacyTapPop ul li {
	width: 33.334%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-left: -1px;
	text-align: center;
	padding: 15px 0;
	font-weight: 400;
	letter-spacing: 0;
	cursor: pointer;
}

.layer-con .privacyTapPop ul li:first-child {
	margin-left: 0;
}

.layer-con .privacyTapPop ul li.on {
	background: #ff6a00;
	border-color: #ff6a00;
	color: #fff;
}


/* layer02 */
.layer-popup02 {
	display: none;
	position: absolute;
	left: 50%;
	z-index: 1000;
}

.layer-popup02.test {
	display: block;
}

.layer-wrap02 {
	background: transparent;
}

.layer-wrap02 .close {
	position: absolute;
	top: 5px;
	right: 10px;
	display: inline-block;
	padding: 10px;
}

.layer-wrap02 .close-btn {
	position: absolute;
	top: 5px;
	right: -30px;
	display: block;
}

.layer-head02 {
	height: 52px;
	background: #ff6a00;
}

.layer-head02 h4 {
	padding: 0 0 0 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 52px;
}

.layer-con02 {
	padding: 30px 30px 40px 30px;
	background: #fff;
}

.layer-con02 .coment02 {
	display: table;
	width: 100%;
	height: 85px;
	margin-bottom: 30px;
}

.layer-con02 .coment02 p {
	display: table-cell;
	height: 100%;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	vertical-align: middle;
}

.layer-con02 .coment02 p strong {
	display: block;
	margin-bottom: 15px;
	color: #333;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
}

.layer-con02 .coment02 p span {
	display: block;
	margin-left: 10px;
}

.layer-con02 h5 {
	margin-bottom: 15px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
}

.layer-con02 .board-write table {
	border-top: 1px solid #666;
	border-bottom: 0 none;
}

.layer-con02 .con-btn {
	margin: 20px 0 0 0;
	text-align: center;
}

.layer-con02 .privacyTap {
	margin-bottom: 30px;
}

.layer-con02 .privacyTap ul {
	display: flex; /* flex-wrap: wrap; */
}

.layer-con02 .privacyTap ul li {
	width: 33.334%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-left: -1px;
	text-align: center;
	padding: 15px 0;
	font-weight: 400;
	letter-spacing: 0;
	cursor: pointer;
}

.layer-con02 .privacyTap ul li:first-child {
	margin-left: 0;
}

.layer-con02 .privacyTap ul li.on {
	background: #ff6a00;
	border-color: #ff6a00;
	color: #fff;
}

.commentWrap ul li {
	display: none;
}

.commentWrap ul li.active {
	display: block;
}

.commentWrap ul li h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}

.commentWrap ul li h5.center {
	text-align: center;
}

.commentWrap ul li h6 {
	font-weight: 500;
}

.commentWrap ul li table {
	margin: 10px 0 20px;
	border: 1px solid #000;
}

.commentWrap ul li table tr th {
	border: 1px solid #000;
	text-align: center;
	font-weight: 500;
	padding: 15px 0;
}

.commentWrap ul li table tr td {
	border: 1px solid #000;
	padding: 20px;
}

.commentWrap ul li table tr td h6 {
	font-weight: 600;
	text-align: center;
}


.commentWrapPop ul li {
	display: none;
}

.commentWrapPop ul li.active {
	display: block;
}

.commentWrapPop ul li h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}

.commentWrapPop ul li h5.center {
	text-align: center;
}

.commentWrapPop ul li h6 {
	font-weight: 500;
}

.commentWrapPop ul li table {
	margin: 10px 0 20px;
	border: 1px solid #000;
}

.commentWrapPop ul li table tr th {
	border: 1px solid #000;
	text-align: center;
	font-weight: 500;
	padding: 15px 0;
}

.commentWrapPop ul li table tr td {
	border: 1px solid #000;
	padding: 20px;
}

.commentWrapPop ul li table tr td h6 {
	font-weight: 600;
	text-align: center;
}

/* auth */
.auth {
	padding-top: 100px;
	text-align: center;
}

.auth p {
	margin-bottom: 30px;
	color: #333;
	font-size: 24px;
	font-weight: 400;
	line-height: 40px;
}

.auth p strong {
	color: #ff6a00;
	font-weight: 400;
}

.auth p span {
	color: #666;
	font-size: 16px;
	font-weight: 300;
}

.auth input[type=password] {
	height: 38px;
	margin-bottom: 20px;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 300;
	line-height: 38px;
}

/* faq-tab */
.faq-box>div {
	display: none;
	margin-top: 40px;
	border-top: 1px solid #838383;
}

.faq-box>div.on {
	display: block;
}

.faq-box>div ul li {
	border-bottom: 1px solid #ebebeb;
}

.faq-box>div ul li a {
	display: block;
	padding: 15px 30px 15px 70px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	background: url("../images/icon/ico_faq_q.png") no-repeat 27px center;
}

.faq-box>div ul li div {
	display: none;
	padding: 20px 30px 20px 110px;
	color: #666;
	font-size: 14px;
	border-top: 1px solid #ebebeb;
	background: #f4f4f6 url("../images/icon/ico_faq_a.png") no-repeat 40px
		15px;
}

.faq-box>div ul li div p {
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

/* brand */
/* 231101 탭영역 추가 :: S */
.brand_tab {
	position: relative;
	margin-top: -60px;
	padding: 0 20px;
}

.brand_tab .slick-arrow {
	position: absolute;
	top: 0;
	width: 20px;
	height: 120px;
	text-indent: -9999em;
	font-size: 0;
	background-color: white;
	background-image: url('../images/icon/icon_brand_tab_prev.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.brand_tab .slick-arrow:hover {
	background-image: url('../images/icon/icon_brand_tab_prev_hover.png');
}

.brand_tab .slick-prev {
	left: 0;
}

.brand_tab .slick-next {
	right: 0;
	transform: rotate(180deg);
}

.brand_tab .tab_slide a {
	display: block;
	text-align: center;
	line-height: 120px;
	font-size: 23px;
	font-family: 'Pretendard';
	color: #323232;
}

.brand_tab .tab_slide.on a {
	color: #ff6400;
	font-weight: 700;
}
/* 231101 탭영역 추가 :: E */
.brand_visual {
	margin-top: 13px;
} /* 231101 추가 */
/* 231101 브랜드 제품 리스트 영역 공통 추가 :: S */
.brand-product {
	padding-bottom: 54px;
	border-bottom: 1px solid #8d8d8d;
}

.brand-product .product {
	margin-top: 80px;
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}

.brand-product .product li {
	flex: 1;
	text-align: center;
	max-width: 256px;
}

.brand-product .product li>a>img {
	width: 180px;
}

.brand-product .product li .tit {
	margin: 10px 0 20px 0;
	color: #323232;
	font-size: 22px;
	font-weight: 350;
	font-family: 'Pretendard';
	line-height: 1.3;
}

.brand-product .product li .btn {
	display: flex;
	width: 212px;
	margin: 0 auto;
	gap: 2px;
}

.brand-product .product li .btn>a {
	display: block;;
	flex: 1;
	height: 42px;
	line-height: 40px;
	border: 1px solid #ff6400;
	color: #ff6400;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Pretendard';
}

.brand-product .product li .btn>a:first-child {
	color: #fff;
	background: #ff6400;
}
/* 231101 브랜드 제품 리스트 영역 공통 추가 :: E */
/* 231101 brand_history 추가 :: S */
.brand_history {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.brand_history img {
	display: block;
	width: auto;
	max-width: none;
}
/* 231101 brand_history 추가 :: E */
.brand-box01 {
	margin-top: 0;
	padding-top: 60px;
} /* 231101 수정 */
.brand-box01 h4 {
	margin-left: 20px;
	font-weight: 700;
}

.brand-box01 .recipe-list {
	margin-top: 20px;
}

.brand-box01 .recipe-list ul {
	border-top: none;
}

.brand-title01 {
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 46px;
	font-weight: 500;
	line-height: 50px;
}

.brand-coment01 {
	margin-left: 20px;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.brand01-product .visual {
	display: none;
	height: 450px;
	background: url("../images/brand/bg_rm.jpg") no-repeat right 0;
} /* 231101 수정 */
.brand01-product .visual .text {
	padding: 205px 570px 0 0;
	text-align: center;
}

.brand01-product .visual .text .txt01 {
	color: #ff6a00;
	font-size: 60px;
	font-weight: 400;
	line-height: 64px;
}

.brand01-product .visual .text .txt02 {
	margin-top: 10px;
	color: #333;
	font-size: 24px;
	line-height: 32px;
}

.brand01-story {
	height: 1240px;
	background: url("../images/brand/brand01_story.jpg") no-repeat 0 50px;
}

.brand01-story>div {
	position: relative;
	margin-top: 50px;
}

.brand01-story>div:first-child {
	margin-top: 0;
}

.brand01-story h4 {
	position: relative;
	margin-left: 0;
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 56px;
	font-weight: 700;
	line-height: 60px;
}

.brand01-story h4:after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	margin-top: 25px;
	font-size: 0;
	line-height: 0;
	background: #b2b2b2;
}

.brand01-story img {
	box-shadow: 35px 35px 20px 10px #ddd;
}

.brand01-story .text01 {
	margin-bottom: 20px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
}

.brand01-story .text01 span {
	color: #ff6a00;
}

.brand01-story .text02 {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.brand01-story .text-box01 {
	padding: 0 40px;
}

.brand01-story .text-box02 {
	width: 540px;
	margin: 100px 0 0 600px;
}

.brand01-story .text-box03 {
	width: 450px;
	margin-top: 150px;
	text-align: right;
}

.brand-box02 {
	margin-top: 0;
	padding-top: 60px;
} /* 231101 수정 */
.brand-box02 h4 {
	margin-left: 20px;
	font-weight: 700;
}

.brand-box02 .recipe-list {
	margin-top: 20px;
}

.brand-box02 .recipe-list ul {
	border-top: 0 none;
}

.brand02-product .visual {
	height: 450px;
	background: url("../images/brand/brand02_visual.jpg") no-repeat right 0;
}

.brand02-product .visual .text {
	padding: 205px 570px 0 0;
	text-align: center;
}

.brand02-product .visual .text .txt01 {
	color: #ff6a00;
	font-size: 44px;
	font-weight: 400;
	line-height: 64px;
}

.brand02-product .visual .text .txt02 {
	margin-top: 10px;
	color: #333;
	font-size: 24px;
	line-height: 32px;
}

.brand02-story {
	height: 1040px;
	background: url("../images/brand/brand02_story.jpg") no-repeat 0 20px;
}

.brand02-story>div {
	position: relative;
	margin-top: 50px;
}

.brand02-story>div:first-child {
	margin-top: 0;
}

.brand02-story h4 {
	position: relative;
	margin-left: 0;
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 56px;
	font-weight: 700;
	line-height: 60px;
}

.brand02-story h4:after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	margin-top: 25px;
	font-size: 0;
	line-height: 0;
	background: #b2b2b2;
}

.brand02-story .text01 {
	margin-bottom: 20px;
	color: #ff6a00;
	font-size: 36px;
	line-height: 40px;
}

.brand02-story .text02 {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.brand02-story .text-box01 {
	padding: 0 40px;
}

.brand02-story .text-box02 {
	margin: 120px 0 0 600px;
}

.brand02-story .text-box03 {
	margin-top: 190px;
	padding: 0 40px;
}

.brand-character {
	height: 518px;
	padding: 80px 40px 0;
	background: url("../images/brand/brand02_character.jpg") no-repeat
		center 60px;
}

.brand-character.brand-box02 {
	margin-top: 40px;
}

.brand-character .brand-title01 {
	width: 275px;
	margin-left: 0;
	padding-bottom: 27px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
}

.brand-character .brand-title01 span {
	display: block;
	color: #ff6a00;
	font-size: 26px;
	line-height: 30px;
}

.brand-character>div {
	color: #444;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

.brand-character div.txtbox {
	margin-bottom: 24px;
}

.brand-character div.txtbox .tit {
	display: inline-block;
	width: 40px;
}

.brand-character div.txtbox .txt {
	display: block;
	padding-left: 40px;
}

.brand-character div.txtbox2 .tit {
	display: inline-block;
	width: 80px;
}

.brand-character div.txtbox2 .txt {
	display: block;
	padding-left: 80px;
}

.brand-box03 {
	margin-top: 0;
	padding-top: 60px;
} /* 231101 수정 */
.brand-box03 h4 {
	margin-left: 20px;
	font-weight: 700;
}

.brand-box03 .recipe-list {
	margin-top: 20px;
}

.brand-box03 .recipe-list ul {
	border-top: 0 none;
}

.brand02-product.brand03 .visual {
	height: 460px;
	background: url("../images/brand/brand03_visual.jpg") no-repeat right 0;
}

.brand02-product.brand03 .visual .text {
	padding: 205px 570px 0 0;
	text-align: center;
}

.brand02-product.brand03 .visual .text .txt01 {
	color: #ff6a00;
	font-size: 40px;
	font-weight: 400;
	line-height: 46px;
}

.brand02-product.brand03 .visual .text .txt02 {
	margin-top: 25px;
	color: #333;
	font-size: 24px;
	line-height: 32px;
}

.brand03-story {
	height: 1160px;
	background: url("../images/brand/brand03_story.jpg") no-repeat 0 52px;
}

.brand03-story>div {
	position: relative;
	margin-top: 50px;
}

.brand03-story>div:first-child {
	margin-top: 0;
}

.brand03-story h4 {
	position: relative;
	margin-left: 0;
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 56px;
	font-weight: 700;
	line-height: 60px;
}

.brand03-story h4:after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	margin-top: 25px;
	font-size: 0;
	line-height: 0;
	background: #b2b2b2;
}

.brand03-story .text01 {
	margin-bottom: 20px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
}

.brand03-story .text01 span {
	color: #ff6a00;
	font-weight: 400;
}

.brand03-story .text02 {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.brand03-story .text-box01 {
	padding: 0 40px;
}

.brand03-story .text-box02 {
	margin-top: 80px;
	padding: 0 40px 0 470px;
}

.brand03-story .text-box03 {
	width: 550px;
	margin-top: 90px;
	padding: 0 40px;
	text-align: right;
}

.brand02-product.brand04 {
	position: relative;
}
/*.brand02-product.brand04 .visual {height:603px; background:url("../images/brand/brand04_visual.jpg") no-repeat right 0;}*/
.brand02-product.brand04 .visual {
	height: 603px;
	background: url("../images/brand/img_pop.jpg") no-repeat right 0;
}

.brand02-product.brand04 .visual .text {
	padding: 205px 570px 0 0;
	text-align: center;
}

.brand02-product.brand04 .visual .text .txt01 {
	color: #ff6a00;
	font-size: 40px;
	font-weight: 400;
	line-height: 46px;
}

.brand02-product.brand04 .visual .text .txt02 {
	margin-top: 25px;
	color: #333;
	font-size: 24px;
	line-height: 32px;
}

.brand02-product.brand04 .product {
	position: absolute;
	top: 380px;
	left: 0;
	overflow: hidden;
}

.brand02-product.brand04 .product li {
	float: left;
	width: 178px;
	margin: 0 25px;
	text-align: center;
}
/* .brand02-product.brand04 .product li .btn {width:50%; margin:0 auto;}
.brand02-product.brand04 .product li .btn a {width:100%;} */
.brand04-story.brand-box01 {
	margin-top: 80px;
}
/*.brand04-story {height:920px; background:url("../images/brand/brand04_story.jpg") no-repeat 0 52px;}*/
.brand04-story {
	height: 920px;
	background: url(../images/brand/brand04_story_new.jpg) no-repeat right
		175px;
}

.brand04-story>div {
	position: relative;
	margin-top: 50px;
}

.brand04-story>div:first-child {
	margin-top: 0;
}

.brand04-story h4 {
	position: relative;
	margin-left: 0;
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 56px;
	font-weight: 700;
	line-height: 60px;
}

.brand04-story h4:after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	margin-top: 25px;
	font-size: 0;
	line-height: 0;
	background: #b2b2b2;
}

.brand04-story .text01 {
	margin-bottom: 20px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
}

.brand04-story .text01 span {
	color: #ff6a00;
	font-weight: 400;
}

.brand04-story .text02 {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.brand04-story .text-box01 {
	padding: 0 40px;
}

.brand04-story .text-box02 {
	margin-top: 130px;
	padding: 0 40px 0 650px;
}

.brand02-product.brand05 {
	position: relative;
}

.brand02-product.brand05 .visual {
	height: 590px;
	background: url("../images/brand/brand05_visual.jpg") no-repeat right 0;
}

.brand02-product.brand05 .visual .text {
	padding: 205px 570px 0 0;
	text-align: center;
}

.brand02-product.brand05 .visual .text .txt01 {
	color: #ff6a00;
	font-size: 40px;
	font-weight: 400;
	line-height: 46px;
}

.brand02-product.brand05 .visual .text .txt02 {
	margin-top: 25px;
	color: #333;
	font-size: 24px;
	line-height: 32px;
}

.brand02-product.brand05 .product {
	position: absolute;
	top: 290px;
	left: 110px;
	overflow: hidden;
}

.brand02-product.brand05 .product li {
	float: left;
	width: 178px;
	margin: 0 25px;
	text-align: center;
}

.brand02-product.brand05 .product li img {
	width: 150px;
}

.brand02-product.brand05 .product li .tit {
	margin-top: 20px;
}

.brand02-product.brand05 .product li .btn {
	width: 50%;
	margin: 0 auto;
}

.brand02-product.brand05 .product li .btn a {
	width: 100%;
}

.brand05-story {
	height: 1145px;
	background: url("../images/brand/brand05_story.jpg") no-repeat 0 52px;
}

.brand05-story>div {
	position: relative;
	margin-top: 50px;
}

.brand05-story>div:first-child {
	margin-top: 0;
}

.brand05-story h4 {
	position: relative;
	margin-left: 0;
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 56px;
	font-weight: 700;
	line-height: 60px;
}

.brand05-story h4:after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	margin-top: 25px;
	font-size: 0;
	line-height: 0;
	background: #b2b2b2;
}

.brand05-story img {
	box-shadow: 35px 35px 20px 10px #ddd;
}

.brand05-story .text01 {
	margin-bottom: 20px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
}

.brand05-story .text01 span {
	color: #ff6a00;
}

.brand05-story .text02 {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.brand05-story .text-box01 {
	padding: 0 40px;
}

.brand05-story .text-box02 {
	margin: 130px 0 0 630px;
}

.brand05-story .text-box03 {
	width: 480px;
	margin-top: 160px;
	padding: 0 40px;
	text-align: right;
}

.brand05-story .text-box04 {
	margin: 150px 0 0 630px;
}

/* pr-video */
.ct-selectbox {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
}

.pr-video {
	border-top: 2px solid #444;
	border-bottom: 1px solid #999;
}

.pr-video .media-list {
	padding: 30px 0;
}

.pr-video .video>* {
	display: inline-block;
	vertical-align: middle
}

.pr-video .video iframe {
	width: 650px;
	height: 366px;
}

.pr-video .video p {
	padding-left: 30px;
	line-height: 1.8;
}

.media-wrap {
	display: none;
	position: relative;
	padding: 40px 0 55px;
	min-width: 1140px;
	background: #f4f4f6;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.media-wrap .media-box {
	position: relative;
	width: 544px;
	margin: 0 auto;
	padding: 19px;
	border: 1px solid #e1e1e1;
	background: #fff;
}

.media-wrap .media-box .title-date {
	position: relative;
	height: 80px;
	margin-top: 25px;
	border-bottom: 1px solid #dedede;
}

.media-wrap .media-box .title-date .cate {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 13px;
	color: #fff;
	font-family: "Noto Sans", "roboto";
	font-size: 13px;
	font-weight: 400;
	background: #b2b2b2;
	border-radius: 11px;
}

.media-wrap .media-box .title-date .date {
	position: absolute;
	top: 0;
	right: 0;
	color: #aeaeae;
	font-family: "roboto";
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
}

.media-wrap .media-box .title-date .title {
	height: 40px;
	margin-top: 10px;
	color: #333;
	font-size: 22px;
	font-weight: 500;
	line-height: 24px;
}

.media-wrap .media-box .text {
	padding: 15px 0 0 0;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

.media-wrap .media-box .btn-close {
	position: absolute;
	top: -1px;
	left: 582px;
	padding: 10px;
	border: 1px solid #dedede;
	background: #fff;
}

/* hochi_friends */
.friends-visual {
	margin-top: 60px;
}

.friends-visual ul li:first-child {
	margin: 0;
}

.friends-visual ul li img {
	vertical-align: top;
}

/* product-list */
.product-box>div {
	display: none;
}

.product-box>div.on {
	display: block;
}
/*.product-list {padding:30px 0;} */
.product-list ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
} /* 231206 수정 */
.product-list li {
	float: left;
	width: 25%;
	margin: 30px 0 40px;
	color: #323232;
	font-size: 22px;
	font-weight: 500;
	font-family: 'Pretendard';
	text-align: center;
	padding: 0 15px;
	box-sizing: border-box;
} /* 231206 수정 */
.product-list li>div {
	margin-bottom: 15px;
	font-size: 17px;
	font-weight: 500;
	font-family: 'Pretendard';
} /* 231101 수정 */
.product-list li>div>a>img {
	width: 180px;
	height: 180px;
}

.product-list li>div.btn-type04 {
	margin-bottom: 0;
}

.product-list li>div.btn-type04 a {
	display: inline-block;
	width: 105px;
	height: 42px;
	line-height: 40px;
	color: #323232;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #323232;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

/* 231101 pager 추가 :: S */
.pager {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pager .pager_arrow {
	display: block;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Pretendard';
	color: #323232;
}

.pager .pager_num {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 53px;
}

.pager .pager_num .num {
	display: block;
	width: 40px;
	line-height: 24px;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Pretendard';
	color: #323232;
	text-align: center;
	border-radius: 12px;
}

.pager .pager_num .num.on {
	background: #ff6400;
	color: #fff;
}
/* 231101 pager 추가 :: E */

/* product-view */
.prod-tit-txt {
	float: left;
	margin-left: 10px;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	margin-top: 16px;
} /* 231101 수정 */
.prod-tit-txt br {
	display: none;
} /* 231101 추가 */
.product-view-wrap {
	padding: 70px 0 0;
	border-top: 2px solid #666;
}

.product-view-wrap .view-box {
	overflow: hidden;
}

.product-view-wrap .view-box .product-view-img {
	float: left;
	width: 535px;
	height: 487px;
	border: 1px solid #e4e4e4;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}

.product-view-wrap .view-box .product-view-img img {
	width: 535px;
	height: 487px;
}

.product-view-wrap .view-box .product-data {
	float: right;
	width: 570px;
	padding-top: 10px;
}

.product-view-wrap .view-box .product-data ul {
	margin-top: 39px;
	overflow: hidden;
}

.product-view-wrap .view-box .product-data ul li {
	float: left;
	width: 25%;
	line-height: 40px;
	color: #323232;
	font-size: 15px;
	text-align: center;
	font-weight: 500;
	font-family: 'Pretendard';
} /* 231101 수정 */
/*.product-view-wrap .view-box .product-data ul li div {height:50px;}*/
.product-view-wrap .view-box .product-data ul li>p {
	width: 90px;
	margin: 0 auto;
	color: #323232;
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 700;
	border-top: 1px solid #323232;
} /* 231101 수정 */
.product-view-wrap .view-box .product-data ul li>p>strong {
	font-family: "Noto sans";
	font-size: 17px;
	font-weight: 500;
}

.product-view-wrap .view-box .product-data table {
	margin-top: 55px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

.product-view-wrap .view-box .product-data table th {
	height: 50px;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	background: #f6f6f8;
	text-align: left;
	text-indent: 30px;
}

.product-view-wrap .view-box .product-data table td {
	padding: 0 30px;
	height: 50px;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

.product-view-wrap .view-box .btn-product {
	margin-top: 45px;
	height: 56px;
	text-align: right;
	overflow: hidden;
}

.product-view-wrap .view-box .btn-product a {
	display: inline-block;
	width: 187px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}

.product-view-wrap .view-box .btn-product a.btn01 {
	background: #4f4f4f;
}

.product-view-wrap .view-box .btn-product a.btn02 {
	background: #ff6400;
} /* 231101 수정 */
.product-view-wrap .view-box .btn-product a.btn03 {
	background: #7f7f7f;
}

.product-view-wrap h4 {
	margin: 60px 0 30px;
	color: #333;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
}

.product-view-wrap h4 span {
	float: right;
	margin-top: 25px;
	color: #999;
	font-size: 14px;
	font-weight: 300;
}

.product-view-wrap h5 {
	margin: 60px 0 30px;
	color: #333;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
}

.product-view-wrap .view-table table {
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	clear: both;
}

.product-view-wrap .view-table table thead th {
	height: 50px;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

.product-view-wrap .view-table table thead th:first-child {
	background: #f6f6f8;
	text-align: left;
	text-indent: 30px;
}

.product-view-wrap .view-table table tbody th {
	height: 50px;
	padding: 0 20px 0 30px;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	background: #f6f6f8;
	text-align: left;
}

.product-view-wrap .view-table table tbody td {
	height: 50px;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	text-align: center;
}

.product-view-wrap .view-table .pg-alert strong {
	color: #333;
}

.product-view-wrap .product-view-text ul {
	margin-left: 20px;
}

.product-view-wrap .product-view-text ul li {
	list-style: disc;
}

.product-view-wrap .product-view-text.area01 p {
	font-size: 22px;
}

.product-view-banner {
	text-align: center;
	margin-top: 60px;
}

/* family01 */
#container.type100>div {
	width: 1140px;
	margin: 0 auto;
}

#container.type100>div.sub-title01 {
	margin-bottom: 30px;
}

#container.type100>div.family-mapbox {
	width: 1100px;
	margin: 0 auto;
	padding: 60px 0 0;
	overflow: hidden;
}

#container.type100>div.family-box02 {
	position: relative;
	width: 100%;
	height: 821px;
	padding: 80px 0 100px;
	background: url("../images/family/family01_ecogreen.jpg") no-repeat
		center 0;
	overflow: hidden;
}

.family-text {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.family-text h4 {
	margin-bottom: 30px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
	font-weight: 500;
}

.family-text h4 span {
	display: block;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
}

.family-text p {
	color: #666;
}

.family-text p strong {
	color: #ff6a00;
	font-size: 18px;
	font-weight: 400;
}

.family-box01 {
	padding: 70px 0 80px;
	border-top: 2px solid #444;
}

.family-box02 .family-text .txt01 {
	float: left;
}

.family-box02 .family-text .txt02 {
	float: right;
}

.family-box02 .family-text .txt03 {
	position: absolute;
	bottom: 105px;
}

.family-box03 .family-text {
	padding: 50px 0 10px;
	border-bottom: 1px solid #838383;
}

.family-box03 h4 {
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 40px;
}

.family-box03 p {
	margin-bottom: 45px;
}

.family-box03 p strong {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
}

.family-box03 .img01 {
	margin-bottom: 45px;
}

.family-box03 .family-media {
	margin: 0 0 35px -60px;
	overflow: hidden;
}

.family-box03 .family-media li {
	float: left;
	width: 520px;
	margin: 0 0 0 60px;
}

.family-box03 .family-media li>a {
	position: relative;
	display: block;
}

.family-box03 .family-media li>a img {
	width: 520px;
	height: 304px;
}

.family-box03 .family-media li>a span {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	filter: alpha(opacity = 100);
	z-index: 10;
	transition: opacity 0.3s;
}

.family-box03 .family-media li>a span.dim-video {
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 9;
}

.family-box03 .family-media li>a:hover span.dim-video {
	opacity: 1;
	filter: alpha(opacity = 100);
	transition: opacity 0.3s;
}

.family-box03 .family-gallery {
	margin: 0 0 30px -60px;
	overflow: hidden;
}

.family-box03 .family-gallery li {
	float: left;
	width: 520px;
	margin: 0 0 30px 60px;
}

.family-mapbox {
	width: 1100px;
	margin: 0 auto;
	padding: 60px 0 0;
	overflow: hidden;
}

.family-mapbox h4 {
	margin-bottom: 30px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
	font-weight: 500;
}

.family-mapbox p {
	padding-bottom: 20px;
	color: #666;
	border-bottom: 1px solid #e1e1e1;
}

.family-mapbox #familyMap {
	width: 1100px;
	height: 620px;
	margin-bottom: 40px;
}

.family-mapbox .contact {
	padding-top: 0;
}

.btn-link {
	margin-top: 30px;
}

.btn-link .btn01 {
	display: inline-block;
	padding: 0 40px 0 20px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 400;
	background: #4f4f4f url("../images/icon/ico_btn_arrow.png") no-repeat
		90% center;
}

.btn-link .btn02 {
	display: inline-block;
	padding: 0 40px 0 20px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 400;
	background: #7f7f7f url("../images/icon/ico_btn_arrow.png") no-repeat
		90% center;
}

/* family02 */
.family02-box01 {
	padding: 60px 0;
	border-top: 2px solid #444;
	overflow: hidden;
}

.family02-box01 .family-logo {
	float: left;
	width: 50%;
	overflow: hidden;
}

.family02-box01 .family-info {
	position: relative;
	float: left;
	width: 450px;
	height: 200px;
	padding: 60px 50px;
	background-color: #f4f4f6;
}

.family02-box01 .family-info h4 {
	margin-bottom: 30px;
	color: #111;
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
}

.family02-box01 .family-info .btn-link {
	position: absolute;
	bottom: 60px;
}

.family02-box01 .familyinfo-box {
	width: 1100px;
	height: 320px;
	margin: 0 auto 80px;
}

.family-brand-tab {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 75px;
	border-bottom: 1px solid #838383;
	overflow: hidden;
}

.family-brand-tab ul li {
	float: left;
	width: 243px;
	height: 243px;
	margin-left: 40px;
	border: 1px solid #fff;
	cursor: pointer;
}

.family-brand-tab ul li:first-child {
	margin: 0;
}

.family-brand-tab ul li.on {
	border-color: #24262a;
}

.family-brand-warp {
	width: 1100px;
	margin: 0 auto;
}

.family-brand-warp h4 {
	margin-bottom: 30px;
	color: #111;
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
}

.family-brand-warp h4 span {
	color: #ff6a00;
	font-size: 18px;
	font-weight: 400;
}

.family-brand-warp .fambrand-box {
	padding: 60px 0 32px;
	border-bottom: 1px solid #838383;
}

.family-brand-warp .fambrand-box .fam-txt {
	color: #666;
	font-size: 16px;
}

.family-brand-warp .fambrand-box .brand-menu {
	width: 1128px;
	margin-left: -28px;
	margin-top: 60px;
	overflow: hidden;
}

.family-brand-warp .fambrand-box .brand-menu li {
	float: left;
	width: 490px;
	margin: 0 0 28px 28px;
	padding: 22px;
	border: 1px solid #e1e1e1;
}

.family-brand-warp .fambrand-box .brand-menu li>div {
	float: left;
}

.family-brand-warp .fambrand-box .brand-menu li .menu-info {
	margin-left: 30px;
}

.family-brand-warp .fambrand-box .brand-menu li .menu-info>span {
	display: block;
}

.family-brand-warp .fambrand-box .brand-menu li .menu-info>span.menu-type
	{
	padding: 15px 0;
	color: #ff6a00;
	font-family: "roboto";
	font-size: 16px;
	font-weight: 700;
}

.family-brand-warp .fambrand-box .brand-menu li .menu-info>span.menu-name
	{
	margin-bottom: 10px;
	color: #333;
	font-size: 20px;
	font-weight: 500;
}

.family-brand-warp .fambrand-box .brand-menu li .menu-info>span.menu-eng
	{
	padding-top: 15px;
	color: #999;
	font-family: "roboto";
	font-size: 13px;
	font-weight: 400;
	background: url("../images/family/menu_eng_line.gif") no-repeat top left;
	letter-spacing: 0;
}

.family-brand-warp .family-branch {
	position: relative;
	padding: 60px 0 32px;
}

.family-brand-warp .family-branch .branch-tab {
	position: absolute;
	top: 60px;
	right: 0;
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-tab li {
	float: left;
	margin-left: 10px;
}

.family-brand-warp .family-branch .branch-tab li a {
	display: block;
	width: 90px;
	height: 38px;
	line-height: 38px;
	color: #111;
	font-size: 16px;
	text-align: center;
	border: 1px solid #111;
}

.family-brand-warp .family-branch .branch-tab li.on a {
	color: #fff;
	border-color: #ff6a00;
	background: #ff6a00;
}

.family-brand-warp>ul>li {
	display: none;
}

.family-brand-warp>ul>li.active {
	display: block;
}

.family-brand-warp .family-branch .branch-list>li {
	display: none;
}

.family-brand-warp .family-branch .branch-list>li.active {
	display: block;
}

.family-brand-warp .family-branch .branch-box {
	height: 369px;
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-box .branch-info {
	float: left;
	width: 337px;
	height: 239px;
	padding: 65px 50px;
	color: #fff;
	background: url("../images/family/branch_bg.jpg") no-repeat top left;
}

.family-brand-warp .family-branch .branch-box .branch-info.branch02 {
	background: url("../images/family/branch_bg2.jpg") no-repeat top left;
}

.family-brand-warp .family-branch .branch-box .branch-info.branch03 {
	background: url("../images/family/branch_bg3.jpg") no-repeat top left;
}

.family-brand-warp .family-branch .branch-box .branch-info.branch04 {
	background: url("../images/family/branch_bg4.jpg") no-repeat top left;
}

.family-brand-warp .family-branch .branch-box .branch-info h5 {
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: 32px;
	font-weight: 400;
	background: url("../images/family/branch_tit_line.gif") no-repeat bottom
		left;
}

.family-brand-warp .family-branch .branch-box .branch-info p {
	margin-bottom: 40px;
	font-size: 13px;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img {
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img li
	{
	float: left;
	width: 88px;
	height: 74px;
	margin-left: 10px;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a
	{
	display: block;
	width: 88px;
	height: 72px;
	padding: 1px;
	position: relative;
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a:hover
	{
	padding: 0;
	border: 1px solid #fff;
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a.on
	{
	padding: 0;
	border: 1px solid #fff;
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a.on img
	{
	margin-top: -75px;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img.none li a.on img
	{
	margin-top: 0;
}

.family-brand-warp .family-branch .branch-box .branch-info .branch-img.none img
	{
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 150%;
	min-height: 100%;
	transform: translate(-50%, -50%)
}

.family-brand-warp .family-branch .branch-box .branch-viewer {
	float: left;
	width: 663px;
	overflow: hidden;
}

.family-brand-warp .family-branch .branch-box .branch-viewer li {
	display: none;
	position: relative;
	height: 373px
}

.family-brand-warp .family-branch .branch-box .branch-viewer li:first-child
	{
	display: block;
}

.family-brand-warp .family-branch .branch-box .branch-viewer img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/* family03 */
.family03-box01 {
	padding: 60px 0;
	border-top: 2px solid #444;
	overflow: hidden;
}

.family03-box01 .familyinfo-box {
	overflow: hidden;
}

.family03-box01 .familyinfo-box>div {
	float: left;
}

.family03-box01 .familyinfo-box .family-info {
	width: 440px;
	height: 300px;
	padding: 60px;
	background: url("../images/family/family03_box01.jpg") no-repeat;
}

.family03-box01 .familyinfo-box .family-info h4 {
	margin-bottom: 40px;
	padding-bottom: 40px;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	background: url("../images/family/family03_line.jpg") no-repeat left
		bottom
}

.family03-box01 .familyinfo-box .family-info p {
	color: #fff;
	line-height: 26px;
}

.family03-box01 .familyinfo-box .family-logo {
	width: 580px;
}

.family03-box02, .family-history {
	width: 1100px;
	margin: 0 auto 40px;
	border-bottom: 1px solid #838383;
}

.family03-box02 h4, .family03-box03 h4, .family-history h4 {
	margin-bottom: 25px;
	color: #333;
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
}

.family03-box02 p, .family03-box03 p, .family-history p {
	margin-bottom: 45px;
	color: #666;
	line-height: 24px;
}

.family03-box02 ul {
	margin-bottom: 40px;
	overflow: hidden;
}

.family03-box02 ul li {
	float: left;
	margin-left: 14px;
}

.family03-box02 ul li:first-child {
	margin: 0;
}

.family03-box03 h4 {
	width: 1100px;
	margin: 0 auto 40px;
}

.family03-box03 .tab-con li {
	display: none;
	text-align: center;
}

.family03-box03 .tab-con li.active {
	display: block;
}

.family-history .history-list {
	margin-bottom: 60px;
	overflow: hidden;
}

.family-history .history-list .history-table1 {
	float: left;
	width: 520px;
}

.family-history .history-list .history-table2 {
	float: right;
	width: 560px;
}

.family-history .history-list table tr {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.family-history .history-list table th {
	width: 85px;
	padding: 20px 0;
	color: #333;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
}

.family-history .history-list table td {
	padding: 20px 0;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	vertical-align: top;
}

.family-history .history-list table td.month {
	width: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333;
	font-weight: 500;
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 center;
}

.family-history .history-list table td.month.type01 {
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 33px;
}

.family-history .history-list table td.month.type02 {
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 32px;
}

/* family04 */
.family04-box01 {
	padding: 60px 0;
	border-top: 2px solid #444;
	overflow: hidden;
}

.family04-box01 .familyinfo-box {
	overflow: hidden;
}

.family04-box01 .familyinfo-box>div {
	float: left;
}

.family04-box01 .familyinfo-box .family-info {
	width: 440px;
	height: 300px;
	padding: 60px;
	background: url("../images/family/family04_box01.jpg") no-repeat;
}

.family04-box01 .familyinfo-box .family-info h4 {
	margin-bottom: 40px;
	padding-bottom: 40px;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	background: url("../images/family/family03_line.jpg") no-repeat left
		bottom
}

.family04-box01 .familyinfo-box .family-info p {
	color: #fff;
	line-height: 26px;
}

.family04-box01 .familyinfo-box .family-logo {
	width: 580px;
}

.family04-box02, .family04-box03 {
	width: 1100px;
	margin: 0 auto 60px;
}

.family04-box02 h4, .family04-box03 h4 {
	margin-bottom: 25px;
	color: #333;
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
}

.family04-box02 p, .family04-box03 p {
	margin-bottom: 45px;
	color: #666;
	line-height: 24px;
}

.family04-box02 table, .family04-box03 table {
	border-top: 1px solid #838383;
	border-bottom: 1px solid #838383;
}

.family04-box02 table th {
	padding: 13px 0 13px 30px;
	font-size: 14px;
	background: #f6f6f8;
	font-weight: 400;
	text-align: left;
	border-top: 1px solid #ebebeb;
}

.family04-box02 table td {
	padding: 13px 0 13px 30px;
	font-size: 14px;
	border-top: 1px solid #ebebeb;
}

.family04-box02 table tr:first-child th, .family04-box02 table tr:first-child td
	{
	border-top: 1px solid #838383;
}

.family04-box03 h4 {
	width: 1100px;
	margin: 0 auto 40px;
	padding-top: 20px;
}

.family04-box03 table thead th {
	padding: 13px 0 13px 0;
	font-size: 14px;
	background: #f6f6f8;
	font-weight: 400;
	border-top: 1px solid #838383;
	border-bottom: 1px solid #ebebeb;
	background: #f6f6f8 url("../images/company/table_line.png") no-repeat 0
		center;
}

.family04-box03 table thead th:first-child {
	background: #f6f6f8;
}

.family04-box03 table tbody td {
	padding: 20px 35px;
	border-left: 1px solid #ebebeb;
}

.family04-box03 table tbody td:first-child {
	border: 0 none;
}

.family04-box03 .table-list li {
	padding-left: 10px;
	background: url("../images/icon/ico_nav_dot3.png") no-repeat center left;
}

.family04-box04 h4 {
	width: 1100px;
	margin: 0 auto 40px;
	color: #333;
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
}

.family04-box04 .tab-con {
	text-align: center;
}

/*directions*/
.directions-mapbox {
	width: 1100px;
	margin: 0 auto;
	padding-top: 78px;
}

.directions-mapbox #directionsMap {
	width: 1100px;
	height: 620px;
	margin: 0 auto;
}

.contact {
	width: 1100px;
	margin: 0 auto;
	padding: 35px 0;
	overflow: hidden;
}

.contact .address {
	float: left;
	padding-left: 32px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	background: url("../images/icon/ico_map.png") no-repeat center left;
}

.contact .number {
	float: inline-end;
	color: #666;
	font-size: 14px;
	padding-left: 20px;
}

.contact .number .tel {
	padding-left: 28px;
	background: url("../images/icon/ico_tel.png") no-repeat center left;
}

.contact .number .fax {
	margin-left: 25px;
	padding-left: 26px;
	background: url("../images/icon/ico_fax.png") no-repeat center left;
}

.contact .map {
	width: 150px;
	height: 25px;
	display: flex;
	float: right;
    justify-content: space-between;
}

.navigation {
	width: 1100px;
	margin: 0 auto;
	padding: 40px 0 20px;
	border-top: 1px solid #e1e1e1;
}

.navigation h4 {
	margin-bottom: 30px;
	color: #111;
	font-size: 18px;
	font-weight: 400;
}

.navigation dl {
	margin-bottom: 20px;
}

.navigation dt {
	margin-bottom: 10px;
	color: #111;
	font-size: 16px;
	font-weight: 400;
}

.navigation dd {
	padding-left: 10px;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	background: url("../images/icon/ico_nav_dot.png") no-repeat 2px 10px;
}

.navigation dd span {
	color: #ff6a00;
}

.directions-search {
	width: 1018px;
	margin: 50px auto 60px;
	padding: 40px;
	background: #f4f4f6;
	border: 1px solid #e1e1e1;
	text-align: center;
}

.directions-search p {
	margin-bottom: 20px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
}

.directions-search p strong {
	color: #ff6a00;
	font-weight: 400;
}

.directions-search-list h4 {
	margin-bottom: 30px;
	color: #333;
	font-size: 26px;
	font-weight: 500;
}

.directions-search-list table {
	border-top: 1px solid #838383;
	border-bottom: 1px solid #838383;
}

.directions-search-list table th {
	height: 50px;
	color: #333;
	font-size: 14px;
	background: #f6f6f8 url("../images/company/table_line.png") no-repeat 0
		center;
}

.directions-search-list table th:first-child {
	background: #f6f6f8;
}

.directions-search-list table td {
	padding: 10px 0;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	border-top: 1px solid #ebebeb;
	text-align: center;
}

/* company */
.company-tab {
	overflow: hidden;
}

.company-tab * {
	box-sizing: border-box;
}

.company-tab li {
	position: relative;
	float: left;
	width: 227px;
	height: 58px;
	line-height: 58px;
	margin-left: -1px;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ff6a00;
}

.company-tab li:first-child {
	width: 226px;
	margin: 0;
}

.company-tab li.on {
	border-color: #ff6a00;
	border-bottom: 0;
	z-index: 5;
}

.company-tab li a {
	display: block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
}

.company-tab li.on a {
	color: #ff6a00;
}

.company-tab.col3 li {
	width: 33.3333333333333%
}

.company-list>ul>li {
	display: none;
}

.company-list>ul>li.active {
	display: block;
}

/* .company-intro {width:1100px; height:1920px; margin:80px auto 0; background:url("../images/company/intro_bg.jpg") no-repeat;}
.company-intro p.intro-txt {color:#666; font-size:16px; line-height:24px;}
.company-intro p.intro-txt strong {display:block; color:#ff6a00; font-size:18px; line-height:26px; font-weight:400; margin-bottom:15px;}
.company-intro p.intro-txt.txt02 {margin:50px 0 0 665px;}
.company-intro p.intro-txt.txt03 {margin-top:220px;}
.company-intro p.intro-txt.txt04 {margin-top:140px}
.company-intro p.intro-txt.txt05 {margin:100px 0 0 600px;} */
.company-intro-wrap {
	margin: 80px auto 0;
}

.company-intro-wrap .introUl li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 25px 0;
}

.company-intro-wrap .introUl li:first-child {
	padding-top: 0;
}

.company-intro-wrap .introUl li:nth-child(3) {
	display: block;
	margin: 100px 0;
	padding: 90px 0;
	position: relative;
}

.company-intro-wrap .introUl li:nth-child(3)::after {
	content: '';
	display: block;
	width: 500%;
	height: 100%;
	background: #fff6f1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.company-intro-wrap .introUl li .txt {
	box-sizing: border-box;
}

.company-intro-wrap .introUl li:first-child .txt {
	width: 760px;
	padding: 20px 0 0 20px;
}

.company-intro-wrap .introUl li:nth-child(2) .txt {
	width: 50%;
	order: 2;
}

.company-intro-wrap .introUl li:last-child .txt {
	width: 490px;
}

.company-intro-wrap .introUl li .txt h3 {
	margin-bottom: 25px;
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2;
}

.company-intro-wrap .introUl li .txt h3 span {
	color: #e86000;
}

.company-intro-wrap .introUl li .txt h3 span.bb {
	font-weight: 700;
}

.company-intro-wrap .introUl li .txt h3 b {
	font-weight: 500;
}

.company-intro-wrap .introUl li:nth-child(3) .txt h3 {
	text-align: center;
}

.company-intro-wrap .introUl li .txt p {
	color: #666;
}

.company-intro-wrap .introUl li:first-child .img {
	margin-top: -20px;
	margin-left: -75px;
}

.company-intro-wrap .introUl li:nth-child(2) .img {
	order: 1;
}

.company-intro-wrap .introUl li:nth-child(3) .img {
	margin: 40px 0 30px;
	text-align: center;
}

.company-ceo {
	width: 1100px;
	height: 650px;
	margin: 80px auto 0;
	background: url("../images/company/ceo_bg.jpg") no-repeat 550px 0;
}

.company-ceo h4 {
	margin-bottom: 50px;
	color: #333;
	font-size: 34px;
	line-height: 46px;
}

.company-ceo h4 strong {
	color: #333;
	font-weight: 400;
}

.company-ceo p.ceo-txt {
	color: #666;
	font-size: 16px;
	line-height: 24px;
}

.company-ceo p.ceo-txt span {
	color: #333;
}

.company-ceo p.ceo-txt.txt01 {
	margin-bottom: 50px;
	color: #333;
	font-size: 18px;
	font-weight: 500;
}

.company-vision {
	width: 1100px;
	margin: 0 auto;
}

.company-vision h4 {
	margin-bottom: 40px;
	color: #333;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
}

.company-vision p.vision-tit {
	margin-bottom: 20px;
	color: #ff6400;
	font-size: 20px;
	line-height: 32px;
}

.company-vision p.vision-txt {
	margin-bottom: 50px;
	color: #666;
	font-size: 16px;
	line-height: 24px;
}

.company-vision .vision-area01 {
	padding: 80px 0 40px 550px;
	border-bottom: 1px solid #e1e1e1;
	background: url("../images/company/vision_img01.jpg") no-repeat;
}

.company-vision .vision-area01 ul li {
	margin-bottom: 30px;
	padding-left: 20px;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	background: url("../images/icon/ico_nav_dot2.png") no-repeat 6px 11px;
}

.company-vision .vision-area01 ul li strong {
	display: block;
	color: #111;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
}

.company-vision .vision-area02 {
	position: relative;
	padding: 80px 0 40px 550px;
	background: url("../images/company/vision_img02.jpg") no-repeat 0 -20px;
}

.company-vision .vision-img {
	position: absolute;
	top: -70px;
	left: 0;
}

.company-ci {
	width: 1100px;
	margin: 80px auto 0;
}

.company-ci h4 {
	margin-bottom: 15px;
	color: #333;
	font-size: 24px;
	line-height: 26px;
	font-weight: 500;
}

.company-ci p.ci-txt {
	margin-bottom: 60px;
	color: #666;
	font-size: 16px;
	line-height: 24px;
}

.company-ci .ci-img01 {
	margin-bottom: 80px;
}

.company-ci .ci-img {
	margin-bottom: 30px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e1e1e1;
}

.company-ci .ci-btn-box a {
	display: block;
	width: 105px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #242424;
}

.company-history {
	width: 1100px;
	margin: 80px auto 0;
}

.company-history h4 {
	margin-bottom: 60px;
	color: #333;
	font-family: "roboto";
	font-size: 46px;
	font-weight: 500;
	text-align: center;
}

.company-history .history-tab {
	width: 560px;
	margin: 0 auto 40px;
	overflow: hidden;
}

.company-history .history-tab li {
	float: left;
	width: 100px;
	margin: 0 20px;
	color: #bebebe;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	border-bottom: 3px solid #e9e9e9;
	text-align: center;
	cursor: pointer;
}

.company-history .history-tab li.on {
	color: #ff6a00;
	border-color: #ff6a00;
}

.company-history .history-list {
	overflow: hidden;
}

.company-history .history-list .history-table1 {
	float: left;
	width: 520px;
}

.company-history .history-list .history-table2 {
	float: right;
	width: 560px;
}

.company-history .history-list table tr {
	border-bottom: 1px solid #e1e1e1;
}

.company-history .history-list table th {
	width: 100px;
	padding: 25px 0;
	color: #333;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
}

.company-history .history-list table td {
	padding: 25px 0;
	color: #666;
	font-size: 16px;
	line-height: 26px;
	vertical-align: top;
}

.company-history .history-list table td.month {
	width: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333;
	font-weight: 500;
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 center;
}

.company-history .history-list table td.month.type01 {
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 33px;
}

.company-history .history-list table td.month.type02 {
	background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 32px;
}

/* 역사관 */
#hWrap {
	width: 1140px;
	height: 728px;
}

#hHeader {
	position: relative;
	z-index: 99;
}

#hHeader h2 {
	position: fixed;
	top: 36px;
	left: 40px;
}

#hHeader .h-anchor {
	position: fixed;
	top: 100px;
	left: 40px;
}

#hHeader .h-anchor>ul>li {
	padding-left: 30px;
	background: url("../images/history/slide_list.png") no-repeat 0 11px;
	cursor: pointer;
}

#hHeader .h-anchor>ul>li.on {
	background: url("../images/history/slide_list_on.png") no-repeat 0 11px;
}

#hHeader .h-anchor>ul>li:hover {
	background: url("../images/history/slide_list_on.png") no-repeat 0 11px;
}

#hHeader .h-anchor>ul>li>ul {
	display: none;
}

#hHeader .h-anchor>ul>li.on>ul {
	display: block;
}

#hHeader .h-anchor>ul>li:hover>ul, #hHeader .h-anchor>ul>li.on>ul {
	display: block;
}

#hHeader .h-anchor>ul>li.on>strong a {
	color: #fbcf58;
	font-weight: 400;
}

#hHeader .h-anchor strong a {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
}

#hHeader .h-anchor a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

#hHeader .h-anchor a.on {
	color: #fbcf58;
}

#hHeader .h-anchor a:hover {
	color: #fbcf58;
}

#hBody {
	width: 100%;
	height: 100%;
	color: #fff;
}

#hBody>div {
	position: relative;
}

#hBody>div#s11 {
	overflow: hidden;
}

#hBody>div#s11 .hs {
	width: 300%;
	overflow: hidden;
}

#hBody>div#s11 .hs>li {
	float: left;
	width: 1140px;
	height: 728px;
}

#hBody>div#s11 .slideBtn {
	position: absolute;
	top: 125px;
	left: 1061px;
}

#hBody>div#s11 .slideBtn li a {
	display: block;
	width: 17px;
	height: 18px;
	margin-bottom: 15px;
	overflow: hidden;
}

#hBody>div#s11 .slideBtn li a.active img {
	margin-top: -20px;
}

#hBody>div#s11 .slideBtn li a:hover img {
	margin-top: -20px;
}

#hBody>div#s12 .btn-link {
	position: absolute;
	top: 475px;
	left: 480px;
	display: block;
	width: 190px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 20px;
	background: #ff6a00;
	text-align: center;
	font-weight: 400;
}

#incident .bx-wrapper {
	position: relative;
	height: 728px;
}

#incident .bx-wrapper .bx-prev {
	left: 50px;
	background: url(../images/history/hslide_arr01.png) no-repeat 0 0;
}

#incident .bx-wrapper .bx-next {
	right: 50px;
	background: url(../images/history/hslide_arr02.png) no-repeat 0 0;
}

#incident .bx-wrapper .bx-prev:hover {
	background-position: 0 -80px;
}

#incident .bx-wrapper .bx-next:hover {
	background-position: 0 -80px;
}

#incident .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -46px;
	outline: 0;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	z-index: 9999;
}

#incident .bx-wrapper .bx-controls-direction a.disabled {
	opacity: 0.6;
	filter: alpha(opacity = 50);
}

/* affiliate */
.table-box {
	width: 1100px;
	margin: 0 auto 60px;
	overflow: hidden;
}

.table-box h4 {
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
}

.table-box table {
	border-bottom: 1px solid #838383;
}

.table-box table thead tr:first-child th, .table-box table thead tr:first-child td
	{
	border-top: 1px solid #838383;
}

.table-box table thead th {
	padding: 15px 30px;
	height: 20px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #dedede;
	background: #f6f6f8;
}

.table-box table thead td {
	padding: 15px 30px;
	height: 20px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #dedede;
}

.table-box table tbody tr:first-child th, .table-box table tbody tr:first-child td
	{
	border-top: 1px solid #838383;
}

.table-box table tbody th {
	padding: 15px 30px;
	height: 20px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	border-top: 1px solid #dedede;
	background: #f6f6f8;
}

.table-box table tbody td {
	padding: 15px 30px;
	height: 20px;
	color: #666;
	font-size: 14px;
	border-top: 1px solid #dedede;
}

.table-box.type01 h4 {
	margin-bottom: 15px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
}

.table-box.type01>div {
	float: left;
}

.table-box.type01>div.box-right {
	float: right;
}

.table-box.type01>div strong {
	display: block;
	margin: 0 0 15px 5px;
	color: #666;
	font-size: 18px;
	font-weight: 400;
}

.table-box.type02 table td {
	text-align: center;
}

.table-box.type03 table thead th {
	text-align: center;
	background: #f6f6f8 url("../images/icon/ico_table_bar.gif") no-repeat
		center left;
}

.table-box.type03 table thead th:first-child {
	background: #f6f6f8;
}

.table-box.type03 table tfoot th {
	padding: 15px 30px;
	height: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #ff6a00;
	background-color: #ff6a00;
}

.table-box.type03 table tfoot td {
	padding: 15px 30px;
	height: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #838383;
	background-color: #919191;
}

.table-box.type03 table tbody th {
	text-align: center;
	font-weight: 300;
	border-right: 1px solid #dedede;
	background-color: #fff;
}

.table-box.type03 table tbody td {
	text-align: center;
	border-right: 1px solid #dedede;
}

.table-box.type04 .sel-box01 {
	float: left;
}

.table-box.type04 .table-coment {
	float: right;
	color: #666;
	font-size: 13px;
	margin-top: 25px
}

.table-box.type04 table {
	clear: both;
}

.table-box.type04 table thead th {
	text-align: center;
	background: #f6f6f8 url("../images/icon/ico_table_bar.gif") no-repeat
		center left;
}

.table-box.type04 table thead th:first-child {
	background: #f6f6f8;
}

.table-box.type04 table tbody th {
	padding: 15px 5px;
	text-align: center;
	border-right: 1px solid #dedede;
	letter-spacing: -1px;
}

.table-box.type04 table tbody td {
	padding: 15px 10px;
	text-align: center;
	border-left: 1px solid #dedede;
	letter-spacing: -1px;
}

.table-box.type05 table thead th {
	padding: 15px 30px;
	height: 20px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	border-left: 1px solid #dedede;
	background: #f6f6f8;
}

.table-box.type05 table thead th:first-child {
	border-left: 0 none;
}

.table-box.type05 table tbody td {
	text-align: center;
	border-left: 1px solid #dedede;
	letter-spacing: -1px;
}
/* .table-box.type05 table tbody td:first-child {border-left:0 none;} */
.aff-title {
	position: relative;
	width: 1100px;
	margin: 0 auto 60px;
	background-color: #f4f4f6;
	overflow: hidden;
}

.intro-box {
	width: 1100px;
	margin: 0 auto 60px;
}

.aff-title>div {
	float: left;
}

.aff-title .aff-txt {
	width: 498px;
	padding: 50px 0 0 52px;
}

.aff-title .aff-txt h4 {
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
}

.aff-title .aff-txt h4 strong {
	display: block;
	margin-bottom: 20px;
	color: #ff6a00;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
}

.aff-title .aff-txt h4 span {
	font-weight: 300;
}

.aff-title .aff-txt p {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.7px;
}

.aff-title .aff-txt .aff-btn {
	position: absolute;
	top: 310px;
}

.aff-title .aff-txt a {
	display: inline-block;
	height: 40px;
	line-height: 39px;
	margin-right: 5px;
	padding: 0 45px 0 19px;
	color: #fff;
	font-size: 16px;
}

.aff-title .aff-txt a.btn01 {
	background: #4f4f4f url("../images/icon/ico_btn_arrow.png") no-repeat
		90% center;
}

.aff-title .aff-txt a.btn02 {
	background: #7f7f7f url("../images/icon/ico_btn_arrow.png") no-repeat
		90% center;
}

.aff-title .aff-txt a.btn03 {
	background: #4f4f4f url("../images/icon/ico_btn_arrow.png") no-repeat
		85% center;
}

.aff-contents {
	width: 1100px;
	margin: 0 auto 60px;
	overflow: hidden;
	word-break: keep-all;
}

.aff-contents h4 {
	padding-bottom: 30px;
	margin-bottom: 60px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
	border-bottom: 1px solid #838383;
}

.aff-contents .imgbox {
	text-align: center;
}

.aff-slide>ul {
	width: 550px;
	height: 415px;
	overflow: hidden;
}

.aff-slide>ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px;
	opacity: 0;
	filter: alpha(opacity = 0);
	transition: opacity 0.5s ease-in;
}

.aff-slide>ul li.on {
	opacity: 1;
	filter: alpha(opacity = 100);
	transition: opacity 0.5s ease-in;
}

.aff-slide .control {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 15px 0 0;
	background: #fff;
	z-index: 100;
}

.aff-slide .control>a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	background: url("../images/icon/ico_slide_control.png") no-repeat;
	vertical-align: top;
}

.aff-slide .control>a.on {
	width: 26px;
	background: url("../images/icon/ico_slide_control2_on.png") no-repeat;
}

/* factory */
.factory-video {
	width: 1100px;
	margin: 0 auto 60px;
	overflow: hidden;
}

.factory-video h4 {
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
}

.factory-video a {
	position: relative;
	display: inline-block;
}

.factory-video a img {
	width: 792px;
	height: 446px;
}

.factory-video a span {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	filter: alpha(opacity = 100);
	z-index: 10;
	transition: opacity 0.3s;
}

.factory-video a span.dim-video {
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 9;
}

.factory-video a:hover span.dim-video {
	opacity: 1;
	filter: alpha(opacity = 100);
	transition: opacity 0.3s;
}

.factory-contents {
	width: 1100px;
	margin: 0 auto 60px;
	overflow: hidden;
}

.factory-contents h4 {
	margin-bottom: 40px;
	padding-bottom: 30px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
	border-bottom: 1px solid #838383;
}

/* finance */
.graph-wrap {
	width: 1140px;
	margin: 0 auto 30px;
	overflow: hidden;
}

.graph-wrap h4 {
	margin-bottom: 10px;
	padding-bottom: 15px;
	color: #333;
	font-size: 22px;
	font-weight: 400;
	border-bottom: 1px solid #dedede;
}

.graph-wrap .graph {
	width: 530px;
	margin: 0 20px;
	float: left;
}

.graph table {
	width: 490px;
	margin: 0 0 0 20px;
	font-family: "roboto";
}

.graph table th {
	height: 40px;
	color: #666;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	letter-spacing: -1px;
}

.graph table td.active {
	height: 65px;
}

.graph table td .line {
	position: relative;
	width: 0;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	background-color: #dedede;
	text-indent: 10px;
}

.graph table td .line.on {
	background-color: #ff6a00;
}

.graph table td .line.on .num {
	top: 22px;
	left: -10px;
	width: 400px;
	color: #ff6a00;
	font-size: 16px;
}

.graph table td .line .num {
	position: absolute;
	right: 10px;
	line-height: 20px;
	color: #666;
	font-weight: 400;
	letter-spacing: -0.5px;
}

/* csrList */
.csr-banner {
	padding-top: 80px;
	border-top: 2px solid #444;
}

.csr-banner>div {
	width: 1065px;
	height: 503px;
	padding: 70px 0 0 75px;
	background: url("../images/company/csr_bg.jpg") no-repeat;
}

.csr-banner h4 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 60px;
	line-height: 80px;
}

.csr-banner h4 span {
	display: block;
	font-size: 26px;
	line-height: 50px;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.csr-banner p {
	margin-bottom: 40px;
	color: #fff;
	line-height: 20px;
}

.csr-banner ul {
	overflow: hidden;
}

.csr-banner ul li {
	float: left;
	margin: 0 10px 0 0;
}

.csr-video {
	border-bottom: 1px solid #999;
}

.csr-video .media-list {
	padding: 30px 0;
}

.csr-video .media-list li>.title-date .date {
	position: relative;
	margin-top: 10px;
}

.csr-video .media-wrap .title-date .date {
	position: relative;
}

/* recruit */
.recruit-visual {
	padding: 30px 0 90px;
}

.recruit-visual h4 {
	margin-bottom: 30px;
	font-size: 50px;
	font-weight: 400;
	text-align: center;
}

.recruit-visual h4 strong {
	color: #ff6a00;
	font-weight: 400;
}

.recruit-visual p {
	margin-bottom: 60px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}

.recruit-visual div {
	text-align: center;
}

.recruit-information {
	padding: 60px 0 80px;
	border-top: 1px solid #838383;
}

.recruit-information h4 {
	margin-bottom: 25px;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
}

.recruit-information p {
	margin-bottom: 50px;
	font-size: 16px;
	text-align: center;
}

.recruit-information div {
	text-align: center;
}

.tab-recruit {
	margin-bottom: 60px;
}

.tab-recruit>ul {
	overflow: hidden;
}

.tab-recruit>ul>li {
	position: relative;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-left: -1px;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ff6a00;
}

.tab-recruit>ul>li:first-child {
	margin: 0;
}

.tab-recruit>ul>li.on {
	height: 58px;
	line-height: 58px;
	border: 1px solid #ff6a00;
	border-top: 1px solid #ff6a00;
	border-bottom: 0;
	z-index: 1;
}

.tab-recruit>ul>li a {
	display: block;
	color: #333;
	font-weight: 400;
}

.tab-recruit>ul>li.on a {
	color: #ff6a00;
}

.board-list .recruit-table th {
	border-top: 2px solid #333;
}

.board-list .recruit-table td {
	font-family: "Noto sans";
	font-weight: 400;
	overflow: hidden;
}

.board-list .recruit-table td.num {
	font-family: "roboto";
}

.board-list .recruit-table td.subject a {
	line-height: 24px;
	color: #333;
	font-weight: 400;
}

.board-list .recruit-table td.subject a span {
	float: left;
	width: 44px;
	height: 24px;
	padding: 0;
	margin-right: 7px;
	color: transparent;
	font-size: 0px;
	text-indent: -9999px;
}

.board-list .recruit-table td.subject a span.rec-type01 {
	background: url("../images/recruit/recruit_t01.png") no-repeat 0 center;
}

.board-list .recruit-table td.subject a span.rec-type02 {
	background: url("../images/recruit/recruit_t02.png") no-repeat 0 center;
}

.board-list .recruit-table td.subject a span.rec-type03 {
	background: url("../images/recruit/recruit_t03.png") no-repeat 0 center;
}

.board-list .recruit-table td.subject a span.rec-type04 {
	background: url("../images/recruit/recruit_t04.png") no-repeat 0 center;
}

.board-list .recruit-table td.rec-date {
	font-family: "roboto";
}

.board-list .recruit-table td.rec-state.on {
	color: #333;
}

.board-list .recruit-table td.rec-apply a {
	display: block;
	width: 65px;
	height: 22px;
	margin: 0 auto;
	line-height: 22px;
	color: #7d7d7d;
	font-size: 13px;
	text-align: center;
	border: 1px solid #dedede;
	border-radius: 4px;
}

.board-view.recruit .num-title .title {
	
}

.board-view.recruit .num-title .title span {
	float: left;
	width: 44px;
	height: 26px;
	padding: 0;
	margin-right: 20px;
	color: transparent;
	font-size: 0px;
	text-indent: -9999px;
}

.board-view.recruit .num-title .title span.rec-type01 {
	background: url("../images/recruit/recruit_t01.png") no-repeat 0 center;
}

.board-view.recruit .num-title .title span.rec-type02 {
	background: url("../images/recruit/recruit_t02.png") no-repeat 0 center;
}

.board-view.recruit .num-title .title span.rec-type03 {
	background: url("../images/recruit/recruit_t03.png") no-repeat 0 center;
}

.board-view.recruit .num-title .title span.rec-type04 {
	background: url("../images/recruit/recruit_t04.png") no-repeat 0 center;
}

.board-view.recruit .num-title .date {
	padding-left: 64px;
}

/* recruit-write */
.resume>div {
	position: relative;
	margin-bottom: 60px;
}

.resume>div div.resume-box {
	position: relative;
}

.resume h4 {
	margin-bottom: 30px;
	color: #111;
	font-size: 22px;
	font-weight: 500;
}

.resume h4 span {
	margin-left: 15px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
}

.resume h4 a.hint {
	position: relative;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	vertical-align: top;
}

.resume h4 a.hint img {
	margin: 7px 0 0 5px;
	vertical-align: top;
}

.resume .hint-box {
	display: none;
	position: absolute;
	top: 0;
	left: 30px;
	padding-left: 6px;
	background: url("../images/icon/ico_hint.png") no-repeat 0 13px;
	word-break: keep-all;
}

.resume .hint-box p {
	padding: 10px 12px;
	border-radius: 5px;
	background: #ff6a00;
}

.resume h5 {
	margin-bottom: 20px;
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.resume input[type=text] {
	font-size: 14px;
	font-weight: 300;
	height: 38px;
	line-height: 38px;
	vertical-align: top;
}

.resume input[type=radio] {
	display: none;
	margin-left: 20px;
}

.resume input[type=radio]:first-child {
	margin-left: 0
}

.resume input[type=radio]:first-child+label {
	margin-left: 0;
}

.resume input[type=checkbox] {
	display: none;
}

.resume label {
	margin-left: 10px;
	padding-left: 25px;
	background: url("../images/common/radio_off.png") no-repeat left center;
	cursor: pointer;
}

.resume label.selected {
	background: url("../images/common/radio_on.png") no-repeat left center;
}

.resume label.check-label {
	background: url("../images/common/checkbox_off.png") no-repeat left
		center;
}

.resume label.check-label.selected {
	background: url("../images/common/checkbox_on.png") no-repeat left
		center;
}

.resume textarea {
	font-size: 14px;
	font-weight: 300;
	height: 22px;
	line-height: 22px;
	resize: none;
}

.resume table {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 32px;
	border-top: 2px solid #000;
}

.resume table thead th {
	height: 60px;
	padding: 0 20px;
	line-height: 60px;
	font-weight: 400;
	background: #f4f4f6;
}

.resume table tbody tr {
	border-bottom: 1px solid #e1e1e1;
}

.resume table tbody th, .resume table tbody td {
	padding: 10px 20px;
}

.resume table tbody th {
	padding-left: 30px;
	font-weight: 400;
	text-align: left;
	background-color: #f4f4f6;
}

.resume table tbody th.ts {
	background: #f4f4f6 url("../images/icon/ico_ts.png") no-repeat 20px
		center;
}

.resume table tbody td {
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
}

.resume table tbody td a.btn01 {
	display: inline-block;
	height: 40px;
	margin-left: 2px;
	padding: 0 20px;
	color: #fff;
	line-height: 40px;
	background: #7f7f7f;
	vertical-align: top;
}

.resume table td .division01 {
	margin-bottom: 10px;
}

.resume table td a.input-add, .resume table td a.input-del {
	margin-left: 2px;
}

.resume table td a.input-add img, .resume table td a.input-del img {
	vertical-align: middle;
}

.resume .nation-checkbox {
	display: inline;
	margin-left: 15px;
}

.resume .nation {
	margin-left: 40px;
	font-size: 16px;
}

.resume .nation input {
	margin-left: 5px;
}

.resume .rectablebox {
	padding: 20px;
	border-top: 2px solid #111;
}

.resume .rectablebox h5 {
	margin-bottom: 15px;
}

.resume .rectablebox textarea {
	margin-bottom: 30px;
}

.resume .design-select-box {
	margin: 0 3px;
	vertical-align: top;
}

.resume .design-select-box:first-child {
	margin: 0 3px 0 0;
}

.resume .design-select-box .select-title>a {
	font-size: 14px;
}

.resume .resume-comment {
	font-size: 14px;
	color: #999;
	line-height: 22px;
}

.resume .bo-file {
	position: relative;
	margin-bottom: 5px;
}

.resume .bo-file input[type=file] {
	width: 88px;
	height: 38px;
	padding: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
}

.resume .bo-file label {
	display: block;
	position: absolute;
	top: 0;
	left: 409px;
	width: 90px;
	height: 40px;
	margin: 0;
	padding: 0;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #7f7f7f;
	cursor: pointer;
}

.resume .bo-file a.btn-file-add {
	position: absolute;
	top: 0;
	left: 504px;
}

.resume .bo-file a.btn-file-del {
	position: absolute;
	top: 0;
	left: 549px;
}

.resume .resume-report .bo-file {
	position: relative;
	height: 40px;
	margin-bottom: 0;
}

.resume .resume-portfolio .bo-file {
	position: relative;
	height: 40px;
	margin-bottom: 0;
}

.resume-agree {
	text-align: center;
}

.resume-agree .btn-type05 {
	margin-top: 25px;
}

.resume-agree .btn-type05 a {
	display: inline-block;
	width: 188px;
	height: 54px;
	margin: 0 5px;
	font-size: 20px;
	line-height: 56px;
	font-weight: 400;
	border: 1px solid #7f7f7f;
}

.resume-agree .btn-type05 .btn01 {
	color: #666;
	background: #fff;
}

.resume-agree .btn-type05 .btn02 {
	color: #fff;
	font-size: 20px;
	line-height: 56px;
	border-color: #ff6a00;
	background: #ff6a00;
}

.resume-agree input[type=checkbox] {
	display: none;
}

.resume-agree label {
	margin-left: 10px;
	padding-left: 25px;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	background: url("../images/common/radio_off.png") no-repeat left center;
	cursor: pointer;
}

.resume-agree label.selected {
	background: url("../images/common/radio_on.png") no-repeat left center;
}

.resume-agree label.check-label {
	background: url("../images/common/checkbox_off.png") no-repeat left
		center;
}

.resume-agree label.check-label.selected {
	background: url("../images/common/checkbox_on.png") no-repeat left
		center;
}

.btn-resume {
	position: absolute;
	right: 0;
	bottom: -60px;
	text-align: right;
}

.btn-resume a {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	line-height: 40px;
	background: #242424;
}

.btn-resume2 {
	position: absolute;
	right: 0;
	top: -10px;
	text-align: right;
}

.btn-resume2 .btn01 {
	display: inline-block;
	margin-top: 10px;
	padding: 0 10px;
	color: #333;
	font-size: 13px;
	line-height: 28px;
	border: 1px solid #dedede;
	border-radius: 3px;
	background: #fff;
	vertical-align: top;
}

.recruit-inquiry input[type=text] {
	font-size: 14px;
	font-weight: 300;
	height: 38px;
	line-height: 38px;
	vertical-align: top;
}

.recruit-inquiry table {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 32px;
	border-top: 2px solid #000;
}

.recruit-inquiry table thead th {
	height: 60px;
	padding: 0 20px;
	line-height: 60px;
	font-weight: 400;
	background: #f4f4f6;
}

.recruit-inquiry table tbody tr {
	border-bottom: 1px solid #e1e1e1;
}

.recruit-inquiry table tbody th, .recruit-inquiry table tbody td {
	padding: 10px 20px;
}

.recruit-inquiry table tbody th {
	padding-left: 30px;
	font-weight: 400;
	text-align: left;
	background-color: #f4f4f6;
}

.recruit-inquiry table tbody td {
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
}

.recruit-inquiry .design-select-box {
	vertical-align: top;
}

.recruit-inquiry .design-select-box .select-title>a {
	font-size: 14px;
}

.recruit-inquiry .comment {
	margin-bottom: 15px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
}

/* 20191213 */
.brand02-product.brand03_black .visual {
	height: 460px;
	background: url("../images/brand/brand03_visual_new.jpg") no-repeat
		right 0;
}

.brand03-story_black {
	height: 1160px;
	background: url("../images/brand/img_jja.jpg") no-repeat 0 52px;
}

.brand03-story_black>div {
	position: relative;
	margin-top: 50px;
}

.brand03-story_black>div:first-child {
	margin-top: 0;
}

.brand03-story_black h4 {
	position: relative;
	margin-left: 0;
	margin-bottom: 25px;
	color: #111;
	font-family: "roboto";
	font-size: 56px;
	font-weight: 700;
	line-height: 60px;
}

.brand03-story_black h4:after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	margin-top: 25px;
	font-size: 0;
	line-height: 0;
	background: #b2b2b2;
}

.brand03-story_black .text01 {
	margin-bottom: 20px;
	color: #333;
	font-size: 36px;
	line-height: 40px;
}

.brand03-story_black .text01 span {
	color: #ff6a00;
	font-weight: 400;
}

.brand03-story_black .text02 {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.brand03-story_black .text-box01 {
	padding: 0 40px;
}

.brand03-story_black .text-box02 {
	margin-top: 80px;
	padding: 0 40px 0 470px;
}

.brand03-story_black .text-box03 {
	width: 550px;
	margin-top: 90px;
	padding: 0 40px;
	text-align: right;
}

/* 20191216 */
.thumb-list {
	margin-bottom: 20px;
	text-align: center;
}

.thumb-list.left {
	padding-left: 35px;
	text-align: left;
}

.thumb-list li {
	display: inline-block;
	padding: 0 32px;
	position: relative;
}

.thumb-list li figure {
	text-align: center;
	margin: 0;
	padding: 0;
}

.thumb-list li p {
	font-size: 16px;
	margin-top: 15px;
}

.thumb-list li strong {
	
}

.thumb-list.arrow li:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	background: url('/asset/images/company/milling_thumb_arrow.png')
		no-repeat center;
}

.thumb-list.arrow li:fist-child:before {
	display: none;
}

.aff-contents h5 {
	margin-bottom: 20px;
}

/* 20200217 */
.family02-box01 .familyinfo-box {
	background: #f4f4f6;
}

.family02-box01 .family-info {
	padding: 30px 20px 20px 50px;
	width: 480px;
}

.family02-box01 .family-info .btn-link {
	position: static;
}

.thumb-list.box figure img {
	border: 1px solid #cecece;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both
}

.press_pd {
	margin-top: 80px !important;
	font-weight: 400;
	color: #666
}

.tit-st1 {
	font-size: 26px;
	font-weight: 700;
	color: #000;
	line-height: 1.15;
	margin-bottom: 30px;
}

.tit-st1.border {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.tit-st2 {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 21px;
	position: relative;
}

.tit-st2 .ab {
	position: absolute;
	right: 0;
	bottom: 0
}

.bg-gold {
	background: #ddbf87;
	color: #fff
}

.bg-navy {
	background: #305973;
	color: #fff
}

.bg-orange {
	background: #ff6a00;
	color: #fff
}

.color-orange {
	color: #ff6a00
}

.color-navy {
	color: #305973
}

.color-black {
	color: #222
}

.group_w .group {
	margin-top: 80px;
}

.group_w .group:first-child {
	margin-top: 0;
}

.group_w .sect {
	margin-top: 70px;
}

.contri1_2 {
	padding-right: 115px;
}

.contri1_2 .in {
	display: flex
}

.contri1_2 .in .img {
	float: left;
	width: 30%
}

.contri1_2 .in .cont {
	float: right;
	width: 70%
}

.contri1_2 .txt {
	font-size: 18px;
	letter-spacing: -0.093em;
}

.contri1_2 .cont>ul {
	margin: 40px 0 20px;
}

.contri1_2 .cont>ul>li {
	margin-top: 35px;
}

.contri1_2 .cont>ul>li:first-child {
	margin-top: 0;
}

.group_w .group.patner .txt {
	letter-spacing: -0.03em;
}

.contri1_2 .cont>ul>li {
	display: table;
	width: 100%
}

.contri1_2 .cont>ul>li>* {
	display: table-cell;
	vertical-align: middle;
}

.contri1_2 .l {
	text-align: center;
	width: 21%;
	padding-right: 50px;
}

.contri1_2 .l>* {
	display: block;
}

.contri1_2 .l img {
	margin: 0 auto;
}

.contri1_2 .l span {
	margin-top: 10px;
	font-weight: 400;
	display: block;
	line-height: 1.15;
}

.contri1_2 .r {
	color: #888;
	width: 80%;
	text-align: justify
}

.contri1_2 .right {
	text-align: right;
}

.contri1_2 .t {
	font-weight: 700;
	color: #000
}

.contri1_2 .t strong {
	font-size: 30px;
}

.contri1_2 .t2 {
	margin-top: 10px;
}

.contri1_2 .btn a {
	margin-top: 30px;
	background: #888;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px
}

.group_w .group.patner {
	position: relative;
}

.group_w .group.patner .right {
	position: absolute;
	right: 0;
	bottom: 0;
}

.tab_cont_w .tab_cont {
	display: none;
}

.tab_cont_w .tab_cont:first-child {
	display: block;
}

.bul-decimal {
	margin-left: 1em;
}

.bul-decimal>li {
	position: relative;
	margin-top: 5px;
	list-style: decimal;
}

.bul-decimal>li:first-child {
	margin-top: 0;
}

.bul-decimal2>li {
	margin-top: 5px;
}

.bul-decimal2>li:first-child {
	margin-top: 0
}

.bul-decimal2>li>span {
	margin-right: 15px
}

.bul-mark>li {
	margin-top: 0.3em;
}

.bul-mark>li:first-child {
	margin-top: 0;
}

.bul-mark>li, .bul-mark.b {
	padding-left: 1.33em;
	position: relative;
	display: block;
}

.bul-mark>li:before, .bul-mark.b:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '※'
}

.env1 .txt, .env2 .txt {
	margin-bottom: 40px;
}

.env1 .box {
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 70px 0 70px 50px;
	font-weight: 400;
	color: #000
}

.env1 .box>* {
	display: inline-block;
	vertical-align: middle;
}

.env1 .box ol {
	margin-left: 45px;
}

.env1 .box li {
	font-size: 18px;
	margin-top: 10px;
}

.env2 img {
	display: block;
	margin: 0 auto;
}

.ehs_certi {
	display: flex;
	flex-wrap: wrap;
}

.ehs_certi li {
	display: block;
	width: calc(33.3333% - 20px);
	margin-left: 30px;
}

.ehs_certi li:first-child {
	margin-left: 0;
}

.ehs_certi li .img img {
	width: 100%;
}

.ehs_certi li .top {
	margin-top: 30px;
	margin-bottom: 20px;
}

.ehs_certi li .top>* {
	display: block;
}

.ehs_certi li .top .t2 {
	font-weight: 700;
	font-size: 22px;
	color: #333
}

.ehs_certi .txt {
	font-weight: 400;
	word-break: keep-all;
}

.ehs_certi .txt span {
	color: #a4a4a4;
}

.inner {
	width: 1140px;
	margin: 0 auto;
}

.env2_1 .txt {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 50px;
	line-height: 1.15;
}

.env2_1 .img img {
	display: block;
	margin: 0 auto;
}

.env2_1 .improve {
	text-align: center;
}

.env2_1 .improve * {
	box-sizing: border-box
}

.env2_1 .improve>li {
	float: left;
	width: 35.333333333333333%;
	margin: 0 -2%;
}

.env2_1 .improve .y1 {
	margin-top: 126px;
}

.env2_1 .improve .y2 {
	margin-top: 63px;
}

.env2_1 .improve .year {
	font-weight: 700;
	color: #000;
	font-size: 22px;
	margin-bottom: 18px;
	line-height: 1;
}

.env2_1 .improve .tit {
	border-radius: 100px;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 30px;
	height: 70px;
	line-height: 70px;
}

.env2_1 .improve .bul-dash {
	text-align: left;
	margin: 0 70px;
	color: #000;
	font-weight: 400;
}

.env2_1 .improve .bul-dash li {
	font-size: 18px;
	margin-top: 10px;
}

.env2_1 .improve .bul-dash li:first-child {
	margin-top: 0;
}

/* .env2_2{background: #f9f9f9; padding: 93px 0} */
.env2_5 .prog {
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.env2_5 .prog li {
	width: 551px;
}

.env2_5 .prog li p {
	padding: 20px 0;
}

.press-ico {
	color: #666;
	word-break: keep-all
}

.press-ico.col2 {
	margin: -30px 0 0 -3%;
	display: flex;
	flex-wrap: wrap
}

.press-ico.col2>li {
	float: left;
	width: 47%;
	margin: 30px 0 0 3%;
}

.press-ico>li {
	display: table;
	width: 100%;
	margin-top: 50px;
}

.press-ico li:first-child {
	margin-top: 30px;
}

.press-ico li>* {
	display: table-cell;
	vertical-align: top;
}

.press-ico .ico {
	width: 207px
}

.press-ico .t {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 18px;
}

.press-ico.bg .ico span {
	background: #f7f7f7
}

.press-ico.col2 .ico {
	width: auto;
	padding-right: 30px;
}

.press-ico.col2 .ico span {
	width: 120px;
	height: 120px
}

.press-ico .ico span {
	position: relative;
	background: #fff;
	border-radius: 50%;
	width: 155px;
	height: 155px;
	display: block;
	border: 1px solid #cacaca;
}

.press-ico .ico span img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.press-ico.bg .ico span {
	border: none;
}

.press-ico.bgWt .ico span {
	border: none;
}

.env_det * {
	box-sizing: border-box
}

.env_det>li {
	position: relative;
	width: 33.3333333333333%;
	float: left;
	padding-left: 20px;
	display: flex;
	flex-wrap: wrap;
}

.env_det>li:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	background: #ccc;
	content: '';
	height: 140px;
}

.env_det>li:first-child:before {
	background: none
}

.env_det>li:last-child:before {
	background: none
}
/* .env_det > li > *{display: table-cell; vertical-align: top;} */
.env_det>li>.sub {
	width: 100%;
	text-align: right;
	margin-top: 45px;
}

.env_det>li>.sub span {
	color: #a4a4a4
}

.env_det .ico {
	text-align: center;
	width: 130px
}

.env_det .ico .e {
	display: block;
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px;
	color: #ff6a00
}

.env_det li:last-child {
	flex-wrap: wrap;
	justify-content: center;
}

.env_det .txt .t, .env_det .txt .num {
	font-weight: 700;
	color: #000;
	font-size: 22px;
}

.env_det .txt strong {
	font-size: 55px;
}

.env_det .txt_r {
	text-align: right;
	color: #999;
	font-size: 14px;
	margin-top: 50px;
	font-weight: 400;
}

.cont-dev {
	display: table;
	width: 100%
}

.cont-dev>* {
	display: table-cell;
	vertical-align: top;
}

.cont-dev .t {
	width: 248px
}

.env2_4 .img {
	margin: 50px 0;
}

.bg_layout {
	background: #f9f9f9;
	padding: 80px 0
}

.env3_2 .dia {
	margin: 50px 0;
}

.env3_2 .dia img {
	display: block;
	margin: 0 auto;
}

.improve_dev_w {
	max-width: 875px;
	margin: 0 auto;
}

.imporove_dev * {
	box-sizing: border-box
}

.imporove_dev {
	margin-left: -2%;
	display: flex;
	flex-wrap: wrap
}

.imporove_dev>li {
	float: left;
	width: 31.33333%;
	margin-left: 2%;
	border: 1px solid #ccc;
	padding: 30px 20px 50px;
	border-radius: 5px;
	background: #fff
}

.imporove_dev .top {
	text-align: center;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;;
}

.imporove_dev .top>* {
	display: block;
}

.imporove_dev strong {
	font-size: 22px;
	margin-bottom: 10px;
}

.btn-down-st1 {
	background: #305973;
	display: inline-block;
	font-size: 18px;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	line-height: 1.15;
	font-weight: 500;
	color: #fff;
	min-width: 267px
}

.btn-down-st1 span {
	display: inline-block;
	padding-right: 35px;
	background: url('../images/common/ico-down.png') right center no-repeat;
}

.btn-down-st2 {
	background: #305973;
	display: inline-block;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 10px;
	text-align: center;
	line-height: 1.15;
	font-weight: 500;
	color: #fff
}

.btn-down-st2 span {
	display: inline-block;
	padding-right: 25px;
	background: url('../images/common/ico-down.png') right center no-repeat;
	background-size: 14px
}

.down_layout {
	position: relative;
	padding-right: 345px;
	min-height: 63px;
	word-break: keep-all;
}

.down_layout .btn-down-st1 {
	position: absolute;
	right: 0;
	top: 0;
	width: 267px;
	padding: 10px 20px 12px;
	font-size: 16px;
	box-sizing: border-box;
}

.env3_2 .imgs {
	text-align: center;
}

.env3_2 .imgs>li {
	float: right;
}

.env3_2 .imgs>li:first-child {
	float: left;
}

.env3_2 .imgs span {
	display: block;
	margin-top: 20px;
}

.env-plan * {
	box-sizing: border-box
}

.env-plan {
	margin-left: -2%;
	color: #666
}

.env-plan>li {
	float: left;
	width: 48%;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 0 0 2% 2%;
	padding: 30px;
	display: table;
	float: left;
}

.env-plan>li>* {
	display: table-cell;
	vertical-align: middle;
}

.env-plan .l {
	font-weight: 700;
	font-size: 22px;
	width: 250px;
	text-align: center;
	color: #000
}

.env-plan .r .s {
	margin-top: 30px;
}

.env-plan .r .s:first-child {
	margin-top: 0;
}

.env-plan .r .t {
	margin-bottom: 10px;
	display: block;
}

.env_det {
	color: #666
}

.env_det.li2>li {
	width: 33.3333%
}

.env_det .none {
	padding-left: 80px;
}

.env_det .add {
	margin-top: 20px;
	font-size: 14px;
	color: #888
}

.ethics1 .press-ico {
	margin: 30px 0 0 53px;
}

.ethics2 {
	color: #666
}

.ethics2 .dev>li {
	float: right;
	width: 48%
}

.ethics2 .dev>li:first-child {
	float: left;
}

.box-ethics {
	border: 1px solid #e07529;
	border-radius: 25px;
	background: #fff url('../images/press/e_bg.gif') right bottom no-repeat;
	padding: 50px;
	color: #666;
	font-weight: 400;
	margin-top: 20px;
	background-size: auto 100%;
	line-height: 1.8;
}

.box-ethics .e1 {
	font-size: 20px;
}

.box-ethics .e1>li {
	margin-top: 5px;
	padding-left: 48px;
	background: url('') left center no-repeat;
	font-size: 20px;
}

.box-ethics .e1>li:first-child {
	margin-top: 0;
}

.box-ethics .e1>li.mail {
	background-image: url('../images/press/ico-mail2.png')
}

.box-ethics .e1>li.mail2 {
	background-image: url('../images/press/ico-mail.png')
}

.box-ethics .e2 {
	margin-top: 40px;
}

.box-ethics .e2 a {
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	line-height: 1.15;
	margin-left: 15px;
}

.box-ethics .e2 li {
	margin-top: 5px;
}

.box-ethics .e2 li:first-child {
	margin-top: 0;
}

.tbl-st1 {
	border-top: 3px solid #305973;
	color: #666;
	position: relative;
}

.tbl-st1:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	content: '';
	background: #fff
}

.tbl-st1 th {
	text-align: center;
	color: #305973;
	font-size: 16px;
	padding: 30px 15px;
	background: #f9f9f9;
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.tbl-st1 td {
	padding: 20px;
	text-align: center;
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 16px;
}

.tbl-st1 td.tal {
	text-align: left;
}

.tbl-st1 td.tar {
	text-align: right;
}

.tbl-st1 .th {
	background: #f9f9f9;
	font-weight: 700;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.ethics_program .img {
	margin: 59px;
}

.ethics_program .img img {
	display: block;
	margin: 0 auto;
}

.bul-dot>li, .bul-dot>dd {
	position: relative;
	padding-left: .78em;
	margin-top: .3em;
	line-height: 1.5;
}

.bul-dot>li:before, .bul-dot>dd:before {
	position: absolute;
	left: 0;
	top: .7em;
	width: 3px;
	height: 3px;;
	content: '';
	background: #666
}

.bul-dot>li:first-child {
	margin-top: 0 !important;
}

.bul-dot.grey li:before {
	background: #999
}

.bul-dash>li {
	position: relative;
	padding-left: .78em;
	margin-top: .3em;
	line-height: 1.5;
}

.bul-dash>li:before {
	position: absolute;
	left: 0;
	top: 0;;
	content: '-';
}

.bul-dash>li:first-child {
	margin-top: 0 !important;
}

.bul-dash.navy>li:before {
	color: #305973
}

.e_box {
	color: #666
}

.e_box * {
	box-sizing: border-box
}

.e_box>li {
	position: relative;
	padding: 50px 280px 50px 60px;
	border: 1px solid #ccc;
	border-radius: 30px;
	margin-top: 20px;
}

.e_box>li:first-child {
	margin-top: 0;
}

.e_box .ico {
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translateY(-50%)
}

.e_box .ico img {
	display: block;
}

.e_box .bul-dot>li {
	margin-top: 15px;
}

.e_box .bul-dot>li ul {
	margin-top: 10px;
}

.e_box .bul-dot>li li {
	font-size: 14px;
	margin-top: 5px;
}

.e_box .bul-dot>li li:first-child {
	margin-top: 0;
}

.ethics_process * {
	box-sizing: border-box
}

.ethics_process {
	margin-left: -2%;
	color: #fff;
	text-align: center;
	display: flex;
	word-break: keep-all;
	font-weight: 400;
}

.ethics_process>li {
	float: left;
	width: 12.2857142857%;
	margin-left: 2%;
	background: #ff6a00;
	border-radius: 15px;
	padding: 20px 5px 59px;
	position: relative;
}

.ethics_process>li:before {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #555; /* 화살표 */
	content: '';
	left: -15px;
	top: 50%;
}

.ethics_process>li:first-child:before {
	border: 0
}

.ethics_process .step {
	display: block;
	color: #ffe9da;
	margin-bottom: 20px;
}

.ethics_process .txt {
	display: table;
	font-size: 22px;
	line-height: 1.15;
	width: 100%;
	height: 75px
}

.ethics_process .txt>span {
	display: table-cell;
	vertical-align: middle;
}

.arrow-up {
	width: 0;
	height: 0;
	border-bottom: 20px solid purple; /* 화살표 */
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.arrow-down {
	width: 0;
	height: 0;
	border-top: 20px solid purple; /* 화살표 */
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.arrow-left {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid purple; /* 화살표 */
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid purple; /* 화살표 */
}

.ethics_bot {
	border-radius: 15px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 60px 0;
	display: table;
	width: 100%;
	color: #666;
	font-weight: 400;
}

.ethics_bot>* {
	display: table-cell;
	vertical-align: top;
}

.ethics_bot .t {
	width: 250px;
	text-align: center;
}

.ethics_bot .cont li {
	padding-left: 30px;
	margin-top: 15px;
	background: url('../images/common/ico-ck.png') left center no-repeat
}

.ethics_bot .cont li:first-child {
	margin-top: 0;
}

.ethics_bot.orange .cont li {
	background-image: url('../images/common/ico-ck_o.png')
}

.btn-down_w {
	margin-top: 40px;
	text-align: center;
}

.btn-down_w>* {
	margin: 0 5px;
}

.esg strong {
	font-weight: 500;
}

.small-txt {
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

.small-txt * {
	font-size: inherit;
}

.tbl-st1 th {
	white-space: nowrap;
}

.consumer_page {
	padding-top: 50px;
	border-top: 2px solid #333;
	color: #666
}

.e_box2 {
	color: #000;
	font-weight: 400;
}

.e_box2 * {
	box-sizing: border-box
}

.e_box2>li {
	position: relative;
	padding: 30px 0 30px 80px;
	border: 1px solid #ccc;
	border-radius: 30px;
	margin-top: 20px;
	display: table;
	width: 100%
}

.e_box2>li:first-child {
	margin-top: 0;
}

.e_box2>li>* {
	display: table-cell;
	vertical-align: middle;
}

.e_box2>li>span {
	width: 285px
}

.e_box2 img {
	display: block;
}

.e_box2 .bul-decimal2>li {
	margin-top: 15px;
	font-size: 18px;
}

.e_box2 .bul-decimal2>li ul {
	margin-top: 10px;
}

.e_box2 .bul-decimal2>li li {
	font-size: 14px;
	margin-top: 5px;
}

.e_box2 .bul-decimal2>li li:first-child {
	margin-top: 0;
}

.e_box2.ccm>li {
	padding: 40px;
}

.e_box2.ccm>li>span {
	width: 190px;
}

.e_box2.ccm>li div p {
	color: #666;
}

.e_box3 {
	margin-top: 20px;
	padding: 30px;
	border-radius: 30px;
	border: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
}

.e_box3>li {
	color: #000;
	font-weight: 400;
	font-size: 22px;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

.e_box3>li:nth-child(-n+2) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.e_box3>li:nth-child(odd) {
	border-right: 1px solid #ccc;
}

.e_box3>li:nth-child(n+3) {
	padding-top: 30px;
}

.consumer_page .e_box3 {
	margin: 60px 0 120px;
}

.cunsumer_logo {
	display: flex;
	justify-content: space-between;
}

.cunsumer_logo li {
	width: 48%;
}

.cunsumer_logo li img.cunsumer_border {
	border: 1px solid #ccc;
}
/* .cunsumer_logo li{padding: 50px 0; border-bottom: 1px solid #ccc; position: relative; padding-right: 335px;} */
.cunsumer_logo li:last-child {
	border-bottom: 0;
}

.cunsumer_logo .img {
	position: relative;
	margin: 50px 0 70px;
}

.cunsumer_logo .img .logoH {
	position: absolute;
	bottom: -70px;
	right: 0;
}

.cunsumer_logo .img .logoF {
	position: absolute;
	bottom: -25px;
	right: 0;
}

.cunsumer_logo .top {
	margin-bottom: 30px;
}

.cunsumer_logo .top>* {
	display: block;
}

.cunsumer_logo .top .t {
	font-weight: 700
}

.cunsumer_logo .top .t2 {
	font-weight: 700;
	font-size: 22px;
	color: #333
}

.cunsumer_logo .top .t3 {
	color: #a4a4a4;
	font-size: 14px;
	margin-top: 0;
}

.cunsumer_logo .txt {
	font-weight: 400;
}

.cunsumer_logo .txt span {
	color: #a4a4a4;
}

.env2_6 .cunsumer_logo .txt span em {
	display: inline-block;
	vertical-align: text-top;
}

.ir1 .box {
	border: 1px solid #ccc;
	padding: 40px;
	position: relative;
}

.ir1 .box img {
	display: block;
	margin: 0 auto;
}

.ir1 .box .ab {
	position: absolute;
	left: 40px;
	bottom: 40px;
	color: #999;
	font-weight: 400;
}

.font_com {
	font-weight: 400;
	color: #666;
	line-height: 1.5;
}

.sound_page .top {
	position: relative;
	display: table;
	width: 100%;
	color: #000
}

.sound_page .top>* {
	display: table-cell;
	vertical-align: middle;
}

.sound_page .top .txt {
	width: 500px;
	word-break: keep-all
}

.sound_page .top .big {
	font-size: 26px;
}

.sound_page .top .mark span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #305973;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	margin-right: 5px;
}

.sound_page .top .img img {
	float: right;
}

.sound_steps {
	margin-left: -5%;
	display: flex
}

.sound_steps>li {
	float: left;
	width: 20%;
	margin-left: 5%;
	background: #305973;
	color: #fff;
	border-radius: 15px;
	text-align: center;;
	padding: 30px 15px;
	position: relative;
}

.sound_steps img {
	display: block;
	margin: 0 auto;
}

.sound_steps>li:before {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #555; /* 화살표 */
	content: '';
	left: -35px;
	top: 50%;
}

.sound_steps>li:first-child:before {
	border: 0
}

.sound_steps .ico {
	margin: 30px 0;
}

.sound_steps li>span {
	font-weight: 400;
}

.sound_steps .ico {
	margin: 30px 0;
}

.sound_steps .big {
	font-size: 22px;
	font-weight: 700;
}

.sound_steps .small {
	display: block;
	color: #afc2cf;
	margin-top: 10px;
}

.sound_rec {
	color: #fff
}

.sound_rec * {
	box-sizing: border-box
}

.sound_rec>ul {
	font-size: 0;
	text-align: center;
}

.sound_rec>ul>li {
	width: 330px;
	height: 330px;
	border-radius: 50%;
	margin: 0 -10px;
	display: inline-block;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, .3);
	vertical-align: middle;
	border: 1px solid #ff6a00;
	position: relative;
}

.sound_rec li>* {
	display: block;
}

.sound_rec li {
	padding-top: 70px;
}

.sound_rec .t {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 1;
}

.sound_rec .tel {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 1;
}

.sound_rec .bg1 {
	background: rgba(255, 106, 0, .87) url('../images/sound/b1.png') bottom
		center no-repeat;
	z-index: 1
}

.sound_rec .bg2 {
	background: #fff url('../images/sound/b3.png') bottom center no-repeat
}

.sound_rec .bg3 {
	background: rgba(255, 106, 0, .87) url('../images/sound/b2.png') bottom
		center no-repeat
}

.sound_rec .btn a {
	display: inline-block;
	padding: 10px;
	border-radius: 5px
}

.box-sound {
	border: 1px solid #ff6a00;
	border-radius: 15px;
	background: #fff url('../images/sound/img.jpg') right top no-repeat;
	padding: 70px
}

.box-sound .big {
	font-size: 20px;
	font-weight: 500;
}

.box-sound .btn a {
	display: inline-block;
	padding: 5px;
	border-radius: 5px
}

.tbl-st2 {
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.tbl-st2 th {
	background: #305973;
	color: #fff;
	font-size: 22px;
	padding: 10px;
	text-align: center;
	border-left: 5px solid #fff;
}

.tbl-st2 td {
	border-bottom: 1px solid #ccc;
	color: #305973;
	font-size: 20px;
	padding: 20px 10px;
	text-align: center;
}

.tbl-st2 th.bl0 {
	border-left: 0;
}

.overview_page * {
	box-sizing: border-box
}

.overview_page .top {
	background: url('../images/press/overview.jpg') right center no-repeat;
	color: #fff;
	padding: 130px 15px;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	position: relative;
}

.overview_page .top .border {
	border-bottom: 2px solid #fff;
}

.overview_page .topImg {
	margin: 50px 0 70px;
}

.overview_page .topImg img {
	width: 100%;
}

.overview_page .dev>li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.overview_page .dev .l {
	order: 1;
}

.overview_page .dev .r {
	order: 2;
}

.overview_page .dev>li>* {
	width: 50%
}

.overview_page .cont {
	padding: 0 50px 0 55px
}

.overview_page .t {
	display: block;
}

.overview_page .txt {
	margin: 12px 0 25px;
}

.overview_page .icon-wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.overview_page .icon-wrap ul li {
	width: 132px;
	text-align: center;
}

.overview_page .icon-wrap ul li .icon {
	margin: 0 0 5px;
}

.overview_page .icon-wrap ul li p {
	font-size: 15px;
	color: #323232;
	line-height: 1.3;
}

.overview_page .icon-wrap ul li span {
	font-size: 13px;
}

.overview_page .more {
	float: right;
}

.overview_page .more a {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px
}

.press_pb {
	padding-bottom: 100px;
}

.env_btn_w {
	text-align: center;
	margin-top: 30px;
}

.his_ul li {
	margin-top: 15px
}

.his_ul li:first-child {
	margin-top: 0;
}

/* 220811 지속가능경영 관련 css 추가 */
.envBox {
	margin-bottom: 50px;
}

.committee_ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.committee_ul_txt {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.committee_ul_txt li {
	width: 33.3333%;
	text-align: center;
}

.committee_ul_txt li:first-child {
	width: 66.6666%;
}

.ethics_bot.flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px;
}

.ethics_bot.flexBox>div {
	width: calc(50% - 35px);
}

.ethics_bot.flexBox .cont li {
	background-position: left top;
}

.ethics_bot.flexBox .tbl-st1 {
	border-top: none;
}

.ethics_bot.flexBox .tbl-st1 table {
	border-top: 3px solid #305973;
}

.ethics_bot.flexBox .tbl-st1 th {
	padding: 10px;
}

.ethics_bot.flexBox .tbl-st1 td {
	padding: 10px;
}

.txtFlex {
	display: flex;
	flex-wrap: wrap;
}

.txtFlex .img {
	width: 50%;
	text-align: center;
}

.txtFlex .txt {
	width: 50%;
}

.tit-st1.border p {
	display: inline-block;
	margin-left: 15px;
	font-weight: normal;
	color: #5b5b5b;
	line-height: 2.2;
}

.contri1_2 {
	padding-right: 0;
}

.contri1_2 .in {
	align-items: center;
}

.contri1_2 .in .img {
	width: 270px;
}

.contri1_2 .in .cont {
	width: calc(100% - 270px);
}

.contri1_2 .cont>ul {
	margin: 0;
}

.contri1_2 .cont>ul.mt10 {
	margin-top: 10px;
}

.contri1_2 .cont>ul.mt20 {
	margin-top: 20px;
}

.contri1_2 .cont>ul.mt30 {
	margin-top: 30px;
}

.contri1_2 .cont>ul.mt40 {
	margin-top: 40px;
}

.contri1_2 .cont>ul>li>* {
	display: block;
}

.contri1_2 .cont>ul>li.flexBox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.contri1_2 .cont>ul>li.flexBox .l {
	width: 180px;
	padding: 0;
}

.contri1_2 .cont>ul>li.flexBox .l span {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
}

.contri1_2 .cont>ul>li.flexBox .r {
	width: calc(100% - 180px);
}

.down_layout h6 {
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

.down_layout h6 p {
	display: inline-block;
	margin-left: 15px;
	font-weight: normal;
	color: #5b5b5b;
	line-height: 2.2;
}

.contri1_2 .btn a {
	width: 267px;
	box-sizing: border-box;
	background: #305973;
	padding: 8px 20px 9px;
	text-align: center;
	border-radius: 10px;
}

.env_det {
	margin-bottom: 60px;
}

.env_det>li {
	padding-left: 0;
}

.env_det>li:last-child {
	width: 66.6666%;
}

.env_det .txt {
	width: calc(100% - 130px);
	padding-left: 20px;
}

.env_det>li:last-child .txt {
	width: calc(50% - 65px);
}

img {
	max-width: 100%
}

/* .soundtrack-tab.tab-type04.col3 li{width:50% !important;} */
/* .soundtrack-tab.tab-type04.col3 li:last-child{pointer-events: none;} */
.soundtrack-popup {
	position: relative;
	z-index: 49;
	min-width: 1140px;
	width: 100%;
	height: calc(100% - 141px);
	background: #000;
}

.soundtrack-popup .soundtrack-popup-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	min-width: 1140px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity ease-in 1.5s;
	background: url("../images/event/promotion_poster_02.jpg") no-repeat 50%
		0;
	background-size: cover;
}

.soundtrack-popup .popup-close {
	position: absolute;
	top: 0;
	right: 0;
}

.soundtrack-popup .video {
	position: absolute;
	top: 498px;
	left: 50%;
	margin-left: -321px;
	z-index: 1;
	transform: scale(0.8);
	opacity: 0;
}

.soundtrack-popup .video-bg {
	width: 902px;
	margin: 0 auto;
	padding: 90px 0 210px;
	text-align: center;
}

.soundtrack-popup .video-bg img:first-child {
	transform: scale(0.3);
	opacity: 0;
}

.soundtrack-popup .video-bg img:last-child {
	transform: scale(0.8);
	opacity: 0;
}

@
keyframes fade-effect { 0% {
	transform: scale(0.3);
	opacity: 0;
}

25%
{
transform


:scale


(0
.7


);
opacity


:


0
.8


;
}
40%
{
transform


:scale(1)


;
opacity


:


1;
}
}
@
keyframes wow-effect { 0% {
	transform: scale(0.7);
	opacity: 0;
}

25%
{
transform


:scale(1)


;
opacity


:


0
.8


;
}
40%
{
transform


:scale


(0
.9


);
opacity


:


1;
}
55%
{
transform


:scale(1)


;
opacity


:


1;
}
}
@
keyframes wow2-effect { 0% {
	transform: scale(0.7);
	opacity: 0;
	top: 492px;
}

25%
{
transform


:scale(1)


;
opacity


:


0
.8


;
top


:

 

498
px


;
}
40%
{
transform


:scale


(0
.9


);
opacity


:


1;
top


:

 

497
px


;
}
55%
{
transform


:scale(1)


;
opacity


:


1;
top


:

 

498
px


;
}
}
.soundtrack-popup.on .soundtrack-popup-bg {
	opacity: 1;
}

.soundtrack-popup.on .video {
	animation: wow2-effect 1.5s ease-out;
	animation-delay: 1s;
	transform: scale(1);
	opacity: 1;
	animation-fill-mode: both;
}

.soundtrack-popup.on .video-bg img:first-child {
	animation: fade-effect 1s ease-out;
	animation-delay: 0.7s;
	transform: scale(1);
	opacity: 1;
	animation-fill-mode: both;
}

.soundtrack-popup.on .video-bg img:last-child {
	margin-top: 30px;
	animation: wow-effect 1.5s ease-out;
	animation-delay: 1s;
	transform: scale(1);
	opacity: 1;
	animation-fill-mode: both;
}

.soundtrack-popup .btn-wrap {
	position: absolute;
	bottom: 160px;
	left: 50%;
	margin-left: -320px;
}

.soundtrack-popup .map-show-btn {
	background: none;
	border: none;
}

.event-map-popup {
	width: 1024px;
	height: calc(100% - 200px);
	position: fixed;
	top: 170px;
	left: 50%;
	margin-left: -512px;
	z-index: 50;
	overflow: auto;
	display: none;
	border: 3px solid #000;
}

.event-map-popup .popup-close {
	position: absolute;
	top: 0;
	right: 0;
}

.sub-title01.soundtrack {
	height: auto;
	text-align: center;
}

.sub-title01.soundtrack h3 {
	float: none;
}

.sub-title01.soundtrack p {
	float: none;
}

.soundtrack-list>ul {
	margin-top: 60px;
}

.soundtrack-list>ul>li {
	display: none;
	position: relative;
}

.soundtrack-list>ul>li.active {
	display: block
}

.act1_03 {
	margin: 38px 0;
	padding: 38px 25px;
	border-top: 2px solid #000;
	color: #333;
}

.show-wrap>ul::after {
	content: "";
	display: block;
	clear: both;
}

.show-wrap>ul>li {
	float: left;
	width: calc(100% - 256px);
	margin-left: 40px;
}

.show-wrap>ul>li.poster {
	width: 216px;
	margin-left: 0;
}

.show-wrap>ul>li.poster img {
	display: block;
}

.show-wrap>ul>li h5 {
	font-size: 25px;
	font-weight: 400;
	margin-top: 9px;
	color: #000;
}

.show-wrap>ul>li .show-info {
	margin-top: 10px;
}

.show-wrap>ul>li .show-info th {
	width: 62px;
	text-align: justify;
	vertical-align: top;
	font-weight: 400;
	letter-spacing: 0.7px;
	padding: 6px 0;
}

.show-wrap>ul>li .show-info th::after {
	content: "";
	display: inline-block;
	width: 100%;
}

.show-wrap>ul>li .show-info td {
	padding: 6px 0 6px 30px;
}

.go-youtube-btn {
	display: block;
	width: 200px;
	margin: 30px auto;
	padding: 6px 0 7px;
	text-align: center;
	color: #000;
	background: none;
	border: 1px solid #ccc;
	font-weight: 400;
	border-radius: 10px;
}

.go-youtube-btn2 {
	display: block;
	width: 190px;
	margin: 30px 136px 30px 0;
	float: right;
	padding: 4px 0 5px;
	text-align: center;
	color: #fff;
	background: #ff6a00;
	border: none;
	font-weight: 400;
	border-radius: 10px;
}

.go-youtube-btn img {
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 10px;
}

.go-youtube-btn2 img {
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 10px;
}

.go-youtube-btn.know {
	width: 240px;
}

.soundtrack-wrap .title, .video-wrap .title {
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.soundtrack-wrap .title::after, .video-wrap .title::after {
	content: "";
	display: block;
	clear: both;
}

.soundtrack-wrap .title h4, .video-wrap .title h4 {
	float: left;
	font-size: 28px;
	font-weight: 400;
}

.soundtrack-wrap .title .sub {
	float: right;
	margin-top: 10px;
}

.soundtrack-wrap .title .sub p {
	float: left;
	margin-left: 40px;
}

.soundtrack-wrap .title .sub p strong {
	padding-right: 10px;
}

.soundtrack-wrap>ul li .soundtrack {
	display: table;
	padding: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.soundtrack-wrap>ul li .soundtrack::after {
	content: "";
	display: block;
	clear: both;
}

.soundtrack-wrap>ul li .soundtrack li {
	display: table-cell;
	height: 89px;
	vertical-align: middle;
}

.soundtrack-wrap>ul li .soundtrack li:nth-child(2) {
	width: 830px;
	padding-left: 20px;
	box-sizing: border-box;
}

.soundtrack-wrap>ul li .soundtrack li strong {
	padding-right: 17px;
	position: relative;
}

.soundtrack-wrap>ul li .soundtrack li strong::after {
	content: "";
	width: 1px;
	height: 13px;
	background: #a1a1a1;
	position: absolute;
	right: 0;
	top: 7.5px;
}

.soundtrack-wrap>ul li .soundtrack li span {
	padding-left: 17px;
}

.soundtrack-wrap>ul li .soundtrack li span.sub-info {
	font-size: 14px;
	color: #666;
	padding-left: 51px;
}

.soundtrack-wrap>ul li .soundtrack li:last-child {
	width: 81px;
}

.soundtrack-wrap>ul li .soundtrack li .soundT-download {
	color: #ff6a00;
	font-weight: 600;
}

.soundtrack-wrap>ul li .soundtrack li .soundT-download img {
	margin-left: 10px;
}

.soundtrack-wrap>ul li .soundtrack01 li:first-child {
	width: 140px;
	height: 89px;
	background: url("../images/event/soundtrack_thum_01.jpg") no-repeat 0 0;
	position: relative;
}

.soundtrack-wrap>ul li .soundtrack02 li:first-child {
	width: 140px;
	height: 89px;
	background: url("../images/event/soundtrack_thum_02.jpg") no-repeat 0 0;
	position: relative;
}

.soundtrack-wrap>ul li .soundtrack03 li:first-child {
	width: 140px;
	height: 89px;
	background: url("../images/event/soundtrack_thum_03.jpg") no-repeat 0 0;
	position: relative;
}

.aud_PlayBtn, .aud_PlayBtn2, .aud_PlayBtn3, .aud_PlayBtn4 {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}

.aud_PlayBtn:hover, .aud_PlayBtn2:hover {
	background: rgba(255, 106, 0, 0.6);
}

.aud_PlayBtn.on, .aud_PlayBtn2.on {
	display: block;
	background: rgba(255, 106, 0, 0.6);
}

.aud_PlayBtn img, .aud_PlayBtn2 img, .aud_PlayBtn3 img, .aud_PlayBtn4 img
	{
	width: 40px;
	margin-top: 25px;
}

.soundtrack-wrap>ul li .soundtrack li:hover .aud_PlayBtn,
	.soundtrack-wrap>ul li .soundtrack li:hover .aud_PlayBtn2,
	.soundtrack-wrap>ul li .soundtrack li:hover .aud_PlayBtn3,
	.soundtrack-wrap>ul li .soundtrack li:hover .aud_PlayBtn4 {
	display: block;
}

.video-wrap {
	margin-top: 30px;
}

.video-wrap>ul {
	padding: 21px;
}

.video-wrap ul::after {
	content: "";
	display: block;
	clear: both;
}

.video-wrap>ul>li {
	float: left;
	width: calc(33.3333% - 14px);
	margin-right: 21px;
}

.video-wrap>ul>li:last-child {
	margin-right: 0;
}

.video-wrap>ul>li .video-tit li {
	float: left;
}

.video-wrap>ul>li .video-tit li:first-child {
	width: 50px;
	background: #b2b2b2;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 400;
	margin: 15px 0 15px 1px;
}

.video-wrap>ul>li .video-tit li:last-child {
	width: calc(100% - 51px);
	margin: 15px 0;
	padding-left: 13px;
	box-sizing: border-box;
}

.video-wrap>ul>li .video-tit li h6 {
	font-weight: 400;
	letter-spacing: -1.5px;
}

.go-youtube-btn-02 {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	padding: 3px 7px 4px;
	background: #ff6a00;
	border-radius: 13.5px;
	float: right;
}

.video-wrap>ul>li .video-tit li p {
	font-size: 13px;
	margin-top: 2px;
}

.character-wrap {
	position: relative;
}

.character-wrap .instagram-link {
	position: absolute;
	top: 43%;
	right: 390px;
}

.popup-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: block;
	z-index: 998;
	display: none;
}

.soundtrack-know-popup {
	width: 882px;
	height: 779px;
	position: fixed;
	top: 50px;
	left: 50%;
	margin-left: -441px;
	background: #fff;
	z-index: 999;
	display: none;
}

.soundtrack-know-popup .tit {
	font-size: 36px;
	color: #000;
	background: #f6f6f6;
	text-align: center;
	font-weight: bold;
	padding: 30px 0;
	position: relative;
}

.soundtrack-know-popup .tit span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}

.soundtrack-know-popup .tit span b {
	font-size: 30px;
}

.soundtrack-know-popup .tit .popup-close {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -12px;
}

.soundtrack-know-popup .disc {
	padding: 30px 75px;
	margin-bottom: 25px;
	overflow: auto;
}

.soundtrack-know-popup .disc h5 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 45px;
}

.soundtrack-know-popup .disc h5 a {
	font-weight: 400;
	color: #ff6a00;
}

.soundtrack-know-popup .disc ul li {
	margin-bottom: 40px;
}

.soundtrack-know-popup .disc ul li h6 {
	font-weight: 500;
	color: #000;
}

.soundtrack-know-popup .disc ul li a {
	color: #ff6a00;
}

.soundtrack-know-popup .disc ul li a:hover {
	border-bottom: 2px solid rgba(255, 106, 0, 0.5);
}

.soundtrack-how {
	margin-top: 40px;
}

.soundtrack-how p {
	font-weight: 400;
	text-align: center;
	margin-top: 5px;
}

.soundtrack-how p span {
	color: #ff6a00;
}

.intermission-ul {
	position: absolute;
	left: 142px;
}

.intermission-ul li {
	margin-top: 378px
}

.intermission-ul li:last-child {
	margin-top: 136px;
}
/* 제2막 */
.act1_03.buldak .soundtrack-wrap>ul li .soundtrack01 li:first-child {
	width: 140px;
	height: 89px;
	background: url("../images/event/soundtrack_thum_04.jpg") no-repeat 0 0;
	position: relative;
}

.act1_03.buldak .soundtrack-wrap>ul li .soundtrack02 li:first-child {
	width: 140px;
	height: 89px;
	background: url("../images/event/soundtrack_thum_05.jpg") no-repeat 0 0;
	position: relative;
}

.act1_03.buldak .soundtrack-wrap>ul li .soundtrack03 li:first-child {
	width: 140px;
	height: 89px;
	background: url("../images/event/soundtrack_thum_06.jpg") no-repeat 0 0;
	position: relative;
}

.act1_03.buldak .aud_PlayBtn3:hover, .act1_03.buldak .aud_PlayBtn4:hover
	{
	background: rgba(219, 0, 8, 0.6);
}

.aud_PlayBtn3.on, .aud_PlayBtn4.on {
	display: block;
	background: rgba(219, 0, 8, 0.6);
}

.act1_03.buldak .soundtrack-wrap>ul li .soundtrack li .soundT-download {
	color: #db0008;
}

.act1_03.buldak .video-wrap>ul>li {
	width: calc(50% - 14px);
}

.act1_03.buldak .go-youtube-btn-02 {
	background: #db0008;
}

.character-wrap .instagram-link-02 {
	position: absolute;
	top: 37%;
	left: 90px;
}

.character-wrap .youtube-link-01 {
	position: absolute;
	top: calc(37% + 50px);
	left: 90px;
}

.character-wrap .instagram-link-03 {
	position: absolute;
	top: 66.5%;
	left: 90px;
}

.soundtrack-how.buldak p span {
	color: #db0008;
}
/* we me play */
.campaignCate {
	margin-bottom: 45px;
}

.campaignCate .campaignCateUl {
	display: flex;
	flex-wrap: wrap;
}

.campaignCate .campaignCateUl>li {
	width: 50%;
	font-size: 0;
	cursor: pointer;
}

.campaignCate .campaignCateUl>li img.on {
	display: none;
}

.campaignCate .campaignCateUl>li.on img.on {
	display: block;
}

.campaignCate .campaignCateUl>li.on img.off {
	display: none;
}

.campaignBox .campaignUl>li {
	display: none;
}

.campaignBox .campaignUl>li.active {
	display: block;
}

.we_me_play_wrap {
	margin-top: 45px;
	padding-top: 50px;
	border-top: 1px solid #ff700b;
}

.we_me_play_wrap .we_me_play_ul>li {
	font-size: 0;
	position: relative;
}

.we_me_play_wrap .we_me_play_ul>li>img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

.we_me_play_wrap .we_me_play_ul>li .video {
	width: 860px;
	border: 2px solid #ed1c23;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 0 0 20px rgba(237, 28, 35, 0.5);
	position: absolute;
	bottom: 17px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
}

.performanceWrap {
	width: 100%;
	max-width: 860px;
	padding: 15px 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	font-size: 16px;
	color: #fff;
}

.performanceWrap .buldakChannel .channelUl>li {
	margin-top: 55px;
}

.performanceWrap .buldakChannel .channelUl>li:first-child {
	margin-top: 0;
}

.performanceWrap .buldakChannel .channelUl>li .title {
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.performanceWrap .buldakChannel .channelUl>li .title::after {
	content: "";
	display: block;
	clear: both;
}

.performanceWrap .buldakChannel .channelUl>li .title h4 {
	float: left;
	font-size: 28px;
	font-weight: 400;
}

.performanceWrap .buldakChannel .channelUl>li .title .sub {
	float: right;
	margin-top: 10px;
}

.performanceWrap .buldakChannel .channelUl>li .title .sub p {
	float: left;
	margin-left: 40px;
}

.performanceWrap .buldakChannel .channelUl>li .title .sub p strong {
	padding-right: 10px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}

.performanceWrap .buldakChannel .channelUl>li:first-child .channelWrap {
	padding-bottom: 50px;
	border-bottom: 2px solid #fff;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .img {
	font-size: 0;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt {
	width: calc(100% - 116px);
	padding-left: 50px;
	box-sizing: border-box;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl
	{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-end;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li
	{
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li:first-child
	{
	margin-top: 0;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li p
	{
	margin-right: 15px;
	padding-top: 5px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li p em
	{
	padding-left: 15px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li .goYoutube
	{
	display: inline-block;
	width: 200px;
	padding: 7px 0;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li .goYoutube img
	{
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 10px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li.sound
	{
	width: 556px;
	padding-left: 20px;
	box-sizing: border-box;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li.sound strong
	{
	padding-right: 17px;
	position: relative;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li.sound strong::after
	{
	content: "";
	width: 1px;
	height: 13px;
	background: #a1a1a1;
	position: absolute;
	right: 0;
	top: 7.5px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li.sound span
	{
	padding-left: 17px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li .soundT-download
	{
	padding: 0 20px;
	color: #fff34a;
	font-weight: 600;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap .txt .channelLinkUl>li .soundT-download img
	{
	margin-left: 10px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap.ver2 .txt {
	width: calc(100% - 103px);
	padding-left: 50px;
	box-sizing: border-box;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap.ver2 .txt .channelLinkUl
	{
	flex-direction: row;
	align-items: center;
	margin-top: 25px;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap.ver2 .txt .channelLinkUl:first-child
	{
	margin-top: 0;
}

.performanceWrap .buldakChannel .channelUl>li .channelWrap.ver2 .txt .channelLinkUl>li
	{
	margin-top: 0;
}

.performanceWrap .video-wrap {
	margin-top: 55px;
}

.performanceWrap .video-wrap>ul {
	padding: 20px 0;
}

.performanceWrap .video-wrap>ul>li {
	width: calc(( 100% - 90px)/2);
	margin-right: 90px;
}

.performanceWrap .video-wrap>ul>li:last-child {
	margin-right: 0;
}

.performanceWrap .video-wrap>ul>li .videoBox {
	border: 3px solid #db0008;
	box-sizing: border-box;
}

.performanceWrap .video-wrap>ul>li iframe {
	
}

.performanceWrap .video-wrap>ul>li .video-tit li:first-child {
	margin: 15px 0 0 1px;
	background: #fff34a;
	color: #000;
	font-weight: bold;
}

.performanceWrap .video-wrap>ul>li .video-tit li:last-child {
	margin: 15px 0 0;
}

.performanceWrap .go-youtube-btn-02 {
	margin-top: -10px;
	background: #db0008;
}

.soundtrack-how.buldak2 p span {
	color: #fff34a;
}

.go-youtube-btn.know-03 {
	margin: 15px auto 0;
	color: #fff;
}

.recipe {
	
}

.recipe-title {
	position: relative;
	background: #f9f9f9;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 20px 0;
}

.recipe-title .tit {
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

.recipe-title>a {
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
}

.recipe-title .btn-share {
	width: 35px;
	display: inline-block;
	background: url('../images/icon/ico_share.png') no-repeat center;
	border: 0;
	text-indent: -9999px;
	line-height: 1.5;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.recipe-share_box {
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #dedede;
	position: absolute;
	background: #fff;
	z-index: 10;
	right: 0;
	top: 70px;
	display: none;
}

.recipe-share_box.open {
	display: block;
}

.recipe-share_box p {
	font-size: 24px;
	font-weight: 600;
	padding: 15px 0;
	border-bottom: 1px solid #dedede;
}

.recipe-share_box .close {
	width: 15px;
	height: 15px;
	background: url('../images/icon/ico_close2.gif') no-repeat center/100%;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 30px;
	right: 30px;
	text-indent: -9999px;
}

.recipe-share_box .sns {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

.recipe-share_box .sns a {
	padding-top: 70px;
	font-size: 14px;
	color: #666;
	background-repeat: no-repeat;
	background-position: center top;
	display: inline-block;
	width: 60px;
	text-align: center;
}

.recipe-share_box .sns .facebook {
	background-image: url('../images/icon/ico_sha_sns_facebook.png');
	margin-right: 10px;
}

.recipe-share_box .sns .blog {
	background-image: url('../images/icon/ico_sha_sns_blog.png');
}

.recipe-share_box .urlCopy {
	display: flex;
}

.recipe-share_box .urlCopy input {
	width: 195px;
	height: 40px;
	border: 1px solid #dedede;
	background: #f5f5f5;
	color: #666;
	font-size: 14px;
	border-radius: 5px;
	margin-right: 5px;
}

.recipe-share_box .urlCopy .btn_urlCopy {
	display: inline-block;
	color: #fff;
	background: #525252;
	height: 40px;
	width: 60px;
	border-radius: 5px;
}

.recipe-cont {
	padding: 60px;
	border: 1px solid #dedede;
}

.recipe-cont__slider {
	width: 746px;
	margin: 0 auto;
}

.recipe-cont__slider .slick-arrow {
	width: 60px;
	height: 60px;
	border: 0;
	border-radius: 0;
	background: #ff6a00;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	text-indent: -9999px;
}

.recipe-cont__slider .slick-arrow:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 20px;
}

.recipe-cont__slider .slick-prev {
	left: -120px;
}

.recipe-cont__slider .slick-prev:before {
	transform: rotate(225deg);
	left: 25px;
}

.recipe-cont__slider .slick-next {
	right: -120px;
}

.recipe-cont__slider .slick-next:before {
	transform: rotate(45deg);
	left: 15px;
}

.recipe-cont__item {
	
}

.processTable table {
	border-bottom: 1px solid #838383;
}

.processTable table thead th {
	padding: 15px 30px;
	height: 20px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #dedede;
	text-align: center;
	background: #f6f6f8 url(../images/icon/ico_table_bar.gif) no-repeat
		center left;
}

.processTable table thead th:first-child {
	background: #f6f6f8;
}

.processTable table thead tr:first-child th, .processTable table thead tr:first-child td
	{
	border-top: 1px solid #838383;
}

.processTable table tbody th {
	height: 20px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 5px;
	text-align: center;
	border-right: 1px solid #dedede;
	letter-spacing: -1px;
	border-top: 1px solid #dedede;
	background: #f6f6f8;
}

.processTable table tbody td {
	padding: 15px 10px;
	height: 20px;
	color: #666;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	letter-spacing: -1px;
}

.processTable table tbody td:first-child {
	border-left: none;
}

.processTable table tbody tr:first-child th, .processTable table tbody tr:first-child td
	{
	border-top: 1px solid #838383;
}

.embassadorWrap {
	margin-top: 60px;
}

#embasSlider {
	position: relative;
}

#embasSlider .slick-dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
}

#embasSlider .slick-dots li {
	margin-left: 5px;
}

#embasSlider .slick-dots li:first-child {
	margin-left: 0;
}

#embasSlider .slick-dots li button {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 0.4);
	text-indent: -9999px;
}

#embasSlider .slick-dots li.slick-active button {
	background: #fff;
}

.em_tab {
	margin: 50px 0 0;
}

.em_tab ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.em_tab ul li {
	color: #999999;
	font-weight: 400;
	cursor: pointer;
}

.em_tab ul li.on {
	color: #000;
}

.em_intro {
	margin: 95px 0 0;
}

.em_intro .tit {
	padding: 50px 0 45px;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	position: relative;
}

.em_intro .tit::after {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: #838383;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
}

.em_intro .tit span {
	color: #ff6a00;
}

.em_intro .loverWrap {
	display: flex;
	flex-wrap: wrap;
}

.em_intro .loverWrap li {
	width: 20%;
	font-size: 0;
	cursor: pointer;
	position: relative;
}

.em_intro .loverWrap li::after {
	content: "PROFILE";
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.em_intro .loverWrap li:hover::after {
	opacity: 1;
}

.em_intro .loverWrap li img {
	width: 100%;
}

.em_popupBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 55;
	display: none;
}

.em_popup {
	width: 815px;
	background: #fff;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -407px;
	z-index: 56;
	display: none;
}

.em_popup .em_close {
	width: 14px;
	height: 14px;
	font-size: 0;
	background: url("../images/embassador/btn_popup_close.png") no-repeat
		50% 50%;
	position: absolute;
	top: 30px;
	right: 30px;
}

.em_popup .wrap {
	display: none;
}

.em_popup .wrap .wrapFlex {
	display: flex;
	flex-wrap: wrap;
}

.em_popup .imgWrap {
	width: 353px;
	position: relative;
	overflow: hidden;
}

.em_popup .wrap .imgWrap::after {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: -10px;
	left: 0;
}

.em_popup .wrap.art .imgWrap::after {
	background: url("../images/embassador/team_01.png") no-repeat 50% 50%;
}

.em_popup .wrap.fashion .imgWrap::after {
	background: url("../images/embassador/team_02.png") no-repeat 50% 50%;
}

.em_popup .wrap.music .imgWrap::after {
	background: url("../images/embassador/team_03.png") no-repeat 50% 50%;
}

.em_popup .wrap.trip .imgWrap::after {
	background: url("../images/embassador/team_04.png") no-repeat 50% 50%;
}

.em_popup .wrap.food .imgWrap::after {
	background: url("../images/embassador/team_05.png") no-repeat 50% 50%;
}

.em_popup .info {
	width: 462px;
	padding: 30px;
	box-sizing: border-box;
}

.em_popup .info .profile {
	height: 100%;
}

.em_popup .info .profile>span {
	font-size: 12px;
	font-weight: 400;
	color: #aeaeae;
	letter-spacing: 1px;
}

.em_popup .info .profile .nameWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 30px;
	border-bottom: 1px solid #e1e1e1;
}

.em_popup .info .profile .nameWrap .thum {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #eee;
	overflow: hidden;
}

.em_popup .info .profile .nameWrap .name {
	width: calc(100% - 90px);
}

.em_popup .info .profile .nameWrap .name h5 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
}

.em_popup .info .profile .nameWrap .name p {
	color: #666;
	margin-top: 3px;
	font-weight: 400;
}

.em_popup .info .profile .other {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	height: calc(100% - 170px);
	padding: 30px 0 0;
}

.em_popup .info .profile .other .category {
	font-weight: 400;
}

.em_popup .info .profile .other .team {
	margin: 10px 0 20px;
}

.em_popup .info .profile .other .resolution {
	width: 100%;
	margin: 0 0 50px;
}

.em_popup .info .profile .other h6 {
	color: #666;
	font-weight: 500;
}

.em_popup .info .profile .other .resolution p {
	display: inline-block;
	margin: 5px 0 0;
	position: relative;
	font-weight: 400;
	color: #666;
}
/* .em_popup .info .profile .other .resolution p::before{content:"❝";position: absolute;top:-10px;left:-10px;font-size:20px;}
.em_popup .info .profile .other .resolution p::after{content:"❞";position: absolute;bottom:5px;right:-10px;font-size:20px;} */
.em_popup .info .profile .other .sns {
	width: 100%;
}

.em_popup .info .profile .other .sns ul li {
	margin-top: 10px;
}

.em_popup .info .profile .other .sns ul li:first-child {
	margin-top: 0;
}

.em_popup .info .profile .other .sns ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	letter-spacing: 1px;
}

.em_popup .info .profile .other .sns ul li a em {
	font-size: 12px;
	font-weight: 600;
	color: #000;
}

.em_popup .info .profile .other .sns ul li a span {
	margin-left: 10px;
}

.em_more {
	margin: 70px 0 0;
}

.em_more .tit {
	padding: 50px 0 45px;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	position: relative;
}

.em_more .tit::after {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: #838383;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
}

.em_more .tit span {
	color: #ff6a00;
}

.em_more .snsShow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.em_more .snsShow li {
	width: calc(50% - 20px);
}

.em_more .snsShow li h4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
}

.em_more .snsShow li h4 em {
	font-size: 22px;
	font-weight: 500;
}

.em_more .snsShow li h4 span {
	font-size: 0;
}

.em_more .snsShow li .instagramWrap {
	height: 275px;
}

.em_more .snsShow li .goBtn {
	display: block;
	width: 100%;
	margin: 30px 0 0;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	background: #ff6a00;
	text-align: center;
	color: #fff;
}

.em_more .snsShow li .goBtn span {
	margin-left: 10px;
}

.plicyBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 35px;
	border: 1px solid #cacaca;
	border-radius: 10px;
}

.plicyBox .policy {
	width: calc(50% - 30px);
}

.plicyBox .policy li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
	font-size: 18px;
}

.plicyBox .policy li:first-child {
	margin-top: 0;
}

.plicyBox .policy li span {
	width: 25px;
	font-weight: bold;
	color: #000;
}

.plicyBox .policy li em {
	width: calc(100% - 35px);
}

.plicyBox .img {
	width: calc(50% - 30px);
	text-align: right;
}

/* `24.06.05 esg */
.report .in {
	display: flex
}

.report .in .img {
	float: left;
	width: 40%;
	border: 1px solid #ccc;
}

.report .in .cont {
	float: right;
	width: 60%
}

.report .txt {
	font-size: 18px;
	letter-spacing: -0.093em;
}

.report .cont>ul {
	margin-left: 50px;
}

.report .cont>ul.mt10 {
	margin-top: 10px;
}

.report .cont>ul.mt20 {
	margin-top: 20px;
}

.report .cont>ul.mt30 {
	margin-top: 30px;
}

.report .cont>ul.mt40 {
	margin-top: 40px;
}

.report .cont>ul>li>* {
	display: block;
}

.report .cont>ul>li.flexBox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.report .cont>ul>li.flexBox .l {
	width: 100%;
	padding: 0;
}

.report .cont>ul>li.flexBox .l span {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
}

.report .cont>ul>li.flexBox .r {
	margin-top: 10px;
	width: 100%;
}

.report .btn a {
	width: 267px;
	box-sizing: border-box;
	background: #305973;
	padding: 8px 20px 9px;
	text-align: center;
	border-radius: 10px;
	color: #ffffff;
}

.report .downBtn {
	width: 100%;
	margin-top: 20px;
}

.report .downBtn .btn {
	display: flex;
	gap: 10px;
}

.report .downBtn .btn a {
	flex: 1;
	box-sizing: border-box;
	background: #305973;
	padding: 8px 20px 9px;
	text-align: center;
	border-radius: 10px;
	color: #ffffff;
}

.report .right {
	text-align: right;
}

.report .inline {
	display: inline-block;
}

.report .spaceBetween {
	display: flex;
	justify-content: space-between;
}

.report .divThree {
	flex: 1;
	margin-right: 40px;
}

.report .divThreeLast {
	flex: 1;
}

.report .flex {
	display: flex;
	margin-bottom: 40px;
}

/* `24.10.28 기업이념 */
.company-ideology {
	width: 1100px;
	margin: 0 auto;
}

.company-ideology h4 {
	margin-bottom: 40px;
	color: #333;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
}

.company-ideology p.vision-tit {
	margin-bottom: 20px;
	color: #ff6a00;
	font-size: 20px;
	line-height: 32px;
}

.company-ideology p.vision-txt {
	margin-bottom: 50px;
	color: #666;
	font-size: 16px;
	line-height: 24px;
}

.company-ideology .vision-area01 {
	border-bottom: 2px solid #e1e1e1;
	text-align: center;
	margin-top: 100px;
}

.company-ideology .vision-area01 ul li strong {
	margin-bottom: 40px;
	display: block;
	color: #FF6400;
	font-size: 40px;
	font-weight: 600;
	font-family: 'Pretendard';
	letter-spacing: 0;
}

.company-ideology .vision-area01 ul li {
	margin-bottom: 80px;
	color: #323232;
	font-size: 22px;
	font-weight: 400;
	font-family: 'Pretendard';
	letter-spacing: 0;
}

.company-ideology .vision-area02 {
	position: relative;
	padding: 100px 0 80px 0;
	background: url("../images/company/davinch.jpg") no-repeat;
	background-size: 450px 450px;
	border-bottom: 2px solid #e1e1e1;
	background-position: calc(100% - 25px) 100px;
}

.company-ideology .vision-area02 ul p {
	margin-bottom: 15px;
	color: #848484;
	font-size: 25px;
	font-weight: 500;
	font-family: 'Poppins';
	letter-spacing: 0.5px;
}

.company-ideology .vision-area02 ul li strong {
	margin-bottom: 15px;
	display: block;
	color: #FF6400;
	font-size: 35px;
	font-weight: 600;
	font-family: 'Poppins';
	letter-spacing: 0.5px;
}

.company-ideology .vision-area02 ul li {
	margin-bottom: 40px;
	color: #323232;
	font-size: 22px;
	font-weight: 500;
	font-family: 'Pretendard';
	letter-spacing: -0.25px;
}

.company-ideology .vision-area02 p strong {
	margin-bottom: 10px;
	display: block;
	color: #323232;
	font-size: 17px;
	font-weight: 600;
	font-family: 'Pretendard';
	letter-spacing: 0.1px;
}

.company-ideology .vision-area02 p {
	margin-bottom: 20px;
	color: #323232;
	font-size: 17px;
	font-weight: 400;
	font-family: 'Pretendard';
	line-height: 25px;
	letter-spacing: 0.1px;
}

.company-ideology .vision-area03 {
	position: relative;
	padding: 100px 0 80px 0;
	border-bottom: 2px solid #e1e1e1;
	text-align: center;
}

.company-ideology .vision-area03 ul p {
	margin-bottom: 15px;
	color: #848484;
	font-size: 25px;
	font-weight: 500;
	font-family: 'Poppins';
	letter-spacing: 0.5px;
}

.company-ideology .vision-area03 ul li strong {
	margin-bottom: 15px;
	display: block;
	color: #FF6400;
	font-size: 35px;
	font-weight: 600;
	font-family: 'Poppins';
	letter-spacing: 0.5px;
}

.company-ideology .vision-area03 ul li {
	margin-bottom: 40px;
	color: #323232;
	font-size: 22px;
	font-weight: 500;
	font-family: 'Pretendard';
	letter-spacing: -0.25px;
}

.company-ideology .vision-area03 p strong {
	margin-bottom: 10px;
	display: block;
	color: #323232;
	font-size: 17px;
	font-weight: 600;
	font-family: 'Pretendard';
	letter-spacing: 0.1px;
}

.company-ideology .vision-area03 p {
	margin-bottom: 20px;
	color: #323232;
	font-size: 17px;
	font-weight: 400;
	font-family: 'Pretendard';
	line-height: 25px;
	letter-spacing: 0.1px;
}

.company-ideology .vision-area04 {
	position: relative;
	padding: 100px 0 0 0;
}

.company-ideology .vision-area04 ul p {
	margin-bottom: 15px;
	color: #848484;
	font-size: 25px;
	font-weight: 500;
	font-family: 'Poppins';
	letter-spacing: 0.5px;
}

.company-ideology .vision-area04 ul li strong {
	margin-bottom: 15px;
	display: block;
	color: #FF6400;
	font-size: 34px;
	font-weight: 600;
	font-family: 'Poppins';
	letter-spacing: 0.5px;
}

.company-ideology .vision-area04 ul li {
	margin-bottom: 60px;
	color: #323232;
	font-size: 24px;
	font-weight: 500;
	font-family: 'Pretendard';
	letter-spacing: -0.25px;
}

.company-ideology .vision-area04 .culture-box {
	margin-left: 20px;
	background-color: #f5f5f5;
	border-radius: 30px;
	padding: 10px 50px 10px 50px;
	text-align: center;
	display: inline-block;
	font-family: 'Pretendard';
	font-size: 20px;
	letter-spacing: 0.1px;
	margin-bottom: 40px;
}

.company-ideology .vision-area04 .section-wrapper {
	display: flex;
	margin-bottom: 100px;
}

.company-ideology .vision-area04 .section-wrapper:last-of-type {
	margin-bottom: 0;
}

.company-ideology .vision-area04 .line {
	width: 15px;
	height: 1px;
	background-color: #ddd;
	margin-right: 15px;
	margin-top: 15px;
}

.company-ideology .vision-area04 .section {
	flex: 1;
	display: flex;
}

.company-ideology .vision-area04 .section-title strong {
	flex: 0 0 200px;
	font-size: 28px;
	font-weight: 600;
	color: #333;
	text-align: center;
	font-family: 'Pretendard';
	letter-spacing: 1px;
}

.company-ideology .vision-area04 .section-title {
	flex: 0 0 200px;
	font-size: 17px;
	font-weight: 400;
	color: #333;
	margin-right: 20px;
	text-align: center;
	font-family: 'Poppins';
	letter-spacing: 0px;
}

.company-ideology .vision-area04 .box-container {
	flex: 1;
	display: flex;
	gap: 15px;
	margin-top: 5px;
}

.company-ideology .vision-area04 .box {
	flex: 1;
	background-color: #f5f5f5;
	padding: 40px 20px 40px 20px;
	border-radius: 20px;
	text-align: left;
}

.company-ideology .vision-area04 .box h3 {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 600;
	color: #ff6400;
	margin-bottom: 5px;
}

.company-ideology .vision-area04 .box h4 {
	font-family: 'Pretendard';
	font-size: 17px;
	font-weight: 500;
	color: #323232;
	margin-bottom: 20px;
	letter-spacing: 0.1px;
}

.company-ideology .vision-area04 .box p {
	font-family: 'Pretendard';
	font-size: 17px;
	line-height: 1.5;
	color: #323232;
	letter-spacing: 0.2px;
}

/* `24.11.25 ESG renewall */
.content-main {
	display: flex;
	flex-direction: column;
	width: 100%;
	font-family: 'Pretendard', Arial, sans-serif;
}

.content-main h1, .content-main h2, .content-main h3, .content-main h4,
	.content-main h5, .content-main h6 {
	font-family: 'Pretendard', Arial, sans-serif;
}

.content-main .content-banner {
	width: 100%;
	height: 600px;
	/* aspect-ratio: 2560/1002; */
	background: url('/asset/images/esg/bg.png') no-repeat center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.content-main .content-banner h1 {
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.content-main .content-banner .content-divide {
	background: #e8e8e8;
	width: 36px;
	height: 1px;
	margin: 37px 0 42px;
}

.content-main .content-banner p {
	font-size: 38px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.content-main .content-section1 {
	width: 100%;
	max-width: 1140px;
}

.content-main .content-tab-wrap {
	border-bottom: 1px solid #ebebeb;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content-main .content-tab-wrap>div {
	max-width: 1140px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
}

.content-main .content-tab-wrap a {
	flex: 1;
	flex-shrink: 0;
}

.content-main .content-tab-wrap .tab {
	width: 100%;
	color: #6a6a6a;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: inherit;
	border-bottom: 3px solid #fff;
	height: 70px;
	cursor: pointer;
}

.content-main .content-tab-wrap .tab.active {
	border-bottom: 3px solid #ff6400;
	color: #010101;
	font-weight: 600;
}

.content-main section {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

.content-main section>.title {
	font-size: 36px;
	font-weight: 600;
	color: #010101;
}

.content-section1 {
	padding-top: 88px;
}

.content-main .content-section1 .esg-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding-top: 38px;
}

.content-main .content-section1 .esg-list .item {
	border-radius: 14px;
	border: 1px solid #e6e6e6;
}

.content-main .content-section1 .esg-list .item .thumbnail {
	width: 100%;
	border-radius: 14px 14px 0 0;
	aspect-ratio: 368/200;
}

.content-main .content-section1 .esg-list .item .content {
	padding: 24px 24px 26px;
	height: 170px;
}

.content-main .content-section1 .esg-list .item .content .title {
	font-size: 18px;
	font-weight: 500;
}

.content-main .content-section1 .esg-list .item .content .description {
	color: #4f4f4f;
	font-size: 16px;
	margin: 17px 0 38px;
}

.content-main .content-section1 .esg-list .item .content .date {
	color: #a5a5a5;
	font-size: 13px;
}

.content-main .pagination {
	width: 100%;
	max-width: 1243px;
	aspect-ratio: 1243/218;
	margin: 42px auto 82px;
	background: url('/asset/images/pagenation.png') center;
	background-size: cover;
}

.content-main .content-section2 {
	padding: 110px 0 121px;
}

.content-main .content-section2 .report1 {
	margin-top: 37px;
	background: #f8f8f8;
	padding: 38px 36px 36px 77px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 85px;
}

.content-main .content-section2 .report1 .left .title {
	font-size: 26px;
	font-weight: bold;
	color: #010101;
	line-height: 37px;
}

.content-main .content-section2 .report1 .left .description {
	margin: 30px 0 54px;
	font-size: 16px;
	color: #010101;
	line-height: 26px;
}

.content-main .content-section2 .report1 .left .btn-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
}

.content-main .content-section2 .report1 .left .btn-wrap .btn {
	width: 174px;
	height: 50px;
	background: #ff6400;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.content-main .content-section2 .report1 .left .btn-wrap .btn p {
	padding-right: 34px;
	color: white;
	font-size: 16px;
	background: url('/asset/icons/ico_white_download.svg') no-repeat center
		right;
}

.content-main .content-section2 .report1 .right {
	width: 541px;
	height: 358px;
}

.content-main .content-section2 .report-download {
	margin-top: 50px;
	padding-bottom: 49px;
	border-bottom: 1px solid #e8e8e8;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.content-main .content-section2 .report-download h1 {
	font-size: 28px;
	font-weight: 400;
	color: #010101;
}

.content-main .content-section2 .report-download .download-btn {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
}

/*
	연도별 보고서 추가
*/

.content-main .content-section2 .download-list-year {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.content-main .content-section2 .download-list-year .title {
	font-size: 28px;
	font-weight: 600;
	color: #010101;
}

.content-main .content-section2 .download-list-year .download-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.content-main .content-section2 .download-list-year .download-list .item {
	align-items: center;
	justify-content: space-between;
	padding: 26px;
	height: 240px;
	border: 1px solid #e4e4e4;
}

.content-main .content-section2 .download-list-year .download-list .item .area {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.content-main .content-section2 .download-list-year .download-list .item .area .left {
	width: 300px;
}

.content-main .content-section2 .download-list-year .download-list .item .area .left img {
	width: fit-content;
}

.content-main .content-section2 .download-list-year .download-list .item .area .right {
	width: 150px;
}

.content-main .content-section2 .download-list-year .download-list .item .area .right .btn {
	width: 140px;
	height: 55px;
	background: #f8f8f8;
	display: flex;
	justify-content: center;
	border-radius: 50px;
	margin-bottom: 20px;
}

.content-main .content-section2 .download-list-year .download-list .item .area .right .btn p{
	padding-right: 22px;
	font-size: 14px;
	background: url('/asset/icons/ico_black_download.svg') no-repeat center
		right;
}

.content-main .content-section2 .download-list-year .download-list .item p {
    padding-top: 20px;
	font-size: 18px;
	color: #010101;
	font-weight: 500;
	text-align: center;
}

/*
	연도별 보고서 종료
*/

.content-main .content-section2 .download-list-wrap {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.content-main .content-section2 .download-list-wrap .title {
	font-size: 28px;
	font-weight: 600;
	color: #010101;
}

.content-main .content-section2 .download-list-wrap .download-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.content-main .content-section2 .download-list-wrap .download-list .item
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 26px;
	height: 100px;
	border: 1px solid #e4e4e4;
}

.content-main .content-section2 .download-list-wrap .download-list .item p
	{
	font-size: 18px;
	color: #010101;
	font-weight: 500;
}

.content-main .content-section2 .download-list-wrap .download-list .item .btn
	{
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
}

.content-main .content-section3 {
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 56px;
	border-bottom: 1px solid #e8e8e8;
}

.content-main .content-section3 img {
	height: 30px;
}

.content-main .content-section3 p {
	font-size: 31px;
	font-weight: 600;
	text-align: center;
	line-height: 47px;
	width: 100%;
}

.content-main .content-section4 {
	padding: 120px 0;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.content-main .content-section13 {
	padding: 120px 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.content-main section .title-wrap {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.content-main section .title-wrap.gap-21 {
	gap: 21px;
}

.content-main section .title-wrap.flex-row {
	flex-direction: row;
}

.content-main section .title-wrap .right {
	font-size: 14px;
	text-align: right;
	color: #838383;
	line-height: 20px;
}

.content-main section .title-wrap .right b {
	color: #3b3b3b;
	font-weight: 600;
}

.content-main section .title-wrap.justify-between {
	
}

.content-main section.gap-45 {
	gap: 45px;
}

.content-main section.gap-30 {
	gap: 30px;
}

.content-main section.gap-50 {
	gap: 50px;
}

.content-main section .title-wrap h1 {
	font-size: 36px;
	color: #010101;
	font-weight: bold;
}

.content-main section .title-wrap .description {
	color: #323232;
	font-size: 18px;
	line-height: 30px;
}

.content-main section .title-wrap .description.small {
	font-size: 16px;
}

.content-main .content-section4>img {
	width: 100%;
	height: auto;
}

.content-main .content-section5 {
	display: flex;
	flex-direction: column;
	gap: 42px;
	padding-bottom: 120px;
}

.content-main .content-section14 {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-bottom: 120px;
}

.content-main .content-section14 .bottom {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.content-main .content-section14 .bottom .li {
	color: #3f3f3f;
	font-size: 14px;
	line-height: 20px;
}

.content-main .content-section5>.title {
	font-size: 36px;
	font-weight: bold;
	color: #010101;
}

.content-main .activity-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.content-main .activity-list .activity {
	height: 250px;
	padding: 34px 30px 34px 30px;
	border: 1px solid #e4e4e4;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: end;
	position: relative;
}

.content-main .activity-list .activity>div {
	width: 100%;
}

.content-main .activity-list .activity>img {
	position: absolute;
	bottom: 34px;
	right: 34px;
}

.content-main .activity-list .activity h1 {
	font-size: 24px;
	font-weight: bold;
	color: #323232;
	line-height: 35px;
}

.content-main .activity-list .activity .btn {
	width: 42px;
	height: 42px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e4e4e4;
	margin-top: 28px;
}

.content-main .activity-list .activity .hover {
	display: none;
	font-weight: 500;
	color: white;
	font-size: 18px;
	line-height: 26px;
	width: 100%;
}

.content-main .activity-list .activity .icon-active {
	display: none;
}

.popup-wrap {
	width: 100%;
	min-height: 100vh;
	background: #00000080;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: 'Pretendard', Arial, sans-serif;
}

.popup-wrap h1, .popup-wrap h2, .popup-wrap h3, .popup-wrap h4,
	.popup-wrap h5, .popup-wrap h6 {
	font-family: 'Pretendard', Arial, sans-serif;
}

.popup-wrap .popup {
	width: 1000px;
	border-radius: 50px;
	max-height: 950px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.popup-wrap .popup .popup-title {
	border-radius: 50px 50px 0 0;
	/* width: 100%; */
	height: 200px;
	background: url('/asset/images/esg/popup_title_bg.png') no-repeat center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 60px;
	gap: 15px;
	position: relative;
	flex-shrink: 0;
}

.popup-wrap .popup .popup-title p {
	color: white;
	font-size: 18px;
	font-weight: 500;
}

.popup-wrap .popup .popup-title h1 {
	color: white;
	font-weight: bold;
	font-size: 38px;
}

.popup-wrap .popup .popup-title .close-btn {
	position: absolute;
	top: 37px;
	right: 44px;
	z-index: 1;
}

.popup-wrap .popup .popup-content {
	background: white;
	padding: 54px 58px 62px 59px;
	border-radius: 0 0 50px 50px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	overflow: auto;
}

.popup-wrap .popup .popup-content .description {
	word-break: keep-all;
	font-size: 18px;
	line-height: 30px;
}

.popup-wrap .popup .popup-content .description.small {
	font-size: 16px;
	line-height: 26px;
}

.popup-wrap .popup .popup-content .description.gray {
	color: #313131;
}

.popup-wrap .popup .popup-content>img {
	width: 100%;
	height: auto;
}

.popup-wrap .popup .popup-content .grid {
	display: grid;
	gap: 10px;
}

.popup-wrap .popup .popup-content .grid-cols-2 {
	grid-template-columns: repeat(2, 1fr);
}

.popup-wrap .popup .popup-content .item {
	border-radius: 25px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.popup-wrap .popup .popup-content .item .title {
	height: 56px;
	background: #ff6400;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px 25px 0 0;
	font-size: 18px;
	font-weight: 600;
	color: white;
}

.popup-wrap .popup .popup-content .item .list {
	padding: 29px 25px 39px;
	border: 1px solid #efefef;
	border-top: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex-grow: 1;
}

.popup-wrap .popup .popup-content .item .list p {
	color: #323232;
	display: flex;
	align-items: center;
	gap: 9px;
}

.popup-wrap .popup .popup-content .item .list p::before {
	content: '';
	width: 3px;
	height: 3px;
	background-color: #999999;
}

.popup-wrap .popup .popup-content .download-btn-wrap {
	padding: 12px 13px 13px;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 13px;
	border: 1px solid #efefef;
	border-top: 0;
	border-radius: 0 0 25px 25px;
}

.popup-wrap .popup .popup-content .download-btn-wrap p {
	font-size: 14px;
}

.popup-wrap .popup .popup-content .download-btn-wrap .download-btn {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
}

.popup-wrap .popup .popup-content .ccm-introduction {
	display: flex;
	flex-direction: column;
}

.popup-wrap .popup .popup-content section .section-title {
	font-size: 24px;
	font-weight: 600;
	color: #010101;
	margin-bottom: 28px;
}

.popup-wrap .popup .popup-content section:first-child {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 40px;
}

.popup-wrap .popup .popup-content .ccm-introduction .ccm-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 35px;
}

.popup-wrap .popup .popup-content .ccm-introduction .ccm-content .introduction
	{
	padding: 29px 36px 35px 36px;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 13px;
}

.popup-wrap .popup .popup-content .ccm-introduction .ccm-content .introduction img
	{
	width: 111px;
	height: 106px;
}

.popup-wrap .popup .popup-content .ccm-introduction .ccm-content .introduction .content-wrap
	{
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.popup-wrap .popup .popup-content .ccm-introduction .ccm-content .introduction .content-wrap h1
	{
	font-size: 20px;
	font-weight: 600;
}

.popup-wrap .popup .popup-content .ccm-introduction .ccm-content .introduction .content-wrap p
	{
	color: #323232;
	font-size: 16px;
}

.popup-wrap .popup .popup-content .flex {
	display: flex;
}

.popup-wrap .popup .popup-content .organ {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 23px;
	height: 170px;
	align-items: center;
	justify-content: center;
}

.popup-wrap .popup .popup-content .organ:first-child {
	border-right: 1px solid #e4e4e4;
}

.popup-wrap .popup .popup-content .organ p {
	font-size: 18px;
	font-weight: 600;
}

.popup-wrap .popup .popup-content .expected-effect-wrap {
	display: flex;
	gap: 9px;
}

.popup-wrap .popup .popup-content .expected-effect {
	flex: 1;
	height: 290px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	padding: 0 25px;
}

.popup-wrap .popup .popup-content .expected-effect .icon-wrap {
	width: 90px;
	height: 90px;
	background: #f6f6f6;
	border-radius: 100%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-wrap .popup .popup-content .expected-effect img {
	width: 90px;
}

.popup-wrap .popup .popup-content .expected-effect .title {
	margin: 14px 0 33px;
	font-size: 18px;
	font-weight: 600;
}

.popup-wrap .popup .popup-content .expected-effect .list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.popup-wrap .popup .popup-content .expected-effect .list p {
	color: #323232;
	display: flex;
	gap: 9px;
}

.popup-wrap .popup .popup-content .expected-effect .list p::before {
	content: '';
	width: 3px;
	height: 3px;
	background-color: #999999;
	margin-top: 8px;
}

.popup-wrap .popup .popup-content .photo-wrap {
	display: flex;
	align-items: center;
	gap: 17px;
	margin-top: 30px;
}

.content-main .content-section6 {
	padding-bottom: 120px;
}

.content-main .content-section6 .contact-wrap {
	display: flex;
	flex-direction: column;
	margin: 28px 0 60px;
	gap: 38px;
}

.content-main .content-section6 .contact-wrap .contact {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.content-main .content-section6 .contact-wrap .contact p {
	padding-left: 34px;
	background: no-repeat center left;
	color: #323232;
	font-size: 16px;
	line-height: 23px;
}

.content-main .content-section6 .contact-wrap .contact p.email {
	background-image: url('/asset/icons/ico_primary_email.svg');
}

.content-main .content-section6 .contact-wrap .contact p.post {
	background-image: url('/asset/icons/ico_primary_post.svg');
}

.content-main .content-section6 .contact-wrap .contact-page {
	display: flex;
	align-items: center;
	gap: 17px;
}

.content-main .content-section6 .contact-wrap .contact-page p {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #010101;
}

.content-main .content-section6 .contact-wrap .contact-page p::before {
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	background-color: #999999;
	margin-right: 7px;
}

.content-main .content-section6 .contact-wrap .contact-page .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #ff6400;
	color: #010101;
	font-size: 14px;
}

.popup-wrap .popup .popup-content section {
	padding-bottom: 40px;
	border-bottom: 1px solid #f1f1f1;
}

.popup-wrap .popup .popup-content section:last-child {
	border: 0;
	padding: 0;
}

.ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ul p {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #010101;
}

.ul .li::before {
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	background-color: #999999;
	margin-right: 7px;
	flex-shrink: 0;
}

.ul .li.primary::before {
	background-color: #ff6400;
	margin-top: 8px;
}

.popup-wrap .popup .popup-content .form {
	margin-top: 14px;
}

.popup-wrap .popup .popup-content .form+.form {
	padding-top: 45px;
	border-top: 1px solid #e3e3e3;
}

.popup-wrap .popup .popup-content .form:last-child {
	padding-bottom: 0;
	border: 0;
}

.popup-wrap .popup .popup-content .form .form-title {
	padding-bottom: 24px;
	border-bottom: 1px solid #737373;
	font-size: 24px;
	font-weight: 600;
	color: #010101;
	margin-bottom: 46px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap {
	display: flex;
	gap: 36px;
	margin-top: 36px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .title {
	width: 146px;
	color: #282828;
	font-weight: 500;
	display: flex;
	gap: 2px;
	line-height: 26px;
	flex-shrink: 0;
}

.popup-wrap .popup .popup-content .spacer {
	margin-bottom: 36px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .title span {
	color: #e20c0c;
	font-weight: 500;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap
	{
	display: flex;
	align-items: center;
	column-gap: 36px;
	row-gap: 18px;
	flex-wrap: wrap;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .form-control-radio label
	{
	display: flex;
	cursor: pointer;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .form-control-radio label input
	{
	display: none;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .form-control-radio label p::before
	{
	content: '';
	width: 26px;
	height: 26px;
	background: url('/asset/icons/ico_radio.svg') no-repeat center;
	background-size: cover;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .form-control-radio label input:checked+p::before
	{
	background-image: url('/asset/icons/ico_radio_active.svg');
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .form-control-radio label p
	{
	color: #282828;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 11px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-input
	{
	width: 100%;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-input input
	{
	appearance: none;
	border: 0;
	outline: 0;
	padding-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid #dadada;
	width: 100%;
	letter-spacing: -1px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-input input::placeholder
	{
	color: #969696;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-check-wrap
	{
	display: flex;
	align-items: center;
	gap: 24px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-check label
	{
	cursor: pointer;
	display: flex;
	cursor: pointer;
	align-items: center;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-check label input
	{
	display: none;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-check label p::before
	{
	content: '';
	width: 26px;
	height: 26px;
	background: url('/asset/icons/ico_check.svg') no-repeat center;
	background-size: cover;
	display: inline-block;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-check-wrap .form-control-check label p
	{
	color: #282828;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 11px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-check label input:checked+p::before
	{
	background-image: url('/asset/icons/ico_check_active.svg');
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-textarea
	{
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 250px;
	display: flex;
	flex-direction: column;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-textarea textarea
	{
	appearance: none;
	border: 0;
	outline: none;
	resize: none;
	width: 100%;
	flex-grow: 1;
	padding: 25px 24px;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Pretendard', Arial, sans-serif;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-textarea textarea::placeholder
	{
	color: #969696;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .etc
	{
	display: flex;
	align-items: center;
	gap: 60px;
	width: 100%;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .etc .form-control-radio
	{
	flex-shrink: 0;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-radio-wrap .etc .form-control-input
	{
	flex-grow: 1;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap input
	{
	display: none;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap .file-btn
	{
	width: 120px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	color: #282828;
	border: 1px solid #909090;
	border-radius: 50px;
	cursor: pointer;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap .ul
	{
	margin: 17px 0 19px;
	gap: 5px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap .ul p
	{
	color: #6d6d6d;
	font-size: 14px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap .file-list
	{
	display: inline-block;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap .file-list .file
	{
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0 9px 0 19px;
	height: 40px;
	border-radius: 40px;
	background: #f8f8f8;
	margin-bottom: 10px;
}

.popup-wrap .popup .popup-content .form .form-control-wrap .form-control-file-wrap .file-list .file p
	{
	color: #6e6e6e;
	font-size: 16px;
}

.popup-wrap .popup .popup-content .form-description {
	padding-top: 26px;
	border-top: 1px solid #e3e3e3;
}

.popup-wrap .popup .popup-content .form-description p {
	color: #6d6d6d;
	font-size: 14px;
	line-height: 22px;
}

.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.justify-between {
	justify-content: space-between;
}

.popup-wrap .popup .popup-content .btn.underline.small {
	text-decoration: underline;
	font-size: 14px;
	color: #282828;
}

.popup-wrap .popup .popup-content .submit {
	padding-top: 43px;
	border-top: 1px solid #e3e3e3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
}

.popup-wrap .popup .popup-content .submit .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 60px;
	border-radius: 60px;
	font-size: 16px;
	font-weight: 500;
}

.popup-wrap .popup .popup-content .submit .btn.cancel {
	color: #282828;
	border: 1px solid #808080;
}

.popup-wrap .popup .popup-content .submit .btn.save {
	background: #000;
	color: white;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

table th {
	background: #f2f2f2;
	padding: 22px 0 23px;
	font-weight: 600;
	font-size: 16px;
	border-bottom: 1px solid #ededed;
}

table tr:last-child td {
	border-bottom: 0;
}

table td {
	padding: 20px 20px;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	line-height: 24px;
}

table td:last-child {
	border-right: 0;
}

table td.text-center {
	text-align: center;
}

table td.font-medium {
	font-weight: 500;
}

.content-main .content-section7 {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 120px auto;
}

.content-main .content-section7 .title {
	margin-bottom: 40px;
}

.content-main .content-section7 .content-wrap {
	margin-bottom: 40px;
	width: 100%;
}

.content-main .content-section7 .content-wrap p {
	font-weight: bold;
	font-size: 24px;
	color: #010101;
	margin-bottom: 23px;
}

.content-main .content-section7 .content-wrap table {
	width: 100%;
}

.content-main .content-section8 {
	padding: 116px 0;
	background: #f9fafb;
}

.content-main .content-section8>div {
	width: 1140px;
	margin: auto;
	position: relative;
}

.content-main .content-section8 p {
	padding: 0 41px;
	font-size: 29px;
	line-height: 47px;
	font-weight: 600;
	text-align: center;
	color: #010101;
	margin: auto;
	width: fit-content;
}

.content-main .content-section8 .top {
	position: absolute;
	top: 0;
	left: 20px;
}

.content-main .content-section8 .bottom {
	position: absolute;
	bottom: 0;
	right: 20px;
}

.content-main .content-section9 {
	width: 1140px;
	margin: auto;
	padding: 110px 0;
	border-bottom: 1px solid #e8e8e8;
}

.content-main .content-section10 {
	max-width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.content-main .content-section10 .title-wrap {
	width: 1140px;
	margin: auto auto 25px;
	gap: 0;
}

.content-main .content-section10 .title-wrap h1 {
	font-size: 36px;
	font-weight: bold;
	color: #010101;
}

.content-main .content-section10 .title-wrap h2 {
	font-size: 28px;
	font-weight: bold;
	color: #010101;
	margin: 19px 0 17px;
}

.content-main .content-section10 .title-wrap div {
	background: #f4f4f4;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	border-radius: 34px;
	font-size: 14px;
	color: #585858;
	position: relative;
}

.content-main .content-section10 .bg {
	width: 1215px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 387px;
}

.content-main .content-section10 .section-content {
	position: relative;
	height: 442px;
}

.content-main .content-section10 .section-content svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}

.content-main .content-section10 .section-content path {
	/* stroke-dasharray: 1000; */
	/* stroke-dashoffset: 1000; */
	/* animation: drawPath 2s ease/ forwards; */
	
}

.content-main .content-section10 .section-content .box-wrap {
	position: relative;
	width: 1140px;
	height: 442px;
	margin: auto;
}

.content-main .content-section10 .section-content .box {
	position: absolute;
}

.content-main .content-section10 .section-content .box img {
	width: 101px;
}

.content-main .content-section10 .section-content .box h1 {
	font-weight: 600;
	font-size: 32px;
	margin-top: 26px;
}

.content-main .content-section10 .section-content .box .content {
	font-size: 18px;
	line-height: 24px;
	margin-top: 21px;
	margin-bottom: 15px;
}

.content-main .content-section10 .section-content .box .desc {
	color: #585858;
	font-size: 14px;
}

.content-main .content-section11 {
	margin-top: 117px;
	display: flex;
	flex-direction: column;
	gap: 37px;
	padding-bottom: 110px;
	border-bottom: 1px solid #e8e8e8;
}

.content-main .content-section11 .title {
	font-size: 28px;
	color: #010101;
}

.content-main .content-section11 .card-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
}

.content-main .content-section11 .card-wrap .card {
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.content-main .content-section11 .card-wrap .card img {
	width: 100%;
}

.content-main .content-section11 .card-wrap .card h1 {
	font-size: 24px;
	font-weight: 600;
	color: #010101;
}

.content-main .content-section11 .card-wrap .card p {
	font-size: 18px;
	color: #484848;
	line-height: 26px;
}

.content-main .content-section12 {
	padding: 112px 0 120px;
	display: flex;
	flex-direction: column;
	gap: 42px;
}

.content-main .content-section12 .activity-list .activity .title-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.content-main .content-section12 .activity-list .activity .title-wrap h1
	{
	font-size: 24px;
	font-weight: bold;
	color: #010101;
}

.content-main .content-section12 .activity-list .activity .title-wrap p
	{
	font-size: 16px;
	line-height: 23px;
	color: #484848;
}

.content-main .content-section12 .activity-list .activity .btn {
	margin-top: 36px;
}

.popup .popup-content .content-section1 .section-title {
	margin-bottom: 20px;
}

.popup .popup-content .content-section1 .content-wrap .title {
	font-size: 18px;
	font-weight: 600;
	color: #ff6400;
	margin-bottom: 19px;
}

.popup .popup-content .content-section1 .content-wrap .content {
	font-size: 16px;
	color: #313131;
	line-height: 26px;
}

.popup .popup-content .content-section1 .content-wrap+.content-wrap {
	margin-top: 23px;
}

.content-main .content-section15 {
	display: flex;
	flex-direction: column;
	gap: 50px;
	padding-bottom: 120px;
}

.content-main .content-section15 .description-wrap {
	padding: 47px 45px 45px;
	background: #f8f8f8;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.content-main .content-section15 .description-wrap .title {
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	color: #010101;
}

.content-main .content-section15 .description-wrap .description {
	padding: 26px 28px;
	background: white;
	border: 1px solid #e1e1e1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.content-main .content-section15 .description-wrap .description .desc {
	display: flex;
	align-items: center;
	gap: 10px;
}

.content-main .content-section15 .description-wrap .description .desc div
	{
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d7d7d7;
	font-size: 13px;
	font-weight: 500;
	color: #010101;
	border-radius: 100%;
}

.content-main .content-section15 .description-wrap .description .desc p
	{
	color: #323232;
}

.popup .popup-content .content-section2 .content-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	width: 100%;
}

.popup .popup-content .content-section2 .content-wrap .content {
	padding: 25px 38px 33px 22px;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: end;
}

.popup .popup-content .content-section2 .content-wrap .content h1 {
	color: #ff6400;
	font-size: 32px;
	font-weight: bold;
	width: 100%;
}

.popup .popup-content .content-section2 .content-wrap .content h2 {
	margin: 25px 0 20px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	width: 100%;
}

.popup .popup-content .content-section2 .content-wrap .content .ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 30px;
	width: 100%;
	flex-grow: 1;
}

.popup .popup-content .content-section2 .content-wrap .content .ul .li {
	align-items: start;
	font-size: 16px;
	color: #323232;
	word-break: keep-all;
}

.popup .popup-content .content-section2 .content-wrap .content .ul .li::before
	{
	margin-top: 8px;
	margin-right: 9px;
}

.popup .popup-content .relative {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup .popup-content .absolute {
	position: absolute;
}

.graph-container {
	position: relative;
	width: 273px;
	/* 가로 크기 조정 */
	height: 91px;
	/* 세로 크기 조정 */
}

/* 가로선 */
.graph-container .horizontal-line {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #ff6400;
}

/* 세로선 */
.graph-container .vertical-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	background-color: #ff6400;
}

/* 화살표 */
.graph-container .arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #ff6400;
	border-radius: 2px;
}

.container {
	background: #f9f9f9;
	width: 100%;
	height: 315px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.container .top {
	display: flex;
	align-items: center;
	gap: 15px;
	width: fit-content;
}

.container .box {
	width: 130px;
	height: 100px;
	border: 1px solid #ff6400;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff;
	font-weight: 500;
	color: #010101;
}

.container .box.primary {
	background: #ff6400;
	color: #fff;
}

.container1 .bottom {
	display: flex;
	padding-right: 375px;
	width: 100%;
	justify-content: end;
}

.container1 .bottom .no {
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
}

.container1 .bottom .no p {
	font-size: 14px;
	color: #ff6400;
	font-weight: 500;
	position: absolute;
	right: -20px;
}

.container1 .bottom .right {
	display: flex;
	flex-direction: column;
	gap: 13px;
	align-items: center;
}

.container2 .title-wrap {
	position: relative;
	width: 145px;
}

.container2 .title-wrap .title {
	font-size: 24px;
	font-weight: bold;
	color: #010101;
}

.container2 .title-wrap .desc {
	font-size: 18px;
	color: #5b5b5b;
	position: absolute;
	bottom: -25px;
}

.container2 .line {
	width: 90px;
	height: 1px;
	background: #e1e1e1;
	margin-right: 15px;
}

.container2>div {
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.container2 .top {
	margin-bottom: 70px;
}

.container2 .top .content {
	flex-grow: 1;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #ff6400;
}

.container2 .middle {
	margin-bottom: 20px;
}

.container2 .middle .content {
	border: 1px solid #ff6400;
	border-radius: 10px;
	height: 64px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 600;
	color: #010101;
}

.container2 .bottom .content-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	flex-grow: 1;
}

.container2 .bottom .content-wrap .content {
	width: 100%;
	height: 220px;
	/* padding-bottom: 38px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	align-items: center;
}

.container2 .bottom .content-wrap .content img {
	height: 80px;
	object-fit: none;
	width: auto !important;
}

.container2 .bottom .content-wrap .content p {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.container3 {
	height: 370px;
	flex-direction: row;
	gap: 15px;
	position: relative;
}

.container3 .box {
	width: 150px;
	height: 130px;
}

.container3 .vertical {
	display: flex;
	flex-direction: column;
	position: relative;
}

.container3 .top {
	position: absolute;
	top: -88px;
	left: 0;
	right: 0;
	margin: auto;
	width: 285px;
	height: 88px;
	gap: 0;
}

.container3 .top .box {
	width: 210px;
	height: 62px;
	margin-bottom: auto;
}

.container3 .top img {
	margin-top: auto;
}

.container3 .bottom {
	position: absolute;
	bottom: -88px;
	left: 0;
	right: 0;
	margin: auto;
	width: 285px;
	height: 88px;
	gap: 0;
	display: flex;
	align-items: center;
}

.container3 .bottom .box {
	width: 210px;
	height: 62px;
	margin-top: auto;
}

.container3 .bottom img {
	margin-bottom: auto;
}

.container4 {
	width: 777px;
	height: 786px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.container4 .item-wrap {
	width: 193px;
	height: 193px;
	flex-shrink: 0;
	background: #FFEADC;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.container4 .item-wrap .item {
	width: 183px;
	height: 183px;
	flex-shrink: 0;
	background: #fff;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.container4 .item-wrap .item p {
	font-size: 16px;
	color: #323232;
	text-align: center;
}

.container4 .title-wrap {
	width: 299px;
	height: 299px;
	border-radius: 100%;
	border: 1px solid #FFD7BD;
	background: #FFEADC;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.container4 .title-wrap .title {
	width: 249px;
	height: 249px;
	flex-shrink: 0;
	background: #FF6400;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* z-index: 1; */
}

.container4 .title-wrap .title .line {
	margin: 16px 0 18px;
	width: 202px;
	height: 1px;
	background: #ff883b;
	position: unset;
}

.container4 .title-wrap .title p {
	font-size: 26px;
	font-weight: 600;
	color: #fff;
}

.container4 .line {
	position: absolute;
	/* width: 11px;
  height: 90px; */
}

.container5 {
	flex-direction: row;
	gap: 15px;
	align-items: center;
	height: 206px;
}

.container5 .box {
	width: 150px;
	height: 130px;
}

.container5 .box-wrap {
	display: flex;
}

.container5 .box-wrap .vertical {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.container5 .box-wrap .vertical .box {
	width: 210px;
	height: 62px;
	display: flex;
	flex-direction: column;
}

.container5 .box-wrap .vertical .box p {
	margin-bottom: 7px;
	font-weight: 600;
	font-size: 14px;
	color: #ff6400;
}

.container6 .title-wrap {
	position: relative;
	width: 145px;
}

.container6 .title-wrap .title {
	font-size: 24px;
	font-weight: bold;
	color: #010101;
}

.container6 .title-wrap .desc {
	font-size: 18px;
	color: #5b5b5b;
	position: absolute;
	bottom: -25px;
}

.container6 .line {
	width: 90px;
	height: 1px;
	background: #e1e1e1;
	margin-right: 15px;
}

.container6>div {
	display: flex;
	align-items: center;
}

.container6 .top {
	margin-bottom: 70px;
}

.container6 .top .content {
	flex-grow: 1;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #ff6400;
}

.container6 .middle .content-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	flex-grow: 1;
}

.container6 .middle .content-wrap .content {
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	height: 230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.container6 .middle .content-wrap .content h1 {
	font-size: 20px;
	font-weight: 600;
	color: #ff6400;
	margin-bottom: 17px;
	margin-top: 25px;
}

.container6 .middle .content-wrap .content img {
	height: 55px;
	object-fit: none;
	width: auto !important;
}

.container6 .middle .content-wrap .content p {
	color: #323232;
	text-align: center;
}

.container6 .bottom {
	margin-top: 26px;
}

.container6 .bottom .content-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	flex-grow: 1;
}

.container6 .bottom .content-wrap .content {
	width: 100%;
	border-radius: 10px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f3f3;
	color: #323232;
}

.content-main .content-section16 {
	display: flex;
	flex-direction: column;
	gap: 36px;
	padding-bottom: 120px;
}

.content-main .content-section16 .content-wrap {
	height: 364px;
	position: relative;
}

.content-main .content-section16 .content-wrap img {
	height: 364px;
}

.content-main .content-section16 .content-wrap .content {
	position: absolute;
	top: 86px;
	left: 67px;
}

.content-main .content-section16 .content-wrap .content h1 {
	font-size: 18px;
	color: #010101;
	font-weight: bold;
}

.content-main .content-section16 .content-wrap .content h2 {
	font-size: 34px;
	color: #010101;
	font-weight: bold;
	line-height: 51px;
	margin: 27px 0 63px;
}

.content-main .content-section16 .content-wrap .content p {
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
}

.container7 {
	height: 280px;
	flex-direction: row;
	align-items: center;
}

.container7 .arrow {
	margin: 0 14px 0 17px;
}

.container7 .box {
	width: 130px;
	height: 204px;
	flex-direction: column;
	color: #313131;
}

.container7 .box img {
	
}

.container7 .box h1 {
	margin-top: 25px;
	margin-bottom: 14px;
	font-size: 18px;
	font-weight: 600;
}

.container7 .vertical {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.container7 .box.gray {
	background: #3e4043;
	width: 460px;
	height: 90px;
	display: flex;
	flex-direction: column;
	gap: 11px;
	align-items: center;
	border-color: #3e4043;
}

.container7 .box.gray h1 {
	font-weight: 600;
	font-size: 22px;
	color: #fff;
	margin: 0;
}

.container7 .box.gray p {
	font-weight: 500;
	font-size: 15px;
	color: #fff;
}

.container7 .grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4px;
	width: 460px;
}

.container7 .grid .box {
	width: 100%;
	height: 50px;
	color: #313131;
	border-color: #b9b9b9;
}

.container8 .title-wrap {
	position: relative;
	width: 145px;
}

.container8 .title-wrap .title {
	font-size: 24px;
	font-weight: bold;
	color: #010101;
}

.container8 .title-wrap .desc {
	font-size: 18px;
	color: #5b5b5b;
	position: absolute;
	bottom: -25px;
}

.container8 .line {
	width: 90px;
	height: 1px;
	background: #e1e1e1;
	margin-right: 15px;
}

.container8>div {
	display: flex;
	align-items: center;
}

.container8 .top {
	margin-bottom: 70px;
}

.container8 .top .content {
	flex-grow: 1;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #ff6400;
}

.container8 .middle {
	margin-bottom: 25px;
}

.container8 .middle .content-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	flex-grow: 1;
}

.container8 .middle .content-wrap .content {
	display: flex;
	position: relative;
	flex-direction: column;
	gap: 30px;
	align-items: center;
}

.container8 .middle .content-wrap .content .img-wrap {
	height: 80px;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

.container8 .middle .content-wrap .content .img-wrap::before {
	content: '';
	width: 1px;
	height: 63px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	background: #f2f2f2;
}

.container8 .middle .content-wrap .content .img-wrap::after {
	content: '';
	width: 1px;
	height: 63px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	background: #f2f2f2;
}

.container8 .middle .content-wrap .content img {
	height: 80px;
	object-fit: none;
	width: auto !important;
}

.container8 .middle .content-wrap .content p {
	width: 100%;
	height: 80px;
	border-radius: 10px;
	background: #e3e3e3;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #323232;
	font-weight: 600;
}

.container8 .middle .content-wrap .content .icon-line {
	height: 30px;
	width: 13px !important;
	position: absolute;
	bottom: -29px;
	left: 0;
	right: 0;
	margin: auto;
	/* z-index: 9; */
	object-fit: unset;
}

.container8 .bottom .content-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	flex-grow: 1;
}

.container8 .bottom .content-wrap .content {
	padding: 25px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
}

.container8 .bottom .content-wrap .content .ul {
	gap: 8px;
}

.container8 .bottom .content-wrap .content .li {
	color: #323232;
	font-size: 16px;
	align-items: start;
}

.container8 .bottom .content-wrap .content .li::before {
	margin-top: 8px;
}

.container9 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.container9 .content {
	border-radius: 10px;
}

.container9 .content .title {
	width: 100%;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	background: #ff6400;
	border-radius: 10px 10px 0 0;
	border: 1px solid #ff6400;
}

.container9 .content .middle {
	/* height: 175px; */
	padding: 35px 25px 25px;
	display: flex;
	flex-direction: column;
	gap: 29px;
	align-items: center;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}

.container9 .content .middle img {
	height: 46px;
	object-fit: none;
}

.container9 .content .middle .ul {
	width: 100%;
	gap: 8px;
}

/* .container9 .content .middle .ul .li {
	color: #323232;
} */
.container9 .content .bottom {
	/* height: 100px; */
	padding: 22px 24px;
	color: #323232;
	font-size: 14px;
	background: #f9f9f9;
	border-radius: 0 0 10px 10px;
	border: 1px solid #e4e4e4;
	border-top: 0;
	line-height: 22px;
}

.container9 .content .spacer {
	height: 22px; /* 공백 높이 */
	visibility: hidden; /* 화면에 보이지 않도록 설정 */
}

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

.container10 .content {
	/* height: 320px; */
	display: flex;
	flex-direction: column;
}

.container10 .content .title {
	width: 100%;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	background: #ff6400;
	border-radius: 10px 10px 0 0;
	border: 1px solid #ff6400;
}

.container10 .content .middle {
	padding: 30px 25px 32px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	border: 1px solid #e4e4e4;
	border-top: 0;
	flex-grow: 1;
	border-radius: 0 0 10px 10px;
}

.container10 .content .middle .ul {
	width: 100%;
	gap: 8px;
}

.container10 .content .middle .ul .li {
	color: #323232;
}

.container10 .content .middle img {
	height: 57px;
	object-fit: none;
}

.container11 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	width: 100%;
}

.container11 .content-wrap {
	width: 350px;
	height: 350px;
	border-radius: 100%;
	background: #ff6400;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container11 .content-wrap .content {
	border: 1px solid #fe7f2d;
	width: 330px;
	height: 330px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.container11 .content-wrap .content img {
	height: 56px;
	width: auto;
	object-fit: none;
}

.container11 .content-wrap .content h1 {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	margin-top: 33px;
}

.container11 .content-wrap .content .line {
	margin: 21px 0 24px;
	width: 244px;
	height: 1px;
	background: #ff8a3f;
}

.container11 .content-wrap .content p {
	font-size: 16px;
	color: white;
	text-align: center;
	line-height: 24px;
}

/* 231101 pager 추가 :: S */
.pager {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pager .pager_arrow {
	display: block;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Pretendard';
	color: #323232;
}

.pager .pager_num {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 53px;
}

.pager .pager_num .num {
	display: block;
	width: 40px;
	line-height: 24px;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Pretendard';
	color: #323232;
	text-align: center;
	border-radius: 12px;
}

.pager .pager_num .num.on {
	background: #ff6400;
	color: #fff;
}
/* 231101 pager 추가 :: E */