@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;
-webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option,button{
	color:#222;
	font-family:"Poppins", "Pretendard", "Noto Sans KR", "돋움",dotum,sans-serif; word-break: keep-all;
	font-size:14px;font-weight:normal;
}


img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#222;text-decoration:none;cursor:pointer}
a:hover{color:#222;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
img{max-width:100%;}

:root {
	--ci-color-green: #3ab54a;
	--ci-color-blue: #21b4e1;
	--ci-color-gray: #939598;
	--main-color-green: #4d9a65;
	--main-color-green-1: rgba(57,150,70,0.8);
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/_font/Pretendard-ExtraBold.otf') format('opentype'), url('/_font/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/_font/Pretendard-Bold.otf') format('opentype'), url('/_font/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/_font/Pretendard-SemiBold.otf') format('opentype'), url('/_font/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/_font/Pretendard-Medium.otf') format('opentype'), url('/_font/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/_font/Pretendard-Regular.otf') format('opentype'), url('/_font/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/_font/Pretendard-Light.otf') format('opentype'), url('/_font/Pretendard-Light.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/_font/Pretendard-ExtraLight.otf') format('opentype'),url('/_font/Pretendard-ExtraLight.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/_font/Pretendard-Thin.otf') format('opentype'), url('/_font/Pretendard-Thin.woff2') format('woff2');
}


#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100vh;
	background:rgba(0,0,0,0.7);
}
.top-btn{
	background: 0;border:0;outline:none;
	position:fixed;bottom:40px;right:3vw;
	box-sizing:border-box;
	z-index: 1000;
	opacity:0;
	transition:opacity 0.3s ease;
	width: auto;
}
.top-btn.visible{opacity:1;transition:opacity 0.3s ease;}

/* header */
#header{
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;
	transition:all 0.4s;
}
#header.up{transform:translateY(-100%);}
.head{
	box-sizing:border-box;
	position:relative;
	height:90px;
	padding:0 4.17vw;
}	
.head:after{
	display:block;content:"";
	width:100%;height:80px;
	background:#ffffff;
	position:absolute;left:0;top:100%;z-index:-1;
	transform-origin:top;transform:scaleY(0);
	transition:all 0.4s;
}
.head h1{position:absolute;left:4.17vw;top:18px;z-index:10000;}
.head h1 a{
	display:block;
	width:133px;height:51px;
	background:url(/images/common/logo1.png) no-repeat;
	text-indent:-9999px;
}
.head nav{}
.head nav>ul{display:flex;justify-content:center;align-items:center;}
.head nav>ul>li{position:relative;margin:0 2.4vw;}
.head nav>ul>li>a{position:relative;display:block;font-weight: 500;font-size:18px;color:#fff;line-height:90px;}
.head nav>ul>li>a:after{
	display:block;content:"";
	width:100%;height:2px;
	background:#74b567;
	position:absolute;left:0;bottom:0;
	transform:scaleX(0);transition:all 0.4s;
}
.head nav>ul>li.on>a:after{transform:scaleX(1);}
.head nav>ul>li>ul{
	display:none;
	position:absolute;left:0;top:100%;
	width:1030px;
}
/* .head nav>ul>li:nth-child(5)>ul{left:-241px;} */
.head nav>ul>li>ul>li{
	float:left;
	position:relative;
	padding:0 1.2vw;
}
.head nav>ul>li>ul>li>a{
font-size:18px;color:#000;font-weight: 400;font-family: "Noto Sans KR";
line-height:80px;
}
.head nav>ul>li>ul>li:hover>a{color:#3aaa35;}

.head nav>ul>li>ul>li:first-child{padding-left:0;}
.head nav>ul>li>ul>li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#cccccc;
	position:absolute;right:0;top:50%;margin-top:-6px;
}
.head nav>ul>li>ul>li:last-child:after{display:none;}

.head .gnb{
	position:absolute;right:4.17vw;top:calc(60px / 2);
	display:flex;align-items:center;
}
.head .gnb>ul{display:flex;align-items:center;}
.head .gnb>ul>li{
	position:relative;
	padding-left:12px;margin-left: 12px;
}
.head .gnb>ul>li:after{
	display:block;content:"";
	width:1px;height:11px;
	background:rgba(255,255,255,0.3);
	position:absolute;left:0;
	top: 50%;
	transform: translateY(-50%);
}
.head .gnb>ul>li>a{display:block;font-size:14px;color:rgba(255,255,255,0.7);}
.head .gnb>ul>li.lb-market a{
	color: #fff;
	padding: 4.5px 20px;
	display: block;
	border-radius: 15px;
	background-color: var(--main-color-green);
}
.head .language{position:relative;}
.head .language>a{
	display:block;
	position:relative;
	padding:0 15px 0 0;font-size:14px;color:rgba(255,255,255,0.7);
}
.head .language>a:after{
	display:block;content:"";
	width:4px;height:4px;
	border-right:2px solid rgba(255,255,255,0.7);border-bottom:2px solid rgba(255,255,255,0.7);
	transform:rotate(45deg);
	position:absolute;right:3px;top:5px;
	font-family: "Wix Madefor Display";
}
.head .language>ul{
	display:none;
	position:absolute;left:50%;top:100%;
	transform:translateX(-50%);
	margin:10px 0 0;
}
.head .language>ul>li{margin-bottom:4px;}
.head .language>ul>li>a{
	display:flex;align-items:center;justify-content:center;
	width:50px;height:30px;
	background:#fff;
	border-radius:15px;
	font-size:13px;color:#555;
}
.head .language>ul>li:hover>a{background:#74b567;color:#fff;}
.head .btn_menu{
	position:relative;z-index:5000;
	width:28px;
	margin:0 0 0 2.34vw;
	cursor:pointer;
}
.head .btn_menu>div{
	width:100%;height:3px;
	background:#fff;
	transition:all 0.4s;
	margin-bottom: 7px;
}
.head .btn_menu>div:last-child{margin-bottom:0px;}

.head .btn_menu.openmenu>div:nth-child(1){width:100%;transform: translateY(5px) rotate(45deg);}
.head .btn_menu.openmenu>div:nth-child(3){width:100%;transform: translateY(-5px) rotate(-45deg);}


#header.bl{}
#header.bl .head h1 a{background:url(/images/common/logo_bl.png) no-repeat;}
#header.bl .head nav>ul>li>a{color:#000;}
#header.bl .head .gnb>ul>li:after{background:rgba(0,0,0,0.3);}
#header.bl .head .gnb>ul>li>a{color:#000;}
#header.bl .head .gnb>ul>li.lb-market>a{color:#fff;}
#header.bl .head .language>a{color:#000;}
#header.bl .head .language>a:after{border-right:2px solid #000;border-bottom:2px solid #000;}
#header.bl .head .btn_menu>div{background:#000;}

#header.on,
#header.act{background:#e9e9e9;}
#header.on .head:after{transform:scaleY(1);}
#header.on .head h1 a,
#header.act .head h1 a{background:url(/images/common/logo2.png) no-repeat;}
#header.on .head nav>ul>li>a,
#header.act .head nav>ul>li>a{color:#000;}
#header.on .head .gnb>ul>li:after,
#header.act .head .gnb>ul>li:after{background:rgba(0,0,0,0.3);}
#header.on .head .gnb>ul>li>a,
#header.act .head .gnb>ul>li>a{color:#000;}
#header.on .head .gnb>ul>li.lb-market>a,
#header.act .head .gnb>ul>li.lb-market>a{ color:#fff;}
#header.on .head .language>a, #header.act .head .language>a{color:#000;}
#header.on .head .language>a:after,
#header.act .head .language>a:after{border-right:2px solid #000;border-bottom:2px solid #000;}
#header.on .head .btn_menu>div,
#header.act .head .btn_menu>div{background:#000;}

/*allmenu*/
#allmenu {position: fixed;top:0;left:0;width:100%;height: 100vh;background:#fff;z-index:1000;display:none;
background: #d2dace;
}

#allmenu .inner {display:flex;align-items:center;width:100%;height:100%;padding:160px 4.17vw 6vw;margin:0 auto;position: relative;
box-sizing:border-box;}
#allmenu .inner .all_img {position: relative;z-index:1100;width:40%;height:100%;
border:1px solid rgba(0,0,0,0.1);
border-top: 0;border-bottom: 0;

}
/* #allmenu .inner .all_img .imgwrap{
height:100%;border-radius:10px;margin:0 auto;
display: flex;align-items:center;justify-content:center;
width:414px;background: url(/images/common/allmenu_bg.jpg)no-repeat center / cover;
}

#allmenu .inner .all_img .imgwrap strong{
	text-align: center;
	width:100%;
	color:#fff;font-size:29px;
	font-weight: 600;
	font-family: "Pretendard";
	line-height: 1.5em;
}
#allmenu .inner .all_img img {width:100%;height:100%;} */

#allmenu .inner .all_img .imgwrap{
height:100%;border-radius:10px;margin:0 auto;
display: flex;align-items:center;justify-content:center;
width:414px;
overflow: hidden;

}

#allmenu .inner .all_img video {
width:100%;
height: 100%;
object-fit: cover;
}

#allmenu .inner .all_img strong {
color:#fff;font-size:clamp(20px,2.2vw,29px);
font-weight: 600;
font-family: "Pretendard";
line-height: 1.5em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
margin: 0;
padding: 0;
}

#allmenu .inner .gnb {position: relative;z-index:1100;width:60%;height: 100%;display: flex;align-items: center;box-sizing:border-box;}
#allmenu .inner .gnb > ul {position: relative;z-index:10;display:flex;flex-wrap:wrap;width:100%;height: 100%;}
#allmenu .inner .gnb > ul > li {width: 33.33%;box-sizing:border-box;
padding:0 3.13vw;/* border-right:1px solid rgba(0,0,0,0.1); */
}
#allmenu .inner .gnb > ul:before,
#allmenu .inner .gnb > ul:after{
position: absolute;content:'';
box-sizing:border-box;
width:1px;height:100%;border-right:1px solid rgba(0,0,0,0.1);
top:0;
left:33.3%;
}
#allmenu .inner .gnb > ul:after{left:66.7%;}
#allmenu .inner .gnb > ul > li:nth-child(3n){margin-right: 0;}
#allmenu .inner .gnb > ul > li:nth-child(4),#allmenu .inner .gnb > ul > li:nth-child(5){padding-top: 7vw;}
#allmenu .inner .gnb > ul > li > a {position: relative;display: block;font-size:28px;box-sizing:border-box;
font-weight:600;color:#121212;
/* font-family:"Pretendard"; */
}
#allmenu .inner .gnb > ul > li .lnb {padding-top:min(5vh, 45px);}
#allmenu .inner .gnb > ul > li .lnb > ul > li {}
#allmenu .inner .gnb > ul > li .lnb > ul > li + li {margin-top:15px;}
#allmenu .inner .gnb > ul > li .lnb > ul > li > a{display: block;font-size:18px;letter-spacing:-0.01em;color:rgba(0,0,0,0.7);transition:all 0.1s;font-weight: 400;
/* font-family: "Pretendard", "Noto Sans KR", sans-serif; */
position: relative;}

#allmenu .inner .gnb > ul > li:hover > a{}
#allmenu .inner .gnb > ul > li .lnb > ul > li:hover > a{color:#121212;font-weight: 500;transition:all 0.2s;}
#allmenu .inner .gnb > ul > li .lnb >ul>li>ul{margin-top: 20px;}
#allmenu .inner .gnb > ul > li .lnb >ul>li>ul>li + li{margin-top: 10px;}
#allmenu .inner .gnb > ul > li .lnb >ul>li>ul>li>a{
display: block;font-size:17px;letter-spacing:-0.01em;color:rgba(0,0,0,0.7);transition:all 0.1s;font-weight: 400;
position: relative;
box-sizing:border-box;padding-left: 1.56vw;
    word-break: break-all;
/* font-family: "Pretendard", "Noto Sans KR", sans-serif; */
}
#allmenu .inner .gnb > ul > li .lnb >ul>li>ul>li:hover>a{color:#3aaa35;transition:all 0.2s;}

/**/
.open .head h1 a{background:url(/images/common/logo2.png) no-repeat;}
.open .head .pc_nav{display: none;}
.open .head .gnb .btn_menu.openmenu{}
.open .head .gnb .btn_menu.openmenu>div{width:34px;height:4px;background: #000;transform:translateY(8px) rotate(45deg);margin-bottom: 0;
transition:transform 0.4s ease-in-out;}
.open .head .gnb .btn_menu.openmenu>div:nth-child(2){opacity:0;}
.open .head .gnb .btn_menu.openmenu>div:nth-child(3){transform:translateY(0px) rotate(-45deg);
transition:transform 0.4s ease-in-out;}
.open .head .gnb .btn_menu.openmenu>div>span{display: none;}


/*allmenu motion*/
#allmenu .inner .all_img{opacity:0;}
#allmenu .inner .gnb .small_img{opacity:0;}
#allmenu .inner .gnb > ul > li{opacity:0;}
#allmenu.on .bg{
	animation-name: fadeRight2;animation-duration: 1.5s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
#allmenu.on .inner .all_img{
	animation-name: fadeImgLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
	animation-delay:0.05s;
}
#allmenu.on .inner .gnb .small_img{
	animation-name: fadeSimg;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
	animation-delay:0.35s;
}
@keyframes fadeSimg{
 0%{transform:translate3d(20%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
#allmenu.on .inner .gnb > ul > li{
	animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease;
	animation-delay:0.1s;
}
#allmenu.on .inner .gnb > ul > li:nth-child(2){animation-delay:0.2s;}
#allmenu.on .inner .gnb > ul > li:nth-child(3){animation-delay:0.3s;}
#allmenu.on .inner .gnb > ul > li:nth-child(4){animation-delay:0.4s;}
#allmenu.on .inner .gnb > ul > li:nth-child(5){animation-delay:0.5s;}
/*footer*/
#footer{}
#footer .foot{
display: flex;
padding:70px 80px 55px 90px;
box-sizing:border-box;
background: #d9d9d9;
}
#footer .foot .f_logo{width:133px;}
#footer .foot .f_add{
flex: 1;
padding-left: 4vw;box-sizing:border-box;
}
#footer .foot .f_add .contact>div{
color:#666666;font-size:16px;font-family: "Pretendard";font-weight: 400;
}
#footer .foot .f_add .contact>div + div{
margin-top: 6px;
}
#footer .foot .f_add .contact>div>.bar{
display: inline-block;
width:1px;height:10px;
background: rgba(0,0,0,0.25);
margin:0 8px;
}
#footer .foot .f_add .copy{
margin-top: 30px;
font-family: "Poppins";font-weight: 400;
color:rgba(0,0,0,0.6);font-size:16px;
}
#footer .foot .f_add .copy>a{font:inherit;color:inherit;transition:all 0.2s;}
#footer .foot .f_add .copy>a:hover{
color:#111;font-weight: 500;
}
#footer .foot .f_gnb{display: flex;flex-direction:column;align-items:end;}
#footer .foot .f_gnb .info{display: flex;align-items:center;}
#footer .foot .f_gnb .info>li{
margin-right: 12px;padding-right: 12px;position: relative;
}
#footer .foot .f_gnb .info>li:before{
position: absolute;content:'';
width:1px;height:14px;right:0;top:4px;
background: #666666;
}
#footer .foot .f_gnb .info>li:last-child{padding-right: 0;margin-right: 0;}
#footer .foot .f_gnb .info>li:last-child:before{display: none;}
#footer .foot .f_gnb .info>li>a{
color:#666666;font-size:16px;font-family: "Pretendard";font-weight: 400;

}
#footer .foot .f_gnb .fm_site{
margin-top: 32px;
position: relative;
width:245px;
}

#footer .foot .f_gnb .fm_site>button{
position: relative;
border:0;
background: #c4c4c4;
width:100%;
box-sizing:border-box;
padding:18px 20px;
text-align: left;
font-size:16px;
font-family: "Wix Madefor Display";
color:#666666;
z-index: 1;
border-radius: 10px;
transition: all 0.5s ease;
}

#footer .foot .f_gnb .fm_site>button:before{
position: absolute;content:'';
width: 9px;height: 6px;
top:50%;
right:20px;
transform:translateY(-50%);
background: url(/images/common/fm_site_arr.png)no-repeat center;
transition: all 0.3s ease;
}

#footer .foot .f_gnb .fm_site.on > button {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#footer .foot .f_gnb .fm_site.on > button:before{
transform:translateY(-50%) rotate(180deg);
}

#footer .foot .f_gnb .fm_site .site-list {
width:100%;
position: absolute;
bottom: 100%;
}

#footer .foot .f_gnb .fm_site ul{
background: #c4c4c4;
position: relative;
padding: 10px 0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: all 0.5s ease;
}

#footer .foot .f_gnb .fm_site.on ul{
max-height: 100%;
opacity: 1;
}

#footer .foot .f_gnb .fm_site ul::before{
content:'';
position: absolute;
width: calc(100% - 40px);
height: 1px;
background: #666;
bottom: 0;
left: 20px;

}

#footer .foot .f_gnb .fm_site ul li a {
color: #666666;
font-size: 16px;
padding: 5px 20px;
display: block;
}


@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(70%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeRight2{
 0%{transform:translate3d(40%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 100px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}

/* footer-popup */
.footer-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 10000;
}

.footer-popup.dp-none{
display:none;
}

.footer-popup .footer-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 1440px;
width: 100%;
margin: 0 auto;
border-radius: 10px;
padding: 80px;
background: #fff;
z-index: 1001;
}

.footer-popup .button-close {
border: none;
background: none;
position: absolute;
right: 30px;
top: 30px;
padding: 10px;
display: block;
width: 45px;
height: 45px;
}

.footer-popup .content-title {
font-size: 28px;
font-weight: 600;
color: #222222;
padding-bottom: 65px;
}

.footer-popup .footer-content .content-wrap {
padding-top: 60px;
border-top: 2px solid #000;
}

.footer-popup .footer-content .content {
padding-right: 20px;
height: 44vh;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #bfbfbf #f5f5f5;
}

.footer-popup .footer-content .content.dp-none {
display:none;
}

.footer-popup .text-box {}

.footer-popup .text-box p {
color: #333333;
font-size: 18px;
line-height: 32px;
}

.footer-popup .text-box p + p{
margin-top: 50px;
}

.footer-popup .footer-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}

/* footer point1 */
@media screen and (max-width: 1500px){
   #footer .foot {
	padding: 70px 3vw 55px;
	}
	
	.head nav {display: none;}
}

/* tablet */
@media screen and (max-width: 1399px){
#footer .foot {
flex-wrap: wrap;
}

#footer .foot .f_gnb {
width: 100%;
align-items: flex-start;
margin-top: 30px;
margin-left: calc(133px + 4vw);
}

#footer .foot .f_add {
width: calc(100% - 133px );
}


.footer-popup .footer-content {
padding: 80px 40px;
width: 80%;
}

}

@media screen and (max-width: 1200px){


#allmenu .inner .all_img {
position: absolute;
bottom: 6vw;
right: 4.5vw;
width: calc(33.33% - 6.26vw);
height: calc((100% - 160px)/2);
border:none;
}
#allmenu .inner .gnb {
width: 100%;
}
#allmenu .inner .all_img .imgwrap {
width: 100%;
}
}

@media screen and (max-width: 1024px){


#footer .foot {
padding: 50px;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
}

#footer .foot .f_add {
padding-left: 0;
width: 100%;
margin-top: 42px;
}

#footer .foot .f_add .contact>div + div {
margin-top: 12px;
}

#footer .foot .f_add .copy {
position: absolute;
bottom: 50px;
margin-top: 0;
font-size: 16px;
}

#footer .foot .f_gnb {
width: 100%;
margin-left:0;
margin-top: 0;
padding-top: 50px;
position: relative;
padding-bottom: 90px;
}

#footer .foot .f_gnb .info {
flex-direction: row;
flex-wrap: wrap;
}

#footer .foot .f_gnb .info>li:nth-child(1){
order:1;
}

#footer .foot .f_gnb .info>li:nth-child(2){
order:3;
margin-right: 0px;
padding-right: 0px;
position: static;
}
#footer .foot .f_gnb .info>li:nth-child(2):before{display: none;}

#footer .foot .f_gnb .info>li:nth-child(3){
order:2;
margin-right: 12px;
padding-right: 12px;
position: relative;
}
#footer .foot .f_gnb .info>li:last-child:before{display: block;}

}

/* moble */
@media screen and (max-width: 812px){
#allmenu .inner .all_img {
display: none;
}

#allmenu .inner .gnb {
width: 100%;
}

#allmenu .inner .gnb > ul > li {
width: 50%;
}

#allmenu .inner .gnb > ul > li:nth-child(4), #allmenu .inner .gnb > ul > li:nth-child(5) {
padding-top: 0;
}

#allmenu .inner .gnb > ul:before {
left:50%;
}

#allmenu .inner .gnb > ul:after {
display: none;
}

#allmenu .inner .gnb > ul > li .lnb {
padding-top: 20px;
}

.footer-popup .content-title {
    font-size: 18px;
    padding-bottom: 55px;
}

.footer-popup .footer-content .content-wrap {
    padding-top: 50px;
    border-top: 2px solid #000;
}

.footer-popup .text-box p {
    color: #333333;
    font-size: 14px;
    line-height: 30px;
}

.footer-popup .text-box p + p {
    margin-top: 30px;
}

}


@media screen and (max-width: 625px){
.head .gnb>ul {
display: none;
}
}

@media screen and (max-width: 600px){
#allmenu .inner .gnb {
width: 100%;
}

#allmenu .inner .gnb > ul:before, #allmenu .inner .gnb > ul:after {
display: none;
}

#allmenu .inner .gnb > ul {
flex-direction: column;
flex-wrap: nowrap;
gap:30px;
}

#allmenu .inner .gnb > ul > li {
width: 100%;
padding-top: 0;
}

#allmenu .inner .gnb > ul > li:nth-child(4), #allmenu .inner .gnb > ul > li:nth-child(5) {
padding-top: 0;
}

#allmenu .inner .gnb > ul > li .lnb {
padding-top: 20px;
}


#footer .foot {
padding: 70px 3vw 55px;
}
		
#footer .foot .f_add .contact>div + div {
margin-top: 10px;
}

#footer .foot .f_gnb {
width: 100%;
margin-left:0;
margin-top: 0px;
padding-top: 30px;
position: relative;
padding-bottom: 57px;
}

#footer .foot .f_add .copy{
margin-top: 0;

}

#footer .foot .f_add .contact>div,
#footer .foot .f_add .copy,
#footer .foot .f_gnb .info>li>a,
#footer .foot .f_gnb .fm_site>button,
#footer .foot .f_gnb .fm_site ul li a{
font-size: 12px;
}
}