/* style css */
body, html {
	overflow-x:hidden;
	font-size:62.5%;
	min-width:320px;
}

img {
	-webkit-user-drag: none;
}

::selection {
   background: #990544;
   color: #fff
}

::-moz-selection {
   background: #990544;
   color: #fff
}


::-webkit-selection {
    background: #990544;
   color: #fff
}


body, html {
	
}

body {
	-webkit-font-smoothing: antialiased;
	color:#333;
	position:relative;
	margin: auto;
}

.row {
	padding: 0 20px;
	margin: auto
}

.intro {
	display:none;
	position:fixed;
	z-index: 9999990;
	width: 100%;
	height: calc(var(--vh));
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	min-width:320px;
	
}

.intro.close::before {
	transform:translateY(-100%);
}


.intro::before {
	content:'';
	display:block;
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background-color:#fff;
	z-index: 9999989;
	transition: all 700ms ease-in-out;
}



.intro::after {
	content:'';
	display:block;
	position:absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background-color:#fff;
	z-index: 9999989;
	transition: all 700ms ease-in-out;
}

.intro.close::after {
	transform:translateY(100%);
}

.intro span {
	display:inline-block;
	overflow:hidden;
	position:relative;
	z-index: 9999990;
}

.intro span img {
	display:inline-block;
	transform:translateY(100%);
	
}

.intro.text span img {
	transition: all 500ms ease-in-out;
	transform:translateY(0);
}

.intro.text .top {
	margin-bottom: 15px;
}

.intro.text .top span:nth-child(2) img {
	transition-delay:0.15s;
}

.intro.text .top span:nth-child(3) img {
	transition-delay:0.3s;
}

.intro.text .top span:nth-child(3) {
	margin-right: 15px;
}

.intro.text .top span:nth-child(4) img {
	transition-delay:0.45s;
}

.intro.text .top span:nth-child(5) img {
	transition-delay:0.6s;
}

.intro.text .top span:nth-child(6) img {
	transition-delay:0.75s;
}

.intro.text .bt span img {
	transition-delay:1s;
}


.logo_ci {
	vertical-align:top;
	display:inline-block;
	margin-top: 10px;
}

.logo_ci.main2 {
	margin-top: 0px;
}

/* 헤더 */
.header {
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align:center;
	z-index: 999999;
	transition:all 300ms ease-in-out;
	!background-color:#000;
	height: 140px;
	min-width:320px;
}

.header.w {
	background-color:#fff;
}

.header .row {
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content: space-between;
	height: 100%;
	max-width:1720px;
	padding: 0 20px;
}

.header h1 {
	padding-top: 25px;
}

.header .nav {
	display:flex;
	/*position:absolute;
	left: 50%;
	transform:translate(-50%, 0);*/
}

.header .right_box {
	display:flex;
	align-items:center;
	height: 60%;
}

.header .nav > li {
	position:relative;
	padding: 0 20px;
	text-align:center;
	height: 100%;
	line-height:100px;
}

.header .nav > li > a {
	font-weight:900;
	letter-spacing:-1px;
	color:#fff;
	position:relative;
	font-size:1.8rem;
}


.header .nav > li > a br {
	display:none;
}

/* EN */
.en .header .nav > li > a {
	line-height:100%;
}

.header .nav > li.on > a::before {
	content:'';
	display:block;
	position:absolute;
	right: -5px;
	top: -15px;
	width: 5px;
	height: 8px;
	border-radius:5px;
	background-color:#94002f;
	transform:rotate(45deg);
}

.header .nav li .sub_menu {
	display:none;
	position:absolute;
	background-color:#94002f;
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, 20px);
	width: 150px;
	padding: 15px;
	border-radius:20px;
}

/* EN */
.en .header .nav li .sub_menu {
	width: 110%;
}

.en .header .nav li .sub_menu li {
	margin-bottom: 10px;
}

.en .header .nav li .sub_menu li:last-child {
	margin-bottom: 0;
}

.en .header .nav li .sub_menu li,
.en .header .nav li .sub_menu li a{
	line-height:100%;
}

.jp .header .nav li .sub_menu {
	width: 120%;
}

.header .nav li .sub_menu li a {
	color:#fff;
	font-size:1.6rem;
}


.language_select {
	position:relative;
	padding: 0 20px;
	cursor:pointer;
	font-family:'Montserrat-SemiBold';
	font-size:1.6rem;
}

.language_select b {
	color:#fff;
	margin: 0 5px;
}

.language_select .select {
	display:none;
	position:absolute;
	width: 120px;
	border:1px solid #373939;
	padding: 10px;
	left: 50%;
	transform:translateX(calc(-50% + 5px));
	margin-top: 10px;
	
}

.language_select .select a {
	color:#fff;
	font-family:'Montserrat-SemiBold';
}

.language_select .select a:hover {
	color:#94002f;
}

.naverstore {
	display:flex;
	align-items:center;
	color:#fff;
	margin-right: 20px;
	font-size:1.6rem;
}

.naverstore img {
	margin-right: 5px;
}




.fixed {
	display:flex;
	align-items:center;
	flex-direction:column;
	position:fixed;
	z-index: 1000;
	right: 40px;
	top: 50%;
	transform:translateY(-50%);
}

.fixed .top_btn {
	opacity: 0;
	visibility:hidden;
	display:block;
	margin-top: 40px;
	transform:translateX(100%);
	transition: all 400ms ease-in-out;
}

.fixed .top_btn.show {
	opacity: 1;
	visibility:visible;
	transform:translateX(0);
}


.scrolldown {
	position:fixed;
	z-index: 9;
	right: 85px;
	transform:translateX(-50%);
	bottom: 0;
}

.scrolldown .mousescroll {
    position: absolute;
    left: 50%;
   
    text-align: center;
    transition: all 250ms;
    z-index: 9;
    transform: translate(-50%, -100%);
}

.scrolldown .mousescroll p {
	color:#bebebe;
	font-family:'Montserrat-Regular';
	margin-bottom: 10px;
	font-size:1.4rem;
	writing-mode: vertical-lr;
}

.mousescroll .mouse {
    width: 1px;
    height: 100px;
    background-color: #bebebe;
    position: relative;
    margin: auto;
}

.mousescroll .mouse .wheel {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #856d52;
    top: 50%;
    left: 50%;
    animation: wheel 2s ease-out infinite;
}

@keyframes wheel {
	0%{opacity:0;  transform:translate(-50%, -30px) scale(1);}
	10%{opacity:1; transform:translate(-50%, -30px) scale( 1 );}
	50%{transform:translate(-50%, 15px) scale( 1 );}
	55%{opacity:1; transform:translate(-50%, 15px) scale(1);}
	60%{opacity:.3;}
	80%{opacity:0;transform:translate(-50%, 15px) scale(5);}
	100%{opacity:0;transform:translate(-50%, 15px) scale(5);}
}

.dc_pop {
	display:none;
	position:fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform:translate(-50%, -50%) !important;
	text-align:center;
	width: 100%;
	margin: auto;
}

.dc_pop .b-close {
	position:absolute;
	right: 400px;
	top: -10px;
	cursor:pointer;
	z-index: 999999;
}

.dc_pop .swiper_popup_slider {
	
	/* max-width:562px;
	
	padding: 0 40px;
	margin: auto; */
}

.dc_pop .swiper_popup_slider {

	position:relative;
	max-width:750px;
	margin: auto;
	overflow:hidden;
}

.dc_pop .swiper-wrapper {
	align-items:center;
}

.swiper-button-next, .swiper-button-prev {
	width: 56px !important;
	height: 56px !important;
	border-radius:50%;
	background-color:rgba(0,0,0,.3);
}

.swiper-button-next:after, .swiper-button-prev:after {
	
	color:#fff !important;
	display:inline-block;
	font-size:25px;

}


.all_menu {
	position:fixed;
	left: 0;
	top: 0;
	bottom:0; 
	right: 0;
	z-index: 999999;
	background-color:#94002f;
	width: 100%;
	height: calc(var(--vh));
	display:flex;
	transform:translateX(100%);
	transition:all 700ms ease-in-out;
}

.bg_black {
	position:fixed;
	left: 0;
	top: 0;
	bottom:0; 
	right: 0;
	z-index: 999999;
	background-color:rgba(0,0,0,.7);
	transform:translateX(-100%);
	transition:all 700ms ease-in-out;
}

.bg_black.open,
.all_menu.open {
	transform:translateX(0);
}

.all_menu .cg {
	width: 638px;
	height: 100%;
	background-image:url('../img/all_menu_cg.png?new');
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.all_menu .close_btn {
	position:absolute;
	right: 50px;
	top: 50px;
	z-index: 99;
}

.all_menu .inner {
	position:relative;
	max-width:1500px;
	padding: 0 50px;
	margin: auto;
	width: 100%;
	height: 100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.all_menu .inner .content {
	max-width: 830px;
	width: 100%;
}

.all_menu .inner .content .title {
	display:flex;
	width: 100%;
	justify-content:space-between;
	margin-bottom: 30px;
}

.all_menu .inner .content .title .tel_ {
	display:flex;
	align-items:center;
}

.all_menu .inner .content .title .tel_ span {
	color: #fff;
    font-size: 4rem;
    font-family: 'Montserrat-Bold';
	margin-left: 10px;
}

.all_menu .inner .content .menu_wrap {
	border-top:1px solid rgba(255, 255, 255, .3);
	margin-bottom: 50px;
}

.all_menu .inner .content .menu_wrap > li {
	display:flex;
	align-items:center;
	height: 70px;
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, .3);
}

.en .all_menu .inner .content .menu_wrap > li {
	height: 110px;
	}

.all_menu .inner .content .menu_wrap > li b {
	display:block;
	width: 300px;
	font-size:3rem;
	font-weight:700;
}

.jp .all_menu .inner .content .menu_wrap > li b {
	font-size:2.5rem;
}

.en .all_menu .inner .content .menu_wrap > li b {
	font-size:2.8rem;
}
/*EN*/
.en .all_menu .inner .content .menu_wrap > li b {
	!display:none
}

.all_menu .inner .content .menu_wrap > li .sub_menu {
	display:flex;
	align-items:center;
}

.all_menu .inner .content .menu_wrap > li .sub_menu li {
	margin-left: 25px;
	text-align:center;
	
}

.all_menu .inner .content .menu_wrap > li .sub_menu li a {
	position:relative;
	font-size:2.5rem;
	color:#fff;
}

.all_menu .inner .content .menu_wrap > li .sub_menu li a br {
		display:none;
	}

.all_menu .inner .content .menu_wrap > li .sub_menu li a::before {
	content:'';
	display:block;
	position:absolute;
	left: -10px;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	border-radius:50%;
	background-color:#fff;
	transition:all .4s ease-out;
}

.all_menu .inner .content .menu_wrap > li .sub_menu li a:hover::before {
	top: auto;
	bottom: -5px;
	left: 0;
	width: 100%;
}

.all_menu .inner .content .smartstore {
	margin-bottom: 20px;
}

.all_menu .inner .content .smartstore a img {
	filter: brightness(0) invert(1);
}

.all_menu .inner .content .smartstore a {
	display:inline-block;
	font-size:2.8rem;
	color:#fff;
	font-weight:700;
}

.all_menu .inner .content .smartstore a span {
	vertical-align:middle;
}

.all_menu .inner .content .smartstore a:hover {
	color:#38b045;
}

.all_menu .inner .content .smartstore a:hover img {
	filter:none;
} 

.all_menu .inner .content .languege_link {
	display:flex;
	align-items:center;
}

.all_menu .inner .content .languege_link .lg_list {
	margin-left: 10px;
	display:flex;
	align-items:center;
}

.all_menu .inner .content .languege_link .lg_list li {
	position:relative;
	margin: 0 10px;
}

.all_menu .inner .content .languege_link .lg_list li::before {
	content:'';
	display:block;
	position:absolute;
	left: -10px;
	top: 50%;
	transform:translateY(-45%);
	width: 1px;
	height: 14px;
	background-color:rgba(255, 255, 255, .3);
}

.all_menu .inner .content .languege_link .lg_list li:first-child::before {
	content:none;
}

.all_menu .inner .content .languege_link .lg_list li a {
	color:#fff;
	font-size:2.2rem;
	font-weight:400;
	transition:all .4s ease-out;
	border-bottom:1px solid transparent;
	padding: 3px;
}

.all_menu .inner .content .languege_link .lg_list li a:hover {
	border-color:#fff;
} 

.footer {
	padding: 80px;
	background-image:url('../img/footer_img_bg.png?new');
	background-position:center 100%;
	font-size:2rem;
	color:#fff;
}

.footer .row {
	max-width:1720px;
	margin: auto;
	padding: 0 20px;
}

.footer .top_sec {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: 20px 0;
	border-bottom:1px solid rgba(255, 255, 255, .3);
}

.footer .top_sec .info {
	max-width:600px;
}

.footer .top_sec .info span {
	position:relative;
	display:inline-block;
	margin-right: 20px;
}

.footer .top_sec .info span::after {
	content:'';
	display:block;
	position:absolute;
	right: -12px;
	width: 1px;
	height: 10px;
	background-color:rgba(255, 255, 255, .2);
	top: 50%;
	transform:translateY(-50%);
}

.footer .top_sec .logo {
	margin-bottom: 30px;
}

.footer .top_sec a {
	color:#fff;
	
}

.footer .top_sec .tel {
	font-size:3rem;
	font-family:'Montserrat-Bold';
}

.footer .bt_sec {
	display:flex;
	justify-content:space-between;
	padding: 20px 0;
	align-items:center;
}

.footer .bt_sec .family_site_wrap {
	position:relative;
	z-index: 12;
	border:1px solid #3c3c3c;
	width: 250px;
	height: 45px;
	background-color:rgba(0,0,0,.5);
	background-image:url('../img/family_site_arrow.png?new');
	background-position:90% center;
	background-repeat:no-repeat;
	color:#fff;
	font-family:'Montserrat-Bold', 'Noto Sans KR';
}

.footer .bt_sec .family_site_wrap.open {
	
}

.footer .bt_sec .family_site_wrap li span {
	display:block;
	height: 100%;
	width: 100%;
	line-height:45px;
	cursor:pointer;
	padding: 0 15px;
}

.footer .bt_sec .family_site_wrap .fm_type_wrap {
	display:none;
}

.footer .bt_sec .family_site_wrap .fm_type_wrap li {
	width: 100%;
	height: 45px;
}

.footer .bt_sec .family_site_wrap .fm_type_wrap li a{
	display:block;
	height: 100%;
	width: 100%;
	line-height:45px;
	color:#fff;
	font-family:'Montserrat-Bold';
	font-size: 1.7rem;
	padding: 0 15px;
	background-color:#303030;
}

.footer .bt_sec .family_site_wrap .fm_type_wrap li a:hover {
	background-color:#B48553;
}

.video-container {
    position: relative;
    padding-bottom: 53.5%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.certf_wrapper {
	max-width:850px;
	margin: auto;
	margin-top: 160px;
	text-align:center;
	position:relative;
	z-index: 10;
}

.certf_wrapper.new {
	max-width:600px;
}

.certf_wrapper > p {
	font-size:1.6rem;
	font-weight:400;
	letter-spacing:-.02em;
}

.en .certf_wrapper > p {
	font-size:2rem;
	font-weight:500;
}

.certf_wrapper.new  > p{
	margin-bottom: 30px;
}

.certification_btn_wrap {
	width: 100%;
	display:flex;
	justify-content:space-between;	
	align-items:center;
	margin-bottom: 30px;
}

.certification_btn_wrap li:first-child button {
	background-image:url('../img/obj_certification.png?new');
	background-position:0 center;
	width: 112px;
	height: 156px;
}

.certification_btn_wrap li:nth-child(2) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-163px center;
	width: 128px;
	height: 122px;
}

.certification_btn_wrap li:nth-child(3) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-341px center;
	width: 128px;
	height: 122px;
}

.certification_btn_wrap li:nth-child(4) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-517px center;
	width: 128px;
	height: 128px;
}

.certification_btn_wrap li:nth-child(5) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-696px center;
	width: 124px;
	height: 136px;
}


.certification_btn_wrap.new li:nth-child(5) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:0 center;
	width: 112px;
	height: 156px;
}

.certification_btn_wrap.new li:nth-child(1) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-163px center;
	width: 128px;
	height: 122px;
}

.certification_btn_wrap.new li:nth-child(4) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-341px center;
	width: 128px;
	height: 122px;
}

.certification_btn_wrap.new li:nth-child(2) button {
	background-image:url('../img/obj_certification.png?new');
	background-position:-517px center;
	width: 128px;
	height: 128px;
}




.certification_btn_wrap.new {
	flex-wrap:wrap;
}

.certification_btn_wrap.new li:first-child {
	width: 100%;
	margin-bottom: 20px;
	text-align:center;
}

.certification_btn_wrap.new li:nth-child(2),
.certification_btn_wrap.new li:nth-child(3),
.certification_btn_wrap.new li:nth-child(4) {
	width: 33.3333%;
	text-align:center;
	margin-bottom: 20px;
}


.certification_btn_wrap.new li:nth-child(5) {
	width: 100%;
	text-align:center;
}


/* media queries */


/* 1720 */
@media(max-width:1720px) {
	.footer .row {
		padding: 0 40px;
	}

	.fixed {
		right: 20px;
	}

	.scrolldown {
		right: 65px;
	}
}

/* 1600 */
@media(max-width:1600px) {
	.dc_pop .b-close {
		right: 200px;
	}

	.en .header .nav > li{
		line-height:100%;
	}

	.header .nav > li > a br {
		display:block;
	}

	.header .nav > li > a br.w1280 {
		display:none;
	}

	.all_menu .cg {
		width: 500px;
		background-position:center;
	}
}

/* 1440 */
@media (max-width:1440px) {
	

	.header .nav > li > a  {
		font-size:1.6rem;
	}

	.header .nav li .sub_menu li a {
		font-size:1.4rem;
	}

	.all_menu .cg {
		display:none;
	}

	.all_menu .inner {
		justify-content: center;
	}
}

/* 1280 */
@media (max-width:1280px) {
	
	.header {
		height: 100px;
	}

	.header .right_box {
		height: 100%;
	}

	.header #logo_img {
		width: 120px;
	}

	.en .naverstore {
		font-size:0;
	}

	.header .nav > li > a br.w1280 {
		display:block;
	}

	
}

/* 1024 */
@media(max-width:1024px) {
	.naverstore {
		font-size:0;
		text-indent:-9999px;
	}

	.dc_pop .b-close {
		right: 100px;
	}

	.header .logo img {
		width: 120px;
	}
}

/* 992 = pc */
@media(min-width:992px) {
	.PC {
		display:block !important
	}

	.PC_FLEX {
		display:flex !important
	}

	.MOBILE {
		display:none !important
	}
	.m_fixed {
		display: none;
	}

}

/* 991 = mobile */
@media(max-width:991px) {

	.logo_ci.main1  {
		margin-top: 0;
	}

	.PC,
	.PC_FLEX {
		display:none !important
	}

	.MOBILE {
		display: block !important
	}
	.fixed {
		display: none;
	}
	.m_fixed_wrap {
		height: 55px;
	}

	.m_fixed {
		position: fixed;
		display: flex;
		flex-wrap: wrap;
		width: 100vw;
		z-index: 999999;
		left: 0;
		bottom: 0;
		right: 0;
		height: 55px;
	}

	.m_fixed li {
		width: 50%;
		height: 55px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: 1px solid rgba(255, 255, 255, .3);
	}
	.m_fixed li:nth-child(1) {
		background-color:#594a42;
	}
	.m_fixed li:nth-child(2) {
		background-color:#94002f;
	}

	.m_fixed li a {
		color: #fff;
		display:block;
		font-weight: 500;
		line-height: 1.2;
	}


	.header .nav_wrap,
	.language_select{
		display:none;
	}

	.naverstore {
		
		margin-right: 5px;
		width: 26px;
		height: 26px;
	}

	.naverstore img {
		margin-right: 0;
	}

	.scrolldown {
		right: auto;
		left: 20px;
		bottom: 55px;
	}

	.dc_pop .b-close {
		right: 30px;
		top: -70px;
	}

	.dc_pop .swiper_popup_slider {
		max-width:calc(100% - 60px);
		margin: auto;
	}

	.all_menu .inner {
		padding: 0;
	}

	.all_menu .inner .content {
		max-width:calc(100% - 40px);

	}

	.all_menu .inner .content .title .logo {
		width: 150px;
	}

	.all_menu .inner .content .title .tel_ span {
		font-size:3rem;
	}
	
	.all_menu .inner .content .menu_wrap > li b {
		font-size:2.2rem;
		width: 200px;
	}

	.en .all_menu .inner .content .menu_wrap > li b {
		font-size:2rem;
		width: 250px;
	}

	.en .all_menu .inner .content .menu_wrap > li .sub_menu li a,
	.en .all_menu .inner .content .languege_link .lg_list li a {
		font-size:1.8rem;
		justify-content: space-between;
	}

	.all_menu .inner .content .menu_wrap > li .sub_menu li a,
	.all_menu .inner .content .languege_link .lg_list li a {
		font-size:1.6rem;
	}

	.all_menu .inner .content .smartstore a {
		font-size:2.2rem;
	}

	.all_menu .close_btn {
		right: 20px;
		top: 20px;
		z-index: 99;
	}

	.fixed {
		right: 10px;
		top: auto;
		bottom: 20px;
		transform:translate(0);
	}

	.fixed img {
		width: 60px;
	}

	.fixed .top_btn {
		margin-top: 20px;
	}

	.fixed .top_btn img {
		width: 50px;
	}


	.footer .top_sec,
	.footer .bt_sec {
		flex-direction:column;
		align-items:center;
		
	}

	.footer .top_sec .info {
		text-align:center;
	}

	.footer .top_sec .info span {
		font-size:1.7rem;
		font-family:'NotoSansKR-Medium';
	}

	.footer .top_sec .info span:nth-of-type(2),
	.footer .top_sec .info span:nth-of-type(4) {
		margin-right: 0;
	}

	.footer .top_sec .info span:nth-of-type(2)::after,
	.footer .top_sec .info span:nth-of-type(4)::after {
		content:none;
	}

	.footer .top_sec .tel {
		display:flex;
		align-items:center;
		margin-top: 20px;
		font-size:2.4rem;
	}
	
	.footer .top_sec .tel img {
		width: 28px;
		height: 28px;
		margin-right: 5px;
	}

	.footer .bt_sec > p {
		order:2;	
		font-size:1.5rem;
		font-family:'NotoSansKR-Medium';
		text-align:center;
	}

	.footer .bt_sec > .family_site_wrap {
		order:1;	
		margin-bottom: 20px;
	}

	.footer .bt_sec .family_site_wrap {
		width: 200px;
	}

	.footer .bt_sec .family_site_wrap li span {
		font-size:1.4rem;
	}

	.footer .bt_sec .family_site_wrap .fm_type_wrap li a {
		font-size:1.3rem;
	}
	
	.certification_btn_wrap {
		max-width:500px;
		flex-wrap:wrap;
		justify-content:center;
		margin: auto;
		margin-top: 40px;
	}

	.certification_btn_wrap li {
		text-align:center;
	}

	.certification_btn_wrap li:first-child,
	.certification_btn_wrap li:nth-child(2),
	.certification_btn_wrap li:nth-child(3){
		width: 33.3333%;
		margin-bottom: 20px;
	}

	.certification_btn_wrap li:nth-child(4),
	.certification_btn_wrap li:nth-child(5) {
		width: 40%;
	}

	 .certification_btn_wrap li:first-child button {
		width: 64px;
		height:90px;
		background-size:auto 100%;
	}

	 .certification_btn_wrap li:nth-child(2) button {
		width: 88px;
		height: 82px;
		background-size:auto 120%;
		background-position: -100px center;
	}

	 .certification_btn_wrap li:nth-child(3) button {
		width: 88px;
		height: 82px;
		background-size:auto 120%;
		background-position: -210px center;
	}

	 .certification_btn_wrap li:nth-child(4) button {
		width: 88px;
		height: 88px;
		background-size:auto 120%;
		background-position: -350px center;
	}

	 .certification_btn_wrap li:nth-child(5) button {
		width: 88px;
		height: 88px;
		background-size:auto 110%;
		background-position: 100% center;
	}

	.certf_wrapper.new {
		max-width:350px;
	}


	 .certification_btn_wrap.new li:first-child button {
		width: 88px;
		height: 82px;
		background-size:auto 120%;
		background-position: -100px center;
	}

	.certification_btn_wrap.new li:nth-child(2) button {
		width: 88px;
		height: 88px;
		background-size:auto 120%;
		background-position: -350px center;
	}

	.certification_btn_wrap.new li:nth-child(3) img {
		height: 80px;
	}

	.certification_btn_wrap.new li:nth-child(4) button {
		width: 88px;
		height: 82px;
		background-size:auto 120%;
		background-position: -210px center;
	}

	.certification_btn_wrap.new li:nth-child(5) button {
		width: 64px;
		height:90px;
		background-size:auto 100%;
	}
	

}

@media(max-width:575px) {

	
	
	.header {
		height: 60px;
	}

	.header h1 {
		padding-top: 10px;
	}

	.header .logo img {
		width: 120px;
	}

	



	.dc_pop .b-close {
		width: 35px;
		top: -45px;
		right: 30px;
	}

	.swiper-button-next, .swiper-button-prev {
		width: 35px !important;
		height: 35px !important;
	}

	.swiper-button-next:after, .swiper-button-prev:after {
		font-size:20px;
	}

	.all_menu {
		min-width:320px;
	}

	.all_menu .inner .content .title {
		margin-bottom: 20px;
	}

	.all_menu .inner .content .title {
		flex-direction:column;
		align-items:center;
	}

	.all_menu .inner .content .title .logo {
		width: 180px;
		margin-bottom: 20px;
	}

	.all_menu .inner .content .title .tel_ img {
		width: 25px;
		height: 25px;
	}

	.all_menu .inner .content .title .tel_ span {
		font-size:2.5rem;
		margin-left: 5px;
	}
	
	.en .all_menu .inner .content .menu_wrap > li,
	.all_menu .inner .content .menu_wrap > li {
		height: auto;
		padding: 20px 0;
	}
	
	.en .all_menu .inner .content .menu_wrap > li {
		padding: 10px 0;
	}

	.en .all_menu .inner .content .menu_wrap > li b {
		font-size:0rem;
		width: 0px;
	}

	.all_menu .inner .content .menu_wrap > li b {
		display:none;
	}

	.all_menu .inner .content .menu_wrap > li .sub_menu {
		flex-direction:column;
		align-items:flex-start;
	}

	

	.all_menu .inner .content .menu_wrap > li .sub_menu li {
		margin-bottom: 15px;
	}
	
	.en .all_menu .inner .content .menu_wrap > li .sub_menu li {
		font-size:2.2rem;
	}

	.all_menu .inner .content .menu_wrap > li .sub_menu li:last-child {
		margin-bottom: 0;
	}

	.all_menu .inner .content .menu_wrap > li .sub_menu li a,
	.all_menu .inner .content .languege_link .lg_list li a {
		font-size:1.8rem;
	}

	.all_menu .inner .content .menu_wrap > li .sub_menu li ,
	.all_menu .inner .content .menu_wrap > li .sub_menu li a{
		text-align:left;
		line-height:1.5;
	}

	.all_menu .inner .content .menu_wrap > li .sub_menu li a br {
		display:block;
	}

	.cn .all_menu .inner .content .menu_wrap > li .sub_menu li a br,
	.jp .all_menu .inner .content .menu_wrap > li .sub_menu li a br {
		display:none;
	}

	.all_menu .inner .content .languege_link {
		flex-direction:column;
	}

	.all_menu .inner .content .languege_link .lg_list {
		margin-top: 10px;
		margin-left: 0;
	}

	.all_menu .inner .content .smartstore {
		text-align:center;
	}

	.all_menu .inner .content .smartstore a img {
		width: 25px;
	}

	.all_menu .inner .content .smartstore a {
		font-size:2rem;
	}

	.all_menu .close_btn {
		width: 35px;
		height: 35px;
	}

	.footer {
		padding: 60px 20px;
	}

	.footer .row {
		padding: 0;
	}

	.footer .top_sec, .footer .bt_sec {
		padding: 10px 0;
	}

	.footer .top_sec .tel {
		margin-top: 5px;
	}

	.footer .top_sec .info span {
		margin-right: 10px;
	}

	.footer .top_sec .info span::after {
		right: -7px;
	}

	.footer .bt_sec > .family_site_wrap {
		margin-bottom: 10px;
	}

	.certf_wrapper {
		margin-top: 100px;
	}

	.certf_wrapper > p {
		padding: 0 20px;
		font-size:2.0rem;
		font-family:'NotoSansKR-Medium';
	}

	
	
}