.all_bg {background: url(/img/all_bg.jpg) 50% 50% / cover no-repeat;}
.mc04 {padding: 150px 0; /*background: url(/img/mv04_bg.jpg) 50% 50% / cover no-repeat;*/}
.mc04 .flex-box {gap: 65px}

@media (max-width: 991px) {
	.mc04 {padding: 75px 0 65px;}
	.mc04 .flex-box {gap: 65px; flex-direction: column; gap:30px;}
	.mc04 .text_box .tit {text-align: center; margin-bottom: 50px;}
}

.text_box .tit {font-size: 60px;color: #3d2500;margin-bottom: 45px; line-height: 1.4;}

@media (max-width: 991px) {
	.text_box .tit {font-size: 30px;margin-bottom: 30px; line-height: 38px;}
}

/* SUB */
.sub-body>.container_fix {width: 1230px; background-color: var(--secondary-color); padding: 120px 0; margin-top: 120px;}
.img_sec_bg {background-color: var(--secondary-color);}
.img_sec_bg>.container_fix {width: 1230px;}
.postion {position: relative;}
.text_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.tab_content > li {display: none;}
.tab_content > li.on {display: block;}
.tab_menu {display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #e1e1e1; margin-bottom: 130px;}
.tab_menu > li > a {display: flex; justify-content: center; align-items: center; padding: 35px 0; font-size: 16px; color: #999;}
.tab_menu > li.on > a {color: #b2a8a2; border-bottom: 1px solid #b2a8a2;}

@media (max-width: 991px) {
	.sub-body>.container_fix {padding: 50px 15px; margin-top: 50px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상단 탑배너 html > page > top_banner.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_banner {position: relative;width: 100%;padding: 170px 0 80px; margin: 0 auto;text-align: left; background-color: var(--secondary-color);}
.top_banner .container_fix {width: 1230px;}
.top_banner .top_banner_txt {}
.top_banner .top_banner_txt .menu_nav {margin-bottom: 30px;}
.top_banner .top_banner_txt .menu_nav > a {display: inline-block;font-size: 16px;color: var(--primary-color); }
.top_banner .top_banner_txt .menu_nav > a img {display: inline-block;position: relative;top: -3px;}
.top_banner .top_banner_txt .menu_nav > a span.text {display: inline-block;margin-left: 5px; opacity: 0.7;}
.top_banner .top_banner_txt .menu_nav > p {display: inline-block;font-size: 16px;color: var(--primary-color); opacity: 0.7;}
.top_banner .top_banner_txt .menu_nav > p span.menu_angle {display: inline-block;margin: 0 10px; font-size: 13px; position: relative;top: -1px;}
.top_banner .top_banner_txt .title_box {}
.top_banner .top_banner_txt .title_box h1 {font-size: 50px;color: var(--primary-color);font-weight: bold;}

@media (max-width: 991px) {
    .top_banner {padding:100px 0 30px; margin: 0 auto;}
		.top_banner .top_banner_txt .menu_nav {margin-bottom: 25px;}
    .top_banner .top_banner_txt .menu_nav > a {font-size: 13px;}
    .top_banner .top_banner_txt .menu_nav > a img {width: 16px;top: -3px;}
    .top_banner .top_banner_txt .menu_nav > a span.text {margin-left: 5px;}
    .top_banner .top_banner_txt .menu_nav > p {font-size: 13px;}
    .top_banner .top_banner_txt .menu_nav > p span.menu_angle {margin: 0 8px;}
    .top_banner .top_banner_txt .title_box h1 {font-size: 30px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상단 탑메뉴 html > page > top_banner.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_menu {width: 100%;padding-bottom: calc(100px - 20px); background-color: var(--secondary-color);}
.top_menu .top_menu_pc {display: block;}
.top_menu .top_menu_pc .container_fix {width: 1230px;}
.top_menu .top_menu_pc .menu_ul {width: 100%;text-align: left;display: block;}
.top_menu .top_menu_pc .menu_ul > li {display: inline-block;vertical-align: top;margin-right: 45px;padding-bottom: 15px;position: relative;}
.top_menu .top_menu_pc .menu_ul > li.on::after {content: "";width: 100%;height: 2px;background: var(--primary-color);position: absolute;left: 0;bottom: 0;}
.top_menu .top_menu_pc .menu_ul > li:last-child {margin-right: 0;}
.top_menu .top_menu_pc .menu_ul > li > a {display: inline-block;width: auto;font-size: 16px;color: var(--primary-color); opacity: 0.7; font-weight: 400;}
.top_menu .top_menu_pc .menu_ul > li.on > a {font-weight: 500; opacity: 1;}
.top_menu .top_menu_mobile {display: none;}

@media (min-width: 992px) {
    .top_menu.mb100 {margin-bottom:100px;}
}

@media (max-width: 991px) {
    .top_menu {padding-bottom:50px;}
    .top_menu .top_menu_pc {display: none;}
    .top_menu .top_menu_mobile {display: block;}
    .top_menu .top_menu_mobile .top_menu_drop {width: 100%;}
    .top_menu .top_menu_mobile .top_menu_drop > a {display: block;width: 100%;height: 42px;line-height: 42px;position: relative;border-bottom: 1px solid var(--primary-color);text-align: center;font-size: 14px;color: var(--primary-color);font-weight: 500;}
    .top_menu .top_menu_mobile .top_menu_drop > a span.arrow {position: absolute;right: 15px;}
    .top_menu .top_menu_mobile .top_menu_drop .dropdown-menu {width: 100%;text-align: center;margin: 0;padding: 15px 0;border-radius: 0;top: calc(100%); background-color: var(--secondary-color); border: 1px solid #dfd4c9;
		box-shadow: 0 0 20px rgba(61,37,0,.08);}
    .top_menu .top_menu_mobile .top_menu_drop .dropdown-menu li a {padding: 5px 0;font-size: 14px;color: var(--primary-color); opacity: 0.7;}
    .top_menu .top_menu_mobile .top_menu_drop .dropdown-menu li a:hover {background-color: transparent;opacity: 1;}
}

@media (max-width: 480px) {
    .top_menu .top_menu_mobile .top_menu_drop > a span.arrow {right:10px;}
    .top_menu .top_menu_mobile .top_menu_drop > a span.arrow img {width: 11px;}
}

/* SHOPPING */
.view-wrap .buy_btn {display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 110px; height: 40px; font-size: 17px;color: #ffffff;font-weight: 600;background-color: #3d2500; margin: 0 auto;}
@media (max-width: 991px) {
	.view-wrap .buy_btn {width: 82px; height: 32px; border-radius: 20px; font-size: 13px;}
}