/* *******************************************************
■ 사이트 공통
******************************************************* */
html{font-size:20px;}
body{font-size:1rem;}
.web{display: block}
.brnone,
.tablet,
.mob{display: none;}
#wrap{position: relative; overflow-x:hidden; line-height: 1.5; z-index: 1;    background: #f7f7f7;}
#wrap img { border: none;}
#wrap i{vertical-align: middle;}
.dim{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;z-index:999;display:none;}
.popUpcon{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;height:90%;}
.popUpcon img{width:auto;height:90%;}
.popUpcon .pop-tit{color:#fff;margin-top:0.5rem;font-size:1rem;}

.popUpcon .x-con {width:100%;height:1.5rem;background:url(/images/default/content/x-icon.svg)no-repeat center right;display:block;margin-bottom:0.5rem;text-align:right;display:flex;justify-content:flex-end}

/*-----폰트-----*/
#wrap{font-size:0.9rem;}

@media (max-width:1400px){
	.brnone{display: none;}

}
@media (max-width:1030px){
	/* -----공통----- */
	html{font-size: 18px;}
    body{font-size: 1rem}
	.web{display: none}
	.tablet{display: block;}
}
@media (max-width: 767px){
	/* -----공통----- */
	html{font-size: 16px;}
    body{font-size: 1rem}
	.tablet{display: none;}
	.mob{display: block;}
}
@media (max-width: 767px) {
	.popUpcon{width:90%;}
		.popUpcon img{height:auto;max-width:100%;}

}


/* *******************************************************
■ 해더
******************************************************* */
:root{ 
	--custom-transiton1: all 0.4s cubic-bezier(.7, 0, .2, 1);
	--custom-transiton2: all 0.8s cubic-bezier(.7, .1, .2, 1);
	--custom-transiton3: all 0.8s cubic-bezier(.7, .1, .2, 1) 0.5s;
}

/* -----헤더----- */
#header{/*position: absolute;*/ position: absolute; top:0; left: 0; width:100%;  z-index:100; z-index:99999;background:#f7f7f7; }
/* -----탑메뉴----- */
#header h1{position: absolute;top: 50%; z-index:1; z-index:21; transform: translateY(-50%); left:0;}
#header h1 img{vertical-align: middle; width:8.55rem;}
#header h1 a{display: block;}
#header .header_inner{position:relative; width:1720px; margin:0 auto; height:5rem; display: flex; justify-content:end; align-items: center;}
@media (min-width: 3000px) {
	#header:not(.open){max-width: 1650px; left:50%; transform: translateX(-50%);}
	#menuAll .mobile_top{max-width:1650px; margin:0 auto;}
}
#header .header_inner a.tel {position:absolute;right:3.5rem;background:#004ea2;color:#fff;font-size:0.8rem;font-weight:600;padding:0.725rem 0.75rem;border-radius:22.5px;line-height:1;}


/*-----네비게이션-----*/
#header .header_inner #nav {display: flex; flex-direction: row; align-items: center;width: 100%;   justify-content: flex-end;    margin: 0 auto;    box-sizing: border-box;margin-left:9.5rem;padding:0 5rem; }
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;width:100%;display: flex;justify-content: center;}
#header .header_inner #nav ul li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;width:8rem; }
#header .header_inner #nav ul li {position:relative; }
#header .header_inner #nav ul li a{text-align:center; color:#333 ; display:inline-block; height:5rem; line-height:5rem; position:relative;  font-size:0.95rem; font-weight: 500;}
#header .header_inner #nav ul li ul {z-index: 10;display:none; position: absolute; width:100%; left:0;     transform: translateX(-50%); top:5rem; padding:1.5rem 0 .5rem; box-sizing:border-box; text-align:center; border-radius: .5rem; height:auto; display: none; animation-name: slide_down;	animation-duration:0.5s; animation-duration: linear; animation-direction: alternate; animation-fill-mode: forwards;}
#header .header_inner #nav ul li ul li {display:block; margin:0; margin-bottom:0.8rem; line-height:1.5;}
#header.over .header_inner #nav ul li a{color:#191919;}
#header .header_inner #nav ul li ul li a{display:inline-block;color:#555555; font-size:0.9rem; padding:0; height:auto; line-height:1.5; transition: all .2s; -webkit-transition: all .2s;position:relative;}
#header .header_inner #nav ul li.active ul li:after{display:none;}
#header .header_inner #nav ul li > div {text-align:center;}


/*언어*/
#header .header_inner .hd-right{line-height: 5rem; padding-right:7.8rem;}
#header .groupware{display: inline-block; width:6.5rem; height:1.8rem; line-height:1.8rem ; border:solid 1px #fff; border-radius: 2rem; color:#fff; padding-left:1.8rem; font-size:0.8rem; position: relative;}
#header .groupware:before {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0; border-radius: 15px; background-color: #007bc7; z-index: -1; -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); transition: all 250ms;}
#header .groupware:after{content:''; display:block; position:absolute; width:17px; height:18px; background:url('/images/default/main/groupware.svg')no-repeat center center;background-size:17px; top:50%; left:0.7rem; transform:translateY(-50%);}
#header .groupware:hover{border: solid 1px #007bc7;}
#header .groupware:hover:before {width: 100%;}
#header .lang {position:absolute;background:#007bc7;right:0;top:5rem;width:6rem;height:7rem;display:flex;justify-content:center;align-items:center;z-index:9999;}
#header .lang ul li {text-align:center;line-height:1;}
#header .lang ul li:not(:last-child){margin-bottom:1.5rem;}
#header .lang ul li a{font-size:0.8rem;color:rgba(255,255,255,0.4);line-height:1;}
#header .lang ul li a.on{font-weight:600;color:#fff;}
#header .lang-point-bx{position:absolute;background:#007bc7;right:0;top:12rem;width:6rem;height:calc(100vh - 12rem);display:flex;justify-content:center;align-items:center;z-index:9999;transition: var(--custom-transiton2);}


/* 탑메뉴 2차 배경 */

#header.over .header_inner #nav > ul > li.on > div a{color:#007bc7 !important; font-weight:600;position:relative;}
#header.over .header_inner #nav > ul > li.on > div a:after{content:'';display:block;position:absolute;width:100%;height:2px;background:#007bc7;bottom:0;left:50%;transform:translateX(-50%);}
#header.over .header_inner #nav > ul > li.on > div a:before{content:'';display:block;position:absolute;width:0.55rem;height:0.6rem;background:url(/images/default/main/text-point.png)no-repeat center center;background-size:cover;top:1.5rem;left:3rem;}
#header.over .header_inner #nav ul li ul li a{color:#555;}
#header.over .header_inner #nav ul li ul li a:hover{color:#007bc7 ; text-decoration:underline;text-underline-position:under; font-weight: 600;}
.bg_box{margin: 0 auto !important;  display: none; position: absolute; width: 100%; height: 15rem; box-sizing: border-box; border-top: 1px solid #DBDBDB; background-color: rgba(255,255,255,1); /*box-shadow: 3px 15px 15px rgb(0 0 0 / 10%);*/}
.bg_box .bg_box_img{background:#007bc7 url('/images/default/content/bg_box.jpg')no-repeat center center; background-size:cover; width:18.25rem; height:13.5rem; color:#fff; padding:1.8rem 1.3rem; font-size:0.9rem;position:absolute; right:2.6rem; top:50%; transform: translateY(-50%); display: flex; align-items: flex-end;}
.bg_box .bg_box_img h2{width:6.85rem; height:1rem; margin-bottom: 1.3rem;}
.bg_box .bg_box_img p{font-size:0.9rem; font-weight: 700; line-height: 1.5;}
.gnb_bg{display: none; opacity: 0; position: fixed; top: 6.8rem; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-out; z-index: 100;}
@media (max-width: 1650px){
	/* -----탑메뉴----- */
	#header .header_inner{width: 100%; padding:0 1rem;}
	#header .header_inner .hd-right{padding-right:8.5rem;}
	.gnb-search-wrap .searchBox{width:100%;}
	.bg_box .bg_img{width:100%; padding: 1.5rem 1rem;}
	#header .header_inner .lang{right:5rem;}
	#header h1 img{width:7rem;}
}
@media (max-width: 1720px){
	.bg_box .bg_box_img{display: none !important;}
}
@media (max-width: 1340px){
	#header .header_inner #nav ul li ul li a{font-size:0.75rem; letter-spacing:-0.03em;}
	#header.over .header_inner #nav > ul > li.on > div a:before{content:'';display:block;position:absolute;width:0.55rem;height:0.6rem;background:url(/images/default/main/text-point.png)no-repeat center center;background-size:cover;top:1.5rem;left:1.5rem;}

}
@media (max-width: 1200px){
	#header .header_inner #nav ul li ul li a{font-size:0.7rem;}
}
@media (max-width: 1030px){
	/* -----헤더----- */
	#header h1{left:1rem;}
	#header h1 img{width:7.5rem;}
	#header .s_header{display: none;}
	/* -----탑메뉴----- */
	#header .header_inner {height: 4rem;}
	#header .header_inner .lang{height:4rem; line-height: 4rem; right:3.75rem;}

	#header .header_inner h1{ z-index: 10;}
	#header .header_inner #nav{display: none;}
	.log_div{height:4rem;}
	.gnb-search-wrap .searchBox .searcClose{height:4rem;}
	.gnb-search-wrap .searchBox .searcClose i{line-height:4rem;}
	.gnb-search-wrap{height:4rem;}
	.gnb-search-wrap .searchBox{padding:.75rem;}
	.gnb-search-wrap .searchBox form{width:55%;}

}

@media (max-width: 767px){
	/* -----헤더----- */
	#header h1{left: 1rem;}
	/* -----탑메뉴----- */
	#header .header_inner{height: 3.6rem;}
	.log_div{height:3.6rem;}
	.log_div .log_menu{display:none;}
		#header #navi{padding-top:5rem;}
}


/*사이트맵 버튼*/
#header .btn-gnb-menu{position:absolute; right:0; top:0;  height:5rem; cursor:pointer; z-index:9999;text-align:center; -webkit-transition: all 0.25s; transition: all 0.25s;}
#header .btnAll {position:relative; display:block; width:1.6rem; height:1.15rem; margin:0 auto; top:50%;  transform:translateY(-50%);outline: none; z-index:9999;}
#header .btnAll span { display: inline-block; width: 100%; height: 2px; position: absolute; background-color: #181818; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; right:0;}
#header .btnAll > span:nth-child(2) { top: 0.5rem; right:0;}
#header .btnAll > span:nth-child(3) { top: 1rem; right:0;}
#header.open .btnAll > span{}
#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}


#header.open .btnAll span {background-color:#fff;}
@keyframes slide_down {
  from {
    transform: translateX(0px) translateY(-30px);
	opacity:0;
  }
  to {
    transform: translateX(0px) translateY(0px);
	opacity:1;
  }
}

@media (max-width:1800px){
	#header .header-inner {width:100%;padding:0 1rem;}
	#header .btn-gnb-menu{width:5rem;}
	#header .lang{width:5rem;}
	#header .lang-point-bx{width:5rem;}
	#header .header_inner #nav{padding-right:4rem;margin-left:0;padding-left:7rem;}
	
	#header h1{left:1rem;}
}
@media (max-width:1400px){
	#header .header-inner > ul > li{padding:0 2rem;}
	#header .header-inner h1 img{height:1.5rem;}
	#header .header_inner #nav ul li{width:6rem;}
}
@media (max-width:1030px){
	#header .header-inner h1 img{height:1.8rem;}
	#header .header-inner > ul {display:none;}
	#header{height:3.6rem;}

	#header .btnAll{width:1.5rem;height:1rem;}
	#header.open .btnAll > span:nth-child(1),
	#header.open .btnAll > span:nth-child(2) { width: 1.5rem;}
	#header.open .btnAll span{background:#333;}
}
@media (max-width:500px){
	#header .btn-gnb-menu{width:4rem;}
	#header .lang{width:4rem;}
	#header .lang-point-bx{width:4rem;}
}


/*사이트맵*/
#header #navi{position:fixed; top:-100%; left:0; width:100%; height:100%; padding-top:0; overflow:hidden;  z-index:20; transition:top 0.45s;}
#header.open #navi{transition:top 0.45s; top:0px;}
#header.open #navi .navi-bg{position:absolute;width:100%;height:100%;left:0;top:0;background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);z-index:-1;}

#menuAll .top_menu{display:none;}
#menuAll h3{font-size:1.5rem; }
#menuAll .mobile_top{width:100%; height:100%; position:relative; display: flex; align-items: center;}
#menuAll .mobile_top:after{content:''; display:block; position:absolute; width:4.15rem; height:39.9rem; background:url('/images/default/main/sitemap-bg.png')no-repeat center center; background-size: cover; bottom:0; right:0.85rem;}
#menuAll .mobile_top h4{font-size:3rem; padding: 0 13%; color:#333;}
#menuAll .mobile_top > ul {display:flex;width:1720px;margin:0 auto;}
#menuAll .mobile_top > ul  > li {width:calc(100% / 4);color:#fff;padding:0 1.5%;text-align:center;}
#menuAll .mobile_top > ul  > li > div > a{color:#fff;font-size:1.5rem;font-weight:600;min-height:2.6em;height:3.9rem;margin-bottom:1rem;display:inline-block;}
#menuAll .mobile_top .mbtop > li > a{position:relative; color:#fff; font-size:1.4rem; line-height:1; font-weight: 600; margin-bottom:1.6rem;}
#menuAll .mobile_top > ul > li > a{display:block; position:relative; transition: all .5s; -webkit-transition: all .5s;}
#menuAll .mobile_top > ul > li > ul{}
#menuAll .mobile_top > ul > li > ul > li{position:relative;}
#menuAll .mobile_top > ul > li > ul > li:not(:last-child){padding-bottom:0.5rem;}
#menuAll .mobile_top > ul > li > ul > li:hover > a{font-weight: 600; text-decoration: underline; text-underline-position:under;}
#menuAll .mobile_top > ul > li > ul > li > a{position: relative;  display:inline-block; width:auto; background:none;font-size:0.9rem; color:#fff; font-weight: 500; padding-left:0.7rem;}

#menuAll .mobile_top > ul > li > ul > li > ul{margin:0.5rem 0 0 0.7rem;}
#menuAll .mobile_top > ul > li > ul > li > ul > li{}
#menuAll .mobile_top > ul > li > ul > li > ul > li a{font-size:0.8rem; color:#666; padding-left:0.4rem; position: relative;}
#menuAll .mobile_top > ul > li > ul > li > ul > li a:after{content:''; display:block; position:absolute; width:5px; height:1px; background:#666;  top:50%; transform:translateY(-50%); left:0;}
#menuAll .mobile_top > ul > li > ul > li > ul > li a:hover{color:#004ea2;}
#menuAll .mobile_top > ul > li > ul > li > ul > li a:hover:after{background:#004ea2;}
#menuAll .mobile_top > ul > li > ul > li > a strong{position: relative;font-weight: 600; text-decoration: underline; text-underline-position:under;}

#header #menuAll .mobile_top > ul > li {opacity: 0;transform: translateY(-40px);transition-duration: 0.5s;}
#header.open #menuAll .mobile_top > ul > li{    opacity: 1;transform: translateY(0);transition-duration: 0.5s;}

#header.open #menuAll .mobile_top > ul > li:hover:before{opacity: 1; transform: translateY(0);}
#header.open #menuAll .mobile_top > ul > li:nth-child(1){    transition-delay: .2s;transition-duration: 0.5s;padding-top:0;}
#header.open #menuAll .mobile_top > ul > li:nth-child(2){    transition-delay: .4s;transition-duration: 0.5s;}
#header.open #menuAll .mobile_top > ul > li:nth-child(3){    transition-delay: .6s;transition-duration: 0.5s;}
#header.open #menuAll .mobile_top > ul > li:nth-child(4){    transition-delay: .8s;transition-duration: 0.5s;}
#header.open #menuAll .mobile_top > ul > li:nth-child(5){    transition-delay: 1.0s;transition-duration: 0.5s;}
#header.open #menuAll .mobile_top > ul > li:nth-child(6){    transition-delay: 1.0s;transition-duration: 0.5s;}

@media (min-width: 2000px) {
	#menuAll .mobile_top{justify-content: center;}
	#menuAll .mobile_top .mbtop:after{width:calc(100% - 13rem);}
}


/*푸터*/
#footer {background:#232222;}
#footer .footer-inn {width:1600px;margin:0 auto;}
#footer .footer-inn .footer-top{padding:2.75rem 0;display:flex;justify-content:space-between;border-bottom:1px solid #525252;}
#footer .footer-inn .footer-top .left {display:flex;}
#footer .footer-inn .footer-top .left .stxt {font-size:0.9rem;color:#fff;font-weight:500;}
#footer .footer-inn .footer-top .left .stxt02 {font-size:0.8rem;color:#b3b3b3;}
#footer .footer-inn .footer-top .left a {font-size:1.75rem;color:#fff;font-weight:700;line-height:1;margin:0.65rem 0 ;display:block;}

#footer .footer-inn .footer-top .left .left-con02 {margin-left:3rem;}
#footer .footer-inn .footer-top .left .left-con02 ul li{font-size:0.9rem;color:#fff;}
#footer .footer-inn .footer-top .left .left-con02 ul li span {font-weight:700;color:#949494;width:4.75rem;display:inline-block;}
#footer .footer-inn .footer-top .left .left-con02 ul li:not(:last-child){margin-bottom:1rem;}
#footer .footer-inn .footer-top .right ul {display:flex;}
#footer .footer-inn .footer-top .right ul li {width:6rem;height:5.5rem;background:#303030;border-radius:10px;}
#footer .footer-inn .footer-top .right ul li a {width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#footer .footer-inn .footer-top .right ul li a p{color:#fff;font-size:0.9rem;margin-top:0.5rem;}
#footer .footer-inn .footer-top .right ul li:not(:last-child){margin-right:1rem;}

#footer .footer-inn .footer-bottom {display:flex;}
#footer .footer-inn .footer-bottom > div {padding-left:2rem;}
#footer .footer-inn .footer-bottom{padding:2.75rem 0 3.75rem 0;}
#footer .footer-inn .footer-bottom ul.list2 {margin-top:1rem;}
#footer .footer-inn .footer-bottom ul li {display:flex;color:#fff;}
#footer .footer-inn .footer-bottom ul li span {color:#949494;font-weight:700;margin-right:0.4rem;}
#footer .footer-inn .footer-bottom ul.list1 li span {width:4.6rem;display:inline-block;}
#footer .footer-inn .footer-bottom ul li > div {padding:0 0.7rem;position:relative;}
#footer .footer-inn .footer-bottom ul li > div:first-child{padding-left:0;}
#footer .footer-inn .footer-bottom ul li > div:last-child{padding-right:0;}
#footer .footer-inn .footer-bottom .copy {color:#949494;font-size:0.8rem;font-weight:500;margin-top:2.5rem;}
@media (max-width:1650px){	
	#header.open #navi > div.navi-list > ul {padding:0 1rem;}
	#footer .footer-top .inner{padding:2.25rem 1rem 2rem 1rem;}
	#footer  .inner{width:100%;padding:0 1rem;}
	#footer .footer-bottom .top-btn{position:absolute;right:1rem;}
}
@media (max-width:1400px){
	#header.open #navi > div.navi-list > ul > li > a{font-size:1.4rem;width:8rem;}
	#header.open #navi > div.navi-list > ul > li > ul{width:calc(100% - 8rem);}
	#footer .footer-top .inner > ul{gap:0.5rem;}
	#footer .footer-top .inner > ul > li{width: calc(100% / 5 - 1rem);}
}
@media (max-width:1030px){
	html{font-size:16px;}
    body{font-size:1rem}
	#wrap{font-size:1rem;}
	.tablet{display:block;}

		/*사이트맵*/
	#header .btn-gnb-menu{width:3.6rem;height:3.6rem;}
	#header.open #navi .navi-bg{background:#fff;backdrop-filter: blur(0);}
	#menuAll .mobile_top > ul{display:block;}
	#menuAll .mobile_top .mbtop > li > a{margin-bottom:0;}
	#menuAll .mobile_top > ul > li > ul > li > a:after{display:none;}


	
	/*전체메뉴*/
	#header #navi:after{content:'';display : block; position : absolute; left :0; top:0; width :100%; height : 4rem;background:#fff;}  


	#menuAll .mobile_top{width:100%;height:auto; background:transparent;border-top:1px solid #ddd;}
	#menuAll .mobile_top:before,
	#menuAll .mobile_top:after{display: none;}
	


    /*1차*/
	#menuAll .mobile_top .mbtop{border: 0; width: 100%; padding:0;margin-top:4rem; }
	#menuAll .mobile_top .mbtop > li{width: 100%; margin:0 !important;}
	#menuAll .mobile_top .mbtop > li:before{display:none;}
	#menuAll .mobile_top .mbtop > li > a{border:0; border-radius: 0; font-size:1.1rem; padding: 20px 1.5rem 14px; color:#333; }
	#menuAll .mobile_top .mbtop > li > a:before{display:none;}
    #navi ul.mbtop {width:100%; margin:0; padding:0;}
    #navi ul.mbtop li{margin:0; float:none; width:100%; border-bottom:1px solid rgba(0, 0, 0, .1); position:relative;}
	#navi ul.mbtop li:after{ content :"\e913"; display : block; position : absolute; right:1.5rem;  top:1rem; font-size:1.15rem; font-family:'xeicon'; font-weight:500; color:#333; }
	#navi ul.mbtop li.nosub:after{display:none;}


	#navi ul.mbtop > li > a {padding:0; background: none; text-align:left; display:block; width:100%; padding: 1rem;box-sizing:border-box; font-size:1.15rem;  font-weight: 700;  color:#262626;}
    #navi ul.mbtop li{position:relative;padding:0;}
	#navi ul.mbtop > li.open_li > a{}
    #navi ul.mbtop li.open_li:after{ content :"\e91a";}

    /*2차*/
    #navi ul.mbtop li ul {display:none; float:none; background-color:#efefef; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible; padding: 2rem 1.5rem; margin-top:0; margin-left: 0;}
	#header.open #navi > div.navi-list > ul > li > ul{width:100%;}
    #navi ul.mbtop li ul.on{display:block;}
	#navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none; padding-left:0;text-align:left;}
    #navi ul.mbtop li ul li a {background:url(none);  height:auto; padding-left:0;  font-size:1rem; color:#333;}	
    #navi ul.mbtop li ul li:after,
	#navi ul.mbtop li ul li:before{display:none;}
    /*3차*/
    #navi ul.mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
    #navi ul.mbtop li ul li ul li {display:none;}
}
@media (max-width:850px){
	#footer .footer-bottom .inner{display:block;}
	#footer .footer-bottom .inner .right{margin-top:2rem;margin-left:0;}
	#footer .footer-bottom .top-btn{position:absolute;right:1rem;top:0rem;}
	#footer .footer-bottom .top-btn img{height:3rem;}
}
@media (max-width:767px){
	#header.open #navi{display:block;}
	#header.open #navi > div.navi-img{height:35%;width:100%;}
	#header.open #navi > div.navi-img img{max-height:100%;}
	#header.open #navi > div.navi-list {width:100%;height:100%;display:block;}
	#header.open #navi > div.navi-list > ul > li > a{width:100%;font-size:1.3rem;}
	#menuAll .mobile_top .mbtop > li > a{padding:1.5rem 0;}
	#header.open #navi > div.navi-list > ul > li > ul > li:first-child{margin-top:0;}
	#footer .footer-top .inner > ul {flex-wrap:wrap;  justify-content: flex-start; margin-right: -0.5rem;}
	  #header #navi > div.navi-list:after{width:16rem;height:3.65rem;bottom:1rem;right:1rem;}
	#footer .footer-top .inner > ul > li{width: calc(100% / 3 - 0.5rem);}
	#footer .footer-bottom .inner  ul li  em{padding:0; display: block; height:0.5rem; font-size:0;}
	#footer .footer-bottom .right ul li span {display:block;margin-bottom:0.25rem;width:auto;}
	#footer .footer-bottom .right ul li span:after{display:none;}
}
@media (max-width:450px){
	#footer .footer-bottom .right ul li:not(:last-child){line-height:1.3;}
}

/*전체메뉴 움직임*/

#header .lang-point-bx {height:0;    transition: var(--custom-transiton2);}
#header.open .lang-point-bx{height:calc(100vh - 12rem);}
.navi-dim{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:99;display:none;    backdrop-filter: blur(2px);}

/*탑버튼*/
.top-btn{position:fixed; right:1rem; bottom:1rem; cursor:pointer; z-index:10; display: none;}
@media (max-width:500px){
	.top-btn img{width:3rem;}
}


.dim{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;z-index:999;display:none;}
.popUpcon{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;height:90%;}
.popUpcon img{width:auto;height:90%;}
.popUpcon .pop-tit{color:#fff;margin-top:0.5rem;font-size:1rem;}

.popUpcon .x-con {width:100%;height:1.5rem;background:url(/images/default/content/x-icon.svg)no-repeat center right;display:block;margin-bottom:0.5rem;text-align:right;display:flex;justify-content:flex-end}
@media (max-width:1600px){
	#footer .footer-inn {width:100%;padding:0 1rem;}
}
@media (max-width:1200px){
	#footer .footer-inn .footer-top .left .left-con02{margin-left:1rem;}

}
@media (max-width:900px){
	#footer .footer-inn .footer-top{display:block;}
	#footer .footer-inn .footer-top .right{margin-top:1rem;}
	#footer .footer-inn .footer-bottom ul li{display:block;}
	#footer .footer-inn .footer-bottom ul li > div{padding:0;}
}
@media (max-width:767px){
	#footer .footer-inn .footer-bottom{display:block;}
	#footer .footer-inn .footer-bottom > div{padding-left:0;margin-top:1rem;}
}
@media (max-width:540px){
	#footer .footer-inn .footer-bottom ul li span{display:block;}
	#footer .footer-inn .footer-bottom ul.list1 li span{display:block;width:auto;}
	#footer .footer-inn .footer-bottom{padding:2rem 0;}
	#footer .footer-inn .footer-top{padding:2rem 0;}
	#footer .footer-inn .footer-top .left{display:block;}
	#footer .footer-inn .footer-top .left .left-con02{margin-left:0;margin-top:1rem}
	#footer .footer-inn .footer-top .left .left-con02 ul li:not(:last-child){margin-bottom:0.25rem;}

	.popUpcon img{height:auto;}
}

.quick {position:fixed;right:1rem;bottom:1rem;display:flex; flex-direction:column;;align-items:flex-end;z-index:2;
}
.quick a {width:3.5rem;height:3.5rem;border-radius:50%;display:block;background:#fae301;display:flex;justify-content:center;align-items:center;transition-duration: 0.5s;}

.quick a:first-child img{width:1.5rem;}
.quick a:last-child img {width:.8rem;}
.quick a:first-child p {display:none;color:#231816;margin-right:1.25rem;}
.quick a:first-child:hover{width:9rem;border-radius:3rem;transition-duration: 0.5s;}
.quick a:first-child:hover p {display:block;transition-duration: 0.5s;}
.quick a:last-child {background:#fff;box-shadow: 0 0 1rem rgb(0 0 0 / 15%);margin-top:1rem;}


@media (max-width:767px){
.quick a:first-child:hover {width:3.5rem;}
.quick a:first-child:hover p {display:none;}
}