@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}
@media(min-width:970px){
	.page_container { margin-top: 150px} 
}


/* ■■■■■■■■■■■■■■ 페이지 시작 ■■■■■■■■■■■■■■■ */
#container_title {display:none;}
.c03_wrap {
	width:100%;
	overflow:hidden;
	background:#cdc5b2;
	padding:100px 0;
}
.c03 {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.c03_wrap h2 {
	text-align:center;
	margin-bottom:50px;
	font-size:30px;
}
.class03_box {
	width:32%;
	float:left;
	margin-left:1%;
	background:#fff;
	padding-bottom: 30px;
}
.c_text {
	font-size:14px;
	line-height:30px;
	text-align:center;
	height:300px;
	padding:20px;
	word-break:keep-all;
}
.c_text span {
	font-weight:bold;
	font-size:18px;
}
.c_btn {
	width:200px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	display:block;
}
.c_btn a {
	font-weight:bold;
	font-size:15px;
	display:block;
}
.c_btn:hover a {
	color: #a39c8d;
}
.c_top_text_wrap {
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding: 0 0 150px 0;
}
.c_top_text {
	font-size:45px;
	font-weight:bold;
	font-family: 'Eulyoo1945-SemiBold';
}
.c_top_tit {
	margin-top:80px;
	font-size:18px;
	line-height:30px;
}
.c_top_tit span {
	font-weight:bold;
	font-size:20px;
}
.c_icon_wrap {
	width:100%;
	overflow:hidden;
}
.c_icon {
	width:1200px;
	margin:0 auto;
	padding: 50px 0 200px 0;
	overflow: hidden;
}
.c_icon_box {
	width:25%;
	float:left;
	text-align:center;
}
.c_icon_box a {
	font-size:17px;
	font-weight:bold;
	line-height:35px;
}
.icon_images {
	width:100%;
}
.c_icon_box:hover a {
	color:#4c4f39;
}
@font-face {
    font-family: 'Eulyoo1945-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Eulyoo1945-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.c02_wrap_vedio {
	width:100%;
	padding:100px 0;
	overflow:hidden;
	background:url('/theme/jelly/img/sub/main_back01.png');
}
.c02s {
	width:1200px;
	margin:0 auto;
	height:500px;
	background:#fff;
	padding:30px;
}
.c02s_left {
	width:60%;
	float:left;
	height:439px;
}
.c02s_right {
	width:38%;
	float:left;
	margin-left:2%;
	padding:20px;
}
.c02s_right h2 {
	font-size:25px;
	font-weight:bold;
	margin-top:33px;
	color:#687352;

}
.c02_text_vedio {
	font-size:16px;
	line-height:35px;
	margin-top:30px;
	padding: 0 80px 0 0;
}
.c02s_btn {
	width:250px;
	margin-top:35px;
	background: #687352;
	padding:15px;
	display:block;
}
.c02s_btn a {
	font-size:16px;
	display:block;
	color:#fff;
	font-weight:400;
}
.c02s_btn:hover {
	border:1px solid #687352;
	background:#fff;
}
.c02s_btn:hover a{
	color:#687352;
}
.c02s_2_wrap {
	width:100%;
	padding:100px 0;
	overflow:hidden;
	background:#687352;
}
.c02s_2 {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.c02s_2_text {
	padding:80px 45px;
	width:40%;
	height:500px;
	float:left;
	background:#fff;
	text-align:right;
	word-break:keep-all;
}
.c02s_2_text h2 {
	font-size:25px;
	color:#687352;
}
.c02s_2_text02 {
	font-size:16px;
	margin-top:30px;
	line-height:35px;
	text-align:right;
	padding:0 0 0 80px;
}
.c02s_2_images_wrap {
	width:60%;
	float:left;
}
.c02s_2_btn {
	width:250px;
	margin-top:50px;
	background:#687352;
	float: right;
}
.c02s_2_btn a {
	font-size:16px;
	font-weight:400;
	padding:15px;
	display:block;
	color:#fff;
}
.c02s_2_btn:hover {
	background:#fff;
	border:1px solid #687352;
}
.c02s_2_btn:hover a {
	color:#687352;
}
@media (max-width: 1200px){
#container_title {
	max-width:100%;
}
	.c_top {width:100%;}
	.c_top_text_wrap {width:100%;}
	.c_icon {width:100%;}
	.c02s {width:85%;}
	.c02s_left {widtH:50%;}
	.c02s_right {width:48%;}
	.c02s_2 {width:85%;}
	.c02s_2_text {width:100%; float:none; padding: 50px 30px;}
	.c02s_2_images_wrap {width:100%; float:none;}
	.c02s_2_images_wrap img {width:100%;}
	.c03 {width:100%;}
}
@media (max-width: 969px){
	.c_icon_box {width:25%; font-size:15px;}
	.c02s_left {width:100%; float:none;}
	.c02s {height:auto;}
	.c02s_right {width:100%; float:none; margin-left:0; padding:0;}
	.c02_text_vedio {padding:0;}
	.c02s_right h2 {font-size:20px;}
	.c02_text_vedio {font-size:15px;}
	.c02s_btn a {font-size:15px;}
	.c02s_2_text h2 {font-size:20px; text-align:center;}
	.c02s_2_text02 {font-size:15px; padding:0;}
	.c02s_2_btn a {font-size:15px; text-align:center;}
	.c03_wrap h2 {font-size:22px; padding:0 10px;}
	.class03_box {width:95%; float:none;  margin:30px auto;}
	.c_images img {width:100%;}
	.c_top_tit {font-size:16px;}
	.icon_images img {width:100%;}
	.c02s_btn,.c02s_2_btn {width:100%;}
	.c_top_text_wrap {padding:0;}
	.c_icon {padding:50px 0;}
	.cosmetic_cont {padding: 50px 0 30px 0px;}
	.c_icon_box a {font-size:15px;}
}

.wrap_btn {
	width:250px;
	margin:50px auto;
	line-height:50px;
	text-align:center;
	border:1px solid #000;
}
.wrap_btn a {
	display:block;
	font-size:18px;
	font-weight:bold;
}
.wrap_btn:hover {
	background:#aeb691;
	border:1px solid #aeb691;
}
.wrap_btn:hover a {
	color:#fff;
}